/* CORI BODY/SITE/GLOBAL STYLES
********************************************************************/
.display-none {
	display: none;
}

#cori-retirement-income-planning,
#coriLayout {
	background: #efefef;
	color: #36444D;
	font-family: Arial, sans-serif;
	line-height: normal;
	margin: 0;
}
#cori-retirement-income-planning.stop-scrolling,
.stop-scrolling {
	height: 100%;
	overflow: hidden;
}
#cori-retirement-income-planning img,
#coriLayout img{
	border: none;
}
.cori-site-container {
	margin: 0 auto;
	text-align: center;
	width: 1024px;
}
#cori-retirement-income-planning h2,
#coriLayout h2 {
	font-size: 30px;
}

/********************************************************************
* Site Wrapper introduced for the updated VI						*
/*******************************************************************/
#cori-site-wrapper {
	margin: 0 auto;
	width: 1024px;
}
#cori-main-wrapper {
	position: relative;
	min-height: 600px;
	height: auto;
	overflow: hidden;
}
/********************************************************************
* Overrides a BLK style. Did this because the above global anchor	*
* ID selector is overriding the BLK class selector.					*
* TODO Remove this terrible override								*
********************************************************************/
#cori-retirement-income-planning .terms-wrapper .button,
#coriLayout .terms-wrapper .button {
	color: white;
}
/********************************************************************************************/
/*Common CSS for different steps
/********************************************************************************************/
.topContainer, .bottomContainer{
	padding: 20px 50px;
}
.bottomContainer {
	/*background : #E1E1E1;*/
	/*background: url(i/cori-main-content-bg.png) 0 0 repeat-x;*/
	background: #F6F4F4; /* Old browsers */
	background: -moz-linear-gradient(top,  #F6F4F4 0%, #E1DFDF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F4F4), color-stop(100%,#E1DFDF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F6F4F4 0%,#E1DFDF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F6F4F4 0%,#E1DFDF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F6F4F4 0%,#E1DFDF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #F6F4F4 0%,#E1DFDF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F4F4', endColorstr='#E1DFDF', GradientType=0 ); /* IE6-9 */
	border-top: 1px solid #E8E7E7;
	min-height: 420px;
}
.topContainer {
	min-height: 100px;
}
.topContainer .left-info,
.bottomContainer .left-info {
	float: left;
	margin-right: 50px;
	width: 550px;
}
.topContainer .left-info p {
	font-family: AkkuratProRegular, Arial, sans-serif;
	font-size: 17px;
	margin: 0;
}
.topContainer .right-info,
.bottomContainer .right-info {
	float: left;
	width: 320px;
}
.topContainer .right-info p{
	margin: 0;
}
#cori-main-wrapper h1,
#cori-main-wrapper h2 {
	color : #10708F;
	font-weight: normal;
	margin: 10px 0;
	text-align: left;
}
#cori-main-wrapper h1 {
	font-family: AkkuratProRegular, Arial, sans-serif;
	font-size: 22px;

}
#cori-main-wrapper h2 {
	font-family: AkkuratProRegular, Arial, sans-serif;
	font-size: 18px;
}
#cori-main-wrapper p {
	text-align: left;
}
.video-text {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-top: 5px;
}
.video-text p {
	font-size: 15px;
}
.video-img {
	float: left;
	width: 130px;
}
.video-img img {
	cursor: pointer;
	margin: 10px 0;
}
a#notInAgeGroup,
a#whatsThis  {
	color: #0f6eb7;
	font-size: 13px;
	position: absolute;
	top: 220px;
	left: 40px;
}
a#whatsThis {
	left: 75px;
}
.retirementIncomeText,
.nextStepsTextSection{
	float: left;
	font-size: 16px;
	text-align: left;
	width: 570px;
}
.retirementIncomeText p {
	line-height: normal;
	margin: 15px 0;
}
.retirementIncomeButton,
.nextStepsButtonSection {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	width: 330px;
}
.cori-next-button {
	background: #0079CD; /* Old browsers */
	background: -moz-linear-gradient(top,  #0079CD 0%, #0045A5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079CD), color-stop(100%,#0045A5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0079CD 0%,#0045A5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0079CD 0%,#0045A5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0079CD 0%,#0045A5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0079CD 0%,#0045A5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079CD', endColorstr='#0045A5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: normal;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	/* IE6 & IE7 */
	*display: inline;
	zoom: 1;
}
.cori-next-step-button {
	background: url(i/cori-next-button-bg.png) 0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	height: 35px;
	line-height: normal;
	padding: 10px 5px;
	text-decoration: none;
	text-transform: uppercase;
	/* IE6 & IE7 */
	*display: inline;
	width: 340px;
	zoom: 1;
}
.cori-next-button:hover {
	background: #0045A5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0045A5 0%, #0079CD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0045A5), color-stop(100%,#0079CD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0045A5 0%,#0079CD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0045A5 0%,#0079CD 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0045A5 0%,#0079CD 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0045A5 0%,#0079CD 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045A5', endColorstr='#0079CD',GradientType=0 ); /* IE6-9 */
}
#desired-annual-ret-income h3 {
	color : #10708F;
	float: left;
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin-top: 10px;
	text-align : left;
	width: 470px;
}
.ui-slider-horizontal .ui-slider-range-min {
	background: #006D79;
}

.info-wrapper {
	margin-bottom: 20px;
}
.cori-summary-button{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ccc;
	color: #005eb8;;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* IE6 & IE7 */
	*display: inline;
	text-decoration: none;
	zoom: 1;
}
.cori-summary-button:hover {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.portfolio-summarytext {
	color: #414040;
	position: absolute;
	left: 220px;
	top: 5px;
	width: 450px;
}
.portfolio-summarytext p {
	font-size: 13px;
	margin: 0px;
}

/* qtip widths */
#notInAgeGroupTipContent,
#whatsThisTipContent,
#whatShouldIIncludeHereTipContent,
#whatIsAnnualRetirementIncomeTipContent,
#desiredIncomeInfoTipContent,
#savingsInfoTipContent,
#rangeInfoTipContent,
.portfolio-section-tip {
	width: 280px;
}

#desiredIncomeInfoTipContent,
#rangeInfoTipContent {
	width: 200px;
}

/* CORI HEADER
********************************************************************/
#coriHeader {
	background: white;
	border-top: 7px solid #eef1f3;
	/*position: fixed;Dushyant commented*/
	top: 0;
	/*width: 100%;Dushyant commented
	z-index: 3; /* Set to 3 to go above the slider handle for the age slider */
}
#coriHeader .cori-site-container {
	height: 52px;
	text-align: right;
}
#coriHeader #logo {
	float: left;
	margin-left: 30px;
	padding-top: 15px;
}
#coriHeader ul {
	/*margin: 0;  Reset User Agent Style
	padding-right: 90px;
	padding-top: 20px; Dushyant commented*/
	font-size: 12px;
	margin: 0;
	margin-bottom: 15px;
	position: relative;
	right: 30px;
	z-index: 8;
}
#coriHeader ul li {
	border-color: #eef1f3;
	border-style: solid;
	border-width: 0 1px 1px;
	color: #767676;
	display: inline-block;
	line-height: normal;
	margin-left: -4px;
	padding: 4px 10px 4px 0;
	position: relative;
	*display: inline;
	*line-height: 20px;
	*padding-bottom: 0;
}
#coriHeader ul li.bold{
	font-size: 14px;
	font-weight: bold;
}
#coriHeader ul li a{
	padding : 5px 20px 4px 15px;
}

#coriHeader ul li a {
	color: #6b6d70;
	text-decoration: none;
}
#coriHeader ul li a:hover {
	text-decoration: underline;
}
#coriHeader ul li a#returnToCoriTool {
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 13px;
	margin-left: 10px;
	padding: 0 10px;
	text-decoration: none;
	background: #97d238; /* Old browsers */
	background: -moz-linear-gradient(top,  #00a9df 0%, #008cba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a9df), color-stop(100%,#008cba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00a9df 0%,#008cba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00a9df 0%,#008cba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00a9df 0%,#008cba 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00a9df 0%,#008cba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9df', endColorstr='#008cba', GradientType=0 ); /* IE6-9 */

	border-radius: 5px;
	moz-border-radius: 5px;
}
#shareCoriContent {
	display: none;
	font-size: 13px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0;
}
#shareCoriContent li {
	padding-bottom: 5px;
}
#shareCoriContent li a {
	background: url(i/sprite-social-media-logo-icons-16px.png) 0 0 no-repeat;
	color: #666;
	padding: 2px 0 0 18px;
	text-decoration: none;
}
#shareCoriContent li a:hover {
	text-decoration: underline;
}
#shareCoriContent li a#shareOnTwitter {
	background-position: 0 -27px;
}
#shareCoriContent li a#shareOnFacebook {
	background-position: 0 -54px;
}
#shareCoriContent li a#shareOnLinkedin {
	background-position: 0 -82px;
}

a#whatIsCori {
	background: url(i/cori-small-icon.png) center right no-repeat;
	margin-bottom: 0;
}

.share-cori {
	background: url(i/share-icon.png) center right no-repeat;
}
#watchVideo {
	background: url(i/video-icon.png) center right no-repeat;
}


/* STEP COUNTER / PROGRESS BAR
******************************************************************************************/
#stepCounter {
	background: url(i/nav-bg.png) 0 0 repeat-x; /* Old browsers */
	top: 52px;
}
#stepCounter .cori-site-container {
	height: 41px;
}
#stepCounter ul {
	margin: 0; /* Reset User Agent Style */
	position: relative;
	padding: 0;
	text-align: left;
	display: table;
	width: 100%;/*Dushyant Added*/
}
#stepCounter ul li {
	display: table-cell;
	list-style: none;
	padding: 0;
	position: relative;
	width: auto;
	z-index: 1;
}

#stepCounter ul li a {
	background: url(i/nav-arrow.png) top right no-repeat;
	color: #414042;
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	line-height: 40px;
	display: block;
	padding: 0 40px 0 60px;
}
#stepCounter ul li span.step-serial{
	background: url(i/disabled-circle.png) 0 0 no-repeat;
	color: #fff;
	float: left;
	font-weight: bold;
	height: 24px;
	margin: 9px 0 0 27px;
	padding: 2px 0 0 6px;
	width: 24px;
}

#stepCounter ul li.visited span.step-serial{
	color: #FFF;
	background: url(i/enabled-circle.png) 0  0 no-repeat;
}
#stepCounter ul li.visited a {
	color: #0F6EB7
}
#stepCounter ul li.disabled a {
	color: #6b7885
}

#stepCounter .over-65 ul li#progressStatus3 a,
#stepCounter ul li#progressStatus4 a {
	background: none;
}

#stepCounter ul li a:hover {
	cursor: pointer;
	text-decoration: underline;
}
#stepCounter.current-step-1 li.progressStatus1,
#stepCounter.current-step-2 li#progressStatus2,
#stepCounter.current-step-3 li#progressStatus3,
#stepCounter.current-step-4 li#progressStatus4	{
	background: url(i/nav-active-bg.png) 0 0 repeat-x;
}
#stepCounter.current-step-1 li.progressStatus1 a,
#stepCounter.current-step-2 li#progressStatus2 a,
#stepCounter.current-step-3 li#progressStatus3 a {
	background: url(i/nav-active-arrow.png) top right no-repeat;
	color: #414042;
}
#stepCounter.current-step-4 li#progressStatus4 a {
	color: #414042;
}

#stepCounter.current-step-2 li.progressStatus1 a,
#stepCounter.current-step-3 li#progressStatus2 a,
#stepCounter.current-step-4 li#progressStatus3 a {
	background: url(i/nav-active-left.png) top right no-repeat;
}

/*#stepCounter.current-step-2 li.progressStatus1 a,
#stepCounter.current-step-3 li#progressStatus2 a,
#stepCounter.current-step-3 li.progressStatus1 a,
#stepCounter.current-step-4 li.progressStatus1 a,
#stepCounter.current-step-4 li#progressStatus2 a,
#stepCounter.current-step-4 li#progressStatus3 a{
	color: #0F6EB7;
}*/
/*#stepCounter.current-step-1 li#progressStatus2 a,
#stepCounter.current-step-1 li#progressStatus3 a,
#stepCounter.current-step-1 li#progressStatus4 a,
#stepCounter.current-step-2 li#progressStatus3 a,
#stepCounter.current-step-2 li#progressStatus4 a,
#stepCounter.current-step-3 li#progressStatus4 a {
	color: #6b7885;
}*/
#stepCounter.current-step-1 li#progressStatus2 a:hover,
#stepCounter.current-step-2 li#progressStatus3 a:hover {
}
#stepCounter.current-step-1 li#progressStatus2.disabled a:hover,
#stepCounter.current-step-1 li#progressStatus3.disabled a:hover,
#stepCounter.current-step-1 li#progressStatus4.disabled a:hover,
#stepCounter.current-step-2 li#progressStatus3.disabled a:hover,
#stepCounter.current-step-2 li#progressStatus4.disabled a:hover,
#stepCounter.current-step-3 li#progressStatus4.disabled a:hover {
	cursor: auto;
	text-decoration: none;
}
#stepCounter.current-step-1 li#progressStatus3,
#stepCounter.current-step-1 li#progressStatus4 {
	cursor: auto;
}

#stepCounter.current-step-1 li.progressStatus1 span.step-serial,
#stepCounter.current-step-2 li#progressStatus2 span.step-serial,
#stepCounter.current-step-3 li#progressStatus3 span.step-serial,
#stepCounter.current-step-4 li#progressStatus4 span.step-serial {
	color: #414042;
	background: url(i/current-circle.png) 0 0 no-repeat;
}

/*#stepCounter.current-step-2 li.progressStatus1 span.step-serial,
#stepCounter.current-step-3 li#progressStatus2 span.step-serial,
#stepCounter.current-step-3 li.progressStatus1 span.step-serial,
#stepCounter.current-step-4 li#progressStatus3 span.step-serial,
#stepCounter.current-step-4 li#progressStatus2 span.step-serial,
#stepCounter.current-step-4 li.progressStatus1 span.step-serial{
	color: #FFF;
	background: url(i/enabled-circle.png) 0  0 no-repeat;
}
/* STEPS
******************************************************************************************/
#step1,
#step2,
#step3,
#step3Over65,
#step4 {
	position: absolute;
	float: left;
	width: 1028px;
	background: #FFF;
}
#step2,
#step3,
#step3Over65,
#step4 {
	display: none;
	min-height: 600px;
}
#step1.active-step,
#step2.active-step,
#step3.active-step,
#step3Over65.active-step,
#step4.active-step {
	display: block;
	*left: 0;
	z-index: 10000;/*Dushyant Added*/
}
/* STEP 1 Tell CoRI Your Age
******************************************************************************************/
#step1 h1 span {
	font-size: 18px;
	vertical-align: top;
}
#step1 div.cori-desc p{
	font-size: 17px;
	margin: 0 auto 10px;
	text-align: left;
	/*width: 640px;*/
}
#step1 #ageContainer {
	height: 270px;
	padding-bottom: 30px;
	position: relative;
}
#step1 #ageContainer #ageSelection {
	*left: 0; /* IE7 centers this otherwise */
	left: 10px;
	position: absolute;
	top: 15px;
	width: 215px;
}
#step1 #ageContainer #ageSelection #age {
	color : #10708F;
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 22px;
	padding-bottom: 80px;
}
#step1 .ui-slider-horizontal .ui-slider-range-min {
	background: #8B8C8B;
}
#step1 .ui-slider-horizontal .ui-slider-range-min.min-active {
	background: #006D79;
}
#step1 #ageContainer #ageSelection #ageSlider {
	background: #8B8C8B;
	border: none;
	height: 5px;
	float: left;
	width: 182px;
	margin-left: 18px;
}
#step1 #ageContainer #ageSelection a.ui-slider-handle {
	background: url(i/slider-handle-blue-border.png) -14px -12px no-repeat;
	border: 0;
	cursor: pointer;
	height: 41px;
	padding: 0;
	top: -17px;
	width: 35px;
}
#step1 #ageContainer #ageSelection a.ui-slider-handle.callOut-active {
	font-size: 24px;
	padding: 5px 10px 10px 14px;
	text-decoration: none;
	background: url(i/slider-handle-call-out.png) center top no-repeat;
	height: 72px;
	top: -64px;
	width: 35px;
}
#step1 #ageContainer #ageSelection #ageSlider #minAge,
#step1 #ageContainer #ageSelection #ageSlider #maxAge {
	color: #9da2ab;
	display: inline;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 20px;
	position: absolute;
	left: -30px;
	top: -10px;
}
#step1 #ageContainer #ageSelection #ageSlider #maxAge {
	left: 189px;
}
#step1 #ageContainer #ageSelection a {
	padding: 10px;
	text-decoration: none;
}
#step1 #ageContainer #ageSelection a:hover {
	text-decoration: underline;
}
#step1 #arrow-divider-one,
#step1 #arrow-divider-two {
	background: url(i/separator-arrow.png) 0 0 no-repeat;
	position: absolute;
	top: 70px;
	left: 295px;
	height: 120px;
	width: 25px;
}
#step1 #arrow-divider-two {
	left: 622px;
}
#step1 #ageContainer #fiveFactorsOverlay {
	cursor: pointer;
	position: absolute;
	left: 310px;
	height: 330px;
	width: 330px;
}
#step1 #ageContainer #fiveFactorsOverlay img {
	position: absolute;
	top: -10px;
	left: 25px;
}
#step1 #ageContainer #fiveFactorsOverlay p {
	color: #0f6eb7;
	font-size: 13px;
	line-height: normal;
	margin-top: 246px;
	text-align: center;
}
#step1 #ageContainer #fiveFactorsOverlay:hover p {
	text-decoration: underline;
}
#step1 #ageContainer #fiveFactors {
	display: none;
	left: 240px;
	position: absolute;
	top: -10px;
	width: 451px;
	z-index: 1;
}

#step1 #ageContainer #fiveFactors .fiveFactorsText {
	line-height: normal;
	margin: 0;
	position: relative;
	font-size: 13px;
	text-align: center;
	top: -10px;
}

#step1 #ageContainer #fiveFactorsChart {
	cursor: pointer;
	position: absolute;
	right: 45px;
}
#step1 #ageContainer #fiveFactors .open-overlay {
	color: #0372a9;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin-top: 276px;
	padding-right: 20px;
	vertical-align: top;
	width: 65px;
}
#step1 #ageContainer #fiveFactors .open-overlay.active {
	color: #36444d;
}
#step1 #ageContainer #fiveFactors .open-overlay:hover {
	text-decoration: underline;
}
#step1 #ageContainer #fiveFactors .open-overlay.active:hover {
	text-decoration: none;
}
#step1 #ageContainer #fiveFactors div {
	background: url(i/factor-bg-sprite.png) 40px 0 no-repeat;
	color: white;
	display: none;
	height: 276px;
	position: absolute;
	top: 15px;
	width: 451px;
}
#step1 #ageContainer #fiveFactors div a.close-factor {
	background: url(i/factor-close-button-sprite.png) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 33px;
	margin: 36px 0 0 342px;
	/* Ie7 doesn't align the close icon with the edge of the bubble */
	width: 40px;
}
#step1 #ageContainer #fiveFactors div a.close-factor:hover {
	background-position: 1px -42px;
}
#step1 #ageContainer #fiveFactors div#inflationOverlay a.close-factor {
	background-position: 1px -84px;
}
#step1 #ageContainer #fiveFactors div#inflationOverlay a.close-factor:hover {
	background-position: 1px -126px;
}
#step1 #ageContainer #fiveFactors div#riskOverlay a.close-factor {
	background-position: 1px -168px;
}
#step1 #ageContainer #fiveFactors div#riskOverlay a.close-factor:hover {
	background-position: 1px -210px;
}
#step1 #ageContainer #fiveFactors div#interestRatesOverlay a.close-factor {
	background-position: 1px -252px;
}
#step1 #ageContainer #fiveFactors div#interestRatesOverlay a.close-factor:hover {
	background-position: 1px -294px;
}
#step1 #ageContainer #fiveFactors div#lifeExpectancyOverlay a.close-factor {
	background-position: 1px -336px;
}
#step1 #ageContainer #fiveFactors div#lifeExpectancyOverlay a.close-factor:hover {
	background-position: 1px -378px;
}
#step1 #ageContainer #fiveFactors div dt {
	font-size: 18px;
	font-weight: bold;
	margin: -20px auto 10px;
	width: 250px;
}
#step1 #ageContainer #fiveFactors div dd {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.85em;
	margin: 20px 90px 0;
}
#step1 #ageContainer #fiveFactors div dd p {
	font-family: AkkuratProLight, Arial, sans-serif;
	text-align: center;
}
#step1 #ageContainer #fiveFactors div#inflationOverlay {
	background-position: 40px -335px;
}
#step1 #ageContainer #fiveFactors div#riskOverlay {
	background-position: 40px -665px;
}
#step1 #ageContainer #fiveFactors div#interestRatesOverlay {
	background-position: 40px -995px;
}
#step1 #ageContainer #fiveFactors div#lifeExpectancyOverlay {
	background-position: 40px -1328px;
}
#step1 #ageContainer #coriValueSelector {
	position: absolute;
	right: 20px;
	top: 15px;
	width: 250px;
}
#step1 #ageContainer #coriValueSelector #coriValueLabel {
	color : #10708F;
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 22px;
	width: 270px;
}
#step1 #ageContainer #coriValueSelector #coriValueLabel  p{
	margin: 0;
}
#step1 #ageContainer #coriValueSelector #coriValueContainer.disabled {
	color: #c7cccf;
}
#step1 #ageContainer #coriValueSelector #coriValueContainer {
	color: #414042;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 40px;
	margin-left: -19px;
	margin-top: 34px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#step1 #ageContainer #coriValueSelector #coriValueContainer #coriValueUnits {
	font-size: 24px;
}
#step1 #ageContainer #coriValueSelector a {
	padding: 10px;
	text-decoration: none;
}
#step1 #ageContainer #coriValueSelector a:hover {
	text-decoration: underline;
}
#step1 #ageContainer #notInAgeGroupTipContent,
#step1 #ageContainer #coriValueSelector #whatsThisTipContent {
	display: none;
	font-size: 13px;
}
/* These are in #step1 #ageContainer but the tooltip is drawn at
* the bottom of the DOM */
#notInAgeGroupTipContent a,
#whatsThisTipContent a {
	text-decoration: none;
}
#notInAgeGroupTipContent a:hover,
#whatsThisTipContent a:hover,
#coriValueSelector a:hover {
	text-decoration: underline;
}
#step1 #calculateRetirementIncomeWrapper {
	display: none;
	height: 60px;
	margin-top: 30px;
}

/* STEP 2 Work with CoRI
******************************************************************************************/
#step2 h2 {
	font-family: AkkuratProLight, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}
#step2 label {
	color: #10708f;
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 22px;
}
#step2 .topContainer .left-info {
	margin-right: 20px;
	width: 900px;
}
#step2 #yourCoriIndexLevelContainer {
	height: 272px;
	padding-bottom: 30px;
	position: relative;
}
#step2 #yourCoriIndexLevelContainer img {
	position: absolute;
	left: 50px;
	top: 20px;
}
/* These styles are needed to position above the spinning CoRI Mark */
#step2 #yourCoriIndexLevelContainer h3,
#step2 #yourCoriIndexLevelContainer span {
	line-height: normal;
	position: relative;
}
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel {
	height: 272px;
	left: 275px;
	position: absolute;
	top: 15px;
	width: 344px;
}
#step2 #yourCoriIndexLevelContainer #containCoriAboveSpinner {
	width: 200px;
	margin: 92px 0 0 86px;
}
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel #yourCori,
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel #indexLevel {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel #yourCori {
	display: block;
}
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel label {
	margin-left: 20px;
}
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel h3 {
	color: #17A8E3;
	font-size: 32px;
	margin: 0 0 0 -10px;
}
#step2 #yourCoriIndexLevelContainer #yourCoriIndexLevel h3 sup {
	color: #17A8E3;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 11px;
	margin-right: -10px;
	vertical-align: top;
}
#step2 #yourCoriIndexLevelContainer #savings.active-input-field,
#step2 #yourCoriIndexLevelContainer #desiredIncome.active-input-field {
	/*color: #0372A9;*/
}
#step2 #yourCoriIndexLevelContainer #savingsSelection,
#step2 #yourCoriIndexLevelContainer #desiredIncomeSelection {
	position: absolute;
	top: 15px;
	width: 265px;
}
#step2 #yourCoriIndexLevelContainer #savingsSelection #whatShouldIIncludeHere,
#step2 #yourCoriIndexLevelContainer #desiredIncomeSelection #whatIsAnnualRetirementIncome {
	color: #0f6eb7;
	cursor: pointer;
	display: block;
	font-size: 13px;
	padding-top: 30px;
}
#step2 #yourCoriIndexLevelContainer #savingsSelection #whatShouldIIncludeHere:hover,
#step2 #yourCoriIndexLevelContainer #desiredIncomeSelection #whatIsAnnualRetirementIncome:hover {
	text-decoration: underline;
}
#step2 #yourCoriIndexLevelContainer #savingsSelection #whatShouldIIncludeHereTipContent,
#step2 #yourCoriIndexLevelContainer #desiredIncomeSelection #whatIsAnnualRetirementIncomeTipContent {
	display: none;
	font-size: 13px;
}
#step2 #yourCoriIndexLevelContainer #savingsSelection {
	left: 20px;
}
#step2 #yourCoriIndexLevelContainer #desiredIncomeSelection {
	right: 20px;
}
#step2 #yourCoriIndexLevelContainer #savings,
#step3 #inputDesiredIncome {
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #414042;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 36px;
	margin-top: 75px;
	padding: 0 5px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	width: 235px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#step2 #yourCoriIndexLevelContainer #desiredIncome  {
	color: #414042;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 40px;
	margin-left: -19px;
	margin-top: 75px;
	margin-bottom: 35px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#step2 #savingsSlider{
	/* Using background image to keep rounded corners in IE9 since filter kills border-radius */
	background: #8B8C8B;
	border: none;
	height: 5px;
	width: 245px;
	margin: 20px 0 10px 10px;
}
#step2 #savingsSlider .ui-slider-handle {
	/* jquery slider handle overrides */
	background: url(i/slider-handle-blue-border.png) -10px -10px no-repeat;
	border: 0;
	cursor: pointer;
	height: 41px;
	top: -15px;
	width: 40px;
}
#step2 #getRetirementIncomeWrapperUnder65,
#step2 #getRetirementIncomeWrapperOver65 {
	display: none;
	height: 58px;
	margin-top: 30px;
}
#step2 .cori-button {
	background: url(i/sprite-buttons.png) 0 0 no-repeat;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 16px;
	height: 66px;
	line-height: 50px;
	margin: 0 15px;
	text-decoration: none;
	width: 155px;
}
#step2 a#iNeedSomeHelp {
	background-position: center -304px;
}
#step2 a#iNeedSomeHelp:hover {
	background-position: center -379px;
	text-decoration: underline;
}

#step2 .retirementIncomeButton {
	margin-left: 50px;
	width: 280px;
}
#step2 #step2Button {
	background: url(i/cori-next-button-bg-small.png) 0 0 no-repeat;
	width: 280px;
}

/* Step 3
***********************************************************************************************/
/*#step3 .topContainer {
	min-height: 40px;
}*/
#step3 .topContainer .left-info {
	margin-right: 20px;
	width: 900px;
}
#step3 .bottomContainer {
	min-height: 520px;
}
#step3 #desiredAnnualIncomeSlider {
	/* Using background image to keep rounded corners in IE9 since filter kills border-radius */
	background: url(i/slider-bg.png) 0 0 no-repeat;
	border-radius: 8px;
	margin-top: 20px;
}
#step3 #inputDesiredIncomeSlider {
	/* Using background image to keep rounded corners in IE9 since filter kills border-radius */
	/*background: url(i/slider-bg.png) 0 0 no-repeat;*/
	background: #8B8C8B;
	border: none;
	float: left;
	height: 5px;
	margin-top: 18px;
	width: 180px;
}
#step3 #inputDesiredIncomeSlider .ui-slider-handle {
	/* jquery slider handle overrides */
	background: url(i/slider-handle-blue-border.png) -10px -10px no-repeat;
	border: 0;
	cursor: pointer;
	height: 41px;
	top: -15px;
	width: 40px;
}
#step3 #inputDesiredIncome {
	font-size: 30px;
	margin: 0 0 0 20px;
	text-align: left;
	width: 205px;
}
#step3 .portfolio-section-container {
	float: left;
	margin-top: 20px;
}
#step3 .left-to-portfolio-section {
	float: left;
	margin-right: 80px;
	margin-top: 30px;
	width: 170px;
}
#step3 .left-to-portfolio-section h2 {
	font-family: AkkuratProLight;
}
/*Some styles reused for step4 : TODO :: make these styles generic*/

#step3 .right-portfolio-section,
#step4 .right-portfolio-section {
	float: left;
	width: 675px;
}
#step3 #disabled-portfolio-section {
	background: url(i/scheme-disabled-bg.png) 0 0 no-repeat;
	float: left;
	height: 331px;
	width: 678px;
}
#step3 #enabled-portfolio-section {
	display: none;
}
#step4 #enabled-portfolio-section .section-headers,
#step3 #enabled-portfolio-section .section-headers {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
#step3 #enabled-portfolio-section .section-header-label{
	color: #10708f;
	float: left;
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 33%;
}
#step3 #enabled-portfolio-section .section-header-label.label1{
	margin-left: 15px;
	width: auto;
}
#step3 #enabled-portfolio-section .section-header-label.label2{
	margin-left: 55px;
	width: auto;
}
#step3 #enabled-portfolio-section .section-header-label.label3{
	margin-left: 33px;
	width: auto;
}
#step3 #enabled-portfolio-section .section-info,
#step3 #desired-annual-ret-income #desiredIncomeInfo {
	background: url(i/info-icon.png) 0 0 no-repeat;
	height: 20px;
	display: inline-block;
	position: relative;
	left: 0;
	top: 5px;
	width: 20px;
}
#step3 #enabled-portfolio-section .section-info:hover,
#step3 #desired-annual-ret-income #desiredIncomeInfo:hover {
	cursor: pointer;
}
#step3 #enabled-portfolio-section .section-content,
#step4 #enabled-portfolio-section .section-content {
	border: 1px solid #FFF;
	border-radius: 5px;
	float: left;
	margin: 0 0 30px 0;
	background: #FFF;
	height: 60px;
	position: relative;
	width: 100%;
}
#step3 .portfolio-image,
#step4 .portfolio-image {
	position: absolute;
	left: 10px;
	top: -12px;
	height: 82px;
	width: 82px;
}

#step3 .portfolio-label,
#step4 .portfolio-label {
	color: #575658;
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	height: 62px;
	line-height: 14px;
	padding-left: 96px;
	text-align: left;
	width: 100px;
	vertical-align: middle;
}
#step3 .portfolio-savings {
	color: #414040;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 27px;
	position: absolute;
	left: 240px;
	top: 15px;
}
#step3 .portfolio-savings#savings-portfolio-3{
	color: #1F8938;
}
#step3 #inputRetirementSavings {
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid #dcdcdc;
	display: none;
	color: #414042;
	font-family: AkkuratProBold, Arial, sans-serif;
	font-size: 25px;
	margin-left: -10px;
	padding: 0 5px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	width: 170px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#step3 #edit-curr-ret-savings {
	background: url(i/edit-icon.png) 0 0 no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 0 0 10px;
	width: 20px;
}
#step3 .left-to-portfolio-section  .current-ret-savings,
#step3 .left-to-portfolio-section  .est-income-value
{
	font-size: 22px;
	font-family: AkkuratProBold, Arial, sans-serif;
	text-align: left;
}
#step3 #currentRetirementSavingsSlider {
	background: #8B8C8B;
	border: none;
	display: none;
	height: 5px;
	float: left;
	margin: 20px 0 30px -5px;
	width: 175px;
}
#step3 #currentRetirementSavingsSlider .ui-slider-handle {
	/* jquery slider handle overrides */
	background: url(i/slider-handle-blue-border.png) -10px -10px no-repeat;
	border: 0;
	cursor: pointer;
	height: 41px;
	top: -15px;
	width: 40px;
}

#step3 #step3StatusMessageContainer {
	display: none;
	float: left;
	width: 100%;
}
#step3 .nextStepsTextSection {
	width: 590px;
}

#step3 .nextStepsButtonSection {
	margin-left: 40px;
	width: 280px;
}

#step3 #nextStepsButton {
	background: url(i/cori-next-button-bg-small.png) 0 0 no-repeat;
	width: 280px;
}
/*for annual range*/
#step3 .range-portfolio{
	background: #CCC;
	float: left;
	position: relative;
	height: 30px;
	left: 440px;
	top: -44px;
	width: 205px;
}
#step3 .divider{
	background: #000;
	height: 30px;
	float: left;
	width: 1px;
}
#step3 .leftRange,
#step3 .rightRange{
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(left, #18ADE4 0%, #1067BA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#18ADE4), color-stop(100%,#1067BA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #18ADE4 0%,#1067BA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #18ADE4 0%,#1067BA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #18ADE4 0%,#1067BA 100%); /* IE10+ */
	background: linear-gradient(to right, #18ADE4 0%,#1067BA 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18ADE4', endColorstr='#1067BA',GradientType=1 ); /* IE6-9 */
	height: 30px;
	float: left;
	position: relative;
	width: 102px;
}
#step3 .rightRange {
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(left, #1067BA 0%, #18ADE4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1067BA), color-stop(100%,#18ADE4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1067BA 0%,#18ADE4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1067BA 0%,#18ADE4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1067BA 0%,#18ADE4 100%); /* IE10+ */
	background: linear-gradient(to right, #1067BA 0%,#18ADE4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1067BA', endColorstr='#18ADE4',GradientType=1 ); /* IE6-9 */
}
#step3 .leftRange span,
#step3 .rightRange span {
	color: #FFF;
	font-size: 12px;
	position: absolute;
	left: 5px;
	top: 8px;
}
#step3 .rightRange span{
	right: 5px;
	text-align: right;
}
#step3 .range-portfolio span.retirementIncome {
	position: absolute;
	top: -15px;
	left: 88px;
	font-size: 12px;
}
#step3 .range-portfolio .min-annual-range,
#step3 .range-portfolio .max-annual-range {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 7px;
	z-index: 999999;
}
#step3 .range-portfolio .min-annual-range {
	left: 5px
}
#step3 .range-portfolio .max-annual-range{
	right: 5px;
}
#step3 #desiredIncomeInfoTipContent,
#step3 #portfolioInfoTipContent,
#step3 #savingsInfoTipContent,
#step3 #rangeInfoTipContent {
	font-size: 13px;
	display: none;
}


/* Step 3 Styles End here
***********************************************************************************************/



/* Step4
***********************************************************************************************/
#step4 .bottomContainer {
	min-height: 560px;
}

#step4 .right-portfolio-section {
	width: 705px;
}

#step4 .summary-gadget{
	float: left;
	margin: 5px 20px 20px 0;
}

#step4 .summary-gadget .summary-img {
	float: left;
	height: 50px;
	width: 46px;
}

#step4 .summary-gadget .summary-text {
	margin-left: 54px;
}

#step4 .summary-gadget #cal-icon {
	background: url(i/cori-calendar-icon.png) 0 -2px no-repeat;
}
#step4 .summary-gadget #savings-icon {
	background: url(i/cori-savings-icon.png) 0 2px no-repeat;
}
#step4 .summary-gadget #est-income-icon {
	background: url(i/cori-est-income-icon.png) 0 12px no-repeat;
}
#step4 .summary-gadget #des-income-icon {
	background: url(i/cori-income-icon.png) 0 2px no-repeat;
}
#step4 .bottomContainer .left-info .summary-gadget p {
	font-size: 13px;
	font-family: AkkuratProLight;
	margin-bottom: 0;
}
#step4 .summary-gadget span {
	color: #090;
	font-size: 20px;
}

#step4 .cori-logo-section {
	background: url(i/cori-logo-medium.png) 0 0 no-repeat;
	height: 140px;
	margin: 20px 0 35px;
	width: 140px;
}

#step4 .topContainer .left-info,
#step4 .bottomContainer .left-info {
	margin-right: 20px;
	text-align: left;
	width: 705px;
}
/*#step4 .topContainer .left-info{
	width: 800px;
}
#step4 .topContainer .right-info{
	text-align: left;
	width: 100px;
}*/
#step4 .bottomContainer .left-info  p {
	font-size: 16px;
	margin-top: 0;
}
#step4 .bottomContainer .left-info  .portfolio-summarytext p{
	font-size: 13px;
}
#step4 .bottomContainer .left-info .portfolio-wrapper {
	float: left;
	margin: 10px 0 5px 0;
	width: 100%;
}
#step4 .bottomContainer .left-info .portfolio-wrapper p {
	font-size: 16px;
}
#step4 .bottomContainer .left-info  .portfolio-wrapper .img {
	float: left;
	margin: 0 10px 0 0;
}
#step4 .bottomContainer .left-info  .portfolio-wrapper img {
	float: left;
	height: 68px;
	width: 68px;
}
#step4 .bottomContainer .left-info .share-with-advisor {
	float: right;
	margin: 10px 0;
}
#step4 .bottomContainer .left-info .share-with-advisor a.no-advisor{
	color: #005EB8;
	font-size: 14px;
	padding: 0 0 0 20px;
	text-decoration: none;
}
#step4 .bottomContainer .right-info {
	font-size: 13px;
	min-height: 400px;
	text-align: left;
	padding-left: 20px;
	width: 180px;
}
#step4 .bottomContainer .right-info h2 {
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 17px;
	margin-top: 0;
}
#step4 .bottomContainer .right-info p {
	margin: 5px 0;
}
#step4 .portfolio-label{
	width: 120px;
}

/* DISCLAIMER
***************************************************************************************/
#disclaimer {
	color: #666;
	font-size: 12px;
	margin: 0;
	min-height: 520px;
	position: relative;
	text-align: left;
	width: 100%;
}
#disclaimer.disclaimer-large {
	font-size: 17px;
	margin-bottom: 100px;
}
#disclaimer p {
	margin: 5px 45px 5px 10px;
}

#disclaimer .cori-copyright-disclaimer {
	width: 969px;
	margin-left: 10px;
}
#disclaimer .cori-copyright-disclaimer p {
	display: inline;
	margin-left: 0;
	margin-right: 0;
}

#step-specific-disclaimer{
	display: none;
}
.cori-disclaimer{
	color: #666;
	font-size: 10px;
	margin: 5px 0;
}
.cori-disclaimer-large{
	color: #666;
	font-size: 17px;
	line-height: 1.5em;
}
/* FOOTER
***************************************************************************************/
#cori-site-wrapper #footer {
	background: url(i/footer-background.gif) 0 0 repeat-x;
	bottom: 0;
	font-size: 12px;
	margin: 0;
	padding: 0;
	z-index: 999999;
}
#cori-site-wrapper #footer ul {
	margin: 0;
}
#cori-site-wrapper #footer .cori-site-container {
	background: url(i/blackrock-logo-footer.png) 30px 17px no-repeat;
	padding: 10px 0 5px 0;
	position: relative;
	*float: left;
	*text-align: left;
}
#cori-site-wrapper #footer #socialMediaLinks {
	background-position: 0 2px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	margin: 0 40px;
	padding: 0;
	text-align: right;
}
#cori-site-wrapper #footer #socialMediaLinks li,
#cori-site-wrapper #footer #socialMediaLinks a {
	display: inline-block;
	line-height: normal;
}
#cori-site-wrapper #footer #socialMediaLinks a {
	background-image: url(i/sprite-social-media-icons.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 32px;
}
#cori-site-wrapper #footer #socialMediaLinks a.icon-twitter {
	background-position: 0 -90px;
}
#cori-site-wrapper #footer #socialMediaLinks a.icon-youtube {
	background-position: 0 -45px;
}
#cori-site-wrapper #footer #socialMediaLinks a.icon-linkedin {
	background-position: 0 -135px;
}
#cori-site-wrapper #footer #socialMediaLinks a.icon-facebook {
	background-position: 0 0;
}
#cori-site-wrapper #footer #socialMediaLinks a.icon-blk-blog {
	background-position: 0 -360px;
}
#cori-site-wrapper #footer #socialMediaLinks a:hover.icon-twitter {
	background-position: 0 -270px;
}
#cori-site-wrapper #footer #socialMediaLinks a:hover.icon-youtube {
	background-position: 0 -225px;
}
#cori-site-wrapper #footer #socialMediaLinks a:hover.icon-linkedin {
	background-position: 0 -315px;
}
#cori-site-wrapper #footer #socialMediaLinks a:hover.icon-facebook {
	background-position: 0 -180px;
}
#cori-site-wrapper #footer #socialMediaLinks a:hover.icon-blk-blog {
	background-position: 0 -405px;
}
#cori-site-wrapper #footer #footerSiteLinks {
	line-height: 1.2em;
	margin-top: 10px;
	margin-left: 30px;
	padding: 0;
	text-align: left;
	width: 400px;
}
#cori-site-wrapper #footer #footerSiteLinks a {
	color: #26282c;
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
}
#cori-site-wrapper #footer #footerSiteLinks a:hover {
	text-decoration: underline;
}
#cori-site-wrapper #footer #footerSiteLinks li {
	display: inline-block;
	line-height: normal;
	margin: 0 12px 6px 0;
}
#cori-site-wrapper #footer #copyright {
	color: #64686c;
	margin-right: 0;
	font-family: Arial;
	font-size: 10px;
	position: absolute;
	right: 42px;;
	top: 61px;
}

/* WHAT IS CORI
***********************************************************************************************/
.page-class-what-is-cori #cori-site-wrapper {
	background: #FFF;
}
#whatIsCori {
	color: #333;
	margin-bottom: 100px;
	padding: 95px 0 0;
	text-align: left;
	width: 844px;
}
#whatIsCori .cori-button {
	color: white;
	padding: 10px;
	background: #97d238; /* Old browsers */
	background: -moz-linear-gradient(top,  #97d238 0%, #63b823 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97d238), color-stop(100%,#63b823)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #97d238 0%,#63b823 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #97d238 0%,#63b823 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #97d238 0%,#63b823 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #97d238 0%,#63b823 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d238', endColorstr='#63b823', GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	moz-border-radius: 5px;
}
#whatIsCori #whatIsCoriIntro {
	margin-right: 450px;
}
#whatIsCori iframe {
	float: right;
	overflow: visible;
}
#whatIsCori li {
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 30px;
	padding-bottom: 10px;
}
#whatIsCori ol{
	list-style-type: decimal;
	padding: 0 0 0 40px;
}
#whatIsCori p,
#whatIsCori td,
#whatIsCori th,
#whatIsCori ol#whatIsCoriIndex li,
#whatIsCori li li {
	font-size: 16px;
	font-family: Arial;
	font-weight: normal;
	line-height: normal;
	margin: 10px 0;
}
#whatIsCori ol#whatIsCoriIndex li {
		margin: 0;
}
#whatIsCori ol#whatIsCoriIndex li a {
	color: #0065B2;
	text-decoration: none;
}
#whatIsCori ol#whatIsCoriIndex li a:hover {
	text-decoration: underline;
}
#whatIsCori h1,
#whatIsCori h2 {
	font-family: AkkuratProLight, Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	margin: 20px 0;
}
#whatIsCori h2 {
	padding-top: 55px;
}
#whatIsCori th {
	font-size: 16px;
	font-weight: bold;
}
/*#whatIsCori #howDoIUseTable {
	text-align: center;
}
#whatIsCori #howDoIUseTable td {
	font-size: 13px;
	color: #666;
}*/
#whatIsCori ol li table{
	text-align: center;
}
#whatIsCori ol li table td{
	font-size: 13px;
	color: #666;
}
/* NOTE: this skin of the component is also inserted into BlackRock Retail look & feel */
#coriValuesTable {
	text-align: center;
}
#coriValuesTable th {
	font-size: 16px;
	width: 200px;
}
#whatIsCori ol li table#coriValuesTable td{
	font-size: 16px;
	color: #333333;
}
#coriValuesTable th,
#coriValuesTable td {
	padding-bottom: 5px;
}
/* SREEN SIZE TARGETING
***********************************************************************************************/
/* Don't fix the footer on screens less than 768px high */
@media only screen and (max-device-height: 768px) {
	#footer {
		position: static;
	}
}
/* IE6 & IE7 *
***********************************************************************************************/
.cori-button,
#stepCounter ul li,
#step1 #ageContainer #fiveFactors .open-overlay,
#step2 #yourCoriIndexLevelContainer #savings,
#step2 #yourCoriIndexLevelContainer #desiredIncome,
#step2 .cori-button,
#step3 .action-item,
#footer #socialMediaLinks li,
#footer #socialMediaLinks a,
#footer #footerSiteLinks li {
	*display: inline;
	zoom: 1;
}
/* The fixed position of the header and footer gets an offset in IE7 so just let it scroll */
#coriHeader,
#stepCounter,
#footer {

	*position: static;
}
/* Not fixing the header so don't put the extra padding to hide behind the header
* Not enough room under step 1 for some reason
*/
#step1{
	*padding-top: 0;
}
#step2,
#step3 {
	*padding-top: 25px;
}
/* Filter hides overflow in IE7 so you can't see the slider handle*/
#step1 #ageContainer #ageSelection #ageSlider.active-slider {
	*filter: none;
}
/* Box model fix. I could have used an extra element and margin here but this won't last forever */
#step1 a.cori-button {
	*padding: 0 21px 5px;
	*width: 225px;
}
/* IE7 centers absolutely positioned items */
#step1 #ageContainer #fiveFactors div {
	*left: 0;
}
/* Ie7 doesn't align the close icon with the edge of the bubble */
#step1 #ageContainer #fiveFactors div a.close-factor {
	*margin-left: 290px;
}
/* Box model issue */
#step1 a.calculate-retirement-income {
	*padding-left: 10px;
	*width: 235px;
}
/* Box model issue? The progress bar covers step 3 in IE7 */
#stepCounter.current-step-1 #disabledHalfOfProgressBar,
#stepCounter.current-step-2 #disabledHalfOfProgressBar {
	*right: -1950px;
}
/* IE7 is adding an offset and in step3 the first two elements are pushed down */
#stepCounter.current-step-3 .progressStatus1,
#stepCounter.current-step-3 #progressStatus2 {
	/**top: -15px;*/
}
/* Center the CoRI value over the logo in IE7 */
#step2 #yourCoriIndexLevelContainer #containCoriAboveSpinner {
	*margin-left: 35px;
}
/* No space under product ticker boxes */
#step3 .products li {
	*margin-bottom: 10px;
}
/* The link-out icon does not display properly so remove it */
#step3 .action-item .products p a.link-out {
	*background: none;
}
/* There is no space preserved next to the spans in IE7 when the span sits in a paragraph */
#step3 .savings,
#step3 .desiredIncome,
#step3 .age {
	*padding-right: 5px;
}
/* IE7 on the FAQ page some of the OL numbers are cut off, probably because they are 30px */
#whatIsCori ol {
	*padding-left: 40px;
}
/* The UL with a width centers in IE7. Remove the width. */
#footer {
	*width: auto;
}
/* Hide Chip Data - this hides some xml data printed to the screen - the XML is consumed
** by and internal POC mobile application
***********************************************************************************************/
indexes {
	display: none;
}
/* Jquery QTip Close Button
***********************************************************************************************/
#cori-retirement-income-planning .qtip,
body .qtip {
	border-radius: 0;
	max-width: 620px;
}

/*.qtip-bootstrap .qtip-icon  {
	background: #FFF!important;
}

.qtip-bootstrap .qtip-icon .ui-icon-close {
	padding: 0 3px;
}*/

#cori-retirement-income-planning .qtip-bootstrap .qtip-icon,
body .qtip-bootstrap .qtip-icon {
	background: none;
	border: none;
	color: #9DA2AB;
	height: 16px;
	margin-right: -5px;
	margin-top: -5px;
	opacity: 1;
	padding: 20px 20px 10px 10px;
	width: 16px;
}
#cori-retirement-income-planning .qtip-bootstrap .qtip-content,
body .qtip-bootstrap .qtip-content {
	padding: 15px 20px;
}
#cori-retirement-income-planning .qtip-bootstrap .qtip-content ul,
body .qtip-bootstrap .qtip-content ul{
	list-style-type: disc;
	margin: 14px 0;
	padding: 0 0 0 40px;
}

#cori-retirement-income-planning .qtip-bootstrap .qtip-content ul li p,
body .qtip-bootstrap .qtip-content ul li p{
	margin: 14px 0;
}

#cori-retirement-income-planning .qtip-bootstrap .qtip-content #whatShouldIIncludeHereTipContent p,
#cori-retirement-income-planning .qtip-bootstrap .qtip-content #whatIsAnnualRetirementIncomeTipContent p,
body .qtip-bootstrap .qtip-content #whatShouldIIncludeHereTipContent p,
body .qtip-bootstrap .qtip-content #whatIsAnnualRetirementIncomeTipContent p {
	margin: 0;
}
#cori-retirement-income-planning .qtip-icon .ui-icon,
body .qtip-icon .ui-icon {
	color: #9DA2AB;
	float: none;
	opacity: 1;
}
/* Jquery Dialog Window for Video
***********************************************************************************************/
.ui-dialog {
	background: #efefef;
	border-radius: 0;
	text-align: center;
	z-index: 999999;
}
.ui-widget-header {
	background: none;
	border: none;
}
.ui-widget-overlay {
	z-index: 888888;
}
.ui-widget-content a.cori-next-button {
	color: #FFF;
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
	background: none;
	border: none;
	color: #9DA2AB;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 0.4em 1em 0;
}
.ui-dialog .ui-dialog-content {
	padding: 0.3em 1em 0.7em;
	overflow: visible;
}
#cori-retirement-income-planning .ui-dialog .larger-image div a ,
#coriLayout .ui-dialog .larger-image div a {
	font-size: 12px;
	text-decoration: none;
}

#step1video {
	overflow: visible;
}

/* Styles for the portfolioInfoTipContent section
********************************************************************************************/
#portfolioInfoTipContentTable {
	border-top: 1px solid #CCCCCC;
	border-spacing: 0;
	border-collapse: collapse;
}
#portfolioInfoTipContentTable table {
	width: 100%;
}
#portfolioInfoTipContentTable p {
	margin: 0;
}
#portfolioInfoTipContentTable p.asset-break-down {
	padding: 0 0 0 20px;
}

#portfolioInfoTipContentTable p.asset-break-down span {
	float: left;
	width: 30px;
}
#portfolioInfoTipContentTable th {
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	padding: 10px 0 2px;
}
#portfolioInfoTipContentTable td{
	padding: 0;
	font-size: 11px;
}
#portfolioInfoTipContentTable table td {
	padding: 0;
}
#portfolioInfoTipContentTable td p {
	line-height: 18px;
}
#portfolioInfoTipContentTable td.smallText {
	padding-left: 15px;
}
#portfolioInfoTipContent .left-info{
	float: left;
	width: 250px;
}
#portfolioInfoTipContent p.small-text {
	font-size: 12px;
	margin-top: 20px;
}
#portfolioInfoTipContent .right-info {
	float: left;
	width: 250px;
}
#portfolioInfoTipContent .right-info #portfolio-1,
#portfolioInfoTipContent .right-info #portfolio-2,
#portfolioInfoTipContent .right-info #portfolio-3 {
	float: left;
	margin: 0 0 20px 0;
	width: 280px;
}
#portfolioInfoTipContent .right-info img {
	float: left;
	margin: 0 10px 0 0;
}
#portfolioInfoTipContent .right-info .portfolio-info {
	float: left;
	width: 190px;
}
#portfolioInfoTipContent .right-info .portfolio-info p {
	margin: 2px 0;
}
.portfolio-section-tip {
	display: none;
}
#step3 #enabled-portfolio-section .portfolio-section-tip-container {
	position: absolute;
	left: 195px;
	top: 25px;
	width: 20px;
}
#step3 #enabled-portfolio-section .section-info.portfolio-section-tip {
	top: 0px;
}

/* Step 3 Over 65
*******************************************************************************************/
#step3Over65 #titleArea,
#step3Over65 #toolArea {
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
}
#step3Over65 #titleArea {
	background: url(i/cori-symbol-large-with-c.png) no-repeat 800px 45px;
	height: 200px;
	margin-top: 20px;
}
#step3Over65 #titleArea h1 {
	margin-bottom: 10px;
}
#step3Over65 #toolArea {
	height: 360px;
	position: relative;
	vertical-align: top;
}
#step3Over65 #titleArea #currentAge,
#step3Over65 #titleArea #currentSavings,
#step3Over65 #titleArea #estimatedIncome,
#step3Over65 #titleArea #estimatedIncomeUnder65 {
	background: url(i/summary-icon-sprite.png) no-repeat 0 0;
	display: inline-block;
	margin-right: 20px;
	min-height: 100px;
	padding-left: 60px;
	vertical-align: top;
	width: 180px;

	/* IE7 */
	*display: inline;
	zoom: 1;

	/* IE7 */
	*display: inline;
	zoom: 1;
}
#step3Over65 #titleArea #currentAge {
	width: 100px;
}
#step3Over65 #titleArea #estimatedIncome,
#step3Over65 #titleArea #estimatedIncomeUnder65 {
	background-position: 0 -350px;
}
#step3Over65 #titleArea #estimatedIncome p {
	line-height: 1em;
	margin-top: 10px;
}
#step3Over65 #titleArea #currentSavings {
	background-position: 0 -175px;
}
#step3Over65 #titleArea #currentAge div,
#step3Over65 #titleArea #currentSavings div,
#step3Over65 #titleArea #estimatedIncome div,
#step3Over65 #titleArea #estimatedIncomeUnder65 div {
	color: #0f9671;
	font-size: 18px;
	margin-top: 5px;
}
#step3Over65 #toolArea h2 {
	font-size: 20px;
	margin-bottom: 20px;
}
#step3Over65 #toolArea .action {
	display: inline-block;
	vertical-align: top;
	width: 285px;

	/* IE7 */
	*display: inline;
	zoom: 1;
}
#step3Over65 #toolArea .action .call-to-action {
	font-size: 15px;
}
#step3Over65 #toolArea .action .call-to-action:hover {
	text-decoration: underline;
}
#step3Over65 #toolArea .action#action0,
#step3Over65 #toolArea .action#action1 {
	margin-right: 30px;
}
#disclaimer {
	color: #666;
	font-size: 10px;
	padding: 20px;
}