/* New Profootball CSS - Refresh 2019 */

/* Common styles are located in \\ssmstorclustfs2\IMAGES1\ux\sports\styles\nationalStyles.css */

/* Site specific styles */
DIV.UPE-TopBannerDiv 
{ 
    /* background-image: url('https://images1.upickem.net/ux/sports/football/pro_football/images/nationalPrizeBanner.png'); 
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5px;
    background-position: center center; */
}

/* Welcome Page */
#UPE-Welcome-Container #UPE-Welcome-ContestDescription
{ 
    background-image: url(/aux/ux/sports/football/pro_football/images/WelcomeBG.jpg);
}

/* Groups - User Picks */
.UPE-UserPickCorrect 
{
    color: #549316;
    font-weight: 700;
}
.UPE-UserPickWrong 
{
    color: #dd2c01;
    font-weight: 700;
    text-decoration: line-through;
}

/* Picks/Leaders Ad Spots */
#divPicksAd, #divLeadersAd { padding: 5px 0px; }
#divLeadersAd img, #divPicksAd img { max-width: 100%; } /* Ensure that any images in the ad HTML scale */


/* VIPS Page */
.vips .VIP { width: 210px; }
.vips .ssTeam-NameShort { display: inline; }
.vips .ssTeam-Info { width: 46%; }
.vips .ssTeam .ssTeam-Icon { width: 35%; }
.vips .ssTeam { width: 35%; }
.vips .ssTeam-Away::after { right: -20%; }
.vips .ssTeam-Home::before { left: -20%; }
.vips .ssMatchup { padding-bottom: 10px; }
.vips .ssMatchup .ssTeam-NotPicked { opacity: 0.7; padding-bottom: 4px; }
.vips .UPE-ProfileListImage, .vips .UPE-ProfileDefaultImage { margin: 0; }
.UPE-VIPName { text-transform: uppercase; }
.UPE-VIP:first-child { background-color: #efefef; }
.UPE-VIPUserInfo { padding-bottom: 20px; }
.UPE-VIPScore { font-weight: 700; }
.UPE-VIPArrow { padding: 15px 0px; }
.UPE-VIPContainer 
{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    padding-top: 40px;
}
.UPE-OtherVIPs
{
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    box-shadow: 1px 1px 2px #ccc;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 20px;
}
.UPE-VIP
{
    text-align: center;
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
    position: relative;
    top: -60px;
    width: 210px;
    color: #10446E;
}




/* GAMES PAGE */
.ssGameInstructions { display: block; padding-bottom: 15px; }
.ssGameContainer {
	background: #f9f9f9;
	color: #10446E;
	margin: 10px 0px 10px 0px;
	width: 100%;
	border: 1px solid #dcdcdc;
	box-shadow: 1px 1px 3px #ccc;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 25px;
}
.ssLeftContainer, .ssRightContainer
{ 
    padding: 10px;
    vertical-align: top;
}
.ssGamePickemOnly .ssLeftContainer, .ssGameFooterLinks { width: 100%; }
.ssGamePickemAndSurvivor .ssLeftContainer, .ssGameFooterLinks { width: 60%; }
.ssMiddleContainer
{
    background: linear-gradient(#dcdcdc, #dcdcdc) no-repeat center/1px 100%;
    padding: 0px 10px;
    width: 1%;
    margin-top: 85px;
}
.ssRightContainer { width: 32%; }
.ssBottomRowContainer 
{
    flex: 2;
    text-align: right; 
    padding: 10px;
}

/* Message Box that shows after saving picks */
.ssPicksStatus {
	background: #ffffff;
	width:100%;
	text-align:center;
	padding:5px 0;
	color:#549316;
	font-size:16px;
	font-weight: bold;
}

.ssPicksStatusError {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}
/* EOF Message Box */


/* Game Matchups */
.ssResultsText { font-size: 12px; }
.ssResults-Home { text-align: right;}
.ssResultsClosedText
{
    color: #808080;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
}
/* Timeslot Area */
.ssTimeSlot {
	padding-bottom: 10px;
}
.ssGamePickemAndSurvivor .ssTimeSlot-Header, #SS-ProFootballKnockout .ssTimeSlot-Header
{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 10%;
    margin: 1% 0 0 0;
}
.ssGamePickemOnly .ssTimeSlot-Header
{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 7%;
    margin: 1% 0 0 0;
}

.ssGameFooterLinks 
{
    padding: 10px 10px 0px 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.ssMobileSurvivorGames 
{
    display: none;
}
.ssTiebreakerText
{
    color: #0096D0;
    text-align: center;
    font-size: 12px;
}


.ssTeamTiebreaker
{
    position: absolute;
    z-index: 2;
    top: 3px;
}

.ssTeam-Home .ssTeamTiebreaker { left: 30px; }
.ssTeam-Away .ssTeamTiebreaker { right: 30px; }
.ssTeamTiebreaker input
{
    border: 1px solid #8c8c8c;
    text-align: center;
    /* removes rounded corners on textbox */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 25px;
    height: 19px;
}
.ssSurvivorLabel {
    color: #10446E;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0px;
}
.games .UPE-WinnerProfileImage
{
    padding: 0px 40px;
}
.ssWeekWinner 
{
    padding: 0px 30px;
    min-width: 60%;
    display: inline-block;
    
}
.ssStatLabel
{
    width: 60%;
    display: inline-block;
}
.ssSurvivorStats 
{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 30%;
}
.ssSurvivorStat 
{
    text-align: right;
    color: #3498DB;
    width: 40%;
    display: inline-block;
    font-weight: 700;
}
.ssSurvivorStatus 
{
    font-size: 12px;
}
.ssSurvivorMatchupOpen .ssSurvivor 
{
    cursor: pointer;
}
.ssSurvivorInfoBox
{
    background: #ddd repeat scroll 0% 0%;
    padding: 4px;
}
.ssGameHeader 
{
    color: #10446E;
    font-size: 18px;
    padding: 0px 0px 3px 0px;
    text-transform: uppercase;
    font-weight: 700;
}


.ssMatchup {
	color: #10446E;
	width: 92%;
	display: inline-block;
}
.ssGamePickemAndSurvivor .ssMatchup { width: 89%; }
.ssSurvivorMatchup { padding-bottom: 2px; display: inline-block; width: 100%; }
.ssSurvivorMatchupNoBorders, .ssSurvivorMatchupOpen, .ssSurvivorMatchupNotOpen { padding-bottom: 0px !important; }
.ssSurvivorMatchupFinal { padding-bottom: 2.5px; }
.ssSurvivorMatchupOpen.ssSurvivorTiebreaker, .ssSurvivorMatchupClosed.ssSurvivorTiebreaker { padding-top: 17px; }
.ssMatchup .ssTeam.ssTeam-Away, .ssSurvivorMatchup .ssSurvivor.ssSurvivor-Away {
	float: left;
}
.ssMatchup .ssTeam.ssTeam-Home, .ssSurvivorMatchup .ssSurvivor.ssSurvivor-Home {
	float: right;
}/* Fan Pick Percentage, Team Name & Score */
.ssTeam-Name, .ssTeam-NameShort {
	font-size: 16px;
	display:inline-block;
	text-align:left;
	font-family: 'Russo One';
}
.ssTeam-FanPickPercentage {
	font-size: 11px;
}
.ssTeam-NameShort 
{
    display: none;
}
.ssTeam-Schedule, .ssTeam-Record
{
    display: inline;
    font-size: 12px;
}

.ssTeam, .ssSurvivor
{
    border: 1px solid #ccc;
    position: relative;
    width: 46%;
    padding: 4px 5px 2px 5px;
    z-index: 2;
    background: #fff;
}
.ssTeam input[type="text"]
{
    width: 20px;
    height: 18px;
    font-size: 11px;
    padding: 0px 3px;
    color: #10446E;
}
.ssSurvivor { width: 40%; }
.ssGamePickemAndSurvivor .ssTeam { width: 43%; }
.ssTeam-Away, .ssSurvivor-Away { border-radius: 5px 0px 0px 5px; }
.ssSurvivor-Away { text-align: right; }
.ssTeam-Home, .ssSurvivor-Home { border-radius: 0px 5px 5px 0px; }
.ssTeam-Home::before, .ssSurvivor-Home::before,
.ssTeam-Away::after, .ssSurvivor-Away::after
{
    position: absolute;
    z-index: -1;
    content: "";
    top: -1px;/* -2 */
    width: 100%;
    height: 100%;
    background-color: inherit;
    -webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
    border: 1px solid #ccc;
}
.ssTeam-Home::before, .ssSurvivor-Home::before { left: -4%; border-right: none; }
.ssTeam-Away::after, .ssSurvivor-Away::after { right: -4%; border-left: none; }
.ssSurvivor-Away::after { right: -11%; }
.ssGamePickemAndSurvivor .ssTeam-Away::after { right: -8%; }
.ssSurvivor-Home::before { left: -11%; }
.ssGamePickemAndSurvivor .ssTeam-Home::before { left: -8%; }

/* Team Helmet */
.ssTeam .ssTeam-Icon { width: 18%; }
.ssTeam-Away .ssTeam-Icon, .ssSurvivor-Away .ssTeam-Icon { float: right; }
.ssTeam-Away .ssTeam-Icon { text-align: right; }
.ssTeam-Home .ssTeam-Icon, .ssSurvivor-Home .ssTeam-Icon {
	float: left;
	opacity: 0.99; /* Have to set this or the helmet won't display */
}
.ssTeam-Home .ssTeam-Icon img, .ssSurvivor-Home .ssTeam-Icon img
{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
}
.ssSurvivor .ssTeam-Icon { width: 45%; }

/* Team Name/Record Block */
.ssTeam-Info 
{
    width: 82%;
    vertical-align: top;
}
.ssTeam-Home .ssTeam-Info, .ssSurvivor-Home .ssSurvivor-Info { float: right; }
.ssTeam-Away .ssTeam-Info, .ssSurvivor-Away .ssSurvivor-Info { float: left; }
.ssSurvivor-Away .ssSurvivor-Info, .ssTeam-Home .ssTeam-Info { text-align: right; }
.ssGamePickemOnly .ssTeam-Info { width: 81%; }
.ssSurvivor-Info
{
    vertical-align: top;
    width: 55%;
}
progress {
	display:inline-block;
	width:80%;
	height:3px;
	padding: 0;
	margin: 3px 5px;
	background: #ccc;
	border: 0;
	border-radius: 15px;
	text-align: left;
	position:relative;
    color: #8ccfea;
}
.ssGamePickemAndSurvivor progress { width: 75%; }
progress::-moz-progress-bar { background: #8ccfea; }
progress::-webkit-progress-bar {
	height:3px;
	width:105px;
	background-color: #CCC;
	border-radius: 15px;
	box-shadow:0px 0px 6px #ccc inset;
}
progress::-webkit-progress-value {
	display:inline-block;
	float:left;
	height:3px;
	margin:0px x 0 0;
	background: #8ccfea;
	border-radius: 15px;
	box-shadow:0px 0px 6px #8ccfea inset;
}
progress:after {
	margin:-26px 0 0 -7px;
	padding:0;
	display:inline-block;
	float:left;
}
.ssSurvivor .ssTeam-Name { color: #10446E; }
.ssSurvivor-PickLabel { font-size: 10px; }

/* Game States */
.ssMatchupFinal .ssTeam, /*.ssSurvivorMatchupFinal .ssSurvivor,*/
.ssRoadblockGame .ssMatchupClosed .ssTeam-NotPicked, .ssMatchupClosed,
.ssSurvivorMatchupClosed, .ssSurvivorMatchupNotOpen
{ 
    opacity: 0.7;
}
.ssMatchupFinal .ssTeam-Picked { opacity: 1.0; }
.ssTeam.ssTeamNoPickAllowed, .ssTeam.ssTeamNoPickAllowed:hover {
	cursor:not-allowed;
}
.ssRoadblockGame .ssTeam, .ssRoadblockGame .ssTeam-Away::after, .ssRoadblockGame .ssTeam-Home::before,
.ssRoadblockGame .ssMatchupOpen .ssTeam:hover, 
.ssRoadblockGame .ssMatchupOpen .ssTeam:hover::before, 
.ssRoadblockGame .ssMatchupOpen .ssTeam:hover::after
{ border-color: #fff; }
.ssTeam-Picked, .ssTeam-Picked::after, .ssTeam-Picked::before
{
    border-color: #0096D0; 
    border-width: 2px;
    top: -2px;
    opacity: 1.0;
}
.ssMatchupOpen .ssTeam, .ssSurvivorMatchupOpen .ssSurvivor,
.ssMatchupOpen .ssTeam-Home::before, .ssSurvivorMatchupOpen .ssSurvivor-Home::before,
.ssMatchupOpen .ssTeam-Away::after, .ssSurvivorMatchupOpen .ssSurvivor-Away::after
{
    border-width: 2px;
    top: -2px;
}
.ssMatchupOpen .ssTeam.ssTeam-NotPicked, 
.ssMatchupOpen .ssTeam-Home.ssTeam-NotPicked::before,
.ssMatchupOpen .ssTeam-Away.ssTeam-NotPicked::after
{ 
    border-width: 1px; 
    top: -1px;
}
.ssMatchupOpen .ssTeam.ssTeam-NotPicked, .ssSurvivorMatchupOpen .ssSurvivor.ssTeam-NotPicked { opacity: 0.7; }
.ssMatchupOpen .ssTeam:hover, .ssMatchupOpen .ssTeam:hover::before, .ssMatchupOpen .ssTeam:hover::after,
.ssSurvivorMatchupOpen .ssSurvivor:hover, .ssSurvivorMatchupOpen .ssSurvivor:hover::before, .ssSurvivorMatchupOpen .ssSurvivor:hover::after
{ border-color: #0096D0; opacity: 1.0; border-width: 2px; top: -2px; }
.ssTeam-Home.ssTeam-Picked, .ssMatchupOpen .ssTeam-Home:hover, .ssSurvivor-Home.ssTeam-Picked, .ssSurvivorMatchupOpen .ssSurvivor-Home:hover,
.ssTeam-Picked::after, .ssMatchupOpen .ssTeam:hover::after, .ssTeam-Picked:hover::after, .ssSurvivorMatchupOpen .ssSurvivor:hover::after
{
    box-shadow: 2px 2px 2px #ccc;
}
.ssTeam-Away.ssTeam-Picked, .ssMatchupOpen .ssTeam-Away:hover, .ssSurvivor-Away.ssTeam-Picked, .ssSurvivorMatchupOpen .ssSurvivor-Away:hover,
.ssTeam-Picked::before, .ssMatchupOpen .ssTeam:hover::before, .ssTeam-Picked:hover::before, .ssSurvivorMatchupOpen .ssSurvivor:hover::before
{
    box-shadow: -2px 2px 2px #ccc;
}
.ssSurvivorMatchupOpen .ssSurvivor.ssTeamPickedPreviously .ssTeam-Icon, .ssSurvivorMatchupOpen .ssSurvivor.ssTeamPickedPreviously .ssSurvivor-Info { opacity: 0.7; }
.ssSurvivor.ssTeamPickedPreviously, .ssSurvivor.ssTeamPickedPreviously:hover,
.ssSurvivor.ssTeamPickedPreviously::after, .ssSurvivor.ssTeamPickedPreviously:hover::after,
.ssSurvivor.ssTeamPickedPreviously::before, .ssSurvivor.ssTeamPickedPreviously:hover::before
{
    cursor: text;
    border-color: #fff;
    box-shadow: none;
    opacity: 0.7;
}
.ssPickCorrect, .ssPickCorrect::after, .ssPickCorrect::before
{
    border-color: #549316; 
    color: #549316;
    border-width: 2px;
}
.ssPickWrong, .ssPickWrong::after, .ssPickWrong::before
{
    border-color: #dd2c01;
    border-width: 2px;
    color: #dd2c01;
}

.ssTeam.ssPickCorrect .ssTeam-Name, .ssSurvivor.ssPickCorrect .ssTeam-Name
{
    color: #549316;
}
.ssTeam.ssPickWrong .ssTeam-Name, .ssSurvivor.ssPickWrong .ssTeam-Name
{
    color: #dd2c01;
}

/* Team Stats Box - when the calendar icon is clicked from the games page */
.UPE-PopoverBody{background-image: url(/shared/assets/legacy/shared/images/SkinBase/background.png); background-repeat: repeat; z-index:1000; position:fixed; left:0; top:0; width:100%; height:100%;text-align:center;}
.UPE-TeamStatsPopupBox { width:75%; margin: 20px; border: 15px #3498DB solid; padding: 10px; background-color: #E9E9E9; position: fixed; } 
.UPE-TeamStatsPopupBoxClose { color: #3498DB; text-align: right ! important;} 
.UPE-PFTeamStatsHeaderAd { margin-top: 10px;  }
#divTeamStats .UPE-PageHeaderText, #divTeamStats .UPE-PageSubHeaderText { color: #3498DB; padding: 0px; background: none; }

/* Team Stats Box - Customizations for each team */
.ssTeamStats-Arizona { border: 15px solid #ED3039; }
.ssTeamStats-Arizona #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Arizona #divTeamStats .UPE-PageSubHeaderText { color: #ED3039; }

.ssTeamStats-Baltimore { border: 15px solid #6C1EB3; }
.ssTeamStats-Baltimore #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Baltimore #divTeamStats .UPE-PageSubHeaderText { color: #333333; }

.ssTeamStats-NYGiants { border: 15px solid #EA2731; }
.ssTeamStats-NYGiants #divTeamStats .UPE-PageHeaderText, .ssTeamStats-NYGiants #divTeamStats .UPE-PageSubHeaderText { color: #34349C; }

.ssTeamStats-KansasCity { border: 15px solid #DB3838; }
.ssTeamStats-KansasCity #divTeamStats .UPE-PageHeaderText, .ssTeamStats-KansasCity #divTeamStats .UPE-PageSubHeaderText { color: #DB3838; }

.ssTeamStats-NewOrleans { border: 15px solid #BCA251; }
.ssTeamStats-NewOrleans #divTeamStats .UPE-PageHeaderText, .ssTeamStats-NewOrleans #divTeamStats .UPE-PageSubHeaderText { color: #333333; }

.ssTeamStats-Indianapolis { border: 15px solid #2F4288; }
.ssTeamStats-Indianapolis #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Indianapolis #divTeamStats .UPE-PageSubHeaderText { color: #2F4288; }

.ssTeamStats-Denver { border: 15px solid #FA6B19; }
.ssTeamStats-Denver #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Denver #divTeamStats .UPE-PageSubHeaderText { color: #33339B; }

.ssTeamStats-Seattle { border: 15px solid #808080; }
.ssTeamStats-Seattle #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Seattle #divTeamStats .UPE-PageSubHeaderText { color: #3B5C79; }

.ssTeamStats-Cincinnati { border: 15px solid #F36A24; }
.ssTeamStats-Cincinnati #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Cincinnati #divTeamStats .UPE-PageSubHeaderText { color: #333333; }

.ssTeamStats-Washington { border: 15px solid #F8BF0E; }
.ssTeamStats-Washington #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Washington #divTeamStats .UPE-PageSubHeaderText { color: #892A2C; }

.ssTeamStats-Oakland { border: 15px solid #B3B3B3; }
.ssTeamStats-Oakland #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Oakland #divTeamStats .UPE-PageSubHeaderText { color: #000000; }

.ssTeamStats-Carolina { border: 15px solid #B3B3B3; }
.ssTeamStats-Carolina #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Carolina #divTeamStats .UPE-PageSubHeaderText { color: #0499DA; }

.ssTeamStats-NYJets { border: 15px solid #165D46; }
.ssTeamStats-NYJets #divTeamStats .UPE-PageHeaderText, .ssTeamStats-NYJets #divTeamStats .UPE-PageSubHeaderText { color: #165D46; }

.ssTeamStats-Buffalo { border: 15px solid #EC2831; }
.ssTeamStats-Buffalo #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Buffalo #divTeamStats .UPE-PageSubHeaderText { color: #EC2831; }

.ssTeamStats-SanFrancisco { border: 15px solid #BB9E47; }
.ssTeamStats-SanFrancisco #divTeamStats .UPE-PageHeaderText, .ssTeamStats-SanFrancisco #divTeamStats .UPE-PageSubHeaderText { color: #BB193B; }

.ssTeamStats-Pittsburgh { border: 15px solid #FCC314; }
.ssTeamStats-Pittsburgh #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Pittsburgh #divTeamStats .UPE-PageSubHeaderText { color: #000000; }

.ssTeamStats-Philadelphia { border: 15px solid #1F5E66; }
.ssTeamStats-Philadelphia #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Philadelphia #divTeamStats .UPE-PageSubHeaderText { color: #1F5E66; }

.ssTeamStats-Chicago { border: 15px solid #EE6722; }
.ssTeamStats-Chicago #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Chicago #divTeamStats .UPE-PageSubHeaderText { color: #40405F; }

.ssTeamStats-LARams { border: 15px solid #BC9850; }
.ssTeamStats-LARams #divTeamStats .UPE-PageHeaderText, .ssTeamStats-LARams #divTeamStats .UPE-PageSubHeaderText { color: #1F426D; }

.ssTeamStats-Detroit { border: 15px solid #B3B3B3; }
.ssTeamStats-Detroit #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Detroit #divTeamStats .UPE-PageSubHeaderText { color: #0A4F83; }

.ssTeamStats-LAChargers { border: 15px solid #FFC417; }
.ssTeamStats-LAChargers #divTeamStats .UPE-PageHeaderText, .ssTeamStats-LAChargers #divTeamStats .UPE-PageSubHeaderText { color: #FFC417; }

.ssTeamStats-Cleveland { border: 15px solid #F16924; }
.ssTeamStats-Cleveland #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Cleveland #divTeamStats .UPE-PageSubHeaderText { color: #808080; }

.ssTeamStats-Dallas { border: 15px solid #B3B3B3; }
.ssTeamStats-Dallas #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Dallas #divTeamStats .UPE-PageSubHeaderText { color: #0D2952; }

.ssTeamStats-Minnesota { border: 15px solid #FEC314; }
.ssTeamStats-Minnesota #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Minnesota #divTeamStats .UPE-PageSubHeaderText { color: #553F90; }

.ssTeamStats-TampaBay { border: 15px solid #9C8B7C; }
.ssTeamStats-TampaBay #divTeamStats .UPE-PageHeaderText, .ssTeamStats-TampaBay #divTeamStats .UPE-PageSubHeaderText { color: #E62228; }

.ssTeamStats-Jacksonville { border: 15px solid #078AA5; }
.ssTeamStats-Jacksonville #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Jacksonville #divTeamStats .UPE-PageSubHeaderText { color: #333333; }

.ssTeamStats-Houston { border: 15px solid #EC262F; }
.ssTeamStats-Houston #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Houston #divTeamStats .UPE-PageSubHeaderText { color: #21376A; }

.ssTeamStats-Tennessee { border: 15px solid #2387C6; }
.ssTeamStats-Tennessee #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Tennessee #divTeamStats .UPE-PageSubHeaderText { color: #2387C6; }

.ssTeamStats-GreenBay { border: 15px solid #FABF0D; }
.ssTeamStats-GreenBay #divTeamStats .UPE-PageHeaderText, .ssTeamStats-GreenBay #divTeamStats .UPE-PageSubHeaderText { color: #194421; }

.ssTeamStats-Atlanta { border: 15px solid #EC2932; }
.ssTeamStats-Atlanta #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Atlanta #divTeamStats .UPE-PageSubHeaderText { color: #333333; }

.ssTeamStats-NewEngland { border: 15px solid #B3B3B3; }
.ssTeamStats-NewEngland #divTeamStats .UPE-PageHeaderText, .ssTeamStats-NewEngland #divTeamStats .UPE-PageSubHeaderText { color: #E9242D; }

.ssTeamStats-Miami { border: 15px solid #F87524; }
.ssTeamStats-Miami #divTeamStats .UPE-PageHeaderText, .ssTeamStats-Miami #divTeamStats .UPE-PageSubHeaderText { color: #1A7270; }

/* KNOCKOUT SPECIFIC STYLES */
/* -------------------------- 
Weekly Picks Closed Popup 
----------------------------*/
.ssWeekPicksClosed {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.ssWeekPicksClosedHead {
	font-size: 24px;
	text-transform: uppercase;
	color: #dd2c01;
}
#SS-ProFootballKnockout .UPE-WinnerBlock { width: 45%; }
#SS-ProFootballKnockout #ssGameContainer { margin: 2% 8%; }
#SS-ProFootballKnockout .ssGameContainer { display: block; padding: 10px; }
#SS-ProFootballKnockout .ssGame { padding-top: 10px; }
#SS-ProFootballKnockout .ssResultsText { font-size: 14px; }
#SS-ProFootballKnockout .ssResults-Home { float: right; }
#SS-ProFootballKnockout .ssResults-Away { float: left; }
.ssRoadblockGame .ssResultsText { color: #fff; }
#SS-ProFootballKnockout .ssMatchup { width: 89%; }
#SS-ProFootballKnockout .ssGameHeader { font-family: 'Russo One'; font-size: 24px; font-weight: normal; text-align: center; }

.ssTiebreaker .ssTimeSlot-Header { font-weight: 800; text-transform: uppercase; }
.ssGameSubHeader /* Only used in Knockout */
{
    text-align: center;
    font-size: 16px;
    padding-bottom: 5px;
}
.ssTeam-Score {
	font-size:16px;
	font-weight: 600;
}
#SS-ProFootballKnockout .ssTeam-Record { display: block; }

.ssTeam.ssTeam-Picked-Previously, .ssTeam.ssTeam-Picked-Previously:hover, .ssTeam.ssTeam-Picked-Previously::after, 
.ssTeam.ssTeam-Picked-Previously:hover::after, .ssTeam.ssTeam-Picked-Previously::before, 
.ssTeam.ssTeam-Picked-Previously:hover::before { /* Only used in Knockout */
    cursor: not-allowed;
    border-color: #fff;
    box-shadow: none;
    opacity: 0.7;
}
#SS-ProFootballKnockout .ssTeam-Away::after { right: -5%; }
#SS-ProFootballKnockout .ssTeam-Home::before { left: -5%; }
#SS-ProFootballKnockout .ssTeam { width: 45%; }
#SS-ProFootballKnockout .ssMatchupOpen .ssTeam.ssTeam-NotPicked, 
#SS-ProFootballKnockout .ssMatchupOpen .ssTeam-Home.ssTeam-NotPicked::before, 
#SS-ProFootballKnockout .ssMatchupOpen .ssTeam-Away.ssTeam-NotPicked::after 
{
    border-width: 2px;
    top: -2px;
}
.ssRoadblockGame 
{
    background: rgb(33,157,185);
    background: -moz-linear-gradient(90deg, rgba(33,157,185,1) 0%, rgba(2,119,189,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(33,157,185,1) 0%, rgba(2,119,189,1) 100%);
    background: linear-gradient(90deg, rgba(33,157,185,1) 0%, rgba(2,119,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#219db9',endColorstr='#0277bd',GradientType=1);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #ccc;
    width: 100%;
    color: #fff !important;
}
.ssRoadblockGameHeader
{
    text-transform: uppercase;
    font-family: 'Russo One';
    font-size: 24px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}
.ssRoadblockGameText
{
    color: #fff;
    font-size: 16px; 
    text-align: center;
    padding-bottom: 20px;
}
.ssPicksSocialLinks
{
    color: #808080;
    font-size: 14px;
    padding-top: 10px;
}
#SS-ProFootballKnockout .UPE-Share { width: 25px; padding: 2px; }
.ssPicksStatus img { vertical-align: middle; }
.ssPlayerStatus {
	margin-bottom: 15px;
    text-align: center;
    font-size: 16px;
}
.ssPlayerStatus.ssPlayerIn
{
    color: #549316;
    font-weight: 700;
}
.ssPlayerStatus.ssPlayerOut, .ssPlayerStatus.ssPlayerOut .ssPlayerStatusText
{
    color: #dd2c01;
}
.ssPlayerStatus.ssPlayerIn .ssPlayerStatusText {
	color: #808080;
	font-weight: normal;
}
#SS-ProFootballKnockout .ssRoadblockGame .ssTeam-Away.ssTeam-Picked, #SS-ProFootballKnockout .ssRoadblockGame .ssMatchupOpen .ssTeam-Away:hover
{
    box-shadow: 0px 3px 5px #2a5266;
}
#SS-ProFootballKnockout .ssRoadblockGame .ssTeam-Picked::after, #SS-ProFootballKnockout .ssRoadblockGame .ssMatchupOpen .ssTeam:hover::after, 
#SS-ProFootballKnockout .ssRoadblockGame .ssTeam-Picked:hover::after
{
    box-shadow: 5px 3px 5px #2a5266;
}
#SS-ProFootballKnockout .ssRoadblockGame .ssTeam-Home.ssTeam-Picked, #SS-ProFootballKnockout .ssRoadblockGame .ssMatchupOpen .ssTeam-Home:hover
{
    box-shadow: 0px 3px 5px #2a5266;
}
#SS-ProFootballKnockout .ssRoadblockGame .ssTeam-Picked::before, #SS-ProFootballKnockout .ssRoadblockGame .ssMatchupOpen .ssTeam:hover::before, 
#SS-ProFootballKnockout .ssRoadblockGame .ssTeam-Picked:hover::before
{
    box-shadow: -5px 3px 5px #2a5266;
}

/* Hover States */
.ssTeam-Schedule img:hover { box-shadow: 0px 2px 2.5px rgba(0,0,0,.35); }


/*--------------------------------------------------------
MEDIA QUERIES FOR MOBILE
---------------------------------------------------------- */

@media screen and (max-width: 1000px)
{
    .ssGamePickemAndSurvivor .ssTeam .ssTeam-Name { display: none; }
    .ssGamePickemAndSurvivor .ssTeam .ssTeam-NameShort { display: inline-block; }
    .ssGamePickemAndSurvivor progress { width: 70%; }
    .ssSurvivor .ssTeam-Icon { width: 50%; }
    .ssSurvivor-Info { width: 50%; }
    .ssSurvivor { width: 38%; }
    .ssSurvivor-Away::after { right: -13%; }
    .ssSurvivor-Home::before { left: -13%; }
    .remove-when-narrow { display: none; }
    .ssGamePickemAndSurvivor .ssLeftContainer, .ssGameFooterLinks { width: 62%; }
    .ssGamePickemAndSurvivor .ssRightContainer { width: 30%; }    
}
@media screen and (max-width: 975px)
{
    .ssGamePickemAndSurvivor .ssLeftContainer, .ssGameFooterLinks { width: 58%; }
    .ssGamePickemAndSurvivor .ssRightContainer { width: 33%; }
    .ssGamePickemAndSurvivor .ssTimeSlot-Header, #SS-ProFootballKnockout .ssTimeSlot-Header  
    {
        display: inline; 
        width: 100%; 
    }
    .ssGamePickemAndSurvivor .ssMatchup, #SS-ProFootballKnockout .ssMatchup { width: 100%; }
    .ssSurvivorMatchup { padding-top: 18px; }
    .ssSurvivorMatchup.ssSurvivorTiebreaker { padding-top: 36px; }
}
@media screen and (max-width: 915px)
{
    .ssGamePickemAndSurvivor .ssTeam-Info { width: 78%; }
    .ssGamePickemAndSurvivor .ssTeam .ssTeam-Icon { width: 22%; }
    .ssGamePickemOnly .ssTeam-Away::after { right: -5%; }
    .ssGamePickemOnly .ssTeam-Home::before { left: -5%; }
    .ssGamePickemOnly .ssTeam { width: 45%; }
}
@media screen and (max-width: 860px)
{
    .ssGamePickemAndSurvivor .ssLeftContainer, .ssGameFooterLinks { width: 57%; }
    .ssGamePickemAndSurvivor .ssRightContainer { width: 33%; }    
}
@media screen and (max-width: 800px)
{
    .ssGamePickemAndSurvivor .ssMiddleContainer { display: none; }
    .ssGamePickemAndSurvivor .ssRightContainer, .ssGamePickemAndSurvivor .ssLeftContainer, .ssGameFooterLinks { width: 100%; } 
    .ssGamePickemAndSurvivor .ssRightContainer .ssSurvivorGame { display: inline-block; }
    .ssGamePickemOnly .ssMatchup { width: 100%; }
    .ssSurvivor { width: 41%; }
    .ssGamePickemOnly .ssTimeSlot-Header { display: inline; width: 100%; }
    .ssSurvivor .ssTeam-Icon { width: 20%; }
    .ssSurvivor-Info { width: 80%; }
    .ssSurvivorMatchup.ssSurvivorTiebreaker, .ssSurvivorMatchup { padding-top: 0px; }
}

@media screen and (max-width: 715px) 
{
    progress { width: 60%; }
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 44%; }
    .ssGamePickemOnly .ssTeam .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam .ssTeam-Icon { width: 18%; }
    .ssGamePickemOnly .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Info { width: 81%; }
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after { right: -6%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before { left: -6%; }
    .ssSurvivor .ssTeam-Icon { width: 25%; }
    .ssSurvivor-Info { width: 75%; }
}
@media screen and (max-width: 635px) 
{
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 43%; }
    .ssGamePickemOnly .ssTeam .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam .ssTeam-Icon { width: 21%; }
    .ssGamePickemOnly .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Info { width: 79%; }
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after { right: -7%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before { left: -7%; }
    .ssSurvivor { width: 41%; }
    .ssSurvivor-Away::after { right: -13%; }
    .ssSurvivor-Home::before { left: -13%; }
    .ssSurvivor .ssTeam-Icon { width: 30%; }
    .ssSurvivor-Info { width: 70%; }
    
    .UPE-TrashTalkMessage form { flex-flow: wrap; }
    .UPE-StatsTable { border: none; }
    .UPE-Stats { justify-content: space-evenly;  }
    .UPE-StatsEntry { width: 47%; border: 1px solid #0096D0; margin-bottom: 2px; }
    .UPE-Stats div:nth-child(1) { order: 3; }
    .UPE-Stats div:nth-child(2) { order: 2; }
    .UPE-Stats div:nth-child(3) { order: 1; }
    .UPE-ProfileUserID { display: none; }
    #UPE-Profile { max-width: 15%; }
    
    .UPE-TopNavListItem { margin: 10px 5px; }
}
@media screen and (max-width: 550px) {
    .ssTeam .ssTeam-NameShort
    {
        display: inline-block;
    }
    
    .ssTeam .ssTeam-Name
    {
        display: none;
    }
    .UPE-LeadersNav, .UPE-GamePicksNav { border-right: 0px; }
    .UPE-GamePicksNav .UPE-SubMenuOffLink
    {
        color: #10446E;
        text-decoration: none;
        padding: 0px 3px;
        opacity: .6;
        font-size: 18px; 
        letter-spacing: 1px;
        background-color: inherit;
        border: none;
        box-shadow: none;
        border-radius: 0;
        text-transform: uppercase;
        font-family: 'Russo One';
    }
    .UPE-GamePicksNav .UPE-SubMenuOnLink
     {
        color: #10446E;
        text-decoration: none;
        padding: 0px 3px;
        border: none;
        border-bottom: 2px solid #0096D0;
        font-size: 18px; 
        letter-spacing: 1px;
        background-color: inherit;
        box-shadow: none;
        border-radius: 0;
        text-transform: uppercase;
        font-family: 'Russo One';
    }
}
@media screen and (max-width: 500px)
{
    .ssGamePickemAndSurvivor .ssTeam { width: 41%; } 
    .ssGamePickemAndSurvivor .ssTeam-Away::after { right: -10%; }
    .ssGamePickemAndSurvivor .ssTeam-Home::before { left: -10%; }
    .ssSurvivor { width: 40%; }
    .ssSurvivor .ssTeam-Icon { width: 35%; }
    .ssSurvivor-Info { width: 65%; }
    progress, .ssTeam-Schedule { display: none; }
    .ssTeam-Record { display: unset; }
    .ssGamePickemAndSurvivor .ssTeam-Info { width: 66%; }
    .ssGamePickemAndSurvivor .ssTeam .ssTeam-Icon { width: 34%; }
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 41%; }
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after { right: -9%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before { left: -9%; }
    .ssGamePickemOnly .ssTeam .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam .ssTeam-Icon { width: 31%; }
    .ssGamePickemOnly .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Info { width: 68%; }
    
}
/* Mobile settings */
@media only screen and (max-width: 480px)
{
    .UPE-LeadersNav { display: none; }
    .UPE-GamePicksNav { border: 0; }
    .ssSurvivorStats { width: 100%; }
    
}
@media screen and (max-width: 470px)
{
    .ssBottomRowContainer { text-align: center; width: 100%; }
    .ssSurvivor .ssTeam-Icon { width: 40%; }
    .ssSurvivor-Info { width: 60%; }
}
@media screen and (max-width: 400px)
{
    .ssSurvivor .ssTeam-Icon { width: 45%; }
    .ssSurvivor-Info { width: 55%; }
    .ssTeam-Record { display: block; }
    .ssTeam-FanPickPercentage { display: none; }
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 40%; }
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after { right: -11%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before { left: -11%; }
    .ssGamePickemOnly .ssTeam .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam .ssTeam-Icon { width: 34%; }
    .ssGamePickemOnly .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Info { width: 65%; }
}
@media screen and (max-width: 375px)
{
    .ssGamePickemAndSurvivor .ssTeam, .ssSurvivor { width: 38%; }
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 38%; } 
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after, .ssGamePickemAndSurvivor .ssTeam-Away::after, .ssSurvivor-Away::after { right: -14%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before, .ssGamePickemAndSurvivor .ssTeam-Home::before, .ssSurvivor-Home::before { left: -13%; }
    .ssGamePickemAndSurvivor .ssTeam-Info, .ssGamePickemAndSurvivor .ssTeam .ssTeam-Icon { width: 50%; }
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 37%; }
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after  { right: -14%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before { left: -14%; }
    .ssGamePickemOnly .ssTeam .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam .ssTeam-Icon { width: 47%; }
    .ssGamePickemOnly .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Info { width: 52%; }
    .ssSurvivor .ssTeam-Icon { width: 55%; }
    .ssSurvivor-Info { width: 45%; }

}
@media screen and (max-width: 300px)
{
    .ssGamePickemAndSurvivor .ssTeam, .ssSurvivor, .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 36%; } 
    .ssGamePickemAndSurvivor .ssTeam-Away::after, .ssSurvivor-Away::after { right: -16%; }
    .ssGamePickemAndSurvivor .ssTeam-Home::before, .ssSurvivor-Home::before { left: -16%; }
    .ssSurvivor .ssTeam-Icon { width: 60%; }
    .ssSurvivor-Info { width: 40%; }
    .ssGamePickemAndSurvivor .ssTeam-Info { width: 38%; }
    .ssGamePickemAndSurvivor .ssTeam .ssTeam-Icon { width: 52%; }
    .ssSurvivor-Home .ssTeam-Icon { width: 63%; }
    .ssSurvivor-Home .ssSurvivor-Info { width: 35%; }
    .ssSurvivor .ssTeam-Name { font-size: 14px; }
    .ssGamePickemOnly .ssTeam, #SS-ProFootballKnockout .ssTeam { width: 36%; }
    .ssGamePickemOnly .ssTeam-Away::after, #SS-ProFootballKnockout .ssTeam-Away::after { right: -16%; }
    .ssGamePickemOnly .ssTeam-Home::before, #SS-ProFootballKnockout .ssTeam-Home::before { left: -16%; }   
    .ssGamePickemOnly .ssTeam.ssTeam-Home .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam.ssTeam-Home .ssTeam-Icon { width: 62%; }
    .ssGamePickemOnly .ssTeam-Home .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Home .ssTeam-Info { width: 38%; }
    .ssGamePickemOnly .ssTeam.ssTeam-Away .ssTeam-Icon, #SS-ProFootballKnockout .ssTeam.ssTeam-Away .ssTeam-Icon { width: 58%; }
    .ssGamePickemOnly .ssTeam-Away .ssTeam-Info, #SS-ProFootballKnockout .ssTeam-Away .ssTeam-Info { width: 42%; }
    .ssGamePickemOnly .ssTeam-NameShort, #SS-ProFootballKnockout .ssTeam-NameShort { font-size: 14px; }
    .ssGamePickemOnly .ssTeam-Record, #SS-ProFootballKnockout .ssTeam-Record { font-size: 10px; }
    .ssGamePickemOnly .ssTiebreaker .ssTeam-Info, #SS-ProFootballKnockout .ssTiebreaker .ssTeam-Info { position: relative; top: 10px; }

}