/* styles for the header and headline content */
@font-face {
	font-family: 'Poppins-Bold';
	src: url(../../content/fonts/Poppins-Bold.ttf);
}

@font-face {
	font-family: 'Poppins';
	src: url(../../content/fonts/Poppins-Regular.ttf);
}

@font-face {
	font-family: 'Font Awesome 5 Pro';
	src: url(../../content/fonts/fa-solid-900.ttf);
}

#clientinfo {
	padding: 20px;
	font-size: 12pt;
	color: #000;
	font-family: Poppins, helvetica, sans-serif;
	font-weight: normal;
	max-width: 966px;
}

header { background: #004960; height: 52px; }
header h1 { font-family: Poppins; padding: 15px 15px 0 0; margin: 0; color: #fff; font-size: 20px; font-weight: normal; width: 620px; }
h2.calc-title { font-family: Poppins; font-size: 26px; background : #004960; color:#ffffff; }
h3.sub-title  { color: #000; font-family: Poppins; font-size: 22px; }
h3.sectiontitle  { color: #252A36; font-family: Poppins-Bold; font-size: 14pt;  margin: 0 0 10px 0;}
.assumptions  { font-family: Poppins-Bold; font-weight: bold;font-size: 14pt; text-decoration: none; cursor: pointer; color: #0C4F69; }
.assumptions::after {
		margin-left: 5px;
		font-family: 'Font Awesome 5 Pro';
		font-weight: 900;
		font-size: 12pt;
		content: '\f054' !important;
		color: #F06C00;
}
.assumptions:hover {color: #778892}

/* styles for the fields container and input fields*/
.fields { margin: 0 0 15px 0; }
input.input-text { color: #000; font-size: 12pt; border: 1px solid #dcdcdc; border-radius: 0px; height: 20px; padding: 4px; text-indent: 1px;  width: 250px; }
select { color: #000; font-size: 12pt; border: 1px solid #cacaca; border-radius: 4px; height: 30px; padding: 4px; width: 185px; }

#content {  font-family: Poppins,Helvetica,sans-serif; color: #000; font-size: 12pt; }
#content.results .results-display{ font-size:11pt; }
	/* radio button substitution - styles for the radios */
	ul.radio {
		list-style-type: none;
		margin: 8px 0;
		padding: 0;
	}
ul.radio li { margin: 0 0 8px 0; clear: both; }
ul.radio .radioWrapper { position: relative; float: left; }
ul.radio .radioWrapper .radio { background: url(../images/check_radio_sheet.png) -48px -2px no-repeat; display: inline-block; height: 19px; height: 19px; margin-right: 10px; padding: 0 0 0 20px; }
ul.radio .radioWrapper .radio.selected { background: url(../images/check_radio_sheet.png) -70px -2px no-repeat; }
ul.radio .radioWrapper input { position: absolute; left: 0; top: 0; width: 20px; opacity: 0; filter: alpha(opacity=0); z-index: 101; cursor: pointer; }
.checked { background: url(../images/check_radio_sheet.png) 0 -30px no-repeat; }

/* styles for the assumptions modal link */
.assumptions-wrapper { width: 95%; float: left; }
.assumption-labels { float: left; font-family: Poppins-Bold; }
.assumption-results { float: right; font-weight: bold; }

/* styles for the buttons */
.greenButton {
	background: #252A36;
/*	background-image: -moz-linear-gradient(bottom, #B9BE2A 0%, #93c437 100%); 
	background-image: -o-linear-gradient(bottom, #B9BE2A 0%, #93c437 100%); 
	background-image: -webkit-linear-gradient(bottom, #B9BE2A 0%, #93c437 100%); 
	background-image: linear-gradient(bottom, #72a819 0%, #B9BE2A 100%); 
	border-radius: 5px;*/
	border-bottom:4px solid #F06C00;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-family: Poppins-Bold;
    font-weight: normal;
	font-size: 10pt;
	margin: 0 0 0 8px;
	padding: 10px 20px;
}

.greyButton {
	background: #fff;
	color: #12749a !important;
	border: 2px solid #12749a;
	cursor: pointer;
	display: inline-block;
	font-family: Poppins-Bold;
    font-weight:bold;
	font-size: 10pt;
    padding: 10px 20px;
    float: left;
}
	.greyButton:hover {
		color: #fff !important;
		background: #12749a;
	}

.whiteButton {
	background: #fff;
	border: 1px solid #cacaca;
	border-radius: 4px;
	color: #000 !important;
	cursor: pointer;
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin: 0 7px 0 0;
	padding: 8px 20px;
}

a.greenButton { text-decoration: none; color: white; }

/* results specific styles */
#content.results .results-header { font-family: Poppins-Bold; font-weight:normal; font-size: 11pt; color: #fff; vertical-align: bottom; }
#content.results .results-header .table-row {background-color: #252a36; padding:2px;}
#content.results .table-cell.tc40 {	width: 40%;	}
#content.results .table-cell.tc25 { width: 25%; }
#content.results .table-cell.tc20 { width: 20%; }
#content.results .table-cell.tc15 { width: 15%; }
#content.results .table-cell.tc10 { width: 10%; }
#content.results .table-cell.tc5 { width: 5%; }

/* disabled field styles */
div.fakedisabled { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; width: 100%; }
div.fakedisabled .radio { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
div.fakeenabled { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; width: 100%; }
.note { color: #000; font-size: 12pt; margin: 0 0 0 5px; width: 100%; }

/* tooltip styles */
.tooltip {
    text-align: left;
    color: #ffffff;
    background: #252a36;
    position: absolute;
    z-index: 9999 !important;
    padding: 25px;
	font-family: Poppins;
	font-size:10pt;
	-webkit-border-radius: .6em; 
	-moz-border-radius: .6em;
	border-radius: .6em;
	border: 1px solid #ccc;
	width:250px;
	background: -webkit-gradient(linear, left top, left bottom, from(#394349), to(#394349));
	background: -moz-linear-gradient(top,  #394349,  #394349);
	-moz-box-shadow: 0px 6px 8px #999;
	-webkit-box-shadow: 0px 6px 8px #999;
	box-shadow: 0px 6px 8px #999;
}
/* tooltip triangle decoration */ 
.tooltip em { background: url(../images/arrow.png) no-repeat; width: 20px; height: 10px; position: absolute; left: 45%; bottom: -10px; display: block; z-index: 999; }
.tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #fff; top: -20px; bottom: auto; }
.tooltip.left:after { left: 10px; margin: 0; }
.tooltip.right:after { right: 10px; left: auto; margin: 0;}

/* modal window styles */
.content.modal-dialog { font-family: Poppins; text-align: left; }
.content.modal-dialog { background: #fff; max-width: 640px; max-height: 600px; position: relative; margin: 10% auto;  }	

.content.modal-dialog .calc-title { font-family: 'Poppins-Bold'; font-size: 26px; color:#000; height:40px;  padding: 20px 10px 10px 20px;}
.content.modal-dialog .article-text { font-family: Poppins;  font-size: 12pt; font-weight: normal; height: 410px; overflow-y: scroll; padding-left:20px; padding-right: 20px; }
.content.modal-dialog .article-text ul { list-style-type: disc; }
.content.modal-dialog .article-text ul li { margin: 0 0 8px 0; }
.content.modal-dialog .close { font-family: Poppins; font-size: 15px; float: right; margin: 0 0px 0 0; cursor: pointer; color:#fff; background : #394349; padding-bottom:15px; }
.content.modal-dialog h3 {font-size: 13pt !important; color: #f06c00 !important; font-family: Poppins-Bold;}

	.content.modal-dialog .closecross {
		background: url(../images/fancybox_sprite@2x.png);
		background-size: 44px 152px;
		position: absolute;
		top: -18px;
		right: -18px;
		width: 36px;
		height: 36px;
		z-index: 8040;

		font-family: Poppins;
		float: right;
		color: #000;
		font-size: 18px;
		cursor: pointer;
		font-weight: bold;
	}

/* footer styles */
footer .disclaimer h3 { font-family: Poppins-Bold; color: #252A36; font-size: 14pt; font-weight: bold; margin: 0; }
footer .disclaimer p { color: #000; font-size: 12pt; }
footer .disclaimer ul.check { list-style-image: url(../images/bullet_check.png); padding: 0px; margin-left: 10px; }
footer .disclaimer ul.check li { padding: 0 0 5px 0; margin: 0 0 0 15px; }
footer .disclaimer .irsnote { color: #000; font-size: 10pt;}
footer .disclaimer .smallnote {	color: #000; font-size: 9pt; font-style: italic; }
footer .disclaimer .tip {color: #02359e; cursor: pointer; }
footer .disclaimer .tip:hover { color: #B9BE2A;  border-bottom: 0; }
footer .wmsi { font-family: Poppins; color: #000;  font-size: 16px; }

.pagebreak { 
    page-break-before: always;
} 

.titleBar {
/*     width: 70%; */
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 5px 5px 5px 20px;
    color: #252A36;
    font-size: 20pt !important;
/*	font-family: 'Poppins Bold' !important; */
    text-wrap:none;
	text-align:right;
/* 	float: left; */
}

.sectionHeading {
    color: #252A36;
    border-bottom: 1px solid #AAA;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18pt !important;
	font-family: Poppins !important;
	font-weight: normal !important;
	text-align: left; clear: both;
}

/* Data Entered Table */
.tableData {
    width: 100%;
}
.tableData .tdSectionHeading {
	font-weight: bold;
	text-transform: uppercase;
}
.tableData .tdData {
	font-weight: bold;
}
.tableData .tdSpacer {
    width: 75px;
}


/* KEY RULES AND CONSIDERATIONS Section */
.tabeRules .left {
    vertical-align: text-top;
    width: 50%;
}
.tdRules .right {
    vertical-align: text-top;
    width: 50%;
}
.tabeRules .center {
    width: 30px;
}
.tabeRules .tdParaHeading {
	font-weight: bold;
	text-transform: uppercase;
}
.tabeRules .tdPara {
    margin-bottom: 20px;
}
.tabeRules UL {
    list-style-type: none;
	position: relative;
	margin-left: 1em;
	padding-left: 0;
}
.tabeRules UL LI {
    margin-bottom: 10px;
}
.tabeRules LI:before {
	content: "\2022";
	position: absolute;
	left: -1em;
	color: #929292;
	margin-right: 5px;
	font-size: 14pt;
}

/* Results Table */
.tableResults {
    width: 100%;
    font-size: 12pt;
	color: #54575A;
	font-family: Poppins, helvetica, sans-serif;
	font-weight: normal;
	margin-top: 20px;
	border-collapse: collapse;
}
.tableResults th {
    color: #B9BE2A;
    font-weight: bold;
    vertical-align: baseline;
    text-align: left;
    border-bottom: 1px solid #B9BE2A;
}
.tableResults tr.nodata {
    border-bottom: none;
}
.tableResults tr {
    border-bottom: 1px solid #54575A;
}
.tableResults td, .tableResults th {
    text-align: center;
}
.tableResults th.amount, .tableResults td.amount {
    text-align: right;
}


/* Assumptions Section */
.assumptionsHeading {
	font-weight: bold;
	margin-top: 10px;
}
.assumptions .bulletList {
    margin-left: 20px;
}
.assumptions UL {
    list-style-type: none;
	position: relative;
	margin-left: 1em;
	padding-left: 0;
	margin-top: 0px;
}
.assumptions UL LI {
    margin-bottom: 3px;
}
.assumptions LI:before {
	content: "\2022";
	position: absolute;
	left: -1em;
	color: #929292;
	margin-right: 5px;
	font-size: 14pt;
}

.greenButton:hover {
    color:#252A36;
    background:#F06C00;
}

.help  { font-family: Poppins-Bold; font-size: 12pt; font-weight:bold; text-decoration: none; cursor: pointer; color: #12749a; }
.help:hover {color: #778892}

a:link, a:active, a, a:visited {
	color: #12749a;
}