/* AutoCheck Vehicle History Report Stylesheet. */ /* Must include base.css for text leading and table padding to work. */ /* Version 1.0 1/13/09 */ /* Most of the styles are presented in the order in which they appear on the */ /* from top to bottom */ tbody td {padding: 5px 0;} body{color: #000;} p {margin-bottom: .3em;} .summary-list a {color:#000;font-weight: bold;text-decoration: none;} /* For turning off the options on the right side */ .disabled {color: #666;} .disabled p input {color: #666;} .report-options div {height: 145px;} /* Consumer Pieces */ #consumer-functions {font-size: 83%; width: 95%; margin: 6px auto 10px auto; border: 1px solid #c4c4c4; padding: 5px; background: #ededed url(images/upgrade.jpg) repeat-x top;} #consumer-functions div {float: left; padding: 10px 15px;} #consumer-functions div label {display: inline;} #consumer-functions div p {margin-bottom: 1.1em;} #consumer-functions h3 {font-size: 123%; color: #066a9b; font-weight: bold; padding: 0} #consumer-functions button {padding: 3px 4px; color: #FFF; font-weight: bold; background: #f6b719 url(../images/report/upgrade_now.jpg) repeat-x bottom; border: 3px solid #ddd; font-size: 93%;} /* Not used right now, but for when the upgrade option is present */ #upgrade {} /* Container for the VIN summary data */ .report-run {padding: 10px 0;} .report-run .vehicle-name {font-size: 1.8em;color: #066a9b;display: block;font-weight: bold} .report-run .vin {font-weight: bold;color:#555;display: block;} .report-run p {padding: 0 0 6px 0;} .report-run h1 {font-size: 2.5em;} .comment {color: #777;font-size:93%; clear:both;} /* For the AutoCheck Score and Buyback Protection boxes */ .report-tiles {border:1px solid #d7d7d7; padding:0 6px; margin:0 4px 4px 2px;} .report-tiles h3 {color: #066a9b} .report-tiles p a{color: blue !important;} .report-tiles p.bottom {clear: both; padding-bottom: 4px; padding-top:3px;} #buyback-box {margin-top: 20px;} #vin-summary-left tr td {padding: 4px 0; font-size: 100%; color: #000} /* Sections define all the major content blocks in the report */ .section {} /* include to show that all styling is targetted, .sections alone do not have any styles. */ .section .top h3 {color: #FFF; padding: 0 8px; font-size: 143%;} /* differentiates the sections with blue backgrounds at the top. */ .section table {width: 100%;} .section th {border-bottom: 1px solid #555555; font-weight:bold;} .section td {border-bottom: 1px solid #d7d7d7;} .section td img {margin: 0 25px;} .section .bottom {border-bottom: none;} .section .top { padding: 2px; background-color:#02293c; border:2px solid #d7d7d7; margin-bottom: 3px; } .value {font-weight: bold; color: #000000} /* For the labels in the table */ .check-header {width:15%;} /* Special class just to make the table columns with checkmarks line up nicer */ .section p {line-height: 1.4em; margin-bottom: 12px;} .section p a:link {color:blue; font-size:12px; font-weight: normal; text-decoration: none;} .section p a:active {color:blue; font-size:12px; font-weight: normal; text-decoration: none;} .section p a:visited {color:blue; font-size:12px; font-weight: normal; text-decoration: none;} .section p a:hover {color:blue; font-size:12px; font-weight: normal; text-decoration: underline;} .lead-in {font-size: 123%;font-weight: bold;} /* For the first part of each lead paragraph */ .checks-out {color:#1f991f;} .info-reported {color:#27438b;} .warning {color: #bd0000;} /* Denotes when there is information of interest to the user, flag is more neutral than warning */ .flagged td {background-color: #fdfbe1; color:red;font-weight: bold} .flagged td a {color:red;text-decoration: underline;} .hide-details { color: #fff; text-decoration: none; margin: 3px; display: block; float: right;} /* Inline images are inactive for the browser, but in the */ /* printer-friendly style sheet they are active and vice versa. */ img#score-box {display: none;} #reportslisting{} #reportslisting table{/* font-size:93%;*/} #reportslisting table caption{text-align:left;color:#555;font-family:"Arial Black";margin:0 0 8px 0;} #reportslisting table thead td{color:#275067;font-weight:bold;} #reportslisting table td ul{margin:0 30px;padding:0 20px 2px 0;} #reportslisting table,td,th,tr{border:none;padding:0;line-height:1.47em;} #reportslisting table td ul li{list-style-image:url(../img/redcheckmark.jpg);margin:2px 0;} #reportslisting h3{font-size:116%;text-align:left;font-weight:bold;color:#275067;padding:5px 0;} /*the following styles added to display the color of A href properly in IE*/ .summary-list a:link {color:#000;font-weight: bold;text-decoration: underline;} .summary-list a:hover {color:#000;font-weight: bold;text-decoration: underline;} .summary-list a:active {color:#000;font-weight: bold;text-decoration: underline;} .summary-list a:visited {color:#000;font-weight: bold;text-decoration: underline;} .flagged td a:link {color:red;text-decoration: underline;} .flagged td a:hover {color:red;text-decoration: underline;} .flagged td a:active {color:red;text-decoration: underline;} .flagged td a:visited {color:red;text-decoration: underline;} /*removes all padding for the dynamic score tile table */ #score-tile {margin-right:8px; float:left;} #score-tile table tr td {padding: 0; vertical-align:top;} #score-tile table tr {padding: 0;} #score-tile table {padding: 0; border-collapse:separate; width: 210px;} .reportedLink { font-size:12px; font-weight:normal; } .vehicle-info td a:link{font-weight:bold;text-decoration: underline;} .vehicle-info td a:hover{font-weight:bold;text-decoration: underline;} .vehicle-info td a:active{font-weight:bold;text-decoration: underline;} .vehicle-info td a:visited{font-weight:bold;text-decoration: underline;color:blue;} #full-history-list th {padding: 0 5px;} #full-history-list td {padding-left: 5px;padding-right: 5px;} #foot {padding:4px;} /*ebay */ #foot_ebay {text-align:center;} #foot_ebay a {padding: 0 10px;} .footer_link {padding: 0 2px;} /* zero out */ /* general resets */ #report-options p, button {margin: 3px 0; padding: 3px 0;} #report-options label {margin: 6px 0 0 0; font-weight: bold; font-size: 93%; display: block;} #report-options{ background-color: #ededed; margin-bottom: 6px; border: 1px solid #ccc;} #report-options .bd {height: 106px; border:} #report-options #header .menu-item {font-weight: bold; display: block; background-color: #dedede; border-bottom: 3px solid #555;} #report-options .box {padding: 3px; margin: 4px; width: 220px; float: left;} #report-options .box .middle {} #report-options .bottom {clear: both;} .option-name {display: block; border: 1px solid #d7d7d7; text-align: center; font-size: 118%; color: #066a9b; background-color: #fff; padding: 4px 6px} .option-name:hover {background-color: #777; color: #FFF;} #report-options .ebay_bd {height: 46px; border:} #report-options .ebay_bd p {text-align:center;padding-top:10px;} /* fonts */ #report-options p strong {font-size: 118%; color: #066a9b; text-align: left; display: block; height: 1.8em;} #report-options p em {font-weight: bold; line-height:normal;} #report-options .bd p {line-height:normal;} #report-options .options {font-size: 100%; display: none; padding: 3px} #report-options .menu-item {text-align: right; padding: 0 4px;} #report-options .tip {font-size: 93%; color: #777; font-style: inherit;} /* elements */ #report-options button {padding: 3px 4px; color: #FFF; font-weight: bold; background: #f6b719 url(/consumers/scoreReport/img/upgrade_now.jpg) repeat-x bottom; border: 3px solid #ddd; font-size: 93%;} .optionButton{ border: 3px solid #ddd;} .affl_return_link {text-align:center; padding-bottom:15px;} #banner span{display:none;} #formnav{text-align:right;padding:4px 4px 4px 4px;margin:0 0 14px 0;color:#FFF;} #formnav a{text-decoration:none;color:#fff;} #formnav a:hover{color:#d4f1fb;} #login-bar{color:#000;display:block;margin:0 0 10px 0;} #bd{background-color:#fff;border:1px solid #0064b3;padding:0px 12px;} .actionButton { border: 1px solid #275067; color: #FFF; padding: 3px; font-size: 116%; margin-left: 4px; font-family: Arial, sans-serif; /*must keep both cursor items in for it to work */ cursor: pointer; cursor: hand; } #header{} #header form{display:inline;} h1, h2, h3, h4, h5, h6, strong {font-weight:bold;} h1, h2, h3 {margin:0.5em 0;} h3 {font-size:108%}