﻿* {
font-size:100%;
color:#000;
outline:none;
}

html,body {
height:100%;
font-family:Verdana,"Geneva CY","DejaVu Sans",sans-serif;
}

body {
background:#F2E5D2;
margin:0;
padding:0;
}

a img {
border:0;
}

a {
color:#777;
}

a:hover {
color:#535353;
}

p,form,div,ul,li,ol {
margin:0;
padding:0;
}

textarea {
resize:none;
}

h3 {
font-weight:400;
font-size:20px;
margin:0 0 10px;
padding:0;
}

#container {
width:400px;
height:250px;
position:absolute;
left:50%;
top:40%;
margin-left:-200px;
margin-top:-125px;
}

.form_wrap {
background:#fff;
border:4px solid #C82;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
padding:30px 15px;
}

.lf_head {
background:url(logo2.png) 0px 5px no-repeat;
height:40px;
line-height:40px;
font-size:20px;
padding:0 0 10px 125px;
}

.lf_line {
padding:0 0 5px;
}

.lf_line p {
text-align:center;
margin-top:20px;
font-size:12px;
color:#777;
}

.lf_line label {
float:left;
width:115px;
text-align:right;
font-size:14px;
line-height:21px;
margin:0 10px 0 0;
}

.lf_line button {
outline:none;
margin:0 0 0 120px;
}

.input_text {
background:#ccc;
border:0;
font-size:13px;
color:#666;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
width:200px;
padding:3px 7px;
}

#add_auth {
width:440px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin-left:-220px;
margin-top:-100px;
display:none;
font-size:12px;
}

#add_auth .lf_head {
background:url(../images/logo.gif) left top no-repeat;
height:40px;
line-height:40px;
font-size:20px;
padding:0 0 10px 75px;
}

#add_auth .lf_line {
padding:0 0 20px;
}

#add_auth .lf_line:last-child {
padding:0;
}

#add_auth .input_perc {
overflow:hidden;
zoom:1;
}

#add_auth input[type="text"] {
width:85%;
}

#add_auth label {
width:auto;
font-size:12px;
float:left;
}

#add_auth .but_aa {
width:auto;
background:#E18905;
color:#fff;
font-size:10px;
border:0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-box-shadow:0 0 2px #969696;
-moz-box-shadow:0 0 2px #969696;
box-shadow:0 0 2px #969696;
float:right;
cursor:pointer;
margin:0 0 0 12px;
padding:3px;
}

#videoinstruction {
display:none;
width:640px;
height:400px;
background:#fff;
border:4px solid #C82;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
color:#84b8d9;
padding:30px 15px;
}

#dialog {
display:none;
background:#fff;
border:4px solid #C82;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
color:#84b8d9;
padding:30px 15px;
}

#dialog .lf_head {
background:url(../img/logo-smol.png) 75px top no-repeat;
height:40px;
line-height:40px;
font-size:20px;
padding:0 0 10px 150px;
}


#forget-dialog {
display:none;
background:#fff;
border:4px solid #C82;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
color:#84b8d9;
padding:30px 15px;
}

#forget-dialog .lf_head {
background:url(../img/logo-smol.png) 75px top no-repeat;
height:40px;
line-height:40px;
font-size:20px;
padding:0 0 10px 150px;
}
#forget-dialog .lf_line label,.dialog_r .lf_line label {
float:left;
width:225px;
text-align:right;
font-size:14px;
line-height:21px;
margin:0 10px 0 0;
}

#forget-dialog .lf_line button,.dialog_r .lf_line button {
margin:10px 0 0 90px;
}

#forget-dialog .lf_line button.but_cancel,.dialog_r .lf_line button.but_cancel {
margin:0 0 0 -3px;
}
#simplemodal-container a.modalCloseImg {
background:url(../images/x.png) no-repeat;
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-10px;
right:-11px;
cursor:pointer;
}

#simplemodal-overlay {
background:#000;
cursor:wait;
}

#message {
display:none;
width:800px;
background:#fff;
border:4px solid #C82;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
font-size:13px;
padding:30px 15px;
}

#message p {
margin:0 0 10px;
}

#dialog_r {
display:none;
width:100%;
height:100%;
position:fixed;
z-index:9999;
background:#000;
cursor:wait;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}

.dialog_r {
background:#fff;
border:4px solid #C82;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
color:#84b8d9;
display:none;
position:absolute;
top:50%;
left:50%;
width:485px;
z-index:99999;
margin:-130px 0 0 -250px;
padding:30px 15px;
}

.dialog_r .lf_head {
background:url(../images/logo.gif) 95px top no-repeat;
height:40px;
line-height:40px;
font-size:20px;
padding:0 0 10px 150px;
}

.testresult {
display:block;
}

.shortPass,.badPass,.goodPass,.strongPass,.samePassword {
text-align:right;
padding:0 36px 0 0;
}

.shortPass span,.badPass span,.goodPass span,.strongPass span,.samePassword span {
font-size:11px;
color:red;
}

.goodPass span,.strongPass span {
color:green;
}

.button_orange,.button_green {
border:0;
background:#000;
color:#fff;
font-size:12px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
cursor:pointer;
padding:5px 20px;
}

.button_orange {
background:#FF8C00;
}

.button_green {
background:#7DC55A;
}

.but_login,.but_send,.but_cancel,.but_proceed {
background:none;
border:0;
cursor:pointer;
margin:0;
padding:0;
}

#dialog .lf_line label,.dialog_r .lf_line label {
float:left;
width:225px;
text-align:right;
font-size:14px;
line-height:21px;
margin:0 10px 0 0;
}

#dialog .lf_line button,.dialog_r .lf_line button {
margin:10px 0 0 90px;
}

#dialog .lf_line button.but_cancel,.dialog_r .lf_line button.but_cancel {
margin:0 0 0 -3px;
}