/* Fabian Coulthard - Official Website css */

/* Global styles */

body {
	background-color:#121212;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#eeeeee;
}

body, html {
	height:100%;
}

p, h1, h2, h3, h4, h5, img {
	margin:0;
	padding:0;
	border:none;
}

a,
a:link,
a:active,
a:visited {
	color:white;
	text-decoration:none;
}

a:hover {
	color:white;
	text-decoration:underline;
}

/* Outer containers */

#Outer {
	width:980px;
	margin:0 auto;
	background-color:black;
}

/* Menu styles */

table.MenuContainer {
	width:100%;
	height:54px;
	margin-top:0px;
}
table.MenuContainer a {
	text-decoration:none;
}
table.MenuContainer td.LeftSide {
	width:72px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url('../images/menu_leftside-bg_tyre.png');
	font-size:1px;
}

table.MenuContainer td.LeftItems table, table.MenuContainer td.RightItems table {
	width:100%;
}

table.MenuContainer td.LeftItems table td, table.MenuContainer td.RightItems table td {
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 51%;
}

table.MenuContainer td.LeftItems table td:hover, table.MenuContainer td.RightItems table td:hover {
	cursor:pointer;
	background-image:url('../images/menu_hover-bg.png');
}

table.MenuContainer td.LeftItems table td:hover a, table.MenuContainer td.RightItems table td:hover a  {
	color:#e2e2e2;
}

table.MenuContainer td.LeftItems, table.MenuContainer td.RightItems {
	width:auto;
	background-position:left top;
	background-repeat:repeat-x;
	background-image:url('../images/menu_middle-fill_tyre.png');
}

table.MenuContainer td.LeftItems a, table.MenuContainer td.RightItems a {
	font-weight:bold;
	font-size:13px;
	color:#666666;
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	padding:0 10px;
}


/*
table.MenuContainer td.LeftItems a, table.MenuContainer td.RightItems a {
	display:block;
	padding:0 10px;
	float:right;
	margin:2px 5px 0;
	font-weight:bold;
	font-size:13px;
	color:#666666;
	background-repeat:no-repeat;
	background-position:left top;
	width:70px;
	height:32px;
}

table.MenuContainer td.LeftItems a:hover, table.MenuContainer td.RightItems a:hover {
	color:#e2e2e2;
	cursor:pointer;
	background-image:url('images/menu_hover-bg.png');
}


table.MenuContainer td.LeftItems img {
	float:right;
}

*/

table.MenuContainer td.Middle {
	width:156px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url('../images/menu_middle-bg.png');
	font-size:1px;
	vertical-align:top;
}

table.MenuContainer td.Middle img {
	position:absolute;
	margin-top:9px;
	margin-left:8px;
}

table.MenuContainer td.RightSide {
	width:83px;
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url('../images/menu_rightside-bg_tyre.png');
	font-size:1px;
}

/* Banner Styles */

#Banner {
	background-image:url('../images/banner_bg-tyres.jpg');
	background-repeat:no-repeat;
	background-position:-5px top;
	height:308px;
}

#Banner table.ImageDisplay {
	position:relative;
	margin-left:25px;
	top:50px;
}

#Banner table.ImageDisplay td.LeftIcons, #Banner table.ImageDisplay td.RightIcons {
	padding:10px 0 0;
	vertical-align:top;
}

#Banner table.ImageDisplay td.LeftIcons a, 
#Banner table.ImageDisplay td.RightIcons a {
	width:13px;
	height:13px;
	display:block;
	background-color:#151515;
	border:1px #626262 solid;
	margin:3px 3px;
	text-decoration:none;
}

#Banner table.ImageDisplay td.LeftIcons a.Active {
	background-color:#ffca00;
}

#Banner table.ImageDisplay td.RightIcons a.Active {
	background-color:#bc252b;
}

#Banner table.ImageDisplay td.Middle {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px #626262 solid;
	background-color:#151515;
	font-size:1px;
	line-height:1px;
}

#Banner table.ImageDisplay td.Middle div {
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('../images/fader/banner_11.jpg');
	width:589px;
	height:212px;
}


/* Middle layout Styles */

div#Middle {
	background-position:left top;
	background-repeat:repeat-x;
	background-image:url('../images/middle_bg-fill.png');
	border:1px #474747 solid;
	border-width:1px 1px 0 1px;
}

div#Middle table.Container {
	width:100%;
	height:575px;
	
}

div#Middle table.Container td.LeftContent {
	width:50%;
	vertical-align:top;
	background-position:left 20px;
	background-repeat:no-repeat;
	background-image:url('../images/fabianLeft_bg-large.png');
	padding-top:10px;
	
}

div#Middle table.Container td.RightContent {
	width:50%;
	vertical-align:top;
	background-position:right 20px;
	background-repeat:no-repeat;
	background-image:url('../images/fabianRight_bg-large2.png');
	padding-top:10px;
	
}

div#Middle table.Container td.FullContent {
	vertical-align:top;
	background-position:right 20px;
	background-repeat:no-repeat;
	background-image:url('../images/fabianRight_bg-large2.png');
	width:100%;
	
}

div#Middle table.Container td.FullContent div.BG {
	background-position:left 20px;
	background-repeat:no-repeat;
	background-image:url('../images/fabianLeft_bg-large.png');
	min-height:600px;
}

/* Module Styles */

div#Middle table.Container td.FullContent div.Module {
	margin:5px auto 0px;
	border-left:1px #202020 solid;
	background-position:left top;
	width:75%;
	clear:both;
}

div#Middle table.Container td.LeftContent div.Module {
	margin:5px 5px 0px auto;
	border-right:1px #202020 solid;
	border-width:0 1px 0 0;
	background-position:right top;
	clear:both;
	width:375px;
}

div#Middle table.Container td.RightContent div.Module {
	margin:5px auto 0px 5px;
	border-left:1px #202020 solid;
	border-width:0 0 0 1px;
	background-position:left top;
	clear:both;
	width:375px;
}

div#Middle table.Container td.FullContent img.BottomBorder {
	margin-left:111px;
	margin-bottom:15px;
}

div#Middle table.Container td.RightContent img.BottomBorder {
	margin-left:5px;
	margin-bottom:10px;
}

div#Middle table.Container td.LeftContent img.BottomBorder {
	float:right;
	margin-right:5px;
	margin-bottom:10px;
}

div#Middle table.Container div.Module {
	width:375px;
	padding:10px;
	background-repeat:no-repeat;
	background-image:url('../images/module_horiz-border.png');
}

div#Middle table.Container div.Module h1 {
	padding-left:15px;
	margin-bottom:5px;
	font-size:16px;
	font-style:italic;
}

div#Middle table.Container div.Module h1 a {
	color:#aaaaaa;
}

div#Middle table.Container div.Module h2 {
	font-weight:bold;
	font-size:14px;
	color:white;
	padding:3px 0;
}

div#Middle table.Container div.Module h2 span.Date {
	text-align:right;
	font-size:10px;
	padding:0 5px;
	color:#cccccc;
}

div#Middle table.Container div.Module p {
	color:#eeeeee;
	font-size:12px;
	padding:3px 0;
}

div#Middle table.Container div.Module img.NewsImage {
	float:right;
	padding:10px;
	margin:6px 0 5px 5px;
	border:1px #404040 solid;
}

div#Middle table.Container div.Module a.MoreLink,
div#Middle table.Container div.Module a.MoreLink:active,
div#Middle table.Container div.Module a.MoreLink:visited,
div#Middle table.Container div.Module a.MoreLink:link {
	display:block;
	text-align:right;
	color:#d00;
	font-weight:bold;
	text-decoration:none;
}
div#Middle table.Container div.Module a.MoreLink:hover {
	text-decoration:underline;
}

/* Specific Module Styles */

/* Login */

div#Middle table.Container div#MembersLogin h1 span.Link {
	font-size:10px;
	color:#d2d2d2;
	margin-left:20px;
}

div#Middle table.Container div#MembersLogin input.Username, div#Middle table.Container div#MembersLogin input.Password {
	border:1px #353535 solid;
	background-color:transparent;
	background-repeat:repeat-x;
	background-position:left top;
	background-image:url('../images/input_bg-fill.png');
	margin:0;
	padding:4px;
	font-weight:bold;
	margin-right:10px;
	vertical-align:middle;
}

div#Middle table.Container div#MembersLogin input.Username {
	width:150px;
}

div#Middle table.Container div#MembersLogin input.Password {
	width:100px;
}

div#Middle table.Container div#MembersLogin input.LoginButton {
	border-width:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	background-image:url('../images/button_login.png');
	width:59px;
	height:25px;
	vertical-align:middle;
}

div#Middle table.Container div#MembersLogin p.Welcome {
	text-align:center;
	font-weight:bold;
	font-size:13px;
	vertical-align:middle;
}

div#Middle table.Container div#MembersLogin a.LogoutButton {
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	background-image:url('../images/button_logout.png');
	width:74px;
	height:25px;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
}

/* Twitter */

div#Middle table.Container div#CurrentTwitter div.CurrentTwitter {
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('../images/twitter_bg.png');
	height:79px;
	color:#333333;
	font-style:italic;
	vertical-align:middle;
	text-align:justify;
	margin:15px 0 10px;
}

#div.CurrentTwitter a { display: inline; }

div#Middle table.Container div#CurrentTwitter div.CurrentTwitter ul {
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:100%;
	height:79px;
}

div#Middle table.Container div#CurrentTwitter div.CurrentTwitter ul li {
	padding:10px 25px 0;
	vertical-align:middle;
}

div#Middle table.Container div#CurrentTwitter div.CurrentTwitter ul li a,
div#Middle table.Container div#CurrentTwitter div.CurrentTwitter ul li a:link,
div#Middle table.Container div#CurrentTwitter div.CurrentTwitter ul li a:visited,
div#Middle table.Container div#CurrentTwitter div.CurrentTwitter ul li a:active {
	color:black;
	/*display:block;*/
	text-align:right;
}

div#Middle table.Container div#CurrentTwitter a, div#Middle table.Container div#Facebook a {
	vertical-align:middle;
	text-align:center;
	/*display:block;*/
	font-weight:bold;
	color:#f1bf01;
	margin:3px;
}

div#Middle table.Container div#CurrentTwitter a img, div#Middle table.Container div#Facebook a img {
	vertical-align:middle;
	margin-right:6px;
}

/* Sponsors */

div#Middle table.Container div#Sponsors table.SponsorImage {
	text-align:center;
	vertical-align:middle;
	height:65px;
	width:100%;
}

div#Middle table.Container div#Sponsors table.SponsorImage a {
	vertical-align:middle;
}

div#Middle table.Container div#Sponsors table.SponsorImage img {
	vertical-align:middle;
}

/* Photo Gallery */

div#Middle table.Container div#Photogallery {
	width:400px;
}

div#Middle table.Container div#Photogallery a.Photo {
	float:left;
	opacity:0.7;
	filter: alpha(opacity = 70);
	margin:5px;
}

div#Middle table.Container div#Photogallery a.Photo:hover {
	opacity:1;
	filter: alpha(opacity = 100);
}

div#Middle table.Container div#Photogallery a img {
	padding:10px;
	background-color:#202020;
	border:1px #383838 solid;
}

/* Race Countdown */

div#Middle table.Container div#Countdown {
	width:380px;
}

div#Middle table.Container div#Countdown div.CountdownWatch {
	color:#cfcfcf;
	font-weight:bold;
	text-align:center;
	margin:8px 0 8px;
}

div#Middle table.Container div#Countdown div.CountdownWatch input.WatchNumber {
	background:none;
	color:white;
	/*border:1px #666666 solid;*/
	border:none;
	width:30px;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	margin:0;
	padding-right:3px;;
}

div#Middle table.Container div#Countdown p.EventName {
	color:#db1110;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}

div#Middle table.Container div.Module div.SubModule {
	float:left;
	width:50%;
	text-align:center;
	margin:10px 0 5px;
}

div#Middle table.Container div.Module div.SubModule h3 {
	margin:0 0 3px;
	padding:0;
}

div#Middle table.Container div.Module div.SubModule p.Info {
	color:#959595;
	font-weight:bold;
	font-size:11px;
}

/* Footer styles */

div#Footer {
	width:90%;
	margin:10px auto 0;
	border-top:1px #474747 solid;
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url('../images/footer_sideBorder.png');
}

div#Footer div.Border {
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url('../images/footer_sideBorder.png');
	padding-top:10px;
}

div#Footer table {
	margin:0 auto;
}

div#Footer table td {
	background-position:center center;
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
}

div#Footer img {
	margin:0 15px 0;
	opacity:0;
	filter: alpha(opacity = 0);
	vertical-align:middle;
}

div#Footer p.Copyright {
	font-size:9px;
	text-align:center;
	color:#727272;
	padding:15px 0 0;
}


/* Content Header */

table.ContentHeader {
	width:100%;
}

table.ContentHeader td.header {
	/*color:#f0be00;*/
	color:#d00;
	font-size:16px;
	font-weight:bold;
}

/* Media Gallery */

div.MediaGallery table.Header {
	width:90%;
	border-collapse:collapse;
	margin:0 auto 10px
	}
div.MediaGallery table.Header td.GalleryTitle {
	vertical-align:top;

	width:40%;
}
div.MediaGallery table.Header td.GalleryTitle b {
	color:#c00;
	font-size:11pt;
}
div.MediaGallery table.Header td.GalleryTitle h1 {
	margin:0;
	font-size:16pt;
	font-weight:bold;
	color:#666;
}

div.MediaGallery table.Header td.GalleryTitle h1 span.CurrentAlbum {

}
div.MediaGallery table.Header td.Albums {
	vertical-align:top;
	text-align:left;
	padding-right:8px;
}
div.MediaGallery div.GalleryItem {
	min-width:20px;
}
div.MediaGallery a.Album {
	display:block;
	float:left;
	margin-left:4px;
	padding: 2px 8px;
	border: 1px solid #353535;
	text-decoration: none;
	font-weight: bold;
	min-width:20px;
	background-repeat:repeat-x;
	background-position:left top;
	background-image:url('../images/button_bg.png');
	font-style:italic;
font-size:12px;
}
div.MediaGallery a.Album:link,
div.MediaGallery a.Album:active,
div.MediaGallery a.Album:visited {
	background-color:#aaa;
	color:#000;
}
div.MediaGallery a.Album:hover {
	background-color:#d71f15;
	color:#fff;
}
div.MediaGallery table.Gallery {
	width:80%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom:10px;
}
div.MediaGallery div.sImage {
	margin:3px;
	float:left;

}
div.MediaGallery div.sImage:hover {
}

div.MediaGallery table.Gallery td.GalleryThumbnails {
	vertical-align:top;
	padding:5px;
	width:140px;	
}

div.MediaGallery table.Gallery td.GalleryThumbnails div.Border {
	padding:10px;
	border-right:1px #202020 solid;
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url('../images/module_horiz-border.png');
}

div.MediaGallery table.Gallery td.GalleryThumbnails img.BottomBorder {
	margin-left:5px;
	margin-bottom:10px;
	float:right;
}

div.MediaGallery table.Gallery td.LargeImageView {
	padding:5px;
}

div.MediaGallery table.Gallery td.LargeImageView div.Border {
	padding:10px;
	border-left:1px #202020 solid;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url('../images/module_horiz-border.png');
}

div.MediaGallery table.Gallery td.LargeImageView img.BottomBorder {
	margin-bottom:10px;
	float:left;
}

div.MediaGallery div.ImageTitle {
	color:#fff;
	padding:10px 10px 0;
	font-weight:bold;
	font-size:12pt;
	margin:0 auto;
}
div.MediaGallery div.LargeImageView {
	padding:7px;
	padding-bottom:25px;
}
div.MediaGallery div.LargeImageView img {
	border:1px solid #666;
}
div.MediaGallery div.ImageDesc {
	padding:6px 10px;
	margin:0 auto;
}

td.TableHeader, td.TableHeaderCont {
	display:none;
}

/* Wallpaper Styles */

div.Wallpapers {
	width:70%;
	margin:0 auto;
}

div.Wallpapers h1 {
	text-align:center;
}

div.Wallpapers div.Wallpaper {
	width:325px;
	float:left;
	text-align:center;
}

div.Wallpapers div.Wallpaper img {
	padding:10px;
	border:1px #666 solid;
	background-color:#151515;
}

div.Wallpapers div.Wallpaper a,
div.Wallpapers div.Wallpaper a:link,
div.Wallpapers div.Wallpaper a:active,
div.Wallpapers div.Wallpaper a:visited {
	font-style:italic;
	font-size:11px;
	color:#aaaaaa;
	padding:0 5px;
}

div.Wallpapers div.Wallpaper a:hover {
	color:white;
	text-decoration:underline;
}

input.Buttons {
	display:block;
	padding: 2px 8px;
	border: 1px solid #353535;
	text-decoration: none;
	font-weight: bold;
	min-width:20px;
	background-repeat:repeat-x;
	background-position:left top;
	background-image:url('../images/button_bg.png');
	font-style:italic;
	margin:0 auto;
}
input.Buttons:link,
input.Buttons:active,
input.Buttons:visited {
	background-color:#aaa;
	color:#000;
}
input.Buttons:hover {
	background-color:#d71f15;
	color:#fff;
}