@charset "utf-8";
/* */
/* This is the CSS stylesheet when the browser is printing to a physical printer. */
/* */


/****  BASIC HTML  ****/
html {font-size: 13px;}
body {padding-top: 0rem; margin-top: 0rem; width: 100%; max-width:640px; margin: auto;}
a:link, a:visited, a:hover, a:active  {text-decoration: none; color: #444;}
h1 {font-size: 2rem; clear: both; background: none !important; color: #444 !important;padding-bottom: 0rem;}
h1 i.icon-angle-up {display: none;}
h1 i.icon-angle-down {display: none;}
h2 {font-size: 1.70rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.3rem; color: #444; }
h5 {font-size: 1.2rem;}
h6 {font-size: 1.0rem;}


/****  GOOD PRINTING PRACTICES FROM HTML5 BOILERPLATE  ****/
a[href]:after { content: none; }		/*hides link URLs from appearing*/
thead { display: table-header-group; } 	/*let table headers span two pages*/
tr, img { page-break-inside: avoid; }	/*try not to break inside a row*/
img { max-width: 100% !important; }		/*make images as wide as possible*/
p, h2, h3 { orphans: 3; widows: 3; }	/*don't leave dangling line of text*/
h1, h2, h3, h4, h5, h6 { page-break-after: avoid;}		/*avoid page break after a title*/


/**** HEADER STRUCTURE ****/
header {position: relative; height: 60px; background: none;}

#headerLogoAndUserBarWrapperOuter {  width: 100%;  background: #007E7A !important;}
#headerLogoBar {width: 100%;background: #FFF;height: auto;padding: 1rem 1rem 1rem 0rem;}
	#headerLogo_left {float: none;}
    #headerLogoBar img{width: 60%;max-height:60%;margin-left:140px;}
#headerUserBar {width: 100%;background: #FFF; position: relative;height: initial;clear: both;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}
	#headerUserBarWrapper {position: relative; bottom: 0rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background: #EEE; }
	#headerUserLeft {float: none;padding-left: 0.5rem;margin: auto;text-align: left;}
	#headerUserLogo {display: inline;}
  	#headerUserLogo img {max-height: 100px;}
#headerUserRight { display: none;}
.headerStock_diffAndPercWrapper {display: block; text-align: right;	}
.headerStock_diff {display: inline; }
#headerUserRight2 { }
	#headerUserRight2Row1 {}
    #headerStockPrice2 {display:none;}
    #headerStockDate2 {display: none;}
  #headerUserRight2Row2 {margin-top: 0.5rem;}

  #headerUserName {  }
	.headerUserName_hello {  display: none;}
	.headerUserName_createdOnGroup {display: block;}
		.headerUserName_createdOnDate {}
	.headerUserName_printedForGroup { display: block;} 
		.headerUserName_printedForText {display: inline;} 
		.headerUserName_printedForName {text-transform: uppercase;font-weight: bold;}
		.headerUserNamePrintedFor {  display: none;}

    #headerUserName {display: inline;f;font-size: 1.3rem;padding-bottom: 1rem;font-weight: normal;margin: auto;text-align: center;}
    #headerUserNameHello {display: none;}
    #headerUserNameCreatedOnDate {font-weight: bold; color: #444;}
    #headerUserNamePrintedFor {display: block;}
    #headerUserNamePrintedForName {text-transform: uppercase; font-weight: bold; color: #444;}
    #headerUserNavList {display: none; }
.headerStock {display: inline; float: right; position: absolute; top: 0.5rem; right: 0.5rem;;}
    
body.otrBody #headerNavBar, 
body.otrBody #headerNavBar2 {display:none;}		

.createdFor {border-top: 2px solid #000;/* top: 100px; *//* z-index: 1000; */clear: both;font-weight: bold;font-size: 1.5rem;text-align: center;border-bottom: 2px solid #000;margin-top: 10px;color: #000;padding: 0.5rem;}

/**** BODY STRUCTURE ****/
.container {margin: 0rem; padding: 0rem; display: block !important;}
.container .row {margin: 0rem; padding: 0rem;}

.ben{page-break-inside: avoid; }	

section {border-bottom: 10px solid #EEE !important;}
body h1 {page-break-before: always;border-top:10px solid #EEE !important;font-size: 2rem;margin-bottom:1rem;padding-left: 0rem;}
.color-1 h1{page-break-before: avoid !important; border-top:0px solid #EEE !important;}
.benTitleWrapper {margin-top: 0rem; page-break-after:avoid;}
.benTitleLeft {font-size: 1.75rem;}
.benTitleRight {font-size: 2rem;padding-left: 0.5rem;display: table-cell;text-align: right;}
.benTitleRight_number {margin-top: 0px;font-size: 2rem;}
.benDetailWrapper {display: block;}
.sidebar {display: none;}

.ceo_signature {display: none;}

table {border-collapse: collapse; border-spacing: 0;}
.dataTable {width: 100%; page-break-inside: avoid;}
.dataTable tr td, .dataTable tr th {padding: 0.5rem;}
.table {margin-bottom: 0rem;}
.modal {display: none;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.2
    vertical-align: top;
    border-top: 1px solid #747678;
    border-bottom: 1px solid #747678;
    }

/**** ACCORDIONS AND MODALS ****/
.accPanel, .popupPanel {
	display: block !important;
	background: #FFF;
	margin: 0.5rem 0rem;
	padding: 0.5rem 1rem;
	border-radius: 0rem;
	color:#444;
	border-top: 0px solid #CCC !important;
	border-bottom:1px solid #CCC !important;
	border-left: 1px solid #CCC !important;
	border-right: 1px solid #CCC !important;
}
.accPanel {    border: 1px solid #CCC !important;}
.popupPanel {clear: both;padding-top: 20px;margin-top: 0px;margin-bottom: 0px;page-break-inside: avoid;}
.accPanel h4, .popupPanel h4{
	margin-top: 0rem; margin-bottom: 1rem;
}
.accPanel p, .popupPanel p{
	margin: 0.5rem 0rem;
}
.accPanel_modelIt {display:none !important;}

.collapse {height: inherit !important; display: block;}
.accordion .accordion-toggle.btn {background: #EEE; border:0px solid #FFF;}
.accordion i {display:none !important;}


/**** BUTTONS ****/
.understandIt {display: none;}
.modelIt {display:none;}
.closeIt {display:none;}
.accPanel .dataTable {border-top: 2px solid #666; }
.accPanel_modelIt {display: none !important;}
.btn {display: none;}


/**** MISCELLANEOUS ****/
#impersonationBar {display: none;}

/*when modal is open, hide the header, main and footer. Make the modal content visible.*/
.modal-open header {display: none; height: 50px; overflow: hidden;}
.modal-open main {display: none; height: 50px; overflow: hidden;}
.modal-open footer {display: none; height: 50px; overflow: hidden;}
/*TODO: how do we show the content from a long modal in IE9? */
.modal-open .modal {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    visibility: visible !important;
    overflow: visible !important;
  }
.modal-open .modal-dialog {visibility: visible !important; overflow: visible !important; margin: 0rem; }
.modal-open .modal-content {visibility: visible !important; overflow: visible !important;}  
.modal-open .modal-body {visibility: visible !important; overflow: visible !important;}  
.modal-open .popupPanel {visibility: visible !important; overflow: visible !important;border: 0px solid #FFF !important;padding: 0rem;}

section.hiddenSection { 
position: relative; display: block; left: inherit; border:0px solid #FFF;
}

.col-xs-4, .col-xs-6, .col-xs-12,
.col-sm-4, .col-sm-6, .col-sm-12,
.col-md-4, .col-md-6, .col-md-12 {
	display: block;
	width: 100%;
	margin: auto;
	margin: 0px;
	padding: 0px;
	position: relative !important;
	top: inherit !important;
	left: inherit !important;
}
.ben {
	display: block;
	float: none;
	border:0px solid #FFF;
	border-top:3px solid #EEE;
	margin: 2rem 0rem 0rem 0rem;
	padding: 1rem 0rem 0rem 0rem;
	clear: both;
}
.pieChartInline {text-align:center; margin: auto;}
.pieChartInline_modalTable{page-break-inside:avoid;}
.pieChartInline_modalTable_leftSide {display: block;} /*forces the piecharts on top of the table*/
.pieChartInline_modalTable_rightSide {display: block;} /*forces the piecharts on top of the table*/
.tab-content > .tab-pane {display: block;}


.benIntro {display: none;}
.nav-tabs {display: none;}
.hero {display: none;}
.dataTable .fa, 
.dataTable .glyphicon  {font-size: 1.5rem; margin-top: -5px;}
.actionBtn{display: none;}
.accLink {display: none;} 

.printOnly {display: block;}
.noPrint {display: none;}

#noPrintLifeSB{display:none !important;}
#noPrintPSUSB{display:none !important;}
#noPrintMatchSB{display:none !important;}

footer { page-break-after: avoid;}		/*avoid page break after footer*/	
.benTitleWrapper { page-break-after: avoid;}		
.benTitleWrapper { page-break-inside: avoid;}		
.benDetailWrapper dataTable{ page-break-inside: avoid;}		
.benIntroBox{ page-break-after: avoid;}	
.panel	 { page-break-inside: avoid;}
.accPanel { page-break-inside: avoid;}

.fa{display:none !important; }
.glyphicon{display:none !important;}
.popupIcon_column{display:none;}
.benIntroBox{ padding: 0.5rem;}	

.benTitleRight_icon{display:none !important; }

.pensionTable thead th{
	background-color:#FFF !important;  
  } 
 
#ClientContentPlaceHolder_pageFooter_lnkTermsOfUse{display:none;}

/*DEBUGGING */
/*Hide everything below once you are finished debugging*/
/*
body {border:1px solid red;}
article .container .row {border:1px solid red; }
.dataTable tr td, .dataTable tr th {border-right: 1px solid red; border-left: 1px solid blue;}
*/