﻿
/* -------------------------- */
/* body style          
/* -------------------------- */

body
{
	/*min-width: 1024px;*/
	width: auto;
	/*min-height: 600px;*/
	/*height:auto;*/
	font-family: 'Trebuchet MS' , sans-serif;
	color: #565655;
	background-color: white;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

A:link      { color: #41519A; text-decoration:none; }
A:visited 	{ color: #41519A; text-decoration:none; }
A:active
{
	color: #41519A;
	cursor: hand;
	text-decoration: none;
}
A:hover
{
	color: #B2C3E1;
	cursor: hand;
	text-decoration: underline;
}

.nohover A:hover { cursor: default; text-decoration: none;}

.default-button
{
	cursor: pointer;
	background: #284e98;
	color: #ffffff;
	border: solid 1px #284e98;
	height: 1.7em;
	margin:  .5em 0 .5em 0em;
	font-weight: bold;
}

.docImageButton
{
	cursor: se-resize;
	background-image: url(images/EnlargeDocButton.jpg);
	border: solid 1px;
}

.panelHeader
{
	margin: 0px 0px 1px 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #333333;
	text-align: left;
	background-color:#ffffff;
	border-right: #ffffdd 1px solid;
	border-top: #ffffdd 1px solid;
	border-left: #ffffdd 1px solid;
	border-bottom: #ffcc33 1px solid;
}

/* -------------------------- */
/* panel styles            
/* -------------------------- */
.panelTitle {
	margin: 0px 0px 1px 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	background-color: #ffe270;
	border-right: #ffcc33 1px solid;
	border-top: #ffff99 1px solid;
	border-left: #ffff99 1px solid;
	border-bottom: #ffcc33 1px solid;
}

.panelTitleMenu {
	margin: 0px 0px 1px 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	background-color: #ffe270;
	vertical-align: middle;
	line-height: 36px;
}

.loginText
{
	margin: 0px 0px 1px 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	
}

.loginPanel
{
	background-color: #ffffff;
	border-right: #E6E2D8 1px solid;
	border-left: #E6E2D8 1px solid;
	border-top: #E6E2D8 1px solid;
	border-bottom: #E6E2D8 1px solid;
	text-align: left;
	padding: .2em .2em .2em .2em;
	color: #333333;
}

.panelBody
{
	background-color: #ffffff;
	border-right: #E6E2D8 1px solid;
	border-left: #E6E2D8 1px solid;
	border-top: #E6E2D8 1px solid;
	border-bottom: #E6E2D8 1px solid;
	text-align: left;
	padding: .2em .2em .2em .2em;
	color: #333333;
	font-size: .8em;
}

.panelResults
{
	background-color: #ffffff;
	border-right: #E6E2D8 0px solid;
	border-left: #E6E2D8 0px solid;
	border-top: #E6E2D8 0px solid;
	border-bottom: #E6E2D8 0px solid;
	text-align: left;
	color: #333333;
	font-size: .8em;
}

.panelLabelCell
{
	border: none;
	text-align: left;
	background-color: #cdcdcc;
	color: #000000;
	padding: .1em .1em .1em .2em;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Arial, Sans-Serif;
}

.panelField
{
	color: #353535;
}

.panelFieldCell
{
	border: none;
	background-color: #efefef;
}

.panelButton
{
	cursor: hand;
	background: #284e98;
	color: #ffffff;
	border: solid 1px #284e98;
	height: 1.7em;
	margin:  .5em 0 .5em 0em;
	font-weight: bold;
}

.panelLinkButton
{
	cursor: hand;
	background: #284e98;
	color: #ffffff;
	border: solid 1px #284e98;
	height: 1.7em;
	margin:  .5em 0 .5em 0em;
	font-weight: bold;
}
  
.panelLinkButton:link      { color: #FFFFFF; text-decoration:none; font-size: 1.3em; font-family: sans-serif; }
.panelLinkButton:visited 	{ color: #FFFFFF; text-decoration:none;  font-size: 1.3em; font-family: sans-serif;  }

.panelLinkButton:active
{
	color: #FFFFFF;
	cursor: hand;
	text-decoration: none;
}

.panelLinkButton:hover
{
	color: #FFFFFF;
	cursor: hand;
}

.utilityButton
{
	cursor: hand;
	text-align: Center;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Arial, Sans-Serif;
}
.documentButton
{
	cursor: hand;
	background: #ffe270;
	color: #000000;
	border: solid 1px #ffe270;
	height: 1.7em;
	margin:  .5em 0 .5em 0em;
	font-weight: bold;
}

.panelText
{
	font-size: 1em;
	padding-right: .2em;
	padding-left: .5em;
	padding-bottom: .5em;
	padding-top: .2em;
	text-align: left;
	color: #333333;
}

.sideBar
{
	background: #284e98;
	color: #ffffff;
	border: solid 1px #284e98;
	height: 1.7em;
	margin:  .5em 0 .5em 0em;
}

.popupControl
{
	position: absolute;
	visibility: hidden;
}

.helpIcon
{
	cursor:hand;
}

.fixed100 { width:100px; }
.fixed160 { width:160px; }

.spacerRow
{
	background-color: #ffcc66;
}

.sideNavButton
{
	color: #333333;
	cursor: hand;
	font-weight: bold;
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	height: 30px;
	width: 237px;
	background-image: url(images/background_columnleft.gif);
	background-repeat: repeat-y;
	background-color:#ffffff;
}

/* aligns container for login and leftNav panels */
.startPanelCenter { margin-top: 5px; text-align:center; }
.startPanelLeft   { margin-top: 5px; text-align:left;   }

/* -------------------------- */
/* text styles            
/* -------------------------- */
.warningText
{
	color: #ff0000;
}

.watermarkText
{
	color: gray;
	font-style: italic;
	font-size:1em;
	padding-left: .5em;
}

.helpTextPassword
{
	font-size: .7em;
	text-align: left;
	color: #333333;
}

.helpIcon
{
	cursor:pointer;
	text-decoration: underline;
	color: #41519A;
	font-size: .65em;
}

.helpText
{
	font-size: .8em;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
	text-align: left;
	color: #316ac5;
}

.helpPanel
{
	border-width: .13em;
	border-color: Black;
	border-style: solid;
	background-color: LightGoldenrodYellow;
	border-spacing: 10px;
	text-align: left;
}

.dochelpText
{
	font-size: .65em;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
	text-align: left;
	color: #316ac5;
}

/*CollapsiblePanel*/
.collapsePanel
{
	width: 239px;
	background-color: #ffffcc;
	overflow: hidden;
	text-align: center;
	border-top: none;
	border-bottom: #ffc122 1px solid;
	border-left: #ffff99 1px solid;
	border-right: #ffff99 1px solid;
}

.collapsePanelHeader
{
	width: 240px;
	height: 34px;
	background-image: url(images/sidebar_header.png);
	color: #FFFfff;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	background-repeat: no-repeat;
}
.collapsePanelHeader a {color:#ffffff;  background-color:Transparent;}
.collapsePanelHeader a:hover {color:#ffe270;text-decoration:none;background:none;}

.tooltip
{
	border-right: #d4d0c8 1px solid;
	border-top: #d4d0c8 1px solid;
	font-size: 0.75em;
	border-left: #d4d0c8 1px solid;
	border-bottom: #d4d0c8 1px solid;
	background-color: #ffffe1;
	padding: 1px 1px 1px 1px;
}

.summaryTable
{
	font-size: .8em;
}

.summaryTable th
{
	text-align: left;
	border-bottom: #f5fffa 1px solid;
	padding-top:5px;
}

.summaryTable td.label
{
	text-align:right;
}

.summaryTable .field
{
	font-style:italic;
	color:Blue;
}

.summaryTable .required
{
	font-style:italic;
	color:Red;
}
.errorLabel
{
	font-weight:bolder;
	color:Red;
	font-size: 1em;
}

.abis
{
	background-color: #ffffcc;
	overflow: hidden;
	text-align: center;
	border-top: ffc122 1px solid;
	border-bottom: #ffc122 1px solid;
	border-left: #ffff99 1px solid;
	border-right: #ffff99 1px solid;
}

.abisSelected
{
	background-color: #ffffff;
	overflow: hidden;
	text-align: center;
	border-top: ffc122 1px solid;
	border-bottom: #ffc122 1px solid;
	border-left: #ffff99 1px solid;
	border-right: #ffff99 1px solid;
}

#officialUse
{
	font-size: small;
	width: 450px;
	padding: 1 1 1 1;
}

.prettyText
{
	font-family: 'Trebuchet MS', Sans-Serif;
	color: #4169e1;
}

/* Accordion */

.accordionHeader
{
	border-right: #2f4f4f 1px solid;
	padding-right: 5px;
	border-top: #2f4f4f 1px solid;
	margin-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: #2f4f4f 1px solid;
	cursor: pointer;
	color: white;
	padding-top: 5px;
	border-bottom: #2f4f4f 1px solid;
	font-family: Arial, Sans-Serif;
	background-color: #2e4d7b;
}
.accordionHeader A
{
	background: none transparent repeat 0% 0%;
	color: #ffffff;
	text-decoration: none;
}
.accordionHeader A:hover
{
	background: none transparent repeat 0% 0%;
	text-decoration: underline;
}
.accordionHeaderSelected
{
	border-right: #2f4f4f 1px solid;
	padding-right: 5px;
	border-top: #2f4f4f 1px solid;
	margin-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: #2f4f4f 1px solid;
	cursor: pointer;
	color: white;
	padding-top: 5px;
	border-bottom: #2f4f4f 1px solid;
	font-family: Arial, Sans-Serif;
	background-color: #5078b3;
}
.accordionHeaderSelected A
{
	background: none transparent repeat 0% 0%;
	color: #ffffff;
	text-decoration: none;
}
.accordionHeaderSelected A:hover
{
	background: none transparent repeat 0% 0%;
	text-decoration: underline;
}
.accordionContent
{
	border-right: #2f4f4f 1px solid;
	padding-right: 5px;
	border-top: #2f4f4f 1px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #2f4f4f 1px solid;
	padding-top: 10px;
	border-bottom: #2f4f4f 1px solid;
	background-color: #d3deef;
}


#footer
{
	padding-right: 2px;
	font-size: 0.65em;
	color: #8c8eaa;
	padding-top: 2px;
	width: 1024px;
	text-align: right;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.smallText
{
	padding-right: 2px;
	font-size: 0.65em;
	color: #8c8eaa;
	padding-top: 2px;
	width: 1024px;
	text-align: right;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.modalBackground1 {
	background-color:Gray;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.modalBackground2 {
	background-color:Gray;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.disabled
{
    filter:alpha(opacity=20);
	opacity:0.2;
 
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}
        
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:130px; 
    height:50px;    
}
        
.handlePanel
{
	border-width: 3px;
	border-color:  #284e98;
	border-style: solid;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.documentClose
{
	cursor: hand;
	background: #284e98;
	color: #ffffff;
	border: solid 1px #284e98;
	height: 1.3em;
	margin:  .1em 0 .1em 0em;
	font-weight: bold;
}

.defaultGridHeader
{
	background-color: #284E98;
	color: #ffffff;
	font-weight: bold;
}

.defaultGridFooter
{
	background-color: #5D7B9D;
	color: #ffffff;
	font-weight: bold;
}

.defaultGridSelectedRow
{
	background-color: #E2DED6;
	color: #333333;
	font-weight: bold;
}

.defaultGridAlternatingRow
{
	background-color: #efefef;
	color: #284775;
}
.collapsePanel
{
 background-color: #F7F6F3; 
 border:Solid 1px #CCCCCC;
 overflow: hidden;
}

.disabledPanelButton
{
    cursor: pointer;
	color: #ffffff;
	border: solid 1px #284e98;
	height: 1.7em;
	margin:  .5em 0 .5em 0em;
	font-weight: bold;
}