/*###################
#	DOC SETUP		#
###################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th {	text-align:left;}
q:before,q:after {	content:'';}
abbr,acronym { border:0;}
html {min-height: 100%; margin-bottom: 1px;}
body {	font-family: verdana, sans-serif;	font-size:62.5%;	background: #E9E9FF url('/images/bg.gif') repeat-x  ;	}

/*###################
# MAIN LAYOUT BOXES	#
###################*/
#top {	width: 1000px; margin: 0 auto;	padding: 0;	color: #000000; background: #E9E9FF url('/images/bg.gif') repeat-x  ;	 }
#middle { width: 1000px; margin: 0 auto;	padding: 0 0 10px 0;	color: #000000; border: 1px solid #0033CC; background:#fff url('/images/menu_bg.gif') repeat-y;	 }
#bottom {	width: 1000px;	margin: 0 auto;	color:#888888;	font-size:1em;	text-align: right;	padding-right: 10px;	}

/*###################
#	MENU STYLES		#
###################*/
#menu {padding: 5px 10px 10px 10px; margin-top: 5px; width: 150px; float:left; font-size: 1.3em; line-height: 200%; }
#menu ul#nav li {}
#menu ul#nav li a {margin-bottom: 5px; text-decoration: none; padding:0 5px; display:block; width: 140px; background:#E6ECFF; color:#6078BF; border-bottom: 1px solid #6078BF; border-right: 1px solid #6078BF;}
#menu ul#nav li a.signintab {background: #ffffcc;}
#menu ul#nav li a#currentLevel1 {margin-bottom: 0px; background:#6078BF; color:#fff;}
#menu ul#nav li a#currentLevel1Selected {background:#6078BF url('/images/menu_arrow.gif') right top no-repeat; color:#fff;}
#menu ul#nav li a:hover{background:#809FFF; color:#fff; text-decoration:underline; }
#menu ul.subNav {margin-bottom: 5px; border-bottom: 1px solid #6078BF;}
#menu ul.subNav li {}
#menu ul.subNav li a {margin-bottom: 0 !important; border-bottom: none !important;}
#menu ul.subNav li a:hover{background: #809FFF;  color:#fff !important;}
#menu ul.subNav li a#currentLevel2 {background:#CFD4E6 url('/images/menu_arrow_dark.gif') right top no-repeat ; color:#6078BF;}
#subSubNav {	border-bottom : 1px solid #ccc;	margin : 0 0 10px 0;	padding-bottom : 19px;	padding-left : 10px;}
#subSubNav ul, #subSubNav li	{	display : inline;	list-style-type : none;	margin : 0;	padding : 0;}
#subSubNav a:link, #subSubNav a:visited	{	background : #E6ECFF;	border : 1px solid #ccc;	color : #6078BF;	float : left;	font-size : small;	font-weight : normal;	line-height : 14px;	margin-right : 8px;	padding : 2px 10px 2px 10px;	text-decoration : none;}
#subSubNav a:link.active, #subSubNav a:visited.active	{	background : #fff;	border-bottom : 1px solid #fff;	color : #000;}
#subSubNav a:hover	{	color : #fff;	background: #809FFF;}
#subSubNav li#selected a{	background : #fff;	border-bottom : 1px solid #fff;	color : #000;}
#subSubNav ul a:hover {	color : #f00 !important;}

/*###################
# ITEMS				#
###################*/
.item {	margin-left: 180px ; margin-right: 10px; font-size: 1.1em; line-height: 150%; padding: 0 0 10px 0; }
.item  a {	text-decoration: none;}
.item  a:hover {	text-decoration: underline;}
.item  h1 {	font-size: 2.2em; margin: 20px 0 10px 0; color: #405080; padding-bottom: 10px; }
.item  h2 {	color: #405080;	font-weight: bold;	font-size: 1.4em;	margin: 15px 0 5px 0 ;}
.item  strong {	color: #000066;	font-weight: bold;}
.item  ol {	list-style-image: url(/images/football_spacer.gif);;	margin:5px 0 0 35px;}
.item  ol li {	padding-left: 0px; }
.item  .smalllogo {	margin-left: .3em;	vertical-align: middle;}
.item  div.divider {	border-top: 2px solid #FF6666;	border-bottom: 2px solid #FF6666;	padding: .5em 0 ;	margin-top: .5em;}

/*###################
#	TABLES			#
###################*/
.tableKit { font-size: 1em;	border-collapse: collapse; width: 100%; }
.tkAutoWidth {width: auto;}
.tableKit td, th {	padding: 3px 5px;	border:1px solid #CFD4E6	/*white-space: nowrap;	overflow: hidden;*/}
.tableKit th {	padding: 5px 5px;	border:1px solid #CFD4E6	/*white-space: nowrap;	overflow: hidden;*/}
/* .tableKit th {   white-space: pre;}*/
.tableKit thead, .tableKit tfoot {	background-color: #CFD4E6; color:#6078BF;}
.tableKit tr.rowodd {	background-color: #FFF;}
.tableKit tr.roweven {	background-color: #E6ECFF;}
.tableKit .sortcol {	cursor: pointer;	padding-right: 10px;	background-repeat: no-repeat;	background-position: right center;}
.tableKit .sortasc {	 background-image: url('/sys/javascript/TableKitImages/up.gif');}
.tableKit .sortdesc {	background-image: url('/sys/javascript/TableKitImages/down.gif');}
.tableKit .nosort {	cursor: default;}
.tableKit .urg1, .tableKit .urg2, .tableKit .urg3, .tableKit .urg4, .tableKit .urg5 {	padding: 3px;	text-align: center;	border: 1px solid #333;	width: 3em;}
.tableKit .urg1 {	background-color: #FFFACD;}
.tableKit .urg2 {	background-color: #FFD700;}
.tableKit .urg3 {	background-color: #FFA500;}
.tableKit .urg4 {	background-color: #E13E00;}
.tableKit .urg5 {	background-color: Red;}
.tableKit th.resize-handle-active {	cursor: e-resize;}
.tableKit div.resize-handle {	cursor: e-resize;	width: 2px;	border-right: 1px dashed #1E90FF;	position:absolute;	top:0;	left:0;}
.tableWrapper {overflow-x:hidden; overflow-y:auto; border: 1px solid #CFD4E6;}
.tableKit tr.bottomBorder {border-bottom:2px dashed #6078BF;}
.tableKit tr.highlight {background:#ffffcc;}

/*###################
# lightbox			#
###################*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/sys/javascript/LightboxImages/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/sys/javascript/LightboxImages/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*###################
# FIXTURE/RESULTS	#
###################*/
div.fixtureWrapperWideCompleted, div.fixtureWrapper, div.fixtureWrapperWide, div.fixtureWrapperThin, div.fixtureWrapperMed  {border:1px solid #BFCFFF; padding: 15px 0px 10px 0px; margin: 0 10px 10px 0; width: 300px; height: 60px; float: left; background: #E9E9FF  url('/images/fixture_bg.gif') no-repeat;}
div.fixtureWrapperWideCompleted {width: 350px; background: #FFFFCC url('/images/fixture_bg_completed.gif') no-repeat;}
div.fixtureWrapperWide {width: 350px;}
div.fixtureWrapperMed {width: 275px; background: #E9E9FF  url('/images/fixture_bg_med.gif') no-repeat;}
div.fixtureWrapperThin {width: 200px; background: #E9E9FF  url('/images/fixture_bg_small.gif') no-repeat;}

div.fixtureWrapperDetails {cursor: pointer; border:1px solid #BFCFFF; padding: 15px 0px 10px 0px; margin: 0 10px 10px 0; width: 300px; height: 60px; float: left; background: #E9E9FF  url('/images/fixture_bg_details.gif') no-repeat;}
div.fixtureWrapperMedDetails {cursor: pointer; border:1px solid #BFCFFF; padding: 15px 0px 10px 0px; margin: 0 10px 10px 0; width: 275px; height: 60px; float: left; background: #E9E9FF  url('/images/fixture_bg_med_details.gif') no-repeat;}
div.fixtureWrapperThinDetails {cursor: pointer; border:1px solid #BFCFFF; padding: 15px 0px 10px 0px; margin: 0 10px 10px 0; width: 200px; height: 60px; float: left; background: #E9E9FF  url('/images/fixture_bg_small_details.gif') no-repeat;}

div.fixtureWrapperFooter {width: 292px; background:#BFCFFF; margin-top: -10px; padding: 2px 5px; margin-bottom: 10px; text-align:center;}
div.fixtureWrapperWideFooter {width: 342px; background:#BFCFFF; margin-top: -10px; padding: 2px 5px; margin-bottom: 10px; text-align:center;}
div.fixtureImageContainer {float:left; width: 45px; margin: 0 5px;}
div.fixtureScore {float:left; font-size: 15px; font-weight: bold; font-family: arial, sans-serif; margin-top: 15px; padding: 0 5px;}
div.fixtureScoreDouble {float:left; font-size: 15px; font-weight: bold; font-family: arial, sans-serif; margin-top: 8px;padding: 0 5px;}
div.fixtureScore a {color:#405080;}
div.fixtureScoreDouble a {color:#405080;}
div.fixtureDetails {float:left; margin-left: 10px; margin-top: 2px; font-size: 11px; line-height: 140%; }

/*###################
# ACCORDION/SLIDER	#
###################*/
#sliderWide {width:750px; }
#sliderWide .accordion , #slider .accordion {font-size: 12px; font-family:sans-serif; color:#405080}
.accordion dt {border:1px solid #CFD4E6; padding:6px;  margin-top:5px; cursor:pointer; background:url('/images/header_bg.gif') bottom repeat-x;}
.accordion dt:hover {background:url('/images/header_bg_hover.gif') bottom repeat-x;}
.accordion dd { border-top: none; overflow:hidden; background:#fff; margin: 10px}
.accordion span {display:block; width:425px; border:2px solid #9ac1c9; border-top:none; padding:15px}

/*###################
# CONTENT BLOCKS	#
###################*/
#leftThin {float:left; width: 325px;}
#leftMed {float:left; width: 400px; border: 1px solid #fff;}
#leftThick {float:left; width: 450px; }
#rightThick {margin-left: 335px;}
#rightMed {margin-left: 410px; border: 1px solid #fff;}
#rightThin {margin-left: 460px; }
h4.fullWidth, #leftThin h4, #rightThick h4, #leftThick h4, #rightThin h4,#leftMed h4, #rightMed h4, h4.blockStyle {font-size: 12px; font-family:sans-serif; color:#405080; padding: 6px ; border: 1px solid #CFD4E6; font-weight: normal; background:#fff url('/images/header_bg.gif') bottom repeat-x;}
div.contentBlock { overflow:hidden; border: 1px solid #cfd4e6; border-top:none; padding: 10px; margin-bottom:10px;}
#leftThin div.label, #leftThin div.labelThin {float:left; width: 100px; font-weight: bold; text-align:right; margin-bottom: 3px;}
#leftThin div.labelThin {width: 75px;}
#leftThin div.value {margin-left: 110px; margin-bottom: 3px;}
#leftThin div.valueThick {margin-left: 85px; margin-bottom: 3px;}
.contentBlock h5 {font-size: 1.2em; font-weight: normal; margin-bottom: 5px;}
div.achievmentItem {margin-right: 16px; margin-bottom: 10px; float:left; cursor:help;}
.contentBlock div.message {background: #ffffcc; border: 1px solid #BFCFFF; padding: 3px; margin-bottom: 5px;}


/*###################
#	NOTES			#
###################*/
div.noteWrapper {border: 1px solid #BFCFFF; overflow:hidden; margin-bottom: 5px; background:url('/images/note_bg.gif') repeat-y;}
div.noteAuthor {width: 100px; float:left;  padding: 5px 5px; font-size: 1.2em; color:#6078BF;}
div.noteTimeStamp {background:blue; margin-left: 111px; background:#E6ECFF; padding: 2px 7px; }
div.noteText{ margin-left: 111px; padding: 5px 7px; font-size: 1.2em;}

/*###################
#	FOOTER STYLES	#
###################*/
#bottom a {	color: #888888;	text-decoration: none; line-height: 175%;}
#bottom a:hover {	color: blue;	text-decoration: underline;}

/*###################
#	ERRORS			#
###################*/
h3.error	{	padding: 0;	font-size:1.2em;	font-style: italic;	color:#F50101;	background: #ffffff;	}

/*###################
# admin overview	#
###################*/
p.level1 {	padding-top: .4em;	font-size: .8em;}
p.level2 {	padding-left: 1em;	font-size: .8em;	padding-top: .2em;}
p.highlight {	color: #191970;	font-weight: bold;}
h3.aotitle {	color: blue;	padding-top:15px;}

/*###################
# NEWS ITEMS		#
###################*/
div.newsItem {font-size: 1.3em; line-height: 1.5em;}
div.newsItem h5 {font-size: 1em; margin-top: 5px; background:#cfd4e6; padding: 2px 5px;  }

/*###################
# TROPHY ROOM		#
###################*/
#gallery div {float: left;  margin: 0 20px 20px 0; width: 160px; height: 120px; background:url('/images/photo_bg.gif');}

/*###################
#	FORM ELEMENTS	#
###################*/
form.clean label {margin-bottom: 10px; text-align: right; float:left;}
form.clean label span {color:#bbb;}
form.clean label.thin {width: 100px;}
form.clean label.med {width: 125px;}
form.clean div.output {margin-bottom: 10px; float:left; margin-left: 10px; font-weight: bold;}
form.clean input, form.clean textarea {margin-bottom: 10px; margin-left: 10px;}
form.clean input.nomargin {margin-bottom: 10px; margin-left: 0px;}
form.clean input.vthin {width: 5em}
form.clean input.thin {width: 15em}
form.clean input.med {width: 20em}
form.clean input.wide {width: 40em}
form.clean select.thin {width: 16em}
form.clean select.med {width: 21em}
form.clean select.wide {width: 41em}
textarea.med {width: 20.5em;}
form.clean br {clear:both;}

/*#####################
# FIXTURE DETAIL PAGES#
#####################*/
div.formWrapper {margin: 10px 0;}
.formWrapper .helpBox {background:#FFFFCC; border: 1px solid #000; padding: 10px; margin: 10px 0; width: 578px;}
.formWrapper .helpBox p {margin: 0 0 4px 0;}
.formWrapper input.score {width: 2em; font-size: 1.1em; background: #ffffcc; text-align:center; }
.formWrapper .ratingBlock {border: 1px solid #CFD4E6; margin: 10px 15px 10px 0; padding: 5px;}
.formWrapper .overallRating {background: #FFFFCC;}
.formWrapper .ratingBlock h4 {margin: 5px 0 0 10px; font-size: 1em;}
.formWrapper .ratingBlock table.ratingQuestions {margin-left: 10px; }
.formWrapper .ratingBlock table.ratingQuestions th {font-weight: bold; border:none; background: #D9CFFF; border: 1px solid #BFAFFF; }
.formWrapper .ratingBlock table.ratingQuestions td {padding:5px 5px;}
.formWrapper .ratingBlock table.ratingQuestions td.a1 {background: #F2EFFF;  width: 115px;}
.formWrapper .ratingBlock table.ratingQuestions td.a2 {background: #D9CFFF;  width: 115px;}
.formWrapper .ratingBlock table.ratingQuestions td.a3 {background: #BFAFFF;  width: 115px;}

/*###################
# MISC				#
###################*/
p.message {	background: #191970;	color: #ffffff;	font-weight: bold;	padding: 5px 10px;}
.lowlight {	color: #999;}
.abbr {  border-bottom-width: 1px;  border-bottom-style: dotted; cursor: help;}

/*###############
# RECORDS TABLE #
###############*/
table.record {font-size:.9em; }
table.record tr {line-height:1.2em;}
table.record  th.tiny , table td.tiny{	width: 5%; }
table.record  th.smaller , table td.smaller {	width: 5%; }
table.record  th.small , table td.small {	width: 15%; }
table.record  th.medium , table td.medium {	width: 20%;}
table.record  th.large , table td.large {	width: 35%;}
table.record  th.larger , table td.larger {	width: 40%;}

/*###################
# SIMPLE TABLE		#
###################*/
table.clean, table.clean tr, table.clean tr td {border:none !important; margin:0 !important;}
table.clean tr th {background: none !important; font-weight: bold !important;}

/*###################
# TOOLTIPS			#
###################*/
div.achBox a {font-family:sans-serif;font-size:.9em;text-align:center;display:block;width: 30px; padding-top: 13px;text-decoration:none;cursor: help;color:#551A8B;}
div.faint a {font-weight: bold; filter: alpha(opacity=20);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity: 0.20; opacity:0.20;}
div#anatips_tip { border: 1px solid #6078BF; 	visibility: hidden; background-color: #E9E9FF; color:#6078BF; position: absolute; z-index: 100; 	padding: 3px; width:185px; 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; 	opacity: 0.9 ;}

/*###################
# RECENT ACHIEVEMENTS#
###################*/
div.recentAch {border:2px solid #BFCFFF; background: #E9E9FF; padding: 2px 4px; margin-bottom: 5px;}
div.RATitle {font-size: 1em; font-weight: bold;}
div.RADesc {font-size: .9em;}
div.RADate {text-align: right; font-size: .7em; color: #000;  padding: 2px 0 0 0;}

.teamPositionBlock {padding: 1px; background: url('/images/bapteamplaque.gif') 1px 1px no-repeat; height: 80px; width: 80px; line-height:10px; font-size: 1em; text-align: center; margin: 10px; float:left; }
.teamPositionBlock span {font-size: .8em; color: #9F9F9F; }
.teamPositionBlock img {margin-bottom: 7px;}

.noTopMargin {margin-top:0 !important;}

/*###############
# MATCH REPORTS #
###############*/
table.matchReport {margin-left: auto; margin-right: auto; }
table.matchReport tr td {padding-bottom: 5px;}
table.matchReport tr.teams {font-size:1.2em; font-weight:bold;}
table.matchReport tr td.mrLeft input, table.matchReport tr td.mrRight input {width: 30px;}
table.matchReport tr td.mrLeft {text-align:right; padding-right: 5px;}
table.matchReport tr td.mrCentre {text-align:center; }
table.matchReport tr td.mrRight {text-align:left; padding-left: 5px;}

/*#########
# LADDERS #
#########*/
table.ladderStandingsInner {background: #E9E9FF; border: 1px solid #809FFF; width: 420px; margin: 5px;}
table.ladderStandingsInner td {padding: 2px 5px;}
table.ladderStandingsInner tr.first td {font-weight: bold;}