.form-horizontal .control-label { width: 120px; }
.form-horizontal .controls { margin-left: 140px; }
.form-horizontal .form-actions { padding-left:140px; }
.form-horizontal LEGEND { margin-top: 15px; }

.form-vertical .form-actions { padding-left:40px; }

.lastRate {border-bottom: 1px solid #DDDDDD}
.tabHeader {color: #0088cc;cursor: pointer;padding-top: 8px;padding-bottom: 8px;line-height: 20px;border: 1px solid transparent;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;margin:0;padding: 0; padding-top: 10px; padding-bottom: 14px; text-align:left;padding-left:20px;padding-right: 20px; font-size:19.5px; line-height: 50px;}
.tabHeader:hover {color: #005580;background: #eeeeee;border-bottom: #ddd;}
.tabHeaderActive, .tabHeaderActive:hover {color: #555555;cursor: default;background-color: #ffffff;border: 1px solid #ddd;border-bottom-color: transparent;}


.navbar { *position: relative;*z-index: 2;margin-bottom: 20px;overflow: visible;}
.navbar-inner {min-height: 40px;padding-right: 20px;padding-left: 20px;background-color: #fafafa;background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);background-repeat: repeat-x;border: 1px solid #d4d4d4;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*zoom: 1;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);}
.navbar .brand {display: block;float:left;padding: 10px 10px 10px;margin-left: 0px;font-size: 20px;font-weight: 200;color: #777777;text-shadow: 0 1px 0 #ffffff;}
.navbar .brand:hover,.navbar .brand:focus {text-decoration: none;}
.navbar H1 { line-height: 20px }
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner,
.navbar-static-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.navbar-static-top .container,
.navbar-static-bottom .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-static-bottom .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
.navbar-bottom {
  background-color:#f4f4f4;
  border-top: 1px solid #e4e4e4;
  margin: 0;
  margin-top: 10px;
}


.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on-last-child,
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}
.help-inline { line-height: 28px }

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs {border:0}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {background-color:transparent}

.table tbody tr:hover td,.table tbody tr:hover th{background-color:#dcecf6;}
.table {padding-bottom: 0; margin-bottom: 0}
.rate {cursor: pointer; font-size: 13px}
.noCpc { cursor: default; border-top:0}
.rateAd{line-height:24px;font-size:19.5px;}
.showMore{padding:0;margin:0;bottom:0;left:0;height:28px; width: 100%;position:absolute; background: white}
.showMore A, .sublegend A {border-bottom: 1px dotted #0088cc}
.showMore A:hover, .sublegend A:hover {text-decoration: none; border-bottom: 1px dotted #005580}
.disclaimer {line-height: 12px; text-align: left; padding-top: 15px}
.disclaimer A {text-decoration: underline}
.advertiser {font-size: 14px; font-weight: bold; line-height: 60px}
.paramsInfo {float: left; font-weight: normal; font-size: 12px; margin-bottom: 20px}
.rateInfo {font-size: 12px;}
.supermuted A, .supermuted A:VISITED { color: #999999 }
.showForm A{border-bottom: 1px dotted #0088cc}
.showForm A:hover{text-decoration: none}
.input-prepend input, .input-append select, .input-append button, .input-prepend select, .input-prepend button {float:left;}
.input-micro{width:40px;}
.oddRow {background-color:#f9f9f9;}
.href {color: #0088cc !important; cursor: pointer }
.size15 {font-size: 15px; line-height: 20px }
.size17 {font-size: 17px; line-height: 22px }
.size19 {font-size: 19px; line-height: 24px }
.size20 {font-size: 20px; line-height: 25px }
.nav-brand, .nav-brand-active {font-size:18px; font-weight:200; color:#777777; white-space: nowrap}
.nav-brand-active {font-weight: 400}
#topbar .nav-link, #topbar .nav-link-active, #topbar .nav-inner, #topbar .nav-separator {font-size:17px; font-weight:200}
#topbar .nav-link-active {font-weight: 400}
#topbar .nav-separator, #bottombar .nav-separator {color: #d4d4d4; margin-left: 5px; margin-right: 5px; line-height: 24px; font-weight: 300}
#bottombar .nav-link, #bottombar .copy {color: #999999}
#bottombar .copy {font-size: 10px}
#bottombar .nav-separator {margin-left: 5px; margin-right: 5px}
.subtotal, .subtotal td, .table-striped tbody tr.subtotal:nth-child(odd) td {font-weight:bold; background-color: #DEF0F9 !important}
.normal {font-weight: normal}
#mortgage_details td {padding-top:10px;padding-bottom:10px}
.hide {display: none}
.printOnly {display: none}
.xsmall {font-size: 9px}
.gray {color: #999}
.as-seen-on { padding: 0px; color: #999999 }
.as-seen-on img { max-height: 100px; filter: grayscale(100%); opacity: 0.25; }
.as-seen-on td { padding-left: 10px; padding-right: 10px }
.as-seen-on th { padding-right: 10px; font-weight: 300 }
.ratesH1 {font-size: 24px; line-height: 26px; margin-bottom: 10px; font-weight: normal}
#rates td {padding-top: 15px; padding-bottom: 15px}
#rates .logo { padding-left: 20px; padding-right: 20px; line-height: 12px; text-align: center}
#rates .rateAd {line-height: 30px; margin: 0; padding: 0}
#rates .action {text-align: center; padding: 0}
#rates .sponsored {margin-bottom: 0px; position: relative; top: -5px; padding-top: 3px}
#rates .phone {line-height: 14px; margin-top: 3px;}
#rates .details {font-size: 12px; line-height: 15px}
#rates li:before { content: '\2713'; margin-left: -10px; margin-right: 10px; color: #478847; font-size: 16px }
#rates li { list-style: none; font-size: 14px; line-height: 22px}
.form-horizontal .form-actions, .form-vertical .form-actions { text-align: center; padding-left: 0; padding-right: 0}
.raterow tr, .raterow td, .raterow th {border: 0; background-color: transparent !important}
.nopadmar {padding: 0 !important; margin: 0 !important}
.right {text-align: right !important }
.ceter {text-align: center !important }
.middle {vertical-align: middle !important}
label.checkbox {color: #555555}
.checkboxes { margin-bottom: 18px}
.nobr { white-space: nowrap }
.rates-sep { padding-left: 5px; padding-right: 5px; font-weight: 300 }
.show-all-offers { color: #0088cc; font-size: 20px; cursor: pointer; position: absolute; text-align: center; bottom: 0; width: 100%; height: 93px; line-height: 153px; float: right; background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,1)); text-shadow: 0px 0px 6px white; }
#monthly_ammortization_schedule { height: 500px; overflow: scroll }
.gradient {
padding:0;margin:0;bottom:28px;left:0;height:48px; width: 100%;position:absolute;
background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}

.tabHeader {
color: #0088cc;
cursor: pointer;
padding-top: 8px;
padding-bottom: 8px;
line-height: 20px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
margin:0;padding: 0; padding-top: 10px; padding-bottom: 14px; text-align:left;padding-left:20px;padding-right: 20px; font-size:19.5px; line-height: 50px;
}
.tabHeader:hover {
color: #005580;
background: #eeeeee;
border-bottom: #ddd;
}

.tabHeaderActive, .tabHeaderActive:hover {
color: #555555;
cursor: default;
background-color: #ffffff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}

.sublegend { border: 0; margin: 0 }

@media print{
    .ablock{
        display:none !important;
    }
    .ablock, #amort_tabs {
        display:none !important;
    }
    .hide, .printOnly, #advanced_options {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    #btn_advanced_options {
        display: none;
    }
    .pagebreak {
        clear: both;
        page-break-before: always;
    }
    .navbar {position: absolute}
    #amortizationChartDiv {
        padding-bottom: 15px;
        text-align: left;
    }
    .printHide {
        display: none;
        visibility: hidden;
        width: 0;
        position: absolute;
    }
    #monthly_ammortization_schedule {
        height: auto;
        overflow: auto;
    }
}

@media screen and (max-width: 1024px) {
    .hide-lt-1024 {
        display: none !important;
    }
}