body{

    background-image: url("/site/bg-full.jpg");

    background-size: cover;

}



#login .container, #register .container{

    max-width: 830px;

}



.full .overlay {

    padding: 25px 0 35px;

    background-color: rgba(0,0,0,.5);

    margin-top: 35px;

    text-align: center;

    color: #fff;

    font-family: "bitter";



}



.full h1{

    display: inline-block;

    font-size: 24px;

    font-style: italic;

    margin-bottom: 45px;

}



#login a {

    color: white;

    display: block;

    margin-bottom: 8px;

}







label{

    font-size: 14px;

    margin-right: 10px ;

}



form > div > div > span {

    display: inline-block;

    vertical-align: middle;

    text-align: right;

    width: 220px;

}



#login form span#rememberme-label + span {

    width: auto;

}



#login form span#submit-label + span {

    width: auto;

}



form > div > div > span:first-child{

    width: 115px;

}



form > div > div {

    margin-bottom: 10px;

    text-align: right;

}



#login form > div > div {

    margin-bottom: 10px;

    text-align: center;

}



#login form span#rememberme-label {

    width: auto;

}

form span#submit-label{

    display: none;

}





input[type="submit"]{

    color: #fff;

    background-color: #00b3ff;

    border: none;

    padding: 5px 30px;

    cursor: pointer;

    text-transform: uppercase;

    margin-top: 25px;



}



#register input#submit {

    text-transform: uppercase;

    -ms-transform: translateX(50%);

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

}



#login input#submit:hover{

    background-color: #005174;

}



#login input[type="text"], #login input[type="password"]{

    border: none;

    height: 30px;

    width: 250px;

}





#register h1{

    font-size: 24px;

    font-style: italic;

    margin-bottom: 35px;

}



#register .caption{

    float: right;

    text-align: left;

}



#register .caption, #register form{

    width: 49%;

}



.full .spacer{

    display: block;

    height: 3px;

    width: 100px;

    background-color: #00b3ff;

    margin: 0 auto 45px;

}





#register input[type="text"], #register input[type="password"]{

    height: 30px;

    border : none;

    width: 100%;

}







#register h2{

    font-size: 16px;

    text-transform: uppercase;

    font-style: "bitter";

    margin: 20px 0 25px 0;

}



#change_password input[type="password"],

#forget_password input[type="text"]{

    height: 30px;

    border : none;

    width: 200px;

}



#change_password form > div > div,

#forget_password form > div > div{

    text-align: center;

}



#change_password form > div > div > span,

#forget_password form > div > div > span{

    width: auto;

}



#change_password label {

    width: 180px!important;

    display: inline-block;

}



ul.errors li{

    margin-top: 2px;

    font-size: 11px;

    color:red;

    text-align: left;

}











