/* Web Application CSS*/

/* Purpose: Application wide stylesheet for body element. */
/* Implications: Every element in page would default to these settings, if there is no other stylesheet for it */
.default
	{
		/* Font Details Start */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		/* Font Details End */
		
		/* Background Start*/
		background-color: #FFFFFF;
		/* Background End */
		
		/* Margin Start*/
		margin-left: 0px;
        margin-top: 0px;
		/* Margin End */
        
        /*add more as necessary*/
	}

/* Purpose: To hide an element. */
/* Implications: See purpose */
.hidden
	{
		display:none;
	}

/* Purpose: To display a warning message. */
/* Implications: See purpose */
.warning
	{
		font-size: 14px;
		color: red;
	}

/* Purpose: To display required field. */
/* Implications: See purpose */
.required
	{
		color: red;
	}
	
.backBlue {  background-color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF}
.backDarkBlue {  background-color: #005078; font-family: Verdana, Arial, Helvetica, sans-serif}
.backGold {  background-color: #FFCC66; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.container { position: relative; left: 0px; top:0px; height: 900px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #FFFFFF; z-index: 1 ; font-family: Verdana, Arial, Helvetica, sans-serif}
.header { position: relative; background-color: #FFFFFF; layer-background-color: #FFFFFF; border-color: #FFFFFF; border-style: none; border: 1px none #FFFFFF; z-index: 2 ; font-family: Verdana, Arial, Helvetica, sans-serif}
.menuHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; color: #006699; z-index: 3 }
.menu { position: relative; background-color: #FFFFFF; width: 145px; border: #FFFFFF; border-style: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; z-index: 4 ; font-family: Verdana, Arial, Helvetica, sans-serif}
.tableHeaderBK { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; color: #FFFFFF; background-color: #006699}
.tableHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; color: #FFFFFF }
.tableHeaderBig { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; background-color: #006699; color: #FFFFFF }
.rowColorOne { font-family: Verdana, Arial, Velvetica, sans-serif; background-color: #FFFFFF ; font-size: 10px}
.rowColorTwo { font-family: Verdana, Arial, Velvetica, sans-serif; background-color: whitesmoke ; font-size: 10px;}
.rowcolor0 { font-family: Verdana, Arial, Velvetica, sans-serif; background-color: #FFFFFF ; font-size: 10px}
.rowcolor1 { font-family: Verdana, Arial, Velvetica, sans-serif; background-color: whitesmoke ; font-size: 10px}
.redWarning { font-family: Verdana, Arial, Velvetica, sans-serif; font-size: 8pt; color: red }
a.menuHeader:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 9pt; font-weight: bold; color: #CC6633; text-decoration: none}
a.menuHeader:visited {  font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #CC6633; font-weight: bold; line-height: 9pt; text-decoration: none }
a.menuHeader:active { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #CC6633; font-weight: bold; line-height: 9pt; text-decoration: none }
a.menuHeader:hover { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #CC6633; font-weight: bold; line-height: 9pt; text-decoration: none }
a.golden:link { font-size: 10px; text-decoration: none; color:#005078 ; font-family: Verdana, Arial, Helvetica, sans-serif} 
a.golden:visited { font-size: 10px; text-decoration: none; color:#005078 ; font-family: Verdana, Arial, Helvetica, sans-serif}
a.golden:active { font-size: 10px; text-decoration: none; color:#005078 ; font-family: Verdana, Arial, Helvetica, sans-serif}
a.golden:hover { font-size: 10px; text-decoration: underline; color:#005078 ; font-family: Verdana, Arial, Helvetica, sans-serif}
a.white:link { font-size: 10pt; text-decoration: underline; color:#FFFFFF } 
a.white:visited { font-size: 10pt; text-decoration: underline; color:#FFFFFF }
a.white:active { font-size: 10pt; text-decoration: underline; color:#FFFFFF }
a.white:hover { font-size: 10pt; text-decoration: underline; color:#FFFFFF }
.dateLine { color: #005078 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.calendarHeading { color: #CC6633; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
.calendarDayNames { color: #FFFFFF; background-color: #005078;  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
.calendarNormalDates { color: black;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt   }
.calendarLightDates { color: gray;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt }
.highliteBK {  color: #FFFFFF; background-color: #005078; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
a.highlite:link { color: #FFFFFF; background-color: #005078; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
a.highlite:visited { color: #FFFFFF; background-color: #005078; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
a.highlite:active { color: #FFFFFF; background-color: #005078; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
a.highlite:hover { color: #FFFFFF; background-color: #005078; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt }
a.navlinks:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 9pt; font-weight: bold; color: #FFFFCC; text-decoration: none}
a.navlinks:visited {  font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFCC; font-weight: bold; line-height: 9pt; text-decoration: none }
a.navlinks:active { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFCC; font-weight: bold; line-height: 9pt; text-decoration: none }
a.navlinks:hover { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFCC; font-weight: bold; line-height: 9pt; text-decoration: underline}
.subTitleGold { background-color: #FFCC66 ; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066}
.newsTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; font-color: #0000CD; color: #0000CD }
.news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-color: #000000; color: #000000 }
.basefont { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-color: #000000; color: #000000 }
a.headerLink:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 9pt; font-weight: bold; color: #CC6633; text-decoration: none}
a.headerLink:visited {  font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #CC6633; font-weight: bold; line-height: 9pt; text-decoration: none }
a.headerLink:active { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #CC6633; font-weight: bold; line-height: 9pt; text-decoration: none }
a.headerLink:hover { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #CC6633; font-weight: bold; line-height: 9pt; text-decoration: none }
a.reportHeaderLink:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
a.reportHeaderLink:visited {  font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFFF; font-weight: bold; line-height: 9pt; text-decoration: none }
a.reportHeaderLink:active { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFFF; font-weight: bold; line-height: 9pt; text-decoration: none }
a.reportHeaderLink:hover { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFFF; font-weight: bold; line-height: 9pt; text-decoration: underline}
.webClockHeaderBK { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; color: #FFFFFF; background-color: #a71800}
a.headerLinkwhite:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
a.headerLinkwhite:visited {  font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFFF; font-weight: bold; line-height: 9pt; text-decoration: none }
a.headerLinkwhite:active { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFFF; font-weight: bold; line-height: 9pt; text-decoration: none }
a.headerLinkwhite:hover { font-family: Verdana, arial, "san serif"; font-size: 8pt; font-style: normal; color: #FFFFFF; font-weight: bold; line-height: 9pt; text-decoration: none }
.menuHeaderForCheckBox{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: 9pt; font-weight: bold; color: #CC6633; text-decoration: none}
.dropDownBox { font-size : xx-small }
.list { font-size : xx-medium }
.uneditableTextBox { font-size: 8.0pt; font-family: Verdana, arial, "san serif"; border-style: none}
.editableTextBox {font-size: 8.0pt; font-family: Verdana, arial, "san serif";}
.button {font-family: Verdana, Arial, Velvetica, sans-serif; font-size: 10.0pt}
.border {border: 1px #006699 solid;}
div.thinblueline {
  width: 60%;
  border-width: 1px;
  border-color: #0000ff;
  border-style: solid;
  align: center;
}

.tabtop
{
    BACKGROUND-IMAGE: url(/common/images/tabtop.jpg);
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tabconorleft
{
    BACKGROUND-IMAGE: url(/common/images/tabconorleft.jpg);
    BACKGROUND-REPEAT: no-repeat
}
.tabside
{
    BACKGROUND-IMAGE: url(/common/images/tabside.jpg);
    BACKGROUND-REPEAT: repeat-y
}
.tabconorright
{
    BACKGROUND-IMAGE: url(/common/images/tabconorright.jpg);
    BACKGROUND-REPEAT: no-repeat
}
.tabbottom
{
    BACKGROUND-COLOR: #ffcc66
}
.tabselected
{
    BACKGROUND-COLOR: #ffcc66
}
A.tabnav:link
{
    MARGIN-TOP: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 4px;
    COLOR: #336699;
    LINE-HEIGHT: 9pt;
    PADDING-TOP: 4px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.tabnav:visited
{
    MARGIN-TOP: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 4px;
    COLOR: #336699;
    LINE-HEIGHT: 9pt;
    PADDING-TOP: 4px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.tabnav:active
{
    MARGIN-TOP: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 4px;
    COLOR: #336699;
    LINE-HEIGHT: 9pt;
    PADDING-TOP: 4px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.tabnav:hover
{
    MARGIN-TOP: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 4px;
    COLOR: #336699;
    LINE-HEIGHT: 9pt;
    PADDING-TOP: 4px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
@media print
{
table.pageBreakBefore { page-break-before:always}
}
@media print
{
table.pageBreakAfter { page-break-after:always}
}


 .HVScrollsIE{
 overflow: visible; 
 overflow-x:auto; 
 overflow-y:hidden; 
 padding-bottom:5px;
 width: 160px;
 height: 120px
 }

.HVScrollsFirefox {  
 overflow:-moz-scrollbars-horizontal;
 overflow: auto;
 width: 10px;
 height: 100%; 
 margin-bottom: 1px;
 min-height: 101%;
 margin-right:-10px;
 min-width: 90%
 }
a.goldenTask:active { font-size: 10px; text-decoration: none; color:#005078 ; font-family: Verdana, Arial, Helvetica, sans-serif}
a.goldenTask:hover { font-size: 10px; text-decoration: underline; color:#005078 ; font-family: Verdana, Arial, Helvetica, sans-serif}
.rowColorOneDisabled { font-family: Verdana, Arial, Velvetica, sans-serif; background-color: #C0C0C0 ; font-size: 10px}

.display	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	background-color: #006699;
	color: #FFFFFF
}

table.display	{
	font-family: Verdana, Arial, Velvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
	color: black;
	vertical-align: middle;
	text-align: center;
	width: 600px;
}

.caption	{
	font-family: Verdana, Arial, Velvetica, sans-serif;
	background-color: #FFFFFF ;
	font-size:10pt;
	
}

table.displayreport	{
	font-family: Verdana, Arial, Velvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
	color: black;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

/* Purpose: CSS properties for the HEADER.jsp section of the site. */
/* Implications: See purpose */	
#main-header
{
	width:100%;
	height:95px;	
	margin-bottom:1em;
	min-width: 850px;
}

#main-header div.sub-header-lrg
{
	background-color: #006699;
	width:100%;
	height:75px;	
}

#main-header div.sub-header-sml
{
	width:100%;
	height:17px;
	background-color: #FFCC66;
	border-top:solid 3px #005078;
	vertical-align:middle;
	padding-left:0px;
	padding-right:0px; 
	
}

#main-header a.logo
{
	float:left;
	text-decoration:none;
	margin:3px;
}

#main-header a.logo img
{
	border:none;
	max-height:70px;
	max-width: 100%;
	width: auto;
	height: auto;
}

#main-header #search
{
	float:right;
}
/**********************/

/* Purpose: CSS properties for the footer.jsp section of the site. */
/* Implications: See purpose */	

#main-footer
{
	width: 100%;
	height: 25px;
	background-color: #006699;	
}
/**********************/


/* Purpose: CSS properties for SEARCH field module */
/* Implications: See purpose */
#search
{
	margin:10px;
	position:relative;
}

#search #search_status_img
{
	visibility:hidden;
	height:19px;
	width:19px;
	float:left;
	position:absolute;
	right:20px;
	top:2;
	z-index:100;
}

#search #search_txt
{
	height:22px;
	width:180px;
	background-color:#FFFFFF;
	background-image:url('images/Search-icon.png');
	background-position:center right;
	background-repeat:no-repeat;	
	border:solid 1px black;
	padding:3px;
	color:gray;
	font-style:italic;
	font-size:8pt;
}

#search select
{
	height:22px;
	background-color:#FFFFFF;
	border:solid 1px black;
	color:gray;
}

#search #search_results_list
{
	position:absolute;
	right:0px;
	top:24px;
	z-index:100;
	text-align: left;
	background-image:url('images/transwht90.png');
	overflow:auto; 
	border: solid 2px #005078;
	display: none;
	padding: 3px;
	margin:0;
	height: expression( this.scrollHeight > 499 ? "500px" : "auto" ); /* sets max-height for IE */
	max-height: 500px;
	width:274px;
	/*width:auto !important;*/
	width: expression( document.body.clientWidth  > 273 ? "274px" : "auto" ); /* sets max-width for IE */
	min-width:200px;
	white-space:nowrap;
	list-style:none;
}

#search #search_results_list li
{
	width:100%;
	margin:0px;
	padding:4px 0 4px 0;
}

#search #search_results_list li:hover
{
	font-weight:800;
}

#search #search_results_list li a
{
	font-size: 9pt; 
	text-decoration: none; 
	color:#006699; 
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	margin: 3px;
	padding: 0;
}

/*This is for IE because IE doesnt handle the 'hover' event for the 'li' element */
#search #search_results_list li a:hover
{
	font-weight:800;
}
/** Start Progress indicator  modal dialog **/

.ui-dialog .ui-dialog-titlebar {
    padding: 0;
    font-weight: normal;
}
.progressImageCont{
	display: inline-block;
	width: 99%;
	text-align: center;
}
.progressText{
	font-weight: normal;
	font-size: 12px;
}

/** End Progress indicator  modal dialog **/