#dcs-mc-calculator-container {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	border:3px solid #008c00;
	border-radius:12px;
	overflow:hidden;
}
#dcs-mc-calculator-container .calc-clear { position:relative; clear:both; padding:0px !important; margin:0px !important; }
#dcs-mc-calculator-container .col-50 { width:50%; float:left; position:relative; padding:0px !important; }
#dcs-mc-calculator-container .col-33 { width:33.3333%; float:left; position:relative; padding:0px !important; }
#dcs-mc-calculator-container .calc-row { position:relative; clear:both; margin-bottom:5px !important; }
#dcs-mc-calculator-container .header { padding:10px; position: relative; background:#008c00; color:#fff; }
#dcs-mc-calculator-container .header h2 { text-decoration:none; color:white; border-bottom: none; font-size: 2em; font-weight: bold; padding: 0; margin: 0; }
#dcs-mc-calculator-container .header h2 span { font-size: 0.5em; display: block; line-height: 0.7em; font-weight:normal; }

/* CALCULATOR FOOTER */
#dcs-mc-calculator-container .footer { position: relative; padding:15px;}
#dcs-mc-calculator-container .footer div.progress-dots { display:block; width:100px; margin-left:auto; margin-right:auto; margin-top:15px }
#dcs-mc-calculator-container .footer div.progress-dots div { float:left; background-color:#ccc; width:10px; height:10px; margin:0 5px; border-radius: 15px;-moz-border-radius: 15px; position: relative; }
#dcs-mc-calculator-container .footer div.progress-dots div.active { background-color:#ff8a2c; }
#dcs-mc-calculator-container div.footer { height:30px; }
#dcs-mc-calculator-container div.footer a.button { width:37px; height:37px; text-indent:-9999em; padding: 0; }
#dcs-mc-calculator-container div.footer a.previous { background-position: -6px -106px; float:left; }
#dcs-mc-calculator-container div.footer a.previous:hover { background-position: -57px -106px; }
#dcs-mc-calculator-container div.footer a.next { background-position: -106px -106px; float:right; }
#dcs-mc-calculator-container div.footer a.next:hover { background-position: -156px -106px; }

/* CALCULATOR INSIDE */
#dcs-mc-calculator-container .inner { background-color: #fff; padding: 15px; }
#dcs-mc-calculator-container h3 { color:#008c00; }
#dcs-mc-calculator-container .inner label, #dcs-mc-calculator-container .inner legend { display:block; font-weight:normal; color: #333333; padding: 0 0 6px 0 }
#dcs-mc-calculator-container .inner hr {width:100%; border-bottom: 1px dotted #ccc; margin-bottom: 10px; margin-top: 10px; color: transparent; background-color: transparent; }
#dcs-mc-calculator-container .inner .result-box { width:100%; background-color:white; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; border: 1px solid #ccc; min-height:330px; margin-bottom:10px; }
#dcs-mc-calculator-container .inner .result-box p { padding:10px; }
#dcs-mc-calculator-container .inner .explore { background-color:#008c00; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; width:100%; border:solid 1px #008c00; }
#dcs-mc-calculator-container .inner .explore h4 { margin:0px !important; padding:10px; color:white; cursor: pointer; }
#dcs-mc-calculator-container .inner .explore h4 a{ color:white; text-decoration:none; }
#dcs-mc-calculator-container .inner .explore h4.last { border-bottom:none; }
#dcs-mc-calculator-container .inner .explore h4 span{ float: right; font-size: 0.8em; margin-right: 15px; }
#dcs-mc-calculator-container .inner .explore h4 span.icon { width: 16px; height: 16px; float:right; }
#dcs-mc-calculator-container .inner .explore h4 span.icon:before { font-family: 'FontAwesome'; content: "\f055"; }
#dcs-mc-calculator-container .inner .explore h4.open span.icon:before { content: "\f056"; }
#dcs-mc-calculator-container .inner .explore div.last { webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; position: relative; display:none; }
#dcs-mc-calculator-container .inner .explore div { padding:40px; margin:0px; overflow:hidden; }
#dcs-mc-calculator-container .inner .explore div label { color:#fff; }
#dcs-mc-calculator-container .error{ color: #d00000; font-weight: bold; display: block; padding-left: 0; height: auto; padding-top: 0; border: none; padding: 0; margin: 0; background-color: transparent; margin-top:-5px; }
#dcs-mc-calculator-container .error .icon { width:23px; height:23px; display: block; float: left; margin-right:5px; background-position: -351px -26px; margin-top:-5px; }

/* CALCULATOR TOOLTIP */
#dcs-mc-calculator-container .tip {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:23px;
	height:18px;
}
#dcs-mc-calculator-container .tip:before {
	font-family: 'FontAwesome';
	content: "\f128";
	width:18px;
	height:18px;
	font-size: 12px;
	text-align:center;
	display:block;
	margin-left:5px;
	background:#008c00;
	color:#fff;
	border-radius:3px;
}

/* tooltip */
.ui-tooltip, .arrow:after {
	background: #008c00;
	color:#fff;
	border: 1px solid #fff;
}
.ui-tooltip {
	z-index:10000;
	padding: 10px;
	color: white;
	border-radius: 6px;
	font: normal 12px "Helvetica Neue", Sans-Serif;
	line-height:normal;
	box-shadow: 0 0 0px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

/*  CALCULATOR FORM ELEMENTS */
#dcs-mc-calculator-container input:focus, #dcs-mc-calculator-container select:focus { border:1px solid #6e9934; outline: none; }
#dcs-mc-calculator-container .inner  fieldset label { display:inline; }

/* MORTGAGE CALCULATOR SPECIFICS */
#dcs-mc-calculator-container .inner { background-color: #fff; padding-top: 5px;}
#dcs-mc-calculator-container .inner hr { margin-top:0;height:1px; }
#dcs-mc-calculator-container input:focus { border:1px solid #6e9934; }
#dcs-mc-calculator-container .inner, #dcs-mc-calculator-container .footer { padding: 5px; }
#dcs-mc-calculator-container .inner { padding: 0; border-bottom:none; }
#dcs-mc-calculator-container .footer { border-top:none; clear:both; }
#dcs-mc-calculator-container .inner label, #dcs-mc-calculator-container .inner legend { display:block; color: #333333; padding:0 0 6px 0;}
#dcs-mc-calculator-container .inner label span { font-weight:normal }
#dcs-mc-calculator-container .inner .tabs { padding:0px; border:0px; background-color: #008c00; position: relative; width: 100%; float: left; clear: both; }
#dcs-mc-calculator-container .inner .tabs h2 {
position:relative;
display: block;
margin-right:1px !important;
height: 30px;
float: left;
background-color: #ff8a2c;
color: white;
text-align: center;
webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
position: relative;
line-height:30px;
border-bottom: none;
font-size: 1em;
padding: 2px 10px;
margin: 0;
clear: none;
cursor:hand;
cursor:pointer;
font-weight:bold;
}
#dcs-mc-calculator-container .inner .tabs h2:before {  }
#dcs-mc-calculator-container .inner .tabs h2:after { content: ""; }
#dcs-mc-calculator-container .inner .tabs h2.last { width:312px }
#dcs-mc-calculator-container .inner .tabs h2 a { text-decoration:none; color:#fff; }
#dcs-mc-calculator-container .inner .tabs h2.active, #dcs-mc-calculator-container .inner .tabs h2:hover { background-color: #fff; }
#dcs-mc-calculator-container .inner .tabs h2.active a, #dcs-mc-calculator-container .inner .tabs h2:hover a { color: #ff8a2c; }
#dcs-mc-calculator-container .inner .panes > div {
clear: both;
background-color: #fff;
border-top: none;
min-height:100px;
display:none;
}
#dcs-mc-calculator-container .inner #accordion {  }
#dcs-mc-calculator-container .inner #accordion h3 { display: block; margin: 0px; padding: 10px; padding-left: 10px; padding-right: 10px; border:0px; font-size: 1.17em; background-color: #fff; color:#fff !important; border-bottom:3px solid #eeeeee;}
/*#dcs-mc-calculator-container .inner #accordion h3 a { color:#fff !important; }*/
#dcs-mc-calculator-container .inner .panes #dcs-mc-repayments-pane { display:block; }

#dcs-mc-calculator-container .inner .panes .input { position:relative; width:100%; float:left; clear:both; /*margin:15px; float:left; padding-bottom:15px; width:375px;*/ }
#dcs-mc-calculator-container .inner .panes .chart {background-color:#fff; width:100%; padding:10px 0; }
#dcs-mc-calculator-container .inner .panes .chart .first { position:relative; left:95px; font-weight:bold; }
#dcs-mc-calculator-container .inner .panes .chart .whatif { display:block; position:relative; text-align:center; font-weight:bold; }
/*#dcs-mc-calculator-container .inner .panes .result p { font-weight: bold;margin: 0; padding: 0; text-align:center; }*/

#dcs-mc-calculator-container .inner .input p { width:100%; margin-top:6px; float:left; } 
#dcs-mc-calculator-container .inner .inline-result { position:relative; float:left; clear: both; border-top: dotted 2px #ccc; border-bottom: dotted 2px #ccc; font-weight:bold; padding: 6px 0 8px; width:100%; background: #eee; border-radius: 10px; margin-bottom:10px;}
#dcs-mc-calculator-container .inner .inline-result div { padding:0 10px; }
#dcs-mc-calculator-container .inner .inline-result span { font-size:1.8em; color:#eeeeee; }
/*#dcs-mc-calculator-container #dcs-mc-repay-freq1, #dcs-mc-calculator-container #dcs-mc-repay-freq1-explore { margin-left:0 }*/

#dcs-mc-calculator-container .inner .panes .pane { /*position:relative;*/ overflow:hidden; padding: 10px 15px; border-bottom:3px solid #eeeeee; }
#dcs-mc-calculator-container .inner .panes .result { position:relative; width:100%; float:left; clear:both; }
#dcs-mc-calculator-container .inner .panes .explore { clear:both; }

#dcs-mc-calculator-container .inner .explore div { padding: 10px 15px; }
#dcs-mc-calculator-container .inner .explore .freqSelect { background-color: #fff; height: 22px; top: 36px; left: 421px; }
#dcs-mc-calculator-container .inner #dcs-mc-howlong-pane .explore .freqSelect {left: 645px;}
#dcs-mc-calculator-container .inner .explore p { float:left; /*width:33%;*/  }
#dcs-mc-calculator-container div.footer {height:5px;}

#dcs-mc-calculator-container input[type="text"].dcs-null { border-color:#d00000; }
#dcs-mc-calculator-container input {
	display: inline-block;
	width:120px;
	padding: 7px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom:5px !important;
}
#dcs-mc-calculator-container select {
	display: inline-block;
	width:auto;
	height: 37px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom:5px !important;
}
@media (max-width: 767px) {
	#dcs-mc-calculator-container .col-50, #dcs-mc-calculator-container .col-33 {
		width:100% !important;
		clear:both;
	}
	#dcs-mc-calculator-container .header h2 { 
		font-size: 1.6em;
	}
	#dcs-mc-calculator-container .inner #accordion h3 {
		font-size:1.0em;
	}
}