body {
    color: #949c9f;
    line-height: 1.4;
    text-align: center;
}
/*
======== intro ==============
*/
div.intro {
    padding: 30px 12px 24px;
}
div.intro h3 {
    color: #96c940;
    font-size: 130%;
    padding: 0 13px 15px;
}

div#tabs {
    padding: 0;
    margin: 0;
    clear: both;
}
div#content ul li {
    list-style: none;
    list-style-image: none;
}
div#content ul#tabs-menu {
    margin: 0;
    list-style: none;
    background: url(../images/tabs-menu-bg.gif) repeat-x 0 100%;
}
div#content ul#tabs-menu li {
    float: left;
    padding: 0;
    margin: 0;
}
ul#tabs-menu li a {
    display: block;
    padding: 9px 12px 4px;
    font-weight: bold;
}
ul#tabs-menu li.active a {
    background: #000 url("../images/tabs-menu.gif") repeat-x 0 0;
    color: #fff;
}
div.tab, div#user-control {
    clear: both;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-bottom-left-radius: 9px;
    -moz-border-top-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 9px;
    border: 1px solid #d1e3b3;
    padding: 32px 12px 12px;
}
div.tab-content {
    width: 480px;
    float: left;
}
div#tabs-content {
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
div#tabs-content.loading, div.loading {
    background: #fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
}
div.tab-content div.box {
    padding: 8px 35px 8px 0;
    margin-bottom: 30px;
    clear: both;
}
div.tab-content ul.pushtop {
    padding-top: 80px;
}
div.tab-sidebar {
    float: right;
    width: 186px;
    background: url(../images/tab-sidebar.png) no-repeat 0 0;
    padding-top: 24px;
}
div.in-tab-sidebar {
    background: url(../images/tab-sidebar-bottom.png) no-repeat 0 100%;
    padding: 0 17px 30px;
}
div.tab-sidebar .box {
    clear: both;
    padding: 0 0 40px;
}
div.tab-sidebar span, div.tab-sidebar ol li, div.tab-sidebar ul li {
    display: block;
    padding: 0 0 4px 18px;
    background: url(../images/bullet.png) no-repeat 0 2px;
}
a#change-password {
    display: block;
    background: url("../images/passw.gif") no-repeat 0 0;
    padding-top: 30px;
}
div.tab-sidebar a.button {
    display: block;
    padding-top: 30px;
    font-weight: bold;
    color: #97c840;
    margin-bottom: 8px;
}
a.recordatorio, span.recordatorio {
    background: url("../images/recordatorio.gif") no-repeat 0 0;
}
a.alert {
    background: url("../images/alerta.png") no-repeat 0 0;
}
div.rec span {
    display: block;
    margin-bottom: 8px;
}
a#pingpong {
    margin: 0 auto;
    display: block;
    width: 69px;
    height: 60px;
    background: url("../images/pingpong.gif") no-repeat;
    text-indent: -9999px;
}


/*
========== sidebar ==========
*/
div#sidebar {
    float: right;
    width: 210px;
    margin-top: 24px;
    padding-bottom: 30px;
    background: url(../images/sidebar.gif) no-repeat 50% 100%;
}
div#sidebar div.box {
    margin-bottom: 18px;
}
div#sidebar div.box div.box-content {
    padding-left: 22px;
    background: url("../images/arr.gif") no-repeat 0 0;
}
div.invoice {
    font-weight: normal;
    padding: 12px 6px;
    background: #f6f6f6;
}
div.invoice strong {
    color: #69BD56;
}
div.vidas {
    padding: 12px 12px 0;
}
div.vidas span.vidas {
    margin-left: 80px;
}
div.rounded {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 2px solid #d1e3b3;
    padding: 6px 12px;
}
div.mail {
    padding-right: 20px;
    background: url("../images/mail.gif") no-repeat 100% 0;
}
/*
========== user control ===========
*/
div#user-control {
    position: relative;
    margin-bottom: 18px;
    background: url("../images/user-control.gif") repeat-y 100% 0;
}
div#user-control a.logout {
    top: 8px;
    right: 8px;
    position: absolute;
    padding-left: 14px;
    background: url("../images/close.gif") no-repeat 0 50%;
    color: #5F6566;
}
div.big-banner {
    padding-top: 24px;
}

/*
======== login =========
*/
div.info-space {
    background: #f9f9f9;
    font-size: 130%;
    color: #b4bcbf;
    text-align: center;
    width: 450px;
    float: left;
    margin-right: 30px;
    min-height: 190px;
    height: auto !important;
   /* padding-top: 50px;*/
    height: 190px;
}
div#login-form {
    float: left;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-topright: 9px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 9px;
    border: 1px solid #d1e3b3;
    padding: 30px;
    background: url("../images/log-rocket.png") no-repeat 94% 4%;
}
div#login-form.home {
    padding: 12px;
    width: 194px;
    margin-bottom: 12px;
}
div#login-form.home input[type=text], div#login-form.home input[type=password] {
    width: 100px;
}
div#login-form.home label {
    padding-top: 2px;
}
div#login-form label {
    display: block;
    color: #828387;
    padding-top: 10px;
}
div#login-form input[type=submit] {
    background: url(../images/arr.gif) no-repeat 100% 50%;
    padding: 2px 20px 2px 0;
    color: #71953d;
    border: none;
    cursor: pointer;
}
div#login-form h3 {
    color: #95c941;
    font-size: 130%;
    padding-bottom: 16px;
}
span.title {
    color: #71953d;
    padding: 2px 16px 2px 0;
    background: url(../images/form-title.gif) no-repeat 100% 50%;
}

/*
============ Modal Content ===========
*/
a#close-modal {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    right: -16px;
    background: url(../images/close.png) no-repeat 0 0;
    text-indent: -9999px;
}
div#modal-content {
    position: absolute;
    padding: 22px;
    background: #fff;
    z-index: 11;
    width: 400px;
    top: 140px;
}

div#modal-content.loading {
    background: #fff url(../images/ajax-loader.gif) no-repeat 98% 98%;
}

div#modal-content h3 {
    color: #69BD56;
    padding-bottom: 18px;
    font-size: 110%;
}

div#modal-content h3.succes {
    color: #444;
    padding-bottom: 0;
}
div#modal-content h3.error {
    color: #f00;
}

div#modal-content label {
    float: left;
    width: 140px;
    clear: left;
    display: block;
}
div#modal-content p {
    padding-bottom: 11px;
}
div.error {
    margin: 18px 11px 0;
    position: relative;
    top: 11px;
}
div#block-views-mobile_offers-block_1 {
    display: none;
}


/* tabs forms */
div.tab label {
    float: left;
    clear: left;
    width: 220px;
}
div.tab form textarea {
    height: 80px;
}
div.tab form input[type=text], div.tab form textarea, div.tab form select, div.form-group {
    width: 200px;
    padding: 3px 5px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #aaa;
}

div.lighty input[type=text] {
    width: 220px;
    padding: 4px;
}
div.tab form.ajax-form input[type=submit], div.tab form.ajax-form2 input[type=submit] {
    margin-top: 12px;
    margin-left: 300px;
}
span.form-group {
    float: left;
}
div.tab form p.dates select {
    width: 80px;
}
div.tab form p {
    padding-left: 22px;
    padding-bottom: 6px;
}

dl.items {
    clear: both;
    font-size: 110%;
}
dl.items dt, dl.info dt {
    float: left;
    clear: left;
    width: 200px;
    text-align: right;
    padding-right: 4px;
}
dl.items dt:after, dl.info dt:after {
    content: ":";
}
dl.items dd, dl.info dd {
    float: left;
    clear: right;
    width: 140px;
    padding: 4px 12px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #6d717d;
    font-size: 90%;
}
div#content dl.items dd ul {
    margin: 0;
    padding: 0;
}
dl.items dd.long {
    width: 170px;
    font-weight: normal;
}
dl.items dd.bubble {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: #d7e8b4;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    claer: right;
}
div.list {
    margin: 12px 0 6px;
}
div.list span.price {
    float: right;
    margin: 0;
}
div.list h3.list-title {
    border-bottom: 3px solid #ddd;
}
div.list div.item {
    border-bottom: 1px dotted #ccc;
    padding: 4px 8px;
}
form.ajax-form2 {
    clear: both;
}
form.ajax-form h3, form.ajax-form2 h3 {
    padding-bottom: 12px;
}
form.ajax-form p, form.ajax-form2 p {
    clear: both;
    padding-bottom: 8px;
}
form.ajax-form .sexybutton.sexysimple, form.ajax-form2 .sexybutton.sexysimple {
    -webkit-box-shadow: none;
    text-shadow: none;
}
p.required {
    padding-left: 16px;
    background: url(../images/required.png) no-repeat 0 0;
}
p.info {
    font-weight: bold;
    margin-top: 22px;
}
div.validation-errors {
    clear: both;
    padding: 5px 16px;
    background: #ff9 url(../images/field-error.gif) repeat-x 0 100%;
    border: 1px solid #f5a5a5;
    margin: 0 0 12px;
    color: #5a5c5b;
    font-size: 12px;
}
h3 {
    clear: both;
}
input#cardholder-name {
    text-transform: uppercase;
}
div.message, div.error {
    clear: both;
    width: 80%;
    padding: 12px 21px;
    border: 1px solid #f5a5a5;
    color: #595b5d;
    margin-bottom: 12px;
    background: #ffffde url(../images/field-error.gif) repeat-x 0 100%;
    
}
dd.availables p {
    clear: both;
    padding: 0 20px 3px 20px;
    margin-bottom: 12px;
    color: #999;
    background: url(../images/not-available.png) no-repeat 0 4px;
}
dd.availables p.available {
    background: url(../images/available.gif) no-repeat 0 4px;
    color: #444;
}
a#equipment-list {
    display: block;
    clear: both;
    padding: 24px 12px 24px 60px;
    font-weight: bold;
    font-size: 120%;
    background: url(../images/icono-cel.gif) no-repeat 0 50%;
    
}
div.lighty {
    margin: 50px auto 0;
    width: 300px;
    padding: 10px;
    background: #fff;
    font-size: 13px;
}
div.lighty label {
    float: left;
    clear: left;
    width: 128px;
}
a.invoice-url, a.broken-invoice-url {
    display: block;
    padding: 4px 22px;
    background: url('../images/acrobat.png') no-repeat 0 50%;
}
div.sect {
    margin-bottom: 8px;
}
table#message-inbox {
    width: 500px;
    border: 1px solid #e6f0d7;
    border-bottom: none;
}
table#message-inbox td {
    padding: 23px 3px 16px;
    border-bottom: 1px solid #e6f0d7;
}
table#message-inbox tr.not-read td.message-title {
	background: url(../images/mail.png) no-repeat 40px 23px;
}
table#message-inbox tr.read td.message-title {
	background: url(../images/mai-readl.png) no-repeat 40px 23px;
}
table#message-inbox td.message-title span {
    display: block;
    padding: 0 3px 0 120px;
    color: #6a7179;
    font-weight: bold;
    font-size: 110%;
    width: 160px;
}
table#message-inbox td.message-title a.read-message {
    color: #6a7179;
}
table#message-inbox td.message-title a.read-message.reading {
    color: #97ca3f;
}
table#message-inbox td.message-date {
    color: #97ca3f;
    font-weight: bold;
    font-size: 110%;
}
table#message-inbox td.message-content {
    font-weight: normal;
    padding-top: 12px;
    min-width: 310px;
    width: 310px;
    }
div.full-message-tab {
    background: url(../images/message-body.png) 0 100% no-repeat;
    padding-bottom: 24px;
}
div.full-message {
    background: url(../images/message-top.png) no-repeat;
    padding-top: 24px;
}
div.message-title {
    background: url(../images/message-bottom.png) 0 100% no-repeat;
    padding: 0 0 38px 120px;
}
div.message-title h3 {
    float: left;
    width: 480px;
}
div.message-title h3 a {
    color: #696f7b;
    font-size: 14px;
}
div.message-title span.message-date {
    float: left;
    color: #97ca3f;
    font-weight: bold;
    font-size: 110%;
    margin-right: 12px;
}
div.message-body {
    margin-left: 120px;
    width: 430px;
}
table#drivers {
    padding: 4px;
    color: #808080;
}
table#drivers td, table#drivers th {
    padding: 3px 6px;
    border-right: 3px solid #fff;
     border-bottom: 3px solid #fff;
    background: #EFEFEF;
}
table#drivers tr.odd td {
    background: #E7F0D7;
}
table#drivers th {
    background: url(../images/drivers-head.png) repeat-x 0 0;
    color: #fff;
    font-weight: bold;
}
table#drivers h3 {
    color: #6C717B;
}
table#drivers a.download-driver {
    display: block;
    padding: 3px 3px 3px 22px;
    background: url(../images/download-driver.png) no-repeat 4px 50%;
    color: #69BD56;
    font-weight: bold;
}
span.vidas-info {
	float: left; 
       padding-right: 6px; 
       width: 60px;
}