﻿
body, td, p, table {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
h1
{
    font-size:10px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

h2
{
    font-size:16px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}
h3
{
    font-size:14px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

hr 
{
    color: #000000; 
    height: 1px;
}

a:link
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	
}
a:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

a:visited
{
	color: #494949;
	text-decoration: none;
	font-weight: normal;
}

a:active
{
	color: #000000;
	text-decoration: underline;
	font-weight: normal;	
}

.morepadding
{
	padding-left: 10px;
}


/* table classes */

table.outsidegrey {/*This is the outside table*/
	background-color: #494949;
	width: 609px;
	border-right: 3px solid #494949;
	border-left: 3px solid #494949;
	margin-left: auto;
	margin-right: auto;
	
}

table.outsideNet2 {/*This is the outside table*/
	
	width: 759px;
	border-right: 3px solid #494949;
	border-left: 3px solid #494949;
	margin-left: auto;
	margin-right: auto;
	
	
}
table.outsideReports {/*This is the outside table*/
	
	width: 759px;
	border-right: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	
	
}

table.outside {/*This is the outside table*/
	width: 609px;
	
	
}

table.mainyellow {/*This is the main table inside the grey table*/
	background-color: #f9db92;
	width: 609px;
	height: 308px;
	margin-left: auto;
	margin-right: auto;
}
table.maingrey {/*This is the main table inside the grey table*/
	background-color: #494949;
	width: 609px;
	height: 308px;
	margin-left: auto;
	margin-right: auto;
}
table.main {/*This is the main table inside the grey table*/
	width: 609px;
	height: 296px;
	margin-left: auto;
	margin-right: auto;
}

table.mainNet2 {/*This is the main table inside the grey table*/
	width: 759px;
	height: 296px;
	margin-left: auto;
	margin-right: auto;
}

table.mainReports {/*This is the main table inside the grey table*/
	width: 759px;
	margin-left: auto;
	margin-right: auto;
}


table.popupoutsidegrey {/*This is the outside table*/
	background-color: #494949;
	width: 385px;
	border-right: 3px solid #494949;
	border-left: 3px solid #494949;
	margin-left: auto;
	margin-right: auto;
}

table.popupmainyellow {/*This is the main table inside the grey table*/
	background-color: #f9db92;
	width: 385px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
}

table.privateinfomainyellow {/*This is the main table inside the grey table*/
	background-color: #f9db92;
	width: 385px;
	height: 260px;
	margin-left: auto;
	margin-right: auto;
}
table.mainblack {/*This is the main table inside the grey table*/
	background-color: #000000;
	width: 609px;
	margin-left: auto;
	margin-right: auto;
}
	
table.listingsub {/*The table will be forced over 2px to make it centered within the width boundries of the surrounding table (table.mainyellow)*/
	width: 605px;
	margin-left: 2px;
}	

table.displaysub {/*The table will be forced over 2px to make it centered within the width boundries of the surrounding table (table.mainyellow)*/
	width: 605px;
	margin-left: 2px;
}	
table.selectsub {/*The table will be forced over 2px to make it centered within the width boundries of the surrounding table (table.mainyellow)*/
	width: 605px;
	margin-left: 2px;
}	
table.recordsub {/*The table will be forced over 2px to make it centered within the width boundries of the surrounding table (table.mainyellow)*/
	width: 605px;
	margin-left: 2px;
}	
table.buttonsub {/*The table will be forced over 2px to make it centered within the width boundries of the surrounding table (table.mainyellow)*/
	width: 605px;
	margin-left: 2px;
}
table.mainsub {/*The table will be forced over 2px to make it centered within the width boundries of the surrounding table (table.mainyellow)*/
	width: 605px;
	margin-left: 2px;
}
	

/* end table classes */	

/* tr specific classes */




/* end tr specific classes */

/* colour background classes for tr and td's */
.green
{
	background-color: #737927;
}
.agreen {/* "Add Listing" */
	background-color: #879355;/*army green*/
}
.limegreen
{
	background-color: #A6B13A;
}
.flatgreen
{
	background-color: #82A847;
}
.lightgreen
{
	background-color: #9DA96B;
}
.graygreen
{
	background-color: #6B9A88;
}
.earthgreen
{
	background-color: #809167;
}
.forestgreen
{
	background-color: #2B574E;
}
.aqua {/* "Add Listing" */
	background-color: #6B9A88;/*army green*/
}
.olive{ /* Manage Dealers */
	background-color: #8E925A;/*neutral green*/
}
.PIRed {/* "Private Information" title bar colour for "Add, Edit, Approve Listing" Pages*/
	background-color: #C33101;/*rusty red*/
}
.maroon {/* "Manage Listings" */
	background-color: #8B6467;
}
.red
{
	background-color: #922D42;
}
.orange
{
	background-color: #DB4C14;
}
.darkorange
{
	background-color: #DD7608;
}
.lightorange
{
	background-color: #F39530;
}
.medorange
{
	background-color: #FF7302;
}
.purple {/* "Manage Branches" */
	background-color: #655E80;/*purple*/
}
.teal
{
	background-color: #50A2B3;
}
.grayb {/* "Print/PDF Listings" */
	background-color: #4B6B88;
}
.medblue {/* "SP.com Web Users" */
	background-color: #3B9AD4;/*medium blue*/
}
.richblue 
{
	background-color: #0277C3;
}
.blue {/* "Print/PDF Listings" */
	background-color: #648FAE;/* blue*/
}
.paleblue 
{
	background-color: #66A6CC;
}
.brightblue 
{
	background-color: #1E3C7F;
}
.royalblue
{
	background-color: #123D68;
}
.lightblue
{
	background-color: #437BAA;
}

.brown {/* "Export Listings"*/
	background-color: #655E40;/*olive*/
}
.lightyellow { /* "Manage Listings" */
	background-color: #F9DB92;/*light yellow*/
    
}
.midyellow { /* "Manage Listings" */
	background-color: #F9CB59;/*mid yellow*/
}
.darkyellow{
	background-color: #F8B91D;/*darker yellow*/
}
.brightyellow
{
	background-color: #FBE2A0;
}

.black{
	background-color: #000000;
}
.supplyred
{
	background-color: #E12126;
}
.brightred
{
	background-color: #F22228;
}
.white
{
	background-color: #FFFFFF;
}
.grey
{
	background-color: #494949;
}

.midgrey
{
    background-color: #bdbcbc;
}

.lightgrey 
{
    background-color: #E5E5E5;
}
.smokegrey
{
    background-color: #333333;
}

/* end colour background classes for tr and td's */

/* font colour classes for tr and td's */

.whitefont{
	color: #FFFFFF;
}


/* end font colour classes for tr and td's */

.blackmargin 
{
    border-right: 3px solid #000000;
	border-left: 3px solid #000000;
	margin-left: auto;
	margin-right: auto;
}

.stdpadding /*This applies standard padding.  Equip Detail page*/
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	
}
.leftrightpadding /*This applies standard padding.  Equip Detail page*/
{
	padding-left: 5px;
	padding-right: 5px;
}
.frontpagepadding /*This applies standard padding.  Equip Detail page*/
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	
}
.backendheaderpadding
{
	padding-left: 25px;
	
}
.datepadding
{	
	padding-left: 8px;
	padding-bottom: 2px;
	
}
.smalltextpadding { /* used in add, edit, approve listings to pad small reminder text */
	padding-bottom: 2px; 
}
.stdlinespacing
{
	line-height: 15px;
}
.toppadding
{
    padding-top: 2px;
}
.bottompadding
{
    padding-bottom: 6px;
}
.smbottompadding
{
    padding-bottom: 3px;
}
.gridtoppadding
{
    padding-top: 6px;
}
.primaryphotopadding
{
    padding-bottom: 8px;
}

/* td specific classes */
.smlformat {/*This applies all td stdformat some padding*/
	height: 20px;
}
.stdformat {/*This applies all td stdformat some padding*/
	height: 25px;
}
.lrgformat {/*This applies all td lrgformat a larger cell height*/
	height: 40px;
}

.EquipResults {/*This is used for the question mark icon in the top td of table.maingrey*/
	padding-left: 8px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	color: #F9DB92;
	font-weight: bold;
}

/* end td specific classes */


/* border classes & their colours */
.fineyellowborder
{
	border: solid 1px #FBE2A0; 
}

.fineblackborder
{
	border: solid 1px #000000; 
	
}

.bottomborder { /*This applies all td stdformat bottom border*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.yellowbottomborder { /*This applies all td stdformat bottom border*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f9db92;
}
.fineyellowbottomborder { /*This applies all td stdformat bottom border*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f9db92;
}
.yellowleftborder { /*This applies to any td with a left border, and all other regular td.stdformat styles*/
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #f9db92;
}
.yellowtopborder { /*This applies to any td with a left border, and all other regular td.stdformat styles*/
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f9db92;
	
}
.fineyellowleftborder { /*This applies to any td with a left border, and all other regular td.stdformat styles*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f9db92;
}
.yellowrightborder { /*This applies to any td with a left border, and all other regular td.stdformat styles*/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f9db92;
}

.yellowborder
{
	border-color: #f9db92;
	border-width: 2px;
	border-style: solid;
}
.blackbottomborder { /*This applies all td stdformat bottom border*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.blackleftborder { /*This applies to any td with a left border, and all other regular td.stdformat styles*/
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
}
.blackrightborder { /*This applies to any td with a left border, and all other regular td.stdformat styles*/
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	
}

.borders
{
	background-image: url(images/general_back_end/yellowborder.gif);
    background-repeat: repeat-x;
    background-position: top;
}


.imageborder {/*The table will put a 1px black border around images for hyperlinks*/
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}
.whiteborder {/*The table will put a 1px white border around images for hyperlinks*/
	border-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
}
/* end border classes & their colours */



/* custom field classes for listing form objects */
.ListingEType{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingYear{
	width: 53px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingMake{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingModel{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingSerialNum{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingPrice{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingCurrency{
	width: 52px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingHours
{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingKms
{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingStockNum{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingStatus{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingDescription{
	font-size: 10px;
	float: left;
	visibility: visible;
	padding-bottom: 2px;
	vertical-align: baseline;
	overflow: auto;
	width: 100%;
	color: black;
	direction: ltr;
	padding-top: 2px;
	font-family: Verdana;
	height: 68px;
	text-align: left;
}
.ListingBranch{
	width: 140px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingDealer{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;	
}
.ListingApproval{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;	
}
.ListingPICost{
	width: 75px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingPIWholesale{
	width: 75px;
	font-family: Verdana;
	font-size: 11px;
}
.ListingNotes{
	font-size: 10px;
	float: left;
	visibility: visible;
	padding-bottom: 2px;
	vertical-align: baseline;
	overflow: auto;
	width: 100%;
	color: black;
	direction: ltr;
	padding-top: 2px;
	font-family: Verdana;
	height: 58px;
	text-align: left;
}
/* end of custom field classes for listing form objects */

/* Custom field classes for "selectsub/dropdown" form objects - front end */
.SelectEType{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
}
.SelectModel{
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.WebSelectEType{ /* Web User SelectBox Settings */
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
}
.WebSelectModel{ /* Web User SelectBox Settings */
	width: 100px;
	font-family: Verdana;
	font-size: 11px;
}
.SelectDealer{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
}
.SelectPDF{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
}
/* End custom field classes for "table.selectsub" form objects */

/* custom field classes for dealer form objects */
.DealerTextBox
{
	font-size: 11px;
	width: 165px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	
}
.DealerDropDown
{
	font-size: 11px;
	width: 165px;
	font-family: Verdana;
	
}

.HexTextBox{ /* used for dealer add, edit */
	width: 75px;
	font-family: Verdana;
	font-size: 11px;
}
.RGBTextBox{ /* used for dealer add, edit */
	width: 50px;
	font-family: Verdana;
	font-size: 11px;
}

/* end custom field classes for dealer form objects */

/* custom field classes for branch form objects */
.BranchDropDown{
	font-size: 11px;
	width: 165px;
	font-family: Verdana;
	
}

.BranchTextBox
{
	font-size: 11px;
	width: 165px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	
}

/* end custom field classes for branch form objects */

/* custom field classes for financer form objects */
.FinancierDropDown{
	width: 165px;
	font-family: Verdana;
	font-size: 11px;
	
}

.FinancierTextBox
{
	font-size: 11px;
	width: 165px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	
}

/* end custom field classes for financer form objects */

/* custom field classes for user form objects */
.UserDropDown{
	width: 165px;
	font-family: Verdana;
	font-size: 11px;
	
}

.UserTextBox
{
	font-size: 11px;
	width: 165px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	
	
}

/* end custom field classes for user form objects */

/* custom field classes for fieldtypes form objects */
.FieldTypesDropDown{
	width: 165px;
	font-family: Verdana;
	font-size: 11px;
	
}

.FieldTypesTextBox
{
	font-size: 11px;
	width: 165px;
	direction: ltr;
	font-family: Verdana;
	position: static;	
}
.FieldTypes{
	font-size: 10px;
	float: left;
	visibility: visible;
	padding-bottom: 2px;
	vertical-align: baseline;
	overflow: auto;
	width: 100%;
	color: black;
	direction: ltr;
	padding-top: 2px;
	font-family: Verdana;
	height: 160px;
	text-align: left;
}

/* end custom field classes for fieldtypes form objects */


/* generic other classes */

.CreditCardDropDown{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
	
}

.StdTextBox
{
	font-size: 11px;
	width: 165px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	height: 16px;
}
.EmailTextBox
{
	font-size: 11px;
	width: 200px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	height: 16px;
	
}
.HomePageEmailTextBox
{
	font-size: 10px;
	width: 159px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	
	
}
.UploadedTextBox{ /* used for setting any textbox in an upload area like attach video */
	width: 125px;
	font-family: Verdana;
	font-size: 11px;
	height: 16px;
}

.SupportTextBox
{
	font-size: 11px;
	width: 200px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	height: 16px;
}

.PopUpTextBox
{
	font-size: 11px;
	width: 156px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	height: 16px;
}

.PopUpWideTextBox
{
	font-size: 11px;
	width: 347px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	height: 16px;
}
.PasswordFailureText
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: Red;
}

.Description{
	font-size: 10px;
	float: left;
	visibility: visible;
	padding-bottom: 2px;
	vertical-align: baseline;
	overflow: auto;
	width: 100%;
	color: black;
	direction: ltr;
	padding-top: 2px;
	font-family: Verdana;
	height: 68px;
	text-align: left;
}

.smallwhitetext{ /* used in add, edit, approve listings to size & colour small reminder text */
	color: #FFFFFF;
	font-size: 10px;
}
.darktext /* used to make any text bold, used on dealerpage */
{
	font-weight: bold;
}

.smalltext
{
	font-size: 10px;	
}
.mediumtext
{
	font-size: 12px;	
}
.largetext
{
	font-size: 14px;	
}
.footer{/* standard page footer size and graphic */
	background-image: url(images/general_back_end/footer.gif);
	background-repeat: no-repeat;
	width: 609px; 
	height: 39px;
}
.reportfooter{/* standard page footer size and graphic */
	background-image: url(images/general_back_end/footer_bw.gif);
	background-repeat: no-repeat;
	width: 759px; 
	height: 40px;
}

.navbarBG
{
	background-image: url(RadControls/Panelbar/nav_menu/FEGradeBG.gif);
	background-repeat: repeat-y;
	background-position: left;
	
}
.HomePageKeywordTextBox
{
	font-size: 10px;
	width: 108px;
	direction: ltr;
	font-family: Verdana;
	position: static;
	
	
}

.custompager
{
    padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight:bold;
    
}
.radgridabold a
{
    font-weight: bold;
    color: #000000;
} 
.radgridabold a:hover
{
    font-weight: bold;
    color: #000000;
} 
.radgridabold a:active
{
    font-weight: bold;
    color: #000000;
} 
.radgridabold a:visited
{
    font-weight: bold;
    color: #000000;
} 
.radgridabold a:link
{
    font-weight: bold;
    color: #000000;
} 

/* end generic other classes */



/* FAQ styles */

.question 
{ 
	padding-top: 8px;
	padding-left: 4px;
	font-family: Verdana;
	font-size: 10px;
	cursor: pointer; 
	font-weight: bold;

	
}

.answer 
{ 
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	display: none; 
	visibility: hidden; 
	font-family: Verdana;
	font-size: 10px;
	background-color: #F9CB59; 
}

.SpellButton 
{
 background: url(CssImg/DialogueHeaderLeft.gif);   
}
