﻿/* 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; }

	td > select { color: red !important; }

body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; font-style: normal; font-weight: normal; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

.bodySubHeader { font-size: 11px; color: #000; font-weight: bold; text-align: right; width: 20%; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; font-weight: bold; margin-top: 3px; margin-bottom: 0; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; margin-top: 3px; margin-bottom: 0; color: #FFD200; }

h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; margin-top: 0; margin-bottom: 0; }

h4 { font-family: Verdana, 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; }

.captchaLink { color: #fff !important; text-decoration: underline; }

/* Form Section Heading */
h5 { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 18px; margin-top: 15px; padding: 5px; margin-bottom: 1px; font-weight: bold; height: 15px; }

	h5 a:link { color: #FFD200; float: right; }

	h5 a:active { color: #FFD200; float: right; }

	h5 a:visited { color: #FFD200; float: right; }

	h5 a:hover { color: #fff; float: right; }

	h5 label { float: left; }

.activeLink { color: #FFD200; }
/* ------------------------------------------------------------------------------------------ */
/* END: HTML element styles */
/* ------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------ */
/* Class styles */
/* ------------------------------------------------------------------------------------------ */

/* Site.css overrides */

.section-header-container { background-color: #666; }

/* 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: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: underline; color: #ffca00; }

.contactUsImages { border: 1px solid #000; }

.transheader { font-weight: bold; color: #ffca00; width: 90%; font-size: 13px; height: 22px; vertical-align: middle; line-height: 22px; }

.contactHeader { border: 1px solid #000; font-weight: bold; width: 100%; font-size: 12px; height: 22px; vertical-align: middle; line-height: 22px; padding-left: 9px; }

.subMenuVerticleLine { background-image: url(../../Images/circleWhite.gif); background-position: center; background-repeat: 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 { }

.headerHomeLink { display: none; }

.headerNpaHomeLink { display: inline; }

.footer td { background-image: url('Images/BRP_DE_Logo_New.png'); background-repeat: no-repeat; background-position: left bottom; background-size: 200px 46px; font-size: 10px; color: #fff; margin-top: 9px; padding-top: 0; padding-right: 8px; padding-left: 10px; height: 60px; }

.footer tr { background-color: #000; }

.footerCopyright { padding-top: 30px; line-height: 10px; }

.footerNpaImage { border: 0; position: relative; top: 10px; right: 8px; }

.bodyBkg { background-color: #000; 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: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #000; text-decoration: none; }

.asterisk { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #FFD200; text-decoration: none; }

/* was inline */
.headernav { height: 100%; width: 63%; float: right; }

.redHeader { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F00; }

.grayPixel { width: 710px; height: 1px; }

.topheader { background-color: #000; color: #fff; padding: 0px 10px 0px 0px; height: 90px; vertical-align: top; line-height: 30px; }

	.topheader a:link,
	.topheader a:active,
	.topheader a:visited { font-family: Verdana, Geneva, sans-serif; color: #fff; text-decoration: none; }

	.topheader a:hover { font-family: Verdana, Geneva, sans-serif; color: #FFD200; text-decoration: none; }

.topheadertoolbar { /*padding-top: 40px;*/ text-align: right; vertical-align: bottom; white-space: nowrap; }

.thinBorder { border: 1px solid #666; background-color: #ffca00; }

	.thinBorder td { color: #000; }

/* The Detail Page */
/* TODO Cleanup Search */
.Search { color: #fff; /*border-collapse: separate;
	border:1px solid #000;*/ /*margin-top:20px;*/ }

/* master page: SiteNoMenu */
.MasterTableContentNoMenu { min-height: 200px; _height: auto !important; width: 700px; border: 0px; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 35px; background-color: #000; /*background-image: url(Images/hd-background.jpg);*/ background-size: 100%; background-repeat: no-repeat; }

.MasterTableLayoutNoMenu { background-color: #FFF; border: 1px solid #666; margin-top: 0px; padding-top: 0px; }

.mastertablelayout1 { width: 900px; background-color: #000; border: 1px solid #000; margin-top: 0px; padding-top: 0px; }

.mastertable2maincontent { min-height: 500px; _height: auto !important; height: 500px; width: 900px; border: 0px; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 35px; background-color: #000; }

.SiteNoMenuHeader { background-color: #000; }

.HeaderBar { color: #EEEEEE; font-family: Verdana, 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 { margin-bottom: 200px; }

	.SignOnDialog td { padding: 5px; font-weight: bold; }

	.SignOnDialog table { padding: 0 0 0 0; }

table.ExchangeForm,
table.ExchangeValueGuide { width: 100%; border: 1px solid #000; }

.ExchangeForm td,
.ExchangeForm th,
.ExchangeValueGuide td,
.ExchangeValueGuide th { color: #fff; padding: 3px; margin: 0; vertical-align: top; border: 1px solid #000; border-bottom: 0px 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: #ffca00; 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; }

/* Register */
.npa-btn { background-color: #ffca00; border-color: #ffca00; color: #000; }
	.npa-btn:hover { background-color: #d5bc01; }
	.npa-btn[disabled] { background-color: #777; border-color: #777; }

/* Simulcast */
.htmlEditor { font-size: 13px; }

/* My Account  */
.MyAccountInformation { color: #fff; }

	.MyAccountInformation td.FormLabel,
	.MyAccountInformation th.FormLabel { width: 80px; }

.EditInformation td.FormLabel,
.EditInformation th.FormLabel { width: 80px; }

.bidderaccessyes { color: #FFD200; cursor: pointer; }

.bidderaccessviewonly { color: Red; cursor: pointer; }

.lnk-blue { color: #ffca00 !important; }

/* 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: #fff; height: 16px; /*background-color: #FFD200;*/ background-color: #333333; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 0px solid #000; 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: #FFD200; 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: #fff; 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: 0px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; }

.NPAGridBrowseHeaderCount td,
.NPAGridBrowseHeaderCount tr { color: #fff; font-weight: bold; /*background-color: #333333;*/ text-align: left; padding: 4px; margin: 0px; border: 0px; }

.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 0px #666666; }

.lastBidLink { text-decoration: none !important; }

.NPAGridBrowseAltRow td, .NPAGridBrowseRow td { height: 60px; color: #fff; border: 1px solid #000; vertical-align: top; padding: 0 5px 0 2px; border-collapse: collapse; background-color: #666; }

.NPAGridBrowseAltRow td { background-color: #333; }

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: #FFD200; }

.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: 0px 5px 0px 5px; }

/* Bid Page */
.itemDetailWrap { width: 100%; padding: 5px; }

	.itemDetailWrap div { color: #000; }

.itemDetailTabStrip { background-color: #000; }

.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: #FFD200; text-align: center; font-weight: bold; padding: 5px 7px 4px 7px; border-bottom: 1px solid #000; color: #000; }

.vehicleInfo { border: 1px solid #FFD200; background-color: #000; font-weight: bold; text-align: center; color: #FFD200; 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: #848484; }

/*.tabContent .leftLabel 
{
    width: 100px;
}*/
.tabDetailAltRow { background-color: #666666; }

.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; color: #fff !important; }

.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 #FFF; color: #FFF !important; }

/* 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 #FFD200; text-align: left; vertical-align: bottom; width: 35px; height: 40px; }

.iconRightTD { padding-bottom: 3px; border-bottom: 1px solid #FFD200; text-align: left; width: 35px; height: 40px; vertical-align: bottom; }

.titleRightTD { padding-bottom: 5px; border-bottom: 1px solid #FFD200; 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 #FFD200; 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: #FFD200; 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; }

.BRPheaderhr { height: 4px; border: none; background-color: #ffca00; }

.BRPhr { height: 2px; border: none; background-color: #777; }

.myAccountHeaderLine { height: 2px; border: none; background-color: #777; display: block !important; }

.brp-vendors img { border: none; height: 57px; }

a.homeDivButtons { color: #fff; font-weight: bold; background-color: #1965d4; border: 1px solid #0040c0; border-top-color: #2c73df; border-left-color: #2c73df; margin-right: 0; margin-left: 7px; padding: 4px 8px; text-decoration: none; }

	a.homeDivButtons:hover { background-color: #0044CC; }

div.homeDivButtons { position: absolute; right: 15px; bottom: 9px; padding: 0; border: 0; text-align: right; }

div.homeDivButtonContainer { position: relative; float: left; width: 25%; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; line-height: 1.2; }

	div.homeDivButtonContainer span { margin-left: 5px; line-height: 0.3; }

div.homeDivButtonsHeader { border: 1px solid #999; margin-right: 12px; }

	div.homeDivButtonsHeader a { text-decoration: none; }

span.homeDivButtonsTitle { font-weight: bold; font-size: 30px; color: #333; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; line-height: 1.1 !important; margin-top: 5px; }

.clearfix { overflow: auto; clear: both; }

	.clearfix::after { content: ""; clear: both; display: table; }

/* End Home */

/* Login page */
/*.divLoginBrandImage {
    display: block !important;
    background: url("Images/home_image.png");
    width: 867px;
    height: 54px;
}*/
.terms-and-conditions { color: #000000 !important; }
/* end */
/* Value Detail Page */
.vinSmartDark { display: none !important; }
.vinSmartLight { display: block !important; }

.valuedetailtime { color: #FFD200; font-weight: bold; }

.valuedetaillocation { color: #FFD200; font-weight: bold; }

p.body { color: #fff; }

.how-it-works { color: #fff; }

/* Category Browse */
.categorybrowse img { border: 1px solid #333333; }

	.categorybrowse img:hover { border: 1px solid #FFD200; }

a.categorytext:hover { color: #FFD200; }

/* Telerik Overrides */
div.RadGrid_Default .rgRow { background-color: #666666; }

div.RadGrid_Default .rgAltRow { background-color: #848484; }

.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: #000; background-color: #FFD200; background-image: none; }

#divNoBidHistory { color: #fff !important; }

#divBuyNowAmount { color: #fff !important; }

th.tblHeader { color: #fff; background-color: #FFD200; background-image: none; padding-top: 4px; padding-bottom: 4px; }

/* Terms Note */
.note { color: #FFD200; }

a.note:link, a.note:visited, a.note:active, a.note:hover { color: #FFD200; }

.regBorder { border-right: 1px solid grey; width: 1px; }

.InventoryItemNext { width: 100px; margin: 0px; padding: 0px; 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: 0px; border: 0px; color: #000; }

.infoPopupImg { vertical-align: bottom; padding: 0px; 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: Verdana, Geneva, sans-serif; padding: 5px; text-align: left; font-size: 10px; white-space: pre-wrap; }

.instaVIN { background-color: #FFD200; 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: #FFD200 !important; white-space: nowrap; font-weight: bold; }

div.addRepMessage { font-size: 13px; }

/* ------------------------------------------------------------------------------------------ */
/* 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; opacity: .6; filter: Alpha(Opacity=60); }

.ui-widget-header { border: 0px; }

.ui-dialog .ui-dialog-content { background: url("../images/TanMarbleBkgd.gif"); }

.ui-dialog .ui-dialog-buttonpane { text-align: center; background-image: url("../images/TanMarbleBkgd.gif"); background-repeat: repeat; margin: 0 0 0 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: Verdana, 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: 0px 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, Verdana, 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: 0px; 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: #FFD200; 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; }
/*** 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: 0px solid #000; padding-left: 15px; text-align: center; }

.SimulcastForm span { white-space: nowrap; }

.SimulcastForm th { background-color: #FFD200; 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 { font-weight: bold; font-size: 12px; }

.BatteryToolTip { z-index: 100; width: 255px; background-color: White; color: #fff; 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: 37%; float: left; }

#topheaderleftinner { padding: 0px 0px 0px 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-image: url(Images/bid-background.jpg); background-repeat: no-repeat; border: 4px solid #777; }

	#simplemodal-container .simplemodal-data { padding: 50px 8px 0px 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; 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/BRP/images/eventSubmit.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; margin-left: 10px; width: 82px; height: 22px; float: left; border-radius: 4px; padding: 4px 7px; outline: 0; cursor: pointer; -webkit-appearance: none; }

div#divEventReset.EventReg { background: url(/App_Themes/BRP/images/eventReset.jpg) no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; margin-left: 10px; width: 82px; height: 22px; float: left; 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: #000; padding-left: 2px; padding-bottom: 2px; padding-right: 2px; padding-top: 2px; border-color: #fff; 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 ***/

.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: #FFD200; }
.transportTabChild-hover:hover { background-color: #c0c0c0; }

.transportTabChild h3 { font-size: 12px; color: #000; text-transform: uppercase; }

.TransportTabContent { border: 1px solid #C51E0B; width: 100%; float: left; padding: 10px; }

/* Begin CSS for Registration */
.modal-header { background-color: #777; color: #fff; }
.modal-body { color: #000; }
.funkyradio-npa input[type="checkbox"]:checked ~ label:before { background-color: #ffca00; color: #000; }

.panel { border: 1px solid #ffca00 !important; background-color: #fff !important; }
.panel-special { border-color: #ffca00; background: #000; color: #000; }
	.panel-special > .panel-heading { color: #ffffff; background-color: #ffca00; }

.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: #8A9199; }
.subscription-box-header { color: #fff; 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; }

.foreverblur { text-shadow: 0 0 4px #ffffff; color: transparent !important; }

.NPAGridBrowseRowValueGuide td, .NPAGridBrowseAltRowValueGuide td { height: 60px; color: #fff; border: 1px solid #000; vertical-align: top; padding: 0 5px 0 2px; border-collapse: collapse; background-color: #777; }
.NPAGridBrowseAltRowValueGuide td { background-color: #333; }

.npa-html-table thead tr th { background-color: #ffca00; font-weight: bold; color: #000; }
.npa-html-table tbody > tr { color: #fff; border: 1px solid #000; background-color: #777; }
	.npa-html-table tbody > tr:nth-child(even) { background-color: #333; }
