/* page layout */
#page{width:739px; margin:20px auto; text-align:left; background:#fff url(/img/css2/bg.png) top left repeat-y;}
#head{width:739px; top:20px; position:absolute; background:url(/img/css2/bg-foot.png) top left repeat-x;}
#logo{width:180px; margin-top:4px; padding:11px 0 15px 15px; float:left; text-align:center; background:url(/img/css2/bg.png) top left repeat-y;}
#nav1{width:508px; margin-top:4px; padding:11px 15px 15px 21px; float:right; text-align:right; background:url(/img/css2/bg.png) top right repeat-y;}
#nav2{width:180px; padding-left:15px; float:left; text-align:right; clear:both;}
#bann{width:508px; margin-top:-10px; padding-right:15px; float:right; height:195px; background:url(/img/css2/bg-bann.png) top left no-repeat;}
#cols{float:left; padding:86px 15px 0; z-index:1;}
#menu{width:180px; float:left;margin-right:20px}
#side,.side{width:180px; float:right; margin-left:8px;}
#main{width:708px; float:right;}
#foot{clear:both; padding:6px; text-align:center; font-size:11px; background:url(/img/css2/bg-foot.png) bottom left repeat-x;}
#foot p{margin:5px; line-height:15px}

/* whitespace - margin/padding */
html {min-height:100%; margin-bottom:1px;}/* side scrollbar always on */
body {background:#666; text-align:center;}
form {margin:0; padding:0;}
table,p,pre,h1,h2,h3,h4 {margin:0 0 15px;}

/* font color size */
body,td,th,input,select,textarea {font-family:Tahoma,trebuchet ms,arial,helvetica,code2000,sans-serif; font-size:11px; color:#222; line-height:13px;}
input[type='button'],input[type='submit'] {cursor:pointer;}
h1 {font-size:11px;}
h2 {font-size:20px; color:blue; line-height:120%}

a {text-decoration:underline; color:#38a;}
#menu a {text-decoration:none; background:url(/img/css2/arr2.gif) center left no-repeat; padding-left:10px;}
.grey{color:#666; text-decoration:none;}
.grey:hover {text-decoration:underline;}
.green {color:#460}
.red {color:red}
.blue{color:#38a}
.bold,.b {font-weight:bold}
.err {color:red}
.errimg{color:red;background:url(/img/css2/warning.png) top left no-repeat;padding:6px 35px}
.q {background:url(/img/css2/q.gif) top left no-repeat; margin-top:10px; padding-left:30px}

.nav1 a {width:100px; display:block; padding:10px 0; float:right; border-left:solid 1px #ccc;
  background:url(/img/css2/nav1-line1.png) bottom center no-repeat; text-align:center;}
.nav1 a:hover {background:url(/img/css2/nav1-line2.png) bottom center no-repeat;}

#nav2 a {padding-right:15px; background: url(/img/css2/arr.png) right no-repeat;}
#nav2 p {border-bottom: solid 1px #ccc; padding:8px 0; margin:0;}
#nav2 a, .nav1 a {text-decoration:none; color:#666; font-size:80%; font-weight:bold; text-transform:uppercase;}

.bar {border-bottom:solid 1px #bbb; background:#e5e5e5; padding:7px 7px 7px 10px; font-weight:bold; margin:0 0 12px 0;}
.dot {margin:0; padding:5px 0 4px 0; background:url(/img/css2/dot.png) bottom left repeat-x;}
.dotv{margin:0; padding-right:5px; padding-left:5px; background:url(/img/css2/dotv.png) top center repeat-y;}
.left {float:left}
.right {float:right}
.center {text-align:center}
.ml15 {margin-left:15px;}
.ml30 {margin-left:30px;}
.vm {vertical-align:middle}
.clear {clear:both;}

/* special usage */
.line, .line td {border-bottom:1px solid  #ccc;}
.line1,.line1 td {border-bottom:1px dotted #666;}
.line2,.line2 td {border-bottom:2px solid  #bbb;}
.th td {border-bottom:1px solid  #bbd; border-top:1px solid #bbd; background:#ddf; font-weight:bold;}
.bg    {background:#ddd}
.bggrey td,.bggrey th{background:url(/img/css2/bg-grey.gif) top left repeat-x;padding:2px;color:#fff;height:25px}
.bggrey2 td,.bggrey2 th{background:url(/img/css2/bg-grey.png) top left repeat-x;padding:2px;height:25px}
.box   {border:1px solid #333;}
.help  {cursor:help; border-bottom:1px dotted #666;}
.none,.none a  {background:none !important;}
.none a{padding-left:0 !important}
.blog  {margin:0; padding:5px 0 4px; background:url(/img/css2/dot.png) bottom left repeat-x; color:#38a; font-size:10pt; line-height:110%;}
.blog a{text-decoration:none}
.blog a:hover{color:brown}

ul {list-style-image: url(/img/css2/arr1.gif);}
li {padding-bottom:5px;}
li.arr, ul.arr li {list-style-image:url(/img/css2/arr2.gif);}

.shadow {float:left; background:url(/img/css2/shadow.gif) no-repeat bottom right; margin-bottom:10px;}
.shadow div {float:left; padding:0 6px 6px 0; background: url(/img/css2/shadow2.png) no-repeat left top !important; background: url(/img/css2/shadow2.gif) no-repeat left top;}
.shadow div div {background:#fff; border:1px solid #a9a9a9; padding:4px; margin:0;}

.ct {background:url(/img/css2/box.gif) top left no-repeat;}
.ct div {margin-left:5px; background:url(/img/css2/box.gif) top right no-repeat; padding-top:5px;}
.cb {background:url(/img/css2/box.gif) bottom left no-repeat; margin-bottom:10px;}
.cb div {margin-left:5px; background:url(/img/css2/box.gif) bottom right no-repeat; padding:8px; padding-top:3px;}

/* body tabs */
ul.tab {list-style:none; padding:0 0 5px; font-weight:bold; margin:0 0 15px;}
ul.tab li {display:block; float:left; margin-right:5px; padding:3px 10px; background:#e3e3e3; border:solid 1px #b0c0c5;}
ul.tab .on {background:#f6f8fa; border-bottom:solid 1px #f6f8fa;}
ul.tab li a {text-decoration:none;}
div.tab {padding:10px; border:solid 1px #b0c0c5; background:#f6f8fa; margin-bottom:10px;}

.news{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;
font-family:Verdana,Arial;font-size:13px}
.news h2{font-family:Arial;font-size:17px}
.news h1,.news h2{margin-bottom:0}

/* new css v3*/

/* bg tab rcT btn rc box line dot */
.bg{background:url(/img/css2/trw.png) left top repeat-x #eee}
.bg1{background:url(/img/css2/trw.png) left top repeat-x #cfe8fa}
.bg2{background:url(/img/css2/trb.png) left top repeat-x #5f8dc4;color:#fff}
.bg3{background:url(/img/css2/trb.png) left top repeat-x #335b97;color:#fff}
.bg4{background:url(/img/css2/trb.png) left top repeat-x #92b53d;color:#fff}
.bg5{background:url(/img/css2/trb.png) left top repeat-x #48a9ee;color:#fff}
.bg6{background:url(/img/css2/trb.png) left top repeat-x #99a8bb;color:#fff}
.bg7{background:url(/img/css2/trb.png) left top repeat-x #939393;color:#fff}
.bg2 a,.bg3 a,.bg4 a,.bg5 a,.bg6 a,.bg7 a{color:#ff7}
.bg2 td,.bg3 td,.bg4 td,.bg5 td,.bg6 td,.bg7 td{color:#fff}
.bg2:hover,.bg3:hover,.bg4:hover,.bg5:hover,.bg6:hover,.bg7:hover{background-image:none;color:#ff7}

.tab,.rcT{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.tab{padding:8px 12px;text-decoration:none}
.rcB{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}

.btn,.rc{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.btn{padding:4px 9px;text-decoration:none;display:block;text-align:center;float:left;margin-right:10px}

.box{border:solid 1px #ddd}
.box1{border:solid 1px #bde}
.box2{border:solid 1px #48b}
.box3{border:solid 1px #468}
.box0,.box,.box1,.box2,.box3{padding:8px 12px}
div.box0 :last-child,div.box :last-child,div.box1 :last-child,div.box2 :last-child,div.box3 :last-child{margin-bottom:0px !important}
img.box,img.box1,img.box2,img.box3{padding:4px}
table.box,table.box1,table.box2,table.box3{padding:1px}

.line{border-bottom:solid 1px #ddd;padding:8px 0;margin:0}
.dot{background:url(/img/css2/dot.png) left bottom repeat-x;padding:8px 0}
.dotv{margin:0;padding:0 5px;background:url(/img/css2/dotv.png) top center repeat-y}

.th{font-weight:bold}
.th td{padding:5px !important}
.data td{border-bottom:solid 1px #e5e5e5;padding:2px 5px}
.data tr:hover{background-color:#cf9}
.th:hover td{background:url(/img/css2/trw.png) left top repeat-x #99a8bb;color:#fff}

.pgOn{background:#144282;color:#fff;font-weight:bold;border:solid 1px #144282}
.pg{color:#144282;border:solid 1px #144383}
.pgOff{color:#999;border:solid 1px #ccc}
.pg,.pgOn,.pgOff{padding:2px 4px}
a.pg,a.pgOn,a.pgOff{padding:2px 6px;text-decoration:none}

.sp{height:15px;padding:0;margin:0;width:8px;opacity:0}
.sp1{height:0px;padding:0;margin:8px 0;border-top:solid 1px #ccc}
.ml15{margin-left:15px}
.ml40{margin-left:40px}
.ml60{margin-left:60px}
.mb2{margin-bottom:2px}
.mb15{margin-bottom:15px}

.vm{vertical-align:middle}
.err{background:url(/img/css2/err.png) left top no-repeat;padding-left:30px;color:#c00}
.ok{background:url(/img/css2/ok.gif) left top no-repeat;padding-left:30px;color:#090}
.red{color:#c00}
.grey{color:#999}
.blue{color:#144282}
.green{color:#090}

.cn,.cn td{font-size:18px;line-height:130%}
