/* =============================================================================

	login.CSS
	version: 1.0
	updated: 2014-01-03, 11:04 GMT+8

============================================================================= */

.contentbg{
	height: 100%;
	width: 100%;
	background:url(/tmp/login/login_background.png) repeat;
	margin:0 auto;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/login_background.png" ,sizingMethod="crop");	
}

.contentmid{
	position: relative;
	top:160px;
	height:307px;
	background:url(/tmp/login/login_midbackground.png) repeat;
	margin:0 auto;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/login_midbackground.png" ,sizingMethod="crop");	
}

.contentmidbg{
	height:315px;
	width:498px;
	background:url(/tmp/login/login_contentbg.png) no-repeat;
	margin:0 auto;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/login_contentbg.png" ,sizingMethod="crop");	
}

.contenttitle{
	position: relative;
	text-align:center;
	top:15px;
	font-size: 180%;
	color: #FFFFFF; 
	font-family:arial, sans-serif;
}

.contentlogo{
	position: relative;
	top:60px;
	left:50px;
	width:169px;
	height:59px;
	background:url(/tmp/login/logo.png) no-repeat;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/logo.png" ,sizingMethod="crop");	
}

.nameinputlogo{
	position: relative;
	top:-7px;
	left:270px;
	width:33px;
	height:29px;
	background:url(/tmp/login/namelogo.png) no-repeat;
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/namelogo.png" ,sizingMethod="crop");	
}

.nameinput{
	position: relative;
	left:33px;
	height:27px;
	line-height: 27px;
	width: 130px;
	border-top:1px solid rgb(231,231,231);
	border-right:1px solid rgb(231,231,231);
	border-bottom:1px solid rgb(231,231,231);
	font-size:100%;
	padding-left:15px;
	color:#999;
}

.nameinput:focus{
	border-top:1px solid rgb(117, 186, 255);
	border-right:1px solid rgb(117, 186, 255);
	border-bottom:1px solid rgb(117, 186, 255);
}

.pwdinputlogo{
	position: relative;
	top:5px;
	left:270px;
	width:33px;
	height:29px;
	background:url(/tmp/login/pwdlogo.png) no-repeat;	
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/pwdlogo.png" ,sizingMethod="crop");	
}

.pwdinput{
	position: relative;
	left:33px;
	height:27px;
	width: 130px;
	line-height: 27px;
	font-size:100%;
	border-top:1px solid rgb(231,231,231);
	border-right:1px solid rgb(231,231,231);
	border-bottom:1px solid rgb(231,231,231);
	padding-left:15px;
	color:#999;
}

.pwdinput:focus{
	border-top:1px solid rgb(117, 186, 255);
	border-right:1px solid rgb(117, 186, 255);
	border-bottom:1px solid rgb(117, 186, 255);
}

.remembermediv{
	position: relative;
	left:60px;
	top:30px;
	z-index: 2;
}

.rememberme{
	position: relative;
	float:left;
	font-size: 100%;
	color: rgb(136,136,136);
	font-family:arial, sans-serif;		
}

a.toggle-switch{
	position: relative;
	float:left;
	width:38px;
	height:17px;
	background:url(/tmp/login/toggle-switch.png) no-repeat left -33px;	

}

a.toggle-switch.small.on,
a.toggle-switch.small{
	position:relative;
	width:38px;
	height:17px;
	background-position:left -16px;
}

a.toggle-switch.small.off{
	background-position:left -34px;
}

a.toggle-switch:focus { outline: none }

.langdiv{
	position: relative;
	display:block;
	/*left:115px;*/
	float: right;
	margin-right: 49px;
	top:30px;
	font-size: 100%;
	color: rgb(136,136,136);
	font-family:arial, sans-serif;	
	z-index: 1;
}

.btngroupdiv{
	float:left;
	display:inline-block;
	position: relative;
	top:60px;	
	left:92px;
	color: #646464;	
	font-family:arial, sans-serif;
	font-size:90%;
}

.btnstylediv{
	float:left;
	text-align:center;
	cursor: pointer;
	width:140px;
	height:33px;
	background:url(/tmp/login/loginbtn.png);
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/loginbtn.png" ,sizingMethod="crop");
}

.btnstyledivon{
	float:left;
	text-align:center;
	cursor: pointer;
	width:140px;
	height:33px;
	background:url(/tmp/login/loginbtnon.png);
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/loginbtnon.png" ,sizingMethod="crop");
}

.btnstylediv1{
	float:left;
	text-align:center;
	cursor: pointer;
	width:36px;
	height:33px;
	margin-left:5px;
	background:url(/tmp/login/anonyloginbtn.png);
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/anonyloginbtn.png" ,sizingMethod="crop");
}

.btnstyledivon1{
	margin-left:5px;
	float:left;	
	text-align:center;
	cursor: pointer;
	width:36px;
	height:33px;
	background:url(/tmp/login/anonyloginbtnon.png);
	_background:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tmp/login/anonyloginbtnon.png" ,sizingMethod="crop");
}

.btnstyleinterval
{
	margin-left:30px;
}

.downactive{
	position: relative;
	text-align:center;
	top:105px;
	color:rgb(62, 158, 255);
	font-family:arial, sans-serif;
	font-size:80%;
}

.foottitle{
	display: inline-block;
	position: relative;
	text-align:center;
	top:150px;
	width:100%;
	color: rgb(136,136,136);
	font-family:arial, sans-serif;
}