﻿#page {
   clear: both;
   width: 100%;
   margin: 0px auto 0px auto;
   position: relative;
}

.vRounded {
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   overflow: visible;
}

.vRounded .mts_cc_heading {
   border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
}

#menu {
   float: right;
}

.closeMenu {
   float: right;  
   cursor: pointer;
}

.empty {
   float: left;
   height: 50px;
   width: 0px;
   border-left: solid 1px var(--pres-soft-black);  
}

#content {
   clear: both;
   position: relative;
   width: 1170px;
   margin: 0px auto 0px auto;
}

.objWrap {
   width: 100%;
   background: var(--pres-main-bg-light);
   margin-bottom: 20px;
   overflow: hidden;
}

#nav {
   padding-top: 10px;
}

#nav > a {
   color: #fff;
   text-decoration: none;
}

#cr {
   float: right;
   font-size: 9pt;
   padding-top: 10px;
}

#cr > div {
   clear: both;
   float: right;
}

.flat {
   background: #373737;
}

.grad {
   background: var(--pres-main-bg-light); /* Old browsers */
   clear: both;
   float: left;
   width: 100%;
}

.n {
   padding: 0px;
}

.cb {
   clear: both;
}

.block {
   display: block;
}

#week {
   float: right;
   margin: 10px 20px 0px 0px;
}

.tab {
   margin: 0px 0px 0px 0px;
   background-color: #f0f0f0;
   width: 100%;
   float: left;
   clear: both;
}

.tab .head {
   font-family: bebas;
   font-size: 2em;
   color: var(--pres-light-fg-color);
   width: 100%;
   padding: 2%;
   background-color: var(--pres-main-fg-color);
   float: left;
}

.tab .item {
   height: 80px;
   border-top: solid 1px #555;
   border-bottom: solid 1px #000;
   clear: both;
   cursor: pointer;
}

.tab .item .name {
   float: left;
   clear: both;
}

.tab .n {
   padding: 10px 20px 10px 20px;
}

.tab .item .time {
   float: right;
   margin: 10px 20px 0px 0px;
}

.tab .item .score {
   float: right;
}

.tab .item .name .team, .tab .item .score .team {

   color: #bbbbbb;
   text-shadow: 0px 1px 1px #000000;
   font-size: 14pt;
   margin: 0px 0px -2px 0px;  
   max-width: 240px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;  
}

.ra {
   text-align: right;
}

#lgn {
   min-height: 200px;   
   color: #fff;
   margin: 0px 0px 20px 0px;
}

#lgn .head, #lgn .form, #lgn .foot {
   padding: 10px 20px;
}

#lgn .head {
   border-bottom: solid 1px #000;

}

#lgn .form {
   padding-bottom: 20px;
}

#lgn .foot {
   padding: 20px;
   border-top: solid 1px #000;
   float: none;
}

#lgn .form .l {
   float: left;
}

#lgn input[type=email], #lgn input[type=password] {
   width: 285px;
   margin: 5px 0px 10px 0px;
   height: 35px;
   padding: 0px 0px 0px 10px;
   font-size: 12pt;
}

#lgn .keep {
   float: left;
   font-size: 10pt;
   color: #ccc;
   margin: 2px 0px 0px 5px;
}

#lgn .forget {
   float: left;
   font-size: 10pt;
   color: #fff;
   margin: 2px 0px 0px 20px;
}

#loginBtn {

   font-size: 12pt;
   color: #fafafa;
   height: 40px;
   width: 120px;
   background: url(/images/regBtnBg.png) 0px 0px no-repeat;  
   text-shadow: 0px 1px 1px #000000;
   box-shadow: 0px 1px 3px #000000;
   border: none;
   margin: 20px 5px 0px 0px;
   cursor: pointer;
}

.iWantToLogin {
   float: left;
   clear: both;
   height: 27px;
   width: 230px;
   text-align: center;
   color: #fafafa;

   font-size: 12pt;
   text-shadow: 0px 1px 1px #000000;  
   background-color: #3b5998;
   padding: 13px 10px 0px 10px;
}

.fbLoginIcon {
   height: 40px;
   width: 40px;
   float: right;
   color:#3b5998;
}

#searchFrm {
   float: left;
}

.event_link {
   color: #eee;
}

.alertTeam {
   float: left;
   margin: 0px 10px 0px 0px;
}

.headLink {
   cursor: pointer;
   float: right;
	text-decoration: underline;
}   

.headLink:hover 
{
	text-decoration: none;
}

.options .head {
   height: 27px;
   width: 340px;
}

#options .body {
   background-image: url(/images/sportA.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   background-size: 100%;
   width: 92%;
   margin: 10px 4%;
	position: relative;
	float: left;
	clear: both;
	height: 30px;
}

.options a.sel {

   text-decoration: none;
   float: left;
   clear: both;
}

.options .title {
   height: 32px;
   position: relative;
   margin: -42px 0px 0px 0px;
   width: 320px;
   padding: 10px 0px 0px 20px;
   border-bottom: solid 1px #444444;
}

.incComm {
   clear: both;
   position: relative;
   margin: 0px 0px 0 20px;
}

.body a {
   display: inline-block;
   text-align: center;
   position: relative;
   width: 33.3%;  
   font-size: .9em;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   color: var(--pres-main-fg-color);
	line-height: 1.75em;   
	font-weight: bold;
}

.rTopContainer {
   height: auto;  
   width: 100%;
   margin: 0px 0px 0px 0px;
   background: var(--pres-main-bg-light); /* Old browsers */
   float:left;
   clear: both;
}

.rTopContent {
   float: left;
   height: auto; 
   width: 100%;   
}

.taskDivide {
   float: left;
   clear: both;
   height: 0px;
   width: 320px;
   border-top: solid 1px #000000;
   border-bottom: solid 1px #555555;  
}

.upickem {
   position: relative;
   clear: both;
   background: var(--pres-main-bg-light);
   text-align: center;
   padding: 2%;
   margin: 20px 0px;   
}

.upickem img {
   width: 100%;   
}

.gameSport {
   float: left;
   color: #bbbbbb;

   font-size: 10pt;  
}

.eventFinalDate {
   float: right;

   font-size: 9pt;
   color: #fafafa;
   text-shadow: 0px 1px 1px #000000;  
}

/* Start Share */

.share 
{
   float: left;
}

.shareIcons 
{
   cursor: pointer;
   float: left;
   height: 20px;
   margin: 5px 0 0;
   width: 57px;
}

.share .twitter-share-button 
{
   float: left;
   margin: 5px 5px 0 0;
}

.emailTemplate 
{
   background: #888888; /* Old browsers */
   background: -moz-linear-gradient(top,  #888888 0%, #444444 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#444444)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #888888 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #888888 0%,#444444 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  #888888 0%,#444444 100%); /* W3C */
   left: 0;
   padding: 10px;
   position: absolute;
   top: 0;
   z-index: 3;
   box-shadow: 0px 0px 5px #000000;
}

.emailBg {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.8);
   display: none;
   z-index: 2;
}


.emailTxt
{
   clear: both;
   float: left;
   width: 300px;
   color: #BBBBBB;
   font-family: Helvetica,Arial,sans-serif;
   font-size: 10pt;
}

.tempButtons 
{
   clear: both;
   float: right;
}

.tempButton {
   color: var(--pres-light-fg-color);
   cursor: pointer;
   float: left;
   margin: 10px 0px 0px 5px;
   padding: 0px 10px;
   font-size: 1em;
   text-align: center;
   background: var(--pres-soft-black);
   line-height: 30px;
}

/* End Share */

.headLinkWrap {
   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 */
   border: solid 1px #000000;
   font-size: 14pt;
   text-align: center;
   width: 150px;
   height: 25px;
   padding: 5px 0px 0px 0px;
   position: relative;   
   margin: -2px 0px 0px 20px;
   font-family: bebas;
}
/* Start Stat */

/* FONT EMBEDDING */
@font-face {
    font-family: 'bebas';
    src: url('/typefaces/bebasneue-webfont.eot');
    src: url('/typefaces/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/typefaces/bebasneue-webfont.woff') format('woff'),
         url('/typefaces/bebasneue-webfont.ttf') format('truetype'),
         url('/typefaces/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* FONT EMBEDDING */

.stat 
{
   width: 100%;
   position: relative;
   border-bottom: solid 1px #bbbbbb;
   padding: 10px;
   float: left;
   clear: both;
   background: var(--pres-main-bg-light);
}

.statsTitle {
   height: 37px;
   position: relative;
   margin: -42px 0px 0px 0px;
   width: 320px;
   padding: 5px 0px 0px 20px; 
   font-family: bebas;
   font-size: 24pt;
}

.statsTitleR {
   float: left;
   border: solid 1px #888888;
   font-family: bebas;
   font-size: 1.5em;
   color: var(--pres-light-fg-color);
   width: 100%;
   padding: 20px;
   margin: 0;
   background: var(--pres-soft-black);
}


.rosterStatNameTeam
{
   float: left;
   margin: 0px;
   padding: 5px;
   width: 43%;
}

.rosterStat
{
   float: left;
   margin: 0px;
   width: 40%;
   text-align: center;
}

.rosterName {
   font-size: .9em;
   color: var(--pres-main-fg-color);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: break-word;
	font-weight: bold;
   width: 100%;
}

.rosterTeam {
   font-size: .9em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: break-word;
   width: 100%; 
}

.rosterAbbrev, .rosterVal {
   color: var(--pres-main-fg-color);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: break-word;
   width: 100%; 
	line-height: 1em;
}

.rosterAbbrev {
   font-size: .9em;  
   padding: 0px 0px 0px 0px;
   color: #666666;
}

.rosterVal {
   font-size: 1.75em;
   font-weight: bold;
}

.rosterPic > img 
{
   max-width: 100%;
   min-width: 100%;
}

.rosterPic 
{
   float: left;
   width: 15%;
   overflow: hidden;
}

/* End Stat */

.regBtnTop {
   border-bottom: 1px solid #bbbbbb;
   float: left;
   padding: 4px 0px;
   width: 119px;
   color: var(--pres-main-fg-color) !important;
   border-radius: 0px 5px 0px 0px;
   -webkit-border-radius: 0px 5px 0px 0px;
   -moz-border-radius: 0px 5px 0px 0px;
}

.loginBtnBottom {
   border-top: 1px solid #ffffff;
   clear: both;
   float: left;
   padding: 4px 0px;
   width: 119px;
   color: var(--pres-main-fg-color) !important;
   border-radius: 0px 0px 5px 0px;
   -webkit-border-radius: 0px 0px 5px 0px;
   -moz-border-radius: 0px 0px 5px 0px;
}

.regBtnTop:hover, .loginBtnBottom:hover {
   background-color: #ff4e00;  
   color: var(--pres-light-fg-color) !important;
}

.loginBtnBottom:hover {
   border-top: solid 1px #ff4e00;  
}

.levelSel {
   margin: 0px 0px 0px 0px;
   float: left;
   clear: both;
   width: 100%;
	padding: 10px;
}

.levelSel .chosen-container, .selOpt 
{
   width: 100% !important;
	float: left;
	clear: none;
}

.selTitle {
   float: left;
   margin: 0px 0px 0px 0px;
   color: var(--pres-main-fg-color);
   width: 100%;
	font-weight: bold;
	font-size: .9em;
}

.statGender {
   float: left;
   clear: both;
   width: 100%;
}

.sportBanner {
   font-family: bebas;
   font-size: 2.5em;
   color: var(--pres-light-fg-color);
   float: left;
   background-image: url(/images/orgDots.png);
   text-align: center;
   width: 100%;
   margin: 0px 0px 0px 0px;
   padding: 10px 0px;
}

#optAll, #optMen, #optWom {
   color: var(--pres-light-fg-color) !important;
}

.note {
   float: left;
   font-size: .75em;
   color: var(--pres-main-fg-color);
   background: var(--pres-main-bg-light);
   width: 100%;
   padding: 10px;
}

.profileHover {
   position: absolute;  
   top: 55px;
   display: none;
   z-index: 1000;
}

.profileBubble {
   height: 35px;
   width: 100px;
   background: var(--pres-main-bg-light);
   color: var(--pres-main-fg-color);  
   text-align: center;
   font-size: 1em;
   font-weight: normal;
   padding: 10px 0px 0px 0px;
   float: left;
   clear: both;
}

.profileCaret {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;   
   float: left;
   margin: 0px 0px 0px 8px;
}

.rtCtr {
   float: left;
   clear: both;
   width: 100%;
   padding: 0px;
   margin-bottom: 20px;
}

.realTime {
   clear: both;
   width: 100%;
   text-align: center;  
   font-size: 1em;
   cursor: pointer;
   color: var(--pres-light-fg-color);
	padding: 10px;
	text-decoration: none;
	float: left;
}

.tab .realTime 
{
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   margin-bottom: 0px;   
}

.realTimeCancellations {
   clear: both;
   width: 100%;
   border-bottom: solid 1px #000000;
   text-align: center;  
   font-size: 1.5em;
   padding-top: 10px;
   font-family: bebas;
   cursor: pointer;  
   color: var(--pres-light-fg-color); 
}

.navLink img {
   vertical-align: middle;
}

.statName {
   background-color: #bbbbbb;
	color: var(--pres-main-fg-color);
   width: 100%;
   padding: 5px;
   font-size: 1em;
   float: left;
   clear: both;
	font-weight: bold;
}

.note1 {
   font-family: bebas;
   font-size: 1.5em;
   color: var(--pres-light-fg-color);
   width: 100%;
   padding: 20px;
   background: var(--pres-soft-black);
   margin: 0px 0px 0px 0px;
}

.footballScores {
   padding: 10px 0px;
   width: 100%;
   background: #07581c; /* Old browsers */
   color: var(--pres-light-fg-color);
   font-family: bebas;  
   text-align: center;
   font-size: 1.5em;
   font-weight: normal;
   cursor: pointer;
	
	float: left;
}

.footballScores:hover {
	opacity: .75;
}

.footballLink {
   text-decoration: none;  
   float:left;
   clear:both;
   width: 100%;
	margin-bottom: 20px;
}

#typePhoto {
   display: none;
}

/* Start Standings */
.standingsTitleR {
   float: left;
   border: solid 1px #888888;
   font-family: bebas;
   font-size: 1.5em;
   color: var(--pres-main-fg-color);
   height: 25px;
   width: 320px;
   padding: 10px;
   background: #eeeeee; /* Old browsers */
   background: -moz-linear-gradient(top,  #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  #eeeeee 0%,#bbbbbb 100%); /* W3C */
   margin: -10px 0px 0px -1px;
}

.genderTag {
   float: left;
   font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
}

.wltTop 
{
	float: right;
	padding: 0px 5px;
	font-weight: bold;
	font-size: .9em;
}

.wltBot 
{
	float: right;
	clear: right;
	padding: 0px 5px;
	font-weight: bold;
	font-size: .9em;
}

.standingsContent {
   float:left;
   clear:both;
   width: 100%;
}

.wltHead {
   float: left;
   clear: both;
   width: 100%;
   background: var(--pres-main-bg-light);
   color: var(--pres-main-fg-color);
   text-align: right;
}

.wltHead .statTitle 
{
	float: left;
	border: none;
	width: auto;
   padding: 5px;
}

.standingResultContainer {
   float: left;
   height: auto;
   width: 100%;
}

.standingResultContent {
   float: left;
   width: 100%;
   border-top: solid 1px #bbbbbb;
   font-size: .9em; 
   background: var(--pres-main-bg-light);
   padding: 5px;
}

.team
{
   float: left;
   clear: both;
   color: var(--pres-main-fg-color);
   width: 60%;
}

.ratio {
   float: right;
 }
/* End Standings */

#options {
   float: left;
   width: 100%;
	background: var(--pres-main-bg-light);
}

.filterHead 
{
	color: var(--pres-main-fg-color);
	font-size: 1.25em;
}

.tab a 
{
	float: left;
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.additionalLinksCtr
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.additionalLink 
{
	font-size: .9em;
	padding: 10px;
	border-bottom: solid 1px #bbbbbb;
	float: left;
	clear: both;
	width: 100%;
	background: var(--pres-main-bg-light);
}

.additionalLink:last-of-type 
{
	border-bottom: none;
}

.ps 
{
   float: left;
   clear: both;
   width: 100%;
}

@media all and (min-width: 1024px) and (max-width: 1366px) {
   .main, #content {
      width: 85%;
   }   
   
   #mainContent, .rTopContainer {
      width: 100%;
   }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
   .main, #content {
      width: 95%;
   }   

   #mainContent, .rTopContainer {
      width: 100%;
   }
   
   .storySliderArrowRight {
      right: 10px;   
   }
}

@media all and (min-width: 320px) and (max-width: 767px) {
   #mainContainer, #content, 
   #footer, #footerContainer,
   .footerContent { 
      width: 100%;
   }
      
   .mainNav {
      padding: 0px;
      margin: 0px;
   }

   .grad {
      margin-top: 0px;
   }
 
   .note1 {
	   background: #ff4e00; /* Old browsers */
		width: 98%;
		padding: 20px;
      margin: 1%;
      text-align: center;
   }

   #options {
      display:none;  
      margin-bottom: 20px;
   }
   
   .storySliderArrowRight {
      right: 10px;
   }
   
   .rTopCol {
      width: 100%;
   }
   
   #featHead {
      text-align: center;
      padding: 2% 0px;
      font-weight: bold;
      margin: 0px 0px 0px 0px !important;
   }

   .rtCtr {
      padding: 10px;
      margin-bottom: 0px;
   }
}