@charset "utf-8";

* {
}

body,h1,h2,h3,h4,h5,table,tr,td,th,div,a,p,form {
	padding: 0;
	margin: 0;
	text-align: left;
	color: black;
	text-decoration: none;
	border: 0;
}

body {
	text-align: center;
	margin: 3px 0 0 0;
	background-color: #eee;
	font-family: Calibri,Arial,sans-serif;
	font-size: 90%;
}

p { margin-bottom: 7px; }

a { color: #800; text-decoration: underline; }
a:hover { color: #f00; }


img {
	border: 0;
}

div.WideBanner {
	width: 468px;
	height: 60px;
	background-color: #0099CC;
}

div.PageTitle {
	width: 606px;
	border: 1px solid #333;
	background: #fff;
	margin: 0 0 10px 0;
	font-size: 100%;
	font-weight: bold;
	padding: 1px;
}

div.PageTitle h1 {
	background-color: #C40000;
    border-bottom: 5px solid #FF4100;
	line-height: 18px;
	padding: 1px 4px;
	color: white;
	text-align: center;
	font-size: 100%;
}

#Container {
	background-color: #F0F0F0;
	margin: 0 auto;
	width: 900px;
	border: 1px solid #888;
	padding: 1px;
}

#MasterHeader {
	width: 900px;
	height: 120px;
	background-image: url(../images/header2.jpg);
}

#MasterMiddleSection {
	width: 900px;
	background: url(../images/contentbg.gif) repeat-y;
	padding-bottom: 5px;
}

#MasterFooter {
	width: 900px;
	padding: 3px 0;
	background-color:#C40000;
	border-top: 4px solid #FF4100;
	font-size: 90%;
	color: white;
}

#BottomMenu {
	color: black;
	background-color: #EEE;
	border-top: 3px solid #C40000;
	font-size: 85%;
	text-align: center;
	padding: 3px;
	clear: both;
}

#BottomMenu a {
	text-decoration: underline;
	color: black;
}

#BottomMenu a:hover {
	color: #C40000;
}

#MasterLeftColumn {
	width: 149px;
	padding: 0 3px 0 3px;
	float: left;
}

#MasterMiddleColumn {
	width: 615px;
	padding: 0 0 0 4px;
	float: left;
	text-align: left;
}

#MasterRightColumn {
	width: 120px;
	padding: 3px;
	float: left;
}

div.Content {
	width: 607px;
	background-color: #fff;
}

div.FullBanner 
{
    width: 600px;
    border: 1px solid #888;
    background-color: #fff;
    padding: 2px;
    height: 74px;
    margin-bottom: 4px;
}


/* MainMenu *********************************************************************************/

#MainMenu
{
	height: 37px;
	background-image: url(../images/undermenu.gif);
	background-position: bottom;
}

#MainMenu div.Item
{
	display:inline;
	float:left;
}

#MainMenu a
{
	display: block;
	width: 180px;
	height: 26px;
	text-decoration: none;
	overflow: hidden;
	background: #fff url(http://dstyler.com/autosport/180x26/gr-eee-ddd/re-f2f2f2-bbb.jpg) no-repeat;
	line-height: 26px;
	font-size: 15px;
	font-weight: normal;
	color: Black;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
}

#MainMenu a:hover
{
	background-image: url(http://dstyler.com/autosport/180x26/gr-fcd3cd-f38459/re-fff2f2-b62.jpg);
}

/*
#MainMenu a.home { background-image: url(../images/mnu_home.jpg); }
#MainMenu a.news { background-image: url(../images/mnu_news.jpg); }
#MainMenu a.links { background-image: url(../images/mnu_links.jpg); }
#MainMenu a.tests { background-image: url(../images/mnu_tests.jpg); }
#MainMenu a.classifieds { background-image: url(../images/mnu_classifieds.jpg); }
#MainMenu a.search { background-image: url(../images/mnu_search.jpg); }
#MainMenu a.control { background-image: url(../images/mnu_control.jpg); }
#MainMenu a.contact { background-image: url(../images/mnu_contact.jpg); }
#MainMenu a.columns { background-image: url(../images/mnu_columns.jpg); }
#MainMenu a.f1game { background-image: url(../images/mnu_f1game.jpg); }
*/

/* Loginbox *********************************************************************************/

#LoginBox {
	background: white url(../images/titlelogin.gif) left top no-repeat;
	border: 1px solid black;
	padding: 20px 0 0 0;
	width: 142px;
	text-align: left;
}

#LoginBox label {
	display: block;
	font-size: 0.7em;
	margin: 0 0 0 4px;
}

#LoginBox input.Text {
	font-size: 75%;
	width: 134px;
	border: 1px solid #bbb;
	margin: 2px;
	padding: 1px;
}

#LoginBox div#ButtonArea {
	background: url(../images/autologin.gif) 17px  center no-repeat;
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 142px;
}

#LoginBox input.Button {
	font-size: 0.7em;
	width: 58px;
	padding: 1px;
	margin: 0 2px 0 0;
	border: 1px solid #333;
	background: #FF4100;
	color: black;
	float: right;
}

#LoginBox input.CheckBox {
	/*margin: 0;*/
	padding: 0;
	border: 0;
}

#LoginBox #ForgotPassword {
	margin: 2px;
	padding: 0;
	border: 1px solid #999;
}

#LoginBox #ForgotPassword a {
	font-size: 60%;
	display: block;
	padding: 2px;
	text-align: center;
}

#LoginBox #ForgotPassword a:hover {
	text-decoration: underline;
	background-color: #FBAC99;
}

#LoginBox #LoginError {
	text-align: center;
	background-color: red;
	color: white;
	font-weight: bold;
	border: 1px solid black;
	font-size: 70%;
	margin: 2px;
	padding: 2px;
}

#LoggedInBox 
{
	background-color: #fff;
	border: 1px solid #bbb;
	text-align: center;
	font-size: 85%;
	width: 136px;
	margin-bottom: 5px;
	padding: 3px;
}

#LoggedInBox div
{
	text-align: center;
}

#LoggedInBox div.Name
{
	text-align: center;
	font-weight: bold;
}

#LoggedInBox div.Logoff 
{
	margin-top: 4px;
	border-top: 1px solid #ddd;
}

#LoggedInBox div.Logoff a 
{
	color: #b00;
	text-decoration: underline;
	font-size: 95%;
}

#LoggedInBox div.Logoff a:hover { color: #f00; }


#PasswordForgottenBox  
{
	display: none;
	position: absolute;
	background-color: #eee;
	border: 1px solid #800;
	padding: 10px;
	
	font-size: 85%;
}

#PasswordForgottenBox h1 
{
	font-size: 100%;
	border-bottom: 1px solid #bbb;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#PasswordForgottenBox label
{
	display: inline;
	padding-right: 5px;
}

#PasswordForgottenBox input.Text
{
	width: 200px;
}



/* ChampionshipList **************************************************************************/

ul#ChampionshipList {
	width: 142px;
	border: 1px solid black;
	background: url(../images/titlechamp.gif) top no-repeat;
	padding: 21px 0 0 0;
	margin: 10px 0 0 0;
	list-style: none;
}

ul#ChampionshipList li {
	background-color: #ffb384;
	border-top: 1px solid black;
	display: block;
	padding: 0;
	margin: 0;
}

ul#ChampionshipList li a {
	display: block;
	width: 136px;
	font-size: 80%;
	text-decoration: none;
	color: black;
	padding: 2px;
	margin: 0;
	text-align: center;
}

ul#ChampionshipList li a:hover {
	background-color: #C40000;
	color: white;
}

ul#ChampionshipList li.Title {
	background: url(../images/bgchampheader.jpg);
	font-weight: bold;
	height: 20px;
	font-size: 0.75em;
	line-height: 20px;
	text-align: center;
}

#MainLeftColumn {
	float: left;
	width: 470px;
}

#MainRightColumn {
	float: right;
	width: 134px;
	padding:0;
	margin:0;
}

#NewsLetterAd {
	width: 132px;
	height: 58px;
	border: 1px solid black;
	background: url(../images/boxnewsletter.gif) no-repeat;
	margin-bottom: 4px;
}

#RegisterNowBox {
	width: 142px;
	height: 58px;
	border: 1px solid black;
	background: url(../images/registernow.gif) no-repeat;
	margin-bottom: 4px;
	margin-top: 4px;
}

#F1PlayNow {
	width: 142px;
	height: 58px;
	border: 1px solid black;
	background: url(../images/f1playnow.gif) no-repeat;
	margin-bottom: 4px;
}

#NewsLetterAd a
{
	overflow: hidden;
	display: block;
	text-decoration: none;
	height: 78px;
}

#RegisterNowBox a, #F1PlayNow a
{
	height: 58px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

/* MainPage / RaceAgenda **************************************************************************/

ul#RaceAgenda {
	width: 132px;
	border: 1px solid black;
	background: url(../images/titleagenda.gif) top no-repeat;
	padding: 21px 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

ul#RaceAgenda li {
	padding: 2px;
	margin: 0;
	display: block;
	font-size: 80%;
}

ul#RaceAgenda li.Date {
	border-top: 1px solid black;
	background-color:#CCCCCC;
}

ul#RaceAgenda li.Event {
	border: 0;
	font-weight: bold;
}

/* OneYearAgo **************************************************************************/

ul#OneYearAgo {
	width: 132px;
	border: 1px solid black;
	background: url(../images/titleoneyearago.gif) top no-repeat;
	padding: 21px 0 0 0;
	margin: 5px 0 0 0;
	list-style: none;
}

ul#OneYearAgo li {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 80%;
}

ul#OneYearAgo li.Date {
	border-top: 1px solid black;
	background-color:#CCC;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}

ul#OneYearAgo li.Item {
	border: 0;
}

ul#OneYearAgo li.Item a {
	padding: 2px;
	display: block;
	text-decoration: none;
	color: black;
	width: 128px;
}

ul#OneYearAgo li.Item a:hover {
	background-color: #FF4100;
}



/* NieuwsOverzicht **************************************************************************/

#PageMain {
}

#PageMain table#NieuwsOverzicht {
	width: 468px;
	border: 1px solid black;
	margin: 0;
	float: left;
	background: #eee;
}

#PageMain table#NieuwsOverzicht th {
	width: 466px;
	background: url(../images/titlenieuws.gif) top no-repeat;
	height: 21px;
	margin: 0;
}

#PageMain table#NieuwsOverzicht td {
	padding: 0;
	margin: 0;
	font-size: 80%;
	border-top: 1px solid black;
}

#PageMain table#NieuwsOverzicht td.Tag {
	padding: 1px 3px;
	border-right: 1px solid black;
	text-align: center;
}

#PageMain table#NieuwsOverzicht td.Date {
	padding: 1px 3px;
	border-right: 1px solid black;
	text-align: center;
}

#PageMain table#NieuwsOverzicht td.Title {
	text-align: left;
}

#PageMain table#NieuwsOverzicht td.Title a {
	padding: 1px 3px;
	display: block;
	color: black;
	text-decoration: none;
}

#PageMain table#NieuwsOverzicht td.Title a:hover {
	background: #bbb;
}

/* PageNews / NieuwsOverzicht *****************************************************************/

#PageNews {
}

#PageNews table#NieuwsOverzicht {
	width: 100%;
	border: 1px solid black;
	margin: 0;
	float: left;
	background: #eee;
}

#PageNews table#NieuwsOverzicht th {
	width: 466px;
	background: url(../images/titlenewslist.gif) top no-repeat;
	height: 21px;
	margin: 0;
}

#PageNews table#NieuwsOverzicht td {
	padding: 0;
	margin: 0;
	font-size: 80%;
	border-top: 1px solid black;
}

#PageNews table#NieuwsOverzicht td.Tag {
	padding: 1px 3px;
	border-right: 1px solid black;
	text-align: center;
}

#PageNews table#NieuwsOverzicht td.Date {
	padding: 1px 3px;
	border-right: 1px solid black;
	text-align: center;
}

#PageNews table#NieuwsOverzicht td.Title {
	text-align: left;
}

#PageNews table#NieuwsOverzicht td.Title a {
	padding: 1px 3px;
	display: block;
	color: black;
	text-decoration: none;
}

#PageNews table#NieuwsOverzicht td.Title a:hover {
	background: #bbb;
}


/* NewsHeadline **************************************************************************/

#PageMain div.NewsHeadline {
	border: 1px solid black;
	margin: 0 0 5px 0;
	overflow: hidden;
	height: 140px;
	width: 466px;
	float: left;
}

#PageMain div.NewsHeadline h1 {
	padding: 0 4px;
	margin: 0;
	border-bottom: 1px solid black;
	background: #FF4100 url(../images/headlineheaderbg.jpg) repeat-x;
	height: 28px;
	font-size: 80%;
	font-weight: bold;
	line-height: 21px;
	overflow: hidden;
}

#PageMain div.NewsHeadline h1 a {
	text-decoration: none;
	color: black;
}

#PageMain div.NewsHeadline h1 a:hover {
	text-decoration: none;
	color: #C40000;
}

#PageMain div.NewsHeadline p {
	font-size: 80%;
	padding: 4px 3px 4px 5px;
	margin: 5px 0;
	margin: 0;
	overflow: hidden;
}

#PageMain div.NewsHeadline p a {
	color: #111;
	text-decoration: none;
}

#PageMain div.NewsHeadline p a:hover {
	color: #C40000;
}

#PageMain div.NewsHeadline p span.Tag {
	display:block;
	float: right;
	border: 1px solid black;
	background-color: #FF4100;
	width: 40px;
	text-align: center;
	padding: 3px 1px;
	margin: 0 0 4px 4px;
}

#PageMain div.NewsHeadline img {
	float: left;
	margin: 0 5px 0 0;
}


/* PageMainChamp **************************************************************************/

#MainChampLeftColumn {
	float: left;
	width: 420px;
}

#MainChampRightColumn {
	float: right;
}

#ChampLogo {
	text-align: center;
	padding: 0 0 5px 0;
}

/* PageMainChamp / Newsheadline **************************************************************************/

#PageMainChamp div.NewsHeadline {
	border: 1px solid black;
	margin: 0 0 5px 0;
	overflow: hidden;
	height: 140px;
	width: 419px;
	float: left;
}

#PageMainChamp div.NewsHeadline h1 {
	padding: 0 4px;
	margin: 0;
	border-bottom: 1px solid black;
	background: #FF4100 url(../images/headlineheaderbg.jpg) repeat-x;
	height: 28px;
	font-size: 80%;
	font-weight: bold;
	line-height: 21px;
}

#PageMainChamp div.NewsHeadline h1 a {
	text-decoration: none;
	color: black;
}

#PageMainChamp div.NewsHeadline h1 a:hover {
	text-decoration: none;
	color: #C40000;
}

#PageMainChamp div.NewsHeadline p {
	font-size: 80%;
	padding: 4px 3px 4px 5px;
	margin: 5px 0;
	margin: 0;
	overflow: hidden;
}

#PageMainChamp div.NewsHeadline p a {
	color: #111;
	text-decoration: none;
}

#PageMainChamp div.NewsHeadline p a:hover {
	color: #C40000;
}

#PageMainChamp div.NewsHeadline img {
	float: left;
	margin: 0 5px 0 0;
}

/* NieuwsOverzicht **************************************************************************/

#PageMainChamp table#NieuwsOverzicht {
	width: 421px;
	border: 1px solid black;
	margin: 0;
	float: left;
	background: #eee;
}

#PageMainChamp table#NieuwsOverzicht th {
	width: 421px;
	background: url(../images/titlenieuws.gif) left top no-repeat;
	height: 21px;
	margin: 0;
}

#PageMainChamp table#NieuwsOverzicht td {
	padding: 0;
	margin: 0;
	font-size: 80%;
	border-top: 1px solid black;
}

#PageMainChamp table#NieuwsOverzicht td.Tag {
	padding: 1px 3px;
	border-right: 1px solid black;
	text-align: center;
}

#PageMainChamp table#NieuwsOverzicht td.Date {
	padding: 1px 3px;
	border-right: 1px solid black;
	text-align: center;
}

#PageMainChamp table#NieuwsOverzicht td.Title {
	text-align: left;
}

#PageMainChamp table#NieuwsOverzicht td.Title a {
	padding: 1px 3px;
	display: block;
	color: black;
	text-decoration: none;
}

#PageMainChamp table#NieuwsOverzicht td.Title a:hover {
	background: #bbb;
}


/* PageMainChamp / Calender **************************************************************************/

#PageMainChamp ul#Calender {
	width: 178px;
	border: 1px solid black;
	background: url(../images/titlecalender.gif) top no-repeat;
	padding: 21px 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#PageMainChamp ul#Calender li {
	padding: 2px;
	margin: 0;
	display: block;
	font-size: 0.7em;
}

#PageMainChamp ul#Calender li.Date {
	border-top: 1px solid black;
	background-color:#CCCCCC;

}

#PageMainChamp ul#Calender li.Event {
	border: 0;
	font-weight: bold;
}


#PageClassifieds {
}

#PageClassifieds table {
	border: 1px solid black;
	width: 100%;
	padding: 1px;

}

#PageClassifieds table th {
	background: #C40000;
	font-size: 80%;
	font-weight: bold;
	color: white;
	border-bottom: 5px solid #ff4100;
	padding: 2px 4px;
}

#PageClassifieds table tr {
	background: #eee;
}

#PageClassifieds table tr.Hover {
	background: #ccc;
}

#PageClassifieds table td {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	font-size: 75%;
	padding: 0;
}

#PageClassifieds table td a {
	display: block;
	font-size: 100%;
	color: black;
	text-decoration: none;
	padding: 2px 4px;
}


#PageClassifiedDetail 
{
}

#ClassifiedDetail 
{
	font-size: 90%;
}

#ClassifiedDetail div.Title 
{
	font-weight: bold;
	color: #800;
	font-size: 110%;
	margin-bottom: 4px;
}

#ClassifiedDetail div.Date
{
	font-size: 85%;
	margin-bottom: 10px;
	margin-right: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #888;
}

#ClassifiedDetail div.ContactInfo 
{
	float: right;
	background-color: #eee;
	border: 1px solid #000;
	margin: 0 0 10px 10px;
}

#ClassifiedDetail div.ContactInfo h1 
{
	padding: 5px;
	border-bottom: 1px solid #bbb;
	font-size: 110%;
	background-color: #aaa;
	color: white;
}

#ClassifiedDetail div.ContactInfo div.EMail
{
	padding: 5px;
	border-bottom: 1px solid #bbb;
}

#ClassifiedDetail div.ContactInfo div.Info
{
	padding: 5px;
	border-bottom: 1px solid #bbb;
}


#PageLinks {
}

#PageLinks ul {
	list-style: square;
}

#PageLinks ul li {
}

#PageLinks ul li h2 {
	font-size: 80%;
	margin: 9px 0 2px 0;
	border-top: 1px solid #C40000;
	border-bottom: 1px solid #C40000;
}

#PageLinks ul li h2 a {
	display: block;
	padding: 3px 0;
	color: #800;
	text-decoration: none;
}

#PageLinks ul li h2 a:hover {
	background: #FF4100;
	color: White;
}

#PageLinks ul li p {
	font-size: 80%;
}

#PageControl { font-size: 90%; }


/* NewsArticle **************************************************************************/

#PageShowNews {
}


#NewsArticle {
	border: 0;
	margin: 0 0 5px 0;
}

#NewsArticle #NewsArticleHeader {
	padding: 0 4px;
	margin: 0 0 5px 0;
	border: 1px solid black;
	background: #FF4100 url(../images/headlineheaderbg.jpg) repeat-x;
	height: 28px;
}

#NewsArticle #NewsTitle {
	font-size: 85%;
	line-height: 21px;
	font-weight: bold;
	float: left;
	width: 485px;
}

#NewsArticle #NewsDate {
	float: right;
	font-size: 80%;
	line-height: 21px;
}

#NewsArticle #NewsText {
	font-size: 85%;
	margin-bottom: 16px;
}

.SubSectionHeader {
	height: 21px;
	background: url(../images/bgsection.gif) repeat-x;
	color: white;
	font-weight: bold;
	border: 1px solid black;
	font-size: 11px;
	padding: 0 3px;
}

#NewsComments 
{
	font-size: 90%;
}

#NewsComments ul 
{
	margin: 0;
	margin-top: 5px;
	padding: 0;
	margin-bottom: 6px;
	border-bottom: 1px solid #888;
}

#NewsComments ul li 
{
	font-family: Georgia, Times New Roman, Times, Serif;
	font-size: 85%;
	font-style: italic;
	display: block;
	margin-bottom: 10px;
}

#NewsComments ul li div.Text
{
	margin-left: 15px;
}

#NewsComments ul li h1 
{
	font-style: normal;
	font-size: 100%;
	border-bottom: 1px solid #bbb;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

#NewsComments ul li h1 span.TimeStamp
{
	color: #777;
}

#NewsComments ul li h1 span.Name
{
	font-size: 110%;
}

#NewsRelated { margin-bottom: 15px; }

#NewsRelated ul {
	margin: 0;
	padding: 0;
}

#NewsRelated li {
	border-bottom: 1px dotted black;
	list-style: none;
	font-size: 0.75em;
}

#NewsRelated span.Date {
	padding-right: 7px;
}

#NewsRelated li a {
	padding: 2px 5px 2px 0;
	text-decoration: none;
	color: #b00;
	font-weight: bold;
}

#NewsRelated li a:hover {
	text-decoration: underline;
}

#NewsComments form 
{
	font-size: 85%;
}

#NewsComments form h1
{
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}

#NewsComments textarea 
{
	width: 570px;
	padding: 3px;
	border: 1px solid #666;
	font-size: 110%;
	margin-top: 6px;
}

#NewsComment input.Text
{
	font-size: 70%;
	width: 160px;
	border: 1px solid #bbb;
	margin: 2px;
	padding: 1px;
}

#NewsComment input.Button
{
}

#Credits
{
	border: 1px solid #888; 
	background-color: #eee; 
	color: #666; 
	padding:6px;
	margin: 5px 20px;
}

#Credits h1  
{
	margin-top: 10px;
	font-size: 100%; 
	color: #444; 
	font-style:italic; 
}

#Credits p 
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div.TabStrip
{
	margin-bottom: 10px;
	border-bottom: 2px solid #bbb;
}

div.TabStrip ul
{
	margin: 0;
	padding: 0;
	margin-left: 4px;
	display: block;
}

div.TabStrip ul li
{
	list-style: none;
	float: left;
	padding: 5px;
	margin-right: 3px;
	border: 1px solid #bbb;
	border-bottom: 0;
	display: block;
	background-color: #eee;
}

div.TabStrip ul li a 
{
	color: #555;
}

div.TabStrip ul li a:hover
{
	color: #900;
}

div#PageF1Game 
{
	font-size: 90%;
}

div#PageF1Game p
{
	margin-bottom: 8px;
}

div#PageF1Game h2
{
	text-align: center;
	margin-bottom: 15px;
}


div#PageEditTeam 
{
}

div#PageEditTeam table
{
	font-size: 85%;
	width: 100%;
}

div#PageEditTeam table th
{
	margin: 0;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	padding: 3px 6px 3px 6px;
}

div#PageEditTeam table td
{
	margin: 0;
	border-bottom: 1px solid #aaa;
	padding: 3px 6px 3px 6px;
}


div#PageEditTeam table td input { width: 70px; }

div#PageEditTeam div#TeamStats 
{
	border: 1px solid #000;
	color: White;
	background-color: #888;
	padding: 10px;
	margin: 0 5px 5px 5px;
}

div#PageEditTeam div#TeamStats span { font-weight: bold; color: #bfb; }

div#PageF1GameOverview
{}

div#PageF1GameOverview div.AddressWarning 
{
	font-size: 100%;
	font-weight: bold;
	color: #800;
	text-align: center;
	border: 1px solid #999;
	background-color: #efefef;
	margin: 6px;
	padding: 6px;
}

div#PageF1GameGlobalRanking h2 , div#PageF1GameRaceRanking h2
{
	color: #800;
	text-align: center;
	margin-bottom: 8px;
}

div#PageF1GameRules ol
{
	font-size: 90%;
}

div#PageF1GameRules ol li
{
	margin-bottom: 9px;
}

div#PageF1GameRules ol li ul li
{
	margin-bottom: 1px;
}


table.GameTable
{
	font-size: 90%;
	width: 100%;
}

table.GameTable th
{
	margin: 0;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	padding: 3px 6px 3px 6px;
}

table.GameTable td
{
	margin: 0;
	border-bottom: 1px solid #aaa;
	padding: 3px 6px 3px 6px;
}

td.Right, th.Right { text-align: right; }
td.Center, th.Center { text-align:center; }

div#AdminLink
{
    padding: 5px;
    background: #700;
    color: #fff;
    border: 1px solid #fff;
    margin-bottom: 10px;
}

div#AdminLink a
{
    color: #fff;
}



div.FormContainer 
{
	border: 1px solid #999;
	background-color: #eee;
	margin: 5px;
	padding: 10px;
}

div.FormContainer ul.ValidationErrors 
{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid white;
	padding-bottom: 6px;
	margin-bottom: 6px;
	list-style: none;
}

div.FormContainer ul.ValidationErrors li
{
	color: #f00;
	font-weight: bold;
}


a.Video 
{
	background-image: url(../images/loader/70.gif);
	background-position: center center;
	background-repeat:no-repeat;
}

input.Button {}

input.Text5, input.Text10, input.Text15, input.Text20, input.Text25,input.Text30,input.Text35,input.Text40,input.Text45,input.Text50
{
	border: 1px solid #AAA;
}

textarea  
{
	border: 1px solid #AAA;
}

input.Text5 { width: 5ex; }
input.Text10 { width: 10ex; }
input.Text15 { width: 15ex; }
input.Text20 { width: 20ex; }
input.Text25 { width: 25ex; }
input.Text30 { width: 30ex; }
input.Text35 { width: 35ex; }
input.Text40 { width: 40ex; }
input.Text45 { width: 45ex; }
input.Text50 { width: 50ex; }

select.Combo5 { width: 5ex; }
select.Combo10 { width: 10ex; }
select.Combo15 { width: 15ex; }
select.Combo20 { width: 20ex; }
select.Combo25 { width: 25ex; }
select.Combo30 { width: 30ex; }
select.Combo35 { width: 35ex; }
select.Combo40 { width: 40ex; }
select.Combo45 { width: 45ex; }
select.Combo50 { width: 50ex; }

textarea.W100 { width: 100px; }
textarea.W300 { width: 300px; }
textarea.W500 { width: 500px; }
textarea.W550 { width: 550px; }
textarea.W600 { width: 600px; }



label { display: block; margin-bottom: 4px; }

label.W20 { width: 20ex; float: left; }
label.W25 { width: 25ex; float: left; }
label.W30 { width: 30ex; float: left; }
label.W35 { width: 35ex; float: left; }

input.Error { border-color: red; }

div.FormLine { padding-bottom: 5px; }

/* Kludges ***********************************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

*+html .clearfix {zoom:1} /* haslayout trigger */

div.FormLine:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.FormLine {display: inline-table;}

/* Hides from IE-mac \*/
* html div.FormLine {height: 1%;}
div.FormLine {display: block;}
/* End hide from IE-mac */

*+html .FormLine {zoom:1} /* haslayout trigger */

div.TabStrip:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.TabStrip {display: inline-table;}

/* Hides from IE-mac \*/
* html div.TabStrip {height: 1%;}
div.TabStrip {display: block;}
/* End hide from IE-mac */

*+html .TabStrip {zoom:1} /* haslayout trigger */