/* BACKEND CSS - Eddie 110707 */
/* LOGIN FIELDS & NAV */
div#banner div#userlogin { clear:both; float:left; text-align:right; width:26em;margin:-4em 0em 0em 44em; }

div#userlogin { clear:none;float:right; width:26em; height:4em; margin:0em;padding:0em;border:0em;  }
div#userlogin form { clear:both; float:left; margin:0em; } 
div#userlogin fieldset { clear:none;float:left;width:17em;margin:0em;padding:0em;border:0em;}
div#userlogin fieldset.buttons { clear:none;float:right;width:8em;}
div#userlogin form p { margin:0em 0em 0.5em 0em;line-height:1em;font-size:1em; }
div#userlogin form p.loggedin { margin:0.2em 0em 0em 0em;}
div#userlogin label { display:block; float:left; font-family: Arial, Helvetica, sans-serif; font-size:1em; width:8em;margin:0.1em 0.5em 0em 0em; }

div#userlogin input { float:left;font-family: Verdana,Arial, Helvetica, sans-serif; font-size:1em; width:8em;padding:0.1em 0.2em;background-color:#666; color:#fff; border:0em;margin:0em 0em 0.1em 0em;}
div#userlogin input.submit { float:right;width:auto; display:block;padding:0em 0em 0.1em 0em; border:0em; background:url('../clients/images/log_back.gif') no-repeat; color:#563d7f;font-weight:bold;width:6em;text-align:center;}

div#userlogin fieldset.loggedin { float:right;}
div#userlogin fieldset.loggedin p.noclear { float:right;}


h6 { margin:0em 0em 0.1em 0em;font-size:1em; }
div#userlogin p { margin:0em 0em 0em 0em;line-height:1em;font-size:1em; }
/* END LOGIN */

div#clients_nav {clear:both; float:right; text-align:right; width:21.5em;margin:0em 3em 0.5em 0em;  }
div#clients_nav ul { clear:both; float:left;display:block; margin:0em 0em 0em 0.5em;width:21.5em;  }
div#clients_nav ul li { clear:none; float:left;  margin:0em 0em 0em 0em;}
div#clients_nav ul li img { margin:0px; padding:0;}
div#clients_nav ul li a { color:#999; }

div#clients_home_nav { clear:both; float:left; width:95em;text-align:center;margin:2em 0em 0em 0em;}
div#clients_home_nav ul { width:30em;margin:2em auto; }
div#clients_home_nav ul li { clear:none; float:left; width:10em;text-align:center;}
div#clients_home_nav ul li img { width:5.5em;height:5.4em; margin:0em;}
div#clients_home_nav ul li a { display:block;width:5.5em;color:#999;font-weight:bold;margin:0em auto; }

div#dirtree { float:left; width:12em; }
div#dirtree ul ul { margin:0em 0em 0em 1em; }

ul#photolab_images { display:block; clear:none; float:right; width: 90em; }
ul#photolab_images li { display:block; clear:none; float:left; width:20em;padding:0.3em;margin:0em 0.4em 0.4em 0em;height:17.2em;text-align:center;border:1px #fff solid;background:#f3f3f3; }
ul#photolab_images li:hover { opacity:0.6;  }
ul#photolab_images li.sel { border:1px #A4C300 solid; background-color:#E1E1E1; } 
ul#photolab_images li p {clear:both; float:left;margin:0em; padding:0em;width:180px;height:17px; overflow:hidden;}
ul#photolab_images li a { clear:both; float:left;display:block;width:200px;height:150px;}
ul#photolab_images li a.button {clear:none;float:right;width:10px;height:10px;margin:0.5em 0em 0em 0em;padding-right:0.3em; }

div#email_confirm { clear:both; float:left; width:40em; }
div#email_confirm form { }
div#email_confirm fieldset { border:0em;}
div#email_confirm fieldset p { width:30em; margin:0em 0em 0.5em 0em;}
div#email_confirm legend { font-size:1.2em; color:#999; }
div#email_confirm label { clear:both; float:left; display:block; width:10em; }
div#email_confirm input,
div#email_confirm textarea { clear:none; float:left; }
div#email_confirm textarea { width:15em; height:6em; margin:0em 0em 1em 0em;}
div#email_confirm input.checkbox { margin:0.5em 0em 0em 0em;}
div#email_confirm input.submit { padding:0em 1em; }

div#email_images { clear:both; float:left; width:95em;display:block;}
div#email_images h4 { clear:both; float:left; width:20em; }
div#email_images span { color:#880000; }
div#email_images span.z { color:#000000; }
div#email_images ul { clear:none; float:left; width:90em;display:block; }
div#email_images ul li {clear:none; float:left; display:block;width:20em;border:1px #fff solid;background:#f3f3f3;padding:0.2em;margin:0em 0.2em 0.2em 0em;height:17.2em;text-align:center; }
div#email_images ul li a { clear:both; float:left;display:block;width:200px;height:150px;}
div#email_images ul li p { line-height:1.4em; margin:0em; font-size:1em; }

ul#pdflist { clear:both; float:left;margin:0em 2em 0em 1em;width:20em; }
ul#pdflist li { padding: 0.1em 0.3em; font-size:1.1em;}
ul#pdflist li.z { background:#ddd;}

iframe#pdflab { clear:none; float:left; width:70em; height:80em; border:0em;}

div#photolab { clear:both; float:left;margin:0em; width:954px; }
div#photolab span { color:#880000; }
div#photolab span.z { color:#000000; }
div#email_confirm span.z { color:#000000; }
div#email_confirm span { color:#880000; }

div#photolab p { color:#666; font-size:1.0em; margin:0.5em; }

div#photolab h4 { clear:both; float:left; }
div#photolab h4 span { clear:none; float:left;margin:0em 0.5em 0em 0em;}
div#photolab a.nextlink,
div#photolab a.nextlink:link,
div#photolab a.nextlink:visited { clear:none; float:right;display:block;font-size:1.3em; font-weight:bold;margin:1em 0em; }

div#photolab p.tcenter { text-align:center; } 
div#photolab p.redtext { color:#ff0000; }
div#photolab div#search { border-bottom:1px solid #666; width:95.4em; }
div#photolab input, 
div#photolab select, 
div#photolab textarea { background-color:#666; color:#fff; font-size:1.0em; }

div#photolab table#projects th form { clear:none; float:left;}
div#photolab table#projects th fieldset { border:0em; }
div#photolab table#projects th select { border:0em; width:10em;}

/* YOUR GALLERY */
div#photolab div#image_details {clear:both;float:left; background-image:url('../clients/images/left.jpg'); background-repeat:no-repeat; width:447px; height:256px;  }
/*div#photolab div#image_details div#dirtree { clear:both;float:left; height:16em; overflow;auto; padding:1em 0em 0em 1em;}*/

div#photolab div#image_details_content { clear:none;float:right;margin:1em 2em 0 0; height:16em;width:30em;}
div#photolab div#image_details_content p { font-size:1.3em; }
div#photolab div#image_details_content p#image_details_content2 { text-align:right; color:#880000;} 
div#photolab div#image_details_content p#image_details_content2 span { color:#880000;}
div#photolab div#image_details_content p#image_details_content2 span.z { color:#ffffff;} 

div#photolab div#image_details_content p#image_details_content3 { text-align:right; color:#ffffff;} 

div#photolab div#image_details_stand { clear:both;float:left;margin:0.5em 0 0 5em; width:30em; }
div#photolab div#image_details_stand p { color:#fff}

div#photolab div#camera { clear:none;float:right;display:block;background-image:url('../clients/images/right.jpg'); background-repeat:no-repeat; width:507px; height:256px;  }
div#photolab div#camera img:hover { opacity:0.4; }

div#photolab div#camera div#camera_pic { clear:both;float:left;margin:0.8em 0em 0em 4.2em; padding:0; width:319px; height:241px; border:0;background:#000;text-align:center;}
div#photolab div#camera a.main_pic { display:block;width:319px; height:241px; }
div#photolab div#camera a.main_pic img.image_select { border:0;margin:0em; vertical-align:middle;}

div#photolab div#camera div#side_nav { clear:none;float:right;width:8em; margin:3em 2.4em 0em 0em; }
div#photolab div#camera div#side_nav div#tool_buttons { clear:both;float:left; width:8em; height:6em;}

div#photolab div#camera div#side_nav p img { vertical-align:middle; margin-top:-2px; } 
div#photolab div#camera div#side_nav p img:hover { opacity:0.5; }
div#photolab div#camera div#side_nav a, 
div#photolab div#camera #side_nav a:link, 
div#photolab div#camera #side_nav a:visited  { color:#990099 }
div#photolab div#camera #side_nav a:active,
div#photolab div#camera div#side_nav a:hover { color:#666 }

div#photolab div#camera div#side_nav div#submit_button { clear:both;float:left; margin:0.2em 0em 0em 0.7em; }
div#photolab div#camera div#side_nav div#select_button { clear:both;float:left;background-image:url('../clients/images/select_button.gif'); cursor:pointer;background-repeat:no-repeat; width:44px; height:45px; margin:2.4em 0em 0em 1.8em;}
div#photolab div#camera div#side_nav div#select_button:hover { background-image:url('../clients/images/select_button2.gif'); }

div#photolab div.date_stamp { width:90px; float:left; text-align:center; }
div#photolab div.date_stamp div { display:block;width:90px;height:80px;}
div#photolab div.date_stamp p { font-size:0.8em; margin:0em 0em 0em 0em;}
div#photolab div.date_stamp img { border:1px solid #525252;}
div#photolab div.date_stamp img.film_select { border:1px solid #ff0000; }
/* -------------------------------------------------------------------- NAVIGATION ------------------------------------------------------------------ */

/* -------------------------------------------------------------------- SCROLLA ------------------------------------------------------------------ */
div#scroller { clear:both; float:left; margin:1em 0em 0em 0em;width:95.4em; }
/* Styles for scrolling layers specify width and height in hold and wn, and in clip for wn. Hold div height accommodates scrollbar in this example */
a#scroller_left { clear:both; float:left;margin-top:4em; }
a#scroller_right { clear:none;float:right;margin-top:4em;  }

div#scrolla_all { clear:none;float:left;padding-left:5px; }
div#scrolla_all div#hold  { position:relative; overflow:hidden; width:924px; height:120px; z-index:100  }
div#scrolla_all div#wn  { position:absolute; left:0px; top:0px; width:924px; height:120px; clip:rect(0px, 924px, 120px, 0px); overflow:hidden; z-index:1; }
div#scrolla_all div#lyr1  { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrolla_all div#scrollbar { position:absolute; left:0; top:100px; width:924px; height:11px; font-size:1px; z-index:2 }
div#scrolla_all div#track { position:relative; width:924px; height:11px; z-index:1; background-image: url('../clients/images/scrolla/top_bar.jpg'); }
div#scrolla_all div#dragBar { position:relative; width:15px; height:8px; z-index:1; background-image: url('../clients/images/scrolla/track.jpg');  }  
div#backend div#left { position:relative; left:0; top:0; z-index:3; float:left; margin-top:-85px; margin-left:2px }  
div#backend div#right { position:relative; right:0; top:0; z-index:3; float:right; margin-top:-85px; margin-right:2px  }
/*div#scrolla_all .nowrap { white-space:nowrap; background-image:url('../backend/images/scrolla/film.jpg'); background-repeat:no-repeat; height:80px; width:91px; padding:0; margin:0; } */ 
div#scrolla_all #t1 { white-space:nowrap; background-image:url('../clients/images/scrolla/film2.jpg'); background-repeat:repeat-x; height:81px; margin:3px 0 0 0; }
div#scrolla_all #t1 img { margin:9px 3px 0 3px; cursor:pointer; opacity:0.5;  }
div#scrolla_all #t1 img.film_select { margin:9px 3px 0 3px; cursor:pointer; opacity:1;  }
div#scrolla_all #t1 img:hover { opacity:1.0; }

/* -------------------------------------------------------------------- LIGHTBOX ------------------------------------------------------------ */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px;  margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width:100%; text-align:center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline:none; }
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url('../clients/images/blank.gif') no-repeat; /* Trick IE into showing hover */
  display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../clients/images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../clients/images/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData {  padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }     
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  } 
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }