.box5017680 { 

text-align : center; 

width : 168px; 

border : 1px solid gray; 

} 

.box5017680 h3 { 

text-align : left; 

margin : 0; 

padding : 6px 6px 6px 6px; 

font-size : 16px; 

color : #ffffff; 

font : bold 11px Verdana; 

background-color : #045c97; 

} 

.box5017680 div { 

margin : 0; 

padding : 10px 10px 15px 10px; 

list-style : none; 

color : #000000; 

background-color : #e9e9e9; 

font-size : 13px; 

} 

#overlay { 

position : absolute; 

top : 0; 

left : 0; 

z-index : 90; 

width : 100%; 

height : 500px; 

background-color : #fff; 

} 

#lightbox { 

position : absolute; 

top : 20px; 

left : 0; 

width : 100%; 

z-index : 100; 

text-align : center; 

color : #151410; 

line-height : 0; 

} 

#lightbox a, #lightbox a:hover { 

border-bottom : none; 

color : #151410; 

text-decoration : underline; 

} 

#lightbox a img { 

border : none; 

} 

#outerImageContainer { 

width : 250px; 

height : 250px; 

margin : 0 auto; 

position : relative; 

} 

#imageContainer { 

width : 100%; 

background-color : #fff; 

position : relative; 

font-size : 0; 

} 

#loading { 

position : absolute; 

top : 40%; 

left : 0%; 

height : 25%; 

width : 100%; 

text-align : center; 

line-height : 0; 

} 

#loadingLink { 

display : block; 

margin : 0 auto; 

padding : 0; 

width : 32px; 

height : 32px; 

background : url("../images/loading.gif") no-repeat center center; 

text-indent : -9999px; 

} 

#hoverNav { 

position : absolute; 

top : 0; 

left : 0; 

height : 100%; 

width : 100%; 

z-index : 10; 

} 

#imageContainer > #hoverNav { 

left : 0; 

} 

#hoverNav a { 

outline : none; 

} 

#prevLinkImg, #nextLinkImg { 

width : 49%; 

height : 100%; 

display : block; 

text-indent : -9999px; 

} 

#prevLinkImg { 

left : 0; 

float : left; 

} 

#nextLinkImg { 

right : 0; 

float : right; 

} 

#prevLinkImg:hover, #prevLinkImg:visited:hover { 

background : url("images/prev.png") no-repeat 5% center; 

} 

#nextLinkImg:hover, #nextLinkImg:visited:hover { 

background : url("images/next.png") no-repeat 97% center; 

} 

#imageDataContainer { 

font : 10px Verdana, Helvetica, sans-serif; 

font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 

font-size : 12px; 

background-color : #fff; 

width : 100%; 

} 

#imageData { 

overflow : hidden; 

width : 100%; 

} 

#imageDetails { 

width : 70%; 

float : left; 

text-align : left; 

padding : 10px 10px 0 0; 

} 

#caption { 

font-weight : bold; 

display : block; 

} 

#numberDisplay { 

display : block; 

float : left; 

padding : 3px 10px 0 0; 

} 

#detailsNav { 

display : block; 

float : left; 

padding : 0; 

} 

#prevLinkDetails { 

margin : 3px; 

margin-top : 0; 

display : block; 

width : 24px; 

height : 24px; 

background : url("images/prevlabel.gif") no-repeat left center; 

float : left; 

} 

#nextLinkDetails { 

margin : 3px; 

margin-top : 0; 

display : block; 

width : 24px; 

height : 24px; 

background : url("images/nextlabel.gif") no-repeat right center; 

float : left; 

} 

#slideShowControl.started { 

background-image : url("images/pause.gif"); 

} 

#slideShowControl { 

display : block; 

width : 24px; 

height : 24px; 

float : left; 

background : url("images/start.gif"); 

background-position : center center; 

background-repeat : no-repeat; 

} 

#close { 

padding : 20px 0 0; 

float : right; 

} 

#closeLink { 

display : block; 

margin : 0; 

padding : 0; 

text-decoration : none; 

width : 32px; 

height : 32px; 

background : url("images/close.gif") no-repeat; 

} 

.clearfix:after { 

content : "."; 

display : block; 

height : 0; 

clear : both; 

visibility : hidden; 

} 

* html > body .clearfix { 

display : inline-block; 

width : 100%; 

} 

* html .clearfix { 

height : 1%; 

} 

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #FFF;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

}



#lightbox{

	position: absolute;

	top: 20px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	color:#151410;

	line-height:0;

}



#lightbox a, #lightbox a:hover {

	border-bottom:none;

	color:#151410;

	text-decoration:underline;

}



#lightbox a img{ border: none; }



#outerImageContainer{

	width: 250px;

	height: 250px; /* without this line error in IE8 detected */

	margin: 0 auto;

	position: relative;

}





#imageContainer{

	width:100%;

	

	background-color: #fff;

	position: relative;

/*	border-style:solid;

	border-color:#fff;

	border-width:1px;*/

	font-size:0;/* ie fix - big info bar*/

}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#loadingLink {

	display:block;

	margin:0 auto;

	padding:0;

	width:32px;

	height:32px;

	background:url("../images/loading.gif") center center no-repeat;

	text-indent:-9999px;

}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLinkImg, #nextLinkImg{

	width: 49%;

	height: 100%;

	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */

	display: block;

	text-indent:-9999px;

	}

#prevLinkImg { left: 0; float: left;}

#nextLinkImg { right: 0; float: right;}

#prevLinkImg:hover, #prevLinkImg:visited:hover { 

	background: url("../images/prev.png") 5% center no-repeat; 

	_background-image:url("../images/prev_ie6.gif")

}

#nextLinkImg:hover, #nextLinkImg:visited:hover { 

	background: url("../images/next.png") 97% center no-repeat; 

	_background-image:url("../images/next_ie6.gif")

}





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;

	font-size:12px;

	background-color: #fff;

	width:100%;

}



#imageData{

	overflow:hidden;

	width:100%;

}

#imageDetails{ width: 70%; float: left; text-align: left; 	padding:10px 10px 0 0;}

#caption{ font-weight: bold; display:block;}

#numberDisplay{ display: block; float: left; padding:3px 10px 0 0;}

#detailsNav{display:block; float:left;   padding:0; }	

#prevLinkDetails { margin:3px; margin-top:0px; display:block; width:24px;height:24px; background: url("../images/prevlabel.gif") left center no-repeat; float:left; }

#nextLinkDetails { margin:3px; margin-top:0px; display:block; width:24px;height:24px; background: url("../images/nextlabel.gif") right center no-repeat; float:left; }



#slideShowControl.started{

	background-image:url("../images/pause.gif");

}



#slideShowControl{

	display:block;

	width:24px; 

	height:24px; 

	float:left;

	background:url("../images/start.gif");

	background-position:center center;

	background-repeat:no-repeat;

	}



#close{

	padding:20px 0 0;

	float:right;

}

#closeLink {

	display:block;

	margin:0;

	padding:0px;

	text-decoration:none;

	width:32px;

	height:32px;

	background:url("../images/close.gif") no-repeat;

}



		

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

}	

	



#outerImageFrame{

	border:solid 1px red;

	height:100%;

	width:100%;

	position:absolute;

}





#outerImageContainer{

	overflow:visible;

}

#outerImageContainer td{

	text-align:center;

	padding:0;

}



#lightboxFrameBody{

	background-color: #fff;

	border:solid 1px #fff; /* hack for opera table small cell width */

	_vertical-align:top;

	_height:90%;

	//vertical-align:top;

	//height:90%;

}



#outerImageContainer td{

	font-size:0;

}

/* frame style */

#outerImageContainer td.tl, #outerImageContainer td.br{

	height:38px;

	width:38px;

}



#outerImageContainer td.tl{

	background-image:url(../images/borderTopLeft.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.png', sizingMethod='scale');

}

#outerImageContainer td.tc{

	background-image:url(../images/borderTopCenter.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.png', sizingMethod='scale');

}

#outerImageContainer td.tr{

	background-image:url(../images/borderTopRight.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.png', sizingMethod='scale');

}

#outerImageContainer td.ml{

	background-image:url(../images/borderMiddleLeft.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.png', sizingMethod='scale');

}

#outerImageContainer td.mr{

	background-image:url(../images/borderMiddleRight.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.png', sizingMethod='scale');

}

#outerImageContainer td.bl{

	background-image:url(../images/borderBottomLeft.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.png', sizingMethod='scale');

}

#outerImageContainer td.bc{

	background-image:url(../images/borderBottomCenter.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.png', sizingMethod='scale');

}

#outerImageContainer td.br{

	background-image:url(../images/borderBottomRight.png);

	_background-image: none;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.png', sizingMethod='scale');

}



} 

#slantedmenu { 

font-weight : bold; 

font-size : 90%; 

} 

#slantedmenu:after { 

content : "."; 

display : block; 

height : 0; 

clear : both; 

visibility : hidden; 

} 

#slantedmenu ul { 

text-indent : 16px; 

padding : 3px 0; 

margin : 0; 

background-color : #045c97; 

border-bottom : 1px solid white; 

border-top : 1px solid white; 

text-align : left; 

} 

#slantedmenu ul li { 

display : inline; 

} 

#slantedmenu ul li a { 

color : #fff; 

padding : 5px 0; 

padding-right : 15px; 

padding-left : 15px; 

border-right : 1px solid white; 

margin : 0; 

text-decoration : none; 

} 

#slantedmenu ul li a:hover { 

color : yellow; 

} 

#menu1 { 

width : 190px; 

} 

#menu1 ul { 

font-family : Arial, Helvetica, sans-serif; 

list-style-type : none; 

margin : 0; 

padding : 3px; 

} 

#menu1 li { 

display : inline; 

} 

#menu1 a { 

color : yellow; 

text-decoration : none; 

font-size : 12px; 

display : block; 

padding-top : 3px; 

padding-bottom : 3px; 

padding-right : 5px; 

padding-left : 15px; 

width : 150px; 

background-color : #e9e9e9; 

border-bottom : 1px solid gray; 

border-left : 1px solid gray; 

border-right : 1px solid gray; 

} 

#menu1 a:link, #menu1 a:visited { 

color : #045c97; 

text-decoration : none; 

} 

#menu1 a:hover { 

background-color : yellow; 

color : #045c97; 

} 

#menu1 li a#vertical1 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical2 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical3 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical4 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical5 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical6 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical7 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 3px 3px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical8 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu1 li a#vertical9 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 


#menu2 { 

width : 190px; 

} 

#menu2 ul { 

font-family : Arial, Helvetica, sans-serif; 

list-style-type : none; 

margin : 0; 

padding : 3px; 

} 

#menu2 li { 

display : inline; 

} 

#menu2 a { 

color : yellow; 

text-decoration : none; 

font-size : 12px; 

display : block; 

padding-top : 3px; 

padding-bottom : 3px; 

padding-right : 5px; 

padding-left : 15px; 

width : 138px; 

background-color : #e9e9e9; 

border-bottom : 1px solid gray; 

border-left : 1px solid gray; 

border-right : 1px solid gray; 

} 

#menu2 a:link, #menu2 a:visited { 

color : #045c97; 

text-decoration : none; 

} 

#menu2 a:hover { 

background-color : yellow; 

color : #045c97; 

} 

#menu2 li a#vertical1 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical2 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical3 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical4 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical5 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical6 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical7 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 3px 3px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#menu2 li a#vertical8 { 

font : bold 11px Verdana; 

color : white; 

background : #045c97 8px 6px; 

margin-bottom : 0; 

padding : 7px 0 7px 20px; 

} 

#dt_example { 

font : 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 

margin : 0; 

padding : 0; 

color : #333; 

background-color : #e9e9e9; 

} 

#dt_example #container { 

width : 800px; 

margin : 30px auto; 

padding : 0; 

} 

#dt_example #footer { 

margin : 50px auto 0 auto; 

padding : 0; 

} 

#dt_example #demo { 

margin : 30px auto 0 auto; 

} 

#dt_example .big { 

font-size : 1.3em; 

font-weight : bold; 

line-height : 1.6em; 

color : #4e6ca3; 

} 

#dt_example .spacer { 

height : 20px; 

clear : both; 

} 

#dt_example .clear { 

clear : both; 

} 

#dt_example pre { 

padding : 15px; 

background-color : #f5f5f5; 

border : 1px solid #cccccc; 

} 

#dt_example h1 { 

margin-top : 2em; 

font-size : 1.3em; 

font-weight : normal; 

line-height : 1.6em; 

color : #4e6ca3; 

border-bottom : 1px solid #b0bed9; 

clear : both; 

} 

#dt_example h2 { 

font-size : 1.2em; 

font-weight : normal; 

line-height : 1.6em; 

color : #4e6ca3; 

clear : both; 

} 

#dt_example a { 

color : #0063dc; 

text-decoration : none; 

} 

#dt_example a:hover { 

text-decoration : underline; 

} 

#dt_example ul { 

color : #b0bed9; 

} 

.dataTables_wrapper { 

position : relative; 

min-height : 302px; 

clear : both; 

} 

.dataTables_processing { 

position : absolute; 

top : 0; 

left : 50%; 

width : 250px; 

margin-left : -125px; 

border : 1px solid #ddd; 

text-align : center; 

color : #999; 

font-size : 11px; 

padding : 2px 0; 

} 

.dataTables_length { 

width : 40%; 

float : left; 

} 

.dataTables_filter { 

width : 50%; 

float : right; 

text-align : right; 

} 

.dataTables_info { 

width : 60%; 

float : left; 

} 

.paginate_disabled_previous { 

background-image : url('../images/back_disabled.jpg'); 

} 

.paginate_enabled_previous { 

background-image : url('../images/back_enabled.jpg'); 

} 

.paginate_disabled_next { 

background-image : url('../images/forward_disabled.jpg'); 

} 

.paginate_enabled_next { 

background-image : url('../images/forward_enabled.jpg'); 

} 

table.display { 

margin : 0 auto; 

width : 100%; 

clear : both; 

} 

table.display tfoot th { 

padding : 3px 10px; 

border-top : 1px solid black; 

font-weight : bold; 

} 

table.display tr.heading2 td { 

border-bottom : 1px solid #aaa; 

} 

table.display td { 

padding : 3px 10px; 

} 

table.display td.center { 

text-align : center; 

} 

.sorting_asc { 

background : url('../images/sort_asc.jpg') no-repeat center right; 

} 

.sorting_desc { 

background : url('../images/sort_desc.jpg') no-repeat center right; 

} 

.sorting { 

background : url('../images/sort_both.jpg') no-repeat center right; 

} 

table.display tr.odd.gradeA { 

background-color : #fff; 

} 

table.display tr.even.gradeA { 

background-color : #e9e9e9; 

} 

table.display tr.odd.gradeA { 

background-color : #fff; 

} 

table.display tr.even.gradeA { 

background-color : #e9e9e9; 

} 

table.display tr.odd.gradeC { 

background-color : #ddddff; 

} 

table.display tr.even.gradeC { 

background-color : #eeeeff; 

} 

table.display tr.odd.gradeX { 

background-color : #ffdddd; 

} 

table.display tr.even.gradeX { 

background-color : #ffeeee; 

} 

table.display tr.odd.gradeU { 

background-color : #ddd; 

} 

table.display tr.even.gradeU { 

background-color : #eee; 

} 

tr.odd { 

background-color : #e2e4ff; 

} 

tr.even { 

background-color : white; 

} 

.top, .bottom { 

padding : 15px; 

background-color : #f5f5f5; 

border : 1px solid #cccccc; 

} 

.top .dataTables_info { 

float : none; 

} 

.clear { 

clear : both; 

} 

tfoot input { 

margin : 0.5em 0; 

width : 100%; 

color : #444; 

} 

tfoot input.search_init { 

color : #999; 

} 

.example_alt_pagination div.dataTables_info { 

width : 40%; 

} 

.example_alt_pagination .dataTables_paginate { 

width : 400px; 

} 

.example_alt_pagination div.dataTables_paginate span.paginate_button { 

background-color : #ddd; 

} 

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover { 

background-color : #ccc; 

} 

.example_alt_pagination div.dataTables_paginate span.paginate_active { 

background-color : #99b3ff; 

} 

table.display tr.row_selected.odd td { 

background-color : #b0bed9; 

} 

table.display tr.row_selected.even td { 

background-color : #9fafd1; 

} 

tr.odd td.sorting_1 { 

background-color : #d3d6ff; 

} 

tr.odd td.sorting_2 { 

background-color : #dadcff; 

} 

tr.odd td.sorting_3 { 

background-color : #e0e2ff; 

} 

tr.even td.sorting_1 { 

background-color : #eaebff; 

} 

tr.even td.sorting_2 { 

background-color : #f2f3ff; 

} 

tr.even td.sorting_3 { 

background-color : #f9f9ff; 

} 

tr.odd.gradeA td.sorting_1 { 

background-color : #eeeeee; 

} 

tr.odd.gradeA td.sorting_2 { 

background-color : #fff; 

} 

tr.even.gradeA td.sorting_1 { 

background-color : #fff; 

} 

tr.even.gradeA td.sorting_2 { 

background-color : #e9e9e9; 

} 

tr.odd.gradeC td.sorting_1 { 

background-color : #c4c4ff; 

} 

tr.odd.gradeC td.sorting_2 { 

background-color : #d1d1ff; 

} 

tr.even.gradeC td.sorting_1 { 

background-color : #d5d5ff; 

} 

tr.even.gradeC td.sorting_2 { 

background-color : #e2e2ff; 

} 

tr.odd.gradeX td.sorting_1 { 

background-color : #ffc4c4; 

} 

tr.odd.gradeX td.sorting_2 { 

background-color : #ffd1d1; 

} 

tr.even.gradeX td.sorting_1 { 

background-color : #ffd5d5; 

} 

tr.even.gradeX td.sorting_2 { 

background-color : #ffe2e2; 

} 

tr.odd.gradeU td.sorting_1 { 

background-color : #c4c4c4; 

} 

tr.odd.gradeU td.sorting_2 { 

background-color : #d1d1d1; 

} 

tr.even.gradeU td.sorting_1 { 

background-color : #d5d5d5; 

} 

tr.even.gradeU td.sorting_2 { 

background-color : #e2e2e2; 

} 

.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { 

background-color : #ecffb3; 

} 

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { 

background-color : #e6ff99; 

} 

.gallery { 

width : auto; 

} 

.gallery a { 

display : block; 

float : left; 

margin : 5px; 

text-align : center; 

} 

.gallery a img { 

border : none; 

display : block; 

} 

.gallery a#vlightbox { 

display : none; 

} 

.gallerya { 

width : auto; 

} 

.gallerya a { 

display : block; 

margin : 5px; 

text-align : center; 

} 

.gallerya a img { 

border : none; 

display : block; 

} 

body, td, th { 

font-family : Arial, Helvetica, sans-serif; 

font-size : 12px; 

color : #000000; 

} 

body { 

background-color : #e9e9e9; 

margin-left : 0; 

margin-top : 0; 

margin-right : 0; 

margin-bottom : 0; 

} 

.style1 { 

font-size : 24px; 

font-weight : bold; 

}