@import url("/resources/shared/css/travi.basic.css");
@import url("/resources/shared/css/iconize.css");
body
{
	font: 				1em georgia, times, serif;
	font-variant:		small-caps;
	color: 				#FFFFFF;
	background: 		#000000 url(/resources/img/bg/bg-tireTread.jpg) fixed;
	margin: 			0;
}
a
{
	color:				red;
	background-color:	transparent;
	text-decoration:	none;
}
a:hover
{
	color:				#C0C0C0;
	background-color:	transparent;
	text-decoration:	underline;
}
/*OUTER WRAPPER*/
#mainContainer
{
	width: 				750px;
	margin:				0 auto 20px auto;
	padding:			0;
	color:				#FFFFFF;
	background: 		#E0E0E0 url(/resources/img/bg/bg-diamond2back.jpg);
	text-align:			left;
}
#mainContainer:after
{
	content: 			".";
	display: 			block;
	height: 			0;
	clear: 				both;
	visibility: 		hidden;
}
/*TOP NAVIGATION*/
#topNav
{
	text-align: 		center;
	margin:				0;
	padding:			3px;
	background:			#C80000;
	color:				#000;
	font:				.70em Impact, sans-serif;
}
#topNav ul
{
	margin-left: 		0;
	padding-left: 		0;
	display: 			inline;
	border: 			none;
}
#topNav ul li
{
	margin-left: 		0;
	padding:			0 1px 0 1px;
	border: 			none;
	list-style: 		none;
	display: 			inline;
}
#topNav a
{
	color:				#000000;
	background-color:	transparent;
	text-decoration:	none;
}
#topNav a:hover
{
	color:				#C0C0C0;
	text-decoration:	underline;
}
/*TITLE AREA*/
#pageHeader
{
	margin: 			0 0 5px 0;
	padding-left:		100px;
	height:				200px;
	background:			transparent url(/resources/img/titleBanners/truckApex.jpg);
	border-top:			1px solid #000000;
	font-family: 		"Franklin Gothic Demi Cond", sans-serif;
	font-variant: 		small-caps;
	text-align: 		left;
}
#pageHeader h1, #pageHeader h1 a
{
	color: 				#FFFFFF;
	margin: 			30px 0 0 0;
	padding: 			0px;
	font-size: 			80px;
	font-family:		"Franklin Gothic Demi Cond", sans-serif;
}
/*SIDE NAVIGATION*/
.sideNav
{
	float:				left;
	clear:				left;
	display:			block;
	width:				90px;
	margin:				10px 0 0 -10px;
	background:			#C80000;
	border:				2px solid #000000;
	text-align:			left;
	padding:			10px 0 10px 0;
	font-family: 		"Trebuchet MS", sans-serif;
}
ul.sideNav{
	list-style-type: 	none;
}
ul.sideNav li{
	display: 			inline-block;
	width:				100%;
}
.sideNav a
{
	display:			block;
	color:				#FFFFFF;
	padding:			0 5px 0 10px;
}
.sideNav a:hover
{
	text-decoration:	none;
	background:			#000000;
}
.sideNav ul
{
	margin: 			2px 2px 2px 0;
	padding: 			0;
	list-style-type: 	none;
}
.sideNav li
{
	margin:				0;
	padding:			0;
}
.sideNav dl
{
	margin: 			0;
	padding: 			2px;
	font-size:			.8em;
}
.sideNav dt
{
	margin: 			0;
	padding-left:		3px;
	font-weight:		bolder;
	color: 				#000;
}
.sideNav dd
{
	margin: 0;
	padding-left: 5px;
}
ul.sideNav dd
{
	margin: 			0 0 4px 5px;
	padding-left:		0;
	border-top: 		1px solid #D7D6D6;
	background-repeat: 	repeat-x;
}
ul.sideNav dd a
{
	padding-left:		0;
}
.sideNav dd ul{
	list-style-type: 	none;
	border-top: 		1px dotted #D7D6D6;
	font-size:			.85em;
	padding-left:		5px;
}
/*CONTENT WRAPPER*/
#bodyContainer
{
	float:				right;
	display:			inline;
	width:				645px;
	color:				#000000;
	background-color:	transparent;
	margin:				0 5px 0 0;
	border-top:			1px solid #000000;
}
/*SECTION TITLE*/
.sectionHeader
{
	margin:				5px 0 5px 0;
	padding:			5px;
	border:				1px solid #000000;
	color:				#000000;
	background: 		#C80000;
	font: 				1.75em Impact, sans-serif;
	font-variant: 		small-caps;
	text-align:			left;
}
.sectionHeader .sectionNav{
	font-size: .55em;
	float: right;
	font-family: "Trebuchet MS", sans-serif;
}
.sectionHeader ul.sectionNav{
	margin: 0;
	padding: 0;
	margin-top: -5px;
	list-style-type: none;
}
.sectionHeader ul.sectionNav li{
	margin: 0;
	padding: 0;
}
h2.sectionHeader a{
	color: #000;
}
.section{
	padding: 		5px;
	text-align: 	center;
	border:			1px solid #818181;
	color:			#fff;
	background: 	#E0E0E0 url(/resources/img/bg/bg-diamondplatet.jpg);
}
/*TEXT AREA*/
.text-block
{
	text-align:			left;
	background-color: 	#252429;
	color:				#FFFFFF;
	border:				1px solid #000000;
	padding:			5px;
	font-family: 		"Trebuchet MS", sans-serif;
}
.text-block h3, .text-block h3 a
{
	margin:				0;
	color:				#888;
	border-bottom:		1px solid #000;
	font-family:		sans-serif;
	font-size:			1.5em;
}
.text-block h3 a:hover
{
	color:				#C0C0C0;
	text-decoration:	none;
}
.text-block p
{
	margin:				5px 0 5px 0;
	padding:			3px 0 3px 0;
}
.text-block:after
{
	content: 			".";
	display: 			block;
	height: 			0;
	clear: 				both;
	visibility: 		hidden;
}
.stlBtn
{
	border:				0;
	margin:				0;
	padding:			0;
	width:				80px;
	height:				15px;
}
/*LEFT ALIGNED IMAGE*/
.image-left
{
	margin:				5px 5px 0 0;
	float:				left;
}
/*RIGHT ALIGNED IMAGE*/
.image-right
{
	margin:				5px;
	float:				right;
}
/*ENTRY*/
ul.entryList{
	padding: 0;
	margin: 0;
	list-style: none;
}
.entry,dl.accordion
{
	margin:				0 0 5px 0;
	width:				633px;
	padding:			5px;
	border:				1px solid #818181;
	color:				#FFFFFF;
	background: 		#E0E0E0 url(/resources/img/bg/bg-diamondplatet.jpg);
	text-align:			left;
	font-size:			.75em;
}
.entry-title, dt.entry-title a
{
	font-variant:		small-caps;
	background:			#000000;
	padding:			3px;
	color:				#FFFFFF;
	margin: 			0;
}
.entry-title a{
	color:				#FFFFFF;	
}
.entry-title a:hover{
	color: #C0C0C0;
}
h3.entry-title{
	font-size: 1.5em;
	margin: 0;
	padding: 10px;
}
dl.entry-message dt{
	font-size: 1.5em;
	border-bottom: 1px solid #fff;
	padding-left: 0;
}
.entry-message/*,dl.accordion>dd*/
{
	/*width:				627px;	/*This is here so that the transparency will render correctly in ie--height or width must be set (is this the same as must have layout? if so could be another solution allowing fluid height and width)*/	
	font-variant:		small-caps;	
	color:				#fff;
	background-image:	url(/resources/img/bg/bg-7_trans.png);
	padding:			3px;
}
/*NEXT/LAST PAGE NAVIGATION*/
ul.pagination
{
	text-align:			right;
	margin:				0;
	padding:			27px 5px 0 5px;
	color:				#fff;
	font:				.7em "Trebuchet MS", Impact, sans-serif;
	float:				right;
}
ul.pagination li{
	display: inline;
}
ul.pagination li.outOfRange{
	display: none;
}
.pagination a
{
	color:				#fff;
	background-color:	transparent;
	text-decoration:	none;
}
.pagination a:hover
{
	color:				#C80000;
	text-decoration:	underline;
}
/*CONTENT NAVIGATION*/
dl.contentNav dt{
	font-size: 2em;
	font-weight: bold;
	border: 1px solid #969696;
}
dl.contentNav dd>ul,ul.bulletNav{
	font-size: 1.5em;
	font-weight:		bold;
}
/*SUBMISSION RESULTS*/
.good,.bad{
	width: 				70%;
}
/*FOOTER*/
#pageFooter
{
	text-align:			right;
	font-size:			.75em;
	font-variant:		small-caps;
	border-top:			1px solid #000000;
	margin-top:			5px;
}

/*ACCORDION*/
/*.accordion dt{
	cursor: pointer;
}
dl.accordion dd{
	margin: 0;
	padding: 0 3px;
}*/
dl.accordion dt{
	padding: 3px 3px 3px 27px;
}
dl.accordion > dd{
	width: 579px;
}
/*Forms===================================*/
.form{
	background-image: 	url(/resources/img/bg/bg-8_trans.png);
}
input.ui-state-error,
textarea.ui-state-error,
select.ui-state-error{
	background-color: #ccc;
}
ul.fieldList label.ui-state-error{	
	width:			458px;
}
ul.fieldList fieldset label.ui-state-error{
	width:			auto;
}
.textInput,div.wym_box{
    width:			475px;
}
legend{
	color: #fff;
}
div.wym_box{
	margin-bottom:20px;
	border: 1px solid red;	
}
/*Entity List*/
.entityBlock
{
	background:		#000;
	color:			#fff;
	margin:			0 0 10px 0px;
	padding:		3px;
	vertical-align:	top;
}
.entityBlock dl
{
	margin:			0;
}
.entityBlock dl dt
{
	font-size:			1.5em;
	font-weight:		bold;
}
.entityBlock p
{
	margin:			2px;
}
.entityBlock .actions
{
	border: 		1px solid #cccccc;
	margin: 		4px 0px 0px 0px;
	padding: 		2px;
	background: 	#eaeaea;
	color:			#000;
	width: 			90%;
}

/* Entity Type */
.general {
	border:			3px solid red;
}
.statistics {
	border:			3px solid green;
}
.admin {
	border:			3px solid #fff;
}
.gallery {
	border:			3px solid blue;
}
.links {
	border:			3px solid yellow;
}