/* Default CSS Stylesheet for a new Web Application project */

html { overflow-y: scroll; }

img { border: none; }

/* Grid embellishments */
.Year { color: #000; font-weight: bold; }

.Make { color: #000; font-weight: bold; }

.Model { color: #000; }

.Bidder { color: #06C; font-size: 9px; }

.Location { color: #000; font-size: 9px; }

.Location2 { color: #000; font-size: 9px; font-weight: bold; border-top: 2px; }

.VIN { color: #000; font-size: 9px; font-weight: bold; }

.Mileage { color: #000; font-size: 9px; font-weight: bold; }

.AuctionLane { color: #000; }

/*--------------------------------------Additional CSS----------------------------------------------------------*/

table { border-collapse: collapse; }

.salesBorder { border: 1px solid #000; }

.contactUsLinks { font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: underline; color: #06F; }

.contactUsImages { border: 1px solid #000; }

.transheader { background-color: #eaeaea; width: 90%; font-size: 13px; height: 22px; vertical-align: middle; line-height: 22px; font-weight: bold; }

.contactHeader { background-color: #999; width: 100%; font-size: 12px; height: 22px; vertical-align: middle; line-height: 22px; padding-left: 9px; font-weight: bold; }

.subMenuVerticleLine { background-image: url(../../Images/circle.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 { background-image: url(toolbar.png); }

.headerHomeLink { display: none; }

.headerNpaHomeLink { display: inline; }

.footer td { background-color: #000; font-size: 10px; color: #fff; border-top: 1px solid #f00; margin-top: 9px; padding-top: 3px; padding-right: 8px; padding-left: 10px; height: 60px; }

.footerCopyright { padding-top: 5px; }

.footerNpaImage { border: 0; position: relative; top: 10px; right: 8px; }

.bodyBkg { background-image: url(../../Images/bodyBkg2.gif); background-repeat: repeat-x; background-position: top; }

.headerText { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #fff; }



/*--------------------------------------End of Additional CSS----------------------------------------------------------*/
td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-style: normal; line-height: 15px; font-weight: normal; }

body { background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; font-style: normal; line-height: 16px; 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 }

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 }

.input { font-size: 8pt }



.menutype a { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; }

.asterisk { font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #f00; text-decoration: none; }

a:link { text-decoration: underline; color: #000; }

a:visited { text-decoration: underline; color: #000; }

a:hover { text-decoration: underline; color: #000; }

a:active { text-decoration: underline; color: #000; }


/* was inline */
.headernav { height: 100%; width: 45%; float: right; }

.redHeader { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #F00; }

.grayPixel { width: 710px; height: 1px; }

.topheader { background-image: url(Images/Logo.Top.v2.jpg); background-repeat: no-repeat; background-color: #000; color: #fff; padding: 10px; height: 50px; vertical-align: 15; line-height: 30px; border-bottom: 2px solid #f00; }

	.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: #f00; text-decoration: none; }

.topheadertoolbar { line-height: 35px; text-align: right; vertical-align: bottom; }

#topheaderleft { height: 100%; width: 55%; float: left; }

#topheaderleftinner { padding: 25px 0px 0px 10px; visibility: hidden; }

.thinBorder { border: 1px solid #666; }



/* The Detail Page */
.Search { background-image: url(../../Images/searchImage.gif); color: #fff; border: 1px solid #000; margin-top: 20px; }

.mastertable2maincontent { min-height: 450px; _height: auto !important; height: 450px; width: 900px; border: 0px; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 35px; background-color: #fff; }

.mastertablelayout1 { width: 900px; background-color: #FFF; border: 1px solid #666; }


.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; }

/* SignOn */
.SignOnDialog { margin-bottom: 200px; }

	.SignOnDialog td { padding: 5px; font-weight: bold; }

	.SignOnDialog table { padding: 0px 0px 0px 0px; }

/* My Account  */

.MyAccountInformation { color: #000; }

	.MyAccountInformation td.FormLabel,
	.MyAccountInformation th.FormLabel { width: 80px; }

.EditInformation td.FormLabel,
.EditInformation th.FormLabel { width: 80px; }

.bidderaccessyes { color: Green; cursor: pointer; }

.bidderaccessviewonly { color: Red; cursor: pointer; }

/* Forms */
#divARAgingInformation { color: #fff; }

#divEditInformation { padding-left: 20px; padding-right: 20px }


table.ExchangeForm,
table.ExchangeValueGuide { width: 100%; border: 1px solid #000; }

.ExchangeForm td,
.ExchangeForm th,
.ExchangeValueGuide td,
.ExchangeValueGuide th { color: #000; padding: 3px; margin: 0; vertical-align: top; border: 1px solid #000; }

.ExchangeForm td,
.ExchangeForm th { text-align: left; }

.ExchangeValueGuide td,
.ExchangeValueGuide th { text-align: center; }

.ExchangeForm th,
.ExchangeValueGuide th { background-color: #B3B3B3; }

.ExchangeForm span { white-space: nowrap; }

td.FormLabel,
th.FormLabel { font-weight: bold; text-align: right; height: 28px; }

/* Form Section Heading */
h5 { font-size: 9pt; margin-top: 15px; padding: 5px; margin-bottom: 1px; background-color: #000; color: #fff; height: 15px; }

	h5 a:link { color: #f00; float: right; }

	h5 a:active { color: #f00; float: right; }

	h5 a:visited { color: #f00; float: right; }

	h5 a:hover { color: #900; float: right; }

	h5 label { float: left; }

/* Filter/Search at top of Grid pages */
table.Search { width: 100%; background-color: #000; }

.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: #b3b3b3; border-color: #4c4c4c; border-style: solid; border-width: 1px; padding-bottom: 3px; border-collapse: collapse; }

	.NPAGridBrowseHeader a:link,
	.NPAGridBrowseFooter a:link,
	.NPAGridBrowseHeaderCount a:link,
	.NPAGridBrowseHeader a:visited,
	.NPAGridBrowseFooter a:visited,
	.NPAGridBrowseHeaderCount a:visited,
	.Search a:link,
	.Search a:visited { color: #000; font-weight: bold; text-decoration: none; }

	.NPAGridBrowseHeader a:hover,
	.NPAGridBrowseFooter a:hover,
	.NPAGridBrowseHeaderCount a:hover,
	.Search a:hover { text-decoration: underline; color: #ff0000; }

table.NPAGridBrowseHeaderCount { width: 100%; margin: 0px; border: 0px; }

.NPAGridBrowseHeaderCount td,
.NPAGridBrowseHeaderCount tr { color: #900; background-color: #fff; text-align: left; padding: 4px; margin: 0px; border: 0px; }

.NPAGridBrowsePager { background-color: #000; text-align: right; }

	.NPAGridBrowsePager td { height: 30px; padding: 6px 8px 0 0; border: 1px solid #000; }

.lastBidLink { text-decoration: none !important; }

.NPAGridBrowseAltRow td, .NPAGridBrowseRow td { height: 60px; background-color: #fff; color: #000; vertical-align: top; border-right: solid 1px #333; border-left: solid 1px #333; border-bottom: solid 1px #333; padding: 0 5px 0 2px; border-collapse: collapse; }

.NPAGridBrowseAltRow td { background-color: #e9e9e9; }

td.NPAGridBrowseCellThumbnail { padding: 5px; }

.tools td { color: #000; }

.tools a { color: #000; }

.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: green; }

.timeremainingurgent { color: #FF0000; }

.imageViewer { cursor: pointer; }

.noline a:link,
.noline a:visited,
.noline a:hover,
.noline a:active { text-decoration: none; }

.showImage { background-color: #fff; }

.fileinputlabel { font-weight: bold; width: 150px; text-align: right; }

.checkboxlist { padding: 0px 5px 0px 5px; }

/* Bid Page */
.itemDetailWrap { width: 100%; border: 1px solid #000; padding: 5px; }

.placeBidTabContent, .tabContent { width: 100%; }

.halfWidthLeft { width: 50%; text-align: left; }

#timeRemaining td { font-size: 1.3em; }

.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: #999; text-align: center; font-weight: bold; padding: 5px 7px 4px 7px; border-bottom: 1px solid #000; }

.vehicleInfo { text-align: center; background-color: #000; font-weight: bold; color: #fff; padding-top: 2px; font-size: 13px; height: 24px; font-family: Arial, Helvetica, sans-serif; }

.tabDetailRow .label, .tabDetailAltRow .label, .tabDetailRow .leftLabel, .tabDetailAltRow .leftLabel { text-align: right; font-weight: bold; }
.tabDetailAltRow { background-color: #ccc; }

.placeBidTabContent { background-color: #fff; }

	.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 { 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; }

.rgHeader { background-image: none !important; background-color: #999 !important; }

.rgRow { background-color: #ffffff !important; }

.rgAltRow { background-color: #cccccc !important; }

/* Telerik Overrides */
div.RadGrid_Default .rgRow { background-color: #ffffff; }

div.RadGrid_Default .rgAltRow { background-color: #cccccc; }

div.RadGrid_Default .rgRow td { color: #000; }

div.RadGrid_Default .rgAltRow td { color: #000; }

div.RadGrid_Default { background-color: #ffffff; }

	div.RadGrid_Default .rgRow a { color: #000; }

	div.RadGrid_Default .rgAltRow a { color: #000; }

	div.RadGrid_Default th.rgHeader { color: #000; }

/* End Telerik */

/* Item Detail */
.highBidStar { position: relative; top: 3px; left: 4px; }

.thingstoknow { background-color: #e3e3de; border: 1px solid #000; }

.noFranchise { border: 2px solid #000; color: #000; }

/* End Item Detail */

/* Value Detail Page */
.valuedetailtime { color: #f00; font-weight: bold; }

.valuedetaillocation { color: #f00; font-weight: bold; }

/* 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/reg-bid-background.jpg); background-repeat: no-repeat; border: 4px solid #444; }

	#simplemodal-container .simplemodal-data { padding: 60px 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; }

.note { color: #F00; }

a.note:link, a.note:visited, a.note:active, a.note:hover { color: #F00; }

.regBorder { border-right: 1px solid grey; }

#container { position: absolute; top: 50%; margin-top: -200px; left: 0; width: 100%; }

#divThankYou { width: 624px; margin-left: auto; margin-right: auto; height: 395px; }

#divThankYouReg { width: 624px; margin-left: auto; margin-right: auto; height: 200px; }

.infoPopupImgDiv { text-align: center; vertical-align: bottom; display: inline; padding: 0px; border: 0px; }

.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; }

.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: #000000; font-family: Verdana, Geneva, sans-serif; padding: 5px; text-align: left; font-size: 10px; white-space: pre-wrap; }

.tblThingsToKnow { background-color: #E2E3DD; }

.instaVIN { background-color: #ccc; 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; }

#pForgottenLogin { }

#divVinSuggestDialog { background-color: #fff; }

/* ------------------------------------------------------------------------------------------ */
/* jQuery UI style overrides. */

.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; background-image: none; background-color: #666699; }

.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; padding-top: 15px; padding-left: 10px }
/* 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: #f1f0ee; 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 input { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget select { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget textarea { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget a { font-family: inherit; font-size: inherit; color: inherit; }

	.ui-widget a:active { font-family: inherit; font-size: inherit; color: inherit; }

	.ui-widget a:hover { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget-content input { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget-content select { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget-content textarea { font-family: inherit; font-size: inherit; color: inherit; }

.ui-widget-content a { font-family: inherit; font-size: inherit; color: inherit; }

	.ui-widget-content a:active { font-family: inherit; font-size: inherit; color: inherit; }

	.ui-widget-content a:hover { font-family: inherit; font-size: inherit; color: inherit; }

/* 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 ***/

.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: #000; }

.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; }

#divRegistrationContainer * { box-sizing: border-box; }

.panel { border: 1px solid #444 !important; background-color: #fff !important; }
.panel-special { border-color: #444; background: #000; color: #000; }
	.panel-special > .panel-heading { color: #ffffff; background-color: #444; }

.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: #B3B3B3; }
.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 #000000; color: transparent !important; }

.npa-html-table thead tr th { background-color: #8A9199; font-weight: bold; color: #000; }
.npa-html-table tbody > tr { color: #000; border: 1px solid #666666; background-color: #fff; }
	.npa-html-table tbody > tr:nth-child(even) { background-color: #e9e9e9; }

.footer td a { color: #ffffff; }