/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Default styles for all pages in site
version: 3.1
author: Ali Shaded
email: info@mosaicwebsolutions.co.uk
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
height:100%;
}

body {
background-color:#E2E2E2;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
height:100%;
}

h1 {
font-size:30px;
}

h2 {
	color:#FFF;
	font-size:18px;
}

table {
width:100%;
}

table.tabData td {
padding:6px;
}

table.tabData th {
background-color:#181818;
color:#FFF;
font-size:14px;
font-weight:700;
padding:10px 4px;
text-align:left;
}

tr.alt td {
background-color:#181818;
}

li.alt {
background-color:#181818;
}

table.tabData td.button
{
	padding-left: 0px;
}

.highlight,
.highlight a,
.highlight a:visited,
.highlight a:link,
a.highlight,
a:visited.highlight,
a:link.highlight,
.listData a.highlight,
.listData a:visited.highlight,
.listData a:link.highlight

 {
	color:#f1c832;
	font-weight: 700;
}

/* For legal stuff */
.smallprint
{
	font-size: 80%;
}

div.smallprint
{
	padding-top: 10px;
}
/* Colours for status e.g. Subscriptions */
.statusRed
{
	color: red;
}

.statusAmber
{
	color: #F1C832;
}

.statusGreen
{
	color: green;
}

#page-wrap {
background-image:url(../site-images/brand/stadium_bg.jpg);
background-position:center top;
background-repeat:no-repeat;
height:100%;
}

#wrapper-bg {
background-image:url(../site-images/brand/trans_bg_60x60.png); 
background-position:0 596px;
background-repeat:repeat;
}

/*Admin background*/
#page-wrap.admin,
#page-wrap.impersonator
{
	background-image: none;
}

#page-wrap.admin #wrapper-bg
{
	background-image: none;
	background-color: #a55;
}

#page-wrap.impersonator #wrapper-bg
{
	background-image: none;
	background-color: #5a5;
}


#wrapper {
margin:0 auto;
width:950px;
}

#wrapper.withSkyscraperAd
{
width: 1090px;
padding-left: 140px;
}

#topWrapper
{
	width:950px;
}

#contentWrapper
{
width: 950px;
float: left;
}

#skyscraperAd
{
width: 120px;
float: left;
padding-left: 10px;
padding-top: 10px;
}

#logo {
	color:#FFF;
	float:left;
	height:30px;
	padding-top:0px;
	width:950px;
}

#navbar {
	background-image:url(../site-images/new_nav/navbar_middle_bg.png);
	background-repeat:repeat-x;
	color:#FFF;
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:11px;
	font-weight:700;
	height:76px;
	width:940px;
}

#navbar a {
text-decoration:none;
}

#nav-left,#nav-right {
float:left;
height:76px;
}

#nav-left {
background-image:url(../site-images/new_nav/navbar_left_bg.png);
background-position:left center;
background-repeat:no-repeat;
float:left;
width:5px;
}

#nav-right {
background-image:url(../site-images/new_nav/navbar_right_bg.png);
background-position:right top;
background-repeat:no-repeat;
float:left;
width:5px;
}

#nav-top {
float:left;
height:41px;
width:940px;
}

#nav-bottom {
	float:left;
	height:35px;
	margin-left: 79px;
}


#tickerTitle,
#tipBar-title
{
	font-weight:bold;
}

#ticker,
#tipBar {
	background-image:url(../site-images/ticker/ticker_full_bg.png);
	color:#EEE;
	float:left;
	height:31px;
	margin-top:10px;
	padding:0 5px;
	width:940px;
	font-size: 12px;
}

#ticker-right,
#tipBar-right {
	background-image:url(../site-images/ticker/ticker_right_mid.png);
	background-repeat:repeat-x;
	color:#999;
	float:left;
	height:23px;
	padding-left:10px;
	padding-top:8px;
	width:125px;
}
#tipBar-right
{
	width: 0px;
}

#ticker-divider,
#tipBar-divider {
background-image:url(../site-images/ticker/ticker_divider.png);
background-repeat:no-repeat;
float:left;
height:31px;
width:4px;
}

#ticker-left,
#tipBar-left {
	background-image:url(../site-images/ticker/ticker_left_mid.png);
	background-repeat:repeat-x;
	float:left;
	height:23px;
	padding-left:8px;
	padding-top:8px;
	width:763px;
}
#tipBar-left {
	width: 888px;
	}

#ticker-buttons,
#tipBar-buttons {
background-image:url(../site-images/ticker/ticker_right_mid.png);
background-repeat:repeat-x;
float:left;
height:26px;
padding-top:5px;
width:30px;
}

.orange-title {
color:#F74F1E;
}

#searchBox {
background-image:url(../site-images/new_nav/search_box.png);
background-repeat:no-repeat;
float:right;
height:26px;
margin-right:5px;
margin-top:8px;
width:225px;
}

#searchBox #searchText {
background:none;
border:0;
float:left;
margin:6px 0 0 6px;
padding:0;
width:132px;
}

#searchBtn
{
float:right;
margin-right: -4px;
margin-top: 3px;
}

#advancedSearchBtn
{
float:right;
margin-right: -4px;
margin-top: 3px;
}


.meter {
display:inline;
float:left;
height:15px;
margin-top:2px;
width:44px;
}

.meter-wrap {
float:left;
height:40px;
margin-top:15px;
width:176px;
}

#breadcrumbStrip {
color:#333;
float:left;
height:36px;
width:950px;
}

#bread-left a {
color:#333;
}

#bread-left {
float:left;
height:20px;
padding-left:8px;
padding-top:16px;
width:467px;
font-weight: bold;
}

#bread-right {
	float:right;
	height:20px;
	padding-right:0px;
	padding-top:16px;
	text-align:right;
/*	width:250px; */
}

#footer {
	clear:both;
	color:#333;
	height:50px;
	line-height:50px;
	margin-top:10px;
	padding-left:3px;
	width:900px;
}

table#scoreBoard {
width:90%;
}

.alignLeft {
text-align:left;
}

.alignRight {
text-align:right;
}

.listData .lastDiv {
background-image:url(none);
margin-bottom:-10px;
}

.listData .firstDiv {
margin-top:-8px;
}


.subhead {
color:#ACACAC;
display:block;
float:left;
font-size:12px;
}

.money {
display:block;
float:right;
}

#mainMenu li {
display:inline;
float:left;
margin-bottom:5px;
padding-left:20px;
text-transform: uppercase;
}

#mainMenu li:hover,#mainMenu li.iehover {
background-image:url(../site-images/new_nav/nav_top_highlight_mid_bg.png);
}

#mainMenu li a {
display:block;
float:left;
margin-top:13px;
width:auto;
}

#nav-top a.logo {
	float: left;
	padding-left: 20px;
	width:109px;
	height:124px;
	margin-left: -29px;
	margin-top: -30px;
	margin-bottom: -18px;
	background-image:url(../site-images/brand/footy11_logo.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#wrapper-bg.WCLG #nav-top a.logo {
	background-image:url(../site-images/brand/footy11_wcl_logo.png);
}

#mainMenu li.current {
background-image:url(../site-images/new_nav/nav_top_highlight_mid_bg.png);
background-repeat:repeat-x;
}

#mainMenu li span.divider {
	background-image:url(../site-images/new_nav/navbar_divider.png);
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:41px;
	width:22px;
}

#subMenu li a {
	color:#000;
	display:block;
	margin-top:10px;
	padding-bottom: 4px;
}

#subMenu li {
	float:left;
	padding-left:15px;
	padding-right: 15px;
	margin-bottom: -5px;
	display: block;
	height: 35px;
	text-transform: uppercase;
}

img.rss {
float:right;
}

a:link,a:visited {
color:#FFF;
}

#footer a {
	color:#333;
}

.listData a,
.listData a:visited
 {
	color:#999;
	}

#subMenu li.current a {
border-bottom-color:#000;
border-bottom-style:solid;
border-bottom-width:5px;
}

#subMenu li:hover, #subMenu li.iehover {
	background-image: url(../site-images/new_nav/sub_nav_hover.png);
	background-repeat: repeat-x;
	border-bottom-width:-5px;
}


.tickerLogin {
	height: 36px;
	width: auto;
	float: right;
}




/*Forms*/
.hlPanel fieldset
{
    padding-top: 5px;
    padding-bottom: 5px;
	border:2px solid #88817D;
    margin: 0 5px 10px 5px;
}

.hlPanel fieldset div    
{
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 5px;
    clear: both;
}

.hlPanel legend
{
    font-size: 120%;
    padding: 0 4px;
    margin: 0 4px;
   	font-weight: bold;
   	color: white;		/*Needed for IE7 as this doesn't inherit from parent elements*/
}


.hlPanel input, 
.hlPanel select, 
.hlPanel textarea    
{
	font-family: arial;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;			/*Need absolute because of problems with differences in IE and FF*/
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: black;
	background: #d8d8d8;
}

input.submitButton
{
font-size: 100%;
font-weight: bold;
color: black;
background: yellow;
}

.hlPanel label    
{
    font-weight: normal;
    width: 160px;
    float: left;
    clear: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

.clearer
{
	clear: both;
}

table.tabData .alignRight,
.alignRight
{
text-align: right;
}

.alignLeft
{
text-align: left;
}

.hiddenData
{
	display:none;
}

.offscreen
{
	position: absolute;
	left: -500000px;
	top: -500000px;
}

.user .userIcon
{
	float: left;
	/*Need this else div takes up extra space*/
	font-size: 0;
	padding: 0 0 0 0 ;
}
.user .username
{
	float: left;
}

.user .online,
.user .offline
{
	background-position: 0 3px;
	background-repeat:no-repeat;
	width: 14px;
	height: 16px;
	float: left;
}

.user .online
{
	background-image: url(../site-images/icons/dot_icon.png);
}

.user .offline
{
	background-image: url(../site-images/icons/dot_icon_grey.png);
}

.fieldError
{
	display:none;
	color:#f1c832;
	font-weight: 700;
}