/****************************************************** ELEMENT STYLES *****************************************************/

div.content td, div.content th
{
    vertical-align: top;
}

label
{
    font-size: 10pt;
    color: Black;
    font-weight: normal;
}

/****************************************************** BUTTON STYLES ******************************************************/

.button_bar
{
    margin-top: 10px;
}

/******************************************************* FORM STYLES *******************************************************/

table.form td table td
{
    border-bottom: none;
}

td .info
{
    display: block;
}

table.form td.input
{
    width: 100%;
}

/****************************************************** MISCELLANEOUS ******************************************************/

.FixListItemWrapping td input
{
    float: left;
}

.FixListItemWrapping td label
{
    display: block;
    margin-left: 25px;
}

.alert, .alert label
{
    font-style: italic;
    color: #800000;
    font-size: 14px;
    width: 400px;
}

div.callout
{
    margin: 0px 10px 0px 10px;
    border: solid 1px #5e88a2;
    background: #f6f6f6 url(/images/question_icon.gif) no-repeat;
    background-position: 5px 5px;
    padding: 5px;
    padding-left: 45px;
    font-size: 10pt;
    font-weight: normal;
    line-height: 30px;
    width: auto;
    clear: both;
}

div.errorSummary
{
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
    border: dashed 1px maroon;
    background-color: cornsilk;
}

div.errorSummary .errorSummaryHeading
{
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}

div.errorSummary ul
{
    margin: 10px 5px 10px 50px;
}

div.scrollableDiv
{
    width: 660px;
    height: 400px;
    overflow: auto;
    border: solid 1px #ccc;
    background-color: #f5f5f5;
}

.progressWrapper
{
    position: static;
    z-index: 1;
    border: solid 1px black;
    width: 275px;
    height: 16px;
    margin-left: 90px;
}

.progressBar
{
    position: static;
    z-index: 2;
    margin-left: 91px;
    margin-top: -17px;
    height: 16px;
    background-color: #b3cccd;
}

.progressText
{
    position: static;
    z-index: 3;
    margin-left: 91px;
    margin-top: -17px;
    text-align: center;
    width: 273px;
    height: 16px;
    font-weight: bold;
    font-size: 9pt;
}

ul.redX, ul.greenCheck
{
    list-style-type: none;
    padding-left: 0;
    margin-left: 20px;
}

ul.redX li
{
    background: url(/images/red_x.gif) left center no-repeat;
    padding-left: 23px;
    margin-bottom: 10px;
    line-height: 20px;
}

ul.greenCheck li
{
    background: url(/images/check.gif) left center no-repeat;
    padding-left: 23px;
    margin-bottom: 10px;
    line-height: 20px;
}

span.fakeTextBox
{
    display: block;
    background-color: #f4f4f4;
    border: solid 1px #ccc;
    width: 160px;
    height: 20px;
    padding: 2px 2px 0px 2px;
    white-space: nowrap;
    overflow: hidden;
}
/************************************************** ADDED BY JT FOR FIREFOX ************************************************/
div.fieldset
{
    background: transparent url(/images/fieldset_Bg.png) no-repeat scroll top left;
    margin: 10px;
    padding: 10px;
    width: auto;
    border: none;
}
div.form
{
    background: #ECE7E8 url(/images/form_bg.jpg) repeat-x bottom left;
    border-color: #D9E6F7;
    border-top: medium none #D9E6F7;
}
div.legend
{
    color: #333;
    letter-spacing: -1px;
    font-size: 1.5em;
    margin: 5px 0px 10px 0px;
}
div.fieldset table.form, div.fieldset table.grid
{
    width: 98%;
}
fieldset, table td fieldset
{
    margin: 0px 10px 0px 25px;
    width: 88%;
    padding-bottom: 5px;
}
fieldset legend, table td fieldset legend
{
    margin-bottom: 10px;
}
fieldset table.form
{
    width: 98%;
}
table.form td.required
{
    background: transparent url(/images/required_bg.png) no-repeat scroll 0 50%;
    background-position: 3px 5px;
    color: #571C1F;
    padding-left: 23px;
}
.required_legend
{
    margin-left: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
}
table.form
{
    margin-top: 5px;
    margin-bottom: 15px;
}
table.grid
{
    margin-top: 5px;
    margin-bottom: 15px;
}
ul.ruInputs li, ul.ruProgress li
{
    list-style: none;
}
div.button_bar
{
    margin-bottom: 10px;
}
#left .box div
{
    width: 77%;
    padding: 10px 5px 10px 5px;
}
#left .box div div
{
    width: auto;
    padding: 0px 0px 0px 0px;
}
#left .box div ul li
{
    margin-top: 2px;
    margin-bottom: 2px;
}
#left div.login input
{
    width: 70px;
    margin-right: 5px;
}
/************************************************** ADDED BY Tip FOR RadGrid links ************************************************/
.rgRow a, .rgAltRow a
{
    /*color:#841037!important; */ /* Commented out by Mike, changes link button text to non-white in rad grid */
}
.rgRow a:hover, .rgAltRow a:hover
{
    color: #fff !important;
}