/**** Style sheet for forms

Allaboutloans.co.uk

The revised IF forms are based with <div class="form">
***********************************************************/
.form {
margin:0;
padding:0;
}

div.form form {
margin:0 ;
padding:0 0 30px 0; /*this padding helps get the span.label right */
}

.form span.label {
font:bold   Arial, tahoma, verdana, sans-serif;
color:#6C6C6C;
}
/* LABEL */
.form label{
float: left;
width: 180px;
text-align:right;
font:bold   Arial, tahoma, verdana, sans-serif;
color:#666666;
margin-top:5px;
margin-left:35px;
margin-bottom:auto;

}

.form label.short {width:290px;}
.form label.mshort {width:250px;
margin-left:5px;}
.form label.vshort {width:290px;}
.form label.ushort {width:295px;}
.form label.d_o_b_d {width:290px;}

/* INPUT */
.form input{
width: 150px;
margin-left: 5px;
font-size:75%;
margin-top:2px;
}
.form input.checkbox {
width:30px;
margin-bottom: 5px;
margin-left: 0px;
}
.form input.ucheckbox {
width:11px;
margin-bottom: 5px;
margin-left: 5px;
}
.form input.mshort {width:80px;}
.form input.short {width:40px;}

/* SELECT */
.form select{
width: 156px;
margin-bottom: 5px;
margin-left: 2px;
font-size:75%;
}

.form select.short {width:66px;}
.form select.mshort {width:90px;}
.form select.vshort {width:46px;}
.form select.ushort {width:40px;}

/* TEXTAREA */
.form textarea{
width: 300px;
height: 70px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
}

/* SUBMIT BUTTON - from div */

.form #submitbuttons {
	padding-top:10px;
	text-align:center;
		cursor:pointer;
}
.form #submitbuttons label {float:none;}
.form #submitbuttons input.applybutton{
		border:1px solid #aaa;
width: 103px;
height:37px;
		cursor:pointer;
}
.form #submitbuttons input.applybutton1{ /*cenetered single button */
		border:none;
		margin:0;
width: 103px;
height:37px;
		background:url(/images/buttonclicktoapply.jpg);
		cursor:pointer;
}
.form #submitbuttons input.backbutton2{
		float:left;
		margin:0 0 0 90px; /* adjust left margin to center everything */
		padding:0px;
		border:none;
width: 103px;
height:37px;
		background:url(/images/buttonback.jpg);
		cursor:pointer;
}
.form #submitbuttons input.applybutton2{
		margin-left:70px;  /* gap plus width of backbutton */
		border:none;
		margin:0;
width: 103px;
height:37px;
		background:url(/images/buttonclicktoapply.jpg);
		cursor:pointer;
}