/*
	Name:  css_main.css
	Use:  main css file for OI.net/Lisa-Rose public site
 */
 
	body { text-align: center;  font-size: 15px; }
	
	body, h1, h2 { font-family: Georgia, 'Times New Roman', Times, serif; }
	
	#pageWrap { background: #FFF url('');  border: 0px solid #999; }
	
	#introWrap { margin: 150px auto 250px auto;  text-align: center; }
		#introWrap h1 { font-size: 17px;  display: inline; }
		#introWrap h2 { font-size: 15px;  display: inline; }
		#introWrap img { padding: 0px 0px 5px 0px; }
	

	#OITrailer { font-size: 0.70em;  font-style: italic;  position: absolute;  bottom: 10px;  left: 0px;  width: 100%;  margin: 0px auto 0px auto; }
		#OITrailer #OI { letter-spacing: 0.20em;  padding-left: 2px; }
		#OITrailer a { margin-right: -20px;  letter-spacing: 0.15em; }
		#OITrailer a:link { color: #999;  font-style: italic;  text-decoration: none; }
		#OITrailer a:visited { color: #999;  font-style: italic;  text-decoration: none; }
		#OITrailer a:hover { color: #77A;  font-style: italic;  text-decoration: none; }
		#OITrailer a:active { color: #999;  font-style: italic;  text-decoration: none; }
		#OITrailer img { vertical-align: -7px;  border: 0px solid blue; }
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ client manager stuffs... */
	
	#clientHeader {
		position: absolute;  top: 0px;  left: 15px;  height: 91px;  width: 837px;  text-align: left;  border-bottom: 1px solid #999;
		background: #FFF url('../images/static/P6114216_keyboard-Qclose-long7-wb2-resample7.jpg') no-repeat scroll 30px 0px;
	}
		#clientHeader img { margin: 15px auto 0px 32px;  border: 0px solid blue; }

	h2 { font-size: 1.4em;  font-weight: 100;  font-style: italic;  margin: 2px 0px 12px 0px;  clear: both;  text-align: left; }
	
	#clientSubNav { margin: 8px auto 0px -62px;  padding-bottom: 10px; }
		#clientSubNav a:link { color: #008;  text-decoration: none; }
		#clientSubNav a:visited { color: #008;  text-decoration: none; }
		#clientSubNav a:hover { color: #03A;  text-decoration: underline; }
		#clientSubNav a:active { color: #008;  text-decoration: none; }
		#clientSubNav ul { display: block;  margin: 0px auto 0px 0px;  clear: left; }
		#clientSubNav li { list-style-type: none;  float: left;  white-space: nowrap;  line-height: 2.0em;  margin: -4px 8px 0px 8px; }
		#clientSubNav li strong { font-size: 0.90em; }

	#clientCrumbs { color: #02B;  font-size: 0.95em;  font-weight: 700;  margin: 0px 0px 6px -9px;  float: left;  clear: left;  white-space: nowrap; }
		#clientCrumbs a:link { color: #048;  text-decoration: none; }
		#clientCrumbs a:visited { color: #048;  text-decoration: none; }
		#clientCrumbs a:hover { color: #06A;  text-decoration: underline; }
		#clientCrumbs a:active { color: #048;  text-decoration: none; }
	
	#clientsTable { width: 98%;  margin: 15px auto 0px auto;  border: 1px solid #CCC; }
		#clientsTable caption {
			color: #888;  font-size: 1.0em;  font-weight: 400;  font-style: italic;  letter-spacing: 0.1em;  padding: 0px 5px 7px 10px;  text-align: left;
		}
		#clientsTable th { font-size: 0.9em;  font-weight: 700;  padding: 0px 5px 0px 5px; }
		#clientsTable td { padding: 1px 2px 1px 2px;  border: 0px solid #DDD; }
		#clientsTable .even { background-color: #EEE; }

	/* image group list */
	#imageGroupsList { margin: 15px 0px 0px 330px;  padding-top: 1px;  text-align: left; }
		#imageGroupsList li { list-style-type: none;  margin: 7px 0px 7px -35px; }
		#imageGroupsList li ul { margin: 10px 0px 0px 32px; }
		#imageGroupsList li li { list-style-type: none;  margin: 4px 0px 4px 0px; }
		#imageGroupsList .plusMinus { margin: 0px 4px 0px 0px;  vertical-align: -1px; }
		#imageGroupsList .imageCount { color: #777;  font-size: 0.85em;  margin: 0px 0px 0px 5px; }

	/* client images */
	#clientImages {
		width: 820px;  margin: 0px auto 0px -11px;  padding: 10px 0px 0px 0px;  text-align: left;  clear: both;  font-size: 0.9em;  border-top: 1px solid #999;
	}
	#clientImages a { line-height: 1.3em; }
	#clientImages img { margin: 0px 14px 0px 14px;  border: 0px solid blue; }
	#clientImages table { display: inline;  margin: 10px 0px 20px 0px; }
	#clientImages td { text-align: center; }
	#clientImages a:link { color: #555;  text-decoration: none; }
	#clientImages a:visited { color: #555;  text-decoration: none; }
	#clientImages a:hover { color: #777;  text-decoration: underline; }
	#clientImages a:active { color: #555;  text-decoration: none; }
	#clientImages .clientStars { margin: 1px 0px 0px 0px; }
	#clientImages .adminStars { margin: 1px 0px 0px 0px; }
	
	#clientControlsTable { float: right;  margin: 30px -5px 0px 0px;  border: 0px solid blue; }
		#clientControlsTable th { color: #555;  font-size: 0.8em;  text-align: right; }
		#clientControlsTable td { font-size: 0.8em;  text-align: left; }
		#clientControlsTable td strong { color: #555;  font-size: 1.0em;  padding-right: 1px;  vertical-align: 2px; }
	
	/* client images header & pager */
	#clientImagesHeader { margin: 0px 20px 5px 0px;  float: left;  clear: left; }
	#clientImagesPager { text-align: left;  margin: 0px 0px 10px -10px;  border: 0px solid green;  clear: left; }
		#clientImagesPager a { margin: 0px;  padding: 0px 2px 0px 2px; }
		#clientImagesPager strong { color: #22C;  margin: 0px;  padding: 0px 2px 0px 2px; }
		#clientImagesPager .endElm { font-size: 1.1em;  padding: 0px; }
		#clientImagesPager a:link { color: #555;  text-decoration: none; }
		#clientImagesPager a:visited { color: #555;  text-decoration: none; }
		#clientImagesPager a:hover { color: #777;  text-decoration: underline; }
		#clientImagesPager a:active { color: #555;  text-decoration: none; }
	
	/* paricular images */
	#clientImage { margin: 0px auto 0px auto; }
		#clientImage img { padding: 2px; }

	#clientImageSizes { margin: -5px auto 0px 0px;  padding-bottom: 30px; }
		#clientImageSizes ul { margin: 0px auto 0px 0px; }
		#clientImageSizes li { color: #999;  list-style-type: none;  float: left;  margin: 0px 2px 0px 2px; }
		#clientImageSizes .spacerMain { font-size: 0.8em;  margin-top: 2px; }
		#clientImageSizes a:link { color: #449;  text-decoration: none; }
		#clientImageSizes a:visited { color: #449;  text-decoration: none; }
		#clientImageSizes a:hover { color: #40A;  text-decoration: underline; }
		#clientImageSizes a:active { color: #449;  text-decoration: none; }
		#clientImageSizes #sizesLabel { color: #000;  font-weight: 700; font-size: 0.9em;  margin: 2px 10px 0px 0px; }
	
	#clientImageInfoTable { width: 100%;  margin: 0px auto 0px auto; }
	#clientImageInfoTable th { text-align: right;  white-space: nowrap;  padding: 5px 0px 5px 0px;  width: 160px; }
	#clientImageInfoTable th input { /* save buttons for descript & notes */
		color: #55A;  background: transparent;  font-size: 0.75em;  font-family: Verdana, sans-serif;  display: none; }
	#clientImageInfoTable td { text-align: left;  padding: 0px 0px 0px 10px; }
	#clientImageInfoTable td strong { color: #333; } /* alias of th */
	#clientImageInfoTable td img { border: 0px solid blue; }
	#clientImageInfoTable td form { display: inline; }
	#clientImageInfoTable div { margin: 1px 0px 1px 0px; }
	#clientImageInfoTable div strong { color: #669; }
	#clientImageInfoTable div div { margin: 1px 0px 1px 25px; }
	#clientImageInfoTable .nestingWrap { margin: 7px auto 20px auto; }