﻿body
{
    overflow-y:scroll;
}

/*  ----------------------- Main Content Area ----------------------- */

.dialogContainer
{
    display:none;
}

.dialogForm
{
    text-align:left;
}

.minHeightContainer
{
    height:300px;
}


/* ---------------------- Directory styles ------------------------------ */


#QuickSearchForm
{
    float:left;
}
#quickSearch
{
    margin-left:2px;
}
#QuickSearchValue
{
    display:block;
    float:left;
    margin-top:3px;
    font-size:11px;
    width:100px;
    height:18px;
}

table.pagination
{
    font-size:11px;
    margin:0;
    padding:0;
    border-collapse:collapse;
    height:22px;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}
table.pagination td
{
    font-size:11px;
}
select.pageList
{
    font-size:10px;
}

table.list /* + dynamic styles */
{
    border-collapse:collapse;
    table-layout:fixed;
    clear:both;
}

th.sortHeader
{
    cursor:pointer;
    text-align:center;
}

table.list td
{
    font-size:11px;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #eee; /* match tr:odd dynamic style */
    padding-left:2px;
    vertical-align:text-top;
}

td.checkBoxCell
{
    padding-top:0px;
}



/* ---------------------- View styles ------------------------------ */

.pagePanel
{
    float:left;
    padding:5px;
    margin:0;
}


/*  sublist styles  */

table.sublistHeader 
{
    clear:both;
    height:20px;
    margin:0;
    padding:0;
    border-collapse:collapse;
    table-layout:fixed;
}

table.sublistHeader th a 
{
    text-decoration:none;
}

table.sublistItems
{
    margin:0;
    padding:0;
    border-collapse:collapse;
    table-layout:fixed;
}

table.sublistItems td 
{
    margin:0;
    padding:2px 0;
    font-size:11px;
    border-bottom:solid 1px #eee;
    overflow-y:visible;
    vertical-align:text-top;
}

table.sublistItems tr 
{
    line-height:16px;
}

.sublistToolbarLeft
{
    float:left;
    font-weight:bold; 
    height:18px;
}

div.sublistToolbarLeft
{
    height:18px;
    width:100px;
}

.sublistToolbarRight
{ 
    float:left;
    height:18px;
    text-align:right; 
}

.sublistToolbarRight a 
{ 
    margin-right:5px;
}

.sublistContainer
{
    padding:0px; 
    margin: 0px;
    border:solid 1px #ccc;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:white;
}

div.sublistItems
{
    overflow-y:visible;
    width:500px;
}

tr.redFont
{
    color: #CC0000;
}

td.radio
{
    text-align:center;
    padding:0 !important;
}

tr.inactiveRow td, tr.inactiveRow td a
{
    color: #909090;
}

.warningPanel
{
    padding: 5px;
    border: 1px solid #CCC;
    background-color: #FFFFCC;
    text-align:center;
}

.highlightPanel
{
    padding: 5px;
    border: 1px solid #CCC;
    background-color: #FFFFCC;
    text-align:left;
}


/* ---------------------- Form Elements -----------------------------*/

form
{
    margin:0;
}

fieldset p
{
    margin: 0;
    padding:0px 3px;
}

fieldset input
{
    border:solid 1px #ddd;
}

fieldset select 
{
    margin-bottom:2px;
    border:solid 1px #ddd;
}

fieldset a 
{ 
    margin-right:10px; 
}

fieldset label 
{
    font-weight:bold;
    display: block;
    float:left;
    padding-top:1px;
    font-size:12px;
}

fieldset label.inline 
{
    display: inline;
}

input.radio
{
    border-style:none !important; /* IE */
}

td.checkboxItem /* td w/checkbox */
{
    border-style:none; /* IE */
    text-align:center;
/*   padding-top:8px 2px 0 !important; */
}

.fieldsetTitle
{
    font-size: 12px;
    font-weight: bold;
    height:18px;
    width:200px; /* IE wrap */
    text-align:left;
}

.button /* to match dialog theme */
{
    cursor:pointer;
    line-height:1.4em;
    margin:0.5em 0.4em 0.5em 0pt;
    overflow:visible;
    padding:0.2em 0.6em 0.3em;
    width:auto;
    background:#E6E6E6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50%;
    border:1px solid #D3D3D3;
    color:#555555;
    font-weight:normal;
    outline-color:invert;
    outline-style:none;
    outline-width:medium;
    font-family:Verdana,Arial,sans-serif;
    font-size:12px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}

.readOnly
{
    color: #5D5D5D;
    background-color: #F7F7F7;
}

.readOnlyBox
{
    border-style:none;
    background-color:#EAEAEA;
}

.dateBox 
{ 
    width:90px !important; 
    text-align:center;
}

.emailBox 
{ 
    width:200px !important; 
}

.phoneBox 
{ 
    width:110px !important; 
}

.numericBox 
{ 
    width:75px !important; 
    text-align: right;
}

.shortBox
{
    width:75px !important;
}

.wideBox
{
    width: 200px !important;
}

.wideListBox
{
    width: 210px !important;
}

div.listBoxContainer
{
    float:left;
    padding-left: 2px;
}
div.listBoxContainer label
{
    width:auto !important;
}
div.listBoxContainer br
{
    clear:left;
}
div.listBoxContainer select
{
    border: solid 1px #ccc !important;
}

span.dialogListBoxContainer
{
    float:left;
}

span.checkboxList
{
    display:block;
    float:left;
    height:200px;
    border: 1px solid #ccc;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:white;
    text-align:left;
    padding:5px;
}

label.checkboxList
{
    display:inline;
    float:none !important;
    font-weight:normal;
    width:auto !important;
}

.logon 
{
    width:180px;
}

/* --------------------  Popup Dialogs ------------------------------*/

#PopupContainer 
{ 
    width:500px !important;  /* override theme */
}


/* --------------------  Questions/Answers ------------------------------*/

.sectionTitle 
{ 
    height:25px;
    font-size:18px;
    font-weight:bold;
    margin-bottom:3px;
}

.subsectionTitle 
{
    height:20px;
    font-size:14px;
    font-weight:bold;
    margin-bottom:3px;
}

/*  question/answer styles */
/*  question text and number */
.questionText
{
    float:left;
    width:540px;
    padding-bottom:10px;
    padding-top:3px; /* req'd to prevent clipping of 'bluebox' spans (Ask, Advise, etc) */
}




/*  answers */
.questionRadio, .questionRadioVertical /* table for CheckListItems table */
{
    table-layout:fixed;
    clear:both;
    margin-left:25px;
    font-size:13px;
}

.questionRadio td
{
    padding-right:30px;
    vertical-align:top;
}

.questionRadioVertical td
{
    vertical-align:top;
}

.questionRadio input, .questionRadioVertical input /* radio buttons */
{
    float:left;
    height:14px;
    margin-right:5px !important;
    width:15px !important; 
    border:none !important;  /* FF has no border, must place at element level in IE6 using class='radio'*/
}

.questionRadio label, .questionRadioVertical label
{
    height:auto;
    width:auto; 
}

.answerLetter
{
    float:left;
    width: 20px;
}

.answerText
{
    float:left;
    width: 400px;
}


.buttonContainer
{
    text-align:center;
    color:red;
    height:24px;
}

.otherAnswer /* for 'other' textbox/textarea */
{
    display:none;
    margin-top:10px;
    margin-left:25px;
    font-size:13px;
}
.shortAnswer /* for 'other' textbox/textarea */
{
    width:500px;
    font-family: century gothic,Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:2px;
    border: 1px solid gray;
    font-size:13px;
}
.longAnswer /* for 'other' textbox/textarea */
{
    width:500px;
    height:100px;
    font-family: century gothic,Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:2px;
    border: 1px solid gray;
    font-size:13px;
}

div.questionData
{
    background-color: #D5D8EE;
    color: #CC0000;
    padding:2px;
    width:280px;
    float:left;
}

div.fillInBlankContainer
{    
    clear:both;
    margin-left:25px;
    font-size:13px;
}

/* --------------------  Messaging ------------------------------*/

#messageContainer
{
    height: 22px;
    line-height:22px;
    overflow-y:hidden; /* IE 'jump' */
}
div.message, #dialogMessage
{
    display:none;
    height:20px;
    line-height:20px;
    border:solid 1px #ddd;
}
.message, #dialogMessage
{
    color: black !important;
    font-size:12px;
    padding:0px 10px;
}
div.message span, #dialogMessage span, div.message img, #dialogMessage img
{
    display:block;
    float:left;
    padding:0px;
    margin-right:3px;
}
#dialogMessageContainer
{
    height:22px;
    color:Black;
    margin-bottom: 2px;
    text-align:left;
}

.infoMsg
{
    background-color: #CDDEFE;
}
.successMsg
{
    background-color: #BFFFBF;
}
.warningMsg
{
    background-color: #FFFF99;
}
.failMsg
{
    background-color: #FFAAAA;
}



/* -------------------- Validation  ------------------------------*/
.error
{
    color:Red;
}

span.errorFlag
{
    padding-left:2px;
}

img.errorImage
{
    vertical-align:text-bottom;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


/* -------------------- Misc ------------------------------*/

.clear
{
    clear: both;
}

.center
{
    text-align:center;
}

.right
{
    text-align:right;
}

.rightPadded
{
    text-align:right;
    padding-right:8px;
}

.left
{
    text-align:left;
}

.hidden 
{
    visibility:hidden;
}


.orderArrows
{
    height:12px;
    width:16px;
    margin:2px 0 0;
    border:0;
}

a.inline 
{
    margin:0 !important;
}

.red
{
    color:red;
}

.gray
{
    color:gray;
}

.bold
{
    font-weight:bold;
}

.underline
{
    text-decoration:underline;
}

.altRowColor
{
    background-color: #eeeeee;
}

.revisedFieldHighlight, .revisedTabHighlight
{
    background-color: Yellow;
}


