* {margin: 0px; padding: 0px;}
body {background-color: #000000; font-family: verdana; font-size: 12px; color: #f2f2f2;}

a {font-weight: bold;}
a:link {color: #a0c3eb;	text-decoration: none;}
a:visited {color: #a0c3eb; text-decoration: none;}
a:active {color: #a0c3eb;}
a:hover {color: #6599d5;}

h1,h2,h3,h4,h5,h6 {margin-bottom: 12px;}
h4 {margin-left: 10px; margin-bottom: 16px;}

li {list-style: none;}

fieldset {width: 700px; padding: 5px;}

div#setup_filters form {
	margin: auto auto;
	margin-bottom: 10px;
	width: 800px;
}

/**
 * General classes
 */
.error { color: red;	font-weight: bold; }
.required input {border: solid 2px #cc0000;}
.title { padding-top: 20px; margin-left: 100px; }
.clear { clear: both; }
.center { text-align: center; }
.hideLayer { float: right; }
.jslink { font-weight: bold; color: #cc0000; cursor: pointer }
.buttonSubmit { padding: 4px; background-color: #28AF20; cursor: pointer; }
.buttonSubmit:hover { background-color: #1D7F17; }

/**
 * General table classes
 */
td {padding: 3px;}
.rowOdd {background-color: #BFBFBF; color: black;}
.rowEven {background-color: #DFDFDF; color: black;}
.rowOdd:hover {background-color: #FFFFFF;}
.rowEven:hover {background-color: #FFFFFF;}

/* Table classes */
.hover:hover { background-color: #333333; }

/* Form classes */
.fieldTitle { margin: auto auto; width: 500px; background-color: #1F0C0C; text-align: center; font-size: larger; }
.info { margin-bottom: 10px; text-align: center; }
.formField { margin-bottom: 20px; text-align: center; }

.description {
	float: left; width: 49%; text-align: right; line-height: 2.5ex;
}

.input {
	float: right; width: 49%;
}

.notice {
	clear: both; margin: auto auto; padding-top: 1ex; padding-bottom: 3ex; width: 25em;
}

.submit {
	text-align: center;
}

#delete_layer {
	visibility: hidden;
	position: absolute;
	padding: 5px;
	width: 150px;
	height: 90px;
	color: black;
	background-color: #BDBF00;
	font-weight: bold;
	border: solid 1px black;
}

#edit_layer {
	position: fixed;
	visibility: hidden;
	margin: auto auto;
	padding: 5px;
	width: 750px;
	height: 400px;
	color: black;
	background-color: #DFDFDF;
	font-weight: bold;
	border: solid 1px black;
}


/* Add gallery form */
input#galleryName {
	width: 16.5em;
}

input#galleryDirName {
	width: 16.5em;
}

select#galleryCat {
	width: 16.5em;
}

select#gallerySim {
	width: 16.5em;
}

textarea#galleryDescription {
	width: 17em;
	height: 15ex;
}


/* News pages */
#frontImageLayer {
	position: absolute;
	padding: 2px;
	width: 500px;
	display: none;
	background-color: black;
	border: solid 1px white;
}


/* Setup listing */
#setup_filters {
	margin-left: 50px;
	margin-bottom: 14px;
}

ul.setup {
	margin: auto;
	margin-bottom: 3px;
	width: 800px;
	background-color: #DFDFDF;
	color: black;
	list-style: none;
}

ul.setup:hover {background-color: #CFCFCF;}

.setup li {float: left;	padding: 5px;}
li.setup_filename {float: left; width: 670px}
li.setup_actions {width: 110px}
li.setup_sim {width: 140px;}
li.setup_car {width: 170px;}
li.setup_track {width: 170px; overflow: hidden;}
li.setup_session {width: 40px;}
li.setup_driver {width: 120px;}
li.setup_date {float: right;}

/*
  Elements at the top of the page
*/
#pageTop {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 100px;
	background-image: url(../images/team_redline_logo.png);
	background-position: center;
	background-color: #ffffff;
	border-bottom: 4px solid red;
}

#userBar {
	padding: 5px;
	text-align: right;
	font-size: 11px;
	color: #000000;
}

#navMenu {
	margin-top: 20px;
	
}

/**
 * Other elements
 */
#pageTitle {text-align: center; margin-bottom: 16px;}
#content {margin: auto auto; padding-top: 20px; padding-bottom: 20px; background-color: #222222; width: 900px; overflow: auto;}

/**
 * Login page
 */
div#container {margin: 0px auto auto; padding: 10px 0 10px; width: 350px; text-align: center; color: white; background: #2b2b2b; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
div#	_box {margin: 20px auto auto; width: 0px;}
div#login_box ul.input_names, div#login_box ul.input_boxes {float: left;}
div#login_box ul.input_names {text-align: right;}
div#login_box ul.input_boxes {margin-left: 10px; text-align: left;}
div#login_box ul.input_names > li, div#login_box ul.input_boxes > li {margin-bottom: 6px;}
form#login_form > input {position: relative; left: -5px; margin-top: 10px;}
div#login_box > p.error {margin-top: 20px;}

/**
 * News page
 */
#newsContainer {float: left; margin-left: 50px; width: 800px;}
#newsContainer fieldset {padding-top: 12px; margin-bottom: 12px;}
.newsToggleLink {margin-bottom: 12px;}
.frmEntry {float: left; margin-top: 10px; margin-bottom: 10px;}
.frmNewsTitle {float: left;	padding-left: 40px;	width: 150px;	height: 18px;}
.frmNewsInput {float: left;}
.frmNewsInput input {width: 425px;}
.frmNewsInput input.frmButton {width: auto;}
.frmNewsTextArea {float: left;}
.frmNewsTextArea textarea {width: 425px; height: 150px;}

#update_item {
	clear: right;
	margin: auto auto;
	padding-top: 14px;
	width: 500px;
	background-color: white;
	text-align: center;
}

#upload_setup {
	margin: 20px;
}

#addNewSim {
	position: absolute;
	padding: 8px;
	display: none;
	width: 200px;
	height: 150px;
	background-color: black;
	border: solid 1px white;
}

#addNewMod {
	position: absolute;
	padding: 8px;
	display: none;
	width: 200px;
	height: 150px;
	background-color: black;
	border: solid 1px white;
}

#addNewCar {
	position: absolute;
	padding: 8px;
	display: none;
	width: 200px;
	height: 150px;
	background-color: black;
	border: solid 1px white;
}

#addNewTrack {
	position: absolute;
	padding: 8px;
	display: none;
	width: 200px;
	height: 150px;
	background-color: black;
	border: solid 1px white;
}

#addNewVersion {
	position: absolute;
	padding: 8px;
	display: none;
	width: 200px;
	height: 150px;
	background-color: black;
	border: solid 1px white;
}

#divComments textarea {
	overflow:auto;
	padding: 5px;
	width: 450px;
	height: 60px;
	border: solid 3px #8FBF9A;
	background-color: #cccccc;
}

#loading {
	visibility: hidden; margin: auto auto; width: 200px; height: 30px; background-color: #fff; color: #000; text-align: center; font-size: 20px;
}

#profile-form {margin: auto auto; width: 600px;}
#profile-form form {padding: 20px 0px 12px; background-color: #508F59; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 7px 7px 5px #111; -moz-box-shadow: 7px 7px 5px #111; box-shadow: 7px 7px 5px #111;}
#profile-form h2, #profile-form h3 {text-align: center;}
#profile-form li {margin-bottom: 10px;}
#profile-form li > div {float: left; margin-right: 10px; width: 150px; text-align: right;}
#profile-form span {font-size: 10px;}
#profile-form input[type=submit] {margin-top: 20px;}

#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	background-color: #cc0000;
}

/**
 * Menu styles
 */
#sddm {
	z-index: 30;
}

#sddm li {
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #cc0000;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover {
	background: #ee0000;
}

#sddm div {
	position: absolute;
	visibility: hidden;
	background: blue;
	border: 1px solid white;
}

#sddm div a {
	margin: 0px;
	position: relative;
	display: block;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #aaaaaa;
	color: black;
	font: 11px arial;
}

#sddm div a:hover {
	background: black;
	color: #FFF
}