@charset "UTF-8";
/* CSS Document */

/************************* Anthony Yates 4/12/11: Registration *************************/
#section-page {
  width: 98%;
}

div.container {
  overflow: auto;
  width: 100%;
}

#div-accordion {
  font-size: 17px;
  font-weight: bold;
  width: 100%;
}

#div-accordion-box {
  position: relative;
}
.button-wrapper {text-align: left; padding-top: 10px;}
.button-wrapper button {}
#div-accordion .button-accordion-submit,
#div-accordion .button-accordion-submit-back,
#div-accordion .button-accordion-submit-back.skip {
  font-family: Arial, Sans-Serif;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
  padding: 9px;
  border: solid 1px #85b1de;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 100px;
}
#div-accordion .button-wrapper .button-accordion-submit,
#div-accordion .button-wrapper .button-accordion-submit-back,
#div-accordion .button-wrapper .button-accordion-submit-back.skip {
  display: inline-block;
  position: static;
  margin-right:10px;
  border: none;
  background: #f8ba1c none no-repeat scroll 0 0;
  font-weight: bold; 
  color: #333; 
  width: 226px;
  box-shadow: 0 0 0 1px #e6982e inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #ba8741, 0 3px 3px 1px rgba(0, 0, 0, 0.5);
}

#div-accordion .button-wrapper .button-accordion-submit:hover,
#div-accordion .button-wrapper .button-accordion-submit-back:hover,
#div-accordion .button-wrapper .button-accordion-submit-back.skip:hover {
    background: #006595 none no-repeat scroll 0 0;
    box-shadow: 0 0 0 1px #01303f inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 3px 0 0 #01303f, 0 3px 3px 1px rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.div-promo-code {
  font-family: Arial, Sans-Serif;
  font-size: 14px;
  margin-bottom: 250px;
  display: block;
  padding: 9px;
  border: solid 1px #85b1de;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 50px;
}

.div-right-box {
  font-family: Arial, Sans-Serif;
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
  padding: 9px;
  border: solid 1px #85b1de;
  bottom: 0;
  right: 0;
  margin-right: 0px;
  float: right;
}

/* Customize inputs */
/* http://www.jankoatwarpspeed.com/post/2008/07/27/Enhance-your-input-fields-with-simple-CSS-tricks.aspx */
.div-registration input[type="text"], input[type="password"] {
  font-family: Arial, Sans-Serif;
  font-size: 15px;
  margin-bottom: 5px;
  padding: 9px;
  border: solid 1px;
}

.div-registration input[type="checkbox"] {
  /*height: 200px;
  width: 200px;*/
}

.div-registration input[type="radio"] {
  margin-left: 20px;
}

.input-registration {
  color: #000000;
  border-color: #85b1de;
  float: left;
/* Making background field white for consistency - background-color: #ccc; */
}

.input-registration-no-float {
  color: #000000;
  border-color: #85b1de;
  background-color: #ccc;
}

.input-registration-invalid {
  color: #ff0000;
  border-color: #ff0000;
}

.label-registration {
  color: #000000;
}

.label-registration-invalid {
  color: #ff0000;
}

/* Emphasize the selected input */
/* Check that this works in IE; if not, do this in jQuery */
.div-registration input[type="text"]:focus {
  background-color: #ffffff;
  border: solid 1px #33677F;
}

.div-registration input[type="password"]:focus {
  background-color: #ffffff;
  border: solid 1px #33677F;
}

#input-datepicker {
  z-index:20000;
}

/* Create scrollbar for autocomplete */
.ui-autocomplete {
  max-height: 200px;
  overflow: auto;
}

/* Hack for IE6 */
* html .ui-autocomplete {
  height: 100px;
}

.div-extra-extra-large {
  width: 500px;
}

.div-extra-large {
  width: 360px;
}

.input-extra-large {
  width: 340px;
}

.div-large-extended {
  width: 290px;
}

.input-large-extended {
  width: 270px;
}

.div-large {
  width: 235px;
}

.input-large {
  width: 215px;
}

.div-medium-large {
  width: 200px;
}

.div-medium {
  width: 140px;
}

.div-medium-extended-small {
  width: 150px;
}

.div-medium-extended {
  width: 190px;
}

.input-medium {
  width: 120px;
}

.div-small {
  width: 100px;
}

.div-small-extended {
  width: 110px;
}

.input-small {
  width: 80px;
}

.div-somewhat-small {
  width: 80px;
}

.input-somewhat-small {
  width: 60px;
}

.div-extra-small {
  width: 60px;
}

.div-extra-small-extended {
  width: 110px;
}

.input-extra-small {
  width: 40px;
}

.floating-field {
  float: left;
  margin-right: 30px;
}

.floating-field-small-margin {
  float: left;
  margin-right: 10px;
}

.floating-field-no-margin {
  float: left;
}

.clear {
  clear: both;
}

.button-dropdown {
  left: -6px;
  /*bottom: 1px;*/
  height: 37px;
  float: left;
}

.pointer {
  cursor: pointer;
}

.hidden {
  visibility: hidden;
  display: none;
}

/* this is for $.show() and $.hide(), although it was not actually hiding anything */
.jquery-hidden {
  display: none;
}

.disabled {
  cursor: default;
}

.flash {
  color: #ff0000 !important;
}

#containerDrill2011 {
  width: 990px;
  padding: 0;
  margin: 0 auto;
  /*margin-bottom: 20px;*/ /* keeps the comboboxes from extending past the bottom of the page; old value: 85px */
  position: relative;
}

.requiredAsterisk {
  color: #fe9b00;
}

/*.icons {
  display: block;
  position: absolute;
  bottom: 3px;
  right: 20px;
}*/

.icon-box {
  /*float: left;*/
  margin-right: 8px;
}

#padlock {
  margin-top: -8px;
}

.stateTitleGeneric2011 {
  height: 84px;
  margin: 0;
  padding: 0;
  position: relative;
}

.stateTitleGeneric2011 h1 {
  margin: 0;
  padding: 0;
  font-size: 70px;
  line-height: 38px;
  font-weight: bold;
  letter-spacing: -3px;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
}

.dialog {
  display: none;
  font-size: 16px;
}

.emphasized {
  font-weight: bold;
}

label.error {
  font-size: 10px;
  color: red;
  float: left;
}

.div-summary {
  /*margin-top: 20px;
  margin-bottom: -45px;*/
  font-size: 20px;
  font-weight: bold;
}

.gray {
  color: #8a8a5c;
}

div.password-message {
  width: 90%;
}

#div-accordion .reg-cred-wrapper {font-weight: normal; float: right;width: 300px;}
.reg-cred-wrapper h3 {}
.trust-item {font-size: 14px; color: #333333; margin-bottom: 8px;}
.trust-text {}
.trust-name {text-align: right; color: #777777; font-size: 12px;}
.trust-img-wrap {text-align: center;}
.trust-img {vertical-align: top; margin-bottom:20px;}
.trust-img-bbb { position: relative; top: 16px; width: 180px;}
.div-registration {overflow: hidden;}

#div-accordion .reg-cred-wrapper.payment {}
.authotorize-wrapper {margin-bottom: 10px; text-align: right;}
#div-accordion .paymenticons img {width: 50px;}

#promo-wrapper {padding-top: 20px;}
#promo-inner {border: 1px solid #85b1de; float: right; width: 220px;}
#promo-wrapper .div-promo-code {margin-bottom: 0; position: static; margin-right: 0; width: 130px; border: none;}
#promo-wrapper .div-right-box {float: none; border: none;}

/* regitration 2016 */
body.reg2016-wrapper {background-color: #EFEFEF; margin: 0;}
.reg2016-wrapper {}
.reg2016-tx-wrapper {}

.reg2016-wrapper #input-expiration-month {width: 60px;}
.reg2016-wrapper #input-expiration-year {width: 80px;}

.reg2016-wrapper .ui-widget-content {background: transparent none repeat-x scroll 50% bottom; color: #666; font-weight: normal; border:none;}
.reg2016-wrapper .ui-widget-content.ui-autocomplete {background-color: #FFF;}
.reg2016-wrapper #fb-response div {text-align: center; color: #FFF; background-color: #FDC977; padding: 10px; text-align: center; margin-bottom: 20px;}
.reason-outer {}
.reason-outer h2, h2.lene-header {border-bottom: 2px solid #ccc; margin: 0 14% 80px; text-align: center;}
h2.lene-header.login-info {margin-bottom: 20px;}
.needed {margin-bottom: 40px; text-align: center;}
.reason-outer h2 span, .lene-header span {
    background-color: #efefef;
    display: inline-block;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase;
    top: 16px;
    font-size: 22px;
    font-weight: normal;
  }
.reason-boxes {text-align: center; margin-bottom: 30px;}
.reason-box {
  background-color: #fff;
  display: inline-block;
  margin: 0 0 20px 0;
  min-height: 150px;
  padding: 2%;
  vertical-align: top;
  width: 28%;
  border-radius: 4px;
  }
.reason-box.left {margin: 0 1% 20px 0;}
.reason-box.right {margin: 0 0 20px 1%;}

.reason-box .image-wrapper {}
.reason-box .image-wrapper img {max-width: 100%; cursor: pointer;}
.reason-box div.button-accordion-submit-box,
/* Changed color of first page button from blue to green .reason-box div.button-accordion-submit-box1 {background-color: #65abd0; border-radius: 4px; color: #fff; font-weight: normal; padding: 12px; text-transform: uppercase; cursor: pointer;}*/
.reason-box div.button-accordion-submit-box1 {background-color: #24aa98; border-radius: 4px; color: #fff; font-weight: normal; padding: 12px; text-transform: uppercase; cursor: pointer;}
.reason-box div.button-accordion-submit-image {background-color: #ffffff; border-radius: 4px; color: #fff; font-weight: normal; padding: 12px; text-transform: uppercase; cursor: pointer;}
.reason-box p {}

.form-help-text {color: #fe9b00;}
.reason-outer h4 {color: #65abd0;}

.reg2016-wrapper .button-wrapper {
    padding-top: 10px;
    text-align: center;
}
.reg2016-wrapper #div-accordion .button-wrapper .button-accordion-submit {
    background: #24aa98 none no-repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    position: static;
    width: 226px;
}

.reg2016-wrapper #div-accordion .button-wrapper .button-accordion-submit-back,
.reg2016-wrapper #div-accordion .button-wrapper .button-accordion-submit-back.skip {background: transparent none no-repeat scroll 0 0; display: block; width: 100%; color: #65abd0;}

/* step 2 */
.select-wrapper {text-align: center;}
.select-wrapper .field {margin-bottom: 20px;}
.select-wrapper .label-wrapper {}
.select-wrapper select {font-size: 14px; line-height: 20px; padding: 2px; width: 250px;}

.reg2016-wrapper #div-accordion .button-accordion-submit-box2 {
    background: red none no-repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    position: static;
    width: 226px;
    padding: 10px 0;
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
}

/* step 3 */
.narrow-content {padding: 0 4%;}
.input-priority {background-color: #FFF; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; border-radius: 4px;}
.input-priority input {float: left; margin-right: 10px;}
.priority-title {color: #333;}
.priority-sub {color: #65abd0; padding-left: 28px;}
.gate-code-wrapper input {border: 1px solid #ccc; border-radius: 4px; padding: 1%; width: 98%;}

/* step 4 */
.input-driving-record {background-color: #FFF; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; border-radius: 4px;}
.input-driving-record input {float: left; margin-right: 10px; cursor: default;}

.input-priority:hover,
.input-priority:hover .priority-title,
.input-priority:hover .priority-sub,
.input-driving-record:hover,
.input-driving-record:hover .priority-title {background-color: #fdc977; cursor: pointer; color: #FFF;}

/* step 5 */
#sum-total {width: 100%;}
#sum-total tr.total {background-color: #fdc977;}
#sum-total td {padding: 6px 10px;}
/* Shared */
.ui-widget-content .loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0 0 1em 0;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
  cursor: pointer;
  height: 38px;
  display: block;
  width: 220px;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.ui-widget-content .loginBtn--facebook {
  background: #4C69BA url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
  /*background-image: linear-gradient(#4C69BA, #3B55A0); */
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.ui-widget-content .loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.ui-widget-content .loginBtn--facebook:hover,
.ui-widget-content .loginBtn--facebook:focus {
  background: #5B7BD5 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.summery-wrapper {margin-bottom: 30px;}
/*There was a strange indent on Order Summary page -> .sum-item {padding: 10px;}*/
#sum-priority .sum-item {padding: 10px 0;}
.reg2016-wrapper .ui-dialog {background-color: #FFF; width: 98% !important; left: 1% !important;}
.row {}
.div-registration .row input {width: 98%; padding: 3px 1%; border: 1px solid #CCC; border-radius: 3px; height: 36px;}
.row .half {display: inline-block; vertical-align: top; width: 49%;}
.row .half.float-left {float: left;}
.row .half.float-right {float: right;}
.row .full {}
#input-residence-state {float: left;}


#step-three-wrapper {padding-top: 4px;}
#step-three {border-radius: 5px; background: url("start/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078ae;
    border: 1px solid #77d5f7;
    color: #ffffff;
    font-weight: normal; position: relative;}
#step-three .step-three {display: block; font-size: 1em; padding: 0.5em 0.5em 0.5em 2.2em;}
#step-three .ui-icon {left: 0.5em; margin-top: -8px; position: absolute; top: 50%; background-image: url("start/images/ui-icons_e0fdff_256x240.png"); background-position: -32px -16px; height: 16px; width: 16px;}

.page-id-6623 .f7x {display: none !important;}
@media (max-width: 640px) {
        .ui-dialog {left: 0 !important; width: 96% !important;}
        #div-accordion .reg-cred-wrapper {float: none; margin-bottom: 20px; width: 100%;}
        #promo-inner {float: none; width: 100%;}
        .div-registration input[type="text"], input[type="password"] {font-size: 16px; padding: 3px; height: 30px; border-radius: 3px; border-color: #777777;}
      .floating-field {float: none; clear: both; margin-right: 0;}
      #div-accordion-box-1,
      #div-accordion-box-0 {padding: 1em;}
      #div-accordion .div-medium, 
      #div-accordion .div-large, 
      #div-accordion .div-extra-small-extended, 
      #div-accordion .div-extra-large, 
      #div-accordion .div-small-extended,
      #div-accordion .div-extra-extra-large {width: 98%; margin-right: 0;}
      .div-extra-small-extended {}
      .floating-field input {width: 98%;}
      .label-registration {}
      .state {}
      .state input {width: 56px;}
      .state button {}
      #input-expiration-month, #input-expiration-year {width: 40%;}
      #input-priority,
      #input-license-state,
      #input-reason,
      #input-license-plate-state {width: 80%;}
      #input-billing-is-residence-address,
      #input-shipping-is-residence-address,
      #input-agreement {width: 20px;}
      .authotorize-wrapper {margin-bottom: 10px; text-align: center;}

      /* registration icons */
      .trust-reg-trustwave {width: 80px;}
      .trust-reg-authorize {width: 60px;}
      .trust-reg-tx {width: 50px;}
      .trust-reg-bbb {width: 34px;}
      .trust-reg-cards {width: 60px;}
    }