@charset "utf-8";
/* CSS: screen */

/*	---Global--- */
div, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, image,form {margin:0px; padding:0px;}
img {border:none;}

html {
	margin:0px 0px 0px 0px;
	height: 100%; /* set base height value for all child divs to inherit for full-heigh browser */
}

body {
	background-color: #F2F4F6;
	margin:0px 0px 0px 0px;
	text-align:center;
	height:100%;/* set base height value for all child divs to inherit for full-heigh browser */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* DEV|STG|UAT identifier */
.environment { font-weight:bold;background:#EEE8AA;font-size:18px}

/* ---Hyperlinks--- */   
a:link,  a:active, a:visited, a:hover {
	color:#013B69; 
 	text-decoration:underline;
}


/*	Content */
.mainContainer, .bodyContainer {
	margin: 0 auto; /* Sets margin top to 0 and the Left & Right Margins to auto, splitting them & creating a centered effect */
	background-color: #FFFFFF;
	width: 760px;
	min-height:100%;/* set base min-height value for all child divs to inherit for full-heigh browser */
	height: auto;
	text-align:left;
	border-left: 2px #FFFFFF solid;
	border-right: 2px #FFFFFF solid;
	padding:0px;
}

.centerContainer {
	float:left;
	width:460px;
}

.centerContainerAdmin {
	float:left;
	width:460px;
}

.centerContainerSearch {
	float:left;
	width:590px;
}

/* --Page title & tagline -- */
.centerBanner {
	min-height:80px;
	background:#E1EEF9;
	margin:0px 0px 0px 0px;
}

.centerBannerEservices {
	min-height:80px;
	background:#FFFFFF;
	margin:0px 0px 0px 0px;
}

.whiteCenterBanner { /* ? */
	background:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.centerBanner .centerBannerHeaders, .centerBannerEservices .centerBannerHeaders { padding:15px 0px 15px 10px; }

.whiteCenterBanner .centerBannerHeaders { padding:15px 0px 0px 0px; } /* ? */

.centerBannerHeaders h1 {
	color:#013B69;
	font-size:21px;
	font-weight:normal;	
}
.centerBannerHeaders h2 {
	color:#7B923A;
	font-size:21px;
	font-weight:normal;	
}

.centerBannerImage {
	float:right;
	border-left:solid 2px #FFFFFF;
}



.centerContainerEServices {
	float:left;
	width:630px;
	padding:0px 0px 0px 0px;
}

.contentContainer {
	background-color: #FFFFFF;
	padding:20px 20px 0px 0px;
	color:#808285;
	line-height:20px;	
}

.contentContainerEServices {
	background-color: #FFFFFF;
	padding:20px 20px 0px 10px;
	color:#808285;
	line-height:20px;	
}

.contentContainer p { padding:0px 0px 10px 0px;	}

.contentContainer h1 {
	color:#7B923A;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	margin:0px 0px 10px 0px;		
}

.contentContainer h2 {
	font-size:12px;
	color:#013B69;
}

.contentContainer h3 {
	font-size:12px;
	color:#013B69;
	font-weight:normal;
}

.contentContainer ul, .contentContainer ol {
	list-style-position: outside;
	padding:0px 0px 10px 25px;
}

.inlineImageLeft {
	float:left;
	margin:8px 10px 0px 0px;
}

.latestNews {
	background:#F1F3EC;
	border:1px solid #C8C8C8;
	padding:5px 5px 5px 5px;
	width:422px;
}

/* page header */
.loginStatus {
	color:#F7931D;
	padding:0px 10px 0px 0px;
}

.documentHighlightLeft {
	float:left;
	margin:10px 0px 10px 0px;
	border:1px solid #C8C8C8;
	width:200px;
}

.documentHighlightRight {
	float:left;
	margin:10px 0px 10px 30px;
	border:1px solid #C8C8C8;
	width:200px;
}

.documentHighlightHomeLeft {
	float:left;
	margin:10px 0px 10px 0px;
	border:1px solid #C8C8C8;
	width:140px;
	line-height:14px;
	text-align:center;
}

.documentHighlightHomeRight {
	float:left;
	margin:10px 0px 0px 5px;
	border:1px solid #C8C8C8;
	width:140px;
	line-height:14px;
	text-align:center;
}

.documentHighlightHomeRight a, .documentHighlightHomeLeft a { text-decoration:none; }

.documentHighlightFullWidth {
	margin:0px 0px 10px 0px;
	border:1px solid #C8C8C8;
	width:432px;
}

.documentHighlightHeader {
	padding:5px 5px 5px 10px;
	color:#013B69;
	background:#F1F3EC;
	height:40px;
	text-align:left;
}

.documentHighlightContent { padding:10px 0px 10px 10px; }

.rightContainer {
	float:left;
	width:130px;
}

.rightBanner {
	margin:0px 0px 0px 0px;
	height:80px;
}

.rightNavigation{ 
	padding:30px 0px 0px 0px;
}

/*	Left Navigation */
.leftNavContainer	{
	width:165px;
	float:left;
	padding: 0px 0px 0px 5px;
}

/*	Top Navigation */
.topContainer {
	background-color: #ccd6dd;
	width: 100%;
	height: 80px;	
	border-bottom: 2px #FFFFFF solid;
	border-top: 2px #FFFFFF solid;	
}

.topBar {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 760px;
	height: 80px;	
	border-left: 2px #FFFFFF solid;
	border-right: 2px #FFFFFF solid;
}

/* ---OPB logo--- */
.logo {
	float:left;
	width:170px;
	background-color: #F8F9FD;
}


.navigationContainer {
	text-align:left;	
	background-image:url(../../../../images/navBgTile.gif);
	width:590px;
	float:left;
}

/* user name, contact us, etc. */
.upperMastHeadNav {
	text-align:right;
	padding:5px 5px 5px 0px;
	color:#FFFFFF;
	height:15px;	
}
a.upperMastHeadInActive:link, a.upperMastHeadInActive:active, a.upperMastHeadInActive:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a.upperMastHeadInActive:hover {
	color:#F7931D;
	text-decoration:none;
}

a.upperMastHeadActive:link, a.upperMastHeadActive:active, a.upperMastHeadActive:visited {
	color:#F7931D;
	text-decoration:none;
}
a.upperMastHeadActive:hover {
	color:#F7931D;
	text-decoration:none;
}

/* */
.lowerMastHeadNav {
	padding:35px 0px 0px 0px;

}
 a.topNavigationInActive:link, a.topNavigationInActive:active, a.topNavigationInActive:visited {
	background:#013B69;
	display: inline-block;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
} 

a.topNavigationInActive:hover {
    background-color:#ccd6dd;
    color:#013B69;
} 

a.topNavigationActive:link, a.topNavigationActive:visited, a.topNavigationActive:hover {   
	background:#7B923A;
	display: inline-block;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}


/* ---Left Side Navigation--- */
.leftNavContainer a:link, .leftNavContainer a:active, .leftNavContainer a:visited, .leftNavContainer a:hover { font-family: Arial, Helvetica, sans-serif; } 

/* First level */     
.l1ul {
	width:155px;	
    margin-left:0px;
    margin: 5px 0px 5px 0px;
    list-style:none;
	padding:0px 3px 0px 0px;
}
    
.l1ul li {
    border-bottom:1px solid #C8C8C8;
    padding-bottom:4px;
    padding-right:0px; 
    padding-top:4px; 
}
    
a.l1InActive:link,  a.l1InActive:active,  a.l1InActive:visited {
    color:#808285; 
    text-decoration:none;
    font-size:12px;
}
    
a.l1InActive:hover {
    text-decoration:none;
    font-size:12px;
}  

a.l1Active:link, a.l1Active:active, a.l1Active:visited, a.l1Active:hover{
    font-weight:bold;
    color:#013B69; 
    text-decoration:none;
    font-size:12px;
}

/* Second level */    
.l2ul {
    margin-left:10px;
    margin-top:5px; 
    margin-bottom:5px;
    list-style:none;
}
    
.l2ul li {
    border:none;
    padding-bottom:2px;
    padding-right:0px; 
    padding-top:2px; 
}
    
a.l2InActive:link,  a.l2InActive:active,  a.l2InActive:visited{
    color:#808285; 
    text-decoration:none;
    font-size:12px;
}
    
a.l2InActive:hover {
    text-decoration:none;
    font-size:12px;
}  

a.l2Active:link, a.l2Active:active, a.l2Active:visited, a.l2Active:hover{
    font-weight:bold;
    color:#013B69; 
    text-decoration:none;
    font-size:12px;
}

/* Third level */ 
.l3ul { 
    margin-top:4px; 
    margin-bottom:4px;
    list-style:none;
} 
  
.l3ul li {
    border:none;
    padding-bottom:2px;
    padding-left:0px; 
    padding-top:2px; 
}   
  
a.l3Active:link,  a.l3Active:active, a.l3Active:visited, a.l3Active:hover {
    color:#013B69; 
    text-decoration:none;
	font-size:11px;
}

a.l3InActive:link,  a.l3InActive:active,  a.l3InActive:visited {
    color:#808285; 
    text-decoration:none;
    font-size:11px;
    }
    
a.l3InActive:hover {
    text-decoration:none;
    font-size:11px;
} 	

/* Fourth level */ 
.l4ul{ 
    margin-top:4px; 
    margin-bottom:0px;
    list-style:none;
} 
  
.l4ul li {
    border:none;
    padding-bottom:2px;
    padding-left:0px; 
    padding-top:2px; 
}   
  
a.l4Active:link,  a.l4Active:active, a.l4Active:visited, a.l4Active:hover {
    color:#013B69; 
    text-decoration:none;
    font-size:10px;
}

a.l4InActive:link,  a.l4InActive:active,  a.l4InActive:visited {
    color:#808285; 
    text-decoration:none;
    font-size:10px;
}
    
a.l4InActive:hover {
    text-decoration:none;
    font-size:10px;
}
	
/* ---Right Side Navigation--- */
.rightNav { 
    margin:0px 0px 0px 0px; 
    list-style:none;
} 
  
.rightNav li {
    border:1px solid #C8C8C8;
    padding:3px;
	margin:2px 0px 0px 0px;
}   
  
a.rightNavActive:link,  a.rightNavActive:active, a.rightNavActive:visited, a.rightNavActive:hover {
    color:#7B923A; 
    text-decoration:none;
    font-size:12px;
	font-weight:bold;
}

a.rightNavInActive:link,  a.rightNavInActive:active,  a.rightNavInActive:visited {
    color:#013B69; 
    text-decoration:none;
    font-size:12px;
	font-weight:bold;
}
    
a.rightNavInActive:hover {
    color:#7B923A;
    text-decoration:none;
    font-size:12px;
	font-weight:bold;
}
	
/* ---Print Page--- */
.printThisPage {
	width:100%;
	text-align:right;
	padding:0px 0px 8px 0px;	
}

/* ---Site Search--- */
.searchForm {
	margin:0px 0px 0px 0px;
	color:#808285;
	margin:0px 0px 10px 0px;
}

.rightContainerSearch {
	border:1px solid #C8C8C8;
	display:block;
	float:left;
	width:77px;
	height:17px;
}

/* ---Buttons--- */
.searchButton {
	display:block;
	float:left;
	border:1px solid #C8C8C8;
	background:#eeeeee;
	font-size:11px;
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
	height:21px;
	width:45px;
}

.genericButton {
	border:1px solid #C8C8C8;
	padding:3px 4px 3px 4px;
}

/* eservices PE tab1 */
.salaryRefreshButton {
	border:1px solid #C8C8C8;
	padding:0px 0px 0px 0px;
}

/* ---Tables--- */
.twoColumnTable td {padding:0px 10px 0px 0px;}

/* eservicesDataTable */
.eservicesDataTable {
	border-color: #C8C8C8;
    border-width: 0 0 1px 1px;
    border-style: solid;
	margin: 10px 0px 10px 0px; width:100%;
}

.eservicesDataTable td {
	border-color: #C8C8C8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 2px;
} 

.eservicesDataTable th {
	line-height:13px;
	font-weight:bold;
	background:#DBE0E8;
    border-color: #C8C8C8;
	color:#013B69; 
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
	text-align:left;
	vertical-align:top;
} 

/* eservicesLayoutTable */
.eservicesLayoutTable {
	margin: 10px 0px 10px 0px; width:100%;
}

.eservicesLayoutTable td {
    margin: 0;
    padding: 2px;
} 

.eservicesLayoutTable th {
	line-height:13px;
	font-weight:bold;
	color:#013B69;
    margin: 0;
    padding: 4px;
	text-align:left;
	vertical-align:top;
} 


.formTable { margin:0px 0px 0px 0px; }

/* resultsTable */
.resultsTable {
    border-color: #C8C8C8;
    border-width: 0 0 1px 1px;
    border-style: solid;
	margin: 10px 0px 10px 0px;
}

.resultsTable td {
    border-color: #C8C8C8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}  

.searchResultsTable { margin: 10px 0px 10px 0px; }
.searchResultsTable td { padding: 4px; } 

/* linkTable */
.linkTable {
	background:#F1F3EC;
    border-color: #C8C8C8;
    border-width: 0 0 1px 1px;
    border-style: solid;
	margin: 10px 0px 10px 0px;
}

.linkTable td {
	vertical-align:top;
    border-color: #C8C8C8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
} 

.linkTable th {
	text-align:left;
	line-height:13px;
	vertical-align:top;
	color:#013B69;
	background:#dbe0e8;
    border-color: #C8C8C8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
} 

.linkTable .altRow { background:#FFFFFF; }


/* ---Glossary Page--- */
.glossaryHeader { 
	font-weight:bold;
	font-size:16px;
	color:#013B69;
}

.inlineHeader {
	font-weight:bold;
	font-size:12px;
	color:#013B69;
}

/* ---What's New Page--- */
.whatsNewDocumentLeft {
	float:left;
	margin:5px 0px 0px 0px;
	border:1px solid #C8C8C8;
	width:195px;
	height:100px;
	padding:10px;
	line-height:15px;
}

.whatsNewDocumentRight {
	float:left;
	margin:5px 0px 0px 5px;
	border:1px solid #C8C8C8;
	width:195px;
	height:100px;
	padding:10px;
	line-height:15px;
}

.whatsNewDocumentRight h4, .whatsNewDocumentLeft h4 {
	font-size:12px;
	padding:0px 0px 5px 0px;
}

.whatsNewDocumentRight h4 a, .whatsNewDocumentLeft h4 a { text-decoration:none; }

/* ---Text Styles--- */
.textBold { font-weight:bold; }
.textItalic { font-style:italic; }
.textBoldItalic { font-weight:bold; font-style:italic; } 
.errorText { color:#FF0000; }
.redText { color:#FF0000; }
.blueText { color:#013B69; }

.missionStatement {
	font-size:16px;
	color:#013B69;
}

.homePageBanner{ /* ? */

}

/* ---Top of Page--- */
.topOfPage { clear:left; float:right; margin:0 0 5px 0; }
.topOfPage a { text-decoration:none; }

/* ---Footer--- */
.footer { text-align:center; }

a.footer:link, a.footer:visited, a.footer:active, a.footer:hover {
	color: #7F7F7F;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-top:6px;
}

a.footer:hover {
	color: #7B923A;
	text-decoration: none;
}

hr {
	margin-top:10px;
	border: none 0; 
	border-top: 1px solid #C8C8C8;
	height: 1px;
} 

.verticalDash {
	padding-right:10px;
	padding-left:10px;
	border-right: 1px solid #C8C8C8;
}

/* ===========================================E-SERVICES======================================= */

 

/* --Page Banner-- */
.headerContainer {
	background-color: #CCD6DD;
	width: 100%;
	height: 101px;	
	border-bottom: 2px #FFFFFF solid;
	border-top: 2px #FFFFFF solid;	
}

.headerBar {
	margin: 0 auto; 
	width: 760px;
	height: 101px; background-color:#ccd6dd;
	border-left: 2px #FFFFFF solid;
	border-right: 2px #FFFFFF solid;
}


/* Menu - 1st level tabs */
.noLowerMastHeadNav { padding:55px 0px 0px 0px;}
.lowerMastHeadSubNav { text-align:left;}


/* Menu - 2nd level tabs */
 a.topSubNavigationInActive:link, a.topSubNavigationInActive:active, a.topSubNavigationInActive:visited {
	background:#CCD6DD;
	display: inline-block;
	color:#013B69;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
} 

a.topSubNavigationInActive:hover {
    background-color:#CCD6DD;
    color:#013B69;
} 

a.topSubNavigationActive:link, a.topSubNavigationActive:visited, a.topSubNavigationActive:hover {   
	background:#CCD6DD;
	display: inline-block;
	color:#013B69;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}


/* --Content containers-- */
.eservicesContainer {
	background-color: #FFFFFF;
	padding:10px 20px 0px 10px;
	color:#808285; 
	line-height:20px;	
}

.eservicesContainer h2 {
	font-size:12px;
	color:#013B69;
}

.eservicesContainer h3 {
	font-size:12px;
	color:#013B69;
	font-weight:normal;
}

.eservicesContainer p { padding:0px 0px 10px 0px; }

.eservicesContainer ul, .eservicesContainer ol {
	list-style-position: outside;
	padding:5px 0px 10px 25px;
}


/* --Login Pages-- */
.loginContainer { padding:20px 20px 20px 20px; }

.loginHighlightLeft {
	float:left;
	margin:10px 0px 10px 0px;
	border:1px solid #C8C8C8;
	width:310px;
	height:250px;
}

.loginHighlightRight {
	float:left;
	margin:10px 0px 10px 50px;
	border:1px solid #C8C8C8;
	width:310px;
	height:250px;
}

.loginLabel { font-weight:bold;}
.formLabel { color:#013B69; }

/* --Landing pages-- */
.landingContentContainer { padding:10px 10px 10px 10px; }

.landingContentContainer ul, .landingContentContainer ol {
	list-style-position: outside;
	padding:0px 5px 10px 5px;
	list-style-type: none;
}

.landingContentContainer li { padding-top:2px; padding-bottom:3px }

.landingHighlightLeft {
	float:left;
	margin:10px 0px 10px 0px;
	border:1px solid #C8C8C8;
	width:200px;
	height:180px;
}

.landingHighlightRight {
	float:left;
	margin:10px 0px 10px 50px;
	border:1px solid #C8C8C8;
	width:200px;
	height:180px;
}


/* --Buyback Calculator|Pension Estimator pages-- */

/* BB|PE tabs */
.toolNav {
	padding:0px 0px 0px 0px;
	background-color:#F1F3EC;
	font-size:14px;
}

 a.toolNavInActive:link, a.toolNavInActive:active, a.toolNavInActive:visited {
	background:#F1F3EC;
	display: inline-block;
	color:#013B69;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border-right:1px solid #C8C8C8;
} 

a.toolNavInActive:hover {
    background-color:#FFFFFF;
    color:#013B69;
} 

a.toolNavActive:link, a.toolNavActive:visited, a.toolNavActive:hover {   
	background:#FFFFFF;
	display: inline-block;
	color:#013B69;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	border-right:1px solid #C8C8C8;
}

.tabBorder { border:1px solid #C8C8C8;}

.tabContent { padding:10px 20px 20px 20px;}

.tabSectionTitle {
	font-weight:bold; 
	border-bottom:1px solid #013B69; 
	color:#013B69;
}


/* BB|PE tables */
.columnTable { margin: 10px 0px 0px 0px; width:100%; }

.dataTable { margin: 10px 0px 10px 0px; width:100%;}

.dataTable .colHeaderCtr { text-align:center;}

.dataTable td {
    margin: 0;
    padding: 2px;
	border-bottom:1px solid #C8C8C8;
} 
.dataTable th {
	text-align:left;
	line-height:13px;
	font-weight:normal; 
	background:#DBE0E8;
	font-weight:bold; 
	color:#013B69;
    margin: 0;
    padding: 4px;
} 

/* PE comparison table - headings */
.columnHeadings { font-weight:bold;}

/* PE graphs */
.PEgraph { 
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/* PE retirement salary field */
.salaryRefresh {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	color:#808285;
}


/* --e-alert page-- */
.ealertCheckbox { margin-left:20px;}