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


/* ************************* */
body { padding:0px; font-size:12px; font-family:"Arial","Verdana","宋体"; }
table,input,textarea,select,button { font-size:12px; }


/* ************************* */
.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; }

/* ************************* */
input { border:1px solid #BBBBBB; height:21px; line-height:21px; }
textarea { border:1px solid #BBBBBB; }
select { border:1px solid #BBBBBB; }
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; }

div .line{ background:url("../line.gif") repeat-x; height:2px;margin:0px 5px 0px 5px}
/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { clear:both; width:960px; }
div.FramerFloor { clear:both; width:960px; }
div.FramerFloor div.MainBody { width:716px; float:left; }
div.FramerFloor div.MainCenter { width:492px;float:left ;}
div.FramerFloor div.SideLeft { width:210px; margin:0px 8px 0px 0px; float:left;}
div.FramerFloor div.SideRight { width:230px; margin:0px 0px 0px 8px; float:right;}


/* ********* header ******** */
div.Header { width:960px;background:#FFFFFF }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderFrame { clear:both; width:956px; margin:0 auto; padding:2px;}
div.HeaderLogo { width:267; height:65px; text-align:center; float:left;}
div.HeaderNav {float:right; padding-top:6px}
div.HeaderNav div.space { width:auto; margin:2px; padding:2px; }
div.HeaderNav a{}

div.HeaderTop { width:auto; border-bottom:3px solid #B7E2F7;border-left:1px solid #B7E2F7;border-top:1px solid #B7E2F7;border-right:1px solid #B7E2F7;background:#E8F7FF; margin:0px; padding:0px; 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.HeaderMenu { width:960px; margin:0px auto; padding:0px; float:left;color:#9cb6d6;background: url("../frame/header_menu_bg.gif") repeat-x;}
div.HeaderMenu div.item {float:left;height:33px;padding:0px 0px 0px 0px;}/* */
#menu li a#menu_home { background:url(../frame/menu_home_other.jpg) left top no-repeat;}
#menu li a#menu_home.here, #menu li a#menu_home:hover { background:url(../frame/menu_home.jpg) left top no-repeat;}
#menu li { float:left; width:84px; height:33px; background:url(../frame/menu_line.jpg) right top no-repeat;}
#menu li a ,#menu li a:visited{ color:#fff; display:block; font-size:12px; font-weight:bold; text-decoration:none; padding:10px 0px;}
#menu li a.here, #menu li a:hover { background:url(../frame/menu_li_hover.jpg) left top no-repeat; color:#000;}
div.HeaderMenu div.right{width:10px; float:right; background:url(../frame/menu_right.jpg) right top no-repeat; padding-top:5px; position:relative;}

/* ********* footer ******** */
div.Footer { width:960px; clear:both; border-top:1px solid #EDEDED; background:#F7F7F7; padding:0px 0px 0px 0px; }
div.FooterFrame { clear:both; width:940px; margin:0; padding:0px 0px 0px 0px; }

div.FooterAds { width:100%; text-align:center; padding:5px 0px 5px 0px; }

div.FooterMenu { height:32px; border:1px solid #EDEDED; background:#FFFFFF; font-size:12px; padding:0px 10px 0px 10px; }
div.FooterMenu ul { }
div.FooterMenu li { display:inline; padding:0px 5px 0px 5px; }
div.FooterMenu a { text-decoration:none; }
div.FooterMenu a:link { text-decoration:none; }
div.FooterMenu a:visited { text-decoration:none; }
div.FooterMenu a:hover {  }
div.FooterMenu a:active {  }
div.FooterMenuLeft { display:none; }
div.FooterMenuBody { width:100%; height:100%; padding:10px 0px 0px 0px; }
div.FooterMenuRight { display:none; }

div.FooterInfo { color:#000000; padding:5px; }
div.FooterInfo p { color:#000000; padding:2px; }


/* ********** 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;}
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 #2c89b5; 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; line-height:23px; padding:0px 2px 0px 2px; }

/*ad*/
.ad{margin-bottom:5px;border:#bac7e9 1px solid;width:948px;}
.ad td{padding:3px}
.ad .left{padding-left:10px;padding-right:10px;height:25px;line-height:150%}
.ad .right{padding-left:5px;padding-right:5px;height:25px;line-height:150%;}
.ad .right div{border:#dedede 1px solid;padding:5px}
.ad a{color:#0433cd}
.ad a:hover{color:#FF0000}