@import url("common.codes.css");
@import url("common.user.css");


/* ************************* */
body { padding:0px;color:#666; font-size:12px; font-family:"Arial","Verdana","宋体"; background:#FCFCFC;}
table,input,textarea,select,button { font-size:12px; }
h1 {
font-family: Arial, sans-serif;
font-size: 12px;
color: #369;
padding: 4px;
}

.pic2{
    MARGIN:8px;padding:6px;BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}

/* ************************* */
.ClewSign { background:url("../common/ico_clew_sign.gif") no-repeat 7px 5px; }
.ClewTrue { background:url("../common/ico_clew_true.gif") no-repeat 3px 2px; }
.ClewFalse { background:url("../common/ico_clew_false.gif") no-repeat 3px 2px; }
.ClewYes { background:url("../common/ico_clew_yes.gif") no-repeat 4px 5px; }
.ClewNo { background:url("../common/ico_clew_no.gif") no-repeat 5px 5px; }
.ClewOptional { background:url("../common/ico_clew_optional.gif") no-repeat 4px 2px; }
.ClewIgnorer { background:url("../common/ico_clew_ignorer.gif") no-repeat 4px 2px; }
.Pic3 { margin:10px 0px; padding:6px; border: #999 1px solid}


/* ************************* */
input.btn { background:#E8F5FD url("../common/bg_button.gif") repeat-x; }
button { background:#E8F5FD url("../common/bg_button.gif") repeat-x; }
input.sea-btn { background:#E8F5FD url("../common/bg_button.gif") 0px 0px repeat-x; }

/* ************************* */
table.tab tr.bar td { background:#E9F5FF url("../common/bg_table_tab.gif") 0px 0px repeat-x; color:#333333; font-weight:bold; }
table.tab tr.sub td { background:#E9F5FF url("../common/bg_table_tab.gif") 0px -20px repeat-x; color:#888888; font-weight:bold; }
table.frm tr.bar td { background:#E9F5FF url("../common/bg_table_frm.gif") 0px 0px repeat-x; color:#333333; font-weight:bold; }
table.frm tr.sub td { background:#E9F5FF url("../common/bg_table_frm.gif") 0px -20px repeat-x; color:#888888; font-weight:bold; }
table.list tr.bar td { background:#F4F4EA url("../common/bg_table_list.gif") repeat-x; color:#333333; font-weight:bold; }
table.list tr.sub td { background:#F4F4EA url("../common/bg_table_list.gif") repeat-x; color:#888888; font-weight:bold; }


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { clear:both; width:1002px; }
div.FramerFloor { clear:both; width:1002px; }
div.FramerFloor div.SideLeft { width:170px; margin:0px 20px 0px 0px; float:left; }
div.FramerFloor div.MainBody { width:750px; float:left; }
div.FramerFloor div.MainCenter { width:580px; float:left; }
div.FramerFloor div.MainCenter1 { width:180px; float:left; }
div.FramerFloor div.MainCenter2 { width:400px; float:left; }
div.FramerFloor div.SideRight { width:220px; margin:0px 0px 0px 8px; float:right; }

div.Vister { clear:both; background:#0E1B38; width:1002px; height:5px; }


/* ********* header ******** */
div.Header { width:1002px; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; width:100%; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderLogo { width:28%; height:45px; text-align:center; float:left; }
div.HeaderNav { width:72%; text-align:right; float:right; }
div.HeaderNav div.space { width:auto; margin:2px; padding:2px; }

div.HeaderTop { width:auto; border:0px solid #DBDBDB; margin:0px; padding:0px 3px 0px 3px; float:right; }
div.HeaderTop div.left { display:none; }
div.HeaderTop div.right { display:none; }
div.HeaderTop div.item { float:left; padding:0px 3px 0px 3px; }
div.HeaderTop a { float:left; color:#333333; text-decoration:none; padding:4px 4px 1px 4px; }
div.HeaderTop a:visited { color:#333333; text-decoration:none; }
div.HeaderTop a:hover { color:#DD2000; text-decoration:none; }
div.HeaderTop a:active { color:#DD2000; text-decoration:none; }

div.HeaderLine{ clear:both; margin:0px; padding:2px; border-top:1px solid #999; border-bottom:7px solid #999;}

div.HeaderMenu { width:auto; height:12px; color:#999999; border-bottom:1px solid #999999; background:#0E1B38; padding:9px 0px 9px 20px; }
div.HeaderMenu ul {float:left;list-style:none;margin:0px;}
div.HeaderMenu li { display:inline; padding:0px 5px 0px 5px; }
div.HeaderMenu a { float:left; color:#FFF; font-size:12px; text-decoration:none; padding:0px 8px 0px 8px; }
div.HeaderMenu a:visited { color:#FFF; text-decoration:none; }
div.HeaderMenu a:hover {  color:#597BBB; text-decoration:none; }
div.HeaderMenu a:active { color:#2672BD; text-decoration:none; }
div.HeaderSpace {width:1px; height:12px; background:#FFF}
div.HeaderRight {width:auto; height:12px; float:right; padding:0px 10px 0px 0px; }
div.HeaderRight a { float:left; color:#FFF; font-size:12px; text-decoration:none; padding:0px 10px 0px 0px; }
div.HeaderRight a:visited { color:#FFF; text-decoration:none; }
div.HeaderRight a:hover {  color:#597BBB; text-decoration:none; }
div.HeaderRight a:active { color:#2672BD; text-decoration:none; }

/* ********* footer ******** */
div.FooterMenu { width:auto; height:12px; color:#666; padding:30px 10px 0px 5px; }
div.FooterMenu1 { width:auto; height:12px; color:#666; padding:0px 10px 0px 196px; }
div.FooterMenu ul { }
div.FooterMenu li { display:inline; padding:0px 5px 0px 5px; }
div.FooterMenu a { color:#666; text-decoration:none; }
div.FooterMenu a:link { text-decoration:none; }
div.FooterMenu a:visited { color:#666; text-decoration:none; }
div.FooterMenu a:hover { color:#597BBB; }
div.FooterMenu a:active {  }

div.FooterIndex { width:977px; height:25px; color:#999; background:#0E1B38; padding:14px 0px 0px 25px; }
div.FooterIndex ul { }
div.FooterIndex li { display:inline; padding:0px 5px 0px 5px; }
div.FooterIndex a { color:#999; text-decoration:none; }
div.FooterIndex a:link { text-decoration:none; }
div.FooterIndex a:visited { color:#999999; text-decoration:none; }
div.FooterIndex a:hover { color:#597BBB; }
div.FooterIndex a:active {  }

/* ********** base ********* */
div.MenuBar { clear:both; text-align:left; padding:5px 0px 5px 0px; }
div.MenuBar ul { clear:both; }
div.MenuBar li { display:inline; background:url("../common/ico_menubar.gif") 2px 2px no-repeat; padding:0px 5px 0px 16px; }

div.MenuPic { clear:both; text-align:center; padding:5px 0px 5px 0px; }
div.MenuPic ul { clear:both; }
div.MenuPic li { display:inline; background:none; padding:0px 4px 0px 4px; }

div.MenuLinks { clear:both; padding:5px 0px 5px 0px; }
div.MenuLinks ul { clear:both; }
div.MenuLinks li { background:url("../common/ico_menulinks.gif") 2px 6px no-repeat; padding:3px 5px 3px 16px; }


/* ********* login ********* */
div.Block-Login { clear:both; height:200px; border:1px solid #A3BFE8; background:#E9F1F8; }
div.Block-Login div.BlockBar { background:url("../common/ico_logo.gif") no-repeat 7px 9px; text-align:left; color:#29458C; font-weight:bold; padding:10px 8px 4px 26px; }
div.Block-Login div.BlockBody { clear:both; height:147px; border:1px solid #D8E4EF; background:#FFFFFF; text-align:center; line-height:200%; margin:3px; padding:7px; }
div.Block-Login div.BlockBody div { padding:2px 0px 2px 0px; }
input.username { width:100px; background:#FFFFFF url("../account/ico_username.gif") 2px 2px no-repeat; padding-left:18px; }
input.password { width:100px; background:#FFFFFF url("../account/ico_password.gif") 2px 2px no-repeat; padding-left:18px; }
input.login-text { border:1px solid #BBBBBB; background:#E8F5FD url("../common/bg_button.gif") repeat-x; height:23px; padding:2px 2px 1px 2px; }