/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif;  background-color:#9cf; width:100%; height:100%; color:#000; font-size:12px;}
a, p, h1, h2, h3, h4, i {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {background-color:#9cf; color:#003; font-size:22px;}
h2 {background-color:#9cf; color:#003; font-size:18px;}
h3 {background-color:#9cf; color:#003; font-size:14px;}
p, i {color:#000; font-size:12px;}

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

/*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;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left:0px;
	}
html>body .right {margin-left:200px;}

.textLink {color:#000; text-decoration: underline;}
.textLink:hover {color:#009; text-decoration: underline;}

/*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; display:none;}
.header_bg {background-image:url(images/bg/titleBar_bg.jpg); height:150px; width:100%; position:absolute; top:0; clear:both; display:none;}
#clubName {visibility:visible;}
#clubType {visibility:visible;}
#hockeyEngland {position:absolute; left:360px; top:20px; border:1px solid #000; display:none;}
#southLeague {position:absolute; left:420px; top:20px; border:1px solid #000; display:none;}
#playingKit {position:absolute; left:480px; top:20px; border:1px solid #000;}

.logon {background-color:#CCC; color:#333; border:0; position:absolute; top:20px; right:0px; padding:0 5px;}
.loggedIn {background-color:#CCC; color:#333; border:0; position:absolute; top:20px; right:20px; padding:2px 5px;}
tr.logonHeader {font-weight:bold; text-align:left;}
.fields {text-align:left; color:#333; font-size:11px;}
a.register {color:#333; text-decoration:underline;}
a.register:hover {color:#33c; text-decoration:underline;}
a.register:visited {color:#333; text-decoration:underline;}

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

a.myClub {color:#000; text-decoration:underline;}
a.myClub:hover {color:#000; text-decoration:underline;}
a.myClub:visited {color:#000; text-decoration:underline;}

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

/*Main Menu elements*/
.menuBar {position:relative; left:0; top:150px; width:200px; border:0; background-color:#9cf; text-align:left; float:left;}
.mainMenuBlank {background-color:#ccc; height:3px;}
.mainMenu {padding:3px; text-decoration:none; font-family:"Times New Roman"; font-weight:bold; font-size:1em; font-variant:small-caps; background-color:#888; width:192px; border:1px solid #333; border-bottom:0; color:#fff;}
.mainMenuDisplayed {padding:3px; text-decoration:none; font-family:"Times New Roman"; font-weight:bold; font-size:1em; font-variant:small-caps; background-color:#888; width:192px; border:1px solid #333; border-bottom:0; color:#fff; position:relative; top:-15px;}
html>body .mainMenuDisplayed {top:0;}
.skipNavigation {display:none;}

a.mainMenu {padding:3px; text-decoration:none; text-transform:capitalize; font-weight:bold; background-color:#888; width:200px; border:0; color:#fff;}
a.mainMenu:hover {padding:5px; text-decoration:none; text-transform:capitalize; font-weight:bold; background-color:#888; width:200px; border:0; color:#ccc;}
.subMenu {padding:3px; text-decoration:none; font-family:"Times New Roman"; text-transform:capitalize; font-weight:bold; font-size:0.9em; font-variant:small-caps; background-color:#ccc; width:176px; color:#000;  border:1px solid #333; border-top:0; position:relative; top:-15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	top:-15px;
	}
html>body .subMenu {top:0;}

a.subMenu {padding:3px; text-decoration:none; text-transform:capitalize; font-weight:bold; margin:0 15px; background-color:#ccc; color:#000; border:0; position:relative; top:0;} 
a.subMenu:hover {padding:3px; text-decoration:none; text-transform:capitalize; font-weight:bold; margin:0 15px; background-color:#ccc; color:#000; border:0; position:relative; top:0;} 
.subShadow {background-image:url(images/bg/submenu_shadow_200x5.jpg); background-repeat:no-repeat; width:200px; height:3px;}
.skyShadow {background-image:url(images/bg/sky_shadow_200x5.jpg); background-repeat:no-repeat; width:200px; height:3px; position:relative; top:-15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	top:-15px;
	}
html>body .skyShadow {top:0;}

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

/*Copyright elements*/
.copyrightNotice {padding:3px; text-decoration:none; font-family:"Times New Roman"; font-weight:bold; font-size:0.8em; font-variant:small-caps; background-color:#888; width:192px; border:1px solid #333; border-bottom:0; color:#fff; position:relative; top:-15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	top:-15px;
	}
html>body .copyrightNotice {top:0;}

.contactWebmaster {padding:3px; text-decoration:none; font-family:"Times New Roman"; 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;}
.validXHTML {display:none; float:right;}
.validCSS {display:none; float:right;}

/*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; }


/*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;}

.internalTable th {padding:0 10px;}
.internalTable td {padding:0 10px;}
.internalTableElement {border:1px solid #003; float:right; padding:0; clear:both; width:200px; margin:5px;}
.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; 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; display:none;}
.favLinks {position:relative; top:0px; left:0px; width:350px; height:20px; color:#fff; border:1px solid green; display:none;}

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

/*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; padding:0 5px 5px 5px; height:25px; text-transform:uppercase;}
h3.forum {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;}
.forumGroupTop {background-image:url(images/forum/group_top.gif); background-repeat:repeat-x; background-color:#003; height:10px; margin:0px;}
.forumGroupBottom {background-image:url(images/forum/group_bottom.gif); background-repeat:repeat-x; background-color:#9cf; height:15px; margin:0px;}
.forumGroupTopLeftCrn {float:left;}
.forumGroupTopRightCrn {float:right;}

.forumHeader {font-size:1em; font-weight:normal; text-transform:none; text-align:center; font-size:0.8em; display:inline;}
.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;}
*/

h3.topic {border-left:7px solid #fff; border-right:7px solid #fff; background-color:#ddd; color:#006; margin:0 0 0 3px; padding:5px; text-align:left;}
.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;}
.topicLink {color:#009; text-decoration:none; background-color:#ddd; height:25px; width:200px;}
.topicLink:hover {color:#000; text-decoration:underline;}

/* PHOTO ELEMENTS*/
.thumbImage {border:1px solid #000; margin:5px;}
.mainImage {border:1px solid #000; margin:5px;}