

.widget-driving {float:left;width:246px;height:543px;background:#fff url(images/widget-bg.jpg) no-repeat 1px 20px;}
.widget-driving .widget-inner {}

.widget-driving .widget-tabs {font-family:Verdana;font-size:.8em;}
.widget-driving .widget-tabs .widget-tabs-inner {padding:0 0 0 19px;}

.widget-driving .widget-tabs ul {padding:0;margin:0;}
.widget-driving .widget-tabs ul li {list-style:none;padding:0;margin:0;float:left;margin:0 3px 0 0;}
.widget-driving .widget-tabs ul li a {display:inline-block;text-decoration:none;color:#FFFFFF;background:transparent url(images/tab-bg-left.gif) no-repeat 0 0;cursor:pointer;}
.widget-driving .widget-tabs ul li a .a-inner {display:inline-block;height:18px;padding:5px 11px 0 10px; background:transparent url(images/tab-bg-right.gif) no-repeat right 0;}
.widget-driving .widget-tabs ul li a:hover .a-inner {text-decoration:underline;}

.widget-driving .widget-tabs ul li a.active {background:transparent url(images/tab-bg-active-left.gif) no-repeat 0 0;}
.widget-driving .widget-tabs ul li a.active .a-inner {color: #656565; background:transparent url(images/tab-bg-active-right.gif) no-repeat right 0;text-decoration:none;}

.widget-driving .widget-content {height:210px;overflow:hidden;}
.widget-driving .widget-content .widget-content-inner {padding:0 15px 0 15px;}

.widget-driving .widget-image {height:150px;background:transparent url(images/widget-image.jpg) no-repeat 5px 0;}
.widget-driving .widget-image-inner {}

.widget-driving .widget-title {float:left;}
.widget-driving .widget-title .widget-title-inner {padding:14px 0 0 0;}
.widget-driving .widget-title h3 {background:transparent url(images/widget-title-bg-left.gif) no-repeat 0 0;font-size:21px;font-weight:normal;font-family:Verdana;float:left;height:40px;overflow:hidden;padding:0;margin:0;}
.widget-driving .widget-title h3 .h3-inner {background:transparent url(images/widget-title-bg-right.gif) no-repeat right 0;float:left;padding:4px 30px 13px 25px;}


.widget-driving .widget-content .view-content {}
.widget-driving .widget-content .view-content .view-content-inner {}

.widget-driving .widget-content .view-content-quick {}

.widget-driving .widget-content .view-content-detailed {}



.widget-driving .widget-footer {margin:0 3px 0 5px;}
.widget-driving .widget-footer .footer-inner {border-top:1px solid #000;padding:8px 0 0 0;}

.widget-driving .widget-footer .widget-results {text-align:center;}
.widget-driving .widget-footer .widget-results .results-title {text-transform:uppercase;font-family:Arial;letter-spacing:1px;font-size:12px;color:#203738;}
.widget-driving .widget-footer .widget-results .results-total {font-size:2.5em;line-height:29px;color:#e60606;font-family:Arial;font-weight:bold;height:30px;overflow:hidden;margin:8px 0 7px 0;}
.widget-driving .widget-footer .widget-results .results-total .total-num {display:inline-block;margin:0 0 0 0;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char {text-indent:-5000px;float:left;height:29px;width:22px;background:transparent url(images/char-num-red-medium.gif) no-repeat center 0;margin:0;padding:0;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-0 {background-position:center 1px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-1 {width:13px;background-position:center -39px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-2 {background-position:center -79px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-3 {background-position:center -119px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-4 {background-position:center -159px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-5 {background-position:center -199px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-6 {background-position:center -239px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-7 {width:20px;background-position:center -279px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-8 {background-position:center -319px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-9 {background-position:center -359px;}
.widget-driving .widget-footer .widget-results .results-total .total-num .char-period {width:8px;background-position:-7px -399px;}
.widget-driving .widget-footer .widget-results .results-total .total-unit {display:inline-block;text-indent:-5000px;background:transparent url(images/total-unit.gif) no-repeat 0 0;height:29px;width:42px;position:relative;bottom:2px;}
.widget-driving .widget-footer .widget-results .results-average {font-size:.8em;}


.widget-driving .form-row {padding:0 0 4px 0;}
.widget-driving .form-row label {display:inline-block;padding:2px 0 0 0;white-space:nowrap;float:left;}
.widget-driving .form-row .textfield,
.widget-driving .form-row select {float:right;}



.widget-driving .accordion .accordion-section .section-title {background:#656565 url(images/accordion-title-icon-collapsed.gif) no-repeat 0 0;padding-left:18px;}
.widget-driving .accordion .accordion-section .trigger-expanded {background:#656565 url(images/accordion-title-icon-expanded.gif) no-repeat 0 0;}

.widget-driving .accordion .accordion-section .section-content {height:75px;overflow:hidden;}


.widget-driving .btn-primary {display:inline-block;background:#656565 url(images/btn-primary-bg.gif) repeat-x 0 0;border:1px solid #656565;text-decoration:none;color:#656565;font-size:.7em;cursor:pointer;font-weight:bold;}
.widget-driving .btn-primary .btn-inner {padding:2px 6px 2px 6px;display:inline-block;}
.widget-driving .btn-primary:hover {border-color:#656565;background-position:0 -2px;}
.widget-driving .btn-primary:hover .btn-inner {}

.widget-driving .vehicle-options {padding:6px 0 0 0;} 
.widget-driving .vehicle-options ul {margin:0;padding:0;}
.widget-driving .vehicle-options ul li {list-style:none;margin:0 4px 0 0;padding:0;float:left;}
.widget-driving .vehicle-options ul li .btn-primary {}
.widget-driving .vehicle-options ul li .btn-vehicle-add .btn-inner {background:transparent url(images/icon-add.gif) no-repeat 0 -1px;padding-left:18px;}

.widget-driving .btn-vehicle-remove .btn-inner {background:transparent url(images/icon-remove.gif) no-repeat 0 -2px;padding-left:18px;font-size:1.1em;}


.widget-driving .view-message-matte {background:#fff;border:1px solid #fff;}

.widget-driving .view-message {background:transparent;border:1px solid #fff;height:120px;width:240px;font-size:.8em;overflow:hidden;margin:0px 0 0 0px;}
.widget-driving .view-message .message-inner {padding:10px;}
.widget-driving .view-message h4 {margin:0;padding:0 0 8px 0;}
.widget-driving .view-message ul {padding:0 0 0 20px;}
.widget-driving .view-message ul li {list-style:disc;}

