﻿/*********************************************/
/* Members Container						 */
/*********************************************/
#MembersContainer
{
	margin: 0px 0px 0px 0px;
	width: 640px;
	float: left;
}
.ListContainer
{
	float:left;
	margin:10px 0px 0px 0px;
}
hr
{
	float:left;
	width:625px;
}
/*********************************************/
/* Login									 */
/*********************************************/
#MSLoginFieldSet
{
	margin-top:5px;
}
#MSLoginFieldSet legend
{
	font-size:1.5em;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}
#MSLoginFieldSet .ValidationSummary
{
	margin:10px 0px 0px 7px;
}
#MSLoginFieldSet .LoginMessage
{
	margin:0px 0px 10px 7px;
	color:Red;
}
#MSLoginFieldSet .MSRowContainer
{
	margin:0px 0px 0px 7px;
	width:615px;
	float:left;
	height:25px;
}
#MSLoginFieldSet .MSLabel
{
	width:100px;
	float:left;
}
#MSLoginFieldSet .MSControl
{
	float:left;
}
#MSLoginFieldSet .MSSubmit
{
	width:615px;
	margin:10px 0px 10px 0px;
	padding-bottom:10px;
	float:left;
}
#MSLoginFieldSet .MSCenterText
{
	width:508px;
	padding-left:107px;
	text-align:left;
	float:left;
}
/* 
Request access details table
*/
table.AccessDetailsTable
{
	float:left;
}
.AccessDetailsTable td.LighterBackDarkText
{
	font-weight: bold;
	border:solid 1px #ffffff;
	padding: 2px 5px 2px 5px;
	text-align: left;
}
.AccessDetailsTable td.BackDarkTextCentre
{
	color: #ffffff;
	border:solid 1px #ffffff;
	padding: 2px 5px 2px 5px;
	text-align: center;
}
/* Generic */
select
{
	font-family:Verdana, Arial;
}
/******************************/
/* Generic grid table */
.TableContainer
{
	width:639px; 
	overflow:hidden; 
	float:left;
}
.TableContainerPenaltyPoints
{
	width:640px; 
	overflow:hidden;
	float:left;
}
table.GridTable
{
	float:left;
	width:640px;
}
.GridTable caption
{
	font-weight:bold;
}
.GridTable th
{
	color:#ffffff;
	border-right:solid 1px #ffffff;
}
.GridTable th.Blank
{
	background-color:#ffffff;
	border-left:solid 1px left;
}
.GridTable th a 
{ 
	text-decoration:none;
	color:#ffffff;
}
.GridTable th a:hover, .GridTable th a:focus, .GridTable th a:active, .GridTable th a:visited
{ 
	text-decoration:underline;
	color:#ffffff;
}
.GridTable .EmptyRow td
{
	border: 0px;
}
.GridTable tr.Alt
{
	background-color:#ffffff;
}
.GridTable td
{
	border-right:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
}
.GridTable td.PaddingLeft
{
	padding-left: 4px;
}
.GridTable td.Centered
{
	text-align: center;
}
.GridTable td.LighterBackDarkText, td.LighterBackDarkTextCentre
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
}
.GridTable td.LighterBackDarkTextCentre
{
	text-align:center;
}
.GridTable td.Date
{
	border-bottom:1px solid #ffffff;
	width:70px;
	text-align:center;
}
.GridTable td.OffenceDate
{
	border-bottom:1px solid #ffffff;
	width:96px;
	text-align:center;
}
.GridTable td.Amount
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:52px;
	text-align:right;
}
.GridTable td.AmountOutstanding
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:66px;
	text-align:right;
}
.GridTable td.ReceiptNumber
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:86px;
	text-align:center;
}
.GridTable td.County
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:43px;
	text-align:center;
}
.GridTable td.Reference
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:80px;
}
.GridTable td.Name
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:100px;
}
.GridTable td.ClubName
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:229px;
}
.GridTable td.SuspensionPeriod
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:80px;
}
.GridTable td.Type
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:83px;
}
.GridTable td.TypeCard
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:50px;
	text-align:center;
}
.GridTable td.NPDFAN, .GridTable td.CID
{
	text-align:center;
	width:80px;
}
.GridTable th.PenaltyPoints
{
	color:#ffffff;
	width:40px;
}
.GridTable td.Stage1
{
	border-bottom:1px solid #ffffff;
	text-align:center;
}
.GridTable td.Gender
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:66px;
}
.GridTable td.AgeGroup
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:84px;
}
.GridTable td.Postcode
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	text-align:center;
	width:80px;
}
.GridTable td.Status
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	text-align:center;
	width:76px;
}
.GridTable td.RegNo
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:76px;
}
.GridTable td.AffNo
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:71px;
}
.GridTable td.LeagueClubName
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	width:379px;
}
.GridTable td.StatementSection
{
	border-left:solid 1px #ffffff; 
	border-bottom:1px solid #ffffff;
	text-align:center;
}
.GridTable td.Players
{
	text-align: center;
	width:110px;
}
/* Table Card / Team Details */
.CardTableContainer
{
	 float:left;
	 width:640px;
}
table.CardTable
{
	width:100%;
}
.CardTable caption
{
	font-weight:bold;
	text-align:left;
	padding-left:4px;
}
.CardTableTeamDetailsContainer
{
	 float:left;
	 width:415px;
	 margin-right:5px;
}
.CardTableTeamColoursContainer
{
	 float:left;
	 width:218px;
	 margin-left:2px;
}
.CardTableTeamLeaguesContainer
{
	 float:left;
	 width:640px;
	 margin-top:10px;
}
.CardData, .CardDataTeamGeneral, .CardDataTeamLeagues, .CardDataTeamColoursKit
{
	width:100%;
}
.CardDataTeamGeneral
{
	width:347px;
}
.CardTable td.CardDataTeamColoursKit
{
	padding-left: 4px;
	width:202px;
}
.CardTable th.CardDataTeamLeagues
{
	width:293px;
}
.CardTable th.CardLabelTeamColoursKit
{
	float:left;
	width:15px;
	height:15px;
	overflow:hidden;
	padding:0px;
	border-bottom:solid 1px #ffffff;
}
.CardLabelTeamColoursKit img
{
	border:0px;
	height:15px;
	width:15px;
}
.CardLabelTeamGeneral
{
	text-align:left;
	padding-left:1px;
}
.CardDataTeamColours
{
	width:304px;
	text-align:center;
}
.CardTable th.CardLabelTeamLeague
{
	text-align:left;
	padding-left:2px;
	width:110px;
}
.CardTable .EmptyRow td
{
	border: 0px;
}
.CardTable th, .CardTable th.Default
{
	font-weight:normal;
	text-align:left;
}
/* new for club details */
/*
.CardTable caption.Default
{
	font-weight:bold;
	text-align:left;
	margin-left:0px;
	padding-left:0px;
}
.CardTable th.ClubDetails
{
	padding:0px 5px 0px 0px;
	width:90px;
}
.CardTable td.ClubDetails
{
	width:200px;
}
*/

/*********************************************/
/* Members View Details Container			 */
/*********************************************/
body.View
{
	background-image:none;
}
.ViewContainer
{
	float:left; 
	width:638px; 
	overflow:hidden; 
}
#MembersViewContainer
{
	border-right:solid 15px #ffffff;
	border-left:solid 15px #ffffff;
	background-color:#ffffff;
	width: 640px;
}
.ViewHeader
{
	width:636px; 
	padding-left:4px; 
	height:18px; 
	line-height:18px; 
	float:left; 
	color:#ffffff; 
	border-bottom:solid 2px #ffffff;
}
.ViewHeader h1
{
	font-weight:bold;
	font-size:1.1em;
	color:#ffffff;
	float:left;
	line-height:18px;
	vertical-align:middle; 
}
/* Detail View Table */
table.DetailTable
{
	width:638px;
}
.DetailTable caption
{
	font-weight:bold;
}
.DetailTable td.Header, .DetailTable td.HeaderCase
{
	color:#ffffff;
	border-bottom:solid 1px #ffffff;
	font-weight:bold;
	text-align:right;
	padding:0px 4px 0px 2px;
}
.DetailTable td.HeaderCase
{
	width:120px;
}
.DetailTable tr.Alt
{
	background-color:#ffffff;
}
.DetailTable td
{
	border:solid 1px #ffffff;
}
.DetailMessage
{
	width:632px;
	padding:0px 4px 0px 4px;
	float:left;
	margin-top:15px;
}
.CloseWindowContainer
{
	float:left;
	width:640px;
	float:right;
	border-top:15px solid #ffffff;
}
.CloseWindow
{
	float:right;
}

/* CWS Support form */
.CWSSupportBody
{
	width:640px; 
	padding: 0px 0px 0px 0px;
	margin-bottom:10px;
	float:left;
}
.CWSSupportRow
{
	width:100%;
	vertical-align:middle;
	line-height:20px;
	height:35px;
}

.CWSSupportLabel
{
	float:left;
	width:80px;
	vertical-align:middle;
	line-height:20px;
}

.CWSSupportControl
{
	float:left;
	vertical-align:middle;
	line-height:20px;
	height:35px;
}

/* Find A Referee form */
.RefSearchBody
{
	width:640px; 
	padding: 0px 0px 0px 0px;
	margin-bottom:10px;
	float:left;
}
.RefFormRowContainer, .RefFormRowSubmitContainer
{
	width:640px;
	float:left;
}
.RefFormRowSubmitContainer
{
	padding-top:10px;
}
.RefFormColumnContainer
{
	width:320px; 
	float:left;
}
.RefFormIslandLabel
{
	width:450px; 
	float:left;
}
.RefFormLabel
{
	width:130px; 
	float:left; 
	font-weight:bold;
}
.RefFormControl
{
	width:190px; 
	float:left;
}
input.RefPostcode
{
	font-size:1em;
	width:109px;
}
select.RefRadius
{
	width:115px;
}
input.RefDate
{
	width:109px; 
	text-align:left;
}
/* Find A Referee search results 
   Club Officials and My Profile use as well */
.RefSearchResultsHeader
{
	float:left;
	margin:0px;
	padding: 0px 0px 0px 4px;
	width:636px;
	color:#ffffff; 
	height:18px; 
	line-height:18px;
	font-weight:normal;
}
.RefToggleOn, .RefToggleOff 
{
	float:left;
	padding:2px 0px 0px 0px;
}
.RefToggle
{
	cursor:pointer;
	margin-right:4px;
	position:relative;
	top:0px;
	width:9px
}
.RefDetail
{
	width:640px;
	float:left;
}
.RefHeader, .RefHeaderFlip
{
	width:635px;
	float:left;
	font-size:9pt;
	padding-left:4px;
	font-weight:normal;
	height:18px;
}
.RefHeaderFlip
{
	background-color:#ffffff;
}
.RefName
{
	float:left;
	width:350px;
	padding:3px 0px 0px 0px;
	font-size:.9em;
	color:#000000;
	overflow:hidden;
}
.RefIcons
{
	float:right;
}
.RefIcon
{
	float:left;
	height:20px;
	width:18px;
	padding:2px 0px 0px 0px;
}
.RefDistance
{
	float:left;
	font-size:.9em;
	text-align:right;
	padding:4px 8px 0px 0px;
	width:70px;
}
.RefSubDetail
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	width:625px;
}
.RefDetails
{
	float:left;
	width:312px;
}
.RefDetailHeader
{
	float:left;
	font-size: 8pt;
	padding:4px 0px 0px 0px;
	margin:0px;
	width:296px;
	font-weight:bold;
}
.RefDetailIcon
{
	float:left;
	height:16px;
	width:18px;
	padding:0px;
	margin:0px;
}
.RefDetailName
{
	float:left;
	font-weight:normal;
	
	padding:3px 0px 0px 0px;
	width:278px;
}
.RefDetailSmall
{
	padding-left:4px;
	font-size:.9em;
}
.RefSearchResultsFooter
{
	float:left;
	width:636px;
	margin:0px;
	padding:0px 0px 0px 4px;
	font-weight:normal;
	height:18px;
	color:#fff;
}
img.CardIcon, img.CardIconInSummary
{
	height:15px;
	width:15px;
	border:0px;
	
}
img.CardIcon
{
	position: relative; 
	top: 2px;
}

/* edit specific */
.RefDetailsEdit
{
	width:310px;
	float:left;	
}

.RefNameEdit
{
	float:left;
	width:80px;
	padding:3px 0px 0px 0px;
	font-size:.9em;
	color:#000000;
	overflow:hidden;
}

.RefNameEditNumber
{
	float:left;
	width:80px;
	padding:3px 0px 0px 0px;
	font-size:.9em;
	color:#000000;
	overflow:hidden;			
}

.RefNumberPadLeft
{
	margin-left:8px;
}

.RefTopMargin
{
	margin-top:1px;
}

/* edit profile validation errors */


.ProfileErrors
{
	float:left;
	width:300px;	
	padding-top:3px;
	list-style-position:outside;
}

.ProfileErrorsText
{
	color:red;
}

/* Last login date */
h2.WelcomeMember
{
	font-size:1.1em;
}
/* Form layout */
div.FormRow
{
  clear: both;
  padding-top: 5px;
}
div.FormRow span.FormLabel, span.FormLabelNormal, div.FormRow span.FormLabel100, span.FormLabelNormal100
{
  float: left;
  width: 300px;
}
div.FormRow span.FormLabel100, span.FormLabelNormal100
{
  width: 100px;
}
div.FormRow span.FormLabel, span.FormLabel100
{
	font-weight: bold;	
}
div.FormRow span.FormControl, div.FormRow span.FormControl500
{
  float: left;
  width: 300px;
  text-align: left;
}
div.FormRow span.FormControl500
{
  width: 500px;
}
.Error
{
    color: Red;
}
fieldset
{
	padding-bottom:10px;
}
/* Club Details Card */
.CardClubDetailsContainerAll
{
	width:609px; 
	padding:0px 15px 0px 15px; 
	float:left;
}
.CardClubDetailsContainer
{
	float:left; 
	width:100%; 
	margin:10px 0px 5px 0px;
}
.CardClubDetailsHeadingFullWidth
{
	float:left; 
	width:100%; 
	font-weight:bold;
}
.CardClubDetailsLeft
{
	float:left; 
	width:297px; 
	padding-right:8px;
}
.CardClubDetailsRight
{
	float:left; 
	width:297px; 
	padding-left:7px;
}
.CardClubDetailsLabel
{
	float:left; 
	width:90px;	
}
.CardClubDetailsValue
{
	float:left; 
	width:207px;
}
.CardClubDetailsCountyContainer
{
	float:left; 
	width:100%; 
	margin:5px 0px 5px 0px;
}
.CardClubDetailsCountyLeft
{
	float:left; 
	width:310px;
}
.CardClubDetailsParentHeadingLeft
{
	float:left; 
	width:297px; 
	font-weight:bold;
}
.CardClubDetailsCountyLeftValue
{
	float:left; 
	width:297px; 
}
.CardClubDetailsCountyRight
{
	float:left; 
	width:298px;
}
.CardClubDetailsParentHeadingRight
{
	float:left; 
	width:298px; 
	font-weight:bold;
}
.CardClubDetailsCountyRightLabel
{
	float:left; 
	width:298px; 
}
.CardClubDetailsCharterStandardContainer
{
	float:left; 
	margin:0px 0px 5px 0px; 
	width:100%; 
}
.CardClubDetailsCharterContainer
{
	float:left; 
	margin:5px 0px 10px 0px; 
	padding-bottom:10px;
	width:100%; 
}
.CardClubDetailsLinkedClubsContainer
{
	float:left; 
	margin:5px 0px 0px 0px; 
	width:100%; 
}
.CardClubDetailsCharterLeftContainer
{
	float:left; 
	width:297px; 
	padding-right:8px;
}
.CardClubDetailsFullWidthInnerContainer
{
	float:left; 
	width:100%; 
}
.CardClubDetailsCharterRightContainer
{
	float:left; 
	width:297px; 
	padding-left:7px;
}
.CardClubDetailsCharterLabel
{
	float:left; 
	width:90px;
}
.CardClubDetailsCharterValue
{
	float:left; 
	width:207px; 
}

/************************************************/
/* TeamMapping									*/
/************************************************/
#TeamMapping td
{
	padding: 0px;
}

.TeamMappingHeader
{
	width: 638px;
	background-color: gray; /* move into sitecolors */
}

.TeamMappingFulltimeHeader
{
	width: 200px;
	float: left;

	text-align: center;
	color: white;
	font-weight: bold;
}

.TeamMappingOnsideHeader
{
	width: 200px;
	float: left;

	text-align: center;
	color: white;
	font-weight: bold;
}

.TeamMappingCFAHeader
{
	/*float: right;*/
	width: 230px;
	float: left;

	text-align: center;
	color: white;
	font-weight: bold;
}

.TeamMappingFulltimeStyle
{
	width: 210px;
	font-weight:bold;
}

.TeamMappingOnsideStyle
{
	padding: 0px;
	padding-left: 1px;
	width: 227px;
	border-left: 1px solid black; /* move into sitecolors */
	border-right: 1px solid black; /* move into sitecolors */
}

.TeamMappingOnsideStyle img:hover
{
	cursor:pointer; cursor:hand;
}

.TeamMappingOnsideStyle input
{
	width: 205px;
	vertical-align: top;
	border-style: None;
	border: 0px;
}

.TeamMappingOnsideStyle DIV
{
	border-left: 1px solid black; /* move into sitecolors */
	border-bottom: 1px solid black; /* move into sitecolors */
}

.TeamMappingOnsideStyle button
{
	width: 14px;
	height: 15px;
	Border: 1px solid black; /* move into sitecolors */
	Font-size: 6pt;
}

.TeamMappingCFAStyle
{
	padding-left: 1px;
	width: 198px;
}

.TeamMappingCFAStyle SPAN
{
	text-align: center;
	font-weight: bold;
}

.TeamMappingCFAStyle DIV
{
	border-left: 1px solid black; /* move into sitecolors */
}

/**********************************************
	Other
**********************************************/

/* Behaviours */
/* Outer table	*/
.RespectTableStyle
{
	width: 640px;
	float: left;
	border-left: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
}

.RespectHeaders TD
{
	color: #FFFFFF;
	font-weight: bold;
}

.RespectHeadersEnterMarks
{
	width: 100px;
	float: left;
}

.RespectHeadersDate
{
	height: 20px;
	width: 75px;
	
	text-align: left;
	padding-left: 5px;
}

.RespectHeadersTime
{
	height: 20px;
	width: 50px;

	text-align: left;
}

.RespectHeadersHome
{
	height: 20px;
	width: 160px;

	text-align: right;
}

.RespectHeadersScoreColumn SPAN
{
	width: 20px;
	text-align: center;
}

.RespectHeadersScoreSeperatorColumn
{
	height: 20px;
	width: 20px;

	text-align: center;
}

.RespectHeadersAway
{
	height: 20px;
	width: 160px;

	text-align: left;
}

/* Cells */
.RespectCellsExpand
{
	width: 100px;

	text-align: left;
	font-weight: bold;
	float: left;
}

.RespectCellsDate
{
	width: 75px;
	height: 20px;
	float:left;
	padding-left: 5px;
}

.RespectCellsTime
{
	width: 50px;
	height: 20px;
}

.RespectCellsHome
{
	width: 160px;
	height: 20px;
	text-align: right;
}

.RespectCellsScoreColumn
{
	width: 20px;
	text-align: center;
	color: white;
}

.RespectCellsScoreSeperatorColumn
{
	width: 20px;
	height: 20px;
	text-align: center;
}

.RespectCellsAway
{
	width: 160px;
	height: 20px;
	text-align: left;
}

.RespectAnswersContainer
{
	float: left;
	clear: left;
}

/* Detail Table */
.InnerTable
{
	width: 640px;
}

.TitleCellHeader
{
	text-align: center;
	spacing-right: 1px;
	border-left: 1px solid white;
	width: 44px;
}

.QuestionAnswer
{
	text-align: center;
	height: 16px;
	border-bottom: 1px solid <%= countyColour2 %>;
	margin-right: 2px;
	width: 44px;
}

.OuterQuestionAnswer
{
	text-align: left;
	height: 16px;
	border-bottom: 1px solid <%= countyColour2 %>;
	margin-right: 2px;
}

.Underline
{
	margin-right: 2px;
	padding-left: 7px;
	width: 400px;
}

.CommentsHolder
{
	float: left;
	padding-top: 2px;
	padding-bottom: 3px;
}

.CommentsHolder TextArea
{
	Width: 620px;
	Height: 75px;
	margin: 5px 5px 5px 5px;
}

/*********************************************/
/* Leagues									 */
/*********************************************/
.MembersContentSection
{
	float:left;
	padding: 5px 15px;
	border-right: 0px;
	width:609px;
}
.MembersContentSection p
{
	margin-top:0px;
}
.MembersHeader
{
	float:left;
	padding:0px 0px 1px 0px;
	width:100%;
}

/*********************************************/
/* Login Control							 */
/*********************************************/
.FulltimeLoginRowStyle
{
	width: 230px;
	padding: 2px;
}

.FulltimeLoginRowStyle span
{
	margin-left: 5px;
	float: left;
	width: 75px;
}

.FulltimeLoginRowStyle Input
{
	margin-right: 5px;
	float: right;
	left: 50px;
}

/****************************************/
/*	MemberServices - Respect Monitor	*/
/****************************************/
.ErrorStyle { color: Red; font-weight: bold; position: relative; width: 250px; }

#StandingsTable, #StandingsTable #SeasonFooter { float: right; width: 100%; }
#StandingsTable #SeasonFooter { padding-bottom: 2px; padding-top: 2px; }
#StandingsTable #SeasonFooter select { float: right; margin-right: 1px; }
#StandingsTable #SeasonFooter span { font-weight: bold; float:right; color: White; margin-right: 6px; margin-top:1px; vertical-align: middle;}


#coachAvailability { clear: left; float: right; width: 639px; }
#coachAvailability div.Section { clear: left; float: left; width: 609px; padding-left: 15px; padding-top: 10px; }
#coachAvailability div.Searchable { float: left; padding-left: 15px; }
#coachAvailability div.AvailabilityColumnLeft, #coachAvailability div.AvailabilityColumn { float: left; padding-right: 10px; }
#coachAvailability div.AvailabilityColumnLeft { clear: left; }
#coachAvailability div.AvailabilityColumn div, #coachAvailability div.AvailabilityColumnLeft div { clear: left; height: 1.8em; }
#coachAvailability div.ErrorBar { margin-bottom: 6px; }
#coachAvailability div.ErrorBar span { margin-left: 15px; }
