#mctMnuBtn {
   display: none;
}

#buttonsMore {
   display: block;
}

/* OVERALL CONTAINER */
.gameRecapContainer {
	padding: 20px;
   position: relative;
   background: var(--pres-main-bg-light);
   width: 100%;
   border-radius: 3px;
}

#details, #scores {
   float: left;
   clear: both;
   width: 100%;
	position: relative;
}
/* END OVERALL CONTAINER */

/* GAME TITLE AND COVERAGE BUTTON */
.gameTitle {
	font-weight: bold;
   max-width: 100%;
   text-transform: capitalize;
   font-size: 24px;
   border-bottom: solid 1px #dddddd;
   padding-bottom: 11px;
}

.updateCoverage {
   float: right;
   height: 20px;
   width: 150px;
   
   color: #fafafa;
   text-shadow: 0px 1px 1px #000000;
   font-size: 14pt;
   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 */
   box-shadow: 0px 0px 5px #000000;
   text-align: center; 
   padding: 5px 0px 5px 0px;
   margin: 20px 20px 20px 0px;
   border-top: solid 1px #aaaaaa;
   cursor: pointer;
}

.updateCoverage:hover {  
   color: var(--pres-main-fg-color);
}
/* END TITLE AND COVERAGE BUTTON */

/* ENCAPSULATING CONTAINER */
.encContainer {
   float: left;
   height: auto;
   width: 100%;
}
/* END ENCAPSULATING CONTAINER */

/* LEFT DISPLAY CONTAINER */
.leftDisplayContainer {
   float: left;
   width: 100%;
   height: auto;
   margin: 0px 0px 0px 0px;  
}

/* Inside left display container */
.eventContainer {
   width: 100%;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px;
}

.eventDateGender {
   display: flex;
   flex-direction: row;
   gap: 10px;
   margin-bottom: 20px;
   justify-content: space-between;
}

.eventFinalDate {
   font-size: 1em;
   position: relative;
   font-weight: bold;	
}

.eventGender {
}

.genSportTxt {
   float: left;
   margin: 7px 0px 0px 1%;  
   width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.boxContainer {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   padding: 0px;
   width: 100%;
}

.teamLogo
{
   width: 50px;
   overflow: hidden;
   text-align: center;
   flex-grow: 0;
}

.teamLogo a {
   display: flex;
   flex-direction: column;
   color: var(--pres-main-fg-color);
}
.teamLogo a .img {
   max-width: 100%;
   display: inline-block;
   vertical-align: top;
}

.img
{
   text-decoration: none;
   display: inline-block;
   vertical-align: top;
}

.boxLogo
{
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
}

.scoreInfoWrapper {
   height: auto;
   flex-grow: 2;
}

.scrh {
   width: 10%;
   float: left;
   text-align: center;
   font-size: 2em;
}

.scr {
   width: 10%;
   float: left;
   text-align: center;
   font-size: 2em;
   color: var(--pres-main-fg-color);
	font-weight: bold;
}

#awayScr, 
#homeScr {
   width: 45%;
}

.gameStatus {
   float: left;
   text-align: center;
   width: 100%;  
	font-weight: bold;
}

.teamNames {
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   width: 100%;
   margin: 15px 0px 0px 0px;
	font-weight: bold;
	text-transform: capitalize;
}

.teamNameR, .teamNameL {
   float: left;
   width: 45%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--pres-light-fg-color);
   margin: 0px 0px 0px 0px;
}

.teamNameR {
   text-align: left;
}

.teamNameL {
   text-align: right;
}

.at {
	float: left;
	width: 10%;
	color: #888888;
	font-size: 1em;       
	text-align: center;
}

.eventDescriptionMore {
   padding: 0px;
   margin: 0px;
   border: none;
}

.buttonContainer {
   margin: 0px;
   padding: 20px 0px 0px 0px;
   border-top: solid 1px #dddddd;
}

/* Box Score Style */
.boxScoreContainer {
   width: 100%;
	border: solid 1px #dddddd;
   display: flex;
   flex-direction: row;
}

.scorePerQuar 
{
	float: left;
   clear: both;
   font-size: 1em;  
   margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	line-height: 2em;
}

.scoreOverflow 
{
	float: right;
	max-width: 80%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.team {
   margin: 0px;
   float: left;
   text-transform: uppercase;
   clear: both;
   position: relative;
   top: 0px;
	font-weight: bold;
   width: 100%;
	border-top: solid 1px #dddddd;
	height: 40px;
	line-height: 40px;
   padding: 0px 10px;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);   
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.awayRow, .homeRow {
   float: left;
   clear: both;
	height: 40px;
   position: relative;
	border-bottom: none;
	border-top: solid 1px #dddddd;
}


.scoreT, .tScore{
   float: right;
   min-width: 45px;
   max-width: 45px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 1em;
   -webkit-appearance: none;
   border: none;
   border-radius: 0px;
   border-left: solid 1px #dddddd;
   -webkit-border-radius: 0px;
}

.tScore 
{
	float: left;
	border-left: none;
}

.score
{
	max-width: 45px;
	min-width: 45px;
	height: 40px;
   line-height:40px;
	font-size: 1em;
	float: right;
	text-align: center;
	margin: 0px 0px 0px 0px;
	-webkit-appearance: none;
	border: none;
	border-left: solid 1px #dddddd;	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	font-weight: normal;
}

.homeRow .score 
{
	border-bottom: solid 1px #bbbbbb;
}
/* End Box Score Style */

/* Portal Photos Style */
.portalPhotos {
   float: left;
   height: 280px;
   width: 590px;  
   border: solid 5px #bbbbbb;
   box-shadow: 0px 0px 5px #000000;
   margin: 20px 0px 0px 0px;
   background-image: url(/images/orgDots.png);
}

.portalPhotoThumbs {
   float: left;
   clear: both;
   height: auto;
   min-height: 100px;
   width: 590px;  
   border: solid;
   border-width: 0px 5px 5px 5px;
   border-color: #bbbbbb;
   box-shadow: 0px 5px 10px #000000;
   margin: 0px 0px 0px 0px;   
   background-image: url(/images/orgDots.png);
}

.nothingThere {
   float: left;
   
   font-size: 20pt;
   color: #bbbbbb;
   text-shadow: 0px 1px 1px #000000;  
   margin: 20px 0px 0px 20px;
}
/* End Portal Photos */

/* Tab Menu */

.tabMenu {
   float: left;
   clear: both;
   width: 100%;
   height: auto;    
   margin: 10px 0px 20px 0px; 
}

.tabOption {
   float: left;
   font-size: .8em;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px;     
   text-decoration: underline;
   padding: 5px;
   
   font-weight: bold;
   text-align: center;
   cursor: pointer;
}

.tabOption:hover {
   color: #888888;  
}

.tabOptionSelected {
   float: left;
   font-size: .8em;
   color: var(--pres-light-fg-color);
   text-decoration: none;
   background: var(--pres-soft-black);
   margin: 0px 0px 0px 0px;     
   padding:  5px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
}

.addStoryCoverage > a
{
   text-decoration: none;
}

.addStoryCoverage > a:hover {
   color: var(--pres-main-fg-color);
   text-shadow: 0px 1px 1px #888888;
}

.storyContainer {
   float: left;
   clear: both;
   margin: 0px 0px 0px 0px;
   width: 100%;
   height: auto;  
	border-bottom: solid 1px #dddddd;
	padding: 10px 0px;
}

.story 
{
   clear: both;
   float: left;
   padding: 0px 0px 0px 0px;
   width: 100%;
}

.noStories {
   font-size: 1.5em;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 20px 0px;
   float: left;
   clear: both;
   width: 100%;
   height: auto;  
   padding: 20px 0px;
}

.noResults 
{
   color: var(--pres-main-fg-color);
   margin: 0px;
	float: left;
}

.articleInfoWrapper
{
	width: 75%;
	padding: 10px;
	display: inline-block;
}

.storyHeader {
   font-size: 1.5em;
   font-weight: bold;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px;
   width: 100%;
   padding: 0px;
   height: auto;
	line-height: 1em;
	display: inline-block;
}

.image {
   margin: 0px 0px 0px 0px;
	max-width: 15%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.image img 
{
	max-width: 100%;
}

.storyContainer a 
{
   text-decoration: none;
   float: left;
   clear: both;
   width: 100%;
}

.writtenBy, .postDate {
   float: left;
   font-size: .9em;
   color: var(--pres-main-fg-color);
   margin: 5px 0px 0px 0px;
	
}

.storyLine {
   float: left;
   clear: both;
   margin: 5px 0px;
   height: 0px;
   width: 100%;
}

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


/* End Story Coverage */

/* Photos Container */
.photosContainer {
   float: left;
   clear: both;
   width: 100%;
   display: none;  
	padding: 10px 0px;
	border-bottom: solid 1px #bbbbbb;
}

.tabPhotoWrap 
{
   text-align: center;
   float:left;
   padding: 4px 3px 4px 3px;
}

.photoThumb
{
   float: left;
   clear: both;
   width: 100%;  
   text-align: center;
}
/* End Photos Container */

/* Recap Container */
.recapContainer {
   display: none;
}
/* End Recap Container */

/* Live Blog */
.liveBlogContainer, .blogPostContainer, .recapContainer {
   float: left;
   clear: both;
   height: auto;
   width: 100%;
}

.liveBlogContainer {
   display: none;
}

.liveBlogText {
   float: left;
   clear: both;
   min-height: 100px;
   width: 100%;
   max-width: 100%;
   min-width: 100%;
   padding: 10px;
   color: var(--pres-main-fg-color);
   font-size: 1em;
   border: solid 1px #bbbbbb;
}

.postBlogTextButton {
   float: right;
   text-align: center;
   color: var(--pres-light-fg-color);
   margin: 1% 0px 0px 0px !important;
   background: var(--pres-soft-black);
   font-size: 1em;
   padding: 5px 10px;
   
}

.postBlogTextButton:hover {
   background-color: #888888;
   cursor: pointer;
}

.blogDivide {
   float: left;
   clear: both;
   height: 0px;
   width: 100%;
   border-top: dotted 1px #bbbbbb;
   margin: 20px 0px;  
}

.postPeriodQuarter {
   float: left;
   font-size: 1.5em;
   
   color: var(--pres-light-fg-color);  
}

.blogPost {
   float: left;
   clear: both;
   height: auto;
   padding: 10px;
   width: 100%;  
   margin: 0px 0px 5px 0px;
	border-bottom: solid 1px #bbbbbb;
}

.blogPostDateTime {
   width: 100%;
   color: var(--pres-main-fg-color);
   font-size: 1em;
	font-weight: bold;
	
}

.blogPostBody {
   float: left;
   clear: both;
   width: 100%;
   height: auto;
   font-size: 1em;
   color: var(--pres-main-fg-color);
   padding: 10px 0px 5px 0px;
	
	line-height: 1.5em;  
}

/* End Live Blog */


/* End inside display container */

/* END LEFT DISPLAY CONTAINER */

/* RIGHT DISPLAY CONTAINER */
.rightDisplayContainer, .rightDisplayContainerM {
   float: left;
   width: 100%;
   height: auto;
   margin: 0px 0px 0px 0px;   
	clear: both;
}

/* DRAG AND DROP */
#dropZone 
{
	width: 100% !important;
	height: 120px !important;
	margin: 0px 0px 0px 0px !important;
	
}
/* END DRAG AND DROP */

/* Coverage Tools */
.coverageToolsHeader {
   float: left;
   font-size: 24px;
	font-weight: bold;
   margin: 0px 0px 0px 0px;
   width: 100%;
   padding: 20px 0px;
}

.coverageToolsContainer {
   width: 100%;
   margin-bottom: 20px;
}

.coverageTool, .pLink {
   float: left;
	clear:both;
   width: 100%;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   cursor: pointer;
   text-decoration: none;
   border-bottom: solid 1px #dddddd;
   line-height: 40px;
   transition: padding 250ms, background 250ms;
   color: var(--pres-main-fg-color);
}

.coverageTool:hover,
.pLink:hover {
   background: #eeeeee;
   padding-left: 10px;
   opacity: 1 !important;
}

.pLink {
   border: none;
   margin: 0px;
   padding: 0px;
   font-size: 1em;
}
/* End Fan Photos */

/* Coverage List */
.coverageHeader {
   float: left;
   
   font-size: 2em;
   color: var(--pres-main-fg-color);
   margin: 20px 0px 0px 0px;   
   width: 100%;
}

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

.coverage {
   float: left;
   clear: both;
   width: 290px;  
}

.covered {
	display: inline-block;
	vertical-align: middle;
   width: 50px;
   margin: 0px 10px 0px 0px;
   border: solid 1px #bbbbbb;
}

.covered img {
   float: left;
   max-width: 100%;
   min-width: 100%;
}

.user, .covTxt {
   font-size: 1em;
   color: var(--pres-main-fg-color);
   margin: 0px 0px 0px 0px;  
   padding: 0px 0px;
}

.user {
	display: inline-block;
	vertical-align: middle;
   width: 75%;
}

.covTxt {
   width: 100%;
   padding: 10px 0px;
}

.lineDivide {
	display: none;
}

.covOpt {
   float: left;
   clear: both;
   text-decoration: none;
   text-align: center;
   padding: 10px 20px;
}
/* End Coverage List */

/* END RIGHT DISPLAY CONTAINER */


/* EVERYTHING BELOW THIS LINE IS LEFTOVER STYLE AND IS IRRELEVANT */

#event .home {
   float: left;
}

#event .away {
   float: right;
}

.teamNames .teamName {
   width: 45%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;  
   float: left;
	font-weight: bold;
	
	font-size: 1em;
}
 
#event .home .teamName {
   margin: 5px 0px 0px 0px;
   float: left;
   clear: both;
}

#event .away .teamName {
   margin: 5px 0px 0px 0px;
   float: right;
   clear: both;
}

#map .place {
   margin-bottom: 10px;
}

#map img {
   width: 300px;
   height: 300px;
}

#map a {
   color: #eee;
}

#pics .title {
   margin: 0px 0px 3px 0px;
}

#pics > img {
   width: 100px;  
}


#teaminfo {
   padding: 0px;
}

#teaminfo .teamsFollowContainer {
   float: none;
   height: 65px;  
}

.edit {
   background-color: #BBBBBB;
   box-shadow: 0 0 5px #000000;
   color: var(--pres-main-fg-color);
   cursor: pointer;
   float: right;
   font-family: helvetica,arial,Sans-Serif;

   margin: 5px 20px 10px 0;
   padding: 2px 4px;
   text-shadow: 0 1px 1px #FFFFFF;
}

.edit:hover 
{
   background-color: #666666;
}

.editScore 
{
   display: none;
   width: 14px;
}

.eScore
{
   display: none;
}

.eScore
{
   background-color: #BBBBBB;
   box-shadow: 0 0 5px #000000;
   color: var(--pres-main-fg-color);
   cursor: pointer;
   float: right;
   font-family: helvetica,arial,Sans-Serif;

   margin: 5px 10px 10px 0;
   padding: 2px 4px;
   text-shadow: 0 1px 1px #FFFFFF;
}

.covered > a:hover, .coverageContainer > a:hover, .item > a:hover
{
   opacity: .4;
   filter:alpha(opacity=40);
}

.coverage > a
{
   text-decoration: none;
   text-align: center;
}

.botButton {
   float: left;
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   height: 28px;
   font-size: 1em;
   text-align: center;
   padding: 10px 10px 0px 10px;
   clear: left; 
   margin: 0px 0px 0px 0px;
   cursor: pointer;
}

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

.btnCon {
   clear: both;
   float: left;
   height: auto;
   margin: 20px 0 0;
   width: 100%;
}

.mascot {
   font-size: .8em;
   font-weight: normal;
   position: relative;
   left: 0px;
   width: 100%;
   line-height: 20px;
}

/* Start Event Details */
.eventContainer {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.eventCanceled {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	color: var(--pres-main-fg-color);
}

#eventRight {
   display: flex;
   flex-direction: row;
   gap: 10px;
   align-items: center;
}

#eventRight .googleMapImage {
   width: 75px;
}

.eventCanceled {
    color: #910000;
}

.eventTitle {
   color: var(--pres-main-fg-color);
   font-size: 1.5em;
	font-weight: bold;
   float: left;
   width: 100%;
   text-transform: capitalize;
}

.eventRowMore {
   height: auto;
   margin: 0;
   width: 100%;
   padding: 0px;
}

#eventNameMore {
   width: 100%;
   padding: 10px 0px;
}

.dateMod {
   font-size: 24px;
   color: var(--pres-main-fg-color);
}

#eventLeft {
   margin: 0px;
   width: 100%;
}

.eventInsideMore {
    margin: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.eventTeamName, .eventLocation, .eventVenue 
{
   margin: 0px 0px 0px 0px;
   width: 100%;
	font-size: 1em;
}

#eventMap 
{
	width: 100%;
}

#eventMap .button 
{
   margin-top: 10px !important;
   float: left;
   margin-right: 0px;
}

#eventMap img.googleMapImage 
{
	width: 100%;
}

#eventMap a {
   text-decoration: none;
}

a.openMapLink {
   font-size: .8em;
   text-align: center;
   padding: 5px 0px;
   text-decoration: none;
   width: 100%;
   clear:both;
}

#directMap {
   float:left;
   clear:both;
   margin: 0px;
}

#calEventDetails .noMap {
	margin: 0px;
   padding: 0px;
}

#calEventDetails .directions {
    color: var(--pres-main-fg-color);
    float: left;
    font-family: helvetica,Arial,Sans-Serif;
    font-size: 1em;
    width: 100%;
}

#calEventDetails .directions:hover {
 color: #888888;
}

#eventMap .button 
{
	width: 100%;
}

#calEventDetails, #reschForm {
   border:none;  
   float: left;
   clear: both;
   width: 100%;
   padding: 30px;
}

#calEventDetails .button {
   background-image: none;
   cursor: pointer;
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px 20px;
   text-align: center;
   text-decoration: none;
   text-align: center;
   line-height: 40px;
 }

#calEventDetails #reportButton {
   width: 250px;
   height: 41px;  
   padding: 12px 0px 0px 0px;
   font-size: 1em;
}

#calEventDetails .icalLink {
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    color: var(--pres-main-fg-color);
}

.eventTimeMore {
    color: var(--pres-main-fg-color);
    float: left;
    font-family: helvetica,Arial,Sans-Serif;
    font-size: 1em;
    margin: 0px 3px;
}

.eventDateMore {
   margin: 0px;
   font-size: 1em;
	font-weight: bold;
}
/* End Event Details */

.blogLimit {
   color: var(--pres-main-fg-color);
   float: left;
   font-size: 1em;
   margin: 1%;
   width: 50%;
}

.leftLimit {
   display: none;
}

.rightLimit {
   clear: both;
   float: left;
   margin-top: 1%;
}

.blogEdit, .blogDelete {
   float: right;
   cursor: pointer;   
   color: var(--pres-main-fg-color);
   font-size: 1em;
   margin-left: 10px;
   text-decoration: underline;
	font-weight: bold;
	
}

.topTabs 
{
   height: 0px;
   overflow: hidden;
   width: 100%;
   cursor: default;
   background: none;
   display: flex;
   flex-direction: column;
}

.topTabsOpen {
   height: auto;
   padding: 20px;
}

.tabSwitchContainer 
{
	position: relative;
	width: 100%;
   padding: 20px;
   background: var(--pres-main-bg-light);
   border-radius: 3px;
}

.tabSwitch {
	position: relative;
	text-align: center;
	float: left;
	margin: 0px 20px 0px 0px;
	cursor: pointer;
}

.tabOn, .tabSwitch:hover 
{
   border-bottom: solid 3px #000000;
}

.tabBeta
{
   padding: 10px 20px;
}

.tabBeta .beta
{
   font-size: .65em;
   position: relative;
   top: -5px;
   color: #ff4e00;
}

#calEventDetails {
   background-color: inherit;
}

.coverageList .orng {
   font-size: 1.2em;  
}

#calEventDetails .orng, .orng {
   background: #ff4e00; /* Old browsers */
   color: var(--pres-light-fg-color);
   padding: 10px 0px 10px 0px;
   font-size: 1.5em;
}

.modCon {
   display: none;
}

.modBtn {
   background: #ff4e00; /* Old browsers */
   color: var(--pres-light-fg-color);
   cursor: pointer;
   float: right;
   padding: 10px 0px 10px 0px;
   text-align: center;
   margin: 1% 1% 0px 0px;
   padding: 5px 10px;
   font-size: 1em;
}

.timeSelWrapper {
   float: left;
   clear: both;
   width: 100%;
   margin-bottom: 10px;
}

.modLabel {
   float: left;
   clear: both;
   color: var(--pres-main-fg-color);
   
   font-size: 1em;
   margin: 0px 0px 0px 0px;  
}

.modChk {
   float: left;
   color: var(--pres-main-fg-color);
   
}

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

.modFull {
   font-size: .9em;
   color: var(--pres-main-fg-color);
   width: 100%;
   padding: 20px;
}

.blueCaret {
   cursor: pointer;
   position: relative;
}

#autocomp {
   position: absolute;
   background: var(--pres-main-bg-light);
   font-size: 8pt;
   border: solid 1px #15384e;
   display: none;
   z-index: 4;
}

#autocomp .itm {
   padding: 2px;
   margin: 2px;
   border-bottom: solid 1px #eee;
   background: var(--pres-main-bg-light);
   color: #15384e;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 95%;
}

#autocomp .itm:hover {
   background-color: #15384e;
   color: #fff;
   cursor: pointer;
}

.timeDropDown {
   position: absolute;
   background: var(--pres-main-bg-light);
   font-size: 1em;
   border: solid 1px #bbbbbb;
   display: none;
   z-index: 113;
   min-height: 105px;
   max-height: 105px;
   overflow: auto;
   cursor: pointer;
   width: 24%;
}

.timeDropDown .itm {
   padding: 1%;
   border-bottom: solid 1px #bbbbbb;
   background: var(--pres-main-bg-light);
   color: var(--pres-main-fg-color);
   
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 98%;
   cursor: pointer;
}

.timeDropDown .itmInvalid {
   padding: 2px;
   margin: 2px;
   border-bottom: solid 1px #eee;
   background: var(--pres-main-bg-light);
   color: #aaaaaa;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 95%;
   cursor: pointer;
}

.timeDropDown .itm:hover {
   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 */
   color: var(--pres-main-fg-color);
   cursor: pointer;
}

.timeDropDown .itmInvalid:hover {
   background-color: #15384e;
   color: #fff;
   cursor: pointer;
}

.timeWrap {
   float: left;
   width: 49%;
   margin-right: 1%;
}

.timeSelect {
   padding: 1%;
   width: 86%;
   font-size: 1em;
     
}

.photoInput {
   height: 46px;
   position: relative;
   top: -46px;
   z-index: 0;
}

.coverageToolsContainer > form {
   height: 47px;
}

/* VIDEO ELEMENTS */

.videoContainer {
   position: absolute;
   width: 1014px;
   background: var(--pres-main-bg-light); 
   z-index: -1;
   padding: 5px;
   display: none;
}

.videoPlayer {
   margin: 0px !important;  
}

.leftPlayer {
   float: left;
   width: 62%;
}

.rightPlayer {
   float: left;
   margin: 0px 0px 0px 5px;
   width: 37%;
   border: solid 1px #bbbbbb;
   overflow: hidden;
   overflow-y: scroll;
   background-color: #eeeeee;
   min-height: 618px;
   max-height: 618px;
}

.videoInfoRight {
   height: 90px;
   width: 240px;
   background-color: #eeeeee;
   float: left;
}


.insertText, .playerDisc {
   float: left;
   clear: both;
   background-color: #eeeeee;
   border: solid 1px #bbbbbb;
   color: var(--pres-main-fg-color) !important;
   width: 100% !important;
   margin: 0px 0px 10px 0px !important;
   padding: 10px;
}

.playerDisc {
   overflow: hidden;
   overflow-y: scroll;
   
}

.videos {
   float: left;
   width: 377px;
   height: auto;
   min-height: 470px;
   overflow: hidden;
}

.vid {
   float: left;
   clear: both;
   width: 100%;
   border-top: solid 1px #ffffff;
   border-bottom: solid 1px #bbbbbb;
}

.closeBtn {
   cursor: pointer;
   left: 1009px;
   position: absolute;
   top: -15px;
}

.ytThumb {
   cursor: pointer;
   float: left;
}

.leftDisplayContainer .ytThumb {
   width: 142px;
   margin: 0px;
   float: none;
}

.bg {
   display: none;
   background: var(--pres-main-bg-dark) !important;
   opacity: .8 !important;
}

.vidScroller {
   background: var(--pres-main-bg-dark);
   border: medium none;
   border-radius: 0 0 0 0 !important;
   float: left;
   height: 200px;
   margin: 20px 0 0 4px;
   width: 17px;
}

.videoContainer .scrollBar {
   height: 470px;
   margin: 23px 0 0 15px;
   width: 15px;
   float: left;
}

.vidContainer {
   float: left;
   width: 360px;
}

.bg {
   background-color: #1D1D1D;
   display: none;
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 3;
}

.vidText {
   float: left;
   color: var(--pres-main-fg-color);

   font-size: 1.3em;  
}

.vidHover {
   float: left;
   width: 50px;
   margin: 5px 0px 5px 40px; 
}

.videoTitle {
   float: left;
   margin: 15px 5px 5px 8px;
   color: var(--pres-main-fg-color);

   font-size: 1em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 210px;
}

.videoDescription {
   float: left;
   clear: both;
   margin: 0px 5px 5px 8px;
   color: var(--pres-main-fg-color);
   font-size: .9em;
   height: 35px;
   overflow: hidden;
   text-overflow: ellipsis;
}

.videoDescriptionL, .uploadedBy {
   float: left;
   clear: both;
   margin: 10px 0px 5px 0px;
   color: var(--pres-main-fg-color);
   font-size: .9em;
   width: 100%;
}

/* END VIDEO ELEMENTS */

.awayFan, .homeFan {
   
   width: 15%;
   text-align: center;
   font-size: 1em;
   color: var(--pres-light-fg-color);
   cursor: pointer;
   padding: 1% 0px;
   background: #ff4e00; /* Old browsers */
}

.awayFan {
   float: left;
}

.homeFan {
   float: right;
}

.radioLabel {
   color: var(--pres-main-fg-color);
   float:left;
   
}

#celChk > input {
   float: left;
   margin-left: 3%;
}

#typePhoto {
   display: none;
}

/* RELATED GAMES */
.relatedGames {
   width: 100%;  
	background: var(--pres-main-bg-light);
	padding: 20px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 10px;
}

.rGame {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: calc(50% - 5px);
   padding: 10px;
   font-size: 1em;
   margin: 0px 0px 0px 0px;
	background: #eeeeee;
   border-radius: 3px;
   border-bottom: solid 2px #ffffff;
   color: var(--pres-main-fg-color);
}

.rGame:hover 
{
	cursor: pointer;
   border-bottom: solid 2px #bbbbbb;
}

.relatedGamesHeader {
	font-weight: bold;
   font-size: 1.25em;
   flex-basis: 100%;
}

.rOver
{
   text-align: center;
}

.rAwayTeamName, .rHomeTeamName { 
   float: left;
   clear:both;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.rQuarter
{
	font-weight: bold;
	font-size: 14px;
}

.rHomeTeamScore, .rAwayTeamScore {
   text-align: right;  
}

.covAlert {
   margin-left: 3px;  
}

.resultMsg {
   color: var(--pres-light-fg-color);
   float: left;
   
   font-size: 11em;
   opacity: 0.75;
   position: relative;
   text-align: center;
   white-space: nowrap;
   z-index: 1;
   top: 16%;
}

.resultMsgCon {
   opacity: .75;
   position: absolute;
   background: var(--pres-main-bg-dark);
   width: 100%;
   height: 100%;
   z-index: 0;
}

/* END RELATED GAMES */

.fanBox {
   clear: both;
   width: 100%;
   float: left;
}

.coverageToolsContainer a {
   color: var(--pres-light-fg-color);
   text-decoration: none;
}

.photoInput {
   display: none;
}

@media all and (min-width: 1024px) {
   .topTabs {
      width: 300px;
      height: auto;
      padding: 20px;
      background: var(--pres-main-bg-light);
      border-radius: 3px;
   }

   .gameRecapContainer {
      width: calc(100% - 310px);
   }

   .teamLogo {
      width: 200px;
   }

   .gameStatus {
      font-size: 2em;
   }

   #awayScr {
      text-align: right;
   }

   #homeScr {
      text-align: left;
   }

   .scrh,
   .scr {
      font-size: 4em;
   }
}