* {margin: 0;padding: 0;}
body {background-color: #eee;font-size:16px;font-family: 'Lato', sans-serif;color: #777;}

p {margin: 20px 0;line-height: 1.5em;}
a {color: #4f810f;}
a:hover {color: #000;}

ol,ul{margin: 15px;}
li {;margin: 5px;}

h1{font-size: 2em;color: white;white-space: nowrap;}
h2{font-size: 1.5em;}
h2{font-size: 1.4em;}
h4{font-size: 1em;}

.bold{font-weight:bold;}

input,select,textarea,button{font-size: 1.5em;color: #777;margin:2px;font-family: inherit;border: 1px solid #aaa;padding: 0 5px;}
.savedcards{color: #777;margin-bottom:8px;font-family: inherit;border: 1px solid #aaa;padding: 0 5px;border-radius:5px;}
input:focus{border-color: #52c328;}
input[type=checkbox] {transform: scale(1.3);}
input[type=radio] {transform: scale(1.3);}
input::placeholder {color: #aaa;}

.twocolumn{width: 50%;float: left;padding: 20px 0;}
.threecolumn{width: 33%;float: left;padding: 20px 0;}
.fourcolumn{width: 25%;float: left;padding: 20px 0;}

#logo{float: left;}
#logo img{width: 300px;padding: 10px 0;}

#acctnavigation{border-bottom: 1px dashed #aaa;padding: 5px;}
#navigation{float: right;height: 60px;line-height: 60px;text-align: center;}
#navigation a{color: #2d8cc4;font-weight: bold;text-decoration: none;padding:10px;text-transform: uppercase;}

#hilite_area{ background: #2d8cc4 url("/images/q-hilite-bg.png") no-repeat center;}
#hilite_text{width: 60%;float: right;padding-top: 30px;}
#hilite_img{width: 280px;}
#hilite_button_div{text-align: left;}
#hilite_button{font-size: 1.5em;padding: 5px 30px;}


.field_label{ width:20%; }

.center_nine,#content_pad{width: 900px; margin:0 auto;padding: 0 10px;}

#content_pad{margin-top: 30px;}
#content{padding: 60px 0;}

.simplify_col{width:280px; margin: auto;}
.simplify_col img{width:100%;height:auto;border:1px solid #777;padding: 1px;}
.simplify_col div{background: white;border-top: 2px solid orange;margin-top: 20px;padding: 10px;height: 200px;}

.button,.submitbutton,#payment-form button{margin:2px;padding:4px;text-decoration: none;border-radius: 4px; text-transform: uppercase;cursor: pointer;}
.green,#payment-form button{background-color: #52c328;color: white;}
.greenborder{background-color: white;color: #777;border: 1px solid #52c328;}

.row0, .row1{border-top: 1px dashed #aaa;padding: 4px;}
.row0{ background-color: #ddd;}
.rowjob{ padding: 4px; border-top: none;}
.thead{background-color: #aaa; color: white;padding: 4px;}

.reqd::before{content: "* ";}
.errorfield,.error{color: red;}

.section{margin-bottom: 40px;}

/*label {clear: both;float: left;margin-right: 5px;margin-top: 4px;text-align: right;width: 20%;}*/
.labelxx {
  position: relative;
  color: #6A7C94;
  font-weight: 400;
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
  display: block;
}

.labelxx > span {
  float: left;
}

#copynotice{background-color: white;border-top: 1px dashed #aaa;padding: 5px;padding: 8px;font-size: .8em;}
#copynotice a{color: #777;}

#footer{margin:30px 0;}
#footer h4{padding-bottom: 8px;margin-bottom:10px;border-bottom: 1px solid #aaa;}
#footer a{text-decoration: none;font-size: .8em;color: #777;line-height: 1.8em;}

.tooltip { cursor: default;}
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #fff;padding: 5px;font-size: .9em;}
#tooltip h3, #tooltip div { margin: 0;}
#tooltip h3 { font-size: 1em;}

.StripeElement {
background-color: white;
padding: 8px 12px;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}

.StripeElement--focus {box-shadow: 0 1px 3px 0 #cfd7df;}

.StripeElement--invalid {border-color: #fa755a;}

.StripeElement--webkit-autofill {background-color: #fefde5 !important;}
.field {
    background: white;
    box-sizing: border-box;
    font-weight: 400;
    border: 1px solid #ddd;
    color: #777;
    outline: none;
    height: 48px;
    line-height: 48px;
    cursor: text;
    width: 60%;
    float: left;
}

.field::-webkit-input-placeholder { color: #ddd; }
.field::-moz-placeholder { color: #ddd; }
.field:-ms-input-placeholder { color: #ddd; }

.field:focus,
.field.StripeElement--focus {border-color: #52c328;}

@media (max-width: 900px) {
    #acctnavigation{font-size: 13px;}
    #navigation{line-height:normal;padding-top: 10px;}
    .center_nine,#content_pad{width: auto;}
    .threecolumn{width: auto;float: none;}
    #hilite_area{background-image: none;}
    #hilite_text{width: auto;float: none;}
    #hilite{ text-align: center;}
    #hilite_button_div{text-align: center;}
    .simplify_col{width:80%}
    #footer_logo{display: none;}
    #footer .fourcolumn{width: 33%;}
}
@media (max-width:600px) {

    #hilite_img{width: 100%;height: auto;}
}

#payment_message{font-weight: bold;color:red;}