/* $Header: /home/cvs/www.dcbcard.com/public_html/styles/form.css,v 1.39 2008/05/23 14:38:48 matthew Exp $ */
/*cardbox = card services*/
/*formbox = general forms main application form*/
/*logbox = login form*/

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

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


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

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

.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: 218px;
}

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

}

.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 0 0 0;
}

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

.submit3 input{
border: 0;
margin: 20px 0 0 0;
}

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

.formbox .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 10px 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: 350px;
}

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

}

.cardbox .radiogrp .formtitle{
width: 270px;
}
.cardbox .radiogrp .formtitle2{
width: 238px;
height: 50px;
_height: 40px;
}

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



.cardbox input{
width: 188px;
_width: 190px;
}

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

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

}

/*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: 150px;
_width: 140px;

}

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

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

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


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


/*days of week*/
.days {
	width: 409px;
	height: 60px;
}

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

/*fuels*/

.auth_products{
clear: both;
font-size: 10px;
margin: 0;
padding: 0 0 0 0;
width: auto;
_display: inline-block;
}

.auth_products:after {
	content: ".";
	display: block;
	height: 1em;
	font-size: 0;
	clear: both;
	visibility: hidden;
}


.auth_products label{
float:left;
display: block;
width: auto;
margin: 0;
padding: 0;
_padding: 3px 0 0 0;
}
.auth_products input,
.formbox .auth_products input{
width: auto;
padding: 0;
margin: 0 0 5px 0;
border: none;

}

.auth_products_short, .auth_products_short2{
float: left;
height: 60px;
font-size: 10px;
margin-left: 0px;
margin-right: 10px;  
width: 60px;
}

.auth_products_short2{
width: 200px;
}

.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 {
border: 0;
width: auto;
margin: 3px 0 25px 10px;#
margin: 5px 0 20px 0;
}



.volumngrp{
width: 400px;
}

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

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


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

}

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

.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;
}

/*ola form*/
.box{
width:650px;
float: left;


}


.card_list{
width:595px;
margin: 0 0 10px 0;
float:left;
}
.card_list label span{
clear: both;
margin:0 0 5px 10px;
display: block;


}


.card_list .box{
width: 435px;
margin: 0 0 10px 0;
}
.card_detail{
float: left;

}

.card_list input{
margin:0 0 10px 15px;
}

.card_details{
clear: both;
width: 100%;

}
.card_list .box{
background: #FE4C0E;
color: #fff;


}
.card_details>.card{

}


#ola .box .top{
background:transparent url(/images/tl.gif) no-repeat top left;
height: 8px;
width: 100%;
clear: both;
}

#ola .box .bottom{
background:transparent url(/images/bl.gif) no-repeat bottom left;
height: 8px;
padding: 0 0 0 8px;
margin: 0;
clear: both;
}

#ola .box .bottom .right_corner{
background:transparent url(/images/br.gif) no-repeat bottom right;
height: 8px;
margin: 0;
}

.card_list .label{
width: 160px;
_width: 150px;
float:left;
}

.iso{
width:90px;
letter-spacing: 0.6em;
padding: 0.1em 0 0.1em 0.5em;
}

.card_no{
width:110px;
letter-spacing: 0.6em;
padding: 0.1em 0 0.1em 0.5em;
}

.account_no{
width:130px;
letter-spacing: 0.6em;
padding: 0.1em 0 0.1em 0.5em;
}

.card_detail label span{

text-align: center;
letter-spacing: 0;
}
.card_list .error .account_no{
width: 130px;
display: block;
text-align: center;
padding:0;
margin: 0 0 0 15px;
}
.card_list .error .card_no{
width: 110px;
display: block;
text-align: center;
padding:0;
margin: 0 0 0 15px;
}

.card_list .error .card_no{
width: 110px;
display: block;
text-align: center;
padding:0;
margin: 0 0 0 15px;
}



.card_list .error span{
margin: 0 15px 0 0;
letter-spacing: 0;
}

#confirm .editable input{
border: 1px solid rgb(255, 255,255);

}


dt{
float: left;
width: 200px;


}

dd{

}