body {  margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.35em;   background: #F6F6F6; }
@media (max-width: 767px) {	
	body {font-size: 12px;}

#comment {}
}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 
/* * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* since we don't use pseudo elements*/
a, a:link, a:visited, a:hover, a:active {color: #2A4095; }  
a:hover, a:active {color: #900;}  
h1, h2, h3, h4, h5, h6 {color: #2A4095;}
.v2 h1, .v2 h2, .v2 h3, .v2 h4, .v2 h5, .v2 h6 {color: #E44;}
h1 {margin-top: 0.25em; line-height: 1em;margin-top: 0.25em;line-height: 1em;text-align: center;font-style: italic;} 
@media (max-width: 767px) {	
	h1 {margin-top: 0.5em; line-height: 1em; font-size: 1.5em;} 
}
p {margin-top: 1em; margin-bottom: 1em;}
table {width: 100%;}
td, th {vertical-align: top; text-align:left;}
ul {list-style-type:disc; }
ul ul {list-style-type:square;}

/* for debugging layouts
header {border:1px solid red;}
main {border:1px solid green;}
	.leftNav {border:1px solid red;}
	.mainContent {border:1px solid blue;}
footer {border:1px solid red;}
*/
.logoutMsg:nth-child(n+2) {display: none;}	

	
	


/*********************************************/
/* header classes*/
/*********************************************/	
header{background: #2A4095; font-size: 15px; margin: 0px auto; width: 100%;}
	.mobileBar {/* background: #2A4095; */ color: #FFF; font-weight: bold; font-size: 18px; padding: 20px 20px 20px 12px; margin: 0px 0px; display: none;}
		.mobileBar_siteTitle {color: #FFF;}
          .mobileBar_siteSubTitle {display: block; font-weight: bold; color: #FFF; margin-top:2px;}
	.userBar{width: 100%; max-width: 960px; margin: 0px auto 0px auto; padding: 15px 0px 15px 0px; border-bottom: 0px solid #CCC; display: block;}
		.userBar_left {font-size: 15px; color: #FFF; padding-left: 10px; float:left;}
			.userBar_name{ font-weight:bold;}
			.userBar_date{}
		.userBar_right {text-align:right; color: #FFF; padding-right: 10px;}
			.userBar_right a:link, .userBar_right a:visited, 
			.userBar_right a:hover, .userBar_right a:active {
				 font-size: 13px; color: #FFF;
			}
			#headerUserPrint {display: none;}
			.userBar_right a:hover, .userBar_right a:active{color: #CCF; text-decoration: none;}
		.userBar .verticalDivider {display:inline; padding: 0px 3px;}
		.userBar .horizontalDivider {display: none; }	
	.logoBar {width: 100%;  background: #F6F6F6; display: block;}
		.logoBar_wrapper {max-width: 960px; margin: 0px auto;}
		.logoBar_left {border-bottom: 10px solid #2A4095;}
			.logoBar_left img {vertical-align: middle;max-width: 100%; }
			.logoBar_left img {display: block;}
			.logoBar_left img.v2 {display: none;}
			.v2 .logoBar_left img.v2 {display: block;}
		.logoBar_right {width: 200px; display: none;}
			.logoBar_stockPrice {background: #F6F6F6; padding: 5px; margin-top:20px; font-size: 13px;}
			.logoBar_stockPrice_row1 {font-weight: bold; color:  #D95E01; width: 220px;}
			.logoBar_stockPrice_row2 { }
	.topNavBar {display: none; width: 100%; height: 40px; margin: 0px auto; background:#FFFFFF /*url(../images/topNav_background.gif) top left repeat-x*/;}
		.topNavBar_wrapper {width: 960px; margin: 0px auto; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
			.topNavBar a:link, .topNavBar a:visited, 
			.topNavBar a:hover, .topNavBar a:active{
				color: #960; font-weight:bold; font-size: 12px; text-decoration:none; border-right: 1px solid #FFF; float: left; vertical-align: center; text-align:center; outline: 0;
				width: 17.9%; height: 40px; margin: 0px; padding: 15px 10px; line-height: 1em;
			}
			.topNavBar a:hover, .topNavBar a:active{color: #D50; background: #FFF;	outline: 0;}
			.topNavBar a.selected {color: #D50; background: #FFF;	}
			.topNavBar a.firstItem {	width: 10%;	}
			.topNavBar a.lastItem {	border-right: 0px solid #FFF;	}
@media (max-width: 767px) {	
	header {position:fixed; z-index: 1000; }
		.mobileBar {display: block;}
		.userBar {display: none;}
		.logoBar {display: none;}	
}			

/*********************************************/
/* main classes */
/*********************************************/
main{
	background-color: white;
	min-height: 180px;
	clear: both; 
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	/*font-size: 13px;*/
	display: block;	
	position: relative; 
	width: 100%; 
}
.main_wrapper {
	background-color: #FFF;
	padding-top: 2em;
	padding-bottom: 2em;
	max-width: 960px; 
	width: 100%; 
	margin: 0px auto;
	clear: both;
}
@media (max-width: 767px) {
	.main_wrapper{padding-top: 5em;}
}




/*********************************************/
/* .leftNav classes */
/*********************************************/
.leftNav{  float: left; font-family: Arial, Helvetica, sans-serif; width: 200px; z-index: 2222;}
@media (max-width: 960px) {	.leftNav {width: 20%;}}
@media (max-width: 767px) {
	.leftNav {
		width: 200px; 
		display: block;
		position: absolute;
		right: 0em;
		top: 0px;
		border-left: 0px solid #DDD;
		}
}

.navbar {display: none; color:#FFF; height: 20px; position: fixed; right: 0; top: 0px;}
	.navbar .btn-navbar {text-shadow: none; line-height: 1.2em; display:none;}
	@media (max-width: 767px) {
		.navbar {display: inline;}	
		.navbar .btn-navbar {display: block; margin-right: 15px; margin-top: 10px;}
	}
	
/*grab from bootStrap*/
/*grab from bootStrap*/	
.navbar .btn-navbar {
  float: right;
  padding: 7px 10px;
  margin: 10px 10px 0px 10px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
    background-color: #07A;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #265a88;
  font-weight: bold;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #265a88;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}
/*end of grab from bootStrap*/
/*end of grab from bootStrap*/

	.navbar_text {float:right; padding-left: 5px; color:#EEE; display:block; font-size: 13px; z-index: 1005; cursor:pointer; }

/*TODO: using the same nav.asp in leftcolumn, topnav and hamburger then simply switch the body class to leftnavonly, topAndLeft. Maybe hamburger should always be there.*/
.leftNav_wrapper {
		padding-bottom: 10px; 
		-webkit-transition: all 0.5s ;
		-moz-transition: all 0.5s ;
		-o-transition: all 0.5s ;
		transition: all 0.5s;
}
	@media (max-width: 767px) {
	  .leftNav_wrapper {
		  position: absolute; width: 230px; right: 0px; margin-top: 45px; margin-left: 0px; background:#EEE; border:1px solid #CCC; display: none;
	    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.15);
     	   -moz-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.15);
        		box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.15);
		}
	}
	.leftNav_mobileOpen {
		height: auto; position: fixed; right: 0px; display: block;
	}
	.leftNav_mobileOpen a{}
	.LeftNavPane_subNav{display:none; border-top: 1px solid #CCC; margin-top: 15px; margin-bottom: 25px;}
	.userBar_mobile {display: none !important; }
	@media (max-width: 767px) { 
		.userBar_mobile {display: block !important;}
		.userBar_mobile .verticalDivider {display:none !important;}
		.userBar_mobile .horizontalDivider {border-top: 1px solid #DDD; padding-top:1px;}
		.userBar_mobile .stockTicker {padding: 7px 10px; background: #FBF8F3; display: block; }
	}
	


.leftNav_wrapper .selected { background: #FFF !important;}
.leftNav_wrapper a{display: block; }

/*individual links inside the leftNav_wrapper*/
a.LeftNavL1:link, a.LeftNavL1:visited, a.LeftNavL1:hover, a.LeftNavL1:active, .userBar_mobile a {
	padding: 7px 5px 7px 10px;  margin: 0px; border-top: 1px solid #CCC; border-collapse:collapse;
	font-size:13px; font-weight: bold; color: #000; text-decoration:none; outline:none;  
}
	a.LeftNavL1:hover, a.LeftNavL1:active, .userBar_mobile a:hover, .userBar_mobile a:active {color: #2A4095; background:#F6F6F6;}
    .v2 a.LeftNavL1:hover, .v2 a.LeftNavL1:active, .v2 .userBar_mobile a:hover, .v2 .userBar_mobile a:active {color: #E44; background:#F6F6F6;}
	a.LeftNavL1.selected:link, a.LeftNavL1.selected:visited, a.LeftNavL1.selected:hover, a.LeftNavL1.selected:active,
	 .userBar_mobile a.selected:link, .userBar_mobile a.selected:visited, .userBar_mobile a.selected:hover, .userBar_mobile a.selected:active {
		 font-weight: bold; color: #2A4095;}
    .v2 a.LeftNavL1.selected:link, .v2 a.LeftNavL1.selected:visited, .v2 a.LeftNavL1.selected:hover, .v2 a.LeftNavL1.selected:active,
    .v2 .userBar_mobile a.selected:link, .v2 .userBar_mobile a.selected:visited, .v2 .userBar_mobile a.selected:hover, .v2 .userBar_mobile a.selected:active {
		 font-weight: bold; color: #E44;}
	a.LeftNavL1.selected:hover, a.LeftNavL1.selected:active, .userBar_mobile a.selected:hover, .userBar_mobile a.selected:active  {font-weight: bold;}
	
	a.LeftNavL2:link, a.LeftNavL2:visited, a.LeftNavL2:hover, a.LeftNavL2:active {
		padding: 3px 5px 3px 20px;  margin: 0px; border-collapse:collapse; line-height: 1.3em;
		font-size:12px; color: #888; border-bottom: 0px solid #CCC;  text-decoration:none; outline:none; background: #FFF;
	}
	a.LeftNavL2:hover, a.LeftNavL2:active {color: #B03;}
	a.LeftNavL2.selected:link, a.LeftNavL2.selected:visited, a.LeftNavL2.selected:hover, a.LeftNavL2.selected:active {font-weight: bold; color: #B03;}
	a.LeftNavL2.selected:hover, a.LeftNavL2.selected:active {font-weight: bold;}
	
	a.LeftNavL3:link, a.LeftNavL3:visited, a.LeftNavL3:hover, a.LeftNavL3:active {
		padding: 0px 5px 0px 30px;  margin: 0px; border-bottom: 0px solid #CCC; border-collapse:collapse;
		font-size:11px; line-height: 1.5em; color: #888;  text-decoration:none; outline:none;  background: #FFF;
	}
	a.LeftNavL3:hover, a.LeftNavL3:active {color: #B03;}
	a.LeftNavL3.selected:link, a.LeftNavL3.selected:visited, a.LeftNavL3.selected:hover, a.LeftNavL3.selected:active {font-weight: bold; color: #B03;}
	a.LeftNavL3.selected:hover, a.LeftNavL3.selected:active {font-weight: bold;}


/*show/hide the sections according to what is selected*/
/*hide this whole section to always reveal all content*/
/**/
.leftNavL1_section{}
	.leftNavL1_section a.LeftNavL1:link{display:  block;}	
.leftNavL2_section{}
	.leftNavL1_section 			a.LeftNavL2:link{display: none;}	
	.leftNavL1_section.selected a.LeftNavL2:link{display: block;}	
.leftNavL3_section{}
	.leftNavL2_section 			a.LeftNavL3:link{display: none;}	
	.leftNavL2_section.selected a.LeftNavL3:link{display: block;}	





/*********************************************/
/* main content classes */
/*********************************************/
.mainContent{
  width: 710px; padding-left: 4em;  padding-right: 2em; 
  color: #333333;
  margin-top: 0px;
  float: left;
  background-color:white;
}
@media (max-width: 960px) {
	.mainContent{width: 75%; padding-left: 5%;  padding-right: 0%;  }
}
@media (max-width: 767px) {
	.mainContent {
		width: 100%;  
		padding: 0px 1em 0em 1em;
		margin-left: 0px;
	}	
}
#legalinfo #popup {
  display: none;
}
#legalinfo:hover #popup {
  display: block;
}
#modellerGlobalLinks {text-align: right;}

.HeadFont {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: red;		/*dynamic color hasn't been setup*/
}

.homeIntro2Columns {clear: both; width: 100%;}
	.homeIntro2Column {width: 49.9%; padding: 0px; margin-right: 0%; float: left; ;}
	.homeIntro2ColumnLeft {}
	.homeIntro2ColumnRight {background: #D95E00; border:0px solid #FFF; padding: 1em; height: 203px;}
	.homeIntro2Column img {width: 100%;}
	.homeIntro2Column h1 {color: #FFF;}
	.homeIntro2Column p {color: #FFF; font-size: 13px; line-height: 1.3em; margin: 0px 0px;}

.home2Columns {clear: both; padding-top: 1em;}
	.home2Column {width: 48%; margin-right: .9%; float:left;}
	.home2Column .dataTable {width: 100%;}
	.home2ColumnLeft {}
	.home2ColumnRight {float: right; margin-right: 0px;}
	
/*boxes at the bottom of the home page usually with vacation and holiday icons*/	
.homeBoxes {clear: both;}
	.homeBox {width: 30%; margin-right: 3%; background: #EEE url(../images/home_boxGradient.jpg) top left repeat-x; height: 320px; padding: 20px 15px; float: left; }
		.homeBox img {float: right;}
		.homeBox h2 {margin-top: 55px;}
	.homeBox h2 a:link, .homeBox h2  a:visited, .homeBox h2  a:hover, .homeBox h2  a:active {text-decoration: none; color: #D95E01; }	
	.homeBox h2  a:hover, .homeBox h2  a:active {text-decoration: underline; color: #693; }		
	.homeBox a:link img, .homeBox a:visited img, .homeBox a:hover img, .homeBox a:active img{border: 0px solid #a50b00; }	
	.homeBox a:hover img, .homeBox a:active img{opacity: .7;}			

.home2ColumnBox {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #DDDDDD;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.home2ColumnBox h2 {
    font-size: 14px;
    margin-top: 0;
}
.home2ColumnBox h3 {
    margin-top: 0;
}
.home2ColumnBox .glyphicon {
	color: #999; float:right; font-size: 42px; 
	margin-bottom: 3px;
	margin-left: 3px;
}

.home2ColumnBoxIcon {
    color: #999999;
    float: right;
    margin-bottom: 3px;
    margin-left: 3px;
}
@media (max-width: 959px) {
.home2Column {
    float: none;
    width: 100%;
}
}


/* turn on and off the v2 content*/
body .v2 {display: none;}
body.v2 .v2 {display: block;}
.personas {display: none;}
.v2 .personas {display: none;}
.statementsContent {display: none !important;}
.v2 .statementsContent {display: block !important;}
.statementsList {display: ;}
.v2 .statementsList {display: list-item;}
/*.retireAtEaseContent {display: none;}
.v2 .retireAtEaseContent {display: block;}
.retireAtEaseRow {display: none !important;}
.v2 .retireAtEaseRow {display: table-row  !important;}*/


.home3Rows {clear: both; padding-top: 1em; }
	.home3Row {clear:both; width: 100%; margin-bottom: 1em; background: #F6F6F6; padding: 15px; border-radius: 10px; border:1px solid #CCC; }
	.home3Row_left {float:left; width: 49%; margin-right: 0%; }
		.home3Row_left img{max-width: 100%; border-radius: 10px; border: 1px solid #CCC; cursor:pointer;}
        .home3Row_left a img:hover {border:1px solid #e44; opacity: 0.9;}
	.home3Row_right {float: right; width: 47%; margin-right: 0px; }
		.home3Row_right h3{margin-top: 0px; margin-bottom:0px; }
        .home3Row_right a { cursor:pointer;}
	.home3Row_clear {clear: both;}

	@media (max-width: 480px) { 
		.home3Row {clear:both; width: 100%; margin-bottom: 1em;}
		.v2 .home3Row {padding: 0px}
		.home3Row_left {float:none; width: 100%; margin-right: 0%; }
		.home3Row_left img{max-width: 100%; border-radius: 10px; border: 1px solid #CCC;}
		.home3Row_right {float: none; width: 100%; margin-right: 0px; margin-top:1em; padding: 1em;}
	}

/* 	.home3Row {border:1px solid red;}
	.home3Row_left {border:1px solid green;}
	.home3Row_right {border:1px solid blue;} */

.smallText {font-size: .75em;} /* KC: for footnote on RSU page */


/*added by JP from old slipstream*/
/**** Right Side Panel ******/

.pageHasSidebar {
	width: 75%;
}

.sidebarContainer {
	float: right;
	clear: right;
  	margin-right: -200px;
}
.sidebar {
	border: 0px solid #CCC;
	margin: 10px 0px;
  width: 184px;
	/*width: 170px; */
}

.sidebarContent {
	padding: 10px; margin: 0px;
	font-size: 12px;
	line-height: 1.35em;
	text-align: left;
	border:1px solid #CCC;
}

.sidebarContent ul li{
	margin-left: -5px; padding-bottom: 5px;
}

.sidebar h3 {margin: 0px; padding: 0px; font-size: 14px;}

.sidebarImage {
	padding: 5px;
}

.sidebar ul {
	padding: 0px;
	margin:12px 0 0 20px;		
}
@media (max-width: 960px) { 
.pageHasSidebar {width: 100%;}
.sidebarContainer {float: none; margin: 1em 0px 0px 0px; width:100%; background: #F6F6F6;}
.sidebar {width: 100%;}
}


.centerArea {
	width: 500px; 
	float: left;
	clear: left;
	margin: 0px 10px 0px 20px;
}


/**** dataTable classes ******/
.dataTable {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;;
  border:1px solid #FFF;
  margin-bottom: 2em;
	width: 100%;
  border-collapse:collapse;
}
.panel-group .dataTable {
  margin-bottom: 0em;
}
.dataTable thead th {
  background:#2A4095;	
  color: #FFF;
  font-weight: bold;
  border:1px solid #FFF;
}
.dataTable thead td {
  background:#CCC;	
  color: #333;
  font-weight: bold;
  border:1px solid #FFF;
  line-height: 1.3em;
}

.dataTable tbody th {font-weight: bold; background: #F6F6F6;}
.dataTable.tablesaw tbody th {font-weight: bold; background: #EEE;}
.dataTable tbody td {}
.dataTable.tablesaw tbody td {background: #FFF !important;}

.dataTable tfoot th {
	background: #F6F6F6;	
	color: #333;
	font-weight: bold;
	border-top: 2px solid #900;
}
.dataTable tfoot td {
  background: #F6F6F6;
  color: #888;
  font-weight: normal;
	border-top: 2px solid #900;	
}
.dataTable tr {}
.dataTable td,
.dataTable th {padding: 10px 10px;   border-bottom: 1px solid #CCC; }
.dataTableWithSidebar {width: 70%;}

.dataTable1Row {border:1px solid #CCC !important;}
.dataTable1Row tbody th {background: #669933; color: #FFF; font-weight:bold;}

/*
.dataTable a:link,
.dataTable a:visited,
.dataTable a:hover,
.dataTable a:active {
  color: #000000; 
  text-decoration: none;
}

.dataTable a:hover,
.dataTable a:active {
  color: #00AAEE;
  color: #990000; 
}

 
/* KC: added below five rows to color links in thead th white */
.dataTable thead th a:link, 
.dataTable thead th a:visited,
.dataTable thead th a:hover,
.dataTable thead th a:active {
  color: #FFF;
  text-decoration: underline;
}
.dataTable thead th a:hover,
.dataTable thead th a:active {
  text-decoration: none;
}

.dataTable td.alignCenter,
.dataTable th.alignCenter,
.alignCenter {
  text-align: center;
}
.dataTable td.alignRight,
.dataTable th.alignRight,
.alignRight {
  text-align: right;
}
.borderlessTable th,
.borderlessTable td {
  border-top: 0px solid red;
}
.dataTableSmall {}
.dataTableSmall td{padding: 10px 10px;}
.dataTableSmall th{padding: 10px 10px;}
.dataTableFull {width: 100%;}
.dataTableFull td{}
.dataTableFull th{}

.subtitle,
.asOfDate {
	font-weight: normal;
	display: block;
}


.dataTable h4 {
font-weight:bold;
font-size: 13px;
color: #020100;
}

/*grab from bootstrap*/
/*grab from bootstrap*/
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
/*end of grab from bootstrap*/
/*end of grab from bootstrap*/

.nowrap {white-space: nowrap;
} /* KC - to prevent cells from wrapping on Contacts page */

/*.dataTableL1....dataTableR3 are deprecated and should be removed from the HMTL.*/
/* use semantic html meaning that you should use */
/*   <thead><tr><th> to indicate table title instead of dataTableL1, dataTableC1, dataTableR1*/
/*   <tbody><tr><td> to indicate table title instead of dataTableL1, dataTableC2, dataTableR2*/
/*   <tfoot><tr><th> to indicate table title instead of dataTableL3, dataTableC3, dataTableR3*/

.dataTableL1,
.dataTableL2,
.dataTableL3 {
  text-align: left; background: pink !important; color: red !important;
}
.dataTableC1,
.dataTableC2,
.dataTableC3 {
  text-align: center;  background: pink !important; color: red !important;
}
.dataTableR1,
.dataTableR2,
.dataTableR3 {
  text-align: right;   background: pink !important; color: red !important;
}
.dataTableL3,
.dataTableC3,
.dataTableR3 {
  background:#F9F; background: red; color: red;
}



.accordionList {}
.accordionTitle { padding: 10px; font-weight:bold; font-size:1.3em; cursor:pointer; line-height:20px; background: #F6F6F6; border:1px solid #FFF;}
.accordionTitle:hover { background: #EEE; border:1px solid #CCC;}
.accordionTitle:hover .accordionTitleRightImg {padding-top: 1px; padding-left: 1px;}
.accordionTitleDownImg {display: none; padding-right: 10px;}
.accordionTitleRightImg {display: inline; padding-right: 10px;}
.accordionTitleOpen { border:1px solid #DDD; border-bottom: 0px; background: #EEE;}
.accordionTitleOpen .accordionTitleDownImg {display: inline; }
.accordionTitleOpen .accordionTitleRightImg {display: none;}
.accordionBody {display: none; clear:both; padding: 10px 10px; background:#FFF; border:1px solid #DDD;}


#contactsList {}
#contactsList ul {margin: 0px 10px 0px -20px; }
#contactsList ul li {padding-bottom:3px;}

.breadcrumbBar {display: none;}

#allPanelsShowLink {display: inline;}
#allPanelsHideLink {display: none;}
.allPanelsShowing #allPanelsShowLink {display: none;}
.allPanelsShowing #allPanelsHideLink {display: inline;}

a.btn-primary { color: #FFF;}



.clearFix {
  *zoom: 1; clear:both;
}

.clearFix:before,
.clearFix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearFix:after {
  clear: both;
}

.noPrint, .noprint {}
.printOnly, .printonly {display: none;}

@media (max-width: 960px) { 
  .modal-dialog.modal-lg {width: auto; margin-left: 10px; margin-right: 10px;}
}

#projections_recalculateBtn_wrapper {display: block; margin:auto; padding-left: 80px;}
.refreshMsgMode #projections_recalculateBtn_wrapper { display: none;}

.panel-title {
  font-size: inherit;
}

.modalBreak {padding-top: 1em;}

/*********************************************/
/* footer classes */
/*********************************************/
footer { width: 100%; clear:both; padding: 0px 0px 0px 0px; margin: 0px auto; background: #2A4095; color: #FFF;}
	.footer_wrapper {max-width: 960px; width: 100%; border-top:0px solid #CCC; padding: 20px 0px; text-align:center; font-size: 13px; margin: 0px auto;}
	footer a,footer a:link, footer a:visited, footer a:hover, footer a:active{color: #FFF;}
	footer a:hover, footer a:active{color: #FFF;}
footer .modal-body {color: #333;}
@media (max-width: 960px) { 
	footer .modal-body {font-size: 0.9em;}
}
footer .modal-body a {color: #2A4095;}
footer a.btn {color: #2A4095;}

/***/
/***/
/***/

.browserWarning_wrapper {display: none;}
.ie7 .browserWarning_wrapper {display: block; position: relative; z-index: 9999999; background: #FFC; margin:0px 0px; padding: 0px; width: 100%; border-bottom: 1px solid #555;}
.browserWarning_msg {margin: 1em 5em 1em 5em; padding: 0px; color: #555; font-size: 0.9em; text-align:center; background: #FFC;}



/*TVP overrides to push it onto the bottom of the page.*/
#impersonationBar {
position: fixed;
bottom: 0px;
font-size: 12px !important;
background: #333 !important;
}
#impersonationBar_left {
display: none;
}


h5 {
    margin-bottom: 0px;    
}

.termsSpacing li p {
    margin-top: 0px;
}

.noBullet {
    list-style-type: none;
    margin-left: -65px;
}

.bulletContainer {
    margin-left: 35px;
}

.bulletSubContainer {
    margin-top: 0px;
    margin-left: 65px;
}

#disclaimerBox {
    float: left;
    clear: left;
    margin: 0px 0px;
    height: 200px;
    overflow: scroll;
    border: 1px solid #999;
    background: #FFF;
    padding: 1em 1em;
    width: 98%;}