/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
}

body,table,tr,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.blueBk {
	background: #b3cee7;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 10px 5px;	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
}

p {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 5px 0px;
}

#profilePage p {
	margin: 15px 0px 0px 10px;
}

.profileIndent {
	padding-left: 10px;
}
.largeText {
	font-size: 18px;
	margin: 5px;
}
.restErrorText{
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}
.restSuccessText {
 color:green;
 font-size: 12px;
 font-weight: bold;
 
}
/* rounded edges */
.round {
	margin: 0px;
}

.roundBody {
	margin: 0px;
}

b.rtop,b.rbottom {
	display: block;
}

b.rtop b,b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
}

b.r1 {
	margin: 0 5px;
}

b.r2 {
	margin: 0 3px;
}

b.r3 {
	margin: 0 2px;
}

b.rtop b.r4,b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}

.displayBlock {
	display: block;
}

.displayNone {
	display: none;
}

/* Description Builder PopUp */
.roundedBoxTop {
	border-top: 1px solid #ccccff;
	background-color: #f3f3f3;
}

.roundedBoxBottom {
	border-bottom: 1px solid #ccccff;
	background-color: #f3f3f3
}

.roundedBoxContentLeft {
	border-left: 1px solid #ccccff;
	background-color: #f3f3f3;
}

.roundedBoxContentRight {
	border-right: 1px solid #ccccff;
	background-color: #f3f3f3;
}

.roundedBoxContentBorder {
	border: 0px 1px 0px 1px #ccccff;
	background-color: #F3F3F3;
	padding-top: 5px;
	white-space: nowrap;
}

.roundedBoxCorner {
	text-align: right;
}

.descQuestion {
	width: 175px;
}

.descColumn {
	width: 555px;
}

.descButton {
	padding: 0px 2px 0px 2px;
	cursor: pointer;
	cursor: hand;
}

.descButtonNoClick {
	padding: 0px 2px 0px 2px;
}

.divHR {
	border-bottom: 1px solid #cccccc;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
	width: 100%;
}

#pop .divHR {
	border-bottom: 1px solid #cccccc;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
	width: 100%;
}

div.section {
	margin-left: 10px;
	margin-bottom: 20px;
}

form {
	margin: 0px;
	padding: 0px;
}

.titleTop {
	background-color: #0099ff;
}

A:link {
	color: #336699;
	text-decoration: none;
}

A:visited {
	color: #336699;
	text-decoration: none;
}

A:active {
	color: #336699;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

.content {
	padding: 0px 10px 0px 10px;
}

.myLeadsContent {
	padding: 0px 0px 0px 0px;
}

.footer {
	background-color: #666666;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px;
	display: block;
	height: 30px;
	min-width: 760px;
}

.footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

.pageHeader {
	background-color: #0099ff;
	color: #FFFFFF;
	font-size: 24px;
	height: 40px;
	padding-left: 10px;
	white-space: nowrap;
}

.bulbTip {
	background-image: url(/images/bulb.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #FF9900;
	padding-left: 15px;
	padding-top: 5px;
	height: 16px;
}

.feedHealthImageGood {
	background-image: url(/images/imgGreenBkd.gif);
	background-repeat: repeatx;
	background-position: left;
}

.overriddenField {
   font-weight: bold;	
   color : blue;
}

.feedHealthImageBad {
	background-image: url(/images/imgRedBkd.gif);
	background-repeat: repeatx;
	background-position: left;
}

.feedHealthImageNoData {
	background-image: url(/images/imgYellowBkd.gif);
	background-repeat: repeatx;
	background-position: left;
}
.navigation {
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	float: right;
	text-align: right;
}

.navigationLeft {
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	float: left;
	text-align: right;
}

.navigationNoFloat {
	float:none;
	clear:both;
}

.navElement {
	padding: 0px 15px 0px 15px;
	vertical-align: middle;
}

.navButton {
	padding: 0px 15px 0px 15px;
	vertical-align: middle;
	text-decoration: none;
}

.sampleBox {
	border: 1px dotted #333333;
	background-color: #F1F1F1;
	width: 480px;
	padding: 10px;
	margin: 10px 0px 5px 0px;
	color: #666666;
}

.sampleBoxProfile {
	border: 1px dotted #333333;
	background-color: #F1F1F1;
	width: 480px;
	padding: 10px;
	margin: 10px 0px 5px 10px;
	color: #666666;
}

/* Adjust Prices Popup Page (Start Page), Mark As Sold Page - radio group */
div.indentedRadioGroup {
	margin-top: 10px;
	margin-left: 25px;
}

/* Adjust Prices Popup Page (Start Page) - radio group:table  */
table.radioGroupShadedFieldsSection {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #f3f3f3;
}

/* Mark As Sold Page - radio group:table  */
table.radioGroupFieldsSection {
	margin: 0px;
	padding-left: 10px;
}

/* Adjust Prices Popup Page (Start Page) - radio group:table:td */
table.adjustUserFieldsSection td {
	vertical-align: middle;
	padding-top: 5px;
}

/* Adjust Prices Popup Page (all 3 screens) - listing prices summary table */
table.currentPrices {
	padding-bottom: 5px;
}

/* Adjust Prices Popup Page (all 3 screens) - listing prices summary table:td */
table.currentPrices td {
	padding: 2px;
}

table.listingUpgradesTable {
	padding:8px;
	border: 1px solid #000000;
}
.ListingUpgrades {
	margin-top: 10px;
}
.ListingUpgrades .upgradeLabel {
	padding-left: 22px; 
}
.ListingUpgrades LABEL {
	margin-bottom: 5px;
}
.ListingUpgrades SPAN {
	color: #999999;
	display: block;
}

/* Email High Bidder Popup Page (all 3 screens) -  */
div.grayBox {
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	background-color: #f3f3f3;
}

/* edit hub */

.indent {
	padding-left: 5px;
	padding-bottom: 10px;
}

/* tools box */
div.tools {
	clear: both;
	line-height: 20px;
	height: 30px;
}

div.tools span.col {
	float: left;
}

div.tools span.colR {
	float: right;
	padding-top: 10px;
}

div.toolsPopup {
	padding: 10px;
	background-color: #FFFFFF;
	position: relative;
}

hr.tools {
	color: #0099ff;
	background-color: #0099ff;
	height: 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	clear: both
}

/* photo manager classes */
OL.photoSummary {
	list-style: none;
	margin-left: 0px;
	margin-top: 5px;
}

OL.photoSummary LI.emptyWell,OL.photoSummary LI.fullWell {
	margin-left: 5px;
	margin-bottom: 3px;
	float: left;
	width: 15px;
	height: 15px;
	background-image: url(/images/dealer/empty.gif);
}

OL.photoSummary LI.fullWell {
	width: 15px;
	height: 15px;
	background-image: url(/images/dealer/full.gif);
}

div.photoSummaryButtonPadding {
	margin-left: 20px;
}

/* photomanager(from dev) */
.selectedColorStyle {
	border: 2px solid #000000;
	padding: 2px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.defaultColorStyle {
	border: 2px solid #CCCCCC;
	padding: 2px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.disabledColorStyle {
	border: 0px solid green;
	display: none;
}

div.pictureDivStyle {
	position: absolute;
	border: 0px;
	z-index: 0;
	cursor: move;
}

div.hiddenPhotoStyle {
	position: absolute;
	border: 0px;
	display: none;
	z-index: 0;
}

div.hiddenSeperatorStyle {
	position: absolute;
	width: 5px;
	height: 100px;
	z-index: 0;
	display: none;
}

div.draggingPictureDivStyle {
	position: absolute;
	border: 0px;
	z-index: 10;
	filter: alpha(opacity = 75);
	opacity: 0.75;
	cursor: move;
}

div.selectedPictureDivStyle {
	position: absolute;
	border: 0px;
	z-index: 0;
	cursor: move;
}

div.highlightedPictureDivStyle {
	position: absolute;
	border: 0px;
	z-index: 0;
	cursor: move;
	border: 5px solid red;
}

div.highlightedSeperatorStyle {
	position: absolute;
	z-index: 0;
	width: 5px;
	height: 100px;
	background-color: red;
}

table.pictureDivStyle {
	position: relative;
	border-left: 2px solid #666666;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
}

table.hiddenPhotoStyle {
	position: relative;
	border: 0px solid grey;
}

table.draggingPictureDivStyle {
	position: relative;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
}

table.selectedPictureDivStyle {
	position: relative;
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
}

table.highlightedPictureDivStyle {
	position: relative;
}

.captionPreview {
	font: 9px verdana, arial, sans-serif;
}

img.deleteToggle {
	cursor: pointer;
	cursor: hand;
}

img.captionToggle {
	cursor: pointer;
	cursor: hand;
}

td.descriptionItemSpecificsLabel {
	text-align: right;
	width: 100px;
	font-weight: bold;
}

/* Used by BasicPhotoUploadManagerComponent.html to scroll file upload controls */
div.photoUploadScrollable {
	height: 410px;
	overflow: auto;
}

/* Used by PhotoManager.html for padding around photo manager component */
div.photoManagerPadding {
	padding: 10px;
}

div.photoWellDecorator table {
	position: relative;
	top: -15px;
}

table.freePhotoWell,table.addMoreWell {
	border-left: 2px solid #666666;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	padding-top: 20px;
}

/* description summary */
table.descriptionToolTable {
	margin-left: 40px;
	background-color: #f3f3f3;
	border-collapse: collapse;
	border: 1px solid #0099FF;
}

table.descriptionToolTable td.toolSummary {
	padding: 5px;
	width: 450px;
	border-top: 1px solid #0099FF;
}

table.descriptionToolTable td.toolButton {
	padding: 5px;
	vertical-align: middle;
	border-top: 1px solid #0099FF;
}

td.toolButton {
	width: 120px;
}

span.toolTitle {
	font-weight: bold;
	vertical-align: top;
}

span.toolError {
	background-image: url(/images/dealer/error_icon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	color: #ff3333;
}

img.checkImg {
	padding-left: 0.5em;
}

/* upload photos */
.photoWell {
	padding-left: 2px;
}

/* forms */
div.row {
	clear: both;
	line-height: 20px;
	height: 30px;
}

div.row span.label {
	float: left;
	width: 130px;
	text-align: right;
	font-weight: bold;
}

div.row span.formw {
	float: right;
	width: 255px;
	text-align: left;
}

div.row span.left {
	float: left;
	text-align: left;
	font-weight: bold;
	width: 49%;
}

div.row span.right {
	float: right;
	text-align: right;
	font-weight: bold;
	width: 49%;
}

span.required {
	color: #FF0000;
	font-size: 17px;
	padding-left: 5px;
	font-weight: bold
}

span.grayTxt {
	color: #999999;
	font-size: 10px
}

/* pricing details */
.priceTable {
	background-color: #f3f3f3;
	width: 550px;
	border: 1px solid #0099ff;
	margin-left: 115px;
	margin-top: 10px;
}

.autoDeclineTextArea {
	width: 450px;
}

/* my profile */
h4 {
	font-size: 12px;
}

.tab {
	padding-left: 10px;
}

.myProfileContent {
	background-color: #e2f2ff;
	background-image: url(/images/dealer/myProfileBG.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 10px 20px 20px 20px;
}

.synchMyProfileContent {
	border: 1px solid #000000;
	background-color: #eeeecc;
	padding-left:30px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.border {
	background-color: #666666;
}

.ltGray {
	color: #999999;
}

.ltGrayAlignTop {
	color: #999999;
	vertical-align: top;
}

.imagePadded {
	padding: 5px;	
}

.profileBox {
	border: 1px solid #000000;
	background-color: #f3f3f3;
	margin-left: 10px;
	padding: 5px;
	font-size: 10px;
	width: 600px;
}

.collapsibleProfileBox {
	border: 1px solid #000000;
	background-color: #f3f3f3;
	margin-left: 10px;
	padding: 5px;
	width: 600px;
}

.expandCollapseText {
	font-size: 10px;
}

/* debug component - class for each td */
.debugClass {
	border-right: 1px solid #888888;
	padding: 0px 2px 0px 2px;
}

/* TabbedPageComponent Header Background */
td.tabbedHeaderBG {
	background-image: url(/images/dealer/headerBG.gif);
	background-position: right center;
	background-repeat: no-repeat;
	vertical-align: bottom;
	padding-bottom: 5px;
	padding-left: 10px;
	white-space: nowrap;
}
img.tab {
	padding-left: 10px;
	vertical-align: bottom;
}

/* my inventory group component - header columns */
tr.headerColumns {
	background-image: url(/images/dealer/myInventoryHeaderBG.jpg);
	height: 30px;
}

/* my inventory group component - sort link styles */
table.Inventory tr.headerColumns td A:link,table.Inventory tr.headerColumns td A:visited
	{
	color: #319ACE;
	text-decoration: none;
}

/* my inventory group component - default column header style */
table.Inventory tr.headerColumns td {
	padding: 0px 2px 0px 2px;
	white-space: nowrap;
}

/* my inventory group component - title section, relist action */
td.title {
	background-color: #009AFF;
}

/* my inventory group component - title section, title label */
td.title table td {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	padding: 6px;
}

/* my inventory group component - default column value style */
table.Inventory tr.groupValueRow td {
	padding: 5px 2px 5px 2px;
	vertical-align: top;
}

/* my inventory group component - row divider for each of the rows in the my inventory group */
tr.groupRowBorder td {
	height: 1px;
	background-color: #009AFF;
}

/* my inventory group component - section for the multi action buttons - e.g. archive, delete */
td.multiButton {
	background-color: #CECECE;
}

/* my inventory group component - columns go here */
	/* my inventory group component - status column */
table.Inventory tr.groupValueRow td.statusColumnValue {
	width: 8px;
	padding: 5px 2px 5px 0px;
}

/* my inventory group component - status column div reserveNotMet */
table.Inventory tr.groupValueRow td.statusColumnValue div.reserveNotMet
	{
	width: 100%;
	height: 46px;
	background-color: #CC6666;
	border: 1px solid #993333;
	margin: 1px 1px 1px 0px;
}

/* my inventory group component - status column div reserveMet */
table.Inventory tr.groupValueRow td.statusColumnValue div.reserveMet {
	width: 100%;
	height: 46px;
	background-color: #CCFFCC;
	border: 1px solid #669966;
	margin: 1px 1px 1px 0px;
}

/* my inventory group component - year column */
table.Inventory tr.groupValueRow td.myinventory_checkboxColumnValue {
	width: 10px;
}

/* my inventory group component - thumbnail column */
table.Inventory tr.groupValueRow td.myinventory_thumbnailColumnValue {
	width: 90px;
}

/* my inventory group component - year column */
table.Inventory tr.groupValueRow td.myinventory_yearColumnValue {
	width: 50px;
}

/* my inventory group component - dateAdded column */
table.Inventory tr.groupValueRow td.myinventory_dateAddedColumnValue {
	width: 100px;
}

/* my inventory group component - dateEnded column */
table.Inventory tr.groupValueRow td.myinventory_dateEndedColumnValue {
	width: 130px;
}

/* currentBidOrOffer header */
.myinventory_currentBidOrOfferColumnHeader
	{
	width: 150px;
}

/* my inventory BIN header */
.myinventory_buyItNowColumnHeader
	{
	width: 100px;
	text-align: center;
}

/* my inventor - BIN column */
table.Inventory td.myinventory_buyItNowColumnValue
	{
	width: 100px;
	text-align: center;
}

/* bids/offers column header */
table.Inventory td.myinventory_currentBidOrOfferColumnHeader
{
	width: 130px;
 	text-align: center;
}

/* my inventory group component - currentBidOrOffer column */
table.Inventory tr.groupValueRow td.myinventory_currentBidOrOfferColumnValue
{
	width: 130px;
	text-align: center;
}
/* my inventory group component - highestBidOrOffer column */
.myinventory_highestBidOrOfferColumnHeader
{
	width: 110px;
	text-align: center;
}

/* my inventory group component - highestBidOrOffer column */
table.Inventory tr.groupValueRow td.myinventory_highestBidOrOfferColumnValue
{
	width: 110px;
	text-align: center;
}

/* my inventory reserve header */
table.Inventory td.myinventory_reserveColumnHeader
{
	width: 100px;
	text-align: center;
}

/*<!--[10967]  Center align header-->*/
table.Inventory td.myinventory_reserveColumnHeader table 
{
	margin-left:auto; 
	margin-right:auto;
}

table.Inventory td.myinventory_buyItNowColumnHeader table 
{
	margin-left:auto; 
	margin-right:auto;
}

/* my inventory reserve column */
table.Inventory td.myinventory_reserveColumnValue
	{
	width: 100px;
	text-align: center;
	padding-right:20px;
	
}

/* my inventory action column header */
table.Inventory td.myinventory_actionColumnHeader
{
	width: 140px;
}

/* bids/offers column header */
table.Inventory td.myinventory_bidsOrOffersColumnHeader
{
	width: 80px;
 	text-align: center;
}

/* my inventory group component - bidsOrOffers column */
table.Inventory tr.groupValueRow td.myinventory_bidsOrOffersColumnValue
	{
	width: 80px;
	text-align: center;
}

/* watchers column header */
table.Inventory td.myinventory_watchersColumnHeader
{
	width: 70px;
 	text-align: center;
}

/* my inventory group component - watchers column */
table.Inventory tr.groupValueRow td.myinventory_watchersColumnValue
	{
	width: 70px;
	text-align: center;
}

/* time left column header */
table.Inventory td.myinventory_timeLeftColumnHeader
{
	width: 70px;
}

/* my inventory group component - timeLeft column */
table.Inventory tr.groupValueRow td.myinventory_timeLeftColumnValue {
	width: 70px;
}

/* MY LEADS */
/* my leads - selected (checkbox) column */
td.myleads_selectedColumnValue {
	width: 10px;
}

/* my leads - thumbnail column */
td.myleads_thumbnailColumnValue {
	width: 40px;
}

/* my leads - year column */
td.myleads_yearColumnValue {
	width: 70px;
}

td.myleads_makeColumnValue {
	width: 150px;
}

td.myleads_modelColumnValue {
	width: 150px;
}

td.myleads_offerColumnValue {
	width: 80px;
}

td.myleads_ebayIDColumnValue{
	width: 120px;
}

td.myleads_dateReceivedColumnValue {
	width: 140px;
}

/* my leads - customer info */
td.myleads_customerInfo {
	width: 100px;
}

td.myleads_customerAddress {
	width: 200px;
}

td.myleads_customerPhoneNumbers {
	width: 200px;
}

td.myleads_leadStatus {
	text-align: right;
}

/* tabbedDirectLink component - default column */
table.tabbedSelection {
	text-align: center;
	padding: 6px;
	color: #31659C;
	background-color: #EFEFEF;
	border-bottom: 1px solid #B5B2B5;
}

/* tabbedDirectLink component - default column link styles */
table.tabbedSelection tr td A:link,table.tabbedSelection tr td A:visited
	{
	text-decoration: none;
}

/* tabbedDirectLink component - not last column*/
table.tabbedSelection tr td.notLast {
	width: 70px;
	border-right: 1px solid #DEDBDE;
}

/* tabbedDirectLink component - selected column's text (note: span)*/
table.tabbedSelection tr td span.selectedLink {
	font-weight: bold;
	color: #050505;
}

/* tabbedDirectLink component - last column (no border) */
table.tabbedSelection tr td.last {
	width: 70px;
}

/* tabbedDirectLink component - filler column */
table.tabbedSelection tr td.filler {
	width: auto;
}

/* my inventory group component - divider between navbar and title section */
div.titleDivider {
	width: 100%;
	height: 2px;
	background-color: #FFFFFF;
	display: block;
}

/* my inventory group component - pagination - turn off links */
table.pagination td A:link,table.pagination td A:visited {
	color: #336699;
	text-decoration: none;
}

/* Empty Text styling for MyInventoryGroup tabs that have no listings */
div.emptyText {
	margin: 1em;
	text-align: center;
	font-weight: bold;
}

/* Description Builder */
#verTabContainer {
	width: 770px;
}

#verTabContainer .leftColumn {
	background-color: #F3F3F3;
	display: inline;
	float: left;
}

#verTabContainer dl {
	margin: 0px;
	height: 500px;
	width: 200px;
}

#verTabContainer dd {
	margin: 0px;
	padding: 5px;
}

#verTabContainer dd.selected {
	background-color: #99CCFF;
	border: 1px solid #0099FF;
	border-right: none;
}

#verTabContainer dd.selected a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#verTabContainer .divider {
	background-color: #99ccff;
	display: inline;
	float: left;
	width: 5px;
	height: 500px;
	border: 1px solid #0099ff;
	border-left: 0px;
	border-right: 0px;
}

#verTabContainer .content {
	display: inline;
	float: left;
	border: 1px solid #0099ff;
	border-left: 0px;
	padding: 10px;
	width: 539px;
	height: 480px;
	overflow: auto;
	background-color: #FFFFFF;
}

/* template selector START */
#templateSelector {
	display: block;
	height: 290px;
	width: 744px;
	margin-left: 10px;
	padding-bottom: 10px
}

#dropDowns {
	display: inline;
	float: left;
	width: 210px;
	top: 5px;
	left: 5px;
}

#templateDropDown { /*height:100px;*/
	width: 200px;
	overflow: scroll;
}

#photoLayout {
	top: 10px;
	left: 5px;
}

#photoLayoutDropDown { /*height:100px;*/
	width: 200px;
	overflow: scroll;
}

#thumbnail {
	display: inline;
	float: left;
	width: 154px;
}

#thumbnailBox {
	border: 2px solid #666666;
	background-color: #CCCCCC;
	text-align: center;
	padding: 5px
}

#templateThumbnail {
	height: 228px;
	border: 1px solid black;
}

#color {
	width: 37px;
	display: inline;
	float: left;
	padding-left: 10px;
}

#colorSelector {
	border: 2px solid #666666;
	background: #CCCCCC;
	padding: 4px;
	height: 245px;
	text-align: center;
}

#preview {
	text-align: right;
	margin-top: 2px;
}

#pageCounter {
	display: inline;
	float: left;
	padding-left: 10px;
}

#pageCounterImage {
	display: inline;
	float: left;
	padding-left: 10px;
	margin-top: -2px;
}

select.selector {
	width: 200px;
	height: 170px
}

.selectorwindow {
	border: 2px solid #666666;
	background: #CCCCCC;
	padding: 4px;
}

.swatch {
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
}

.selected {
	border: 2px solid #000000;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px
}

.selectedColorStyle {
	border: 2px solid #000000;
	padding: 1px;
	display: block;
}

.defaultColorStyle {
	border: 0px solid gray;
	padding: 0px;
	display: block;
}

.disabledColorStyle {
	border: 0px solid green;
	display: none;
}

/* template selector END */ /* Banner Upload Profile */
#uploadBox {
	margin: 10px 10px 0px 0px;
	padding: 10px;
	width: 550px;
	border: 1px solid #0099FF;
	background-color: #F3F3F3;
}

.bannerUploadButton {
	font-size: 12px;
	margin-left: 5px;
}

.depositBox {
	border: 1px solid #0099ff;
	background-color: #f3f3f3;
	padding: 10px;
	margin: 10px;
}

.formError {
	margin: 5px;
	padding: 5px;
	color: #ff0000;
}

.errorText {
	color: #FF0000;
	font-size: 12px;
}

.errorTop {
	font-weight: bold;
}

#addAVehicle {
	border: 1px solid #0099ff;
	background-color: #e9e9e9;
	padding: 20px;
	margin: 5px;
	width: 500px;
}

#addAVehicle .makeSelect {
	width: 15em;
}

#addAVehicle .modelSelect {
	width: 15em;
}

/* Photo Manager */
.no {
	border: 1px solid #99CCFF;
	background-color: #E8FAFF;
	width: 12px;
	height: 12px;
	font-size: 10px
}

.thumbborder_black {
	border-left: 2px solid #000000;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	margin-top: 10px;
}

.thumbborder_gray {
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
	border-right: 2px solid #999999;
	margin-top: 10px;
}

img.deleteToggle {
	cursor: pointer;
	cursor: hand;
}

img.captionToggle {
	cursor: pointer;
	cursor: hand;
}

/* Listing analyzer */
#vehicleSpecificsSection .LAdesc {
	padding-left: 5px;
}

#vehicleSpecificsSection .LAerror {
	color: #CC3333;
	font-weight: bold;
	background-color: #FFFFCC;
}

#vehicleSpecificsSection .LAsection {
	padding: 0 5px 2px 5px;
}

#vehicleSpecificsSection .LAtable {
	border: 2px solid #999999;
	border-top-width: 0;
}

#vehicleSpecificsSection .LAtable TD {
	border-top: 2px solid #999999;
}

#vehicleSpecificsSection .LAwarning {
	color: #FF6600;
	font-weight: bold;
	background-color: #FFFFCC;
}

/* Listing Fees */
#listingFeesSection .LFdesc {
	padding-left: 5px;
}

#listingFeesSection .LFtable {
	border: 2px solid #999999;
	border-top-width: 0;
}

#listingFeesSection .LFtable TD {
	border-top: 2px solid #999999;
}

#listingFeesSection .LFname {
	color: #FF6600;
	font-weight: bold;
	background-color: #FFFFCC;
}

.listingInfo td {
	font-size: 12px;
}
.LIlabel {
	vertical-align: top;
	text-align: right;
}
.previewItemSpecificsValue {
	font-weight: bold;
}

.previewLabel4Column {
	width: 155px;
	font-weight: normal;
}

.dynamicFormComponent {
	font-weight: bold;
}
.dynamicFormLabel {
	width:20%;
}
.dynamicFormColumn {
	width: 40%;		
}
.optionLabelClass {
	display:none;
}

/* manage best offers page - best offer item summary - my inventory group component - remove bottom section */
div.toolsPopup td.multiButton {
	background-color: #FFFFFF;
}

/* manage best offers page - best offer item summary - my inventory group component - background color */
div.toolsPopup tr.groupValueRow {
	background-color: #F7F3F7;
}

/* manage best offers page - best offer item summary - my inventory group component - bottom border*/
div.toolsPopup tr.groupValueRow td {
	border-bottom: 1px solid #D6D7E7;
}

/* manage best offers page - best offer item summary - my inventory group component - left border*/
div.toolsPopup tr.groupValueRow td.myinventory_thumbnailColumnValue {
	border-left: 1px solid #D6D7E7;
}

/* manage best offers page - best offer item summary - my inventory group component - right border*/
div.toolsPopup tr.groupValueRow td.myinventory_timeLeftColumnValue {
	border-right: 1px solid #D6D7E7;
}

/* manage best offers page - best offers - header row BG */
table.offerHeaders tr {
	background-image: url(/images/dealer/myInventoryHeaderBG.jpg);
	height: 30px;
}

/* manage best offers page - best offers - sort link styles */
table.offerHeaders tr td A:link,table.offerHeaders tr td A:visited {
	color: #319ACE;
	text-decoration: none;
}

/* manage best offers page - best offers - offer column header and value*/
table.offerHeaders td.offers_offerColumnHeader,table.offerValues td.offers_offerColumnValue
	{
	width: 100px;
}

/* manage best offers page - best offers - buyer column header*/
table.offerHeaders td.offers_buyerColumnHeader,table.offerValues td.offers_buyerColumnValue
	{
	width: 180px;
}

/* manage best offers page - best offers - expires column header*/
table.offerHeaders td.offers_expiresColumnHeader,table.offerValues td.offers_expiresColumnValue
	{
	width: 100px;
}

/* manage best offers page - best offers - status column header*/
table.offerHeaders td.offers_statusColumnHeader,table.offerValues td.offers_statusColumnValue
	{
	width: 100px;
}

/* manage best offers page - best offers - terms column header*/
table.offerHeaders td.offers_termsColumnHeader,table.offerValues td.offers_termsColumnValue
	{
	width: auto;
}

/* manage best offers page - best offers - scrollable div */
div#offersScrollable {
	/*	JG - Please fix to enable scrollbars on table */
	overflow-x: hidden;
	overflow-y: auto;
	height: 125px;
	width: 558px;
	border-bottom: 1px solid #009AFF;
	border-left: 1px solid #009AFF;
	border-right: 1px solid #009AFF;
	border-bottom: 1px solid #009AFF;
}

/* manage best offers page - best offers - not selected row background color */
table.offerValues tr {
	height: 25px;
	cursor: pointer;
	cursor: hand;
}

/* manage best offers page - best offers - not selected row background color */
table.offerValues tr.offerNotSelected {
	background-color: #FFFFFF;
}

/* manage best offers page - best offers - not selected row foreground color */
table.offerValues tr.offerNotSelected td {
	color: #636563;
}

/* manage best offers page - best offers - not selected row background color */
table.offerValues tr.offerSelected {
	background-color: #DEEFFF;
}

/* manage best offers page - terms floating layered div */
table.offerValues td.offers_termsColumnValue div.floating {
	display: none;
	position: absolute;
	border: 1px solid #31659C;
	background-color: #EFF7FF;
	width: 400px;
	top: 20%;
	left: 20%;
}

/* manage best offers page - terms floating layered div (inner div) */
table.offerValues td.offers_termsColumnValue div.floating div {
	margin: 5px;
	padding: 5px;
	background-color: #FFFFFF;
	/*height: 80px;*/
}

/* manage best offers page - form component */
div.bestOfferResponse {
	padding-top: 5px;
}	
/* manage best offers page - form component - column 1 */
div.bestOfferResponse td.col1 {
	text-align: right;
	padding-right: 3px;
}

/* manage best offers page - form component - message area */
div.bestOfferResponse textarea.messageArea {
	width: 380px;
	height: 80px;
}

/* manage best offers page - form component - disabled label */
div.bestOfferResponse label.disabled {
	color: #9C9A9C;
}

/* manage best offers page - form component - enabled label */
div.bestOfferResponse label.enabled {
	color: #000000;
}

/* manage best offers page - form component - message */
div.bestOfferResponse div {
	padding: 40px 0 40px 0;
}	

/* manage best offers page - form component - inner div */
div#manageBestOffers {
	height: 500px;
}

/* manage bids page - cancel bids item summary - my inventory group component - remove bottom section */
div.toolsPopup td.multiButton {
	background-color: #FFFFFF;
}

/* manage bids page - cancel bids item summary - my inventory group component - background color */
div.toolsPopup tr.groupValueRow {
	background-color: #F7F3F7;
}

/* manage bids page - cancel bids item summary - my inventory group component - bottom border*/
div.toolsPopup tr.groupValueRow td {
	border-bottom: 1px solid #D6D7E7;
}

/* manage bids page - cancel bids item summary - my inventory group component - left border*/
div.toolsPopup tr.groupValueRow td.myinventory_thumbnailColumnValue {
	border-left: 1px solid #D6D7E7;
}

/* manage bids page - cancel bids item summary - my inventory group component - right border*/
div.toolsPopup tr.groupValueRow td.myinventory_timeLeftColumnValue {
	border-right: 1px solid #D6D7E7;
}

/* manage bids page - bids - header row BG */
table.bidsHeaders tr {
	background-image: url(/images/dealer/myInventoryHeaderBG.jpg);
	height: 30px;
}

/* manage bids page - bids - sort link styles */
table.bidsHeaders tr td A:link,table.bidderHeaders tr td A:visited {
	color: #319ACE;
	text-decoration: none;
}

/* manage bids page - bids- userid column header and value*/
table.bidsHeaders td.bidders_useridColumnHeader,table.bidderValues td.bidders_useridColumnValue
	{
	width: 100px;
}

/* manage bids page - bids - name column header*/
table.bidsHeaders td.bidders_nameColumnHeader,table.bidderValues td.bidders_nameColumnValue
	{
	width: 180px;
}

/* manage bids page - bids - state zip column header*/
table.bidsHeaders td.bidders_state_zipColumnHeader,table.bidderValues td.bidders_state_zipColumnValue
	{
	width: 100px;
}

/* manage bids page - bids - phone column header*/
table.bidsHeaders td.bidders_phoneColumnHeader,table.bidderValues td.bidders_phoneColumnValue
	{
	width: 100px;
}

/* manage bids page - bids - bid amount column header*/
table.bidsHeaders td.bidders_bidAmountColumnHeader,table.bidderValues td.bidders_bidAmountColumnValue
	{
	width: auto;
}

/* manage bids page - bids - scrollable div */
div#biddersScrollable {
	/*	JG - Please fix to enable scrollbars on table */
	overflow-x: hidden;
	overflow-y: auto;
	height: 125px;
	width: 558px;
	border-bottom: 1px solid #009AFF;
	border-left: 1px solid #009AFF;
	border-right: 1px solid #009AFF;
	border-bottom: 1px solid #009AFF;
}

/* manage bids page - bids - not selected row background color */
table.bidderValues tr {
	height: 25px;
	cursor: pointer;
	cursor: hand;
}

/* manage bids page - bids - not selected row background color */
table.bidderValues tr.bidNotSelected {
	background-color: #FFFFFF;
}

/* manage bids page - best offers - not selected row foreground color */
table.bidderValues tr.bidNotSelected td {
	color: #636563;
}

/* manage bids page - best offers - not selected row background color */
table.bidderValues tr.bidSelected {
	background-color: #DEEFFF;
}

/* manage bids page - form component */
div.manageBidsResponse {
	padding-top: 5px;
}	
/* manage bids page - form component - column 1 */
div.manageBidsResponse td.col1 {
	text-align: right;
	padding-right: 3px;
}

/* manage bids page - form component - message area */
div.manageBidsResponse textarea.messageArea {
	width: 380px;
	height: 80px;
}

/* manage bids page - form component - disabled label */
div.manageBidsResponse label.disabled {
	color: #9C9A9C;
}

/* manage bids page - form component - enabled label */
div.manageBidsResponse label.enabled {
	color: #000000;
}

/* manage bids page - form component - message */
div.manageBidsResponse div {
	padding: 40px 0 40px 0;
}	

/* manage bids page - form component - inner div */
div#manageBids {
	height: 500px;
}

/* view errors - form component - inner div, white space */
div#viewErrors {
	height: 320px;
}

div#viewErrors table.offerValues td {
	padding: 0 0 0 6px;
}

div#viewErrors table.offerValues tr {
	cursor: auto;
}	

.smalltext {
	font-size: .8em;
	font-weight: bold;
}
.fieldSuffix {
	color: #999999;		
}

/********************
 *
 *	View Bidder Info 
 *
 ********************/

/* view bidder contact info - header row BG */
table.viewContactInfoHeaders tr {
	background-image: url(/images/dealer/myInventoryHeaderBG.jpg);
	height: 30px;
}

/* view bidder contact info - sort link styles */
table.viewContactInfoHeaders tr td A:link,table.viewContactInfoHeaders tr td A:visited {
	color: #319ACE;
	text-decoration: none;
}

/* view bidder contact info - userid column header and value*/
table.viewContactInfoHeaders td.bidders_useridColumnHeader,table.bidderValues td.bidders_useridColumnValue
	{
	width: 100px;
}

/* view bidder contact info - name column header*/
table.viewContactInfoHeaders td.bidders_nameColumnHeader,table.bidderValues td.bidders_nameColumnValue
	{
	width: 180px;
}

/* view bidder contact info - state/zip column header*/
table.viewContactInfoHeaders td.bidders_state_zipColumnHeader,table.bidderValues td.bidders_state_zipColumnValue
	{
	width: 100px;
}

/* view bidder contact info - phone column header*/
table.viewContactInfoHeaders td.bidders_phoneColumnHeader,table.bidderValues td.bidders_phoneColumnValue
	{
	width: 100px;
}

/* view bidder contact info - scrollable div */
div#biddersScrollable {
	/*	JG - Please fix to enable scrollbars on table */
	overflow-x: hidden;
	overflow-y: auto;
	height: 125px;
	width: 558px;
	border-bottom: 1px solid #009AFF;
	border-left: 1px solid #009AFF;
	border-right: 1px solid #009AFF;
	border-bottom: 1px solid #009AFF;
}

/* view bidder contact info - not selected row background color */
table.bidderValues tr {
	height: 25px;
	cursor: pointer;
	cursor: hand;
}

/* view bidder contact info - form component - inner div */
div#viewContactInfo {
	height: 300px;
}

p.instructions {
	margin-left: 10px;	
}

div.confirmationBlock {
	text-align: center;
	margin: 75px;	
}

.homeLink {
	margin: 50px;
}

.homeLink A:link, .homeLink A:visited, .homeLink A:active {
	text-decoration: underline;
	font-weight: bold;	
}

img.closeButton {
	cursor: hand;
}

/* End View Bidder Info */


/* Billing */
.billingLabel {
	float: left;
	width: 130px;
	text-align: right;
	font-weight: bold;
	margin-right: 5px;	
}
/* End Billing */

.alert {
	margin-top: 20px;
	margin: 10px;	
	border: 2px solid #cc0000;
	font-weight: bold;
	padding: 5px;
}