@CHARSET "UTF-8";

body{
	background-color: #101521;
	background-image: url("../images/login_bg.png");
	background-repeat: no-repeat;
	background-position: top center;
	color: #fff;
}

.header{
	width: 400px;
	margin-top: 80px;
	background: url("../images/header_bg.jpg");
    height: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
}

.header table td:hover{
	background-color: #415b71 !important;
	-moz-box-shadow: inset 0 0 10px #33485a !important;
	-webkit-box-shadow: inset 0 0 10px #33485a !important;
	box-shadow: inset 0 0 10px #33485a;
            
}

.header table td:first-child{
	 border-top-left-radius: 6px;
}

.header table td:last-child{
	 border-top-right-radius: 6px;
}

.shadow {
	position: relative;
	top: -20px;
	height: 20px;
	width: 500px;
}
.shadow:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(155,155,0, 0.25);
	border-radius: 50% / 20px; 
	box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
	clip: rect(20px, auto, 50px, 0);
}

#select_login{
	width: 400px;
	margin-top: -18px;
	padding-top: 40px;
}
/*
#login_uid,#login_pwd{
	font-family: "Helvetica Neue", Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    margin-bottom: 2px;
    font-size: 15px;
    padding: 11px 25px;
    padding-left: 55px;
    width: 70%;
    color: #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
     transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    height: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
* */

input#login_uid {
background: #fff url('../images/user.png') 6px 0px no-repeat;
}

input#login_pwd{
	background: #fff url('../images/key.png') 6px 0px no-repeat;
}

#login_submit{
	background: url("../images/login.png") no-repeat;
	border: 0px;
	height: 32px;
	width: 32px;
}

#select_register{
	width: 400px;
	display: none;
	margin-top: -18px;
	padding-top: 25px;
}

#reg_uid,#reg_pwd,#reg_cpwd,#reg_email,#fpwd_email, #reg_other, #login_uid, #login_pwd{
	font-family: "Helvetica Neue", Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    margin-bottom: 2px;
    font-size: 15px;
    padding: 11px 25px;
    padding-left: 55px;
    width: 70%;
    color: #000;
  /*  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
     transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    height: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; */
    
}

input#reg_uid {
background: #fff url('../images/user.png') 6px 0px no-repeat;
}

input#reg_pwd,#reg_cpwd{
	background: #fff url('../images/key.png') 6px 0px no-repeat;
}

input#reg_email,#fpwd_email{
	background: #fff url('../images/email.png') 6px 0px no-repeat;
}



#select_fpwd{
	width: 400px;
	display: none;
	margin-top: -18px;
	padding-top: 25px;

}

#reg_submit,#reg_reset,#fpwd_submit{
 -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
        box-shadow:inset 0px 1px 0px 0px #54a3f7;
        
     /*   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
        background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
        */
        background-color:#007dc1;
        
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        
        border:1px solid #124d77;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:normal;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #154682;
        
}

#reg_submit:hover,#reg_reset:hover,#fpwd_submit:hover {
        
     /*   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        */
        background-color:#0061a7;
    }
    
h2{
	padding-top: 5px;
	color:#fff;
	margin:0px auto;
	font-size: 54px;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 3px 0 #b9b9b9,
               0 3px 0 #aaa,
               0 3px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}