/* COMMON Styles */
.form_header
{
	background-color: #000000;
	background-image: url(../_images/1pt_black_bar.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.form_field
{
	background-color: #DBDBDB; /*#DEE8F5;*/
	text-align: left;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;	
}
.form_field_black
{
	background-color: #000000;
	background-image: url(../_images/1pt_black_bar.jpg);
	background-repeat: repeat-x;	
	color: #ffffff;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;		
}
.field_text_black
{
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;	
}
.form_command
{
	background-color: #8D8E89; /*#D1DEF1;*/
	text-align: center;
}
.form_section
{
	border: solid 1px #296CC4;
}

.field_text_large
{
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;	
}

textarea, select, input
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding: 5px;
	font-size: 14px;
	border: solid 1px #cccccc; /*#DCDCDC;*/
}
input.btn
{
  color:#000;   
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color:#fed;   
	border: 1px solid;   
	cursor: pointer;
	border-color: #DBDBDB #363 #363 #DBDBDB;   
	filter:progid:DXImageTransform.Microsoft.Gradient   
		(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
}
/*
textarea, select, input
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
*/

a { color: #3C5AB4; text-decoration: none; }
a:hover { color: #3C5AB4; text-decoration: underline; }

a.disabled_link { color: #cccccc; }
a.disabled_link:hover { color: #cccccc; text-decoration: none; }

a.header_tab_link, a.header_tab_link:visited, a.header_tab_link:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

/* GRID VIEW STYLES */
.GridHeaderStyle
{
	background-color: #000000;
	background-image: url(../_images/1pt_blue_bar_22.jpg);
	background-repeat: repeat-x;
	height: 22px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 0px;
}
.GridHeaderStyle a
{
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}
.GridRowStyle
{
	background-color: #ffffff;
	padding: 0px;
}
.GridRowStyle td
{
	border-top: solid 1px #E6E6E6;
}
.GridViewAlternatingStyle
{
	background-color: #F6F6F6;
	padding: 0px;
}
.GridViewAlternatingStyle td
{
	border-top: solid 1px #E6E6E6;
}
.GridViewPagerStyle
{
	color: #4F4F4F;	
}
.GridViewPagerStyle span
{
	color: #4F4F4F;
}
.RowStyle
{
	border-top: solid 1px #000000;
}
a.GridMainLink, a.GridMailLink:visited, a.GridMainLink:hover
{
	color: #03408f;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}



.gridrow_info_container
{
	margin-top: 10px;
}
.gridrow_info_item
{
	padding: 1px;
}
.gridrow_price_container
{
	margin-top: 10px;
	margin-right: 5px;
}
.gridrow_price
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.gridrow_contactus
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.gridrow_mileage
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
}

/* MENU NAV */

/* Use to put a background behind the menu */
.menu_container
{
	margin: 0px;
	padding: 0px;
	background-image: url(../_images/menu_bg.jpg);
	background-repeat: repeat-x;
	height: 38px;	
	clear: both;	
}
/* Use to position within the menu container (bar background) */
.menu_items
{
	padding-top: 13px;
	padding-left: 5px;
}

/* Use to set the font style of the parent menu item */
.MenuStyle, .MenuStyle a:link, .MenuStyle a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #303614;
	font-weight: bold;
	background-color: Transparent;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 0px;	
}
/* Use to set the font style of the dropdown menu items */
.MenuSubStyle, .MenuSubStyle a:link, .MenuSubStyle a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #303614;
	font-weight: bold;
	background-color: #e6ead2;
	padding: 3px;
}
/* Use to set the font style of the dropdown menu items ON HOVER */
.MenuSubSytleHover, .MenuSubSytleHover a:link, .MenuSubSytleHover a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #303614;
	font-weight: bold;
	background-color: #c2c8a6;
	padding: 3px;
}
/* Use to set style on all sub level menu items */
.MenuMainStyle
{
	border: solid 1px #c2c8a6;
}


/* Grid style colors */
.gridview_container
{
	border: solid 1px #cccccc;
}
.gridviewheaderfooter
{
	background-color: #EDEDED;
}
.gridview
{
	border-top: solid 1px #cccccc; 
	border-bottom: solid 1px #cccccc;
}

/* END GRID VIEW STYLES */


/* Update Progress meter */
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: #cccccc;
	padding: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	border: solid 1px #000000;
}


/* UPDATE PROGRESS */
.updateProgress??
{		
	padding: 0px;
}
.progress_background
{	
	position: relative;
	background-color: #cccccc;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;	
	height: 100%;
	width: 100%;
}
.progress_container
{
	position: absolute;
	top: 10px;
	left: 40%;
	border: solid 1px #808080;
	border-width: 1px 0px;
	width: 240px;	
}
.progress_header
{
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 0px 10px;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.9;
	font-family: Arial, Helvetica, Sans-Serif;
}
.progress_meter
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: solid;
	border-width: 0px 1px;
	padding: 10px;	
}
/* END UPDATE PROGRESS */

/* Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px; 
}



/* Accordion */

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px;
    margin-top: 1px;
    cursor: pointer;
}
#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #000000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px;
    margin-top: 1px;
    cursor: pointer;
}
#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionContent
{
    background-color: #DBDBDB; /*#DEE8F5;*/
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 3px;
    padding-top: 10px;
}



/* TAB styles */

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/* XP IE7 theme - Backgrounds */
.TabStyle .ajax__tab_header						{ background:url(../_images/tab-line.gif) repeat-x bottom; }
.TabStyle .ajax__tab_outer						{ background:url(../_images/tab-right.gif) no-repeat right; }
.TabStyle .ajax__tab_inner						{ background:url(../_images/tab-left.gif) no-repeat; }
.TabStyle .ajax__tab_tab						{ background:url(../_images/tab-main.gif) repeat-x; }
.TabStyle .ajax__tab_hover .ajax__tab_outer		{ background:url(../_images/tab-hover-right.gif) no-repeat right; }
.TabStyle .ajax__tab_hover .ajax__tab_inner		{ background:url(../_images/tab-hover-left.gif) no-repeat; }
.TabStyle .ajax__tab_hover .ajax__tab_tab		{ background:url(../_images/tab-hover.gif) repeat-x; }
.TabStyle .ajax__tab_active .ajax__tab_outer	{ background:url(../_images/tab-active-right.gif) no-repeat right; }
.TabStyle .ajax__tab_active .ajax__tab_inner	{ background:url(../_images/tab-active-left.gif) no-repeat; }
.TabStyle .ajax__tab_active .ajax__tab_tab		{ background:url(../_images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.TabStyle .ajax__tab_header 					{ font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:12px; font-weight: bold; color: #000000; }
.TabStyle .ajax__tab_outer						{ height:29px; }
.TabStyle .ajax__tab_inner						{ padding-left:3px; }
.TabStyle .ajax__tab_tab						{ padding:8px 20px;margin:0; }
.TabStyle .ajax__tab_body						{ font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:12px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff; }


/* VEHICLE PAGE styles */

.shortinfo
{
	background-image: url(../_images/short_info_bg.jpg);
	background-repeat: no-repeat;
	/*height: 202px;*/
	width: 194px;
}
.main_body_header_text
{
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;/*#153764;*/
	padding-left: 10px;
	vertical-align: top;
}
.price_text
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
}
.vehicle_title
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight: bold;	
	padding-bottom: 20px;
}


/* REGULAR TABLE */
table.regular
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
table.regular_12
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.regular_12
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.regular_12_padded
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
}
span.regular_12
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
table.regular_12_descriptions
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
}
.regular_12_descriptions
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
}
/* IMAGES */

.scrollablelist_250
{
    overflow: auto;
    height: 300px; /*283px;*/ /*215px;*/ /*160px;*/
    width: 250px;
    border: solid 0px #296CC4;
    padding: 2px;
}
/* IMAGE PICKER */
.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 400px;
    border: solid 1px #296CC4;
}
.unselected
{
    background-color: transparent;
    padding: 1px;
}
.selected
{
     background: #DBDBDB;
     border: solid 1px #000000;
}
.selectablephoto
{
    border: 1px solid #000000;
    padding: 2px;
}
.selectablephoto_noborder
{
    padding: 2px;
}
.image_spacer
{
	background-image: url(../_images/picture_spacer.gif);
	background-repeat: repeat-x;
	height:33px;
}




/* LIGHTBOX */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../_../_images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../_../_images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../_../_images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
.ErrorSummary
{
	border: solid 1px red;
	color: Red;
	margin: 5px 0px;
	background-color: #f2f2f2;
	padding: 15px;
	text-align: left;
}
.ErrorSummary ul 
{
	margin: 0;
	padding: 0;
	margin-left: 5px;
	list-style: square;
}