/* Form styles */

/* Main form containers */
#middle .form-row { padding:0; margin:0; overflow:hidden; clear:both;}
* html #middle .form-row { height:1px; overflow:visible; margin: 0; }

    #middle .form-label { 
        width: 50%; 
        height: auto; 
        margin: 0; 
        float: left; 
    }
    
    #middle .form-label2 { 
        width: 40%; 
        height: auto; 
        margin: 0; 
        float: left; 
    }
    
    #middle .form-element { 
        width: 50%; 
        height: auto; 
        margin: 0 0 0 0; 
        float: left; 
    }
    
    #middle .form-label-full { 
        height: auto; 
        margin: 0; 
    }
    
        #middle label a.help {
            float: right;
            margin: 0px;
            padding: 0px;
            font-size: 10px;
        }
        
            #middle .form-label-full label a.help {
                float: none;
            }
    
    #middle .form-label-dynamic { 
        float: left; 
        padding-right: 10px; 
    }
    
    #middle .form-element-full { 
        height: auto; 
        margin: 0; 
    }
    
    #middle .form-element-mini { 
        width: 85%; 
    }

    #middle .form-element.wide { 
        width: 92%; 
    
    }
    
    #middle .form-element.medium { 
        width: 70%; 
    }
    
    #middle .form-element.narrow { 
        width: 40%; 
    }

/* Generic elements */
#middle .clearer { clear: both; height: 0; line-height: 0; font-size: 0; }
#middle .form-spacer { padding: 10px 0 0 0; }
#middle .form-element-container { width: 430px; padding: 0 10px 0 10px; }
#middle .form-element-container.show-help { background: #d9f0f0 }
#middle .form-element-container input,
#middle .form-element-container select { margin: 5px; }
#middle .form-element-container textarea { width: 425px; margin: 0 0 5px 0;}
#middle .form-element-container p.explanatory { padding: 0; }
#middle .form-element-container h2 { font-size: 1.1em; font-weight: bold; padding: 0; }
#middle label { display: block; vertical-align: middle; margin: 10px 0 5px 0; }
#middle form { padding: 0; margin: 0; }

/* Checkbox */
#middle .checkbox-element { float: left; width: 20px; padding: 0 0 0 0; margin: 5px 0 5px 0; }
#middle .checkbox-element input { padding: 0; margin: 0; }
#middle .checkbox-label { float: left; width: 385px; padding: 5px 0 5px 0; }
#middle .checkbox-label label { padding: 0; margin: 0; }
#middle .checkbox-label span.description { display: block; }
* html #middle .checkbox-element input { padding: 0; margin: -3px 0 0 0; }

/* Radio button */
#middle .radio-element { padding: 5px 0 0 0; }
#middle .radio-element input { margin-bottom: 0; }

/* Double text boxes */
#middle .form-twin-text-main-container { margin: 0; float: left; width: 60%; }
#middle .form-twin-text-container { margin: 0; float: left; width: 49%; }
#middle .form-twin-text-container label { margin-left: 10px; }
#middle .form-twin-text-container input { margin-left: 0; }

/* Errors and mandatory text*/
#middle .form-error-row { float: right; margin-right: -5px; margin-bottom: -5px; width: 50%; }
#middle .form-error-row-full { margin-bottom: 0; }
#middle .form-error-row-clear {clear: both; }
* html #middle .form-error-row { margin-right: -2px; }

#middle .errorText { 
    color: #ff0000; 
    font-weight: normal; 
}

#middle .form-mandatory-intro-container { 
    padding: 10px 10px 10px 10px; 
}

#middle .mandatory-indicator { 
    color: #ff0000; 
}

/* Form top navigation */
#middle .form-top-nav-container { color: #009999; width: 100%; padding: 10px 0 5px 0; background: url(/static/global/fwimgs/forms/page_select_bottom.gif) bottom repeat-x; }
#middle .form-top-nav-container a { color: #009999; }
#middle .form-top-nav-container .step-name { float: left; }
#middle .form-top-nav-container .step-number { float: right; }

/* Form intro */
#middle .form-intro-container { clear: both; width: 100%; padding: 15px 0 0 0; }
#middle .form-intro-container ul { padding: 0 10px 0 5px; margin: 0 10px 0 10px; }
#middle .form-intro-container li { padding: 0; margin: 0; }
#middle .form-intro { padding: 0 10px 0 10px; } 

/* Buttons */
#middle .form-buttons { padding: 10px 0 0 0; }

/* Normal button */
/*
#middle .form-buttons a.button { background: transparent url(/static/global/fwimgs/forms/light_green_button_a.gif) no-repeat scroll top right; color: #5d9f9f; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#middle .form-buttons a.button span { background: transparent url(/static/global/fwimgs/forms/light_green_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#middle .form-buttons a.button:active { background-position: bottom right; color: #5d9f9f; outline: none; }
#middle .form-buttons a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; }
*/
#middle .form-buttons a.button { background: transparent url(/static/global/fwimgs/forms/dark_green_button_a.gif) no-repeat scroll top right; color: #ffffff; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#middle .form-buttons a.button span { background: transparent url(/static/global/fwimgs/forms/dark_green_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#middle .form-buttons a.button:active { background-position: bottom right; color: #ffffff; outline: none; }
#middle .form-buttons a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; }

/* Next button */
#middle .form-buttons a.button-next { background: transparent url(/static/global/fwimgs/forms/dark_green_button_a.gif) no-repeat scroll top right; color: #ffffff; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
#middle .form-buttons a.button-next span { background: transparent url(/static/global/fwimgs/forms/dark_green_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#middle .form-buttons a.button-next:active { background-position: bottom right; color: #ffffff; outline: none; }
#middle .form-buttons a.button-next:active span { background-position: bottom left; padding: 6px 0 4px 18px; }

/* DHTML help */
    #rightcontent #help { 
        width: 180px; 
        position: absolute; 
        left: -10000px; 
        z-index: 1; 
    }
    
        #rightcontent #help .help-container {
            background: #daeff0; 
            display: none; 
            padding: 10px; 
        }
        #rightcontent #help .help-container.visible { 
            display: block; 
        }
            
            #rightcontent #help .help-container p { 
                padding: 0 0 10px 0; 
            }
            
            #rightcontent #help .help-container img { 
                padding: 0 0 10px 0; 
            }
            
            #rightcontent #help .help-container ol { 
                padding: 0 10px 10px 10px; 
                margin: 0 10px 0 10px; 
            }
            
            #rightcontent #help .help-container li { 
                padding: 0; 
                margin: 0; 
            }

/* HTML help */
#html-help { font-size: 0.7em; padding: 10px; }
#html-help p { padding: 0 0 10px 0; }
#html-help img { padding: 0 0 10px 0; }
#html-help ol { padding: 0 10px 10px 10px; margin: 0 10px 0 13px; }
#html-help li { padding: 0; margin: 0; }
#html-help h2 { font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0; }
#html-help .help-entry { padding-bottom: 20px; }

/* Confirm */
#middle .confirm-container { width: 430px; padding: 0 10px 0 10px; }
#middle .confirm-row { clear: both; }
#middle .confirm-field { width: 210px; float: left; padding: 0 5px 10px 0; }
#middle .confirm-value { width: 210px; float: left; padding: 0 0 10px 5px; }