html {
	height: 101%;
}

@font-face {
font-family: 'Old newspaper font';
font-style: normal;
font-weight: normal;
src: local('Old newspaper font'), url('Old Newspaper Font.woff') format('woff');
}

pre {
font-family: 'Courier New', monospace;
font-size: 1.3em;
}

body {
	text-align:center;
	background: rgb(255, 255, 255);
	margin: 0px;
	font-family: Verdana;
	color: blue;
}

h2 {
    font-size: 1.1em;
}

#wrapper {
	margin: 0 auto;
	width: 790px;
	text-align:left;
	background: rgb(255, 255, 255);
	border: 1px solid red;
	font-size: 8px;
	border-radius: 25px;
}

#header {
	font-family: Verdana;
	font-size: 6.4em;
	text-align: center;
	color: red;
}

#subheader {
	font-family: Verdana;
	font-size: 2em;
	text-align: center;
	color: red;
	margin-bottom: 5px;
}

#footer {
	text-align: center;
	color: red;
	margin-bottom: 5px;
	padding-top: 5px;
	border-top: 1px solid red;
	font-size: 0.7em;
	width: 100%;
}

td {
	padding-bottom: 5px;
}

th {
	border-bottom: 1px solid red;
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}

.warning {

	border: 2px solid red;
	padding-top: 2px;
	font-family: Verdana;
	text-align: center;
	text-align-last: center;
	font-size: 1em;
	font-weight: normal;
}

.information {

	border: 1px solid green;
	color: green;
	padding: 2px;
	font-family: Verdana;
	text-align: center;
	text-align-last: center;
	font-size: 1em;
	font-weight: normal;
}

d2 {
	font-family: Verdana;
	text-align: justify;
	text-align-last: justify;
	font-size: 1em;
	font-weight: normal;
}

d2:after {
	font-family: Verdana;
	content: "";
	display: inline-block;
	font-size: 1em;
	width: 100%;
}

.comp_title {
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}

.tablebuffer {
	border-bottom: 1px solid red;
}

.tabletotalbuffer {
	padding-top: 3px;
}

.res_table {
	font-size: 1.0em;
}

.res_home {
	color: blue;
	text-decoration: none;
}

.res_home a {
	border-bottom: none;
}

.res_home a:visited {
	border-bottom: none;
}

.res_home:hover {
	background: red;
}

.res_neutral {
	border-bottom: 1px solid red;
	color: green;
	text-decoration: none;
}

.res_neutral a {
	border-bottom: none;
}

.res_neutral a:visited {
	border-bottom: none;
}

.res_neutral:hover {
	background: red;
}

.res_away {
	border-bottom: 1px solid red;
	color: black;
	text-decoration: none;
}

.res_away a {
	border-bottom: none;
}

.res_away a:visited {
	border-bottom: none;
}

.res_away:hover {
	background: red;
}

.res_postponed {
	color: darkgoldenrod;
	text-decoration: none;
}

.res_abandoned {
	color: grey;
	text-decoration: none;
}

.res_postponed a {
	border-bottom: none;
}

.res_postponed a:visited {
	border-bottom: none;
}

.res_postponed:hover {
	background: red;
}

.res_date {
	width: 10%;
}

.res_venue {
	width: 3%;
}

.res_opponent {
	color: blue;
	text-decoration: none;
	width: 37%;
}

.res_competition {
	width: 61%;
}

.res_result {
	width: 6%;
}

.res_comment {
	color: red;
	font-style: italic;
}

.res_show_comment {
	color: blue;
	text-align: right;
}

.res_show_season_stats {
	color: blue;
	text-align: center;
}

.rep_home_team {
	float: left;
	width: 44%;
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
}

.rep_pad_team {
	float: left;
	width: 9%;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}

.rep_score {
	font-size: 1.3em;
	float: left;
	width: 17%;
	font-weight: normal;
	text-align: center;
}

.rep_team_home {
	float: left;
	text-align: right;
	font-size: 1.3em;
	font-weight: normal;
	padding-right: 10px;
	width: 40%;
	color: royalblue;
}

a#rep_team_home_link {
	float: left;
	text-align: right;
	font-size: 1.3em;
	font-weight: normal;
	padding-right: 10px;
	width: 40%;
	color: royalblue;
}

.rep_team_away {
	float: right;
	text-align: left;
	font-size: 1.3em;
	font-weight: normal;
	padding-right: 10px;
	width: 40%;
	color: royalblue;
	padding-bottom: 5px;
}

.rep_comment {
	clear: both;
	padding-top: 10px;
	color: red;
	font-size: 1.0em;
	text-align: center;
}

.rep_home_lineup {
	padding-top: 5px;
	text-decoration: none;
	color: black;
}

.rep_away_lineup {
	padding-top: 5px;
}

.wfclineup {
	float: left;
	width: 45%;
}

.wfclineupaway {
	float: right;
	width: 45%;
}

.wfclineuptitle {
	text-align: right;
	margin-right: 10px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
}

.wfclineupline {
	clear: both;
}

.wfclineupnum {
	float: right;
	width: 4%;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
	height: 19px;
}

.wfclineupname {
	float: right;
	margin-right: 10px;
	text-align: right;
}

.wfclineupinfo {
	float: right;
	text-align: right;
	margin-right: 10px;
}

.opplineup {
	float: right;
	width: 45%;
}

.opplineupaway {
	float: left;
	width: 45%;
}

.opplineuptitle {
	text-align: left;
	margin-left: 10px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
}

.opplineupline {
	clear: both;
}

.opplineupnum {
	float: left;
	width: 4%;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	height: 19px;
}

.opplineupname {
	float: left;
	margin-left: 10px;
	text-align: left;
}

.opplineupinfo {
	float: left;
	text-align: left;
	margin-left: 10px;
}

.sub_time {
	font-size: 0.7em;
	height: 19px;
	vertical-align: bottom;
}

.short_of_players {
	color: red;
}

.rep_link {
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.rep_text {
	font-size: 0.8em;
}
a, img {
	border: 0;
	outline: none;
}

.dropcap {
  color: royalblue;
  float: left;
  font-family: Verdana;
  font-size: 36px;
  line-height: 27px;
  padding-top: 2px;
  padding-right: 1px;
}

.rep_back_arrow {
	float: left;
	width: 33%;
	padding-top: 5px;
	text-align: center;
}

.rep_last_arrow {
	float: left;
	width: 33%;
	padding-top: 5px;
	text-align: left;
}

.rep_next_arrow {
	float: right;
	width: 33%;
	padding-top: 5px;
	text-align: right;
}

.rep_arrow {
	text-decoration: none;
	font-size: 0.8em;
}

.show_comments {
	border-top: 1px solid red;
}

.table_comment {
	color: red;
	font-style: italic;
	font-size: 0.8em;
}

.lineup {
	color: blue;
	font-size: 0.7em;
}

.table {
	text-align: right;
}

.ttable {
	text-align: right;
	padding-top: 5px;
}

.ttablem {
	text-align: right;
	padding-top: 5px;
	color: red;
}

.ttablec {
	text-align: left;
	font-style: italic;
	padding-top: 5px;
	color: red;
}

.tableh {
	text-align: right;
	font-size: 0.8em;
	width: 6%;
}

.tablehp {
	text-align: right;
	font-size: 0.8em;
	width: 5%;
}

.image_comment {
	text-align: center;
	font-size: 0.8em;
	color: rgb(38, 38, 162);
}

#inner_table {
	border-top: 1px solid red;
	padding:8 8 0 8;
	width: 100%;
}

span.player_name {
	font-size: 0.8em;
	font-weight: bold;
}

span.player_title {
	font-size: 0.8em;
	font-weight: bold;
}

span.player_name_non_competitive a {
	font-size: 0.8em;
	font-weight: bold;
}

span.player_name_reserves {
	font-size: 0.8em;
	font-weight: bold;
}

span.player_name a {
	text-decoration: none;
	color: black;
}

span.player_name_non_competitive a {
	text-decoration: none;
	color: dimGrey;
}

span.player_name_reserves a {
	text-decoration: none;
	color: #93BB93;
}

span.player_years {
	font-size: 0.6em;
}

span.player_title {
	font-size: 1.6em;
	font-weight: bold;
}

span.player_active {
	font-size: 0.8em;
}

.player_info {
	overflow: hidden;
	padding-bottom: 12px;
}

.player_header {
	color: blue;
	font-weight: bold;
}

.player_dates {
	font-size: 0.9em;
}

.player_image_outside {
	float: right;
	margin-bottom: 4px;
}

.player_image_box {
	border: 2px solid red;
	padding: 6px;
	margin-left: 12px;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 8px;
}

.player_info_box {
	width: 150px;
	border: 2px solid red;
	padding: 6px;
	margin-left: 12px;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 8px;
	font-size: 88%;
}

.player_auto_box {
	width: 150px;
	border: 2px solid red;
	padding: 6px;
	margin-left: 12px;
	text-align: left;
	border-radius: 15px;
	font-size: 88%;
}

.player_bio {
	padding-bottom: 12px;
	text-align: justify;
}

.player_stats {
	margin-top: 12px;
	padding-bottom: 12px;
	font-family: "courier new";
}

.player_stats a {
	text-decoration: none;
}

.player_genealogy_info {
	font-size: 0.8em;
}

.player_genealogy {
	border: 1px solid red;
	background: rgb(236, 233, 196);
	overflow: hidden;
	padding: 6px;
	margin-bottom: 12px;
}

.player_add_comments {
	font-size: 0.9em;
	border: 1px solid red;
	background: rgba(196, 201, 236, 0.4);
	overflow: hidden;
	padding: 6px;
	margin-bottom: 12px;
}

form {
	margin-bottom: 0px;
}

textarea {
	border: 1px solid red;
	background: rgba(196, 201, 236, 0.4);
	width: 100%;
	height: 50px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.p_comment_submit {
	float: right;
}

input[type=submit] {
	border: 1px solid red;
	background: silver;
}

input[type=text] {
	border: 1px solid red;
	background: rgba(196, 201, 236, 0.4);
	width: 80%;
}

.player_image_missing {
	margin-bottom: 8px;
}

#pinfo {
	font-weight: normal;
	color: rgb(126, 126, 126);
}

#advert {
      font-size: 0.7em;
}

.team_print_year {
	display: none;
}

.team_image {
	padding-top: 10px;
	border-top: 1px solid red;
	padding-bottom: 8px;
}

.action_image {
	background: transparent;
	border: 1px solid red;
	padding: 8px;
	width: 750px;
	text-align: center;
	border-radius: 10px;
}

.action_image_img {
	border-radius: 10px;
}

p.introduction:first-letter {
	font-size : 300%;
	font-weight : bold;
	float : left;
	width : 1em;
	color : #c00;
}
.picholder:hover .image_missing_overlay{opacity:1;}
.picholder:hover .image_missing_overlay_pic{opacity:0.7;}

.image_missing_overlay {
  bottom: 0;left: 0; top: 0; right: 0;
  height: 16px;
  width: 16px;
  margin: auto;
  position: absolute;
  background-color:#3f3f3f;
}

.rep_details {
	width: 100%;
}

.rep_prog {
	float: left;
	width: 50%;
	text-align: right;
	overflow: hidden;
}

.rep_title {
	padding-bottom: 5px;
	font-size: 2.0em;
	text-align: center;
}

.rep_date {
	padding-bottom: 2px;
	font-size: 1.5em;
	text-align: center;
}

.rep_ref {
	padding-bottom: 2px;
	text-align: center;
	font-size: 1em;
}

.rep_comp {
	padding-bottom: 2px;
	text-align: center;
	font-size: 1.6em;
}

.rep_attendance {
	padding-bottom: 4px;
	text-align: center;
	font-size: 1em;
}

.rep_venue {
	padding-bottom: 2px;
	text-align: center;
	font-size: 1.2em;
}

.rep_neutral {
	padding-bottom: 2px;
	text-align: center;
	font-size: 1.2em;
}

.rep_info {
	float: left;
	width: 78%;
}

.rep_halftime {
	font-size: 0.6em;
}

.rep_edit_detail {
	padding-bottom: 2px;
	width: 10%;
	float: right;
}

.rep_edit_detail_text {
	text-align: center;
}

.rep_edit_detail_text a {
	font-size: 1.3em;
	text-decoration: none;
	color: green;
}

.rep_edit_lineups {
	padding-bottom: 2px;
}

.rep_edit_lineups_text {
	text-align: center;
}

.rep_edit_lineups_text a {
	text-decoration: none;
	color: green;
}

.programme {
	float: left;
	width: 10%;
	text-align: left;
	padding-left: 5px;
}

.ticket {
	float: right;
	width: 10%;
	text-align: right;
}

.teamsheet {
	float: left;
}

.parent {
	display: flex;
	flex-wrap: wrap; // allow wrapping items
	margin: 10px;
}

.child {
	flex-grow: 1;
	flex-basis: 20%; // 50% for two in a row, 33% three in a row etc.
	padding-bottom: 10px;
	margin: -1px 0 -1px 0
}


tr.trLink {
	cursor: pointer;
	border-bottom: 1px solid red
}
tr.trLink:hover {
   background-color: red;
}
tr.trLink a{
	display: block;
	height: 100%;
	width: 100%;
}
tr.trLink:hover a{
   color: white;
}