﻿body { background-image: url(../img/top.png); background-repeat: repeat-x; background-color: #f3f3f3; }

#container { margin: 0 auto 0 auto; width: 936px; }
#logo { background-image: url(../img/logo.png); width: 362px; height: 87px; float: left; margin-left: 7px; display: block; }

#login-box .field { line-height: 32px; height: 32px; float: left; vertical-align: middle; }
#login-box label { width: 62px; color: White; display: block; float: left; line-height: 32px; text-align: right; margin-right: 7px; height: 32px; }
#login-box input[type='password'], #login-box input[type='text'] { width: 100px; height: 18px; padding: 0; margin: 0px; border: none; }

#login-btn { width: 50px; height: 20px; padding-top: 3px; }
#login-box .hdr { color: White; text-align: center; line-height: 29px; font-size: 1.2em; font-weight: bold; float: left; width: 230px; clear: both; height: 29px; }
#vin div { color: White; text-align: center; width: 264px; clear: both; font-weight: bold; }
#vin .hdr { line-height: 29px; font-size: 1.2em; font-weight: bold; float: left; width: 264px; clear: both; height: 29px; }
#vin input[type='text'] { width: 140px; height: 18px; padding: 0; margin: 0px; border: none; }
#vin table tr td { vertical-align: middle; color: White; text-align: center; width: 264px; clear: both; font-weight: bold; }

#login, #signup { background-color: #f3f3f3; border: 1px solid #7d7d7d; padding: 10px 13px; float: left; }
#login { margin-left: 30px; width: 278px; }
#signup { width: 516px; }

#qbar { width: 558px; height: 37px; float: right; margin-right: 7px; }
#qbar-c { background-image: url(../img/qbar-slice.png); background-repeat: repeat-x; width: 540px; height: 37px; float: left; }
#qbar-r { background-image: url(../img/qbar-r.png); width: 9px; height: 37px; float: right; }
#qbar-l { background-image: url(../img/qbar-l.png); width: 9px; height: 37px; float: left; }

#mbar { margin-top: 3px; width: 558px; height: 49px; float: right; margin-right: 7px; }
#mbar a, #mbar a:link, #mbar a:active, #mbar a:visited { font-size: 1.1em; float: left; display: block; line-height: 40px; color: White; height: 49px; text-align: center; }

#btn-one { background-image: url(../img/btn-one.png); width: 179px; text-decoration: none; }
#btn-two { background-image: url(../img/btn-two.png); width: 130px; text-decoration: none; }
#btn-three { background-image: url(../img/btn-three.png); width: 70px; text-decoration: none; }
#btn-four { background-image: url(../img/btn-four.png); width: 179px; text-decoration: none; }

#mast { float: left; background-image: url(../img/mast.png); width: 922px; height: 225px; margin-left: 7px; }

#fbar { float: left; margin-top: 2px; background-image: url(../img/fbar.png); width: 922px; height: 85px; background-repeat: no-repeat; margin-left: 7px; }
#rewards, #search { float: left; width: 329px; height: 85px; line-height: 85px; }
#search a { display: block; padding-left: 75px; font-size: 1.2em; font-weight: bold; color: White; width: 230px; height: 85px; line-height: 18px; padding-top: 22px; }
#rewards a { display: block; padding-left: 60px; font-size: 1.2em; font-weight: bold; color: White; width: 230px; height: 85px; line-height: 18px; padding-top: 22px; }


#vin { width: 264px; float: left; }

#ubar { background-image: url(../img/ubar-slice.png); background-repeat: repeat-x; width: 936px; height: 158px; float: left; }
#ubar-r { background-image: url(../img/ubar-r.png); width: 16px; height: 158px; float: right; }
#ubar-l { background-image: url(../img/ubar-l.png); width: 16px; height: 158px; float: left; }

#login-box { margin-top: 13px; background-image: url(../img/login-box.png); width: 230px; height: 120px; float: left; }

#main { margin-left: 7px; margin-top: 1px; background-repeat: repeat-y; background-image: url(../img/bar-bg.png); background-position: top left; background-color: #fff; float: left; }
#left { float: left; background-color: #c5cedf; }
#left a:link, #left a:visited, #left a:hover, #left a:active { color: #082867; }
#left ul li { margin-top: 3px; margin-bottom: 3px; }

#content { background-color: #fff; float: right; padding: 20px; }

#mblock { width: 432px; height: 120px; float: left; margin-top: 13px; float: left; padding: 0 18px 18px 18px; }
#mblock div { font-size: 1.1em; color: #747575; font-weight: bold; line-height: 24px; }

#sblock { width: 206px; height: 63px; float: left; margin-top: 20px; margin-bottom: 4px; float: left; }
#sblock a, #sblock a:link, #sblock a:active, #sblock a:visited { float: left; display: block; color: #5791d9; font-weight: bold; background-repeat: no-repeat; background-position: center left; height: 20px; line-height: 20px; width: 60px; margin-top: 8px; margin-left: 12px; }
#sblock-c { background-color: #f6f6f6; width: 184px; height: 63px; float: left; }
#sblock-l { background-image: url(../img/sblock-l.png); width: 11px; height: 63px; float: left; }
#sblock-r { background-image: url(../img/sblock-r.png); width: 11px; height: 63px; float: right; }

#facebook { padding-left: 20px; background-image: url(../img/facebook_icon.png); }
#rss { padding-left: 20px; background-image: url(../img/rss_icon.png); }
#myspace { padding-left: 20px; background-image: url(../img/myspace_icon.png); }
#twitter { padding-left: 20px; background-image: url(../img/twitter_icon.png); }

#fbox { margin-left: 7px; margin-top: 4px; background-color: #fff; width: 905px; float: left; padding: 0px 11px 14px; }
#fbox a, #fbox a:link, #fbox a:active, #fbox a:visited { color: #e57918; text-decoration: none; }
#news { width: 190px; float: left; }
#prereg { width: 228px; float: left; margin-left: 14px; }
#alerts { width: 222px; float: left; margin-left: 14px; }
#law { width: 222px; float: left; margin-left: 14px; }

#prereg, #alerts, #law div { font-family: Verdana; color: #747575; line-height: 20px; font-weight: 700; }
#fbox h3 { font-size: 1.1em; color: #e57918; font-weight: bold; display: block; padding-bottom: 3px; border-bottom: 1px dotted #7d7d7d; background-repeat: no-repeat; background-position: center left; height: 40px; line-height: 60px; font-family: Arial; margin-bottom: 8px; }
#prereg h3 { padding-left: 64px; background-image: url(../img/prereg_icon.png); }
#alerts h3 { padding-left: 40px; background-image: url(../img/alerts_icon.png); }
#law h3 { padding-left: 39px; background-image: url(../img/law_icon.png); }

#bbar { margin-left: 7px; width: 922px; height: 116px; float: left; margin-bottom: 20px; }
#bbar-c { background-image: url(../img/bbar-c.png); width: 902px; height: 116px; float: left; background-repeat: repeat-x; }
#bbar-l { background-image: url(../img/bbar-l.png); width: 9px; height: 116px; float: left; }
#bbar-r { background-image: url(../img/bbar-r.png); width: 11px; height: 116px; float: right; }

#bbar-c .map { text-align: center; margin-top: 28px; color: #8fb5f7; }
#bbar-c .map a, #bbar-c .map a:link, #bbar-c .map a:active, #bbar-c .map a:visited { color: #8fb5f7; font-weight: bold; }

#bbar-c .info { text-align: center; margin-top: 10px; color: #e57918; }
#bbar-c .info a, #bbar-c .info a:link, #bbar-c .info a:active, #bbar-c .info a:visited { color: #e57918; font-weight: bold; }

#bbar-c .legal { text-align: center; color: #fff; }
#bbar-c .legal a, #bbar-c .legal a:link, #bbar-c .legal a:active, #bbar-c .legal a:visited { color: #e57918; font-weight: bold; }

#news a, #news a:link, #news a:active, #news a:visited { color: #073a9d; font-weight: bold; float: left; clear: both; display: block; margin-top: 6px; }

#qbar-c .links { margin-left: 4px; margin-top: 10px; color: #e57918; float: left; }
#qbar-c .links a, #bbar-c .links a:link, #bbar-c .links a:active, #bbar-c .links a:visited { color: #e57918; font-weight: bold; }

#qbar-c .search { margin-top: 5px; color: #747575; float: right; margin-right: 3px; font-weight: bold; }
#qbar-c .search input[type='text'] { width: 100px; height: 18px; padding: 0; margin: 0px; border: 1px solid #747575; }

#last-seen { float: left; margin-left: 36px; width: 346px; margin-top: 16px; }
#vehicle-detail { float: left; width: 500px; margin-top: 16px; }
#comments { float: left; width: 500px; margin-top: 16px; }

#map { float: left; width: 300px; height: 300px; border: 1px solid #000; margin-top: 16px; }
#vehicle-img { float: left; width: 250px; height: 250px; margin-right: 8px; }
#history-img { float: left; width: 300px; height: 200px; background-image: url(../img/history.png); }

#history-results { color: #082867; float: left; width: 500px; margin: 12px 0 12px 24px; height: 150px; /*border: 1px solid #082867; */ padding: 18px; font-size: 1.1em; font-weight: bold; line-height: 18px; clear: right; }
#result { display: none; }
.filled { background-color: #082867; color: white; text-align: center; padding: 12px 0; font-size: 2.4em; }

.text { color: #082867; font-size: 1em; font-weight: bold; line-height: 18px; }

#reportalert-img { width: 165px; height: 81px; background-image: url(../img/alert_settings.png); display: block; margin: 6px 40px 16px 0; }
#reportsearch-img { width: 165px; height: 82px; background-image: url(../img/search.png); display: block; margin: 6px 40px 16px 0; }
#report-img { width: 165px; height: 82px; background-image: url(../img/reports.png); display: block; margin: 6px 40px 16px 0; }
#tip-img { width: 165px; height: 81px; background-image: url(../img/tips.png); display: block; margin: 6px 40px 16px 0; }

#car-img { width: 165px; height: 81px; background-image: url(../img/car.png); display: block; margin: 6px 40px 16px 0; }
#cycle-img { width: 165px; height: 81px; background-image: url(../img/motorcycle.png); display: block; margin: 6px 40px 16px 0; }
#truck-img { width: 165px; height: 81px; background-image: url(../img/truck.png); display: block; margin: 6px 40px 16px 0; }

#pl-img { width: 126px; height: 43px; background-image: url(../img/platelockers.png); display: block; margin: 4px 16px 0px 0px; }
#ve-img { width: 95px; height: 38px; background-image: url(../img/vinetcher.png); display: block; margin: 4px 16px 0px 0px; }
#id-img { width: 198px; height: 62px; background-image: url(../img/idsticker.gif); display: block; }
#id-sample-img { width: 279px; height: 198px; background-image: url(../img/idsticker_sample.jpg); display: block; }

#policeline-img { width: 400px; height: 266px; background-image: url(../img/Policeline.png); display: block; margin: 8px 0px 0px 16px; }
#insurance-img { width: 305px; height: 104px; background-image: url(../img/insurance.jpg); display: block; margin: 8px 0px 0px 16px; }
#creditors-img { width: 378px; height: 255px; background-image: url(../img/creditors.jpg); display: block; margin: 8px 0px 0px 16px; }
#fleet-img { width: 400px; height: 330px; background-image: url(../img/fleet.jpg); display: block; margin: 8px 0px 0px 16px; }
#alerts-img { width: 378px; height: 251px; background-image: url(../img/alerts.jpg); display: block; }

#twitter-img { width: 233px; height: 79px; background-image: url(../img/scr_twitter.jpg); display: block; }
#sponsors-img { width: 360px; height: 272px; background-image: url(../img/sponsors.jpg); display: block; }
#wait { text-align: center; padding: 64px 0; display: none; }

#form_other { display: none; }
#form_scr { display: none; }
