/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Panel styles for all pages in site
version: 3.1
author: Ali Shaded
email: info@mosaicwebsolutions.co.uk
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.leftColumn {
	display:inline;
	float:left;
	width:470px;
}

.rightColumn {
	float:right;
	width:470px;
}

.hlPanelHeading {
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:38px;
	padding-left:15px;
}
.hlPanelHeading a,
.hlPanelHeading a:visited
{
	color:#F1C832;
	font-weight: 700;
}
.hlPanel {
	color:#FFF;
	float:left;
	margin-top:10px;
}

.hasInnerPanels .hlPanel
{
	margin: 0;
}

a.hlPanelHeadingLink
{
	display:inline;
	float:right;
	margin-right:15px;
}
.hlPanelFullWidth {
	width:950px;
}
.hlPanelFullWidth .hlPanelBody {
	background-image:url(../site-images/panel/panel_full_middle.png);
	background-repeat:repeat-y;
	float:left;
	padding:5px 15px 10px;
	width:920px;
}

.hlPanelFullWidth .hlPanelBody.hlPanelBodyTrans
{
	background-image:url(../site-images/panel/panel_full_trans_middle.png);
}

.hasInnerPanels .hlInnerPanelSolid
{
	background-image: url(../site-images/panel/panel_full_middle.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 10px 10px;
}

.hlPanelFullWidth .hlPanelBody.hasInnerPanels
{
	padding: 0;
	width:950px;
}


.hlPanelFullWidth .hlPanelHeading {
	background-image:url(../site-images/panel/panel_full_header.png);
	height:45px;
	width:935px;
}

.hlPanelTop {
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	height:9px;
}

.hlPanelFullWidth .hlPanelTop {
	background-image:url(../site-images/panel/panel_full_top.png);
	width:950px;
}

.hlPanelHalfWidth .hlPanelTop {
	background-image:url(../site-images/panel/panel_half_top.png);
	width:470px;
/*	N.B. This whole CSS def doesn't appear to work
	height:auto !important; 
	height: 16px; */
}

.hlPanelBottom {
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	height:9px;
	line-height:0;
}


.hlPanelFullWidth .hlPanelBottom {
	background-image:url(../site-images/panel/panel_full_bottom.png);
	width:950px;
}

.hlPanelHalfWidth .hlPanelBottom {
	background-image:url(../site-images/panel/panel_half_bottom.png);
	width:470px;
}

.hlPanelFooter {
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	height:39px;
}

.hlPanelFullWidth .hlPanelFooter {
	background-image:url(../site-images/panel/panel_full_footer.png);
	width:950px;
}

.hlPanelHalfWidth .hlPanelFooter {
	background-image:url(../site-images/panel/panel_half_footer.png);
	width:470px;
}


.hlPanelHalfWidth {
	width:470px;
}
.hlPanelHalfWidth .hlPanelHeading {
	background-image:url(../site-images/panel/panel_half_header.png);
	height:43px;
	width:455px;
}

.hlPanelHalfWidth .hlPanelBody {
	background-image:url(../site-images/panel/panel_half_middle.png);
	background-repeat:repeat-y;
	float:left;
	padding:5px 15px 10px;
	width:440px;
}


.bannerPanelMiddle {
	background-image:url(../site-images/panel/panel_full_middle.png);
	background-repeat:repeat-y;
	float:left;
	width:950px;
}
.bannerPanelBodyLeft {
	background-image:url(../site-images/panel/panel_banner_vert_divider.png);
	background-position:right center;
	background-repeat:repeat-y;
	float:left;
	height:70px;
	width:415px;
	padding: 5px 15px 10px;
	text-align: center;
}
.bannerPanelBodyRight {
	float:left;
	height:85px;
	margin-left:15px;
	width:475px;
}
.bannerPanelBodyRight td {
	color:#FFCF6A;
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight: 700;
}
.bannerOverlay {
	background-image:url(../site-images/panel/panel_banner_overlay.png);
	background-position:right center;
	background-repeat:no-repeat;
	height:90px;
	margin-left:-16px;
	margin-top:-70px;
	position:absolute;
	width:502px;
	cursor: pointer;
}

/* If match not started show normal pointer*/
.bannerOverlay.beforeMatch
{
	cursor: auto;
}


.hlPanelHalfWidth .hlPanelBannerOverlay
{
	background-image:url(../site-images/panel/panel_banner_overlay.png);
	background-position:right center;
	background-repeat:no-repeat;
	margin-top:-41px;
	height:54px;			/*Need to override these depending on where it is used*/
	margin-left:-8px;
	position:absolute;
	width:457px;
}

.hlBannerPanelBody td {
color:#FFCF6A;
font-family:Verdana,Geneva,sans-serif;
}

.hlPanelHalfWidth .listData div.listDataItem
{
background-image:url(../site-images/panel/panel_half_horiz_divider.png);
background-position:center bottom;
background-repeat:no-repeat;
margin-left:-10px;
margin-right:-10px;
padding:6px 10px 16px 20px;
}

/********************
* Instruction panel*
********************/

.instructionPanel .hlPanelBody div
{
	font-size: 130%;
	padding: 3px;
	line-height: 20px;
}


.icon {
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:37px;
	margin-left:-28px;
	margin-top:-3px;
	position:relative;
	width:27px;
	padding-right: 20px;
}


.hlPanelHeading .icon.leagueTable,
.hlPanelHeading .icon.competitions
{
	background-image:url(../site-images/panel_icons/cup.png);
}

.hlPanelHeading .icon.fixtures {
	background-image:url(../site-images/panel_icons/fixtures.png);
}

.hlPanelHeading .icon.club {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.shirt {
	background-image:url(../site-images/panel_icons/shirt.png);
}

.hlPanelHeading .icon.weather {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.chars {
	background-image:url(../site-images/panel_icons/tv.png);
}

.hlPanelHeading .icon.news {
	background-image:url(../site-images/panel_icons/feed.png);
}


.hlPanelHeading .icon.inbox {
	background-image:url(../site-images/panel_icons/feed.png);
}

.hlPanelHeading .icon.forum {
	background-image:url(../site-images/panel_icons/forum.png);
}

.hlPanelHeading .icon.teamtalk {
	background-image:url(../site-images/panel_icons/forum.png);
}

.hlPanelHeading .icon.tv {
	background-image:url(../site-images/panel_icons/tv.png);
}

.hlPanelHeading .icon.quiz {
	background-image:url(../site-images/panel_icons/quiz.png);
}

.hlPanelHeading .icon.tactics {
	background-image:url(../site-images/panel_icons/tactics.png);
}

.hlPanelHeading .icon.subs {
	background-image:url(../site-images/panel_icons/subs.png);
}

.hlPanelHeading .icon.action {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.warning {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.warning {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.user {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.avatar {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.help {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.bids {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.bid {
	background-image:url(../site-images/panel_icons/blank.png);
}


.hlPanelHeading .icon.contract {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.scout {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.account {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.buying {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.selling {
	background-image:url(../site-images/panel_icons/blank.png);
}
.hlPanelHeading .icon.renewals {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.transfers {
	background-image:url(../site-images/panel_icons/subs.png);
}

.hlPanelHeading .icon.success {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.info {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.training {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.waitlist {
	background-image:url(../site-images/panel_icons/blank.png);
}

.hlPanelHeading .icon.search {
	background-image:url(../site-images/panel_icons/question.png);
}

.hlPanelHeading .icon.mail {
	background-image:url(../site-images/panel_icons/forum.png);
}

.meter {
	display:inline;
	float:left;
	height:15px;
	margin-top:2px;
	width:44px;
}
.meter-wrap {
	float:left;
	height:40px;
	margin-top:15px;
	width:176px;
}
.meter-third {
	background-image:url(../site-images/meter_third.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.meter-two-thirds {
	background-image:url(../site-images/meter_two_thirds.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.meter-full {
	background-image:url(../site-images/meter_full.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}


/*Help in panels*/

.hlPanel .hlPanelHeading .title
{
	float:left;
	text-transform: uppercase;
	font-weight: 700;

}
.hlPanel .hlPanelHeading a.help
{
	float: right;
	width: 23px;
	height: 25px; 
	margin-left: 0px;
	background: url(../site-images/icons/info_icon.png) no-repeat;
	background-position: 0px 11px;
	text-decoration: none;
}

.hlPanel .hlPanelHeading a.rss
{
	float: right;
	width: 29px;
	height: 29px; 
	margin-left: 0px;
	background: url(../site-images/icons/rss_button.png) no-repeat;
	background-position: 0px 8px;
	text-decoration: none;
}

.hlPanel .hlPanelBody td.infoMessage
{
	padding-left: 21px;
	padding-top: 0;
	background: url(../site-images/icons/info_icon.png) no-repeat;
	background-position: 3px 2px;
	color:#f1c832;
}


.hlPanel .hlPanelBody td.infoMessage .message
{
	float: left;
}

.hlPanel .hlPanelBody td.infoMessage .link
{
	color:#f1c832;
}

.hlPanel .hlPanelBody td.infoMessage .magicBtn
{
	float: right;
}

.hlPanel .hlPanelBody span.infoMessage
{
	padding-left: 18px;
	background: url(../site-images/icons/info_icon.png) no-repeat;
	background-position: 0px 2px;
	color:#f1c832;
}

.hlPanel .hlPanelBody div.infoMessage
{
	padding-left: 18px;
	background: url(../site-images/icons/info_icon.png) no-repeat;
	background-position: 0px 2px;
	color:#f1c832;
	margin-top: -6px;
	margin-bottom: 3px;
}



a.help:hover
{
	text-decoration: none;	
}

.hlPanel .hlPanelFooter .buttons
{
	display: block;
	float: right;
	margin-top: 11px;
	margin-right: -3px;
}


.dlgHalfWidth
{
	width: 478px;
}



/* TABS */
div.tabContainer
{
	min-height: 562px;
}

div.tabContainer ul.tabmenu {
	padding: 0 0 0 0;
	margin: 0;
	z-index: 1;
	border-bottom: solid 5px #CE8E00;
	height: 27px;
}

div.tabContainer ul.tabmenu li {
	border-bottom: none; 
	margin: 0 10px 0 0;
	padding: 0;
	height: 27px;
	float: left;
	
	}

div.tabContainer ul.tabmenu a
 {
	color: white;
	background-image: url(../site-images/tabs/tab_left_black_alpha8.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	height: 27px;
	padding: 6px 10px 0px 10px;
	display: block;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
}

div.tabContainer ul.tabmenu span.tabRight
{
	background-image: url(../site-images/tabs/tab_right_black_alpha8.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 4px;
	height: 27px;
	float: left;
}


div.tabContainer ul.tabmenu li.active a
{
/*	color: yellow; */
	background-image: url(../site-images/tabs/tab_left_yellow_alpha8.png); 
}

div.tabContainer ul.tabmenu li.active span.tabRight
{
	background-image: url(../site-images/tabs/tab_right_yellow_alpha8.png);
}

div.tabContainer ul.tabmenu a:hover {
	color: yellow;
    text-decoration: underline;
}


div.tabContainer ul.tabmenu a.active:hover {
	color: #003366; 
	}

div.tabContainer div.tabContents {
	margin-top: 0;
}

div.tabContainer div.tabContents.noInnerPanels
{
	padding-top: 0;
}

div.tabContainer div.tabContents.noInnerPanels div.hlPanel
{
	margin: 0;
	border: 0;
}

/* For 3rd level tabs*/
div.tabContainer div.tabContents.noInnerPanels div.hlPanel div.hlPanel
{
	margin: 0px 0px 6px 0px;	/*Need to have top margin of zero so absolute positioning works same in IE and FF */
	border: 1px solid black;
}


div.tabContainer div.tabContents.noInnerPanels div.hlPanelHeading
{
	background: black;
}


div.tabContainer div.tabContents div.hlPanelHeadingWithSelect
{
	height: 22px;
	padding-top: 2px;
}

div.tabContainer div.tabContents div.hlPanelHeadingWithSelect select
{
	float: right;
}



/** end bubble tooltip **/

div.paginationControls span.showingRange
{
	font-weight: normal;
	margin-right: 10px;
	color: #ECE9D8;
	float: left;
}

div.paginationControls
{
	float: right;
}

div.paginationControls a
{
	font-weight: normal;
}

div.paginationControls a.current
{
	font-weight: bold;
	text-decoration: underline;
}


div.paginationControls a.next
{
	font-weight: bold;
	background: url(../site-images/icons/forward.gif) no-repeat center center;
	text-decoration: none;
}

div.paginationControls a.previous
{
	font-weight: bold;
	background: url(../site-images/icons/reverse.gif) no-repeat center center;
	text-decoration: none;
}

div.fixedCols
{
	float:left;
}

div.fixedCols table
{
	width: auto;
}

div.scrollCols table
{
	table-layout: fixed;
}


div.scrollCols
{
	overflow-x: scroll;
}

div.fixedScrollColsContainer
{
	width: auto;
	clear: both;
}

div.fixedScrollColsContainer td
{
/*	border-right: solid 1px #C0C0C0;  */
}

div.tabSelectPanel
{
	height: 22px;
	padding-left: 5px;
	padding-right: 3px;
	background: #CE8E00;
	width: 912px;
}

div.tabSelectPanel .title
{
	float:left;
	text-transform: uppercase;
	font-weight: 700;
}

div.tabSelectPanel select
{
	margin-top: 0px;
	float: right;
}

.actionPanel .hlPanelBody div
{
/*font-size:130%;*/
padding:3px;
}

div.panelLink
{
	margin-top: 10px;
}

/* START - Collapsed panel */
.hlPanel .hlPanelHeading .collapse
{
	background-image: url(../site-images/panel_icons/collapsible_panel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 9px;
	padding-right: 9px;
	width: 18px;
	height: 18px;
	float: right;
}

.hlPanel.collapsed .hlPanelHeading
{
	height: 29px;
}

/* Display alternate icon */
.hlPanel.collapsed .hlPanelHeading .collapse
{
	background-position: 0 -18px;
}

.hlPanel.collapsed .hlPanelHeading .collapse.collapseHover
{
	background-position: 0 0;
}


.hlPanel.hlPanelHalfWidth.collapsed .hlPanelBottom
{
	background-image: url(../site-images/panel/panel_half_bottom_no_inner_border.png);
}

.hlPanel.hlPanelFullWidth.collapsed .hlPanelBottom
{
	background-image: url(../site-images/panel/panel_full_bottom_no_inner_border.png);
}

.hlPanel.collapsed .hlPanelBody
{
	display: none; 
}
/* END - Collapsed panel */


/* START - Radar */
.hlRadarPanel .hlPanelBody
{
	height: 323px;

}
/* END - Radar */