@charset "utf-8";
/* CSS Document */
body{  font: normal 12px Verdana, Arial, Helvetica, sans-serif; background:#00CCFF url(images/03.jpg) repeat-x;}
*{ margin:0; padding:0;}

.red{ color:#FF0000}
input{border-width:1px;border:1px solid #ccc;padding:0px 0 0px 5px;}
input{ border: expression(( type =="checkbox") ? "none" : "1px solid #ccc" );}
.rt1{ text-align:right; line-height:25px;}
.rt2{ text-align:right; margin-top:10px;padding-right:80px; width:90%;}
.lt1{ text-align:left; padding-left:5px;}
.hidden{ display:none}
.show{ display:block;}
#login{ width:350px; height:200px; margin:0 auto;  padding:200px 90px 96px;background:url(images/01.jpg);}
#login #title{ text-align:center; font-size:16px; line-height:40px;}
#login #nn{border:solid 1px #004080; padding:20px; background:#fff; }

#main{ width:1024px; min-height:800px;  margin:0 auto; background:#fff;}
#main #head{ float:left; width:100%; height:80px; background:url(images/logo.gif) no-repeat; border-bottom:solid 5px #0072A8;}
#main #head #name{ margin:20px 0 0 200px; font-size:16px;}
#name h1{ font-size:22px; color:#004F75; font:"华文行楷";}
#main #head .info{ float:right; font-size:13px; line-height:30px; width:800px; padding-right:30px; text-align:right;}
#main #head .info a { color:#000; text-decoration:underline}
#main #head ul{ float:left; margin-top:20px; width:524px; margin-left:500px;}
#main #head ul li { float:left; list-style:none; line-height:20px; background:#0099FF; font-size:14px; color:#fff; padding:5px 15px; margin-left:2px; }
#main #head ul .active{ background:#0072A8;}

#main #left{ float:left; padding-top:10px; width:180px; border-right:solid 1px #0072A8; background: #D6F4F8; height:600px; }
#main #left h2{ text-align:center; display:block; width:100%; line-height:30px;border-bottom:solid 1px #ccc; font-size:16px;}
#main #left ul li { width:131px;display:block; list-style:none; background:url(images/leaf.gif) no-repeat left ; padding-left:20px; line-height:20px; margin-left:30px;} 
#main #left ul li a { color:#000000; text-decoration:none;}
#main #left ul li:hover{ background:#fff url(images/leaf.gif) no-repeat left;}
#main #left ul li.h2{ margin:0; padding:0; background:none; text-align:center; width:100%;}

#main #right{ float:left; margin-left:15px; width:784px; height:auto;}
#main #right #title{ background: #71D0FF; float:left; width:783px; height:25px; line-height:25px; border-left: solid 1px #0072A8; border-bottom:solid 1px #0072A8; font-size:15px;}
#main #right #con{ float:left; margin-top:15px; width:100%;}
 #con #subs{ float:left; margin:5px 0 15px 0; width:760px; padding-left:20px; border-bottom:2px solid #0099FF; color:#0066CC; }
 #con #subs a { text-decoration:none;color:#0066CC; }
.tables { margin-top:5px;}
.tables tr{background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); line-height:25px; text-align:center}
.tables tr.gren{ background:#E8EFF5; height:35px; line-height:30px; font-size:14px;}
.ee{ background: url(images/email1.gif)  no-repeat center left;}
table.contents{ width:100%; background:#f9f9f9; font-size:14px;}
table.contents tr td{ padding:5px;}
input#butt{background:#95B3DE; padding:3px 10px 0; }
.cinfo{ background:#f9f9f9; border:solid 1px #ffffff; line-height:30px;}
.cinfo tr td{ border:solid 1px #ffffff;}

#showpic{width:100%; height:135px; border:solid 1px #eee; overflow-x:scroll;scrollbar-base-color:#fff;}
#showpic li { float:left; width:90px; list-style:none; text-align:center;}
#showpic li img { display:block; width:80px; height:80px; padding:2px; border:solid 1px #ccc;}
.table1 { line-height:25px; margin-left:200px; background:#f9f9f9;}
.table2 { line-height:25px; text-align:center; margin-left:100px;}

#dates{ float:right; width:260px; margin-right:50px;}
#mydate{ float:left; display:inline; padding-right:15px;}

.pagediv{ clear:both; width:85%; text-align:right; margin:10px 0; display:block;}

#shoulist{ float:left; width:100%;}
 .backg{  background:#bee3f7;} 
 
.tables{ font-size:12px; width:90%; margin:0 auto;} 
.tables td{ padding:2px; border:solid 1px #ccc;}
.huise{ color:#666;}
.infodiv{ float:left; width:100%; height:auto; background:#f3f3f3;line-height:20px; font-size:12PX; }
.infodiv .infotitle{ float:left; line-height:25px; width:49%; text-align:center; color:#006699; font-size:13px; font-weight:bold; border:solid 1px #ccc;}
.infodiv .infoleft{ float:left; width:200px;   padding:5px 5px 5px 0; text-align:right;}
.infodiv .inforight{ float:left; padding:5px 0px 5px 5px; border-left:5px solid #ffffff; width:540px;}
.listtable{ background:#f3f3f3; font-size:12px; }
.listtable tr{background-color:expression('#e6e6e6,#f3f3f3'.split(',')[rowIndex%2]); line-height:22px; padding:10px;}
.listtable tr td{ padding:0 5px;}
.listtable strong{ color:#426aa4}

.hiddeninfo{ display:none;}
.showinfo{ display:block;}