.loancalculator_form{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.loancalculator_form.none {border:0 solid #FFF;padding: 0;}
.loancalculator_form.plain {border:1px solid #415063;padding:10px;margin: 0;}
.loancalculator_form.rounded {border:1px solid #415063;padding:10px;-moz-border-radius: 10px;-webkit-box-shadow: 10px;border-radius: 10px;}
.loancalculator_form.shadow {border:1px solid #415063;padding:10px;margin:0 10px 20px 0;-webkit-box-shadow: 5px 5px 5px #415063;-moz-box-shadow: 5px 5px 5px #415063;box-shadow: 5px 5px 5px #415063;}
.loancalculator_form.roundshadow {border:1px solid #415063;padding:10px; margin:0 10px 20px 0;-webkit-box-shadow: 5px 5px 5px #415063;-moz-box-shadow: 5px 5px 5px #415063;box-shadow: 5px 5px 5px #415063;-moz-border-radius: 10px; -webkit-box-shadow: 10px; border-radius: 10px;}


.loancalculator,
.loancalculator__fill {
    background: #e6e6e6;display: block;height: 2em;
    -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    }

.loancalculator {position: relative;height: 2em;width: 100%;margin:1em 0;}

.loancalculator--disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity: 0.4;}

.loancalculator__fill {height: 2em;width: 100%;background: #00ff00;position: absolute;top: 0;}

.loancalculator__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 3em;
    height: 3em;
    position: absolute;
    top: -0.5em;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    }


input[type="range"]:focus + .loancalculator .loancalculator__handle {-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);}

.loancalculator-slideroutput{margin-top: -0.5em;text-align:left;}
.loancalculator-slideroutput:after, .range:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.loancalculator-slideroutput .loancalculator-sliderleft {float: left;width:50%;text-align:left;}
.loancalculator-slideroutput .loancalculator-sliderright {float: right;width:50%;text-align:right;}
.loanoutput{margin-bottom: 2em;font-size:2em;margin:0;text-align:left;width:100%;}

h2.toggle, .applicationform input[type=text], .applicationform textarea, .applicationform .submit {margin: 5px 0 7px 0;padding: 4px;color: #465069;font-family: inherit;font-size: inherit;height:auto;border:1px solid #415063;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.applicationform input[type=text] .required {border:1px solid green;}
h2.toggle, .applicationform .submit {background: #343838;text-align: center;cursor: pointer;}
h2.toggle a:link, h2.toggle a:hover, h2.toggle a:visited {color:#FFF;text-decoration:none;}
.loancalculator-error-message {color:red;}