/*	TITLE		: bradgate.css
	
	DECRIPTION	: Styles to be used on all Bradgate web pages

	HISTORY		:	2002-02-01	SJW	Initial version
					2002-10-29	SJW	Added IMG.congrats
					2002-10-30	SJW	Added competition section
					2002-12-04	SJW	Added IMG#xmas
					2002-12-04	SJW	Added SPAN.newsheader
					2007-10-23	SJW	Added .league
					2009-01-18  SJW Added .rota
					2013-09-27  SJW Changed colours for league results
----------------------------------------------------------------------
*/

/* Main defaults
*/

BODY {
	background-color: black;
	color			: white;
}

/* Hyperlinks
*/

A:active, A:link, A:visited {
	text-decoration	: none;
	color			: white;
	font-weight		: bold;
	
}


A:hover	{
	text-decoration	: underline;
	color			: red;
}


/* The menu on the LHS
*/
DIV.menu {
	z-index			: 100;
	position		: absolute;
	top				: 26px;
	left			: 0px;
	/*height			: 560px;*/
	width			: 166px;
	font			: 16px Verdana, sans-serif;
	text-align		: center;
	background-color: #ffc;
	color			: black;
}

DIV.menu A.rollover:active,
DIV.menu A.rollover:visited,
DIV.menu A.rollover:link {
	display			: block;
	border			: #505050 5px outset;
	padding			: 5px 10px;
	margin			: 0px 0px 1px;
	font			: bold 1em sans-serif;
	text-align		: center;
	text-decoration	: none;
	color			: #ffc;
	background-color: #444;
}

DIV.menu A.rollover:hover {
	color			: red;
	border-style	: inset;
}

DIV.menu A SPAN {
	display			: none
}

DIV.menu A:hover SPAN {
	display			: block;
	z-index			: 150;
	position		: absolute;
	top				: 195px;
	left			: 20px;
	width			: 126px;
	padding			: 0px;
	margin			: 0px;
	font			: 10px Verdana, sans-serif;
	text-align		: center;
	color			: blue;
}

DIV.menu H1 {
	padding			: 0px;
	margin			: 0px;
	margin-bottom	: 40px;
	font			: bold 25px sans-serif;
	text-align		: center;
	vertical-align	: middle;
	white-space		: nowrap;
	color			: black;
	background-color: #ffc;
}
/* Menu at the bottom
*/

DIV.content A.rollover:active,
DIV.content A.rollover:visited,
DIV.content A.rollover:link {
display			: block;
	border			: #505050 5px outset;
	padding			: 5px 10px;
	margin			: 0px 0px 1px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1em;
	font-weight		: bold;
	text-align		: center;
	text-decoration	: none;
	color			: #ffc;
	background-color: #444;
	width:250px;
}

DIV.content A.rollover:hover {
	color			: red;
	border-style	: inset;
}


DIV.content {
	border			: gray 5px solid;
        padding		: 10px;
        right		: 5px;
        background	: #0cf;
        left		: 171px;
        font		: 13px Verdana, sans-serif;
        color		: black;
        position	: absolute;
        top			: 26px
}

DIV.content P {
	margin			: 0px 1em 1em
}

DIV.content H3 {
	margin-bottom	: 0.25em
}

DIV.footer {
	clear: both;
}
/* Competitions
*/

TABLE.competition {
	border-width	: thick;
	border-style	: double;
	border-color	: black;
	background-color: lime;
	color			: black;
	font			: 13px Verdana, sans-serif;
}

TABLE.competition THEAD {
	background-color: red;
	font-weight		: bolder;
}

TABLE.competition THEAD TH {
	text-align		: center;
}

TD.trophy {
}

TD.winners {
}

TD.date {
	font-weight		: bolder;
}

TD.prov {
	font-style		: italic;
}

TD.tba {
	font-size		: smaller;
	text-align		: center;
}

TD.visitors {
	text-align		: center;
}

/* Other
*/

DIV.news P {
	vertical-align	: middle;
	color			: black;
	background-color: yellow;
	border-top		: medium solid;
	padding-top		: 10px;
	padding-right	: 10px;
	padding-left	: 10px;
	padding-bottom	: 10px;
	text-align		: center;
	width			: 300px;
	border-right	: medium solid;
	border-bottom	: medium solid;
	border-left		: medium solid;
}

DIV.news P.congrats {
	background-image:url(../images/congratulations.gif);
	background-repeat:no-repeat;
	padding-left:80px;
	width: 230px;
}

DIV.news P.xmas {
	background-image:url(../images/xmas.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:70px;
	width:240px;
}

SPAN.newsheader {
	display			: block;
	font			: 150% Verdana, sans-serif;
	font-weight		: bold;
	color			: red;
	letter-spacing	: 0.25em;
}

P.fine {
	vertical-align	: middle;
	color			: green;
	background-color: white;
	border-top		: medium solid;
	padding-top		: 10px;
	padding-right	: 10px;
	padding-left	: 10px;
	padding-bottom	: 10px;
	width			: 50%;
	border-right	: medium solid;
	border-bottom	: medium solid;
	border-left		: medium solid;
	font-weight		: bolder;
	clear			: both;
}

Q {
	font-style 		: italic;
	font-weight		: bolder;
}

ADDRESS {
	clear: both;
}

/* Winter league on main page
 */

.league {
	border : medium solid black;
	background-color : white;
	width : 100%;
}

.league th {
	text-align : left;
	font-style : italic;
	padding-left : 5px;
	border : 1px solid black;
}

.league th span {
	font-size : larger;
	font-style: normal;
}

.league td {
	text-align : center;
	border : 1px solid black;
}

.league td.won {
	background-color:#66FF00; /* Bright green */
}

.league td.lost {
	background-color:#FF8080; /* Pale red */
}

.league td.drew {
	background-color:#FFFF66; /* Pale yellow */
}

.league a {
	background : #444;
	display : block;
}

TABLE.rota {
	background-color: White;
	color:inherit;
	border:2px solid black;
}

TABLE.rota TH {
	background-color: #90EE90;
	color:inherit;
}

TABLE.std {
	background-color: White;
	color:inherit;
	border:2px solid black;
}

TABLE.std TH {
	background-color: #90EE90;
	color:inherit;
}

DIV.content DIV.news A {
	color			: blue;
}
DIV.content DIV.news A:hover {
	color			: red;
}

table.knockout {
	background-color: white;
	color:black;
	border:2px solid black;
}

table.knockout th {
	background-color: #90EE90;
	color:black;
	border-right: 1px solid black;
}

table.knockout td {
	border : 1px solid black;
	border-left : none;
}

table.knockout td.number {
	font-size : 200%;
	border-right: 1px dotted;
}

table.knockout .date {
	border: 1px solid green;
	background-color:#90EE90;
	padding: 0 3px;
}
table.knockout .late {
	border: 1px solid red;
	color: black;
	background-color:#FFC7CE;
	padding: 0 3px;
}

table.ratings {
	background-color: white;
	color:black;
	border:2px solid black;
}

table.ratings th {
	background-color: #90EE90;
	color:black;
	font-size: 150%;
	text-align:left;
}

table.ratings td {
	font-size: 150%;
}

table.ratings td.rank {
	text-align: center;
	padding-right: 10px;
}

table.ratings td.rating {
	text-align : right;
}

.fasttracking {
	font-style:italic;
}

.fasttracking sup {
	font-size: small;
	color: red;
}


#admin .status_fail {
	border: 5px solid red;
	background-color:white;
	width : 20em;
	padding: 2em;
	text-align: center;
	font-size: large;
}
#admin .status_ok {
	border: 5px solid green;
	background-color:white;
	width : 20em;
	padding: 2em;
	text-align: center;
	font-size: large;
}
#admin form {
	/* width : 50em; */
	margin-bottom :5em;
}
#admin fieldset {
	margin: 1em 0 1em 3em;
}
#admin legend {
	font-size: large;
}

#admin table.knockout {
	float : left;
	margin-right: 1em;
}

#admin .spacer {
	padding-left:1em;
	float : left;
}

#admin #actions {
	float:left;
}

#admin .rollover {
	clear : both;
}

/*
 * Date image
 */
.date-box {
	background-image:url("/images/cal1png.png"); 
	background-repeat:no-repeat; 
	height:50px; 
	width:50px; 
	margin:0 10px 0 -60px; 
	text-transform:uppercase; 
	text-align:center; 
	letter-spacing:2px; 
	line-height:1em; 
	float: left; 
	overflow:visible;
} 
.date-box .day{
	line-height:2em; 
	font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif; 
	padding-top:3px; 
	display:block;
	color:#606060;
} 
.date-box .month{
	line-height:1em; 
	font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; 
	padding-top:3px; 
	display:block;
	color:#ffffff;
}
.date-box .year {
	display:none;
}

/*
 * Roll of honour (Front page)
 */
.mod-roll-of-honour {
	width: 200px;
	float: right;
	border: 1px solid black;
	background-color: yellow;
	border-radius: 10px;
}
.mod-roll-of-honour h1 {
	font-size: 1.5em;
	text-align: center;
}
.mod-roll-of-honour h2 {
	font-size: 1.1em;
	text-align: center;
}
.mod-roll-of-honour p {
	font-size: .9em;
}
.mod-roll-of-honour .stars {
	font-size: 2em;
	text-align: center;
}