/* 
    Document   : login
    Created on : 12 31, 12, 9:10:36 PM
    Author     : Mav
    Description:
        Purpose of the stylesheet follows.
*/

#login-form-div {
   margin: 30px auto;
}

#login-form {
   background: #dddddd; /* Old browsers */
   background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

   width: 570px;
   margin: 0 auto 0 auto;
   padding: 10px 0 0 0;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;

}

#login-form #title {
   background: url('../images/landingpage/sign/sign_header.png') no-repeat;
   width:537px;
   height:54px;
   font-size: 22px;
   font-weight: bold;
   font-style: italic;
   line-height: 54px;
   color: #fff;
   margin: 0 auto 0 auto;
   padding-left: 13px;
}

#login-form #login-desc {
   font-style: italic;
   color: #000;
   margin: 5px 0 20px 15px;
}

#submit-div, #remember-me-div {
   margin-left: 32%;
   /*margin-bottom: 20px;*/
}

#newatf2pbg, #returningbg {
   height: 250px;
}

#newatf2pbg{
   background: url('../images/landingpage/signup_bg.png') no-repeat;
   background-size: 100% 100%;
   padding: 15px 20px
}

#newatf2pbg > div {
   text-align: right;
}

#newatf2pbg {
   color: #fff;
}
#returningbg{
   background: url('../images/landingpage/login_bg.png') no-repeat;
   background-size: 100% 100%;
   padding: 10px 20px 0 20px;
   font-size: 12px;
   color:#ffffff; 
}

#returning-user-div .error label{
   color: #ffcccc;
}

#returning-user-div .error input{
   /*background: #ffcccc;*/
}

.error-message-div {

}

.error-message {
   text-align: center;
   font-size: 11px;
   margin-bottom: 0;
   margin-top: -10px;
   margin-left: 20px;
   color: #ffcccc;
   /*margin-bottom: -10px;*/
   /*line-height: 10px;*/
   /*height: 26px;*/
}


/* Returning User CSS
#landingpage-wrapper{
   width:708px;
   clear:both;
   margin: 50px auto 30px auto;
   color:#ffffff; 
}
#landing-login-email{
   border: 1px solid rgb(139, 137, 137);
   box-shadow: inset 0 2px 0 0 #dadada;
   color: rgb(102, 102, 102);
   padding: 6px;
   width: 220px;
   float: left;
   border-radius: 5px;
   margin: 7px 0 2px 0;
}
#landing-login-password {
   border: 1px solid rgb(139, 137, 137);
   box-shadow: inset 0 2px 0 0 #dadada;
   color: rgb(102, 102, 102);
   padding: 6px;
   width: 220px;
   float: left;
   border-radius: 5px;
   margin: 5px 0 2px 0;
}
#landingpage-wrapper label {
   width: 28%;
   text-align: right;
   float: left;

   padding: 10px;
   padding: 10px 0 0 0;
}
#landing-submit-holder{
   margin-top: 2px;
   text-align: right;

}
.landing-submit-btn {
   width: 101px;
   height:26px;
   background: url('../images/landingpage/btn-login.png') no-repeat;
   border:none;
   position:absolute;
   bottom:28px;
   right:17px;
}
.landing-submit-btn:hover {
   border:none;
   background-position: 0 -26px;
}
.landing-signup-btn {
   width: 101px;
   height:26px;
   background: url('../images/landingpage/btn-signup.png') no-repeat;
   display:block;
   border:none;
   float:right;
   margin-top: 80px;

}
.landing-signup-btn:hover {

   background-position: 0 -26px;
   display:block;
   border:none;
}*/


#typeofuser{
   width: 789px;
   height:542px;
   background: url('../images/landingpage/types_placeholder_comingsoon.png') no-repeat;   
   margin: 0 auto;
}

body.loading {
   overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
   display: block;
}
/*.login-btn {
   width: 129px;
   height:38px;
   background: url('../images/landingpage/sign/btn-login.png') no-repeat;
   border:none;
   float: left;
   margin-left:24px;
   cursor: pointer;
}
.login-btn:hover {
   background-position: 0 -38px;
}*/