
/* ------------------------------------- 
 * SMARTFORM
 * ----------------------------------- */
.smartform .field_full,
.smartform .field_half,
.smartform .button_half,
.smartform .field_third {float:left;margin-bottom:10px;margin-right:10px;}
.smartform .readonly {background-color:#eeeeee; /* light grey */}
.smartform br {clear:left;}
.smartform label {width:275px;text-align:right;float:left;margin-right:20px;margin-bottom:10px;clear:left;}
.formBoxOuter .smartform label {width:125px;}

/* full width */
.smartform .field_full,
.smartform .full_container,
.smartform .full_container label {width:300px;}

/* half width */
.smartform .field_half,
.smartform .button_half,
.smartform .half_container,
.smartform .half_container label{width:145px; /* (full width - margin-right) / 2 */margin-right:10px;float:left;}

/* third width */
.smartform .field_third {width:93px; /* (full width - (margin-right *2)) / 3 */margin-right:10px;float:left;}

/* inputs */
.smartform .field_full,
.smartform .field_half,
.smartform .field_third {padding:5px 2px;background-color:#ffffff;border:1px solid #7F9DB9;/* standard windows input border blue */}

/* field containers */
.smartform .full_container,
.smartform .half_container {float:left;clear:right;margin-right:10px;margin-bottom:	8px; /* this + label margin = 10px */}
.smartform .full_container label,
.smartform .half_container label {text-align:left;margin-bottom:2px;margin-right:0;border-bottom:1px solid #f0f0f0; /* light grey */}

/* errors */
.smartform .error .field_full,
.smartform .error select {background-color:#ffcccc; /* light red */border:1x solid #ff0000; /* bright red */}
.smartform .error label {color:#ff0000; /* bright red */}
#enquiry_errors_contact,
#error_messages,
#error_messages_lower {display:none;background-color:#FFEEEE;border-bottom:1px solid #FF0000;border-top:1px solid #FF0000;color:#FF0000;margin:10px 0;padding:10px;}

/* width classes */
.smartform .nano {width: 20px;}
.smartform .micro {width: 50px;}
.smartform .tiny {width: 75px;}
.smartform .mini {width: 100px;}
.smartform .small {width: 150px;}
.smartform .medium {width: 200px;}
.smartform .large {width: 250px;}
.smartform .huge {width: 300px;}
.smartform .max {width: 400px;}

.smartform .short {height: 50px;}
.smartform .med {height: 100px;}
.smartform .tall {height: 200px;}
.smartform .high {height: 300px;}