@charset "utf-8";

/***
 *	COCSMS Login Style
 *
 *	http://www.COCSMS.com
 *
 *	Copyright (c) 2008 COCSMS. All rights reserved.
 **/
 
html,body {
	background-color:#7FB7D7;
	
}
 
body.login {
	background-color:#7FB7D7;
	background:url(../images/new_bg.jpg) repeat-x;

	
}

.login .body {
	width:963px;
	overflow:hidden;
	margin: 0px auto;
	padding-top: 0px;

}

.login .loginBox {
	width: 895px;
	height:585px;
	background:url(../images/new_body_bg.png) no-repeat;
	float:left;
	
}

.login .loginBox .boxTop {
	width: 600px;
	height: 10px;
	clear: both;
	overflow: hidden;
	background: url(../images/login_bg.gif) no-repeat 0px 0px;
}

.login .loginBox .boxMiddle {
	width: 895px;
	clear: both;	
}

.login .loginBox .boxBottom {
	width: 600px;
	height: 10px;
	clear: both;
	overflow: hidden;
	background: url(../images/login_bg.gif) no-repeat 0px -30px;
}

.login div.formText {
	width: 164px;
	height: 22px;
	padding: 3px;
	float: left;
	background: url(../images/login_bg.gif) no-repeat 0px -60px;
}

.login div.formText:hover {
	background: url(../images/login_bg.gif) no-repeat -171px -60px;
}

.login div.formText input:focus {
	background-color: #f3f6f8;
}

.login div.formText input {
	width: 158px;
	height: 12px;
	line-height: 12px;
	padding: 5px 3px 5px 3px;
	padding: 6px 3px 4px 3px\0;
	border: none;
	background: none;
}

.login div.formTextS {
	width: 74px;
	height: 22px;
	float: left;
	padding: 3px;
	background: url(../images/login_bg.gif) no-repeat -360px -60px;
}

.login div.formTextS:hover {
	background: url(../images/login_bg.gif) no-repeat -450px -60px;
}

.login div.formTextS input:focus {
	background-color: #f3f6f8;
}

.login div.formTextS input {
	width: 68px;
	height: 12px;
	line-height: 12px;
	padding: 5px 3px 5px 3px;
	padding: 6px 3px 4px 3px\0;
	border: none;
	background: none;
}

.login #captcha {
	text-transform: uppercase;
}

.login .loginLogo {
	width: 250px;
	height: 80px;
	float: left;
	padding-top: 75px;
	padding-left: 10px;
}

.login .loginTable {
	width: 340px;
	float: right;
	color:#006
	
}

.login .loginTable th {
	width: 90px;
}

.login .loginTable tr {
	height: 40px;
}

.login .captchaImage {
	margin-left:4px;
	width:60px;
}

.login .captchaImage img {
	cursor: pointer;
	padding-bottom: 1px;
}

.login .captchaImage span {
	
	cursor: pointer;
}

.login .homeButton {
	width: 44px;
	height: 32px;
	line-height:32px;
	float: left;
	border: none;
	cursor: pointer;
	outline: none;
	background: url(../images/login_bg.gif) 0px -90px no-repeat;
}

.login .submitButton {
	width: 75px;
	height: 63px;
	border:none;
	cursor: pointer;
	outline: none;
	background: url(../images/new_login.jpg);
	color:#FFF;
	font-size:14px;
	font-weight:600;
}

.login .helpButton {
	width: 55px;
	height: 32px;
	line-height:32px;
	float: left;
	border:none;
	cursor: pointer;
	outline: none;
	background: url(../images/login_bg.gif) -114px -90px no-repeat;
}

.login .footer {
	width: 895px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	
	font-size:14px;
	font-weight:600;
}

.login .footer a {
	padding: 0px 10px;
	color: #fff;
}

.login .copyright {
	width: 885px;
	height: 40px;
	text-align: right;
	color: #656d77;
	font-size:12px;
	padding-top:30px;
	padding-right:10px;
}

.login .poweredby {
	width: 600px;
	height: 30px;
	text-align: center;
	color: #656d77;
}


/*new login frame*/
.new_frame_zc{ width:34px; height:585px; float:left; background:url(../images/new_frame_zc.jpg) no-repeat;}
.new_frame_yc{ width:34px; height:585px; float:left; background:url(../images/new_frame_yc.jpg) no-repeat;}
.login .adv{ width:390px; height:123px; margin-left:490px;}
.login .hint {
	width: 905px;
	margin-left:24px;
	height: 85px;
	line-height: 23px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	padding: 0px 5px 0px 2px;
	border: 1px solid #ffca80;
	background-color: #ffffff;
	color:#006;
	font-weight:600;
	text-align: center;
}

.login .hint image{
	vertical-align: middle;
	padding: 5px 0px;
}
.login .loginBox .boxFrame{ width:380px; height:140px;  margin:190px 0px 0px 500px; }
.login .loginBox .boxFrame ul{ width:260px; height:auto; overflow:hidden; display:block; clear:both; }
.login .loginBox .boxFrame li{ line-height:30px; float:left; width:165px;}
.login .loginBox .boxFrame li.new_f{ width:60px; color:#006; font-weight:600;}
.login .loginBox .boxFrame li.captchaImage{ width:84px; line-height:0px; display:block; margin-left:6px;}
.login .loginBox .boxFrame li.formTextS{ width:74px;}
.login .loginBox .boxFrame li.yz{width:80px; display:block; text-align:right; margin-left:50px; cursor:pointer; }
.login .loginBox .boxFrame li.rem_me{ margin-left:0px; width:90px; padding-top:7px;  line-height:0px;}
.login li.formText {width: 164px;height:28px;padding:0px 3px;float: left;background: url(../images/login_bg.gif) no-repeat 0px -60px;}
.login li.formText:hover {background: url(../images/login_bg.gif) no-repeat -171px -60px;}
.login li.formText input:focus {background-color: #f3f6f8;}
.login li.formText input {width: 158px;height: 20px;line-height: 20px; border: none;background: none; padding:0px; margin:5px 0px 0px 3px; float:left;}
.login li.formTextS {width: 74px;height: 28px;float:left;padding:0px 3px;background: url(../images/login_bg.gif) no-repeat -360px -60px;}
.login li.formTextS:hover {background: url(../images/login_bg.gif) no-repeat -450px -60px;
}
.login li.formTextS input:focus {background-color: #f3f6f8;}
.login li.formTextS input {width: 68px;height: 20px;line-height: 20px;border: none;background: none; margin:5px 0px 0px 3px;padding:0px; float:left;}
.boxFrame_zc{ float:left; width:260px;}
.boxFrame_yc{ float: right; width:80px; padding-top:20px;}
.login .copyright p{ height:18px; line-height:18px; font-size:12px; padding-right:6px;}