/* CSS Document */
/******************************************************************
* Phase Software                                                  *
*                                                                 *
******************************************************************/

html                { margin:0; padding:0; border:none;background-color: rgb(228,207,9); height:100%; }
body                { margin:0; padding:0; border:none; 
                      font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;}
body.WithMenu       { background-color: rgb(228,207,9); 
                      font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;}
a:link              { color: rgb(0,69,156); text-decoration: underline;}
a:visited           { color: purple; text-decoration: none;}
a:hover             { color: green; text-decoration: underline;}
a:active            { color: red;   text-decoration: underline;}
a.LnkMenu           { color: black; text-decoration:none;}
h1                  { font-size:10pt }
h2                  { font-size:11pt; margin-top:0px; margin-bottom:5px; margin-left: 2px;}
h3                  { font-size:12pt; margin-left: 2px; }
h4                  { font-size:10pt; color:rgb(0,69,156); margin: 2px 0px;}
h5                  { font-size:8.5pt; color:rgb(0,69,156); margin-top:5px; margin-bottom:0px; margin-left: 2px;}
h6                  { font-size:8.5pt; color: #CC3333; margin-top:0px; margin-bottom:0px;}
p                   { margin-top:5px; margin-bottom:0px; margin-left: 2px; }
form                { margin-top: 3px; margin-bottom:3px }
.TxtLogoBlue        { color:rgb(0,69,156); }
.TxtLogoGrey        { color:rgb(181,178,181); }
.TxtHigh01          { color: #CC3333; font-size:12px}
.TxtHigh02          { color: #CC3333; font-size:8.5pt}
div.PnlPage         { width: 100%; position: relative; top: 0; left: 0; }
div.PnlMenu         { position:absolute; top: 0px; left: 0px; width:130px;
                      border-style:outset; border-width:0px; }
                      /*For the topmost banner area of the display*/
div.PnlMenu a       { text-decoration: none; }
div.PnlCanvas       { background-color: rgb(228,207,9); width:100%;}
div.PnlBlank        { background-color: white; margin-left:130px; padding: 5px;
                      width:650px; }
div.PnlBanner       { height:100px; margin-left:140px; width:650px;
                      border-style:outset; border-width: 0px;}
div.PnlIntro        { position:relative; top:5px; width:80%;
                      margin-left: 14px; margin-right: 5px;}
div.PnlQuickQuote   { margin-left:10px; } 
div.PnlQuote        { background-color:rgb(199,220,239); margin-left:130px; }
table               { border:0; padding:0; margin:0; border-collapse: collapse;}
div.PnlMenu table,
div.PnlQuickQuote table,
div.PnlQuote table, { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt; }
div.PnlBanner table { font-family:sans-serif, Verdana, Arial, Helvetica; }



td                  { border:0; padding:0; margin:0; }
table.Banner        { font-size:36px; width: 100%; }
					/*For the left border navigation menu as a whole*/
table.Banner td     { height: 100px;}
					/*For the upper most left hand corner of window (logo area)*/
td.TblCelCorner     { background-color: rgb(0,42,0); text-align:center;
                      height:100px; width:130px;}
					/*For standard link items in left border navigation menu*/
td.TblCelMenuLogo   { background-color: rgb(0,42,0); text-align:center;
                      height:100px; width:130px;}
td.TblCelMenuOpt    { background-color: rgb(228,207,9);height: 12px; }
					/*For standard group headings in left border navigation menu*/
td.TblCelMenuHdr    { color: rgb(228,207,9); background-color: rgb(0,42,0); height: 15px; font-weight: bold;
                      vertical-align:bottom}
					/*For the final cell in left border navigation menu*/
td.TblCelMenuTrl    { vertical-align:top;}
					/*For the phase logo & link*/
td.TblCelMenuLin    { background-color: rgb(172,176,232); height: 1px; }
td.TblCelMenuGap    { height: 5px; }
td.TblCelMenuSml    { vertical-align:top; font-size: 7pt; text-align:center; color:rgb(0,69,156); }
td.TblCelMenuPhs    { vertical-align:top; font-size: 7pt; text-align:center; color:rgb(0,69,156); }
td.WarningMsg       { color: red;}

td.Prompt           { width: 25%; }
td.Help             { width: 3%; text-align: center;}
td.info             { width: 3%; text-align: center;}
td.Asterisk         { width: 3%; text-align: center;}
td.Data             { width: 30%; }
td.Error            { width: 39%; margin-left: 4px; }
td.Error,
.ErrTxt             { color:red; }
.Right              { text-align:right; }

ol                  { margin-top:5px; margin-bottom:0px;}
ol.LstNumbered      { list-style-type:decimal}
ol.LstLettered      { list-style-type:lower-alpha}
ol.LstRoman         { list-style-type:lower-roman}
ul.LstBullet        { list-style-type:disc }

textarea.Address    { font-family: verdana, sans-serif; font-size: 8.5pt; width:200px;}
select.Dropdown1    { font-family: verdana, sans-serif; font-size: 8.5pt; width:100px;}
select.Dropdown2    { font-family: verdana, sans-serif; font-size: 8.5pt; width:200px;}
input.InpName       { font-family: verdana, sans-serif; font-size: 8.5pt; width:200px;}
input.InpDate       { font-family: verdana, sans-serif; font-size: 8.5pt; width:70px;}
input.InpAmount     { font-family: verdana, sans-serif; font-size: 8.5pt; width:70px; text-align:right}
input.InpDesc       { font-family: verdana, sans-serif; font-size: 8.5pt; width:280px;}
input.InpSerNo      { font-family: verdana, sans-serif; font-size: 8.5pt; width:100px;}
input.InpPostcode   { font-family: verdana, sans-serif; font-size: 8.5pt; width:60px;}	

input.RowDate       { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; }
input.RowAmount     { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; text-align:right; }
input.RowDesc       { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; }
input.RowSerNo      { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; }


.InpColumn     {left: 30px}
table.InputTable01,
table.InputTable02,
table.InputTable03,
table.InputTable01 th,
table.InputTable01 td { border-width:2px; padding:0; vertical-align: top; height:22px; }
table.InputTable03 th,
table.InputTable03 td { border-width:2px; padding:0; vertical-align: top; height:40px; }
table.InputTable02 th,
table.InputTable02 td { border-width:0px; border-right-width:4px; padding-right:10px; }

table.ProductList     {vertical-align: top; font-size:9pt;
                       border:2px; padding:2px; margin:10px; background-color:rgb(199,220,239);
                       border-style:groove }
/* Change borderstyle to, e.g., groove to reinstate borders */
table.ProductList td  {vertical-align: top;  margin:2px; padding:3px  }
table.ProductList table {border-style: none; font-size:9pt; }
td.ProdRef            { width: 3%;  }
td.ProdName           { width: 18%; }
td.ProdSections       { width: 60%; }



a.button              { display:block; background-color:rgb(244,244,240); text-decoration:none;
                        color:black; width:100px; padding:2px 2px; float:left;
                        margin-left: 5px; margin-right: 0px;
                        border-style:outset; border-width: thin; text-align: center;}
a.button:hover        { background-color:white; color:blue; }

/* a.Help                { display:block; background-color:rgb(244,244,240); text-decoration:none;
                           color:rgb(21,110,235); height:10px; width:10px; padding:0px 0px; float:left; margin-right: 5px;
                           border-style:outset; border-width: thin; text-align: center;
                           font-size: 10pt; font-weight: bold; cursor:default; }
*/
a.Help                { color:rgb(21,110,235); height:10px; width:10px; padding:0px 0px;
                        float:left; margin-right: 5px; }
                        
a.help:hover          { background-color:white; color:blue; }
img.margin            { margin: 5px; }
img.PnlRight          { float:right; margin: 5px }
img.info              { margin: 0px; }
img.PayLogo           { height: 40px; }

/******************************************************************
* Block driven pages - i.e. index.shtm & quotehome.shtm           *
******************************************************************/
div.PnlMain           { margin-top:10px; margin-left:15px;}
div.PnlIdxBlock       { width:360px; height:230px; background-color:rgb(219,249,219);
                        margin-left: 15px; float: left; position:relative; }
div.PnlPerBlock       { width:360px; height:170px; background-color:rgb(198,219,240);
                        margin-left: 15px; float: left; position:relative; }
div.PnlIdxBlock ul,
div.PnlPerBlock ul    { list-style-type:disc; margin-left:20px; margin-top:0px;
                        margin-bottom:0px; }
div.PnlIdxBlock div,
div.PnlPerBlock div   { position: absolute; bottom:0; width:100%;}







/******************************************************************
* Phase Software                                                  *
* BRFC starts here                                                *
******************************************************************/
div.PnlBlank          { background-color: white; margin-left:130px; padding:5px; }
div.PnlBanner         { height:85px; margin-left:130px; 
                        color:rgb(228,207,9); background-color: rgb(0,42,0);
                        border-style:outset; border-width: 0px; padding-bottom:0px; 
                        }
div.PnlMenu           { position:absolute; top: 0px; left: 0px; width:130px;
                        border-style:outset; border-width:0px; }
div.PnlMnuTopLeft     { text-align:center; background-color: rgb(0,42,0); height:85px;	 }
div.PnlMnuDivider     { color: rgb(228,207,9); background-color: rgb(0,42,0);
                        font-weight:bold; text-align:center; height:12px;
                        padding-top:5px;}
div.PnlMnuPhase       { text-align:center;}


div.PnlHmeTopLft      { width:310px; height:300px; overflow:hidden;
                        position:relative; margin:0px 5px 5px 0px;
                        padding: 0px 2px; float:left;}
div.PnlHmeBotLft      { width:310px; height:207px;
                        position:relative; margin:0px 5px 5px 0px; overflow:hidden;
                        padding: 0px 2px; float:left;}
div.PnlHmeTopRgt      { width:310px; height:300px; overflow:scroll;
                        position:relative; margin:0px 5px 5px 0px;
                        padding: 0px 2px; float:left; }
div.PnlHmeBotRgt      { width:310px; height:100px;
                        position:relative; margin:0px 5px 5px 0px; overflow:hidden;
                        padding: 0px 2px; float:left;}
div.PnlHmeTrl         { width:530px; height:50px;
                        position:relative; margin-left:5px; margin-top: 10px;
                        margin-bottom:10px;
                        float:left;}
div.PnlHmeTopLft,
div.PnlHmeTopRgt,
div.PnlHmeBotLft,
div.PnlHmeBotRgt,
div.PnlHmeTrl         {background-color:rgb(211,255,211);
                       border-width:1px; border-style:solid; border-color: rgb(0,42,0);}
/*background-color:rgb(251,243,156);*/



a.LnkMnu              { display:block;  text-decoration:none;
                        color:black; padding:1px 1px;
                        border-style:outset; border-width: 1px; text-align: center;
                        background-color: rgb(228,207,9);height:12px;
                        border-color:black; font-size:7pt;}
a.LnkMnu:hover        { background-color:rgb(255,255,144); color:blue; }
a.LnkMnu:active       { background-color:green; color:blue; }


div.PnlLft01          { background-color:rgb(211,255,211); width:60%; height:auto;
                        position:relative; margin-left:5px; margin-top: 10px;
                        margin-bottom:10px;
                        float:left;}
div.PnlRgt01          { width:20%; height:510px; 
                        position:relative; margin-left:10px; margin-top: 10px;
                        margin-bottom:10px; margin-right:10px;
                        float:left;}
div.PnlLft01 p        { margin-bottom:10px;}
div.PnlLine           { height:5px; background-color:lightgreen; font-size:0 }

div.PnlTeamHdr        { width:650px; margin-left:10px; margin-top:10px; text-align:center;
                        height: 50px; background-color:rgb(211,255,211)} 
/*                      background-color:rgb(251,243,156);} */
div.PnlTeamHdr h1     { font-weight:bold; font-size:12pt; margin-bottom:4px;}
 
a.LnkTeam             { display:block;  text-decoration:none; margin-left:5px;
                        color:black; padding:1px 1px;
                        border-style:outset; border-width: 1px; text-align: center;
                        background-color: rgb(228,207,9);height:15px; width:150px;
                        border-color:black; font-size:10pt; float:left;}
a.LnkTeam:hover       { background-color:rgb(255,255,144); color:blue; }
a.LnkTeam:active      { background-color:green; color:blue; }

div.PnlFixtures       { width:650px; margin-left:10px; margin-top:10px; text-align:center;
                        background-color:rgb(211,255,211);}
/*                        background-color:rgb(251,243,156);}*/

table.Fixtures        { vertical-align: top; font-size:8pt; 
                        border:2px; padding:2px; margin:10px; 
                        border-style:groove }
table.Fixtures tr td a:hover         { dispay:block;background-color:yellow; color:green; width:100%; }
table.Fixtures tr td     { border:2px; border-style:groove; padding:2px; text-align:center;}

table.WhosWho         { vertical-align: top; font-size:8pt; 
                        border:0; padding:2px; margin:10px; 
                        border-style:groove }
table.WhosWho td     { border:0; padding:5px;}
table.Contact        { vertical-align: top; font-size:7pt; 
                       border:2px; padding:2px; margin:10px; 
                       border-style:groove; text-align:left; }
table.Contact tr td     { border:2px; border-style:groove; padding:2px;}
td.Header     { background-color:green; color:white; font-weight:bold; }                       
table.Contact tr td.Name       { width:80px; }                        
table.Contact tr td.Job        { width:40px; }                        
table.Contact tr td.Phone      { width:85px; }                        
table.Contact tr td.Email      { width:90px; }                        
tr.FixHeader         { color:white; font-weight:bold; background-color:darkgreen}
table.Fixtures tr td.Opposition { text-align:left; }
table.Fixtures tr td.Event      { text-align:left; }
table.Fixtures tr td.Comment    { width:180px; text-align:left; }
div.PnlPhotoCaption  { height:15px; color:white; background-color:green;
                       font-weight:bold; position:relative; bottom:0;}
img.Landscape        { height:200px; width:300px}
img.Portrait         { height:300px; width:200px}


/* Oliver Haskell additions */

html, body {
	background-color: #FFFFB7;
	min-height: 100%; 
	height: 100%; 
}

div.PnlContainer {
	position:relative;
}

div.PnlContainer {
	padding-top: 10px;
}

div.PnlBannerText { 
	font-size: 20pt;
	float: left; 
	width: 470px; 
	white-space: nowrap; 
	margin-left: 130px;
	margin-top: 25px;
}

div.PnlBanner {
	margin: 0px;
	width: auto;
}

div.PnlBanner, div.PnlMnuTopLeft {
	background-color: #377D00;
}

div.PnlBannerSponsor {
	background: url('../resources/graphics/sponsor_frame.gif') no-repeat;
	text-align: center;
	width: 120px;
	height: 80px;
	padding: 10px 0px 0px 0px;
	float: right;
	color: #377D00;
	font-size: 7pt;
}

div.PnlMenu {
	position:absolute; 
	left: 0px; 
	width:130px;
	border-style:outset; 
	border-width:0px; 
}

a.LnkMnu {
	display:block;
	text-decoration:none;
	color: black;
	padding: 1px 1px;
	border-style: none; 
	border-width: 0px; 
	text-align: center;
	background-color: rgb(228,207,9);
	height: 12px;
	border-color: black;
	font-size: 7pt;
}

div.PnlMnuDivider {
	height: 14px;
}


a.LnkMnu:hover {
	background-color: rgb(255,255,144);
	color: blue;
}

a.LnkMnu:active {
	background-color: green;
	color: rgb(228,207,9);
}

div.PnlHmeTopLft, div.PnlHmeBotRgt {
	width: auto;
}

div.PnlHmeTopLft, div.PnlHmeBotLft, div.PnlHmeBotRgt {
	height: auto;
	background-color: transparent;
	border: 0px;
}

div.PnlHmeBotLft, div.PnlHmeBotRgt {
	margin-top: 15px;
}

div.PnlHmeLeagueTable {
	float: right;
	width: 172px;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #e4cf09;
	margin-left: 3px;
	padding: 5px;
	text-align: center;
}

div.PnlHmeTopRgt {
	float: none;
	width: auto;
	overflow-x: hidden;
	background-color: #ffffff;
	border-color: #e4cf09;
}

div.PnlHmeNews {
	width: 300px;
	float: right;
}

div.PnlHmeBotLft {
}

div.PnlHmeBotRgt {
}

div.matchreport {
	background: white;
	margin: 5px;
	border: 1px solid silver;
	padding: 5px;
}

div.agnav {
	width: 64px;
	height: 46px;
	padding: 5px 5px 0px 5px;
	margin-left: 5px;
	float: right;
	background: white;
	text-align: center;
	border: 1px dotted silver;
	overflow: hidden;
	display: none;
}

div.agnav a, div.agnav a:visited {
	color: blue;
	text-decoration: none;
}
div.agnav a:hover {
	color: blue;
	text-decoration: underline;
}

table.leaguetable {
	vertical-align: top;
	border-style:groove;
	text-align:left;
}

table.leaguetable tr td {
	padding: 0px 3px;
}

div.PnlHmeLeagueTable table.leaguetable {
	font-size:7pt;
	border:0px;
}

tr.leaguetable_header {
	background: #397D00;
	color: #E4CF09;
	text-align: center;
}

tr.leaguetable_title {
	font-weight: bold;
	color: #00459C;
}

table.contact {
	vertical-align: top;
	font-size:7pt;
	border:2px;
	padding:2px;
	margin:10px;
	border-style:groove;
	text-align:left;
	width: 620px;
}

table.contact tr td {
	border:2px;
	border-style:groove;
	padding:2px
}

td.contact_section, td.event_section {
	background-color:green;
	color:white;
	font-weight:bold;
} 

td.contact_agegroup, td.event_agegroup {
	background-color: rgb(228,207,9);
	font-weight:bold;
} 

table.event {
	vertical-align: top;
	font-size:8pt; 
	border:2px;
	padding:2px;
	margin:10px; 
	border-style:groove;
	width: 620px;
}

table.event tr td {
	border:2px;
	border-style:groove;
	padding:2px;
}

table.news {
	vertical-align: top;
	font-size:8pt; 
}

table.news tr td {
	padding:2px;
}

div.newsitem {
	font-weight: bold;
	margin: 5px;
}

div.newsdetail {
	margin: 0px 5px 20px 5px;
	border: 1px solid silver;
	background: white;
	font-size: 10pt;
	padding: 5px;
}

h4 {
	border-bottom: 2px dotted #00459C;
	padding-bottom: 2px;
}

@media screen {
	div.PnlBanner {
		background: url('../resources/graphics/brfc_banner.png') no-repeat;
		margin-left: 0px;
		width: 780px;
		height: 180px;
	}
	div.PnlBannerText, div.PnlMnuTopLeft {
		visibility: hidden;
	}
	div.PnlBannerSponsor {
		margin: 40px 5px 0px 0px;
	}
	div.PnlHmeTopRgt {
		overflow-x: hidden;
	}
	div.agnav {
		display: block;
	}
	div.PnlMnuDivider {
		background: url('../resources/graphics/menu_title.gif');
	}
	div.PnlMnuPhase {
		margin-top: 0px;
		padding-top: 5px;
		background: url('../resources/graphics/menu_fadeout.gif') repeat-x;
	}
	div.PnlContainer {
		width: 780px;
		margin: 0px auto;
		min-height: 100%; 
		height: 100%; 
	}
	div.PnlBlank {
		width: 640px; 
		min-height: 100%; 
/*		height: 100%; */
		position: relative;
		top: -20px;
	}
	div.PnlMain { 
		width: 750px; 
	}
	div.PnlMenu {
		top: 104px; 
	}
}