/*$Header: /home/cvs/www.fuelplus.ie/public_html/styles/form.css,v 1.11 2005/04/25 14:54:21 matthew Exp $*/
/*cardbox = card services*/
/*formbox = general forms main application form*/
/*logbox = login form*/

.formbox span, .formbox .radiogrp .formtitle{
width: 240px;
color: none;
}

.formbox .radiogrp .formtitle{
height: 50px;
_height: 40px;
}


.formbox br, .logbox br {
clear: left;
}

.formbox{
width: 470px;
margin: 0 0 0 0;
}

.formtext{
width: 500px;
margin: 0 0 20px 0;
}
 
.formbox span, .formbox input, .formbox textarea, .radiogrp .formtitle, .cardbox input, .cardbox span{
display: block;
float: left;
margin-bottom: 10px;
}

.formbox input, .formbox textarea{
width: 198px;
}

.formbox .radiogrp, .formbox .radiogrp2{
display: block;
clear: both;
width: 540px;
}

.radiogrp2 span{
width: auto;
float: left;
margin: 0 20px 0 5px;
}



.formbox .radiogrp span, .cardbox .radiogrp span{
width: auto;
margin: 2px 0 0 0;
}

.formbox .radiogrp .radio, .formbox .radiogrp2 .radio, .cardbox .radiogrp .radio, .formbox .radio {
display: inline;
float: left;
width: auto;
border: 0;
}

.submit input{
border: 0;
height: 17px;
width: 77px;
margin: 20px 5px 0 0;
}

.submit2 input{
border: 0;
height: 17px;
width: 90px;
margin: 20px 5px 0 0;
}

.submit3 input{
height: 17px;
width: 77px;
border: 0;
margin: 20px 5px 0 0;
}

.formbox select, .cardbox select{
font-size: 10px;
_float: left;
margin-bottom: 10px;
}

.formbox .checkbox, .cardbox .checkbox{
border: none;
width: auto;
background: none;
margin-bottom: 10px;
}

.formbox .selectgrp{
display: block;
clear: both;
margin: 0;
padding: 0;
}

.selectgrp select{
margin: 5px 0 5px 0;
display: inline;
}

.selectgrp input{
display: inline;
float: left;
width: 125px;
margin: 6px 5px 5px 0;
}

.error{
color: red;
text-align: right;
padding: 0 30px 0 0; 
font-size: 10px
}

.cardbox .error{
color: red;
text-align: right;
padding: 0 40px 0 0; 
font-size: 10px
}

.spacer{
clear: both;
height: 40px; 
_height: 0;
}

.logbox span{
margin:  0 5px 0 0;
padding:  0 0 0 0;
width: 100px;
font-size: 10px;
display: block;
}

.logbox input{
width: 120px;
_width: 130px;
font-size: 10px;
}

.cardbox {
width: 400px;
}

.cardbox span{
width: 150px;
_width: 150px;

}

.cardbox .radiogrp .formtitle{
width: 270px;
}
.cardbox .radiogrp .formtitle2{
width: 238px;

}

.cardbox .radiogrp .formtitle3{
width: 208px;
height: 50px;
_height: 40px;
}



.cardbox input{
width: 210px;
_width: 210px;
}

.cardbox .submit input{
width: 77px;
height: 17px;
}

.dblinput, .cardbox .radiogrp, .cardbox .radiogrp2{
/* \*/
clear: both;
/* */
display: block;
width: 400px;
}

/*two shorter input boxes next to each other*/
.dblinput{
clear: both;
display: block;
height: 20px;
}


/* hides hidden inputs*/
input[type=hidden]{
border: none;
}

.dblinput span{
width: 140px;
_width: 140px;
}


.dblinput input{
width: 98px;
margin: 0 0 0 10px;
}

/*smartcard stuff*/
.cardbox .smartgrp span{
width:  140px;
}

.formbox .smartgrp span{
width:  190px;
}

.formbox .timesgrp input, .cardbox .timesgrp input{
width:  30px;
margin: 5px 0 0 0;
}


/*fuels*/
.fuel{
float: left;  
padding:  0 6px 0 0;
height: 60px;
font-size: 10px;
}

/*times of day*/
.timesgrp .colon{
float: left; 
margin: 5px 5px 0 5px;
}


/*days of week*/
.day{
float: left;  
width: 29px;
height: 60px;
font-size: 10px;
}

.smartgrp .day{
float: left; 
width: 30px;
height: 60px;
font-size: 10px;
}

/*don't like to give checkboxes fixed widths as this can cause problems*/
.day .checkbox{
margin: 5px 0 20px 0;
border: 0;
width: auto;
}

.volumngrp{
width: 470px;
}

.formbox .volumegrp span{
width: 185px;
}

.cardbox .volumegrp span{
width: 135px;
}


.cardbox .volumegrp .litres{
float: left; 
width: 180px;
height: 40px;
font-size: 10px;

}

.formbox .volumegrp .litres{
float: left; 
width: 180px;
font-size: 10px;
height: 30px;
}

.volumegrp2 .litres{
float: left; 
font-size: 10px; 
text-align: left; 
margin: 0 0 12px;

}


.formbox .volumegrp input, .cardbox .volumegrp input{
width:  30px;
margin: 0 5px 0 5px;
}

.cardbox .volumegrp2 input{
width:  40px;
margin: 5px 0 0 0;
}


.admin input{
border: auto;
background: #D4D0C8;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
height: 18px;
}



.ouo{
font-size: 10px; 
margin: 0 0 2px 50px;
float: left;
}

.ouo2{
font-size: 10px; 
margin: 0 0 2px 260px;
_margin: 0 0 2px 130px;
float: left;
}