/*The var(--) are set in the main page, they filter into here*/
.cd-header, #f, #r, #t
{
	font-family: Arial, Helvetica, sans-serif !important;
	margin-bottom: 10px;
}
.cd-table-header
{
	width:100%;
	margin-bottom: 0px;
}
td.cd-button
{
	width: 33%;
}
button.cd-tab
{
	display:block;
	background-color: var(--ctclubstats_colour_main) !important;
	color: var(--ctclubstats_colour_secondary) !important;
	width: 100%;
	height:100%;
	line-height: 35px;
	text-align: center;
	font-size: 1em;
	cursor:pointer;
	border: 1px solid var(--ctclubstats_colour_secondary) !important;
}
button.cd-tab.active,
button.cd-tab.active:hover
{
	background-color: var(--ctclubstats_colour_secondary) !important;
	color: var(--ctclubstats_colour_main) !important;
	border: 1px solid var(--ctclubstats_colour_main) !important;
}
button.cd-tab:hover{
	background-color: var(--ctclubstats_colour_secondary) !important;
	color: var(--ctclubstats_colour_main) !important;
	border: 1px solid var(--ctclubstats_colour_main) !important;
}
/* Style the tab content tc */
.tc{
	display: none;
}
.tc.active
{
	display: block;
}
/*months table f_mth*/
table.mths
{
	margin-top: 7px;
	margin-bottom: 7px;
	margin:auto;
	width: 100%;
	padding: 0px 5px 0px 5px;
	margin-bottom: 10px;
}
table.mths td
{
	width: 33%;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:4px;
}table.mths td:first-child {
	padding-left:0px;
}
table.mths td a{
	text-decoration: none !important;
}
div.mth{
	width:100%;
	height: 100%;
	background-color: var(--ctclubstats_colour_monthtable_main) !important;
	border: 1px solid var(--ctclubstats_colour_monthtable_secondary) !important;
	text-align: center;
	line-height: 30px;
}a div.mth{
	color: var(--ctclubstats_colour_monthtable_secondary) !important;
	text-decoration: none;
}a:hover div.mth{
	color: var(--ctclubstats_colour_monthtable_main);
	background-color: var(--ctclubstats_colour_monthtable_secondary) !important;
	border: 1px solid var(--ctclubstats_colour_monthtable_main) !important;
}

/*month header*/
.mth_h{
	float: left;
	background-color: var(--ctclubstats_colour_monthheader_main) !important;
	width:85%;
	padding: 5px 0px 5px 0px;
	border: 1px solid var(--ctclubstats_colour_monthheader_secondary) !important;
	text-align:center;
	overflow: hidden;
	margin-left: 7px;
	text-decoration: none;
	color: var(--ctclubstats_colour_monthheader_secondary) !important;
}.mth_h a{
	color: var(--ctclubstats_colour_monthheader_secondary) !important;
	text-decoration: none;
}/*div*/.top{
	width: 12%;
	float: right;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

/*game date header*/
.g_dte td{
	text-align:center;
	background-color: var(--ctclubstats_colour_gamedate_main)  !important;
	color: var(--ctclubstats_colour_gamedate_secondary)  !important;
	width: 100%;
	padding: 5px 0px 5px 0px;
}
/*alternate colouring*/
tr.t_a, tr.t_a td,
tr.r_a, tr.r_a td,
tr.f_a, tr.f_a td{
	background-color: var(--ctclubstats_colour_table_main) !important;
	color: var(--ctclubstats_colour_table_main_text) !important;
}
tr.t_b, tr.t_b td,
tr.r_b, tr.r_b td,
tr.f_b, tr.f_b td{
	background-color: var(--ctclubstats_colour_table_alternate) !important;
	color: var(--ctclubstats_colour_table_alternate_text) !important;
}
.f_spcr{
	line-height:0.25em;
}

/*fixtures*/
table.f_t{
	width:100%;
	padding: 0px 5px 0px 5px;
}
/*tr*/.f_g {  /*special*/
	background-color: gold;
	color: black;
	font-weight: bold;
}
/*tr*/.f_h, .f_h td {  /*we home*/
	background-color: var(--ctclubstats_colour_fixture_home) !important;
	color: var(--ctclubstats_colour_fixture_home_text) !important;
}
/*td*/.f_n{  /*fixture team*/
	padding-left: 5px;
	width: 10%;
}
/*td*/.f_v{  /*opposition*/
	padding-left: 5px;
	width: 45%;
}
/*td*/.f_k{
	padding-left: 5px;
	width: 45%;
}

/*RESULTS*/
#timer{
	width: 100%;
	text-align: center;
}
table.r_t{
	width:100%;
	padding: 0px 5px 0px 5px;
}
.r_t td{
	padding: 5px 0px 5px 0px;
}
td.r_h, td.r_a {
	width: 40%;
	padding-left: 5px;
}
td.r_hs, td.r_as{
	text-align: center;
	width: 10%;
}
.rngr{
	background-color: var(--ctclubstats_colour_result_team) !important;
	color: var(--ctclubstats_colour_result_team_text) !important;
}

/*TABLES*/
table.t_d{
	width: 100%;
	padding: 0px 5px 0px 5px;
	text-align: right;
}
table.t_d td{
	padding-right: 3px;
}
table.t_d td.t_p{
	text-align:right;
}
tr.t_n{
}
.t_n td{
	border: 1px solid var(--ctclubstats_colour_monthheader_secondary) !important;
	padding: 5px 0px 5px 0px;
	background-color: var(--ctclubstats_colour_monthheader_main) !important;
	text-align: center;
	color: var(--ctclubstats_colour_monthheader_secondary) !important;
}
.t_h{
}
.t_d .p{
	width: 7%;
}
.t_d .tm{
	text-align: left;
	padding-left: 5px;
	padding-right: 0px !important;
}
tr.t_a td, tr.t_b td, tr.t_c td{
	text-align:right;
	margin-right: 10px;/*numbers to be right aligned*/
}
th.p{
	text-align:right;
}

@media (min-width: 768px) {
	th.p{padding-right: 20px;}
}

tr.t_c, tr.t_c td{
	background-color: var(--ctclubstats_colour_table_team) !important;
	color: var(--ctclubstats_colour_table_team_text) !important;
}
td.t_top{
	padding: 15px 0px 15px 0px;
}

/*FA Links*/
div.fa_ftr{
	width: 97%;
	text-align: center;
}
table.fa{
	width: 100%;
}

/*Copyright*/
.sp{
	text-align: center;
}

small{
	font-size: 0.5em;
	text-align: right;
}
#o{width:100%; text-align: center;  font-size: 0.5em;}