/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17/Mar/2015, 17:02:47
    Author     : Pedro Rodrigues
*/

.customerRegistPageWrapperBox{
    width: 100%; 
    min-height: 210px; 
    margin-top: 180px; 
    margin-bottom: 50px;
    text-align: center;
    float:left;
    display: table;
}
.customerRegFormBox{
    width: 568px; 
    min-height: 150px; 
    margin: 0 auto; 
    box-sizing: border-box;
    text-align: left;
    display: table;
    overflow-x: hidden; 
}
.customerRegFormBox form label p{
    text-align: left;
    margin-left: 2%;
}



#customerRegFormId form input{
    width: 550px;
}

#customerRegFormId form input#custRegCapchaId{
    width: 30%;
    float: left;
}

#customerRegFormId form img#custRegCapchaIMGId{
    margin-left: 10px;
    margin-top: 3px;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#customerRegFormId form button{
    width: 200px; 
    height: 30px; 
    float: right;
}
.customerRegFormDayOfBirthNameBox, 
.customerRegFormMonthOfBirthNameBox, 
.customerRegFormYearOfBirthNameBox{
    width:80px !important; 
    display: inline !important;
}
.customerRegFormYearOfBirthNameBox{
    width:100px !important;    
}
.processingStatusBox{
    width: 92%; 
    height: 30px; 
    margin-top: 10px;
    float: left; 
    text-align: right;
}
.processingStatusBox > img, 
.processingStatusBox > span{
    display : none;
    float: right;
}



@media only screen and (max-width: 1199px){
    
}
@media only screen and (max-width: 979px){
    #customerRegFormId form #customerRegistrationBtnId{
        width: 100%;
        float: left;
    }
    #customerRegFormId form input{
        width: 97%;
    }
    #customerRegFormId > form > button.registFormSubmitBtn{
        width: 99% !important;
    }
}
@media only screen and (max-width: 669px){
    #customerRegFormId form #customerRegistrationBtnId{
        width: 95%;
    }
    #customerRegFormId form input{
        width: 95.5%
    }
    .customerRegFormBox{
        width: 525px;
    }
    #customerRegFormId > form > button.registFormSubmitBtn{
        width: 98% !important;
    }
}
@media only screen and (max-width: 599px){
    .customerRegFormBox{
        width: 475px;
    }
    #customerRegFormId > form > button.registFormSubmitBtn{
        width: 99% !important;
    }
}
@media only screen and (max-width: 549px){
    .customerRegFormBox{
        width: 440px;
    }     
}
@media only screen and (max-width: 514px){
    .customerRegFormBox{
        width: 400px;
    }    
}
@media only screen and (max-width: 454px){
    .customerRegFormBox{
        width: 270px;
    }
    #customerRegFormId form input{
        width: 94%;
    }
    .customerRegFormDayOfBirthNameBox, 
    .customerRegFormMonthOfBirthNameBox, 
    .customerRegFormYearOfBirthNameBox{
        width:65px !important; 
    }
    .customerRegFormYearOfBirthNameBox{
        width:85px !important;    
    }
}