/* Calculator styles */
.calculator_mortgage_wrap {font-size:14px; line-height:1.3; font-family:Arial, helvetica, sans-serif; position:relative; z-index:20;}
.calculator_mortgage_wrap  .block{padding:20px; -webkit-border-radius:4px; border-radius:4px; background-color:#fff; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); -moz-box-shadow:0 0 5px rgba(0,0,0,.3); box-shadow:0 0 5px rgba(0,0,0,.3)}
.calculator_mortgage-column {float:left; width:380px;}
.calculator_mortgage_wrap .field {margin-bottom:10px; min-height:32px;}
.calculator_mortgage .field_label {padding-right:10px; width:130px; display:inline-block; font-size:14px; line-height:1.2; margin-top:7px; min-width: 1px; vertical-align:top; float:left;}
.calculator_mortgage_sbc-input-wrap {display:inline-block; float:left;}
.calculator_mortgage_wrap .input {display:inline-block; vertical-align:middle;}
.calculator_mortgage .input-element {width:175px; border:1px solid #a4a4a4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:1px 1px 1px rgba(198, 198, 198, 0.9) inset; -moz-box-shadow:1px 1px 1px rgba(198, 198, 198, 0.9) inset; -webkit-box-shadow:1px 1px 1px rgba(198, 198, 198, 0.9) inset; font-size:14px; height:28px; line-height:28px; margin:0; padding:0 8px;}
.calculator_mortgage .input-element:focus {border-color:#569D56; outline:0 none;}
.calculator_mortgage_sbc-hint {display:block; font-size:13px; padding-top:4px;}
.calculator_mortgage button {cursor: pointer; line-height: 1; margin: 0; outline: 0 none;}
.calculator_mortgage .button {background:linear-gradient(to top, #E38916 0px, #E38916 0.49%, #EB911D 24%, #F3AE0F 100%) repeat scroll 0 0 #E38916; border-color: #FDBE33 -moz-use-text-color #D77206; border-radius: 6px; border-style: solid none; border-width: 2px 0; color: #FFFFFF; display: inline-block; font-family: 'FF Sero Pro',Arial,Tahoma,sans-serif; font-size: 17px; padding: 8px 20px; text-align: center; text-decoration: none;}
.calculator_mortgage .button:hover {background: linear-gradient(to bottom, #F6AF00 0px, #F59500 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}


.calculator_mortgage_wrap .calculator_mortgage-result {float:left; margin-left:30px; position:relative; width:510px;}
.tab_panel {margin-bottom:25px;}
.tab_panel-tab {background:#E0E5E3; border:1px solid #E0E5E3; cursor:pointer; display:inline-block; padding:9px 20px; text-decoration:none;}
.tab_panel-tab-state-active {background:#FFFFFF; border-bottom-color:rgba(0, 0, 0, 0);}
.tab_panel-excel-link {color:#636363; cursor:pointer; display:inline-block; float:right; font-size:13px; margin:0 7px 0 17px; text-decoration:underline; vertical-align:top;}
.calculator_mortgage_wrap .input-type-hidden {display:none; margin:0;}
.tab_panel-excel-link-button {background:#FFFFFF; border-width:0; color:#636363; cursor:pointer; font-size:13px; height:36px; margin:0; padding:0; text-decoration:underline;}
.tab_panel-print-link {color:#636363; cursor:pointer; display:inline-block; float:right; font-size:13px; height:36px; line-height:36px; margin:0 7px; text-decoration:none; vertical-align:top;}
.tab_panel-print-link-ico {background: url(../images/print-link.png) no-repeat 0 0; display:inline-block; height:16px; margin-right:7px; vertical-align:middle; width:16px;}
.tab_panel-print-link span {text-decoration:underline;}
.tab_panel-print-link:hover {color:#EB9000;}
.tab_panel-graph, .tab_panel-table {display:none;}
.tab_panel-state-active.tab_panel-graph, .tab_panel-state-active.tab_panel-table {display:block;}

.calculator_mortgage_wrap table {border-collapse:separate; border-spacing:0; vertical-align:middle;}
.calculator_mortgage_wrap .tab_panel-graph-legend {font-size:14px; margin-bottom:12px; width:100%;}
.tab_panel-graph-legend-cell {vertical-align:top;}
.tab_panel-graph-legend-color {display:inline-block; height:14px; margin:0 10px 0 0; width:14px;}
.tab_panel-graph-legend-color-color-green {background:#0A9A04;}
.tab_panel-graph-legend-color-color-orange {background:#FFA715;}
.tab_panel-graph-legend-description-right {width:55%;}
.tab_panel-graph-container {position:relative;}

.tab_panel-table {display:none; margin-bottom:20px; overflow:auto; width:auto;}
.calculator_table-head {border-bottom:1px solid #A4A4A4;}
.calculator_table-row {overflow:hidden;}
.calculator_table-cell {float:left; font-size:13px; padding:10px; vertical-align:top; width:70px;}
.calculator_table-cell:first-child {width:20px;}
.calculator_table-cell-month {width:50px !important;}
.calculator_table-head .calculator_table-cell {padding:0 10px 10px;}
.calculator_table-body {height:165px; overflow:auto;}
.calculator_table-footer {border-top:1px solid #A4A4A4;}



.calculator_mortgage .info_stats {background:#F0F2F1; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:14px; padding:11px 5px;}
.calculator_mortgage .info_stats-table {width:100%;}
.calculator_mortgage .info_stats-table td {text-align:right;}
.calculator_mortgage .info_stats-table td:first-child {text-align:left;}
.calculator_mortgage .info_stats-cell {padding:4px 10px;}

/* NiceSelect 
.select {border:none; overflow:hidden; height:17px; line-height:17px; padding:5px 0 6px; font-size:14px; cursor:pointer;}
.selectl {padding-left:8px; float:left; width:183px; height:28px; border:1px solid #a4a4a4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:1px 1px 1px rgba(198, 198, 198, 0.9); -moz-box-shadow:1px 1px 1px rgba(198, 198, 198, 0.9); -webkit-box-shadow:1px 1px 1px rgba(198, 198, 198, 0.9);}
.selectr {background:url(../images/select-ico.png) center center no-repeat; height:28px; border-left:1px solid #a4a4a4; cursor:pointer; float:right; width:26px;}
.select select {display:none;}
.option_list {border:1px solid #a4a4a4; background:#fff; position:relative; z-index:1000; font-size:14px; padding:0; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; margin:0 0 0 -8px; overflow:hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.option_list .option:first-child {padding:0;}
.option_list .option {padding:5px 8px; cursor:pointer; background:none;}
.option_list .option:hover, .option_list .selected {background:#F5FAFD; color:#495C68;}
*/

.selectized.styled-select {
    float: left;
    width: 175px;
}

.ui-slider {
    background: none repeat scroll 0 0 #b5b6b5;
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative;
    text-align: left;
    width: 460px;
}
.ui-slider-handle.ui-state-default {
	background: none repeat scroll 0 0 #b5b6b5;
    bottom: -32px;
    cursor: pointer;
    height: 20px;
    margin-left: -7px;
    position: absolute;
    text-decoration: none;
    width: 10px;
    z-index: 2;
}
.jqplot-xaxis-tick {
	font-size:12px;
    padding-right: 12px;
    transform: rotate(-90deg);
}
#chart3 {
	margin-bottom:15px
}

#helpbox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 40px;
    z-index: 100;
}