/*
    Please refrain from adding to or changing this
    file.  This should be kept consistant for all web
    applications and browsers.
*/

/*
    Safe Style Sheet. Only supported tags here.
    Also aliases for these tags and common styles
    used throughout applications. Do not define tags
    such as INPUT or TEXTAREA here (they break NS4).
*/

/*********************** BODY ************************************/
html {
    height:100%;
}

body
{
	font-family: Arial, Verdana, Helvetica;
	color: #333333;
	background-color: #FFFFFF;
	font-weight : normal;
	margin-left : 20px;
	margin-right : 20px;
	margin-top : 1px;
	height:95%;
}

/******************* BANNER AND HEADINGS *************************/

.topBanner {
	background-color : #002664;
	color : #FFFFFF;
}

.appHeading, .bannerHeading, h1 {
	font-weight : lighter;
	font-size :160%;
	color : #FFFFFF;
	background-color : #002664;
}

.leftNav0 {
	background-color : #444444;
}

.navLevel0, .nav0 {
	color : #FFFFFF;
	font-size : 75%;
	background-color : #444444;
}

.navLevel0:Hover, .nav0:Hover {
	text-decoration : none;
}

.topNavigation {
	background-color : #666666;
	color : #FFFFFF;
}

.topNavItems, .date  {
	background-color : #666666;
	color : #FFFFFF;
	font-size : 75%;
}

.pageHeading, .heading1, .appSubHeading, h2  {
	font-size : 150%;
	font-weight : lighter;
	color : #002664;
}

.subHeading, .heading4, h4 {
	color : #002664;
	font-weight : lighter;
	font-size: 120%;
}

.smallTitle
{
	font-weight: bold;
	font-size: 70%;
}

/************************ MENU *****************************/

.menuLink, .navLevel1, .nav1  {
    font-size : 75%;
    vertical-align : middle;
    color : #333333;
    text-align: left;
}

.menuLink:Hover, .navLevel1:Hover, .nav1:Hover {
    text-decoration:none;
}

.subMenuLink, .navLevel2, .nav2, .navLevel3, .nav3  {
    font-size : 75%;
    color : #FFFFFF;
    vertical-align : middle;
}

.subMenuLink:Hover, .navLevel2:Hover, .nav2:Hover, .navLevel3:Hover, .nav3:Hover  {
    text-decoration:none;
}

.menuImage
{
    vertical-align: text-top;
    border:0;
}

.subMenuImage
{
    border:0;
    height: 13px;
	width: 19px;

}

.border
{
    border:1 solid #999999;
}

.lftMenu, .leftNav1
{
    background-color:#CCCCCC;
	cursor: hand;
	text-align:left;
	
}

.lftSubMenu, .leftNav2
{
    background-color:#666666;
    text-align:left;
}

.lftSubMenuSel, .leftNav3
{
    background-color:#333333;
    text-align:left;
}

.linespace 
{
    font-size : 2pt;
}

.menuspace 
{
    font-size : 1pt;
}

/************************ TEXT *****************************/

/* Free Text */

p {
	text-indent: 0;
}

.instructions  {
	font-size : 80%;
}

.instructionsLarge {
	font-size: 120%;
	font-weight : lighter;
	color : black;
}

.introduction, .leadingParagraph, .boldBodyText {
	font-size : 80%;
	font-weight : bold;
}

.bodyText {
	font-size: 80%;
}

/* Links */

a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

a:active {
	text-decoration : none;
}

.pageLink, .textLink {
	color : #002664;
	text-decoration : underline;
	font-style : normal;
	font-weight: bold;
}

.pageLink:Active, .textLink:Active {
	color : #002664;
	text-decoration : underline;
	font-style : normal;
	font-weight: bold;
}

/* Lists */

li {
	margin-top:3px;
	margin-bottom:5px;
}

/* Note that this image lies on the webserver */
ul {
	list-style:url(/images/green_square_plusspace.gif);
}

/* Forms / Field Related */

.reqdIndicator, .requiredField {
	color: #FF0000;
	font-family: Courier;
	font-size: 90%;
}

.inputValue {
	/* font-size: 80%; */
}

.displayValue, .displayText, .display, .displayMsg {
	color: #666666;
	font-weight: bold;
	font-size: 90%;
}

.label  {
	font-size : 75%;
	font-weight: bold;
	text-align: right;
}

.guide, .guideText, .guideMsg, .verySmallText {
	font-size: 70%;
}

.guideFine, .guideTextFine, .guideMsgFine {
	font-size: 60%;
	color : #002664;
	margin-left: -15px;
}

.guideLarge, .guideTextLarge, .guideMsgLarge, .bodyTextSmall, .smallText {
	font-size: 80%;
}

/* Response Messages */

.errorMsg, .errorText, .error {
	color : #DE1021;
	font-weight: bold;
	font-size: 90%;
}

.infoMsg, .infoText, .info {
	color : #211042;
	font-weight: bold;
	font-size: 90%;
}

.infoTextFine, .infoFine, .infoMsgFine {
	color : #211042;
	font-size : 80%;
}

.successMsg, .successText, .success  {
	color : #002664;
	font-weight: bold;
	font-size: 90%;
}

.highlightText {
	font-weight: bold; 
	color: #333333; 
}


/************************ TABS AND TABLES *****************************/

.tabDark {
	background-color: #999999;
}

.tabLight {
	background-color: #DDDDDD;
}

.tabName, .tabLinkSelected { 
	font-size : 80%;
	color: #FFFFFF; 
}

.tabLink  {
	color : #666666;
	font-size : 80%;
}

.tabLinkDisabled {
	font-size : 80%;
	color:#666666;
	font-style: italic
}

.rowHeading {
	font-weight: bold;
	text-align: center;
	font-size: 80%;
	background-color: #CCCCCC;
 }

.tableBanner {
	background-color : #CCCCCC;
}

.tableHeading {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

.rowDark, .tableRow2 {
	background-color: #EEEEEE;
 }

.rowLight, .tableRow1 {
	background-color: #FFFFFF;
 }

.highlightBox {
	border-right: #999999 1px solid; 
	border-top: #999999 1px solid; 
	border-left: #999999 1px solid; 
	border-bottom: #999999 1px solid; 
	background-color: #ffcc99;
}

/************************ FOOTER *****************************/

.footerLink, .footerLink:Active {
	font-size : 70%;
	font-family : Verdana, Arial, Helvetica;
	text-decoration: underline;
	color : #666666;
}

.copyright  {
	font-size : 70%;
	font-family : Verdana, Arial, Helvetica;
	color : #999999;
}

.closeWindow {
	color : #1E1E1E;
	font-size : 75%;
}

.closeWindow:Hover {
	text-decoration : none;
}

.button  {
	font-size : 90%;
	color : #FFFFFF;
	background-color : #37A2B;
	border-color : #8BFFAE;
}

#issueText {
    min-height: 80px;
}