html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
* {margin: 0;padding: 0; box-sizing: border-box}
a {color: #777; font-size: 11px; text-decoration: none}
a:hover {color: #777}
body {font: normal 100% Verdana,Geneva,Arial,Helvetica,sans-serif;}
input {color: #555;font: normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 1px}
p,ul {font-size: 12px;padding-bottom: 12px}
h1 {font-size: 18px;margin-bottom: 4px}
h2 {font-size: 15px;margin-bottom: 10px}
h1,h2,h3 {color: #577ba2;padding-top: 6px; font-weight: normal}
h1 a {color:#577ba2; font-size:18px; }
.clear {clear: both}
.left {float: left}
.right {float: right}
.center{text-align: center}
.align-right{text-align: right !important}
.align-left{text-align: left !important}
.hidden{display: none !important}
.visible{display: block !important}
.padding10{padding: 10px}
.link_bold:hover{font-weight: bold; cursor: pointer}
.no_border, .no_border td {border: 0px solid !important}
.no_top_border, .no_top_border td {border-top: 0px solid !important}
.strong {font-weight: bold}
.centered {margin: 0 auto}
.header {padding-bottom: 7px}
.main_container {background-color: whitesmoke;}
.main_width {margin: 0 auto;width: 1000px;}
.content-float {width: 800px; margin:auto;}
.logo {height: 60px; float: left; width: 300px;}
.mobile-buttons {display: none}
.logo a {background: url(/img/logo.png) no-repeat 0% 0% transparent; width:300px; display: block; height: 71px}
.title-slider {padding-bottom:10px}
.random-cars .item {margin-left: 20px; width: 221px}
.random-cars .item .photo {height: 156px}
.random-cars .item .caption {overflow: hidden;}
.random-cars .item .photo a{
border: 1px solid #999999;
line-height: 0;
padding: 2px;
display:block;
width: 206px;
}
.random-cars .item .item-title {color: #577BA2; white-space: nowrap; font-size: 15px}
.tab-content .random-cars .item {margin-left: 12px; padding-top: 10px;}
.tab-content .random-cars {margin-top: 15px}
.navigation {float: right;height: 70px;margin-left: 24px; padding-top: 5px; width: 630px;}
.navigation .nav_links {margin-top: 11px;}
.navigation .nav_links a {color: #FFF;float: left;font-size: 12px;padding: 8px 18px;text-align: center;text-decoration: none;}
.navigation .nav_links a:hover, .navigation .nav_links a.active {background-color: #00A1E1;color: #FFF}
.header .menu { clear:both; float:left; background-color: #577ba2; width: 100%; height: 40px}
.header .menu ul { list-style:none; overflow:hidden;}
.header .menu ul li { overflow:hidden; height:100%; float:left; padding:11px 18px 0px 0px;}
.header .menu ul li.first { padding-left: 30px}
.header .menu ul li a { font-size:13px; color:#f6f6f6; text-decoration:none;}
.header .menu ul li a:hover { text-decoration:underline;}
.header .menu ul li.current_page_item a { text-decoration:underline;}
.header .menu ul li.separator {padding-left: 0px !important; color:#FFF;}
.submenu {padding-bottom: 20px;}
.submenu a {font-size: 11px; font-weight: bold; color: #3A536D}
.submenu a:hover, .submenu a.active {text-decoration: underline}
.submenu span {padding: 0 10px;}
.login {height:43px; text-align: right;margin-top: 15px;}
.login .form {margin-top: 5px;}
.login .form input {padding: 3px; margin: 0; width: 115px}
.login .form .submit {height: 26px; width: 80px; margin:0;}
.login_links {height: 20px; padding:5px 0 0 0; margin: 0;}
.login_links .checkbox {margin: 0px 5px; width: 13px; height: 13px;}
.login_links a, .login_links, .login .login_links label , .login_links strong {color: #577ba2; font-size: 11px }
.login_links a:hover, .login_links a.active{text-decoration: underline}
.form .grey-submit-button {width: 100px}
#mini-login-button {display: none}
.logged {font-size: 12px; color: #FFF; padding-top: 5px; height: 38px; text-align: right; margin-top: 5px;}
.main {clear: both;padding-bottom: 7px;}
.block {margin-top: 8px; margin-left: 8px; background-color: #FFF; border:1px solid #C6C6C6; padding: 10px}
.sidenav{float: left;width: 240px;margin-right: 7px;}
.sidenav h1 {border-bottom: 1px dashed #DDD;color: #3a536d;font-size: 12px;padding-bottom: 5px}
.sidenav ul {margin: 0;padding: 0}
.sidenav li {border-bottom: 1px dashed #EEE;list-style: none;margin: 0}
.sidenav li a{color: #777;display: block;font-size: 11px;padding: 3px 6px 3px 18px;text-decoration: none}
.sidenav li a:hover, .sidenav li a.active {color: #777;background: url(/img/nav_li.gif) no-repeat; font-weight:bold;}
.sideCont2 {font-size: 12px}
.topnav{float: left;text-align:left;margin-right: 7px; padding-top: 30px; padding-left: 20px; width: 260px}
.topnav ul {margin: 0;padding: 0}
.topnav li {border-bottom: 1px dashed #EEE;margin: 0}
.topnav li a {font-size: 11px;color: #777;display: block;padding:3px 0 3px 0;text-decoration: none}
.topnav li a:hover, .topnav li a.active {font-weight:bold;}
.topnav a:hover {color: #777; font-weight:bold}
.content {float: left; width: 751px; font-size: 11px; text-align: justify}
.content .descr, .content_wide .descr {color: #C60;margin-bottom: 16px}
.content-full {width: 1000px}
.box {background-color: #FEFEFE; border:1px solid #C6C6C6; padding: 9px; margin-bottom: 10px; font-size: 12px;}
.full-height {min-height: 633px}
.paragraph {line-height: 18px}
.box-half {width: 49%}
.box_expenses{background: url("/img/diagram.jpg") #FFF no-repeat 10px 10px; width: 350px; height: 200px}
.box_expenses h1 {margin-left:70px; margin-top:20px; padding-left:10px}
.box_useful_info{background: url("/img/useful_info.jpg") #FFF no-repeat 10px 10px; width: 350px; height: 200px}
.box_useful_info h1{margin-left:70px;margin-top:20px; padding-left:10px}
.common-stats li {padding-top: 5px; margin-left: 20px; list-style:none; font-size: 15px;}
.common-stats span.right{text-align:left; width: 100px}
.top-cars li{padding-top: 5px; margin-left: 20px; list-style:none; font-size: 15px}
.top-cars span.right{width: 75px; text-align: left}
.top-cars a {color: #000; font-size: 15px}
.top-cars a:hover {text-decoration: underline}
.styled {border: 3px double #E5E5E5; padding: 2px 3px}
.button {padding: 2px 3px; border: 1px solid #AAA; margin-left: 5px; cursor:pointer;-moz-border-radius:4px;border-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px}
.button_active {border: 1px solid #AAA;margin-left: 5px;padding: 2px 3px; cursor:pointer; background-color: #DDD}
.link_button {padding: 2px 3px; border: 1px solid #AAA; margin-left: 5px; cursor:pointer;}
.link_button_active, .link_button:hover {border: 1px solid #AAA;margin-left: 5px;padding: 2px 3px; cursor:pointer; background-color: #DDD}
#login_form {width: 160px;}
#login_form input{font-size: 12px; margin-bottom: 5px; width: 150px; padding: 2px 0px}
#login_form .submit{width: 100px;}
#login_form .checkbox{width: 20px}
#login_form a {display: block; color: #777; padding-top:3px; text-decoration:underline; font-size: 10px}
.stats {text-align: center;}
.footer {clear:both;overflow:hidden;background-color: #5C5C5C;font-size:1.2em; line-height:1.3em; font-family: tahoma;color:#838383;}
.footer .width { width:1000px; margin:0 auto;}
.footer .indent {overflow:hidden; height:100%;padding:10px 0px 10px 22px; color: #e3e3e3}
.footer a { color:#e3e3e3;}
.about-container {height: 500px;}
#logged_user_menu span.title{font-weight: bold; padding-left: 0px; padding-bottom: 5px; display: block}
.car_title {font-weight:bold; font-size: 11px; padding-bottom: 5px}
.new-record {margin: auto; width: 815px; padding-top: 50px;}
.registration_form{padding-top: 30px; padding-left: 20px; font-size: 12px; width: 425px}
.registration_form div {padding-bottom: 3px}
.registration_form span{width: 200px; display: block; float: left; padding-bottom: 10px}
.registration_form input, .registration_form strong{margin-bottom: 5px; width: 200px}
.registration_form textarea {width: 405px; height: 100px; float: none}
.registration_form select {width: 200px}
.registration_form .button {width: 100px}
.captcha {padding-bottom: 5px; padding-left: 250px;}
.registration_form input.short {width: 120px}
.registration_form select.short {width: 75px}
.registration_form .submit-button {width: 200px; float: left; display: block}
#homeTab5 .registration_form {width: auto; margin:0 auto;}
#login_form #message, .registration_form #message, div.message{font-size:10px; color: red; padding-bottom: 10px; font-size: 10px}
div.message_ok{background: url(/img/success.png) 2% no-repeat #F4F9FF;border:1px solid #C6C6C6;margin:10px auto 10px auto;padding:10px 10px 10px 51px;width:660px}
div.message_error{background: url(/img/error.png) 2% no-repeat #F4F9FF; border:1px solid #C6C6C6;margin:10px auto 10px auto;padding:10px 10px 10px 51px;width:660px}
div.message_reminder{background: url(/img/reminder.png) 3% 55% no-repeat #F4F9FF;border:1px solid #C6C6C6;padding:10px;width:680px;margin: 10px auto;}
div.message_reminder div.msg-content {text-align: center; font-weight: bold; padding-bottom: 5px; color: #EE7733}
.help {color: #CCC}
.cars-list .col1 {width: 130px}
.cars-list .col2 {width: 150px}
.cars-list .col3 {width: 150px}
.cars-list .col4 {width: 150px}
.cars-list .col5 {width: 130px}
.cars-list .col6 {width: 200px}
.cars-list td {text-align: center; border-bottom: #666 solid 1px; padding-top: 10px; padding-bottom: 10px}
.cars-list td.actions {text-align: left; padding-left: 50px}
.cars-list td.actions a {padding-bottom: 5px; display:block; color: #3A536D}
.cars-list td.actions a:hover {text-decoration: underline}
.cars-list .photo-container .waiting-image {width: 100px; height: 75px}
.cars-list .photo-container .waiting-image img {margin: auto; width: 32px; height: 32px}
.cars-list .photo-container .upload-button {overflow: hidden;width: 110px;padding: 0;margin: 0;height: 19px;background: url(/img/design/ikelti-nuotrauka.png);background-position: 9px 0;background-repeat: no-repeat;}
.cars-list .photo-container .upload-input {opacity: 0; filter: alpha(opacity=0); width: 100px; height: 19px; cursor: pointer; z-index: 2; position:relative}
/* expenses */
.simple_text_10{font-size: 10px}
div.search_box {background-color:#EEEEEE;border:1px solid #CCCCCC;padding:10px;text-align:center;width: 100%; font-size:11px; -moz-border-radius:4px;border-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px}
.search_box div {padding-left: 10px; font-size: 13px}
div.search_box input, div.search_box select {padding: 5px}
div.search_box select {width: 140px}
div.search_box input {width: 100px; font-size: 13px}
div.search_box .date_from {margin-right: 10px; margin-left: 100px; padding: 3px;}
div.search_box .date_to {margin-right: 40px; padding: 3px;}
div.search_box .submit-button {height: 30px; margin-top: 3px}
.public_report td{padding: 3px 0}
.public-profile-link {padding-top: 15px; color:#333333;font-size:11px; padding-right: 15px}
.expand-buttons {padding-left:20px; padding-bottom: 20px}
.public-content {width: 680px; margin:auto}
.public-content h1 {padding-right: 20px}
#my_report{width: 700px; line-height: 15px}
#my_report table{padding: 0px;margin: 0px;width: 700px}
#my_report tr td {border-bottom: 0px none;font-size: 10px;line-height: 15px;vertical-align: middle;text-align: center;font-weight: normal;padding-left: 10px;padding-right: 10px;border-bottom: 1px solid #CCCCCC;white-space: nowrap}
#my_report tr td.group_title{padding-top: 30px;padding-bottom: 5px;border-bottom: 1px solid #0c4182;font-weight: bold}
.box #my_report tr td.lower{padding-top: 5px;}
#my_report tr td.column{border-bottom: 1px solid #0c4182;white-space: nowrap;padding-top: 5px;padding-bottom: 5px;vertical-align: middle}
#my_report tr td.column_comment{width: 200px;border-bottom: 1px solid #0c4182;text-align:center}
#my_report tr td.group_bottom{padding-top: 5px;padding-bottom: 5px;vertical-align: middle;border-bottom: 1px solid #0c4182;}
#my_report tr.expired {color: #BBB}
span.abr, .edit-button span, .delete-button span, .trip span, .kilometrage span, .amount span {display: none}
.edit-button {height: 25px; width: 20px; margin-top: 5px; margin-right: 5px; display: block; background-image: url('/img/edit_.png'); background-repeat: no-repeat; float: left}
.delete-button {height: 25px; width: 20px; margin-top: 5px; display: block; background-image: url('/img/delete.png'); background-repeat: no-repeat; float: right}
.actions div {width: 60px; text-align: right}
strong.eur {display: block; color: #999; font-size: 10px; font-style: italic;}
.group_title{padding-top: 30px;padding-bottom: 5px;border-bottom: 1px solid #0c4182;font-weight: bold; text-align: center;}
.overflow_480{overflow:hidden;white-space:nowrap;width:330px}
.description {white-space:pre-wrap;width:330px; line-height: 14px}
.small_table_td_1{border: 0px none !important;text-align: right !important; padding-right: 10px;white-space: nowrap; width: 650px}
.small_table_td_2{border: 0px none !important;text-align: right !important; padding: 0px;white-space: nowrap; width: 60px}
.main_stats{width: 100%;margin-top: 30px; margin-bottom: 20px;}
.main_stats table{background-color:whitesmoke;padding: 0px;border: 0px;text-align: center;margin: auto;border:1px solid #CCCCCC;}
.main_stats tr td {font-size: 13px; line-height: 20px; vertical-align: middle; font-weight: normal; padding-left: 10px; padding-right: 10px; white-space: nowrap; text-align: right}
.main_stats td.title{width: 300px;text-align: left; padding-top: 2px; padding-bottom: 2px}
#my_report{width: 700px}
#my_report table{padding: 0px; margin: 0px; width: 700px}
#my_report tr td {border-bottom: 0px none; font-size: 10px; line-height: 15px; vertical-align: middle; text-align: center; font-weight: normal; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #CCCCCC; white-space: nowrap}
#my_report tr td.group_title{padding-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #0c4182; font-weight: bold}
#my_report tr td.column{border-bottom: 1px solid #0c4182; white-space: nowrap; padding-top: 5px; padding-bottom: 5px; vertical-align: middle}
#my_report tr td.column_comment{width: 200px; border-bottom: 1px solid #0c4182; text-align:center}
#my_report tr td.group_bottom{padding-top: 5px; padding-bottom: 5px; vertical-align: middle; border-bottom: 1px solid #0c4182}
.button_active{margin-left:10px;text-decoration: none; font-weight: bold; background-color: #DDD; padding: 5px 20px 5px 20px; color: #000}
.button_disabled{margin-left:10px; text-decoration: none; font-weight: normal; padding: 5px 10px 5px 10px; color: #000}
.button_disabled:hover{background-color: #DDD}
/* expenses */
.star {clear:both;font-size:10px;text-align:right;}
ul.paging {text-align: center; list-style: none; padding: 10px 0 10px 0}
ul.paging li {display: inline; padding: 0 2px 0 2px}
ul.paging li a {color:#3F3F3F; text-decoration: none; padding: 2px 3px 2px 3px; border:1px solid #3F3F3F}
ul.paging li a.active {color:#3F3F3F;background: #CCC}
.debuger {background-color: #EEE;border-collapse: collapse;width: 100%}
.debuger td{border: 1px solid #AAA;padding: 5px}
/*sub category*/
.subcategory {padding-bottom: 35px; padding-top: 10px; margin-bottom: 10px;}
.subcategory a{margin-left:10px; text-decoration: none; font-weight: normal; padding: 5px 20px 5px 20px; color: #666666; display: block; width: 100px; float: left; height: 25px; text-align:center}
.subcategory a.active, .subcategory a:hover{background-color: #DDD; color: #000000; text-decoration: underline; font-weight: normal}
/* useful info*/
.penalties {width: 100%; border: medium none; table-layout: auto; border-collapse: collapse; text-align: left}
.penalties .title {font-weight: bold}
.penalties td {padding: 3px; border: 1px solid}
.penalties .title .td1{width: 100px; text-align: center}
.penalties .title .td2{width: 400px; text-align: center}
.penalties .title .td3{width: 100px; text-align: center}
.penalties .title .td4{width: 100px; text-align: center}
.penalties .title .td5{width: 100px; text-align: center}
.penalties .title .td6{width: 99px; text-align: center}
/* end of useful info */
.table {text-align: center; border-right: 1px solid black; border-top: 1px solid black;}
.table td {padding:3px; width: 50%; border-left: 1px solid black; border-bottom: 1px solid black;}
.table_title td, .table_title div {background-color: #00a2e2 !important; color: #FFF}
.speed_indexes {width: 700px; text-align: center; border-right: 1px solid black; border-top: 1px solid black;}
.speed_indexes td {padding:3px; border-left: 1px solid black; border-bottom: 1px solid black;}
.tyre_sizes {margin: 5px 0px;}
.tyre_sizes select{width: 50px;}
.tyre_sizes .first {font-size: 12px; width: 230px; padding-right: 20px; text-align: right; padding-top:2px;}
.tyre_sizes .second {width: 200px; text-align:center;}
.tree {padding-bottom:20px; text-align: left}
.tree span.last {padding-left: 5px; font-weight: bold; color: #777777}
.tree a {padding-left: 5px; padding-right: 5px; color: #577ba2}
.tree a:hover {text-decoration: underline}
.tree span:before {content: '> '}
.paragraph {padding-top: 30px}
.go_top {text-align: right}
.go_top a, .link{color: blue; text-decoration: underline !important}
.ol li {padding-top: 10px}
.ol {padding-left: 10px}
.contacts a, .reklama a{color: blue}
#ket_info { background: url("/img/useful_info/ket.jpg") no-repeat scroll 0 0; padding-left: 120px; height: 90px}
#buying_car_info { background:url("/img/useful_info/buying_car.jpg") no-repeat scroll 0 15px transparent;height:120px;padding-left:120px;}
#tyres_info { background: url("/img/useful_info/tyres_info.jpg") no-repeat scroll 0 0; padding-left: 120px; height: 110px}
#torque_info { background: url("/img/useful_info/engine_info.jpg") no-repeat scroll 0 0; padding-left: 120px; height: 110px}
.useful_info {padding-left: 50px; padding-top: 10px}
.useful_info .title {color: #3a536d; font-weight: bold; font-size: 12px; padding-bottom: 5px; display: block}
.useful_info a, a.blue {color: #327ac6}
.new_page {color: red; font-size: 9px}
.useful_info a:hover, a.blue:hover{text-decoration: underline}
.ket_rules {margin-left: 20px;}
.ket_rules .menu ul {list-style-position:outside; list-style-type:upper-roman; padding-left: 40px; margin-bottom: 20px}
.ket_rules .menu li {padding-left: 10px; }
.ket_rules h1 {padding-bottom: 10px;}
.ket_rules li a {display: block; padding-bottom: 5px}
.ket_rules li a:hover {text-decoration: underline}
.content ul {padding-left: 25px}
.maintain_stats_preview img{padding-right: 15px;cursor:pointer}
.maintain_stats_preview img.first{padding-left: 60px}
table.preferences {width:637px; line-height: 14px}
table.preferences th.head {color:#333333; font-size:11px; font-weight:bold; text-align:left; padding-top:15px}
table.preferences th, table.preferences td {border-bottom:1px solid #C7CFE0;border-color:#C7CFE0;margin:0;padding:3px;}
table.preferences td {color:#555555; font-size:11px; text-align:center;}
table.preferences td.label {text-align:left; width:370px;}
table.preferences td.checkbox {background:none repeat scroll 0 0 #F8F8F8;}
table.preferences td.checkbox input{border:0 none; vertical-align:middle;}
table.preferences input.button {margin-top: 10px}
.no-border {border: medium none !important}
/***************File uploads***********/
#progress p
{
display: block;
width: 240px;
padding: 2px 5px;
margin: 2px 0;
border: 1px inset #446;
border-radius: 5px;
background: #eee url("progress.png") 100% 0 repeat-y;
}
#progress p.success
{
background: #0c0 none 0 0 no-repeat;
}
#progress p.failed
{
background: #c00 none 0 0 no-repeat;
}
/**** FANCY BOX STYLES*******/
#fancybox-loading {position: fixed; top: 50%;left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none}
* html #fancybox-loading {position: absolute; margin-top: 0;}
#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('/images/fancybox/fancybox.png');}
#fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000;z-index: 1100;display: none;}
* html #fancybox-overlay {position: absolute;width: 100%;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;display: none;box-sizing:content-box}
#fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF;}
#fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}
#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background-image: url('/images/fancybox/fancybox.png');background-position: -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox_error {color: #444;font: normal 12px/20px Arial;padding: 7px;margin: 0;}
#fancybox-content {height: auto;width: auto;padding: 0;margin: 0;}
#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;}
#fancybox-title {position: absolute;bottom: 0;left: 0;font-family: Arial;font-size: 12px;z-index: 1102;}
.fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;}
.fancybox-title-outside {padding-top: 5px;color: #FFF;text-align: center;font-weight: bold;}
.fancybox-title-over {color: #FFF;text-align: left;}
#fancybox-title-over {padding: 10px;background-image: url('/images/fancybox/fancy_title_over.png');display: block;}
#fancybox-title-wrap {display: inline-block;}
#fancybox-title-wrap span {height: 32px;float: left;}
#fancybox-title-left {padding-left: 15px;background-image: url('/images/fancybox/fancybox.png');background-position: -40px -90px;background-repeat: no-repeat;}
#fancybox-title-main {font-weight: bold;line-height: 29px;background-image: url('/images/fancybox/fancybox-x.png');background-position: 0px -40px;color: #FFF;}
#fancybox-title-right {padding-left: 15px;background-image: url('/images/fancybox/fancybox.png');background-position: -55px -90px; background-repeat: no-repeat;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background-image: url('/images/fancybox/blank.gif');z-index: 1102;display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico {background-image: url('/images/fancybox/fancybox.png');background-position: -40px -30px;}
#fancybox-right-ico {background-image: url('/images/fancybox/fancybox.png');background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto;right: 20px;}
.fancy-bg {position: absolute;padding: 0;margin: 0; border: 0;width: 20px;height: 20px;z-index: 1001;}
#fancy-bg-n {top: -20px;left: 0;width: 100%;background-image: url('/images/fancybox/fancybox-x.png');}
#fancy-bg-ne {top: -20px;right: -20px;background-image: url('/images/fancybox/fancybox.png');background-position: -40px -162px;}
#fancy-bg-e {top: 0;right: -20px;height: 100%;background-image: url('/images/fancybox/fancybox-y.png');background-position: -20px 0px;}
#fancy-bg-se {bottom: -20px;right: -20px;background-image: url('/images/fancybox/fancybox.png');background-position: -40px -182px;}
#fancy-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('/images/fancybox/fancybox-x.png');background-position: 0px -20px;}
#fancy-bg-sw {bottom: -20px;left: -20px;background-image: url('/images/fancybox/fancybox.png');background-position: -40px -142px;}
#fancy-bg-w {top: 0;left: -20px;height: 100%;background-image: url('/images/fancybox/fancybox-y.png');}
#fancy-bg-nw {top: -20px;left: -20px;background-image: url('/images/fancybox/fancybox.png');background-position: -40px -122px;}
/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.public_profile_car_data {line-height: 20px; width: 350px; padding-top: 20px}
.public_profile_car_data span {float: left; width: 150px; /*padding-left: 20px*/}
.color-box {background-color:#e8edf2;border:1px solid #CCCCCC;padding:5px 5px 3px}
.side-hints {margin-left:40px;width: 290px;padding-left:15px;margin-top:10px;text-align:left; -moz-border-radius:5px;border-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px}
.side-hints ul {margin: 0px; padding-left: 15px;}
.side-hints li {padding-bottom:10px}
.side-hints #my_report {width:250px}
.side-hints #my_report table {width: 250px}
.centered-header {font-size: 16px; text-align: center; padding-top: 15px; border-bottom: 1px solid; margin-bottom: 15px;
padding-bottom: 5px;}
.tabs-main, .tabs-main {font-family: Georgia, Cambria, "Times New Roman", times, serif;}
.tabs-menu {background: url(/img/design/title-page-border.png) no-repeat 126px 0; margin-left: 20px; float: left; min-height: 335px; padding: 35px 0 0; width: 147px;}
.tabs-menu li {height: 45px; list-style: none;}
.tabs-menu a {background: url(/img/design/tab-middle.png) no-repeat;cursor: pointer; display: block;height: 44px;line-height: 44px;padding: 1px 0 0 17px;width: 130px; color: #577BA2;}
.tabs-menu .first {background: url(/img/design/tab-top.png) no-repeat;}
.tabs-menu .last {background: url(/img/design/tab-last.png) no-repeat;height: 50px;}
.tabs-menu .active {position: relative;}
.tabs-menu .active a {background: url(/img/design/tab-active.png) no-repeat;color: #666;cursor: default;position: absolute;line-height: 46px;height: 55px;left: -6px;text-decoration: none;top: -1px;width: 136px;}
.tabs-main {float: left;padding: 0 0px 5px 55px;position: relative;min-height: 350px;width: 810px;}
.tabs-main h3 {font-size: 15px;line-height: 1.4em;}
.tabs-main .tab-title {font-family: Georgia, Cambria, "Times New Roman", times, serif;font-size: 26px;font-weight: normal;margin-bottom: 10px;color: #577ba2;padding-top: 6px}
.tabs-main .tabs-content {min-height: 375px;}
.tab-content {padding-top: 15px; font-size: 15px}
.title-tab-features-list li{margin-left: 40px; padding-bottom:10px; font-size: 15px}
.title-tab-features-list2 li{margin-left: 30px; padding-bottom:5px; font-size: 13px;}
.register-button {display: inline-block; margin-left: -120px; margin-top: 10px}
.register-button input
{
background-color: #3c5570;
background-image: -webkit-gradient(linear, left top, left bottom, from(#5c82ab), to(#3c5570));
background-image: -webkit-linear-gradient(top, #5c82ab, #3c5570);
background-image: -moz-linear-gradient(top, #5c82ab, #3c5570);
background-image: -ms-linear-gradient(top, #5c82ab, #3c5570);
background-image: -o-linear-gradient(top, #5c82ab, #3c5570);
background-image: linear-gradient(top, #5c82ab, #3c5570);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
/*text-shadow: 0 1px 0 rgba(255,255,255,0.5);*/
text-shadow: -1px -1px 0px #000000;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border-width: 1px;
border-style: solid;
border-color: #333;
display: inline-block;
float: left;
height: 40px;
padding: 0;
width: 160px;
cursor: pointer;
font: 20px Georgia;
color: #FFF;
}
.start-button-width, .start-button-width input {width: 120px; margin-top: 10px}
.register-button input:hover,.register-button input:focus
{
background-color: #5c82ab;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c5570), to(#5c82ab));
background-image: -webkit-linear-gradient(top, #3c5570, #5c82ab);
background-image: -moz-linear-gradient(top, #3c5570, #5c82ab);
background-image: -ms-linear-gradient(top, #3c5570, #5c82ab);
background-image: -o-linear-gradient(top, #3c5570, #5c82ab);
background-image: linear-gradient(top, #3c5570, #5c82ab);
color: #FFF;
}
.register-button input:active
{
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.register-button input::-moz-focus-inner
{
border: none;
}
.submit-button
{
background-color: #5c82ab;
background-image: -webkit-gradient(linear, left top, left bottom, from(#5c82ab), to(#517297));
background-image: -webkit-linear-gradient(top, #5c82ab, #517297);
background-image: -moz-linear-gradient(top, #5c82ab, #517297);
background-image: -ms-linear-gradient(top, #5c82ab, #517297);
background-image: -o-linear-gradient(top, #5c82ab, #517297);
background-image: linear-gradient(top, #5c82ab, #517297);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: -1px -1px 0px #000000;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border-width: 1px;
border-style: solid;
border-color: #333;
display: inline-block;
height: 25px;
line-height: 25px;
text-align: center;
padding: 0;
width: 100px;
cursor: pointer;
font: 13px Georgia;
color: #FFF;
}
.submit-button:hover,.submit-button:focus
{
background-color: #5c82ab;
background-image: -webkit-gradient(linear, left top, left bottom, from(#517297), to(#5c82ab));
background-image: -webkit-linear-gradient(top, #517297, #5c82ab);
background-image: -moz-linear-gradient(top, #517297, #5c82ab);
background-image: -ms-linear-gradient(top, #517297, #5c82ab);
background-image: -o-linear-gradient(top, #517297, #5c82ab);
background-image: linear-gradient(top, #517297, #5c82ab);
color: #FFF;
}
.submit-button:active
{
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.submit-button::-moz-focus-inner
{
border: none;
}
.grey-submit-button
{
width: 100px;
background-color: #d5d6d7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#b7babd));
background-image: -webkit-linear-gradient(top, #efefef, #b7babd);
background-image: -moz-linear-gradient(top, #efefef, #b7babd);
background-image: -ms-linear-gradient(top, #efefef, #b7babd);
background-image: -o-linear-gradient(top, #efefef, #b7babd);
background-image: linear-gradient(top, #efefef, #b7babd);
color: #3A536D;
text-shadow: 0px 0px 0px #3A536D;
}
.grey-submit-button:hover, .grey-submit-button:focus
{
background-color: #b7babd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b7babd), to(#efefef));
background-image: -webkit-linear-gradient(top, #b7babd, #efefef);
background-image: -moz-linear-gradient(top, #b7babd, #efefef);
background-image: -ms-linear-gradient(top, #b7babd, #efefef);
background-image: -o-linear-gradient(top, #b7babd, #efefef);
background-image: linear-gradient(top, #b7babd, #efefef);
color: #3A536D;
}
/* Default MovingBoxes wrapper size */
#movingboxes {
width: 900px;
min-height: 200px;
}
/* Default MovingBoxes panel size */
#movingboxes > li {
width: 350px;
}
/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
border: 5px solid #ccc;
margin: 0 auto;
position: relative;
left: 0;
top: 0;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
box-shadow: inset 0 0 10px #888;
-moz-box-shadow: inset 0 0 10px #888;
-webkit-box-shadow: inset 0 0 10px #888;
}
/* Panel Wrapper */
.mb-slider, .mb-scroll {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0 auto;
padding: 0;
position: relative;
left: 0;
top: 0;
/***(>'-')> Control Panel Font size here <('-'<)***/
font-size: 18px;
}
/* active slider border highlight */
.mb-active-slider {
border-color: #999bff;
}
/*** Slider panel ***/
.mb-slider .mb-panel {
margin: 0;
padding: 5px;
display: block;
cursor: pointer;
float: left;
list-style: none;
}
/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
cursor: auto;
}
/*** Inside the panel ***/
.mb-inside {
padding: 10px;
border: 1px solid #999;
}
.mb-inside * {
max-width: 100%;
}
/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
display: block;
width: 45px;
height: 58px;
background: transparent url(../images/arrows.png) no-repeat;
position: absolute;
top: 50%;
margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
cursor: pointer;
text-decoration: none;
outline: 0;
border: 0;
}
a.mb-scrollButtons.mb-left {
background-position: left top;
left: -45px;
}
a.mb-scrollButtons.mb-right {
background-position: right top;
right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
background-position: right bottom;
}
a.mb-scrollButtons.disabled {
display: none;
}
/*** Controls added below the panels ***/
.mb-controls {
margin: 0 auto;
text-align: center;
background: #ccc;
position: relative;
z-index: 100;
}
.mb-controls a {
color: #444;
font: 12px Georgia, Serif;
display: inline-block;
text-decoration: none;
padding: 2px;
height: 18px;
margin: 0 5px 0 0;
text-align: center;
outline: 0;
}
.mb-controls a.current, .mb-controls a:hover {
color: #fff;
}
.mb-active-slider .mb-controls {
background: #999bff;
}
/**-----------Paging JS styles---------------------*/
.pager
{
margin: 0;
padding-top: 10px;
}
.pager div.short
{
float: right;
margin: 0;
padding: 0;
margin-right: 10px;
width: 74px;
}
.pager div.short input
{
width: 28px;
height: 18px;
border: none;
margin-left: 8px;
float: left;
}
.pager ul
{
list-style: none;
padding: 0;
margin: 0;
float: left;
margin-right: 4px;
}
.pager ul li
{
display: inline;
margin-left: 2px;
}
.pager ul li a
{
text-decoration: none;
display: inline-table;
/*width: 20px;
height: 20px;*/
padding: 2px 3px 2px 3px;
text-align: center;
}
.pager span
{
margin-left: 4px;
color: White;
float: left;
}
.pager .btn
{
display: block;
text-align: center;
float: left;
padding: 2px 3px 2px 3px;
margin: 0;
margin-left: 4px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.pager .disabled
{
color: #A0A0A0 !important;
text-shadow: 1px 1px 1px #FFFFFF;
}
/*black*/.black
{
}
.black.normal
{
background-color: #fff;
color: #000;
border: solid 1px #000;
}
.black.active
{
background-color: #ccc;
color: #000;
border: solid 1px #000;
}
.pager.black .btn
{
background-color: #fff;
color: #000;
border: solid 1px #000;
}
.search_form {width: 700px}
.search_form .th {font-weight: bold;}
.search_form input, .search_form select {padding: 2px}
.search_form .button {width: 80px; height: 24px}
.search_form .search-button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3c5570), color-stop(1, #5c82ab) );
background:-moz-linear-gradient( center top, #3c5570 5%, #5c82ab 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c5570', endColorstr='#5c82ab');
background-color:#3c5570;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
/*border:1px solid #ffffff;*/
display:inline-block;
color:#ffffff;
font-family:Georgia;
font-size:14px;
font-weight:normal;
padding:5px 18px;
text-decoration:none;
text-shadow:-1px -1px 0px #000000;
cursor: pointer;
}
.search_form .search-button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5c82ab), color-stop(1, #3c5570) );
background:-moz-linear-gradient( center top, #5c82ab 5%, #3c5570 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c82ab', endColorstr='#3c5570');
background-color:#5c82ab;
color:#fff;
}
.search_form .search-button:active {
position:relative;
top:1px;
}
.results-listing .col1 {width: 120px}
.results-listing .col2 {width: 150px}
.results-listing .col3 {width: 70px}
.results-listing .col4 {width: 110px}
.results-listing .col5 {width: 90px}
.results-listing .col6 {width: 120px}
.results-listing .col7 {width: 100px}
.results-listing a {font-size: 12px;text-decoration: underline}
.results-listing tr.item_tr{height: 90px}
.results-listing .records_count {text-align: center}
.results-listing .title_row {text-align: left}
.results-listing td, .results-listing th {padding: 0 5px}
.results-listing .odd {background-color:#F4F4F4;}
.balloon {margin-left: 5px;width: 16px; height: 16px; display: block; float:left; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhRJREFUeNqkU01rGlEUfTOO4wSVEbooWVQiBRci2bS4cFOCpEjBLkr6CwR33Rb/QEH8CVmZLrppKQlkF7poFpZCICmY0oVFkghVMZaJ4oxvvnruOBkmkK68cJzxvXfOu/fcO4LrumyVENmKIdFPvV5nkiSxSCSSFAQhh6VHgApE/HM2oAFXyPinbdtTy7JYo9FYCvjxOJFIbBeLxVI+n3+K93VRFGO04TjOYjab/el0OiftdvuLpmlHWP4dZADVh6qqvqxWq2+SyWQGBEY3hCKmKMpGoVDYyGazT1qt1tp4PP6A9aHngWmahUqlsiPLcmY+nzPDMO4F7UEoUy6Xd4gTZLBYLNYRm3TgNlAn49yEOEc2NpWxdF0UWTwe3yROWECklAmO4+I2DqJ1p1mCsGwYdd0wTI8TtBF/ht1u99x1RabrdJuIjsj3QpJi7PKyf06csMC3vb33B9fX2oUkKYzM/x8mE+1if//TAXGCElDvoN+/+txsvuNbW8+flUovKiiFRlSgfXjANe3v8PT0+9nx8dHXmxvtMBqNDmhPoFHO5XIslUoxtFCFWbXd3Y/NWu3125AJZMgE6MHEH9PpVEPJbDQaLQUwfd4pCLB0Ou0R0bZDzvkvTKgTHoherxe8e1xfgEY2BTzAQL0C8UzX9YF/s0k2ATz0JJjgOrcCZKYCrAGyX7sTguV/D3cArius+jn/E2AA6X0vN8UYg2oAAAAASUVORK5CYII=);background-repeat: no-repeat}
/*tooltip styles*/
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}
#tt {position:absolute; display:block;}
#ttcont {display:block; padding:5px 12px 5px 7px; font-size: 12px; margin-left:5px; background:#666; color:#FFF; border-radius: 10px 10px 10px 0px}
/* end of tooltip*/
.make-logo-img {float: left; display: block; line-height: 40px; width: 40px; height: 40px}
.make-logo-img img {max-width: 40px}
.make-logo-title, .select-make-logo-title {float: left; display: block; height: 40px; line-height: 40px; padding-left:5px}
.make-logo-title {line-height: normal; width: 75%}
.facebook-like {float: right}
/* styles for select2 makes chooser*/
.box .select2-container .select2-choice {height: 40px}
.select2-choice div {padding-top:5px}
.select-make-logo {float: left; display: block; line-height: 40px; width: 40px}
.select-make-logo-title span {height: 40px; font-size: 14px; float: left; display: block}
/* end of select2 chooser */
.catalog-makes-list {width: 100%}
.catalog-makes-list li {list-style: none; float: left; display: block; height: 60px; width: 140px;}
.catalog-makes-list .make-logo {float: left; display: block; line-height: 40px; width: 40px}
.catalog-makes-list .make-logo img {max-width: 40px; vertical-align: middle}
.catalog-makes-list .make-logo-title {overflow: hidden; width: 65%; white-space: nowrap; line-height: 40px}
.catalog-makes-list span {height: 40px; font-size: 14px; color: #577BA2}
.catalog-makes-list a:hover {text-decoration: underline}
.catalog-makes-table {width: 740px}
.catalog-makes-table .make-logo {float: left; display: block; line-height: 40px; width: 40px}
.catalog-makes-table span {height: 40px; font-size: 14px; color: #577BA2}
.catalog-makes-table a:hover {text-decoration: underline}
.catalog-models-table {width: 740px}
.catalog-models-table div {line-height: 20px}
.catalog-models-table a {font-size: 14px; color: #577BA2}
.catalog-models-table .odd {background-color:#F4F4F4}
.catalog-models-table td{padding: 5px; width: 138px}
.catalog-models-table a:hover {text-decoration: underline}
.catalog-modification-table {width: 700px; padding-top: 10px}
.catalog-modification-table div {line-height: 20px}
.catalog-modification-table a {font-size: 12px; color: #577BA2}
.catalog-modification-table .odd {background-color:#F4F4F4}
.catalog-modification-table td, .catalog-modification-table th{padding: 5px;}
.catalog-modification-table th {font-size: 13px; text-align: center; color: #FFF; background-color: #577ba2}
.catalog-modification-table .caption {width: 400px}
.catalog-modification-table .value {}
.catalog-modification-table a:hover {text-decoration: underline}
.catalog-generations-table {width: 730px}
.catalog-generations-table div {line-height: 20px}
.catalog-generations-table th a {color: #FFF}
.catalog-generations-table a {font-size: 12px; color: #577BA2}
.catalog-generations-table .odd {background-color:#F4F4F4}
.catalog-generations-table th {font-size: 13px; text-align: center; color: #FFF; background-color: #577ba2}
.catalog-generations-table tr td, .catalog-generations-table tr th{padding: 5px; text-align: left; font-size: 12px; padding-left: 10px}
.catalog-generations-table .gen-title {width: 160px}
.catalog-generations-table .gen-power {width: 90px;}
.catalog-generations-table .gen-to-100 {width: 110px}
.catalog-generations-table .gen-wheels {width: 120px}
.catalog-generations-table .gen-cons {width: 80px}
.catalog-generations-table a:hover {text-decoration: underline}
.catalog-generation-header {height: 75px}
.catalog-generations-caption {padding-top: 50px}
.sidenav .side-catalog-list li a {text-align: left}
.banner{height: 165px;}
.content .catalog-list {padding: 0px; text-align: center}
.catalog-list ul {text-align: left}
.catalog-list li{vertical-align:top; display: inline-block; position: relative; padding: 10px 3px; list-style: none; width: 24%}
.catalog-list img {width: 90%; border: 1px solid #CCCCCC}
.catalog-list a.link-title {font-size: 14px; color: #577ba2; padding: 5px 0 0 0}
.catalog-list .photo-thumb {height: auto;}
.catalog-popular-models a {font-size: 14px}
.catalog-popular-models img {width: 170px; ; border: 1px solid #CCCCCC}
.jcarousel-skin-ie7 .jcarousel-container {
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #808080;*/
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 720px;
padding: 10px 35px;
}
.jcarousel-skin-ie7 .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 640px;
height: 77px;
padding-left: 5px;
}
.jcarousel-skin-ie7 .jcarousel-item {
width: 100px;
height: 75px;
border: 1px solid #fff;
}
.jcarousel-skin-ie7 .jcarousel-item:hover,
.jcarousel-skin-ie7 .jcarousel-item:focus {
border-color: #808080;
}
.jcarousel-skin-ie7 .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 7px;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 7px;
margin-right: 0;
}
.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
position: absolute;
top: 33px;
right: 9px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(/images/carousel/next.png) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url(/images/carousel/prev.png);
}
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
display: none !important;
}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
position: absolute;
top: 33px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(/images/carousel/prev.png) no-repeat 0 0;
}
.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background-image: url(/images/carousel/next.png);
}
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
display: none !important;
}
/*
* jQuery Dynatable plugin 0.3.1
*
* Copyright (c) 2014 Steve Schwartz (JangoSteve)
*
* Dual licensed under the AGPL and Proprietary licenses:
* http://www.dynatable.com/license/
*
* Date: Tue Jan 02 2014
*/
.filter-table {width: 100%; border: 1px solid #ddd; border-collapse: separate}
.filter-table td {line-height: 20px; font-size: 11px; border: 1px solid #ddd; border-left-width: 0; border-bottom-width: 0; padding: 8px; box-sizing: content-box; border-collapse: separate}
.filter-table td.date {width: 70px}
.filter-table td.kilometrage {width: 110px; text-align: right}
.filter-table td.trip {text-align: right}
.filter-table td.amount {text-align: right}
.filter-table td.price span {display: block}
table.filter-table tr:nth-child(odd) {
background-color: #f9f9f9;
}
table.filter-table td:last-child {border-right-width: 0}
.filter-table td.dynatable-head {
font-size: 14px;
border-bottom: 2px solid #ddd;
border-left-width: 0;
border-top: 0;
background-color: #fff;
padding-left: 10px;
color: #577ba2
}
.dynatable-sort-header {font-weight: bold; color: #577ba2}
.analyze-table td{padding: 4px; line-height: 15px; min-width: 80px}
.analyze-table-sum td.dynatable-head {font-size: 11px}
.dynatable-search {
float: right;
margin-bottom: 10px;
font-size: 11px;
}
.dynatable-per-page-label {font-size: 11px}
.dynatable-pagination-links {
float: right;
padding-top: 10px;
}
.dynatable-record-count {
display: block;
padding: 10px 0;
font-size: 11px;
}
.dynatable-pagination-links span,
.dynatable-pagination-links li {
display: inline-block;
}
.dynatable-page-link,
.dynatable-page-break {
display: block;
padding: 5px 6px;
}
.dynatable-page-link {
cursor: pointer;
}
.dynatable-active-page,
.dynatable-disabled-page {
cursor: text;
}
.dynatable-active-page:hover,
.dynatable-disabled-page:hover {
text-decoration: none;
}
.dynatable-active-page {
background: #577ba2;
border-radius: 5px;
color: #fff;
}
.dynatable-active-page:hover {
color: #fff;
}
.dynatable-disabled-page,
.dynatable-disabled-page:hover {
background: none;
color: #999;
}
.end-arrow {background:url(/img/design/arrow_end.png) no-repeat 0 0; height: 18px; width: 17px; display: block; margin:auto}
.middle-arrow {background:url(/img/design/arrow_middle.png) no-repeat 0 0; height: 18px; width: 17px; display: block; margin:auto}
.half-tank {background:url(/img/design/half_tank.png) no-repeat 0 0; height: 11px; width: 15px; display: block; margin:auto}
.public_profile_car_data div {font-weight: bold}
.public_profile_car_data span{font-weight: normal}
.nav-tabs + .tab-content {
padding: 15px;
border-left: solid 1px #bbb;
border-right: solid 1px #bbb;
border-bottom: solid 1px #bbb;
overflow: hidden;
}
.nav-tabs > li > a {
margin-right: 2px;
border: 1px solid transparent;
color: #577ba2;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
font-size: 12px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #bbb;
border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #bbb;
border-bottom-color: transparent;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
position: relative;
display: block;
}
.nav-tabs {
border-bottom: 1px solid #bbb;
}
.nav-tabs .tabs-like-button {float: right; margin-top: 9px}
.nav {
padding-left: 0;
margin-bottom: 0;
padding-bottom: 0;
list-style: none;
}
.nav:after {clear: both; display: table; content: " ";}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.generation-header h1 {font-size: 14px}
ul.reviews {padding-left: 0px}
.reviews li {list-style: none; padding-left: 0px}
.review-item, .generation-header {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee}
.review-item h3 a {font-size: 14px; font-weight: bold; color: #577ba2}
.listing-rating-cont {padding: 10px 0}
.review-text {line-height: 20px; }
.review-link {padding-top: 10px; text-align: right}
.review-link a {color: #577ba2; font-size: 12px; font-weight: bold;}
.review-link a:hover {text-decoration: underline}
.rating span {float:left;overflow: hidden; padding: 0 2px; white-space: nowrap;font-size: 130%;line-height: 23px;color: #ddd;text-shadow: 1px 1px #bbb, 1px 1px #666, .1em .1em .2em rgba(0,0,0,.5);}
.rating span.checked {color: gold;text-shadow: 1px 1px #c60, 1px 1px #940, .1em .1em .2em rgba(0,0,0,.5)}
.generation-summary {padding-left: 10px}
#car_photo {padding-top: 20px; cursor:zoom-in}
.photo-container {padding-top: 20px}
.rating-title, .rating-number {line-height: 28px; color: #444}
.rating-title {width: 173px;}
.rating-number {padding-left: 10px;}
.listing-rating-cont .rating-title {width: auto; padding-right: 5px; padding-top: 1px}
.rating span.halfStyle {position:relative;display:inline-block;overflow:hidden;white-space: pre;}
.rating span.halfStyle:before {display:block;z-index:1;position:absolute;top:0;left:0;width: 10px;content: '★';overflow:hidden; box-sizing: border-box;color: gold;padding: 0 2px;text-shadow: 1px 1px #c60, 1px 1px #940, .1em .1em .2em rgba(0,0,0,.5)}
.rating-container.larger {padding-bottom: 7px}
.rating-container.larger .rating span {font-size: 230%; line-height: 42px; padding: 0 6px;}
.rating-container.larger .rating span.halfStyle:before {width: 21px; padding: 0 6px}
.rating-title.larger {width: 165px; line-height: 42px; height: 42px; color: #577ba2; font-size: 13px; font-weight: bold; padding-top: 2px}
.rating-number.larger {color: #577ba2;line-height: 42px; height: 42px; font-size: 13px; font-weight: bold; padding-top: 2px}
.rating:not(:checked) > input {
position:absolute;
/*top:-9999px;*/
clip:rect(0,0,0,0);
}
.rating:not(:checked) > label {
float:right;
width:55px;
padding:0 .1em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
font-size:300%;
line-height:60px;
color:#ddd;
text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}
.rating:not(:checked) > label:before {
content: '★ ';
}
.rating > input:checked ~ label {
color: gold;
text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: gold;
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
color: #ea0;
}
.rating > label:active {
position:relative;
top:2px;
left:2px;
}
.input{
line-height: 1.33;
width: 100%;
padding: 5px 8px;
font-size: 13px;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.review-area {
display: block;
width: 100%;
padding: 0px;
font-size: 12px;
line-height: 1.33;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.rating {line-height: 40px;}
.rating-legend {display: block; padding-right: 20px; line-height: 50px;}
.ratings-container, .main-comment, .owner-contacts, .action-buttons, .captcha-block {padding: 0 10px}
.car-information {padding: 0 5px}
.main-comment textarea {padding: 10px}
.star-rating-item {border-bottom: 1px solid #ccc;}
.star-rating-item.last {border-bottom: 0px solid #ccc;}
.star-rating-label {width: 400px; padding: 10px; font-weight: bold; color: #333; font-size: 13px; float: left;}
.star-rating-label span {display: block; color: #aaa; font-size: 11px; font-weight: normal; padding-top: 10px}
.star-rating-item .lowered {padding-top: 45px}
.star-rating-stars {float: right; padding: 15px 20px 10px 40px; line-height: 75px}
.review-header {padding-bottom: 10px}
.review-header h1{font-size: 14px;}
.review-subject {width: 560px}
.review-photo {padding-top: 10px; padding-right: 20px}
.review-subject-container {padding-top: 10px}
.empty-reviews-message {font-size: 14px; padding-top: 14px}
.new-review-link {font-size: 14px; display: block; width: 200px; margin-top: 10px}
.empty-reviews-message .new-review-link {margin-top: 65px}
.review-container {text-align: justify}
.review-container h3 {padding-top: 10px; font-size: 13px}
.review-container h2 a {font-size: 14px; color: #577ba2}
.content .car-details {padding-left: 0px}
.car-details li {list-style: none; line-height: 23px; padding-left: 0px; width: 33%; display: block; float: left}
.car-details::after {content: " "; display: block; clear: both}
.bottom-separator {border-bottom: 1px solid #eee; padding: 10px 0}
.ratings-container h2 {padding-bottom: 5px;
margin: 20px 0 20px 0;
border-bottom: 1px solid #eee;
font-size: 18px;
font-weight: normal;}
.car-information .column {float:left; width: 25%; padding-right: 10px}
.car-information .column.last {padding-right: 0px}
.car-information fieldset {margin-bottom: 10px; text-align: left}
.car-information label {text-align: left; display: block}
.car-information select, .car-information input {width: 100%; padding: 5px; border-radius: 4px; font-size: 13px}
.review-title {padding-bottom: 20px; padding-left: 20px; padding-right: 10px}
.review-label, .input-label {padding-bottom: 5px; font-size: 13px; color: #333;}
.car-information .input-label {font-size: 12px}
.owner-contacts .input-label span, .captcha-block .input-label span{font-size: 11px; color: #999}
.review-title-input, prety-input {width: 100%}
.owner-contacts {padding-top: 5px}
.owner-contacts .left, .owner-contacts .right, .captcha-block .left, .captcha-block .right {width: 48%}
.captcha-block {padding-top: 10px}
.captcha-block .prety-input {width: 48%}
.action-buttons {margin: 20px 0 10px 0; text-align: center}
.btn {
color: #fff;
display: inline-block;
padding: 4px 12px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
vertical-align: middle;
cursor: pointer;
background-image: linear-gradient(to bottom, #577ba2, #3c5570);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #577ba2 #577ba2 #3c5570;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c5570', endColorstr='#577ba2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:focus, .btn:active, .btn.active{
background-color: #3c5570;
text-decoration: none;
background-position: 0 -15px;
transition: background-position 0.1s linear;
}
.photos-thumbs-list li {display: block; float: left;}
.results-listing .item-photo img {width: 100px}
/*only screen and */
@media ( max-width: 500px )
{
body {background-color: whitesmoke}
.main_container {
width: 360px;
margin: 0 auto;
}
.top-banner {min-height: 100px;}
.banner{height: 220px;}
.header {position: relative}
h2 {font-size: 14px}
.main_width {margin: 0 auto;width: auto;}
.content-full {width: auto}
.box-half {width: auto; margin: 0 10px}
.box {margin: 0 10px 10px 10px}
.box h1 {font-size: 14px}
.main .common-stats {margin-bottom: 10px; float: none}
.common-stats ul {padding-bottom: 0px}
.common-stats li {margin-left: 5px}
.common-stats li span {font-size: 12px}
.common-stats span.right {width: 90px;}
.random-cars {margin: 0 10px 10px 10px;}
.random-cars .item {margin-bottom: 20px; width: 45%; margin-left: 10px}
.random-cars .item .photo a {margin: 0 auto; width: 106px}
.random-cars .caption {
overflow: hidden;
white-space: nowrap;
margin: 0 auto;
text-align: center;
}
.random-cars .item .photo img {
width: 100px;
height: 75px;
}
.random-cars .item .photo {
height: auto;
}
.random-cars .item .consumption {
width: 106px;
margin: 0 auto;
}
.random-cars .item .item-title {
font-size: 12px
}
.main .top-cars {float: none}
.top-cars li span, .top-cars li a {font-size: 12px}
.top-cars li {margin-left: 0px}
.tabs-menu {display: none}
.tabs-main {width: 100%; padding-left: 5px}
.tabs-main .tab-title {font-size: 14px; font-weight: bold; font-family: Verdana,Geneva,Arial,Helvetica}
.tabs-main .tab-content strong {display:none}
.tab-content {padding-top: 0px}
#homeTab1 {font-size: 13px}
.title-tab-features-list li {margin-left: 20px; font-size: 13px; line-height: 18px}
.register-button-container {width: 100%}
.register-button-container .register-button {margin-left: auto; margin-right: auto; margin-top: -30px}
.registration_form {width: auto; padding-top: 15px}
.registration_form span {padding-bottom: 5px}
.registration_form div {padding-bottom: 5px}
.captcha-container {margin: 0 auto; height: 105px}
.registration_form .captcha {width: 100px; padding-left: 50px;}
.register-button {margin-left: 0px}
.captcha-label {margin-top: -65px}
.captcha-reminder-label {margin-top: -80px}
.header .menu {display: none; height: auto; margin-top: 0px; width: 93%; background-color: #FFF; margin-left: 10px; margin-bottom: 10px; border:1px solid #C6C6C6;}
.header {height: 86px}
.header .menu li {display: block; clear: both; width: 100%; text-align: center; padding-left: 0px}
.header .menu ul li.first {padding-left: 0px}
.header .menu ul li a {color: #777; color: #577ba2}
#facebook, .menu li.separator {display: none}
.navigation {width: 100%; float: left; margin-left: 0px; height: auto; margin-top: 45px}
.mobile-buttons {background-color: #577ba2; display: block; padding-top: 3px; padding-bottom: 5px; position: absolute;
top: 40px;
width: 100%;}
.menu-button {
float: right;
height: 30px;
width: 30px;
background: whitesmoke url(/img/mobile/nav.svg) no-repeat center center;
background-size: 20px;
border-radius: 4px;
margin-top: 5px;
margin-left: 5px;
margin-right: 10px;
}
.user-button {
float: right;
height: 30px;
width: 30px;
background: whitesmoke url(/img/mobile/user.svg) no-repeat center center;
background-size: 20px;
border-radius: 4px;
margin-top: 5px;
margin-left: 5px;
}
.pref-button {background: whitesmoke url(/img/mobile/cog.svg) no-repeat center center; background-size: 18px;}
.home-button {
float: left;
height: 30px;
width: 30px;
background: whitesmoke url(/img/mobile/home.svg) no-repeat center center;
background-size: 20px;
border-radius: 4px;
margin-top: 5px;
margin-left: 10px;
}
.login_links strong, .navigation .login_links a {color: #3a536d}
.login_links strong {width: 110px; display: block; float: left; overflow: hidden; text-align: center; white-space: nowrap;}
.logo {width: 95%; height: 40px; padding-left: 5px}
.logo a {background-size: 50%; width: 100%; height: 40px}
#mini-login-button {display: block; line-height: 25px; margin: 0 auto}
.form {width: auto}
.login, .logged .login_links {display: none; margin-top: 0px; margin-left: 10px; margin-right: 10px; background-color: #FFF; height: auto; padding: 5px; margin-bottom: 10px; border:1px solid #C6C6C6;}
.login .form {}
.login .form input {display: block; margin: 10px auto; width: 200px; padding: 5px;}
.login .login_links {height: auto; text-align: left; padding-left: 35px; padding-top: 5px}
.login_links span, .login .login_links a{display: block; padding-bottom: 5px; font-size: 14px;}
.login .login_links label {color: #000; font-size: 14px;}
.logged {height: auto; padding-top: 0px}
.logged .login_links {padding-top: 0px; height: auto}
.logged .expand, .expand {display:block;}
.navigation .retract {display:none;}
#user_links_container {text-align: center; color: #fff}
#user_links_container a {display: block; font-size: 12px; color: #577ba2}
#user_links_container strong {display: block; float: none; margin: 10px auto 0 auto; color: #000; font-size: 13px}
.car-info {position: relative; display: block; height: 300px; border-bottom: 1px solid #000; width: 95%}
.cars-list {width: 100%}
.cars-list td {display: none; border: 0px solid; text-align: left}
.cars-list th {display: none}
.cars-list .add-new-car-button td {display: block}
.cars-list .photo-container .upload-button {background-position: 2px 0;}
.cars-list .car-info .photo-container {padding-top: 90px; display: block;}
.cars-list .car-info .fuel_consumption {display: block;}
.cars-list .car-info .modification {display: block; font-size: 14px; color: #577ba2; font-weight: bold; position: absolute; top: 0}
.cars-list .car-info .actions {display: block; padding-left: 0px; margin-bottom: 20px; position: absolute; top: 30px; right: 0}
.cars-list .car-info .actions a{
/*background-color: #3c5570;*/
background-color: #5d83ad;
background-image: linear-gradient(top, #5c82ab, #3c5570);
border-radius: 6px;
text-shadow: -1px -1px 0px #000000;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border-width: 1px;
border-style: solid;
border-color: #333;
display: block;
padding: 4px 0 4px 0px;
margin: 0px auto 8px auto;
width: 170px;
cursor: pointer;
font: 14px Georgia;
color: #FFF;
text-align: center;
}
.registration_form input {padding: 5px; width: 192px}
.registration_form select {padding: 5px;}
.registration_form span {float: none}
.registration_form textarea {width: 205px;}
.new-record {width: auto; padding-top: 20px}
.registration_form .star {float: left; text-align: left}
.content-float {width: auto}
div.search_box {width: auto; padding: 3px}
.search_box .left {float: none; display: block; text-align: left; margin-bottom: 5px}
.search_box .left span {width: 100px; display: block; float: left; font-size: 12px}
div.search_box .left select, div.search_box .left input {float: left; padding: 3px}
.search_box .left select {width: 120px;}
.search_box .left input {width: 110px;}
.search_box .left .submit-button {margin: 10px auto 0 auto; float: none; display: block}
div.search_box .date_from {margin-right: 0px; margin-left: 0px;}
div.search_box .date_to {margin-right: 0px;}
.search_form {width: 100%}
.search_form tr {display: block; float: left}
tr.search-inputs {float: right}
.search_form td, .search_form th{display: block; line-height: 28px; text-align: left; font-size: 12px; font-weight: normal}
table.search_form select{padding: 3px; width: 134px}
.search_form input[type=submit] {margin: 10px auto 0 auto; float: none; display: block}
h2 .modification-title {display: block}
#my_report, #my_report table {width: 100%}
#my_report tr {position: relative; display: block; border-bottom: 1px solid #000; margin-bottom: 5px}
#my_report tr td {display: block; border-bottom: none; font-size: 12px; width: 120px; text-align: left; padding-top: 3px; padding-bottom: 3px}
#my_report tr td div.left {white-space: pre-line}
.balloon {display: none}
#my_report .maintenance-table .price, #my_report .repair-table .price, #my_report .other-expenses-table .price {position: absolute; top: 0px; right: 0; text-align: right !important; font-weight: bold; width: 150px}
.overflow_480 {white-space: pre-line; width: 270px; padding-top: 5px; font-size: 11px}
#my_report tr td.group_title {border-bottom: none; width: auto; text-align: center; color: #577ba2; font-size: 14px}
.filter-table .actions {width: 100%}
.filter-table .actions div {width: 100%}
.filter-table a.edit-button {width: 48%}
.filter-table a.delete-button {width: 48%; float: right}
.filter-table .data-row {
display: flex;
}
.filter-table .edit-button span, .filter-table .delete-button span {display: inline}
.filter-table .edit-button, .filter-table .delete-button, .public-profile-link a, .show-code, .mobile-button{
/*background-color: #3c5570;*/
background-color: #5d83ad;
background-image: none;
border-radius: 6px;
text-shadow: -1px -1px 0px #000000;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border-width: 1px;
border-style: solid;
border-color: #333;
display: block;
margin: 4px auto 8px auto;
width: 120px;
cursor: pointer;
font: 14px Georgia;
color: #FFF;
text-align: center;
float: left;
line-height: 23px
}
#my_report .delete-button {float: right}
#my_report tr td.group_bottom {border-bottom: none; width: auto}
#my_report .reminder-valid {display: none}
.main_stats {width: auto;}
.main_stats table {width: 100%}
.main_stats tr {margin-bottom: 5px; display: block}
.main_stats tr td {display: block; font-weight: bold; text-align: left; line-height: 13px; white-space: normal}
.main_stats tr td.title {width: 95%; font-size: 11px; font-weight: normal; line-height: 20px}
.public-profile-input {display: none}
.public-profile-link {float: none; padding: 0}
.public-profile-link a {width: 220px; float: none}
table.preferences {width: auto}
table.preferences td {padding: 10px}
#codes_container_1 div.left, #codes_container_2 div.left, #codes_container_3 div.left, #codes_container_4 div.left {float: none; padding-left: 10px; padding-top: 5px}
#codes_container_1 textarea, #codes_container_2 textarea, #codes_container_3 textarea, #codes_container_4 textarea {width: 100% !important}
.codes_3 img, .codes_4 img {width: 100%}
table.preferences input[type=checkbox]
{
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.show-code {display: block; float: none}
.show-code:hover {color: #FFF}
.expand-buttons {padding-bottom: 10px; padding-left: 0px}
.my_chart_0, .my_chart_1, .my_chart_2, .my_chart_3, .my_chart_4 {display: block; float: none; width: auto; margin-bottom: 10px; margin-left: 0px; text-align: center; font-size: 12px}
.chart-buttons {margin: 0 30px}
.site-title {text-align: center}
.descr {text-align: left}
.submenu {padding-bottom: 0px;}
.submenu span, .submenu a {display: none}
.submenu .my-cars, .submenu .new-entry, .submenu .evolvent, .submenu .analysis {display: block; padding-bottom: 5px}
.submenu .analysis {padding-bottom: 20px;}
.sidenav, .bottom-banner, .new-model, .side-hints {display: none}
.content {float: none; width: auto; }
.public-content {width: 100%;}
.public-content .title {float: none}
.public-content .left img {margin: 0 auto; display: block}
.public_profile_car_data {text-align: center; width: 100%; float: none; margin: 0 auto}
.public_profile_car_data div {text-align: left}
.public_profile_car_data h1 {width: 100%}
.public-photo {width: 280px; margin: 0 auto; float: none}
.useful_info {padding-left: 0px}
#ket_info, #buying_car_info, #tyres_info, #torque_info {margin-bottom: 20px; height: auto; padding-left: 90px}
.useful_info {text-align: left}
.useful_info .title {font-size: 15px}
.useful_info a {display: block; font-size: 14px}
.box .catalog-makes-list {padding-left: 0px}
.catalog-makes-list li {width: 33%; margin-bottom: 20px}
.catalog-makes-list .make-logo {height: 40px;line-height: 13px; margin: 0 auto; float: none}
.catalog-makes-list .make-logo-title {text-align: center; width: auto; float: none; line-height: normal; padding-top: 5px}
.catalog-generations-table {width: 100%}
.catalog-generations-table tr {margin-bottom: 10px; display: block}
.catalog-generations-table tr.labels {display: none}
.catalog-generations-table td {display: block; width: 100%}
.catalog-generations-table td.gen-title, .catalog-generations-table td.gen-year,
.catalog-generations-table td.gen-doors, .catalog-generations-table td.gen-power,
.catalog-generations-table td.gen-wheels, .catalog-generations-table td.gen-to-100,
.catalog-generations-table td.gen-cons {width: 100%}
.catalog-generations-table td.gen-wheels {font-size: 11px}
.catalog-generations-table .gen-title {font-size: 13px; text-align: center; background-color: #577ba2}
.catalog-generations-table td.gen-title a {color: #FFF; font-weight: bold; text-decoration: underline}
.catalog-generations-table .odd {background-color: #FFF}
.catalog-list ul {padding-left: 5px}
.catalog-list li {width: 50%}
.make-logo-title {line-height: normal; height: auto; width: 80%;}
.facebook-like {clear: both; float: left}
.catalog-modification-table {width: 100%}
.catalog-modification-table .caption {width: 180px; text-align: left}
.catalog-modification-table .value {text-align: left}
.random-cars h1 {text-align: left}
.results-listing {width: 100%}
.results-listing tr {display: block; position: relative; width: 95%; margin-bottom: 10px; border-bottom: 1px solid #000}
.results-listing td {display: block}
.results-listing td span {display: block; float: right}
.results-listing td span.abr {float: left;}
.results-listing .more-row {float: none; position: absolute; bottom: 0px; left: 0px}
.results-listing .item-photo {width: 30%; float: left}
.results-listing .title_row {position: absolute; top: 0px; right: 0px; width: 55%; font-size: 12px; color: #577ba2; font-weight: bold; text-align: center}
.results-listing .kilometrage-row {position: absolute; top: 20px; right: 0px; width: 55%}
.results-listing .records_count {position: absolute; top: 40px; right: 0px; width: 55%}
.results-listing .fuel-type-row {position: absolute; top: 60px; right: 0px; width: 55%}
.results-listing .consumption-row {position: absolute; top: 80px; right: 0px; width: 55%}
.results-listing tr.item_tr {height: 120px}
.results-listing tr.odd {background-color: #FFF}
.results-listing .mobile-button {width: 100px; text-decoration: none}
.results-listing img {border: 1px solid #000}
.results-listing img.no-img {border: none}
.content ul.paging {padding-left: 0px}
.paging {height: 40px}
ul.paging li {padding: 0; margin: 0}
.paging a, .paging .serperator{display: none}
ul.paging li a.paging-active-button {display: block; float: left; margin: 3px 10px; background-color: #fff; padding: 5px}
.paging a.prev-paging-button, .paging a.next-paging-button {
background-color: #5d83ad;
background-image: none;
border-radius: 6px;
text-shadow: -1px -1px 0px #000000;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border-width: 1px;
border-style: solid;
border-color: #333;
display: block;
float: left;
margin: 4px auto 8px auto;
width: 100px;
cursor: pointer;
font: 14px Georgia;
color: #FFF;
text-align: center;
float: left;
line-height: 20px
}
.tree {padding-bottom: 5px}
.tree .home-crumb, .tree .last {display: none}
.tree span.crumb-0:before {content: ''}
.tree a {font-size: 12px}
.public_report td {padding: 0}
div.message_error, div.message_ok, div.message_reminder {width: auto}
.expenses-banner {display: none}
.about-container {height: auto; font-size: 14px;}
#my_report .labels, .results-listing .labels {display: none}
.footer .width {width: auto}
.footer .right {line-height: 29px}
.gplus {display: none}
ul.photos-thumbs-list {width: 100%; padding-left: 0px}
.photos-thumbs-list li {display: block; float: left; padding-left: 5px}
.photos-thumbs-list img {width: 80px; height: 60px}
.filter-table {border: 0px none; border-collapse: collapse}
.filter-table tr.labels {display: none}
.filter-table td {box-sizing: border-box; border-collapse: collapse; font-weight: bold; display: block; background-color: #fff; padding: 5px; text-align: right; border: 0px; line-height: normal}
.filter-table td.date, .filter-table td.kilometrage {width: auto}
.filter-table td.price span {display: inline}
table.filter-table td::last-child {border-right-width: 1px; }
.filter-table td span {text-align: right}
.filter-table td::before {font-weight: normal; float: left; display: block; width: 105px; text-align: left}
#expenses_analyze_table td::before, .analyze-table td::before {width: 145px}
.filter-table td.date {text-align: center; font-size: 13px; background-color: #577ba2; color: #fff;}
.filter-table td.kilometrage::before {content: 'Kilometražas, km: ';}
.filter-table td.trip::before {content: 'Atstumas, km: '}
.filter-table td.amount::before {content: 'Kiekis, l: '}
.filter-table td.fuel_type::before {content: 'Kuro rūšis: '}
.filter-table td.price::before {content: 'Suma: '}
.filter-table td.consumption::before {content: 'Vid. sąnaudos: '}
.filter-table td.fuel_expenses::before {content: 'Išlaidos kurui: ';}
.filter-table td.maintenance_expenses::before {content: 'Eksploatacinės išlaidos: ';}
.filter-table td.repair_expenses::before {content: 'Remonto išlaidos: ';}
.filter-table td.other_expenses::before {content: 'Kitos išlaidos: ';}
.filter-table td.description, .filter-table td .description {width: 100%; text-align: left}
.filter-table td.description::before {width: 0px}
.filter-table td::after {clear: both; float: none; content: ' '; display: block}
.filter-table td.gen-fuel::before {content: 'Kuras: '; width: 150px; display: block; float: left; font-weight: normal}
.filter-table td.gen-year::before {content: 'Gamybos metai: '; width: 150px; display: block; float: left; font-weight: normal}
.filter-table td.gen-power::before {content: 'Power: '; width: 150px; font-size: 12px; display: block; float: left; font-weight: normal}
.filter-table td.gen-gearbox::before {content: 'Gearbox: '; width: 150px; display: block; float: left; font-weight: normal}
.filter-table td.gen-wheels::before {content: 'Varomieji ratai: '; width: 150px; font-size: 13px; display: block; float: left; font-weight: normal}
.filter-table td.gen-to-100::before {content: '0-100km/h: '; width: 150px; font-size: 12px; display: block; float: left; font-weight: normal}
.filter-table td.gen-cons::before {content: 'Kuro sąnaudos: '; width: 150px; display: block; float: left; font-weight: normal}
.filter-table td.gen-fuel::empty, .filter-table td.gen-year::empty, .filter-table td.gen-wheels::empty, .filter-table td.gen-to-100::empty, .filter-table td.gen-cons::empty{display: none}
.filter-table td.gen-power {font-size: 11px;}
.nav-tabs li {width: 25%}
.nav-tabs li a {white-space: pre-wrap; padding: 6px; font-size: 11px}
#graphs_tabs li {width: 33%}
#tab_maintenance_table span{display: none}
#tab_maintenance_table::before {content: 'Ekspl. išlaidos';}
.graphs_container {display: none}
.dynatable-per-page {display: none}
.dynatable-pagination-links {float: none; border-top: 1px solid}
.review-subject {width: 100%}
.rating-number {padding-left: 5px}
.generation-summary {padding-left: 0px}
.car-details li {width: 100%}
.rating-title {width: 130px}
.nav-tabs + .tab-content {padding-left: 5px; padding-right: 5px}
.photo-container {margin: 0 auto; float: none; text-align: center}
.new-review-link {margin: 0 auto}
.facebook-like {display: none}
.content ul {padding-left: 0px}
.content ul .tabs-like-button {
display: none;
height:40px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
display: block;
height: 41px;
}
.rating-container.larger .rating span {
padding: 0 5px;
line-height: 65px;
}
.empty-reviews-message .new-review-link {
margin-top: 30px;
}
#dynatable-query-search-generations_table {
border: 1px #999 solid
}
}
.gsc-search-button input {box-sizing: content-box}
.search-bar {min-height: 63px;}