@import url(https://fonts.googleapis.com/css?family=Russo+One);
@import url(https://fonts.googleapis.com/css?family=Muli:black,blackitalic,bold,bolditalic,extrabold,extrabolditalic,extralight,extralightitalic,italic,light,lightitalic,regular,semibold,semibolditalic);

body  
{
    font-family: 'Muli';
    color: #808080;
    font-size: 14px;
}
body.SS-NoBranding {
	background-color: #ccc;
	margin:0;
}
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  body.SS-NoBranding { cursor: pointer; } /* This is solely so that the "click outside the menu" will close the menu on mobile */
}

/* General Site Styles */
.SS-Application {
	max-width:1040px;
	padding:20px;
	margin:auto;
}
.UPE-ApplicationTable{ width:100%; }
.UPE-ApplicationTableCell  
{
    padding:20px 15px;
    background-color:#ffffff; 
}

/* Utility Classes */
.UPE-ClearBoth, .ssClearFloat {
	clear:both;
}
/*Used for spacing in-between rows*/
.UPE-Space3 {line-height:100%;font-size:3px;}
.UPE-Space7 {line-height:100%;font-size:7px;}
.UPE-Space14 {line-height:100%;font-size:14px;}
.UPE-FlexBlock 
{
    display: flex;
    flex-flow: row wrap;
}
.UPE-Block 
{
    padding: 10px; 
    flex-grow: 1;    
}

/* General Text/Header/Input Formatting */
.UPE-Icons { vertical-align: middle; }
.UPE-Text 
{
    color: #808080;
    font-size: 14px;
    vertical-align: middle;
    font-family: inherit;
}
.UPE-TextSmall { font-size: 12px; }
.UPE-BoldText {  font-weight:bold; }
.upper { text-transform: uppercase; }
.UPE-SubText 
{
    color: #858585;
    font-size: 14px;
}
.UPE-LabelText 
{
    font-size: 16px;
    padding-bottom: 4px;
    font-family: inherit;
}
.UPE-Required
{
    font-size: 12px;
    float: right;
    padding-top: 5px;
}
.UPE-HelpText
{
    font-size: 12px;
    padding-left: 3px;
}
.UPE-InstructionText
{
    padding-bottom: 10px;
}
.UPE-LargeBoldText {  font-size:16px; font-weight:bold; color:#000000;line-height:normal;}
.UPE-TextGreyLight {  font-size:12px; font-weight:normal; color:#d3d3d3;white-space:nowrap;text-align:left; white-space:normal;line-height:normal;}
.UPE-LargeInputText {  FONT-SIZE: 16px; color:#19334D;font-weight:normal;
    -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    text-decoration:none;
    }
.UPE-ErrorText, .UPE-ErrorText a {  font-size:12px; font-weight: bold; color:red; white-space:normal; line-height:normal; text-decoration: none; }
.UPE-ErrorText a:hover { text-decoration: underline; }
.UPE-RequiredStarText { FONT-SIZE: 12px; color:#ef1c25; font-weight:bold;line-height:normal;}

/* Header Styles */
.UPE-PageSubHeaderText {
    font-family: 'Muli';
    font-size: 18px;
    color: #10446E;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 0px;
}

/* Button/Link Styles */
.UPE-ButtonText {
    color:#fff;
	background: #0096d0 repeat scroll 0% 0%;
    text-transform: uppercase;
    font-family: 'Muli';
    padding: 8px 15px;
    border: 1px solid #0096d0;
    border-radius: 3px;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    cursor: pointer;
    -webkit-appearance: none;
}
.UPE-ButtonText:hover { box-shadow: 0px 3px 3.16667px rgba(0,0,0,0.4); }
.UPE-Link 
{
    font-family: 'Muli';
    font-size: 14px;
    color: #0096D0;
    text-decoration: none;
    white-space: normal;
    display: inline;
    line-height: normal;
    font-weight: 700;
}
.UPE-Link:hover { color: #10446E; }
.UPE-PrintLink { font-size: 16px; }
.ssLinkButtonText {
    color: #fff;
    box-shadow: 1px 1px 2px #ccc;
    background: #0096d0 repeat scroll 0% 0%;
    text-transform: uppercase;
    font-family: 'Muli';
    padding: 5px 15px;
    border: 1px solid #A2B5CD;
    border-radius: 3px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
}

/* Input Styles */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea
{
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    padding: 10px;
    font-family: 'Muli';
    font-size: 16px;
    color: #808080;
    width: 98%; /* May need to remove this if it causes inputs to be too big */
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date]
{
    height: 20px;
}
select 
{
    padding: 11px;
    border-radius: 3px;
    border: 1px solid #adadad;
    width: 97.5%;
    color: #808080;
    font-family: 'Muli';
}



/* Table Styles */
.UPE-TableSubFooter { top: -10px; position: relative; }
.UPE-ListRowHeader 
{
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    border-bottom: 1px solid #80cae7;
    background-color: #fff;
}
.UPE-ListRowHeaderCenter  
{
    text-align:center; 
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    border-bottom: 1px solid #80cae7;
    padding: 5px;
    background-color: #fff;
}
.UPE-ListRowTable 
{
    width: 100%;
    border-radius: 5px; /* rounded corners */
    padding: 4px;
    box-shadow: 1px 3px 5px #ccc;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    background-color: #fff;
}
.UPE-ListRowTable tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.UPE-ListRow  
{
    padding: 5px; 
    vertical-align: middle;
}
.UPE-ListRowCenter 
{
    text-align:center; 
    padding: 5px;
    vertical-align: middle;
}
.UPE-TableGrey
{
    width: 90%;
    border-radius: 5px; /* rounded corners */
    padding: 40px;
    box-shadow: 1px 3px 5px #efefef;
    border: 1px solid #efefef;
    margin-bottom: 15px;
    background-color: #efefef;
}
.UPE-BoxTable  
{
    background-color:#ffffff; 
    padding: 2px;
    border-radius: 3px;
}
TABLE.UPE-StandardTable tr { background-color: #fff !important; }
TABLE.UPE-StandardTableSmaller, TABLE.UPE-StandardTableNoPadding { margin: 0px; }
TABLE.UPE-StandardTableSmallest td {  padding:1px 1px 1px 1px; }
TABLE.UPE-StandardTableNoPadding td {  padding:0px 0px 0px 0px; }

/*  Site Navigation Table */
.UPE-TabTable {
	border-collapse:collapse;
	background-color:#fff;
}
.UPE-TabTable tr.UPE-TopNav td {
	padding-top: 10px;
}

TABLE.UPE-ListRowTableError {background-color:#D4ACA9; border-collapse:separate; border-spacing:1px;text-align:left;  }
TD.UPE-ListRowHeaderError { color: #10446E;font-weight:bold;background-color:#F0D7D5;text-align:left;white-space:normal;padding:3px 3px 3px 3px;}
TD.UPE-ListRowError { background-color:#ffffff;vertical-align:top;text-align:left;white-space:normal;padding:3px 3px 3px 3px;}

TABLE.UPE-ListRowTableSuccess { background-color:#83C0A1; border-collapse:separate; border-spacing:1px;text-align:left;}
TD.UPE-ListRowHeaderSuccess { color: #10446E;font-weight:bold;background-color:#CCEFDE;text-align:left;white-space:normal;padding:3px 3px 3px 3px;}
TD.UPE-ListRowSuccess { background-color:#ffffff;vertical-align:top;text-align:left;white-space:normal;padding:3px 3px 3px 3px;}

/*For copyright text at the bottom of the page*/

/* Used on emails.asp */
.UPE-MessageBox {FONT-SIZE: 12px; color:#5377A6;font-weight:bold;background-color:#f7f7f7;border:solid 1px #A2B5CD; white-space:normal; padding: 7px 7px 7px 7px; vertical-align:middle;text-align:center; 
    -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 

/* Facebook Styles */
.UPE-FacebookProfileImage { border: 0px; }
div#fb-root {position:absolute;width:1px;height:1px;left:0;top:0;}

/* Handle the top header ad section if the affiliate puts in an image too large */
DIV.UPE-TopHeaderAdDiv { width:100%;text-align:center; }
div.UPE-TopHeaderAdDiv img { max-width: 100%; width: 100%; }

/* Social Bookmarks */
.UPE-Share  
{
    width: 40px !important;
    padding: 5px;
    vertical-align: middle;
}
.registration .UPE-Share, .games .UPE-Share
{
    width: 25px;
}



/* -------------------------
LOGIN Dropdown SECTION
----------------------------*/
#UPE-LoginDropDown 
{
    position: relative;
}
#UPE-Profile {
	 opacity: 1;
	-webkit-transition: all .2s ease-in-out;
	-webkit-backface-visibility: hidden;  
	position: absolute;
	right: 0px;
	/*width: 160px;*/
	/*max-width: 25%;  Commented out due to there not being enough room for the menu for WRA2 and other narrow sites */
}
#UPE-Profile.SS-LoggedIn
{
    border-radius: 20px;
	border: 1px solid #ccc;
	padding: 3px 0px;
	top: -10px;
}
#UPE-Profile #UPE-Profile-text {
	
	cursor:pointer;
	color: #10446E;
	font-size:16px;
	text-transform:uppercase;
	font-weight: 700;
	text-align: center;
	padding: 0px 0px 0px 3px;
	white-space: nowrap;
}
#UPE-Profile-extended
{
    text-align: center;
}
#UPE-Profile #UPE-Profile-text .UPE-Arrow, .UPE-Dropdown .UPE-Arrow, .UPE-TopNavList .UPE-Arrow, .UPE-VIPDropdown .UPE-Arrow {
	text-indent:-99999px;
	display:inline-block;
	border-left:solid 6px transparent;
	border-right:solid 6px transparent;
	line-height:0;
	position:relative;
	margin-left:5px;
	top:3px;
	border-top:6px solid #003d7d;
	margin-right: 3px;
}
.UPE-VIPDropdown .UPE-Arrow {
	border-top:6px solid #0096D0;
}
#UPE-Profile-edit div
{
    padding: 10px;
    border-top: 1px solid #f8f8f8;
    text-align: left;
}

/* Not Logged In Dropdown */
.UPE-CondensedLoginBox .UPE-LabelText
{
    font-size: 10px;
    padding: 5px 0px 0px 0px;
}
.UPE-CondensedLoginBox .UPE-InputText
{
    padding: 0px; 
    width: 100%;
    font-size: 14px;
}
.UPE-CondensedLoginLink
{
    font-size: 10px;
    color: #0096D0;
    text-decoration: none;
}
.UPE-CondensedLoginBox .UPE-ButtonText
{
    width: 100%;
    box-shadow: none;
    padding: 5px;
    margin-top: 5px;
    font-size: 12px;
}
.UPE-CondensedLoginLabel { text-align:center; text-transform: uppercase; padding-top: 5px; font-size: 10px; }
.UPFacebookLogin { background-color:#5F78AB; border:solid 1px #5F78AB; padding: 5px; color:#fff; font-size: 12px; font-weight: bold; margin-top: 5px; border-radius: 3px; cursor: pointer; }
    

/* Stuff that happens specifically when the menu is open */
#UPE-Profile.active { 
	background:#fff;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ccc;
	z-index: 100;
	border-radius: 5px;
}
#UPE-Profile.active #UPE-Profile-text .UPE-Arrow {
	border-top:none;
	border-bottom:6px solid #003d7d;
	top: -3px;
}
#UPE-Profile.active #UPE-Profile-text
{
    padding-bottom: 10px;
}

/* End of Login Profile Section */

/* ------------------------------------- 
FOOTER STYLES
----------------------------------------*/
div.UPE-CopyrightDIV {
	text-align:right;
	margin:10px 0;
	color:#333;
}
.SS-Application #UPE-Footer {
	margin:20px 0;
	text-align:right;
	color:#333;
}
div#UPE-Footer-left {
	float:left;
	font-size:12px;
}
.SS-Application #UPE-Footer a {
	color:#333;
}
.UPE-CopyrightText { FONT-SIZE: 12px; color:black;font-weight:normal;text-align:center; white-space:normal;}

/* EOF FOOTER */


/* ------------------------------------- 
WELCOME PAGE
----------------------------------------*/
.UPE-Welcome-Section  {
	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);
}

/* Welcome VIP Section */
#UPE-Welcome-VIPs .UPE-Content
{
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}
.VIP {
	width:100px;
	overflow:hidden;
	text-align:center;
	padding: 10px;
	margin: 5px;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0px 6px 4.5px rgba(0,0,0,0.4);
}
.VIP:hover { box-shadow: 0px 12px 4.5px rgba(0,0,0,0.4); }
#UPE-Welcome-VIPs
{
    color: #10446E;
}
.UPE-Welcome-VIPScore
{
    font-weight: 700;
    padding-top: 10px;
}
#UPE-Welcome-VIPs .UPE-Content
{
    padding: 0px 20px 20px 20px;
}
#UPE-Welcome-VIPs .UPE-ProfileListImage, #UPE-Welcome-VIPs .UPE-ProfileDefaultImage
{
    margin: 0;
}
#UPE-Welcome-VIPs .UPE-SubHeader-Text, #UPE-Welcome-VIPs .UPE-SubHeader-Text a
{
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 10px;
}

/* Welcome Content Area */
#UPE-Welcome-Container #UPE-Welcome-ContestDescription .UPE-Content {
	padding: 20px;
	font-size: 18px;
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

#UPE-Welcome-Container #UPE-Welcome-ContestDescription #Welcome-AdUnit-300x250{
	width: 45%;
	display: inline-block;
}
/* Prevent images from extending parent bounds 9-11-13_hmc */
#UPE-Welcome-Container img {
	max-width:100%;
}
#UPE-Welcome-Container #UPE-Welcome-ContestDescription img {
	background-color: #fff;
}
#UPE-Welcome-Container #UPE-Welcome-ContestDescription
{ 
    background-size: cover;
    padding: 3% 13%; 
    text-align: center;
}
.UPE-WelcomeText 
{
    background-color: #fff;
    border-radius: 5px;
    opacity: 0.8;
    padding: 10px;
    color: #10446E;
}
.UPE-WelcomeText .UPE-Content div { padding-bottom: 15px; }

/* This is to fix images on IE 11 - that would normally extend past their container */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #UPE-Welcome-Container #UPE-Welcome-ContestDescription img {
      width: 100%;
   }
}

/* The Countdown Clock Section */
#UPE-Welcome-Container .SS-WelcomeCountdownSection .UPE-Content {
	text-align: center;
	padding: 10px;
	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);
}
#UPE-Welcome-Container #UPE-WelcomeCountdownLabel {
	color: #fff;
	text-transform: uppercase;
}
#UPE-Welcome-Container span.countdown_section {
	display: inline-block;
	text-align: center;
	font-size:10px;
	padding:5px;
	color: #fff;
	border: 1px solid #fff;
	border-left: 0px;
	text-transform: lowercase;
}
#UPE-Welcome-Container span.countdown_section:first-of-type {
	border-radius: 5px 0 0 5px;
	border-left: 1px solid #fff;
}
#UPE-Welcome-Container span.countdown_section:last-of-type {
	border-radius: 0 5px 5px 0;
	border-left: 0px; 
}
#UPE-Welcome-Container span.countdown_section span.countdown_amount {
	font-size:16px;
	color:#fff;
	
}

/* Welcome Page Headers */
.UPE-PageHeaderText, #UPE-Welcome-Leaders .Header-Text, #UPE-Welcome-Prizes .Header-Text, #UPE-Welcome-VIPs .Header-Text,
#UPE-Welcome-User .Header-Text, #UPE-Welcome-ContestDescription .Header-Text
{
    font-family: 'Russo One';
    font-size: 24px;
    color: #10446E;
    font-weight: 100;
    text-transform: uppercase;
    background: none;
    letter-spacing: 2px;
}
#UPE-Welcome-User .Header-Text { font-size: 36px; }
#UPE-Welcome-Leaders .Header-Text, #UPE-Welcome-Prizes .Header-Text, #UPE-Welcome-VIPs .Header-Text, 
#UPE-Welcome-User .Header-Text
{ 
    text-align:center; 
    padding: 10px;
}
#UPE-Welcome-Prizes .UPE-SubHeader-Text
{
    text-align: center;
    font-family: 'Russo One';
    font-size: 20px;
    color: #10446E;
    font-weight: 100;
    text-transform: uppercase;
}
#UPE-Welcome-VIPs .Header-Text
{
    color: #fff;
}
#UPE-Welcome-Leaders
{
    background: none;
    box-shadow: none;
}
#UPE-Welcome-Prizes, #UPE-Welcome-Leaders
{
    padding: 15px 40px 0px 40px;
}
.UPE-Content-Prize
{
    box-shadow: 1px 3px 5px #ccc;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 15px;
    text-align: center;
}


/* End of Welcome Page */


/* Profile images with circle borders */
.UPE-ProfileListImage 
{
    border-radius: 50%;
    background-color: #0096d0;
    padding: 2px;
    vertical-align: middle;
    margin-right: 8px;
}
.UPE-ProfileDefaultImage 
{
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 50%;
    padding: 2px;
    background-color: #fff;
}
.UPE-HeaderImage 
{
    padding-right: 7px;
    vertical-align: text-top;
}

/* Search box for Groups */
.search { position: relative; float: right; top: -9px; }
.search .UPE-InputText 
{
    height: 28px;
    border-radius: 3px;
    border: 1px solid #a1a1a1;
    margin-right: 10px;
    text-indent: 25px;
    width: 275px;
}
.search .fa-search { 
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 15px;
    color: #b3b3b3;
}




/* Private Group Styles */
.joingroup div.UPE-FlexBlock, .creategroup div.UPE-FlexBlock { justify-content: flex-end; align-items: center; }
.joingroup .UPE-Block, .creategroup .UPE-Block { flex-grow: 0; }
.UPE-GroupType { display: none; }
.grouphome .UPE-FlexBlock { align-items: center; }
.UPE-GroupTrashTalkTable
{
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 30px;
    box-shadow: 1px 3px 5px #ccc;
    border: 1px solid #ccc;
}
.UPE-GroupTrashTalkTable .UPE-ListRowTable tr:nth-child(odd) {
    background-color: #fff;
}
.UPE-TrashTalkMessage .UPE-InputText 
{
    border: none;
    background-color: #fff;
    width: 100%;
    color: #CCC;
    padding: 0px 5px 10px 0px;
}
.UPE-GroupTrashTalkTable .UPE-TextSmall 
{
    text-align: center;
}
.UPE-TrashTalkHeaderText 
{
    padding-bottom: 5px;
}
.UPE-TrashTalkPostedMessage
{
    padding: 20px 2px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.UPE-TrashTalkPostedMessage:last-child
{
    border-bottom: 0px solid #ccc;
}
.UPE-TrashTalkMyPostedMessage
{
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.UPE-TrashTalkProfile
{
    padding-left: 10px; 
}
.UPE-TrashTalkMessage
{
    padding-left: 15px;
    width: 100%;
}
.UPE-TrashTalkDate, .UPE-TrashTalkDelete { font-size: 10px; }
.UPE-TrashTalkMessage form
{
    display: flex;
    justify-content: flex-end;
}
.UPE-MyGroupMessageProfile .UPE-ProfileListImage, .UPE-TrashTalkProfile .UPE-ProfileListImage,
.UPE-MyGroupMessageProfile .UPE-ProfileDefaultImage, .UPE-TrashTalkProfile .UPE-ProfileDefaultImage,
.userpicks .UPE-ProfileListImage, .userpicks .UPE-ProfileDefaultImage, 
.vips .UPE-ProfileListImage, .vips .UPE-ProfileDefaultImage { margin: 0; }

/* Private Group Paging Styles */
.UPE-Paging { float: right; }
.UPE-Paging, .UPE-PageLinkOn, .UPE-PageLinkOff
{
    font-size: 12px;
    text-decoration: none;
    padding: 8px;
}
.UPE-PageLinkOn 
{
    color: #0096D0;
    font-weight: 700;
}
.UPE-PageLinkOff { color: #808080; }



.invitegroupmembers input[type=text], .invitegroupmembers textarea,
.emailgroup input[type=text], .emailgroup textarea,
.creategroup textarea 
{ width: 100%; }
.UPE-GroupInfo, .UPE-GroupSubNav { width: 100%; }
.UPE-GroupSubNav { padding: 15px 0px; display: flex; }
.UPE-GroupEditLink { display: none; }

/* Winners Page Styles */
.UPE-WinnerBlock {
    width: 28%;
    border-radius: 5px;
    padding: 10px 5px;
    box-shadow: 1px 3px 5px #ccc;
    border: 1px solid #ccc;
    height: 385px;
    margin: 15px;
    text-align: center;
    color: #10446E;
    font-size: 13px;
}
.UPE-NoWinner {
    opacity: 0.3;
    box-shadow: none;
}
.UPE-WinnerHeader 
{
    font-family: 'Russo One';
    font-size: 22px;
    color: #10446E;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
}
.winners .UPE-WinnerBlock .UPE-ProfileDefaultImage, .winners .UPE-WinnerBlock .UPE-ProfileListImage
{
    margin-right: 0px;
    max-width: 82px;
    width: 100%;
}
.ssWinner .UPE-ProfileDefaultImage, .ssWinner .UPE-ProfileListImage
{
    margin-right: 0px;
    max-width: 68px;
    width: 100%;
}
.UPE-WinnerProfileImage 
{
    background: url('/aux/ux/sports/football/pro_football/images/winners/WinnersBorder.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    padding: 10px;
}
.UPE-WinnerPrize
{
    border-top: 2px solid #6ac1e3;
    margin: 10px;
    text-align: center;
    padding-top: 10px;
}
.UPE-WinnerPrizeItem a { color: #0096D0; }
.UPE-WinnerPrize img { max-width: 100%; }
.UPE-WinnerPrizeHeader
{
    color: #0096d0;
    font-weight: 700;
    font-size: 14px;
}

/* Leaders Page */
.UPE-LeaderContainer 
{ 
    display: flex; 
    flex-flow: row wrap; 
    justify-content: space-evenly; 
}
.UPE-NationalLeaders, .UPE-AffiliateLeaders, .UPE-VIPLeaders { width: 32%; margin-bottom: 15px; }
.leaders .UPE-ListRowTable { margin-bottom: 0px; }
.leaders .UPE-VIPTitle { font-size: 12px; }
.UPE-LeaderProfileImage { float: left; }
.UPE-LeaderProfileImage img:hover { box-shadow: 0px 3px 2.5px rgba(0,0,0,0.4); }
.UPE-LeaderInfo
{
    padding: 2px;
    color: #10446E;
}
.UPE-LeaderInfo a:hover { color: #10446E; }

/* Expanded Stats Page */
.UPE-StatsTable
{
    border: 1px solid #0096D0;
    border-radius: 5px;
    width: 100%;
}
.UPE-StatsHeader
{
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 18px;
}
.UPE-Stats 
{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.UPE-StatsEntry
{
    border-right: 1px solid #0096D0;
    padding: 3px;
    font-family: 'Muli';
    font-size: 22px;
    color: #10446E;
    width: 32%;
    text-align: center;
}
.noBorder
{
    border: none;
}
#divCorrectPicks { display: inline; }

/* Registration/Edit Profile Styles */
.UPE-ProfileHeader 
{
    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);
    font-family: 'Russo One';
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 0px 5px 30px;
}
.UPE-EditAvatar 
{
    box-shadow: 1px 3px 5px #ccc;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
}
DIV.UPE-BoxTable   
{
    text-align:left;
    font-family: 'Muli';
}
.UPE-UserAvatar
{
    padding-bottom: 15px;    
}
.UPE-EditProfile
{
    margin: 40px;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 1px 1px 5px #ccc;
}
.UPE-ProfileLink
{ 
    text-decoration: none;
    color: #808080;
}

fieldset.UPE-FormFieldSet{border:none;margin:0 0 20px;padding:0;}
.UPE-FormFieldSet legend { width: 100%; }

/* On Page 2, Selects need to be 100% */
#FieldSetRegistrationPage2 select 
{
    width: 100%;
}
#FieldSetRegistrationPage1 > label, #FieldSetRegistrationPage1 > fieldset,
#FieldSetRegistrationPage2 > label, #FieldSetRegistrationPage2 > fieldset,
#FieldSetRegistrationPage3 > label, #FieldSetRegistrationPage3 > fieldset,
.UPE-CustomFormFields > label,
#FieldSetLinkAccount > label, #FieldSetLinkAccount > fieldset
{
    padding: 5px;
    display: inline-block;
    width: 100%; 
}
/* Registration Checkbox Fields */
label.UPE-FormField.UPE-Checkbox input{margin-right:5px;}
label.UPE-Checkbox div.UPE-CheckboxText, label.UPE-Checkbox div.UPE-OptInText {padding-left:25px; padding-bottom: 5px;}
label.UPE-Checkbox div.UPE-CheckboxText > input, label.UPE-Checkbox div.UPE-OptInText > input{margin-left:-20px;}
.UPE-EditProfile .UPE-PageSubHeaderText { padding-bottom: 5px; }

/* Birthday Registration Fields */
fieldset.UPE-FormFieldSet.UPE-Multiple-Selects label{ float: left; /*width: 33%;*/ padding-right: 5px; }
#UPE-Field-Birthday-Year { padding-right: 0px; /*width: 32%;*/ }
#UPE-Field-Birthday { margin: 0px; }

/* Radio Button Fields */
fieldset.UPE-FormField.UPE-Radio{padding:0;}
fieldset.UPE-FormField.UPE-Radio {border:none;padding:0;}
fieldset.UPE-FormField.UPE-Radio legend{width:100%;display:block;padding:0;}
fieldset.UPE-FormField.UPE-Radio legend > span{display:block;padding:5px 5px 5px 11px;}
fieldset.UPE-FormField.UPE-Radio label{display:block;margin-bottom:5px;margin-left:5px;font-weight:400;}
fieldset.UPE-FormField.UPE-Radio p.UPE-HelpText{padding-left:5px;}

.UPE-FacebookForm 
{
    display: flex;
    justify-content: center;
}
.UPE-LinkForm
{
    background-color: #fff;
    width: 40%;
    margin: 75px 5px;
    padding: 30px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.UPE-FacebookForm .UPE-or 
{
    display: inline-block;
    background: #fff;
    border: solid 1px #c8c8c8;
    padding: 10px;
    border-radius: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px;
    color: #808080;
    margin: 54px -25px;
    font-weight: 800;
    height: 24px;
    vertical-align: top;
    z-index: 1;
}
.UPE-FacebookForm .UPE-RegistrationForm
{
    width: 40%;
    margin: 75px 5px;
    display: inline-block;
    text-align: left;
}
.UPE-RegistrationForm
{
    background-color: #fff;
    margin: 75px 20%;
    padding: 30px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}
.UPE-RegistrationForm .UPE-PageHeaderText
{
    text-align: center;
}
.registration .UPE-RegistrationFormCell
{ 
    background-image: url(/aux/ux/sports/football/pro_football/images/registrationBG.jpg);
    background-size: cover;
}
.UPE-ButtonsCenter 
{
    text-align: center;
    clear: both;
    padding: 20px;
}
.UPE-ActionButtons
{
    padding: 10px 0px 30px 0px;
}
.UPE-HighlightDot
{
    height: 10px;
    width: 10px;
    background-color: #0096D0;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 5px;
}
.UPE-Dot
{
    height: 10px;
    width: 10px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 5px;
}
.UPE-LeftBlock { display: inline-block; width: 50%; }
.UPE-RightBlock { display: inline-block; width: 50%; text-align: right; }

/* Navigation Styles */
.UPE-TopNavContainer { margin: 10px 15px 25px 15px; }
.UPE-TopNavList {
  overflow: hidden;
  position: absolute; 
}
.UPE-TopNavListItem {
  float: left;
  display: block;
  color: #10446E;
  text-align: center;
  margin: 0px 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.UPE-TopNavList a.active {
  border-bottom: 3px solid #0096D0;
}
.UPE-TopNavList .UPE-MobileNav { display: none; }
@media screen and (max-width: 550px) {
  
}

.UPE-SubMenuOnLink
{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    margin-right: 5px; /*10px;*/
    border-radius: 3px;
    background-color: #0096d0;
    border: 1px solid #0096d0;
    box-shadow: 1px 1px 2px #ccc;
    padding: 1px 6px;
}
.UPE-SubMenuOffLink
{
    color: #446c8e;
    text-decoration: none;
    font-size: 12px;
    margin-right: 10px; /*15px;*/
}
.UPE-SubMenuOffLink:hover { color: #0096D0; }
#divWeekNav .UPE-SubMenuOffLink:hover { color: inherit; }
.SS-Application ul.UPE-TopNavList {
	list-style:none;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0 0 0 10px;
}
.SS-Application ul.UPE-TopNavList li.UPE-TopNavListItem {
	display:block;
	float:left;
	margin:10px;
}
.SS-Application ul.UPE-TopNavList li.UPE-TopNavListItem a {
	font-size:16px;
	display:block;
	cursor:pointer;
	position:relative;
	text-decoration:none;
	margin-bottom: 3px;
    background-color: white;
    padding: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #10446E;
}
.navCurrent 
{
    border-bottom: 2px solid #0096D0;
}
#divWeekNav .navCurrent  
{
    color: #0096D0;
    border-bottom: 1px solid #0096D0; 
}
#divWeekNav.UPE-Dropdown.responsive .navCurrent  
{
    border-bottom: 0px; 
    color: inherit; 
    background-color: rgba(63, 149, 203, 0.2); 
    opacity: 0.8; 
}
#divWeekNav .UPE-MobileNav, .UPE-MobileNav { display: none; }
.UPE-GamePicksNav, .UPE-LeadersNav
{
    display: inline-block;
    border-right: 1px solid #0096D0;
    margin-bottom: 3px;
}
#divPicksAd, #divLeadersAd { padding: 5px 0px; }
#divLeadersAd img, #divPicksAd img { max-width: 100%; } /* Ensure that any images in the ad HTML scale */

/* Custom Drop-down Styles */
.UPE-DropButton {
  background-color: #fff;
  color: #10446E;
  padding: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-weight: 700;
}

.UPE-VIPDropButton
{
    background-color: #fff;
    color: #0096D0;
    padding: 0px;
    border: none;
    cursor: pointer;
    font-weight: 700;
}


.UPE-Dropdown, .UPE-VIPDropdown
{
    display: inline-block;
    background-color: #fff;
    font-size: 12px;
    color: #10446E;
    margin-left: 5px;
}

.UPE-Dropdown.responsive, .UPE-VIPDropdown.responsive {
  position: absolute;
  background-color: #fff;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
  right: 30px;
  text-align: right;
  padding: 10px 5px;
}
.UPE-Dropdown.responsive .UPE-Arrow { border-top: none; border-bottom: 6px solid #10446E; top: -3px; }
.UPE-VIPDropdown.responsive .UPE-Arrow { border-top: none; border-bottom: 6px solid #0096D0; top: -3px; }
.UPE-VIPDropdown.responsive .navCurrent
{
    background-color: rgba(63, 149, 203, 0.2); 
    opacity: 0.8; 
}
.UPE-Dropdown a, .UPE-VIPDropdown a
{
    color: #10446E;
    display: inline-block;
    margin: 0px 8px;
    padding: 3px;
    text-decoration: none;
}
.UPE-Dropdown a.active, .UPE-VIPDropdown a.active
{
    color: #0096D0;
    border-bottom: 1px solid #0096D0;
}
.UPE-Dropdown.responsive a, .UPE-VIPDropdown.responsive a
{
    display: block !important; /* Can remove important after styles are moved here from header.asp */
}
.UPE-DropdownShow {display: block;}
#btNavDropDown, #btWeekDropDown, #btVIPDropdown, #divVIPDropdown { display: none; }
#btNavDropDown:focus, #btWeekDropDown:focus, #btVIPDropdown:focus { outline: 0; }
.UPE-TopNavList .UPE-Arrow { display: none; }
 
/* Picks Page */
.ssWeekWinnerHeader {
    color: #10446E;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0px;
}
.ssWinner
{
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 1px 3px 5px #ccc;
    padding: 10px;
    width: 90%;
}
.ssWinnerInfo 
{ 
    padding-top: 10px;
    text-align: center;
}
.ssWeekWinner
{
    display: inline-block;
    vertical-align: top;
    
}
/* Message Box that shows after saving  */
.UPE-PicksStatus {
    background: #ffffff;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    color: #549316;
    font-size: 16px;
    font-weight: bold;
}
/* Target css for IE11 - in IE11, there was an issue with Flexbox inside a table,
where the widths weren't being respected and they would just all be in one line and cut 
off the screen rather than wrapping down - this was one of the tricks to fix it that we found */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
    .UPE-FlexCell { max-width: 1px; }
    .UPE-LeaderContainer { justify-content: space-between; }
}

/* Hover States */
.UPE-TopNavListItem:hover { border-bottom: 2px solid #0096D0; }
#divTopNav.responsive .UPE-TopNavListItem:hover { border-bottom: 0px; }
#divWeekNav.UPE-Dropdown a:hover { color: #0096D0; border-bottom: 1px solid #0096D0; }
#divWeekNav.UPE-Dropdown.responsive a:hover { background-color: rgba(63, 149, 203, 0.2); opacity: 0.8; border-bottom: 0px; color: inherit; }
#UPE-Profile-edit div:hover { background-color: rgba(63, 149, 203, 0.2); opacity: 0.8; }

/*--------------------------------------------------------
MEDIA QUERIES FOR MOBILE
---------------------------------------------------------- */
/* Addressing performance concerns on retina displays  */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
	selector {
		color:#fff;
	}
}


@media screen and (max-width: 1000px) 
{
    .remove-when-narrow {
        display: none;
    }
}
@media screen and (max-width: 675px) 
{
    .UPE-ProfileUserID { display: none; }
}

@media screen and (max-width: 635px) 
{
    .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-Profile { max-width: 15%; }  Commented out due to there not being enough room for the menu for WRA2 and other narrow sites*/
    
    .UPE-TopNavListItem { margin: 5px; }
}
@media screen and (max-width: 550px) {
    
    /* Mobile Menu */
    .UPE-TopNavContainer { margin: 10px 5px 60px 5px; }
    .navCurrent { border-bottom: 0; }
    #btNavDropDown, #btWeekDropDown { display: inline-block; }
    .UPE-TopNavList .UPE-Arrow { display: inline-block; border-top: 6px solid #fff; }
    .UPE-NavDropButton
    {
        background-color: #10446E;
        border: 1px solid #10446E;
        border-radius: 25px;
        color: #fff;
        padding: 10px 20px;
        text-transform: uppercase;
        font: 700 16px 'Muli';
    }
    .UPE-TopNavList a:not(:first-child), .UPE-Dropdown a:not(:first-child) { display: none;}
    .UPE-Dropdown { float: right; }
    .UPE-TopNavListItem .remove-when-narrow { display: inline; }
    .UPE-TopNavList.responsive {
        background-color: #10446E;
        border: 1px solid #10446E;
        border-radius: 25px;
        color: #fff;
        padding: 10px;
        z-index: 3;
    }
    .UPE-TopNavList.responsive .UPE-Arrow 
    {
        border-top: none;
        border-bottom: 6px solid #fff;
        top: -3px;
    }
    .UPE-TopNavList.responsive a {
        float: none;
        display: block;
        text-align: center;
        color: #fff;
    }
    .UPE-TopNavList .UPE-MobileNav a:last-child { padding-top: 15px; text-transform: capitalize; }
    .UPE-TopNavList.responsive .UPE-NavDropButton { padding: 0px 20px; }
    .UPE-MobileNav { display: inline-block; }
    
    #UPE-Profile #UPE-Profile-text .UPE-Arrow, #UPE-Profile-text span, .UPE-ProfileUserID { display: none; }
    #UPE-Profile { border-radius: 20px;	border: 1px solid #ccc; padding: 8px 20px; }
    #UPE-Profile.SS-LoggedIn { border-radius: 0; border: none; top: 0px; }
    #UPE-Profile-text .UPE-ProfileListImage, #UPE-Profile-text .UPE-ProfileDefaultImage { width: 42px; }
    .UPE-Dropdown .UPE-SubMenuOnLink, .UPE-Dropdown .UPE-SubMenuOffLink { display: none; }
    
}
@media screen and (max-width: 500px)
{
    /* Welcome Page */
    .SS-WelcomeCountdownSection .Header-Text { font-size: 18px; background-color: #10446E; color: #fff; }
    #UPE-Welcome-User .Header-Text { font-size: 20px; }
    #UPE-Welcome-Container #UPE-Welcome-ContestDescription { padding: 5%; }

}
/* Mobile settings */
@media only screen and (max-width: 480px)
{
    body.SS-NoBranding { background-color: #fff; }
    .SS-Application { padding: 0; }
    input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea
    {
        width: 93%;
    }
    fieldset.UPE-FormFieldSet.UPE-Multiple-Selects label { width: 32%; }
    .remove-when-narrow { display: none; }
    #UPE-Welcome-Container #UPE-Welcome-ContestDescription #Welcome-AdUnit-300x250{
	    width: auto;
    }
    .UPE-RegistrationForm { margin: 5%; }
    .UPE-NationalLeaders, .UPE-AffiliateLeaders, .UPE-VIPLeaders { width: 100% !important; }
    /* Hide certain columns on these pages for the mobile version */
    .joingroup .UPE-ListRowTable td:nth-child(2), 
    .myprivategroups .UPE-MyGroups td:nth-child(2), .myprivategroups .UPE-ListRowTable td:nth-child(3), .myprivategroups .UPE-ListRowTable td:nth-child(5),
    .grouphome .UPE-ListRowTable td:nth-child(5),
    .removegroupmembers .UPE-ListRowTable td:nth-child(1), .removegroupmembers .UPE-ListRowTable td:nth-child(3),
    .expandedstats .UPE-ListRowTable td:nth-child(4), .expandedstats .UPE-ListRowTable td:nth-child(5)
    { display: none; }
    .myprivategroups input { width: 100%; }
    .UPE-GroupInfo { order: 1; }
    .UPE-GroupSubNav { order: 2; justify-content: space-evenly; }
    .UPE-GroupEditLink { display: inline; }
    .UPE-PageHeaderText { font-size: 20px; letter-spacing: 1px; } 
    .UPE-ApplicationTableCellBottom { padding: 15px; }
    .UPE-GroupType { display: block; font-size: 12px; }
    .joingroup .search { float: none; top: 0px; display: flex; }
    .joingroup .search .UPE-InputText { width: 100%; }
    .UPE-GroupTrashTalkTable { padding: 10px; }
    .UPE-TrashTalkMessage form { flex-flow: wrap; }
    .UPE-TrashTalkMessage .UPE-InputText { font-size: 14px; }
    .grouphome .UPE-SubMenuOffLink, .UPE-GroupSubNav .UPE-SubMenuOffLink 
    {
        border: 1px solid #0096D0;
        border-radius: 3px;
        padding: 10px;
        color: #0096D0;
        text-transform: uppercase;
        width: 20%;
        font-size: 12px;
        text-align: center;
        font-weight: 700;
    }
    .grouphome .UPE-SubMenuOnLink, .UPE-GroupSubNav .UPE-SubMenuOnLink
    {
        border: 1px solid #0096D0;
        border-radius: 3px;
        padding: 10px;
        color: #fff;
        text-transform: uppercase;
        width: 20%;
        font-size: 12px;
        text-align: center;
        font-weight: 700;
        background-color: #0096D0; 
    }
    .leaders .UPE-SubMenuOnLink, .winners .UPE-SubMenuOnLink, .expandedstats .UPE-SubMenuOnLink, .editprofile .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';
    }
    .leaders .UPE-SubMenuOffLink, .winners .UPE-SubMenuOffLink, .expandedstats .UPE-SubMenuOffLink, .editprofile .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-TableGrey { padding: 10px; }
    .expandedstats .UPE-ProfileListImage, .expandedstats .UPE-ProfileDefaultImage { display: none; }
    .UPE-MobileNav { display: inline; }
    .leaders .UPE-FlexBlock div:nth-child(2) { order: 1; text-align: right;}
    .leaders .UPE-FlexBlock div:nth-child(1) { order: 2; }
    .UPE-WinnerBlock { width: 100%; height: auto; }
    /* Edit Profile Page */
    .UPE-ProfileHeader { display: none; }
    .UPE-EditProfile { margin: 0; padding: 10px 0px 0px 0px; border: none; box-shadow: none; }
    /* Mobile Login page */
    .loginmobile .UPE-FlexBlock.UPE-LoginBlock { justify-content: space-between; }
    .loginmobile .UPE-FlexBlock .UPE-Block { flex-grow: 0; padding: 0; }
    .loginmobile .UPE-FlexBlock.UPE-NewUser { justify-content: center; }
    .loginmobile .UPE-FlexBlock.UPE-NewUser .UPE-Block { padding: 10px; }
    .loginmobile input[type=button] { width: 100%; }
    .loginmobile .SS-LoginOr { text-align: center; text-transform: uppercase; padding: 10px; }
    /* Registration Page */
    .UPE-RegistrationForm { padding: 10px; margin: 0; }
    .UPE-RegistrationForm input[type=submit], .UPE-RegistrationForm select { width: 100%; }
    /* Welcome Page */
    #UPE-Welcome-Prizes, #UPE-Welcome-Leaders { display: none; }
    #UPE-Welcome-Container #UPE-Welcome-ContestDescription .UPE-Content { width: auto; padding: 0px; }
    /* Feedback Page */
    .UPE-Page-Feedback select { width: 250px; }
    .UPE-Page-Feedback input[type=text], textarea { width: 90%; }
    .g-recaptcha 
    {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
        max-width: 250px !important;
    }
}