/* ============================================================================

                                 Clean Styles 

The styles in this section are structured in style hierachies and 
are also vetted by the FICOPS team. Styles from the legacy section will be
moved into this section systematically.

==============================================================================*/



/* STANDARD =================================================================*/

BODY, TD, TABLE, DIV, P, A, INPUT, SELECT, TEXTAREA, SPAN, BLOCKQUOTE, LI, UL, OL, H1, H2, H3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
BODY, TD, TABLE, DIV, P, SPAN, BLOCKQUOTE
{
	cursor: default;
}
BODY
{
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #666666;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
}

A, A:Link, A:Visited
{
	color:#00451c;
}
A:Hover
{
	color:#666666;
	text-decoration:none;
	position:relative;
	top:1;
	left:1;
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

A.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}
A.ContextMenuItem:Hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}


/* GRIDS ====================================================================*/


TABLE.Form
{
	border:0px none;
	width:100%;
}
TABLE.SubForm
{
	width:100%;
}

TABLE.Form TD,
TABLE.Form TABLE.Form TD
{
	text-align:left;
	vertical-align:top;
	background-color:#f6f8f7;
	color: #666666;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	padding: 5px;
	margin: 3px;

}
TABLE.Form TD.Container,
TABLE.Form TABLE.Form TD.Container
{
	background-color:#f6f8f7;
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

TABLE.Form TH
{
	color: #FFFFFF;
	background-color: #708F80;
	text-align: left;
	vertical-align: middle;
	border-top: 7px solid #ffffff;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	font-size: 10pt;
	padding: 5px;
	margin: 3px;
}

TABLE.Form TH.Main
{
	background-color:#f6f8f7;
	font-size: 10pt;
}
TABLE.Form TH I
{
	font-size:8pt;
	font-weight:normal;
}

TABLE.Form TD.Label,
TABLE.Form TABLE.Form TD.Label
{
	vertical-align:top;
	text-align:right;
	font-weight:bold;
	padding: 5px;
	margin: 3px;
	width:150px;
}
TABLE.Form TD.Button
{
	text-align:center;
}

TABLE.Form TABLE.SubForm TD
{
	background-color:#f6f8f7;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:0px;
	border-bottom:2px solid #FFFFFF;
	padding: 5px;
	margin: 3px;
}
TABLE.Form TABLE.SubForm TD.Container
{
	background-color:#f6f8f7;
	border:0px;
	padding:0px;
	margin:0px;
}

TABLE.Form TABLE.SubForm TH
{
	color: #666666;
	background-color:#ECF1EC;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:0px;
	border-bottom:2px solid #FFFFFF;
	font-size:8pt;
	padding:5px;
}
TABLE.Form TD.MediumLabel, TABLE.Form TH.MediumLabel, TABLE.Form TABLE.SubForm TD.MediumLabel, TABLE.Form TABLE.SubForm TH.MediumLabel
{
	font-size: 1opt;
	font-weight:bold;
	color: #666666;
	background-color: #EFF1F0;
}
TABLE.Form TD.DarkLabel,
TABLE.Form TH.DarkLabel,
TABLE.Form TABLE.SubForm TD.DarkLabel,
TABLE.Form TABLE.SubForm TH.DarkLabel
{
	font-size:1opt;
	color: #666666;
	background-color:#D9E1DD;
}
TABLE.Form TABLE.Grid,
TABLE.Grid TH
{
	color: #666666;
	background-color:#D9E1DD;
	font-size:8pt;
	
	text-align:left;
	vertical-align:top;
	
	border: 1px solid #FFFFFF;
	padding:2px;
	margin:2px;
}
TABLE.Form TABLE.Grid TD,
TABLE.Grid TD
{
	color: #666666;
	background-color:#f6f8f7;
	
	text-align:left;
	vertical-align:top;
	
	border: 1px solid #FFFFFF;
	padding:2px;
	margin:2px;
}


TABLE.Grid
{
	border: 1px solid #336666;
	width:300px;
	overflow:auto;
	overflow-y:auto;
	overflow-x:auto;
}
/* FORMS ====================================================================*/

TEXTAREA, 
SELECT, 
DIV
{
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #CCCCCC;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
}

INPUT, 
SELECT, 
TEXTAREA
{
	border: 1px solid #666666;
	background:#FFFFFF;
	font-weight: normal;
	color: #000000;
}

SPAN.CheckBox INPUT,
INPUT.CheckBox
{
	border:0px solid black;
	background-color:Transparent;
}

INPUT.Button
{
	text-align:center;
	width:128px;
	background-color:#808080; 
	border:1px solid #808080;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	outline-color:#808080;
	height: 20px;
}
INPUT.Required, 
SELECT.Required, 
TEXTAREA.Required
{
	background-color: palegoldenrod;
}
SPAN.Required
{
    background-color: palegoldenrod;
    border: 1px solid Gray;
    margin-top:2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
INPUT.Disabled, 
SELECT.Disabled, 
TEXTAREA.Disabled
{
	color: #666666;
	background:#EEEEEE;
}
INPUT.ReadOnly, 
SELECT.ReadOnly, 
TEXTAREA.ReadOnly
{
	background-color:Transparent;
	color: #666666;
	cursor:default;
}
TEXTAREA.ReadOnly
{
	border: 1px dotted #808080;
}

INPUT.ReadOnly, 
SELECT.ReadOnly 
{
	border:0px solid none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

SPAN.ReadOnlyCheckBox INPUT,
INPUT.ReadOnlyCheckBox
{
	border:0px solid black;
	background-color:Transparent;
}

/* CALENDAR ====================================================================*/


.CustomCalendar .ajax__calendar_container 
{ 
	margin-top:1px;
	background-color: #f6f8f7; 
	border:solid 1px #000000; 
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#777777,strength=2);
}

.CustomCalendar .ajax__calendar_header 
{ 
	margin-bottom: 4px;
}

.CustomCalendar .ajax__calendar_title, 
.CustomCalendar .ajax__calendar_next, 
.CustomCalendar .ajax__calendar_prev 
{ 
	color: #00451c; 
	padding-top: 3px;
}

.CustomCalendar .ajax__calendar_body 
{ 
	background-color:#ECF1EC;
	border: solid 1px #909090; 
}

.CustomCalendar .ajax__calendar_dayname 
{ 
	text-align:center; 
	font-weight:bold; 
	margin-bottom: 4px; 
	margin-top: 2px; 
}

.CustomCalendar .ajax__calendar_day 
{ 
	text-align:center; 
} 

.CustomCalendar .ajax__calendar_day,
.CustomCalendar .ajax__calendar_month,
.CustomCalendar .ajax__calendar_year
{
	padding: 0px;
	margin: 0px;
	border:  1px solid #ECF1EC;
	background-color:#ECF1EC;
}
.CustomCalendar .ajax__calendar_days   TABLE THEAD TR TD,
.CustomCalendar .ajax__calendar_months TABLE THEAD TR TD,
.CustomCalendar .ajax__calendar_years  TABLE THEAD TR TD,
.CustomCalendar .ajax__calendar_days   TABLE TBODY TR TD,
.CustomCalendar .ajax__calendar_months TABLE TBODY TR TD,
.CustomCalendar .ajax__calendar_years  TABLE TBODY TR TD
{
	width:auto;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-color:#ECF1EC;
}
.CustomCalendar .ajax__calendar_days   TABLE THEAD,
.CustomCalendar .ajax__calendar_years  TABLE TBODY
{
	width:auto;
	padding: 0px;
	margin: 0px;
	background-color:#ECF1EC;
}

.CustomCalendar .ajax__calendar_hover .ajax__calendar_day, 
.CustomCalendar .ajax__calendar_hover .ajax__calendar_month, 
.CustomCalendar .ajax__calendar_hover .ajax__calendar_year, 
.CustomCalendar .ajax__calendar_active 
{ 
	color: #00451c; 
	font-weight:bold; 
	background-color: #ffffff; 
	border:  1px solid #00451c;
} 

.CustomCalendar .ajax__calendar_today 
{ 
	font-weight:bold; 
} 
.CustomCalendar .ajax__calendar_today, 
{ 
	color: #00451c; 
} 

.CustomCalendar .ajax__calendar_other, 
.CustomCalendar .ajax__calendar_hover .ajax__calendar_today, 
.CustomCalendar .ajax__calendar_hover .ajax__calendar_title 
{ 
	color: #bbbbbb; 
} 






/* ============================================================================
MODAL
==============================================================================*/

.CustomModalBackground
{
	background-color:black;
	filter:alpha(opacity=35 );
	opacity:0.35;
}

div.CustomModalWindow
{
	border: solid 1px black;
	background:#f0f0f0;
	padding: 0px 0px 0px 0px;
	position:absolute;
}

div.CustomModalContent
{
	background-color:white;
	padding: 10px 25px 10px 10px;
	height:400px;
	width:500px;
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-base-color: #f0f0f0;
	scrollbar-face-color: #f0f0f0;
	scrollbar-shadow-color: #f0f0f0;
	scrollbar-highlight-color: #f0f0f0;
}

div.CustomModalHeader
{
	font-size:12pt;
	font-weight:bold;
	border-bottom: solid 1px black;
	padding: 15px 25px 5px 10px;
	text-align:left;
	height:40px;
	width:500px;
}

div.CustomModalButtons
{
	border-top: solid 1px black;
	padding: 5px 25px 5px 10px;
	text-align:right;
	height:20px;
	width:500px;
}

div.ErrorModalWindow
{
	border: solid 2px red;
	color: red;
	background-color: #FFFBFB;
	position: absolute;
	vertical-align: middle;
}

div.ErrorModalContent
{
	padding: 10px 10px 10px 10px;
	color:black;
	height:50px;
	width:500px;
	vertical-align:middle;
	text-align:center;
}
textarea.ErrorModalDetail
{
	border:2px solid red;
	display:none;
	width:280;
	height:400;
	scrollbar-arrow-color: red;
	scrollbar-3dlight-color: red;
	scrollbar-darkshadow-color: red;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
}
/* ============================================================================
Validation
==============================================================================*/


.ValidationSummary
{ 
	margin: 10px; 
	padding: 5px;
	border: 3px dashed red; 
	color:red;
	background-color: #FFF2F2; 
	text-align:left;
}
.ValidationSummary UL LI
{ 
	/*position:relative;*/
	left:-10px;
	padding-bottom:5px;
}
.ValidationSummary UL LI LI
{ 
	/*position:relative;*/
	left:-10px;
	padding-bottom:0px;
}

.CompletionSummary
{ 
	margin: 10px; 
	padding: 5px;
	border: 2px solid #00451c; 
	color:#00451c;
	background-color: #F6F8F7; 
	text-align:left;
}

/* ============================================================================

                                 Legacy Styles

        (Do not use these, unless no alternative exists in clean styles)

==============================================================================*/

/* Interface Divs and Styles */

#RegistrationFormDiv
{
	text-align:left;
}

#RegistrationFormDiv td
{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;
	border:dotted 1px #808080;*/
}

#EditProfileDiv
{
	text-align:left;
}

#EditProfileDiv td
{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;
	border:dotted 1px #808080;*/
}

#ChangePassDiv
{
	text-align:left;
}

#ChangePassDiv td
{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
}


#STRSubmitDiv
{
	text-align:left;
}

#STRSubmitDiv td
{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;
	border:dotted 1px #808080;*/
}


/* Login Box Left Hand Side */

.loginLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#00451c;
	text-decoration:none;
}

.activeLoginLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#00451c;
	text-decoration:underline;
}

.listLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#00451c;
	text-decoration:none;
}

.LoginDisplayMessage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	color:Red;
}

.txtStd
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Form Input Styles */

.dropdownL
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:243px;
	font-weight:normal;
	color:#000000;
	border:1px solid #666666;
	
} 
.inputCheckBoxRadioButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:240px;
	font-weight:normal;
	color:#000000;
}
.inputTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:240px;
	font-weight:normal;
	color:#000000;
	border:1px solid #666666;
}
.inputTextBoxRequired
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #666666;
	background-color: palegoldenrod;
}
.inputTextBoxNotRequired
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 240px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #666666;
}
.inputTextBoxSTD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	border:1px solid #666666;
}

.inputTextBoxLNG
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:315px;
	font-weight:normal;
	color:#000000;
	border:1px solid #666666;
}

.formtextarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:450px;
	font-weight:normal;
	color:#000000;
	border:1px solid #666666;
}

.formtextareaSTD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:240px;
	font-weight:normal;
	color:#000000;
	border:1px solid #666666;
}

.formButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:128px;
	text-transform:uppercase;
	background-color:#808080; 
	border:1px solid #808080;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	outline-color:#808080;
}

.formButtonSM
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform:uppercase;
	background-color:#808080; 
	border:1px solid #808080;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
}

.formButtonActive
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:128px;
	text-transform:uppercase;
	background-color:#00451c; 
	border:1px solid #000000;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
}

.formButtonActiveSM
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	background-color:#00451c; 
	border:1px solid #000000;
	color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
}

.tdform
{
	background-color:#f6f8f7;
	height:30px;
	line-height:25px;
	border-bottom:3px solid #ffffff;
}

.tdformRPT
{
	background-color:#f6f8f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	/*height:30px;*/
	line-height:24px;
	border-top:7px solid #ffffff;
	vertical-align:top;
	padding-top:2px;
	padding-top:2px;
	border-bottom:0px solid #f6f8f7;
	text-align:left;
	/*border-top:1px dotted #808080;*/
}

.tdformRPTNoPadding
{
	background-color:#f6f8f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	/*height:30px;*/
	line-height:24px;
	border-top:7px solid #ffffff;
	vertical-align:top;
	border-bottom:0px solid #f6f8f7;
	/*border-top:1px dotted #808080;*/
}

.tdformSubmit
{
	background-color:#f6f8f7;
	font-size:12px;
	/*height:30px;*/
	line-height:24px;
	border-top:1px solid #f6f8f7;
	border-bottom:6px solid #f6f8f7;
	vertical-align:top;
	padding-bottom:2px;
	padding-right:15px;
	/*border-top:0px solid #f6f8f7;*/
}


.tdformRPTHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #00451c;
	text-transform: uppercase;
	
	background-color:#f6f8f7;
	height:30px;
	line-height:25px;
	border-bottom:3px solid #ffffff;
	/*border-top:1px dotted #808080;*/
}

.tdGreyHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	padding-top:14px;
	color:#666666;
	/*height:30px;
	line-height:25px;
	border-bottom:3px solid #ffffff;*/
}

.tdformMSG
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size:11px;
	
	font-weight:bold;
	color: Red;
	background-color:#FFFFFF;
	/*text-transform: uppercase;*/
	height:0px;
	
}


.tableform
{
	
}

.boldHeader
{
	font-family: Arial, Helvetica, sans-serif;
	color: #00451c;
	text-transform: uppercase;
	font-weight:bold;
}

.checkBoxList INPUT
{
	margin-right: 5px;
	border: 0px;
	background-color: Transparent;
	color: Black;
}

TABLE.checkBoxList TD
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* Content Styles Revised according to screenshots developed by Lisa because
	the styles originally sent do not match the revised comps */

.ContentPageHeading	
{
	padding-left:8px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:normal;
	color: #00451c;
}

.ContentSubHeading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00451c;
	line-height: 1.3em;
	padding-left: 10px;
}

.greenLINoBorder
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #00451c;
	font-weight: normal;
	border:none;
}
.greenLI
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #00451c;
	font-weight: normal;
}


/*  News Stules */
.newsAuthor
{
	/*padding-left:5px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.3em;
	font-size: 12px;
}

.newsDate
{
	/*font-family: Arial, Helvetica, sans-serif;	
	color: #00451c;
	line-height: 1.3em;
	padding-left:5px;
	font-style:italic;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #00451c;
	line-height: 1.3em;
	font-size: 12px;
	font-style: italic;
}

.newsBlurb
{
	/*display:block;
	padding-left:5px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.3em;
	font-size: 12px;
	text-align: justify;			
	padding:0px;
}


/* Sitemap */

.sitemap1     
{
    width: 150px;
    background: #cddad1;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;

    border-bottom:1px solid #FFFFFF;
    text-decoration:none;
}

.sitemap2     
{
    width: 150px;
    background: #ededed;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;

    border-bottom:1px solid #FFFFFF;
    text-decoration:none;
}

.sitemap3     
{
    width: 150px;
    background: #f8f8f8;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;

    border-bottom:1px solid #FFFFFF;
    text-decoration:none;
}


/* Validation Error Class */

.errorMessage     
{
    color: Red;
}