/*
 * Bootstrap 2.2.1 Overrides
 * 
 * Custom modifications to Bootstrap styles for the Veri-Tax application.
 * This file is loaded AFTER bootstrap.css and BEFORE site.css to override
 * default Bootstrap behavior without modifying the third-party library directly.
 *
 * DO NOT edit bootstrap.css - place all Bootstrap overrides here instead.
 */

/* ============================================================
   Global list override
   The old customized bootstrap.css had list-style: none on ul, ol.
   Stock Bootstrap 2.2.1 does not. This restores that behavior
   for the site's navigation elements without touching bootstrap.css.
   ============================================================ */

ul.nav,
ul.menu-drop-down,
ul.sub-menu,
ul.dropdown-menu {
  list-style: none;
}

/* ============================================================
   Form element overrides
   ============================================================ */

label,
input,
button,
select,
textarea {
  color: #232323;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 12px;
}

label {
  margin-bottom: 0;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 20px;
  padding: 2px;
  width: 155px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

input,
textarea,
.uneditable-input {
  width: 155px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #fbfbfb;
  border: 1px solid #a8a8a8;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

select {
  width: 162px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  height: auto;
}

/* ============================================================
   Disabled/readonly field overrides
   The text-input background/border rule above shares the same
   specificity as bootstrap.css's input[disabled] gray-out rule,
   and this file loads after bootstrap.css, so disabled text
   inputs (e.g. CPA Name/Business Name, CPA Phone) were winning
   the enabled styling and never appeared grayed out. These
   [disabled]/[readonly] variants use a higher-specificity
   attribute selector so the disabled look always wins.
   ============================================================ */

input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
textarea[disabled],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="time"][readonly],
input[type="week"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="color"][readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}

.input-small {
  width: 63px;
}

/* ============================================================
   Input append/prepend overrides
   ============================================================ */

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  /* position: relative; - intentionally removed */
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.input-append .add-on,
.input-prepend .add-on {
  height: 16px;
}

/* ============================================================
   Dropdown menu overrides
   ============================================================ */

.dropdown-menu {
  *border-right-width: 0px;
  *border-bottom-width: 0px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

.dropdown-menu li > a {
  padding: 0px 10px;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #333333;
}

/* ============================================================
   Button overrides
   ============================================================ */

.btn {
  font-size: 12px;
  line-height: 17px;
  *line-height: 17px;
  padding: 4px 14px;
  text-shadow: none;
}

/* Restore btn-mini sizing overridden by the .btn rule above */
.btn-mini {
  padding: 1px 6px;
  font-size: 10.5px;
  line-height: 14px;
}

.btn-warning {
  color: #333;
  height: 27px;
  padding: 0 25px;
  margin: 5px 0px;
  border: 1px solid #2D2A2B;
}

/* ============================================================
   Nav tabs overrides (Veri-Tax orange theme)
   ============================================================ */

.nav-tabs > li > a:hover {
  text-decoration: none;
  background-color: #F3AA39;
}

.nav-tabs > li {
  float: left;
  margin: 0 -1px -1px;
  text-align: center;
  width: 115px;
}

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

.nav-tabs > li > a:hover {
  border-color: #F3AA39 #F3AA39 #F3AA39;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs a:hover {
  color: #010101;
  cursor: default;
  background-color: #F3AA39;
  background-repeat: repeat-x;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  font-weight: bold;
}

/* ============================================================
   Gray tabs override
   Some detail/confirmation views (Order Confirmation, VOE and 4506
   detail, Invoice overview) reuse the nav-tabs markup as a static
   section header ("Applicant" / "Co-Applicant") and need it to
   match the gray .table_item2 h2 headers instead of the orange
   active-tab theme above. background-image must be reset here too,
   since background-image paints over background-color and would
   otherwise leave the orange gradient above visible.
   ============================================================ */

li.grayTabs.active > a,
li.grayTabs.active > a:hover,
li.grayTabs a:hover {
  color: #010101;
  cursor: default;
  background-color: #D8D8D8 !important;
  background-image: none !important;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  font-weight: bold;
}

/* ============================================================
   Progress bar overrides
   ============================================================ */

.progress {
  border: 1px solid #A4A4A4;
}

/* ============================================================
   Modal overrides (custom modal types)
   ============================================================ */

.receiptmodal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 475px;
  height: 590px;
  margin: -350px 0 0 -215px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.receiptmodal-body {
  padding: 15px;
  overflow-y: visible;
}

.branchaccessmodal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 760px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}