/* CSS Document */

body{margin:0 ; padding:0; background:url(bg_dark.png) repeat; font-size:12px; line-height:22px;}

.login-box{ width:402px; height:259px; margin:20px auto; position:absolute; display:none;
background-color: #404649;
border: 1px solid #24272B;
-webkit-box-shadow: 0 1px 1px #373737 inset, 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 1px #373737 inset, 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 1px #373737 inset, 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.login-title{
	background-color: #393D40; 
	border-bottom: 1px solid #222; 
	-webkit-box-shadow: 0 1px 0 rgba(100, 100, 100, 0.8) inset; 
	-moz-box-shadow: 0 1px 0 rgba(100, 100, 100, 0.8) inset; 
	box-shadow: 0 1px 0 rgba(100, 100, 100, 0.8) inset; 
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	padding: 15px 20px;
}
.login-title h1{margin:0; padding:0; font-size:14px; font-weight:normal; color:#C4D520; padding-left: 24px; background:url(user_active.png) left center no-repeat;}

.login-item{background-color: #404649;
border-bottom: 1px solid #26292B;
border-top: 1px solid #53585C;
padding: 15px 20px;
overflow: auto;}
.login-item:hover{background-color: #3D4245;
border-bottom: 1px solid #24272B;
border-top: 1px solid #363B3E;}

.input-txt{width:340px;
font-size:12px;
background-color: #393D40;
border: 1px solid #202020;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 7px;
padding-left: 10px;
width: 340px;
color: #777;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.input-txt:focus{
	outline:none;
	border:1px solid #bece20 !important;
    -webkit-box-shadow:0 0 3px #bece20 !important;
    -moz-box-shadow:0 0 3px #bece20 !important;
    box-shadow:0 0 3px #bece20 !important;	
	}
.login-btn{margin: 20px;
padding: 7px 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
filter: dropshadow(color=#fff, offx=0, offy=1);
background-color: #393D40;
border: 1px solid #292929;
border-bottom: 1px solid #222;
color: #E7E7E7;
-webkit-box-shadow: 0 1px 0 #494a4a inset, 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 0 #494a4a inset, 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 #494a4a inset, 0 1px 3px rgba(0, 0, 0, 0.3);
}
.login-btn:hover{background-color:#43474b;
    border:1px solid #303030;
    border-top:1px solid #303030;    
    border-bottom:1px solid #292929;
    color:#e7e7e7;
    -webkit-box-shadow:0 1px 0 #494a4a inset, 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 1px 0 #494a4a inset, 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 0 #494a4a inset, 0 1px 3px rgba(0, 0, 0, 0.5);}