/*******************************************************************************
  Utility
*******************************************************************************/

/* Bootstrap's uses !important which breaks show()/hide() of jquery. */
.light-hide {
  display: none;
}

.clearer {
  clear: both;
}


/*******************************************************************************
  Ballons (popovers)
*******************************************************************************/

.balloon-popover-trigger {
  color: #38825b;
}

.balloon-container {
  display: inline-block;
  margin: 4px 4px 4px 6px;
}
.balloon-help {
  margin: 0;
  padding: 0;
}

.balloon-help li {
  margin: 0 0 0 1em;
  padding: 0;
}

/*******************************************************************************
  Menu
*******************************************************************************/

.nav > li > a.account-link {
  color: #c12823;
}

.nav > li > a.account-link:hover{
  color: #01843e;
}

.nav > li.active > a.account-link {
 color: #fff;
}

.nav > li.active > a.account-link:hover{
  color: #fff;
}


/*******************************************************************************
  Layouts
*******************************************************************************/

.body-container {
  margin-bottom: 1em;
}


/*******************************************************************************
  Forms
*******************************************************************************/

.form_line {
  clear: both;
}

.form_line select,
.form_line input,
.form_line label {
  float: left;
  width: 11em;
}

/*******************************************************************************
  Errors and scaffold
*******************************************************************************/


.fieldWithErrors .fieldWithErrors {
  padding: 0px;
  background-color: #9b0f0d;
  display: table;
  color: #fff;
}

.field_error {
  padding-left:17px;
  color: #c12823; /* rgb(170,68,68); */
  float: left;
  font-size: 1em;
  font-weight: bold;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #AA4444;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom:10px;
  background-color: #AA4444;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

#errorExplanation ul {
  padding-left:20px;
}

/*******************************************************************************
  My Account
*******************************************************************************/

.ok-button {
  float: left;
  margin-top: 25px;
}

.quote-container {
  font-size:1.1em;
/*  width:320px;*/
/*  border: 2px solid #999;*/
}

.quote-container #selects {
  float: left;
}


.quote-container h3 {
  font-size:1.4em;
  margin-top:20px;
  margin-bottom:6px;
}

.main-menu {
	margin-top: 40px;
	margin-left: 0;
}

.main-menu ul {
	border-bottom: 1px dotted #999;
	padding-bottom: 4px;
	margin: 4px 0;
}

.main-menu ul li {
	display: inline;
	margin: 0 12px;
}

.main-menu ul li:nth-child(1) {
	margin-left: 0;
}

.purchase_policy_link {
  font-size: 125%;
  font-weight: bold;
  text-align: center;
}

.customer-care {
  text-align:center;
  padding-bottom:18px;
}

/*******************************************************************************
  My Profile
*******************************************************************************/

.account_form {
  clear: both;
}

.account_form label,
.account_form input,
.account_form select,
.account_form submit {
  display: block;
  float: left;
}

.account_form label {
  width: 13em;
  text-align: right;
  padding-right: 1em;
  clear: both;
}

.account_form fieldset {
  clear: both;
}

.account_form div {
  margin: 0.75em 0px;
}

/*******************************************************************************
  Policy Generator
*******************************************************************************/

.policy-stage-container {
  float:none;
  clear:both;
}

.policy_generator_form table * {
  border: 0;
}

.policy_generator_form label {
  width: 22em;
  clear: left;
  text-align: right;
  margin-right: 10px;
  display: block;
/*  line-height:18px;*/
  color:#656565;
}

.policy_generator_form select,
.policy_generator_form input,
.policy_generator_form label {
  margin-bottom: 10px;
  margin-top: 2px;
  float: left;
}

.policy_generator_form h3 {
  clear: left;
}

.policy_generator_form table tbody tr.charge_row {
  border-bottom: 1px dashed #999;
}

#same_address_link {
  margin-left: 13em;
  font-weight: bold;
  margin-bottom: 1em;
}

.top-navigation {
  text-align: center;
}

form img.policy_holder_add_remove,
form img.add_vehicle {
  margin-top: 0.25em;
  margin-right: 0.25em;
  float: left;
}

form.policy_generator_form div#assets div.asset {
  width: 100%;
  float: left;
  clear: left;
  border-bottom: 1px solid silver;
  margin-top: 15px;
  padding-bottom: 20px;
}

form.policy_generator_form {
  font-size: 110%;
}

form.policy_generator_form table.data {
  font-size: 120%;
  border-collapse:collapse;
}

form.policy_generator_form table td {
  border: 2px solid #777;
}

/* Stage 3 */

div#rates {
  margin: 0 auto;
  width: 80em;
}

div#rates div.rate_group {
  float: left;
  margin: 2em 2em;
}

div.rate {
  padding: 5px;
  float: none;
  clear:both;
}

.rate_desc label.rate-title {
  color: #b31822;
}

.rate_selection_policy_link {
  margin: 0 2em 0 0;
}

div.rates h3 {
  float: none;
  clear: both;
}

div.rate {
  margin-top: 1em;
  margin-bottom: 2em;
}


/* Stage 4 */

tr.charge_row td {
  vertical-align: top;
}

tr.charge_row ol {
  list-style-position: inside;
  border: 0;
}

tr.charge_row ol li {
  margin-left: 1em;
}



/*******************************************************************************
  Existing Customer Signup
*******************************************************************************/

.wizard-control-container {
   margin: 1em;
}


/*******************************************************************************
  Generic login or signup
*******************************************************************************/

.login-or-signup-container {
  width: 100%;
  clear: left;
  float: left;
}

.login-container {
  width: 40%;
  float: left;
}

.signup-outer-container {
  width: 50%;
  float: left;
  border-left: 1px solid #999;
  padding-left: 2em;
}

/*********************
  Calendar overrides 
*********************/

.calendar {
  z-index: 1000;
}