/* OVERRIDING CLASSES */

.small{
	font-size: 10px!important;
}

a.small{
	font-size: 10px!important;
}

.white{
	color: white!important;
}

.green{
	color: #78ae24!important;
}

.dkblue{
	color: #003a6f!important;
}

.warning{
	font-weight: bold!important;
	color: #A12830!important;
	/*color: #ff5c00!important;*/
}

.category{
	font: bold 14px arial;
	color: #093768;
	text-decoration: none;
	line-height: 18px;
}





/* END OVERRIDING CLASSES */


body{
  margin: 0px;
	height: 100%;
}

img{
  border: 0px;
}

sup{
	font-size: 9px;
}

a{
	color: #2866af;
}

a:hover{
	color: #2866af;
}


/* POPUP STYLES */

#popupBanner{
  width: 610px;
  background: url(../images/banner_bg.jpg) repeat-x;
}

#popupBannerFundstransfer{
  width: 770px;
  background: url(../images/banner_bg.jpg) repeat-x;
}

#popupBanner .logoContainer{
  background: url(../images/banner_02.jpg) no-repeat;
	height: 130px;
}
#popupBannerFundstransfer .logoContainer{
  background: url(../images/banner_02.jpg) no-repeat;
	height: 130px;
}


#popupBanner .logo{
  width: 191px;
	overflow: hidden;
  float: left;
}

#popupBanner .navBorder{
  width: 610px;
  height: 2px;
  background: #a12830;
  border-bottom: 1px solid #922128;
}



/* MAIN BANNER STYLES */

#titlebar{
  width: 760px;
  height: 24px;
  overflow: hidden;
	position: relative;
  margin-left: 5px;
  margin-top: -24px;
}

#titlebar div{
	float: left;
}

#titlebar .bg{
	font: bold 11px arial;
  height: 24px;
	width: 736px;
	padding: 5px 0px 0px 0px;
	color: white;
	float: left;
  background: url(../images/titlebar_bg.jpg) repeat-x;
}

#mainBanner{
  width: 770px;
  height: 115px;
  background: url(../images/banner_bgs.jpg) repeat-x;
}



#mainBanner .logoContainer{
  height: 135px;
  background: url(../images/banner_02.jpg) no-repeat;
}

#mainBanner .logo{
  width: 191px;
  height: 90px;
	overflow: hidden;
  float: left;
}

#topNav{
  float: right;
  padding: 5px 6px 0px 0px;
  font: bold 10px arial;
  color: white;
  text-align: right;
}

#topNav a{
  font: bold 10px arial;
  color: white;
  text-decoration: none;
}

#topNav a:hover{
  text-decoration: underline;
}

#topNav img{
  margin: 0px 0px 6px 0px;
}

#search{
	width: 200px;
  text-align: right;
  padding: 25px 15px 0px 0px;
}

#badge{
	margin-top: 12px;
	width: 310px;
  padding: 9px 12px 0px 0px;
	background: url(../images/header_badge.gif) no-repeat;
	height: 69px;
	font: bold 11px arial;
	color: #333333;
	line-height: 11px;
	text-align: left;
}

#search img{
  filter: none;
}

#search span{
  float: left;
}

#search .text{
  text-align: right;
}


#mainNav{
  width: 759px;
  height: 24px;
  overflow: hidden;
	position: relative;
  margin-left: 5px;
  margin-top: -24px;
  /* background: url(../images/nav_connector.gif) repeat-x bottom; */
}

#mainNav span{
  float: left;
}

#mainNav .navOnContainer{
  background: #003a6f;
  height: 24px;
	float: left;
}

#mainNav .navOffContainer{
  background: #003a6f;
  /* background: url(../images/nav_connector.gif) repeat-x bottom; */
  height: 24px;
	float: left;
}

#mainNav .navOn{
  padding: 5px 0px 0px 11px;
  background: url(../images/nav_left-on.gif) no-repeat;
  height: 24px;
  overflow: hidden;
	float: left;
}

#mainNav .navOn a:link, #mainNav .navOn a:visited{
  font-weight: bold!important;
}

#mainNav .navOff{
  padding: 5px 0px 0px 11px;
  background: url(../images/nav_left-off.gif) no-repeat;
  height: 24px;
  overflow: hidden;
	float: left;
}

#mainNav .navRightOn, #mainNav .navRightOff{
	float: left;
}

#mainNav a:link, #mainNav a:visited{
  font: bold 12px arial;
  color: white;
  text-decoration: none;
}

#mainNav a:hover{
  text-decoration: underline;
}


#bottomnav{
  width: 100%;
height: 47px;
margin-left: 5px;
padding-top: 8px;
background: url(../images/nav_bottoms.gif) no-repeat bottom #00315d;
}

#bottomnav a:link, #bottomnav a:visited{
	margin: 0px 11px 8px 11px!important;
	color: #FFFFFF!important;
}

#bottomnav .item {
	font: 12px arial;
	float: left;
}
#bottomnav a:link, #bottomnav a:visited {
	text-decoration: none;
}
#bottomnav a:hover {
	text-decoration: underline;
}
#bottomnav .curitem{
	float: left;
	overflow: hidden;
	font: bold 12px arial!important;
}

#mainBanner .navBorder{
  width: 770px;
  height: 2px;
  background: #a12830;
  border-bottom: 1px solid #922128;
	clear: both;
}

.navBorder{
	clear: both;
  width: 770px;
  height: 2px;
  background: #a12830;
  border-bottom: 1px solid #922128;
}


.mainContainer{
	width: 745px;
	overflow: hidden;
	margin: 11px 0px 0px 9px;
}

.mainContainerGeneric{
	width: 768px;
	margin: 11px 0px 0px 9px;
}


/* TAB CONTENT */
#tabNav{
  width: 760px;
  height: 25px;
  overflow: hidden;
  padding-left: 12px;
	border-bottom: 1px solid #d1dae3;
}

#tabNav .tabMargin{
	position: relative;
	top: 1px;
}

#tabNav span{
  float: left;
	position: relative;
	top: 1px;
}

#tabNav .tabOn{
  padding: 5px 0px 0px 12px;
  background: url(../images/tab_left-on.gif) no-repeat;
  height: 24px;
	border-bottom: 1px solid #ffffff;
  overflow: hidden;
}

#tabNav .tabOn a{
  font: bold 12px arial;
  color: #333333;
  text-decoration: none;
}

#tabNav .tabOff{
  padding: 5px 0px 0px 12px;
  background: url(../images/tab_left-off.gif) no-repeat;
  height: 24px;
  overflow: hidden;
}

#tabNav a{
  font: 12px arial;
  color: #333333;
  text-decoration: none;
}

#tabNav a:hover{
  text-decoration: underline;
	color: #2866af;
}

#tabBody{
	width: 460px;
	overflow: hidden;
	border: 1px solid #d1dae3;
	border-top: 0px;
	padding: 20px 14px 20px 14px;
	font: 12px arial;
	color: #333333;
}

#tabBodyFull{
	width: 730px;
	overflow: hidden;
	border: 1px solid #d1dae3;
	border-top: 0px;
	padding: 20px 14px 20px 14px;
	font: 12px arial;
	color: #333333;
}

#superTabBody{
	width: 735px;
	overflow: hidden;
	border: 1px solid #d1dae3;
	border-top: 0px;
	font: 12px arial;
	color: #333333;
	background: #e6ebf1;
}

#superTabBody .leftColumn{
	width: 442px;
	float: left;
	padding: 20px 0px 20px 14px;
	background: #ffffff;
	padding-right: 20px;
}

#superTabBody .rightColumn{
	width: 220px;
	height: 100%;
	padding: 12px;
	float: left;
}

.raisedButton{
	float: left;
	background: url(../images/buttons/btn_bgraised-left.jpg) no-repeat;
	width: 437px;
	height: 54px;
}

.raisedButton .button{
	float: left;
	padding: 16px 10px 0px 16px;
}

.raisedButton .text{
	float: left;
	padding-top: 20px;
}

#openBody{
	padding-left: 25px;
}

h2{
	font: bold 20px arial;
	margin: 0px 0px 10px 10px;
}	

h3{
	font-family: arial;
	margin: 0px 0px 10px 10px;
}	

h4{
	font: bold 14px arial;
}	

h4 sup{
	font: bold 12px arial;
}	



/* LIST STYLES */
ul{
	margin-left: 7px;
	padding-left: 7px;
}

.carrotBlue{
	list-style: none;
	list-style-image: url(../images/icon_carrot-blue.gif);
	font: 12px arial;
	color: #333333;
	line-height: 16px;
	margin-bottom: 13px;
}

.carrotBlue a.category{
	font: bold 14px arial;
	color: #093768;
	text-decoration: none;
	line-height: 18px;
}

.carrotBlue a.category:hover{
	color: #093768;
	text-decoration: underline;
}

.carrotBlue a{
	font: 12px arial;
	color: #5e8cc7;
	line-height: 18px;
}

.carrotBlue a:hover{
	color: #7cb4fc;
}


/* MODULE STYLES */
.sideColumnGeneric{
	width: 244px;
	margin-left: 11px;
	float: left;
}

.sideColumn{
	width: 236px;
	margin-left: 11px;
	float: right;
}

#moduleLogin{
	width: 236px;
	height: 155px;
	padding-bottom: 11px;
	padding: 3px;
	background: url(../images/login_containerbg.jpg) repeat-x;
	font: 12px arial;
	color: white;
}

#moduleLogin a{
	font: 12px arial;
	color: #5e8cc7;
}

#moduleLogin a.small{
	font: 10px arial;
	color: #5e8cc7;
}

#moduleLogin a:hover{
	color: #7cb4fc;
}

#modulePortal{
	width: 236px;
	font: 12px arial;
	color: #333333;
}

#modulePortal img{
	float: left;
	margin-right: 7px;
}

#modulePortal .title{
	padding-bottom: 10px;
	font: bold 13px arial;
	color: #093768;
}

#modulePortal .section{
	margin-left: 9px;
	padding: 12px 0px 12px 0px;
	border-bottom: 1px solid #d0dae4;
}

#modulePortal .sectionLast{
	margin-left: 9px;
	padding: 12px 0px 12px 0px;
}

/* GENERIC SIDEBAR */

#moduleGeneric{
	width: 265px;
	font: 12px arial;
	color: #333333;
}

.leftSide{
	float: left;
}

.rightSide{
	float: left;
	margin-left: 10px;
	clear: right;
}

#moduleGeneric strong{
	font: bold 12px arial;
}

#moduleGeneric .sectionWhite{
	width: 230px;
	font: 11px arial;
	padding: 0px 12px 0px 0px;
	margin: 8px 0px 0px 20px;
	clear: both;
}

.sectionClear{
	width: 230px;
	font: 11px arial;
	clear: both;
}

.sectionClear a{
	font: 11px arial;
}

.sectionClear strong{
	font: bold 12px arial;
}

.sectionClear a.title{
	padding-bottom: 10px;
	font: bold 12px arial;
	color: #093768;
	text-decoration: none;
}

#moduleGeneric .sectionBlue{
	width: 230px;
	background: #eef8fa;
	padding: 12px 5px 12px 12px;
	font: 11px arial;
	margin: 8px 0px 0px 20px;
	clear: both;
}

#moduleGeneric .sectionBlue a{
	font: 11px arial;
}

#moduleGeneric .sectionOrange{
	width: 230px;
	background: #fff4c6;
	padding: 12px 5px 12px 12px;
	font: 11px arial;
	margin: 8px 0px 0px 20px;
	clear: both;
}

#moduleGeneric .sectionOrange a{
	font: 11px arial;
}

#moduleGeneric .title{
	padding-bottom: 10px;
	font: bold 12px arial;
}

#moduleGeneric a.title{
	padding-bottom: 10px;
	font: bold 12px arial;
	color: #093768;
	text-decoration: none;
}

#moduleGeneric a:hover.title{
	text-decoration: underline;
}
	



/* INPUT FIELDS */
select{
	/* width: 180px; */
	border: 1px solid #5780ae;
  font: 11px arial;
  color: #333333;
}

input.text{
  font: 11px arial;
  /* width: 120px; */
  height: 15px;
  border: 1px solid #5780ae;
  padding: 2px 5px 0px 5px;
}





/* FOOTER STYLES */
#footer{
	margin: 50px 0px 40px 5px;
	width: 760px;
}

#footerBody{
	float: left;
	width: 758px;
	overflow: hidden;
	padding: 12px 0px 40px 0px;
	background: url(../images/footer_bg.jpg) repeat-x;
	border-top: 1px solid #e5ecf4;
	font: 10px arial;
	color: #656565;
	line-height: 16px;
}

#footer a{
	font: 10px arial;
	color: #656565;
}

.footerBorder{
	width: 1px;
	float: left;
}

#footer .section{
	float: left;
	margin: 0px 12px 0px 12px;
}




/* DHTML INTERCEPT OVERLAYS */

#zipOverlayContainer{
	background-color: #333333;
	overflow: hidden;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	position: absolute;
	z-index: 200;
	left: 0px;
	top: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
}

#zipOverlay {
	top: 308px;
	left: 200px;
	position: absolute;
	z-index: 205;
	visibility: visible;
	text-align: left;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	 
	width: 426px;
	height: 155px;
	padding-bottom: 11px;
	padding: 3px;
	background: url(../images/login_containerbg.jpg) repeat-x;
	font: 12px arial;
	color: white;
}

.selectDisabled{
	background-color: #999999;
	color: white;
}


.coverAdLine{
	width: 770px;
	height: 32px;
	position: absolute;
	top: 122px;
	left: 0px;
	background: white;
	z-index: 100;
	display: block;
}