/*
 * Site Colors
 * Black #000;
 * White #fff;
 *  input bkgrnd #182e37;
 *  hilight red #dd1b1e;
 *  grey type on white #666;
 *  zebra stripe grey #eee;
 *  th grey green #809991;
*/



/* http://meyerweb.com/eric/tools/css/reset/  v1.0  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#FFF;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ----------------- Generic Links ---------------------------*/

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* -------------------Headings and Paragraphs ----------------*/

h1 {
	font-size: 18px;
	line-height: 20px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
}

h3 {
	font-size: 16px;
	line-height: 21px;
}

h4 {
	font-size: 14px;
	line-height: 19px;
}

h5 {
	font-size: 13px;
	line-height: 17px;
}

h6 {
	font-size: 12px;
	line-height: 15px;
}

p { margin-bottom: 15px; } 

strong { font-weight: bold; }
em { font-style: inherit; }

.center { text-align: center; }


.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

/* --------------------- Generic Images and Floats -------------*/

.left {
	float: left;
}
.right {
	float: right;
}
img.placeholder {
	background-color: #999;
}

img.right {
	margin-left: 20px;
}
img.left {
	margin-right: 20px;
}

.odd { background-color: #ebebeb; } 
.even { background-color: #fff; } 

/* ======= Base Page Styles =================== */
html {
	height: 100%;
}

body {
	font: 11px/1.5  Arial,  Helvetica, sans-serif;
	height: 100%;
	background-color: black;
}

/* ======= Base Page Section Styles =================== */

#wrapper {
   width: 930px; margin: 0 auto;
   position:relative;
    /* code for full height */
   	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
* html #wrapper {
height: 100%;
}


/* ------------  Content  ------------------------------- */





/* ------------  Branding  ------------------------------- */
#branding {
	height: 55px;
	position: relative;
}
	#branding #logo {
	position: absolute;
	top: 11px;
	left: 6px;
	}



	/*  Login   */
	.login, .login_modal {
		float: right;
		width: 600px;
		color: #fff;
	}
	
	div.login_modal form {
		height: 45px;	
	}
	
	.#login form. , .login_modal form {
			width: 100%;
		}
		
		.login a, .login_modal a {
			color: #fff;
			
		}
		.login a.register, .login label {
			padding-top: 5px;
			display: block;
			float: left;
			margin-right: 5px;
		}
		
		.login div , .login_modal div{
			display: inline-block;
			float:left;
			margin: 0 10px 0 0;
			height: 27px;
			padding-top: 10px;
		}

		
		.login input, .login_modal input {
			background-color: #182e37;
			border:none;
			padding:3px 1px;
			color:#FFF;
		}
	
		.submit_btn input, .login_modal .submit_btn input {
			background:none;
			padding-top: 2px;	
		}
		
		label.error {
			display:block;
			width: 100px;
			height: 15px;
			vertical-align:top;
			padding-top:0;
			
			margin-right:0;
			float:left;
			clear:left;
			padding-left: 20px;
			background:url(../images/btns/bullet_error.png) no-repeat;
		}
		
		
		
		
		
		
		
		
	/*    Loggedin    */
	.loggedin {
		float:right;
		width:650px;
		color:#FFF;
		text-align:right;
		padding-top: 15px;
	}


/* ------------  Nav  ------------------------------- */

#nav{
	height: 46px;
	background: url(../images/nav/nav-background.jpg) repeat-x;
	margin-bottom: 0;
	z-index: 10;
	
}	
	#nav ul {
		list-style: none;
		padding:5px 0 0 5px;
		z-index: 15;
	}
	
		#nav li {
			display:inline-block;
			float:left;
			margin:0 10px 0 0;
			position:relative;
			z-index:200;
		}
		#nav ul ul {
		}
		
		
		#nav ul li .sub {
			position: absolute;	
			width: 80px;
			top: 27px; left: 0;
			background:#809991;
			padding: 5px 5px 10px 5px;
			float: left;
			/*--Bottom right rounded corner--*/
			-moz-border-radius-bottomright: 5px;
			-khtml-border-radius-bottomright: 5px;
			-webkit-border-bottom-right-radius: 5px;
			/*--Bottom left rounded corner--*/
			-moz-border-radius-bottomleft: 5px;
			-khtml-border-radius-bottomleft: 5px;
			-webkit-border-bottom-left-radius: 5px;
			display: none;
			z-index:20;
		}
		
		#nav ul li .sub a {
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			padding-left: 12px;
		}
		
		#nav ul li .sub a:hover {
			background: url(../images/btns/sub_menu_arrow.gif) no-repeat 0 0;
		}
		
		#nav .sub li {
			padding-bottom: 10px;
		}
		
		#program_details {
			width: 105px;
			z-index: 30;
		}
		
		#quick_links {
			width: 95px;	
		}
		


/* ------------  Content  ------------------------------- */
#content {
	position:relative;
	overflow:auto;
	z-index: 1;
	
}
	/* INDEX */
	#dashboard {
		width:866px;
		overflow:hidden;
		margin: 0 0 37px 31px;
		z-index: 2;
		
	}
		#dashboard .item {
			width: 257px;
			height: 282px;
			float:left;
			margin:0 40px 0 0;
			border-bottom:1px solid #fff;
		}
		
		#dashboard .item.last {
			margin: 0 0 0 0;
		}
			.button_box {
				margin-bottom: 5px;	
			}
		#dashboard .item p {
			height: 85px;	
		}
		
		
		
	#carousel {
		clear: left;
		border-top: 4px solid #132025;
		border-bottom: 1px solid #132025;
		padding: 5px 0 10px 0;
		margin:0 0 35px 0;
		position:relative;
	}
		#pager {
			border-bottom: 1px solid #132025;
			padding:0 0 5px 31px;
			margin: 0 0 15px 0;
			height: 15px;
		}
			#pager a {
				display: inline-block;
				width:11px;
				height:15px;
				background-color: #809991;
				color: #809991;
				padding: 0 2px;
				margin:0 5px 0 0;
			}
			#pager a:hover, #pager a.current {
				background-color: #fff;	
				color: #fff;
			}
			
		#carousel #left_arrow {
			position:absolute;
			width:22px;
			height:98px;
			top: 40px;
			left: 31px;
		}
		
		#carousel #right_arrow {
			position:absolute;
			width:22px;
			height:98px;
			top: 40px;
			right: 31px;
		}
		
		
		#carousel ul, .jcarousel-clip {
			list-style: none;
			width: 810px;
			height:100px;
			margin: 15px 0 0 70px;
			overflow:hidden;
		}
			#carousel ul li {
				display:inline-block;
				width: 250px;
				height:100px;
				margin:0 10px 0 0;
				position:relative;
			}
			
			#carousel ul li img.fpo {
				position: absolute;
				height:90px;
				width:119px;
				top:0;
				left:0;
			}
			#carousel ul li h2, #carousel ul li p, #carousel ul li a {
				margin: 0 0 3px 125px;	
				
			}
			#carousel ul li h2 {
				color: #7bb1b9;
			}
			#carousel ul li p {
				margin-bottom: 10px;
			}
			
			
			
			/* Plain Text Pages*/
			#content_area {
				background-color:#FFF;
				color:#000;
				padding:20px 30px 10px 30px;
				margin: 10px 20px 30px 20px;
				height: 500px;
			}
			
			#privacy h1 {
				margin: 0 0 0 20px;
			}
			#privacy #content_area {
				height: 100%;
				padding-bottom:20px;
				padding-top:30px;
			}
			
			#privacy #content_area p {
				padding-right: 400px;	
			}
			
			
			/* Contact Page */
			#contact #content {
				margin: 20px;	
			}
			
			#contact #content p, #contact #content li {
				font-size: 12px;	
			}
			.col_one, .col_two, .col_three {
				float: left;
				margin: 20px 0 0 0;
			}
			
			#content .col_one, #content .col_three {
				width: 380px;
			}
			
			#content .col_two {
				width: 100px;
			}
			#content .col_two img {
				display:block;
				width: 43px;
				height: 423px;
				margin: 0 auto;
			}
			
				#contact_icon_block {
					margin: 20px 0 0 0;	
				}
				
				#contact_icon_block p {
					padding: 0 0 0 35px;	
				}
				
				#contact .col_one ul {
					list-style:disc;
					margin: 0 0 0 30px;
				}
				#contact .col_one li {
					margin: 0 0 10px 0;
				}
				
				#phone-icon {
					background: url(../images/btns/phone-icon.gif) no-repeat;
					line-height:28px;
				}
				#email-icon {
					background: url(../images/btns/email-icon.gif) no-repeat;
					line-height:28px;
				}
				#fax-icon {
					background: url(../images/btns/fax-icon.gif) no-repeat;
					line-height:28px;
				}
				#mail-icon {
					background: url(../images/btns/mail-icon.gif) no-repeat;	
				}
				
				#contact .col_three form label, #contact .col_three form input {
					float: left;	
				}
				#contact .col_three form label {
					text-align: right;
					width:100px;
					padding:0 10px 0 0;
				}
				
				#contact .col_three form label.error {
					width:200px;
					
					text-align:left;
					overflow:hidden;
					padding-left: 20px;
				}
				#contact .col_three form li#contact_type label.error {
					margin-left:0;
					clear:both;
					
				}
				
				
				#contact .col_three form input, #contact .col_three form  textarea {
					width: 230px;
					background-color: #182e37;
					border: none;
					padding: 4px 2px;
					color:#FFF;
				}
				
				#contact .col_three form li {
					margin: 0 0 10px 0;
					clear:left;
					padding-bottom: 5px;
					overflow:hidden;
				}
				
				#contact #contact_type label {
					float:none;
					width:100%;
				}
				#contact #contact_type input {
					width: 15px;
					margin:0 5px 0 0;
					float:none;
				}
				#contact #contact_type {
					margin-left: 110px;
				}
				
				#contact #submit_btn input {
					width:auto;
					background-color: #000;
					border:none;
					margin: 0 0 0 110px;
				}
				
				
				
			/*  FAQ    */
			#faqs {
				
			}
				#faq_selector {
					margin: 30px 0;
				}
					#faq_selector label {
						color: #666;	
					}
					
				#faqs h2 {
					color: #666;
					padding:0 0 10px 0;
					border-bottom:1px solid #666;
					margin-bottom:20px;
				}
				#faqs #content_area a {
					font-weight: bold;
					color: #dd1b1e;
					text-decoration:underline;
				}
				
				#faqs #content_area #content_ajax {
					margin: 0 60px 0 75px;	
				}
				
				
			/*  Dealer Profile    */
			#profile{
			}	
				#profile h1 {
					margin-left: 20px;
				}
				#profile #content_area h3, #profile #content_area h4 {
					color:#666;
					font-size:14px;
				}
				
				#profile #content_area h4 {
					margin: 0 0 10px 0;
				}
				#profile hr {
					height: 1px;
					background-color:#666;
					width:100%;
					margin: 10px 0;
					border:none;
					clear:both;
				}
				
				#profile .col_one, #profile .col_two {
					width: 48%;
				}
				
				#profile .col_two {
					padding-left: 30px;
					border-left: 1px solid #666;
				}
				
				.hours {
					width: 175px;
					border-left:1px solid #666;
					padding: 0 0 0 20px;
					margin: 0 0 20px 0;
					float:right;
				}
				
				/*  column one  */
				.col_one dl {
					font-size: 12px;	
				}
				.col_one dt, .col_one dd {
					float:left;
					display:inline-block;
					margin:0 0 13px 0;
				}
				
				.col_one dt {
					margin-right:10px;
					clear:left;
					width:100px;
					text-align:right;
					color:#666;
					line-height:13px;
				}
				
				.col_one dd {
					width:250px;
				}
				
				
				/*  column two  */
				.col_two dl {
					font-size: 12px;
					overflow:auto;
				}
				.col_two dt, .col_two dd {
					float:left;
					display:inline-block;
					margin:0 0 13px 0;
				}
				
				.col_two dt {
					margin-right:10px;
					clear:left;
					width:75px;
					text-align:right;
					color:#666;
				}
				
				.col_two dd {
					width:100px;
				}
				
				
				
		/*   Program Details  */
		#prog_details {
		}
			/* Left Scroll Window  */
			#desc_window {
				width: 486px;
				height: 360px;
				overflow:scroll;
				border:1px solid #666;
				padding: 0 0 0 10px;
			}
			
			
			#prog_details #content_area {
				color: #666;
				padding-right:10px;
				padding-bottom:20px;
				margin-top:0;
				height:400px;
				overflow:hidden;
				position: relative;
			}
			
			#prog_details img.program_logo, #prog_comm img.program_logo {
				display: block;
				height:57px;
				margin: 10px 0 10px 30px;
			}
			
			#prog_details .no_logo  h1, #prog_comm .no_logo  h1 {
				margin:10px 0 20px 30px;
				display:block;
			}
			
			#prog_details h1 span {
				font-size:11px;
			}
			
			img.brand_image {
				display: block;
				float:right;
				margin:15px 10px 0 0;
				clear:both;
			}
						
			#prog_details #content_area p, #prog_details #content_area h2, #prog_details #content_area ul {
				width: 450px;	
			}
			
			#prog_details #content_area h2 {
				font-size: 18px;
				text-transform:capitalize;
				margin: 0 0 20px 0;
			}
			
			ul#prog_details_tabs {
				height: 25px; 
				overflow:hidden;
				margin:10px 0 0 35px;
			}
			
				ul#prog_details_tabs li {
					display:inline-block;
					float:left;
					margin:0 5px 0 0;
				}
		
					li#intro {
						width: 123px;	
					}
					
					
				#prog_details #content_area ul {
					list-style: disc;
					margin:0 0 30px 0;
				}
				
					#prog_details #content_area li {
						margin:0 10px 0 30px;
					}
		
		
		/* MY REPORTS  */
		#my_reports #content_area {
			background-color: #000;
		}
		
		
		
		/* DEALERSHIP PROGRAMS  */
		#dealership_programs {
		
		}
		
		#dealership_programs #content {
			overflow:visible;
		}
		
		
		#dealership_programs #footer {
			margin-top: 60px;
		}
		
		#dealership_programs #content_area {
			background-color: #000;
			padding: 0;
			margin: 10px 0 0 15px;
			height:100%;
		}
		
			#dealership_programs h1 span {
				font-size: 11px;
			}
			
			table.dlr {
				border-collapse: collapse;
				color: #fff;
				width: 900px;
				font-size: 13px;
				line-height: 13px;
			}
			
			
			
			table.dlr.top {
				margin-top: 30px;	
			}
			
			 #completed_dlr_prog {
				 
			 }
			
			.dlr tbody {
				background-color: #fff;
			}
			tr.tabs {
				width: 900px;
				height: 24px;
			}
			tr.tabs th {
				height: 24px;
				vertical-align:middle;
				position:relative;
			
			}
				tr.tabs th  span {
					font-size: 9px;
					line-height:8px;
					
				}
				
			tr.tabs div.sort_tabs {
				width: 270px;
				height: 24px;
				overflow:hidden;
				padding: 0;
				margin: 0;
				position:relative;
				float:right;
				vertical-align:middle;
			}
				div.sort_tabs img {
					margin:0 4px 0 0;	
				}
				div.sort_tabs h4 {
					width: 50px!important;
					float:left;
					font-size:11px;
				}
			
			th.main_tab h4 {
				padding-top: 4px;
				/* width: 575px; */	
			}
			.dlr thead {
				position:relative;
			}
			tr.item_desc th {
				background-color: #809991;
				padding: 5px 0;
				
				
			}
			th.main_tab {
				width: 900px;
				background: url(../images/dealership-campaigns/dealership-program-tab.jpg) no-repeat 0 0;
				padding: 0 0 0 5px;
				position:relative;
			}
			
			
			.dlr h4.tab_head {
				display: block;
				float: left;
			}
			
		
			.dlr tbody td {
				color: #333;
				position: relative;
				vertical-align:middle;
			}
			.dlr td {
				padding-top: 5px;
				padding-bottom: 5px;
			}
			.dlr td a {
				position: relative;
			}
			.dlr td img {
				height: 22px;
				width: 22px;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			.dlr .report,.dlr .details {
				width: 110px;
				text-align:center;
				padding: 0;
			}
				.dlr .new {
					width: 125px;
					padding:0;
					text-align:center;
				}
				
				.dlr td.prog_name, .dlr th.prog_name {
					width: 260px;
					padding-left:10px;
					text-align:left!important;
				}
				
				.dlr td.prog_name {
					padding-left: 10px;	
				}
				
				.dlr td.prog_status, .dlr th.prog_status {
					width: 165px;
				}
		
		
			.dlr tbody td.campaign_name, 
			.dlr thead tr.item_desc th.campaign_name, 
			
			.dlr tbody td.campaign_submit,
			.dlr thead tr.item_desc th.campaign_submit,
			
			
			
			.dlr tbody td.campaign_preview,
			.dlr thead tr.item_desc th.campaign_preview,
			
			.dlr tbody td.campaign_dupes,
			.dlr thead tr.item_desc th.campaign_dupes
			{
				width: 128px;
				padding:5px 0 5px 0;
				text-align: center;
			}
			
			.dlr tbody td.campaign_name, 
			.dlr thead tr.item_desc th.campaign_name 
			{
				text-align: left!important;
				padding-left: 10px;
			}
			
			
			.dlr tbody td.campaign_category,
			.dlr thead tr.item_desc th.campaign_category, 
			
			.dlr tbody td.campaign_email,
			.dlr thead tr.item_desc th.campaign_email 
			{
				width: 120px;
				padding:5px 0 5px 10px;
				text-align: center;
			}
			
			.dlr tbody td.campaign_report,
			.dlr thead tr.item_desc th.campaign_report
			{
				width: 144px;
				padding:5px 0 5px 10px;
				text-align:center;
			}
			
			
			
			.campaign_submit, .campaign_category, .campaign_email, .campaign_preview, .campaign_dupes, .campaign_report {
				
			}
			
			.dlr td.campaign_preview img, .dlr td.campaign_dupes img, .dlr td.campaign_report img {
				
				height:22px;
				width:22px;
			}
			
			.dlr td.campaign_preview, .dlr td.campaign_dupes, .dlr td.campaign_report {
				padding: 0!important;	
			}
			
			.onpoint-direct #desc_window {
				overflow:hidden;
				border:none;
					
			}
			
			
			
			
			
		
		/* Communication List  */
		#prog_comm #content_area {
			color: #666;
			margin-top:0;
			overflow:auto;
			height:500px;
			position: relative;
		}
		
		#prog_comm h1 {
			margin-left: 30px;	
		}
		
		#prog_comm h1 span {
				font-size:11px;
			}
		
		#prog_comm #content_area #program_list {
			border:1px solid #666;
			width: 496px;
			height: 460px;
			overflow-y: scroll;
			list-style: none;
			display: block;
			position: absolute;
			margin-top: 27px;
			top:20px;
			left:20px;
			
		}
			#prog_comm #content_area #program_list li {
				margin: 0;
				padding: 10px 5px 10px 10px;
				line-height: 13px;
				position: relative;
			}
				#prog_comm ul#program_list li .desc {
					width:320px;
				}
				
				#prog_comm ul#program_list li .direct {
					position: absolute;
					top: 10px;
					right: 70px;
				}
				
				#prog_comm ul#program_list li .email {
					position: absolute;
					top: 10px;
					right: 5px;
				}
				
				#prog_comm ul#program_list li ul {
					list-style: disc;
					padding-left: 20px;
				}
					#prog_comm #content_area ul#program_list li div.desc ul li {
						line-height: 12px;
						padding: 0 0 10px 0;
						
						
					}
						
			#prog_comm #content_area div#header{
				position: absolute;
				width: 498px;
				height: 23px;
				top: 20px;
				left: 20px;
				background-color: #000;
				color: #fff;
				padding-top: 5px;
			}
				#prog_comm #content_area div#header .desc {
					padding-left: 20px;
					width: 320px;
				}
				.desc strong {
					font-size: 13px;
					line-height: 18px;
				}
				#header div.desc span {
					display:inline-block;
					float:right;
				}
				
			
			#prog_comm #header div {
				display: inline-block;
				float: left;
			}
				#prog_comm .desc {
					width: 340px;
				}
				#prog_comm .direct, #prog_comm .email {
					width: 69px;
					text-align: center;
				}
				
				
		
		
		
		
		
		
		
		
		
		
		
		
		
		/* Right Scroll Window  */
		#example_window {
			width: 350px;
			height: 487px;
			overflow-y:scroll;
			position: absolute;
			top: 20px;
			left: 516px;
			border:1px solid #666;
			background-color: #eee;
		}
			
			#example_window img {
				display: block;
				margin: 0 auto;
			}
			
			#loading {
				position:absolute;
				top: 220px;
				left: 660px;
				z-index: 9999;
				border: 8px solid #000;
			}
		
		
		
		
		
				
				

/* ------------- Lightbox --------------------------------- 
 * !important:: Hide modal_content 
 * For lightbox function 
 */

#modal_content {
	display: none;
}

.lightbox {
	width: 600px;
	height: 450px;
	border: 4px solid #7bb1b9;
	position: relative;
	background-color: #000;	
}

	.lightbox_padd {
		width: 520px;
		min-height: 355px;
		margin: 45px auto 10px auto;
		position: relative;
	}
	.lightbox_padd h1, .lightbox_padd h3, .lightbox_padd #button_sub_copy {
		text-align: center;
	}
	
	.lightbox_padd h1 {
		font-size: 22px;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	.lightbox_padd h3 {
		font-size: 14px;
	}
	
	.lightbox_padd p {
		width: 280px;
		margin: 20px auto;
	}

	.close{
		position: absolute;
		height: 12px;
		width: 53px;
		top: -20px;
		right: -10px;
		
	}
	
	.lightbox .logo {
		display: block;
		margin: 0 auto 20px auto;
	}
	
	.lightbox_padd hr {
		height: 2px;
		background-color: #7bb1b9;
		margin: 25px 0;
		width: 100%;
		border: 0;
	}
	
	.lightbox_btn{
		display: block;
		margin: 20px auto 0 auto;
	}
	
	.lightbox_padd .button_sub_copy{
		padding: 0;
		margin:5px auto 20px auto;
		text-align: center;
	}
	
	/*  logged out Lightbox  */
	
	#logout .login_modal {
		width: 500px;
		margin:0 0 0 20px;
		
	}
	#logout .lightbox_padd p {
		width: 500px;
		margin: 0 0 0 20px;
		text-align:left;
	}
	
	div#logout .center {
		position:absolute;
		width:520px;
		height:20px;
		bottom: 10px;
		left: 0;
		text-align:center;
	}
			

/* ------------- Footer --------------------------------- */

#footer {
	background-color: #121e23;
	height: 50px;
	color:#FFF;
	position:relative;
	font-size:11px;
	width: 930px;
}

#footer a {
	color:#FFF;
	
}	
	#footer img {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	 #footer p {
		padding: 25px 0 0 10px; 
	 }
.enroll_lightbox {
	
}