/* Home Page */
/* ========== */

/* Left Column */
#HomeLeftColumn
{
    margin-left: 200px;
    margin-top: 80px;
    position: absolute;
}
/* Summary part */
#HomeLeftColumn #HomeSummary
{
    /* style (italic), variant (normal), weight (bold), size, family */
    font: normal normal bold 12px Arial;
    color: #000066;
    background-color: #FFFFFF;
    width: 500px;
    height: 46px;
    padding: 2px 5px 2px 5px;
    margin-left: 0px;
    margin-top: 1px;
    position:relative;
}
/* Recent Results */
#HomeLeftColumn #RecentResults
{
    margin-left: 0px;
    margin-top: 0px;
}
#HomeLeftColumn #RecentResults #HomeResultsTitle
{
    padding-left:12px;
	width:498px;
	position: relative;
	margin-top: 10px;
}
#HomeLeftColumn #RecentResults #HomeResultsFlag
{
    margin-left: 453px;
    margin-top: -35px;
    position: absolute;
    z-index:1;
}
#HomeLeftColumn #RecentResults #RecentResultsTable
{
    margin-top: 0px;
    background-color: #FFFFFF;
    width: 510px;
}
#HomeLeftColumn #RecentResults #MoreRecentResults
{
    font: normal normal bold 12px Arial;
    margin-top: -165px;
    margin-left: 325px;
	background-image: url(../images/slices/RecentResultsSlice.jpg);
	background-repeat:repeat-x;
	background-color: #0099FF;
    width: 173px;
    position: absolute;
    
}
.MoreResultsLeft
{
    color: #FFFFFF;
    padding-left: 12px;
    padding-right: 12px;
}
.MoreResultsRight
{
    color: #FFFFFF;
    padding-right: 12px;
}

.RecentDate
{
    font: italic normal bold 14px Arial;
    color: #000066;
    padding-left: 12px;
    padding-top: 10px;
}
.RecentScore
{
    font: normal normal bold 20px Arial;
    color: #000066;
    padding-left: 12px;
    vertical-align: top;
}
.RecentLink
{
    font: normal normal bold 12px Arial;
    color: #000066;
    padding-left: 12px;
    line-height:25px;
    vertical-align: top;
}
#RecentResults #RecentResultsTable a:hover
{
    color: #0000FF;
}

/* Fixtures */
#HomeLeftColumn #ForthcomingFixtures
{
    margin-left: 0px;
    margin-top: 0px;
}
#HomeLeftColumn #ForthcomingFixtures #HomeFixturesTitle
{
    padding-left:12px;
	width:498px;
	position: relative;
	margin-top: 10px;
}
#HomeLeftColumn #ForthcomingFixtures #HomeFixturesFlag
{
    margin-left: 453px;
    margin-top: -35px;
    position: absolute;
    z-index:1;
}
#HomeLeftColumn #ForthcomingFixtures #FixturesTable
{
    margin-top: 0px;
    background-color: #FFFFFF;
    width: 510px;
}
.FixtureDate
{
    font: italic normal bold 14px Arial;
    color: #000066;
    padding-left: 12px;
    padding-top: 10px;
}
.FixtureComp
{
    font: normal normal bold 14px Arial;
    color: #000066;
    padding-left: 12px;
    padding-top: 10px;
}
.FixtureMatch
{
    font: normal normal bold 20px Arial;
    color: #000066;
    padding-left: 12px;
    vertical-align: top;
}
.FixtureVenue
{
    font: italic normal bold 14px Arial;
    color: #000066;
    padding-left: 12px;
    padding-top: 10px;
}
.FixtureKickOff
{
    font: normal normal bold 12px Arial;
    color: #000066;
    padding-left: 12px;
    vertical-align:top;
    line-height:25px;
}


/* Right Column */
#HomeRightColumn
{
    margin-left: 720px;
    margin-top: 80px;
	position: absolute;
}
/* Group Table */
#HomeRightColumn #HomeTable
{
    margin-left: 0px;
    margin-top: 0px;
}
#HomeTableTitle
{
    /* Total width = 12px + 253px = 265px */
    padding-left:12px;
	width:253px;
	position: relative;
}
#HomeTableFlag
{
    margin-left: 208px;
    margin-top: -35px;
    position: absolute;
    z-index:1;
}
#HomeTableData
{
    margin-top: 0px;
    background-color: #FFFFFF;
    width: 265px;
    /* style (italic), variant (normal), weight (bold), size, family */
    font: normal normal bold 18px Arial;
    color: #000066;
}
#HomeTableData td.team
{
    padding-left: 12px;
    width: 170px;
}
#HomeTableData td.played
{
    text-align:right;
}
#HomeTableData td.points
{
    text-align:right;
    padding-right: 20px;
}
#HomeTableData th.team
{
    padding-top: 12px;
    width: 170px;
}
#HomeTableData th.played
{
    padding-top: 12px;
    text-align:right;
    width: 45px;
}
#HomeTableData th.points
{
    padding-top: 12px;
    text-align:right;
    padding-right: 20px;
    width:50px;
}

/* Article Link */
.ArticleLinks
{
    background-image: url(../images/slices/ArticleLinkSlice.jpg);
    background-repeat: repeat-x;
    font: normal normal bold 15px Arial;
    color: #FFFFFF;
	text-align:left;
	text-decoration:none;
    width: 253px;
    padding-left: 12px;
	padding-top:5px;
	height:25px;
	display: block;
	background-color: #000066;
}


/* News Headlines */
#NewsHeadlines
{
    margin-left: 0px;
    margin-top: 0px;
}
#NewsHeadlinesTitle
{
    /* Total width = 12px + 253px = 265px */
    padding-left:12px;
	width:253px;
	margin-top: 10px;
}
#NewsHeadlinesFlag
{
    margin-left: 208px;
    margin-top: -35px;
    position: absolute;
    z-index:1;
}
#NewsHeadlinesData
{
    margin-top: 0px;
    background-color: #FFFFFF;
    width: 241px;
    font: normal normal bold 13px Arial;
    color: #000066;
    padding: 10px 12px 3px 12px;
}
#NewsHeadlinesData ul
{
    margin-left: 18px;
    padding-left: 0px;
    margin-top: 0px;
}
#NewsHeadlinesData li.newsItem
{
    font: normal normal bold 13px Arial;
    color: #000066;
    padding: 0px 0px 7px 0px;
    margin-left: 0px;
}




/* Fixtures Page */
/* ============= */

#FixturesColumn
{
    margin-left: 200px;
    margin-top: 80px;
    width: 475px;
    background-color: #FFFFFF;
    position: absolute;
}
#FixturesArea
{
    min-height: 390px;
}
#FixturesTitle
{
    padding-left: 12px;
    width: 463px;
    position: relative;
}
#FixturesFlag
{
    margin-left: 418px;
    margin-top: -35px;
    position: absolute;
    z-index: 1;
}
#FixturesData
{
    background-color: #FFFFFF;
}
#FixturePageTable
{
    border-style:none;
    color: #000066;
    border-width: 0px;
    margin-left: 12px;
    margin-top: 10px;
    margin-right: 12px;
    margin-bottom: 10px;
}
#FixturePageTable td
{
    font: normal normal bold 13px Arial;
    text-align: left;
    vertical-align: top;
}
#FixturePageTable a
{
    font-size: 12px;
}
#FixturePageTable a:visited
{
    color: #0000FF;
}
.fixturesExtras
{
    border: solid 1px #000066;
    width: 444px;
}
#FixturePageTable td.fixturesExtrasData
{
    font: normal normal bold 12px Arial;
}
#FixturePageTable td.fixturesExtrasTitle
{
    font: italic normal normal 11px Arial;
}
#FixturesKey
{
    height:30px;
    margin-left: 30px;
    font: normal normal bold 12px arial;
    color: #000066;
}



#NewsArea
{
    margin-left: 685px;
    margin-top: 80px;
    width: 300px;
    min-height: 420px;
    background-color: #FFFFFF;
    position: absolute;
}
#NewsTitle
{
    padding-left: 12px;
    width: 288px;
    position: absolute;
}
#NewsFlag
{
    margin-left: 243px;
    margin-top: 5px;
    position: absolute;
    z-index: 1;
}
#NewsDiv
{
    margin-top: 50px;
    margin-left: 12px;
    margin-right: 12px;
    font: normal normal normal 12px arial;
    line-height: 13px;
    color: #000066;
    padding-bottom: 10px;
}
#NewsDiv h2
{
    font: normal normal bold 13px arial;
    text-decoration: underline;
    color: #000066;
    margin-bottom: 5px;
}
#NewsDiv h1
{
    font: normal normal bold 16px arial;
    text-decoration: underline;
    color: #000066;
    margin-bottom: 5px;
}
#NewsDiv p.dateTitle
{
    font: normal normal bold 14px arial;
    color: #000066;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-left: 10px;
}
#NewsDiv p.date
{
    font: normal normal normal 12px arial;
    color: #000066;
    margin-bottom: 0px;
    margin-top: 0px;
}


/* Recent Results Page */
/* =================== */

#RecentDetails
{
    margin-left: 200px;
    margin-top: 130px;
    width: 600px;
    position: absolute;
}
#RecentDetailsData
{
    width: 588px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FFFFFF;
    padding-left: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 310px;
}
#RecentDetailsData a:visited
{
    color:#0000FF;
}
#RecentDetailsTable
{
    border-style:none;
    color: #000066;
    border-width: 0px;
}
#RecentCountData
{
    width: 600px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #FFFFFF;
    font: normal normal bold 16px Arial;
    color: #FFFFFF;
    letter-spacing: -1px;
}
.CountHeading
{
    font: italic normal bold 12px Arial;
    color: #FFFF00;
    padding: 0px 5px 0px 12px;
    letter-spacing: -1px;
}

/* Styling of Gridview Table with match details */
.MatchTable, .MatchTableHeader
{
    color: #000066;
    font: normal normal bold 12px Arial;
    text-align: left;
    vertical-align: top;
}
.MatchTableRight, .MatchTableRightHeader
{
    color: #000066;
    font: normal normal bold 12px Arial;
    text-align: right;
    vertical-align: top;
}
.MatchTableCenter, .MatchTableCenterHeader
{
    color: #000066;
    font: normal normal bold 12px Arial;
    text-align: center;
    vertical-align: top;
}

/* Recent Appearances and Goalscorers */
#RecentAppearances 
{
	background-image: url(../images/slices/TopPlayerListSlice.jpg);
	background-repeat: repeat-x;
	background-color: #0099FF;
    margin-left: 810px;
    margin-top: 130px;
    position: absolute;
    width: 175px;
    min-height: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#RecentAppearancesTable
{
    width: 175px;
}

#RecentScorers 
{
	background-image: url(../images/slices/TopPlayerListSlice.jpg);
	background-repeat: repeat-x;
	background-color: #0099FF;
    margin-left: 810px;
    margin-top: 300px;
    position: absolute;
    width: 175px;
    min-height: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#RecentScorersTable
{
    width: 175px;
}

.RecentHeading
{
    font: italic normal bold 12px Arial;
    color: #FFFF00;
    padding: 0px 12px 5px 12px;
    letter-spacing: -1px;
    text-decoration: underline;
}
.RecentPlayer
{
    font: normal normal bold 14px Arial;
    color: #FFFFFF;
    padding: 0px 12px 0px 12px;
    letter-spacing: -1px;
}
.RecentValue
{
    font: normal normal bold 14px Arial;
    color: #FFFFFF;
    padding: 0px 12px 0px 12px;
    letter-spacing: -1px;
    text-align: right;
}



/* News Page */
/* ========= */

#NewsDetailsColumn
{
    margin-left: 200px;
    margin-top: 80px;
    width: 475px;
    background-color: #FFFFFF;
    position: absolute;
}
#NewsDetailsArea
{
    min-height: 420px;
}
#NewsDetailsTitle
{
    padding-left: 12px;
    width: 463px;
    position: relative;
}
#NewsDetailsFlag
{
    margin-left: 418px;
    margin-top: -35px;
    position: absolute;
    z-index: 1;
}
#NewsDetailsData
{
    background-color: #FFFFFF;
}
#NewsDetailsDiv
{
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    font: normal normal normal 12px arial;
    line-height: 13px;
    color: #000066;
    padding-bottom: 10px;
}
#NewsDetailsDiv h2
{
    font: normal normal bold 13px arial;
    color: #000066;
    margin-bottom: 5px;
}
#NewsPaging
{
    height:30px;
    margin-left: 12px;
    font: normal normal bold 13px Arial;
    color: #000066;
}
#NewsPaging a
{
    font: normal normal bold 13px Arial;
    color: #0000FF;
    text-decoration: underline;
}
.NewsDate
{
    font: italic normal normal 11px arial;
    text-decoration: none;
}

#SquadArea
{
    margin-left: 685px;
    margin-top: 80px;
    width: 300px;
    min-height: 420px;
    background-color: #FFFFFF;
    position: absolute;
}
#SquadTitle
{
    padding-left: 12px;
    width: 288px;
    position: absolute;
}
#SquadFlag
{
    margin-left: 243px;
    margin-top: 5px;
    position: absolute;
    z-index: 1;
}
#SquadDiv
{
    margin-top: 50px;
    margin-left: 12px;
    margin-right: 12px;
    font: normal normal normal 12px arial;
    line-height: 13px;
    color: #000066;
    padding-bottom: 10px;
}
#SquadDiv h2
{
    font: normal normal bold 13px arial;
    text-decoration: underline;
    color: #000066;
    margin-bottom: 5px;
}
#SquadDiv h1, #NewsDetailsDiv h1
{
    font: normal normal bold 16px arial;
    text-decoration: underline;
    color: #000066;
    margin-bottom: 5px;
}
#SquadDiv p.dateTitle
{
    font: normal normal bold 14px arial;
    color: #000066;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-left: 10px;
}
#SquadDiv p.date
{
    font: normal normal normal 12px arial;
    color: #000066;
    margin-bottom: 0px;
    margin-top: 0px;
}

/* Article Page */

/* Most Styling is same as home page */

#ArticleContent
{
    margin-left: 0px;
    margin-top: 0px;
}
#ArticleTitle
{
    padding-left:12px;
	width:498px;
	position: relative;
	margin-top: 0px;
}
#ArticleFlag
{
    margin-left: 453px;
    margin-top: -35px;
    position: absolute;
    z-index:1;
}
#ArticleText
{
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    width: 486px;
    min-height: 380px;
}
#ArticleText p, #ArticleText td
{
    font: normal normal bold 13px Arial;
    color: #000066;
}
#ArticleText th
{
    font: normal normal bold 14px Arial;
    color: #000066;
}
.left
{
    text-align: left;
}
.right
{
    text-align: right;
}