/* TABLE OF CONTENTS
------------------------------------------------------------------------------

1. Colours
2. Base tags
3. Containers
4. Graphics
5. Buttons
6. Typography
7. Lists
8. Links
9. Inputs
10. Tables
11. ADDED BY FOOTYMAD
12. Videos Playlist

1. Colours
------------------------------------------------------------------------------

Grey text = #686868
Dark grey text = #2a2a2a
Dark grey background = #2a2a2a
Light orange text = #fbc135
Orange text = #f68c00
Light green text = #aad96a

2. Base tags
------------------------------------------------------------------------------*/

body {
	background: #5d822f url(/images/nav/backgrounds/football-bg.jpg) repeat-x;
	margin: 0px;
	font: 0.7em "Trebuchet MS", arial, sans-serif;
	color: #686868;
	line-height: 1.2;
	}

img {
	border: 0;
	}
	
form {
	margin: 0;
	}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

select, input, textarea {
	font: 12px "Trebuchet MS", arial, sans-serif;
	color: #2a2a2a;
	}

a {
	text-decoration: none;
	color: #f68c00;
	}

a:hover {
	text-decoration: underline;
	}
	
p {
	margin: 0;
	}

/* 3. Containers
------------------------------------------------------------------------------*/

#container {
	background: url(/images/nav/backgrounds/shadow.png) repeat-y;
	width: 981px;
	margin: 0 auto 0 auto;
	padding:5px 10px;
	}

#containerStory {
	background: url(/images/nav/backgrounds/storyContainerBk.gif) repeat-y;
	width: 913px;
	margin: 0 auto 0 auto;
	}

#header {
	width: 981px;
	height: 143px;
	background: url(/images/nav/backgrounds/header.jpg) no-repeat;
	}

#headerGraphic {
	width: 240px;
	height: 143px;
	float:left;
	}

#headerBanner {
	padding:5px 0 0 0;
	height:90px;
	margin:0 0 12px 0;
	float:left;}
	
.teamsearch {
	float:right;
	margin:0 25px 0 0;}
	
.social {
	padding:2px 0 0 15px;
	float:left;}
	
#topnav {
	width:981px;
	height:25px;
	background: url(/images/nav/backgrounds/football-menu.jpg) no-repeat;}
	
#topnav li.first{
	border-right:1px solid #7ca14e;
	border-left:none;}
	
#topnav li.last{
	border-left:1px solid #64774e;
	border-right:none;}
	
/* LEVEL ONE */
ul.navigation                         {z-index:100;}
ul.navigation li                      {float: left; padding: 5px 20px 0 20px; height:18px; border-left:1px solid #64774e; border-right:1px solid #7ca14e;}
ul.navigation li a:hover		      { color:#fbb03b;}
ul.navigation a:active                { color:#F1f1f1;}
ul.navigation li a                    { display: block; text-decoration: none; color: #fff;}
ul.navigation li.hover, ul.navigation li:hover { position: relative;}
ul.navigation li.hover a              { color:#fefefe; }
ul.navigation li a.drop 			  { background-color:#ccc; }
ul.navigation li a.drop:hover		  { }

/* LEVEL TWO */
ul.navigation ul 				{background:#444; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:100;}
ul.navigation ul li 			{ border-bottom: 1px solid #7ca14e; border-left: 1px solid #7ca14e; float: none; width:130%; background-color:#444; display:block; padding:0 15px 5px 0;}
ul.navigation ul li a			{ height: 12px; background: #444; text-align: left; padding: 5px 7px 5px 7px;  display: inline-block; }/* IE 6 & 7 Needs Inline Block */ 
ul.navigation ul li a:hover 	{}

/* LEVEL THREE */
ul.navigation ul ul 			{ left: 100%; top: 0; margin-left:1px;}
ul.navigation ul ul li			{}
ul.navigation li:hover > ul 	{ visibility: visible; }

#colOne {
	margin: 0 8px 0 0;
	float: left;
	width: 345px;
	}

#footer {
	clear: both;
	background: url(/images/nav/backgrounds/footer.jpg) no-repeat #FFF;
	width: 966px;
	height: 100px;
	text-align: right;
	padding: 10px 15px 0 0;
	margin:0px;
	font-size: 1em;
	color: #777777;
	}
	
#footer ul {
	float:left;
	margin:35px 0 0 0;
	font-weight:bold;
	}
	
#footer li {
	float:left;
	padding:0 6px;
	margin:0 15px 0 5px;
	list-style:disc;
	}
	
#footer li.first {
	float:left;
	padding:0 6px;
	list-style:none;
	}
	
#footer #ad {
	float:right;
	margin:23px 0 0 0;
	}

#footerStory {
	clear: both;
	background: url(/images/nav/backgrounds/footerStory.gif) no-repeat;
	width: 913px;
	height: 21px;
	text-align: center;
	padding: 7px 0 0 0;
	font-size: 10px;
	color: #777777;
	}

#homeLeft {
	float: left;
	width: 345px;
	margin:10px 0 0 0;
	}

#topStory {
	background: url(/images/nav/backgrounds/topStoryBk.jpg) no-repeat;
	height: 280px;
	margin: 0 0 10px 0;
	}

.homeAbstract {
	width: 344px;
	height: 59px;
	margin: 4px 0 0 0;
	}

#homeRight {
	margin: 10px 0 0 8px;
	float: left;
	width: 300px;
	}

#clubNews {
	background: url(/images/nav/backgrounds/clubNewsBk.gif) no-repeat;
	width: 300px;
	height: 377px;
	font-size: 9px;
	}

#clubNewsMPU {
	background: url(/images/nav/backgrounds/clubNewsMPU.gif) no-repeat;
	width: 300px;
	height: 256px;
	}

#daysPics {
	margin: 5px 0 0 0;
	}

#latestResults {
	margin: 8px 0 0 0;
	width: 300px;
	height: 250px;
	background: url(/images/nav/backgrounds/latestResults.gif) no-repeat;
	}

#rightNav {
	float: left;
	width: 320px;
	margin:10px 0 0 8px;
	}

#homeMPU {
	width: 300px;
	height: 250px;
	z-index: 3;
	background: url(/images/generic/mpu-bg.gif) no-repeat;
	margin: 0 0 8px 0;
	padding:10px;
	}

#story {
	float: left;
	width: 470px;
	margin: 5px 0 0 1px;
	}

#storyTitleBk {
	width: 470px;
	height: 37px;
	background: url(/images/nav/backgrounds/story.gif) no-repeat;
	}

#storyFooterAd {			/* GB Feb 08 */
	width: 470px;
	text-align: center;
	margin: 10px 0 0 1px;
	}
	
#caption {
	position: absolute;
	width: 456px;
	height: 17px;
	margin: 208px 0 0 0;
	background: url(/images/nav/backgrounds/caption.png);
	color: #fff;
	padding: 4px 0 0 14px;
	font-size: 12px;
	}

#copy {
	margin: 17px 14px 0 14px;
	font-size: 12px;
	}

#storyMPU {
	width: 300px;
	height: 250px;
	}

#wideRN {
	width: 300px;
	float: left;
	}

#WRNleft {
	width: 149px;
	float: left;
	}

#WRNright {
	width: 149px;
	float: left;
	margin: 0 0 0 2px;
	}

#wideContent {
	float: left;
	width: 649px;
	margin: 5px 0 0 1px;
	}

#wideTitleCopy {
	margin: 18px 15px 0 15px;
	}

.resultsLeft {
	float: left;
	width: 297px;
	margin: 0 13px 13px 0;
	line-height: 1.5;
	}

.resultsRight {
	float: left;
	margin: 0 0 13px 0;
	line-height: 1.5;
	}

.listItem {
	width: 617px;
	height: 152px;
	background: url(/images/nav/backgrounds/listItem.gif) no-repeat;
	margin: 15px 0 8px 0;
	}

.LIcopy {
	margin: 39px 0 0 13px;
	position: absolute;
	width: 345px;
	}
	

/* 4. Graphics
------------------------------------------------------------------------------*/

.navTitle {
	height: 21px;
	}

#topStoryPic {
	position: absolute;
	width: 344px;
	height: 170px;
	margin: 37px 0 0 0;
	}

.homeAbstractPic {
	width: 118px;
	height: 57px;
	border: 1px solid #2a2a2a;
	float: left;
	margin: 0 8px 0 0;
	}

.roundedTitle {
	margin: 5px 0 0 0;
	width: 345px;
	height: 27px;
	}

#forumLinks img {
	width: 23px;
	height: 9px;
	float: left;
	margin: 2px 0 0 0;
	}

#newsLinks img {
	width: 23px;
	height: 9px;
	float: left;
	margin: 2px 0 0 0;
	}

#clubNewsTitle {
	width: 300px;
	height: 28px;
	}

.daysPicsTitle {
	width: 300px;
	height: 28px;
	}

.clubShirt {
	width: 26px;
	height: 28px;
	float: left;
	margin: 0 7px 0 0;
	}

#daysPic1 {
	width: 99px;
	height: 99px;
	margin: 2px 0 0 0;
	}

#daysPic2 {
	width: 99px;
	height: 99px;
	margin: 2px 0 0 2px;
	}

#daysPic3 {
	width: 99px;
	height: 99px;
	margin: 2px 0 0 1px;
	}

#daysPic2mask {
	width: 1px;
	height: 99px;
	background: #fff;
	margin: 2px 0 0 199px;
	position: absolute;
	}

#daysPicLeftCorner {
	position: absolute;
	width: 7px;
	height: 7px;
	margin: 94px 0 0 0;
	}

#daysPicRightCorner {
	position: absolute;
	width: 7px;
	height: 7px;
	margin: 94px 0 0 293px;
	}

.resultsShirt {
	width: 26px;
	height: 28px;
	float: left;
	}

#homeTRcorner {
	width: 6px;
	height: 6px;
	float: left;
	margin: 0 0 0 -1px;
	}

#rightNav p img {
	margin: 5px 0 0 1px;
	position: absolute;
	}

.rnPhoto {
	width: 121px;
	height: 60px;
	}

#storyPic {
	width: 470px;
	height: 229px;
	}

#wideRNtitle {
	width: 300px;
	height: 21px;
	}

.WRNhalfTitle {
	width: 149px;
	height: 21px;
	}

.WRNhalfPic {
	width: 149px;
	height: 60px;
	}

#wideTitleBk {
	width: 649px;
	height: 37px;
	background: url(/images/nav/backgrounds/wideTitleBk.jpg) no-repeat;
	margin:5px 0 0 0;
	}

.hr {
	height: 1px;
	background: url(/images/nav/backgrounds/hr.gif) repeat-x;
	margin: 4px 0 5px 0;
	}

.listItemPic {
	width: 245px;
	height: 152px;
	float: right;
	}

/* 5. Buttons
------------------------------------------------------------------------------*/

.activeSection {
	color:#fbb03b;
	}

#pnFooty {
	margin: 0 0 0 7px;
	width: 93px;
	background: url(/images/generic/primary/footyMad.gif) no-repeat;
	}

#pnLive {
	width: 100px;
	background: url(/images/generic/primary/liveScores.gif) no-repeat;
	}

#pnStatistics {
	width: 92px;
	background: url(/images/generic/primary/statistics.gif) no-repeat;
	}

#pnCompetitions {
	width: 116px;
	background: url(/images/generic/primary/competitions.gif) no-repeat;
	}

#pnGames {
	width: 71px;
	background: url(/images/generic/primary/games.gif) no-repeat;
	}

#pnShop {
	width: 61px;
	background: url(/images/generic/primary/shop.gif) no-repeat;
	}

#pnSportBox {
	width: 74px;
	background: url(/images/generic/primary/sportBox.gif) no-repeat;
	}

#topStoryRss {
	margin: 214px 0 0 323px;
	position: absolute;
	background: url(/images/generic/buttons/topStoryRss.gif) no-repeat;
	width: 14px;
	height: 14px;
	overflow: hidden;
	}

#topStoryRss:hover {
	background-position: 0 -14px;
	}

#clubNewsRss {
	margin: 7px 0 0 279px;
	position: absolute;
	background: url(/images/generic/buttons/clubNewsRss.gif) no-repeat;
	width: 14px;
	height: 14px;
	overflow: hidden;
	}

#clubNewsRss:hover {
	background-position: 0 -14px;
	}

.more {
	margin: 7px 0 0 247px;
	position: absolute;
	background: url(/images/generic/buttons/more.gif) no-repeat;
	width: 46px;
	height: 14px;
	overflow: hidden;
	}
	
.more1 {
	margin: 7px 0 0 266px;
	position: absolute;
	background: url(/images/generic/buttons/more.gif) no-repeat;
	width: 46px;
	height: 14px;
	overflow: hidden;
	}

.more:hover, .more1:hover {
	background-position: 0 -13px;
	}

.mcButton {
	width: 44px;
	height: 30px;
	margin: -1px 0 0 8px;
	background: url(/images/generic/buttons/mcButton.gif) no-repeat;
	overflow: hidden;
	}

.mcButton:hover {
	background-position: 0 -30px;
	}

#latestRSS {
	width: 14px;
	height: 14px;
	position: absolute;
	margin: 2px 0 0 284px;
	background: url(/images/generic/buttons/latestRSS.gif) no-repeat;
	overflow: hidden;
	}

#latestRSS:hover {
	background-position: 0 -14px;
	}

/* 6. Typography
------------------------------------------------------------------------------*/

h1 {
	color: #ffffff;
	}
	
.homeH1 {
	font-size: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 0 0 8px;
	margin:0px;
	position: absolute;
	width: 310px;
	}

h2#topStoryTitle {
	font-size: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 210px 0 0 8px;
	position: absolute;
	width: 310px;
	color:#fff;
	}
	
h2#topStoryTitle a{
	color:#fff;
	}

h2 {
	color: #ffffff;
	}

h2#storyTitle {
	font-size: 18px;
	position: absolute;
	margin: 8px 0 0 0;
	width: 470px;
	text-transform: uppercase;
	text-align: center;
	}

.titleTab1 {
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	width:337px;
	height:23px;
	background:url(/images/nav/backgrounds/tabTop1.jpg);
	padding:4px 0 0 8px;
	margin:10px 0;
	}
	
.titleTab2 {
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	width:292px;
	height:24px;
	background:url(/images/nav/backgrounds/tabTop2.jpg);
	padding:5px 0 0 8px;
	margin:0px;
	}
	
.titleTab3 {
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	width:312px;
	height:25px;
	background:url(/images/nav/backgrounds/tabTop3.jpg);
	padding:4px 0 0 8px;
	margin:0px;
	}

.homeAbstract h3 {
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 12px;
	}

h3#day {
	text-align: center;
	font-size: 14px;
	color: #2a2a2a;
	font-weight: bold;
	}

h1#wideTitle {
	font-size: 18px;
	margin: 6px 0 0 18px;
	padding: 7px 0 0 0;
	width: 649px;
	color: #ffffff;
	}

h5 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	clear: both;
	}

h6 {
	font-size: 16px;
	position: absolute;
	margin: 5px 0 0 12px;
	width: 372px;
	color: #f9a327;
	}

#TStext {
	position: absolute;
	color: #fff;
	margin: 235px 0 0 8px;
	width: 328px;
	font-size: 12px;
	}

.resultsLink {
	margin: 1px 0 0 0;
	width: 188px;
	text-align: center;
	font-size: 10px;
	float: left;
	}

#rightNav p {
	margin: 2px 7px 5px 7px;
	}

#copy p {
	margin: 0 0 14px 0;
	}

#intro {
	color: #2a2a2a;
	font-weight: bold;
	}

#wideRN p {
	margin: 2px 0 11px 7px;
	}
	
.LIcopy p {
	margin: 0 0 14px 0;
	}

	
/* 7. Lists
------------------------------------------------------------------------------*/

.navList {
	width: 106px;
	margin: 5px 0 5px 7px;
	}

.navText {
	font-size: 10px;
	text-align: justify;
}

#forumLinks {
	font-size: 9px;
	color: #686868;
	margin: 3px 0 7px 0;
	}

#forumLinks li {
	margin: 0 0 1px 0;
	}

#newsLinks {
	font-size: 12px;
	color: #686868;
	margin: 3px 0 9px 0;
	}

#newsLinks li {
	margin: 0 0 1px 0;
	}

#clubNews ul {
	margin: 8px 0 0 8px;
	}

#clubNews li {
	margin: 0 0 5px 0;
	}

#clubNewsMPU ul {
	margin: 8px 0 0 8px;
	}

#clubNewsMPU li {
	margin: 0 0 5px 0;
	}

#latestResults ul {
	margin: 8px 0 0 8px;
	}

#latestResults li {
	margin: 0 0 4px 0;
	}

#wideRN ul {
	margin: 5px 0 10px 7px;
	}

/* 8. Links
------------------------------------------------------------------------------*/

#social {
	float:right;
	margin:0 -12px 10px 10px;
	width:121px;
	height:250px;
	padding:10px;
	background: url(/images/nav/backgrounds/social.gif) no-repeat;
	}

.navList a {
	color: #fff;
	}

.navList a:hover {
	color: #fbc135;
	text-decoration: none;
	}

.activeLink {
	color: #aad96a !important;
	}

h1 a {
	color: #ffffff;
	}

#TStext a {
	/*text-decoration: underline;  changed by Gary */
	text-decoration: none;
	/*color: #aad96a;  changed by Gary */
	color: #fff;
	}

#TStext a:hover {
	/*color: #fff; changed by Gary */
	text-decoration: underline;	/* added by Gary */
	}

.homeAbstract h2 a {
	color: #f68c00;
	}

.homeAbstract p a {
	color: #686868;
	}

.homeAbstract p a:hover {
	text-decoration: none;
	}

#forumLinks a {
	color: #f68c00;
	font-size: 12px;
	margin: 0 0 0 4px;
	}

a.newsTeam {
	color: #686868;
	margin: 0 0 0 4px;
	}

a.CNstory {
	font-size: 12px;
	margin: 1px 0 0 0;
	font-weight: bold;
	}

a.CNclub {
	font-size: 12px;
	color: #2a2a2a;
	}

.resultsLink a {
	font-size: 12px;
	color: #2a2a2a;
	font-weight: bold;
	}

#rightNav a {
	color: #fff;
	}

#rightNav a:hover {
	text-decoration: none;
	}

#footer a {
	color: #777;
	}

#footer a:hover {
	color: #ccc;
	text-decoration: none;
	}

#footerStory a {
	color: #777;
	}

#footerStory a:hover {
	color: #ccc;
	text-decoration: none;
	}

#wideRN a {
	color: #fff;
	}

#wideRN a:hover {
	color: #fbc135;
	text-decoration: none;
	}

#wideRN p a:hover {
	color: #fff;
	}

.previousDay {
	font-size: 14px;
	float: left;
	font-weight: bold;
	}
	
.nextDay {
	font-size: 14px;
	float: right;
	margin: 0 0 0 25px;
	font-weight: bold;
	}

/* 9. Inputs
------------------------------------------------------------------------------*/

#teamChooser {
	position: absolute;
	margin: 2px 0 0 653px;
	height: 19px;
	width: 244px;
	padding: 0;
	}
	
/* 11. ADDED BY FOOTYMAD
----------------------------------------------------------------------------- */

.esaResultInfo {
	font-size: 10px;
	}
.esaResultComp {
	font-size: 12px;
	font-weight: bold;
	}
.esaResultDate {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}

/* statistics tables */
.statstableheadline { font-family: Arial, Helvetica, Verdana; font-size: 11pt; color: #000000; height: 25px; }
.statstablecolumnheader { font-family: Arial, Helvetica, Verdana; font-size: 8pt; font-weight: bold; color: #000000; height: 18px; background: #FFFFFF; }
.statstablerowbgnone { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; }
.statstablerowbgchmp { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #6699FF; }
.statstablerowbgprom { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #66FF66; }
.statstablerowbgtran { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #FFCC33; }
.statstablerowbgplay { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #FFFF66; }
.statstablerowbgrele { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #FF6666; }
.statstablerowbgmerg { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #CC9966; }
.statstablerowbggrey1 { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #D6D7E7; }
.statstablerowbggrey2 { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; background: #EAEAF7; }
.statstablerowbgmaple { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #000000; height: 16px; margin-top:20px; background: #FFF; }
.statstablerowgrey { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #666666; }
.statstablerowgreyitalic { font-family: Arial, Helvetica, Verdana; font-size: 8pt; color: #666666; font-style: italic; }
/* puts tidy borders around selected cells, rather than having to use default border which surrounds each cell automatically */
.thinoutlineborder { border-color: #000000; border-style:solid; border-width: 1px; }
.thinbottomborder { border-bottom-color: #000000; border-bottom-style: solid; border-bottom-width: 1px; }
.thinleftborder { border-left-color: #000000; border-left-style: solid; border-left-width: 1px; }
.thintopborder { border-top-color: #000000; border-top-style: solid; border-top-width: 1px; }

/* results grid */
table.grid {
border: 1px solid black;
border-collapse: collapse;
}
td.grid {
border: 1px inset #999999;
}

/* full page list item */

.fulllistItem {
	width: 617px;
	height: 450px;
	background: url(/images/nav/backgrounds/fulllistItem.gif) no-repeat;
	margin: 15px 0 8px 0;
	}

.fulllistItemPic {
	width: 245px;
	height: 450px;
	float: right;
	}	
	
#takeover { width:1200px; margin:0 auto; position:relative;}
#takeover .Left_takeover_advertCont {width:120px; padding:0px 0px 10px 0px; background:none; clear:both; position:absolute; top:10px; left:0px;}
#takeover .Right_takeover_advertCont {width:120px; padding:0px 0px 10px 0px; background:none; clear:both; position:absolute; right:0px; top:10px;}
#takeover .Left_takeover_advertCont p, #takeover .Right_takeover_advertCont p { padding-bottom:2px; text-align:center;}
#takeover .Left_takeover_advertCont div.sky,#takeover .Right_takeover_advertCont div.sky { background:none;}

/* 12. Video 
----------------------------------------------------------------------------- */

#video {
	width:318px;
	padding:5px 0;
	margin-bottom:8px;
	border-right:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	background-color:#f1f1f1;
	}

.title2 {
    background-color: #F1F1F1;
    border: 1px solid #E2E2E2;
    display: block;
    float: left;
    height: 100px;
    margin: 0 0 10px 10px;
    padding: 5px 0;
    text-align: center;
    width: 148px;
	}
	
.sidebar2 h2 {
	color:#333;
	margin-left:10px;
	}

#playerwrap {
	margin:10px;
	}
	
/* Column 3 video playlist */
div.sidebar3 {width:312px; background-color:#FFFFFF; padding:0 0 0 6px; background-color: #F1F1F1; border: 1px solid #E2E2E2; margin:0 0 8px 0;}
#champhead p, #premhead p, #eurohead p {padding:5px 0 0 94px; color:#fff;}
#champhead {background: url("/images/nav/backgrounds/champions-league.jpg"); height: 49px;width: 303px;}
#premhead {background: url("/images/nav/backgrounds/premier-league.jpg"); height: 49px;width: 303px;}
#eurohead {background: url("/images/nav/backgrounds/euro-2012.jpg"); height: 49px;width: 303px;}
#champresp, #premresp, #euroresp {height:170px;}
.title3 {height:42px; width:142px; float:left; margin:5px 3px 0 2px; padding:2px; overflow:hidden; cursor:pointer; background-color:#919191; border:1px solid #333;}
div.thumb3 {float:left; width:50px; height:40px; margin-right:2px; background:#333; border:1px solid #666;}
div.thumb3 img {width:50px; height:40px;}
p.vide {color:#fff; font-size:1em; margin:0px; padding:0px; height:42px; overflow:hidden;}


/* 13 from club sites for matchcentre */

/* -- MATCH REPORT TABLE CONSTRUCT --*/

table.matchreporttable 						{ background:#202020; border:1px solid #464646; min-height:100px; display:block; clear:both; width:630px;}
table.matchreporttable tr td 					{ color:#f1f1f1;}
table.matchreporttable tr td a 					{ color:#f1f1f1;}
table.matchreporttable tr.info td 				{ border-bottom:1px solid #404040; background:#202020; padding:7px; font-size:0.9em; }
table.matchreporttable tr.info td span 			{ font-weight:bold;}
table.matchreporttable tr.info td span.sponsor 	{}
table.matchreporttable tr.info td span.date 		{ margin-left:15px;}
table.matchreporttable tr.info td span.time 		{ margin-left:15px;}
table.matchreporttable tr.info td span.venue 		{ margin-left:15px;}

table.matchreporttable tr.teamnames 			{ }
table.matchreporttable tr.teamnames td 			{ padding:3px; }
table.matchreporttable tr.teamnames td a 		{ text-decoration:underline;}
table.matchreporttable tr.teamnames td a:hover 	{ text-decoration:none;}
table.matchreporttable tr.teamnames td.score 	{ width:95px; font-size:2em; font-weight:bold; text-align:center; vertical-align:top; padding-top:10px;}
table.matchreporttable tr.teamnames td.kit 		{ width:100px; text-align:center;}
table.matchreporttable tr.teamnames td.kit img	{ margin:10px;}
table.matchreporttable tr.teamnames td.hometeam, 
table.matchreporttable tr.teamnames td.awayteam 	{ font-size:1.5em; font-weight:bold; padding-top:7px; width:160px;}
table.matchreporttable tr.teamnames td.hometeam 	{ text-align:left; vertical-align:top;}
table.matchreporttable tr.teamnames td.awayteam 	{ text-align:right; vertical-align:top;}
table.matchreporttable tr.teamnames td.links	{ text-align:left; vertical-align:top; width:100%; padding-top:7px; padding-left:25px;}	
table.matchreporttable tr.teamnames td.links a	{ font-size:1.3em; font-weight:bold; display:block; margin-bottom:7px;}
table.matchreporttable tr.teamnames td.links p 	{ font-size:1em;}

table.matchreporttable tr td div.predictions		{ float:left; display:block; padding:10px 7px 7px 7px; width:84%; }
table.matchreporttable tr td div.button_wrapper	{ width:70px; float:left; display:block; padding:2px 2px 7px 2px;}
table.matchreporttable tr.kits td 				{ padding:5px;}
table.matchreporttable .btmteamscore			{ border:1px solid #ccc; outline:0px;} 
table.matchreporttable tr td div.scores 			{ padding-bottom:7px; line-height:1.3em; font-size:0.6em; margin-top:7px;}

table.generic				{ width: 100%; text-align: left; margin-bottom: 10px; }
#newsArticle 					{ padding:4px 0px 0px 3px; float:left;}
#newsArticle div.colA,
#newsArticle div.colB				{ width:302px; float: left;}
#newsArticle div.colA 			{ padding-right:10px; margin-right:10px; border-right:solid 1px #ccc;}