/* ####################################
   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 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 {
    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: 0 0 0 0;/* 0 0 0.25em; */
    padding: 0 0 0 0;/* 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. */
}
/*venkata 31/12/2009  */
fieldset .innerfieldset {
    position: relative;
    float: left;
    clear: left;
    margin: 0 0 0 0;/* 0 0 0.25em; */
    padding: 0 0 0 0;/* 0 0 1em; */
    width: 100%; /* 100% not used due to a strange overlap in FF3. It looks okay with a small margin on the right anyway. */
    min-width: 100%; /* 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: 160px;
            }

            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;
	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;
}
/*04/01/2010 venkata */
.line {
border-top:1px solid #E0E0E0;
}
/*05/01/2010 venkata */
.menustyle
{
    background-color: #044C9C;
    width:95%;
    color:White;
}
.menustyle a
{
    color:White;
    text-decoration:none;
    padding: 5 0 5 5px;
    text-align:center;
}
.menustyle a:hover {
    text-decoration:none;
    color:Yellow;
}
.menuitemstyle
{
    color: White;
    width:85px;
    border-left:1px solid white;
    float:left;
}
.menuitemstyle a:link
{
    color: White;
}
.menuitemstyle a:hover
{
    color: Yellow;
}
.selectedmenustyle
{
    color:Yellow;
}
.selectedmenustyle a
{
    color:Yellow;
}  
div.fileinputs {
    position: relative;
    height: 25px;
    width:786px;
    float: left;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width:786px;
}

.fakefile input {
    width: 685px;
}

input.file {
    position: absolute;
    text-align: right;
    width: 786px;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    color:#062548;
} 
* html div.fileinputs {
    position: relative;
    height: 25px;
    width:788px;
    float: left;
}

* html div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width:788px;
}

* html .fakefile input {
    width: 688px;
}

* html input.file {
    position: absolute;
    text-align: right;
    width: 788px;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    color:#062548;
}