.masterMcWrap {
   padding: 0px;
   max-height: calc(100% - 39px);
   height: calc(100% - 39px);
}

.leftTools {
   float: left;
}

.statToolCtr {
   float: left;
   clear: both;
   width: 100%;
   background: var(--pres-main-bg-light);
}

.gameTitle {
   float: left;
   width: 100%;  
   text-align: center;
}

.gameTitleText {
   float: left;
   color: var(--pres-main-fg-color);
   font-size: 1em;
   margin: 0px 0px 0px 0px; 
	font-weight: bold;
   width: 100%;
}

.gameDate {
   float: left;
   width: 100%;
   color: var(--pres-main-fg-color);
   font-size: .9em;
   padding: 10px 0px;    
   clear: both;
}

.helpButton {
   float: right;
   display: none;
   height: 36px;
   width: 38px;
   padding: 0px 0px 0px 0px;
   margin: 0px 20px 0px 0px;
   cursor: pointer;
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   text-align: center;
   font-size: 2em;
   font-family: bebas;
}

#helpButton1 {
   margin-top: 20px;  
}

.helpButton:hover {
   background-color: #888888;
}

.lockingNewsNotice {
   display: none;
}

.lockNotice {
   display: none !important;
}

.msgTxt {
   background-color: #eeeeee;
   float: left;
   width: 100%;
   padding: 10px;
   color: red;
   cursor: pointer;
   position: relative;
   z-index: 1;
}

.sub
{
   position: relative;
   height: auto;
   width: 100%;
   padding: 20px;
   display: inline-block;
   vertical-align: top;
}

.subCategory {
   float: left;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px; 
   width: 100%;
}

#categoryHeader {
   font-size: 1.25em;
	font-weight: bold;
   float: left;
   width: 100%;
   margin-bottom: 10px;
}

.allStatsContainer .category {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   max-width: 100%;
   overflow-x: auto;
   overflow-y: auto;
}

.statsHeadBar 
{
   min-width: 100%;
	display: inline-block;
   vertical-align: top;
   color: var(--pres-main-fg-color);
	background: var(--pres-main-bg-light);
   border-bottom: solid 1px #bbbbbb;
}

#categoryHeader {
   float: left;  
}

.playerName 
{
   display: inline-block;
   vertical-align: top;
	position: relative;
   width: 100%;
   cursor: pointer;  
	font-size: 1em;
	font-weight: bold;
   border-bottom: solid 1px #bbbbbb;	
   padding: 0px 5px;
   line-height: 30px;
	text-transform: uppercase;
}

.triangleContainer {
   float: left;
   clear: both;
   width: 20px;
   height: auto;  
}

.statsContainer {
   position: relative;
   min-width: 100%;
   display: inline-block;
   vertical-align: top;
   background: var(--pres-main-bg-light);
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   overflow-y: auto;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
}

#user_container .allStatsContainer .statsContainer {
   margin: 0px 0px 0px 0px;  
}

.statsRightCtr,
.lineupContainer {
   position: relative;
   background: var(--pres-main-bg-light);
   display: inline-block;
   vertical-align: top;
   width: 100%;
}

.showHideData {
   display: none;
}

.allStatsContainer {
   display: inline-block;
   vertical-align: top;
   clear: both;
   width: 100%;
}

#user_container .allStatsContainer .statsContainer {
   margin: 0px 0px 0px 0px !important;  
}

.triangleContainerR {
   float: left;
   width: 20px;
   height: auto;  
}

.triangleLeft {
   width: 0px;
   height: 0px;
   border-top: solid 0px transparent;
   border-bottom: solid 20px transparent;  
   border-right: solid 20px #000000;
   display: none;
}

.triangleRight {
   width: 0px;
   height: 0px;
   border-top: solid 0px transparent;
   border-bottom: solid 20px transparent;  
   border-left: solid 20px #000000;
   display: none;
}

.statRow 
{
   float: left;
   clear: both;
   width: 100%;
   border-bottom: solid 1px #bbbbbb;
   min-width: 100%;
   background: var(--pres-main-bg-light);
}

.statRow:hover 
{
	background: #fafafa;
}

.playerVal {
   color: var(--pres-main-fg-color);
   float: left;
   width: 100%;
   font-size: .9em;
   word-wrap: break-word;
   padding: 5px;  
   border-bottom: solid 1px #bbbbbb;
   font-weight: bold;
}

.statPlaceHolder {
   display: inline-block;
   vertical-align: top;
   border-right: solid 1px #bbbbbb;
   white-space: nowrap;
}  

.whiteLine {
   float: left;
   width: 0px;
   border-left: solid 1px #888888;
   display: none;
}

.statVal {
	display: inline-block;
   vertical-align: top;
	width: 55px;
   color: var(--pres-main-fg-color);
   font-size: .8em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: break-word;
   padding: 0px 5px;
   text-align: center;
   cursor: pointer;
   height: 30px;
   line-height: 30px;
}

.statCon 
{
	display: inline-block;
   vertical-align: top;
   width: 55px;
   border-right: solid 1px #bbbbbb;
}

.statCon:last-of-type {
   border-right: none;
}

.teamTab .statVal {
   clear: none;
}

.hiddenEdit
{
   display: none;
   color: var(--pres-main-fg-color);
   padding: 0px 5px !important;
   text-align: center;
   height: auto !important;
   width: 55px;
   font-size: .8em;
   min-height: unset !important;
   line-height: 2em;
   margin: 0px 0px 0px 0px !important;
}

.statValHeader {
   width: 55px;
	display: inline-block;
   vertical-align: top;
	position: relative;
	color: var(--pres-main-fg-color);
	font-size: .9em;
	font-weight: bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   border-right: solid 1px #bbbbbb;
   padding: 10px 5px;
   text-align: center;
   cursor: pointer;
   text-transform: uppercase;
}

.statValHeader:last-of-type {
   border-right: none;
}

.statName
{
   color: #fafafa;
   text-shadow: 0px 1px 1px #000000;
   float: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 180px;
   word-wrap: break-word;
   border-left: solid 1px var(--pres-soft-black);
   border-top: solid 1px var(--pres-soft-black);
   border-bottom: solid 1px #000000;
}

.stats {
   float: left;  
}

.bottomBarContainer {
   float: left;
   clear: both;
   width: 100%;
   margin: 0px 0px 0px 0px;   
}

.bottomTriangleLeft {
   float: left;
   width: 0px;
   height: 0px;
   border-top: solid 10px transparent;
   border-bottom: solid 0px transparent;  
   border-right: solid 20px #000000;
   display: none;
}

.bottomTriangleRight {
   float: right;
   width: 0px;
   height: 0px;
   border-top: solid 10px transparent;
   border-bottom: solid 0px transparent;  
   border-left: solid 20px #000000;
   display: none;
}

.bottomBar {
   float: left;
   clear: both;
   width: 100%;
   display: none;
}

.statsSubmitContainer {
   float: left;
   clear: both;
   width: 100%;
   padding: 20px;
   background: var(--pres-main-bg-light);
   border-top: solid 1px #dddddd;
}

.submitButton, .overallStats,
.lineupPopup {
   float: left;
   clear: both;
   width: 100%;
   text-align: center;
   padding: 5px 10px;
   background: #eeeeee; /* Old browsers */
   background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: var(--pres-main-fg-color);
   font-size: .9em;
   line-height: 1.5em;
   cursor: pointer;
   border: solid 1px #bbbbbb;
   border-radius: 5px;
}

.submitButton {
   margin-bottom: 10px;
}

.bg
{
   background: var(--pres-main-bg-light);
}

.buttons {
   float: left;
   clear: both;  
   width: 100%;
   padding: 20px 0px;
   background: var(--pres-main-bg-light);
}

.button {
   float: left;
   text-align: center;
   clear: left; 
   cursor: pointer;
   padding: 10px;
   width: 100%;
}

.uploadDoc {
   float: right;
   color: var(--pres-main-fg-color);
   width: 180px;
   text-align: center;
   padding: 5px 0px 2px 0px;
   margin: 10px 0px 0px 0px;
   cursor: pointer;   
   box-shadow: 0px 0px 5px #000000;
}

.uploadDoc:hover {
   cursor: pointer;
}

.helpBox1 {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 376px;
   width: 551px;
   background-image: url(/images/helpBox1.png);
   display: none;
   background-repeat: no-repeat;
   z-index: 1;
}

.helpBox2 {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 376px;
   width: 551px;
   background-image: url(/images/helpBox2.png);
   display: none;
   z-index: 1;
}

.headingLink
{
   background-image: url("/images/rosterSetupBg.png");
   background-position: 0 0;
   background-repeat: no-repeat;
   color: #FAFAFA;
   cursor: pointer;
   float: right;
   font-family: helvetica,Arial,Sans-Serif;
   font-size: 10pt;

   height: 26px;
   margin: 5px 0 0;
   padding: 8px 0 0;
   text-align: center;
   width: 110px;
}

.rosterStats 
{
   float: left;
   clear: both;
   margin: 0 0 20px;
}

.newStats 
{
   clear: both;
   float: left;
}

.teamName 
{
   float: left;
   clear: both;
   height: auto;
   width: 900px;
   font-size: 18pt;
   color: #fafafa;
   padding: 0px 0px 0px 0px;
   margin: -5px 0px 10px 0px;
   text-shadow: 0px 1px 1px #000000;
}

.selectGroup 
{
   float: left;
   margin: 0 0 10px;
}

.statInsert 
{
   clear: both;
   float: left;
   margin: 0 0 10px;
}

.statButtons 
{
   clear: both;
   float: right;
   width: 920px;
}

.statButtons .button 
{
   clear: none;
   float: right;
   margin: 0 0 0 5px;
}

.deleteStat {
   width: 10px;
   height: 10px;
   cursor: pointer;
   margin: 0px 0px 0px 0px;
   float: right;
}

.deleteStat > img {
   width: 10px;
   height: 10px;  
   margin: 0 0 7px;
}

.value {
   width: 100%;
   text-align: center;
}

.statTip {
   background-color: #BBBBBB;
   box-shadow: 0 0 5px #666666;
   left: -170px;
   position: relative;
   width: 170px;
}

.closeTip {
   cursor: pointer;
   float: right;
   margin: 2px 2px 0 0;
   width: 10px;
   position: relative;
   top: -48px;
}

.tipText {
   display: inline-block;
   margin: -25px 0 0;
   padding: 5px;
   position: relative;
   top: -23px;
   width: 148px;
}

.teamBar {
   float: left;
   width: 100%;
   padding: 0px 20px 20px 20px;
   background: var(--pres-main-bg-light);
}

.team {
   float: left;
   clear: both;
   width: 100%;
   padding: 10px;
   color: var(--pres-main-fg-color);
   background: var(--pres-main-bg-light); /* Old browsers */
   opacity: 1;
   border: solid 1px #dddddd;
   margin-bottom: 10px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   cursor: pointer;
}

.team:last-of-type {
   margin: 0px 0px 0px 0px;
}

.selectTeam {
   position: relative;
   width: 100%;
   font-size: .9em;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
	padding: 10px 0px;
}

.teamBarName {
   float:left;
   width: 85%;
	padding: 0px 0px 0px 10px;
   font-size: .8em;
}

.tName {
   float: left;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;  
	font-weight: bold;
}

.teamSelected {
   border: solid 1px #2d88b7;
}

.hidden {
   display: none;
}

.bothTeamStats {
   font-size: 10pt;
}

.alias {
   font-size: 1em;  
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;    
   float: left;
   clear: left;
   margin: 0px 0px 0px 0px;
}

.teamLogo {
   float: left;
   max-width: 15%;
   min-width: 15%;
   background: var(--pres-main-bg-light);
   margin: 0px 0px 0px 0px;
   overflow: hidden;
}

.teamLogo img {
   width: 100%;
}

.rosterChange {
   float: right;
   width: 24px;
   height: 24px;
   background-image: url(/images/rosterChange.png);
   background-size: 24px 24px; 
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

.sortTriUp {
   width: 100%;
   height: 5px;
   position: absolute;
   margin: 0px 0px 0px 0px;
   background-image: url(/images/sortTriUp.png);
   background-repeat: no-repeat;
   background-size: 10px 5px;
   background-position: 50% 0px;
	top: 0px;
	left: 0px;
}

.sortTriDown {
   width: 100%;
   height: 5px;
   position: absolute;
   margin: 0px 0px 0px 0px;
   background-image: url(/images/sortTriDown.png);
   background-repeat: no-repeat;
   background-size: 10px 5px;
   background-position: 50% 0px;
	top: 0px;
	left: 0px;
}

.playerName .sortTriUp, .playerName .sortTriDown {
   width: 10px;
   height: 5px;
   left: 5em;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
}

.sortTriUpDesl {
   width: 100%;
   height: 5px;
   position: absolute;
   margin: 0px 0px 0px 0px;
   background-image: url(/images/sortTriUp.png);
   background-repeat: no-repeat;
   background-size: 10px 5px;
   background-position: 50% 0px;
	top: 0px;
	left: 0px;
}

.sortTriDownDesl {
   width: 100%;
   height: 5px;
   position: absolute;
   margin: 0px 0px 0px 0px;
   background-image: url(/images/sortTriDown.png);
   background-repeat: no-repeat;
   background-size: 10px 5px;
   background-position: 50% 0px;
	top: 0px;
	left: 0px;
}

.categoriesBtn {
   float: left;
   padding: 0px 10px;
	margin: 0px 0px 0px 0px;
   font-size: 1em;  
   width: 100%;
   background: #eeeeee;
   line-height: 30px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}

.categoriesBtn:hover {
   cursor: pointer;
}

.customDropArrow {
   height: 10px;
   float: right;
   line-height: 30px;
}

.playerFilterContainer {
   float: left;
}

.filterPlayer {
   float:left;
   width: 100%;
   border: solid 1px #bbbbbb;   
   font-size: .9em;
	margin: 0px 0px 10px 0px;
   padding: 5px;
}

#playersWithStats {
   float: left;
   clear: both;
   margin: 0px 3px 0px 0px;
   background: var(--pres-main-bg-light);
}

.chkLbl {
   float: left;
	font-size: .8em;   
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px; 
	font-weight: bold;
}

#categoryOptions {
   background: var(--pres-main-bg-light);   
   position: absolute;
   clear: both;
   margin: 0px 0px 0px 0px;
   width: 100%;
   z-index: 10;
   overflow-x: hidden;
	overflow-y: hidden;
	height: 0px;
	top: 100%;
	left: 0px;
}

#categoryOptions.cOptOpen 
{
	height: 200px;
   overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: block !important;
   border: solid 1px #bbbbbb;
}

.catContainer {
   float: left;
   position: relative;
   width: 100%;
   margin-bottom: 10px;
}

.categoryOption {
   float: left;
   clear: both;
   width: 100%;
   padding: 10px;
   font-size: .8em;
   border-bottom: solid 1px #bbbbbb;
   cursor: pointer;
}

.categoryOption:hover {
   background-color: #eeeeee;  
}

.noResults {
   padding: 20px 20px 0px 20px;
   font-size: 1em;
   color: #aa0000;
}

.statsSubTitle 
{
	float: left;
	font-weight: bold;
	letter-spacing: -.05em;
	padding: 5px 10px;
}

/*LINEUP STYLES*/
.lineupHeader {
   width: 100%;
   font-size: 1.25em;
   text-transform: capitalize;
   font-weight: bold;
}

.lineup {
   float: left;
   width: 100%;
   padding: 0px;
}

.lineupSubmitCtr {
   float: left;
   clear: both;
   width: 100%;
   padding: 20px;
}

.lineup .chosen-container {
   width: 46% !important;
   margin: 0px .5%;
   float: left;
}

.lineupHelper {
   float: left;
   clear: both;
   width: 100%;
   padding: 20px;
   font-size: .9em;
}

.lineupPopup:hover {
   cursor: pointer;
}

.trackerGroup {
   float: left;
   clear: both;
   padding: 20px;
   width: 100%;
}

.trackerGroupRow {
   float: left;
   clear: both;
   padding: 0px;
   width: 100%;
   margin-bottom: 5px;
}

.inputLabel {
   float: left;
   clear: both;
   line-height: 2em;
   width: 30px;
}

.addBatter, .remBatter,
.addPitcher, .remPitcher {
   float: left;
   width: auto;
   margin: 0px 5px 0px 0px;
   text-align: center;
   padding: 5px 10px;
   background: #eeeeee; /* Old browsers */
   background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: var(--pres-main-fg-color);
   font-size: .9em;
   line-height: 1.5em;
   cursor: pointer;
   border: solid 1px #bbbbbb;
   border-radius: 5px;
}

.trackerData {
   float: left;
   width: 100%;
}

.templates {
   display: none;
}

.titleContainer
{
   float: left;
   height: auto;
   width: 100%;
   padding: 20px;
}

.submitLineupBtn {
   background: #00aa00;
   color: var(--pres-light-fg-color);
   padding: 10px;
   text-align: center;
   float: left;
   clear: both;
   border-radius: 5px;
   width: auto;
   font-size: .9em;
}
/*END LINEUP STYLES*/

form {
   float: left;
   clear: both;
   margin: 10px 0px 0px 0px;
}

input#statImport {
   float: left;
   margin: 0px 0px 0px 0px;
}

@media all and (min-width: 768px) {
   .masterMcWrap {
      padding: 20px;
   }

   .statToolCtr {
      width: 300px;
      margin-bottom: 20px;
      border: solid 1px #dddddd;
      overflow-y: auto;
      clear: left;
   }

   .submitButton {
      width: auto;
      margin-right: 5px;
      clear: none;
      margin-bottom: 0px;
   }

   .team:nth-child(odd) {
      float: right;
   }
   
   .statsRightCtr,
   .lineupContainer {
      border: solid 1px #dddddd;
      float: right;
      clear: none;
      min-height: calc(100%);
      max-height: calc(100%);
      height: calc(100%);
   }

   .statsContainer {
      height: calc(100% - 70px);
   }

   .catContainer {
      margin-right: 10px;
   }

   .playerFilterContainer {
      margin-bottom: 10px;
   }

   .categoriesBtn,
   .catContainer,
   .filterPlayer {
      width: 300px;
   }

   .allStatsContainer {
      border-top: solid 1px #bbbbbb;
      height: calc(100% - 169px);
   }

   .allStatsContainer .category {
      height: calc(100% - 75px);
   }

   .statsRightCtr,
   .lineupContainer {
      width: calc(100% - 320px);
   }

}