* {
	margin: 0;
	padding: 0;
	border: none;
	font-size: inherit;
}

html, body, #rootElement { /* Gecko-based browsers are bad with backgrounds unless you specify this way. */
	background: #9ab;
	font-family: 'Palatino Linotype' 'Book Antiqua' Palatino serif;
	font-size: 12pt;
}

#rootElement {
	text-align: center;
	min-height: 100%;
}

hr {
	border: 1px solid black;
}

input, button, textarea, select, .draggable {
	margin: 2px 1px;
	padding: 1px 2px;
	border: 1px solid #bbb;
	line-height: 1.1em;
	font-family: Optima Helvetica sans-serif;
	font-size: 11pt;
}

td, th {
	padding: 1px 2px 0 2px;
	vertical-align: middle;
}

select {
	font-size: 10pt;
	padding: 1px 1px 1px 0;
}

button, input.button {
	background: #e8e8e8 url('../_img/g_gray.png') 0 50% repeat-x;
	border-color: #888;
}

.notice {
	background: #e8fff0 url('../_img/g_green.png') 0 50% repeat-x;
}

button:hover, input.button:hover, .highlight {
	background: #cde url('../_img/g_blue.png') 0 50% repeat-x;
}

button:active, input.button:active {
	border-style: inset;
}

a, button, input.button, *[onclick] {
	cursor: pointer;
	/* Hide the 'focus ring' from clickable elements... */
	-moz-outline: none;
	outline: none;
}

a {
	color: #575faf;
}

a:visited {
	color: #373c6f;
}

a:hover {
	color: #7782ef;
}

a.back {
	background: white url('../_img/back.png') 0 50% no-repeat;
	border: 1px outset #aaa;
	padding: 6px 4px;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: black;
	line-height: 32px;
	padding-left: 32px;
}

h1, h2, h3, h4, ul, ol {
	padding: 1px 4px 2px 4px;
}

h1 {font-size: 1.45em;}
h2 {font-size: 1.30em;}
h3 {font-size: 1.15em;}
h4 {font-size: 1.00em;}

p {
	padding: 5px 4px;
	text-indent: 0.6em;
	text-align: justify;
}

blockquote {
	margin: 2px 0.75em;
	padding: 8px 12px 7px 48px;
	border: 1px dashed #eee;
	background: url('../_img/quotes.png') 3px 40% no-repeat;
}

ul, ol {
	margin: 2px 2px 2px 1.5em;
}

pre {
	padding: 4px;
}

pre, .mono {
	font-family: 'Courier New' 'Courier' monospace;
	font-size: 10pt;
}

#TopLogo {
	display: block;
	margin: 0 auto;
	margin-top: 1px;
}

#TopNav {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	display: block;
	width: 529px;	/* Keep this the same width as the sum of the button widths */
	height: 32px;
	white-space: nowrap;
}

#TopNav li, #TopNav a, #TopNav span {
	float: left;
	background-repeat: no-repeat;
	height: 32px;
	display: inline;
	text-indent: -10000em;
	overflow: hidden;
}

#TopNav li {
	background-image: url('../_img/bar/hover.png');
}
#TopNav a {
	background-image: url('../_img/bar/normal.png');
}
#TopNav a.sel {
	background-image: url('../_img/bar/selected.png');
}
#TopNav a:hover {
	background: none !important;
}

/* TopNav Individual Links */

	#TopNav .home {
		background-position: 0 0;
		width: 76px;
	}

	#TopNav .buy {
		background-position: -76px 0;
		width: 52px;
	}
	
	#TopNav .sell {
		background-position: -128px 0;
		width: 52px;
	}
	
	#TopNav .search {
		background-position: -180px 0;
		width: 74px;
	}
	
	#TopNav .move {
		background-position: -254px 0;
		width: 61px;
	}
	
	#TopNav .services {
		background-position: -315px 0;
		width: 86px;
	}
	
	#TopNav .signup {
		background-position: -401px 0;
		width:  167px;
	}
	
	#TopNav a.signup {
		background: #9ab url('../_img/bar/become_a_member.gif') 0 0 no-repeat;
	}
	
	#TopNav .account {
		background-position: 100% 0;
		width: 127px;
	}
	
/* Login Form and special bar class... */
#TopNav.unauthorized {
	width: 714px;
	height: 50px;
}

#TopNav.trucker {
	width: 425px;
}

	#barLogin, #barLoginSubmit {
		width: 471px;
		background: url('../_img/bar/noauth.png') 100% 0 no-repeat !important;
	}
	
	#barLogin {
		height: 50px !important;
	}
	
	#barLogin a {
		text-indent: 0;
		text-align: center;
		margin-left: 275px;
		margin-top: 8px;
		_margin-top: 4px;
		width: 128px;
		font-size: 9pt;
		background: none;
	}
	
	#barLogin label {
		display: none;
	}
	
	#barLoginUser, #barLoginPass {
		position: relative;
		float: left;
		top: 2px;
		border-color: #000 #aaa #000 #000;
		font-family: 'Courier New' 'Courier' monospace;
		font-size: 9pt;
		line-height: 1.0em;
	}
	
	#barLoginUser {left: 60px; width: 136px;}
	#barLoginPass {left: 158px; width: 108px;}
	#barLoginSubmit {
		float:right;
		-moz-outline: none;
		margin: 0;
		border: 0;
		padding: 0;
		width: 45px;
		height: 28px;
		text-indent: -500em;
		overflow: hidden;
		opacity: 0.0;
	}

#Main, .main {
	border: 1px solid black;
	width: 95%;
	max-width: 1200px;
	margin: 2px auto;
	text-align: left;
	background: white;
	clear: left;
}

	#Main h1, .main h1, .main h2 {
		background: black url('../_img/burled-bg.png') 0 50% repeat-x;
		color: white;
		padding: 2px 5px 1px 5px;
		border-bottom: 1px solid black;
	}
	
	#Main h1.error, .main h1.error, .main h2.error {
		background: red url('../_img/burled-error.png') 0 50% repeat-x;
	}
	
	#Main .subtext {
		padding: 3px 7px 2px 7px;
		background: #eee url('../_img/g_sub.png') 0 50% repeat-x;
		border-bottom: 1px solid gray;
	}
	
#adminMenu {
	position: absolute;
	right: 1px;
	top: 1px;
}
	#adminMenu a {
		display: block;
		background: #eee url('../_img/g_gray.png') 0 50% repeat-x;
		padding: 2px 4px 1px 4px;
		border: 1px solid #555;
		font-size: 10pt;
		color: black;
		margin: 1px;
		text-decoration: none;
	}

	#adminMenu a:hover {
		border-color: #cde;
		background-image: url('../_img/g_blue.png');
	}

#Content, .content {
	padding: 4px;
}
	#Content.waiting {
		background: url('../_img/spin64.gif') 50% 50% no-repeat;
	}
	#Content.waiting * {
		visibility: hidden;
	}
	#Content h1, .content h1 {
		border: 1px solid black;
	}

.blog {
	border-collapse: collapse;
	border: 1px solid black;
	font-size: 11pt;
	width: 40em;
	margin: 2px auto;
}

.blog td {
	border: 1px solid black;
	vertical-align: top;
	background: white;
}

.blog td.identity {
	background: #eee;
	color: #000;
	text-align: center;
}

.blog td.identity img {
	border: 1px solid black;
}

.blog h3 {
	margin: 3px 0;
	padding: 0;
}

.blog th {
	font-size: 1.25em;
	text-align: left;
	background: black url('../_img/burled-bg.png') 50% 50% no-repeat;
	color: white;
}

.blog td.ts {
	background: #eee url('../_img/g_sub.png') 0 70% repeat-x;
	text-align: left;
	font-size: 9pt;
	vertical-align: middle;
	height: 1.05em;
	color: #333;
}

.blog .collapsed img, .blog .collapsed td.body {
	display: none;
}

.blog th:hover {
	text-decoration: underline;
}

.footer {
	padding: 4px;
	text-align: center;
	font-size: 9pt;
}

.footer a {
	color: #3d5266;
}

.footer a:hover {
	color: #e5f2ff;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.hidden {
	display: none;
}

/* Preferences (Column Views for Drag and Drop) */
.interests {
	border-collapse: collapse;
	margin: 0 auto;
	table-layout: fixed;
	width: 700px;
}

.interests td, .interests th {
	border: 1px solid gray;
	vertical-align: top;
}

.draggable {
	cursor: move;
	display: block;
	text-align: left;
	margin: 1px;
	padding: 0 3px 1px 2px;
	background: #f8f8f8; /* url('../_img/griphandle.png') 0 50% repeat-y; */
	border: 1px solid #999;
	border-bottom-width: 2px;
	border-left-width: 5px;
}

.draggable:hover, .ghost {
	background-color: #e8f4ff !important;
	border-color: #777 !important;
}

div.draggable {
	_width: 216px;
}

.targeted {
	background: #cdf;
}

.ghost {
	cursor: pointer;
}

/* Most-Normal Table Possible... */
table.normal {
	border: 1px solid black;
}

table.normal td {
	border: 1px inset #eee;
}

table.normal th {
	text-align: center;
	border: 1px solid #888;
	background: #eee;
}

/* Two-Column Table for Forms */
table.TwoCol, table.detail {
	width: 100%;
	padding-right: 8px;
}

.TwoCol td.label, .TwoCol th, table.detail th {
	background: #eee;
	text-align: right;
	width: 12em;
	padding-right: 18px;
	border: 1px solid silver;
}

.TwoCol th {
	padding-right: 6px;
}

.TwoCol td.input {
	padding: 0;
}

.TwoCol td.required {
	background: #eee url('../_img/asterisk.png') 100% 50% no-repeat;
}

.TwoCol td input, .TwoCol td textarea, #pictures {
	width: 100%;
}

table.detail td {
	border-bottom: 1px solid #ddd;
}

#pictures {
	min-height: 1em;
}

input.range {
	width: 7em !important;
}

input.checkbox {
	width: auto !important;
	margin: 0 5px 0.2em 2px;
}

input.radio {
	width: auto !important;
	vertical-align: bottom;
	padding: 1px;
	margin: 2px 4px 2px 1px;
}

.TwoCol td input:focus {
	border-color: black;
}

.uploadThumb {
	height: 72px;
	width: 96px !important;
	float: left;
	background: white url('../_img/spin64.gif') 50% 50% no-repeat;
	border: 1px solid #555;
	padding: 0;
	margin: 1px 2px;
}

.uploadThumb a {
	position: relative;
	display: block;
	left: 78px;
	top: 54px;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -5000em;
	background: url('../_img/closebox.png') 0 0 no-repeat;
}

.uploadThumb:hover a, .uploadThumb a:hover {
	background-position: 0 -15px;
}

/* Validation, dynamic uploading, etc. */
.valid, .invalid, .validating, .dirty {
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.valid {
	background-image: url('../_img/ok.png');
}
.invalid {
	background-image: url('../_img/invalid.png');
}
.validating, .dirty {
	background-image: url('../_img/spin16.gif');
}
.required.invalid {
	border-color: red;
}
select.required.invalid {
	background-image: none;
}


/* Help Styles */
a#clear {
	height: 15px;
	width:15px;
	background: url('../_img/clear.png') 0 50% no-repeat;
	cursor: pointer;
}

a#clear:hover {
	background-position: -49px 50%;
}

div.help {
	background: #eef url('../_img/i-badge.png') 4px 5px no-repeat;
	border: 2px solid #369;
	padding: 3px 3px 3px 30px;
	text-align: left;
	font-size: 11pt;
}

a#info {
	background: url('../_img/i.png') 50% 50% no-repeat;
	float: right;
	margin: 2px 0.35em 0 0;
	height: 1.5em;
	width: 60px;
	text-indent: -10000em;
	overflow: hidden;
}

a#info.down {
	background-image: url('../_img/i-down.png') !important;
}

/* Filmstrip */
.filmstrip {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
	background: #eee;
	width: 100%;
}

.filmstrip div {
	padding: 3px 4px 0 6px;
	text-align: center;
}

.filmstrip img {
	border: 1px solid #555;
	margin: 2px 4px 0 0;
}

.filmstrip img.sel {
	border: 1px solid white;
}

/* Car Summary */
table.summary {
	border-collapse: collapse;
	font-size: 11pt;
	width: 720px;
	margin: 1px auto;
	border: 1px solid black;
	background: #f8f8f8;
	table-layout: fixed;
	text-align: left;
}
	table.summary td {
		border-top: 1px solid black;
	}
	table.summary th {
		background: black url('../_img/burled-bg.png') 50% 50% no-repeat;
		color: white;
		font-size: 16pt;
		font-weight: bold;
		text-indent: -0.6em;
		padding-left: 0.7em;
		width: 50%;
	}
	
	table.summary th a {
		color: white;
		text-decoration: none;
		font-weight: normal;
	}
	
	table.summary th a:hover {
		color: #cde;
	}

	table.summary th.status {
		width: 5em;
		border-left: 1px solid black;
		text-align: center;
		background-position: 0 0;
		font-size: 13pt;
	}

	table.summary td.contact {
		width: 160px;
		font-size: 10pt;
		vertical-align: middle;
		border-left: 1px solid black;
		background: #eee;
		color: #555;
	}
	
	table.summary td.picture {
		width: 96px;
		text-align: center;
		background: #ddd;
		border-right: 1px solid black;
	}
	
	table.summary td.picture img {
		border: 1px solid #555;
	}
	
	table.summary td.notes {
		text-indent: 0.5em;
		width: 192px;
		font-style: italic;
		color: #888;
	}
	
/* User Administration Styles */
table.list {
	margin: 2px 1.0em;
	border: 1px solid black !important;
	border-spacing: 0 0;
}
	table.list td.pic {
		width: 72px;
		padding: 1px 4px 0 4px;
	}
	table.list th, table.list td {
		border-bottom: 1px solid #ccc;
	}
	table.list th {
		height: 26px;
		padding-left: 32px;
		background-position: 2px 1px;
		background-repeat: no-repeat;
		text-align: left;
	}
	table.list th.nopad {
		padding-left: 2px;
	}
	
	table.list th.user {width: 15em; background-image: url('../_img/usericon.png')}
	table.list th.email {width: 20em; background-image: url('../_img/mailicon.png')}
	
	table.list td {
		text-align: center;
	}
	
	table.list tr:hover {
		background: #e7e7e7;
	}
	
	table.list td.note {
		font-size: 80%;
		color: #555;
		font-style: italic;
	}
	
.mceEditor td {
	padding: 0;
}
.mceEditor select {
	background: white;
}
td.mceToolbarTop { background: #eee url('../_img/g_company.png') 0 50% repeat-x; }
td.mceStatusbarBottom { background: #eee url('../_img/g_sub.png') 0 50% repeat-x; }

/* Experiments */
ul.submenu {
	list-style: none;
}

ul.submenu li {
	display: block;
	float:left;
	height: 32px;
	background: url('../_img/bar/blue.png') 50% 0 no-repeat;
}

ul.submenu li a {
	display:block;
	padding: 7px 6px 5px 6px;
	height: 20px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	background: url('../_img/bar/gray.png') 50% 0 no-repeat;
}

ul.submenu li a:hover {
	background: none;
}

ul.submenu .first {
	background-position: 0 0 !important;
}

ul.submenu .last {
	background-position: 100% 0 !important;
}

tr.shaded td {
	background-color: #eee;
}