﻿/* ------------------------------------------------------------ */
/*                   Page Body and xhtml tags                   */
/* ------------------------------------------------------------ */
body 
{

	margin:0px;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-size:11px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#f0f5f8;
	width:100%;
}




h1, h2
{
	margin:0px 0px;
	padding: 0px 0px;
	clear:none;
}
span
{
	margin:0px 0px;
	padding: 0px 0px;
}
h1 span, h2 span
{
		width:100%;
		height:10px;
		color:#FFF;
		font-weight:bold;
		clear:none;
		font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
		font-size:11px;
		top:-30px;
		padding-left:23px; 
}
h3 span
{
		width:100%;
		height:10px;
		color:#000;
		font-weight:bold;
		clear:none;
		font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
		font-size:11px;
		top:-30px;
}
.diagContainer
{
	font-family:"Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	font-size:12px;
	width:100%;
	clear:both;
}
.diagMainTitle
{
	font-size:15px;
	font-weight:bold;
	clear:both;
}
.diagTitle
{
	font-size:14px;
	font-weight:bold;
	clear:both;
}
#Banner-top
{
	top:7px;
	left:270px;
	position:absolute;
	z-index:500;
}
.iframe
{
	z-index:-100;
}
a
{
	color:Black;
}
a:hover
{
	color:Navy;
}
#PageContent
{
	position:relative; 
	margin:0px auto;
	width: 1024px; 
}
/* ------------------------------------------------------------ */
/*                   Page Header (logo etc.)                    */
/* ------------------------------------------------------------ */
#Header 
{
	margin:0px 0px;
	padding:0px;
	width: 1024px; 
	height:auto;
	top:0px;
	display: block;  
	float:left;
}
#header-left
{
	background-image:url(../images/header-repeat.jpg);
	background-repeat:repeat-x;
	height:150px;
	width:666px;
	float:left;
}
#header-right
{
			background-image:url(../images/header-right.jpg);
			background-repeat:no-repeat;
			height:150px;
			width:358px;
			float:left;
			clear:right;
}
#logo a img 
{
			float:left;
			margin:0px;
			width:211px;
			height:106px;
}
#menuh-container
{
            position: relative;                      
            top:-43px; 
            left: -30px;
            z-index:1000;
            margin-top:0px;
			margin-left:2.2em;
            padding:0px 5px;
}
/* ------------------------------------------------------------ */
/*               Page Body (menu + the content)                 */
/* ------------------------------------------------------------ */
#PageBody 
{
	background-image:url(../images/main-bg.jpg); 
	background-repeat:repeat-y;
	width:1014px;
	height:auto;
	clear:both;
	margin:0px auto;
	margin-top:18px;
	top:-58px;
	position:relative;
	padding:5px;
	float:left;
}
.errorText
{
	width:400px;
}
.errorImage
{
	background-image:url(../images/football.gif); 
	background-repeat:no-repeat;
	width:104px;
	height:104px;
}
.expander
{
	display:block;
	position:relative;
	top:-15px; 
	right:5px;
	text-align:right;
	/* left:-5px; */
}
.Column-Left
{
	position:relative;
	width:561px;
	margin-left:5px;
	left:0px;
	float:left;
}
.Column-Middle
{
	position:relative;
	width:302px;
	margin-left:10px;
	float:left;
}
.Column-Right
{
	float:left;
	width:120px;
	margin-left:10px;
	position:relative;
	top:0px;
}
/* key for matches graph */
.MatchKeyContainer
{
	text-align:left;
	padding:2px;
	clear:both;
	height:18px;
}
.MatchKey
{
	display:block;
	height:15px;
	float:left;
	font-weight:bold;
	width:35px;
}
.MatchKeyItems
{
	width:70px;
	display:block;
	border:solid 1px black;
	height:12px;
	float:left;
	text-align:center;
	/* color:White; */
	color:Black;
	height:15px;
	margin-right:15px;
}
/* ------------------------------------------------------------ */
/*                            Boxes                             */
/* ------------------------------------------------------------ */
.main-tabletop-wrapper
{
		/* float:left; */
		height:auto;
		border:solid 1px #A5A5A5;
		width:559px;
		background-color:#D5DFE9;
		/* margin-left:10px; */
		margin-bottom:10px;
}
div.main-tabletop
{
		background-image:url(../images/stats-table-top.jpg);
		background-color:#D5DFE9;
		background-repeat:no-repeat;
		width:549px;
		height:17px;
		padding-top:2px; 
		padding-left:10px;	/* Moves text left a bit in title */
		color:#FFF;
		font-weight:bold;
}
#clear
{
	clear:both;
}
.main-tableControlDATAGRID
{
		background-color:#D5DFE9;
		width:559px;
		padding-top:2px;
		font-weight:bold;
		clear:both;
}
.main-tableControl
{
		background-color:#D5DFE9;
		width:542px;
		padding-top:2px;
		margin-left:10px;
		font-weight:bold;
		padding-left:5px;
		padding-right:-10px;
		clear:both;
}
.sub-tabletop-wrapper
{
		height:auto;
		width:297px;
		border:solid 1px #A5A5A5;
		background-color:#D5DFE9;
		margin-right:10px;
		margin-bottom:15px; 
}
.sub-tabletop
{
		background-image:url(../images/boxtop.jpg);
		background-repeat:no-repeat;
		width:288px;
		height:20px; 
		padding-top:2px;
		padding-left:10px;
		color:#FFF;
		font-weight:bold;
}
.sub-tableControl
{
		background-color:#D5DFE9;
		width:288px;
		padding-top:2px;
		color:#000;
		font-weight:bold;
		padding-left:5px;
		padding-right:-5px;
		margin-bottom:10px;
}
.small-tabletop-wrapper
{
		float:left; 
		height:auto;
		border:solid 1px #A5A5A5;
		width:268px;
		background-color:#D5DFE9;
		margin-top:10px; 
		margin-right:10px;
}
.small-tabletop
{
		background-image:url(../images/lowertop.jpg);
		background-color:#D5DFE9;
		background-repeat:no-repeat;
		width:258px;
		height:20px;
		padding-top:2px;
		padding-left:10px;
		padding-right:-10px;
		color:#FFF;
		font-weight:bold;
		float:left;
}
.small-tableControl
{
		background-color:#D5DFE9;
		width:258px;
		padding-top:2px;
		font-weight:bold;
		float:left;
		clear:both;
		padding-bottom:5px;
		padding-left:5px;
		padding-right:-5px;
		padding-left:5px;
}
/* ------------------------------------------------------------ */
/*				       Adverts	(the actual ad)                 */
/* ------------------------------------------------------------ */
.advert-tabletop-wrapper
{
		height:250px;
		width:300px;
		border:solid 1px #A5A5A5;
		margin-bottom:15px;
}
.skyscraper-advert
{
		width:120px;
		height:auto; 
		clear:both;
}
.ickle-advert
{
	margin-top:5px;
		width:120px;
		/*height:500px;*/
		clear:both;
}
.logo
{
		height:auto;
		width:auto;
		text-align:center;
		margin:15px;
		margin-right:10px; 
		margin-bottom:15px;
		padding:auto;
}
/* ------------------------------------------------------------ */
/*                         Iframe for Ads                       */
/* ------------------------------------------------------------ */
.advertsmall
{
	z-index:-100;
	width:298px; 
	height:250px; 
	margin: 0px; 
	padding: 0px; 
	margin-top: 0px;
	display:block;
}
.advertickle
{
	z-index:-100;
	width:120px; 
	height:60px; 
	margin: 0px 0px; 
	padding: 0px 0px;
}
.adverttall
{
	z-index:-100;
	width:120px; 
	height:600px; 
	margin: 0px 0px; 
	padding: 0px 0px;
}
.adverttop
{
	width:728px; 
	height:90px; 
	margin: 0px 0px;
	padding: 0px 0px;
	z-index:-100;
}
/* ------------------------------------------------------------ */
/*                         Page Footer                          */
/* ------------------------------------------------------------ */
#footer
{
		position:relative; 
		margin:0px auto;
		padding:0px;
		width: 1024px; 
		height:30px;
		background-color:#fff;
		text-align:center;
		bottom:0px;
		position:static;
		float:left;
}
