@import "../inc/base.css";
@import "../inc/form.css";
@import "../blenderpro/font.css";

.xdebug-var-dump {background: #FFF;}

/* Site defaults */

body {font-size: 12px;}
table {margin: 0;}
th, td {border: none; text-align: left; padding: 10px;}
a {color: #000077;}
a:visited {color: #000237;}
h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration: none;}

/* Wrapper */

html {background: #FFF url('/public/images/background.jpg') fixed repeat-x center top;}

div.main {width: 888px; background: #FFF; margin: 0 auto; padding: 0 6px;}

h1#site_logo {
	float: left;
	width: 405px; height: 52px;
	margin: 15px; text-indent: -5000px;
	background: url('/public/images/logo.jpg') no-repeat left 10px;
	overflow: hidden;
}

div#login_box {
	float: right;
	width: 418px; height: 50px;
	margin: 15px; margin-left: 0;
	padding: 10px;
	text-align: right;
	color: #FFF;
}

div#login_box label {font-weight: bold; text-transform: uppercase;}
div#login_box p {margin: 0; margin-bottom: 0.5em;}

div#user_box {
	float: right;
	width: 300px; height: 50px;
	margin: 15px; margin-left: 0;
	padding: 10px;
	background: #000;
	color: #FFF;
	border: 1px solid #555;
}

div#user_box a, div#login_box a {color: #FFF;}

div.miniprofile p {margin: 0.5em 0;}
div.miniprofile a {padding-right: 5px;}
div.miniprofile div {margin-bottom: 2px;}

div#user_overview {
	float: left;
	width: 101px; height: 50px;
	margin: 15px; margin-left: 0;
}

div#user_overview p {margin: 0; margin-bottom: 3px;}

ul#site_nav {
	clear: both; margin: 0;
	text-align: center;
	background: #000 url('/public/images/nav.png') repeat-x left top;
	height: 35px;
	margin: 6px 0;
}

ul#site_nav li {
	float: left;
	list-style: none;
	width: 110px;
	height: 35px;
	line-height: 35px;
	margin: 0; padding: 0;
}

ul#site_nav a {
	float: left; width: 100%; height: 100%;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size:18px;
	font-family:BlenderPro;
}

div#user_nav, div#user_nav a {
	padding: 0 3px 0 5px;
	color: #f5f193;
	font-size:13px;
}

.heading {
	padding: 0 2px 0 2px;
	color: #FFF;
	font-family:BlenderPro;
	font-size:18px;
	word-spacing:3px;
	text-transform:uppercase;
}

div#user_nav {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	background: #96000B;
	height: 25px;
	line-height: 25px;
	border: solid black 1px;
	font-family:Arial;
}

div#user_nav * {
	vertical-align:midde;
}

ul#user_nav a {
	float: left; width: 100%; height: 100%;
	color: #FFF;
}

div#user_nav_tabs {
	clear: both;
	background: url('/public/images/bg_tabarea.jpg');
	height: 40px;
	line-height:44px;
	font-family:Arial;
	word-spacing:3px;
	text-align:center;
}

div#user_nav_tabs a {
	padding: 0 15px 0 15px;
	color: #000;
	font-size:15px;
	text-decoration:none;
	background: #FFF;
	border-left: solid #777 1px;
	border-right: solid #777 1px;
	border-top: solid #777 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left:5px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
}

div.header {clear: both;}

div.header_top {
	background: #4B1B1B url('/public/images/header.jpg') no-repeat left top;
	height: 100px;
}

div.body {width: 888px; clear: both;}
div.footer {clear: both; border-top: 6px solid #000; margin: 6px 0 0 0;}

div.copyright {float: left; padding: 10px; text-align: left;}
div.copyright a {color: #000; text-decoration: none;}
div.footer_links {float: right; padding: 10px; text-align: right;}

/* Articles */

h2.article_title, h3.article_title {margin: 1em 0 3px 0;}
div.article_date {color: #555; margin: 0 0 10px 0; height: 16px;}
img.article_img {float: left; margin: 0 20px 10px 0;}

/* Form area */


div.formarea {padding: 15px;}
div.formarea h2:first-child, div.formarea h3:first-child {margin-top: 0; font-family: BlenderPro; word-spacing:3px;}
div.formarea label.label {padding: 0 0 0 25px;}
div.formarea.topless {padding-top: 0;}

div.formarea hr {
	display: block;
	width: 100%;
	border: 1px solid #BBB;
	border-width: 1px 0 0 0;
	clear: both;
	margin: 10px auto 10px auto;
}

/* Table listing */

table.data {margin: 0; width: 100%;}
table.data th, table.data td {border: none; text-align: left; padding: 5px 10px 5px 10px;}
table.data th {background: #DCDCDC;}
table.data tr {border-bottom: 1px solid #EEE;}
table.data > tbody:first-child > tr:first-child,
table.data > thead > tr:first-child,
table.data > tr:first-child {border-bottom: 1px solid #CCC;}
table.data td {height: 30px;}
table.data td.vcell {height: auto;}

/* Homepage */

h3.hbar {margin: 0; padding: 5px 3px 3px 10px; font-size: 120%; text-transform: uppercase;}

div.home_intro {float: left; width: 540px; font-size: 0;}
div.home_welcome {float: right; padding: 12px; width: 322px;}
div.home_welcome ul {margin: 0.8em 2em;}
div.home_welcome p {margin: 0 0 0.8em 0;}
div.home_welcome h2 {margin: 0; padding: 0; height: 30px; font-size: 130%; text-transform: none;}
div.home_sponsors {background: #FFF; text-align: center;}
div.home_sponsors h3 {color: #FFF; background: #431818; padding: 3px; margin: 6px 0 0 0;}
div.home_sponsors img {margin: 10px 7px 10px 7px;}
div.home_content_block {color: #FFF; background: #000; width: 888px;}
div.home_content_block a {color: #BBBBFF;}
div.home_content_block h4 {text-transform: uppercase; margin: 0; margin-bottom: 0.5em;}
div.home_video {float: left; width: 290px; padding: 3px 10px 0 10px; margin: 0 0 10px 0;}
div.home_riders {float: left; width: 220px; padding: 3px 0 0 10px; margin: 0 0 10px 0;}
div.home_articles {float: left;}
div.home_latest, div.home_started  {width: 328px; padding: 3px 10px 10px 10px; margin: 0 0 10px 0;}
div.home_riders h3, div.home_video h3, div.home_latest h3, div.home_started h3 {padding: 3px 3px 8px 0;}
div.home_riders img, div.home_video img {margin: 5px 10px 5px 0;}

/* Profile */

div.profile_avatar {float: left; text-align: center; margin: 0 15px 0 0;}

div.profile_details {float: left; position: relative; padding: 15px 15px 0 15px; width: 555px;}
div.profile_details.company {width: 873px;}
div.profile_details h2 {margin: 0; height: 30px; font-size: 150%;}
div.profile_details th {color: #212121; padding: 5px; padding-left: 0; width: 75px; vertical-align: top;}
div.profile_details td {padding: 5px;}

div.profile_about {float: right; position: relative; padding: 15px; width: 273px;}
div.profile_about h3 {margin: 0; padding: 0; height: 30px; font-size: 130%; text-transform: none;}

div.profile_update {background: #555; position: relative; padding: 5px 10px 10px 10px; color: #FFF;}
div.profile_update img {float: left; margin-right: 10px;}
div.profile_update h3 {padding: 0 0 7px 0;}
div.profile_update p {margin: 0; padding-bottom: 3px;}
div.profile_update a {color: #CCCCFF !important;}

div.profile_sponsors {background: #FFF; text-align: center;}
div.profile_sponsors h3 {color: #FFF; background: #431818; padding: 3px;}
div.profile_sponsors img {margin: 10px 7px 10px 7px;}

div.profile_riders {background: #333; color: #FFF; position: relative; padding-bottom: 5px;}
div.profile_riders h3 {padding: 5px 3px 3px 10px;}
div.profile_riders img {margin: 5px 1px 6px 10px;}
div.profile_riders a {color: #BBBBFF !important;}

div.profile_results {color: #FFF; background: #444; float: left; position: relative; width: 585px;}
div.profile_schedule {color: #FFF; background: #333; float: right; position: relative; width: 303px;}
div.profile_results table, div.profile_schedule table {width: 100%;}
div.profile_results a, div.profile_schedule a {color: #CCCCFF !important;}

div.profile_images {color: #FFF; background: #111; float: left; position: relative; width: 585px; padding-bottom: 5px;}
div.profile_videos {color: #FFF; background: #000; float: right; position: relative; width: 303px; padding-bottom: 5px;}
div.profile_images img, div.profile_videos img {margin: 5px 1px 6px 10px;}
div.profile_images a, div.profile_videos a {color: #BBBBFF !important;}

div.profile_links {position: absolute; padding: 5px 10px; top: 0; right: 0;}
div.profile_links a {text-decoration: none; margin-left: 8px;}

th.date {width: 20%;} th.event {width: 40%;} th.class {width: 30%;}
th.place, td.place {width: 10%; text-align: right !important;}
th.date2 {width: 30%} th.event2 {width: 70%;}

div.profile_pane {
	float: left;
	padding: 15px;
	min-width: 200px;
}

div.profile_pane img {
	max-width: 200px;
}

div.profile_read {
	float: left;
	padding: 15px;
	width: 628px;
}

div.profile_read h2:first-child {margin-top: 0;}

div.profile_bkg_iv {background: #000; width: 888px;}
div.profile_bkg_rs {background: #333; width: 888px;}

/* Image and video uploading */

span#upload_link {position: relative;}
p#gallery span.upimage {float: left; margin: 5px; width: 133px; height: 130px; text-align: center; font-size: 11px;}
span.pb_text {display: inline-block; margin-top: 25px;}
span.pb_out {display: inline-block; height: 10px; width: 100px; border: 1px solid #000077; text-align: left;}
span.pb_in {display: inline-block; height: 11px; background: #000077;}
.swfupload {position: absolute; z-index: 1; top: -2px; left: -2px; cursor: pointer;}

div.panel {width: 390px; float: left; margin: 7px 15px 7px 0; padding: 5px; background: #EEE;}
div.panel p {margin: 0.9em 0;}

/* Communication center */

div.comm_block {background: #FFF; border: 1px solid #CCC; padding: 15px; margin: 0 0 10px 0; width: 828px;}
div.comm_person_panel {float: left; border-right: 1px solid #CCC; width: 197px; margin: 0 15px 0 0;}
div.comm_person_panel h3 a {color: #000237;}
div.comm_msg_panel {float: left; width: 615px;}
div.comm_date {color: #555; font-size: 0.9em;}
div.comm_date span.private {font-weight: bold; color: #FF0000;}
div.comm_msg {padding: 5px; margin: 10px 0 0 0;}
div.comm_links {margin: 10px 0 0 0; text-align: right;}

/* Public image/video gallery */

div.image_gallery {padding: 15px; background: #000;}
div.image_gallery img {margin: 10px; max-width: 826px;}
div.image_gallery, div.image_gallery a {color: #FFF;}

/* Member/Company Search */

div#search_wrap {
	background: #222;
}

div#search_box {
	float: left;
	width: 265px;
	padding: 10px 10px 0 15px;
	margin: 3px 0 5px 5px;
	background: #FFF;
	color: #000;
}

div#search_box h2 {margin: 0; padding: 2px 3px 15px 0; font-size: 120%; text-transform: uppercase;}
div#search_box label {display: block; display: inline-block; width: 70px; padding: 0 10px 0 0;}
div#search_box select {max-width: 160px;}

table#search_results {float: left; width: 583px; margin: 3px 0 2px 5px;}
table#search_results h3 {font-size: 130%; margin: 0; margin-bottom: 5px; padding: 0;}
table#search_results p {margin: 0;}
table#search_results tr {background: #FFF; width: 583px;}
table#search_results td {padding: 10px 10px 0 10px; vertical-align: top;}
table#search_results td.bottom {padding-bottom: 10px; border-bottom: 5px solid #222; vertical-align: middle;}
table#search_results .blink {border: none !important;}

span.label {display: inline-block; width: 75px; color: #212121;}
span.detail {display: inline-block; width: 195px; vertical-align: top;}
p.pagination {text-align: center;}
div.profile {float: left; width: 260px;}

/* Webconnex stuff */

div.webconnex_wrap h2 {margin-top: 0;}
div.webconnex_wrap p {clear: both;}
span.radios {display: block; display: inline-block; vertical-align: top;}
p.submit_row {text-align: center;}
p.submit_row span {display: block; display: inline-block; direction: rtl;}
p.submit_row input {direction: rtl;}
p.total {font-size: 140%; font-weight: bold;}
p.redirect_message {padding: 15px; border: 1px solid #333; margin-left: 25px;}
p.error_message {text-align: center; font-weight: bold; color: #FF0000; border: 1px solid #FF0000; padding: 8px;}