/* BOX SHADOW */
/* BORDER REDIUS */
.multipliercalc *, .multipliercalc *:before, .multipliercalc *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.multipliercalc div, .multipliercalc span, .multipliercalc applet, .multipliercalc object, .multipliercalc iframe, .multipliercalc h1, .multipliercalc h2, .multipliercalc h3, .multipliercalc h4, .multipliercalc h5, .multipliercalc h6, .multipliercalc p, .multipliercalc blockquote, .multipliercalc pre, .multipliercalc a, .multipliercalc abbr, .multipliercalc acronym, .multipliercalc address, .multipliercalc big, .multipliercalc cite, .multipliercalc code, .multipliercalc del, .multipliercalc dfn, .multipliercalc em, .multipliercalc img, .multipliercalc ins, .multipliercalc kbd, .multipliercalc q, .multipliercalc s, .multipliercalc samp, .multipliercalc small, .multipliercalc strike, .multipliercalc strong, .multipliercalc sub, .multipliercalc sup, .multipliercalc tt, .multipliercalc var, .multipliercalc b, .multipliercalc u, .multipliercalc i, .multipliercalc center, .multipliercalc dl, .multipliercalc dt, .multipliercalc dd, .multipliercalc ol, .multipliercalc ul, .multipliercalc li, .multipliercalc fieldset, .multipliercalc form, .multipliercalc label, .multipliercalc legend, .multipliercalc table, .multipliercalc caption, .multipliercalc tbody, .multipliercalc tfoot, .multipliercalc thead, .multipliercalc tr, .multipliercalc th, .multipliercalc td, .multipliercalc article, .multipliercalc aside, .multipliercalc canvas, .multipliercalc details, .multipliercalc embed, .multipliercalc figure, .multipliercalc figcaption, .multipliercalc footer, .multipliercalc header, .multipliercalc hgroup, .multipliercalc menu, .multipliercalc nav, .multipliercalc output, .multipliercalc ruby, .multipliercalc section, .multipliercalc summary, .multipliercalc time, .multipliercalc mark, .multipliercalc audio, .multipliercalc video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

.multipliercalc table { border-collapse: collapse; border-spacing: 0; }

.multipliercalc caption, .multipliercalc th, .multipliercalc td { text-align: left; font-weight: normal; vertical-align: middle; }

.multipliercalc q, .multipliercalc blockquote { quotes: none; }

.multipliercalc q:before, .multipliercalc q:after, .multipliercalc blockquote:before, .multipliercalc blockquote:after { content: ""; content: none; }

.multipliercalc a img { border: none; }

.multipliercalc .clearfix:before, .multipliercalc .clearfix:after { content: " "; display: table; }

.multipliercalc .clearfix:after { clear: both; }

.multipliercalc .clearfix { *zoom: 1; }

.multipliercalc .fl { float: left; }

.multipliercalc .fr { float: right; }

.uppercase { text-transform: uppercase !important; }

h1 { font-size: 35px; }

.bold { font-family: 'Open Sans',sans-serif; font-weight: 700; }

.multipliercalc { font-family: 'Open Sans',  Arial, sans-serif; font-size: 11px; line-height: 1.5; }

.multipliercalc { width: 1024px; margin: 0 auto; }

.multipliercalc .header { padding: 20px 0; background: url(../images/icn_multiplier.png) no-repeat 117px 20px; border-bottom: 5px solid #ed1c22; }

.multipliercalc .header .header-title { font-size: 34px; margin-left: 180px; line-height: 40px; font-family: 'Open Sans',sans-serif; font-weight: 700; }

.multipliercalc .header .header-subheader { font-size: 13px; margin-left: 182px; line-height: 15px; }

.multipliercalc .sup { vertical-align: super; font-size: 9px; line-height: 1; }

.multipliercalc .input.column { width: 100%; }

.multipliercalc .input.column .input-header { color: #fff; padding:36px 15px 15px; width: 31%; float: right; background: #000; }

.multipliercalc .input.column .input-header .annual-pref-interest { display: block; margin: 0 auto; overflow: hidden; width: 260px; }

.multipliercalc .input.column .input-header .annual-pref-interest label { display: block; margin-top: 5px; text-align: center; font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 1.3em; padding: 0 7% 0 20%;}

.multipliercalc .input.column .input-header .annual-pref-interest .annual-pref-interest-rate { width: 240px; margin: 10px auto; display: block; }

.multipliercalc .input.column .input-header .total-monthly-cashflow { display: block; float: none; font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 13px; margin: 0 auto 0; overflow: hidden; text-align: center; width: 254px; }

.multipliercalc .input.column .input-header .total-monthly-cashflow label { display: inline-block; margin-top: 43px; font-size: 13.5px; }

.multipliercalc .input.column .input-header .total-monthly-cashflow .total-monthly-cashflow-amount.value { margin: 10px auto; width: 184px; display: block; position: relative; }

.multipliercalc .input.column .input-header .total-monthly-cashflow .total-monthly-cashflow-amount.value span { padding: 0 10px; font-family: 'Open Sans',sans-serif; font-weight: 700; margin: 0; }

.multipliercalc .input.column .input-header .total-monthly-cashflow .total-monthly-cashflow-amount.value span.pointer { background: none repeat scroll 0 0 #E30613; color: #E30613; height: 6px; margin: 47px 2px 0 0; padding: 0; width: 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; position: relative; }

.multipliercalc .input.column .input-main { float: left; width: 68.5%; }

.multipliercalc .input.column .input-main .control label { display: inline-block; float: right; font-size: 15px; position: relative; text-transform: inherit !important; vertical-align: middle; width: 79%; line-height: normal; }

.multipliercalc .input.column .input-main .control div { display: inline-block; margin-top: -10px; vertical-align: top; }

.multipliercalc .input.column .input-main .control .noUi-base { vertical-align: top; }

.multipliercalc .input.column .input-main .control .slider, .multipliercalc .input.column .input-main .control .slider2 { display: block; font-size: 13px; height: 7px; margin: 25px auto 0; width: 92%; }

.multipliercalc .input.column .input-main .control .slider .noUi-handle .output, .multipliercalc .input.column .input-main .control .slider2 .noUi-handle .output { position: absolute; bottom: -20px; width: 50px; text-align: center; margin-left: -25px; left: 50%; }

.multipliercalc .calculations.row { float: left; padding: 15px 0; width: 100%; }

.multipliercalc .calculations.row .accout-balance { width: 100%; float: left; padding-left: 5px; }

.multipliercalc .calculations.row .bold { font-family: 'Open Sans',sans-serif; font-weight: 700; }

.multipliercalc .calculations.row .monthly-interest-amount { color: #ec2b26; }

.multipliercalc .calculations.row .no-margin-border { border-right: none !important; padding-right: 0 !important; }

.multipliercalc .calculations.row .multiplier-acc-bal { width: 390px; }

.multipliercalc .calculations.row .multiplier-acc-bal .label { font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 11px; float: left; }

.multipliercalc .calculations.row .multiplier-acc-bal p { font-size: 11px; float: left; }

.multipliercalc .calculations.row .monthly-interest-amount { width: 43%; }

.multipliercalc .calculations.row .monthly-interest-amount .label { font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 11px; float: left; margin-right: 40px; margin-top: 3px; }

.multipliercalc .calculations.row .calculation { border-right: 1px solid #dbac9c; padding: 10px 15px 0 10px; float: left; font-size: 11px; }

.multipliercalc .calculations.row .calculation input { border: none; padding: 5px 10px; color: #ec2b26; font-family: 'Open Sans',sans-serif; font-weight: 700; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 103px; background: url(../images/img_textbox.png) no-repeat; background-color: none; font-size: 15px; float: right; }

.multipliercalc .calculations.row .calculation .value { font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 15px; word-wrap: break-word; float: left; }

.multipliercalc .calculations.row .validation-msg { color: #ed1c24; min-height: 35px; padding: 5px 15px 0; font-size: 11px; }

.multipliercalc .calculations.row .footnote { padding: 15px; font-size: 11px; float: right; width: 100%; /*color:#59595C;*/ }

.multipliercalc .calculations.row .footnote p { margin-bottom: 10px; }

.multipliercalc .calculations.row .footnote .disclaimer { padding-left: 5px; text-indent: -5px; display: block; }

.multipliercalc .calculations.row .footnote .note { text-indent: -22px; padding-left: 22px; }

.multipliercalc .display-console { float: left; overflow: hidden; }

.multipliercalc .annual-pref-interest .first { font-size: 32px; font-family: 'Open Sans',sans-serif; font-weight: 700; color: #fff; height: 46px; line-height: 46px; margin-right: 0; width: 40px; float: left; overflow: hidden; }

.multipliercalc .value.total-monthly-cashflow-amount .last { position: absolute; right: -41px; top: 8px; width: 50px; }

.multipliercalc .value.total-monthly-cashflow-amount .last span { padding: 0 0; text-align: center; font-size: 16px; font-family: 'Open Sans', sans-serif;font-weight: 400; }

.multipliercalc .value.total-monthly-cashflow-amount .last span:first-child { font-size: 34px; line-height: 34px; font-family: 'Open Sans',sans-serif; font-weight: 700; }

.multipliercalc .display-console.display-cf { font-size: 32px; height: 46px; line-height: 46px; margin-right: 0; width: 40px; background: url("../images/digit-back.png") no-repeat scroll center center; }

.multipliercalc .display-console.display-br { font-size: 50px; height: 68px; line-height: 68px; margin-right: 2px; width: 55px; background: url("../images/digit-back-large.png") no-repeat scroll center center; }

.multipliercalc #br-2 { margin-right: 5px; }

.multipliercalc .display-console.display-br.pointer { width: auto; background: none; padding: 0; }

.multipliercalc .digitList span { display: block; font-family: 'Open Sans',sans-serif; font-weight: 700; text-align: center; color: #e30613; }

.multipliercalc .noUi-horizontal .noUi-base { background-color: #ed1c24; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.multipliercalc .noUi-horizontal .noUi-origin { background-color: #818285; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-top: 0 !important; }

.multipliercalc .noUi-horizontal .noUi-handle { width: 16px; height: 16px; background: url(../images/img_scroller.png) no-repeat; top: -6px; left: -6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-top: 1px !important; }

/* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-base { width: 100%; height: 100%; position: relative; }

.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }

.noUi-handle { position: relative; z-index: 1; }

.noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; }

.noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; }

.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }

.noUi-state-drag * { cursor: inherit !important; }

/* Slider size and handle placement; */
.noUi-horizontal { height: 18px; }

.noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; }

.noUi-horizontal.noUi-extended { padding: 0 15px; }

.noUi-horizontal.noUi-extended .noUi-origin { right: -15px; }

.noUi-vertical { width: 18px; }

.noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }

.noUi-vertical.noUi-extended { padding: 15px 0; }

.noUi-vertical.noUi-extended .noUi-origin { bottom: -15px; }

/* Styling; */
.noUi-connect { background: #3FB8AF; -webkit-transition: background 450ms; transition: background 450ms; }

.noUi-origin { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.noUi-target { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

/* Handles and cursors; */
.noUi-dragable { cursor: w-resize; }

.noUi-vertical .noUi-dragable { cursor: n-resize; }

.noUi-handle { border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #FFF; cursor: default; }

.noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #fff, 0 3px 6px -3px #000; }

/* Handle stripes; */
.noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; /*background: #E8E7E6;*/ left: 14px; top: 6px; }

.noUi-handle:after { left: 17px; }

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; }

.noUi-vertical .noUi-handle:after { top: 17px; }

/* Disabled state; */
[disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; }

[disabled] .noUi-handle { cursor: not-allowed; }

/* Blocked state; */
.noUi-state-blocked.noUi-connect, .noUi-state-blocked .noUi-connect { background: #4FDACF; }

/*ADDED*/
.calMain { display: block; margin: 0 auto; padding: 24px 0; width: 1024px; }
.calMain .controls .boxes2Pan { display: inline-block; width: 100%; }
.calMain .controls .boxes2Pan .control { background: #fff; float: left; display: inline-block; margin: 0 1% 3px 0; font-family: 'Open Sans', sans-serif;font-weight: 400; padding: 45px 2.5% 12px; width: 49%; }
.calMain .controls .boxes2Pan .control a.btn-more { width: 28px; height: 28px; margin: 26px 0 0 12px; display: block; background: url(../images/ic-more-active.gif) no-repeat top; cursor: pointer; z-index: 100; }
.calMain .controls .boxes2Pan .control a.btn-more:hover, .calMain .controls .boxes2Pan .control a.btn-more.active { background: url(../images/ic-more-active.gif) no-repeat bottom; -webkit-box-shadow: 2px 1px 4px black inset 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 1px 4px black inset 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 2px 1px 4px black inset 2px 5px rgba(0, 0, 0, 0.4); }
.calMain .controls .boxes2Pan .control .detailsPan { background: none repeat scroll 0 0 #FFFFFF; margin: 22px 0 -12px !important; padding: 23px 20px 10px 30px; position: relative; width: 219%; float: right; }
.calMain .controls .boxes2Pan .control .detailsPan a.close { font-size: 2em; margin: 8px; position: absolute; left: 5px; top: -5px; }
.calMain .controls .boxes2Pan .control .detailsPan a:hover.close { text-decoration: none; color: #e30613; }
.calMain .controls .boxes2Pan .control .detailsPan h2 { padding: 12px 10px 14px; text-align: left; font-size: 1.8em; color: #6d6e71; font-family: 'Open Sans', sans-serif;font-weight: 400; }
.calMain .controls .boxes2Pan .control .detailsPan h2 sup { padding: 0 0 0; }
.calMain .controls .boxes2Pan .control .detailsPan h2 small { color: #000; font-size: .8em; display: block; }
.calMain .controls .boxes2Pan .control .detailsPan div.mid { font-size: 1.4em; padding: 10px; background: #f4f4f4; margin: 0 0 10px; display: inline-block; width: 100%; font-family: 'Open Sans', sans-serif;font-weight: 400; }
.calMain .controls .boxes2Pan .control .detailsPan div.mid small { padding: 12px 0 19px; font-size: .9em; display: block; color: #818285; }
.calMain .controls .boxes2Pan .control .detailsPan div.mid sup { font-size: .7em; line-height: 1em; vertical-align: top; }
.calMain .controls .boxes2Pan .control .detailsPan div.taleAction { background: none; margin: 0 0 0; padding: 0 0 0; display: block; text-align: left; }
.calMain .controls .boxes2Pan .control .detailsPan div.taleAction a { line-height: normal; }
.calMain .controls .boxes2Pan .control:first-child .detailsPan { padding: 23px 20px 10px 0; float: left; }
.calMain .controls .boxes2Pan .control:first-child a.close { right: 0; left: inherit; }
.calMain .baseIntrest{display: block;padding: 14px 0 0 .2%; font-size:80%;color:#F1F1F1; width:100%; text-align:center; overflow:hidden}