/* CSS Document */
fieldset, legend, label { margin: 0; padding: 0; color:#564319; }

form p { margin: 8px 0; font-size: 90%;}
ul, li { list-style: none; }
form h1, h2, h3, h4, h5, h6 {color:CC9900;}
/* form h1, h2, h3, h4, h5, h6 {color:#564319;} */

/*-- 
Copyright 2007 Church Media Group, Inc. www.churchmedia.cc
Author: Bobby Melchor
Version: 1.0.0
Created on 7/26/2007

Modified 2008 William White
--*/

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

form { line-height:1.5em; color: #564319;} /* Form Properties (Change general text color here or text properties) */
form div.field 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 { clear: left; text-align: left; font-size: 90%; padding-left: 10px; padding-top: 5px;} /* <h5> is a header to be used to give more description to the form */

form p { color: #564319;} /* Paragraph styles */

label, input, select, textarea { float:left; width: 150px;} /* Changes width of basic form elements */
label { width: 155px;}
textarea { height: 61px;} /* Textarea properties */

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

fieldset { clear:left; width: 460px; background-color: #EDECD4; border: 3px solid #D1D1B1; padding-bottom: 20px; margin-bottom: 12px; margin-left: 45px;} /* Fieldset Properties (Change width, background color ede3cb, or border color e4d1a4 of the fieldsets) */

#secondary_forms { margin-top:16px; margin-left: 25px;}

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

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

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

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

.field { margin-top: 1px; clear: left; float:left; background-color:#D1D1B1; width: 360px} /* 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 50px;} /* 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 #ede3cb; padding: 13px 6px; color:#564319; } /* Label properties in a div.field (Change width here)*/
.field label.textarea_label { padding:35px 6px;}
.field input, select, textarea { margin: 10px 6px;} /* Margin on inputs and selects */

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

.floated_radio { float: left; margin-bottom: 10px; padding-left: 51px;} /* Radio button div that floats lists with label and radio next to each other */
.floated_radio ul { float:left; width: 150px;}
.floated_radio label { width: 100px;}
.floated_radio li { float:left; display: inline; padding-right: 5px;}
.floated_radio input { float: left; width: auto;}

.stacked_radio { float: left; margin-bottom: 10px; padding-left: 51px;} /* Radio button div that stacks radio buttons*/
.stacked_radio ul { width: 150px; 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;}
.stacked_radio input { width: auto;} 

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

.check_box { width: 180px; float: left; margin-bottom: 10px; padding-left: 35px;} /* Check box div that stacks check boxes */
.check_box ul { clear:left; float:left; width: 180px;}
.check_box label { width: auto; font-size:85%;}
.check_box li { float:left; display: inline; padding-right: 5px; padding-bottom: 5px;} 
.check_box input { width: auto;}

/* ------------------ Text area -----------------*/

.text_area { clear:both; width: 300px; margin-left: 50px;} /* Text area div that is underneath its label */
.text_area label { width: auto; float: left;}

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

.select_group { float: left; width: 180px;} /* 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:#f4d168;} /* Changes the background when an input, select, or option is focused on (Not supported in IE6) */

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

#confirmation { margin-left: 200px;} /* Submit Button Div */
.submit { color: #564319; font-weight:bold; padding: 10px 20px; border: 2px solid #D1D1B1; background:#EDECD4 url(../images/bg_submit.gif) top left repeat-x; margin-bottom: 10px;} /* Submit Button Properties */
.submit:hover { background:#D1D1B1;} /* 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> */