@import url(tabs.css);
@import url(misc.css);
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1px; }

.error, .alert { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom-radius: 5px; }

.errorExplanation { max-width: 530px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom-radius: 5px; }
.errorExplanation p { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom-radius: 5px; }

.on:hover { background-color: #FFEBA8; }

.off:hover { background-color: #FFEBA8; }

.breadcrumbs { margin-left: 10px; margin-bottom: 10px; padding: 5px; padding-left: 10px; padding-right: 10px; background-color: #eee; width: 800px; font-size: 1.0em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom-radius: 5px; }

.flash { position: relative; border: 1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom-radius: 5px; }
.flash a.close { text-decoration: none; color: white; font-size: 0.8em; position: absolute; right: 5px; bottom: 5px; }

.two_column .first_column .dollars { width: 50px; margin-left: 0px; text-align: right; }
.two_column .first_column .cents { width: 20px; margin-left: 0px; }

table .right { text-align: right; float: none; }
table .center { text-align: center; float: none; }
table .total { font-weight: bold; border-top: 1px solid #333; }
table .right-border { border-right: 1px solid #333; }
table .left-border { border-left: 1px solid #333; }

table.standard { width: 100%; text-align: left; padding: 0px; margin: 0px; border-bottom: 1px solid #333; }
table.standard th { font-weight: bold; color: #333; background-color: #ddd; padding: 5px; border-bottom: 1px solid #333; }
table.standard td { padding: 5px; }
table.standard td label { float: none !important; margin: 0 !important; }

table.bluebox { min-width: 300px; }
table.bluebox th { font-weight: bold; color: #1D487B; padding-left: 5px; padding-right: 5px; }
table.bluebox td { padding-left: 5px; padding-right: 5px; }
table.bluebox .total { border-top: 1px solid #1D487B; }

.total .stat { margin-top: 10px; width: 200px; }
.total .stat h5 { background-color: #eee; border-bottom: 1px solid #ccc; margin-bottom: 0px; }
.total .stat .customer { width: 90px; border-right: 1px solid #ccc; margin-right: 10px; margin-left: 10px; padding-top: 5px; padding-bottom: 5px; float: left; }
.total .stat .dealer { padding-top: 5px; padding-bottom: 5px; margin-left: 100px; width: 100px; }

.field { margin-bottom: 10px; }
.field h5 { margin: 0px; }

.search { font-size: 0.85em; margin-bottom: 10px; }
.search input[type=text] { width: 100px; }
.search input.date { width: 70px; }
.search .field { float: left; display: block; margin-right: 15px; }

.bubble-container { position: relative; z-index: 1000; }
.bubble-container .bubble { position: absolute; z-index: 100; left: 80px; top: -50px; border: 3px solid #9fbcda; width: 300px; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; }
.bubble-container .reward { bottom: auto; left: auto; right: 170px; top: -200px; }
.bubble-container .reward li { margin-top: 10px; margin-left: 20px; }
.bubble-container .reward .footnote { font-size: 0.75em; margin: 0px; }

.landing { margin-bottom: 10px; }
.landing .reward { top: -100px; left: 140px; }

.cashback { margin-left: 20px; }
.cashback .box { position: relative; min-width: 100px; margin: 10px; margin-left: 0px; padding: 10px; border: 3px solid #9fbcda; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #edf6fe; }
.cashback .field { border-bottom: 1px dotted #9fbcda; margin-top: 10px; padding-bottom: 10px; }
.cashback .field label { display: block; font-weight: bold; margin-bottom: 5px; color: #5882a8; }
.cashback .field label.inline { display: inline; }
.cashback .field input[type=text] { width: 168px; font-size: 30px; }
.cashback .field input.dollars { color: #688c08; width: 95px; text-align: right; }
.cashback .field input.cents { color: #688c08; width: 45px; }

.terms ol { line-height: 1.75em; margin-top: 10px; }
.terms ol li { list-style-type: decimal; list-style-position: inside; margin-top: 10px; }
.terms span.term { text-decoration: underline; }

.report .summary { background-color: #F6F6F6; display: block; float: left; height: auto !important; margin: 0 10px 0 0; min-height: 300px; overflow: hidden; padding: 0; width: 268px; }
.report .summary h2 { background-color: #FFFFFF; color: #666666; font-size: 1.1em; padding: 0px 0px 5px 10px; margin: 0; }
.report .summary table.standard { border-bottom: none; }
.report .summary table.stat { width: 100%; margin: 0px; }
.report .summary table.stat th { font-weight: bold; font-size: 1.2em; text-align: center; border-bottom: 1px solid #DDDDDD; padding: 5px; }
.report .summary table.stat td { border-bottom: 1px solid #DDDDDD; }
.report .summary table.stat td a { display: block; font-size: 0.9em; font-weight: bold; border: 0 none; color: #444444; height: 40px; margin: 0; overflow: hidden; padding: 10px; }
.report .summary table.stat td span.label { color: #999999; display: block; font-size: 11px; font-weight: normal; line-height: 1.3em; padding: 0 0 2px; }
.report .summary table.stat td span.data { font-size: 22px; font-weight: normal; line-height: 1.2em; }
.report .summary table.stat td a.arrow { background: transparent url(/images/btn-arrow.gif) no-repeat scroll 95% center; }
.report .summary table.stat .left-border { border-left: 1px solid #DDDDDD; }
.report .summary table.mini th { font-size: 1.0em; }
.report .summary table.mini td span.data { font-size: 15px; }
.report .summary .notes { margin: 10px; font-size: 0.9em; }
.report .department { width: 468px; }
.report .blue_module_overview { border: none; width: 90%; }
.report .title { margin-left: 10px; }
.report .content { margin-left: 10px; }

#pricing_small { margin-top: 40px; background: transparent url(/images/pricing_bg.jpg) no-repeat scroll top left; width: 815px; height: 403px; margin-left: 10px; position: relative; }

#pricing_medium { margin-top: 40px; background: transparent url(/images/pricing_bg_md.jpg) no-repeat scroll top left; width: 815px; height: 403px; margin-left: 10px; position: relative; }

#pricing_large { margin-top: 40px; background: transparent url(/images/pricing_bg_lg.jpg) no-repeat scroll top left; width: 815px; height: 403px; margin-left: 10px; position: relative; }

.pricing_overview { margin-left: 20px; margin-top: 30px; }
.pricing_overview p { margin-bottom: 20px; }

#pricing_nav { position: absolute; bottom: 50px; left: 15px; }
#pricing_nav li { position: relative; font-size: 1.15em; }
#pricing_nav li #small_company { position: absolute; width: 175px; left: 30px; height: 25px; text-align: center; }
#pricing_nav li #medium_company { position: absolute; width: 175px; left: 225px; height: 25px; text-align: center; }
#pricing_nav li #large_company { position: absolute; width: 175px; left: 415px; height: 25px; text-align: center; }
#pricing_nav li a { color: #ffffff; }
#pricing_nav li .active { color: #ff9c00; }

#pricing_list { position: absolute; top: 110px; left: 40px; }
#pricing_list li { display: block; width: 150px; text-align: center; height: 50px; width: 700px; position: relative; font-size: 1em; }
#pricing_list li .col_1 { display: block; position: absolute; left: 6px; top: 0px; width: 115px; height: 38px; text-align: right; color: #4c80af; font-weight: 700; padding-right: 15px; }
#pricing_list li .col_2 { display: block; position: absolute; left: 141px; top: 0px; width: 164px; height: 38px; text-align: center; }
#pricing_list li .col_3 { display: block; position: absolute; left: 310px; top: 0px; width: 176px; height: 38px; text-align: center; }
#pricing_list li .col_4 { display: block; position: absolute; left: 491px; top: 0px; width: 196px; height: 38px; text-align: center; }

.justin { position: relative; min-width: 583px; margin: 10px; margin-left: 0px; padding: 0px; border: 3px solid #9fbcda; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: white url(/images/cb_summary_bg.jpg) repeat-x scroll top left; }
.justin .amount { width: 130px; border-right: 1px solid #9fbcda; float: left; padding: 5px; }
.justin .lastamount { width: 130px; float: left; padding: 5px; }
.justin .lastamount span .data { color: black; }
.justin span.label { color: #77a1c7; display: block; font-size: 11px; font-weight: normal; line-height: 1.3em; padding: 0 0 2px; }
.justin span.data { font-size: 24px; font-weight: normal; line-height: 1.9em; padding-top: 5px; }

.dashboard .button_left, .dashboard .button_right_cap { margin-bottom: 0px; margin-top: 0px; }

.blue_module_overview p { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.odomiles { width: 175px; margin-top: 0px; }
.odomiles .box { position: relative; min-width: 100px; margin: 10px; margin-left: 0px; padding: 5px; border: 3px solid #9fbcda; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: white url(/images/cb_summary_bg.jpg) repeat-x scroll top left; overflow: hidden; }
.odomiles table, .odomiles h6 { width: 100%; font-size: 0.85em; color: #4E4E4E; margin-top: 3px; border: 0; }
.odomiles table th { color: #4E4E4E; background-color: transparent; border: 0; }
.odomiles table th, .odomiles table td, .odomiles table .right { padding: 2px; width: auto; border: 0; }

.certificate .disclaimer { border: 2px solid #ccc; padding: 7px; margin: 25px 0px 0px; }
.certificate table.details th, .certificate table.details td { padding: 5px; }
.certificate table.details th { font-weight: bold; color: black; text-align: right; }
.certificate table.details td { padding-left: 15px; }
.certificate table.cert { position: relative; background-color: #fff; width: 800px; }
.certificate table.cert p { font-size: 13px; font-weight: normal; line-height: 1.7em; }
.certificate table.cert td.body { padding: 0px 20px 0px 0px; background: #fff; vertical-align: top; height: 131px; }
.certificate table.cert td.body .terms { position: absolute; bottom: 70px; margin: 10px 10px 0; }
.certificate h1, .certificate h2, .certificate h3, .certificate h4, .certificate h5, .certificate h6 { color: black; }
.certificate hr { clear: both; background-color: transparent; margin: 20px 0; border: none; border-bottom: 2px dashed #999999; width: 800px; }
.certificate hr.simple { clear: both; width: auto; border-bottom: 1px solid #ccc; margin: 10px 0; }