/* CSS Document */
html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, span, strong, fieldset, legend { margin: 0; padding: 0;}

html {font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.5em;}

p { margin: 8px 0; font-size: 90%;}
img, div { border: 0;}
ul, li { list-style: none; }


/*-- 
								CSS Forms 
								Authored By Bobby Melchor
								Version: 1.0.0
								Created on 7/25/2007
																				--*/

/* ------------------ Form Elements -----------------*/

form { line-height:1.5em; color: #35383d; padding-left:16px;} /* Form Properties (Change general text color here or text properties) */
form div span { color:#cc0000; font-size: 90%; text-transform:uppercase; float: left; margin: 10px 6px 0 0;} /* Used with an * to show required fields */
form h4 { text-align: center; font-size: 105%; margin: 5px 10px; font-weight: normal;} /* <h4> is descriptive text shown after the legend */
form h5, form strong {text-align: left; clear: both; font-size: 90%; padding-left: 10px; padding-top: 5px;} /* <h5> is a header to be used to give more description to the form */
form strong { font-size: 85%; padding-top: 0; color:#35383d; text-transform: none; line-height: 1.5em;}

label, select { float:left; width: 140px;} /* Changes width of basic form elements */
input, select { margin: 10px 6px; } /* Margin on inputs and selects */
textarea { width: 300px; height: 61px;}

input { float:left; width:240px;}

/* ------------------ Fieldsets -----------------*/

fieldset { clear: left; float:left; width: 480px; background-color:#ded9d2; border: 3px solid #c6c0b7; padding-bottom: 20px; margin-bottom: 12px; margin-left: 10px;} /* Fieldset Properties (Change width, background color, or border color of the fieldsets) */

legend { color: #571811; background-color:#ded9d2; font-weight:bold; text-transform:uppercase;font-size:90%; border: 2px solid #c6c0b7; padding: 5px 20px; margin: 0 0 0 10px;} /* Legend Properties (Change border, text, or position properties to the top left corner title of the fieldset) */

/* ------------------ Agreement Fieldset -----------------*/

#agreement { width: 380px;} /* An id to a fieldset that will contain any contractual information or data, or any form of agreement */
#agreement p { margin: 8px 10px;} /* Paragraph styles in fieldset.agreement */

/* ------------------ Form Organization -----------------*/

.field { margin-top: 1px; clear: left; float:left; background-color:#e2ded9; width: 440px} /* A div that groups a label to an input, textarea, or select (Change background color, and width for the main area of form) */
.field_container { margin: 5px 0 0 55px;} /* A div class that contains a group of div.field's in a fieldset (Change the margin to position the div. fields horizontally or vertically) */
.field label { border-right: 1px solid #ded9d2; padding: 10px 6px; color:#a87d4f; } /* Label properties in a div.field (Change width here)*/

/* ------------------ Radio Buttons -----------------*/

.radio { width: auto; float: left; margin-bottom: 10px; padding-left: 61px;} /* Radio button div */
.radio ul { float:left; width: 75px;}
.radio label { width: 40px;}
.radio li { float:left; display: inline; padding-right: 5px; height: 10px; vertical-align: middle;} /* Radio list, so that the radio buttons float right of the label, and stack. */
.radio input { width: auto; margin: 0; vertical-align: middle;} /* Radio button properties */
.stacked_radio { width: 180px; float: left; margin-bottom: 10px; margin-left: 45px;} /* Radio button div */
.stacked_radio ul { clear:left; float:left;}
.stacked_radio label { width: auto; font-size:90%;}
.stacked_radio li { float:left; display: inline; padding-right: 5px; padding-bottom: 5px; vertical-align: middle;} /* Radio list, so that the radio buttons float right of the label, and stack. */
.stacked_radio input { width: auto; margin: 0; vertical-align: bottom;} /* Radio button properties */

/* ------------------ Check Boxes -----------------*/

.check_box { width: 180px; float: left; margin-bottom: 10px; margin-left: 45px;} /* Radio button div */
.check_box ul { clear:left; float:left;}
.check_box label { width: auto; font-size:85%;}
.check_box li { float:left; display: inline; padding-right: 5px; padding-bottom: 5px; vertical-align: middle;} /* Radio list, so that the radio buttons float right of the label, and stack. */
.check_box input { width: auto; margin: 0; vertical-align: bottom;} /* Radio button properties */
.text_area { clear:both; width: 300px; margin-left: 50px;}
.text_area label { width: auto; float: left;}

/* ------------------ Grouped <select> -----------------*/

.select_group { float: left; width: 180px; clear:none;} /* Add another div to <select> that you want to float right next to each other */
.label_select { float: left; height: 62px;} /* Add another div to label if you use .select_group */

/* ------------------ Special Classes -----------------*/

.dollar { color: green; margin: 10px 0 10px 6px;} /* Styles the dollar sign used next to inputs that contain money values */
input:focus, select:focus, option:focus { background-color:#ded9d2;} /* Changes the background when an input, select, or option is focused on (Not supported in IE6) */

/* ------------------ Submit Button -----------------*/

#confirmation { margin-left: 150px;} /* Submit Button Div */
.submit { color: gray; padding: 10px 20px; border: 2px solid #571811; background: url(../images/bg_submit.gif) top left repeat-x; vertical-align: middle; color:#ffffff; width:100px;} /* Submit Button Properties */
.submit:hover { background: url(../images/bg_submit_over.gif) top left repeat-x;} /* Submit Button Hover Color */


.clear { clear: both;} /* A class for <br /> (Floated divs don't take space, so you have to put a break to give it space in the fieldset) */


/* ------------------ IE HACKS -----------------*/

* html select { margin: 10px 6px 0 6px;} /* Fixes Margin Problem on <select> */