/* FORM STYLES */
.formContainer {
        font-size:10pt;
        z-index: 2;
        margin-left: 10px;
        clear:both;
}

#formTitles {
        float: left;
        width: 20%;
}

#formFieldsReg {
        margin-left: 33%;
}

#formTitlesReg {
        float: left;
        width: 30%;
}

#formFields {
        margin-left: 15%;
}

#formProcessing {
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        margin: 0;
        padding: 30% 0 70%;
        text-align: center;
        vertical-align: middle;
        display: none;
        opacity: 0.9;
        _filter: alpha(opacity=90);
        _width: expression(window.innerWidth+'px');
        _height: expression(window.innerHeignt+'px');
}


/* set width in form, not fieldset (still takes up more room w/ fieldset width */
#middle-column form {  
        font-family: Arial, Helvetica, verdana sans-serif;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
        min-width: 450px;

        width: 99%; 
/*
        max-width: 550px;
        width: 500px; 
*/
}

#middle-column form fieldset {
        /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
        /*border-color: #ECE9D8;*/
        border-width: 1px;
        border-style: solid;
        padding: 3%;        /* padding in fieldset support spotty in IE */
        margin: 0 ;

        width: 90%; 
/*
        min-width: 400px;
        max-width: 600px;
        width: 500px; 
*/
}

#middle-column form fieldset legend {
        /*font-weight: bold;*/
        font-size: 110%;
}

#middle-column form label { 
        padding: 0; 
        margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
}

#middle-column form input, #middle-column form textarea, #middle-column form select {
        /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
        width: auto;    /* set width of form elements to auto-size, otherwise watch for wrap on resize */
        margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
        margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

@media screen{
        textarea {
                overflow: auto;
        }
}

form small {
        display: block;
        margin: 0px; /* instructions/comments left margin set to align w/ right column inputs */
        padding: 5px;
        font-size: 88%;
}

form small.submit {
        display: block;
        margin: 0px; /* instructions/comments left margin set to align w/ right column inputs */
        padding: 5px;
        text-align: center;
        font-size: 100%;
}

form .required{
        font-weight:bold;
} /* uses class instead of div, more efficient */

form br {
        clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.error {
        color: #800;
        font-weight: bold;
}