/* Help Icon */
.Heading1 i, .FormSetHor > h1 i, .FormSetVert > h1 i, .FormSetHor > h2 i, .FormSetVert > h2 i {
	font-size: 20px !important;
	color: #455eb0;
	text-shadow: 0 0 3px #e3e9fa;
}

.Heading2 i, .Heading2Top i {
	font-size: 18px !important;
	color: #455eb0;
	text-shadow: 0 0 3px #e3e9fa
}

	.Heading1 i:link, .FormSetHor > h1 i:link, .FormSetVert > h1 i:link, .FormSetHor > h2 i:link, .FormSetVert > h2 i:link, .Heading2 i:link, .Heading2Top i:link, .Heading1 i:visited, .FormSetHor > h1 i:visited, .FormSetVert > h1 i:visited, .FormSetHor > h2 i:visited, .FormSetVert > h2 i:visited, .Heading2 i:visited, .Heading2Top i:visited {
	}

	.Heading1 i :active, .FormSetHor > h1 i:active, .FormSetVert > h1 i:active, .FormSetHor > h2 i:active, .FormSetVert > h2 i:active, .Heading2 i :active, .Heading2Top i :active, .Heading1 i:hover, .FormSetHor > h1 i:hover, .FormSetVert > h1 i:hover, .FormSetHor > h2 i:hover, .FormSetVert > h2 i:hover, .Heading2 i:hover, .Heading2Top i:hover {
		color: #a883cc !important;
		text-shadow: 0 0 3px #f2edf7;
	}


/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* Forms :: Layout */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

.FormSetHor, .FormSetVert {
	border-top: 2px solid #ccc;
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
	/*background-color: #efefef;*/
}

	.FormSetHor > section, .FormSetVert > section, .FormSetHor .FormSetHor, .FormSetVert .FormSetVert {
		margin: 0;
		padding: 0;
		border: none;
		width: 100%;
	}

	.FormSetHor > h1, .FormSetVert > h1 {
		font-size: 18px;
		font-weight: 400;
		/*background-color: #ddd;*/
		margin: 10px 0 0 0;
		padding: 10px 10px 5px 10px;
		line-height: 18px;
		min-height: 20px;
	}

	.FormSetHor > h2, .FormSetVert > h2 {
		font-size: 24px;
		font-weight: 300;
		/*background-color: #ddd;*/
		color: #000;
		margin: 10px 0 0 0;
		padding: 20px 10px 3px 10px;
		line-height: 18px;
		min-height: 20px;
	}

		.FormSetHor > h2:first-of-type, .FormSetVert > h2:first-of-type {
			margin: 10px 0 0 0;
			/*border-top-left-radius: 5px;
			border-top-right-radius: 5px;*/
		}

	.FormSetHor > h3, .FormSetHor > section > h3, .FormSetVert > h3, .FormSetVert > section > h3 {
		font-size: 18px;
		font-weight: 400;color: #fff;
		background-color: #000;
		margin: 10px 0 0 0;
		padding: 7px 10px 7px 10px;
		line-height: 14px;
		min-height: 16px;
	}

	.FormSetHor > h4, .FormSetHor > section > h4, .FormSetVert > h4, .FormSetVert > section > h4 {
		font-size: 14px;
		font-weight: 400;
		background-color: #ddd;
		margin: 0;
		padding: 7px 10px 7px 10px;
		line-height: 14px;
		min-height: 16px;
	}
	/* Identical to h3, but with no top margin.  On occasion needed where form parts are nested and we need this level of heading to show at the top of the sub-panel.*/
	.FormSetHor > div, .FormSetHor > section > div, .FormSetVert > div, .FormSetVert > section > div {
		vertical-align: top;
		padding: 10px 10px 0 10px;
	}

		.FormSetHor > div:last-of-type, .FormSetVert > div:last-of-type {
			padding-bottom: 10px;
		}

		.FormSetHor > div > div:nth-of-type(1), .FormSetHor > section > div > div:nth-of-type(1) {
			width: 35%;
			min-width: 150px;
			max-width: 400px;
			font-size: 14px;
			color: #000;
			vertical-align: central;
			display: inline-block;
		}

		.FormSetHor > div > div:nth-of-type(2), .FormSetHor > section > div > div:nth-of-type(2) {
			width: 60%;
			max-width: 850px;
			display: inline-block;
			position: relative;
		}

		.FormSetVert > div > div:nth-of-type(1), .FormSetVert > section > div > div:nth-of-type(1) {
			width: 100%;
			min-width: 200px;
			max-width: 100%;
			font-size: 12px;
			color: #000;
			vertical-align: top;
			padding: 0 0 5px 0;
		}

		.FormSetVert > div > div:nth-of-type(2), .FormSetVert > section > div > div:nth-of-type(2) {
			width: 100%;
			position: relative;
		}

	.FormSetHor > h2 > span, .FormSetVert > h2 > span {
		float: left;
		padding-right: 10px;
	}

	.FormSetHor > h2 > div, .FormSetVert > h2 > div {
		float: left;
	}

	.FormSetHor > h2 > .HelpIcon, .FormSetVert > h2 > .HelpIcon {
		padding: 0 15px 0 0;
	}

	.FormSetHor > aside, .FormSetVert > aside {
		padding: 15px;
		max-width: calc(100% - 30px;
		)
	}

	.FormSetHor aside, .FormSetVert aside {
		color: #999;
		font-style: italic;
	}

.PaddingLeft5 {
	padding-left: 5px;
}

/* Form Outer Shell */

.ShowMore 						{background-color:#d3d2cd; padding:10px 10px 10px 20px; margin:20px 0 10px 0 !important; width:80%;}
.ExtrasHeading 				{float:left; font-size:26px; color:#000; margin-top: 4px;}
.ShowMore img 				{float:right;}

.CalculatorResults 			{color:#000; background-color:#fff; border-bottom:2px solid #000; margin-bottom:30px;}
.CalculatorResults h2 	{padding:6px 10px 10px 20px; border-bottom:2px solid #000; color:#000; margin: 5px 0; line-height:normal;}
.CalculateResultsTable  {}
.CalculateResultsTable th  {text-align:left; padding:12px 20px; font-size:16px;}
.CalculateResultsTable td  {padding:5px 20px;}

.CalculatorButtons 			{float:right; padding:30px 20px 0 10px;}
.CalculatorIntro 				{padding:0;}
.ContentCalculator 			{padding:30px 0 0 0;}
.CalculatorDisclaimer 	{color:#000; padding:20px 0 10px 0; font-size:12px; font-weight:bold;}
.FooterContactPDF 			{width:100%; font-size:12px; line-height:16px;}
.FooterContactPDF th 		{text-align:left; font-size: 16px;}


.BtnSubmitQuote {margin:0 5px 0 0; padding:10px 22px; font-size:14px; color:#fff; border:1px solid #da7c3f; background-color:#da7c3f; cursor:pointer; border-radius:4px;}
.BtnSubmitQuote:hover {background-color:#1f2326;}
.BtnSubmitQuote:focus {background-color:#000;}

.BtnSubmitEmail {margin:0 5px 0 0; padding:10px 22px; font-size:14px; color:#da7c3f; border:1px solid #da7c3f; background-color:#fff; cursor:pointer; border-radius:4px;}
.BtnSubmitEmail:hover {background-color:#1f2326; color: #fff;}
.BtnSubmitEmail:focus {background-color:#000;}

.Popup 								{background-color:#e5e5dd; padding: 15px;}
.LinkClose 						{text-align: right;}


/* MAKE LAYOUT SHUFFLE at 640px */
@media only screen and (max-width:640px) {

.ShowMore 						{width:95%;}
	
}


/* Copy from Telerik Sample */
/* https://demos.telerik.com/aspnet-ajax/tabstrip/examples/appearance/uniquetabappearance/defaultcs.aspx */
/* Get more ideas and examples from that code. The following has had varios aspects doctored and elements stripped by Bruce */

.CalculatorForm 							{padding:10px 0 40px 0;}
.CalculatorForm .FormSetHor 	{border:none;}
.CalculatorFormCoverage				{}
.CalculatorFormCoverageEdge		{background-color:#e5e5dd; margin:20px 0; padding: 10px 0;}

.CalculatorForm .RadTabStrip {
	
}

.CalculatorForm .RadTabStrip .rtsLevel1 {border-bottom:1px solid #ccc;
	
}

.CalculatorForm .RadTabStrip .tab {
	background-color: #f5f5f2;
	height: 50px;
	text-align: center;
	vertical-align: bottom;
	border-bottom:1px solid #ccc;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.CalculatorForm .RadTabStrip .tab:first-child {
	margin-left:50px;
}

.CalculatorForm .RadTabStrip .tab:not(first-child) {
	margin-left:-1px;
}

.CalculatorForm .RadTabStrip .tab.selectedTab {
	height: 55px;
	background-color: #fff;
	border-bottom:1px solid #fff;
}

.CalculatorForm .RadTabStrip .tab.hoveredTab {
	background-color: #e5e5de;
}

.CalculatorForm .RadTabStrip .tab.hoveredTab.selectedTab {
	background-color: #fff;
}

.CalculatorForm .RadTabStrip .tab .rtsLink {
	display:block;
	height:calc(100% - 13px);
	border-color: #ccc;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom: none;
	padding: 12px 15px 0 15px;
}

.CalculatorForm .RadTabStrip .tab.selectedTab .rtsLink {
	padding: 17px 15px 0 15px;
}

@media only screen and ( max-width: 800px) /* reduce tab size */ {
	.CalculatorForm .RadTabStrip .tab:first-child {margin-left:5px;}
	.CalculatorForm .RadTabStrip .tab .rtsLink {/*padding: 12px 5px 0 5px;*/}
}

.PaddingBottom6 {
	padding-bottom: 6px;
}

.PaddingBottom10 {
	padding-bottom: 10px;
}

.PaddingBottom20 {
	padding-bottom: 20px;
}