﻿body {background:#ffffff; margin:auto; font-size:8pt; width: 100%; font-family: Verdana, Arial, Trebuchet, Avant Garde Gothic, Univers, Futura, Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif;}
td {font-size:8pt;}

#securemail {
	display: block;
}
#alerts {
	display: block;
}

#header {
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat;
	height: 100px;
	background-color: #ffffff;
}

.footer {
	text-decoration: none; 
	color:#003063;
	height: 50px;
	width: 258px;
	/*margin: 0px auto;*/ /*Used to center entire section if necessary*/
	background:#ffffff;
}

.footC1 {
	background-image: url('../images/fdic.jpg');
	background-repeat: no-repeat;
	width: 258px;
	height: 50px;
}
.footC2 {
	/*background-image: url('../images/security.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 74px;
	height: 44px;
	vertical-align: middle;*/
}
.footC3 {
	/*background-image: url('../images/privacy.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	width: 119px;
	height: 44px;*/
}
.footC4 {
	
}
.footC5 {
	
}
.footC6 {
	
}
.image {cursor:hand; text-decoration:underline;}
/*Submit butons*/
.clsButton { 
	/*background:#cccccc; 
	color:#000000;*/
	/*font-size: 12px;*/
}

/*welcome page background*/
.clsWelcome {background:#000000}

/*login & Change Password pages */
.clsPWDLiterals { color:#000000;font:bold 12pt;}
.clsPWDChangeLiterals {font: bold 8pt; color:#000000;}


/*odd and even table rows*/
.odd, .ODD, .clsWebPartDataRowsODD {background:#eeeeee; color:#333333;}
.even, .EVEN, clsWebPartDataRowsEVEN {background:#ffffff; color:#333333;}

.clsDataHeader1 { font-size: 12px; background:#fffffff; color:#000000; font-weight: bold; padding-left: 2px;}
.clsWebPartTitleBarBGColor { background:#666666;}
.clsWebPartInfoTitleBar {
	background-color: blue; color: #e6e7c7;
}
.clsWebPartTitleBar { background:#008789;  color:#ffffff; height: 20px; font-size: 12px;}  /*Table headers*/
.clsActiveTitleBar { background:#ffffff; color:#333333;}				/*Sub Table Headers*/
.clsNav1HRBar { color:#e6e7c7;}

/*New Alert Table and Table within JQuery Window*/
.ITIWebUISectionHeader {
	background-color: #2a2a2a;
	font-size: 14px;
	color: #e6e7c7;
	font-weight: normal;
	height: 22px;
}
/*select boxes and input fields*/
.input {background:#ffffff; font:8pt;}

/* ------------------------------ Nav Menu Styles -----------------------------*/
/* Menu font and font size */
.Nav1, .Nav2, .Nav3 {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size: 10pt;
	/*display: none;*/
	width: 100%;
	min-width: 700px;
}
/* Do not Change */
#nav1, #nav2, #nav3, {
	display: none;
}
ul.MenuBarHorizontal li ul li {
	padding-left: 2px;
	padding-right: 2px;
	border: none;
}
/* Set drop-down submenu width - default 225px */
ul.MenuBarHorizontal ul {
	width: 225px;
	margin-top: 3px;
	margin-bottom: 6px;
	margin-right: 0px;
	padding-bottom: 7px;
}
ul.MenuBarHorizontal ul li {
	width: 221px;
	border-right: none:
}
/* ------------------------------ Nav2 Menu Styles -----------------------------*/
.Nav2 {
	background-color: #008789; 
	height: 23px;
	margin-bottom: 2px;
}
/*Nav2 Menu Border Right Color*/
ul.MenuBarHorizontal li {
	height: 16px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px #ffffff solid;
	margin-top: 0px;
}
/* Nav2 Menu background color and font color */
ul.MenuBarHorizontal ul, ul.MenuBarHorizontal a, ul.MenuBarHorizontal li.MenuBarItemIE, ul.MenuBarHorizontal ul li.MenuBarItemIE, .simply-scroll-btn a, #adminlist {
	background-color: #008789; 
	color: #ffffff;
}
/* Nav2 Menu hover states for navigation items */
ul.MenuBarHorizontal a:hover, .simply-scroll-btn a:hover, #adminlist:hover {
	color:#A0A0A0;
	background-color: #008789;
}
/* Nav2 Menu border size, style, and color*/
ul.MenuBarHorizontal ul {
	border: 1px solid #ffffff;
}
/* ------------------------------ Nav1 Menu Styles -----------------------------*/
.Nav1 {
	height: 25px;
	*height: 28px;
	background-color: transparent;
	text-align: right;
	padding-left: 0px;
	font-size: 8pt;
	min-width: 875px;
}
/*Used for aligning Nav1 to the right*/
.Nav1 ul {
	float: left;
	color:#008789;
	padding-left:25px;
	background-color:transparent;
}
.Nav1 ul.MenuBarHorizontal a:hover {
	color: #000000;
	background-color:#008789;
}
.Nav1 ul.MenuBarHorizontal ul {
	color:#ffffff;
	width: 200px;
	background-color:#008789;
	margin-top:28px;
	border: none;
	margin-left: -66px; /*Only use this for right top Nav1 configuation*/
	/*display: none; /*Added to remove drop down menu*/
}
/*Only use this for right top Nav1 configuation*/
.Nav1 ul.MenuBarHorizontal ul li {
	color:#008789;
	width: 200px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.Nav1 ul.MenuBarHorizontal li, .Nav1 ul.MenuBarHorizontal li a {
	color:#ffffff;
	background-color: #008789;
}
/*For centered set width to 42%, for right top aligned comment out width and float: right*/
/*If naming is changed for center item then it might be necessary to change width %*/
.Nav1 ul li {
	border-right: none;
	text-align: center;
	font-weight: normal;
	color:#008789;
	width: 60px;
	/*width: 39%;*/
}
/*Below styles used for centered configuration */

.Nav1 .short {
	width: 75px;
	text-align: right;
}
.Nav1 .optionsList {
	text-align: center; 
	width: 125px; 
}
/*Margin fixes for IE7 and centered configuration */
.Nav1 .options {
	*margin-top: 6px;
	*margin-left: -25px;
	background-color: #ffffff;
	width: 200px;
}

#home {
	background-image: url('../images/logout.jpg');
	background-repeat: no-repeat;
	width: 147px;
	height: 24px;
}
#help {
	background-image: url('../images/help.jpg');
	background-repeat: no-repeat;
	width: 132px;
	height: 24px;
}
#options {
	background-image: url('../images/options.jpg');
	background-repeat: no-repeat;
	width: 122px;
	height: 24px;
}
#billpay {
	background-image: url('../images/billpay.jpg');
	background-repeat: no-repeat;
	width: 91px;
	height: 24px;
}
/* ------------------------------ Nav3 Menu Styles -----------------------------*/

.Nav3 {
	background-color: #A0A0A0; 
	height: 23px;
	margin-bottom: 7px;	
}
/*Nav3 Menu Border Right Color */
.Nav3 ul.MenuBarHorizontal li {
	border-right: 1px #333333 solid;
}
/* Nav3 Menu background color and font color */
.Nav3 ul.MenuBarHorizontal ul, .Nav3 ul.MenuBarHorizontal a, .Nav3 ul.MenuBarHorizontal li.MenuBarItemIE, .Nav3 ul.MenuBarHorizontal ul li.MenuBarItemIE {
	background-color: #A0A0A0; 
	color: #ffffff;
}
/* Nav3 Menu hover states for navigation items */
.Nav3 ul.MenuBarHorizontal a:hover {
	color: #008789;
	background-color: #A0A0A0;
}
/* Nav3 Menu border size, style, and color*/
.Nav3 ul.MenuBarHorizontal ul {
	border: 1px solid #333333;
}

/* ------------------------------ Scrollable Admin Menu ------------Dont Touch-----------------*/

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
	border-right: 1px #ffffff solid;
	border-bottom: none;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 3px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	background-color: #404041;
	width: 299px;
	height: 16px;
	z-index:3;
	cursor: pointer;
	height: 16px;
	text-align: center;
	display: none;
}
	
/*Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
	width: 300px;
}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 300px;
	height: 0px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	width: 300px;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
	left: 0px;
	top: 0px;
	border: 1px #ffffff solid;
}
.vert .simply-scroll-btn-down { 
	left: 0px;
	top: 224px;
	border: 1px #ffffff solid;
}
#container {
	height: 0px;
}
#scroller {
	padding-top: 17px;
	width: 300px;
}
#adminlist {
	width: 100px;
}

/*End Nav2 and Nav3 Styles ------------------------*/


/*MFA Options Section - Nav 1 area drop down menu*/
.clsMenuItem5N1 { background-color:;  font-size:8pt; color:#000000; text-decoration:none; font-weight:normal; cursor:hand;cursor:pointer;}
.clsMenuBarItem5N1 { background-color:;  font-size:8pt; color:#000000; text-decoration:none; font-weight:normal; cursor:hand;cursor:pointer;}
DIV#divMenuBar5N1 { background-color:; }
TABLE#tblMenuBar5N1 TD { font-size:8pt; color:#000000; padding:0px 0px 0px 0px; cursor:hand;cursor:pointer; }
TABLE#tblMenuBar5N1 TD.clsMenuBarItemN1 { font-weight:; cursor:hand;cursor:pointer; }
DIV.clsMenu5N1 { background-color:#ddd; font-size:8pt; position:absolute; visibility:hidden; width:200px; padding:5px 5px 5px 8px; border-top:1 #000000 solid;border-bottom:1  solid;border-left:1  solid;border-right:1  solid; }
DIV.clsMenu5N1 A { text-decoration:none; color:#000000;  font-weight:; }
DIV.clsMenu5N1 A:hover { color: #555; } /*edit*/


.clsWebPartsCellDataEntry {background:#fff; COLOR: #000; TEXT-DECORATION: none;}
.clsWebPartsCellDataEntryLabel {background:#fff ; COLOR: #000; TEXT-DECORATION: none;border:0px; text-align: right;}

.clsWebPartsCellData { COLOR: #000; TEXT-DECORATION: none; background:#ffffff;}

.clsWebPartSubTitleBar { background:#fff;  color:#000; font-weight: bold; TEXT-DECORATION:none;}	/*Page description*/
.clsWebPartsDataInputField { VISIBILITY: hidden; background:#fff; TEXT-ALIGN: right;}
.clsInactiveTitleBar { background:#ccc; color:#fff;}

/*ERROR SECTION*/
.clsWebPartErrorTitleBar { background:red; color:white; TEXT-DECORATION: none}
.clsWebPartErrorMessageArea { background:white; color:#red; TEXT-DECORATION: none}
.clsWebPartErrorMessageAreaUnderline { background:white; color:red; font-Size: 8pt;}
.clsWebPartErrorSubTitleBarBold { background:white; color:red; font-weight:bold; TEXT-DECORATION: none}

.clsWebPartErrorMessageAreaOdd { background:white; color:red; TEXT-DECORATION: none}
.clsWebPartErrorMessageAreaEven { background:F8F8F8; color:red; TEXT-DECORATION: none}
DIV.clsMenuO1 A:hover { color: red; }

/*Do Not Change*/
.clsCopyRight { color:#000000; height: 20px; padding-left: 2px;}


