﻿/* HDDX Exchange CSS Stylesheet */
/*
    HDDX style inputs:
        theme gold-ish color: CA6C18
*/

/* ------------------------------------------------------------------------------------------ */
/* Global @ declarations */
/* ------------------------------------------------------------------------------------------ */
@font-face { font-family: 'marvelouz'; src: url('//www.fontsaddict.com/fontface/marvelouz-dsg.ttf') format('truetype'); }

/* ------------------------------------------------------------------------------------------ */
/* HTML element styles */
/* ------------------------------------------------------------------------------------------ */

html { overflow-y: scroll; }

img { border: none; }

table { border-collapse: collapse; }

td, th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #aaa; font-style: normal; line-height: 15px; font-weight: normal; }

body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; font-style: normal; font-weight: normal; margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; }

.bodySubHeader { font-size: 11px; color: #000; font-weight: bold; text-align: right; width: 20% }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; margin-top: 3px; margin-bottom: 0 }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; margin-top: 3px; margin-bottom: 0; color: #FA6600; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; margin-top: 0; margin-bottom: 0 }

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; margin-top: 0; margin-bottom: 0 }

input, button { font-size: 8pt }

select { font-size: 8pt }

textarea { font-size: 8pt }

a:link { text-decoration: underline; color: #fff; }

a:visited { text-decoration: underline; color: #fff; }

a:hover { text-decoration: underline; color: #fff; }

a:active { text-decoration: underline; color: #fff; }

/* Form Section Heading */
h5 { font-size: 9pt; margin-top: 15px; padding: 5px; margin-bottom: 1px; /*background-color:#FA6600;*/ border: 1px solid #FA6600; background-color: #000; font-weight: bold; color: #FA6600; height: 15px; }

	h5 a:link { color: #FA6600; float: right; }

	h5 a:active { color: #FA6600; float: right; }

	h5 a:visited { color: #FA6600; float: right; }

	h5 a:hover { color: #fff; float: right; }

	h5 label { float: left; }

.activeLink { color: #FA6600; }
/* ------------------------------------------------------------------------------------------ */
/* END: HTML element styles */
/* ------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------ */
/* Class styles */
/* ------------------------------------------------------------------------------------------ */

/* Grid embellishments */
.Year { color: #fff; font-weight: bold; }

.Make { color: #fff; font-weight: bold; }

.Model { color: #fff; }

.Bidder { color: #fff; font-weight: bold; font-size: 9px; }

.Location { color: #000; font-size: 9px; }

.Location2 { color: #fff; font-size: 9px; font-weight: bold; border-top: 2px; }

.VIN { color: #fff; font-size: 9px; font-weight: bold; }

.Mileage { color: #fff; font-size: 9px; font-weight: bold; }

.AuctionLane { color: #fff; }

.salesBorder { border: 1px solid #000; }

.contactUsLinks { font-family: Geneva, sans-serif; font-size: 11px; text-decoration: underline; color: #FA6600; }

.contactUsImages { border: 1px solid #000; }

.transheader { font-weight: bold; color: #FA6600; width: 90%; font-size: 13px; height: 22px; vertical-align: middle; line-height: 22px; }

.contactHeader { border: 1px solid #FA6600; background-color: #000; font-weight: bold; color: #FA6600; width: 100%; font-size: 12px; height: 22px; vertical-align: middle; line-height: 22px; padding-left: 9px; }

.subMenuVerticleLine { background: url(../../Images/circle.gif) center repeat-y; }

.servicesText { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; font-weight: bold; padding-top: 8px; padding-left: 5px; padding-bottom: 2px; width: 250px; border-bottom: 1px solid #000; }

	.servicesText a:link { text-decoration: none; }

	.servicesText a:hover { text-decoration: none; background-color: #ccc; display: block; }

	.servicesText a:active { text-decoration: none; }

	.servicesText a:visited { text-decoration: none; }

.header { background-image: url(Images/toolbar.png); }

.headerHomeLink { display: none; }

.headerNpaHomeLink { display: inline; }

.footer td { background: url(Images/toolbar-bottom.jpg) no-repeat; background-color: #0b0b0b; font-size: 10px; color: #fff; margin-top: 9px; padding-top: 3px; padding-right: 8px; padding-left: 10px; height: 60px; }

.footerCopyright { padding-top: 30px; }

.footerNpaImage { border: 0; position: relative; top: 10px; right: 8px; }

.bodyBkg { background-color: #1A1A1A; margin: 10px 10px 10px 10px; }

.headerText { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #fff; }

.input { font-size: 8pt }

.menutype a { font-family: Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; }

.asterisk { font-family: Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #FA6600; text-decoration: none; }

/* was inline */
.headernav { height: 100%; width: 55%; float: right; }

.redHeader { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F00; }

.grayPixel { width: 710px; height: 1px; }

.topheader { background: url(Images/HDDX-Header.v3.jpg) no-repeat; background-color: #000; color: #fff; padding: 0 10px 0 0; height: 90px; vertical-align: top; line-height: 30px; }

	.topheader a:link,
	.topheader a:active,
	.topheader a:visited { font-family: Geneva, sans-serif; color: #fff; text-decoration: none; }

	.topheader a:hover { font-family: Geneva, sans-serif; color: #FA6600; text-decoration: none; }

.topheadertoolbar { /*padding-top: 40px;*/ text-align: right; vertical-align: bottom; white-space: nowrap; }

.thinBorder { border: 1px solid #666; }

/* The Detail Page */
.Search { color: #fff; }

/* master page: SiteNoMenu */
.MasterTableContentNoMenu { min-height: 200px; _height: auto !important; width: 700px; border: 0; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 35px; background-color: #333333; background: url(Images/hd-background.v2.jpg) #333333 100% no-repeat; }

.MasterTableLayoutNoMenu { background-color: #FFF; border: 1px solid #666; margin-top:0; padding-top:0; }

.mastertablelayout1 { width: 900px; background-color: #FFF; border: 1px solid #666; margin-top:0; padding-top:0; }

.mastertable2maincontent { min-height: 500px; _height: auto !important; height: 500px; width: 900px; border: 0; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 35px; background-color: #333333; background: url(Images/hd-background.v2.jpg) #333333 no-repeat; }

.SiteNoMenuHeader { background-color: #333; }

.HeaderBar { color: #EEEEEE; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; font-style: normal; line-height: 16px; font-weight: bold; }

.HeaderText { padding-top: 5px; /*padding-left: 10px;*/ }

/* SignOn */
.SignOnDialog { /*border: solid 1px #CCCC99;*/ /*background-color: #e3e3de;*/ margin-bottom: 200px; }

	.SignOnDialog td { padding: 5px; /*color: #CCCC99;*/ font-weight: bold; }

	.SignOnDialog table { padding: 0; }

table.ExchangeForm,
table.ExchangeValueGuide { width: 100%; border: 1px solid #666666; }

.ExchangeForm td,
.ExchangeForm th,
.ExchangeValueGuide td,
.ExchangeValueGuide th { color: #fff; padding: 3px; margin: 0; vertical-align: top; border: 1px solid #666666; border-bottom: 0 solid #000; }

.ExchangeForm td,
.ExchangeForm th { text-align: left; }

.ExchangeValueGuide td,
.ExchangeValueGuide th { text-align: center; }

.ExchangeForm span { white-space: nowrap; }

.ExchangeForm th,
.ExchangeValueGuide th { background-color: #FA6600; font-weight: bold; color: #000; }

td.FormLabel,
th.FormLabel { /*border: 1px solid #000;
    color: #000;
	background-color:#b3b3b3;*/ font-weight: bold; text-align: right; height: 28px; }

/* My Account  */
.MyAccountInformation { color: #fff; }

	.MyAccountInformation td.FormLabel,
	.MyAccountInformation th.FormLabel { width: 80px; }

.EditInformation td.FormLabel,
.EditInformation th.FormLabel { width: 80px; }

.bidderaccessyes { color: #FA6600; cursor: pointer; }

.bidderaccessviewonly { color: Red; cursor: pointer; }


/* Filter/Search at top of Grid pages */
table.Search { width: 100%; margin-top: 10px; }

.Search td { color: #fff; padding: 5px 2px 5px 2px; }

.Search th { color: #fff; padding: 5px 2px 5px 2px; }

.Search th { text-align: right; }

.Search td#Header,
.Search td#Buttons { text-align: center; font-weight: bold; padding: 10px; }

.Search td#DateStart { width: 80px; text-align: right; }

.Search td#DateEnd { width: 60px; text-align: right; }

.Search td#CheckboxLabel { width: 150px; text-align: right; }

.Search td#Checkbox { width: 40px; text-align: left; }

/* NPAGridView control */
.NPAGridBrowseHeader, .NPAGridBrowseHeader td, .NPAGridBrowseHeader th,
.NPAGridBrowseFooter, .NPAGridBrowseFooter td, .NPAGridBrowseFooter th { vertical-align: bottom; color: #000; height: 16px; background-color: #FA6600; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 0 solid #666666; padding-bottom: 3px; border-collapse: collapse; font-weight: bold; }
	.NPAGridBrowseHeader td *, .NPAGridBrowseHeader th *,
	.NPAGridBrowseFooter td *, .NPAGridBrowseFooter th * { font-weight: bold; }

.NPAGridBrowseHeaderCount a:link,
.NPAGridBrowseHeaderCount a:visited { color: #FA6600; font-weight: bold; text-decoration: none; }

.NPAGridBrowseHeader a:link,
.NPAGridBrowseFooter a:link,
.NPAGridBrowseHeader a:visited,
.NPAGridBrowseFooter a:visited,
.Search a:link,
.Search a:visited { color: #000; text-decoration: none; font-weight: bold; }

.NPAGridBrowseHeader a:hover,
.NPAGridBrowseFooter a:hover,
.NPAGridBrowseHeaderCount a:hover,
.Search a:hover { text-decoration: underline; color: #fff; }

table.NPAGridBrowseHeaderCount { width: 100%; margin:0; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }

.NPAGridBrowseHeaderCount td,
.NPAGridBrowseHeaderCount tr { color: #fff; font-weight: bold; /*background-color: #333333;*/ text-align: left; padding: 4px; margin:0; border:0; }

.NPAGridBrowsePager { text-align: right; }

	.NPAGridBrowsePager td { height: 30px; padding: 6px 8px 0 0; border-right: solid 1px #666666; border-left: solid 1px #666666; border-bottom: solid 1px #666666; border-top: solid 0 #666666; }

.lastBidLink { text-decoration: none !important; }

.NPAGridBrowseAltRow td, .NPAGridBrowseRow td { height: 60px; color: #fff; border: 1px solid #666666; vertical-align: top; padding: 0 5px 0 2px; border-collapse: collapse; background-color: #333333; }

.NPAGridBrowseAltRow td { background-color: #585756; }

td.NPAGridBrowseCellThumbnail { padding: 5px; }

.tools td { color: #000; }

.tools a { color: #fff; font-weight: bold; font-size: 12px; }

.topnav td, .topnav a { font-weight: normal; font-size: 10px; color: #fff; }

.goback { width: 150px; background-color: #cdcdcd; padding-left: 20px; height: 32px; line-height: 32px; }

	.goback a { color: #f00; }


/* Item Details */
.timeremaining { color: #FA6600; }

.timeremainingurgent { color: #FF0000; }

.imageViewer { cursor: pointer; }

.noline a:link,
.noline a:visited,
.noline a:hover,
.noline a:active { text-decoration: none; /*color:#000;*/ }

.showImage { background-color: #fff; }

.fileinputlabel { font-weight: bold; width: 150px; text-align: right; }

.checkboxlist { padding: 0 5px; }

/* Bid Page */
.itemDetailWrap { width: 100%; padding: 5px; }

	.itemDetailWrap div { color: #fff; }

.itemDetailTabStrip { background-color: #333333; }

.placeBidTabContent, .tabContent { width: 100%; }

.halfWidthLeft { width: 50%; text-align: left; }

.bottomBorder { border-bottom: 1px solid #000; }

.placeBidTabContent { border-top: 1px solid #000; }

.tabContent td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px; }

.tabHeader { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FA6600; text-align: center; font-weight: bold; padding: 5px 7px 4px 7px; border-bottom: 1px solid #000; }

.vehicleInfo { border: 1px solid #FA6600; background-color: #000; font-weight: bold; text-align: center; color: #FA6600; padding-top: 2px; font-size: 13px; font-weight: bold; height: 24px; font-family: Arial, Helvetica, sans-serif; }

.tabDetailRow .label, .tabDetailAltRow .label, .tabDetailRow .leftLabel, .tabDetailAltRow .leftLabel { text-align: right; font-weight: bold; }

.tabDetailRow { background-color: #333333; }

/*.tabContent .leftLabel 
{
    width: 100px;
}*/
.tabDetailAltRow { background-color: #585756; }

.placeBidTabContent { background-color: #333333; }

	.placeBidTabContent tr td { padding: 3px; }

	.placeBidTabContent .label { text-align: right; font-weight: bold; width: 50%; }

.conditionReport { width: 100%; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #000; }

	.conditionReport .label { text-align: right; font-weight: bold; width: 165px; }

	.conditionReport .score { width: 15px; text-align: center; }

	.conditionReport .option { text-align: left; }

	.conditionReport .comments { text-align: left; }

.crTitleDiv { border-right: 1px solid #000; border-left: 1px solid #000; text-align: left; padding: 5px; }

.tabStrip { background-color: #333333; margin-bottom: 12px; }

.lastChanceControls { width: 90%; }

	.lastChanceControls td { width: 33%; text-align: center; }

.rgHoveredRow { background-image: none !important; background-color: #d7f0fc !important; }

.rgMasterTable { border-bottom: 1px solid #000; }

.highBidStar { position: relative; top: 3px; left: 4px; }

.thingstoknow { background-color: #333333; border: 1px solid #000; }

.noFranchise { border: 2px solid #000; color: #000; }

/* Home Related */
/*.homepage { }*/

.title { font-weight: bold; font-size: 18px; }

.homePageTable { border-collapse: separate; border-spacing: 10px; }

	.homePageTable td { font-size: 12px; }

.iconLeftTD { padding-bottom: 3px; border-bottom: 1px solid #FA6600; text-align: left; vertical-align: bottom; width: 35px; height: 40px; }

.iconRightTD { padding-bottom: 3px; border-bottom: 1px solid #FA6600; text-align: left; width: 35px; height: 40px; vertical-align: bottom; }

.titleRightTD { padding-bottom: 5px; border-bottom: 1px solid #FA6600; text-align: left; padding-left: 5px; padding-right: 20px; margin-left: 5px; width: 400px; vertical-align: bottom; }

.titleLeftTD { padding-bottom: 5px; border-bottom: 1px solid #FA6600; text-align: left; padding-left: 5px; width: 350px; vertical-align: bottom; }

	.titleLeftTD a:link,
	.titleRightTD a:link { text-decoration: none; color: #fff; }

	.titleLeftTD a:hover,
	.titleRightTD a:hover { text-decoration: none; color: #FA6600; display: block; }

	.titleLeftTD a:active,
	.titleRightTD a:active { text-decoration: none; }

	.titleLeftTD a:visited,
	.titleRightTD a:visited { text-decoration: none; }

.homePageServiceRight { vertical-align: top; padding-top: 5px; width: 450px; padding-left: 5px; }

.homePageServiceLeft { vertical-align: top; padding-top: 5px; width: 375px; padding-left: 5px; }

/* End Home */

/* Value Detail Page */
.valuedetailtime { color: #FA6600; font-weight: bold; }

.valuedetaillocation { color: #FA6600; font-weight: bold; }

/* Category Browse */
.categorybrowse img { border: 1px solid #333333; }

	.categorybrowse img:hover { border: 1px solid #FA6600; }

a.categorytext:hover { color: #FA6600; }

/* Telerik Overrides */
div.RadGrid_Default .rgRow { background-color: #333333; }

div.RadGrid_Default .rgAltRow { background-color: #585756; }

.RadTabStrip_Default a.rtsTxt { color: #000000; }

.RadTabStrip_Default a.rtsLink { color: #000000; }

div.RadGrid_Default .rgRow td { color: #fff; border-bottom: 1px solid #666666; }

div.RadGrid_Default .rgAltRow td { color: #fff; border-bottom: 1px solid #666666; }

div.RadGrid_Default { background-color: #333333; }

	div.RadGrid_Default .rgRow a { color: #fff; }

	div.RadGrid_Default .rgAltRow a { color: #fff; }

	div.RadGrid_Default th.rgHeader { color: #fff; background-color: #FA6600; background-image: none; }

th.tblHeader { color: #fff; background-color: #FA6600; background-image: none; padding-top: 4px; padding-bottom: 4px; }

/* Terms Note */
.note { color: #FA6600; }

a.note:link, a.note:visited, a.note:active, a.note:hover { color: #FA6600; }

.regBorder { border-right: 1px solid grey; width: 1px; }

.InventoryItemNext { width: 100px; margin: 0; padding: 0; height: 20px; }

.inventoryItemStep1,
.inventoryItemStep2 { margin-left: auto; margin-right: auto; border-collapse: collapse; }

	.inventoryItemStep1 th,
	.inventoryItemStep2 th { font-weight: bold; }

	.inventoryItemStep2 td,
	.inventoryItemStep2 th,
	.inventoryItemStep1 td,
	.inventoryItemStep1 th { padding: 5px; }

/* Info Related Must be at bottom in order to prevent being overridden */
.infoPopupImgDiv { text-align: center; vertical-align: bottom; display: inline; padding:0; border:0; color: #000; }

.infoPopupImg { vertical-align: bottom; padding:0; width: 16px; height: 16px; }

.infoPopup { position: absolute; visibility: hidden; background-color: #fff; border: 2px solid #e8e8e8; }

.infoPopupHeader { height: 24px; margin-top: 2px; text-align: right; padding-right: 5px; padding-top: 5px; background-color: #000; }

.infoPopupClose { height: 20px; text-align: right; color: #000; }

.infoPopupCloseImg { height: 12px; margin-top: 2px; text-align: right; vertical-align: middle; padding-right: 2px; border: none; padding-bottom: 2px; }

.infoPopupHeaderImage { margin-top: 2px; }

.infoPopupText { color: #000 !important; font-weight: normal !important; font-family: Geneva, sans-serif; padding: 5px; text-align: left; font-size: 10px; white-space: pre-wrap; }

.instaVIN { background-color: #585756; text-align: center; vertical-align: bottom; padding-bottom: 3px; border-left: 1px solid #000; border-right: 1px solid #000; line-height: 40px; height: 40px; }

	.instaVIN a { text-decoration: none; vertical-align: bottom; }

	.instaVIN img { vertical-align: middle; padding-right: 5px; width: 92px; height: 30px; }

	.instaVIN span { font-weight: bold; vertical-align: bottom; }

.pageTitleText { display: none; }

.sellVehicleLink { color: #fff !important; text-decoration: none; }

.sellInputAuctionDetails { display: none; }

a.sellValueGuideLink { color: #FA6600 !important; white-space: nowrap; font-weight: bold; }

/* ------------------------------------------------------------------------------------------ */
/* jQuery UI style overrides. */
.ui-widget-content a { text-decoration: underline; color: #fff; }

.ui-datepicker { font-size: 12px; }

.ui-widget-overlay {
	background-image: none; background-color: #999999;
	-ms-opacity: .6;
	opacity: .6; 
	filter: Alpha(Opacity=60);
}

.ui-widget-header { border:0; }

/*.ui-dialog .ui-dialog-content {  }*/

.ui-dialog .ui-dialog-buttonpane { text-align: center; margin: 0; }

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }

	.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 2em; }

.ui-button .ui-button-text { color: #666699; padding-top: 0.1em; padding-bottom: 0.2em; font-weight: bold; font-family: Arial, Helvetica, sans-serif }

/* jquery-ui tabs default width and height styles.  Override these for a page-specific tab size. */
.amstab { width: 870px; }
	/* Overall width of tabs box */
	.amstab .ui-tabs-panel { height: 290px; }
	/* Overall height of tab panels */
	.amstab .amsTabContent { height: 280px; width: 850px; overflow: auto !important; }
/* height and width of auto scrolling tab content */

/* AMS overrides to the jquery-ui tabs, to maintain current look and feel.*/
.ui-tabs.ui-widget-content { background-color: transparent; background-image: none; border: none; }

.ui-tabs .ui-tabs-panel { border-width: 0 1px 1px 1px; border-color: #666666; border-style: solid; padding: 8px 5px 2px 8px; }

.ui-tabs .ui-tabs-nav li a:link { color: #42454a; }

.ui-tabs .ui-tabs-nav li a:visited { color: #42454a; }

.ui-tabs .ui-tabs-nav li a:hover { background-color: #f1f0ee; }

.ui-tabs .ui-tabs-nav li.ui-state-default { border: none; }

.ui-tabs .ui-tabs-nav { background-color: transparent; background-image: none; font-family: 'Trade Gothic LT Std', Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; border-bottom-color: #666666; border-bottom-width: 1px; border-bottom-style: solid; }

	.ui-tabs .ui-tabs-nav li { background-color: transparent; background-image: none; list-style: none; margin:0; display: inline; }

		.ui-tabs .ui-tabs-nav li a { background-color: #dedbde; background-image: none; border-width: 1px 1px medium; border-style: solid solid none; border-color: #666666 #666666; padding: 3px 0.5em; text-decoration: none; margin-left: 3px; }

		.ui-tabs .ui-tabs-nav li.ui-tabs-active a { background-color: #FA6600; color: #000000; font-weight: bold; border-bottom-width: 0; margin-bottom: -4px; padding-bottom: 4px; }

/* Corrections to tab contents under the ui-widget and ui-widget-content classes. */
.ui-widget, .ui-widget-content { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

	.ui-widget-content input, .ui-widget-content button, .ui-widget-content textarea, .ui-widget-content select, .ui-widget-content .input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 2px; }

	.ui-widget-content input, .ui-widget-content button, .ui-widget-content textarea, .ui-widget-content .input { padding-top: 3px; }

		.ui-widget-content input[type=submit], .ui-widget-content input[type=reset] { padding: 3px 10px 3px 10px; text-align: center; cursor: pointer; }

/* END: jQuery UI style overrides. */
/* ------------------------------------------------------------------------------------------ */

/*** Transport tabs ***/

ul#TransportTabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 15px 0; width: 100%; }

	ul#TransportTabs li { display: inline; }

		ul#TransportTabs li a { color: #FFFFFF; background-color: #666666; border: 1px solid #000000; font-size: 12px; border-bottom: none; padding: 14px; text-decoration: none; }

			ul#TransportTabs li a:hover { background-color: #c0c0c0; }

	ul#TransportTabs:after { content: ''; display: inline-block; width: 100%; }

	ul#TransportTabs li a.selected { color: #FFFFFF; background-color: #000000; font-weight: bold; padding: 14px; }

div.TransportTabContent { border: 1px solid #000000; width: 100%; float: left; }

	div.TransportTabContent.hide { display: none; }

.transportTabContainer { width: 100%; }

.transportTabChild { float: left; width: 24.5%; text-align: center; background-color: #666666; border: 1px solid #c9c3ba; border-bottom: none; cursor: pointer; line-height: 3.5em; }

.transportTabChild-selected { background-color: #FA6600; }

.transportTabChild-hover:hover { background-color: #c0c0c0; }

.transportTabChild h3 { font-size: 12px; color: #FFF; text-transform: uppercase; }

.TransportTabContent { border: 1px solid #C51E0B; width: 100%; float: left; padding: 10px; }

/*** End Transport tabs ***/

table.SimulcastForm,
table.ExchangeValueGuide { width: 100%; border: 1px solid #000; }

.SimulcastForm td,
.SimulcastForm th { padding: 3px; margin: 0; vertical-align: middle; border: 1px solid #000; border-bottom: 0 solid #000; padding-left: 15px; text-align: center; }

.SimulcastForm span { white-space: nowrap; }

.SimulcastForm th { background-color: #FA6600; font-weight: bold; color: #000; }

.SimulcastFormBoxHighlight { background-color: #D8D8D8; font-weight: bold; color: #000; border: 1px solid #000; }

.scastPreviewRow { background-color: #848484; }

.scastPreviewAltRow { background-color: #666666; }

.SimucastBidderInfoTable { width: 100%; }

	.SimucastBidderInfoTable td { background-color: #848484; height: 50px; vertical-align: middle; text-align: center; }

.newsHead { color: #FA6600; font-weight: bold; font-size: 12px; }

.BatteryToolTip { z-index: 100; width: 255px; background-color: White; color: black; padding: 10px; border-color: Black; border-width: thin; border-style: solid; position: absolute; /*margin:300px 0 0 50px;*/ }

.valueGuidInfo { font-weight: bold; color: white; }

/* ------------------------------------------------------------------------------------------ */
/* END: Class styles */
/* ------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------ */
/* Element ID styles */
/* ------------------------------------------------------------------------------------------ */

#topheaderleft { height: 100%; width: 45%; float: left; }

#topheaderleftinner { padding: 25px 0 0 10px; visibility: hidden; }

#divARAgingInformation { color: #fff; }

#divEditInformation { padding-left: 20px; padding-right: 20px }

#timeRemaining td { font-size: 1.3em; }

/* Simple Modal */
#basic-modal-content { display: none; }

/* Overlay */
#simplemodal-overlay { background-color: #000; cursor: wait; }

/* Container */
#simplemodal-container { height: 300px; width: 600px; color: #bbb; background: url(Images/bid-background.jpg) no-repeat; border: 4px solid #444; }

	#simplemodal-container .simplemodal-data { padding: 50px 8px 0 8px; }

	#simplemodal-container code { background: #141414; border-left: 3px solid #65B43D; color: #bbb; display: block; font-size: 12px; margin-bottom: 12px; padding: 4px 6px 6px; }

	#simplemodal-container a { color: #ddd; }

		#simplemodal-container a.modalCloseImg { background: url(Images/x.gif) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -16px; cursor: pointer; }

	#simplemodal-container h3 { color: #84b8d9; }

#container { position: absolute; top: 400px; margin-top: -200px; /* half of #content height*/ left: 0; width: 100%; }

#divThankYou { width: 624px; margin-left: auto; margin-right: auto; height: 100px; }

#divThankYouReg { width: 624px; margin-left: auto; margin-right: auto; height: 200px; }

/*#pForgottenLogin {*/ /* display: none; */ /*}*/

#divVinSuggestDialog { background-color: #333; }

/* ------------------------------------------------------------------------------------------ */
/* END: Element ID styles */
/* ------------------------------------------------------------------------------------------ */

span.EventReg { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; padding-left: 10px; height: 40px; }


input[type="text"].EventReg {
	margin-left: 10px; width: 300px; height: 20px; margin-top: 5px; border: 1px solid #ccc;
	-ms-border-radius: 4px;
	border-radius: 4px; padding: 4px 7px; outline: 0; -webkit-appearance: none;
}

/*
input[type="submit"].EventReg{
    font-family: Helvetica, Arial, sans-serif;
    font-size:12pt;
    margin-left:10px;
    width:95px;
    height:30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
}
*/
div#divEventSubmit.EventReg {
	background: url(/App_Themes/HD/images/eventSubmit.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; margin-left: 10px; width: 82px; height: 22px; float: left;
	-ms-border-radius: 4px;
	border-radius: 4px; padding: 4px 7px; outline: 0; cursor: pointer; -webkit-appearance: none;
}

div#divEventReset.EventReg {
	background: url(/App_Themes/HD/images/eventReset.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; margin-left: 10px; width: 82px; height: 22px; float: left;
	-ms-border-radius: 4px;
	border-radius: 4px; padding: 4px 7px; outline: 0; cursor: pointer; -webkit-appearance: none;
}

/*** Start CSS for Multi-Consign ***/

td.ConsignLeftLabel { text-align: right; vertical-align: top; width: 80px; height: 20px; font-weight: bold; }

td.ConsignRight { text-align: left; vertical-align: top; }

table.ConsignLeft { width: 51%; float: left; }

table.ConsignRight { width: 45%; float: right; border-left-color: #CCCCCC; border-left-width: 2px; border-left-style: solid; }

.ConsignDiv { width: 100%; }

.BatteryToolTip { z-index: 100; width: 255px; background-color: White; padding-left: 2px; padding-bottom: 2px; padding-right: 2px; padding-top: 2px; border-color: Black; border-width: thin; border-style: solid; }

.HeaderDiv { width: 49%; float: left; }

.RemovePointer { cursor: pointer; }

.VinSuggestDisclaimer { background-color: #e3e3de; color: #000000; }

#lblYMMv { white-space: normal; }

input.ReadOnly { background-color: #E0E0E0; }

#VINSuggestContainer { display: none; position: absolute; margin-left: 163px; padding: 10px; width: 520px; background-color: black; border: 1px solid #666; z-index: 1000; }

#divChangeYMM { display: none; position: absolute; margin-left: 163px; padding: 10px; width: 520px; background-color: black; border: 1px solid #666; z-index: 1000; }

#tblVINSuggestion { background-color: black; width: 520px; }

.VINSuggestHeader { width: 49%; float: left; color: white; font-size: 14px; font-weight: bold; }

#spnTitle { color: white; }
/*** End CSS for Multi-Consign ***/

/* Begin CSS for Registration */
.login-h1 { color: #FA6600; }

.alert { border-color: #FA6600 !important; }

.alert-danger { background: #000 !important; color: #FA6600 !important; }

.input-error { border-color: #FA6600; }

label.input-error, .required-field { color: #FA6600; }

.funkyradio label.input-error { border-color: #FA6600; }

iframe.input-error { border-color: #FA6600; }

.password-requirements { color: #FA6600; }

.npa-btn { background-color: #FA6600; }

	.npa-btn:hover { background-color: #ed7f49; }

	.npa-btn[disabled] { background-color: #e9ac8e; border-color: #e9ac8e; }

.funkyradio-npa input[type="checkbox"]:checked ~ label:before { color: #fff; background-color: #FA6600; }

.section-header-container { background-color: #FA6600; }

.section-header-text { color: #000000; }

.sub-section-header { background-color: #565656; color: #fff; }

.funkyradio-npa a { color: #000 !important; }

.ui-tooltip { color: #000000; }

.modal-header { background-color: #FA6600; }

.modal-body, .modal-body a { color: #000000 !important; }

#secMainContainer label.error { color: #FA6600; }

#secMainContainer .form-control.error { border: 1px solid #FA6600; }

#formContainer label.error { color: #FA6600; }

#formContainer .form-control.error { border: 1px solid #FA6600; }

.panel { border: 1px solid #FA6600 !important; background-color: #fff !important; }

.panel-special { border-color: #FA6600; background: #000; color: #000; }

	.panel-special > .panel-heading { color: #ffffff; background-color: #FA6600; }

/* End CSS for Registration */

#passwordRules table td, #passwordRules table th { color: #000; }

#modalPasswordRequirements table td, #modalPasswordRequirements table th, #modalPasswordRequirements .modal-body { color: #FA6600 !important; font-weight: bold; }

.value-guide-blurred { background: url('images/value-guide-blurred.jpg') no-repeat 2px 2px; width: 650px; height: 600px; position: relative; }
.npa-subscription-box { width: 500px; height: 150px; text-align: center; -ms-border-radius: 6px; border-radius: 6px; box-shadow: 5px 5px 15px #000; position: absolute; left: 75px; top: 100px; color: #fff; background-color: #FA6600; }
.subscription-box-header { color: #FA6600; background-color: #000; font-family: Oswald,sans-serif; text-transform: uppercase; font-size: 14px; padding: 20px 0; line-height: 18px; -ms-border-top-right-radius: 6px; border-top-right-radius: 6px; -ms-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.lg-button { padding: 0 10px !important; width: initial !important; font-size: 0.8rem; line-height: 1.5; border-radius: 0.3rem; margin-top: 17px; }

.lnk-blue, .lnk-blue:visited { color: #FA6600 !important; }

/*.foreverblur { text-shadow: 0 0 4px #606060; color: transparent; }*/
.foreverblur { text-shadow: 0 0 4px #ffffff; color: transparent !important; }

.npa-html-table thead tr th { background-color: #FA6600; }
.npa-html-table tbody > tr { color: #fff; border: 1px solid #666666; background-color: #333333; }
	.npa-html-table tbody > tr:nth-child(even) { background-color: #585756; }
