/* CSS Document */
* {margin:0; padding:0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif;  background-color:#9cf; width:100%; height:100%; color:#000; font-size:0.75em;}
/*
h1 {background-color:#9cf; color:#003; font-size:1.375em; padding-bottom:0.5em; margin:0;}
h2 {background-color:#9cf; color:#003; font-size:1.125em; padding-bottom:0.5em; margin:0;}
h3 {background-color:#9cf; color:#003; font-size:1em; padding-bottom:0.5em; margin:0;}
*/
h1 {color:#003; font-size:1.375em; padding-bottom:0.5em; margin:0;}
h2 {color:#003; font-size:1.125em; padding-bottom:0.5em; margin:0;}
h3 {color:#003; font-size:1em; padding-bottom:0.5em; margin:0;} /* background-color:#8be;*/
p, i {color:#000; font-size:1em; font-weight:normal; padding-bottom:0.5em; margin:0;}

table {border:0; text-align:center; padding:5px;}
img {border:0;}

.lineBreak {clear:left;}
.clearFloat {clear:both;}

/*MAIN ELEMENTS*/
.top {width:100%; height:150px; position:absolute; top:0; left:0;}
.bottom {width:100%; position:absolute; top:150px; left:0;}
.left {width:200px; height:150px; float:left; vertical-align:top;}
.right {padding:0 15px; text-align:center; margin-left:200px;}
.homepage {margin-right:200px;}
#linkToHomepage {position:absolute; top:95px; left:145px; font-size:0.9em; font-variant: small-caps;}
#linkToHomepage a:link {color:#fff; text-decoration:none;}
#linkToHomepage a:visited {color:#c6c; text-decoration:none;}
#linkToHomepage a:hover {color:#ccc; text-decoration:underline;}
#linkToHomepage a:active {color:#fff; text-decoration:underline;}


.homepageRight {width:220px; float:right; margin-top:150px;}
* html .bottom .homepageRight {width:180px; float:right; margin-top:150px;}

.textLink:link {color:#009; text-decoration: underline;}
.textLink:visited {color:#606; text-decoration: underline;}
.textLink:hover {color:#ccc; background-color:#009; text-decoration: underline;}
.textLink:active {background-color:#ff0; border:1px solid #009;}

.highlightBox {background-color:#8be; border:1px solid #000;}
.highlightBox h3 {background-color:#8be;}

/*header page elements*/
.header {background-image:url(images/bg/titleBar_left_logo.jpg); background-repeat:no-repeat; height:150px; width:100%; position:absolute; left:0; top:0;}
.header_bg {background-image:url(images/bg/titleBar_bg.jpg); height:150px; width:100%; position:absolute; top:0; clear:both;}
#clubName {visibility:hidden;}
#clubType {visibility:hidden;}
#backgroundLogo {position:absolute; right:0px; bottom:-100px; z-index:-99;}
#playingKit {position:absolute; left:360px; top:20px; border:1px solid #000;}
#hockeyEngland {position:absolute; left:420px; top:20px; border:1px solid #000;}
#southLeague {position:absolute; left:480px; top:20px; border:1px solid #000;}
#sussexLeague {position:absolute; left:540px; top:20px; border:0;}

.logon {background-color:#ccc; color:#333; border:0; position:absolute; top:20px; right:5px; padding:0 1em;}
.logonDetails {width:200px; padding:2em 0; margin:0;}

.loggedIn {background-color:#ccc; color:#333; border:0; position:absolute; top:20px; right:20px; padding:2px 5px;}

#amendAccount {text-align:center; padding:2px 5px; color:#333; font-size:0.875em;}

tr.logonHeader {font-weight:bold; text-align:left;}
.fields {text-align:left; color:#333; font-size:0.75em;}
.register a:link {color:#333; text-decoration:underline;}
.register a:visited {color:#333; text-decoration:underline;}
.register a:hover {color:#33c; text-decoration:underline;}
.register a:focus {background-color:#ff0;}

.myClub:link {color:#000; text-decoration:underline;}
.myClub:visited {color:#000; text-decoration:underline;}
.myClub:hover {color:#009; text-decoration:underline;}
.myClub:focus {background-color:#ff0;}

.registerFrmTable {text-align:left; border:1px solid #333; padding:30px;}
.registerFrmData {padding:5px;}
.registerFrmSubmit {text-align:center; padding:5px;}

/*NEW STYLE MENU (Based on Lists)*/
.skipNavigation {display:none;}

.mainMenu {text-decoration:none; font-weight:bold; font-size:1em; font-variant:small-caps; background-color:#888; padding:0; margin:0; width:200px; list-style-position:outside; list-style-type:none;}
.mainMenu a {color:#fff; display:block; border:1px solid #333; border-bottom:0; padding:3px; text-decoration:none;}
.mainMenu a:link {background-color:#003;}
.mainMenu a:visited {background-color:#003;}
.mainMenu a:hover {background-color:#006; text-shadow: 2px 2px 2px #000;}
.mainMenu a:active {background-color:#ff9; color:#000;}
/*
.mainMenu .selectedMenu  {list-style-position:inside; list-style-type:none;}
.subShadow {background-image:url(images/bg/sky_shadow_200x5.jpg); background-repeat:no-repeat; border:#0f0; height:5px;}
.skyShadow {background-image:url(images/bg/sky_shadow_200x5.jpg); background-repeat:no-repeat; width:199px; height:5px; position:relative; top:15px; left:-3px;}
*/
#firstMenu {border:1px solid #f0f; padding:0; margin:0;}
.lastMenu {border-bottom:1px solid #000;}

.subMenu {text-decoration:none; text-transform:capitalize; font-weight:bold; font-size:0.9em; font-variant:small-caps; list-style:none; list-style-position:outside; border-top:1px solid #000;}

.subMenu a {color:#000; background-image:url(images/menu/submenu_bg.gif); background-repeat:no-repeat; border:0; height:14px; text-decoration:none; display:block; padding:3px;}
.subMenu a:link {background-color:#8be;}
.subMenu a:visited {background-color:#8be;}
.subMenu a:hover {background-color:#7ad; text-shadow: none;}
.subMenu a:active {background-color:#ff9;}
/*.subMenu .selectedMenu  {list-style-position:inside; list-style-image:url(images/menu/selectedmenublack.gif);}*/

/*Copyright elements*/
.copyrightNotice {font-weight:bold; font-size:0.8em; font-variant:small-caps; background-color:#888; border:1px solid #000; color:#fff; position:relative; top:-2px;}

.contactWebmaster {padding:3px; text-decoration:none; font-weight:bold; font-size:1em; font-variant:small-caps; background-color:#888; width:192px; border:1px solid #333; color:#fff; position:relative; top:-15px;}
a.contactWebmaster {padding:3px; text-decoration:none; text-transform:capitalize; font-weight:bold; background-color:#888; width:200px; border:0; color:#fff; position:relative; top:0;}
a.contactWebmaster:hover {padding:5px; text-decoration:none; text-transform:capitalize; font-weight:bold; background-color:#888; width:200px; border:0; color:#ccc; position:relative; top:0;}
a.contactWebmaster:focus {background-color:#ff0;}
.validXHTML {visibility:hidden; float:right;}
.validCSS {visibility:hidden; float:right;}

/* MAIN BODY ELEMENTS*/
.verifyKeyDesc {text-align:left; font-size:12px;}
#advertFrontPage {border:1px solid #000; float:right; margin:0 5px;}
.advertMain {border:1px solid #000;}

/*Security Level elemnets*/
.verifyTable th {text-align:center; font-size:12px;}
.verifyName {text-align:left; font-size:12px;}
.verifyDetails {text-align:center; padding:2px 15px; font-size:12px;}
.securityName {text-align:center; vertical-align:top;}
.securityDesc {text-align:left;}

/*Add/Edit results elements*/
.frmDetailsNumber {width:50px; text-align:center;}
.extraWidth {width:150px;}
.addNotes {border:1px solid black; margin:10px 185px 0 185px; padding:5px;}
#conversationQ {width:500px; text-align:left; font-style:italic; font-weight:bold; padding:10px;}
#conversationA {width:500px; text-align:left; text-decoration:none; padding:10px; }
.cardLabel {float:left;}
.addCard {width:45%; padding:5px; float:left; text-align:center;}
.goalLabel {float:left;}
.addGoalscorer {width:45%; padding:5px; float:left; text-align:center;}


/*MEMBER Elements*/
.frmMember {padding:5px; text-align:center;}
.frmMember td {padding:5px; text-align:center;}

/*FIXTURE & RESULT Elements*/
.contentBorder {text-align:center; padding:0 5px;}
.frmResults {text-align:center;}
.frmFixtures td {text-align:left;}
.frmFixtures th {text-align:center;}
.resultsLink {color:#000; font-size:12px;}
.resultsLink:hover {color:#003; font-size:12px;}
.resultsLinkEven {color:#000; background-color:#8be; font-size:12px;}
.resultsLinkEven:hover {color:#003; background-color:#8be; font-size:12px;}
.displayCardsGoals {background-color:#8be; padding:5px; margin:5px; text-align:center; float:left;}
.displayCardsGoals h3 {background-color:#8be;}

.addDetails {text-align:center;}
.matchReportDisplay {width:75%; text-align:justify; padding:10px 0;}
.analysisGroup {text-align:center;}
.analysisDetails {background-color:#8be; padding:5px; margin:5px; text-align:center; width:300px; display:inline; text-align:left;}

.internalTable th {padding:0 10px;}
.internalTable td {padding:0 10px;}
.internalTableElement {border:1px solid #8be; float:right; padding:0px; clear:both; width:200px; margin:5px;}
.internalTableElement:hover {border:1px solid #000; background-color:#8be;}



.internalTableElement p {text-align:center;}
.internalTableElement p .plainLink:link {color:#000; text-decoration:none; text-align:center;}
.internalTableElement p .plainLink:visited {color:#606; text-decoration:none; text-align:center;}
.internalTableElement p .plainLink:hover {background-color:#009; color:#ccc; text-decoration:underline; display:block; text-align:center;}
.internalTableElement p .plainLink:active {color:#cc0; text-decoration:none; display:block; text-align:center;}



.internalTableFP th {padding:0 5px; color:#000; font-size:12px;}
.internalTableFP td {padding:0 5px; color:#000; font-size:12px;}
.internalGoals th {padding:0 10px;}
.internalGoals td {padding:0 10px;}
.internalGoalsElement {border:1px solid #003; float:left; padding:2px; clear:both; width:175px; margin:0 0 10px 0; position:relative; left:10px; top:-20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	top:-20px;
	}
html>body .internalGoalsElement {top:5px;}

.internalGoalsFP th {padding:0 5px; color:#000; font-size:12px;}
.internalGoalsFP td {padding:0 5px; color:#000; font-size:12px;}
.squadPhotos {border:1px solid #000;}

/*STANDARD TABLE ELEMENTS*/
.fieldDesc {text-align:left; color:#000; font-size:12px;}
.fieldInput {text-align:center; color:#000; font-size:12px;}

/*Favourite Links elements*/
.favLinksTitle {position:relative; top:0px; left:0px; width:150px; height:20px; color:#fff; border:1px solid red;}
.favLinks {position:relative; top:0px; left:0px; width:350px; height:20px; color:#fff; border:1px solid green;}

/*Rate this page elements*/
.ratePage {position:relative; top:10px; width:98%; height:100%; border:1px solid black; text-align:left; visibility:hidden;}

/*LOG ON ELEMENTS */
.frmPasswordRequest {text-align:center; padding:3px;}

/*TRAINING Elements*/
.frmTraining {padding:3px 10px; text-align:center; border:1px solid #000; background-color:#8be;}
.frmTraining th {padding:3px 10px; text-align:center;}

/*SUBSCRIPTION Elements*/
.frmSubs {padding:3px 10px; text-align:center; border:1px solid #000; background-color:#8be;}
.frmSubs th {padding:3px 10px; text-align:center;}

/*OPPOSITION CLUB Elements*/
.tblOpposition th {padding:3px 10px; text-align:center; background-color:#8be; border:1px solid #000;}
.tblOpposition .even {padding:3px 10px; text-align:center; background-color:#8be; border:0px solid #8be;}
.tblOppositionDetails {padding:3px 10px; text-align:center; background-color:#8be; border:1px solid #000; text-align:left;}
.tblOppositionDetails td {padding:3px 10px;}

/* FORUM ELEMENTS */
.forum {text-align:justify;}
.forumCapitals {text-align:justify; text-transform:uppercase;}
h2.forum {background-color:#003; border-left:7px solid #fff; border-right:7px solid #fff; color:#fff; margin:0 0 0 3px; padding:5px; text-transform:uppercase;}
.bottom .right .forum ul {text-align:left; list-style-position:inside; padding:1em 0;}
.bottom .right .forum h3 {text-align:left; margin:0;}
h3.forum:hover {text-align:left; margin:0;}

#forumDesc {background-color:#003; color:#fff; font-size:0.65em; font-weight:normal; text-transform:none;}
ul.forum {color:#000; font-size:12px; text-align:left;}
#passwordRequest a {color:#000; font-size:12px; text-align:center; text-decoration:underline;}
#passwordRequest a:hover {color:#009; font-size:12px; text-align:center; text-decoration:underline;}
#passwordRequest a:focus {background-color:#ff0;}
.forumGroupTop {background-image:url(images/forum/group_top.gif); background-repeat:repeat-x; background-color:#003; margin: 0 0 0 3px; border-left:7px solid #fff; border-right:7px solid #fff; color:#fff;}
.forumFooter {background-color:#003; color:#fff; margin:0; padding:3px 20px; text-align:right; font-size:0.8em; border-left:7px solid #fff; border-right:7px solid #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0 0 0 3px;
	}
html>body .forumFooter {margin: 0 0 0 3px;}





.forumFooter a {background-color:#003; color:#fff; font-size:1em;}
.forumFooter a:hover {background-color:#003; color:#999; font-size:1em; text-decoration:none;}
.forumFooter a:focus {background-color:#ff0; color:#009; font-size:1em; text-decoration:none;}

.forumGroupBottom {background-image:url(images/forum/group_bottom.gif); background-repeat:repeat-x; background-color:#9cf; margin:0 0 0 3px;}



/*
.forumGroupBottom {background-image:url(images/forum/group_bottom.gif); background-repeat:repeat-x; background-color:#003; margin: 0 0 0 3px; border-left:7px solid #fff; border-right:7px solid #fff; color:#fff;}
*/


.forumGroupTopLeftCrn {float:left;}
.forumGroupTopRightCrn {float:right;}
.forumGroupBottomLeftCrn {float:left;}
.forumGroupBottomRightCrn {float:right;}

.forumHeader {font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline;}
.forumHeader a {font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline; color:#fff;}
.forumHeader a:hover {font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline; color:#999; text-decoration:none;}

.lastPostHeader {width:100px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline; float:right;}
.lastPostByHeader {width:100px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline; float:right;}
.threadsHeader {width:75px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline; float:right;}
.postsHeader {width:75px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline; float:right;}
/*
.lastPostHeader {position:absolute; right:175px; width:100px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline;}
.lastPostByHeader {position:absolute; right:175px; width:100px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline;}
.threadsHeader {position:absolute; right:100px; width:75px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline;}
.postsHeader {position:absolute; right:25px; width:75px; font-size:0.8em; font-weight:normal; text-transform:none; text-align:center; display:inline;}
*/

.frontPageModule {padding-bottom:1em;}
.frontPageModule table {margin-left:auto; margin-right:auto;}

.frontPageModule p .plainLink:link, .frontPageModule h3 .plainLink:link {color:#000; text-decoration:none;}
.frontPageModule p .plainLink:visited, .frontPageModule h3 .plainLink:visited {color:#606; text-decoration:none;}
.frontPageModule p .plainLink:hover, .frontPageModule h3 .plainLink:hover {background-color:#009; color:#ccc; text-decoration:underline; display:block;}
.frontPageModule p .plainLink:active, .frontPageModule h3 .plainLink:active {color:#cc0; text-decoration:none; display:block;}

.frontPageResults {width:280px; float:left;}
.frontPageScoreHeroModuleLeft {}
.frontPageScoreHeroModuleRight {}
/* Hero image: background-image:url(images/logos/left/sshc.png */
.frontPageScoreModuleLeft {}
.frontPageScoreModuleRight {}


/*
.frontPageScoreHeroModule {background-color:#0ff; float:left;}
*/

/*.internalTableElement {border:1px solid #003; float:right; padding:0; clear:both; width:200px; margin:5px;}*/


.plainLink p {text-align:center; text-decoration:underline;}
* html .plainLink p {text-align:center; text-decoration:none;}
.plainLink p:hover {color:#ccc; background-color:#009; text-decoration: underline; text-align:center;}
.plainLink p:visited {color:#cc0; text-decoration: underline; text-align:center;}
.plainLink h3 {text-decoration: none;}
.plainLink h3:hover {color:#ccc; background-color:#009; text-decoration: underline;}
.plainLink h3:visited {color:#cc0; text-decoration: none;}

.topic {border-left:7px solid #fff; border-right:7px solid #fff; background-color:#ddd; margin:0 0 0 3px; padding: 0.5em 1em; text-align:left;}
.topicLink {border-left:7px solid #fff; border-right:7px solid #fff; background-color:#ddd; margin:0 0 0 3px; padding: 0.5em 1em; text-align:left;}
.topicLink:hover {background-color:#ccc; text-decoration:underline;}

.topicTop {border-left:7px solid #fff; border-right:7px solid #fff;}
.topicBottom {border-bottom:1px solid black; border-left:7px solid #fff; border-right:7px solid #fff;}

.thread {border-left:7px solid #fff; border-right:7px solid #fff; background-color:#ddd; color:#006; margin:0 0 0 3px; padding:5px 15px; text-align:left;}
.thread .textLink {color:#000; font-size:1em;}
.thread .textLink:hover {color:#fff; font-size:1em;}
.thread .textLink:focus {background-color:#ff0; color:#009;}

.threadLeft {width:150px; float:left; padding:0;}
.threadRight {float:left;}


/* PHOTO ELEMENTS*/
.thumbImage {border:1px solid #000; margin:5px;}
.mainImage {border:1px solid #000; margin:5px;}
.complainThumb {position:relative; left:-20px; top:0; display:inline;}
.bannedThumbnail {border:2px solid #f00; margin:5px;}
.frmPhoto {padding:3px 10px; text-align:center; border:1px solid #000; background-color:#8be;}
.frmPhoto h3 {background-color:#8be;}
.frmPhoto p {background-color:#8be;}

/* RSS Feed Elements*/
.rssParagraphs {text-align:justify; width:80%;}
.newsReaderLists {padding:0 20px; float:left;}
.thirdWidthRSS {width:33%; float:left;}