* { margin: 0; padding: 0; font-family: Tahoma, Helvetica, sans-serif;  }
body, #taskInfo h4, th h3 { font-size: 12px;  }
input { color: #333 }

div { color: #777; }
a { text-decoration: none; color: #777; }
a:hover, a:active { color: #f61 }
a.bl:link, a.bl:visited, .bl a:link, .bl a:visited {color:#06c;text-decoration:none;}
a.bl:hover, a.bl:active, .bl a:hover, .bl a:active {color:#f61;text-decoration:underline;}
a img { border: none; }
.clear { clear: both }
ul, li {list-style-image:none;list-style-position:outside;list-style-type:none;}
.clearfix {display:block;clear:both;height:1px;overflow:hidden;}
.underline {border-top:1px solid #D5D5D5;padding:10px;}
.str {color:#181818;font-size:14px;font-weight:bolder;}

body { background-color: #e8eef5; line-height:150%; }
#header { padding:0 0; height:93px; text-align: center; background-color: #FFF; position: relative; }
#header a.logo {display:block;width:356px;height:93px;margin:0 auto;}
#loginBar { position:absolute;top:103px;width:100%;padding:0; text-align: center }
#loginBar div { width: 930px; height: 15px; margin: 0 auto; text-align: right; line-height: 12px; padding: 0 3px 4px 0; *height: 12px }
#loginBar a { line-height: 12px }
#main { text-align: center; border-top: 1px solid #BBB }

#body { margin: 0 auto; text-align: left }
#nav { margin: 0 auto; height: 29px; background: #e8eef5 url("../image/navbg.gif") 0 0 repeat-x; position: relative }
#nav img.navLeft { display: none }
#nav img.navRight { display: none }
#nav a.navLink { float: left; display: block; width: 95px; height: 100%; line-height: 28px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center }
#nav a.navLink:hover { background: transparent url(../image/navhover.gif) center -1px no-repeat }
#nav a.current { float: left; display: block; width: 100px; height: 100%; line-height: 28px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center }
#nav a.current { background: transparent url(../image/navhover.gif) center -1px no-repeat }
#loginBar { position: absolute; top: -20px; right: 0 }

#content { width: 930px; margin: 0 auto }
.c_main {background:#fff url("../image/lbfoot.gif") center bottom no-repeat;margin-top:16px;}
.c_t {background:transparent url("../image/lbhead.gif") center top no-repeat;padding:14px 16px 6px;}
.text {height:auto;padding:10px 10px 0 10px;}
.text h1{
line-height:34px;
font-size:14px;
margin-bottom:15px;
}
.text p{
line-height:20px;
text-indent:22px;
font-size:14px;
word-break:break-all;
}
.text p img{
margin:15px 0;
}

/*--index page --*/

.login {
  border: 1px solid #D5D5D5;
  color: #4F4F4F;
  float: left;
  line-height: 23px;
  width: 313px;
}
.ulogin {
  margin: 20px;
}
.ulogin ul {
  line-height: 30px;
  *line-height:26px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding-left: 24px;
  vertical-align: middle;
}
.ulogin li {
  height: 30px;
}
input.textfield {
  border: 1px solid #C3C7C8;
  height: 16px;
  padding: 3px 3px 0 3px;
  width: 100px;
  color:#000;
}

.index_left {display:block;float:left;padding:10px 0 10px 10px;}
.index_right {display:block;float:right;width:327px;padding:10px 0 10px 12px}
.index_des {width:520px;padding:16px 0 0px 16px;}
.index_des h1 {font-size:18px;font-weight:bold;color:#09c;}
.index_des ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:10px 0 0;}
.index_des li {color:#888;line-height:25px;font-size:13px;}
div.bg{background:#FFFFFF;width:100%}
b{display:block;}
div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#FFFFFF;}
div b.topb,div b.bottomb{background:#e8eef5}
b.t1{margin:0 5px}
b.t2{margin:0 3px}
b.t3{margin:0 2px}
b.t4{margin:0 1px;height:2px;}
h1#logTitle { color: #09C; padding: 0 10px; font-size: 16px; line-height: 32px; margin: 0; border-bottom: 1px solid #CCC }
.cspan{width:500px;float:left;}

/*-- help page --*/
.blue_b{
color:#06c;
cursor:pointer;
}
.black{
color:#000000;
font-weight:bold;
}

.help_left {
  border: 1px solid #D5D5D5;
  color: #4F4F4F;
  float: left;
  line-height: 23px;
  width: 230px;
  margin:10px 0 0 5px;
}
.help_left h1{
font-size:14px;
width:220px;
height:30px;
line-height:30px;
margin:1px 1px 0 1px;
padding-left:10px;
background:#C6E7F6;
color:#06C;
}
.question{
padding:0 5px 0 5px;
}
.question li{
list-style:none;
line-height:20px;
margin-bottom:10px;
}
.question a:hover{
color:#f61;
text-decoration:underline;
}

.help_right{
  border: 1px solid #D5D5D5;
  color: #4F4F4F;
  float: right;
  line-height: 23px;
  width: 630px;
  display:inline;
  margin:10px 10px 0 10px;
}
.help_right .details{
height:auto;
width:580px;
padding:10px 35px 0 25px;

}
.help_right .details h1{
line-height:34px;
font-size:14px;
margin-bottom:15px;
}
.help_right .details p{
line-height:20px;
text-indent:22px;
font-size:14px;
word-break:break-all;
}
.help_right .details p img{
margin:15px 0;
}

/*--map page --*/
.map_left {
  border: 1px solid #D5D5D5;
  color: #4F4F4F;
  float: left;
  width: 230px;
  margin:10px 0 0 5px;
}
.map_left h1{
font-size:14px;
width:220px;
height:30px;
line-height:30px;
margin:1px 1px 0 1px;
padding-left:10px;
background:#C6E7F6;
color:#06C;
}

.list{
font-size:14px;
list-style:none;
line-height:23px;
margin-bottom:0px;
}

.list a:hover{
color:#f61;
text-decoration:underline;
}
.map_right{
  border: 1px solid #D5D5D5;
  color: #4F4F4F;
  float: right;
  line-height: 23px;
  width: 630px;
  display:inline;
  margin:10px 10px 0 10px;
}

/* --Footer-- */
#footer { color: gray; width: 930px; padding: 15px 0; margin: auto; text-align: center }
#footer p { padding: 3px 0 }
#footer a.gray { color: gray }
#footer a.gray:hover { color: #0066CC }