@charset "utf-8";
body{
	font: normal 12px 'Arial', Helvetica, sans-serif;
	color:#fff;
	background:url(../imgs/admin/bg_login.png);
}
html, body, #wrapper_login {
	height:100%;
	width: 100%;
	border: 0;
}
#wrapper_login td {
   vertical-align: middle;
   text-align: center;
}
.title_login{
	font-size:32px; 
	color:#333; 
	padding-bottom:20px; 
	font-family:Verdana, Geneva, sans-serif;
}
#mws-login{
	width:400px;
	margin:0 auto;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:#35353A url(../imgs/admin/mws-dark-bg.png) repeat scroll 0 0;
    border-color: #535353 #C0C0C0 #C0C0C0;
    border-radius: 6px 6px 6px 6px;
    border-right: 1px solid #C0C0C0;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    padding: 12px 16px;
    position: relative;
	text-align:left;
}
div#mws-login h1 {
    background: url(../imgs/admin/mws-login-stitch.png) repeat-x scroll left bottom transparent;
    color: #FFFFFF;
    font-size: 18px;
    margin: 0;
    padding: 0 8px 8px 0;
    position: relative;
}
div#mws-login .mws-login-lock {
    background:#35353A url(../imgs/admin/mws-login-circle.png) no-repeat scroll center center;
    border-radius: 20px 20px 20px 20px;
    padding: 8px;
    position: absolute;
    right: -10px; 
    top: -10px;
}
.css_pad{padding:7px 0;}
.mws-space{position:relative;}
.mws-icon1{
	position:absolute;
	background:url(../imgs/admin/user.png) no-repeat;
	width:16px; height:16px;	
	top:7px; left:10px;
}
.mws-icon2{
	position:absolute;
	background:url(../imgs/admin/key.png) no-repeat;
	width:16px; height:16px;	
	top:7px; left:10px;	
}
.mws-icon3{
	position:absolute;
	background:url(../imgs/admin/capcha.png) no-repeat;
	width:20px; height:20px;	
	top:6px; left:8px;	
}
.mws-input{
	width:353px; 
	border:1px solid #323237;
	padding:7px 10px 7px 33px;
}
.mws-inset {
    background:url(../imgs/admin/mws-inset.png);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.5) inset;
	padding:5px 10px;
	width:376px;
}
.mws-check{vertical-align:middle;}
.fl1{float:left; width:280px; padding-right:10px;}
.fl2{float:left; width:106px; }
.mws-input2{
	width:247px;
	border:1px solid #323237;
	padding:7px 0 7px 33px;
}
.img_cap{width:105px; height:30px;border:1px solid #323237;}
.mws-login-button{
	-webkit-appearance: none;
	border: 1px solid #284609;
    width: 99%;	
}
.green{
    border: 1px solid #507E0C;
    color: #FFFFFF;
	font-weight:bold;
}
.mws-button{
    border: 0 none;
    border-radius: 3px;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
	background-color:#355FEE;
    cursor: pointer;
    font-family: 'PTSansRegular',Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 6px 9px;
}
.mws-button:hover{background-color:#1747EC;}
.line_bottom{
	background: url(../imgs/admin/mws-login-stitch.png) repeat-x bottom left;
	height:2px;
	display:block;
	padding-bottom:10px;
}
.clear{clear:both;}
@media only screen and (max-width: 360px) {
	#mws-login { width:auto;}
	.mws-input{ width:280px;}
	.fl1{ width:inherit;}
	.mws-input2{ width:173px;}
	.mws-inset{ width:inherit;}
}
@media only screen and (max-width: 320px) {
	#mws-login { width:auto;}
	.mws-input{ width:240px;}
	.fl1{ width:inherit;}
	.mws-input2{ width:133px;}
	.mws-inset{ width:inherit;}
}