/*****************************************************************************/
/* File:			Cascading Style Sheet - UsedRides.com					 */
/* Author:			YellaSoft Inc. - Ashley & Christopher Yellachich		 */
/* Date Created:	04/14/2009												 */
/* Date Modified:	03/12/2010												 */
/* Description:		Cascading style sheet used for the UsedRides.com website */
/*																			 */
/*																			 */
/*	Notes:																	 */
/*	======																	 */
/*	 - entries in this file are stored alphabetically						 */
/*																			 */
/*****************************************************************************/

/* Admin calculator menu back link formatting */
.AdminBackLink
{
	font-family:		Arial;
	font-size:			x-small;
	font-style:			normal;
	text-decoration:	none;
	color:				Black;
}
.AdminBackLink:hover
{
	font-family:		Arial;
	font-size:			x-small;
	font-style:			normal;
	text-decoration:	underline;
	color:				Yellow;
}

/* Admin console menu description formatting */
.AdminDesc
{
	font-family:		Arial;
	font-size:			small;
	font-style:			italic;
	color:				#5c3317;
}

/* Admin console header formatting */
.AdminHeader
{
	font-family:		Arial;
	font-size:			large;
	font-weight:		bold;
	color:				#c7ab6b;
	text-decoration:	none;
}

/* Admin console menu link formatting */
.AdminLink
{
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Black;
	text-decoration:	none;
}
.AdminLink:hover
{
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Black;
	text-decoration:	underline;
}

/* Background image formatting - z index reference only */
.BackgroundImage
{
	z-index:			0;
	position:			absolute;
}

/* Back link */
.BackLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			x-small;
	color:				Black;
}
.BackLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			x-small;
	color:				Black;
}

/* Body formatting - used in the master file */
body
{
	padding:			0px;
	margin:				0px;
	overflow:			auto;		/*hidden;*/
	position:			relative;
}

/* Border left formatting */
.BorderLeft
{
	border-left:		solid 1px black;
}

/* Border right formatting */
.BorderRight
{
	border-right:		solid 1px black;
}

/* Admin calculator link formatting */
.CalculatorLink
{
	font-family:		Arial;
	font-style:			normal;
	font-size:			large;
	text-decoration:	none;
	color:				Black;
}
.CalculatorLink:hover
{
	font-family:		Arial;
	font-style:			normal;
	font-size:			large;
	text-decoration:	underline;
	color:				Yellow;
}

/* Close window link formatting */
.CloseWindow
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    small;
	font-weight:	    normal;
	color:				blue;
}
.CloseWindow:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-size:		    small;
	font-weight:		bold;
	color:				blue;
}

/* Deleted header text formatting */
.DeletedTicketHeader
{
	background-color:	Black;
	font-size:			small;
	font-weight:		bold;
	font-family:		Arial;
	color:				white;
	border-bottom:		solid 1px #5C0000;
	text-align:			center;
	vertical-align:		top;
}

/* Edit ad panel header */
.EditAdHeader
{
	text-decoration:	none;
	color:				Black; /*#856c34;*/
	font-size:			x-large;
	font-family:		Arial;
	font-weight:		bold;
}

/* Error title */
.ErrorHeader
{
	text-decoration:		none;
	color:					Red; 
	font-size:				x-large;
	font-family:			Arial;
	font-weight:			bold;
}

/* Email ad owner link formatting */
.EmailOwner
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    medium;
	font-weight:	    normal;
	color:				blue;
}
.EmailOwner:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-size:		    medium;
	font-weight:		normal;
	color:				blue;
}

/* Error pop-up header formatting */
.ErrorPopupHeader
{
	cursor:				move;
	background-color:	#5C0000;
	font-weight:		bold;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			medium;
	color:				Yellow;
}

/* Small links which appear in the error pop-up windows */
.ErrorSmallLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
}
.ErrorSmallLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			small;
}

/* Expired header text formatting */
.ExpiredTicketHeader
{
	background-color:	#0b4103;
	font-size:			small;
	font-weight:		bold;
	font-family:		Arial;
	color:				white;
	border-bottom:		solid 1px #5C0000;
	text-align:			center;
	vertical-align:		top;
}

/* FAQ font hyperlink formatting */
.FAQLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			medium;
	font-weight:		bold;
	color:				Black;
}
.FAQLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-size:			medium;
	font-weight:		bold;
	color:				yellow;
}

/* FileUpload control widths */
.FileUploads
{
	width:				600px;
}

/* Filmstrip image formatting */
.FilmStrip
{
	background-image:	url(../../Assets/Images/Backgrounds/filmstrip.gif);
    background-repeat:	no-repeat;
}

/* Financing details hyperlink */
.FinancingLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	color: 				#484848;
}
.FinancingLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	color:				Black;
}

/* Forgot password hyperlink */
.ForgotPasswordLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			x-small;
	color:				Black;
}
.ForgotPasswordLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			x-small;
	color:				yellow;
}

/* html formatting - hide the default scrolling, the code handles it's own scrolling */
html
{
	overflow:			auto;/*hidden;*/
}

/* Large hyperlink formatting - non color specific */
.LargeLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			large;
}
.LargeLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			large;
}

/* Large text formatting - non color specific */
.LargeText
{
	font-family:		Arial;
	font-weight:		normal;
	font-size:			large;
}

/* Login box header font formatting */
.LoginBoxHeader
{
	text-decoration:	none;
	color:				Black;
	font-size:			large;
	font-family:		Arial;
	font-weight:		bold;
}

/* Login box text font formatting */
.LoginBoxText
{
	text-decoration:	none;
	color:				Black;
	font-size:			small;
	font-family:		Arial;
}

/* Login font hyperlink formatting - non colour specific */
.LoginLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			medium;
	font-weight:		normal;
}
.LoginLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-size:			large;
	font-weight:		normal;
}

/* Medium hyperlink formatting - non color specific */
.MediumLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			medium;
}
.MediumLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		bold;
	font-size:			medium;
}

/* Medium text formatting - non color specific */
.MediumText
{
	font-family:		Arial;
	font-weight:		normal;
	font-size:			medium;
}

/* Menu formatting - non colour specific */
.MenuContainer
{
	z-index:			1;
	position:           absolute;
}

/* Menu font hyperlink formatting (TO BE USED ONLY IN 'UserControls/MainMenu.ascx') */
.MenuLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    small;
	font-weight:		bold;
	color:				#c7ab6b;
	z-index:			10;
}
.MenuLink:hover
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Yellow;
	z-index:			10;
}
/* Menu font hyperlink for all menu links which appear in the left-hand column - formatting IE6&7 */
.MenuLink_LeftColumn
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    small;
	font-weight:		bold;
	color:				#c7ab6b;
	z-index:			10;
	margin-left:		15px;
}
.MenuLink_LeftColumn:hover
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Yellow;
	z-index:			10;
	margin-left:		15px;
}
/* Menu font hyperlink for 'Place New Ads' & 'Place/Edit Ads' - formatting IE6&7 */
.MenuLink_LeftColumnSPECIAL
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    small;
	font-weight:		bold;
	color:				#c7ab6b;
	z-index:			10;
	margin-left:		7px;
}
.MenuLink_LeftColumnSPECIAL:hover
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Yellow;
	z-index:			10;
	margin-left:		7px;
}
/* Menu font hyperlink  for all menu links which appear in the right-hand column - formatting IE6&7 */
.MenuLink_RightColumn
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    small;
	font-weight:		bold;
	color:				#c7ab6b;
	z-index:			10;
	margin-left:		40px;
}
.MenuLink_RightColumn:hover
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Yellow;
	z-index:			10;
	margin-left:		40px;
}
/* Menu font hyperlink  for all menu links which appear in the right-hand column - formatting IE6&7 */
.MenuLink_RightColumnSPECIAL
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    small;
	font-weight:		bold;
	color:				#c7ab6b;
	z-index:			10;
	margin-left:		28px;
}
.MenuLink_RightColumnSPECIAL:hover
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;
	font-weight:		bold;
	color:				Yellow;
	z-index:			10;
	margin-left:		28px;
}

/* Modal background and popup */
.modalBackground
{
	background-color:	Gray;
	filter:				alpha(opacity=70);
	opacity:			0.7;
}
.modalPopup
{
	background-color:	#ffffdd;
	border-width:		3px;
	border-style:		solid;
	border-color:		Gray;
	padding:			3px;
	width:				250px;
}

/* Page Header font formatting */
.PageHeader
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			x-large;
	font-weight:		bold;
	color:				#C4092E;
}

/* Next & previous hyerlinks */
.PagingLink
{
	font-family:		Arial;
	font-size:			medium;
	color:				#c7ab6b;
	text-decoration:	none;
}
.PagingLink:hover
{
	font-family:		Arial;
	font-size:			medium;
	color:				Yellow;
	text-decoration:	underline;
}

/* Next & previous hyperlinks */
.PagingLink_NoHover
{
	font-family:		Arial;
	font-size:			medium;
	color:				#c7ab6b;
	text-decoration:	none;
}

.PagingLink_TraderMagazine
{
    font-family:        Arial;
    font-size:          medium;
    color:              Black;
    text-decoration:    none;
    text-align:         center;
}
.PagingLink_TraderMagazine:hover
{
    font-family:        Arial;
    font-size:          medium;
    color:              Black;
    text-decoration:    underline;
    text-align:         center;
}

/* Page numbers text */
.PagingText
{
	font-family:		Arial;
	font-size:			medium;
	color:				#c7ab6b;
	text-decoration:	none;
}

/* Popup Menu */
.PopupMenu
{
	z-index:			30;
	position:			absolute;
	visibility:			hidden;
	background-color:	#F5F7F8;
	opacity:			1; /*.9;*/
	filter:				alpha(opacity=90);
}

/* Popup Hover */
.PopupHover
{
	background-image:	url(images/header-opened.png);
	background-repeat: 	repeat-x;
	background-position:left top;
	background-color:	#F5F7F8;
}

/* Recaptcha link formatting */
.RecaptchaLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:		    x-small;
	font-weight:	    normal;
	color:				blue;
}
.RecaptchaLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-size:		    x-small;
	font-weight:		bold;
	color:				blue;
}

/* Rounded corners panel */
.RoundedPanel
{	
	background-color:	#c7ab6b;
}
/* Rounded corners panel - special ads, expired/inactive ads, and sold ads only */
.RoundedPanel_Special
{	
	background-color:	#0b4103;
}
/* Rounded corners panel - wanted ads only */
.RoundedPanel_Wanted
{	
	background-color:	#5C0000;
}
/* Rounded corners panel - deleted only */
.RoundedPanel_Deleted
{	
	background-color:	Black;
}
.RoundedPanel_Sold
{
    background-color:   #0b4103; /*#229500;*/
}

/* Search bar formatting */
.SearchBar
{
	margin-top:			1px;
	z-index:			10;
}

/* Search pop-up menu links */
.SearchLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;	
	font-weight:		bold;
	color:				#c7ab6b;
}
.SearchLink:hover
{
	text-decoration:	none;
	font-family:		Arial;
	font-size:			small;	
	font-weight:		bold;
	color:				Yellow;
}

/* Slide show background image */
.SlideShowBackground
{
	z-index:			0;
	background-image:	url(../../Assets/Images/Backgrounds/slide_show_lights.png);
    background-repeat:	no-repeat;
    background-position:center;
    background-color:	Black;
    width:				526px;
    height:				523px;
    margin-left:		10px;
}

/* Small hyperlink formatting - non color specific */
.SmallLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
}
.SmallLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
}

/* Small hyperlink formatting - color specific */
.SmallLinkColor
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	color:				Black;
}
.SmallLinkColor:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	color:				Yellow;
}

/* Small text formatting - non color specific */
.SmallText
{
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
}

/* Sold header text formatting */
.SoldTicketHeader
{
	background-color:	#0b4103; /* light green - #229500; */
	font-size:			small;
	font-weight:		bold;
	font-family:		Arial;
	color:				white;
	border-bottom:		solid 1px #5C0000;
	text-align:			center;
	vertical-align:		top;
}

/* Weekly special header text formatting */
.SpecialTicketHeader
{
	background-color:	#0b4103;
	font-size:			small;
	font-weight:		bold;
	font-family:		Arial;
	color:				white;
	border-bottom:		solid 1px #5C0000;
	text-align:			center;
	vertical-align:		top;
}

/* Ticket formatting; ride content */
.Ticket_Content
{
	font-family:		Arial;
	font-size:			small;
	font-weight:		normal;
	color:				#5C0000;
	z-index:			20;
	margin-top:			0px;
	margin-left:		0px;
}

/* Ticket content border formatting */
.Ticket_ContentBorder
{
	border:				solid 1px #5C0000;
	color:				#5C0000;
	background-color:	#DCC68D;
	height:				97px;
	margin-top:			0px;
	margin-left:		0px;
	z-index:			20;
	cursor:				pointer;
}
.Ticket_ContentBorder:hover
{
	border:				solid 1px Yellow;
	cursor:				pointer;
}

/* Ticket content finance border formatting */
.Ticket_ContentFinanceBorder
{
	border:				solid 1px #5C0000;
	background-color:	#DCC68D;
	color:				Black;
	height:				120px;
	margin-top:			0px;
	margin-left:		0px;
	z-index:			20;
	cursor:				pointer;
}
.Ticket_ContentFinanceBorder:hover
{
	border:				solid 1px Yellow;
	cursor:				pointer;
}

/* Ticket formatting; ride content label headers */
.Ticket_ContentLabelHeader
{
	font-size:			small;
	font-weight:		normal;
	font-family:		Arial;
	color:				Black;
	z-index:			20;
	margin-top:			0px;
	margin-left:		0px;
}

/* Ticket formatting; ride contact */
.Ticket_RideContact
{
	font-family:		Arial;
	font-size:			small;
	font-weight:		normal;
	color:				#5C0000;
	z-index:			20;
	margin-top:			0px;
	margin-left:		0px;
}

/* Ticket formatting; ride description */
.Ticket_RideDescription
{
	border:				solid 1px #5C0000;
	color:				#5C0000;
	height:				49px;
	margin-top:			0px;
	margin-left:		0px;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	z-index:			20;
}

/* Ticket formatting; ride description */
.Ticket_RideDescription2
{
	color:				#5C0000;
	margin-top:			0px;
	margin-left:		0px;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	z-index:			20;
}

/* Ticket formatting; full ride description  */
.Ticket_RideDescriptionFull
{
	border:				solid 1px #5C0000;
	color:				#5C0000;
	background-color:	#F4E6B0;
	height:				97px;
	margin-top:			0px;
	margin-left:		0px;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			small;
	z-index:			20;
}

/* Ticket formatting; ride image */
.Ticket_RideImage
{
	z-index:			20;
	margin-top:			0px;
	margin-left:		0px;
}

/* Ticket formatting; ride image #2 (created for 'no image' ride ads) */
.Ticket_RideImage2
{
	z-index:			20;
	margin-top:			0px;
	margin-left:		0px;
}

/* Ticket formatting; ride image #3 (created for 'sterling' financial ads) */
.Ticket_RideImage3
{
	z-index:			25;
	margin-top:			0px;
	margin-left:		0px;
}

/* Ticket formatting; ride image 'no video' */
.Ticket_RideImage_NoVideo
{
	margin-left:		0px;
	margin-top:			0px;
	border:				solid 2px #5C0000;
	z-index:			20;
}

/* Ticket formatting; ride image 'video' still */
.Ticket_RideImage_Video
{
	margin-top:			21px;
	border:				solid 2px #5C0000;
	z-index:			20;
	width:				144px;
	height:				89px;
}

/* Ticket formatting; ride name */
.Ticket_RideName
{
	color:				#5C0000;
	font-weight:		bold;
	font-family:		Arial;
	margin-top:			0px;
	margin-left:		0px;
	z-index:			20;
}

.Ticket_RideNameLink
{
	color:				#5C0000;
	font-weight:		bold;
	font-family:		Arial;
	margin-top:			0px;
	margin-left:		0px;
	z-index:			20;
	text-decoration:	none;
}
.Ticket_RideNameLink:hover
{
	color:				#5C0000;
	font-weight:		bold;
	font-family:		Arial;
	margin-top:			0px;
	margin-left:		0px;
	z-index:			20;
	text-decoration:	underline;
}

/* Ticket background image */
.TicketBackground
{
	z-index:			0;
	height:				146px;	/* this is the image height */
	width:				791px;	/* this is the image width */
	background-image:	url(../../Assets/Images/Backgrounds/ticket.gif);
    background-repeat:	no-repeat;
    background-position:center;
}

/* The top banner image */
.TopBannerImage
{
	z-index:            0;
	background-image:	url(../../Assets/Images/Backgrounds/scaffolding_new_loggedout.jpg); /*header_background.jpg);*/
	background-repeat:	no-repeat;
	background-position:center;
	width:				800px;
	height:				199px;
}
/* The top banner image when a user is logged in */
.TopBannerImage_LoggedIn
{
	z-index:            0;
	background-image:	url(../../Assets/Images/Backgrounds/scaffolding_new_loggedin.jpg); /*header_background.jpg);*/
	background-repeat:	no-repeat;
	background-position:center;
	width:				800px;
	height:				199px;
}

/* Wanted header text formatting */
.WantedTicketHeader
{
	background-color:	#5C0000;
	font-size:			small;
	font-weight:		bold;
	font-family:		Arial;
	color:				white;
	border-bottom:		solid 1px #5C0000;
	text-align:			center;
	vertical-align:		top;
}

/* X-Small hyperlink formatting - non color specific */
.XSmallLink
{
	text-decoration:	none;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			x-small;
}
.XSmallLink:hover
{
	text-decoration:	underline;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			x-small;
}

/* X-Small font formatting - non color specific */
.XSmallText
{
	font-family:		Arial;
	font-weight:		normal;
	font-size:			x-small;
}
/****************************************************************************/