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

/*
    This stylesheet corresponds to:
    - All ASP.NET web forms using the Default theme
    - Commonly used for forms in pages such as:
        - profile/Default.aspx
        - customers/add.aspx
        - admin/nmiimport/missing.aspx
        - management/Default.aspx
        - login.aspx
    - It provides global and form-specific styles for consistent UI across the site.
*/

/* 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 0 1em;
    }

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 {
    background-color: #cfcfcf;
    border: 1px solid #999999;
    color: #333333;
}

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 0.25em;
    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;
        color: #000000;
        font-weight: bold;
    }

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

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

            form fieldset ol li label, .form fieldset ol li label {
                position: relative;
                float: left;
                width: 120px;
            }
            /*ie6 short label class*/
            *html .shortLabel {
                width: 157px;   
            }
            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 #field039Container label {
        display: none;
    }

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

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

.SearchForm {
    margin-top: 1em;
}

#addCustomerForm {
	width: 65%;
}

#editCustomerForm {
	width: 65%;
}

#customerWidgetsForm{
    position: relative;
    float: left;
*float:none;
	width: 35%;
	/*border:solid 1px #000;*/
}
    #customerWidgetsForm fieldset{
        height:133px;
    }
    
    #customerWidgetsForm fieldset ol li input{
        clear:both;
        float:none;
    }

/* 
    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;
}


/*custom widths on add user forms*/
.addRegularUserForm .text, .addPowerUserForm .text, .profileForm .text, #CustomerInfo .text {
    width: 300px;
}