#login{
height:40px;
font-family: "ITC Galliard",Georgia,"Times New Roman",Times,serif;
padding: 0px 10px 0px 10px;
}

#login h3{
float: left;
font-family: "ITC Galliard",Georgia,"Times New Roman",Times,serif;
padding-top: 10px;
font-weight: normal;
font-size: 15pt;
color:#533B27
}

#login .social {
display:block;
float:left;
height:30px;
padding-top:7px;
}

#login ul{
float: right;
display: inline;
list-style: none;
font-size: 14pt;
padding-top: 10px;
}

#login ul li{
display: inline;
margin-left: 20px;
}

#login ul img{
padding-right: 5px;
border: none;
}
#login ul li a{
color: #154DAF;
text-decoration: none;

}
#login ul li a:hover{
color: #000;
}



.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:500;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
cursor: pointer;
}



.white_content {
display: none;
position: absolute;
top: 100px;
left: 25%;
width: 50%;
height: 300px;
padding: 16px;
border: 3px solid #A0C3E6;
background-color: #F2F2DE;
z-index:900;
overflow: auto;
}

div#close {
position:relative;
float:right;
padding:0px 50px 0px 0px;
margin:-30px 0px 0px 0px;
}

div#light { z-index:900; }
div#light2 { z-index:800; }
div#fade { z-index:100; }
div#fade2 { z-index:101; }

.white_content #loginForm{
margin: auto;
width: 50%;
height: 100px;
text-align: center;
float: right;
padding-top: 50px;
}

.white_content .loginInput {
display:block;
width: 140px;
margin-top: 5px;
text-align: center;
margin:auto;
padding-top: 5px;
}

.white_content .loginInput input[type="text"], .loginInput input[type="password"]{
width:100px;
padding: 5px;
background: #fff;
border: 1px solid #A0C3E6;

}

.white_content #loginForm input[type="submit"], .white_content #loginForm input[type="reset"]{
background: #A0C3E6;
padding: 5px;
margin-top:10px;
}
.white_content #loginForm .forgot{
display: block;
width: 140px;
text-align: center;
margin-top: 10px;
margin: auto;
padding-top: 10px;
}

.white_content #loginInfo{
float: left;
width: 49%;
height: 100%;
border-right: 1px solid #A0C3E6;
}

.white_content #loginInfo #title{
margin: auto;
display: block;
font-size: 14pt;
width: 200px;
text-align: center;
}
.white_content #loginInfo span{
display: block;
width: 200px;
margin: auto;
padding-top: 20px;

}
.white_content #loginInfo span ul{
float: none;
padding-top: 20px;
display: block;
}
.white_content #loginInfo span ul li{
display: block;
padding-top: 5px;
}

#light2.white_content {
height: 500px;
display: none;
position: absolute;
top: 5%;
left: 25%;
width: 50%;
padding: 16px;
border: 3px solid #A0C3E6;
background-color: #F2F2DE;
z-index:1002;
overflow: auto;
}
.white_content #registerInfo {
margin: auto;
width: 350px;
}

.white_content #registerInfo .registerInput{
float: right;
}
.white_content #registerInfo .registerTitle{
float: left;
position: relative;
top: 5px;
}
.white_content #registerInfo .registerWrap{
display: block;
width: 350px;
margin: 2px;
float: left;
clear: both;
padding: 5px;
border-bottom: 1px solid #CFCFA8;
}
.white_content .registerInput input[type="text"], .registerInput input[type="password"]{
width:100px;
padding: 5px;
background: #fff;
border: 1px solid #A0C3E6;

}

.white_content #registerInfo input[type="submit"], .white_content #registerInfo input[type="reset"]{
background: #A0C3E6;
padding: 5px;
margin-top:10px;
}

.white_content #registerInfo select{
width: 150px;
}

.white_content #registerInfo input[type="radio"]{
margin: 5px;
}

.white_content #registerInfo .registerWrap a{
display: block;
margin: auto;
text-align: center;
padding-bottom: 30px;
}
.white_content #registerInfo .buttonWrap{
margin: auto;
text-align: center;
padding-bottom: 50px;
}

a img{
border: none;
}