/* CSS Document */

@font-face {
  font-family: "Blue Highway";
  src: url(http://www.inrweb.co.uk/fonts/bluehigh.ttf) format("truetype");
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url('../images/yellowfadebg.png');
	background-repeat: repeat-x;
	font-family: arial;
	color: #000080;
}

body.busy * {  cursor: progress !important;}

#exbg {
	height: 100%;
	width: 100%;
	padding: 0px;
	text-align: center;
}

#inbg {
	height: 100%;
	padding: 0px;
	width: 980px;
	background-color: #FFFFFF;
	background-image: url('../images/bluefadebg.png');
	background-repeat: repeat-x;
	text-align: center;
	margin: auto;
}

#wrapper {
	text-align: center;
	background-image:url(../images/yellowfadebg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
}

#canvas {
	height: 100%;
	width: 976px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	margin: auto;
	background-image: url('../images/leftpanmain.png');
	background-repeat: repeat-y;
}


#header {
	background-color: #000080;
	background-image: url('../images/bluefadebanner.png');
	background-repeat: repeat-x;
	height: 80px;
	width: 100%;
	padding: 0px;
}

#banner {
	width: 500px;
	float: left;
	text-align: left;
	margin-top: 3px;
}

#login {
	float: right;
	text-align: right;
	color: #FFFFFF;
	font-weight: bolder;
	margin-right: 5px;
	margin-top: 5px;
}

#login form {
	margin: 0px;
}

#login input {
	font-size: 10px;
}

#login input.logintxt {
	width: 100px;
}

#login table {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#login a {
	font-size: 11px;
	color: #FFC000;
	font-weight: bold;
}


#menubar {
	margin: auto;
	text-align: left;
	background-image: url(../images/yellowfadebar.png);
	background-repeat: repeat-x;
	height: 30px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {margin-left: 185px; position: relative; z-index: 3000;}
/*.menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}*/
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:746px; w\idth:745px;}*/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; text-align:center;}
.menu ul ul {width:149px; text-align: left}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:80px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;font-weight: bolder; text-decoration:none; color:#000080; width:80px; height:30px; line-height:30px;}
.menu ul ul a, .menu ul ul a:visited {font-size:11px; border-bottom: 0px; height: 20px;}
/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} */

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:none;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#FFC000; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
.menu ul ul :hover > a.drop {background:#000080;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFC000; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
/* style the third level hover */
.menu ul ul ul a:hover {background-image: url(../images/bluefadebar.png); background-repeat: repeat-x;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
/* * html .menu ul ul {top:31px;t\op:32px;} */

/* position the third level flyout menu */
.menu ul ul ul{left:134px; top: 0px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-148px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFC000; color:#000080; height:auto; line-height:1em; padding:4px 3px; width:128px; margin-top:-1px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
/* yet another hack for IE5.5 */
/* * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} */

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFFFFF; background: url(../images/bluefadebar.png) repeat-x #000080;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background: url(../images/bluefadebar.png) repeat-x #000080;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#left {
	width: 185px;
	height: 100%;
	padding: 0px;
	background-image: url('../images/leftpantop.png');
	background-repeat: no-repeat;
	float: left;
}

#content {
	margin-left: 185px;
	padding: 0px;
	font-size: 11px;
}

#right {
	width: 210px;
	float: right;
}

.rightcontent {
	background-image: url(../images/rightcontentmain.png);
	background-repeat: repeat-y;
}

.rightcontenttop {
	background-image: url(../images/rightcontenttop.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
}

.rightcontentbottom {
	background-image: url(../images/rightcontentbottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}

.rightcontent a {
	color: #000080;
}

.rightcontent h2, h3 {
	margin-left: 9px;
	margin-right: 12px;
}

.rightcontent h2 {
	font-size: 14px;
}

.rightcontent a:hover {
	color: #FF9900;
}

.maincontent {
	background-image: url(../images/maincontentbg.png);
	background-repeat: repeat-y;
	margin-right: 210px;
	margin-top: 4px;
}

.maintop {
	background-image: url('../images/maintopbg.png');
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
}

.mainbottom {
	background-image: url('../images/mainbottombg.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}

h2 {
	color: #FFFFFF;
	height: 20px;
	font-size: 1.4em;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url('../images/narrowbluebar.png');
	background-repeat: repeat-x;
}

.maincontent p {
	margin-left: 10px;
	margin-right: 10px;
}

#footer {
	clear: both;
	height: 20px;
	width: 100%;
	background-color: #000080;
	color: #FFFFFF;
	font-size: 0.8em;
	vertical-align: middle;
}

#fpbanner {
	background-image: url('../images/fpnewseason2011.jpg');
	background-repeat: no-repeat;
	width: 787px;
	height: 160px;
	margin: 0px;
	margin-left: 2px;
	padding: 0px;
}


.leftcontent {
	margin-top: 10px;
	padding: 0px;
	font-size: 0.8em;
}

.leftbreak {
	background-image: url('../images/leftpanbreak.png');
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
}

.leftcontent a {
	display: block;
	width: 174px;
	text-decoration: none;
	font-weight: bolder;
	color: #000080;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 10px;
}

.leftcontent a:hover {
	background: url(../images/leftpanhighlight.png) repeat-y;
}

.leftcontent a.homelink:hover {
	text-decoration: none;
	color:#000080;
	font-weight: bolder;
	background: none;
}

table.headlines {
	width: 560px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.headlines td {
	height: 49px;
}

.headlines td a {
	color: #000080;
	text-decoration: none;
	display: block;
	height: 100%;
	padding-left: 5px;
}

.headlines td a:hover{
	text-decoration: underline;
	background: url(../images/hlbgfade.png) repeat-x;
}

td.newslink {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#othernews {
	color: #000080;
	float: left;
	width: 170px;
	w\idth: 160px;
	padding-left: 10px;
	margin-bottom: 5px;
}

#othernews h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
	margin-top: 0px;
	border-bottom: 1px solid #FFC000;
}

#othernews a {
	color: #000080;
	display: block;
	margin-bottom: 3px;
	margin-right: 2px;
}

#othernews a:hover {
	color: #FF9900;
}

#fpcal {
	width: 400px;
	margin-left: 170px;
	color: #000080;
}

#fpcal h3 {
	font-size: 1.2em;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 0px;
	border-bottom: 1px solid #FFC000;
}

#fpcal table {
	border-collapse: collapse;
	margin-left: 0px;
}

#fpcal .maincal td {
	height: 40px;
	width: 56px;
	border: 1px solid #999999;
}

#fpcal .maincal td a {
	display: block;
	height: 37px;
	width: 54px;
	text-decoration: none;
}

#fpcal .maincal td a:hover {
	border: 1px solid #FF0000;
}

#fpcal .days td{
	font-size: 0.8em;
}

#fpcal td.end {
	background: none;
	text-align: left;
}

#fpcal tr.days {
	background-image: url(../images/narrowbluebar.png);
	background-repeat: repeat-x;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.tabs {
	margin-left: 9px;
	position: relative;
	z-index: 500;
}

#tabvert {
	position: relative;
	padding: 0px;
	margin-left: 9px;
	margin-right: 12px;
}

a.tab {
	background-image: url(../images/tabinactive.gif);
	background-repeat: repeat-x;
	margin: 0px;
	color: #000080;
	text-align: center;
	font-family: arial;
	font-weight: bolder;
	font-size: 12px;
	display: block;
	width: 63px;
	height: 20px;
	float: left;
	cursor: pointer;
}

a.tab:hover {
	background: url(../images/tabhover.gif) repeat-x;
	color: #000080;
}	 

a.tabActive {
	background: url(../images/tabactive.gif) repeat-x;
	color: #FFFFFF;
}

a.tabActive:hover {
	background: url(../images/tabactive.gif) repeat-x;
	color: #FFFFFF;
}

.toolbar {
	width: auto;
	background-color: #000080;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.toolbar a {
	display: block;
	padding: 2px;
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 3px;
}

.toolbar a:hover, a.tbactive {
	text-decoration: underline;
}
 
table.fixresnews {
	width: 100%;
	margin-left: 0px;
}

.fixresnews a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	margin-top: -2px;
	margin-left: -2px;
	padding: 1px;
}

a.clash {
	 background-color: #FFCCCC;
}

.fixresnews a:hover {
	color: #FF9900;
	background-color: #EEEEFF;
}

a.clash:hover {
	color: #0000FF;
	background-color: #FFCCCC;
}

.bigcontent {
	background-image: url(../images/bigbg.png);
	background-repeat: repeat-y;
	padding: 0px;
}

.bigcontent h2, p, table, form {
	margin-left: 10px;
	margin-right: 15px;
}

.bigcontent h2 {
	margin-bottom: 10px;
}

.bigcontenttop {
	background-image: url(../images/bigtopbg.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 20px;
}

.bigcontentbottom {
	background-image: url(../images/bigbottombg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 20px;
	height: auto;
}

table.fixandres {
	font-family: arial;
	color: #000080;
	background-color: #FFFFFF;
	width: 100%;
	margin: 0px;
	margin-left: 10px;
	margin-top: 5px;
}

table.stats {
	font-family: arial;
	font-size: 11px;
	color: #000080;
	vertical-align: top;
	margin-left: 9px;
	margin-right: 12px;
	margin-top: 5px;
	width: 185px;
}

td.fixandres {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000080;
}

td.fixandresmnth {
	background-image: url(../images/narrowbluebar.png);
	background-repeat: repeat-x;
	height: 15px;
	font-family: arial;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bolder;
	vertical-align: top;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

th.fixandreshead {
	color: #000080;
	font-weight: bolder;
	text-align: left;
	border-bottom: 1px solid #FFC000;
}

.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
	visibility: hidden;
	text-align: center;
	vertical-align: middle;
	z-index: 3000;
}

.overlayborder {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
	background-color: #000080;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

.overlaycontent {
	width: 500px;
	height: 600px;
	background-color: #FFFFFF;
	text-align: left;
	margin:auto;
	margin-top: 100px;
	position: relative;
	z-index: 4000;
}

.overlaycontent h1 {
	height: 20px;
	background-image: url(../images/yellowfadebar.png);
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	font-family: Arial;
	margin-top: 0px;
	margin-bottom: 3px;
}

.overlaycontent p {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 0.7em;
	color: #000080;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.overlaycontent form, fieldset {
	margin: 2px;
}

table.matchdetails {
	border-collapse: collapse;
	text-align: center;
	margin-left: 5px;
	width: 490px;
	font-weight: bolder;
	color: #000080;
	font-size: 0.8em;
	border-top: 1px solid #FFC000;
	position: relative;
}

.matchdetails td {
	vertical-align: top;
	height: 20px;
}

.matchdetails input {
	font-size: 0.8em;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  margin:0;
  padding:0;
  font-size: 0.8em;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffc000;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.plist {
	max-height: 100px;
	width: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #FFC000;
	color: #000080;
	position: absolute;
	display: none;
}

.plist a {
	text-decoration: none;
	font-size: 0.8em;
	color: #000080;
	display: block;
	width: 146px;
	border: 1px solid #FFC000;
	margin: 1px;
	position: relative;
	z-index: 8000;
}

.plist a:hover {
	background-color: #000080;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.matchdetails tr {
	margin-top: -50px;
}

.ptop {
	margin-top: 0px;
}

.leaguetable {
	border: 1px solid #000080;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

.leaguetable table {
	margin: 0px;
}

#fpweather {
	width: 280px;
	height: 160px;
	float: right;
}

#weathinner {
	background-image: url(../images/weathbg.png);
	background-repeat: repeat-x;
	margin-left: 30px;
	margin-right: 30px;
	height: 160px;
	padding-top: 20px;
	font-size: 0.8em;
	font-weight: bolder;
}

#weathinner h4 {
	background-image: url(../images/narrowbluebar.png);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px;
}

#weathinner p {
	margin-top: 5px;
}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: ##000080;
	background-color: #CCCCFF;
	border: 1px solid #AAAAAA;
	width: 200px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #FFCC99;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #FFC000;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #AAAAFF;
	border: 1px solid #FFC000;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #AAAAFF;
	border: 1px solid #9999FF;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background: #000080;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background: #000080;
	font-weight: bold;
	}

#memberpic {
	height: 200px;
	width: 150px;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}

a.picupload {
	width: 150px;
	display: block;
	background-color: #000080;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 1.1em;
	text-decoration: none;
	border: 1px solid #FFC000;
	margin-top: 2px;
}

table.main {
	margin: 0px;
}

#biginner {
	margin-left: 10px;
	margin-right: 15px;
}

#biginner * {
	margin-left: 0px;
	margin-right: 0px;
}

#biginner h2 {
	margin-bottom: 10px;
}

#biginner h3 {
	margin-bottom: 10px;
	border-bottom: 1px solid #FFC000;
}

#biginner table h3 {
	margin-bottom: 10px;
}

#cmsmenu a {
	display: block;
	height: 20px;
	background-color: #FFC000;
	color: #000080;
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	border-bottom: 1px solid #000080;
}

#cmsmenu a:hover {
	background-color: #000080;
	color: #FFFFFF;
}

#littleinner {
	margin-left: 10px;
	margin-right: 10px;
}

#littleinner * {
	margin: 0px;
}

.hhcmap {
	width: 510px;
	height: 500px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

.hhcdirs * {
	margin-left: 0px;
}

#dirwrapper {
	width: auto;
	margin-left: 525px;
	margin-right: 10px;
}

.admincontent h4 {
	text-align: right;
	background-color: #000080;
	color: #FFC000;
	padding-right: 5px;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 0px;
}