/* CSS Document */
/* General HTML Tag Rules */

    html, 
    body {min-height:100%;
	padding:0;
	margin:0;
	background-image: url(manupag/template_images/background_band.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;}

#wrapper {
	width: 1164px;
	margin: 0 auto;
	padding: 0;
}

.wrapoverall {
	margin: auto;
	padding: auto;
	width: 1050px;
	height: auto;
	position: relative;
	}

#marks_box_left {
	margin: 0px 0px 0px 0px;
	position:  fixed;
	top: 6px;
	left: 0px;
	z-index: 1000;
	height: 65px;
	width: 39px;
	text-align: center;
	}

	#marks_box_4 {
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 1387px;
    left: 691px;
    z-index: 1000;
    height: 78px;
    width: 353px;
    text-align: center;
    overflow: scroll;
    overflow-x: hidden;
    white-space: nowrap;
}

.column_working_area_6 {

	width: 1040;
	background-color: white;
	text-align: center;
	}

	

	.main_working_area{
	width: auto;
	background-color: white;
	text-align: center;
	height:300px;

	}

.match_data_black_column {
	width:7px;
	background-color:black;
	text-align:Left;
	vertical-align: top;
	}

.pagetitle {
	font-size:28px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	font-weight:800;
	text-align:center;
	}

.midpagetitle {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:800;
	text-align:center;
}

.midpagetitle_left {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	font-weight:800;
	text-align:left;}

.articles_main_text {
	font-size:17px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:left;
	}

.articles_main_text_centre {
	font-size:17px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	}

.title_small_text {
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	}

.title_small_text_left {
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:left;
	}

.title_smaller_text {
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	}

.title_smaller_text_left {
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:left;
	}

.title_red_click_text {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	}

.Titles {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
    }

.Team_Header_match_page {
	font-family:
	Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-style: normal;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
    }

.small_text_match_page_left {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-align: left;
    }

.data_titles {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	font-weight:bold;
	text-align:center;
	}

.data_titles_left {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	font-weight:bold;
	text-align:left;
	}

.data_titles_yellow {
	font-size:14px;
	background-color:#00000;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF500;
	font-weight:bold;
	text-align:center;
	}

.data_fields {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	}

.data_fields_left {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:left;
	}

.data_field_yellow {
	font-size:14px;
	background-color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF500;
	text-align:center;
	font-weight:bold	 
	}

.useful_links {
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ffffff;
	text-align:center;
	background-color:#000;
	font-weight:bold;
	}

.useful_links_left {
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ffffff;
	text-align:left;
	background-color:#000;
	font-weight:bold;
	}

	

	.Table_headers {

	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#ffffff;
	background-color:#000;
	font-weight:bold;

	}

	

.actual_links {
	font-size:9pt;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	font-weight:normal
}



#match_data_box_club_match {

	margin: 0px 0px 0px 0px;

	position: absolute;

	top: 540px;

	left: 331px;

	z-index: 1000;

	height: 21px;

	width: 226px;

	text-align: left;

	font-size: 10px;

}





#players_page_goals_vs_opponents_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 229px;
	left: 42px;
	z-index: 800;
	height: 45px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_goals_v_opponents_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 270px;
	left: 42px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
}





#players_page_apps_vs_opponents_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 229px;
	left: 299px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_apps_v_opponents_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 269px;
	left: 299px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}




#players_page_matches_played_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 0px solid;
	border-radius: 5px;
	top: 799px;
	left: 45px;
	z-index: 800;
	height: 80px;
	width: 1020px;
	text-align: center;
	background-color: #000;
}

#players_page_matches_played_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 874px;
	left: 45px;
	z-index: 1010;
	height: 133px;
	width: 1007px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
}



#players_page_red_cards_title {

	margin: 0px 0px 0px 0px;

	position: Absolute;

	border: 2px solid;

	border-radius: 5px;

	top: 228px;

	left: 555px;

	z-index: 800;

	height: 40px;

	width: 247px;

	text-align: center;

	background-color: #000;

}

#players_page_red_cards_data {

	margin: 0px 0px 0px 0px;

	padding: 4px;

	position: Absolute;

	top: 269px;

	left: 556px;

	z-index: 1010;

	height: 101px;

	width: 241px;

	text-align: center;

	background-color: #FFFFFF;

	border: 1px solid;

	overflow-y: scroll;

	float: none;

}



#players_page_hat_tricks_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 228px;
	left: 815px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_hat_tricks_data {

	margin: 0px 0px 0px 0px;

	padding: 4px;

	position: Absolute;

	top: 269px;

	left: 815px;

	z-index: 1010;

	height: 101px;

	width: 241px;

	text-align: center;

	background-color: #FFFFFF;

	border: 1px solid;

	overflow-y: scroll;

	float: none;

}



#players_page_stadiums_title {

	margin: 0px 0px 0px 0px;

	position: Absolute;

	border: 2px solid;

	border-radius: 5px;

	top: 393px;

	left: 46px;

	z-index: 800;

	height: 40px;

	width: 247px;

	text-align: center;

	background-color: #000;

}

#players_page_stadiums_data {

	margin: 0px 0px 0px 0px;

	padding: 4px;

	position: Absolute;

	top: 435px;

	left: 45px;

	z-index: 1010;

	height: 101px;

	width: 241px;

	text-align: center;

	background-color: #FFFFFF;

	border: 1px solid;

	overflow-y: scroll;

	float: none;

}



.players_match_data_fields {
	font-size:7.5pt;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	}

.players_match_data_fields_left {
	font-size:7.5pt;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:left;
	}



#players_page_mufc_managers_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 393px;
	left: 303px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_mufc_managers_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 436px;
	left: 303px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}



#players_page_by_competition_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 394px;
	left: 561px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_by_competition_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 436px;
	left: 561px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}



#players_page_opponent_manager_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 395px;
	left: 817px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
background-color: #000;
}

#players_page_opponent_manager_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 436px;
	left: 816px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}



#players_page_penalties_scored_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 555px;
	left: 45px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_penalties_scored_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 593px;
	left: 45px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}

#players_page_own_goals_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 555px;
	left: 305px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_own_goals_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 596px;
	left: 304px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}


#players_page_finals_participated_in_title {
	margin: 0px 0px 0px 0px;
	position: Absolute;
	border: 2px solid;
	border-radius: 5px;
	top: 556px;
	left: 561px;
	z-index: 800;
	height: 40px;
	width: 247px;
	text-align: center;
	background-color: #000;
}

#players_page_finals_participated_in_data {
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: Absolute;
	top: 593px;
	left: 561px;
	z-index: 1010;
	height: 101px;
	width: 241px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid;
	overflow-y: scroll;
	float: none;
}

.players_pages_large_totals_yellow {
font-size:16px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF500;
text-align:center;
font-weight:bold	 
}

.players_pages_large_totals_white {
font-size:16px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFFFFF;
text-align:center;
font-weight:bold	 
}

.players_pages_season_goals_yellow {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF500;
	text-align:center;
	font-weight:bold	 
	}

.players_pages_season_apps_white {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold	 
	}

.players_pages_grand_total_goals_yellow {
	font-size:25px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF500;
	text-align:center;
	font-weight:bold	 
	}

.players_pages_grand_total_goals_white {
	font-size:25px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold	 
	}

.players_pages_no_season_black {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	font-weight:bold;
	text-align:center;
	}

.players_pages_no_season_black_norm {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:center;
	}

.players_pages_player_details_bold {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	font-weight:bold;
	text-align:left;
	}

.players_pages_player_details {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000000;
	text-align:left;
	}

<h1><?= htmlentities($player['prename'] . ' ' . $player['new_surname']) ?></h1>
            <h2>Position: <?= htmlentities($player['Position']) ?></h2><h1><?= htmlentities($player['prename'] . ' ' . $player['new_surname']) ?></h1>
            <h2>Position: <?= htmlentities($player['Position']) ?></h2><h1><?= htmlentities($player['prename'] . ' ' . $player['new_surname']) ?></h1>
            <h2>Position: <?= htmlentities($player['Position']) ?></h2><h1><?= htmlentities($player['prename'] . ' ' . $player['new_surname']) ?></h1>
            <h2>Position: <?= htmlentities($player['Position']) ?></h2><h1><?= htmlentities($player['prename'] . ' ' . $player['new_surname']) ?></h1>
            <h2>Position: <?= htmlentities($player['Position']) ?></h2><h1><?= htmlentities($player['prename'] . ' ' . $player['new_surname']) ?></h1>
            <h2>Position: <?= htmlentities($player['Position']) ?></h2>@charset "UTF-8"; 
/* CSS Document */

/* ----------------------------------------
   GLOBAL RESET & BASE
   ---------------------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: Arial, sans-serif;
    line-height: 1.5;
    color: #222;
    background: #f9f9f9;
}
p {
	
}

a {
	
}

a:hover {
	
}

hr {
	
}



.player-container {
    max-width: 1200px;
    margin: 1rem auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ------------------------------
   PLAYER HERO SECTION
   ------------------------------ */
.player-hero {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.hero-left img {
    border-radius: 8px;
    object-fit: cover;
}
.hero-right {
    flex: 1;
}
.hero-right h1 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #c00;
}
.hero-right h2 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: #444;
}
.player-details {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem 1rem;
}
.player-details li {
    font-size: 0.95rem;
}
.player-details li strong {
    display: inline-block;
    width: 140px;
    color: #222;
}

/* ------------------------------
   MISC INFORMATION
   ------------------------------ */
.player-misc {
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.player-misc h2 {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    color: #c00;
}

/* ------------------------------
   STATS TABLES
   ------------------------------ */
.stats-table,
.totals-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
}
.stats-table th,
.stats-table td,
.totals-table th,
.totals-table td {
    border: 1px solid #ddd;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.9rem;
}
.stats-table th {
    background: #f0f0f0;
    font-size: 0.7rem;
}
.stats-table tbody tr:nth-child(even) {
    background: #f9f9f9;
}
.stats-table .total-col {
    background: #111;
    color: #ffd700;
    font-weight: bold;
}
.totals-table th {
    background: #c00;
    color: #fff;
    font-size: 1rem;
}
.totals-table tbody tr:nth-child(even) {
    background: #;
}
.totals-table .grand-total td {
    background: #000;
    color: #ffd700;
    font-weight: bold;
}
.number {
    text-align: right;
    font-family: monospace;
}

/* ------------------------------
   CHARTS SECTION (LAZY LOADING)
   ------------------------------ */
.charts-section {
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.charts-section h2 {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #c00;
}
.chart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}
.chart-card {
    position: relative;
    background: #fafafa;
    border: 3px solid #000;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 1rem;
}
.iframe-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 ratio */
    background: #fafafa;
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: -1px;
    width: 1000px;
    height: 100%;
    border: 0;
}
.iframe-loader {
	position: absolute;
	top: 3px;
	left: -18px;
	width: 1023px;
	height: 592px;
	background: rgba(255,255,255,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	color: #fafafa;
	z-index: 2;
}
.chart-card h3 {
    margin: 0.75rem 1rem 0;
    font-size: 1rem;
    text-align: center;
}

/* ------------------------------
   SEO INFO
   ------------------------------ */
.seo-info {
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    font-size: 0.9rem;
    line-height: 1.4;
}



.pagetitle-red {
	font-size:28px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:800;
	text-align:center;
	color:#FF0004;
	}

.pagetitle-red-left {
	font-size:28px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:800;
	text-align:left;
	color:#FF0004;
	}

.players_pages_sub_head {
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FF0004;
	text-align:left;
	}

.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Equal spacing across all 24 columns */
#goals-apps-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;           /* crucial for equal widths */
}

#goals-apps-table col {
  width: calc(100% / 24);        /* evenly divide table width */
}

#goals-apps-table caption {
  padding: .5rem 0;
}

#goals-apps-table th,
#goals-apps-table td {
  text-align: center;
  padding: .5rem .4rem;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  word-wrap: break-word;
}

#goals-apps-table thead th {
  background: #000;
  color: #fff;
  font-weight: 600;
}

#goals-apps-table thead tr:nth-child(2) th {
  background: #222;
}

#goals-apps-table .totals th,
#goals-apps-table .totals td {
  background: #000;
  color: #fff;
  font-weight: 700;
}

#goals-apps-table img {
  height: 16px;
  width: auto;
  display: inline-block;
}

/* Optional: sticky header on large screens */
@media (min-width: 900px) {
  #goals-apps-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
  }
}