/* THESE ARE DEALERPEAK ASP SITE STYLES */
.hide {
	display: none;
}

ul {
	margin:5px 0px 5px 25px;
	padding:0px;
}

div#SiteMapLinks { margin: 5px 0; }
div#SiteMapLinks ul ul { margin:0 0 0 25px; }

.loading { 
	height: 100px; 
	text-align: center; 
	background-repeat: no-repeat;
	background-position: center; 
	background-image: url(/images/inventory/loading.gif); 
} 

/*Customer Detail Specific */
.strongTitle {padding-left:2px; color:#666666; font-weight:700; font-size:11px;}
tr.leadDetails {background-color:#D9E1F6;}
td.leadDetails {font-size:11px; color:#000000; vertical-align:top;}
tr.accountDetails {background-color:#D9E1F6;}
td.accountDetails {background-color:#D9E1F6; font-size:11px; color:#000; vertical-align:top;}
.inventoryListA {background-color:#FFFFFF; font-size:11px; color:#000;}
.inventoryListB {background-color:#F5F5F5; font-size:11px; color:#000;}
.silverCell {font-size:11px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding-left:2px;}
.leftSilverCell {font-size:11px; border-right: 1px solid #999999;border-bottom: 1px solid #999999;border-left: 1px solid #999999; padding-left:2px;}
.sortheader {text-decoration: none;}	  

/* As Advertised Styles */
#AsAdTop{
	background-image:url(../Images/WeeklySpecial/top.gif);
	height:11px;}
#AsAdTable1{width:760px;}
#AsAdTable2{
	background-color:#FFFFFF;
	width:760px;
	border-left: 3px solid #F7B11B;
	border-right:3px solid #F7B11B;}
#AsAdBody{
	background-color:#FFFFFF;
	border-left: 3px solid #F7B11B;
	border-right:3px solid #F7B11B;}
#AsAdBottom{
	width:760px;
	background-image:url(../Images/WeeklySpecial/bottom.gif);
	height:11px;}

div#calculatorBlock{
	padding:20px 50px;
	font-size:10px;
}

/* Comment Bubble Styles */
.comment_bubble_container {
	color: black;
}
.comment_bubble_container td {
	color: black;
}
.comment_bubble_table td {
	font-size: 5px;
}
.commentUL {
	background-image:url(../Images/comment/White_UpLeft.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.commentUC {
	background-image:url(../Images/comment/White_UpCenter.gif);
	height: 10px;
}
.commentUR {
	background-image:url(../Images/comment/White_UpRight.gif);
	height: 10px;
	width: 10px;
}
.commentML {
	background-image:url(../Images/comment/White_MidLeft.gif);
	width: 10px;
}
td.commentMC {
	background-color: #FFFFCC;
	color: black;
	font-size: 12px;
}
.commentMR {
	background-image:url(../Images/comment/White_MidRight.gif);
	width: 10px;
}
.commentLL {
	background-image:url(../Images/comment/White_LowLeft.gif);
	height: 34px;
	width: 54px;
}
.commentLC {
	background-image:url(../Images/comment/White_LowCenter.gif);
	height: 34px;
}
.commentLR {
	background-image:url(../Images/comment/White_LowRight.gif);
	height: 34px;
	width: 10px;
}

/* Coupon Styles */
.couponPrice{
	width:90%; 
	
}
.couponImage{
	padding:10px 0px 0px 0px;
}
.couponImage img{
	padding:0;
}
.couponPriceText{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:24pt;
	font-weight:700;
	letter-spacing:-0.10em;
	color:#FF0000;
	vertical-align:top;
}
.couponDescription{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 5px 5px 5px;
	text-align:justify;
	white-space: normal;
}
.couponExpires{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.couponFinePrint{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:5px 5px 5px 5px;
	color:#666666;
}
.Coupon{width:450px; }
.printCoupon{page-break-inside:avoid; page-break-before:auto; page-break-after:auto; }
.couponUL{background-image:url(../Images/Coupon/UpLeft.gif); height:19px; width:21px;}
.couponUC{background-image:url(../Images/Coupon/UpCenter.gif); height:19px;}
.couponUR{background-image:url(../Images/Coupon/UpRight.gif); height:19px; width:21px;}
.couponML{background-image:url(../Images/Coupon/MidLeft.gif); width:21px;}
.couponMR{background-image:url(../Images/Coupon/MidRight.gif); width:21px;}
.couponLL{background-image:url(../Images/Coupon/LowLeft.gif); height:21px; width:21px;}
.couponLC{background-image:url(../Images/Coupon/LowCenter.gif); height:21px;}
.couponLR{background-image:url(../Images/Coupon/LowRight.gif); height:21px; width:21px;}
/* Blue Round Corner */
#headUL{background-image:url(../Images/Coupon/headerUL.gif); width:90%; background-position:top left; background-repeat:no-repeat; background-color:#003399;}
#headUR{background-image:url(../Images/Coupon/headerUR.gif); width:100%; height:100%; background-position:top right; background-repeat:no-repeat;}
#headLL{background-image:url(../Images/Coupon/headerLL.gif); width:100%; height:100%; background-position:bottom left; background-repeat:no-repeat;}
#headLR{background-image:url(../Images/Coupon/headerLR.gif); width:100%; height:100%; background-position:bottom right; background-repeat:no-repeat;}
.couponHeading{padding:7px 10px 10px 10px; color:#FFFFFF !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:26px; font-weight:400;}
/* Blue Round Caps */
#subheadUL{background-image:url(../Images/Coupon/headerUL.gif); width:75%; background-position:top left; background-repeat:no-repeat; background-color:#003399; margin-top:10px;}
.couponSubHeading{padding:2px 4px 4px 4px; color:#FFFFFF !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:400;}

.IncentiveBar {background-color: #eeeeee; padding:4px 0px 4px 5px; border:1px solid green;}

.headerbox_content_personal {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFE1;
	width: 100%;
	padding-left: 3px;
	padding-bottom: 4px;
	margin: 0px 0px 10px 0px;
	border-top: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}


input.largerCheckbox{
	width: 22px;
	height: 22px;
}
			
/* submit buttons */
input.button {
	background-color: #e2e2e2;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	margin: 1px;
	background-image: url("/images/button_bg.gif");
	background-repeat: repeat-x;
	border-top:#CCCCCC solid 1px; 
	border-bottom: #999999 solid 1px; 
	border-right:#CCCCCC solid 1px; 
	text-decoration: none;
	border-left:#999999 solid 1px; 
	height:22px;
	padding: 2px;
	text-align:center;
	clear:both;
}

input.buttonwait {
	background-color: #e2e2e2;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: wait;
	border-top:#999999 solid 1px; 
	border-bottom: #999999 solid 1px; 
	border-right:#999999 solid 1px; 
	border-left:#999999 solid 1px; 
	text-decoration: none;
	margin: 1px;
	height:22px;
	padding: 2px;
	text-align:center;
	clear:both;
}

input.hover, input.button:hover {
	background-color: #e2e2e2;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
	margin: 1px;
	background-repeat: repeat-x;
	border-top:#999999 solid 1px; 
	border-bottom: #CCCCCC solid 1px; 
	border-right:#999999 solid 1px; 
	border-left:#CCCCCC solid 1px; 
	height:22px;
	padding: 2px;
	text-align:center;
	clear:both;
}


/*TABS*/
/* used for seperator when browser deos not support css*/
span.pipe {display: none;}

.tabbox {
    white-space: nowrap;
	padding: 0px;
	clear: both;
	margin: 2px 0px 3px 0px;
	/* margin: expression('2px 1px 1px 0px');*/
}

/* keep for all the places it's still identified as an id instead of class */
#tabbox {
    white-space: nowrap;
	padding: 0px;
	clear: both;
	margin: 2px 0px 3px 0px;
	/* margin: expression('2px 0px 0px 0px;'); */
}

#taboff a, #taboff a:visited {
	color: #333;
	padding: 2px 4px 2px 4px;
	background-color: #CCC;
	text-decoration: none;
	margin: 1px 0px 0px 1px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	background-image: url("/images/button_bg.gif");
	background-repeat: repeat-x;
	font-size: 10px;
	white-space:nowrap;
	height:22px;
}

#taboff a:hover, #taboff a:active {
	color: #fff;
	padding: 2px 4px 2px 4px;
	background-image: none;
	background-color: #CCC;
	text-decoration: none;
	margin: 1px 0px 0px 1px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: 10px;
	white-space:nowrap;
	height:22px;
}

#tabon a, #tabon a:visited, #tabon a:hover, #tabon a:active {
	color: #000000;
	padding: 2px 4px 2px 4px;
	background-color: #eeeeee;
	text-decoration: none;
	margin: 1px 0px 0px 1px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #CCC;
	background-image: none;
	font-size: 10px;
	white-space:nowrap;
	height:22px;
}

.hrTabBlock{
	float:right;
}
/* END tabs */

/* CALENDAR*/
.calendar{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;}

.readmore {
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: 700;
	white-space: normal;
}

.footer {
	color: #999999;
	font-size: 11px;
	font-size: 9px;
}
div#innerFooterLeft{width:auto;float:left;}		
div#innerFooterRight{width:80px;float:right;}		
/* these control MAIN nested table styles */

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	text-align:left;
}

p, td{
	margin: 0px; 
	color: #000000; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	white-space: normal;
}
	
	
	
/*******  ALL POP-UP CALENDAR CSS   *******/
/* Default attributes of table container for entire calendar */
.table-style {
	font-family: arial;
	border-width: 1px; 
	border-style: solid; 
	border-color: #a0a0a0; 
	background-color: #ffffff;
	font-family: arial; 
	font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
	z-index: 1;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
	padding: 2px;
	font-family: arial; 
	font-size: 11px;
	color: #3a6ea5;
	text-align: center;	
}

/* Default attributes used in calendar title background.*/
.title-background-style {
	background-color: #cee3ef;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
	border-style: solid;
	border-width: 1px;
	border-color: #3a6ea5; 
	cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
	border-style: solid;
	border-width: 1px;
	border-color: #3a6ea5; 
	cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 11px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #a0a0a0;
	background-color: #cee3ef;
	cursor: pointer;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
	background-color: #3a6ea5;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
	background-color: #FFFFFF;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
	padding: 2px;
	background-color: #cee3ef;
	font-family: verdana; 
	font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
	color: #909090;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
	border-style: solid;
	border-width: 1px; 
	border-color: #a0a0a0;
}

/* Default attributes of designated holidays. */
.holiday-style {
	background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
	padding: 0px;
	color: black;
	background-color: #cee3ef;
	text-align: center;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #d0d0d0; 
	padding: 0px;
}

/*used for result sets and changing background colors*/
.resultsetA {
	background-color: #FFFFFF;
}
.resultsetB {
	background-color: #D7DBFF;
}
.resultset_active, .ResultSet_Active,
tr.resultsetA:hover, tr.resultSetA:hover, tr.ResultSetA:hover,
tr.resultsetB:hover, tr.resultSetB:hover, tr.ResultSetB:hover,
.resultsetA.active, .resultSetA.active, .ResultSetA.active,
.resultsetB.active, .resultSetB.active, .ResultSetB.active {
	background-color: #FFFF99;
}


.TitleBox {
	min-height: 20px;
	max-height: 40px;
	/* display: table;
	width: 100%; */
	width: auto;
	padding: 5px;
	margin: 0px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #eee;
	font-family: Arial, Helvetica, sans-serif;
	background: url("/images/header_bar.png") top repeat-x;
}

.TitleBox_Left {
	display: block;
	float: left; 
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 1px 1px 1px 2px;
	margin: 0px;
}

.TitleBox_Right {
	display: block;
	float: right; 
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding: 1px 2px 1px 1px;
	margin: 0px;
}	

.TitleBox_Content {
	font-size: 11px;
	color: #000000;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 1px solid #EEEEEE;
	font-family: Arial, Helvetica, sans-serif; 
}

.TitleBox a:link, .TitleBox a:visited {
	font-weight: normal;
	font-size: 12px;}

/* compose email message */
.emailHeader {
	background-image: url(/Skin/AgentTemplates/Generic/Images/icon_email.png);
	background-repeat: no-repeat;
	padding-left: 30px;
}

.composeMessageBody {
	background-color: #DDEEF6;
}

.composeFormContainer, .frmCustomerQuickAddContainer {
	margin: 0;
	margin-top: -1px;
	padding: 5px 10px 10px 10px;
	background-color: #DDEEF6;
}

.composeMessageForm, .frmCustomerQuickAdd {
	margin: 0;
	padding: 0;
}

.composeMessageForm label, .frmCustomerQuickAdd label {
	float: left;
	width: 80px;
	padding: 0;
	margin: 12px 2px 0 0;
	text-align: right;
	font-family: sans-serif;
	font-size: 13px;
	color: #444;
	font-weight: bold;
}

.composeMessageForm input[type=text], 
.composeMessageForm select, 
.composeMessageForm textarea,
.frmCustomerQuickAdd input[type=text], 
.frmCustomerQuickAdd select {
	width: auto;
	margin: 8px 0 0 8px;
	font-size: 13px;
	font-family: sans-serif;
	padding: 3px;
}

.manageCustomer{
	display: none;
}

.emailChoiceContainer{
	padding: 0;
	margin: 0px 5px 0 86px;
	font-family: sans-serif;
	font-size: 13px;
	color: #444;
	height: 20px;
}

.emailChoiceContainer label{
	float: none;
	width: auto;
	margin-right: 10px;
	font-weight: normal;
} 

.composeMessageForm .templateSelect {
	position: relative;
	float: left;
}

.composeMessageForm .canSpamCheck {
	float: left;
	margin: 3px;
}

.composeMessageForm .canSpamLabel {
	width: auto;
	color: #888;
	padding: 0;
	margin: 0;
	vertical-align: text-top;
}

.composeMessageForm .canSpamInput {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	width: 15px;
	height: 15px;
}

.composeMessageForm .submitButtons {
	float: right;
	position: relative;
	text-align: right;
}

.frmCustomerQuickAddSubmit {
	text-align: center;
	margin: 20px;
}

.composeMessageForm .draftSaveDate {
	font-family: sans-serif;
	font-size: 13px;
	text-align: right;
	color: #444;
	float: right;
	margin: 5px 5px 0 0;
}

/* end compose email message */

.loadingHere {
	background-image: url(/images/ajax-loader.gif);
	width: 16px;
	height: 16px;
	position: absolute; 
	top: 12px; 
	left: 300px;
	display: none;
}

.clear {
	clear: both;
}

/* boxes */
.infoBox, .errorBox, .warningBox, .successBox, .messageBox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid;
	margin: 10px 10px 2px 10px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 12px;
}

.infoBox a:link, .errorBox a:link, .warningBox a:link, .successBox a:link, .messageBox a:link {
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
}

.infoBox {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/icon_info.png')
}

.errorBox {
	color: #D8000C;
    background-color: #FFBABA;
	background-image: url('/images/icon_error.png')
}

.errorBox a:hover {
	color: #D8000C;
	text-decoration: underline;
}

.warningBox {
	color: #9F6000;
    background-color: #FEEFB3;
	background-image: url('/images/icon_warning.png')
}

.successBox {
	color: #4F8A10;
	/*background-color: #DFF2BF; this is really ugly, me thinks */
	background-image: url('/images/icon_success.png')
}

.messageBox {
	color: #555;
	background-color: #EEE;
	padding-left: 15px;
}

.messageBoxTitle {
	font-style: italic;
	margin: 10px 0 -5px 0;
}

/* end boxes */

/* ToolTip Styles */
.TipTitle {
	background-color:silver;
	color:black;
	border-left:1px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 4px 2px 4px;
}
.TipContent {
	background-color:white;
	color:black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-right:1px solid black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 4px 2px 4px;
}
/* Just for fun. Rounded corners and drop-shadow on tool-tip */
.ToolTipBox {
	background-color: transparent;
	z-index: 500;
}
.TipTitle, .TipContent {
	box-shadow: 2px 2px 3px #888;
	-moz-box-shadow: 2px 2px 3px #888;
	-webkit-box-shadow: 2px 2px 3px #888;
}
.TipTitle {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
}
.TipContent {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}

/*SubTitleBox is for nested boxes within a TitleBox*/
.SubTitleBox {
	background-color: #4482DD;
	background-image:url('/images/subtitlebar.gif');
	background-repeat: repeat-x;
	border: none;
	color: #eeeeee;
	height: 18px;
	margin: 0px;
	padding: 0px;
	
	/* Corner Radius */
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	/* padding: 1px 1px 0px 2px;
	border-top: 0px none #eee;
	border-right: 0px solid #eee;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #eee; */
}

.SubTitleBox_Left {
	display: block;
	float: left; 
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 1px 0px 0px 4px;
	white-space: nowrap;
}

.SubTitleBox_Right {
	display: block;
	float: right; 
	font-size: 11px;
	font-weight: normal;
	color: #EEEEEE;
	padding: 0px;
	margin-right: 1px;
	margin: 1px 3px 0px 0px;
	white-space:nowrap;
}	

.SubTitleBox_Content {
	font-size: 11px;
	font-weight: normal;
	color: #000000;;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	/* width: expression('100%'); */
	border: 1px solid #4482DD;
}

/* Titlebox resize handle styles */
.SubTitleBox_Content_BottomHandle {
	height: 0px;
	width: 39px;
	margin: 0px auto 0 auto;
	overflow: visible;
	cursor: s-resize;
	display: none;
}
.showhandle .SubTitleBox_Content_BottomHandle {
	display: block;
}
.SubTitleBox_Content_BottomHandle span {
	display: block;
	position: absolute;
	margin-top: -2px;
	width: 39px;
	height: 14px;
	background: url(/Images/CRM/bottom-drag-handle.png);
}
/* END Titlebox resize handle styles */

.SubTitleBox a:link, .SubTitleBox a:visited {
	color: #EEEEEE;
	font-weight: normal;
	font-size: 11px;}



/* DIV AND SPAN BASED FORM LAYOUT STUFF */
.FormGroupHeader {
	clear:both;
	border-bottom:2px solid silver;
	font-weight: bold;
	font-size: 14px;
}
.FormGroup {
	margin:5px 5px 10px 15px;
}
.formRow, .fieldSet {
	clear: both;
	padding-left: 10px;
}
.fieldName {
	float: left;
	padding: 2px;
	width: 130px;
	color: #444444;
	font-weight: bold;
}
.fieldContent {
	float: left;
	padding: 2px;
	width: auto;
}
.fieldContent {
	color: #444444
}
/* FILTER DESCRIPTION ON THE VEHICLE ADVANCED SEARCH PAGE */
#filterFields{font-size:12px; color:#FF9900; font-weight:bold;}

/* A BASIC CLASS FOR PICURES THAT ARE HYPER LINKS WITH NO BORDER */
.picLink,
.mouseOverImg{
	border:0;
}

/* FLOATING WINDOW STYLES */



.WinUpLeft {
	width:28px;
	height:41px;
	background:url(/Images/win_TopLeft-trans.png) no-repeat top left;
}
.WinUpCenter {
	height:31px;
	background:url(/Images/win_TopCenter-trans.png) repeat-x;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	cursor:default;
}
.WinUpRight {
	width:45px;
	height:41px;
	background:url(/Images/win_TopRight-trans.png) no-repeat top left;
}
.WinMidLeft {
	width:28px;
	background:url(/Images/win_MiddleLeft-trans.png) repeat-y;
}
.WinMidCenter {
	background-color:#FFFFFF;
}
.WinMidRight {
	width:35px;
	background:url(/Images/win_MiddleRight-trans.png) repeat-y;
}
.WinLowLeft {
	width:28px;
	height:35px;
	background:url(/Images/win_BottomLeft-trans.png) no-repeat top left;
}
.WinLowCenter {
	height:35px;
	background:url(/Images/win_BottomCenter-trans.png) repeat-x;
}
.WinLowRight {
	width:35px;
	height:35px;
	background:url(/Images/win_BottomRight-trans.png) no-repeat top left;
}
.WinLowRight.dpPopupResizeCorner {
	cursor: se-resize;
	-moz-user-select: none;
	background:url(/Images/win_BottomRight_draglines-trans.png) no-repeat top left;
}

/* these are for the media library pop - MedWin*  */
.MedWinUpLeft {
	width:28px;
	height:78px;
	background:url(/Images/mediaLibTopLeft.png) no-repeat top left;
}
.MedWinUpCenter {
	height:78px;
	background:url(/Images/mediaLibTopMiddle.png) repeat-x;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	cursor:default;
}
.MedWinUpRight {
	width:35px;
	height:78px;
	background:url(/Images/mediaLibTopRight.png) no-repeat top left;
}

.MedWinMidLeft {
	width:28px;
	background:url(/Images/mediaLibMidLeft.png) repeat-y;
}

.MedWinMidRight {
	width:35px;
	background:url(/Images/mediaLibMidRight.png) repeat-y;
}

.MedWinLowLeft {
	width:28px;
	height:35px;
	background:url(/Images/mediaLibLowerLeft.png) no-repeat top left;
}
.MedWinLowCenter {
	height:35px;
	background:url(/Images/mediaLibLowerMiddle.png) repeat-x;
}
.MedWinLowRight {
	width:35px;
	height:35px;
	background:url(/Images/mediaLibLowerRight.png) no-repeat top left;
}

/* end FLOATING WINDOW STYLES */

/* Scriptaculous AutoComplete Styles */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px !important;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb; text-align:left;}
div.autocomplete ul li {
  list-style-type:none;
  text-align:left;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
  white-space: nowrap;
}
/* END Scriptaculous AutoComplete Styles */

/* Frm_Feedback Styles */
div#feedbackFormBlock{padding-left:5px; text-align:left;}

/* Container Styles */
.feedback_container {
	margin:3px auto 3px auto;
	width: 99%;
}
.feedback_container .required_legend {
	background-image: url(/images/reqbullet-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
	color: red;
	font-size: 12px;
	margin-left: 0px;
	padding-left: 10px;
	width: 80px;
	white-space: nowrap;
}
.feedback_container .topleft {
	height: 28px;
	width: 10px;
	background-image: URL(/Images/Feedback/topleft-trans.png);
}
.feedback_container .topcenter {
	height: 28px;
	background-image: URL(/Images/Feedback/topcenter-trans.png);
	background-color: white;
}
.feedback_container .topcenter {
	height: 28px;
	background-image: URL(/Images/Feedback/topcenter-trans.png);
	background-color: white;
}
.feedback_container .topright {
	height: 28px;
	width: 10px;
	background-image: URL(/Images/Feedback/topright-trans.png);
}
.feedback_container .midleft,
.feedback_container .midcenter,
.feedback_container .midright  {
	background-image: URL(/Images/Feedback/midgradient-trans.png);
}
.feedback_container .bottomleft {
	height: 12px;
	background-image: URL(/Images/Feedback/bottomleft-trans.png);
}
.feedback_container .bottomcenter {
	height: 12px;
	background-color: #E2E3E5;
}
.feedback_container .bottomright {
	height: 12px;
	background-image: URL(/Images/Feedback/bottomright-trans.png);
}
/* END - Container Styles */


div.feedbackFormLabel{
	font-weight: bold;
	font-size: 12px;
	color: #393939;
	font-family: arial,verdana,helvetica,sans-serif;
	padding-left: 12px;
}
div.feedbackFormLabel.required {
	background-image: none;
}
.feedback_container div.feedbackFormLabel.required {
	background-image: url(/images/reqbullet-trans.png);
	background-position: 0 -1px;
}
.feedbackInput{
	margin-bottom:3px;
	font-weight:bold;
	font-size:12px;
	color:#393939;
	font-family:arial,verdana,helvetica, sans-serif;
}
div#feedbackFormBlock .inputStyle2, div#feedbackFormBlock .inputStyle{
	font-weight:normal;
}
div#feedbackFirstNameLabel,
div#feedbackLastNameLabel,
div#feedbackEmailLabel,
div#feedbackPhoneLabel,
div#feedbackLocationLabel,
div#feedbackZipCodeLabel{
	text-align: left;
	float: left;
	width: 100px;
	margin-right: 4px;
}
div#feedbackSubmitButton{
	text-align:center;
}
#frm_feedbackSubmit{
	margin:0;
	padding:0;
	border:none;
	background:none;
	background-image: url(/Images/Feedback/submit-trans.png);
	background-repeat: no-repeat;
	cursor:pointer;
	width: 101px;
	height: 22px;
}
div#feedbackFormBlock .inputStyle{border:1px solid #7F9DB9;} 
div#feedbackFormBlock .inputStyle2{border:1px solid #7F9DB9;} 
div#feedbackWelcomeBlock{
	font-size:11px;
	margin:4px 0 12px 0;
}
div#feedbackFormBlock #areaCode, #phoneTopThree, #phoneBottomFour, #extension {width:35px;}
span#feedbackWrongUser{font-size:9px;}
div#feedbackWelcomeMessage{margin-bottom:4px;}
/* END Frm_Feedback Styles */

/* Pagination Styles */

.paging { 
	display: block; 
	float: none; 
	clear: both; 
	height: 20px; 
} 
.paging,
.paging a {
	font-size: 9pt; 
	font-family: Verdana, Tahoma, Helvetica, Arial;
}
.paging a { 
	display: block; 
	float: left; 
	padding: 0px 3px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	text-decoration: none; 
	text-align: right; 
	color: blue; 
} 
.paging a:hover { color: red; }
.paging .totalresults { 
	padding: 0px; 
	margin: 0px 0px 3px 0px; 
} 
.paging .totalresults .number {
	font-weight: bold;
}
.paging .paginglabel { 
	display: block; 
	float: left; 
	padding: 0px; 
	margin: 0px 3px 0px 0px;
} 

.paging .pageserieslinkcontainer { 
	display: block; 
	float: left; 
} 
.pageserieslinkcontainer .previous,
.pageserieslinkcontainer .next {
	font-family: "Courier New", Courier, monospace;
	font-size: 18px; 
	line-height: 65%;
}

.paging .pageseriescontainer {
	display: block; 
	float: left; 
	background-color: #E0E0E0; 
	width: 230px; 
	border: solid 1px; 
	border-color: silver black black silver; 
	overflow: auto; 
	margin: -3px -285px -15px 0px; 
	padding: 3px 3px 3px 3px; 
	position: absolute; 
	left: -2px; 
	top: -2px;
	z-index: 2; 
} 
.paging .pageseriescontainer a {
	width: 30px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}
.paging .rpp_container { 
	display: block; 
	float: left; 
} 
.paging .rpp_options { 
	display: block; 
	position: absolute; 
	left: 15px; 
	top: -2px;
	background-color: #E0E0E0; 
	border: solid 1px; 
	border-color: silver black black silver; 
	padding: 0px 0px 0px 0px; 
	margin: -3px 0px -15px 0px; 
	z-index: 2;
	width: 120px; 
} 
.paging .rpp_options a { 
	display: block;
	color: #000000;
	width: 114px; 
	float: none; 
	clear: both; 
	padding: 3px 3px 3px 3px;
	margin: 0px; 
	white-space: nowrap;
	text-align: left;  
} 
.paging .rpp_options a:hover {
	background-color: #D0E0FF; 
	color: blue; 
}
.paging .rpp_actionelement { 
	display: block; 
	float: left; 
	height: 15px; 
	width: 13px; 
	padding: 0px; 
	margin: 0px 0px 0px 5px; 
	background-image: url(/images/resultsperpage.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	position: absolute; 
	left: 15px; 
	z-index: 1; 
} 
.paging a.selectedpage { 
	background-color: #D0E0FF; 
	color: black; 
	font-weight: bold; 
	border: solid 1px; 
	border-color: #60A0FF navy navy #60A0FF; 
	padding: 0px 2px 0px 2px; 
	margin: 0px 2px 3px 2px; 
} 

.paging .fixForMSIERelativePositionBug { 
	position: relative; 
	display: block; 
	float: left; 
} 

/* END Pagination Styles */

/* Box Styles */

table.box { 
	border-spacing: 0px; 
	border-collapse: collapse; 
	border: 0px; 
} 
table.box td.box { 
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
}
table.box td.box span.box.placeholder { 
	display: none; 
} 
table.box thead.box.top td.box.left,
table.box thead.box.top td.box.right,
table.box tfoot.box.bottom td.box.left,
table.box tfoot.box.bottom td.box.right { 
	background-repeat: no-repeat; 
} 
table.box tbody.box.middle td.box.left,
table.box tbody.box.middle td.box.right {
	background-repeat: repeat-y; 
}
table.box thead.box.top td.box.center,
table.box tfoot.box.bottom td.box.center {
	background-repeat: repeat-x; 
}
table.box tbody.box.middle td.box.content { position: relative; }

/* END Box Styles*/

#RecentlyViewedVehicles a {
	display: block; 
	float: none; 
	clear: both; 
	overflow: auto; 
	margin: 2px 2px 0px 0px; 
	padding: 2px 0px 4px 0px; 
	border: 0px; 
	border-bottom: dashed 1px #909090; 
} 
#RecentlyViewedVehicles a img {
	margin: 2px; 
	background-color: 
	white; padding: 2px; 
	border:1px solid; 
	border-color: silver black black silver; 
	float: right; 
} 

/*required notice*/
.required { 
	padding: 0px 0px 0px 12px; 
	background-image: url(/images/reqbullet-trans.png); 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-position-y: 5px;
} 

/* Human Resources Job listing styles */
.jobs {
	width: 100%;
}

.jobs table {
	width: 100%;
	margin: 10px auto;
	border: none;
}

.jobs table td {
	text-align: left;
}

.jobs table th {
	text-align: left;
	font-weight: bold;
}

div.jobs div.eoeDisclaimer {
	margin-top: 1em;
	text-align: center;
	font-size:12px;
}

/* HUMAN RESOURCES FORM INPUT STYLES */
div#humanResourcesLayoutBlock .inputstyle, div#humanResourcesLayoutBlock .inputstyle2{
	border:1px solid #666666;
	background-color:#efeded;
	color:#000000;
}
/* HUMAN RESOURCES FORM INPUT STYLES */


ul, ol, ul li, ol li, li{
	list-style-position: inside !important;
	white-space: normal;
}

.lowerPageClear{clear:both}
.lowerPageClear img{
	width:1px;
	height:1px;
}

/* Hack style to overcome stupid IE scollbar width issues */
.parent_width {
	width: 100%;
	/* width: expression(this.parentNode.clientWidth);
	width: expression(this.scrollHeight > 250? '96%' : '100%' );
	width: expression('96%');
	width: expression(this.scrollHeight > 250? this.parentNode.clientWidth+'px' : '100%' ); */
}
#picFadeWrapper .clickerHolder {
	position:absolute;
	z-index:100;
}
#picFadeWrapper .clicker {
	float:left;
	width:14px;
	height:14px;
	border:1px solid #999999;
	background-color:#CCCCCC;
	z-index:10;
}
#picFadeWrapper .clicker.clicked{
	background-color:#FF0000;
}
.fadeController{
	position:absolute;
	width:20px;
	height:20px;
	top:0;
	left:0;	
	background-image:url('../Images/hss_pause.png');
	z-index:10;
	cursor:pointer;
}
.fadeController.paused{
	background-image:url('../Images/hss_play.png');
}

/* COMPOSE EMAIL STYLES */

/* MediaBox Classes
----------------------------------------------- */
.MediaBox {font-size:11px; 
	width:25%; 
	height:412px; 
	padding:1px; 
	float:right; 
	background-color:#eee; 
	font-weight:normal;
	border: solid 1px #404040;
	overflow: auto;
}
.MediaBoxContent {
	font-size:11px;
	font-weight:normal;
	overflow: auto;
	height: 400px;
	width:100%;
}


/*
	BASIC FORM STYLES
*/

.basicform {
	font-family: sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 15px 0 10px 0;
	width: 800px;
}
.basicform .buttons {
	margin: 0 0 5px;
	overflow: auto;
	text-align: right;
}

.basicform .buttons input.button {
	display: inline-block;
	background-image: none;
	background-color: #444; /* #2569E8 */
	border: 1px solid black;
	border-radius: 4px;
	color: white;
	cursor: default;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	padding: 5px 7px;
	margin: 0 7px 0 0;
	vertical-align: top;
}
.basicform .buttons input.button:hover {
	border: 1px solid #666;
}
.basicform .buttons input.button.save {
	background-color: #11BF0B;
	color: black;
}
.basicform .columngroup {
	margin: 0 0 12px 0;
	padding: 0;
	overflow: auto;
}
.basicform .columngroup .column {
	float: left;
	border: 1px solid silver;
	border-radius: 4px;
	padding: 4px 0;
	width: 798px;
}
.basicform .columngroup .column .buttons {
	margin: 3px 8px;
}
.basicform .columngroup .column .legend {
	position: absolute;
	background-color: white;
	color: #777;
	font-size: 12px;
	font-weight: bold;
	margin: -13px 0 0 10px;
}
.basicform .columngroup .column.wide {
	margin: 0 8px 0 0;
	min-height: 135px;
	width: 490px;
}
.basicform .columngroup .column.narrow {
	min-height: 135px;
	width: 298px;
}
.basicform .columngroup .column .formrow {
	margin: 6px 4px;
}
.basicform .columngroup .column .formrow input,
.basicform .columngroup .column .formrow textarea {
	display: inline-block;
	width: 390px;
}
.basicform .columngroup .column.narrow .formrow input,
.basicform .columngroup .column.narrow .formrow select {
	width: 200px;
}
.basicform .columngroup .column.narrow .formrow input.date-field {
	width: 70px;
}
.basicform .columngroup .column.wide .formrow textarea {
	height: 50px;
}

.basicform .columngroup .column .formrow > span {
	display: inline-block;
	color: #444;
	margin: 0 5px 0 0;
	white-space: nowrap;
	text-align: right;
}
.basicform .columngroup .column .formrow > span:first-child {
	font-weight: bold;
	min-width: 75px;
	vertical-align: top;
	padding-top: 2px;
}

/* Basic Table Styles */
.basictable {
	border: 1px solid silver;
	border-collapse: collapse;
}
.basictable th,
.basictable td {
	padding: 3px 5px;
}
.basictable th {
	border: 1px solid #AAA;
}
.basictable td {
	border: 1px solid silver;
}
.basictable td.number {
	text-align: right;
}
.basictable.rowmod tbody tr:nth-child(even) {
	background-color: #F6F6F6;
}
.basictable.rowhover tbody tr:hover {
	background-color: #FFFF99;
}
.basictable tfoot tr {
	background-color: #EEE;
}
.basictable tfoot td {
	border-top: 1px solid #999;
}

/* cupertino styles, mostly ripped off jquery ui */
form.cupertino {
	margin: 15px;
}

form.cupertino .floatRight {
	float: right;
}

form.cupertino fieldset {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 15px 15px 15px;
	border: 1px solid #dddddd; 
	background: #f2f5f7;
	margin-bottom: 15px;
	font-size: 10pt;
}

form.cupertino fieldset a:link, form.cupertino fieldset a:visited {
	color: #2779AA;
	font-size: 10pt;
	text-decoration: none;
}

form.cupertino fieldset a:hover {
	text-decoration: underline;
}

form.cupertino fieldset.odd {
	background-color: #ddeef6;
}

form.cupertino fieldset legend {
	font-size: 10.5pt;
	font-weight: bold;
	color: #666;
	padding: 0 5px 0 5px;
}

form.cupertino label {
	font-size: 10pt;
	color: #2779AA;
	font-weight: normal;
	display: block;
	margin-top: 5px;
}

form.cupertino input[type="text"].long {
	width: 300px;
}

form.cupertino input[type="text"], form.cupertino select {
	padding: 3px;
	color: #666;
}

form.cupertino input[type="text"] {
	width: 150px;
}

form.cupertino input[type="text"].short {
	width: 50px;
}

form.cupertino input[type="text"].percent {
	text-align: right;
}

form.cupertino textarea {
	font-size: 10pt;
	font-family: arial;
	padding: 3px;
	width: 420px;
	height: 48px;
	color: #666;
}

form.cupertino textarea.small {
	font-size: 8pt;
}

form.cupertino div.instructions {
	font-size: 8pt;
	color: #888;
}

form.cupertino label div.instructions {
	margin-left: 24px;
}

form.cupertino input[type="text"].instructions {
	font-style: italic;
	opacity: .7;
}

form.cupertino input.required, form.cupertino select.required {
	background: #FFF;
}

form.cupertino label.error {
	color: #FFA12F;
	font-size: 8pt;
	margin: 2px 0 0 5px;
}

form.cupertino table.cupertino label.error {
	margin: 0;
}

table.cupertino {
	margin: 5px;
	border-spacing: 0;
	border-collapse: collapse;
}

table.cupertino thead th, table.cupertino tbody td {
	white-space: nowrap;
}

table.cupertino thead th {
	font-size: 10pt;
	padding: 5px;
	font-weight: normal;
	border: 1px solid #aed0ea;
	background: #d7ebf9 url(jqueryUI/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
	color: #2779aa;
}

table.cupertino tbody td {
	border: 1px solid #dddddd;
	background: #f2f5f7 url(jqueryUI/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; 
	color: #362b36;
	font-size: 10pt;
	padding: 5px;
	font-weight: normal;
}

table.cupertino tbody td.centered {
	text-align: center;
}

table.cupertino th.ignore, table.cupertino td.ignore {
	border: 0;
	background: none;
}

table.cupertino tr:hover td:not(.ignore) {
	border: 1px solid #f9dd34;
	background: #ffef8f url(jqueryUI/cupertino/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;
	color: #363636;
}

form.cupertino img.button, table.cupertino img.button {
	cursor: pointer;
	border: 0;
	width: 16px;
	height: 16px;
}

form.cupertino img.addIcon, table.cupertino img.addIcon 		{ background: url(/Images/FamFamFamSilkIcons/add.png); }
form.cupertino img.deleteIcon, table.cupertino img.deleteIcon 	{ background: url(/Images/FamFamFamSilkIcons/delete.png); }
form.cupertino img.pencilIcon, table.cupertino img.pencilIcon 	{ background: url(/Images/FamFamFamSilkIcons/pencil.png); }
form.cupertino img.sortIcon, table.cupertino img.sortIcon	 	{ 
	background: url(/Images/FamFamFamSilkIcons/sortierer_greifer.gif); 
	width: 9px;
	height: 8px;
}

form.cupertino fieldset table.cupertino {
	margin-top: 15px;
}

div.cupertino.infoBox {
	position: fixed; 
	bottom: 0; 
	right: 0; 
	z-index:9999999;
}

.ui-widget, .ui-widget li {
	font-size: 10pt !important;
	font-family: Arial, sans-serif !important;
}

div.ui-widget-overlay {
	background: #000;
	opacity: .50;
}

input.g-button {
	font-size: 10pt;
	height: 32px;
	line-height: 29px;
	vertical-align: bottom;
	display: inline-block;
	min-width: 54px;
	text-align: center;
	padding: 0 8px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-user-select: none;
	-webkit-box-align: center;
	box-sizing: border-box;
	cursor: default;
	-webkit-appearance: push-button;
	white-space: pre;
	border: 1px solid #3079ED;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	background-color: #4D90FE;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	font-weight: bold;
}

input.g-button:hover {
	border: 1px solid #2F5BB7;
	color: #FFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	background-color: #357AE8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	text-decoration: none;
	-webkit-transition: all 0.0s;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

input.g-button:active {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
