﻿.leftOfAd {
   width: 100%;
}

.statsTab .statsContainer {
   float: left;
   clear: both;
   height: auto;
   border-top: solid 1px #555555;
}

.teamTotalsContainer {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   margin: 0px 0px 0px 0px;
   background: var(--pres-main-bg-light);
   border-bottom: solid 5px #ffffff;
}

.totalsInsideWrap {
   float: left;
   width: 100%;
   height: auto;
   margin: 0px 0px 0px 0px;
   border-bottom: dotted 1px #bbbbbb;
	padding: 5px;
}

.totalsHeadingWrap {
   width: 710px;
   float: left;
   height: 50px;
   border-bottom: solid 5px #bbbbbb;  
}

.teamTotalHeader {
   float: left;
   width: 98.25%;
   margin: 0px 0px 0px 0px;  
   background-image: url(/images/orgDots.png);
   color: var(--pres-light-fg-color);
   font-family: bebas;
   font-size: 2em;
   padding: 2% 1%;
}

.totalsHeader {
   font-size: .8em;
	
   color: var(--pres-main-fg-color);
   padding: 5px 5px 0px 0px; 
   float: left;
   clear: both;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
	max-width: 80%;
}

.teamTotalCol {
   float: left;
   width: 50%;
	padding: 10px;
}

.totalsValueWrap 
{
    border-bottom: 5px solid #BBBBBB;
    float: left;
    height: 30px;
    width: 240px;
}

.totalsValue {
   color: var(--pres-main-fg-color);
   font-size: .8em;
	font-weight: bold;
	
   padding: 5px 0px 0px 0px;
   float: right;
}

.catHeader {
   float: left;
   width: 100%;
   padding: 0px 0px 0px 0px;
   font-size: 1.25em;
	font-weight: bold;
	
	line-height: 1em;
}

.statsContent {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   background: var(--pres-main-bg-light);
}

.statsComingSoon {
   width: 560px;
   height: 300px;
   float: left;
   background-image: url(/images/statsSoon.png);
}

.statSwitch 
{
   float: left;
   height: auto;
   padding: 0px 20px 20px 20px;
   width: 300px;
   box-shadow: 0px 0px 5px #000000;
}

#statSwitch
{
   cursor:pointer;
}

.switchTitle 
{
   color: var(--pres-main-fg-color);
   font-size: 121pt;
   border-bottom: 1px solid #000000;
   font-family: bebas;
   padding: 0px 0px 0px 0px;
}

.switchBotC
{
   float: left;
   clear: both;
   width: 100%;
   padding:10px;
}

.switchBot {
   position: relative;
   margin: auto;
   width: 100%;
}

.borderTop {
   float: left;
   clear: both;
   height: 0px;
   width: 300px;
   border-top: solid 1px #3a3a3a;  
}

.statsSwitch 
{
   float: left;
   width: 62px;
   height: 31px;
   background-size: 100%;
   background-image: url(/images/switch.png);   
   margin: 0px 0px 0px 0px;
}

.statsSwitch2 
{
   float: left;
   width: 62px;
   height: 31px;
   background-size: 100%;
   background-image: url(/images/switch2.png);   
   margin: 0px 0px 0px 0px;
}

.tHeader {
   float: left;
   position: relative;
   top: -18px;
   left: 20px;
   width: 194px;
   height: 106px;
   z-index: 2;
}

.header {
   position: relative;
   top: -13px;
   left: 20px;
   width: 194px;
   height: 106px;
   z-index: 2;
}

.headTriangle {
   float: left;
   width: 0px;
   height: 0px;
   border-top: solid 10px transparent;
   border-bottom: solid 0px transparent;
   border-right: solid 15px #000000;
   margin: 3px 0px 0px 0px;
}

.leftHeader {
   float: left;
   height: 76px;
   width: 174px;
   background-image: url(/images/pentagon.png);
   background-repeat: no-repeat; 
   text-align: center;
   padding: 30px 0px 0px 0px;
   font-family: bebas;
   font-size: 18pt;
   color: var(--pres-main-fg-color);
   text-shadow: 0px 1px 1px #dddddd;
   margin: 0px 0px 0px -7px;
}

.midHeader {
   border: solid 5px #bbbbbb;
   float: left;
   height: 39px;
   width: 940px;
   padding: 10px 0px 10px 10px;
   background: var(--pres-soft-black);
   font-family: bebas;
   font-size: 3em;
   color: #bbbbbb;
   box-shadow: 0px 1px 1px #555555;
   background-image: url(/images/orgDots.png);  
   margin: 0px 0px 1px 0px;
}

.stats {
   float: left;
   clear: both;
   width: 100%;
   height: auto;
}

.statTab {
   float: left;
   width: 33.333%;
	padding: 10px;
}

.sub {
   padding: 0px !important;
   width: 100%;
}

.statsTab {
   width: 100%;
   float: left;
   margin: 0px 0px 0px 0px;  
}

.statsTitle {
	float: left;
   width: 100%;
   font-size: 1em;
   font-weight: bold;
   cursor: pointer;
	padding-bottom: 5px;
}

.statsLeaders {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
}

.statLeader {
	display: none;
}

.statLeaderFirst {
   float: left;
   clear: both;
   width: 100%;
   padding: 5px 0px;
	border-top: solid 1px #dddddd;
	vertical-align:middle;
}

.statLeaderFirst a
{
	display: inline-block;
	text-decoration: none;
	width: 100%;
}

.leaderName {
	float: left;
   font-size: .9em;
   color: var(--pres-main-fg-color);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 0px;
   height: auto;
   position: relative;
   
}

.leaderRest .statLeader {
   border-top: solid 1px #ffffff;
   border-bottom: solid 1px #bbbbbb;
}

.leaderStat {
	display:inline-block;
   color: var(--pres-main-fg-color);
   font-size: .9em;
   padding: 0px;
	font-weight: bold;
	text-transform: uppercase;
	float:right;
}

.top 
{
	font-weight: bold;
	text-transform: uppercase;
}

.userPhotoContainer {
	position: relative;
	margin: 0px;
   max-width: 50px;
	display: inline-block;	
	vertical-align:middle;
}

.userPhoto 
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
   max-width: 100%;
   max-height: 100%;
}

.leaderTriangle {
   float: left;
   clear: both;
   width: 15px;
   height: 200px;
   background-image: url(/images/leadTriangle.png);
   background-repeat: no-repeat;
   display: none;
}

.statCat 
{
   float: left;
   width: 100%;
}

.statHeader
{
   color: var(--pres-light-fg-color);
   font-size: 1.25em;
	font-weight: bold;
   padding: 10px;
   width: 100%;
   background: var(--pres-soft-black);
	clear: both;
   margin: 0px 0px 0px 0px;
}

.teamTab
{
   display: none;
   float: left;
   height: auto;
   width: 100%;
}

.statsWrapper 
{
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	clear:both;
}

.statVal
{
   cursor: default;
}

.bottomBar {
   float: left;
   clear: both;
   height: 20px;
   background: #bbbbbb; /* Old browsers */
   background: -moz-linear-gradient(top,  #bbbbbb 0%, #888888 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#888888)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #bbbbbb 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #bbbbbb 0%,#888888 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  #bbbbbb 0%,#888888 100%); /* W3C */
   box-shadow: 0px 0px 5px #000000;  
}

.noStatsTeam {
   color: var(--pres-main-fg-color);
   
   font-size: 1.1em;
   
   float: left;
   background: var(--pres-main-bg-light);
   clear: both;
   width: 100%;
}

.noStats {
   color: #fafafa;
   padding: 10px;
   font-family: bebas;
   font-size: 1.5em;
   float: left;
   clear: both;
   width: 580px;
   background: #373737; /* Old browsers */
   background: -moz-linear-gradient(top,  #373737 0%, #222222 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#222222)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #373737 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
   background: linear-gradient(to bottom,  #373737 0%,#222222 100%); /* W3C */
   box-shadow: 0px 0px 5px #000000;
   margin: 20px 0px 0px 0px;
}

.note {
   float: left;
   font-size: .9em;
   margin: 0px 0px 0px 0px;
   width: 100%;
   padding: 10px;
}

.navBarRight {
   margin: 0px;
}

.archives {
   height: 32px;
}

.archiveTxt {
   margin: 10px 5px 0 0;
}

.archives > select {
   margin: 4px 0 0;
}

.borderedAd {
   float: right;
   clear: right;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
   .statTab {
      width: 50%;
   }   
}

@media all and (min-width: 320px) and (max-width: 767px) {
   .teamTotalCol, .statTab {
      width: 100%;
      margin: 0px;   
      padding: 10px 10px 0px 10px;
   }   
   
   .playerRowWrapper {
      margin-bottom: 0px;
   }
   
}