/*$Header: /home/cvs/www.eurofuels.com/public_html/styles/form.css,v 1.2 2007/11/19 15:48:06 melissa Exp $*/
fieldset{
width: 410px;
padding: 0 0 14px 0;
position: relative;
float: left;
border: none;
}

#application fieldset{
width: 100%;
}



fieldset fieldset{
padding: 0 0 8px 0;
clear: both;
width: 360px;
margin: 0;
}

fieldset > legend{
color: #122353;
font-weight: bold;
padding-left: 0.6em;
margin: 0 0 9px 5px;
float: left;
}

fieldset > fieldset > legend{
color: #122353;
margin: 0 0 9px 0px;
padding-left: 0.6em;
}

fieldset input,  
fieldset span, 
fieldset textarea,
fieldset select{
display: block;
float: left;
margin: 0;
padding: 0;
font-size: 100%;
height: 1.7em;
}


fieldset input, 
fieldset select, 
fieldset textarea{
background: #fff;
border: 1px solid #2D3485;
font-family: Verdana, Arial, sans-serif;
}

fieldset input, 
fieldset select{
width: 16em;
}


fieldset .submit {
padding-top: 1em;
padding-bottom: 0em;
margin-bottom: 0em;
margin-left: 1em;
}

div.submit {
    margin-left: 1em;
    margin-right: 3em;
}

#enquiry_form div.submit {
    margin-left: -0.7em;
    margin-right: 3em;
}

fieldset textarea{
height: 10em;
width: 16em;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
margin: 0 0 10px 0;
}

.error, .invalid{
color: red;
margin-left: 0.6em;
margin-bottom: 0.2em;
padding: 0 4em 0 0;
clear: both;
}

.check, .check2{
width: 60px;
float: left;
text-align: center;
border: none;
}

 .check2{
 width: 40px;
 }
 
  .check3{
 width: 30px;
 }

.grp{


}

fieldset span{
width: 172px;
padding: 0;
margin-left: 0.6em;
}


#application fieldset span{
width: 290px;
padding: 0;
margin-left: 0.6em;
}





#application .check span, 
#application .check2 span,
.check span, 
.check2 span{
width: 50px;
display: block;
text-align: center;
float: none;
}


#application .check2 span,
.check2 span{
width: 30px;
}

#application .check input, 
#application .check2 input,
.check input, .check2 input{
width: auto;
float: none;
margin: 0 auto 0 auto;
border: none;
}
#application .range,
.range{
width: 75px;
margin: 0 0 2px 0;
padding-bottom: 0.5em;
}


.time select,
#application .time select{
width: 40px;

}
#application .colon,
#application .daygrp,
.colon, .daygrp{
float: left;
margin-left: 0.6em;

}
#application .colon,
.colon{
width: 10px;
margin: 0 0 0 4px;
}
#application .volumegrp input,
.volumegrp input{
width: 110px;
margin: 0 5px 0 0;
}



.form_element{
clear: both;
padding: 0;
margin: 0 0 10px 0;
display: block;
height: 20px;
position: relative;

}

#application .VatRecovery{
float:left;
padding: 0 3.5em 0 0;
width: 38em;
}

#application .radiogrp span,
.radiogrp span{
width: 40px;
height: auto;
background: none;
border: none;
display: block;
float:left;
}

.radio,
#application .radiogrp input,
.radiogrp input{
width: auto;
height: auto;
background: none;
border: none;
float:left;
}



span.full{
width: 40px;
}

span.smart{
width: 70px;
}

.grp{
clear: both;
}

#application .grp{
clear: both;
margin: 0 0 0 290px;
}




#application fieldset textarea,
#application fieldset input,
#application fieldset select{
width: 23em;
}

#application fieldset .selectgrp select{
width: 84px;
margin: 0 0 8px 0;
}
#countries .row,
#other_countries .row{
clear: both;
margin: 0 0 0 290px;
}
#countries .row input,
#other_countries .row input{
width: 6em;
margin: 0 0 1em 0;
}
#countries  .row div,
#other_countries  .row div{
float:left;
font-weight: bold;
color: #122353;

}
#countries .row span{
font-weight: normal;

}


#countries .row div.country,
#countries .row span,
#other_countries .row div.country,
#other_countries .row input.country{
margin: 0 0.5em 1em 0;
width: 16.2em;
}


.header_text{
width: 90%;
}

button {
    cursor: pointer;
    margin-left: 1em;
}