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

fieldset
{
    background: url(/profile/images/fieldset_bg.png) bottom left repeat-x;
    margin: 20px 0px 10px 0px;
    padding: 10px;
}

legend
{
    margin: 0px 0px 0px 15px; /*font: bold 16px trebuchet ms, tahoma, verdana, arial, sans-serif;*/
    font: bold 16px Arial;
    color: #4E728B;
}

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

iframe
{
    min-height: 420px;
}

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

.button_bar
{
    text-align: center;
}

.button
{
    text-transform: uppercase;
    letter-spacing: 1px; /*font: bold 18px trebuchet ms, tahoma, verdana, arial, sans-serif;*/
    font: bold 18px Arial;
}

a.button, input.button
{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #333;
}

a.button.blue, input.button.blue
{
    background: url(/profile/images/blue_button_bg.png) bottom left repeat-x;
}
a.button.tan, input.button.tan
{
    background: url(/profile/images/tan_button_bg.png) bottom left repeat-x;
}

a.button.green, input.button.green
{
    background: url(/profile/images/green_button_bg.png) bottom left repeat-x;
}

a.button:hover
{
    color: #E3DFD4;
}

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

table.form
{
    width: 100%;
    margin: 10px;
}

fieldset table.form
{
    width: 98%;
}

table.form td
{
    border-collapse: collapse;
    border-bottom: 1px dashed #ccc;
    padding: 3px;
}

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

table.form td.label
{
    background-color: #F0F8FF;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

td .info
{
    font-weight: normal;
    font-size: 10px;
}

table.form td.input
{
    vertical-align: top;
    text-align: left;
    width: 100%;
}

table.form td.required
{
    background: #FEEEE1 url(/profile/images/required_bg.png) top left no-repeat;
    border: 1px solid #F37716;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-left: 20px;
}

.required_legend
{
    color: #F37716;
    font-size: 10px;
    font-weight: bold;
    display: inline;
    vertical-align: bottom;
}

/******************************************************* GRID STYLES *******************************************************/

table.grid
{
    /*font: 12px verdana,tahoma,arial,sans-serif;*/
    font: 12px Arial;
    width: 80%;
    border-collapse: collapse;
}

table.grid td, table.grid th
{
    padding: 2px;
    border: 1px solid #94B2D3;
}

table.grid td.head, th.head, table.grid th, table.grid tr.head td
{
    font-size: 16px;
    border: 1px solid #BCCFE3;
    background: #fff url(/profile/images/blue_head_bg.png) 0px 0px repeat-x;
    border-bottom: 1px solid #94B2D3;
}

table.grid tr.subhead td
{
    font-size: 14px;
    background: #e4e4e4;
    border-bottom: 2px solid #94B2D3;
}

tr.row_1 td, td.row_1
{
    background: #fff;
}

tr.row_2 td, td.row_2
{
    background: #D9E7FB;
}

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

.FixListItemWrapping td input
{
    float: left;
}

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

.FixCheckboxWrapping input
{
    float: left;
}

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

.alert, .alert label
{
    font-style: italic;
    color: #800000;
    font-size: 14px;
    width: 400px;
}
div.callout
{
    position: relative;
    top: -75px;
    left: 640px; /*border: solid 1px #5e88a2;     background: #f6f6f6 url(/profile/images/question_icon.gif) no-repeat;     background-position: 5px 5px;*/
    text-align: right; /*padding: 5px;     font-size: 8pt;*/
    font-size: 10pt;
    font-weight: normal; /*width: 145px;*/
    width: 155px;
}
.fakeFieldset
{
    background: url(/profile/images/fieldset_bg.png) bottom left repeat-x;
    border: solid 1px silver;
    margin: 20px 0px 10px 0px;
    padding: 10px;
    position: relative;
}

.fakeLegend
{
    margin: 0px 0px 0px 15px; /*font: bold 16px trebuchet ms, tahoma, verdana, arial, sans-serif;*/
    font: bold 16px Arial;
    color: #4E728B;
    position: absolute;
    top: -1em;
    left: .8em;
    background-color: #fff;
    padding: 5px;
}

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

div.errorSummary .errorSummaryHeading
{
    font-size: larger;
    font-weight: bold;
    color: #000;
}