﻿/*this css overrides styles that come from the designer.  this makes it so our milliman updates are not changed when we receive updated files from the designer*/
#toplinks{
    width:800px;
}
h2{
	font-size: 1.75em;
	color: #3E3E3E;
	font-weight: normal;
    margin-top:0px; 
}
 .bolded
{
	font-weight: bold;
}

.footnote{
     margin-top:5px;
    
}
.error
{
	color: red;
}
.copyright a{
    color:white;
}
/* fix margins so that buttons will center*/
.large-btn{
 font-size:1.75em;
 margin-right:20px;
 margin-left:20px; 
 padding:30px 30px;

	}

.med-btn {
    font-size: 1.25em;
    margin-right: 20px;
    margin-left:20px;
    padding: 20px 20px;
}
table.radioButtonList{
	font-size:1em;
	line-height:1em; 
	border:none;
	}

table.radioButtonList th{
	border-top:none;
	background-color:none;
	
	padding-left:10px;
	}
	
table.radioButtonList td {
	border-top:none;
	padding: 5px;
	margin-top:2px;
    background-color:none;
}

/* zebra stripe tbody on .cpg tables*/
    table.radioButtonList tbody tr:nth-child(even) {
        background-color: inherit;
        border-top: none;
    }

#side-nav table td {
    margin-bottom: 2px;
}

#side-nav a.selectedItem {
	color: #ffffff;
	background-color:#2081C7;
}
#side-nav a.visitedItem {
	
	
}
#side-nav a.inactivenav {
	color:lightgray;
	
}

#side-nav a.inactivenav:hover {
	background-color:inherit;
	
}
/*styles brought forward from past css.  used to hide form elements*/
.nowrap
	{
		white-space: nowrap;
	}
.Transparent
{
	display:none;
}
.nodisplay
{
	display:none;
}
.budgetTable input
{
	width: 50px;
	text-align: right;
}
.bhead
{	width: 50px;
	text-align: right;
}
.bSecHead
{
	font-weight: bold;
	background-color: #C3DCE8;
	font-size: medium;
}
.bSubSecHead
{
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: smaller;
}
.bSecHeadR
{
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: small;
}
.bSubSecHeadR
{
	font-weight: normal;
	background-color: #FFFFFF;
	font-size: smaller;
}
.bSubTot
{
	text-align: right;
	font-size: small;
	font-weight: bold;
	white-space: nowrap;
}
.bSubTotR
{
	text-align: right;
	font-size: small;
	font-weight: normal;
	white-space: nowrap;
}
.budgettot
{
	text-align: right;
}
.budgetbold
{
	font-weight: bold;
}
.budgettotbold
{
	text-align: right;
	font-weight: bold;
}
.budgettable
{
	width: 600px;
	border-width: 0px;
	padding: 2px;
}
.rS1SS1,.rS1SS2,.rS1SS3,.rS1SS4,.rS1SS5,.rS1SS6,.rS1SS7,.rS1SS8,.rS1SS9,.rS1SS10,
.rS2SS1,.rS2SS2,.rS2SS3,.rS2SS4,.rS2SS5,.rS2SS6,.rS2SS7,.rS2SS8,.rS2SS9,.rS2SS10
{
	display: none;
	font-size: smaller;
	font-weight: normal;
    background-color:white;
}

.budgetTable tr{
    background-color:white;
}	
table.budgetTable  tbody tr:nth-child(even){
	background-color:white;
	border-top:#78AADD 2px solid;
}	
.iSS1Y1, .iSS1Y2, .iSS1Y3, .iSS1Y4
{
	width: 50px;
	text-align: right;
}
#budget
{
	border-style: inset;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
background-color:#e6e7eb;
	padding: 7px;
}
#budget input
{	text-align: right;
}
#budgetSummary, .budgetSummaryBlurb
{
	font-style: italic;
}
.definition
{
	border: 3px solid orange; 
	width: 450px;
	background-color: #ffffcc;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
}	
A.defined
{
	text-decoration:none;
	color: green;
	font-weight: normal;
}	
A.defined:visited	{	
	text-decoration: none;
	color: green;
	font-weight: normal;
	}	
		
A.defined:active	{	
	text-decoration: none;
	color: green;
	font-weight: normal;
	}	
		
A.defined:hover
{
	text-decoration: none;
	color: green;
	font-weight: normal;
}

.asptblheader
{
	font-weight: bold;
}
div.pension{
    background-color:rgb(82,35,152);
}
div.savings{
    background-color:rgb(122,184,0);
}
div.socialsecurity{
    background-color:rgb(0,101,189);
}
div.workingincome{
    background-color:rgb(255,182,18);
}
div.medicalexpense{
    background-color:rgb(174,130,204);
}
div.livingexpense{
   background-color:rgb(109,171,228);
}
div.excessincome{
    background-color:rgb(18,150,72);
}
div.shortfall{
   background-color:rgb(237,31,36);
}
.color-ok{
	color: #ffd35d;
	}
.color-shortfall{
	color: #e74c00;
	}
.color-excess{
	color:#477F30;
	}
h2.color-excess{
    line-height:25px;
}
table.pension{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.pension th{
	border-top:#DCDCDC 2px solid;
	background-color:rgb(82,35,152);
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.pension th.center{

	text-align:center;
	
	}
	
table.pension td {
	border-top:#DCDCDC 2px solid;
	padding: 5px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.pension tbody tr:nth-child(even){
	background-color:white; 
	border-top:#DCDCDC 2px solid;
}	

table.pension td.total {
	border-top:#DCDCDC 2px solid;
    background-color:white;
    font-weight:bold;
	padding: 10px;
	margin-top:2px;
}

table.savings{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.savings th{
	border-top:#DCDCDC 2px solid;
	background-color:rgb(122,184,0);
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.savings th.center{

	text-align:center;
	
	}
	
table.savings td {
	border-top:#DCDCDC 2px solid;
	padding: 5px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.savings tbody tr:nth-child(even){
	background-color:white; 
	border-top:#DCDCDC 2px solid;
}	

table.savings td.total {
	border-top:#DCDCDC 2px solid;
    background-color:white;
    font-weight:bold;
	padding: 10px;
	margin-top:2px;
}

table.socialsecurity{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.socialsecurity th{
	border-top:#DCDCDC 2px solid;
	background-color:rgb(0,101,189);
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.socialsecurity th.center{

	text-align:center;
	
	}
	
table.socialsecurity td {
	border-top:#DCDCDC 2px solid;
	padding: 5px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.socialsecurity tbody tr:nth-child(even){
	background-color:white; 
	border-top:#DCDCDC 2px solid;
}	

table.socialsecurity td.total {
	border-top:#DCDCDC 2px solid;
    background-color:white;
    font-weight:bold;
	padding: 10px;
	margin-top:2px;
}

table.workingincome{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.workingincome th{
	border-top:#DCDCDC 2px solid;
	background-color:rgb(255,182,18);
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.workingincome th.center{

	text-align:center;
	
	}
	
table.workingincome td {
	border-top:#DCDCDC 2px solid;
	padding: 5px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.workingincome tbody tr:nth-child(even){
	background-color:white; 
	border-top:#DCDCDC 2px solid;
}	

table.workingincome td.total {
	border-top:#DCDCDC 2px solid;
    background-color:white;
    font-weight:bold;
	padding: 10px;
	margin-top:2px;
}

table.livingexpense{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.livingexpense th{
	border-top:#DCDCDC 2px solid;
	background-color:rgb(109,171,228);
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.livingexpense th.center{

	text-align:center;
	
	}
	
table.livingexpense td {
	border-top:#DCDCDC 2px solid;
	padding: 5px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.livingexpense tbody tr:nth-child(even){
	background-color:white; 
	border-top:#DCDCDC 2px solid;
}	

table.livingexpense td.total {
	border-top:#DCDCDC 2px solid;
    background-color:white;
    font-weight:bold;
	padding: 10px;
	margin-top:2px;
}

table.medicalexpense{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.medicalexpense th{
	border-top:#DCDCDC 2px solid;
	background-color:rgb(174,130,204);
	color:white;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.medicalexpense th.center{

	text-align:center;
	
	}
	
table.medicalexpense td {
	border-top:#DCDCDC 2px solid;
	padding: 5px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.medicalexpense tbody tr:nth-child(even){
	background-color:white; 
	border-top:#DCDCDC 2px solid;
}	

table.medicalexpense td.total {
	border-top:#DCDCDC 2px solid;
    background-color:white;
    font-weight:bold;
	padding: 10px;
	margin-top:2px;
}

table.IncomeTotals{
    border:solid; border-width:1px; border-color:black; width:90%;font-size:1.25em;margin-bottom:5px;
}
table.IncomeTotals td {
	padding:8px;
}

.circleBase-small {
    border-radius: 50%;
	margin:10px 10px 10px 10px;
}

.results-small{
	width: 60px;
	height: 60px;
	background: #ffd35d;
	border: 2px solid white;	
	text-align:center;
	color:#fff;
	box-shadow:2px 2px 7px #3D3D3D;
	}
.results-shortfall-small{
	width: 60px;
	height: 60px;
	background: #e74c00;
	border: 2px solid white;	
	text-align:center;
	color:#fff;
	box-shadow:2px 2px 7px #3D3D3D;
	}
.results-excess-small{
	width: 60px;
	height: 60px;
	background:#477F30;
	border: 2px solid white;	
	text-align:center;
	color:#fff;
	box-shadow:2px 2px 7px #3D3D3D;
	}
.result-pct-small {
	font-size:1.5em;
	font-weight:bold;
	line-height:0em;
	margin-top:30px
	}

/*Styles for personalized report page*/
.printPersonalizedReport h2{
    font-size: 16pt;
    color: RGB(0,101,189);
   
}
.resultscontainertable{
    width:100%;
    
}
h3.reportsubheading{
    color:rgb(0,101,189);
    text-align:left;
   margin-bottom:0px;
}
.printPersonalizedReport hr{
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid RGB(0,101,189);
    margin: 1em 0;
    padding: 0; 
   
}
.resultstable{
    width:100%;
    margin-bottom:40px;
    
    
}

.resultstable td:nth-child(2) {
    text-align:right;
}
.resultstable td:nth-child(3) {
    text-align:right;
}
.resultstable td:nth-child(4) {
    text-align:right;
}

.summary th{
    color:rgb(0,101,189);
    border-bottom:solid 1px rgb(0,101,189); 
    text-align:left;
   
}
.summary td{
    padding:5px;
}
.estimatedannualincome th{
    background-color:rgb(0,101,189);
    color:white;
    height:25px;
    text-align:left;
    padding-left:10px;
}
.nondiscretionaryspending th{
    background-color:rgb(82,35,152);
    color:white;
    height:25px;
    text-align:left;
    padding-left:10px;
}

.discretionaryspending th{
    background-color:rgb(122,184,0);
    color:white;
    height:25px;
    text-align:left;
    padding-left:10px;
}
.generalinfo th{
    background-color:rgb(165,165,165);
    color:white;
    height:25px;
    text-align:left;
    padding-left:10px;
}
.assumptions th{
    background-color:rgb(68,84,106);
    color:white;
    height:25px;
    text-align:left;
    padding-left:10px;
}
.assetmix th{
    background-color:rgb(237,125,49);
    color:white;
    height:25px;
    text-align:left;
    padding-left:10px;
}
.resultstable td {
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    border-bottom: solid 1px gray;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height:12px;
}
.legend{
    font-size:12px;
    margin-top:20px;
    margin-left:50px;
}
@page {
  size: A4;
  margin: 0;
}
@media print {
    html, body {
    width: 95%;
    height: 297mm;
    float:none;
    margin-left:auto;
    margin-right:auto;
    font-family:Verdana;
  }
    .divScoreBox{
        font-family:Verdana;
    }
      .leftsidebar, .noprint, .subtle, .Transparent, .nodisplay
	{
		display: none;
        float:none;
	}
	
    .resultscontainertable{float:none;}
    #side-nav{display:none;}
    header{display:none;}
    .top-bar{display:none;}
    .results-bar{display:none;}
    footer{display:none;}
    .pagewidth {
        width: 100%;
        margin-left:auto;
        margin-right:auto;
        
        float: none;
    }
    #twocols-int{
        float:none;
    }
   #maincol-int{float:none;}
}