/* ==========================================================================

Theme Name: MPL	
Theme URI: 
Description: Custom designed theme for CLIENT built with HTML 5.
Version: 1.0
Author: pjsnyder.com
Tags: minimalist, template, html5, CSS3, fluid, responsive

<!--rgba(255, 102, 0, 255);
 #ff6600;-->

	
	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html

   ========================================================================== */

/* ==========================================================================
   HTML5 Base styles - Leave As/Is
   ========================================================================== */


html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	
	height: 1px;
	border: 0;
	
	margin: 5px;
	padding: 0;
        background: #ff6600 ;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ===== Default Styles =====================================================
    DESKTOP: Site Base
   ========================================================================== */


* {
	margin: 0;
	padding: 0;
}

/* html,
body {
	height: 100%;
} */

body {
	background: url(../images/bg-main.png) #eeeeee center top;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #ff6600;
        
        
}

footer {
        background: #ff6600;
        height:38px;
        color: white;
        font-size:0.675em;
        text-align: center;
        padding-left: 125px;
}



a.whitelink:link {
        color: white;
}

a.whitelink:visited {
        color: white;
}



a:link {
        color: #ff6600;
}

a:visited {
        color: #ff6600;
}

.wrapper {
	
        background: white;
        width: 980px; /* 1140px - 10% for margins */
	margin: 0 auto;
      
        
        /* overflow:auto; */
	/* background: #dcdcdc; */
}
.container {
        
       
        border-style: solid;
	border-color: #ff6600;
        padding:  10px;
        padding-left:  25px;
        padding-right: 25px;
       
}

.myaccountmenucontainer {
       
        vertical-align: top;
        font-size: .75em;
        width:  175px;
        display: inline-block;
}

.myaccountcontainer {
        border-left: solid #ff6600;
        min-height: 200px;
	padding-left:  25px;
        padding-right: 25px;
        display: inline-block;
        width:685px;
}

.iframecontainter {
    text-align: center;
}

/* FOR STICKY FOOTER */
/* .content-wrap {
			min-height:100%;
		} */

h2 {
    font-weight: 800;
    font-size: 22px; 
   /* color: #666666; */
}
h3 {
    font-weight: 800;
    font-size: 16px; 
}
h4 {
    font-weight: 800;
    font-size: 12px; 
}

h4 {
    font-weight: 600;
    font-size: 16px; 
}
h1,

h4,
h5,
h6 {
	
}



img.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}
/* ====================
    DESKTOP: Header
   ==================== */

.menu-header {
	font-size:0.875em;
	background: #ff6600;
	border-style: solid;
	border-color: #ff6600;
        
      
}


header.main-header {    
	
	margin-top: 4.795918367%;
	padding-top: 1.367346938%;
        padding-bottom: 1.367346938%;
	background: url(../images/bg-main.png) no-repeat white center top;
	border-style: solid;
	border-color: #ff6600;
}
.indexcontainer {
        position: relative;
        display: table;
        width: 100%;
        height: 350px;
        
        
}


.picture-box {
    position: relative;
        width: 55%;
        display: table-cell;
        border-style: solid;
	border-color: #ff6600;
        padding: 10px;
        background: url(../images/bg-main.png) no-repeat white center top;
}

.text-box {
        background: white;
        width: auto;
        display: table-cell;
        border-style: solid;
        border-color: #ff6600;
        padding: 15px;
        padding: 10px;
        color: #ff6600;
        font-weight: 800;
        font-size: 10px;
        vertical-align: middle;
        background: url(../images/bg-main.png) no-repeat white center top;
        
}

.textcontainer {
        background: white;
        width: 400px;
        height: 320px;
        display: table-cell;
        text-align: center;
        padding: 10px;
        color: #ff6600;
        font-weight: 800;
        font-size: 14px;
        vertical-align: top;
}

.textcontainer.h2{
   font-weight: 800;
   font-size: 22px; 
}

.menucontainer {
        position: relative;
        display: in-line;
        width: 100%;
        background: #ff6600;
        height: 55px;
        padding-bottom: 5px;
    
}

.elitecontainer {
        position: relative;
        display: in-line;
        width: 100%;
        background: #ff6600;
        height: 105px;
        color: black;
        
  
}

.eliteTable {
    display: table;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 600;
    border-collapse: collapse;
    
}
.eliteTable a:link{
    color: black;
}
.eliteTable a:visited{
    color: black;
}

.eliteTableRow {
    display: table-row;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;

}
.eliteTableCell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}


.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

table.board
  {
	width: 800px;
	margin: 0 auto;
	border-width: 5px;
	border-spacing: 3px;
	border-style: groove;
	border-color: #ff6600;
        background-color: white;
        font-weight: 200;
        color: black;
        
	}

table.board th
  {
	background-color: orange;
	text-align: center;
	padding: 3px;
	}
	
table.board td
  {
        background-color: white;
	padding: 3px 0px;
       
	}

table.board td.bold
  {
	padding: 3px 0px;
	font-weight: bold;
	}
	
table.board td.a1
  {
	background-color: #d6d6d6;
	border-color: black;
	border-bottom-style: solid;
	border-width: 1px;
        font-weight: 200;
	}
        
table.board td.a2
  {
	background-color: white;
	
        font-weight: 200;
	}
	
table.board td.bottom
  {
        font-weight: 200;
	background-color: #d6d6d6;
	}
        
table.board a
  {

        color: #ff6600;
        font-weight: 400;
	}
        
table.menu
{
	width: auto;
   	margin: 0 auto;
	
        font-weight: 200;
        color: black;
        padding:  0px;
	}
        
table.menu td
  {
        border-color: #e65c00;
	border-style: solid;
        border-width: 1px;
       
	}
        
ul {
  margin-left: 0;          
  padding-left: 15px;
}

iframe {
   display: block;
   margin: auto;
   
}

.flex {
    display: flex;
}
   
.right {
    float: right;
}

.column {
    display: flex;
    flex-direction: column;
}

input[type=submit] {
    width: 75px;
    height: 25px;
    font-weight: 500;
}

input[type=button] {
    width: 75px;
    height: 25px;
    font-weight: 500;
}

.logincontainer {
    width: 325px;
}

.registerleft
  {
	width:160px;
	float:left;
        
       	/*font-size: 1.1em;
	font-weight:bold;
	padding-left:10px;
	background-color:red;
	text-align:right;*/
	}
	
.registercenter
  {
	width:215px;
	float:left;
        
        /*font-size: 1.1em;
	margin: 0px 10px;
	background-color:blue;*/
  }

.registerright
  {
	width:300px;
	float:left;
	font-style:italic;
	padding-left: 5px;
        font-weight:bold;
        
        /*font-size: 1.1em;
	background-color:green;
	line-height:120%;
	padding:0px 10px;*/
  }
  
  .clear
	{
	clear:both;
	}
        
 .registercontainer {
        
      display: inline-block; 
        
       
}

input.MyButton {
 width: 150px;
 padding: 1px;
 font-weight: bold;
 font-size: 100%;
 background: #BBBBBB;
 color: black;
 cursor: pointer;
 border: 1px solid #999999;
 border-radius: 10px;
 -webkit-box-shadow: 6px 6px 5px #999999;
 -moz-box-shadow: 6px 6px 5px #999999;
 box-shaddow: 6px 6px 5px; #999999;
}

input.MyButton:hover {
 color: #FFFFFF;
 background: #999999;
 border: 1px solid #A3A3A3;
 -webkit-box-shadow: 2px 2px 5px #666666;
 -moz-box-shadow: 2px 2px 5px #666666;
 box-shaddow: 2px 2px 5px; #666666;
} 
input.NextButton {
 background:none!important;
     border:none; 
     padding:0!important;
   
    /*optional*/
     font-size: 75%;
     font-weight: bold;
     color:#ff6600;
     text-decoration:underline;
     cursor:pointer;
     
}

input.NextButton2 {
 background:none!important;
     border:none; 
     padding:0!important;
    
    /*optional*/
     font-size: 125%;
     font-weight: bold;
     color:#ff6600;
     text-decoration:underline;
     cursor:pointer;
     
}

input.EditButton {
 background:none!important;
     border:none; 
     padding:0!important;
    width: 85px;
    /*optional*/
     font-size: 75%;
     font-weight: bold;
     color:#ff6600;
     text-decoration:underline;
     cursor:pointer;
     
}
.center
{
    display: inline-block;
}




 
 input.MyButtonLogin {
 float: right;
 width: 75px;
 padding: 1px;
 font-weight: bold;
 font-size: 100%;
 background: #BBBBBB;
 color: black;
 cursor: pointer;
 border: 1px solid #999999;
 border-radius: 10px;
 -webkit-box-shadow: 6px 6px 5px #999999;
 -moz-box-shadow: 6px 6px 5px #999999;
 box-shaddow: 6px 6px 5px; #999999;
}

input.MyButtonLogin:hover {
 color: #FFFFFF;
 background: #999999;
 border: 1px solid #A3A3A3;
 -webkit-box-shadow: 2px 2px 5px #666666;
 -moz-box-shadow: 2px 2px 5px #666666;
 box-shaddow: 2px 2px 5px; #666666;
} 
.twocolleft
  {
	width:300px;
	float:left;
        
	/*background-color:red;
	padding:0px 10px;*/
	}
	
.twocolright
  {
	width:300px;
	float:right;
        
	/*background-color:blue;
	padding:0px 10px;*/
	}

.fourcolone
  {
	width:90px;
	display: inline-block;
	clear:all;
	font-weight:bold;
	padding:0px 5px;
	/*background-color:green;*/	
	}
	
.fourcoltwo
  {
	width:169px;
	display: inline-block;
	/*padding:0px 5px;
	background-color:purple;*/
	}

.fourcoltwo select
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: #EEEEEE;
	width: 165px;
	}

.fourcoltwo input
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: orange;
	width: 165px;
	}
        
.fourcolthree
  {
	width:195px;
	display: inline-block;
	clear:all;
	font-weight:bold;
	padding:0px 20px;
	/*background-color:green;*/	
	}
	
.fourcolfour
  {
	width:60px;
	display: inline-block;
	/*padding:0px 5px;
	background-color:purple;*/
	}

.fourcolfour select
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: #EEEEEE;
	width: 50px;
	}

.fourcolfour input
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: orange;
	width: 50px;
	}
        
.regfourcolone
  {
	width:195px;
	display: inline-block;
	clear:all;
	font-weight:bold;
	padding:0px 5px;
        vertical-align:top;

	/*background-color:green;*/	
	}
	
.regfourcoltwo
  {
	width:169px;
	display: inline-block;
        vertical-align:top;

      
	/*padding:0px 5px;
	background-color:purple;*/
	}

.regfourcoltwo select
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: #EEEEEE;
	width: 165px;
	}

.regfourcoltwo input
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: orange;
	width: 165px;
        
	}
        
.regfourcolthree
  {
	width:90px;
	display: inline-block;
	clear:all;
	font-weight:bold;
	padding:0px 20px;
        vertical-align:top;

	/*background-color:green;*/	
	}
	
.regfourcolfour
  {
	width:170px;
	display: inline-block;
        vertical-align:top;

	/*padding:0px 5px;
	background-color:purple;*/
	}

.regfourcolfour select
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: #EEEEEE;
	width: 50px;
	}

.regfourcolfour input
	{
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	
	width: 50px;
	}

.textcenter
{
   text-align: center;
   }

.centertwocol
{
    padding-left: 75px;
}

.centerfourcol
{
    padding-left: 0px;
    
  
}

.bold
{
   font-weight: bold; 
}

.twocolone
  {
	width:300px;
        display: inline-block;    
        
	/*background-color:red;
	padding:0px 10px;*/
	}
	
.twocoltwo
  {
	width:300px;
        display: inline-block;
        padding-left: 40px;
        vertical-align: top;
	/*background-color:blue;
	padding:0px 10px;*/
	}
       
table.players
        {
        font-size: .63em;
        }
        
table.players2
        {
        font-size: .85em;
        }
        
.textcenterbold
{
   text-align: center; 
   font-weight: bold;
}

.smalltext
{
    font-size: .75em;
}

.spanFormat
{
  text-align: left;
  display: table-cell;
  min-width: 10px;
  padding-right: 5px;
}

.footerspan 
{
 float: right;
 padding-right: 10px;
}



table.fieldavail
  {
	
	border-style: solid;
        border-width: 1px;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
        text-align: center;
	}
        
table.fieldavail th
  {
	
	border-style: solid;
        border-width: 1px;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
        }
        
table.fieldavail td
  {
	
	border-style: solid;
        border-width: 1px;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
        }
        
table.fieldavail td.no
  {
	
	background: #D8D8D8;
        }
        
table.fieldavail td.trav
  {
	
	background: #ff6600;
        color: black;
        border-color: #D8D8D8;
        border-right-color: #ff6600;
        }
        
table.fieldavail th.park
  {
      width: 50px;
      text-align: center;
	}
        
table.fieldavail th.time
  {
      width: 75px;
      text-align: center;
	}
        
table.fieldavail th.day
  {
      width: 85px;
      text-align: center;
	}
        
 .twocolbig
  {
	width:450px;
        display: inline-block;    
        
	/*background-color:red;
	padding:0px 10px;*/
	}
	
.twocolsmall
  {
	width:150px;
        display: inline-block;
        padding-left: 40px;
        vertical-align: top;
	/*background-color:blue;
	padding:0px 10px;*/
	}     
     
        
img.sponsor {
  height: 35px;  
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

#slideImg {
  margin: 100px auto;
  background-color: #0F8A5F;
  padding: 10px 20px;
  position: relative;
}

table.sponsors
  {
	width: 100%;
	}

table.sponsors th
  {
	background-color: #ff6600;
        color: black;
        font-size: 18px;
	}

table.sponsors tr.a1
  {
	background-color: #e6e6e6;
	}

#slideImg ul { list-style: none; }

#slideImg li {
  float: left;
  margin: 0 12px;
}



.rotate-prev { position: absolute; }

table.rules
  {
	width: 100%;
        font-size: 12px;
        border-style: solid;
        border-color: #A8A8A8;
        text-align: center;
        border-collapse: collapse;
	}

table.rules th
  {
	font-size: 12px;
        font-weight: bold;
        border-style: solid;
        border-color: #A8A8A8;
        
	}

tr:nth-child(even) {
    background-color: 	#D8D8D8;
}
        
table.rules td
  {
       text-align: center;
       border-style: solid;
       border-color: #A8A8A8;
       
        }
        
table.rules th.header
  {
	width: 185px;
        text-align: left;
        padding: 0;
        margin: 0;
	}
        
table.rules th.division
  {
	width: 100px;
	}
        
table.rules td.notes
  {
       text-align: left;
       border-style: solid;
       border-color: #A8A8A8;
       
        }
        
table.ScheduleSelect
  {
	border: 1px solid #000000;
	margin: 0px auto;
	padding: 5px;
	}

table.ScheduleSelect select
  {
	background-color: #D8D8D8;
	border: 1px;
	}
	
table.ScheduleSelect th
  {
	background-color: white;
        
	}

table.ScheduleSelect td
  {
	padding: 5px;
	border: 0px;
	}
	
table.Schedule
  {
	margin: 0 auto;
	border-width: 5px;
	border-spacing: 3px;
	border: 1px solid #000000;
	
	}

table.Schedule th
  {
	background-color: #ff6600;
        color: black;
	}
	
table.Schedule td
  {
	border-width: 0px;
	padding: 3px 0px;
	border-style: solid;
	border-color: black;
        font-size: .9em;
        color: black;
	}
        
table.Schedule td.Win
  {
	border-width: 0px;
	padding: 3px 0px;
	border-style: solid;
	border-color: black;
        font-size: .9em;
        color: black;
        background-color: #ff6600;
	}        



select.schedule
  {
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: #ff6600;
	}

input.schedule
  {
	height: 1.1em;
	line-height: 1.1em;
	font-size: .9em;
	border: 0px;
	background-color: #ff6600;
	}
        
table.standings
  {
	margin: 0 auto;
	border-width: 5px;
	border-spacing: 3px;
	border-style: groove;
	border-color: orange;
	}
	
table.standings th
  {
	background-color: orange;
	text-align: left;
	padding: 3px;
	}
	
table.standings td
  {
	border-width: 0px;
	padding: 3px 0px;
	border-style: solid;
	border-color: black;
	}

table.standings tr.a1
  {
	background-color: #FCF6CF;
	}
        
main{
  display:flex;
  flex-direction:row;
}
.round{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:125px;
  list-style:none;
  padding:0;
}
  .round .spacer{ flex-grow:1; vertical-align: middle; }
  .round .spacer:first-child,
  .round .spacer:last-child{ flex-grow:.5; }

  .round .game-spacer{
    flex-grow:1;
  }

/*
 *  General Styles
*/
.bracketbody{
  font-family:sans-serif;
  font-size:small;
  padding:10px;
  line-height:1.4em;
  color: black;
  
}

li.game{
  padding-left:20px;
 
}

  li.game.winner{
    font-weight:bold;
  }
  li.game span{
    float:right;
    margin-right:5px;
  }

  li.game-top{ border-bottom:1px solid #aaa; }

  li.game-spacer{ 
    border-right:1px solid #aaa;
    min-height:40px;
    font-size: .75em;
  }
  
  li.game-spacer-bye{ 
    
    min-height:40px;
  }

  li.game-bottom{ 
    border-top:1px solid #aaa;
  }
  
  table.teams
        {
        border-style:  solid;
        font-size: .63em;
        }
        
  span.blacktext
        {
        color: black;
        font-weight:bold;
        }
        
  span.bold
        {
        font-weight:bold;
        }
        
 .tTable
        {
        display: table;
       
        }
        
 .tTableRow
        {
        display: table-row;
        }
        
 .tTableHeading
        {
        display: table-header-group;
        font-weight:bold;
        }
        
.tTableCell
        {
        display: table-cell;
        padding:  3px 10px;
        
        }
        
.tTableFoot        {
        display: table-footer-group;
        }  
        
.tTableBody
        {
        display: table-row-group;
        }  
        
        
.tTableHead
        {
        display: table-cell;
        padding:  3px 10px;
        font-weight:bold;
        }  
        
.tTableHeadFull
        {
        display: table-cell;
        padding:  3px 10px;
        font-weight:bold;
        width: 100%;
        }