/* Style Sheet */ 
/* Table of Styles
==================================================
	#Basics
	#Styled Text
	#Site Styles
	#Lists
	#Spacers
	#Background Colors
	#Text Colors
	#Tables
	#Side Navigation
	#Page Structure
	#Float Fix
	#Print Styles

/*-- Basics
     ================================================== */
	 
/*default link behavior comes from boilerplate */



body{
   font-family: 'Segoe UI', 'Open-Sans', Arial, sans-serif;
   color:#3E3E3E;
   background-color:#fff;
   margin:0px;
   padding:0px;
	}

.pagewidth{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}


p{	
	line-height:1.5em;
}	

h1{
	font-size: 2.25em; 
	line-height: normal;
	color: #3E3E3E; 
	text-align: left;
	font-variant: normal;
	font-weight: 600;
    margin-bottom:0px;
}
h2{
	font-size: 1.75em;
	color: #3E3E3E;
	font-weight: normal; 
}
h3 {
	font-size: 1.5em;
	color: #E74C00;
	font-weight: 500;
	padding-left: 0px;
	margin-top: 1.286em;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

h4{
	font-size: 1.25em;
	color: #3E3E3E;
	font-weight: 600; 
}


/*-- Styled Text
     ================================================== */

.intro-txt{
	font-size: 1.5em;
	font-style: italic;
	padding-top: 3px;
	line-height: 1.5em;
	}		

.imp-title {
	font-size: 1.4em;
	font-weight:600;
	color: #516186;
	line-height: 1.2em;	
	}

.callout{
	width:250px; 
	float:right; 
	margin-left:20px; 
	padding:10px; 
	position:relative;
	}
			
.callout-right{
	width: 200px;
	background-color: #F2F2EA;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	color: #333;
	margin-right: 10px;
	}
.home-box-txt{
	padding-left:10px;
	padding-right:10px;
	margin: 0em;
	color: #FFF;
	line-height: 1.5em;
	}	
.impt-title {
	font-size: 1.4em;
	font-weight:normal;
	color: #900;
	line-height: 1.2em;
	}
.largish-txt{
	font-size:110%; 
}

.small-txt{
	font-size: 0.75em; 
	color: #666;
}

.xsmall-txt {
	font-size: 0.6em; 
}
.uppercase{
  text-transform: uppercase;
	}

.hilite{
	background-color: #FF0;	
	}
/* home topics */
.home-topic{
	display:block;
	color:#fff;
	font-size:1.75em;
	line-height:1.5em;
	margin-top:3px;
	margin-bottom:0px;
	text-align:center;
	}
	
/*-- Lists
     ================================================== */

ol {color:#3E3E3E;}
ul {color:#3E3E3E;}
li {line-height: 1.5em; padding-bottom: .8em;}
li:last-child	{padding-bottom:0px;}

 
.list-acrobat {list-style-image: url(../img/icons/acrobat.png);}
.list-article {list-style-image: url(../img/icons/article-bullet.png);}
.list-carrot{list-style-image: url(../img/icons/bullet-carrot.png);}
.list-mike{list-style-image: url(../img/icons/bullet-mike.png);}
.list-round-check{list-style-image: url(../img/icons/bullet-circle-check.png);}
.list-blue-tick {list-style-image: url(../img/icons/tick-blue.png);}
.list-big-blue-tick {list-style-image: url(../img/icons/tick-big-blue.png);}
.list-blue-dot{list-style-image: url(../img/icons/bullet-dk-blue.png);}
.list-med-blue-dot{list-style-image: url(../img/icons/bullet-lt-blue.png);}
.list-blue-caret{list-style-image: url(../img/icons/blue-caret2.png);}

.list-green-dot {list-style-image: url(../img/icons/bullet-green.png);}
.list-orange-dot {list-style-image: url(../img/icons/bullet-orange.png);}
.list-white-dot {list-style-image: url(../img/icons/bullet-white.png);}
.list-white-tick{list-style-image: url(../img/icons/tick-white.png);}
.list-webinar{list-style-image: url(../img/icons/movie-bullet.png);}

.list2-carret{list-style-image: url(../img/icons/carret.png);margin-top: 0px;margin-bottom: 0px;}


/*-- Spacers
     ================================================== */
	 
.no-top-margin{margin-top:0px;}
.no-bottom-margin{margin-bottom:0px;}
.no-left-margin{margin-left:0px;}
.no-right-margin{margin-right:0px;}
.margin-left20{margin-left:20px;}
.margin-left40{margin-left:40px;}
.margin-right20{margin-right:20px;}
.top-margin10{margin-top:10px;}
.top-margin20{margin-top:20px;}
.top-margin40{margin-top:40px;}
.bottom-margin10{margin-bottom:10px;}
.bottom-margin20{margin-bottom:20px;}
.bottom-margin40{margin-bottom:40px;}

.left-margin10{margin-left:10px;}
.center-div{margin-left:auto;margin-right:auto;}
.center-txt{text-align:center;}

/*-- Background Colors
     ================================================== */
.bknd-lt-blue{background-color:#cddfee;}
.bknd-med-blue{background-color:#0079c2;}
.bknd-dark-blue{background-color:#0a4181; color:#ffffff;}
.bknd-orange {background-color:#e74c00;	}	
.bknd-green{background-color:#477f30;}
.bknd-lt-green{background-color:#c0d5ac;}
.bknd-oyster{background-color:#f6f2ef;}
.bknd-lt-gray{background-color:#f0f0f0;}
.bknd-lt-orange{background-color:#f6bea3;}
.bknd-neutral-green{background-color: #F2F2EA;}

/*-- Text Colors
     ================================================== */
.color-blue{color:#00539b;}
.color-orange {color:#e74c00;}
.color-yellow{color:#e74c00;}
.color-gray {color:#98999b;}
.color-gray2{color:#515151;}
.color-green {color:#477F30;}
.color-red-bold {font-weight: bold; color: #bf1b05;}
.color-red {color: #bf1b05;}
.color-white {color:#fff;}	

a.color-white{
	color:#fff;
	text-decoration:underline;
	}

a.color-white:hover{
	color:#C8EEF1;
	text-decoration:underline;
	}
a.color-white:active{
	color:#fff;
	text-decoration:underline;
	}
a.color-white:visited{
	color:#fff;
	text-decoration:underline;
	}


/*-- Buttons
     ================================================== */


/*orange button */
.btn-orange, .btn-orange:link, .btn-orange:visited {
  border-radius: 0em;
  border-style: solid;
  border-width: 0px;
  display: inline-block;
  background-color:#e74c00;
  color:#fff;
  padding: 10px 10px;
  text-decoration: none;
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s; }

.btn-orange:hover, .btn-orange:focus {
  color: #ffffff;
  background-color:#fa844b;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }

.btn-orange:active {
  color: #ffffff;
  background-color:#fa844b;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }

/*blue button */
.btn-blue, .btn-blue:link, .btn-blue:visited {
  border-radius: 0em;
  border-style: solid;
  border-width: 0px;
  display: inline-block;
  background-color:#0079c2;
  color:#fff;
  padding: 10px 10px;
  text-decoration: none;  
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s; }

.btn-blue:hover, .btn-blue:focus {
  color: #ffffff;
  background-color:#73beff;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }

.btn-blue:active {
  color: #ffffff;
  background-color:#73beff;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }

/*green button */

.btn-green, .btn-green:link, .btn-green:visited {
  display: inline-block;
  background-color:#477f30;
  color:#fff;
  padding: 10px 10px;
 
  text-decoration: none;  
  -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
  transition: color 0.4s, background-color 0.4s, border 0.4s; }

.btn-green:hover, .btn-green:focus {
  color: #ffffff;
  background-color:#68a94e;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }

.btn-green:active {
  color: #ffffff;
  background-color:#68a94e;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s; }
	
.large-btn{
 font-size:1.75em;
 margin-right:40px; 
 padding:30px 30px;

	}

.med-btn{
 font-size:1.25em;
 margin-right:40px; 
 padding:20px 20px;

	}


/*-- Tables
     ================================================== */

th {color:#fff; padding-top:5px; padding-bottom:5px;}


/*table hover row */
table.table-hover-row tbody tr:hover td, table.table-hover-cell td:hover {
  background-color:#CCEDFF;
}


/*table headings*/

.heading-orange {background-color: #e74c00;
	color: #fff;
	font-weight: bold;
	}
.heading-med-blue {
	background-color:#0079c2;
	color:#fff;
	font-weight: bold;
	}
 .heading-dk-blue {
	background-color:#0a4181;
	color:#fff;
	font-weight: bold;
	}	
.heading-green{
	background-color: #477f30;
	color:#C7E5D1;
	font-weight: bold;
	}				
.heading-dark-blue {
	background-color: #0a4181;
	color: #fff;
	font-weight: bold;
	}
/*CPG Table */

table.cpg{
	font-size:1em;
	line-height:1.5em; 
	border:#DCDCDC 1px solid;
	}

table.cpg th{
	border-top:#2372BC 2px solid;
	background-color:#9CD3F7;
	color:#3A3939;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}

table.cpg th.center{

	text-align:center;
	
	}
	
table.cpg td {
	border-top:#78AADD 2px solid;
	padding: 10px;
	margin-top:2px;
}

/* zebra stripe tbody on .cpg tables*/
table.cpg tbody tr:nth-child(even){
	background-color:#DFEFF9; 
	border-top:#78AADD 2px solid;
}	
	

/*Borderless Table */

table.noborder {
	border-spacing: 4px;
	border-collapse: collapse;
}
table.noborder th {
	padding: 10px;
}
table.noborder td {
	padding: 10px;
	margin-top:2px;
	border-spacing:4px;
	
}

/*Thin-border Table */	

table.thin {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #333;
	border-collapse: collapse;
}
table.thin th {
	border: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #333;
}
table.thin td {
	border: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #333;
}
table.none {
	border-width: 1px;
	border-spacing: 1px;
}
table.none td {
	padding: 4px;
}
table.none th {	
	padding: 4px;
	border-style: solid;
	
}

/*Top border Table */
table.thin2 {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #acadad;
	border-collapse: collapse;
}
table.thin2 th {
	border-top: 1px;
	padding: 6px;
	border-top-style: solid;
	border-top-color: #acadad;
}
table.thin2 td {
	border-top: 1px;
	padding: 6px;
	border-top-style: solid;
	border-top-color: #acadad;
}


table.thin3 {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #B3B2B2;
	border-collapse: collapse;
}
table.thin3 th {
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
	padding: 4px;
	border-style: solid;
	border-color: #D7D7D7;
}
table.thin3 td {
	border: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #D7D7D7;
}

	
/*-- Side Navigation
     ================================================== */
#side-nav {
	width:100%;
	background-color:#f5f5f5;
	padding-top: 5px;
	padding-bottom:5px;
	}
	
#side-nav h3{ margin-left:25px;}

#side-nav ul{
	list-style-type: none; 
	padding: 0;
	}
#side-nav li {
	margin-bottom: 0px;
	
}
#side-nav a {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
	color:#474747;
	padding: 1px 4px 4px 22px;
	text-decoration:none;

}
#side-nav a:link, #navlist a:visited {
	color: #474747;
	text-decoration: none; 
}
#side-nav a:hover {
	color: #ffffff;
	background-color:#2081C7;
}

#watch-learn{
	width:100%;
	background-color:#ccddbb;
	margin-top: 20px;
	padding-bottom:5px;
	padding-top:5px;
	}
#watch-learn h3{text-align:center; color:#437115;}

#watch-learn p{text-align:center; }


/*-- Page Structure Divs
     ================================================== */
header{
	width: 100%;
	height: 140px;
	border-bottom: 4px solid #0a4181;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
	}	
#heading{ /*redundant to support older pages */
	width: 100%;
	height: 140px;
	border-bottom: 4px solid #0a4181;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 64.77%,rgba(199,214,224,1.00) 100%);
	}
#logo {
	width:250px;
	height:75px;
	float:left;
	position:relative;
	margin-top:20px;
	}

.top-title{	
  display: inline-block;
  background-color:#f5f5f5;
  color:#666666;
  padding: 10px 10px;
  font-family: Arial, Helvetica, sans-serif;
  margin-top:0px;
  margin-right:0px;
	}

#toplinks{
	width:650px; 
	height:35px;
	overflow:hidden; 
	float:right;
	position:relative;
	text-align:right;
	}	

#top-nav{
	background-color:#033f83;
	color: #ffffff;
	float:right;
	position:relative;
	}
#top-nav p{
	font-family: Arial, Helvetica, sans-serif;
	font-color:#fff;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top:12px;
	}	
#top-nav a {
	color:#ffffff;
	text-decoration:none;
	}

#top-nav a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
	}
#top-nav a:hover, a:active {
	color: #d2e4f9;
	text-decoration: underline;
	}	
.callout-right{
	width: 200px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	color: #333;
	margin-right: 10px;
	}

#twocols{
	width: 1100px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#twocols-int{
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#main-container{
	width: 830px;
	position: relative;
	float: left;
	}
#main-container-landing{
	width: 940px;
	position: relative;
	float: left;
}
#maincol{
	float: left;
	display: inline;
	position: relative;
	width: 700px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 20px;
	margin-left: 30px;
 }

#maincol-int{
	float: right;
	display: inline;
	position: relative;
	width: 750px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-right: 30px;
 } 
#rightcol{
	width:240px;
	float:right;
	position:relative;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
 }
 #rightcol-int{
	width: 230px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 40px;
	margin-left: 20px;
 }

#leftcol{
	width: 230px;
	float: left;
	position: relative;
	padding-top: 0px;
	margin-top: 90px;
	margin-left: 25px;
 }
 

footer{
	font-size: 1em;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #ffffff;
	clear: both;
	background-color: #0a4181;
	height: 180px;
 }

#footer{ /*redundant to support older pages */
	font-size: 1em;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #ffffff;
	clear: both;
	background-color:#0a4181;	
	height: 200px; 
 }

.footer-leftcol{
	width:45%; 
	float:left; 
	position:relative;
	}
	
.copyright{
	font-size: 0.98em;
	line-height: normal;
	margin-top: 15px;
	padding-top: 0px;
	}
	
.footer-rightcol{
	width:25%; 
	float:right; 
	position:relative;
	
	}
	
/* wrapper for sticky footer */
.sticky-wrap{
	min-height: calc(100vh - 250px);
}

	
/* home page  divs */

#hero {
	width: 1100px;
	height: 266px;
	margin-top: 0px;
	position: relative;
	background-image: url(../img/hero-image.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}		
#welcome {
	width: 600px;
	float: right;
	background-color: rgba(255,255,255,0.89);
	margin-top: 5px;
	margin-right: 20px;
}
.float-row700{width:700px; float:left; position:relative;}
.float-row500{width:500px; float:left; position:relative;}
.float-row450{width:450px; float:left; position:relative;}
.float-row380{width:380px; float:left; position:relative;}
.float-row350{width:350px; float:left; position:relative;}
.float-row250{width:250px; float:left; position:relative;}
.float-row200{width:200px; float:left; position:relative;}
.float-row150{width:150px; float:left; position:relative;}


.inner-div{padding:10px 10px; position:relative;}


.welcome-box {width:580px; margin-left:0px; margin-bottom:10px; position:relative;}

.homebox-1{height: 250px; background-image: url(../img/nest-eggs.png); background-repeat: no-repeat; background-position: bottom right}
.homebox-2{height: 250px; overflow-x: visible;}
.homebox-3{height: 75px;}
.homebox-4{height: 135px;}

/*-- Results Page Items
     ================================================ */
/*top nav bar */
.top-bar {width:100%; height:45px; background-color:#0a4181; overflow:hidden;}

.results-bar {
	width:780px; 	
	background-color: #f5f5f5; 
	float:right; 
	}

.nav ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  
}
.nav li {  
    height: 30px;
    line-height: 45px;
    font-size: 1.4em;
	display: inline-block;
	white-space:nowrap;
	width:auto;
    position: relative;
	/*margin-right: -4px;*/
  
}
 
.nav a {
  text-decoration: none;
  color: #444;
  display: block;
  position:relative;
  transition: .3s background-color;
  padding-left:10px;
  padding-right:10px;
  
}
 
.nav a:hover {
  background-color: #e74c00;
  color:#fff;
}
 
.nav a.active {
  background-color:  #0079c1;
  color: #fff;
  cursor: default;
}
/*results message */

.result-box{
	width:100%; background-color:#f1efe0;padding-top:10px;
	}

.message-txt{
	font-size:1.2em;
	line-height:1.8em;
	}

.circle-tip{width:155px; margin-left:auto; margin-right:auto;}
	
/*results circle */

.circleBase {
    border-radius: 50%;
	margin:20px 20px 20px 20px;
}
.squareBase {
    border-radius: 20%;
	margin:15px 15px 15px 15px;
 
}

.results{
	width: 130px;
	height: 130px;
	background: #ffd35d;
	border: 10px solid white;	
	text-align:center;
	color:#fff;
	box-shadow:2px 2px 7px #3D3D3D;
	}

.results-shortfall{
	width: 130px;
	height: 130px;
	background: #e74c00;
	border: 10px solid white;	
	text-align:center;
	color:#fff;
	box-shadow:2px 2px 7px #3D3D3D;
	}
.results-excess{
	width: 130px;
	height: 130px;
	background:#477F30;
	border: 10px solid white;	
	text-align:center;
	color:#fff;
	box-shadow:2px 2px 7px #3D3D3D;
	}

.squareBase.results{
	width: 150px;
	height: 150px;
	background: #ffd35d;
	border: none;	
	text-align:center;
	color:#fff;
	box-shadow:none;
    padding-top:20px;
	}
.squareBase.results.results-shortfall{
	width: 150px;
	height: 150px;
	background: #e74c00;
	border: none;
	text-align:center;
	color:#fff;
	box-shadow:none;
	}
.squareBase.results.results-excess{
	width: 150px;
	height: 150px;
	background:#477F30;
	border: none;
	text-align:center;
	color:#fff;
	box-shadow:none;
	}
.result-head {
	font-size:1.3em;
	margin-top:20px;
	font-weight:bold;
	margin-bottom:0px;
    line-height:20px;
	}

.result-pct {
	font-size:2em;
	font-weight:bold;
	line-height:0em;
	margin-top:20px
	}

.chartVerticalLabel {
  position: relative;
  
  right:0px;   
  bottom:120px; 
  width:100px;
}
.chartVerticalLabel2 {
  position: relative;
  transform: rotate(-90deg);
  right:0px;   
  bottom:230px; 
  width:100px;
}
/*-- Float Fix
     ================================================== */

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*print styles */
#printhead{display:none;} 
 



@media print{ 

#twocols, #maincol{display:block;width:100%; float:none;}

/*hide these items when printing*/ 
#rightcol{display:none;} 
#header {
	display: none;
} 
#footer{display:none;} 
#nav-bar{display:none;}
#slider-wrapper {display:none;}
#hm-rt{display:none;}
}