﻿#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') no-repeat right 15%;
}

#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

TABLE#serie TD { PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; WIDTH: 125px; PADDING-RIGHT: 3px; HEIGHT: 110px; PADDING-TOP: 3px }
TABLE#serie TD .image_container { POSITION: relative; BACKGROUND-COLOR: #fff; DISPLAY: block; HEIGHT: 90px; OVERFLOW: hidden }
TABLE#serie TD A IMG { BORDER-BOTTOM: #fff 0px solid; POSITION: relative; BORDER-LEFT: #fff 0px solid; WIDTH: 122px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid}
TABLE#serie TD A { BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; DISPLAY: block; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; TEXT-DECORATION: none}
TABLE#serie TD A:hover { BORDER-BOTTOM-COLOR: #039; BORDER-TOP-COLOR: #039; BORDER-RIGHT-COLOR: #039; BORDER-LEFT-COLOR: #039}
TABLE#serie TD A SPAN.element_container { BORDER-BOTTOM: #fff 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 0px solid; DISPLAY: block; COLOR: #939393; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; PADDING-TOP: 10px}

#tooltip {	Z-INDEX: 100; BORDER-BOTTOM: #039 1px solid; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: #039 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 10px; WIDTH: 130px; PADDING-RIGHT: 10px; OVERFLOW: hidden; BORDER-TOP: #039 1px solid; TOP: -500px; BORDER-RIGHT: #039 1px solid; PADDING-TOP: 10px}
#tooltip H4 { MARGIN-BOTTOM: 10px}
#tooltip IMG { MARGIN: 0px auto; DISPLAY: block}
#grey_column { PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 135px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 100%; MARGIN-RIGHT: 15px; PADDING-TOP: 10px}
#grey_column H3 { MARGIN-BOTTOM: 25px; COLOR: #039; FONT-SIZE: 13px}
#grey_column_image_container { TEXT-ALIGN: center; BACKGROUND-COLOR: transparent; MARGIN: 0px auto 40px; WIDTH: 100px; DISPLAY: block; HEIGHT: 133px}
#grey_column_image_container SPAN {	COLOR: #039; FONT-WEIGHT: bold}




