/* ------------------------------------------------>
 | GLOBAL HTML ELEMENTS
------------------------------------------------> */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body, table, td, form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a {
	color: #295f8d;
	font-weight: bold;
}

pre {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------>
 | PAGE STRUCTURE
------------------------------------------------> */
div.javascript_warning {
	background-color: #fffeee; 
	padding: 10px; 
	font-size: 16px; 
	color: maroon; 
	font-weight: bold; 
	text-align: center; 
	border-bottom: solid black 1px;
}

body {
	background: #295f8d url('../images/layout.background.jpg') repeat-x top;
	text-align: center;
}

body.text {
	background-position: 0px -50px;
}

body.text #header {
	margin-bottom: 20px;
}

#admin {
	float: left;
	width: 685px;
	position: absolute;
	padding: 0;
	margin: 4px 0px 0px 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#admin a {
	text-decoration: none;
}

#container {
	width: 730px;
	margin: 0px auto 0px auto;
	text-align: left;
}
	
	#container br {
		clear: both;
	}

#header {
	height: 95px;
}

	#header h1 {
		display: none;
	}
	
	#header #logo {
		float: left;
		width: 486px;
		height: 95px;
		background: url('../images/layout.logo.jpg') no-repeat top left;
		cursor: pointer;
	}
	
	#header #menu {
		float: left;
		width: 150px;
		border-left: solid #e1e1e1 1px;
		margin: 26px 0px 0px 80px;
		padding: 0px 0px 0px 10px;
	}
	
	#header #menu .item {
		font-size: 12px;
		font-weight: bold;
		padding: 0px 0px 4px 16px;
		background: url('../images/layout.bullet.menu.jpg') no-repeat 0px 4px;
	}
	
#showcase {
	height: 213px;
	background: url( '../images/layout.showcase.background.jpg' ) no-repeat;
	margin: 0;
	padding: 0;
}
	
	#showcase div {
		float: left;
		width: 705px;
		height: 199px;
		margin: 7px 0px 0px 7px;
	}
	
	.showcase-audi {
		background-image: url( '../images/showcase.audi.jpg' );
		cursor: pointer;
	}
	
	.showcase-bmw {
		background-image: url( '../images/showcase.bmw.jpg' );
		cursor: pointer;
	}
	
	.showcase-dodge {
		background-image: url( '../images/showcase.dodge.jpg' );
		cursor: pointer;
	}
	
	.showcase-jeep {
		background-image: url( '../images/showcase.jeep.jpg' );
		cursor: pointer;
	}
	
#content {
	width: 719px;
	float: left;
	margin: 16px 0px 0px 0px;
	background-color: white;
}
	
	#content.half {
		width: 355px;
		margin-right: 9px;
	}

	#content h2, #content h3, #content h4, #content h5, #content h6, #content p {
		padding: 0;
		margin: 0px 12px 10px 12px;
	}
	
	#content h2 small, #content h3 small, #content h4 small, #content h5 small, #content h6 small {
		color: black;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display: block;
		padding-bottom: 4px;
	}
	
	#content h2 {
		font-family: Helvetica, sans-serif;
		font-weight: normal;
		font-size: 22px;
		border-bottom: solid #215480 1px;
		color: #215480;
	}
	
	#content h3 {
		font-family: Helvetica, sans-serif;
		font-weight: normal;
		font-size: 28px;
		border-bottom: solid #215480 1px;
		color: #215480;
	}
	
		#content h3 .options {
			float: right;
		}
		
		#content h3 .options input {
			width: 130px;
			color: white;
			font-size: 15px;
			font-weight: bold;
			background: #295f8d url('../images/button.form.submit.gif') no-repeat top left;
			border: solid #3b4d58 1px;
			padding: 4px 12px 4px 6px;
			margin: 2px 0px 4px 0px;
			cursor: pointer;
		}
	
	#content h4 {
		font-size: 15px;
	}
	
	#content p {
		line-height: 18px;
		padding-bottom: 5px;
	}
	
	#content p.half {
		float: left;
		width: 300px;
	}
	
	#content.single p.right {
		float: right;
		margin-top: -18px;
	}
	
	#content.single p {
		padding-bottom: 0px;
		margin-bottom: 0px;
		line-height: normal;
	}
	
	#content.single p#admin_nav a.selected {
		color: maroon;
		text-decoration: none;
	}
	
	/*
	#content p b {
		color: #21527c;
	}
	*/

	/* START ROUNDED CORNERS */
	#content div.rt, #content div.rt div, #content div.rb, #content div.rb div { height: 10px; background-repeat: no-repeat; }
	#content div.rt div, #content div.rb div { background-position: top right; }
	#content div.rt { background-image: url('../images/rounded.white.blue.tl.gif');  }
	#content div.rt div { background-image: url('../images/rounded.white.blue.tr.gif'); }
	#content div.rb { background-image: url('../images/rounded.white.blue.bl.gif'); }
	#content div.rb div { background-image: url('../images/rounded.white.blue.br.gif'); }
	/* END ROUNDED CORNERS */
	
#footer {
	color: white;
	width: 719px;
	float: left;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

	#footer a {
		color: white;
		text-decoration: none;
	}
	
/* ------------------------------------------------>
 | ERROR BOX
------------------------------------------------> */
div.error_box {
	font-size: 12px;
	background-color: #ffffdf;
	border: solid #c1c19e 1px;
	padding: 8px;
	margin: 20px 26px 10px 0px; 
}

div.error_box h3 {
	color: maroon !important;
	border-bottom: solid #215480 1px !important;
	font-size: 17px;
	margin: 0px 0px 6px 0px;
}

div.error_box ul {
	margin: 10px 30px 6px 30px;
	padding: 0px;
}

div.error_box ul li {
	color: #ff5a00;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}

/* ------------------------------------------------>
 | COLUMNED FORM
------------------------------------------------> */
form.columns {}
	
	form.columns {
		clear: both;
		margin: 0px 0px 0px 16px;
	}
	
	form.columns br {
		clear: left;
	}
	
	form.columns label {
		font-size: 24px;
		color: #535353;
		float: left;
		margin-bottom: 2px;
	}
	
	form.columns label font {
		color: #515151;
		display: block;
		font-size: 11px;
		margin: 0px 0px 2px 2px;
	}
	
	form.columns input, form.columns textarea, form.columns select {
		font-size: 16px;
		margin-bottom: 18px;
	}
	
	form.columns label b {
		color: red;
	}
	
	form.columns div.section-options {
		width: 320px;
		float: right;
		margin: 6px 20px 0px 0px;
		text-align: left;
	}
	
	form.columns div.section-options p {
		margin: 0px 0px 10px 0px;
		padding: 0;
	}
	
	form.columns div.section-title {
		width: 660px;
		font-family: Helvetica, sans-serif;
		font-weight: normal;
		font-size: 22px;
		border-bottom: solid #215480 1px;
		color: #215480;
		margin: 0px 0px 10px 0px;
	}
	
	form.columns div.section-title small {
		color: black;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display: block;
		padding-bottom: 4px;
	}
	
	/* ------------------------------------------------>
	 | SECTIONS
	------------------------------------------------> */
	form.columns div.section-quarter {}
	
		form.columns div.section-quarter {
			float: left;
			width: 170px;
		}
		
		form.columns div.section-quarter input.f_text {
			width: 150px;
		}
		
		form.columns div.section-quarter select  {
			width: 160px;
		}
		
		form.columns div.section-quarter textarea {
			width: 150px;
		}
		
		form.columns div.section-quarter textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-quarter textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-quarter textarea.f_large {
			height: 300px;
		}
	
	form.columns div.section-half {}
	
		form.columns div.section-half {
			float: left;
			width: 320px;
		}
		
		form.columns div.section-half input.f_text {
			width: 300px;
		}
		
		form.columns div.section-half select  {
			width: 310px;
		}
		
		form.columns div.section-half textarea {
			width: 300px;
		}
		
		form.columns div.section-half textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-half textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-half textarea.f_large {
			height: 300px;
		}
		
	form.columns div.section-third {}
	
		form.columns div.section-third {
			float: left;
			width: 488px;
		}
		
		form.columns div.section-third input.f_text {
			width: 468px;
		}
		
		form.columns div.section-third select  {
			width: 478px;
		}
		
		form.columns div.section-third textarea {
			width: 468px;
		}
		
		form.columns div.section-third textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-third textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-third textarea.f_large {
			height: 300px;
		}
		
	form.columns div.section-full {}
	
		form.columns div.section-full {
			float: left;
			width: 660px;
		}
		
		form.columns div.section-full input.f_text {
			width: 640px;
		}
		
		form.columns div.section-full select  {
			width: 650px;
		}
		
		form.columns div.section-full textarea {
			width: 640px;
		}
		
		form.columns div.section-full textarea.f_small {
			height: 100px;
		}
		
		form.columns div.section-full textarea.f_medium {
			height: 200px;
		}
		
		form.columns div.section-full textarea.f_large {
			height: 300px;
		}
	
	/* ------------------------------------------------>
	 | FIELDS
	------------------------------------------------> */
	form.columns .f_hidden {
		display: none;
	}
	
	form.columns textarea {
		font-size: 14px;
		background-color: #e4e9ed;
		border: solid #65727d 1px;
		padding: 4px;
	}
	
	form.columns .f_text {
		font-size: 14px;
		font-weight: bold;
		background-color: #e4e9ed;
		border: solid #65727d 1px;
		padding: 4px;
	}
	
	form.columns .f_menu {
		font-size: 16px;
		background-color: #e4e9ed;
		border: solid #65727d 1px;
	}
	
	form.columns .f_submit {
		width: 150px;
		color: white;
		font-size: 15px;
		font-weight: bold;
		background: #295f8d url('../images/button.form.submit.gif') no-repeat top left;
		border: solid #3b4d58 1px;
		padding: 4px 12px 4px 6px;
		cursor: pointer;
	}
	
	form.columns .f_dropdown {
		font-size: 14px;
		background-color: #e4e9ed;
		border: solid #65727d 1px;
		margin-top: 1px;
		padding: 2px;
	}
	
/* ------------------------------------------------>
 | DATA LISTS
------------------------------------------------> */
.data-list {
	float: left;
	margin: 0px 12px 10px 12px;
}
	
	.data-list input {
		width: 180px;
		float: left;
		font-size: 14px;
		padding: 2px 6px;
		margin-top: 4px;
		background-color: #FFFFCC;
		border: solid #a5acb2 1px;
	}

.data-list .title, .data-list .title-long, .data-list .field, .data-list .field-long, .data-list .options {
	float: left;
	width: 200px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 0px 20px 0px 0px;
	padding-bottom: 4px;
	border-bottom: solid #EEEEEE 1px;
}

.data-list .title-long, .data-list .field-long {
	width: 230px;
}

.data-list .title, .data-list .title-long {
	font-size: 17px;
}

	.data-list .title a, .data-list .title-long a {
		margin-top: -29px;
		float: right;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

.data-list .field, .data-list .field-long {
	font-size: 14px;
}

	.data-list .field a, .data-list .field-long a {
		font-weight: normal;
		text-decoration: none;
	}

.data-list .empty {
	width: 644px;
	text-align: center;
}

.data-list#template-entry   { display: none; }
.data-list#template-empty   { display: none; }
.data-list#template-loading { display: none; }

.option div {
	float: left;
	width: 83px;
	height: 30px;
	margin-right: 10px;
	cursor: pointer;
}

.option .apply  { background: white url( '../images/ajax.apply.gif' ) no-repeat; }
.option .cancel { background: white url( '../images/ajax.cancel.gif' ) no-repeat; }
.option .delete { background: white url( '../images/ajax.delete.gif' ) no-repeat; }
.option .modify { background: white url( '../images/ajax.modify.gif' ) no-repeat; }

.option#template-mode-edit   { display: none; }
.option#template-mode-normal { display: none; }

/* ------------------------------------------------>
 | PAGINATION
------------------------------------------------> */
.paginate {}

	.paginate {
		height: 35px;
		clear: both;
		margin: 0px 10px 0px 10px;
		padding: 0px;
		list-style: none;
	}
	
	.paginate li {
		background-color: white;
		float: left;
		margin-right: 4px;
		margin-top: 4px;
	}
	
	.paginate li.disabled {
		background-color: #f1f1f1;
		padding: 0 5px;
		height: 20px;
		border: 1px solid #b8b8b8;
		color: #9e9e9e;
		line-height: 20px;
	}
	
	.paginate li.on {
		padding: 0 5px;
		height: 20px;
		background-color: #424242;
		border: 1px solid #000;
		color: white;
		line-height: 20px;
		font-weight: bold;
	}
	
	.paginate li.sep {
		height: 20px;
		line-height: 26px;
	}
	
	.paginate a {
		display: block;
		padding: 0 5px;
		height: 20px;
		background: white;
		border: 1px solid #9e9e9e;
		line-height: 20px;
		font-size: 10px;
		font-weight: normal;
		color: #333;
		text-decoration: none;
	}
	
	.paginate a:hover {
		border: 1px solid #000;
		color: #000;
	}
	
/* ------------------------------------------------>
 | DATA TABLE
------------------------------------------------> */
table.data-table {}
	
	table.data-table {
		clear: both;
		margin: 0px 10px 10px 10px;
		width: 698px;
	}
	
	table.data-table td {
		padding: 6px;
	}
	
	table.data-table tr.empty td {
		font-size: 14px;
		padding-top: 14px;
	}
	
	table.data-table tr.header td {
		font-size: 17px;
		border-bottom: solid #eeeeee 1px;
	}
	
	table.data-table tr.body td {
		font-size: 11px;
	}
	
	table.data-table tr.body td font {
		font-weight: bold;
	}
	
	table.data-table tr.body td img.expand {
		cursor: pointer;
	}