﻿@import url(Forms.css);


h5 { font-weight: bold; padding-top: 10px }

/* Statement entries */

.StatementTable { font-family: Verdana; font-size: 14pt; width: 800px; margin: 10px auto 10px auto; padding: 2px; border-collapse: collapse; }
.StatementTable td { padding: 5px; color: Black; }
.StatementHeaderCell { font-family: Verdana; font-size: 10pt; font-weight: bold; border-bottom: 1px solid #aaaaaa; }
.StatementTitleCell { font-family: Verdana; font-size: 10pt; padding-bottom: 10px; }
.StatementBillTo { font-weight: bold; }
.StatementItemRow {  }
.StatementItemDateCell { font-family: Verdana; font-size: 10pt; border-bottom: 1px solid #aaaaaa; width: 100px; }
.StatementItemTypeCell { font-family: Verdana; font-size: 10pt; border-bottom: 1px solid #aaaaaa; width: 80px; }
.StatementItemDescCell { font-family: Verdana; font-size: 10pt; border-bottom: 1px solid #aaaaaa; }
.StatementItemAmountCell { 	font-family: Consolas, Courier; font-size: 10pt; border-bottom: 1px solid #aaaaaa; text-align: right; width: 90px; }
.StatementItemButton { border-width: 0 0 1px 0; border-style: solid; text-align: right; width: 17px; }
.StatementFooterRow { }
.StatementFooterDescCell { font-family: Verdana; font-size: 10pt; text-align: right; }
.StatementFooterAmount { 	font-family: Consolas, Courier; font-weight: bold; font-size: 10pt; text-align: right; width: 90px; }
td.StatementFooterOutstandingDescCell { font-family: Verdana; font-size: 10pt; text-align: right; color: Red; }
td.StatementFooterOutstandingAmount { 	font-family: Consolas, Courier; font-weight: bold; font-size: 10pt; text-align: right; width: 90px; color: Red; }
.StatementButtons { margin: 10px auto; width: auto; text-align: center; }

/* League list entries */
.LTable td { padding: 3px; width: 100px; }

.LTable { margin-bottom: 20px; width: 100%; border-collapse: collapse;}
td.LTitle { width: auto; }
.LRowBand { background-color: #eeeeee; } 

/* Team profile entries */

.TFTable, .FTable { border-collapse: collapse; margin: 10px auto 10px auto; width: 100%; border: 1px dotted #cccccc; width: 100%; }
.TFTable td, .FTable td { padding: 5px; border-bottom: 1px dotted #cccccc; }
.TFRow, .FRow { font-weight:bold;  background: white; }
.TFBand td.TFDate, .FBand td.FDate { background:#dddddd; }
.FDate { background:#eeeeee; width: 40px; white-space: nowrap; }
.TFDate { background:#eeeeee; width: 100px; white-space: nowrap; }
.TFHeader, .FHeader td, .FHeader { font-weight: bold; background:#eeeeee; }
.FPlayingArea { width: 100px; }
.FHomeTeam { text-align: right; width: 150px; }
.FScore { text-align: center; width: 170px; }
.FAwayTeam { text-align: left; width: 150px; }
.FFixtureName { width: 470px; text-align: center; }
.FTitle { text-align: center; font-style: italic; }
.TFPositionsGraph { text-align: center; }
.JoinTeamLink { float: right; font-weight: bold; font-family: Arial; border-width: 0px; padding: 2px 10px 2px 10px; background-color: #999999; color: white; font-size: 18px; text-decoration: none; line-height: 25px; }
.TeamProfileHeader h3 { float: left; }

.FGridCell { border: 1px dotted #ccc; height: 70px; text-align: center; }

a {color:blue; outline:none;}
a:hover{text-decoration:none;}

/* Standings table entries */

.STTable { border-collapse:collapse; border: 1px solid #cccccc; margin: 20px auto 20px auto; width: 100%; background: white; }
.STTable td { white-space: nowrap; border-bottom:1px dotted #cccccc; padding:5px; text-align: center;}
.STHeaderRow td, .STHeaderRow th { background:#eeeeee; border-bottom:1px dotted #cccccc; color:#333; font-weight:bold; padding:3px 5px 3px 5px;}
td.STTeamCell { font-weight: bold; text-align: left; }
.STPoints { font-weight: bold; }
.StatisticsLinks { width: 100%; padding-bottom: 10px; text-align: right; }
.SeasonDropDown { font-size: 20px; font-weight: bold; }


/* Statistics table entries */

.STPOMTable, .STGoalScorersTable { width: 100%; }
.STGoalScorersTable td, .STPOMTable td { text-align: left; }

.TRVenueName { font-weight: bold; }


/* Team search entries */

.TSTable { width: 700px; margin: 0 auto; border-collapse: collapse; }
.TSTable td { padding: 3px; border-collapse: collapse; border-width: 0; }
.TSHeaderRow td { background-color: #aaaaaa; color: White; font-weight: bold; }
.TSBand { background-color: #eeeeee; }

/* Team list entries */

.TLDiv { background-color: #eeeeee; margin: 20px auto; width: 700px }

.TLTable td { border: solid 1px #cccccc; padding: 10px; text-align: center }
.TLTable { border-collapse: collapse; font-weight: bold; border: none 0; color: #333333; width: 100%  }
td.TLMidCell { width: auto; border-right-style: none; }
td.TLDesc { text-align: right; width: 250px; }
td.TLFunction { text-align: left; border-left-style: none; }

.TLHeader { background-color: #cccccc; padding: 10px; font-size: 18px; font-weight: bold; color: black }
.TLHeader a { font-size: 10px; font-weight: normal }
.TLRed { background-color: #ffcccc; }
.TLGreen { background-color: #ccffcc; }
td.TLCurrentLeague { font-weight: normal; text-align: left; }
.TLLeagueList { margin: 0; padding: 0; }
.TLLeagueList td { text-align: left; padding: 3px; border: none 0; }
.TLLeagueListHeader td { font-weight: bold; text-align: center }
.TLLeague { white-space: nowrap; }
.TLTeamName { font-size: 18px; font-weight: bold; }

/* Profile entries */

.PTable { width: 600px; background-color: #eeeeee; border-collapse: collapse; border: solid 1px #cccccc; margin: 10px auto 20px auto; background-color: White; }
.PTable td { padding: 5px; border-collapse: collapse; color: Black; font-size: 14px; }
.PDesc { text-align: right; font-weight: bold;  }
.PDescRow td { font-weight: bold; }
.PData td { font-size: 16px }
.PData {  }
.PHeaderRow { font-weight: bold; background-color: #cccccc; }
.PHeaderRow td { font-size: 18px; padding: 8px 8px 8px 20px; }
.PText { width: 300px; }
.PShortText { width: 100px; }
.PShortText, .PText { padding-left: 2px; height: 22px; font-size: 16px; font-family: Arial; }
.PCheckTable td label { padding: 0px 5px 0 5px; }
.PChangePasswordLink { font-size: 16px; font-weight: bold; }
td.PChangePasswordCell { text-align: center; padding: 20px; }
.ButtonDiv { width: auto; margin: 10px auto 10px auto; text-align: center; }
.ActionButton { font-weight: bold; height: 25px; margin: 5px; }
.DaysTable td { white-space: nowrap; }
td.POptOut { font-size: 10px; }

.MessageBox { border: 2px solid #FFCC33; background-color: #FFFF99; color: #FF0000; font-weight: bold; width: 450px; margin: 10px auto 10px auto; text-align: left; padding: 5px 10px 5px 10px; }
.MessageBoxSuccess { border: 2px solid #31BF1B; background-color: #C8F2C2; color: #0F6304; font-weight: bold; width: 450px; margin: 10px auto 10px auto; text-align: left; padding: 5px 10px 5px 10px; }

/* Team player list entries */

.PlayerListTable { width: 600px; border-collapse: collapse; border: solid 1px #cccccc; margin: 10px auto 20px auto; }
.PlayerListTable td { padding: 5px; border-bottom: solid 1px #cccccc; border-collapse: collapse; color: Black; font-size: 16px; white-space: nowrap; }
.PlayerListHeaderRow2 { background-color: #cccccc; font-weight: bold;  }
.TPButtons { text-align: center; margin: 0 auto; width: auto; }
.TPTable { width: 600px; border-collapse: collapse; border: solid 1px #cccccc; margin: 10px auto 20px auto; }
.TPTable td { padding: 5px; border-collapse: collapse; color: Black; font-size: 14px; }
.TPDesc { text-align: right; font-weight: bold;  }
.TPDescRow td { font-weight: bold; }
.TPData td { font-size: 16px }
.TPHeaderRow { font-weight: bold; background-color: #cccccc; }
.TPHeaderRow td { font-size: 16px; padding: 8px 8px 8px 20px; }

/* Calendar entries */

.CLControlsTable { width: auto; margin: 10px auto 10px auto; color: Black; background-color: #eeeeee; border-collapse: collapse; border: solid 1px #cccccc; }
.CLControlsTable td { font-size: 14px; font-weight: bold; padding: 5px; }
.CalendarCell { border-width: 1px; border-style: solid; font-size: 8pt; cursor: Hand; }
.CalendarCellHighlight { border-width: 1px; border-style: solid; font-size: 8pt; cursor: Hand; background-color: #ffcccc; }
.CalendarCellSelected { border-width: 1pt; border-style: solid; font-size: 8pt; cursor: Hand; background-color: #ffccaa; }
.CalendarTable, .CLWrapperTable { width: auto; margin: 10px auto 10px auto; border-color: #aaaaaa; }
.CalendarTable td, .CalendarTable th { padding: 5px; color: Black; border-color: #aaaaaa; }
.TableRecords { width: auto; margin: 10px auto 10px auto; background-color: #eeeeee; border-collapse: collapse; border: solid 1px #cccccc;  }
.TableRecords td { padding: 5px; color: Black; font-size: 14px; }
.CalendarListTable { width: auto; margin: 10px auto 10px auto; border: solid 1px #aaaaaa; color: black }
.CalendarListTable td { padding: 3px; }
.CalendarListHeader td, .CalendarListHeader2 td, .TeamScheduleHeader td { font-weight: bold; background-color: #cccccc; border-bottom: solid 1px #cccccc; }
.CalendarListRow td { border-bottom: solid 1px #aaaaaa; }
.CLAvailable, .TAAvailable { background-color: #ccffcc; }
.CLUnavailable, .TAUnavailable { background-color: #ffcccc; }
.Select { width: 140px; }
.DayDesc { font-weight: bold; max-width: 100px; }


/* Team availability entries */
.TASummaryHeader, .AvailabilitiesHeader { font-weight: bold; background-color: #cccccc; border-bottom: solid 1px #cccccc; }
.TASummaryTable { width: auto; margin: 10px auto 10px auto; border-collapse: collapse; border: solid 1px #cccccc; }
.TASummaryTable td { font-size: 16px; color: Black; padding: 5px; }
.TASummaryDesc { font-weight: bold; text-align: right; }
.TAButtons, .RLButtons { margin: 10px auto 10px auto; width: auto; text-align: center }
.AvailabilitiesTable { margin: 10px auto 10px auto; width: auto; border-collapse: collapse; border: solid 1px #aaaaaa; color: black }
.AvailabilitiesTable td { padding: 5px; font-size: 14px; border-bottom: solid 1px #aaaaaa; }


.ActionButton { padding-left: 5px; padding-right: 5px; width: auto; overflow: visible; }

/* Ringer search styles */

.RSP,.RLP { color: Black; }
.RSSearchTable td { font-size: 14px; color: Black; padding: 5px;  }
.RSSearchDesc { font-weight: bold; text-align: right; }
.RSSearchData .PositionTable td { padding: 3px }

.RLSummaryTable, .RCSummaryTable { margin: 10px auto 10px auto; background-color: #eeeeee; font-size: 16px; color: Black; border: solid 1px #aaaaaa; border-collapse: collapse; }
.RLSummaryTable td, .RCSummaryTable td { padding: 5px; }
.RLSummaryDesc, .RCSummaryDesc { font-weight: bold; text-align: right }
.RLSummaryHeader, .RCSummaryHeader { font-weight: bold; background-color: #cccccc; }
.SMSBillingPickerTable { color: Black; margin: 10px auto 10px auto; background-color: #eeeeee; border: solid 1px #aaaaaa; border-collapse: collapse; }
.SMSBillingPickerTable td { padding: 3px; }

.RLTable { margin: 10px auto 10px auto; background-color: #eeeeee; font-size: 14px; color: Black; border: solid 1px #aaaaaa; border-collapse: collapse; min-width: 500px; }
.RLHeader, .RLSubHeader { font-weight: bold; background-color: #cccccc; }
.RLTable td { padding: 5px; border-bottom: solid 1px #aaaaaa; }
.RCList { color: Black; font-size: 14px; }
.RCList td { padding: 5px; }
.RCPlayerListCell { font-weight: bold; }

.GradeList, .PositionList { margin: 0; padding: 0; }
.GradeList li, .PositionList li { display: inline; list-style-type: none; padding: 5px 5px 5px 0;  }


/* Online Booking styles */

.ScheduleTable { border: solid 1px #AAAAAA; border-collapse: collapse; margin: 10px auto 10px auto; }
.ScheduleTable td { color: Black; }
.ScheduleTableHeaderRow { text-align: center; }
.ScheduleTableTimeCell { border-width: 1px 1px 0 0; border-style: solid; border-color: #AAAAAA; font-weight: bold; font-size: 12px; white-space: nowrap; }
.SpacerCell { border-width: 1px 0 0 0; border-style: solid; border-color: #AAAAAA; }
.ScheduleBlockCell { border-width: 1px 1px 0 0; border-style: solid; font-weight: bold; text-align:center; border-color: #AAAAAA; white-space: nowrap; }
.UnavailableAvailableRow { cursor: hand; }
.BookedRow { background-color: #cceeFF; cursor: hand; }
.ReservedRow { background-color: #FFCC99; cursor: hand; }
.FixtureRow { background-color: white; cursor: hand; }
.AvailableRowHighlighted { cursor: hand; }
.AvailableRowSelected { cursor: hand; background-color: #eeeeee; }
.UnavailableRow { background-color: #EB6C6C; }
.AvailableRow { background-color: #A0FA9B; }
.AvailableCell { border-width: 1px 1px 0 0; border-style: solid; font-weight: bold; color: #777777; border-color: #AAAAAA; white-space: nowrap; }
.ScheduleTableHeaderCell { font-weight: bold; font-size: 14px; }
.BDateSelectionTable { width: auto; margin: 10px auto 10px auto; color: Black; background-color: #eeeeee; border-collapse: collapse; border: solid 1px #cccccc; }
.BDateSelectionTable td { font-size: 14px; font-weight: bold; padding: 5px; }
.BDLoginPanel { border: solid 1px #aaaaaa; border-collapse: collapse; width: 49% }
.BDLoginTable, .BDTable, .BList { margin: 10px auto 10px auto; width: auto; background-color: #eeeeee; font-size: 14px; color: Black; border: solid 1px #aaaaaa; border-collapse: collapse; }
.BDTable td, .BDLoginTable td { font-size: 16px; color: Black; padding: 5px; }
.BDDesc { font-weight: bold; text-align: right }
.BDLoginHeader, .BDHeader, .BListHeader td, .BookingConfirmationTableHeader { font-weight: bold; background-color: #cccccc; }
.BDLoginSubheader { font-weight: bold; text-align: center }
.BDButtons { width: auto; margin: 10px auto 10px auto; text-align: center; }
.BList td { padding: 5px; border-bottom: solid 1px #aaaaaa; border-collapse: collapse; }


/* Make Payment Page Styles */

.PMTable { width: 600px; border-collapse: collapse; border: solid 1px #cccccc; margin: 10px auto 10px auto; }
.PMTable td { font-size: 14px; padding: 5px; }
.PMDesc { text-align: right; font-weight: bold; }
.PMHeader { font-weight: bold; background-color: #cccccc; }
.PMButtons { width: auto; margin: 10px auto 10px auto; text-align: center; }
.PMData { text-align: left }

.NewPMTable {
	width: 450px;
	border-collapse: collapse;
	border: solid 1px #cccccc;
	margin: 10px auto 10px auto;
}

	.NewPMTable tr {
		border-bottom: dotted 1px #cccccc;
	}
	.NewPMTable td {
	padding: 5px;
	}

		.NewPMTable td.heading {
			font-weight: bold;
			text-align: right;
			margin-right: 5px;
		}

.BookingDate {
	border: solid 1px #cccccc;
	text-align: center;
	float: left;
	margin-right: 10px;
    margin-bottom: 5px;
	padding: 7px;
	cursor: pointer;
}

	.BookingDate div, .BookingDate input[type="radio"] {
		margin-bottom: 3px;
	}

.SelectedBookingDate {
	background-color: #cceeFF
}

.DisabledBookingDate {
	background-color: #cccccc;
	cursor: default;
}

.NewResourceBookingDateLabel {
	font-size: 0.8em;
}

.ui-slider-wrapper {
	max-width: 740px;
}



/* Front page styles */
.FrontPageLinks { width: 300px; font-weight: bold; font-size: 125%; padding: 20px; }
.FrontPageLinks div { border: 1px dotted #cccccc; padding: 10px 10px 10px 10px; margin-bottom: 20px; text-align: center; vertical-align: bottom; }
.FPFixturesAndStandings { background-color: #CCFFCC; }
.FPFindYourTeam { background-color: #CCEEFF; }
div.FPRegister { background-color: #FFFFDD; padding: 10px 10px 10px 10px; }
.FPBookACourt { background-color: #FFEEAA; }

/* Miscellaneous links */
.BackLinks { margin: 5px auto 5px auto; }


/* Competition - Details View Page */
.LeagueName { font-weight:bold ; font-size: larger; margin-bottom: 5px; margin-top:10px;}
.NameValuePairTitle { font-weight: bold; }
.NameValuePairValue { margin-left : 3px; }
.IndividualLeagueRegistrationTable { width: 100%; margin: 0 auto 20px auto; }
.IndividualLeagueRegistrationTable td { border-bottom: 1px solid #cccccc; padding: 3px; }
.IndividualLeagueRegistrationTableHeader td { font-weight: bold; }
.LoginTitle { width: auto; margin: 10px auto 20px auto; text-align: center; font-weight: bold; }
.IndividualRegistrationLeagueText { text-align: center; font-weight: bold; margin: 10px auto 10px auto; }
.LeagueType { color: #aaaaaa; }	
.LeagueDescription { margin: 3px; }
.CompetitionDetailsDescription { float: left; }
.CompetionDetailsInformation { float: right; }
a.CompetitionInformationLink { 
  display: block;
  width: 270px;
  text-align: center;
  font-weight: bold;
  background-color: #f9f9f9;
  padding: 10px;
	} 
a.CompetitionInformationLink:hover 
{
	background-color: #eeeeee;

}
.gmap_competition_venues 
{
    width: 250px;
    height: 350px; 
    cursor: pointer;
    border: 2px solid #cccccc;
}

.CompetitionInfoList li, .TeamList li { list-style-type: none; padding: 10px; }
.CompetitionInfoList, .TeamList { padding: 0; margin: 0; }


/* Tournament registration page */

.RFGradeList, .RFTeamList 
{
	list-style-type: none; padding: 5px;
}


/* Join a team request */

.JoinTeamWrapper h3 { border-bottom: 2px dotted #eeeeee; padding: 10px; }
.LoginInput { border: 1px solid #cccccc; height: 25px; font: 16px arial; margin: 3px; width: 250px; }
.LoginOrRegisterTable { width: 100%; }
.LoginOrRegisterPanel { width: 50%; height: 100% }
.LoginOrRegisterPanel table { margin: 0 auto;  height: 100%; }
.LoginRegisterLink { vertical-align: middle; text-align: center; height: 100%; }
.LoginOrRegisterSubheader { text-align: center; }
.LoginRegisterLink a { font-weight: bold; line-height: 70px; }
.JTDescription { font-weight: bold; }
.JTMessage { border: 1px solid #cccccc; height: 100px; font: 16px arial; margin: 3px; width: 600px; }


.LoginOrRegisterTable  { width: auto; margin: 0 auto 20px auto; border: solid 1px #cccccc; border-collapse: collapse; }
/* Standard entries for Softball results */
.LoginOrRegisterTable td, .LoginTable td { padding: 5px; }
.LoginOrRegisterHeader { font-weight: bold; border: solid 1px #cccccc; border-collapse: collapse; }
.LoginOrRegisterPanel { border: solid 1px #cccccc; border-collapse: collapse; width: 350px; }
.LoginRegisterLink { font-weight: bold; text-align: center; vertical-align: middle; }
.LoginOrRegisterSubheader { font-weight: bold; }

.SBResultTable td { border: 1px dotted #cccccc; border-collapse: collapse; padding: 5px; }
.SBLineScorePopup td { border: 1px dotted #cccccc; border-collapse: collapse; padding: 5px; font-size: 14px; }
.SBLineScorePopup { border-collapse: collapse; }
.SBResultTable{ border-collapse: collapse; margin: 10px auto; width: 90%; }
td.SBFillerCell { border-width: 0; }
.SBDateCell { width: 200px;}
.SBInningScore { width: 20px; font-size: 75%; text-align: center; }
.SBTotalScore { width: 40px; text-align: center; font-weight: bold;}
.SBForfeit { font-size: 75%; color: #999999; }
.SBInningHeader { font-size: 75%; text-align: center; }
.SBTotalScoreHeader { text-align: center; font-weight: bold; }
.SBTeamCell { font-weight: bold; }
.SBDate { font-weight: bold; }
.SBVenueName, .SBUmpireName  { font-size: 11px; color: #666666; }
.SBUmpireCell { color: #666666; font-weight: normal; }
.SBLineScoreWrapper { display: none; position: absolute; width: auto; background-color: white; padding: 5px; border: 1px solid #000000; }
.SBPopupTotal, .SBPopupInningScore { text-align: center; }
td.SBPopupInningScore, td.SBPopupInningHeader { font-size: 10px }
.SBPopupTeamName, .SBPopupTotal { font-weight: bold; }
.SBTPResult { text-align: center; }
.RegularFontText { font-weight: normal; }
.WinLoseOrDraw { font-weight: normal; padding-left: 5px; color: #aaaaaa; }
.STSoftballStatisticsTable { font-size: 12px; width: auto; margin: 10px 0 10px 0; }
td.Stats_PlayerName, td.Stats_TeamName { text-align: left; }

.RadCalendarPopup, .riTextBox, .rcTitle { font-family: Arial !important }
.LeagueAdvert { text-align: center; margin: 10px; display: inline-block; width: 100%; }


.StandingsToolTip
{
	display: none;
	max-width: 400px;
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	z-index: 10;
	color: Black;
	padding: 0;
	border: 1px solid #aaa;
	background-color: white;
	box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-moz-border-radius: 5px;    /* Rounded border mozilla browsers */
    -webkit-border-radius: 5px; /* Rounded border webkit browsers */
    border-radius: 5px;         /* W3c rounded border */
    font-family: Arial;
    font-size: 11px;
    color: Black;
}

.StandingsToolTip p { padding: 1px; margin: 0; font-weight: bold; }
.StandingsToolTip table { margin: 5px 0 0 0; }

.StandingsToolTip ul { margin: 0; padding: 0 }
.StandingsToolTip li { list-style-type: none; white-space: normal; text-align: left; border-bottom: 1px solid #aaa; padding: 5px; color: Black; }
.StandingsToolTip li:last-child { border-bottom-width: 0; }

.StandingsToolTip .arrow, .StandingsToolTip .arrow_overlay {
    position: absolute;  /* Position relative to the box */
    width: 0px;          /* No width */
    height: 0px;         /* No height */
    top: -10px;       /* position 15px below the bottom of the box */
    border-bottom: 10px solid #aaa;        /* The triangle */
    border-right: 10px solid transparent;  /* Right width */
    border-left: 10px solid transparent;   /* Left width */
}

.StandingsToolTip .arrowLeft
{
    left: 10px;         /* Position 40px from the right of the box */
}

.StandingsToolTip .arrowRight
{
	right: 10px;
}

.StandingsToolTip .arrow_overlay {
    top: 2px;          /* Position relative to the arrow */
    left: -10px;         /* Position relative to the arrow */
    border-bottom: 10px solid white;       /* Smaller triangle */
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.StandingsToolTip .PointsList li
{
	list-style-type: disc;
	white-space: normal; 
	text-align: left; 
	border-bottom-width: 0; 
	padding: 3px;
	margin-left: 30px;
}

.StandingsToolTipHeader { padding: 3px; font-weight: bold; text-align: left; }

#PositionsDiv input {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

#PositionsDiv label {
    font-size: 14px; 
}
#PositionsDiv td { padding: 5px; }

#PositionsDiv p 
{
	font-weight: bold;
	font-size: 14px;
}

.SetScore { font-weight: normal; }
.SetScore, .FVolleyballScore, .SetHeader {
    width: 20px;
    border: 1px dotted #ccc;
    text-align: center
}
.FVolleyballResult {
    padding: 0;
    margin: 10px 0;
    width: 100%;
    border-collapse: collapse;
}
.FVolleyballPlayingArea { border-right: 1px dotted #ccc; }
.FVolleyballTable { border-collapse: collapse; }
    .FVolleyballResult td.FDate, .FVolleyballPlayingArea, .FVolleyballHomeTeam, .FVolleyballAwayTeam {
        border: 1px dotted #ccc;
        background-color: transparent;
    }
.SetHeader {
    font-size: x-small;
    font-weight: bold;
}
.FVolleyballResult td {
    padding: 3px !important;
}
.VolleyballDateHeader { margin: 0; font-size: small; }
.FVolleyballScore { font-weight: bold; }

.ForgottenPasswordLink {
    font-size: 12px;
    font-weight: bold;
}


/* Event registration styles */
.EventDateAndLocation  { float: right; }	
.EventNameAndDescription { float: left; width: 500px;  }
.EventSplitter { clear: both; }
.EventName { color: black; display: block; margin-bottom: 20px; font-size: 16px; font-weight: bold; }
.EventDateAndLocation { width: 300px; background-color: #eee; padding: 10px; margin: 10px;}
.EventDate, .EventVenueName, .EventVenueAddress, .EventVenueMapLink { font-size: 1.5em; margin: 5px 0 5px 0; }
.EventDescription { font-family: Arial; font-size: 12px; }
.EventDate, .EventVenueName { font-weight: bold; }
.EventLocation { padding-bottom: 10px; }
.EventLocation a { font-size: 1em; }
.EventVenueMapLink { padding-bottom: 10px; }
.EventDateAndLocation .Title, .EventBuyTickets { color: black; font-size: 16px; font-weight: bold; }
.EventBuyTickets { margin-top: 10px; border-top: 1px solid #ccc; padding: 10px; text-align:center; }
.EventAttendeesTableMultipleRow td
{
	padding: 5px;
}

.EventAttendeesTableMultipleRow .EventAttendeeHeading
{
	font-weight: bold;
	font-size: large;
	margin: 10px;
}
.EventAttendeesTableMultipleRow .EventEntrantInput, .EventAttendeesTableMultipleRow .DetailsSelect, .EventAttendeesTableMultipleRow .DetailsText
{
	padding: 3px;
	width: 200px;
}

.EntrantDescriptionCell, .EventAttendeesTableMultipleRow .DetailsDescriptionCell
{
	text-align: right;
	font-weight: bold;
}

.EventAttendeesTableSingleRow .EventEntrantInputNamePart
{
	width: 100px;
}

.EventAttendeesHeader
{
	text-align: center;
	font-weight: bold;
}

.LoginOrRegisterPanel .Desc
{
    white-space: nowrap;
}

/*Sortable table styles*/
table.sortable thead tr .header { background-image: url('../Images/jQueryTablesorter/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; text-align: left; padding-right: 15px; }
table.sortable thead tr .headerSortUp { background-image: url('../Images/jQueryTablesorter/asc.gif'); }
table.sortable thead tr .headerSortDown { background-image: url('../Images/jQueryTablesorter/desc.gif'); }

/*Biathlon score service styles*/
.BiathlonTable { font-size: 12px;}
td.NameCell, th.NameCell, td.CategoryCell, th.CategoryCell { text-align: left; }
.BestTime { background-color: yellow }
.BiathlonStandings td, .BiathlonStandings th { border: 1px dotted #ccc; font-size: 12px }
.BiathlonCategorySelection { border-collapse: collapse; margin: 0 auto; }
.BiathlonCategorySelection td { background-color: #eee; border: 1px dotted #ccc; border-collapse: collapse; font-size: 12px; padding: 5px; font-weight: bold;}
.DetailsInteger
{
	width: 40px;
}
    .CalendarCell {
        height: 30px;
        width: 30px;
        text-align: center;
        vertical-align: middle;
    }

    .CalendarCell:hover {
        cursor: Hand;
        background-color: #ffcccc;
    }

span.LeagueDetailsLabel { display: inline-block; }
.BookingLoginSection .LoginBox, .BookingLoginSection .RegisterBox { float: left;width: 50%; }
.BookingLoginSection .RegisterBox { text-align: center; }
.BookingLoginSection .RegisterBox a { margin-top: 50px; }
.LoginOrRegisterHeading { text-align: center; margin-bottom: 20px}
.RegistrationDetailsMessage { display: inline-block; font-weight: bold; margin: 0 0 5px 5px; font-size: 80%; }
.CurrentlyFullMessage { color: #d11919;}


.BookingLoginSection input[type="text"], .BookingLoginSection input[type="password"] { width: 90%; }

@media only screen and (max-width: 500px) {
    .ui-slider-label-ticks .tick-label { display: none; }
    .BookingDate {
        width: 100%;
        clear: both;
}
    .BookingDate div.BookingDateLabelSection, .BookingDate input {
        float: left;
        text-align: left;
        margin-left: 10px;
    }

    .BookingLoginSection .LoginBox, .BookingLoginSection .RegisterBox { width: 100%; }

}


.checkout-description-amount-grid {
    display: grid;
    grid-template-columns: 80% 20%;
    width: 100%;
    padding: 20px;
}

.checkout-buttons-grid {
    margin-top: 20px;
    display: grid;
    grid-column-gap: 8%;
    grid-template-columns: 46% 46%;
}

.grid-item-pay-full, .grid-item-pay-share {
    text-align: center;
    justify-self: stretch;
}

    .checkout-buttons-grid .checkout-button {
        width: 100%;
        -webkit-appearance: button;
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        -ms-border-radius: .25rem;
        border-radius: .25rem;
        -ms-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        text-transform: none;
        overflow: visible;
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

        .checkout-buttons-grid .checkout-button:not([disabled]):not(.disabled) {
            cursor: pointer;
        }


        .checkout-buttons-grid .checkout-button.pay-full {
            color: #fff;
            background-color: #868e96;
            border-color: #868e96;
        }


.checkout-buttons-grid .checkout-button.pay-share {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}


@supports (-ms-ime-align: auto) {
    .grid-item-pay-full {
        margin-bottom: 20px;
    }
}

@media (max-width: 855px) {
    .checkout-buttons-grid .checkout-button {
        overflow: hidden;
        white-space: normal;
    }

    .checkout-buttons-grid {
        display: grid;
        grid-row-gap: 20px;
        grid-template-columns: 100% 100%;
        grid-template-rows: auto auto;
    }

    .checkout-description-amount-grid {
        padding: 20px 0;
    }

    .grid-item-pay-full {
        grid-column: 1/2;
        grid-row: 1;
    }

    .grid-item-pay-share {
        grid-column: 1/2;
        grid-row: 2;
    }
}

input[type="button"], input[type="submit"], button { border-color: ButtonFace; }

:focus { outline-color: #7AACFE; }

.fixtures__title-link-appendage,
.standings__title-link-appendage {
	display: inline-block;
}