/* Body */
body {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	background: #000000;
	padding: 0;
	margin: 20px;
}


/* Globals */
.vm {vertical-align: middle;}
.vt {vertical-align: top;}
.justify {text-align: justify;}
.center {text-align: center;}
.right {text-align: right;}
.flRight {float: right;}
.flLeft {float: left;}
form {margin: 0;}

table, img {border: none;}

/* Main container */
div#container {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}


/* Header */
div#headerLogo {
	width: auto;
	height: 140px;
	color: #000000;
	background: url('/rlogobg.php') #FFFFFF left no-repeat;
}

div#headerLogoUnderStrip {
	width: auto;
	height: 8px;
	font-size: 0.1em;
	background-color: #DB0000;
	cursor: default;
	border-bottom: 2px solid #000000;
}

span#logo-rpm {float: right;}


/* Left column */
div#leftCol {
	width: 170px;
	float: left;
}

/* Latest forum posts */
div#leftCol div#latestForumPosts {
	width: 159px;
	color: #FFFFFF;
	background-color: transparent;
	border-bottom: 1px solid #B8B9C9;
	margin-top:12px;
}

div#lfPostsHdr {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 12px;
	cursor: default;
}

div.lfPostItem {
	font-size: 0.8em;
	margin-bottom: 4px;
}


/* Main sections */
div#content {
	width: auto;
	font-size: 0.75em;
	color: #000000;
	background-color: #E7E6DC;
	background: url('/graphics/nav/nav_bg.png') #E7E6DC left repeat-y;
}

div#contentBody {
	width: auto;
	height: 500px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
	border-left: 1px solid #B8B9C9;
	margin-left: 160px;
}
html>body div#contentBody {
	height: auto;
	min-height: 500px;
}


/* Section boxes */
div.infoBox {
	width: auto;
	background: url('/graphics/content_bg.png') #FFFFFF bottom repeat-x;
	border: 1px solid #000000;
	margin-bottom: 25px;
}

div.infoBoxExp {
	width: auto;
	height: 200px;
	border: 1px solid #000000;
	margin-bottom: 25px;
	overflow: hidden;
}

div.infoHdr {
	width: auto;
	height: 28px;
	color: #FFFFFF;
	background: url('/graphics/headers/background.png') #BBBBBB left repeat-x;
}

div.infoHdrText {
	width: auto;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-left: 4px;
	cursor: default;
}

div.infoSubHdr {
	width: auto;
	font-size: 0.85em;
	color: #000000;
/*    background-color: #FF8080; */
	background: url('/graphics/headers/subheader_bg.png') #FF8080 left repeat-x;
	padding: 2px;
	padding-left: 4px;
	cursor: default;
}

div.infoInner {width: auto;}

div.infoInnerBody {
	width: auto;
	padding-right: 6px;
	padding-left: 6px;
}


/* Tables */
table.fullWidth {
	width:100%;
	border-collapse: collapse;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
}

tr.rowEven {background-color: #FFFFFF;}
tr.rowOdd {background-color: #E9F1FA;}

table.general {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

table.general tr {
	border-bottom: 1px solid #000000;
}
table.general td {
	padding: 3px;
}
table.general td.lbl {
	width: 140px;
	color: #000000;
	background-color: #B8B9C9;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	cursor: default;
}
html > body table.general td.lbl {
	border-bottom: none;
}
table.general td.data {
	width: auto;
	color: #000000;
	background-color: #E0E0E0;
	border-bottom: 1px solid #000000;
}
html > body table.general td.data {
	border-bottom: none;
}

table#webchat {
	border: 0;
}


/* Forms */
div.formButtonsRow {
	width: auto;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 12px;
	margin-bottom: 12px;
}

input.browseFile {
	width: 300px;
}

input.textField,
textarea.textField {
	width: 300px;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 1em;
	padding: 2px 4px 2px 4px;
	border: 1px solid #B8B9C9;
}
textarea.textField {
	width: 480px;
	height: 320px;
}

input.textField:hover,
textarea.textField:hover {
	border: 1px solid #000080;
}

input.textField:focus,
textarea.textField:focus {
	border: 1px solid #000080;
}

input.btnGeneral {
	width: 77px;
	height: 20px;
	color: #000000;
	background: url('/graphics/buttons/btn_general.png') transparent;
	border: none;
}

input.btnGeneral:hover {
	background: url('/graphics/buttons/btn_general_h.png') transparent;
}

input#player-name {
	width: 300px;
}

input#car-plate {
	width: 100px;
}

input#irc-nick {
	width: 180px;
	color: #000000;
	background: url('/graphics/icons/16/user.png') #FFFFFF left no-repeat;
	padding-left: 18px;
}

td.data input.textField {
	width: 300px;
}

select.o11 {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 1em;
	padding: 2px 0;
	border: 1px solid #B8B9C9;
}

select.o11 option.ps {
	font-weight: bold;
	color: #000000;
	background-color: #B8B9C9;
	border-bottom: 1px solid #000080;
}

select.o11:hover {
	border: 1px solid #000080;
}

/* Member list */
span.memberOnline {
	font-weight: bold;
	color: #00CC00;
	background-color: transparent;
	cursor: default;
}

span.memberOffline {
	font-weight: normal;
	color: #868686;
	background-color: transparent;
	cursor: default;
}


/* Skin packs */
td.skinpackLabel {
	width: 160px;
	color: #000000;
	background-color: #B8B9C9;
	padding: 3px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	cursor: default;
}

td.skinpackData {
	width: auto;
	color: #000000;
	background-color: #E0E0E0;
	border-bottom: 1px solid #000000;
	padding: 3px;
}


/* IRC */
td.webchatLabel {width: 160px;}
td.webchatData {width: auto;}


/* Errors */
div.errorMsg {
	width: auto;
	font-weight: bold;
	color: #000000;
	background: url('/graphics/icons/erroricon_alert_error.png') 14px no-repeat #FF8080;
	text-align: left;
/*	text-indent: 72px; */
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 72px;
	border: 1px solid #A00000;
	margin: 12px auto;
	cursor: default;
}
div.successMsg {
	width: auto;
	font-weight: bold;
	color: #000000;
	background: url('/graphics/icons/erroricon_information_ok.png') 14px no-repeat #C0FFC0;
	text-align: left;
/*	text-indent: 72px; */
	padding-top: 18px;
	padding-bottom: 18px;
    padding-left: 72px;
	border: 1px solid #00A000;
	margin: 12px auto;
	cursor: default;
}


/* LFS Servers */
div.lfsServer {
	width: auto;
	margin-top: 12px;
	margin-bottom: 24px;
}

div.lfsServer div.lfsServerNameTab,
div.skinpackTab {
	width: 260px;
	font-weight: bold;
	color: #FFFFFF;
	background:url('/graphics/headers/background.png') #000000 left repeat-x;
	text-align: center;
	padding: 2px;
	border: 1px solid #000000;
	border-bottom: none;
	cursor: default;
	position: relative;
}
html > body div.lfsServer div.lfsServerNameTab,
html > body div.skinpackTab {
	left: -1px;
	position: relative;
}

div.lfsServer table.lfsServer {
	width:100%;
	border-collapse: collapse;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-right: auto;
	margin-left: auto;
}

td.lfsServerLbl {
	width: 140px;
	background-color: #B8B9C9;
	padding: 3px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	cursor: default;
}
html > body td.lfsServerLbl {
	border-bottom: none;
}

td.lfsServerData {
	width: auto;
	background-color: #E0E0E0;
	padding: 3px;
	border-bottom: 1px solid #000000;
}
html > body td.lfsServerData {
	border-bottom: none;
}

table.lfsServer tr {
	border-bottom: 1px solid #000000;
}


/* Member CP */
div#country-flags-list {
	width: 100px;
	height: 177px;
	color:#000000;
	background-color:#FFFFFF;
	border: 1px solid #000080;
	overflow: auto;
	display: none;
	position: absolute;
}
div#country-flags-list div {
	color: #000000;
	border: 1px solid #FFFFFF;
	margin: 1px;
}
div#country-flags-list div:hover {
	background-color: #FFE4A8;
	border: 1px solid #000080;
}

div.fakeComboBox {
	width: 100px;
	color: #000000;
	background-color: #FFFFFF;
	height: 20px;
	border: 1px solid #B8B9C9;
}

div.fakeComboBox span.fakeComboBoxBtn {
	width: 15px;
	height: 20px;
	font-size:0.2em;
	color: #000000;
	background: url('/graphics/icons/cboarrow.png') #B8B9C9 center no-repeat;
	text-align: center;
	float: right;
	cursor: default;
}
div.fakeComboBox span.fakeComboBoxBtn:hover {
	color: #000000;
	background: url('/graphics/icons/_cboarrow.png') #F8D074 center no-repeat;
}

/*div#mcp-personal-details,
div#mcp-box-specs,
div#mcp-fav-cars,
div#mcp-fav-tracks {
	display: block;
}*/


/* Member license */
div.memberlic {
	width: 500px;
	height: 200px;
	background: url('/graphics/lic/bg.png') #FFFFFF top left;
	border: 1px solid #FFA8A8;
	margin-top: 6px;
	margin-bottom: 18px;
}
html > body div.memberlic {
	height: auto;
	min-height: 200px;
}

div.memberlic div.licWMdSRC {
	width: auto;
	background: url('/graphics/lic/dSRC8.png') transparent bottom right no-repeat;
}
html > body div.memberlic div.licWMdSRC {
	background: url('/graphics/lic/dSRC24.png') transparent bottom right no-repeat;
}

div.memberlic div.licWMdSRC div.licWMLFS {
	width: auto;
	height: 100px;
	background: url('/graphics/lic/lfs8.png') transparent top right no-repeat;
}
html > body div.memberlic div.licWMdSRC div.licWMLFS {
	height: auto;
	min-height: 100px;
	background: url('/graphics/lic/lfs24.png') transparent top right no-repeat;
}

div.memberlic div.licPortrait {
	float: left;
	border: 1px solid #000000;
	margin: 6px 24px 6px 6px;
}
div.memberlic div.licPortrait img {
	width: 120px;
	height: 160px;
}

div.memberlic div.licPersonalDetails {
	margin: 6px 0 6px 84px;
}

div.memberlic div.licPersonalDetails table {
	width: auto;
}

div.memberlic div.licPersonalDetails table td {
	border: none;
}

div.memberlic div.licPersonalDetails table td.lbl {
	width: 120px;
	font-weight: bold;
	color: #000000;
	background: transparent;
	cursor: default;
}

div.memberlic div.licPersonalDetails table td.data {
	width: auto;
	font-family: "Lucida Console", Courier, monospace;
	color: #000000;
	background: transparent;
}


/* Servers */
span.serverPasswd {
	background: url('/graphics/icons/16/lock_go8.png') no-repeat;
	padding-right: 8px;
	padding-left: 8px;
}
html > body span.serverPasswd {
	background: url('/graphics/icons/16/lock_go24.png') no-repeat;
}

span.serverPasswd img {
	width: 16px;
	height: 16px;
}

img.serverPasswdClr {
	width: 16px;
	height: 16px;
}


/* Abuse */
div#cap-img {
	margin-bottom: 2px;
}

input#cap {
	width: 90px;
	text-align: center;
}

/* Fieldsets */
fieldset {
	padding: 6px;
	border: 1px solid #000000;
	margin: 10px 0 20px 0;
}