.html { min-width: 750px; }

body{ background:#000000 url(../i/bg.jpg) center 0 no-repeat; margin:0; font-family:arial, sans-serif; font-size:13px; color:#fff; }
img{ border:none; }
#page{ margin:0 auto; width:1000px; }
body.home #page{ margin:inherit; width:inherit; background:none; }
.but{ border : 1px solid #B28C12; background : #fff url(../i/bg_but1.gif) center center repeat-x; color : #000; padding : 1px 5px 0; margin:0 0 10px 0; }


a{ color:#efc325;  text-decoration:none; }
a:hover{ color: #f4d979; }

#header{ position:relative; margin:0 auto; width:1000px; height:100px; background: #438593 url(../i/bg_header.jpg) 0 0 no-repeat; }
.logo{ display:block; width: 228px; height: 100px;  top: 3px; float:left; }
.logo img{ width:228px; height:100px; }
.search{ margin: 60px 20px 0 0; float:right; }
.search input.field{ border: 2px solid #c8ae73; width:185px; height:22px; font-size:16px; background: #254552 url(../i/bg_search.gif) repeat-x; color:#FFF; margin:0; padding:0; }
.search input.but{ /height:26px; width : auto; border : 2px solid #c8ae73; background : #78663c url(../i/bg_but1.gif) center center repeat-x; color : #484131; padding : 2px 0 2px 0;  margin:0; }

#menu{ position: absolute; z-index: 1000; position:relative; margin:0 auto; height:31px; width:1000px; text-align:right; background: #414135 url(../i/bg_menu.gif); }
#menu ul{ list-style:none; margin:7px 20px 0 20px; /margin: 7px 10px; padding:0; float:left; }
#menu li{ display:inline; margin-right: 7px; padding:0; }
#menu ul a{ font-size:90%; font-weight:bold; }
#menu .login{ padding: 8px 20px 0 0; font-size: 85%; }

#submenu{ border: 1px #4d4530 solid; padding-left:20px; background-color: #000;  width: 177px;}
#submenu table{ margin:4px 0; }
#submenu td{ padding:2px 2px 2px 0; white-space:nowrap; }

#content{ position:relative; width:980px; min-height:600px; margin:0 auto;	padding:10px 10px 0 10px; background-color:#071017; }
#content h2{ margin:0 0 20px 0; padding: 0 0 18px 15px; background:url(../i/bg_sep2.gif) bottom no-repeat; font-weight:normal; font-size:140%;}

.path { padding: 0 0 0 10px; margin-bottom: 10px; font-size:85%; }
.dfilter{ text-align:center; padding: 5px 0; }

.ditems .tsettings{ padding:5px 0 5px 0; /padding: 3px 0 3px 0; vertical-align:middle;  }
.ditems .tsettings select, .ditems .tsettings input.field{ background-color: #0e333d; border: #999 solid 1px; color:#FFF; }
.ditems .tfilter{ float:left;}
.ditems .tperpage{ float:left; margin-left:15px; }
.ditems .tpages{ float:right; }
.ditems .tpagestop{ float:right; margin-top:3px;}
.ditems .tpages .off{ color: #999; }
.ditems{ background:#1b4e5d url(../i/bg_ditems.gif) top repeat-x; margin:0px; padding:10px 10px 10px 10px; border:2px solid #b7a96c; border-top:none; }
.ditems .tinfo{ text-align:center; padding: 7px 0 2px 0;  }
.ditems table{ background-color:#0d2331;}
.ditems th{ padding: 7px 2px; background-color: #666; }
.ditems td{ padding: 2px; text-align:center;}
.ditems td.name{ padding: 2px; text-align:left; }
.ditems td.name img{ float:left; margin: 0 5px 0 0; }
.ditems td a:hover{ text-decoration:underline; }
.ditems td a.itorange{ color:#e17d13; font-weight:bold; }
.ditems td a.itgreen{ color:#00ff00; font-weight:bold; }
.ditems td a.itblue{ color:#02d2dc; font-weight:bold; }
.ditems td a.itwhite{ color:#FFF; font-weight:bold; }
.ditems td a.preview{ color: #ffbb00; font-size:85%; }
.ditems td a.preview:hover{ color:#FFF; }
.ditems td i{ color: #FFF; font-style:normal; font-size:85%; }
.ditems td.green { color: #00ff00; }
.ditems tr{ cursor:pointer; background-color:#0f1e25; }
.ditems tr.trow{ background-color: #0f1e25;}
.ditems tr.trowon{ background-color: #19272f;}
.ditems tr.dark{ cursor:pointer; background-color: #030f1b; }
.ditems tr.trow2{ background-color: #030f1b;}
.ditems tr.trow2on{ background-color: #19272f;}


.container{ margin-bottom:30px; }
.title{ width:976px;  border:2px solid #b7a96c; text-align:center; padding: 10px 0; font-size:120%; font-weight:bold; background-color: #0f2533; }

#footer{ position:relative; text-align:center; margin:0px auto; height:145px; width:1000px; background:url(../i/bg_footer.jpg) scroll center bottom no-repeat; background-color: #102c37; }
#footer .copyright { padding-top:80px; }
.hsep{ clear : both; width : 100%; font-size : 0; }

#iteminfo { color: #FFF; width: 370px; }
#iteminfo img{ float:left; width:20px; height:20px; margin-right:5px; }
#iteminfo img.pic{ width:44px; height:44px; margin:0; }
#iteminfo img.bpic{ width:56px; height:56px; margin:0; }
#iteminfo .icontent{ border: 1px solid #91928c; width:300px; margin-left:50px; padding:8px; background-color: #3a3637; }
#iteminfo .ibcontent{ border: 1px solid #91928c; width:300px; margin-left:62px; padding:8px; background-color: #3a3637; }
#iteminfo h3{ font-size:110%; color: #FC0; margin:0;}
#iteminfo p{ font-size:100%; color: #eef08f; margin:0; font-weight: normal;  }
#iteminfo h3.itorange{ color:#e17d13; font-weight:bold; }
#iteminfo h3.itgreen{ color:#00ff00; font-weight:bold; }
#iteminfo h3.itblue{ color:#02d2dc; font-weight:bold; }
#iteminfo h3.itwhite{ color:#FFF; font-weight:bold; }
#iteminfo .sep{ height:1px; font-size:0px; background-color:#bfbfbf; margin:5px 0;}
#iteminfo table{ width:100%; }
#iteminfo td{ padding:1px 0; margin:0; }
.inpage{ margin-top:15px; float:left; }
.summary{ float:right; border:2px solid #b7a96c; border-top: none; width:300px; }
.summary h3{ font-size:100%; font-weight:bold; width:100%; text-align:center; margin: 5px 0;  }

.bookmrks{ vertical-align : bottom; padding : 0 10px; background : url(../i/bg_bkmrk.gif) bottom repeat-x; font : 11px Arial, sans-serif; margin :  0; white-space : nowrap; }
html>body .bookmrks{ padding-bottom : 2px; }
.bookmrks ul{ margin : 0; padding : 0; list-style : none; }
.bookmrks ul li{ display : inline; margin : 0 5px; padding : 9px 15px 8px 15px; border : 2px solid #7f7446; border-bottom :none; color : #ccc; background-color: #102e37; }
.bookmrks b{ font-weight : normal; line-height : 30px; /line-height:24px; cursor : pointer; }
.bookmrks ul li.act{ color:#FFF; font-weight:bold; border : 2px solid #b7a96c; border-bottom : 2px solid #397081; background-color: #397081; color : #000; padding : 9px 15px 8px 15px; }
.bookmrks ul li.act b{ font-weight:bold; color:#FFF; }

.mapbookmrks{  padding : 0 5px; font : 11px Arial, sans-serif; margin :  0; white-space : nowrap;}
html>body .mapbookmrks{ padding-bottom : 2px; }
.mapbookmrks ul{ margin : 10px 0 0px 0; /margin:10px 0 3px 0; padding : 0; list-style : none; }
.mapbookmrks ul li{ display : inline; margin : 0 5px; padding : 9px 15px 8px 15px; border : 2px solid #67522f; border-bottom :none; color : #ccc; background-color: #0b0b0b; }
.mapbookmrks b{ font-weight : normal; line-height : 27px; /line-height:20px; cursor : pointer; }
.mapbookmrks ul li.act{ color:#FFF; font-weight:bold; border : 2px solid #b7a96c; border-bottom : none; background-color: #1e1e20; color : #000; padding : 9px 15px 8px 15px; }
.mapbookmrks ul li.act b{ font-weight:bold; color:#FFF; }

.bmap{ background: #1e1e20 url(../i/hr.gif); margin:0px; padding:10px 10px 10px 10px; border:none; }
.container .map{ width:520px;  float:left; margin:10px 0 0 0; }
.container .map p{ margin:0 0 15px 0; /margin:0 0 20px 0; padding:0; font-size:90%; }

.mapcontainer{ width:500px; height:400px; }
.mapcontainer img.type1{ width:12px; height:12px; }
.mapcontainer img.type2{ width:30px; height:30px; }
.mapcontainer img.type3{ width:25px; height:25px; }
.mapcontainer img.type4{ width:55px; height:55px; }
.mapcontainer .zoom{ width:52px; height:20px; position:relative; top:5px; left:5px; z-index:10000; padding:0 10px; display:block; line-height:18px; background-color:#3e3430; font-size:80%; }
.mapcontainer .details{ width:52px; height:20px; position:relative; top:-15px; left:90px; z-index:10001; padding:0 10px; display:block; line-height:18px; background-color:#3e3430; font-size:80%; }

/* New classes */
.ditems td a.white{ color: #FFF; font-size:85%; }
.ditems td a.white:hover{ color:#FFF; }
.ditems td a.normal{ font-weight:normal; }
.ditems td.aleft{ text-align:left; }

/*.ditems .picwnum{ float:left; background:url(img/44x44.gif) no-repeat; width:44px; height:44px; position:relative; margin-right:2px; }*/
.ditems .picwnum a{ width:44px; height:44px; display:block; }
.ditems .picwnum span.num{ position: absolute; right: 2px; bottom: 0px; color:#FFF; }
.ditems .picwnum .black{ position: absolute; white-space: nowrap; z-index: 2; color: #000; }
.ditems .picwnum .white{ position: absolute; white-space: nowrap; left: 0px; top: 0px; z-index: 4; }

.reagents{ margin:0; padding:0 10px; }
.reagents, .reagents table, .reagents th, .reagents tr{ background: none; border:0; }
.reagents td{ text-align:left; } 
.reagents td a{ text-decoration: underline; }
.reagents td i{ color:#CCC; margin: 0 5px; }
.reagents h3 { margin:0; padding:0;}


/*.ditems .picwnumsmall{ float:left; background:url(img/44x44.gif) no-repeat; width:26px; height:26px; position:relative; margin-right:2px; }*/
.ditems .picwnumsmall a{ width:26px; height:26px; display:block; font-size:80%; }
.ditems .picwnumsmall span.num{ position: absolute; right: 2px; bottom: 0px; color:#FFF; }
.ditems .picwnumsmall .black{ position: absolute; white-space: nowrap; z-index: 2; color: #000; }
.ditems .picwnumsmall .white{ position: absolute; white-space: nowrap; left: 0px; top: 0px; z-index: 4; }
