/* CSS Document */
html {
  height: 100%;
}
body {
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size:14px;
text-align:center;
margin:0;
padding:0;
height: 100%;
}
a img {
border:0;
}
a img, a:focus img, a:hover img , a:active img { outline:none }

td {
padding:0;
}

.conversiontable {
font-size:9px;
text-align: center;
}
.conversiontable td {
width:55px;
border:solid 1px #000;
border-width:1px 0 0 1px;
}
.conversiontable .bottom td {
border-width:1px 0 1px 1px;
}
.conversiontable td.right {
border-width:1px 1px 0 1px;
}
.conversiontable .bottom td.right {
border-width:1px 1px 1px 1px;
}

span.checkbox {
position:relative;
}
img.unchecked {
border:ridge 2px #000000;
margin:0;
padding:0;
vertical-align:top;
margin-top:1px;
}
img.checked {
border:ridge 2px #000000;
margin:0;
padding:0;
vertical-align:top;
margin-top:1px;
background:url(../check-bg-spot-2.jpg); /* Green Spot */
}
input.checkbox {
display:none;
}
* html img.unchecked {
border:solid 2px #555555;
margin:0;
padding:0;
vertical-align:top;
margin-top:4px;
}
* html img.checked {
border:solid 2px #555555;
margin:0;
padding:0;
vertical-align:top;
margin-top:4px;
background: #77F371; /* Green */
}
* html input.checkbox {
position:absolute;
top:4px;
left:0px;
width:19px;
height:19px;
filter:alpha(opacity=00);
opacity: 0.0;
/*-moz-opacity:0.0;*/
}

div.wrapper {
  margin:0 auto;
  width: 826px;
  text-align: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: visible;
}
div.wrapper-inner {
  padding-bottom: 50px;
  margin: 0 18px;
}
div.footer {
  text-align:center;
  font-size:12px;
  padding:2px 0 6px;
  border-top:solid 1px #AAA;
  margin-top: -23px;
  background: #cfdef1;
}

td {
vertical-align:top;
}
textarea {
vertical-align:top;
width: 300px;
height: 100px;
}
form {
display:inline;
}
div.header {
  padding: 5px 0 10px;
  height:51px;
}
#search div.header {
  padding: 5px 18px 10px;
}
/*
div.header ul {
list-style-type:none;
margin:0;
padding:0;
float:right;
margin-top:5px;
}
div.header li {
float:left;
}
div.header li a {
display:block;
width:6em;
height:2.5em;
line-height:2.5em;
text-align:center;
text-decoration:none;
}

div.header ul.adminlinks li a {
display:block;
width:9em;
height:1.5em;
line-height:1.5em;
text-align:center;
text-decoration:none;
}

div.header li a:link {
color:#FFFFFF;
background:#5555FF;
}
div.header li a:visited {
color:#FFFFFF;
background:#5555FF;
}
div.header li a:hover {
background:#AAAAFF;
}
div.header li a:active {
background:#5555FF;
}

div.header li a#current:link {
color:#000000;
background:#FFFF00;
}
div.header li a#current:visited {
color:#000000;
background:#FFFF00;
}
div.header li a#current:hover {
background:#FFFF99;
}
div.header li a#current:active {
background:#FFFF00;
}

/ normal buttons ----------------------------------------- /

div.header li.single a {
height:2.5em;
line-height:2.5em;
}

/ double line buttons ------------------------------------ /

div.header li.double a {
height:2em;
line-height:1em;
padding: 0.25em 0;
}
*/

div.header ul {
list-style-type:none;
margin:0;
padding:0;
float:right;
margin-top:5px;
position:relative;
right:-1px;
}
div.header li {
float:left;
/*margin-left:5px;*/
}
div.header .button-text-container {
color: #666;
font-weight:800;
font-size:10px;
margin-bottom: 2px;
text-align:center;
text-decoration:none;
width:60px;
line-height:10px;
/*border:solid 1px #888888;*/
}

div.header .admin .button-text-container {
width:80px;
}

div.header .single .button-text-container {
height:10px;
padding: 10px 0;
}

div.header .double .button-text-container {
height:20px;
padding: 5px 0;
}

/*
div.header .single .button-text-container div {
line-height:1em;
margin-top:1em;
background:#f00;
}

div.header .double .button-text-container span {
line-height:1em;
margin:0.5em auto;
}
   */     
div.header .button-side-shadow {
width:1px;
background: #6E6E6E;
}
div.header .button-bottom-shadow {
height:1px;
background: #6E6E6E;
}
div.header .button-corner-shadow {
width:1px;
height:1px;
background: #6E6E6E;
}
div.header .button-inner-border {
border: solid 1px #A2A2A2;
}
div.header .button-outer-border {
border: solid 1px #CFCFCF;
}

/* *********** Buttons ******************** */

.button-actual {
height:19px;
width:100px;
border:0;
padding:0;
margin:0;
background:#FFFFFF;
}

button .button-text-container {
color: #666;
font-weight:800;
font-size:10px;
text-align:center;
text-decoration:none;
line-height:10px;
/*border:solid 1px #888888;*/
position:relative;
top:-1px;
height:10px;
margin: 2px 0 7px 0;
}

/*.single button .button-text-container {
height:16px;
margin: 12px 0;
}

.double button .button-text-container {
height:32px;
margin: 4px 0;
}*/
  
.button-side-shadow {
width:1px;
background: #6E6E6E;
}
.button-bottom-shadow {
height:1px;
background: #6E6E6E;
}
.button-corner-shadow {
width:1px;
height:1px;
background: #6E6E6E;
}
.button-inner-border {
border: solid 1px #A2A2A2;
}
.button-outer-border {
border: solid 1px #CFCFCF;
}
button.button {
background:#FFFFFF;
border:0px;
margin:0px;
padding:0px;
}

/* Search form buttons */

div.searchform div.button-outer-border {
float:right;
}

/* LightBox buttons */

td.lbb div.button-outer-border {
float:left;
margin-right:5px;
}

td.lbb .button-actual {
width:102px;
}

div.button {
  position: relative;
  width: 78px;
  height: 49px;
  margin-left: 0;
}

div.single a {
  display: block; 
  width: 70px; 
  height: 28px; 
  margin: 2px 5px 6px 3px; 
  text-align: center; 
  line-height: 12px; 
  padding-top: 13px; 
  color: #404040; 
  text-decoration: none; 
  font-size: 11px; 
  font-weight: bold; 
  position: absolute; 
  z-index: 50;
  background-image: url(blank.gif);
}

div.double a {
  display: block; 
  width: 70px; 
  height: 34px; 
  margin: 2px 5px 6px 3px; 
  text-align: center; 
  line-height: 12px; 
  padding-top: 7px; 
  color: #404040; 
  text-decoration: none; 
  font-size: 11px; 
  font-weight: bold; 
  position: absolute; 
  z-index: 50;
  background-image: url(blank.gif);
}

div.button img.n {
  position: absolute; 
  z-index: 20;
}

div.button img.o {
  position: absolute; 
  z-index: 30; 
  visibility: hidden;
}

div.button img.d {
  position: absolute; 
  z-index: 40; 
  visibility: hidden;
}

.inline-block {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;  
  zoom: 1;
  *display: inline;
}

.lb_button {
  float: left;
}

input.text {
border-top:solid 2px #666;
border-left:solid 1px #777;
border-right:solid 1px #777;
border-bottom:solid 1px #CCC;
}

div.searchform {
  font-size: 12px;
  background: #FFFFFF;
}

div.searchresults {
margin-bottom:15px;
}

div.searchimagescroll {
/*
width: 50%; No. of images * (image width + 15) - 15
height: 177px; image height + 27
*/ 
height:87px;
width:790px;
overflow:auto;
text-align:center;
}
div.searchimagescroll img {
  display: block;
  float: left;
}
div.searchimagescroll table {
/*display:inline;*/
}
div#artistpage {
  margin-left: 18px;
  margin-right: 18px;
}

div.artistimagescroll {
/*width: 255px; /* No. of images * (image width + 15) - 15 */
height: 245px; /* image height + 27 */ 
width: 74px;
overflow: auto;
}
#mainimage {
margin-left:9px;
}

div.lightbox {
margin-bottom: 10px;
}
table.lightbox {
width:100%;
}
.lightboximagescroll {
width: 790px;
overflow: auto;
height: 87px;
}
td.lbl {
width:1px;
text-align:left;
}
/*
button {
width:9em;
font-family: arial, sans-serif;
font-size:90%;
border:0;
border-bottom:solid 2px #eba90a;
border-right:solid 1px #CCC;
background-image:url(../button-bg.jpg);
margin-bottom:2px;
}
button:hover {
border-top:solid 2px #FFF;
border-bottom:solid 2px #fcef23;
margin-bottom:0px;
}*/

/* Applications Forms */
input.number {
  width: 50px;
}
input.long {
  width: 300px;
}
div.error, span.error {
padding: 2px;
border: solid 1px #ef270c;
}
.error_inner {
margin: 2px;
}
.error .td_left {
border:solid 1px #FF0000;
border-width: 1px 0 1px 1px;
padding: 2px;
}
.error .td_right {
border:solid 1px #FF0000;
border-width: 1px 1px 1px 0;
padding: 2px;
}

/* Artist page CSS */
.ad_name {
font-size:13px
}
.ad_ID {
font-size:11px;
height: 12px;
}
.ad_type {
font-size:11px;
height: 12px;
}
.ad_equity {
font-size:10px;
margin-top:4px;
height: 12px;
}
.ad_spotlight {
font-size:10px;
height: 12px;
}
.ad_size_name {
font-size:10px;
height:14px;
width:120px;
}
.ad_size_value {
font-size:10px;
height:14px;
width:100px;
}
.ad_location {
/*margin-top:8px;*/
font-size: 10px;
height: 12px;
}
.greyed {
color:#AAAAAA;
}
.spacer {
width:30px;
}
.lightbox-image {
margin-right:20px;
}
.lightboximagescroll img, #searchimagescroll img, .artistimagescroll img {
  cursor:pointer;
  cursor:hand;
}

/* Edit request CSS */

#editrequests a {
  text-decoration: none;
}
.viewed {
color: #800080;
}

div.same, div.same input, div.same select, div.same textarea {
background-color:#ffffff; /* white */
}
div.returned, div.returned input, div.returned select, div.returned textarea {
background-color:#2eb5e1; /* blue */
}
div.changed, div.changed input, div.changed select, div.changed textarea {
background-color:#7ff173; /* green */
}
div.edited, div.edited input, div.edited select, div.edited textarea {
background-color:#ffff66; /* yellow */
}
div.warning, div.warning input, div.warning select, div.warning textarea {
background-color:#f7aa23; /* orange */
}

#maleonly1, #femaleonly1, #maleonly2, #femaleonly2, #maleonly3, #femaleonly3, #maleonly4 {
display:none;
}

/*form.application input {
margin-bottom:1em;
vertical-align:top;
}*/
form.application textarea {
vertical-align:top;
}

textarea {
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 90%;
}
input {
font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
font-size: 90%;
}

.field {
  /*color: #2670d5;*/
}
.artistpage {
  height: 245px;
}
.artistpage div.description {
font-size:10px;
height:215px;
margin-bottom:3px;
overflow:auto;
}

/* ******************************* */  
/* ---------- JSselects ---------- */
/* ******************************* */ 
   
/* everything */
.jsselect, .jsselect ul, .jsselect li, .jsselect div, .jsselect table { 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* the permanently displayed area and the rows of the dropdown */
.jsselect li {
}

/* the dropdown area */  
.jsselect li ul {
	position: absolute;
	left: -999em;
	/*border:solid 1px #7f9db9;*/
	border:solid 1px #888;
	z-index:10;
}

/* the rows of the dropdown */
.jsselect li li {
	float: left;
	background:#FFFFFF;
}

/* the text in the dropdown rows*/
.jsselect div.item {
margin-left:2px;
}

/* the dropdown area when open */ 
.jsselect li.open ul {
	left: auto;
}

/* the dropdown rows when hovered */ 
.jsselect li li:hover, #jsselect li li.hover {
  color:#FFFFFF;
  background:#316ac5;
}

/* the table of the permanently displayed area */
.jsselect table {
  /*border:solid 1px #7f9db9;*/
}

/* the text area of the permanently displayed area */
.jsselect td {
  width:100%; /* pushes the image to the right */
  text-align:right;
}  

/* the image of the permanently displayed area */
.jsselect img {
  margin:1px;
}