<!--

/*
	
	fixtures.css
	========
	Stylesheet for the fixtures module. Remember that certain elements in the
	module use predefined css rules in the main site stylesheets.
	
*/

/*--------------------------------------------------
	UNIVERSAL FIXTURE RULES
--------------------------------------------------*/

	div.mEvents {
		margin: 10px 0 0 0;
	}

/*--------------------------------------------------
	DATE FILTER FORMATTING
--------------------------------------------------*/

	div.mEvents div.filterOuter {
		width: 705px;
		background: url(images/filter_top.gif) no-repeat;
	}
	
	div.mEvents div.filterOuter div.filterInner {
		height: 105px;
		padding: 9px 0 0 10px;
		_padding: 9px 0 4px 10px;
		background: url(images/filter_bottom.gif) bottom no-repeat;
	}



	/*	Categories				--------------------------------------*/
	
		div.mEvents ul.fixtureFilter {
			margin: 0 0 5px 0;
			padding: 0 0 0 156px;
			text-align: center;
			list-style: none;
			height: 32px;
		}
		
		div.mEvents ul.fixtureFilter li {
			float: left;
			margin: 0 20px 0 0;
			height: 32px;
			
		}
		
		div.mEvents ul.fixtureFilter li a {
			border: none;
			display: block;
			padding: 5px 10px 0 10px;
			text-decoration: none;
			color: #c6f7df;
			_width: 35px;
			height: 100%;
			white-space: nowrap;
		}
		
		div.mEvents ul.fixtureFilter li.nonselected:hover {
			background: url(images/button_blue_left.gif) top left no-repeat;
		}
		
		div.mEvents ul.fixtureFilter li.nonselected a:hover {
			color: #FFFFFF;
			background: url(images/button_blue_right.gif) top right no-repeat;
		}
		
		div.mEvents ul.fixtureFilter li a:visited {
			color:#FFFFFF;
		}
		
		div.mEvents ul.fixtureFilter li.selected {
			background: url(images/button_blue_left.gif) top left no-repeat;
		}
		
		div.mEvents ul.fixtureFilter li.selected a {
			background: url(images/button_blue_right.gif) top right no-repeat;
			color: #FFFFFF;
			font-weight: bold;
		}
	
/*--------------------------------------------------
	DATE FILTER FORMATTING FOR YEARS
--------------------------------------------------*/

	div.mEvents ul.years {
		margin: 0 0 0 0;
		padding: 0 0 0 258px;
		height: 32px;
	}
	
	div.mEvents ul.years li {
		float: left;
		padding: 0 0 0 0;
		margin: 0 10px 0 0;
		height: 32px;
		list-style: none;
	}
	
	div.mEvents ul.years li a {
		display: block;
		padding: 5px 10px 0 10px;
		text-decoration: none;
		width: 30px;
		height: 32px;
		color: #3c4fad;
	}
	
	div.mEvents ul.years li a:hover {
		color: #3c4fad;
	}
	
	div.mEvents ul.years li.disabled a {
		color: #333;
	}
	
	
	div.mEvents ul.years li.selected {
		background: url(images/button_left.gif) top left no-repeat;
	}
	
	div.mEvents ul.years li.selected a {
		background: url(images/button_right.gif) top right no-repeat;
		font-weight: bold;
	}
	
	div.mEvents ul.years li.selected:hover,
	div.mEvents ul.years li.nonselected:hover {
		background: url(images/button_left.gif) top left no-repeat;
	}
	
	div.mEvents ul.years li.selected a:hover,
	div.mEvents ul.years li.nonselected a:hover {
		background: url(images/button_right.gif) top right no-repeat;
	}

/*--------------------------------------------------
	DATE FILTER FORMATTING FOR MONTHS
--------------------------------------------------*/

	div.mEvents ul.months {
		margin: 0 0 0 0;
		padding: 0 0 0 50px;
	}
	
	div.mEvents ul.months li {
		float: left;
		margin: 0 5px 0 0;
		list-style: none;
		text-align: center;
	}
	
	div.mEvents ul.months li a {
		padding: 5px 10px 0 10px;
		display: block;
		text-decoration: none;
		color: #3c4fad;
		height: 32px;
	}
	
	div.mEvents ul.months li.disabled-selected a,
	div.mEvents ul.months li.disabled-nonselected a {
		color: #333;
	}
	
	div.mEvents ul.months li.nonselected:hover {
		background: url(images/button_left.gif) top left no-repeat;
	}
	
	div.mEvents ul.months li.nonselected a:hover {
		background: url(images/button_right.gif) top right no-repeat;
	}
	
	div.mEvents ul.months li a {
		_width: 20px;
	}
	
	div.mEvents ul.months li.selected {
		background: url(images/button_left.gif) top left no-repeat;
	}
	
	div.mEvents ul.months li.selected a {
		text-decoration: none;
		font-weight: bold;
		background: url(images/button_right.gif) top right no-repeat;
		_width: 1px;
	}

/*--------------------------------------------------
	FORMATTING FOR FIXTURES LIST TABLE
--------------------------------------------------*/

	div.mEvents div.currentSelection {
		font-size: 1.2em;
		padding: 10px 0 10px 0;
	}
	
	div.mEvents div.currentSelection h3.tableTitle {
		margin: 0px 0 0px 8px;
		display: inline;
	}
	
	div.mEvents div.tableReset {
		margin: 0 0 0 5px;
		font-size: 10px;
		display: inline;
	}
	
	div.mEvents div.tableReset a {
		
	}
	
	div.mEvents div.tableReset a:visited {
		color:#011889;
	}
	
	
	div.mEvents table.fixtureListHeader {
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-left: none;
		border-right: none;
		margin: 10px 0 0px 0; 
		width: 100%;
	}
	
	div.mEvents table.fixtureListHeader td {
		padding: 5px 2px 5px 2px;
		background:#EEE;
		font-weight: bold;
	}
	
	div.mEvents table.fixtureList {
		border: none;
		width: 100%;
	}
	
	div.mEvents table.fixtureList tr td {
		border-bottom: 1px solid #CCC;
	}
	
	div.mEvents table.fixtureList tr.date td {
		color: #011889;
		padding: 15px 3px 3px 3px;
		border-bottom: none;
	}
	
	div.mEvents table.fixtureList tr.competition td {
		font-weight: bold;
		padding: 3px 0 3px 3px;
	}
	
	div.mEvents table.fixtureList td.dateBoxHolder {
		border-bottom: none;
	}
	
	div.mEvents table.fixtureList tr.fixture td {
		padding: 3px 0 3px 3px;	
	}
	
	div.mEvents table.fixtureList tr.spacer td {
		height: 15px;
		border-bottom: none;
	}
	
	div.mEvents div.noFixtures {
		margin: 10px 0 175px 0;
	}

/*--------------------------------------------------
	FORMATTING FOR A FIXTURE DETAILS
--------------------------------------------------*/
	
	div.mFixtureDetails {
		margin: 10px 0 0 0;
	}
	
	div.mFixtureDetails div#details {
		margin: 10px 0 10px 0;
	}
	
	div.mFixtureDetails div.col1, 
	div.mFixtureDetails div.col2,
	div.mFixtureDetails div.col3
	{
		float: left;
		width: 220px;
		padding: 0 0 10px 0;
	}
	
	div.mFixtureDetails div.col1 h3, 
	div.mFixtureDetails div.col2 h3,
	div.mFixtureDetails div.col3 h3
	{
		margin: 0 0 5px 0;
	}

/*--------------------------------------------------
	DATEBOX
--------------------------------------------------*/

	div.mEvents div.dateBox {
		width: 40px;
		border: 1px solid #3c4fad;
		margin: 0px 5px 5px 0;
		text-align: center;
		float: left;
		z-index: 100;
		position: absolute;
	}
	
	div.mEvents div.dateBox div.month {
		background:  #3c4fad;
		color: #FFFFFF;
		font-size: 0.8em;
		font-weight: bold;
	}
	
	div.mEvents div.dateBox div.day {
		padding: 4px;
		font-size: 1.2em;
		background: #f3e0e4;
		font-weight: bold;
		color: #3c4fad;
	}




-->