/* common.css */

/* body 
============================================================================================ */

body { text-align:center; background:#FFF; margin:0; padding:0; }



/* font 
============================================================================================ */
p,dl,ul,table,ol,dt,dd,li,h1,h2,h3,h4,h5,h6 { font-family:Calibri,Franklin Gothic Medium,Arial,sans-serif; margin:0; line-height:1.4; }

p,dl,ul,table,ol,dl { color:#666; }
p { padding:0 0 0 10px; }
a {	color:#06C; text-decoration:none; }
a:hover { color:#41A6F1; text-decoration:underline; }
a img {	border:none; }
ul,ol { list-style:none; margin:0;	padding:0; }


/* font-size 
============================================================================================ */
p,dl,ul,table,ol,dl,dt,dd,li { font-size:90%; }
.pageup { font-size:70%; }


/* wrapper
============================================================================================ */
#wrapper { width:780px;	text-align:left; margin-left : auto; margin-right : auto; }
#wrapper2 { width:100%; text-align:center; background:url(../images/bg.jpg) center repeat-y; }


/* head
============================================================================================ */
#head { width:780px; height:75px; }
#head_left { float:left; padding:15px 0 15px 10px; }
#head_right { float:right; padding:5px 15px 0 0; text-align:right; width:400px; }
#head_right li { float:right; margin:5px 0 0 5px; }


/* navi
============================================================================================ */
#navi { width:780px; height:35px; background:url(../images/navi.jpg) repeat-x; clear:both; margin:0; padding:0; }
#navi li { float:left; padding:7px 1px; font-size:15px; background:url(../images/navi_path.jpg) no-repeat right; }
#navi li a { color:#fff; text-decoration:none; padding:8px 16px; }
#navi li a:hover , #navi li.this { background:url(../images/navi_over.jpg) repeat-x; }
#navi li.no { background:none; }



/* search
============================================================================================ */
#search { margin:0; padding:0;top:0px; float:right; }
#search img{margin:0 0 0 5px; }


/* main
============================================================================================ */
#main { width:770px; margin:10px 5px;clear:both; }


/* side navi
============================================================================================ */
#sidenavi { float:left; width:155px; padding:5px 0 0 0; height:auto; margin:0 10px 0 0; }
#sidenavi ul { margin:30px 0 0 20px; }
#sidenavi li { margin-bottom:10px; }
#sidenavi li a { color:#06C; text-decoration:none; }
#sidenavi li a:hover ,#sidenavi li.this { list-style:url(../images/this.gif) ; color:#15954B; text-decoration:none; }


/* contents
============================================================================================ */
#contents { float:left; width:600px; }
#contents2 { border-left:1px dotted #CFCFCF; padding:0px 10px 20px 10px; height:100%; }


/* foot
============================================================================================ */
#foot { width:780px; height:40px; clear:both; background:url(../images/foot.jpg) repeat-x; }
#foot p { margin:8px 5px 0 8px; }
#foot p.copy{ color:#FFFFFF; float:right; font-size:78%; }
#foot p a { text-align:left; color:#FFFFFF; text-decoration:none; }


/* main topic path
============================================================================================ */
#contents2 ul.path { padding:0 0 20px 0; }
#contents2 ul.path li { float:left; font-size:80%; }
#contents2 ul.path li a { padding-right:10px; background:url(../images/path.gif) no-repeat right center; }

/* h1-h6
============================================================================================ */
h2{ clear:both; color:#8D7B62; font-size:150%; padding:5px 0 10px 0; }
h3{ clear:both; padding:5px 0 10px 5px; }



/* page up
============================================================================================ */
.pagetop { background:url(../images/pagetop.gif) left no-repeat; font-size:78%; padding-left:15px; margin-left:5px; clear:both; }


/* class
============================================================================================ */
.clear { clear:both; }
.txt_right { text-align:right;}
.pr { float:right; padding-left:10px; }



/* sub navi
============================================================================================ */
ul.subnavi { margin:15px 0 20px 10px; clear:right; }
ul.subnavi li { font-size:85%; }
ul.subnavi li a { color:#8D7B62; }
ul.subnavi li a:hover { color:#555555; text-decoration:underline; padding-left:10px; background:url(../equipment/images/equipment_mo.gif) no-repeat left top; }

/* sub navi
============================================================================================ */
ul.subnavi2 { margin:20px 0 20px 0; width:550px;}
ul.subnavi2 li { float:left; font-size:85%; padding: 0 0 0 20px; width:225px; }
ul.subnavi2 li a { color:#8D7B62; }
ul.subnavi2 li a:hover { color:#555555; text-decoration:underline; padding-left:10px; background:url(../equipment/images/equipment_mo.gif) no-repeat left top; }
.pathon { color:#555555; text-decoration:none; background:url(../equipment/images/equipment_mo.gif) no-repeat left top; }
.pathon2 { color:#555555; text-decoration:none; padding-left:10px; background:url(../equipment/images/equipment_mo.gif) no-repeat left top; }


/* table
============================================================================================ */
.table_vector { width:100%; }
.table_vector th { background:#999; color:#FFF; text-align:center; font-weight:normal; }
.table_vector td { background:#EFEFEF; text-align:center; }

.table_blue{background:#94B7CE; }
.table_blue th {background-color:#E8F2FE;font-weight:bold;padding:3px;text-align:left; }
.table_blue td {background-color:#FFFFFF;text-align:left;padding:3px; }


/* Regulatory
============================================================================================ */
ul.regulatory{ margin:10px 0px 20px 30px; }
ul.regulatory li { list-style:disc; font-size:90%; }


/* service
============================================================================================ */
ul.analytical { margin:10px 0px 20px 30px; }
ul.analytical li { list-style:disc; font-size:90%; }

/* sitemap
============================================================================================ */
ul#sitemap {
	margin:20px 20px 20px 30px;
	padding:0px;
}
ul#sitemap li.map1{
	margin-left:12px;
	list-style:url(../images/list.gif);
	font-size:larger;
}

ul#sitemap li.map2 {
	margin-left:30px;
	list-style:url(../images/map.gif);
}


/* photobox
============================================================================================ */
#photobox{ position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#photobox img{ width: auto; height: auto; }
#photobox 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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; outline: none; }	 	

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