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


/* ************************* */
body {
	padding:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;	/*font-family:Georgia, Verdana, "宋体";*/	
}
table,input,textarea,select,button { font-size:12px; }
div.TopMove {
	font-size:14px;
	text-align:left;
	color:#087dd5;
	padding:10px 8px 2px 8px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
div.TopTite {
	font-size:14px;
	text-align:center;
	color:#087dd6;
	padding:10px 8px 2px 8px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	border: 1px solid #999999;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	vertical-align: middle;
	background-position: center center;
}
div.TeiBie {
	font-size:12px;
	text-align:left;
	color:#FF0000;
	padding:10px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	vertical-align: middle;
	background-position: center center;
}
/* ************************* */
.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 {
	color:#FFFFFF;
	font-weight:bold;
	background-color: #C10000;
	background-repeat: repeat-x;
}
table.tab tr.sub td {
	color:#087dd6;
	font-weight:bold;
	background-repeat: repeat-x;
	background-position: 0px -20px;
	background-color: #e7e7ef;
	border: 1px solid #FFFFFF;
}
table.frm tr.bar td {
	color:#FFFFFF;
	font-weight:bold;
	background-repeat: repeat-x;
	background-color: #c10000;
}
table.frm tr.sub td {
	color:#087dd6;
	font-weight:bold;
	background-repeat: repeat-x;
	background-position: 0px -20px;
	background-color: #e7e7ef;
	border: 1px solid #FFFFFF;
	}
table.list tr.bar td {
	color:#FFFFFF;
	font-weight:bold;
	background-color: #c10000;
	background-repeat: repeat-x;
}
table.list tr.sub td {
	color:#087dd6;
	font-weight:bold;
	background-repeat: repeat-x;
	background-position: 0px -20px;
	background-color: #e7e7ef;
	border: 1px solid #FFFFFF;
	}


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer {
	clear:both;
	width:940px;
	background-color: e1e5e8;
}
div.FramerFloor {
	clear:both;
	width:940px;
	background-color: e1e5e8;
}
div.FramerFloor div.MainBody { width:716px; float:left; }
div.FramerFloor div.MainCenter { width:492px; float:left; }
div.FramerFloor div.SideLeft {
	width:216px;
	margin:0px 8px 0px 0px;
	float:left;
	background-color: #e1e5e8;
}
div.FramerFloor div.SideRight { width:216px; margin:0px 0px 0px 8px; float:right; }


/* ********* header ******** */

div.Header {
	width:100%;
	clear:both;
	padding:0px;
	height: 88px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../frame/bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
div.HeaderSpace {
	clear:both;
	margin:2px;
	padding:2px;
}
div.HeaderFrame {
	width:940px;
	padding:0px;
	margin: 0;
}
div.HeaderLogo {
	float:left;
	width: 200px;
	background-position: left center;
}
div.HeaderNav {
	width:726px;
	text-align:right;
	float:right;
	background-position: right center;
	vertical-align: middle;
}
div.HeaderNav div.space {
	width:729px;
	margin:0px;
	padding:0px;
}

div.HeaderTop {
}
div.HeaderTop div.left {
}
div.HeaderTop div.right {
}
div.HeaderTop div.item {
	margin-top: 12px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	background-position: right center;
	text-align: right;
	vertical-align: middle;
}
div.HeaderTop B {
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}
div.HeaderTop a {
	color: #666666;
}
div.HeaderTop a:visited {
	color: #666666;
}
div.HeaderTop a:hover {
	color: #000000;
	font-weight: bold;
}
div.HeaderTop a:active {
	color: #666666;
}

div.HeaderMenu {
	color: #FFFFFF;
}
div.HeaderMenu div.left {
}
div.HeaderMenu div.right {
}
div.HeaderMenu div.item {
}

div.HeaderMenu a {
	font-size:14px;
	font-weight:normal;
	line-height: 38px;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	color: #FFFFFF;
}
div.HeaderMenu a:visited {
	color: #FFFFFF;
}
div.HeaderMenu a:hover {
	color: #087dd6;
	background-image: url(../frame/button.gif);
	background-repeat: repeat-x;
}
div.HeaderMenu a:active {
	color: #FFFFFF;
}


/* ********* footer ******** */
div.Footer {
	width:100%;
	clear:both;
	padding:0px 0px 0px 0px;
	border-top-style: none;
	background-image: url(../frame/ft.gif);
	background-repeat: repeat-x;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
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:20px;
	font-size:14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
	background-image: url(../frame/header_menu_bg.gif);
	background-repeat: repeat-x;
}
div.FooterMenu ul {
}
div.FooterMenu li {
	display:inline;
}
div.FooterMenu a {
	text-decoration:none;
	color: #333333;
	font-size: 12px;
}
div.FooterMenu a:link {
	text-decoration:none;
}
div.FooterMenu a:visited { text-decoration:none; }
div.FooterMenu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
div.FooterMenu a:active {
}
div.FooterMenuLeft { display:none;}
div.FooterMenuBody {
}
div.FooterMenuRight { display:none; }

div.FooterInfo {
	color:#FFFFFF;
	padding:5px;
}
div.FooterInfo p {
	color:#FFFFFF;
	padding:2px;
	text-align: left;
}


/* ********** base ********* */
div.MenuBar { clear:both; text-align:left; padding:5px 0px 5px 0px; }
div.MenuBar ul {
	clear:both;
	font-size: 14px;
}
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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #FFFFFF;
	background-image: url(../index/bar_title_red.gif);
	background-repeat: no-repeat;
}
div.Block-Login div.BlockBar {
	text-align:left;
	color:#FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 26px;
	background-image: url(../common/ico_logo.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
div.Block-Login div.BlockBody {
	clear:both;
	height:147px;
	text-align:center;
	line-height:200%;
	margin:3px;
	padding:7px;
	background-color: #e1e5e8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
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; }
/*button style 1*/
a.button7 {
	font-weight:bold;
	display: block;
	float: left;
	height: 34px;
	margin-right: 6px;
	padding-right: 20px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../common/button_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
a.button7 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left.png) no-repeat;display: block;}
a.button7:hover span{text-decoration:underline;}
/*button style 2*/
a.button1 {font-weight:bold;
background: transparent url(../common/button_right_01.png) no-repeat scroll top right; 
display: block;float: left;height: 34px;margin-right: 6px;
padding-right: 20px;text-decoration: none;color: #000000;
font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a.button1 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left_01.png) no-repeat;display: block;}
a.button1:hover span{text-decoration:underline;}
/*button style 3*/
a.button2 {font-weight:bold;
background: transparent url(../common/button_right_02.png) no-repeat scroll top right; 
display: block;float: left;height: 34px;margin-right: 6px;
padding-right: 20px;text-decoration: none;color: #000000;
font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a.button2 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left_02.png) no-repeat;display: block;}
a.button2:hover span{text-decoration:underline;}
/*button style 4*/
a.button3 {font-weight:bold;
background: transparent url(../common/button_right_03.png) no-repeat scroll top right; 
display: block;float: left;height: 34px;margin-right: 6px;
padding-right: 20px;text-decoration: none;color: #000000;
font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a.button3 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left_03.png) no-repeat;display: block;}
a.button3:hover span{text-decoration:underline;}
/*button style 5*/
a.button4 {font-weight:bold;
background: transparent url(../common/button_right_04.png) no-repeat scroll top right; 
display: block;float: left;height: 34px;margin-right: 6px;
padding-right: 20px;text-decoration: none;color: #000000;
font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a.button4 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left_04.png) no-repeat;display: block;}
a.button4:hover span{text-decoration:underline;}
/*button style 6*/
a.button5 {
	background: transparent url(../common/button_right_05.png) no-repeat scroll top right;
	display: block;
	float: left;
	height: 34px;
	margin-right: 6px;
	padding-right: 20px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.button5 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left_05.png) no-repeat;display: block;}
a.button5:hover span{text-decoration:underline;}
/*button style 7*/
a.button6 {font-weight:bold;
background: transparent url(../common/button_right_06.png) no-repeat scroll top right; 
display: block;float: left;height: 34px;margin-right: 6px;
padding-right: 20px;text-decoration: none;color: #000000;
font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a.button6 span{line-height: 22px;padding: 7px 0 5px 18px;
background: transparent url(../common/button_left_06.png) no-repeat;display: block;}
a.button6:hover span{text-decoration:underline;}
/*button style 8*/
a.button8 {
	background-image: url(../common/button_right_07.png);
}
a.button8 span{
	background-image: url(../common/button_left_07.png);

}
a.button8:hover span{text-decoration:underline;}