@charset "utf-8";
*{font-family: 微软雅黑 , Microsoft Yahei ,  Tahoma, Arial, Helvetica, STHeiti;
	_font-family:Tahoma, Arial, Helvetica, STHeiti; cursor:default;
	margin:0;
	padding:0;
}
body{  font-size:14px; background:#FCFDFF  url(login/body_bk.png) repeat-x 0 0; color:#333; text-shadow:1px 1px 1px #fff; /*overflow-y:scroll;*/
}
a{color:#777; cursor:pointer;
}
a:hover{
	color:#222;
}
div.tit{ font-size:18px; /*margin-left:30px;*/}


.ad{ float:left; display:block; width:350px; height:400px; background:url(login/reg.gif) no-repeat 0 24px; }
.ad h1{ text-align:right;font-size:18px; margin-right:20px;}
.content{ float:right; width:480px;z-index: 99999; }
.wrapper{
	width:900px;
	min-height:550px;
	margin-left: -450px;
	margin-top: -225px;
	top: 50%;
	position: absolute;
	left: 50%;
}
.toper {  height:54px; display:block;background:url(login/new_logo_v1.png) no-repeat left top; margin:15px 0 30px 0;*_background:url(login/new_logo_v1.gif) no-repeat left top;}
.footer {
	height:100%;
	font-size:12px;
	line-height:24px;
	display:block;
	background:url(login/footer_bk.png) repeat-x bottom;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: -99999;
	*width: 0;
}
.footer p {
	display:block;
	clear:both;
	position: absolute;
	/*visibility: inherit;*/
	bottom: 8px;
	width: 800px;
	margin-left: -400px;
	left: 50%;
	text-align: center;
	*margin:auto;
}
.footer a{text-decoration: none; padding:0 10px; } 
.box{
	width:49%;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a.back{
	color:#777;
	position:fixed;
	top:5px;
	right:10px;
	text-decoration:none;
}
/* Form Style */
.form_wrapper{
width:800px;
	font-size:16px;
	
}

.form_wrapper form{
	display:none;
	
}
.form_wrapper .column{
	width:480px;
	float:left;
}
form.active{
	display:block;
}
form.login{ 
	width:480px;
}
form.register{ 
	width:480px;
}
form.forgot_password{
	width:480px;
}
.form_wrapper a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}
.form_wrapper a:hover{
	color:#000;
}
.form_wrapper label{ clear:both; font-size:14px; color:#999999;
	display:block;
	padding:3px 0px 0px 0px;
	margin:3px 0px 0px 0px;
}
.form_wrapper input.text,
.form_wrapper input.text:focus{
	background:url(login/reg-input.png) repeat-x 0 0;cursor: text;  
}
.form_wrapper input.text{ float:left;
 border:1px double #979B9E;color:#92A2AF; height:36px; line-height:36px; width:252px; padding-left: 5px; margin: 3px 0px;display:inline;font-size:16px;overflow:hidden;
}
.form_wrapper input.text:focus{
border:1px #4B8FCF solid;	color:#333; 
}

.form_wrapper .bottom{
	
	margin-top:0px;
	clear:both;
	
}
.form_wrapper .bottom a{font-size:14px; padding-left:8px;
	
	
	color: #0099FF;
	text-shadow:1px 1px 1px #ccc;
}
.form_wrapper .bottom p { font-size:14px;display:block;
	clear:both; padding-left:0;}
.form_wrapper a.forgot{
	float:right;
	font-style:italic;
	line-height:24px;
	color:#ffa800;
	text-shadow:1px 1px 1px #fff;
}
.form_wrapper a.forgot:hover{
	color:#000;
}
.form_wrapper div.remember{
	display:block;
	line-height:15px;
	padding:5px 0px 0px 0;
	font-size:11px;
	vertical-align: middle;
}
.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}
.form_wrapper div.remember span{
	/*float:left;*/
	margin:2px 5px 0px 5px;
}
.form_wrapper div.error{
	/*visibility:hidden;*/  float:left; width:150px;
	color: #FF9900;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px ;
}

div.error span { padding-left:18px; margin-left:2px; color:#999999; *_height:24px; line-height: 24px;}
div.error span.onCorrect { background:url(weibo_skin/skin_0/img/tick_circle.png) no-repeat left ; *_background-position:left 3px;}
div.error span.onError { background:url(weibo_skin/skin_0/img/no.gif) no-repeat left ; *_background-position:left 3px;}
div.error span.onLoad { background:url(weibo_skin/skin_0/img/onLoad.gif) no-repeat left ; *_background-position:left 3px;}
div.error span.onFocus {padding-left:0px; color:#4B8FCF;} 
div.error span.onwait { background: url(img/wait.gif) no-repeat 0px; padding-left: 24px; }

.form_wrapper input.sub,.form_wrapper input.sub:hover { font-size:18px; text-align:left; color:#FFFFFF; line-height:40px; margin:20px 0px 20px 0; border:none; background:url(login/sub.png) no-repeat ; width:140px; height:40px; display:block; overflow:hidden;text-indent: 35px; cursor: pointer;}
.form_wrapper input.sub { background-position:0 0px;}
.form_wrapper input.sub:hover { background-position:0 -40px; }

/*api_ui*/
.api_li { margin-bottom:15px;  display:block; margin-top:35px; width:260px;}
.api_li dt{border-top:1px solid #ABBDCA; color:#324F65; height:36px; line-height:36px;}
.api_li dd,.api_li dd span,.api_li dd span a{ background:url(login/api_bar_bk.gif) no-repeat;   float:left; line-height:26px; height:26px; overflow:hidden; display:block; list-style-position: inside; list-style-type: none; }
.api_li dd { padding-left:5px; background-position:left 0; margin-right:5px;}
.api_li dd span{ padding-right:5px; background-position:right -60px;}
.api_li dd span a{  background-repeat:repeat-x;background-position:0 -30px;}
.api_li dd span a i{color:#7A9BB2;}
.api_sina_ui,.api_qq_ui { color:#7A9BB2; padding:0 10px 0 20px; color:#333333; font-weight:bold; background:url(weibo_skin/skin_0/new/api_ui.gif) no-repeat; cursor:pointer;}
.api_sina_ui { background-position:0 0;}
.api_qq_ui { background-position:0 -70px;}