﻿#formpage {
box-sizing:border-box;
}

#formpage label {
width:100%;
max-width:25%;
float:left;color:#000;
box-sizing:border-box;
}

#formpage input:hover, #formpage textarea:hover, #formpage select:hover {cursor:pointer;}
#formpage input, #formpage textarea, #formpage select{
width:100%;max-width:75%;margin:0px;font-size:18px;
display:block;float:left;
border:1px solid #ddd;
background:#fafafa;
padding:8px 10px;
box-sizing:border-box;
font-weight:300;font-family: 'Rajdhani', sans-serif!important;
}
#formpage .checkboxes {
max-width:75%;width:100%;height:auto;display:block;float:right;
box-sizing:border-box;
font-weight:300;font-family: 'Rajdhani', sans-serif!important;
}

#formpage input.button:hover{
color:#000;
background:#fff;
border:1px solid #000;
cursor:pointer;
box-sizing:border-box;
}

#formpage input.button{
width:100%;max-width:100%;
float:left;display:block;
padding:8px 10px;margin:10px 0px;
font-size:18px;font-weight:700!important;
background:#005b98;font-family: 'Rajdhani', sans-serif!important;
border:1px solid #ddd;
text-align:center;
color:#fff;
-webkit-appearance:none;
box-sizing:border-box;
}


#formpage input[type=checkbox] {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:25px;
    height:25px;
    display:inline-block;

}
#formpage label.checkbox {
  /*  color:#212121;*/
    text-align:left;
    display:inline-block;
    padding:0;
}
.captcha {float:right;display:block;width:100%;max-width:75%;height:auto;}


/* search form styles */
.searcharea {padding:30px 0px;box-sizing:border-box;height:auto;width:100%;background:#a9022e;}
.searcharea h2 {color:#fff;text-align:center;}
.searchbar {width:100%;margin:0 auto;}

#formpage {
box-sizing:border-box;
}

form > div {
clear:both;
overflow:hidden;
padding:1px;
margin:0 0 10px;
-webkit-appearance:none;
font-weight:300;
}
label {
width:100%;
max-width:25%;
float:left;color:#fff;
box-sizing:border-box;
}

input:hover,textarea:hover,select:hover {cursor:pointer;}
input,textarea,select {
width:100%;
max-width:24%;margin:0px 3px;font-size:18px;
display:block;float:left;
border:1px solid #ddd;
background:#fafafa;
padding:8px 10px;
box-sizing:border-box;
font-weight:300;font-family: 'Rajdhani', sans-serif!important;
}
/*
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus {
outline:0;
}*/

input.button{
width:100%;
max-width:24%;margin-left:3px;
float:left;display:block;
padding:8px 10px;
font-size:18px;font-weight:700!important;
background:#005b98;font-family: 'Rajdhani', sans-serif!important;
border:1px solid #ddd;
text-align:center;
color:#fff;
-webkit-appearance:none;
box-sizing:border-box;
}

input.button:hover{
color:#000;
background:#fff;
border:1px solid #000;
cursor:pointer;
box-sizing:border-box;
}

/* control the Captcha */
.CaptchaPanel {
margin:0!important;
padding:0!important;
text-align:center;
line-height:normal!important;
}

.CaptchaPanel img {
margin:0 auto;
}

.CaptchaImagePanel {
margin:0;
padding:0;
}

.CaptchaMessagePanel {
padding:0!important;
margin:0!important;
font-weight:400!important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0;
padding:2px 0!important;
}

.CaptchaWhatsThisPanel {
line-height:0;width:100%;
margin:0;clear:both;
padding:8px 0!important;
}

.CaptchaWhatsThisPanel a {
color:#000;
}

.CaptchaWhatsThisPanel a:hover {
text-decoration:none;
}
input#CaptchaAnswer {max-width:100%;}

@media screen and (max-width: 1024px){
#formpage label {float:none;}

#formpage input, #formpage textarea, #formpage select,#formpage .checkboxes {
max-width:100%;float:none;}

.captcha {float:none;max-width:100%;}

    
/* search styles */    
#formpage {
text-align:left!important;
}
label {
max-width:100%;
float:none;
}

form > div > div{
max-width:100%;
float:none;
}

input.button,input.button:focus,div.button,div.button:focus {
max-width:100%;
float:none;margin:0 0 10px 0px;
}

.CaptchaPanel {
width:100%;
}

input[type=text],input[type=email],input[type=url],input[type=password],textarea,select {
max-width:100%;margin:0 0 10px 0px;
}

}