﻿
form div.two-column
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 1em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    text-align: left;
    margin-left: auto;
	margin-right: auto;
}

fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    overflow: visible;
    padding: 1em; /* padding in fieldset support spotty in IE */
    border: solid 1px #0A4C80;
    color: #0A4C80;
}

fieldset legend
{
    /* bump up legend font size, not too large or it'll overwrite border on left */ 
    /* be careful with padding, it'll shift the nice offset on top of border  */
    font-size: 1em; 
    color: #0A4C80;
    font-weight: bold;
    margin-left: 0em;
}

fieldset div.content
{
    padding-left: .65em;
}

form div.two-column label, form div.two-column span.label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 13em;
    padding: 0em;
    margin: 9px 0em 0em; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
}

form div.two-column-wide-label label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 22em;
    padding: 0em;
    margin: 9px 0em 0em; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
}

form div.two-column input, form div.two-column textarea
{
    /* 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 */
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

form div.two-column 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 */
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}


form div.two-column span.textbox
{
    float: left;
    margin-top: 9px;
    margin-left: 10px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

form div.two-column em
{
	color: #DD0000;
}

form div.two-column label em
{
	padding-right: .5em;	
}

form div.two-column select.DropDownList-Wide
{
    width: 20em;
}

form div.two-column select.DropDownList-Wide-Short
{
    width: 15em;
}


form div.two-column input.TextBox-Wide
{
    width: 15em;
}

form div.two-column select.DropDownList-Wider
{
    width: 30em;
}

form div.two-column input.TextBox-Wider
{
    width: 30em;
}

form div.two-column input.password
{
    font-family: Arial, Helvetica, sans-serif;
    width: 10em;
}

form div.two-column input.textbox
{
    width: 10em;
}

form div.two-column TABLE.Form-Table, form div.two-column TABLE.Form-Table TD
{
	border-collapse: collapse;
	border: solid 0px #000000;
}


form div.two-column TABLE.Form-Table
{
    width: 100%;
	margin: 0em 0em 0em 0em;
}

form div.two-column TABLE.Form-Table LABEL
{
	margin: 0em 0em 0em 0em;
    display: inline;
    float: none;
	width: auto;
	color: #0A4C80;
}

form div.two-column TABLE.Form-Table INPUT
{
	margin: .2em .5em 0em 0em;
    display: block;
    float: left;
}

form div.two-column input.checkbox
{
    margin: 0em;
    padding: 0em;
}

form div.two-column input#reset
{
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

textarea
{
    overflow: auto;
}

form div.two-column small
{
    display: block;
    margin: 0 0 5px 9em; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}

form div.two-column .required
{
    font-weight: bold;
}

/* uses class instead of div, more efficient */
form div.two-column br
{
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form div.two-column div.control-palette
{
    margin: 0 0 5px 13em; /* instructions/comments left margin set to align w/ right column inputs */
}

form div.two-column span.Radio-Choice
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 22em;
    padding: 0em;
    margin: 9px 0em 0em; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
}

form div.two-column LABEL.Radio-Choice
{
    display: block;
    float: left;
    width: auto;
    padding: 0em;
    margin: 9px 0em 0em 10px;
}

form div.two-column INPUT.Radio-Choice
{
    display: block;
    float: left;
    width: auto;
    padding: 0em;
    margin: 10px 1em 0em 5px;
}

form div.two-column textarea.Multi-Line
{
    /* 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 */
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

form div.two-column label.Multi-Line
{
    display: block;
    float: left;
    width: auto;
    margin: 5px 0 0 10px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}
