@charset "utf-8";
/* CSS Document */
body {
	background-color: #000;
	color: #fff;
	font-family: 'Gotham Book', Gotham-Book, Arial, sans-serif;
}

h1{
	margin: 0;
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #fff;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li .tablinks, ul.tab li .tabgraphlinks {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li .tablinks:hover, ul.tab li .tabgraphlinks:hover {
	background: #3a3737;
	-webkit-box-shadow:inset 0px 0px 0px 2px #255e73;
    -moz-box-shadow:inset 0px 0px 0px 2px #255e73;
    box-shadow:inset 0px 0px 0px 2px #255e73;
	cursor: pointer;
}

/* Create an active/current tablink class */
ul.tab li .tablinks:focus, ul.tab li .tabgraphlinks:focus, .active-tab {
	background-color: #3a3737;
	-webkit-box-shadow:inset 0px 0px 0px 2px #255e73;
    -moz-box-shadow:inset 0px 0px 0px 2px #255e73;
    box-shadow:inset 0px 0px 0px 2px #255e73;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 6px;
    border: 1px solid #fff;
    border-top: none;
}

.tabgraphcontent {
    display: none;
    padding: 6px 6px;
    border: 1px solid #fff;
    border-top: none;
}

table {
	border: 1px solid #fff;
	padding: 2px;
    color: #fff;
    white-space: nowrap;
}

.arena-player-rank {
	background-color: #3a3737;
	text-align: center;
}

.arena-player-rank td{
	padding: 5px;
}

.playlist-weapon{
	margin-top: 10px;
	background-color: #3a3737;
	text-align: center;
}

.playlist-weapon td{
	padding: 2px;
}

.weapon-image{
    width: auto;
    height: 75px;
}

.playlist-ranking-container{
	display: inline-block;
}

.buttons {
	border-radius: 4px;
	color: #fff;
	background: #717171;
	margin: 5px;
	border: 1px solid #255e73;
}

.buttons:hover {
	background: #4a4949;
	-webkit-box-shadow:inset 0px 0px 0px 1px #255e73;
    -moz-box-shadow:inset 0px 0px 0px 1px #255e73;
    box-shadow:inset 0px 0px 0px 1px #255e73;
	cursor: pointer;
}
#player-select-form select{
	background: #3a3737;
    color:  #fff;
}

#player-select-form select option:hover{
	-webkit-box-shadow:inset 0px 0px 0px 1px #255e73;
    -moz-box-shadow:inset 0px 0px 0px 1px #255e73;
    box-shadow:inset 0px 0px 0px 1px #255e73;
}

#player-select-form select option:active{
	background: #255e73;
}

.match-table {
	border: 1px solid #fff;
	padding: 2px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.65);
}

.match-table thead td:hover, .arena-player-rank thead td:hover, .playlist-weapon thead td:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
	color: #255e73;
}

.match-table td {
	padding: 2px;
}

.main-match-table{
	margin-bottom: 25px;
}

.sorttable_sorted, .sorttable_sorted_reverse {
	color: #255e73;
	background-color: rgba(0, 0, 0, 0.8);
}
.hide {
	display:none;
}

#season-stat-container {
	display: inline-block;
}

.charts-main-container {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 910px;
}

.chart-container-full {
	min-width: 700px;
	height: 400px;
	margin: 0 auto;
	display: inline-block;
	width: 100%;
	/*border: 1px solid #fff;*/
	position: relative;
}

.match-win {
	color: #5EBA7D;
}

.match-loss{
	color: #E86441;
}

.session-group{
    border: 2px solid;
    width: 910px;
    padding: 5px;
    margin-bottom: 10px;
}

.session-header{
    padding: 5px;
    cursor: pointer;
}

.session-header:hover {
	cursor: pointer !important;
	color: #255e73 !important;
}

.session-content{
    padding: 5px;
    display: none;
}

.session-graph-container{
    display: none;
}

.top-dog{
    background-color: rgba(212, 165, 32, 0.8);
}
#pagination a {
	text-decoration: none !important;
}

#loadingCover {
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

a {
	text-decoration: none !important;
	color: inherit; 
}
a:hover {
	cursor: pointer !important;
	color: #255e73 !important;
}

.player-select-button-container {
    margin: 5px 0px 5px 0px
}

.player-select-button {
    padding: 5px 5px;
}

.player-select-button:hover{
	color: #FFF !important;
}

.player-select-button.down {
	background-color: #3a3737;
	border-radius: 2px;
	-webkit-box-shadow:inset 0px 0px 0px 2px #255e73;
    -moz-box-shadow:inset 0px 0px 0px 2px #255e73;
    box-shadow:inset 0px 0px 0px 2px #255e73;
}