/*
    Document   : login
    Created on : Mar 10, 2011, 11:39:13 AM
    Author     : Chen
    Description:
        Stylesheet for form elements.
*/

/*all the special buttons*/
body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
.btn.orange{
    background-color: #e07e01;
}
.btn.orange:hover{
    background-color: #be5c1c;
}
.btn.lightBlue{
    background-color: #009de0;
}
.btn.lightBlue:hover{
    background-color: #026a97;
}
.btn.pink{
    background-color: #c51660;
}
.btn.pink:hover{
    background-color: #6e0d36;
}
.btn{
    display: inline-block;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
}

/*----------forms general css----------*/
.formContent{
    margin: 10px auto 25px auto;
    width: 620px;
}
.formContent.w410{
    width: 410px;
}
/*slim form format*/
.formContent.slim{
    width: 432px;
}
.formContent > h1{
    color: #0080CC;
    font-size: 20px;
    display: inline-block;
    margin-right: 20px;
}
.formInput{
    background: #ffffff;
    border: #528CE0 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px;
}
.autogrow{
    overflow: hidden;
}
.submitBtn{
      padding: 3px 20px;
      margin-top: 5px;
      border: none;
      cursor: pointer;
}
input.formInput[type=text],
input.formInput[type=password]{
    width: 171px;
    padding: 5px 2px;
}
select.formInput{
    padding: 5px;
    width: 177px;
}
.form{
    background-color: #dfdfdf;
    width: 580px;
    min-height: 176px;
    display: inline-block;
    padding: 0 20px;
}
/**/
.form.auto{
    width: auto;
}
/*slim form format*/
.form.slim{
    width: 412px;
    margin: 10px;
}
.smallLabel{
    font-size: 10px;
    display: block;
    text-align: center;
}
/*---------contact-us page css---------*/
#contactUs{
    margin: 20px auto;
}
#userInfo{
    display: inline-block;
    width: 200px;
    vertical-align: top;
}
#message{
    display: inline-block;
    width: 370px;
}
#message > textarea{
    width: 360px;
    height: 200px;
    padding: 5px;
}
.contactUsPhones{
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin: 0 10px;
}
.contactUsPhones >p{
    font-size: 12px;
    line-height: 18px;
}
.contactUsPhones b{
    margin: 0 5px;
}
.contactIco{
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: bottom;
    background-repeat: no-repeat;
    margin: 1px 0;
}
.telephone{
    background-image: url("../../images/design/telephone.png");
}
.email{
    background-image: url("../../images/design/email.png");
}
/* restore form*/
#restorePassForm{
    width: 380px;
}
/*---------form with fields in row css (login form, signup form and some settings forms)---------*/
.formField{
    display: inline-block;
    margin: 0 3px;
    vertical-align: top;
}
.formField > lable.smallLable{
    margin: 10px;
}
.formField > #codeImg{
    margin: 0 10px 3px 10px;
}
.formFieldRow > .submitBtn{
    width: 180px;
    padding: 10px 0px;
    margin-bottom: 10px;
}
div.emailField{
    width: 370px;
}
.formInput.emailField{
    width: 350px;
}
#accountInfo .submitBtn{
    margin-bottom: 10px;
}
#changeCaptcha{
    font-size: 11px;
    margin: 0 8px;
    width: 158px;
}
#loginContent{
    width: 310px;
    display: inline-block;
}
.messageTxt{
    width: 300px;
    font-size: 12px;
    margin: 5px 0;
}
.messageTxt span{
    margin: 0 5px;
}
#accountInfo .messageTxt{
    text-align: center
}
#forgotPasswordForm .messageTxt{
    width: 570px;
    text-align: center
}
.errorText{
    margin: 5px;
    width: 361px;
    text-align: center
}
#validatorTxt, .errorText{
    background-color: #f2ec94;
    padding: 5px;
    display: inline-block;
}
#partnersLogin{
    width: 260px;
    display: inline-block;
    background: #353535;
    height: 240px;
    text-align: center;
    margin-top: 20px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -weblit-border-radius: 5px;
    display: none;
}
#partnersLogin > .btn{
    width: 180px;
    margin: 20px;
    padding: 10px;
}
.checkBoxCommentTxt{
    display: inline-block;
    vertical-align: top;
    margin: 2px 0;
}

.commentTxt{
    margin-top: 0;
}