/* ####################################
   Form Styles
   ################################## */

/* General form tags */

form, .form {
    position: relative;
    float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

form input, .form input {	
}

    form .submit, form.submit {
        clear: left;
        margin: 0.5em 0;
    }

form select, .form select {
}

form textarea, .form textarea {
}

/* Buttons and elements on a form */

form .dateselector, .form .dateselector {
    display: block;
    position: relative;
    float: left;
    height: 16px;
    padding-left: 20px;
    margin-left: 0.5em;
    background: url('./images/icons/16x16_calendar.gif') no-repeat;
}

form .readonly, .form .readonly {
    color: #909090;
    background-color: #f0f0f0;
}

form .radio_field, .form .checkbox_field {
    clear: left;
}

    form .radio_field .radio_input, .form .checkbox_field .checkbox_input {
    }

    form .radio_field .radio_text, .form .checkbox_field .checkbox_text {
        position: relative;
        float: left;
        padding-top: 3px;
    }

form .EmailSubscriptions, .form .EmailSubscriptions {
}

    form .EmailSubscriptions .FormField, .form .EmailSubscriptions .FormField {
        padding-top: 3px;
    }

        form .EmailSubscriptions .FormField input, .form .EmailSubscriptions .FormField input {
            margin-top: -3px;
            margin-bottom: 0.5em;
            padding:0;
            clear: left;
        }

/* ol based form */

fieldset {
    position: relative;
    float: left;
    clear: left;
    margin: 1em 0;
    padding: 0 0 1em;
    width: 99%; /* 100% not used due to a strange overlap in FF3. It looks okay with a small margin on the right anyway. */
    min-width: 99%; /* IE7 seems to have a bug with the width property, so this works instead. */
}

    form fieldset legend, .form fieldset legend {
        padding: 4px;
        margin: 0;
        font-weight: bold;
    }

    form fieldset ol, .form fieldset ol {
        position: relative;
        float: left;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        form fieldset ol li, .form fieldset ol li {
            display: block;
            position: relative;
            float: left;
            clear: left;
            width: 100%;
            padding: 0;
            margin: 0.25em 4px;
        }

            form fieldset ol li label, .form fieldset ol li label {
                position: relative;
                float: left;
                width: 120px;
                padding-right: 4px;
            }

            form fieldset ol li .FormField_Container, .form fieldset ol li .FormField_Container {
            }
            
            form fieldset ol li .FormField, .form fieldset ol li .FormField {
                display: block;
                position: relative;
                float: left;
            }

            form fieldset ol li input, .form fieldset ol li input {
                position: relative;
                float: left;
            }
                
            form fieldset ol li .radiobutton, .form fieldset ol li .radiobutton {
            }

/* Individual Forms 
   - Should these have their own templates? Probably! */

.ContactForm {
}

	.ContactForm textarea {
	    width: 300px;
	    height: 200px;
	}
	
	.ContactForm select {
	    font-size: 91.7%;
	}

    .ContactForm #field039Container label {
        display: none;
    }

    .ContactForm .TermsSummary {
        position: relative;
        float: left;
        clear: left;
        width: 99%;
        padding: 4px;
    }

#SiteSearch input {
    padding: 0;
    margin: 0;
}

.SearchForm {
    margin-top: 1em;
}

/* 
    Settings for the global ASP.Net form
    Override some values to stop the form styles breaking other parts of the site design.
*/

#aspnetForm {
    position: relative;
    float: none;
    margin: auto;
    padding: auto;
}