/* forms css */

form{
text-align:left;
}

fieldset{
border-style:solid;
border-width:1px;
padding:15px;
margin-bottom:10px;
}

legend{
padding:0 0.5em;
font-weight:bold;
}

label{
width:100%;
float:left;
text-align:left;
}

label.radio,label.checkbox_input{
margin-right:-15px;
}

label.text_input, label.email_input, label.color_input{
margin-right:-120px;
}

label.select_input{
margin-right:-180px;
}

form div, form p{
clear:both;
margin:0.6em 0
}

form p{
text-align:left;
}

input.text_input, input.numeric_input, input.email_input, input.password_input, textarea, input.color{
border-style:solid;
border-width:1px;
}

input.text_input, input.email_input, input.password_input, input.numeric_input, input.color{
width:110px;
padding:2px;
}

select.select_input{
width:180px;
padding:2px;
}

.password_input{
margin-bottom:1em;
}

input.numeric_input{
width:6em;
}



textarea{
width:98%;
margin:0.5em 0;
height:10em;
padding:0.3em;
display:block;
clear:both;
}


.submit{
text-align:center;
margin:10px 0 10px 10px;
}

.submit input{
margin:0;
/*border:none;*/
}

.taxo{
list-style:none;
}


/* for files */


fieldset.file{
border-style:solid;
border-width:1px;
padding:0;
margin:0 0 20px 0;
width:100%;
clear:both;
}

div.image, div.file{
margin:0.5em;
text-align:center;
clear:none;
text-align:center;
border-style:solid;
border-width:1px;
float:left;

}


div.image-nav{
text-align:right;
margin:0;
padding-top:2px;
border-bottom-style:solid;
border-bottom-width:1px;
}

form div.options{
padding:0 2em 1.5em 2em;
border-top-style:solid;
border-width:1px;
margin:3em 0 0 0;
}

.file img{
display:block;
margin:1.5em 0.5em 0.5em 0.5em;
}

.file div.clear{
height:5px;
margin:0!important;
line-height:5px;
}

p.highlight_add{
color:red;
margin:10px 0 0 0!important;
}

/* **************** color ***************** */

#popupColor{
padding:15px;
position:absolute;
height:275px;
width:250px;
border-style:solid;
border-width:1px;
border-color:#ccc #666 #666 #ccc;
top:0;
left:0;
background-color:#fff;
text-align:left;
display:none

}

#satValDiv{
position:relative;
width:200px;
height:200px;
}

#hueDiv{	
position:absolute;
left:230px;
top:15px;
width:35px;
height:200px;
}

#previewDiv{
height:50px;
width:50px;
position:absolute;
top:225px;
left:15px;
border:1px solid black;
}

#popupColor input{
position:absolute;
left:90px;
top:254px;
width:76px;
}

.openSelector{
background-color:#333333;
cursor:pointer;
border-style:solid!important;
border-width:1px;
border-color:auto;
float:left;
width:20px;
height:20px;
display:block;
}


.colDiv{
margin:0;
padding:20px 0;
clear:both;
}

a.openSelector:hover{
border-style:inset;
}

.js input.color{
display:none;
}

#user_result{
border-style:solid;
border-width:1px;
padding:10px;
margin:20px 0;
}

#user_result p{
margin:10px 0!important;
}

#user_result ul{
list-style-image:none;
}


/* **************** eof generic ***************** */

/* **************** captcha ***************** */

form#captcha{
margin-top:2em;
}

form#captcha div{
text-align:center;
}

form#captcha .submit{
margin:30px 0;

}

#capo{
padding:8px 0;
text-align:center;
font-size:14px;
width:120px;
font-weight:800;
}





/* header */

#header #postcode, #uk #postcode3{
width:100px;
margin-right:7px;
border:none;
padding:3px 0;
text-align:center;
height:20px;
}

#header #postcode{
background:transparent url(../graphics/head_search.gif) no-repeat;
}

#header form p{
text-align:right;
}

#go, #go3{
position:relative;
top:6px;
width:36px;
height:20px;
}


/* uk */

#uk #postcode3{
background:transparent url(../graphics/search_blue.gif) no-repeat;
}

.perPage{
text-align:center;
margin:20px 0 10px 0;
}

.perPage select{
width:4.5em;
}

/* search */

#search h4{
text-align:center;
padding-top:1em;
margin:0;
}

.driving_instructor_advanced_search form{
text-align:left;
}

.driving_instructor_search form{
text-align:center!important;
}


.driving_instructor_search label.text_input{
font-weight:bold;
margin:0!important;
width:10em;
float:none;
}

.driving_instructor_search input.text_input{
width:8em;
margin-left:1em;
}



#search h5{
padding:0;
margin:0;
}

#search fieldset{
border:none;
padding:5px;
}

#search option{
display:block;
float:none;
}

#search  #go2{
margin:20px 0 0 0;
width:80px;
height:20px;
}

#search h4{
margin-bottom:2em;
}
#search h5{
margin-bottom:5px;
}

.perPage p{
text-align:center;
}


/* sign up */

#premium, #basic{
width:120px;
height:27px;
} 

#accountOptions, #captcha{
text-align:center;
margin:0 20px 60px 20px;
}

#accountOptions input{
margin:10px 0;
}

#accountOptions h3{
margin-top:30px;
}

#accountOptions p{
text-align:center;
}

#school div{
text-align:center;
}


#add_school input.text_input, #signup input.text_input, #signup input.email_input, #signup input.password_input{
width:120px;
}

#add_school label.text_input, #signup label{
margin-right:-130px;
}

#school label, #add_school label{
font-weight:800;
}

#school div, #add_school div{
margin-bottom:8px;
}

#school select{
width:100%;
}


#school label.select_input{
margin-right:0;
}

div.submit{
margin:20px 0 50px 0;
}

#signup div{
margin-bottom:20px;
}

#signup div.options{
margin:0;
}

#signup select{
width:7em;
text-align:center;
}

#aboutyourself label.radio_input{
float:left;
width:10em;
}

#aboutyourself label.radio{
margin:0!important;
width:4em;
text-align:right;
padding-right:3px;
}

#aboutyourself div.radio{
margin:0!important;
width:6em;
float:right;
clear:none;
padding:0;
text-align:right;
}

terms{
margin-bottom:10px;
}


/* postcodes */

#area{
margin:0;
padding:0;
}

#area ul.taxo{
margin:0;
padding:0;
width:550px;
}

#area div{
clear:both;
text-align:center;
padding:10px 0;
}

#area div.submit{
margin:5px 0 0 50px;
}

.selectAll{
display:none;
}

.js .selectAll{
display:block;
}

.selectAll label{
float:none;
margin-left:0.5em;
cursor:pointer;
}

#area ul.taxo h3{
margin:0;
text-align:center;
clear:both;
padding-top:50px;
}

ul.taxo li{
float:left;
width:6.4em;
text-align:left;
list-style:none;
margin:5px 0;
}

#paypal{
text-align:center;
margin:30px 0;
}

table#taxo_quick_links{
width:500px;
}





/* login, lost, contact, feedback */

#login, #lost, #contact, #resend_confirmation, #confirmation{
width:25em;
margin:2em auto 2em auto;
border:1px solid #EBEBEB;
padding:2em;
}

#login div, #lost div, #contact div{
margin:1em 0
}

#login label.checkbox_input{
margin-right:-120px;
}

#login .submit, #lost .submit, #contact .submit, #resend_confirmation .submit, #confirmation .submit{
margin:2em 0 0 0;
}


/*     website   */

#website{
width:400px;
}

#website label{
font-weight:bold;
}

#content #website p{
margin:20px 0;
}

#preview, #website .submit{
float:left;
margin:30px 0 20px 32px;
clear:none;
}

/* paypal  */

#paypal img{
margin:20px 0;
}

#upgrade a{
border:none!important;
}

form.admin{
text-align:center;
}

form.payment{
margin:30px 120px;
}

form.payment #next{
margin:30px 0 0 70px;
}

#captcha p.required-explantation{
display:none;
}


