/*
	General Stylesheet for EGB
Standard Colours:
	Key: Colour description (Text)
		#HEX and/or rgb()

	Light Grey (e.g for table cells that are not used on forms)
		#CCC
	Dark Blue (EGB)
		#0E2676 rgb(14, 38, 118)
	Light Blue (EGB Background)
		#465F9F rgb(10, 95, 159)
	Red Border (EGB)
		#FF002A rgb(255, 0, 42)

History
1.0 06/10/08 D.Kent
1.1 26/11/08 J.Kent .noprint class
1.2 12/01/09 J.Kent membersWebsiteAccountApplication
1.3 07/07/09 D.Kent table section shading (used on forms)
1.4 17/03/10 D.Kent new class Prominent
1.5 08/06/10 D.Kent new class EGBLeagueTable
1.6 26/06/10 D.Kent new classes EGBentriesClass(Hdr|Ftr)
*/


/* Forms */
/* ----- */
/* a. Unused cells - background colour */
td.cellUnused
{
	background-color: #CCC;
}

/* b. Form Header - separate table preceding the main Form Table */
table.EGBFormHeader
{
	border-style: none;
}
table.EGBFormHeader h1, table.EGBFormHeader h2
{
	text-align: center;
}
table.EGBFormHeader p
{
 text-align: left;
}

/* c. Form Table itself */
table.EGBForm
{
	border-style: outset;
	border-width: 4px;
	border-color: #0E2676;
}
table.EGBForm td
{
	border-style: solid;
	border-width: 1px;
	border-color: #0E2676;
	font-size: 11px;
}
table.EGBForm *.SectionShade1
{
	background-color: #FDFDFF;
}
table.EGBForm *.SectionShade2
{
	background-color: #F8F8FF;
}
table.EGBForm p, table.EGBLogon p
{
 text-align: left;
}

/* d. Form Input Elements */
table.EGBForm input[type="submit"], table.EGBLogon input[type="submit"], table.EGBForm input[type="button"]
{
   font-size: 12px;
   color: rgb(245,238,252);
   background-color: rgb(85,95,170);
   cursor: hand;
}
.Prominent 
{
	font-size: 110%;
	font-weight: bolder;
	margin: 5px;
	vertical-align: middle;
}
label, select
{
	font-family: Arial,Helvetica,Geneva,Sans-serif;
	font-size: 11px;
}

.AlignRight p
{
	text-align: right;
}


/* Forms Print */
/* ************* */
@page
{
	margin-left: 10mm;
	margin-right: 10mm;
}
@media print
{
	.noprint
	{
		visibility: hidden;
	}
    table.PageBorder 
    {
    	border-style: none;
    	margin: -25mm -32mm -150mm -43mm;
    }
    table.EGBForm input[disabled="disabled"]
       {
       color: black;
    }
    .PageMargin {
       width: 0;
       height: 0;
    }
}

/* User Controls */
/* ************* */
table.TableWebsiteAccountApplication
{
	border: solid 1px #0E2676;
	
	
}
table.TableWebsiteAccountApplication p
{
	text-align: left;
}

table.TableWelcome
{
}

/* General styles */
/* -------------- */

.MainPageContent
{
	width: 466px;
}
table.MainPageContent
{
	table-layout: fixed; 
	border-collapse: collapse;
	font-size: 12px;
	
}
table.MainPageContent td
{
	vertical-align: top;
	text-align: left; 
	font-size: 12px;
    padding-bottom: 6px;
}
table.MainPageContent input, table.MainPageContent select
	/* match class FormText */
{
	color: rgb(51, 51, 51);
	border: 1px solid rgb(255,255,255);
}
table.MainPageContent input[type="submit"]
{
    color: rgb(0,51,153);
    background-color: rgb(102,204,255);    
}

.MainPageContent02
{
	width: 735px;
}
table.MainPageContent02
{
	table-layout: fixed; 
	border-collapse: collapse;
	border: 1px solid rgb(102,204,255);
	font-size: 12px;
	/*height: 485px;	*/
	margin-bottom: 15px;
}
table.MainPageContent02 td
{
	vertical-align: top;
	text-align: left; 
	font-size: 12px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
table.MainPageContent02 input[type="text"], table.MainPageContent02 select, table.MainPageContent02 input[type="button"]
	/* match class FormText */
{
	color: rgb(51, 51, 51);
	border: 1px solid rgb(255,255,255);
	display: block;
}
table.MainPageContent02 inputDisplay /* display only input fields */
{
	color: rgb(0,51,153);
	border: 1px solid rgb(204,255,255);
	background-color: rgb(204,255,255); 
}
table.MainPageContent02 input[type="submit"]
{
    color: rgb(0,51,153);
    background-color: rgb(102,204,255);
    margin-top: 5px;   
}

col.SectionHeadings
{
    color: rgb(0,51,153);
    font-weight:bold;
}
tr.BottomBorder td 
{
	/*padding-bottom: 20px;*/
	/*border-bottom: solid rgb(102,204,255) 1px;*/
}
tr.WideRow td
{ 
    padding-bottom: 15px;
}

/* table headers */ 
thead, tr.tableHeader, th, table.EGBLeagueTable thead p
{   
    text-align: center;
	font-weight: bold;
	color: rgb(0,51,153);
	background-color: rgb(102,204,255);
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

thead a,  thead a:active,  thead a:link,  thead a:visited, 
tr.tableHeader a,  tr.tableHeader a:active,  tr.tableHeader tr.tableHeader a:link, tr.tableHeader a:visited,  
th a,  th a:active,  th a:link,  th a:visited 
{
	color: rgb(0,51,153); 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
} 
thead a:hover,
tr.tableHeader a:hover,
th a:hover 

{
	color: rgb(89,164,255); 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
}


/* Table Formatting */
tr.EGBentriesClassHdr p, tr.EGBentriesClassFtr p
{
	font-weight: bolder;
	word-spacing: 0.5em;
	letter-spacing: 0.2em;
}
tr.EGBentriesClassHdr p
{
	background-color: #CCCCCC;
}
tr.EGBentriesClassFtr p
{
	background-color: #FFFFFF;
	padding-bottom: 5px;
	border-bottom: solid thin rgb(102,204,255);
	margin-bottom: 5px;
}

.FormErrorMessage
{
	color: Red;
}
.CreditWarningMessage
{
	color: Red;
	font-weight: bold;
	
}
.MessageBox
{
	background-color: rgb(255,255,230);
	font-weight: bold;	
	margin: 10px 0;
	line-height: 2;
	/*text-indent: 10px;*/
	padding: 0 5px;
	/* border: solid 1px rgb(102,204,255);*/
}

div.ScrollMessages li
{
    color: rgb(0,51,153);
    padding-bottom:1em;
  
}

img.actionButton
{
	margin-left: 15px;
	margin-right: 5px;
}
h1.HomePageTitle
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
p.PageDescription
{
	padding-top: 1em;
	margin-bottom: 2em;
	color: rgb(0,51,153);
	font-weight: bold;
	text-align: left;
}
div.LinkSpacer a
{
    margin-left: 2px;
}


/* Anomaly fixes */
/* ------------- */

/* Coloured Panels */
/* IE6 & below only work with this */
* html table.TablePanels /* only IE will respond to this; IE7 is OK with both */
{
	padding-top: 4px;
	padding-bottom: 4px;
}
/* FF & IE7 work with this; IE6 & below don't respond to child selectors: */
table.TablePanels > tbody > tr > td /* limits action to outer level of cells */
{
	padding-top: 4px;
	padding-bottom: 4px;
}