/* 
    Document   : .forms.css
    Created on : Jun 10, 2009
    Author     : Mike Stephens <MikeyPHP>
    Description: Style Sheet for use with the Full application .form
*/

/* Generic .form */
.form { padding: 0px; margin: 0px; }
.form p.breadcrumb { font-size: 14px; line-height: 25px; border: 1px solid #999999; padding: 5px; margin: 20px 0 20px 0; font-size: 12px; }
.form p.breadcrumb em { font-style: normal; color: #666666; }
.form p.breadcrumb a { color: #0078dc; font-weight: bold; }
.form h2 { font-size: 14px; margin: 20px 0px 10px 10px; }

/* Fieldset */
.form fieldset { border: 1px solid #8bc53f; padding: 10px; float: left; margin: 0 0 20px 0; width: 550px; clear: both; }
.form fieldset legend { margin: 0 0 0 15px; padding: 0 5px 0 5px; color: #8bc53f; font-weight: bold; }

.form fieldset fieldset { width: 400px; margin: 10px 0 20px 20px; }

/* Labels and Fields */
.form label { font-weight: bold; width: 180px; float: left; clear: both; margin: 5px; font-size: 11px; }
.form label em { color: #BF2323; font-size: 14px; }
.form input, .form textarea, .form select { width: 240px; float: left; margin: 5px; border: 1px solid #666666; padding: 5px; font-size: 12px; }
.form textarea { height: auto; width: 240px; }
.form .half { width: 120px; display: block; margin: 5px 100px 5px 5px; }
.form .month { background: no-repeat url('../images/months.jpg') right; padding-right: 65px; width: 60px; }

/* 2 Floated Cols */
.form .col { width: 260px; float: left; margin: 0 10px 0 0; }
.form .col label { width: 100px; }
.form .col input, .form .col textarea, .form .col select { width: 110px; }
.form .price { background: no-repeat url('../images/pound.jpg') -3px 0; padding-left: 20px; width: 105px; }

/* Total */
.form .col .total { background: #0078dc; clear: both; float: left; margin: 10px 0 10px 0; }
.form .col .total label { padding: 6px 0 0 5px; width: 95px; color: #ffffff; font-size: 12px; }
.form .col .total input { border: 1px solid #ffffff; color: #ffffff; background: no-repeat url('../images/pound_white.jpg') -3px 0; padding-left: 20px; }

/* Checkboxes */
.form .multiple { width: 350px; float: left; }
.form .multiple div { font-size: 10px; float: left; margin: 5px; }
.form .multiple div p { float: left; margin: 7px 0 0 0; width: auto; }
.form .multiple div input { float: left; width: auto; }

/* Buttons */
.form .next, .form .prev, form .submit { width: 100px; height: 38px; float: left; padding: 0px; margin: 0px; background: no-repeat url("../images/Back.gif"); border: none; }
.form .next { float: right; background: no-repeat url("../images/Next.gif"); }
.form .submit { float: right; background: no-repeat url("../images/Submit.gif");  border: none; height: 57px; width: 123px; }

/* Required Field */
.reqField { background: #FF8F8F; color: #ffffff; }