/* LAYOUT */
body {
	margin: 0;
	padding: 0;
	background: #2E2E2E url('/images/background/grey.jpg') repeat-x;
	font-family: Geneva, Verdana;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 1004px;
}

.top {
	height: 15px;
}

.footer {
	clear: both;
	font-size: 0.6em;
	color: #aaa;
	padding: 50px 0 100px 0;
}
	
	.footer a {
		color: #ccc;
	}

	

/* ELEMENTS */
table { width: 100%; border-collapse: collapse; }
th, td { padding: 0; }




/* FEEDBACK */
.feedback {
	position: fixed; top: 80px; left: 0px; opacity: 0.9; filter: alpha(opacity = 90);
}
	.feedback:hover {
		filter: alpha(opacity = 100);
		opacity: 1.0;
	}
	
	
/*HELP*/
.help {
	position: relative;
	background: url('/images/common/info.png') no-repeat;
	width: 27px;
	height: 26px;
	cursor: pointer;
}

	.help-text {
		position: absolute;
		bottom: 25px;
		right: -20px;
		padding: 10px;
		width: 250px;
		font-size: 0.8em;
		color: #fff;
		background-color: #000;
		border: 2px solid #fff;
		display: none;
		z-index: 100;
		text-align: left;
	}
	
		.help-text a {
			color: #fff;
		}
	

/*MSG*/
#msg {
	background: #FBAD1D;
	border: 2px solid #e5810b;
	color: #111;
	font-size: 0.8em;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 5px;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	display: none;
}

	#msg a {
		color: #000;
	}
	
	

/* LINKS */
a { color: #fff;}
a:hover { color: #fff;}
a:active, a:focus {
	outline: 0;
	color: #fff;
}

img { 
	border-style: none;
}




/* COMMON*/
h1 { font-size: 1.4em; font-weight: normal;}

.small {
	font-family: verdana; font-size: 9px;
}
	.small a {
		color: #000;
	}
	

.btn {
	padding:3px 8px;border:1px solid #666;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
	width: 100%; font-weight: bold; cursor: pointer;
}


.timer-container {
	position: absolute; top: -4px; left: 321px; width: 78px; height: 78px;
}


	/*PITCH*/
	.bench-home { cursor: pointer; position: absolute; top: 45px; left: 202px; width: 74px; height: 44px; }
	.bench-away { cursor: pointer;  position: absolute; top: 20px; left: 338px; width: 74px; height: 44px; }
	
	#subs-no-home { position: absolute; top: 55px; left: 170px; font-size: 2em; color: #fff; }
	#subs-no-away {	position: absolute; top: 30px; left: 305px; font-size: 2em; color: #fff; }


/* MENU */
.sidebar {
	float: left;
	width: 250px;
	color: #fff;
}

	.logo { height: 35px; }


	.league {
		background: #454545 url('/images/flags/england.png') no-repeat 94% 40%;
		font-size: 1em; color: #fff; padding: 10px 0 10px 10px;
		border-top: 1px solid #4d4d4d;
		border-left: 1px solid #4d4d4d;
		border-right: 1px solid #393939;
		border-bottom: 1px solid #393939;
	}
	
		.league div {
			font-size: 0.6em; color: #aaa; text-decoration: underline;
		}
		

	.matchlist {
		margin-top: 10px;
		border: 10px solid #1f1f1f;
	}
	
		.matchlist-link {
			cursor: pointer;
			background: #454545;
			font-size: 1em; color: #fff; padding: 5px 10px 5px 10px;
			border-top: 1px solid #4d4d4d;
			border-left: 1px solid #4d4d4d;
			border-right: 1px solid #393939;
			border-bottom: 1px solid #393939;
		}
		
			.matchlist-link:hover {
				background: #363636;
				border-top: 1px solid #1f1f1f;
				border-left: 1px solid #262626;
				border-right: 1px solid #262626;
				border-bottom: 1px solid #2e2e2e;
			}
			
			.matchlist-link:active {
				background: #333;
			}
	
				.matchlist-link-clicked {
					background: #363636;
					border-top: 1px solid #1f1f1f;
					border-left: 1px solid #262626;
					border-right: 1px solid #262626;
					border-bottom: 1px solid #2e2e2e;
				}
			
			
	
	.ad-sidebar {
		margin-top: 20px;
		border-top: 2px solid #1f1f1f;	
		border-right: 10px solid #1f1f1f;	
		border-bottom: 10px solid #1f1f1f;	
		border-left: 10px solid #1f1f1f;	
		background-color: #1f1f1f;
	}
		
		.ad-sidebar { font-size: 7px; font-family: verdana; color: #444; }
		.ad-sidebar div {
			height: 230px;
			background: #252525;
		}



/* CONTENT */
.content {
	float: right;
	width: 740px;
	background: #1f1f1f;
	color: #fff;
}


	.subpanes {
		position: relative;
		height: 28px;
		background: url('/images/panes/panes_pregame_sub.png') no-repeat;

	}
	
		.subpanes-nav {
			position: absolute; top: 0px; right: 0px;
			height: 20px; font-size: 0.6em; padding: 8px 10px 0 10px;
		}
		
			.subpanes-nav a {
				color: #aaa;
				text-decoration: none;
			}
			
				.subpanes-nav a:hover {
					text-decoration: underline;
				}

		.subpanes ul {
			position: absolute;
			top: 0px;
			left: 0px;
			padding: 0;
			margin: 0;
			font-size: 0.8em;
		}
		
			.subpanes ul li {
				display: inline;
			}
			
				.subpanes ul li a {
					float: left;
					padding: 6px 30px 0 30px;
					color: #fff;
					text-decoration: none;
				}
				
					.subpanes ul li a:hover {
						text-decoration: underline;
					}
					
					
				.subpanes ul li.selected a {
					font-weight: bold;
					text-decoration: underline;
				}

					
					
					
	.content-pad {
		padding: 0 10px 10px 10px;
	}
	
	
	
	
	/* TEAMS */
	.teams { position: relative; width: 100%; margin-bottom: 5px; margin-top: 10px; }
	.teams-vs {
		position: absolute; top: 30px; left: 48.5%; width: 21px; height: 21px; background: url('/images/team/all/team_vs.png');
	}
	.team {
		width: 49.5%;
	}
	
		.team a {
			color: #fff;
			text-decoration: none;
		}
		
			.team a:hover {
				text-decoration: underline;
			}

		.team-logo {
			position: absolute;
			top: 0px;
			width: 125px;
			height: 70px;
			overflow: hidden;
			opacity: 0.5; filter: alpha(opacity = 50);
		}

	.team-name {
		padding: 20px 15px 0 15px;
		font-size: 1.4em;
	}

	#team-home {}

	#team-away { float: right; }
	
	.clock-bg {
		position: absolute; left: 335px; top: 13px; width: 50px;
		height: 45px; background-color: #1f1f1f;
	}
	
	#clock {
		position: absolute; left: 335px; width: 50px; text-align: center;
		top: 26px; font-size:0.8em; color: #FBAD1D;
	}
	
	.team-live-score-bg {
		position: absolute; top: 13px; width: 50px; height: 45px;
		background-color: #000; opacity: 0.8;
	}
		
	.team-live-score {
		position: absolute; top: 15px; font-size: 2em; width: 60px; text-align: center;
	}
	
	
	

/* BOXES */
.box-title {
	height: 6px;
	padding: 10px;
	background: url('/images/team/all/team_overlay.png') repeat-x;
	font-size: 0.9em;
}

	.box-pad {
		position: relative;
		padding: 10px;
		font-size: 0.8em;
	}
	
	.box-nopad {
		position: relative;
	}

/* PREDICT */
.predict {
	position: relative;
	background: #FBAD1D;
	height: 100px;
	margin-bottom: 5px;
	color: #000;
	overflow: hidden;
}


/* STAT */
.stat {
	background: #434343;
	margin-bottom: 5px;
	color: #fff;
}

	.left {
		width: 49.5%;
	}

	.right {
		float: right;
		width: 49.5%;
	}



	/*stat nav*/
	.stat-btn-container {
		padding-top: 10px;
		border-top: 1px solid #333;
	}
	
	.stat-btn-container .btn {
		float: left; background: url('/images/common/btn_bg.png') no-repeat; width: 80px; height: 20px; margin-right: 5px; padding-top: 4px; font-size: 0.8em; text-align: center; cursor: pointer;
	}

		.stat-btn-container .btn:hover {
			background-position: 0 -24px; color: #000;
		}
		
		.stat-btn-container .btn:active {
			padding-top: 5px; height: 19px;
			background-position: 0 -24px; color: #000;
		}
	


/* PITCH */
.pitch {
	position: relative;
	height: 550px;
	background: #58933a url('/images/pitch/pitch2.png') no-repeat;
	color: #000;
}

.pitch-small {
	position: relative;
	width: 360px;
	height: 125px;
	background: #58933a url('/images/pitch/pitch_small.png') no-repeat;
	color: #000;
}
	
	.pitch-small-predict {
		position: absolute; top: 35%; left: 15%; width: 70%; height: 40%; padding-top: 4%;
		background-color: #fff; opacity: 0.8; text-align: center; font-size: 1.8em;
	}

		.pitch-small-predict a { color: #000; text-decoration: none; }
		.pitch-small-predict a:hover { color: #000; text-decoration: underline; }
		.pitch-small-predict a:active { color: #666; text-decoration: underline; }
	
		.pitch-small-predict:hover {
			opacity: 1.0;
		}

		



/*TEXT LINK AD*/
.text-ad {
	height: 25px; border: 2px solid #000; background-color: #fff;
}

	.text-ad a {
		color: #000;
	}

.text-ad-logo {
	float: left; height: 25px; width: 125px; background-color: #FBAD1D;
	border-right: 2px solid #000
}

.text-ad-go {
	float: right; height: 25px; width: 40px; background: #00a7d3;
	border-left: 2px solid #000;
}

.text-ad-text {
	float: left; padding: 4px 5px 0 10px; font-size: 0.8em;
}





/* MISC */
/* --------- */

.rounded10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.rounded5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.rounded2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


.rounded10-top {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

.rounded5-top {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.rounded5-right {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;


}

.rounded5-tl {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.rounded5-tr {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

.rounded5-br {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.rounded10-bottom {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.rounded5-bottom {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.rounded10-br {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.rounded10-tr {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}




/* PANES */
/* thanks apple.com! */
#panes-container { width: 720px; height: 35px; position: relative; }
#panes-container #panes { margin: 0; padding: 0; }
#panes-container #panes li { display: inline; }
#panes-container #panes li a { 
		float: left; width: 144px; height: 0; padding-top: 36px; overflow: hidden;
	}

/* panes */
#panes-container #panes li#pn-overview a { background-position: 0 0; }
#panes-container #panes li#pn-predictions a { background-position: -144px 0; }
#panes-container #panes li#pn-statistics a { background-position: -288px 0; }
#panes-container #panes li#pn-pitch a { background-position: -432px 0; }
#panes-container #panes li#pn-btm a { background-position: -576px 0; }


/* hover */
#panes-container #panes li#pn-overview a:hover { background-position: 0 -38px; }
#panes-container #panes li#pn-predictions a:hover { background-position: -144px -38px; }
#panes-container #panes li#pn-statistics a:hover { background-position: -288px -38px; }
#panes-container #panes li#pn-pitch a:hover { background-position: -432px -38px; }
#panes-container #panes li#pn-btm a:hover { background-position: -576px -38px; }

/* clicked */
#panes-container #panes li#pn-overview a:active { background-position: 0 -76px; }
#panes-container #panes li#pn-predictions a:active { background-position: -144px -76px; }
#panes-container #panes li#pn-statistics a:active { background-position: -288px -76px; }
#panes-container #panes li#pn-pitch a:active { background-position: -432px -76px; }
#panes-container #panes li#pn-btm a:active { background-position: -576px -76px; }


/* active */
#panes-container.overview #panes li#pn-overview a { background-position: 0 -114px; cursor: default; }
#panes-container.predictions #panes li#pn-predictions a { background-position: -144px -114px !important; }
#panes-container.statistics #panes li#pn-statistics a { background-position: -288px -114px !important; }
#panes-container.pitch #panes li#pn-pitch a { background-position: -432px -114px !important; }
#panes-container.btm #panes li#pn-btm a { background-position: -576px -114px !important; }


/* PANES */
/* thanks apple.com! */
#panes-back-container { width: 720px; height: 35px; position: relative; margin-bottom: 10px; }
#panes-back-container #panes { margin: 0; padding: 0; }
#panes-back-container #panes li { display: inline; }
#panes-back-container #panes li a {
		background: transparent url('/images/panes/panes_back.png') no-repeat; 
		float: left; width: 720px; height: 0; padding-top: 36px; overflow: hidden;
	}

/* panes */
#panes-back-container #panes li#pn-back a { background-position: 0 0; }

/* hover */
#panes-back-container #panes li#pn-back a:hover { background-position: 0 -38px; }

/* clicked */
#panes-back-container #panes li#pn-back a:active { background-position: 0 -76px; }






/*FIXTURES*/
ul.fixtures {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
	cursor: pointer;
}

	ul.fixtures li { position: relative; }
	
	ul.fixtures a {
		color: #fff;
		text-decoration: none;
	}
	
	ul.fixtures li .live-container {
		position: absolute; right: 8px; top: 6px;
		color: red; background-color: #1f1f1f; height: 16px; padding: 2px 0 2px 0; width: 45px;
		border-left: 2px solid #1f1f1f;
	}
	
	ul.fixtures li .live-container .live {
		position: absolute; top: 2px; right: 1px; width: 45px; text-align: center;
	}
	
	ul.fixtures li .icon-container {
		position: absolute; top: 6px; right: 9px; width: 45px; height: 20px;
		background: #1f1f1f;
	}

	ul.fixtures li .icon {
		position: absolute; top: 6px; right: 9px; width: 45px; height: 20px;
		background: #1f1f1f;
	}
		
	ul.fixtures li.odd {
		margin-top: 2px;
		background-color: #2e2e2e;
		padding: 8px 11px 8px 11px;
		border-top: 1px solid #3d3d3d;
		border-left: 1px solid #3d3d3d;
		border-right: 1px solid #292929;
		border-bottom: 1px solid #292929;
	}

	ul.fixtures li.even {
		margin-top: 2px;
		background-color: #343434;
		padding: 8px 11px 8px 11px;
		border-top: 1px solid #3d3d3d;
		border-left: 1px solid #3d3d3d;
		border-right: 1px solid #292929;
		border-bottom: 1px solid #292929;		
	}

	ul.fixtures li.nextweek {
		margin-top: 2px;
		background-color: #333;
		padding: 8px 11px 8px 11px;
		border-top: 1px solid #3d3d3d;
		border-left: 1px solid #3d3d3d;
		border-right: 1px solid #292929;
		border-bottom: 1px solid #292929;
		color: #fff;		
		cursor: default;
	}


	ul.fixtures li.selected  {
		margin-top: 2px;
		background-color: #262626;
		padding: 8px 11px 8px 11px;
		border-top: 1px solid #1f1f1f;
		border-left: 3px solid #FEB92E;
		border-right: 1px solid #262626;
		border-bottom: 1px solid #2e2e2e;	
	}

		ul.fixtures li.selected .selectedText {
			color: #fff;
		}
	
	
		ul.fixtures li.even:hover, ul.fixtures li.odd:hover {
			margin-top: 2px;
			background-color: #262626;
			padding: 8px 11px 8px 11px;
			border-top: 1px solid #1f1f1f;
			border-left: 1px solid #262626;
			border-right: 1px solid #262626;
			border-bottom: 1px solid #2e2e2e;
		}
		
		ul.fixtures li:active a {
			color: #fff;
		}