/* 
 ---------------------------------------------------------------------------------------------
 Jolly Boys Cricket Club - Stylesheet 
 ---------------------------------------------------------------------------------------------
*/

body {
	background : #247224 ;
	color : #ffffff; 
	font-family: "Arial", Gill, Helvetica, sans-serif ; 
	font-size : 11pt;  
	margin: 1px ;
	padding: 1px ;
}


/* HTML Styles */
/* Headers */
h1 {
	font-family : helvetical, arial;
	font-size : 28pt;
	text-align : center;
	color : #ffff00;
	color: yellow ;
}
h2 {
	font-family : helvetical, arial;
	font-size : 18pt;
	text-align : center;
	text-decoration : none;
}
h3 {
	font-family : helvetical, arial;
	font-size : 16pt;
	text-align : center;
	text-decoration : none;
}
h4 {
	font-family : helvetical, arial;
	font-size : 12pt;
	text-align : center;
	text-decoration : none;
}

hr {
	border-width: 1px;
	color : #ffffff;
}

/*Hyperlinks */
a:link {
	color : #ffff00;
	text-decoration : none;
}
a:visited {
	color : #ffef00;
	text-decoration : none;
}
a:active {
	color : #ffff00;
	text-decoration : none;
}
a:hover {
	background : #004a00;
	color : #ffff00;
	text-decoration : underline;
}
/* Hyperlinks in header "menus" */
a.Menu {
	background: #004F00;
	color: white; 
	font-size: 16px; 
	font-weight: bold; 
	padding: 4px; 
	text-decoration: none
}
a.Menu:link {
	background: #004F00;
	color: #ffffff; 
	font-size: 16px; 
	border: 1px solid #ff8000;   
	padding: 4px; 
	text-decoration: none
}
a.Menu:visited {
	background: #004F00;
	color: #ffffff; 
	font-size: 16px; 
	border: 1px solid #ff8000;   
	padding: 4px; 
	text-decoration: none
}
a.Menu:active {
	background: #004F00;
	color: #ffffff; 
	color: #FFFF9C;
	font-size: 16px; 
	border: 1px solid #ff8000;   
	padding: 4px; 
	text-decoration: underline
}
a.Menu:hover {
	background: #ff8000;
	color: white; 
	font-size: 16px; 
	border: 1px solid #004f00;   
	padding: 4px; 
	text-decoration: none
}
/* Images */
img {
	border: 0px ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Span classes 
 ---------------------------------------------------------------------------------------------
*/
.motto {
	font-family : helvetical, arial;
	color : #ffff00;
	font-size : 10pt;
	font-style : italic;
	text-align : center;
}
.fodder {
	background : #004a00;
	color : #ffff00;
	font-family : helvetical, arial;
	font-size : 10pt;
	font-style : italic;
	font-weight : bold;
}
.banner{
	background: #004a00;
	background: #004F00;
	font-family : helvetical, arial;
	color : #ffff00;
	color: white ;
	color: yellow ;
	font-size : 13pt;
	font-weight : bold;
	border: 1px solid black ;
	padding: 8px ;
	text-align : center;
}
.GetFirefox {
	background: #004F00 ;
	border: 3px solid #ff8000 ;
	font-family : helvetical, arial;
	font-size : 11pt;
/*	font-weight : bold; */
	margin: 4px auto ;
	padding: 4px ;
}

.blink {
	background : #004a00;
	font-family : helvetical, arial;
	color : #ffff00;
	font-size : 12pt;
	text-align : center;
	text-decoration : blink ;
}
.NextGame {
	background: #7FFF00;
	background: #7CFC00;
	background: yellow;
	color: green;
}
/* Floats on main page */
.ResultsDIV {
	float: left ;
	padding: 8px ;
}
.MainDIV {
	float: right ;
	padding: 8px ;
}

.TextMessage {
	font-family: Courier ;
	width: 200px ;
	margin-left: auto ;
	margin-right: auto ;
	background: #99cccc ;
	color: black ;
	border: 10px solid #336633 ;
	padding: 10px ;
}



/* 
 ---------------------------------------------------------------------------------------------
 Main DIV styles
 ---------------------------------------------------------------------------------------------
*/
#PageHeader {
/*	height: 70px; */
	background: #5B76BF;
	color: white ;
	background : #008000;
	color : #ffffff;
	border: 0px solid #5B76BF;
	padding: 1em ;
	padding: 2px ;
}

#PageBody {
	background : #008000;
	background : #247224 ;
	color : #ffffff; 
	border: 0 ;
}

#PageFooter {
	clear: both ;
/*	margin-top: 5px; */
	background : #004F00;
	color : #ffffff;
	text-align: left ;
	padding: 4px ; 
}

/* Home Page */
#MenuContainer {
	float: left ;
	width: 120px ;
	padding: 6px ;
}

#PageContents {
	background : #008000;
	margin-left: 135px ;
	padding: 6px ;
}

/* Left hand menu container */
#FixturesBody {
	border: 0 ;
}

#FixturesList {
	background : #008000;
	margin-left: 135px ;
	padding: 6px ;
}

/* Match reports */
#MatchReport {
	background : #008000;
	width: 98% ;
	margin: 0 auto ;
	padding: 4px ;
}

#MatchReportBody {
	background : #247224 ;
	background : #008000;
	border: 0 ;
}
#MatchReportText {
	display: block ;
	margin: 0px auto ;
	padding: 4px ;
}

#MatchReportPictures {
	display: block ;
	margin: 0px auto ;
	padding: 4px ;
}

#MatchReportMidges {
	display: block ;
	margin: 0px auto ;
	padding: 4px ;
}

#CricketGame {
	margin-left: auto ;
	margin-right: auto ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Main DIV styles
 ---------------------------------------------------------------------------------------------
*/
#PageHeader {
/*	height: 70px; */
	background: #5B76BF;
	color: white ;
	background : #008000;
	color : #ffffff;
	border: 0px solid #5B76BF;
	padding: 1em ;
	padding: 2px ;
}

#PageBody {
/*	background : #008000;
	background : #247224 ;
	color : #ffffff; */
	border: 0 ;
}

#PageFooter {
	clear: both ;
/*	margin-top: 5px; */
	background : #004F00;
	color : #ffffff;
	text-align: left ;
	padding: 4px ; 
}

/* Home Page */
#MenuContainer {
	float: left ;
	width: 120px ;
	padding: 6px ;
}

#PageContents {
	background : #008000;
	margin-left: 135px ;
	padding: 6px ;
}


.News {
	width: 400px;
	margin-right: auto ;
	margin-left: auto ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Styling for left hand menu
 ---------------------------------------------------------------------------------------------
*/

/* A menu header */
.MenuHeader {
	background : #004F00;
	color : #ffffff;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
	font: 13px Arial, sans-serif;
	font-weight: bold ;
	text-decoration: none;
	border-color: #FF8000 ; 
	display: block;
	margin: 0px;
	text-align: left;
}

/* Menu hyperlinks */
.Menu a {
	background: #004F00;
	background: #287755;
	background : #008000;
	color: white ;
	color: #ffff00 ;
	border: 1px solid;
	padding: 2px;
	padding-left: 3px;
/*	font: 13px Arial, sans-serif; */
	text-decoration: none;
	border-color: #FF8000 ; 
	display: block;
	margin: 0px;
	text-align: left;
}

.Menu a:hover {
	background: #FF8000 ;
	color: #008000;
	background: #ff8000;
	color: white; 
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border-color: #FF8000 ; 
	text-decoration: none;
}

/* 
 ---------------------------------------------------------------------------------------------
 Tables
 ---------------------------------------------------------------------------------------------
*/

/* Page Header Table */
.PageHeaderTable {
	width: 100% ;
}

/* Main table */
.MainTable {
	width: 100% ;
}

.MainTableHeader {
	background: #5B76BF ;
	color: white ;
	padding: 1em;
}

.MainTableMenuLeft {
/*	width: 200px ; */
	width: 10% ; 
	background : #247224 ;
	color : #ffffff;
	vertical-align: top ;
	text-align: left ;
	padding: 1em ;
}

.MainTableCentre {
	width: 64% ;
	padding: 1em ;
}

.MainTableMenuRight {
/*	width: 200px ; */
	width: 10% ; 
	background : #77C160;
	background: #408000 ; 
	background : #247224 ;
	color : #ffffff;
	vertical-align: top ;
	text-align: left ;
	padding: 1em ;
}

.MainTableFooter {
	background: #004F00;
	color: white ;
	text-align: right ;
	padding: 4pt ;
}

/* Header Table */
table.Header {
	width: 100% ;
	border: 3px solid #FF8000 ;
	border-collapse: collapse ;
	background: #004F00 ;
}
table.Header td {
	text-align: center ;
	border: 2px solid #FF8000 ;
	padding: 0px ;
	background: #004F00 ;
	color: white ;
}
/* Menu Table */
table.Menu {
	width: 100% ;
	text-align: center ;
}

/* Results Table */
table.Results {
	width: 86% ;
	border: 1px solid white ;
	border-collapse: collapse;
	margin: 0px auto;
}
table.Results th {
	text-align: left;
	border: 1px solid black;
	padding: 4px;
	background: #004F00; 
	color: yellow ;
	font-weight: bold ;
}
table.Results td {
	text-align: left;
	border: 1px solid black;
	padding: 4px;
	color: white ;
}
tr.ResultsOdd, 
td.ResultsOdd {
	text-align: left;
	border: 1px solid black;
	padding: 4px;
	color: white ;
}
tr.ResultsEven, 
td.ResultsEven {
	text-align: left;
	border: 1px solid white;
	padding: 4px;
	background: #0C920C ;
	color: white ;
}

/* Results Table */
table.ScorecardLayout {
	border: 0px ;
	width: 100% ;
	margin-left: auto ;
	margin-right: auto ;
	vertical-align: top ;
}

table.Scorecard{
	width: 95% ;
	border: 1px solid white ;
	border-collapse: collapse;
	margin: 0px auto;
}
table.Scorecard th {
	border: 1px solid black;
	padding: 4px;
	background: #004F00; 
	color: yellow ;
	font-weight: bold ;
}
table.Scorecard td {
	border: 1px solid black;
	padding: 4px;
	color: white ;
}

tr.ScorecardOdd, 
td.ScorecardOdd {
	text-align: left;
	border: 1px solid black;
	padding: 4px;
	color: white ;
}
tr.ScorecardEven, 
td.ScorecardEven {
	text-align: left;
	border: 1px solid white;
	padding: 4px;
	background: #0C920C ;
	color: white ;
}

/* Pictures Table */
table.Pictures {
/*	width: 90% ; */
	border: 1px solid white ;
	border-collapse: collapse;
}
table.Pictures th {
	text-align: center;
	border: 1px solid white;
	padding: 6px;
	background: #004F00; 
	color: yellow ;
	font-weight: bold ;
}
table.Pictures td {
	text-align: center;
	border: 1px solid white;
	padding: 6px;
	color: white ;
}

/* Midges Table */
table.Midges {
	width: 100% ;
	border: 1px solid white ;
	border-collapse: collapse;
	background: #004F00;
}

table.Midges td {
	text-align: center;
	border: 1px solid #FF8000;
	padding: 6px;
	background: #004F00;
	color: white ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Styling for the "infoboxes"
 ---------------------------------------------------------------------------------------------
*/

.tiptable{
	border: 0 ;
}
.tipth {
	background: black ;
	color: blue ;
	font-family: "Arial", Gill, Helvetica, sans-serif ; 
	font-size : 10pt;  
}
.tiptd {
	background: green ;
	color: blue ;
	font-family: "Arial", Gill, Helvetica, sans-serif ; 
	font-size : 9pt;  
}
.infobox {
	border: 2px solid green ;
	background: #009900 ;
	color: yellow ;
	font-family: "Arial", Gill, Helvetica, sans-serif ; 
	font-size : 10pt;  
	padding: 4px ;
}
/* 
 ---------------------------------------------------------------------------------------------
 General purpose overrides
 ---------------------------------------------------------------------------------------------
*/

.Left,
.left {
	text-align: left ;
}

.Right, 
.right {
	text-align: right ;
}

.Centre, 
.centre {
	text-align: center ;
}

.Italic, 
.italic {
	font-style: italic ;
}

.Bold, 
.bold {
	font-weight: bold ;
}