*{
	padding: 2px 2px;
	margin: auto;
	font-family: 'Oxygen', sans-serif;
	Font-size: 1.05em;
}

#main{
	width: 900px;
	margin: auto;
	margin-top:5px;
}

#main h1{
	font-size: 1.5em;
	text-transform: uppercase;
	color: #fff;
//	background: #009999;
	background: #FF9A0C;
	padding: 10px;
	text-align: center;
//	line-height: 18px;
}

#main h2{
	font-size: 0.8em;
	color: #fff;
	background: #FF9A0C;
	padding: 10px;
	text-align: center;
}


table tbody tr th {
	text-align: center;
}

.chart_player{
	font-size: 0.7em;
	width: 900px; 
	height: 300px;
}

.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(300deg);
}

.verticalTableHeader:before {
    content:'';
    padding-top:-30%;/* takes width as reference, + 10% for faking some extra padding */
	padding-left:0%;
	padding-right:0%;
	padding-bottom:20%;
    display:inline-block;
    vertical-align:middle;
}