/* main page title of a posting (added in mcms template base page class) */
.pagetitle
{
	font-size: 1.3em;
	font-weight: bold;
	color: #1E305A;
	margin-bottom: 10px;
}
.promobox
{
	height: 61px;
	margin-top: 5px;
}
/* table styles to display league table, fixtures and results (used in LeagueDetails mcms template) */
table.locations
{
	width: 100%;
	border: solid 1px #3A4C7C;
	font-size: 1em;
	margin-top: 10px;
}
tr.locationsheader, th.locationsheader
{
	background-color: #3A4C7C;
	text-align:left;
	font-weight: bold;
	color: #FFFFFF;
}
tr.lightgray
{
	background-color: #F2F3F8;
}
tr.darkgray
{
	background-color: #D3D5E1;
}
th.datecolumn
{
	width: 70px;
}
/* event styles (used in event mcms template) */
table.events
{
	width: 100%;
	line-height: 20px;
}
td.col1event
{
	width: 15%;
	font-weight: bold;
}
/* event list styles (used in listing control) */
th.eventsheader
{
	background-color: #D1D6E0;
}
tr.eventslistrow
{
	height: 30px;
}
td.col1of2
{
	width: 45%;
	padding-left: 10px;
}
td.col2of2
{
	width: 55%;
}
td.leftalign
{
	text-align: left;
	padding-right: 5px;
}
/* featured event styles */
.bluearrow
{
	background-repeat: no-repeat;
	background-position: 4% 50%;
	padding-left: 23px;	
	background-image: url(/images/system/blueArrow.gif);
	background-repeat: no-repeat;
}
a.eventtitle
{
	text-decoration: none;
	font-weight: bold; 
	color: #5B6798;	
}
.eventdescription
{
	margin-left: 25px;
	padding-bottom: 4px;
	color: #24324C;
	font-size: 0.85em;
}
.darknavheader
{
	background-color: #3A4C7C;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}
.lightnavbody
{
	background-color: #D1D5E0;	
	border-bottom: solid 2px #716D9E;
	border-left: solid 2px #716D9E;
	border-right: solid 2px #716D9E;
}
a.darkblue
{
	text-decoration: underline;
	font-weight: normal; 
	color: #1E305A;	
}
a.textnavlink
{
	text-decoration: none;
	color: #FFFFFF;
}
img.imagelink
{
	border: none;
}
/* styles for building curved corners. use the following structure
<div id="footer">
	<div id="curvedcontrolstop">
		<div id="curvedcontrolstopcorners">
			<div id="curvedcontroltopleft"></div>
			<div id="curvedcontroltopright"></div>
		</div>
	</div>

	<div id="curvedcontrolscontent">Content</div>

	<div id="curvedcontrolsbottom">
		<div id="curvedcontrolsbottomcorners">
			<div id="curvedcontrolbottomleft"></div>
			<div id="curvedcontrolbottomright"></div>
		</div>
	</div>
</div>
 */
.curvedcontrolstop
{
	background-color: #3A4C7C;
	height: 10px;
}
.curvedcontrolsbottom
{
	background-color: #3A4C7C;
	height: 10px;
}
.curvedcontrolstopcorners
{
	background: #3A4C7C;	
	height: 10px;		
}	
.curvedcontrolscontent
{
	margin: 0 5px 0 7px;
	vertical-align: middle;
}
.curvedcontrolsbottomcorners
{
	background: #3A4C7C;	
	height: 5px;		
}
.curvedcontroltopleft
{
	float: left;
	width: 10px;
	height: 10px;
	font-size: 10px;
	background: url(/images/system/TLcorner.gif) top left;
	background-repeat: no-repeat;
	border: none;
}
.curvedcontroltopright
{
	float: right;
	width: 10px;
	height: 10px;
	background: url(/images/system/TRcorner.gif) top right;
	background-repeat: no-repeat;
	border: none;
}
.curvedcontrolbottomleft
{
	float: left;
	width: 10px;
	height: 10px;
	background: url(/images/system/BLcorner.gif) bottom left;
	background-repeat: no-repeat;
	border: none;
}
.curvedcontrolbottomright
{
	float: right;
	width: 10px;
	height: 10px;
	background: url(/images/system/BRcorner.gif) bottom right;
	background-repeat: no-repeat;
	border: none;
}
p.error
{
	color: Red;
}
p.heading
{
	font-size: large;
}
.placeholderheader
{
	background-color: #DEDFDE;
	font-size: small;
	width: 200px;
}
.leagueselect
{
	width: 100%;
	font-weight: bold;
}
.col30percent
{
	width: 30%;
}

/* BBC News Feed*/
#BBCNewsFeed
{
	width: 242px;
	background-color: #FFCC00;
	padding: 0px;
	margin: 4px 0px 0px 0px;
	float: left;
}
#BBCTopStories
{
	margin: 0px 2px 0px 2px;
	background-color: #000000;
	color: #FFFFFF;
	display: block;
	font-size: .85em;
	font-weight: bold;
	padding: 1px 0px 2px 4px;
}

#BBCNewsFeed ul
{
	list-style-type: none;
	text-align: left;
	margin: 0px 2px 2px 2px;
	padding: 0px 0px 3px 0px;
	background-color: #fff;
}

#BBCNewsFeed ul li
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/news/arrow.gif);
	background-repeat: no-repeat;
}

#BBCNewsFeed ul li a
{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	text-decoration: none;
	font-size: 0.85em;
	display: block;
	width: 230px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
}
#BBCNewsFeed ul li a:hover
{
	text-decoration: underline;
}
/* FA News Feed */
#FANewsFeed
{
	width: 242px;
	background-color: #3A4C7C;
	float: left;
	padding: 0px;
	margin: 4px 0px 0px 10px;
}

#FATopStories
{
	margin: 0px 2px 0px 2px;
	background-color: #3A4C7C;
	color: #FFFFFF;
	display: block;
	font-size: .85em;
	font-weight: bold;
	padding: 0px 0px 2px 4px;
}

#FANewsFeed ul
{
	list-style-type: none;
	text-align: left;
	margin: 0px 2px 2px 2px;
	padding: 0px 0px 3px 0px;
	background-color: #fff;
}

#FANewsFeed ul li
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/news/arrow.gif);
	background-repeat: no-repeat;
}

#FANewsFeed ul li a
{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	text-decoration: none;
	font-size: .85em;
	display: block;
	width: 230px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC; 
}

#FANewsFeed ul li a:hover
{
	text-decoration: underline;
}