{"hash":"e0ef2f65933cc68f8a9f1650307c2cd4"}
.focal-shadow{
box-shadow: 2rem 2rem 2rem rgba(0, 0, 0, 0.50), -2rem 2rem 2rem rgba(0, 0, 0, 0.5);
background-color: #ffffff;
padding:2rem;
position:relative;
z-index:100;
}
.focal-shadow-shallow{
box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.25), 1rem 1rem 1rem rgba(0, 0, 0, 0.25);
background-color: #ffffff;
padding:2rem;
}
.darken-bg {
background: rgba(51, 51, 51, 0.3);
}
.lighten-bg {
background: rgba(255, 255, 255, 0.9);
}
.pad-box {
padding:1rem;
}
.small-caps {
font-variant: small-caps;
}
.header-block{
/* transform: scale(1, 1.33);*/
padding:1rem;
margin:-1rem 0 .25rem;
text-align:center;
}
.header-block img{
vertical-align: middle;
}
.header-block span{
transform: scale(1,1.4);
display:inline-block;
padding-top:1.25rem;
color:#fafafa;
}
.loader {
padding:2rem 1rem;
text-align: center;
}
.espn-icon { background-position: -21px -21px;} .espn-icon:hover,.espn-icon.active { background-position: -21px -1px;}
.nba-icon { background-position: -41px -21px;} .nba-icon:hover,.nba-icon.active { background-position: -41px -1px;}
.nfl-icon { background-position: -61px -21px;} .nfl-icon:hover,.nfl-icon.active { background-position: -61px -1px;}
.mlb-icon { background-position: -81px -21px;} .mlb-icon:hover,.mlb-icon.active { background-position: -81px -1px;}
.nhl-icon { background-position: -101px -21px;} .nhl-icon:hover,.nhl-icon.active { background-position: -101px -1px;}
.lighten-bg-trans-20 {
background: rgba(255, 255, 255, 0.2);
}
.lighten-bg-trans-40 {
background: rgba(255, 255, 255, 0.4);
}
.lighten-bg-trans-60 {
background: rgba(255, 255, 255, 0.6);
}
.lighten-bg-trans-80 {
background: rgba(255, 255, 255, 0.8);
}
.darken-bg-trans-20 {
background: rgba(51, 51, 51, 0.2);
}
.darken-bg-trans-40 {
background: rgba(38, 38, 38, 0.4);
}
.darken-bg-trans-60 {
background: rgba(38, 38, 38, 0.6);
}
.darken-bg-trans-80 {
background: rgba(38, 38, 38, 0.8);
}
.bg-blue-20 {
background: rgba(88, 163, 207, 0.2);
}
.bg-blue-40 {
background: rgba(88, 163, 207, 0.4);
}
.bg-blue-60 {
background: rgba(88, 163, 207, 0.6);
}
.bg-blue-80 {
background: rgba(88, 163, 207, 0.8);
}
.xs-height{
float: none;
display: table-cell;
vertical-align: top;
}
.xs-height-row {
display: table;
}
.right {float:right;}
.left {float:left;}
.block {display:block;}
.small-text{
font-size:80%;
line-height:1.33rem!important;}
#cover-box{
position:fixed;
top:0;left:0;right:0;bottom:0;
height:100%;width:100%;
z-index:10000;
background-color:rgba(0,0,0,.5);
padding:3rem;
font-size:1.65rem;
}
#cover-box #cover-box-controls{
text-align: center;
}
#cover-box i{
color:#dadada;
cursor: pointer;
margin-top:1rem;
}
.blur-dropshadow {
box-shadow: inset 0 0 3rem black;
filter: blur(5px);
/* Browser Specific*/
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: url("/Sports/NFL/images/blur.svg#gaussian_blur");
}
#cover-box *{
opacity:1!important;
}
#cover-box span{
color:#dadada;
padding-bottom:2px;
cursor: pointer;
}
#ajax-content{
position:absolute;
top:0;left:0;right:0;bottom:0;
height:100%;width:90%;
z-index:10000;
margin:7rem auto;
font-size:1.65rem;
}
#ajax-content > div:first-child{
top:-100%;
position:relative;
box-shadow: -1rem -.5rem 1rem rgba(0,0,0,.75);
}
.bg-ppRed {background-color: #df2028;}
.ppRed { color: #df2028;}
.alert-ppRed {
color: #df2028;
background-color: #eaadaf;
padding:.25rem .5rem;
border-radius:2px;
border: 1px solid rgba(204, 51, 57, 0.25);
}
.bg-ppGreen {background-color: #5cb85c;}
.ppGreen {color:#5cb85c;}
.bg-ppBlue {background-color: #4ca8de;}
.ppBlue {color:#4ca8de;}
.bg-ppYellow {background-color: #DED968;}
.ppYellow {color: #DED968;}
.bg-ppOrange {background-color: #FFA926;}
.ppOrange {color: #FFA926;}
.faux-button-margin{margin:.5rem;}
img.grayscale {
/* for Webkit browser, Chrome 19+, Safari 6+ ... */
-webkit-filter: grayscale(1);
/* this is for Firefox 3.5+, Firefox mobile */
filter: url("data:image/svg+xml;utf8,#gs");
/* for IE6+ */
filter: gray;
}
img.dark-grayscale {
/* for Webkit browser, Chrome 19+, Safari 6+ ... */
-webkit-filter: grayscale(1);
/* this is for Firefox 3.5+, Firefox mobile */
filter: url("data:image/svg+xml;utf8,#gs");
/* for IE6+ */
filter: gray;
}html, body{
height:100%;
font-family: "Helvetica Neue","Segoe UI","Nimbus Sans L","Liberation Sans","Open Sans",FreeSans,Arial,sans-serif;
}
html{
/** @TODO -- for jersey background: #000000 url('/Contemporary/images/trianglebg.png') 0 0 repeat;*/
background: #64ABDA url('/Contemporary/images/trianglebg.png') 0 0 repeat;
background-size: 100% auto;
}
#front-page-title{
color:#ffffff;
text-shadow: 0 0 10px #000000;
text-align:center;
font-weight:bold;
font-style: italic;
font-size: 8rem;
}
/**@TODO -- for jersey
/*#front div:nth-of-type(4) ,#front div:nth-of-type(6) {*/
/* color:#ffffff!important;*/
/*}*/
#content #off-limits{
background:#FFA926;
text-align:center;
border-radius: 1rem;
padding:2rem;
box-shadow: 2rem 2rem 2rem rgba(0,0,0,.5);
max-width:80%;
display:inline-block;
}
#off-limits > div {
border: 1rem solid #2d2d2d;
border-radius: 1rem;
padding:1rem 10rem;
}
#content #off-limits h2, #content #off-limits h3 {text-align: center;}
#content #off-limits h2{font-size:4rem;font-weight: bold}
#content #off-limits h3{margin-top:1.5rem;}
/** content */
#content .row .row:not(.lighten-bg), .row-color:not(.lighten-bg){
/* background: *//*;*/
}
/** announcements */
#announcements i.glyphicon-remove-circle{ cursor:pointer; }
#announcements i.glyphicon-remove-circle:hover{ color: #df2028; }
#announcements.alert-danger {background-color: #df2028;border:none;
box-shadow: 2rem 2rem 2rem rgba(0, 0, 0, 0.50), -2rem 2rem 2rem rgba(0, 0, 0, 0.5);}
/** flash messages **/
div#flash-message {display:block; margin:1rem 0;}
.ppBlue-bg {
background: #4ca8de!important;
}
#content .row .row, .row-color{
margin-bottom:25rem;
}
#front .row .row div:not(.push-down) {
background:rgba(255, 255, 255, 0.2);
text-align:center;
}
#title {
margin:0;
}
#content .container #title h1{
margin-bottom:0;
}
#content .container #title p{
padding-top:0;
}
#self_return{position:fixed;text-align:center;z-index:10000;top:0;left:0;right:0;}
#self_return a{background:#5cb85c; padding:1rem 3rem;color:#fff;}
#teams-in-league .tooltip {white-space: nowrap;}
.xdebug-error, .kint{
position:relative;
z-index:10000!important;
}
/** @TODO */
/*#wrap:after {*/
/* border: 8rem solid rgba(255, 255, 255, 0.9);*/
/* box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);*/
/* content: " ";*/
/* position: absolute;*/
/* top: 263px;*/
/* width: 100%;*/
/* z-index: 17;*/
/*}*/
/*#wrap:before {*/
/* border: 3rem solid rgba(255, 255, 255, 0.9);*/
/* box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);*/
/* content: " ";*/
/* position: absolute;*/
/* top: 163px;*/
/* width: 100%;*/
/* z-index: 17;*/
/*}*/
/*body:after{*/
/* border: 3rem solid rgba(255, 255, 255, 0.9);*/
/* bottom: 0;*/
/* box-shadow: 0 5px 4px rgba(0, 0, 0, 0.15);*/
/* content: " ";*/
/* position: absolute;*/
/* width: 100%;*/
/* z-index: 17;*/
/*}*/.navbar-fixed-top img {
max-height:45px;
min-width:32px;
width:auto;
z-index:1000;
}
.navbar-fixed-top .navbar-header{
display:inline-block;
}
.navbar-fixed-top h1{
font-size:150%;
margin:.25rem;
}
.navbar-fixed-top form div {
display:inline-block;
vertical-align: top;
}
.navbar-fixed-top h1 a {
display:inline;
}
.navbar-fixed-top section{
clear:right;
position:relative;
}
/** Form */
.navbar-fixed-top form {
margin-bottom:0;
}
.navbar-fixed-top .has-form > div {
margin-top:.75rem;
}
.navbar-fixed-top .has-form span{
color:#ffffff;
}
.navbar-fixed-top .has-form div > span {
position:relative;
margin-right:1rem;
top:.6rem;
}
.navbar-fixed-top input{
margin-left:.25rem;
}
.navbar-fixed-top input[type='submit'] {
padding: .6rem 2rem;
}
form .form-agreement-ctrl { color: red!important; position: absolute; left: -100000000px;}
/* errors*/
small.error {
display:block;
background-color:#df2028;
color:#FFF;
padding-left:.25rem;
font-size:85%;
position: relative;
top:-3px;
margin-left:.25rem;
}
.navbar-fixed-top form div.error input{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height:2rem;
padding:0 1rem 0 .5rem;
vertical-align: top;
}
.navbar-fixed-top form.error > small a {
color: yellow;
right:0;
padding-left:3rem;
text-decoration: underline;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
margin:0;
}
.navbar-fixed-top form.error > small a:hover {
text-decoration: no-underline;
}
.navbar-fixed-top form.error > small {
width:32.55rem;
margin-top:-12px;
margin-left:2px;
position:relative;
}
/** Menu */
.navbar-fixed-top .navbar{
background: none;
border:none;
margin-right:1.5rem;
margin-bottom:0;
vertical-align: bottom;
display:inline-block;
}
#main-nav{
display:inline-block;
}
#main-nav a{
color:#4ca8de;
}
#main-nav .navbar-default .navbar-nav > li > a:hover{
color:#3d3d3d;
background-color: #4ca8de;
}
.navbar-fixed-top button.navbar-toggle {
background-color: #4ca8de;
border:none;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
#admin-nav {
display:inline-block;
}
#admin-nav a.active, #main-nav .dropdown li a{
color:#3d3d3d;
}
#admin-nav .navbar-default .navbar-nav > li > a:hover{
color:#dadada;
background-color: #3d3d3d;
}.orbit-container img {
margin: 0 auto;
}
.orbit-container li{
text-align:center;
}
/** FRONT */
#content .row #front .row{
margin-bottom:5rem;
}
#front h1 {text-align:center; font-size:148%;}
#front #panel-1 h1,#front #panel-6 h2{
color: #ffffff;
font-style: italic;
font-weight: bold;
text-align: center;
text-shadow: 0 0 10px #000000;
}
#front > div:not(:first-child):not(:last-of-type) {background-color:#f1f1f1;padding-top:4rem;}
#front .row:not(:nth-of-type(1)) > div {width:100%; margin:auto auto;}
#front > div:nth-of-type(2n) h2{ text-align:right;}
#front > div:nth-of-type(3n){ border: 3rem solid #4ca8de;}
#front > div:last-of-type{ border: 3rem solid #df2028; background-color:transparent;}
#front > div:last-of-type a{ margin-top:2rem;}
#content #front h2{padding-left:5%;padding-right:5%;padding-bottom:3%;}
#front > div > div:nth-of-type(2) { padding-left:5%;}
#front .panel-graphic-right{ float:right; max-width:33%;margin:1rem;}
#front .panel-graphic-left{ float:left; max-width:33%;}
/** specific panels */
#front #panel-1{
border:3rem solid #df2028;
background-color:transparent;
margin-top:5rem;
text-align:center;
}
#front #panel-5 {
border: 3rem solid #ffffff; background-color:transparent;
padding:0;
}
#front #panel-5 >div {padding :1rem;}
#content {
padding: 1rem;
background: rgba(89, 89, 89, 0.5);
color: #1d1d1d;
clear:both;
background: none;
position:relative;
z-index:50;
font-size:120%;
}
#welcome-box{
color:#fafafa;
font-size:90%;
}
#content div.image {
color: #222;
font-weight:bold;
font-style: italic;
float: left;
margin: 1em 1em 0;
text-align: center;
}
#content .container div.image p{
margin-top: 0;
padding: .125rem .25rem;
}
#content div.container p {
padding-top:1rem;
}
#wrap {
min-height:100%;
height:auto;
overflow:hidden;
margin: 0 auto -16.5rem;
padding: 0 0 16.5rem;
position:relative;
}
#content .row{
padding:1rem;
}
#content h2:first-of-type{
padding:0 0 1rem 0;
}
#content h2{
padding:1rem;
margin:0;
}
#league-list div.title{
cursor:pointer
}
#league-list .sport-logo {height:3rem; width: auto;margin-right:1rem;}
#league-list .badge{float:right;}
.pluckometer{
display: block;
position: relative;
width: 100%;
background: #dadada;
height:1.75rem;
background: -moz-linear-gradient(left, #dadada 97%, #acacac 97%);
background-size: 10% 100%;
margin:2rem 0;
padding:1rem;
border: 2px solid #777;
border-radius:2px;
}
.pluckometer:before {
content: "pluckometer";
text-align:center;
display:block;
clear:both;
position:relative;
top:-3.5rem;
font-variant: small-caps;
color:#acacac;
font-size:90%;
}
/*.pluckometer:after{*/
/* content: "5 0";*/
/* text-align:center;*/
/* position:relative;*/
/* display:block;*/
/* top:-1.95rem;*/
/* left:-.1em;*/
/* color:#666;*/
/* font-size:60%;*/
/*}*/
.pluckometer .percentage-marker{
text-align:center;
position:absolute;
color:#dadada;
font-size:70%;
top:.1rem;
}
.pluckometer-marker-wrap{
position:absolute;
font-size:80%;
}
.pluckometer-marker-wrap.league{top:0;}
.pluckometer-marker{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position:absolute;
left:-5px;
}
.pluckometer-marker-text{
border-left:1px solid black;
position:absolute;
padding-left:.25rem;
}
.pluckometer-marker-text-desc{
position:absolute;
}
.pluckometer-marker-text-desc.league{
bottom:-4.15em;
left:-2.25em;
margin:1rem 0;
height:2rem;
width:2px;
white-space: nowrap;
font-variant:small-caps;
}
.pluckometer-marker-text.league{
color:#df2028;
border-color:#df2028;
}
.pluckometer-marker-bar.team{
opacity:.6;
background-color: #4ca8de;
display:block;
left:0;
top:0;
height:2rem;
position:absolute;
font-size:65%;
padding-right:1rem;
color:#000000;
text-align: right;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
font-variant: small-caps;
font-weight: bold;
}
.pluckometer-marker.league {
bottom:-2.8rem;
border-bottom: 5px solid #df2028;
}
/*****************************************************************
* View Schedule
*****************************************************************/
#league-schedule-page h3, .section-header {background-color: #4ca8de; color: #ffffff;padding:.5rem;clear:both;text-align: center;}
/*#league-schedule-page div[id^=week-]{position:relative;top:-100px;}*/
#league-schedule-page ul {display: inline;padding:0;}
#league-schedule-page ul li{list-style: none; display:block; margin: 0.5rem 0.95rem;}
#league-schedule-page #week-selection ul li{list-style: none; display:inline-block; margin: 0;}
#league-schedule-page ul li.inline {
display: inline-block;
}
#league-schedule-page ul li div.match, .dashboard div.match{
background-color: #666666;
border-radius: 2px;
height: 6rem;
margin: 0.5rem 0.5rem 0;
position: relative;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
color: #fff;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px #191b1e;
display:inline-block;}
#league-schedule-page ul li div.team-stats, .dashboard div.team-stats {display:none;}
#league-schedule-page ul li div.team-logo, .dashboard div.team-logo{display:inline-block; width:8rem;float:left;height:100%;position:relative;z-index:5;}
#league-schedule-page ul li div.team-logo:before, .dashboard div.team-logo:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
#league-schedule-page ul li img, .dashboard .match img{
display: inline-block;
height: auto;
max-height: 5rem;
vertical-align: middle;
top: 1px;
z-index:5;
}
#league-schedule-page .bye-label, .dashboard .bye-label{display:inline-block;}
#league-schedule-page .bye-label .team-logo, .dashboard .bye-label .team-logo{z-index:1000;}
#league-schedule-page p:not(:nth-child(1)), .dashboard .match p:not(:nth-child(1)) {
background: none repeat scroll 0 0 #4c4c4c;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.4);
cursor: default;
display: inline;
float: left;
font-size: 80%;
font-variant: small-caps;
font-weight: normal;
height: 100%;
line-height: 1.5rem;
margin-bottom: 0;
padding-top: 0.25rem;
position: relative;
top: 1px;
width: 6.3rem;
z-index: 50;
}
#league-schedule-page ul li p, .dashboard .match p {display:inline-block;text-align: center;}
#league-schedule-page ul li p span, .dashboard .match p span {font-weight:bold;margin-top:.5rem;}
#league-schedule-page ul li p span:first-of-type, .dashboard .match p span:first-of-type{float:left;margin-left:.5rem;}
#league-schedule-page ul li p span:last-of-type, .dashboard .match p span:last-of-type {float:right;margin-right:.5rem;}
#league-schedule-page ul li p i, .dashboard .match p i{
color: #5cb85c;
cursor: pointer;
font-size: 120%;
margin-top: 0.5rem;
text-shadow: none;}
#league-schedule-page ul li p.leader, .dashboard .match p.leader{
display:inline-block;
height:100%;
width:7.9rem;
position:absolute;
z-index:2;
background-color: #70c66b;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
border: 1px solid #333;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.45) inset;
}
/**
* STANDINGS
*/
#standings table i.glyphicon-fire {
color:#df2028;
}
#standings table i.icon-snowflake {
color:#4ca8de;
font-size: 2.7rem;
line-height: 0;
}#standings table [class^="icon-"]:before, #standings [class*=" icon-"]:before {
line-height: 0;
margin:0;
}
#standings table tbody td:first-of-type{
background-repeat: no-repeat;
background-size: contain;
padding-left: 5rem;
}
#standings .card-popup {
cursor: pointer;
}
#preload {
background:url('/Contemporary/images/card_bg.jpg') no-repeat -9999px -9999px;
}
/**
* Chat box
*/
#message-list h3 {background:#4ca8de;color:#ffffff;padding:1rem 1rem 1rem 2rem;margin:1rem 0 0 0;}
#message-list form *{margin:0;max-width:100%;}
#message-list li {list-style: none; margin:.25rem 0;position:relative;clear:both;}
#message-list ul{padding-left:1rem;}
#message-list ul div{display:inline-block;}
#message-list div.bubble-right {float:right; margin-bottom:.5rem;}
#message-list div.bubble-left {float:left;margin-bottom:.5rem;}
#message-list div img{vertical-align: top;margin-top:.25rem;max-height:28px;}
#message-list span.bubble-left{ display:inline-block; margin-left:1rem;border-radius:.5rem;max-width: 80%;font-size:80%;padding:5px 10px;}
#message-list span.bubble-right{display:inline-block; margin-right:1rem;border-radius:.5rem;max-width: 80%;font-size:80%;padding:5px 10px;}
#message-list span.bubble-left:before{
text-align:center;
position:absolute;
color:#dadada;
font-size:70%;
top:.75rem;
content: '';
border-right:8px solid white;
padding-right:.25rem;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
left:-10px;
}
#message-list span.bubble-right:after{
text-align:center;
position:absolute;
color:#dadada;
font-size:70%;
top:.75rem;
content: '';
border-left:8px solid white;
padding-right:.25rem;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
right:-10px;
}
#message-list .time{color:#4ca8de;white-space: nowrap}
/**
* VIEW PICKS
*/
#view-picks {text-align:center;margin:auto;max-width:95rem;}
#week-selection {text-align:center;}
#week-selection small{vertical-align:top;}
#view-picks h2,#view-picks h4 {text-align: left;}
#view-picks .pagination {margin:0;padding:0;}
#view-picks .pagination li {margin:0;padding:0;width:auto;}
/** Make Picks */
.switch-toggle {height:6rem!important;background-color:#666666!important;}
/* scoreboard */
.dashboard ul {padding:0;margin:0;}
.dashboard li {display:inline-block;}
#scores .score-board.selected{
border:.5rem solid #4ca8de;
border-radius:2px;
}
#scores .score-board:not(.selected){
cursor:pointer;
}
#view-picks .score-board, .dashboard .score-board {display: inline-block; background:#3c3c3c; margin: .5rem;border-radius:1px;}
#view-picks .score-board{border:.5rem solid #ffffff;margin:0;}
#view-picks .score-board.user-match, .dashboard .score-board.user-match {background-color:#4ca8de;}
.dashboard .score-board .games-remaining {font-size:80%;font-variant: small-caps;display:block;width:auto;color:#ffffff; background: #999999;padding:0 .25rem;}
#view-picks .score-board .winning, .dashboard .score-board .winning { background: #5cb85c;}
.dashboard .matches.next a {display:block;}
#view-picks .score-board li, .dashboard .score-board li{margin:.5rem; width:5rem;text-align:center;}
#view-picks .score-board li span, .dashboard .score-board li span{height:auto;display:block;width:auto;border-radius:2px;}
#view-picks .score-board.user-match li span, .dashboard .score-board.user-match li span{background:#3c3c3c;}
/* games */
#view-picks > div > div:nth-of-type(1) {text-align:center;}
#view-picks span{height:auto;}
#view-picks .pro-game{height:9.5rem;clear:both;position:relative;margin:0;padding: 0;border: 1px solid #dddddd;overflow: hidden;}
#view-picks .pro-game .tooltip{position:relative;z-index:500;width:10rem;}
#view-picks ul{text-align:left;padding:0;max-width:95rem;}
#view-picks .games ul:not(.games){ box-shadow: 0 5px 4px rgba(0, 0, 0, 0.6);}
#view-picks li{position:relative; padding:0; display: inline-block; margin:4.8rem 1.8rem 2.4rem;width:20rem;float:none;border:none;}
#scores-page #view-picks #scores li.list-group-item{position:relative; padding:0; display: inline-block; margin:4.8rem 1.8rem 24.4rem;width:20rem;float:none;border:none;}
#view-picks li .game{position:relative; height:9.5rem;padding-top:.5rem;text-align: center; border-left: 1px solid #DADADA; border-right:1px solid #DADADA;}
#view-picks li:after{content:'';clear:both;}
#view-picks li p{text-align: center;margin:0;background-color:#dddddd;clear:both;width:20rem;position:absolute;bottom:0;}
#view-picks li img{max-width: 6rem; max-height:5rem; width:auto; height:auto;vertical-align: middle;}
#view-picks span:before {
height:100%;
content:'';
display:inline-block;
vertical-align: middle;
}
#view-picks li span{display:inline-block;height:6rem;position:relative;width:40%;text-align: center;}
#view-picks li .pro-game{padding-top:.5rem;}
#view-picks li .pro-game span:first-of-type{float:left;margin-left:1.5rem;}
#view-picks li .pro-game span:last-of-type{float:right;margin-right:1.5rem;}
#view-picks li span.picked{background-color: #70c66b;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
border: 1px solid #333;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.45) inset;}
.match .team-logo .badge{
position:absolute;
right:0;
bottom:0;
width:2rem;
padding-right:2.5rem;
padding-top:.25rem;
margin:.25rem;
background-color: transparent;
color:#ffffff;
text-shadow: 1px 1px 2px rgba(0,0,0,.75), -1px 0 2px rgba(0,0,0,.75);
}
#view-picks .game-wrapper{clear:both;position:absolute;top:0;width:20rem;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.6);}
.match .team-logo .badge i{cursor:default;font-size:1.75rem;}
#view-picks.missed {
clear:both;
}
#view-picks .matches {
margin:0;padding: 0; background:#3c3c3c;clear: both;width:20rem;border-left:1px solid #484848;border-right:1px solid #484848;
}
#view-picks .matches:nth-of-type(2){
padding-top:1rem;
overflow: hidden;
background: #3C3C3C;
}
#view-picks .matches li {
width:100%;
padding:.15rem;
margin:0 0 0 ;
min-height:3.75rem;
border-top:1px solid #484848;
display:block;
}
#view-picks .matches li:nth-of-type(1){
border: none;
font-variant: small-caps;
font-size:80%;
text-align: center;
color:#dadada;
min-height: inherit;
display: inline-block;
}
#view-picks .on-top{
z-index:1000;
}
#view-picks .game-wrapper .matches li span.btn.btn-info{height:2rem;line-height: 1rem;padding:.25rem 0 0 0;margin:.75rem 0 0 0;float:none;}
#view-picks .picked-home, #view-picks .picked-away{height:3rem;padding:0;margin:0!important;width:50%}
#view-picks .picked-home {text-align:center;padding-left:.5rem;border-left: 1px solid #828282;}
/*#view-picks .picked-home:before{*/
/* content: " ";*/
/* position:absolute;*/
/* border-left:1px solid #828282;*/
/* height:2.6rem;*/
/* left:0;*/
/* top:-.35rem;*/
/*}*/
#view-picks .picked-away {text-align:center;padding-right:.5rem;}
#view-picks .picked-home img, #view-picks .picked-away img{max-height:3rem;vertical-align: top;padding:.15rem;}
#view-picks .matches li[data-toggle] {
z-index: 200;
cursor: pointer;
text-align: center;
padding-top:0;
}
#view-picks .matches li[data-toggle] span.btn.faux-submit{width:50%;padding:.5rem 1rem 1.75rem;position:relative;top:1.25rem;}
#view-picks .matches:nth-of-type(2) li:nth-of-type(odd) {background:#484848;}
#view-picks .matches:nth-of-type(2) li:nth-of-type(even) {background:#3c3c3c;}
#view-picks .matches ul.collapse{
clear:both;
z-index:200;
background:#3c3c3c;
}
#view-picks ul.matches.pregame li{height:auto;padding: 1.25rem;font-variant:small-caps;text-align:center;font-size:80%;color:#dadada;}
#view-picks ul.matches.pregame li small{display:inline-block;color:#4ca8de;font-size:105%}
#view-picks .matches ul.collapse:after{
content: ' ';
display:block;
clear:both;
}
/** view picks picked stats */
.pick-stats {background-color: #dadada;
margin: 0;
padding: 0 2.25rem;
position: absolute;
top: -4.3rem;
width: 20rem
}
.pick-stats .box-heading{
font-variant: small-caps;
display:block;
}
.pick-stats > div {border:1px solid #888888;height:1.75rem;width:50%;display:inline-block;position: relative;background-color:#fafafa;border-radius: 1px;}
.pick-stats span {margin:.125rem .125rem 0 .125rem !important;padding:0!important;display:inline-block;position:absolute!important;float:none!important;height:1.25rem!important;}
.pick-stats span {background: repeating-linear-gradient(90deg, transparent, transparent 8px, #fafafa 8px, #fafafa 10px);}
.pick-stats > div:nth-of-type(1) span{right:-1px!important;background-position: right;}
.pick-stats > div:nth-of-type(2) span{left:-1px!important;}#footer {
z-index: 70;
height: 16.5rem;
padding-top:2rem;
background: rgba(51, 51, 51, 0.85);
}
#footer ul{
list-style: none;
}
#footer li{
text-align: left;
}
#footer a{
font-size:90%;
}
#color-bar{
clear: both;
position: absolute;
z-index: -1;
height: 100%;
width:100%;
top:0px;
background: #4ca8de;
border: 3px solid red;
}
.fine-print, .fine-print p{
background:#000000;
color:#676767;
font-size:95%;
padding:1rem;
margin-top:.9rem;
}
#footer p{
margin:0;
padding:0;
}
#footer .text-center a{
display:inline-block;
}/** Team blocks*/
#active-teams-header{
text-align:left;
}
.tight-bottom{margin-bottom:1rem!important;}
.team-block{
display:inline-block;
margin:1rem 1rem 0 0;
padding:0;
border-radius:.08rem;
background: #666666;
width:35.95rem;
height:30rem;
border:5px solid transparent;
float:left;
position:relative;
overflow: hidden;
}
.team-block h3 a:first-child{
color:#fafafa;
}
.team-block:hover h3 a:first-child{
color:#368bbd;
text-shadow: 1px 1px 0px rgba(255,255,255,.2);
}
.team-block:hover h3 a:first-child:hover{
color:#df2028;
}
.team-block a:hover{
text-decoration: none;
}
.header-block #controls{
color:#000;
}
.header-block #controls i:hover{
color:#fff;
cursor:pointer;
}
.small-title small{position:relative;padding-right:.5rem; margin:.4rem -.25rem 0 -.25rem;}
.small-title img{height:20px; width: auto;position:absolute;top:0;left:-2.25rem;margin:0;}
.team-block:hover{
background: #727272;
border:5px solid #58a3cf;
-webkit-transition: border-color 100ms linear, background-color 100ms ease;
-moz-transition: border-color 100ms linear, background-color 100ms ease;
-o-transition: border-color 100ms linear, background-color 100ms ease;
-ms-transition: border-color 100ms linear, background-color 100ms ease;
transition: border-color 100ms linear, background-color 100ms ease;
}
.message-indicator{float:right; width:3.6rem; height:2.1rem;display:inline-block; color:#4ca8de;text-shadow: none;position:relative;}
.message-indicator i.glyphicon-comment{font-size:140%;padding-top:0;}
.message-indicator .message-count{position:absolute;top:.25rem;right:1.5rem;font-weight:bold;font-size:50%; color: #4ca8de;font-family: "Helvetica Neue", "Segoe UI", "Nimbus Sans L", "Liberation Sans", "Open Sans", FreeSans, Arial, sans-serif}
.team-block:hover .message-count{color:#ffffff;}
.team-block h3 i { color:#ffffff;float:right;padding-top:.25rem;padding-right:1.25rem;text-shadow:none;}
.team-block h3 i.glyphicon-cog { color: #1f516e;}
.team-block:hover h3{ background-color:#cfe4f1; }
.team-block:hover h3 i{color:#4ca8de; }
.team-block:hover h3 i.glyphicon-cog{color:#2b6e96; }
.team-block:hover h3 i:hover{color:#df2028; }
.team-block h3{
cursor:default;
font-size:100%;
padding:.5rem .25rem .75rem .5rem;
background-color:#4ca8de;
margin:-.25rem -.25rem 0;
box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .5);
}
.badge-xl { font-size:2rem; }
.header-logo{ margin-right:.5rem; }
/** Active team matches */
.team-block .panel-heading {font-size:90%;padding:.5rem .5rem .75rem .5rem;font-variant: small-caps;transition:background-color .5s ease;cursor:default;}
.team-block .panel-heading:hover {background-color: #cfe4f1!important;}
.team-block .panel:nth-child(2n) .panel-heading{background-color:#cacaca;}
.team-block .panel-heading span.badge{border-radius: 2px; font-size:70%;padding:0.25rem 0.4rem 0.5rem 0.5rem;font-variant: normal;font-weight:normal;float:right;margin-right:.5rem;transition: background-color .15s ease;}
.team-block .panel-heading span:hover{background-color:#df2028;}
.team-block .panel-heading i{font-size:130%;padding: .25rem 0 0 .25rem;line-height: 1rem;}
.team-block .panel-group .panel{border-radius:1px;border:none;}
.team-block .panel-group .panel-body{padding:.5rem;border:none;text-align: center;}
.team-block .panel-group .panel-body.three{height: 12.5rem;}
.team-block .panel-group .panel-body.two{height: 15.5rem;}
.team-block .panel-group .panel-body.one{height: 19.3rem;}
.team-block .panel-group .panel-body .status{font-size:90%;}
#content .dashboard .team-block .match p {padding-left:.25rem;}
#content .dashboard .owner.team-name {padding-top:1.25rem;padding-left:.75rem;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.team-block .panel-group .panel + .panel { margin-top:0;}
.team-block .matches{overflow: auto;cursor:default;}
/** Headline Sidebar */
.right-sidebar{
background:rgba(255, 255, 255, 0.7);
}
.headlines *{
font-size:95%;
}
.headlines h3{
background-color: #2b6e96;
padding:.5rem 1rem;
margin: 0 -1.5rem;
}
.headlines h4 a{color: #2b6e96; position:relative;}
.headlines p.description{ display:none;}
.headlines ul{ margin:1rem 0; padding-left:0;}
.headlines li {
list-style: none;
border-bottom:1px solid rgba(102, 102, 102, 0.8);
min-height:4rem;
}
.headlines li h4{
margin:.25rem .5rem;
padding:0;
}
.headlines small{
font-size:75%;
color:rgba(102, 102, 102, 0.8);
display:inline-block;
text-align: right;
margin-left:.5rem;
}
.headlines img{
margin-right:.3rem;
}
.dashboard .small-title, a .small-title{
display:block;
font-weight:bold;
margin:.4rem 0 0 0;
text-align: right;
color: #333333;
}
.dashboard .small-title a{
color:#ffffff;
text-shadow: 1px 1px 1px #000000;
}
.dashboard .small-title a:hover {color: #4ca8de;}
#add-new:hover a, #add-new h4{
color:#4ca8de;
}
#add-new h4{
padding-top:1rem;
font-size:3rem;
text-align:center;
position:relative;
color:#dadada;
}
#add-new p{
color:#dadada;
font-size:30rem;
line-height:7.5rem;
text-align:center;
font-weight:bold;
}
.score-board li {position:relative;}
.scoreboard-picked.icon-feather{ color:#ffffff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75), -1px 0 2px rgba(0, 0, 0, 0.75); position:absolute;right:-8px;bottom:0;z-index:1}
.team-block .dashboard.score img {max-height:56px;margin:.5rem;}
.team-block .dashboard.score .bye-week, .dashboard .bye-week {position:relative; display:block;text-align:center;margin:auto;padding-top:1rem;}
.team-block .dashboard.score .bye-week img, .dashboard .bye-week img {max-height:93px;display:block;margin:auto;}
.team-block .match-wrap{position:relative;background-color:#fafafa;padding:.5rem;}
.team-block .dashboard.score {
font-size:2rem;
}
.team-block .dashboard.score.leader{
background-color:#5cb85c;
border-radius: 2px;
}
/** CONTROLS **/
.team-controls{
position:absolute;
bottom:0;
left:0;
font-size:2rem;
background: rgba(51, 51, 51, 0.85);
width:100%;
padding:.5rem;
color:red;
}
.team-controls.inactive .btn.faux-submit {width:60%;}
.team-controls > div{ margin:0;padding:0;background:none;border:none;min-height: 0; text-align:center;}
.team-controls > div > div {margin:0;padding:0;}
.team-controls ul{float:right;width:100%;}
.team-controls ul > li {width:20%;text-align:center;}
.team-controls ul.nav.navbar-nav > li > a {padding:.5rem .75rem;font-size:3rem;color:#dadada;}
.team-block .team-controls ul > li > a:focus {color: #cccccc}
.team-controls ul.navbar-nav > li:hover {background-color:#4ca8de; border-radius:2px;}
.team-controls ul.navbar-nav > li > a:hover {color:#cfe4f1}
.team-controls ul li span{font-size:2rem;position:relative;top:-1rem;padding:0 .5rem; }
.team-controls ul li:not(.show-text) span{display:none;}
.team-controls ul li i. {display:relative;}
.team-controls ul li i.fa-sun-o:after {content:'';position:absolute;border-right:3px solid #393939; border-top:2px solid #393939;top:26%;right:20%;width:100%;height:100%;}
.team-controls ul li:hover i.fa-sun-o:after {content:'';position:absolute;border-right:3px solid #4CA8DE; border-top:2px solid #4CA8DE;top:26%;right:20%;width:100%;height:100%;}
.team-controls ul li i.fa-sun-o { font-size:2rem;display:inline-block; position: absolute; right:18%; top:3%;}
.team-controls ul li.show-text span{top:-.25rem;}
#content .team-controls li.new-messages > a i.fa-sun-o{
color: #dedb9a;
}
#content .team-controls li.new-messages > a i.glyphicon-comment{
color: #dedb9a;
}
/*.team-controls.inactive ul > li {width:50%;}*/
/*.team-controls.inactive ul > li > a {font-size:2rem;}*/
/** quick stats **/
.team-block .quick-stats{
font-size:100%;
position:absolute;
width:100%;
background-color:#333333;
color:#999999;
bottom:0;
left:0;
opacity:0;
}
.team-block .quick-stats:after{
width: 0;
height: 0;
content: " ";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position:absolute;
bottom:-9;
left:35%;
border-top: 10px solid #333333;
}
.team-block .quick-stats{padding:0 1rem;}
.team-block .quick-stats ul{list-style: none; margin:0;padding:1rem;}
.team-block .quick-stats ul li{display: inline; padding:1rem;}
.team-block .quick-stats ul li:first-child{display: block; padding:0 1rem;color:#4ca8de;}
.team-block.team-inactive{text-align: center;}
.team-block.team-inactive h3{z-index: 1;position:relative;}
.team-block.team-inactive img{position:absolute;top:0;left:8%;height:100%;width:auto;z-index:0;}
/** match switcher */
.team-block .match-switch ul {list-style: none;margin:0;padding:0}
.team-block .match-switch ul li{display: inline-block;padding:0 1rem .25rem .5rem; font-size:80%;}
.team-block .match-switch ul li.half{width:50%;}
.team-block .match-switch ul li.third{width:33.33%;}
.team-block .match-switch ul li.active{border-left: 1px solid #333333; border-right:1px solid #333333;border-top:1px solid #333333;border-bottom:none;}
.team-block .match-switch ul li:first-child{border-left: none;}
.team-block .match-switch ul li:last-child{border-right: none;}
.team-block .match-switch ul li.inactive {
border-bottom: 1px solid #fafafa;
background-color: #4c4c4c;
color: #e5e5e5;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
white-space: nowrap;
}
.team-block .match-switch ul li.inactive + li.inactive {
border-left: solid 1px #404040;
}
.team-block .match-switch ul li.active{background-color:#fafafa;border-bottom:1px solid #fafafa;z-index:20;position:relative;}
.team-block .badge.alert-info {background-color: #4ca8de;color:#ffffff;}
.team-block .next-match{display:none;}
/*.team-block .match-wrap{min-height: 14.25rem;}*/
.team-block .match-wrap.show{box-shadow:0 -5px 4px rgba(0,0,0,.5);}
.team-block .match-wrap h4{margin:0 .5rem 0 0;float:right;}
.team-block .match-wrap .make-picks-btn{position: absolute; bottom: .5rem; right:.5rem;}
.team-block .gray {
background-color: #4c4c4c;
color: #f2f2f2;
margin-top: .45rem;
padding: .15rem .5rem;
font-size: 80%;
border-bottom:1px solid #333333;
}
#inactive-teams h2 > small {color:#646464;}#league-list{text-align:left;}
#league-list ul.current-teams{
display:inline;
}
#league-list ul.current-teams li{
display:inline-block;
width:33.33%;
border:none;
padding:0 1rem;
font-size:90%
}
#league-list ul.current-teams li:first-child{
display:block;
width:100%;
}
#league-list ul.current-teams li img{
width:24px;
height:auto;
}
#league-list .private-league{
float:right;
padding:0 1rem;
font-size:80%;
color:#4ca8de;
}
/** Team blocks*/
.header-block #controls{
color:#000;
}
.header-block #controls i:hover{
color:#fff;
}
.header-logo{
margin-right:.5rem;
}
/** Headline Sidebar */
.right-sidebar{
background:rgba(255, 255, 255, 0.7);
}
.headlines *{
font-size:95%;
}
.headlines h3{
background-color: rgba(88, 163, 207, 0.8);
padding:.5rem 1rem;
margin: 0 -1.5rem;
}
.headlines h4 a{color: #2b6e96; position:relative;}
.headlines p.description{ display:none;}
.headlines ul{ margin:1rem 0; padding-left:0;}
.headlines li {
list-style: none;
border-bottom:1px solid rgba(102, 102, 102, 0.8);
min-height:4rem;
}
.headlines li h4{
margin:.25rem .5rem;
padding:0;
}
.headlines small{
font-size:75%;
color:rgba(102, 102, 102, 0.8);
display:inline-block;
text-align: right;
margin-left:.5rem;
}
.headlines img{
margin-right:.3rem;
}
.small-title, a .small-title{
display:block;
/* background-color: *//*;*/
padding:.25rem;
margin:.4rem -.25rem 0 -.25rem;;
text-align: right;
color: #cccccc;
}
/** menus **/
.sub-menu a i {padding:0 1.2rem 0 .35rem;}
#league-nav nav{text-align: center;}
#league-nav nav ul.nav-bar{float:none;}
#league-nav div{border:none;border-radius:0;}
#league-nav .navbar{min-height: inherit;}
#league-nav ul{margin:0;padding:0;}
div#league-nav li a{
color:#dadada;
font-size:88%;
font-weight:normal;
margin:0;
padding:1rem;
height::2rem;
min-width: 12rem;
}
div#league-nav li + li{
border-left: 1px solid #000000;
text-align:left;
}
div#league-nav li.dropdown li{ border-left:none;}
/*div#league-nav li:hover{background-color:*//*;color:#eaeaea;}*/
div#league-nav li:not(.dropdown):hover:after, div#league-nav li.active:after{
border-left: 1.1rem solid transparent;
border-right: 1.1rem solid transparent;
position:absolute;
left:45%;
bottom:0;
content:' ';
z-index: 10;
border-bottom: 1rem solid #FFFFFF;
}
div#league-nav li:last-child:hover:after{ left:35%;}
div#league-nav li.dropdown ul.dropdown-menu li:hover:after{border:none;!important}
div#league-nav li.active a:hover{cursor:default;}
#league-nav .container-fluid{padding-left:0;}
div#league-nav .active a{background-color:#4ca8de;color:#eaeaea;}
/** league admin **/
#league-nav .navbar-header{display:none;}
#league-nav .navbar{margin-bottom:0;}
div#league-nav .admin-sub-menu li a{color:#eaeaea;}
#league-nav .admin-sub-menu{
float:right;
z-index:1000;
padding-right:2rem;
background-color:#333333;
}
div#league-nav .admin-sub-menu li.open a{
background-color: #fff;
color:#4c4c4c;
}
div#league-nav .admin-sub-menu li.dropdown.open a:hover{
background-color:#4ca8de;
color: #eaeaea;
}
#league-nav .admin-sub-menu > div{padding-right:0;}
#league-nav .admin-sub-menu .dropdown ul{right:0;left:inherit;position:absolute; font-size:100%;padding:1rem 0}
#league-nav .admin-sub-menu .dropdown ul a{padding:.75rem 2rem .75rem 1rem;text-align:left;}
#league-nav .admin-sub-menu .dropdown ul a i{padding-right:1rem;}
/** TEAMS IN LEAGUE */
#teams-in-league{
background: rgba(51, 51, 51, 0.75);
text-align: center;
padding-bottom:0rem;
margin-bottom:0rem;
}
#teams-in-league img{margin:0 .5rem 1rem .5rem;padding:1rem 0;}
#teams-in-league h4{color:black;padding:.5rem 0;margin:0;z-index:50;}
.header-block {position:relative;}
.header-block .navbar-default .navbar-nav > ul{height:100%;}
.header-block .navbar-default .navbar-nav > li > a {color:#eaeaea;border-radius:3px;}
.header-block .navbar-default .navbar-nav > li:not(.active) > a:hover,
.header-block .navbar-default .navbar-nav > li:not(.active) > a:focus{
background:#eaeaea;
color:#4ca8de;
}
.team-bar-team{position:relative;}
.team-bar-team:after {
content: "";
width: 40px;
height: 0;
margin-top: 76px;
margin-left: -20px;
display: inline-block;
position: absolute;
left: 52%;
z-index: -1;
-webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0);
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0);
}
.team-bar-team:after {
-webkit-box-shadow: 0 0 9px 6px #000000;
-moz-box-shadow: 0 0 9px 6px #000000;
box-shadow: 0 0 9px 6px #000000;
-webkit-transition: box-shadow .15s;
-moz-transition: box-shadow .15s;
-o-transition: box-shadow .15s;
-ms-transition: box-shadow .15s;
transition: box-shadow .15s;
}
.team-bar-team:hover:after {
-webkit-box-shadow: 0 0 9px 6px #000000;
-moz-box-shadow: 0 0 9px 6px #000000;
box-shadow: 0 0 6px 2px rgba(0,0,0,.7);
}
div[id=gamenum-*]{
position:absolute;
top:-200px;
}@media only screen and (min-width: 40.063em) {
body {
/* background: url('../images/*//*');*/
background:none;
}
html{
/** @TODO -- for jersey background: #000000 url('/Contemporary/images/trianglebg.png') 0 0 repeat;*/
background-color: #000000;
background-image: url('/Contemporary/images/bgaction.jpg');
background-position: 0 93px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
#content {
margin-top: 90px;
padding: 0;
}
.navbar-fixed-top img {
max-height:86px;
}
.push-down{margin-top:3rem;}
}@media only screen and (max-width: 1200px) {
html {
background-position: 0 80px;
}
.xs-height{float:inherit;display:block;}
.team-block {
width: 47.5%;
/* height: 25rem;*/
}
#main-nav a{padding: 1rem;}
#admin-nav a{padding: 1rem;}
.navbar{min-height: 40px;}
.header-block #controls{display: none;}
.navbar.navbar-fixed-top .navbar-header a img{max-height:74px;}
/**dashboard*/
/** tabs */
/* div.match-wrap > div > img {width:44px;height:44px;}*/
/** CONTROLS **/
.team-controls{
position:absolute;
bottom:0;
left:0;
font-size:2rem;
background: rgba(0, 0, 0, 0.5);
width:100%;
padding:.5rem;
color:red;
}
.team-controls > div{ margin:0;padding:0;background:none;border:none;min-height: 0; }
.team-controls > div > div {margin:0;padding:0;}
.team-controls ul{float:right;width:100%;margin:0;}
.team-controls ul > li {width:25%;text-align:center;display:inline-block;}
.team-controls ul > li > a {padding:.5rem .75rem;font-size:3rem; display:inline-block;}
.team-block .team-controls ul > li > a:focus {color: #7f7f7f}
.team-controls ul.navbar-nav > li:hover {background-color:#4ca8de; border-radius:2px;}
.team-controls ul.navbar-nav > li > a:hover {color:#cfe4f1}
.team-controls ul li span{font-size:2rem;position:relative;top:-1rem;padding:0 .5rem; }
.team-controls ul li:not(.show-text) span{display:none;}
.team-controls ul li.show-text span{top:-.25rem;}
.team-controls ul li i {position:relative;}
/** quick stats **/
.team-block .quick-stats{
font-size:90%;
position:absolute;
width:100%;
background-color:#333333;
color:#999999;
bottom:0;
left:0;
opacity:0;
}
.team-block .quick-stats:after{
width: 0;
height: 0;
content: " ";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position:absolute;
bottom:-9;
left:35%;
border-top: 10px solid #333333;
}
.team-block .quick-stats{padding:0 .5rem;}
.team-block .quick-stats ul{list-style: none; margin:0;padding:1rem;}
.team-block .quick-stats ul li{display: inline; padding:1rem;}
.team-block .quick-stats ul li:first-child{display: block; padding:0 1rem;color:#4ca8de;}
div#league-nav li a{
min-width:6rem;
}
#content .col-md-4.text-center.focal-shadow.darken-bg-trans-20{
display:none;
}
}
@media only screen and (max-width: 1000px) {/**League menu*/
.league .nav.navbar-nav i{
display:none;
}
div#league-nav .league .nav.navbar-nav li, div#league-nav .league .nav.navbar-nav a{
display:inline-block;
}
div#league-nav li a{
min-width:2rem;
}
div#league-nav li a span{
font-size:90%;
}
}
@media only screen and (max-width:600px) {/**League menu*/
.league .nav.navbar-nav i{
display:inherit;
padding:0;
}
div#league-nav .league .nav.navbar-nav li, div#league-nav .league .nav.navbar-nav a{
display:inline-block;
}
div#league-nav li a{
min-width:1rem;
}
div#league-nav ul{text-align:left}
div#league-nav li a span{
display:none;
}
.team-block{width:100%;}
#league-list .details.collapse ul li{
display:block;width:100%;
}
#league-list .pluckometer:before{
text-align:left;
}
#front #panel-1 h1{font-size:200%;}
#front #panel-1 img{max-width:60%;float:left;}
}
@media only screen and (max-width: 40em) {
html{
/** @TODO -- for jersey background: #000000 url('/Contemporary/images/trianglebg.png') 0 0 repeat;*/
background-color: #000000;
background-image: url('/Contemporary/images/bgaction.jpg');
background-position: 0 93px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
body {background-color: transparent}
.f-topbar-fixed{padding-top:0!important;}
.fixed .top-bar h1{
font-size:100%;
}
#content {
margin-top: 45px;
padding: 0;
}
.push-down{margin-top:1rem;}
#admin-nav{
float:right;
}
.team-block{width:100%;}
.team-controls i{font-size:65%;}
#join-a-league{margin-top:3rem;}
#join-a-league .col-md-3{display:none;}
.navbar.navbar-fixed-top .navbar-header a img{max-height:43px;}
#content .row .schedule ul {margin:0;}
#content .row .schedule ul > li:last-child{padding:0;}
#content #off-limits h2 {font-size:2.5rem;}
#content #off-limits h3 {font-size:1.75rem;}
#off-limits > div {padding:1rem }
#view-picks #sports-games div.info.pos-home:after, #view-picks #sports-games div.info.pos-away:before{ height: 23%; top:42%;}
#view-picks #sports-games div.info .game-time, .game-start {font-size:80%;}
h2[data-sport-id] ~ div ~ div > div.focal-shadow{ padding:.5rem!important;}
h2[data-sport-id] ~ div ~ div #sports-games .active{margin:0 0 7.25rem 0!important; max-width:100%!important;}
}
#favorites-football {height: 33px;}
#favorites-football option {height:31px;}
#favorites-football, #favorites-football option {background-color:#ffffff;padding:6px 6px 6px 38px;border-bottom: 1px solid #DADADA}
.select-1-football, #favorites-football option[value="1"] {background: url("/Sports/NFL/images/spriteicon.png") left 0 no-repeat;}
.select-2-football, #favorites-football option[value="2"] {background: url("/Sports/NFL/images/spriteicon.png") left -30px no-repeat;}
.select-3-football, #favorites-football option[value="3"] {background: url("/Sports/NFL/images/spriteicon.png") left -60px no-repeat;}
.select-4-football, #favorites-football option[value="4"] {background: url("/Sports/NFL/images/spriteicon.png") left -90px no-repeat;}
.select-5-football, #favorites-football option[value="5"] {background: url("/Sports/NFL/images/spriteicon.png") left -120px no-repeat;}
.select-6-football, #favorites-football option[value="6"] {background: url("/Sports/NFL/images/spriteicon.png") left -150px no-repeat;}
.select-7-football, #favorites-football option[value="7"] {background: url("/Sports/NFL/images/spriteicon.png") left -180px no-repeat;}
.select-8-football, #favorites-football option[value="8"] {background: url("/Sports/NFL/images/spriteicon.png") left -210px no-repeat;}
.select-9-football, #favorites-football option[value="9"] {background: url("/Sports/NFL/images/spriteicon.png") left -240px no-repeat;}
.select-10-football, #favorites-football option[value="10"] {background: url("/Sports/NFL/images/spriteicon.png") left -270px no-repeat;}
.select-11-football, #favorites-football option[value="11"] {background: url("/Sports/NFL/images/spriteicon.png") left -300px no-repeat;}
.select-12-football, #favorites-football option[value="12"] {background: url("/Sports/NFL/images/spriteicon.png") left -330px no-repeat;}
.select-13-football, #favorites-football option[value="13"] {background: url("/Sports/NFL/images/spriteicon.png") left -360px no-repeat;}
.select-14-football, #favorites-football option[value="14"] {background: url("/Sports/NFL/images/spriteicon.png") left -390px no-repeat;}
.select-15-football, #favorites-football option[value="15"] {background: url("/Sports/NFL/images/spriteicon.png") left -420px no-repeat;}
.select-16-football, #favorites-football option[value="16"] {background: url("/Sports/NFL/images/spriteicon.png") left -450px no-repeat;}
.select-17-football, #favorites-football option[value="17"] {background: url("/Sports/NFL/images/spriteicon.png") left -480px no-repeat;}
.select-18-football, #favorites-football option[value="18"] {background: url("/Sports/NFL/images/spriteicon.png") left -510px no-repeat;}
.select-19-football, #favorites-football option[value="19"] {background: url("/Sports/NFL/images/spriteicon.png") left -540px no-repeat;}
.select-20-football, #favorites-football option[value="20"] {background: url("/Sports/NFL/images/spriteicon.png") left -570px no-repeat;}
.select-21-football, #favorites-football option[value="21"] {background: url("/Sports/NFL/images/spriteicon.png") left -600px no-repeat;}
.select-22-football, #favorites-football option[value="22"] {background: url("/Sports/NFL/images/spriteicon.png") left -630px no-repeat;}
.select-23-football, #favorites-football option[value="23"] {background: url("/Sports/NFL/images/spriteicon.png") left -660px no-repeat;}
.select-24-football, #favorites-football option[value="24"] {background: url("/Sports/NFL/images/spriteicon.png") left -690px no-repeat;}
.select-25-football, #favorites-football option[value="25"] {background: url("/Sports/NFL/images/spriteicon.png") left -720px no-repeat;}
.select-26-football, #favorites-football option[value="26"] {background: url("/Sports/NFL/images/spriteicon.png") left -750px no-repeat;}
.select-27-football, #favorites-football option[value="27"] {background: url("/Sports/NFL/images/spriteicon.png") left -780px no-repeat;}
.select-28-football, #favorites-football option[value="28"] {background: url("/Sports/NFL/images/spriteicon.png") left -810px no-repeat;}
.select-29-football, #favorites-football option[value="29"] {background: url("/Sports/NFL/images/spriteicon.png") left -840px no-repeat;}
.select-30-football, #favorites-football option[value="30"] {background: url("/Sports/NFL/images/spriteicon.png") left -870px no-repeat;}
.select-31-football, #favorites-football option[value="31"] {background: url("/Sports/NFL/images/spriteicon.png") left -900px no-repeat;}
.select-32-football, #favorites-football option[value="32"] {background: url("/Sports/NFL/images/spriteicon.png") left -930px no-repeat;}
#favorites-basketball {height: 33px;}
#favorites-basketball option {height:31px;}
#favorites-basketball, #favorites-basketball option {background-color:#ffffff;padding:6px 6px 6px 38px;border-bottom: 1px solid #DADADA}
.select-63-basketball, #favorites-basketball option[value="63"] {background: url("/Sports/NBA/images/spriteicon.png") left 0 no-repeat;}
.select-64-basketball, #favorites-basketball option[value="64"] {background: url("/Sports/NBA/images/spriteicon.png") left -30px no-repeat;}
.select-65-basketball, #favorites-basketball option[value="65"] {background: url("/Sports/NBA/images/spriteicon.png") left -60px no-repeat;}
.select-66-basketball, #favorites-basketball option[value="66"] {background: url("/Sports/NBA/images/spriteicon.png") left -90px no-repeat;}
.select-67-basketball, #favorites-basketball option[value="67"] {background: url("/Sports/NBA/images/spriteicon.png") left -120px no-repeat;}
.select-68-basketball, #favorites-basketball option[value="68"] {background: url("/Sports/NBA/images/spriteicon.png") left -150px no-repeat;}
.select-69-basketball, #favorites-basketball option[value="69"] {background: url("/Sports/NBA/images/spriteicon.png") left -180px no-repeat;}
.select-70-basketball, #favorites-basketball option[value="70"] {background: url("/Sports/NBA/images/spriteicon.png") left -210px no-repeat;}
.select-71-basketball, #favorites-basketball option[value="71"] {background: url("/Sports/NBA/images/spriteicon.png") left -240px no-repeat;}
.select-72-basketball, #favorites-basketball option[value="72"] {background: url("/Sports/NBA/images/spriteicon.png") left -270px no-repeat;}
.select-73-basketball, #favorites-basketball option[value="73"] {background: url("/Sports/NBA/images/spriteicon.png") left -300px no-repeat;}
.select-74-basketball, #favorites-basketball option[value="74"] {background: url("/Sports/NBA/images/spriteicon.png") left -330px no-repeat;}
.select-75-basketball, #favorites-basketball option[value="75"] {background: url("/Sports/NBA/images/spriteicon.png") left -360px no-repeat;}
.select-76-basketball, #favorites-basketball option[value="76"] {background: url("/Sports/NBA/images/spriteicon.png") left -390px no-repeat;}
.select-77-basketball, #favorites-basketball option[value="77"] {background: url("/Sports/NBA/images/spriteicon.png") left -420px no-repeat;}
.select-78-basketball, #favorites-basketball option[value="78"] {background: url("/Sports/NBA/images/spriteicon.png") left -450px no-repeat;}
.select-79-basketball, #favorites-basketball option[value="79"] {background: url("/Sports/NBA/images/spriteicon.png") left -480px no-repeat;}
.select-80-basketball, #favorites-basketball option[value="80"] {background: url("/Sports/NBA/images/spriteicon.png") left -510px no-repeat;}
.select-81-basketball, #favorites-basketball option[value="81"] {background: url("/Sports/NBA/images/spriteicon.png") left -540px no-repeat;}
.select-82-basketball, #favorites-basketball option[value="82"] {background: url("/Sports/NBA/images/spriteicon.png") left -570px no-repeat;}
.select-83-basketball, #favorites-basketball option[value="83"] {background: url("/Sports/NBA/images/spriteicon.png") left -600px no-repeat;}
.select-84-basketball, #favorites-basketball option[value="84"] {background: url("/Sports/NBA/images/spriteicon.png") left -630px no-repeat;}
.select-85-basketball, #favorites-basketball option[value="85"] {background: url("/Sports/NBA/images/spriteicon.png") left -660px no-repeat;}
.select-86-basketball, #favorites-basketball option[value="86"] {background: url("/Sports/NBA/images/spriteicon.png") left -690px no-repeat;}
.select-87-basketball, #favorites-basketball option[value="87"] {background: url("/Sports/NBA/images/spriteicon.png") left -720px no-repeat;}
.select-88-basketball, #favorites-basketball option[value="88"] {background: url("/Sports/NBA/images/spriteicon.png") left -750px no-repeat;}
.select-89-basketball, #favorites-basketball option[value="89"] {background: url("/Sports/NBA/images/spriteicon.png") left -780px no-repeat;}
.select-90-basketball, #favorites-basketball option[value="90"] {background: url("/Sports/NBA/images/spriteicon.png") left -810px no-repeat;}
.select-91-basketball, #favorites-basketball option[value="91"] {background: url("/Sports/NBA/images/spriteicon.png") left -840px no-repeat;}
.select-92-basketball, #favorites-basketball option[value="92"] {background: url("/Sports/NBA/images/spriteicon.png") left -870px no-repeat;}
/*.select-93-basketball, #favorites-basketball option[value="93"] {background: url("/Sports/NBA/images/spriteicon.png") left -900px no-repeat;}*/
/*.select-94-basketball, #favorites-basketball option[value="94"] {background: url("/Sports/NBA/images/spriteicon.png") left -930px no-repeat;}*/
#favorites-baseball {height: 33px;}
#favorites-baseball option {height:31px;}
#favorites-baseball, #favorites-baseball option {background-color:#ffffff;padding:6px 6px 6px 38px;border-bottom: 1px solid #DADADA}
.select-93-baseball, #favorites-baseball option[value="93"] {background: url("/Sports/MLB/images/spriteicon.png") left 0 no-repeat;}
.select-94-baseball, #favorites-baseball option[value="94"] {background: url("/Sports/MLB/images/spriteicon.png") left -30px no-repeat;}
.select-95-baseball, #favorites-baseball option[value="95"] {background: url("/Sports/MLB/images/spriteicon.png") left -60px no-repeat;}
.select-96-baseball, #favorites-baseball option[value="96"] {background: url("/Sports/MLB/images/spriteicon.png") left -90px no-repeat;}
.select-97-baseball, #favorites-baseball option[value="97"] {background: url("/Sports/MLB/images/spriteicon.png") left -120px no-repeat;}
.select-98-baseball, #favorites-baseball option[value="98"] {background: url("/Sports/MLB/images/spriteicon.png") left -150px no-repeat;}
.select-99-baseball, #favorites-baseball option[value="99"] {background: url("/Sports/MLB/images/spriteicon.png") left -180px no-repeat;}
.select-100-baseball, #favorites-baseball option[value="100"] {background: url("/Sports/MLB/images/spriteicon.png") left -210px no-repeat;}
.select-101-baseball, #favorites-baseball option[value="101"] {background: url("/Sports/MLB/images/spriteicon.png") left -240px no-repeat;}
.select-102-baseball, #favorites-baseball option[value="102"] {background: url("/Sports/MLB/images/spriteicon.png") left -270px no-repeat;}
.select-103-baseball, #favorites-baseball option[value="103"] {background: url("/Sports/MLB/images/spriteicon.png") left -300px no-repeat;}
.select-104-baseball, #favorites-baseball option[value="104"] {background: url("/Sports/MLB/images/spriteicon.png") left -330px no-repeat;}
.select-105-baseball, #favorites-baseball option[value="105"] {background: url("/Sports/MLB/images/spriteicon.png") left -360px no-repeat;}
.select-106-baseball, #favorites-baseball option[value="106"] {background: url("/Sports/MLB/images/spriteicon.png") left -390px no-repeat;}
.select-107-baseball, #favorites-baseball option[value="107"] {background: url("/Sports/MLB/images/spriteicon.png") left -420px no-repeat;}
.select-108-baseball, #favorites-baseball option[value="108"] {background: url("/Sports/MLB/images/spriteicon.png") left -450px no-repeat;}
.select-109-baseball, #favorites-baseball option[value="109"] {background: url("/Sports/MLB/images/spriteicon.png") left -480px no-repeat;}
.select-110-baseball, #favorites-baseball option[value="110"] {background: url("/Sports/MLB/images/spriteicon.png") left -510px no-repeat;}
.select-111-baseball, #favorites-baseball option[value="111"] {background: url("/Sports/MLB/images/spriteicon.png") left -540px no-repeat;}
.select-112-baseball, #favorites-baseball option[value="112"] {background: url("/Sports/MLB/images/spriteicon.png") left -570px no-repeat;}
.select-113-baseball, #favorites-baseball option[value="113"] {background: url("/Sports/MLB/images/spriteicon.png") left -600px no-repeat;}
.select-114-baseball, #favorites-baseball option[value="114"] {background: url("/Sports/MLB/images/spriteicon.png") left -630px no-repeat;}
.select-115-baseball, #favorites-baseball option[value="115"] {background: url("/Sports/MLB/images/spriteicon.png") left -660px no-repeat;}
.select-116-baseball, #favorites-baseball option[value="116"] {background: url("/Sports/MLB/images/spriteicon.png") left -690px no-repeat;}
.select-117-baseball, #favorites-baseball option[value="117"] {background: url("/Sports/MLB/images/spriteicon.png") left -720px no-repeat;}
.select-118-baseball, #favorites-baseball option[value="118"] {background: url("/Sports/MLB/images/spriteicon.png") left -750px no-repeat;}
.select-119-baseball, #favorites-baseball option[value="119"] {background: url("/Sports/MLB/images/spriteicon.png") left -780px no-repeat;}
.select-120-baseball, #favorites-baseball option[value="120"] {background: url("/Sports/MLB/images/spriteicon.png") left -810px no-repeat;}
.select-121-baseball, #favorites-baseball option[value="121"] {background: url("/Sports/MLB/images/spriteicon.png") left -840px no-repeat;}
.select-122-baseball, #favorites-baseball option[value="122"] {background: url("/Sports/MLB/images/spriteicon.png") left -870px no-repeat;}
/*.select-123-baseball, #favorites-baseball option[value="123"] {background: url("/Sports/MLB/images/spriteicon.png") left -900px no-repeat;}*/
/*.select-124-baseball, #favorites-baseball option[value="124"] {background: url("/Sports/MLB/images/spriteicon.png") left -930px no-repeat;}*/
#favorites-hockey {height: 33px;}
#favorites-hockey option {height:31px;}
#favorites-hockey, #favorites-hockey option {background-color:#ffffff;padding:6px 6px 6px 38px;border-bottom: 1px solid #DADADA}
.select-33-hockey, #favorites-hockey option[value="33"] {background: url("/Sports/NHL/images/spriteicon.png") left 0 no-repeat;}
.select-34-hockey, #favorites-hockey option[value="34"] {background: url("/Sports/NHL/images/spriteicon.png") left -30px no-repeat;}
.select-35-hockey, #favorites-hockey option[value="35"] {background: url("/Sports/NHL/images/spriteicon.png") left -60px no-repeat;}
.select-36-hockey, #favorites-hockey option[value="36"] {background: url("/Sports/NHL/images/spriteicon.png") left -90px no-repeat;}
.select-37-hockey, #favorites-hockey option[value="37"] {background: url("/Sports/NHL/images/spriteicon.png") left -120px no-repeat;}
.select-38-hockey, #favorites-hockey option[value="38"] {background: url("/Sports/NHL/images/spriteicon.png") left -150px no-repeat;}
.select-39-hockey, #favorites-hockey option[value="39"] {background: url("/Sports/NHL/images/spriteicon.png") left -180px no-repeat;}
.select-40-hockey, #favorites-hockey option[value="40"] {background: url("/Sports/NHL/images/spriteicon.png") left -210px no-repeat;}
.select-41-hockey, #favorites-hockey option[value="41"] {background: url("/Sports/NHL/images/spriteicon.png") left -240px no-repeat;}
.select-42-hockey, #favorites-hockey option[value="42"] {background: url("/Sports/NHL/images/spriteicon.png") left -270px no-repeat;}
.select-43-hockey, #favorites-hockey option[value="43"] {background: url("/Sports/NHL/images/spriteicon.png") left -300px no-repeat;}
.select-44-hockey, #favorites-hockey option[value="44"] {background: url("/Sports/NHL/images/spriteicon.png") left -330px no-repeat;}
.select-45-hockey, #favorites-hockey option[value="45"] {background: url("/Sports/NHL/images/spriteicon.png") left -360px no-repeat;}
.select-46-hockey, #favorites-hockey option[value="46"] {background: url("/Sports/NHL/images/spriteicon.png") left -390px no-repeat;}
.select-47-hockey, #favorites-hockey option[value="47"] {background: url("/Sports/NHL/images/spriteicon.png") left -420px no-repeat;}
.select-48-hockey, #favorites-hockey option[value="48"] {background: url("/Sports/NHL/images/spriteicon.png") left -450px no-repeat;}
.select-49-hockey, #favorites-hockey option[value="49"] {background: url("/Sports/NHL/images/spriteicon.png") left -480px no-repeat;}
.select-50-hockey, #favorites-hockey option[value="50"] {background: url("/Sports/NHL/images/spriteicon.png") left -510px no-repeat;}
.select-51-hockey, #favorites-hockey option[value="51"] {background: url("/Sports/NHL/images/spriteicon.png") left -540px no-repeat;}
.select-52-hockey, #favorites-hockey option[value="52"] {background: url("/Sports/NHL/images/spriteicon.png") left -570px no-repeat;}
.select-53-hockey, #favorites-hockey option[value="53"] {background: url("/Sports/NHL/images/spriteicon.png") left -600px no-repeat;}
.select-54-hockey, #favorites-hockey option[value="54"] {background: url("/Sports/NHL/images/spriteicon.png") left -630px no-repeat;}
.select-55-hockey, #favorites-hockey option[value="55"] {background: url("/Sports/NHL/images/spriteicon.png") left -660px no-repeat;}
.select-56-hockey, #favorites-hockey option[value="56"] {background: url("/Sports/NHL/images/spriteicon.png") left -690px no-repeat;}
.select-57-hockey, #favorites-hockey option[value="57"] {background: url("/Sports/NHL/images/spriteicon.png") left -720px no-repeat;}
.select-58-hockey, #favorites-hockey option[value="58"] {background: url("/Sports/NHL/images/spriteicon.png") left -750px no-repeat;}
.select-59-hockey, #favorites-hockey option[value="59"] {background: url("/Sports/NHL/images/spriteicon.png") left -780px no-repeat;}
.select-60-hockey, #favorites-hockey option[value="60"] {background: url("/Sports/NHL/images/spriteicon.png") left -810px no-repeat;}
.select-61-hockey, #favorites-hockey option[value="61"] {background: url("/Sports/NHL/images/spriteicon.png") left -840px no-repeat;}
.select-62-hockey, #favorites-hockey option[value="62"] {background: url("/Sports/NHL/images/spriteicon.png") left -870px no-repeat;}
/*.select-63-hockey, #favorites-hockey option[value="63"] {background: url("/Sports/NHL/images/spriteicon.png") left -900px no-repeat;}*/
/*.select-64-hockey, #favorites-hockey option[value="64"] {background: url("/Sports/NHL/images/spriteicon.png") left -930px no-repeat;}*/
#settings-timezone {height: 33px;}
#settings-timezone option {height:31px;}
#settings-timezone, #settings-timezone option {background-color:#ffffff;padding:6px 6px 6px 38px;border-bottom: 1px solid #DADADA}
.select-New_York-timezone, #settings-timezone option[value="New_York"] {background: url("/Contemporary/images/timezonesprite.png") 4px 0 no-repeat;}
.select-Chicago-timezone, #settings-timezone option[value="Chicago"] {background: url("/Contemporary/images/timezonesprite.png") 4px -30px no-repeat;}
.select-Denver-timezone, #settings-timezone option[value="Denver"] {background: url("/Contemporary/images/timezonesprite.png") 4px -60px no-repeat;}
.select-Los_Angeles-timezone, #settings-timezone option[value="Los_Angeles"] {background: url("/Contemporary/images/timezonesprite.png") 4px -90px no-repeat;}
#settings-visibility, #ua-settings-vipVisibility, #settings-pick-reminders, #settings-weekly-summaries {height: 33px;}
#settings-visibility option, #ua-settings-vipVisibility option, #settings-pick-reminders option, #settings-weekly-summaries option {height:31px;}
#settings-visibility, #settings-visibility option,
#ua-settings-vipVisibility, #ua-settings-vipVisibility option,
#settings-pick-reminders, #settings-pick-reminders option,
#settings-weekly-summaries, #settings-weekly-summaries option
{background-color:#ffffff;padding:6px 6px 6px 38px;border-bottom: 1px solid #DADADA}
.select-1-visibility, #settings-visibility option[value="1"], #ua-settings-vipVisibility option[value="1"]{background: url("/Contemporary/images/visibilitysprite.png") 4px 0 no-repeat;}
.select-0-visibility, #settings-visibility option[value="0"], #ua-settings-vipVisibility option[value="0"] {background: url("/Contemporary/images/visibilitysprite.png") 4px -30px no-repeat;}
.select-1-pick-reminders, #settings-pick-reminders option[value="1"] {background: url("/Contemporary/images/remindersprite.png") 4px 0 no-repeat;}
.select-0-pick-reminders, #settings-pick-reminders option[value="0"] {background: url("/Contemporary/images/remindersprite.png") 4px -30px no-repeat;}
.select-1-weekly-summaries, #settings-weekly-summaries option[value="1"] { background: url("/Contemporary/images/yesnosprite.png") 4px 0 no-repeat;}
.select-0-weekly-summaries, #settings-weekly-summaries option[value="0"] { background: url("/Contemporary/images/yesnosprite.png") 4px -30px no-repeat;}
#profile form div {margin-bottom:1rem;}
#profile input[type='submit'] {
float:right;
}
#profile small.error{
clear:both;
}/** generic */
input[type="checkbox"].inline-checkbox{
display:inline;
margin:.5rem .5rem 0 .5rem;
vertical-align: text-bottom;
}
.form-control-inline{
display:inline-block;
width:inherit;
}
form small{
font-style: italic;
}
#content small.error {margin-left:0;}
form input[type='submit'], form a.btn, .faux-submit{box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.25); border-radius: .18rem;cursor:pointer;}
form input[type='submit']:hover, form a.btn:hover, .faux-submit:hover{box-shadow: 0 0 1px rgba(51, 51, 51, 0.25);}
form input[type='submit']:active, form a.btn:active, .faux-submit:active{box-shadow: 0 -1px 1px rgba(51, 51, 51, 0.25);}
form label, form small{text-shadow:0 1px 0 rgba(255, 255, 255, 0.35);}
form .error.formError{margin-top:.5rem;}
form .btn-right{text-align:right;}
form .btn-inline, .btn-inline{display:inline-block;}
form .btn-full{width:100%;}
/****************************************
*********** specific forms *************
****************************************/
/** SIGN UP **/
form #signup-email {display:block;width:50%;}
form #signup-send {display:block;width:50%;margin-top:1rem;}
/** TEAM CREATE/EDIT **/
form[name='team'], form[name='team'] div{padding:1rem;}
form[name='team'], form[name='team'] > div{padding:0;}
form[name='team'] #select-logo img{transition:width .5s, height .5s, margin-left .5s, margin-top .5s;}
form[name='team'] #select-logo label > img{width:32px;height:32px;}
form[name='team'] #select-logo label {width: 58px; height:46px;}
form[name='team'] #select-logo label:first-child{margin-left:-1px;}
form[name='team'] #select-logo label:hover > img{
width:128px;
height:128px;
position:absolute;
margin-left:-6rem;
margin-top:-6rem;
padding: 1rem;
border: 1rem solid rgba(51, 51, 51, 0.85);
background-color: lightgrey;
background-image:
linear-gradient(45deg, #eaeaea 25%, transparent 25%),
linear-gradient(-45deg, #eaeaea 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #eaeaea 75%),
linear-gradient(-45deg, transparent 75%, #eaeaea 75%);
background-size: 10px 10px;
background-position:0 0, 50px 0, 50px -50px, 0px 50px;
}
form[name='team'] > div:nth-child(3){ background:rgba(51, 51, 51, 0.55);}
form[name='team'] div:nth-child(4){ display:block; background:rgba(51, 51, 51, 0.55);}
form[name='team'] #select-logo label:hover > input[checked='checked'] + img {
background:#5cb85c;
border: 1rem solid rgba(51, 51, 51, 0.25);
}
form[name='team'] input[name='select-logo'] {display: none;}
form[name='upload'] div{margin: 0;padding:0;}
form[name='ua-settings'] {padding:0 1rem;}
#profile form[name='ua-settings'] div:not(.btn-right) {display:inline-block;}
#profile form[name='ua-settings'] > div {margin-bottom:0}
#uaset, #uaset h2 {font-size:90%;}
#uaset h2 {padding-bottom:0;margin-bottom:1rem;font-size:120%;font-weight:bold;}
#profile form[name='ua-settings'] input[type='submit'] {margin-bottom:1rem;float:none;}
form[name='ua-settings'] input:not([type='submit']),form[name='ua-settings'] select {display:inline-block;width:5rem;margin:0 1rem;}
form[name='ua-settings'] select{width:10rem;}
#profile{padding:1rem;}
/** LEAVE LEAGUE */
form[name='leave-league'] small{display:block;}
form[name='leave-league'] input[type='submit'] {margin-right:1rem;}
/** PASSWORD RESET **/
form[name='password-reset'] > div > div:nth-child(3) {text-align: right;}
form[name='password-reset'] #password-reset-submit-new-pw {margin: 2rem 0 ; min-width:25%; display:inline-block;}
/** CREATE MESSAGE */
form[name='message'] {padding-bottom:1rem;}
form[name='message'] .league-group span:not(.select-all-label){
margin:0 .25rem .25rem 0;
min-width:20.5rem;
display:inline-block;
text-align: left;
}
form[name='message'] input[type='checkbox']{
display:inline-block;
margin-right:.25rem;
}
form[name='message'] .league-group>label{cursor: pointer;}
form[name='message'] .league-group>label:not(.close):before{
content: '\25ba' ;
font-size:75%;
position:relative;
top:-2px;
margin-right:2px;
color:#df2028;
}
form[name='message'] .league-group>label:not(.open):before{
content: '\25bc' ;
}
form[name='message'] .league-group div{
margin:0 3rem;
}
form[name='message'] .select-all-label{
cursor: pointer;
font-size:90%;
}
form[name='message'] .league-group .btn{
border:none;
border-radius:1px;height:3.5rem;
}
form[name='message'] .league-group .btn-info{
box-shadow: inset 0px 1px 2px #4d4d4d;
line-height:2.4rem;
padding-top:.55rem;
color: #cfe4f1;
}
form[name='message'] .league-group .btn-info img {height:20px;margin-top:2px;margin-bottom:2px;}
form[name='message'] .league-group .btn-default{
box-shadow: inset -1px -1px 1px #4d4d4d;
}
form[name='message'] .league-group input[type='checkbox'] {
display:none;
}
form[name='message'] .select-all-label{
padding:.1rem .35rem;
margin-left:1rem;
border-radius:3px;
font-size:80%;
background-color:#fefefe;
color:#3d3d3d;
border:1px solid #3d3d3d;
}
form[name='message'] .select-all-label:hover{
background-color:#4d4d4d;
color:#fefefe;
border:1px solid #fefefe;
}
form[name='message'] .league-group > div {
background-color: rgba(53, 53, 53, 0.5);
padding:1.5rem 1rem 1rem 1.7rem;
border-radius:.18rem;
}
form[name='message'] .message-type{margin:1rem 0;}
form[name='message'] .message-type > label {padding-right:1rem;}
form[name='message'] .message-type select {margin-left:1rem;}
form[name='message'] img{ height:24px; width:auto;margin-right:.5rem;}
form[name='message'] input[type='submit'] {margin-top:2rem;}
form[name='message'] textarea{
margin-bottom:1.5rem;
}
form[name='message'] input:not(.datepicker) {
margin-left:1rem;
}
form[name='message'] #message-start{
margin-left:1rem;
}
form[name='message'] input.datepicker{
background-color: #FFFFFF;
background-image: none;
border: 1px solid #CCCCCC;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
form[name='message'] div.input-group {
margin-bottom:4rem;
}
form[name='message'] .message-type .bootstrap-select.btn-group:not(.input-group-btn),
form[name='message'] .message-type .bootstrap-select.btn-group[class*="span"]{
margin-bottom:0;
}
form[name='message'] .message-type i{
color: #df2028;
}
form[name='message'] .message-type small {
display:block;
}
form[name='message'] .input-daterange small{
position:absolute;
top:100%;
left:0;
}
form[name='message'].error .bootstrap-select .btn {
border:none;
}
#join-a-league h3 small{display:block;padding:.5rem 0};
form[name='join-league'] > div {text-align:right;}
form[name='join-league'] label{font-size:85%;}
form[name='join-league'] .input-group{display:inline-block;}
form[name='join-league'] .input-group span{font-size:88%;padding: 4px 24px 4px 10px; position:relative;display:inline-block;text-align:left;top:1px;}
form[name='join-league'] input[type='password']{top:.22rem;position:relative;font-size:85%;width:25rem;padding-left:1rem;padding-bottom:.25rem;}
form[name='join-league'] input[type='submit']{display:inline-block;margin:2rem 2rem 2rem 1rem;}
form[name='join-league'] small.error {margin-left:1.5rem;padding-right:.5rem;}
form[name='join-league'].error .input-group {top:1.5rem;}
#join-danger.alert.alert-ppRed{margin:1rem;}
/** LEAGUE SETTINGS */
#league-settings-page{background:rgba(255,255,255,.75);padding:2rem;margin-top:1rem;}
form[name='league-settings'] div:nth-of-type(1),
form[name='league-settings'] div:nth-of-type(2),
form[name='league-settings'] div:nth-of-type(3)
{margin-bottom:1rem;background-color:#dadada; padding:1rem;}
form[name='league-settings'] div:nth-of-type(1) div,
form[name='league-settings'] div:nth-of-type(2) div,
form[name='league-settings'] div:nth-of-type(3) div
{margin-bottom:0;}
form[name='league-settings'] div:nth-of-type(1) small,
form[name='league-settings'] div:nth-of-type(2) small,
form[name='league-settings'] div:nth-of-type(3) small
{display:block;}
form[name='league-settings'] div:not(:last-child) div {margin-left:2rem;}
form[name='league-settings'] label[for*='league-settings-size-slider'],
form[name='league-settings'] label[for*='league-settings-tpm-slider'],
form[name='league-settings'] label[for*='league-settings-mpwpt-slider']
{display:block}
form[name='league-settings'] #size-slider,
form[name='league-settings'] #tpm-slider,
form[name='league-settings'] #mpwpt-slider
{width:50%;display:inline-block;padding-top:.25rem}
form[name='league-settings'] #size-value,
form[name='league-settings'] #tpm-value,
form[name='league-settings'] #mpwpt-value
{background:none;border:none;margin:0 0 0 1.5rem;padding:0;position:relative;top:-.15rem;}
form[name='league-settings'] #pass-phrase-placeholder{float:left;max-width:70%;}
form[name='league-settings'] #pass-phrase-group{top:0}
form[name='league-settings'] .input-group span{font-size:88%;padding: 4px 24px 4px 10px; position:relative;display:inline-block;text-align:left;top:1px;}
form[name='league-settings'] .input-group{display:inline-block;}
form[name='league-settings'] .input-group span{font-size:88%;padding: 4px 24px 4px 10px; position:relative;display:inline-block;text-align:left;top:1px;}
form[name='league-settings'] .switch-light {width:25rem; margin: 1rem 0;}
form[name='league-settings'] .switch-light > span{top:4px;}
form[name='league-settings'] .switch-light.well {
box-shadow: inset 0 0 2px #333333;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
form[name='league-settings'] .switch-light.well a{box-shadow:inset 0 0 2px #FFFFFF; margin:.15rem;height:90%;width:49%;}
form[name='league-settings'] .switch-light input{display:none;}
form[name='league-settings'] input[name='size'] {width:6rem; margin:2rem 1rem 1rem 1rem;}
form[name='league-settings'] input[name='size'] + small.error{margin: -1rem 0 0; width: 20.7rem;}
form[name='league-settings'] input[name='size'] +small.error + small{display: block; margin-bottom: 2rem;}
form[name='league-settings'] input[name='passphrase']{top:.22rem;position:relative;font-size:85%;width:30rem;padding-left:1rem;padding-bottom:.25rem;}
form[name='league-settings'] input[name='passphrase'] + span + small.error{display:block;margin-left: 0;
padding-left: 1.5rem; top: 0; width: 40.45rem;}
form[name='league-settings'] #pass-phrase-group > small:last-child{display:block;}
form[name='league-settings'] #passwordToggle{padding:0 1rem .35rem 1rem;font-size:80%;border-top-left-radius: 0;border-bottom-left-radius: 0; min-width:7rem;left:-1px;}
form[name='league-settings'] #passwordToggle span {padding:0 0 0 .5rem;}
form[name='league-settings'] input[type='submit']{float:right;display:inline-block;margin:2rem 2rem 2rem 1rem;}
form[name='league-settings'] small.error {margin-left:1.5rem;padding-right:.5rem;}
form[name='league-settings'] #league-settings-csrfToken + small.error{clear:both;margin:8rem 0 1rem 0;position:relative;display:block;}
form[name='league-settings'].error .input-group {top:1.5rem;}
/** MAKE PICKS **/
#picks-wrap{text-align: center;}
#picks{display:inline-block;text-align: left}
#picks form{position:relative;}
#picks form > ul {padding:0;}
#picks ul li {list-style: none; position:relative}
#picks ul li > p {background-color: #4ca8de;color:#FFFFFF;padding:1rem;margin:3rem 0 0 0;font-weight:bold;}
#picks > form:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > p:nth-child(1){margin-top:1rem;}
#picks ul li ul:not(:nth-of-type(1)):before {
content: '';
display:block;
width: 100%;
border-top:1px solid rgba(88, 163, 207, 0.55);
}
#picks ul li ul {display:block;margin:0;padding:0}
#picks ul li li {display:inline-block;width:20rem;margin:.5rem .95rem;}
.pick-wrap {
max-width: 20rem;
height: 6rem;
margin: .5rem;
margin-bottom: 0;
background-color: #666666;
position: relative;
border-radius: 2px;
}
.pick-label:before {
height:100%;
content:'';
display:inline-block;
vertical-align: middle;
}
.pick-wrap img {
height:auto;
max-height:5rem;
width:auto;
max-width:5rem;
vertical-align: middle;
display:inline-block;
}
.pick-wrap p:not(:nth-child(1)) {
font-weight: normal;
font-variant: small-caps;
cursor: default;
height: 100%;
background: #4c4c4c;
display: inline;
float: left;
width: 33.33%;
margin-bottom:0;
font-size:80%;
line-height: 1.5rem;
padding-top:.25rem;
box-shadow: 0 5px 4px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.4);
z-index:50;
position:relative
}
.pick-wrap p i {color:#5cb85c;text-shadow: none;font-size:120%;margin-top:.5rem; cursor:pointer;}
.pick-wrap p i:hover {color:#4d934d;}
#picks .pick-label{cursor:pointer;vertical-align: middle;display: table-cell;height:100%;position:relative;line-height: 0;}
#picks .error:before{
border-bottom: 6px solid #9b1c21;
border-left: 5px solid transparent;
bottom: -2.8rem;
content: "";
left: -3px;
position: relative;
top: -2.6rem;
}
#picks .error:after {
border-bottom: 5px solid #9b1c21;
border-right: 5px solid transparent;
bottom: -2.8rem;
content: "";
right: -63px;
position: relative;
top: -2.5rem;
}
#picks .error {
display: block;
clear: both;
font-weight: normal;
width: 100%;
left: 0;
z-index: 50;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.5);
}
.pluckometer-marker {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
left: -5px;
position: absolute;
}
.tidbit {
text-align: left!important;
font-size: 1.25rem!important;
padding: .5rem!important;
}
/** switch override */
#picks .switch-toggle.switch-3 label, #picks .switch-toggle.switch-3 a{width:33.133%; top:1px; height:97%;}
#picks .tooltip{white-space: nowrap;}
#picks .game-info {
clear: both;
font-size: 75%;
font-weight: normal;
text-shadow: none;
background-color: #4c4c4c;
text-align: left;
padding: .5rem;
position: absolute;
margin-left:.5rem;
margin-right:.5rem;
width:95%;
color:#ffffff;
top:99%;
opacity:0;
display:none;
z-index:51;
box-shadow: 0 5px 4px rgba(0,0,0,.6);
}
#picks .error + .game-info{top:72%;}
#picks .game-info dl{margin:0 0 0rem 0;}
#picks .game-info dt{padding-top:1rem;padding-bottom:.5rem;}
#picks .game-info dt i{padding:0 1rem;}
#picks .game-info dd{padding-bottom:1rem;padding-top:.5rem;text-align:center;font-weight:bold;}
#picks .game-info dd:nth-of-type(1){margin-bottom:.5rem;}
#picks .game-info dd ul{text-align:center;}
#picks .game-info dd ul li{display: inline-block; width:33%; margin:0; padding:0}
#picks .game-info dd ul li:nth-child(4){display:inline-block}
#picks .btn-right{margin:3rem 0; border-top: 1px solid rgba(0,0,0,.4); width:100%; padding:3rem;}
#picks .final-game ~ small.error, #picks .active-game ~ small.error{background-color:#3d3d3d;}
#picks .final-game ~ small.error:after, #picks .active-game ~ small.error:after {border-bottom: 5px solid #2d2d2d;left:78px;}
#picks .final-game ~ small.error:before, #picks .active-game ~ small.error:before {border-bottom: 6px solid #2d2d2d;}
#picks .final-game label, #picks .active-game label{cursor: default;}
#disabler {background: rgba(88, 163, 207, 0.9); width:60%;height:30%; margin: 20% auto;text-align:center;border-radius:3px;}
#disabler p {font-size:200%;font-weight:bold;color:#fafafa;padding-top:12%}
/** Contact Form */
form[name='contactUs'] label {margin-top:2rem;}
form[name='contactUs'] #contactUs-body{height:15rem; min-width:100%; max-width:100%;}
form[name='contactUs'] div.btn-right{margin-top:1.5rem;}
#card{
background: url('/Contemporary/images/card_bg.jpg') repeat;
padding:1rem;
border:rgba(61,61,61,.25) solid 2px;
margin:0 20%;
}
.container #card{
margin:0;
padding:2rem;
}
#card-content-wrap {
opacity:.80;
padding:1rem;
border:rgba(61,61,61,.25) solid 2px;
color:#0d0d0d;
font-size: 90%;
background-color:rgba(0,0,0,.25);
position:relative;
}
#decoration,#decoration:after,#decoration:before{
border-top: 3rem solid rgba(163, 40, 45, 0.85);
border-top-left-radius: 15rem;
position:absolute;
width:90%;
height:10rem;
z-index:-90;
}
#decoration:before{
content: " ";
width:100%;
border-top-left-radius: 6rem;
border-top: 3rem solid rgba(255,255,255,.85);
}
#decoration:after{
content: " ";
width:100%;
border-top-left-radius: 7rem;
border-top: 2rem solid rgba(43, 110, 150, 0.75);
}
#card-title{
padding:.5rem 1rem 1rem 2rem;
z-index:100;
color: rgba(255,255,255,1);
}
#card-stats:before{
content:' ';
width:98.5%;
border-top-left-radius:2rem;
border-top: 1.75rem solid #2d2d2d;
position:absolute;
height:1rem;
z-index:-90;
top:8rem;
}
#card-stats{z-index:100;}
#card-title h3{
display:inline-block;
padding-left:2.25rem;
transform: scale(1, 1.5);
position:relative;
font-size:3rem;
top:-.95rem;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
#card-title img{height:8rem; width:auto;position:relative; top:-.5rem;}
#card-no {
float:right;
color:rgba(255,255,255,.55);
line-height:2rem;
padding: .5rem 0;
font-weight:bold;
border:1rem solid #2d2d2d;
background:#2d2d2d;
border-radius:100%;
}
#card table{
margin-bottom:2rem;
position:relative;
top:0;
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
#card th{
vertical-align: bottom;
padding: 4px;
}
/*#card th:first-child{*/
/* border-top-left-radius: .5rem;*/
/*}*/
#card td, #card th{border:none;}
#standings #card-stats table tbody td{
padding-left:4px;
}
#card td + td, #card th +th { border-left:rgba(255,255,255,.25) 1px solid;}
#card .table-striped > tbody > tr:nth-child(2n+1) > td,#card .table-striped > tbody > tr:nth-child(2n+1) > th {
background-color: rgba(255,255,255,.25);
}
#card .summary{border-top:rgba(31,31,31,.35) double 5px;font-weight: bold;}
.table-col-tiny{width:1rem;}
.table-col-small{width:3rem;}
.table-col-medium{width:8rem;}
#card-footer {
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
color:rgba(255,255,255,.55);
text-align:right;
padding-top:1rem;
text-shadow: -1px -1px 0px rgba(0,0,0,.25);
position:relative;
z-index:100;
overflow:hidden;
padding-right:5rem;
box-sizing: border-box;
font-size:70%;
}
#card-footer a{
margin-right:1rem;
}
#card-footer img{
height:4rem;
width:auto;
padding-bottom:1rem;
}
#card-footer p{
transform: scale(1, 1.33);
display:inline-block;
opacity:.9;
letter-spacing: .2ex;
padding-bottom:2rem;
}
#footer-decoration{
width:101.5%;
border-bottom-right-radius:15rem;
border-bottom: 5rem solid rgba(31,31,31,.75);
position:absolute;
height:10rem;
z-index:-90;
top:-5rem;
}
#view-picks #scores > p {margin-bottom:3rem;}
#view-picks ul#sports-games { text-align: center !important; margin: 0 0 !important; }
#sports-games li { width: 38rem; max-width: 94%; padding: 0; margin: 1rem 1rem 7.25rem 1rem; height: 9rem; background-color: #dadada;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
border: 2px solid #777777; }
#sports-games li:not(.active) { transform: scale(.85); transition: all .35s cubic-bezier(0.600, -0.280, 0.735, 0.045); }
#sports-games li.pregame, #sports-games li.final { margin-bottom: 3.5rem; background-color: #777777; }
#sports-games li.final {background-color: #333333;}
#view-picks #sports-games li.final img.dark-grayscale.sports-logo{padding: 10%;}
#sports-games li.active { margin-bottom: 9.25rem; }
#sports-games.nfl li.active { border-bottom: none; }
#sports-games li > div { display: inline-block; width: 33%; height: 100%; position: relative; text-align: center; float: left; }
#sports-games li > div.pick-stats { position:absolute; left:0; width:100%; height:3rem;padding:.5rem .25rem; top:-3.1rem;background-color:#454545;color:white;}
#sports-games li > div.pick-stats div:not(.tooltip-inner) { width:33%;}
#sports-games li > div.pick-stats small { width:34%; display:inline-block; vertical-align: top;}
#sports-games li > div.pick-stats small.not-shown { width:100%; display:inline-block; vertical-align: top;}
#sports-games li > div.leader { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
border: 1px solid #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.45) inset; }
/** sports teams */
#sports-games li > div.away.possession:after { border-bottom: 1.5rem solid transparent; border-right: 1.5rem solid #333333;
border-top: 1.5rem solid transparent; content: ""; right: 0; position: absolute; top: calc(50% - 1.25rem); z-index: 50;
}
#sports-games li > div.home.possession:before { border-bottom: 1.5rem solid transparent; border-left: 1.5rem solid #333333;
border-top: 1.5rem solid transparent; content: ""; left: 0; position: absolute; top: calc(50% - 1.25rem);
}
#view-picks #sports-games li img.sports-logo { display: inline-block; max-width: 100%; %; max-height: 100%; height: 100%; width: auto;
vertical-align: middle; padding: 2px; }
/** picks */
#view-picks #sports-games li div.picks { min-height: 3rem; width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 .35rem; }
#view-picks #sports-games li div.picks img { width: auto; vertical-align: unset; border-radius: 50%; padding: .15rem; margin: 0 .1rem;
background-color: rgba(255, 255, 255, .8); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5), 0 2px 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(0, 0, 0, 0.5), 2px 1px 0 rgba(0, 0, 0, 0.5);
height: 2.65rem; transition: height .35s ease, width .35s ease; }
#view-picks #sports-games li div.picks img:hover { height: 3.65rem; }
/** info box */
#view-picks #sports-games div.info { background-color: #333333; display: inline-block; width: 34%; height: 100%; position: inherit;
clear: none; box-shadow: 0 .5rem .4rem rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.4); color: white;
transition: background .5s ease; border: 1rem solid #333333; transition: color 1s ease;}
#view-picks #sports-games li:not(.active) div.info { background-color: #454545; border-color: #454545; }
#view-picks #sports-games div.info.pos-home:after {
content: '';
position: absolute;
width: 4.2rem;
height: 29%;
left: 9.5rem;
top: 40%;
background-image: url('/Sports/NFL/images/svg/icon-football.svg');
background-repeat: no-repeat;
z-index: 100;
}
#view-picks #sports-games div.info.pos-away:before {
content: '';
position: absolute;
width: 4.2rem;
height: 29%;
left: -1.7rem;
top: 40%;
background-image: url('/Sports/NFL/images/svg/icon-football.svg');
background-repeat: no-repeat;
z-index: 100;
}
.scoreboard-highlight {
color:yellow;
}
#view-picks #sports-games div.info.new { background-color: #4ca8de; }
#view-picks #sports-games div.info span:before { display: none; }
#view-picks #sports-games div.info span { height: auto; }
#view-picks #sports-games div.info .game-time { display: inline-block; width: 100%; }
#view-picks #sports-games div.info .extra { display: inline-block; width: 100%; }
#view-picks #sports-games .red-zone {
background: #666666 repeating-linear-gradient(
45deg,
rgba(255,255,255, .25),
rgba(255,255,255, .25) 10px,
transparent 10px,
transparent 20px
); }
#view-picks #sports-games .last-play { position: absolute; width: 90%; background: #454545; font-size: 75%; color: #ffffff;
z-index: 100; line-height: 110%; padding: .5rem; bottom: 228%; border-radius: .5rem; margin: 0 5%;
box-shadow: 0 .5rem .4rem rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.4); }
#view-picks #sports-games .last-play.close{ bottom: 0% }
#view-picks #sports-games .last-play:after {
border-left: 1.5rem solid transparent; border-top: 1.5rem solid #454545;
border-right: 1.5rem solid transparent; content: ""; top: 100%; position: absolute; left: calc(50% - 1.5rem); }
#view-picks #sports-games .play-status { width: 102%; background-color: #333333; height: 2rem; color: #ffffff; overflow: hidden;
box-shadow: 0 .05rem .4rem rgba(0, 0, 0, 0.4), 0 -2px 4px rgba(0, 0, 0, 0.4); font-size: 80%; font-family: Arial, Helvetica, sans-serif;
margin: 0 -1%; }
#view-picks #sports-games .play-status span { height: 2rem; width: 100% }
#sports-games .final .play-status, #sports-games .final .field-wrap { display: none; }
#sports-games .pregame .play-status, #sports-games .pregame .field-wrap { display: none; }
#sports-games:not(.nfl) .field-wrap { display: none; }
#sports-games:not(.nfl) li.active{margin-bottom:6.25rem;}
#sports-games:not(.nfl) li { margin-bottom: 3.25rem; }
/** game-time and scores */
#sports-games .game-start { width: 100%; }
/** field */
#view-picks #sports-games .field-wrap { width: 100%; background-color: forestgreen; height: 3rem;
box-shadow: 0 .5rem .4rem rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.4); }
#view-picks #sports-games .field { position: relative; text-align: left; color: #ffffff;
border-top: 1px solid darkgreen; border-bottom: 1px solid darkgreen; }
#view-picks #sports-games .field span { position: absolute; top: 0; width: auto; height: auto; line-height: 100%; font-size: 90%;
font-family: "Courier New", Courier, monospace; }
#view-picks #sports-games .field .marker-20 { left: calc(20% - .75rem); }
#view-picks #sports-games .field .marker-50 { left: calc(50% - .75rem); }
#view-picks #sports-games .field .marker-80 { left: calc(80% - .75rem); }
#view-picks #sports-games .field-wrap div { display: inline-block; }
#view-picks #sports-games .away-endzone { width: 6%; height: 100%; border-color: darkgreen; border-style: solid; border-width: 1px 0.25rem 2px; }
#view-picks #sports-games .home-endzone { width: 6%; height: 100%; border-color: darkgreen; border-style: solid; border-width: 1px 0.25rem 2px;}
#view-picks #sports-games .field {
background: repeating-linear-gradient(90deg,
transparent,
transparent 9.8%,
#ffffff 9.8%,
#ffffff calc(9.8% + 1px)
);
width: 88%; height: 100%;
}
#view-picks #sports-games .drive { top: inherit !important; bottom: 2px !important; height: 1rem !important; }
#view-picks #sports-games .drive.before { box-shadow: -.5rem -1px .25rem rgba(0, 0, 0, .5); transition: all 1s cubic-bezier(0.340, -0.600, 0.735, 0.045); }
#view-picks #sports-games .drive.before:before { border-top: .5rem solid transparent; border-right: .5rem solid inherit;
border-bottom: .5rem solid transparent; content: ""; top: 0; position: absolute; left: -1rem; }
#view-picks #sports-games .drive.after { box-shadow: .5rem -1px .25rem rgba(0, 0, 0, .5); transition: all 1s cubic-bezier(0.340, -0.600, 0.735, 0.045); }
#view-picks #sports-games .drive.after:after { border-top: .5rem solid transparent; border-left: .5rem solid inherit;
border-bottom: .5rem solid transparent; content: ""; top: 0; position: absolute; left: 100%; }
/** sports colors */
.ari-bg1 { background-color: #870619 !important; }
.ari-bg1.after:after { border-left: 1rem solid #870619 }
.ari-bg1.before:before { border-right: 1rem solid #870619 }
.ari-bg1.last-play:after{border-top: 1.5rem solid #870619!important;}
.atl-bg1 { background-color: #BD0D18 !important; }
.atl-bg1.after:after { border-left: 1rem solid #BD0D18 }
.atl-bg1.before:before { border-right: 1rem solid #BD0D18 }
.atl-bg1.last-play:after{border-top: 1.5rem solid #BD0D18!important;}
.bal-bg1 { background-color: #280353 !important; }
.bal-bg1.after:after { border-left: 1rem solid #280353 }
.bal-bg1.before:before { border-right: 1rem solid #280353 }
.bal-bg1.last-play:after{border-top: 1.5rem solid #280353!important;}
.buf-bg1 { background-color: #C60C30 !important; }
.buf-bg1.after:after { border-left: 1rem solid #C60C30 }
.buf-bg1.before:before { border-right: 1rem solid #C60C30 }
.buf-bg1.last-play:after{border-top: 1.5rem solid #C60C30!important;}
.car-bg1 { background-color: #0088ce !important; }
.car-bg1.after:after { border-left: 1rem solid #0088ce }
.car-bg1.before:before { border-right: 1rem solid #0088ce }
.car-bg1.last-play:after{border-top: 1.5rem solid #0088ce!important;}
.chi-bg1 { background-color: #03202f !important; }
.chi-bg1.after:after { border-left: 1rem solid #03202f }
.chi-bg1.before:before { border-right: 1rem solid #03202f }
.chi-bg1.last-play:after{border-top: 1.5rem solid #03202f!important;}
.cin-bg1 { background-color: #000000 !important; }
.cin-bg1.after:after { border-left: 1rem solid #000000 }
.cin-bg1.before:before { border-right: 1rem solid #000000 }
.cin-bg1.last-play:after{border-top: 1.5rem solid #000000!important;}
.cle-bg1 { background-color: #e34912 !important; }
.cle-bg1.after:after { border-left: 1rem solid #e34912 }
.cle-bg1.before:before { border-right: 1rem solid #e34912 }
.cle-bg1.last-play:after{border-top: 1.5rem solid #e34912!important;}
.dal-bg1 { background-color: #8c8b8a !important; }
.dal-bg1.after:after { border-left: 1rem solid #8c8b8a }
.dal-bg1.before:before { border-right: 1rem solid #8c8b8a }
.dal-bg1.last-play:after{border-top: 1.5rem solid #8c8b8a!important;}
.den-bg1 { background-color: #fb4f14 !important; }
.den-bg1.after:after { border-left: 1rem solid #fb4f14 }
.den-bg1.before:before { border-right: 1rem solid #fb4f14 }
.den-bg1.last-play:after{border-top: 1.5rem solid #fb4f14!important;}
.det-bg1 { background-color: #006db0 !important; }
.det-bg1.after:after { border-left: 1rem solid #006db0 }
.det-bg1.before:before { border-right: 1rem solid #006db0 }
.det-bg1.last-play:after{border-top: 1.5rem solid #006db0!important;}
.gb-bg1 { background-color: #213d30 !important; }
.gb-bg1.after:after { border-left: 1rem solid #213d30 }
.gb-bg1.before:before { border-right: 1rem solid #213d30 }
.gb-bg1.last-play:after{border-top: 1.5rem solid #213d30!important;}
.hou-bg1 { background-color: #02253a !important; }
.hou-bg1.after:after { border-left: 1rem solid #02253a }
.hou-bg1.before:before { border-right: 1rem solid #02253a }
.hou-bg1.last-play:after{border-top: 1.5rem solid #02253a!important;}
.ind-bg1 { background-color: #ffffff !important; color:#003b7b!important;}
.ind-bg1.after:after { border-left: 1rem solid #ffffff }
.ind-bg1.before:before { border-right: 1rem solid #ffffff }
.ind-bg1.last-play:after{border-top: 1.5rem solid #ffffff!important;}
.jax-bg1 { background-color: #007198 !important; }
.jax-bg1.after:after { border-left: 1rem solid #007198 }
.jax-bg1.before:before { border-right: 1rem solid #007198 }
.jax-bg1.last-play:after{border-top: 1.5rem solid #007198!important;}
.kc-bg1 { background-color: #b20032 !important; }
.kc-bg1.after:after { border-left: 1rem solid #b20032 }
.kc-bg1.before:before { border-right: 1rem solid #b20032 }
.kc-bg1.last-play:after{border-top: 1.5rem solid #b20032!important;}
.mia-bg1 { background-color: #006666 !important; }
.mia-bg1.after:after { border-left: 1rem solid #006666 }
.mia-bg1.before:before { border-right: 1rem solid #006666 }
.mia-bg1.last-play:after{border-top: 1.5rem solid #006666!important;}
.min-bg1 { background-color: #3b0160 !important; }
.min-bg1.after:after { border-left: 1rem solid #3b0160 }
.min-bg1.before:before { border-right: 1rem solid #3b0160 }
.min-bg1.last-play:after{border-top: 1.5rem solid #3b0160!important;}
.ne-bg1 { background-color: #0d254c !important; }
.ne-bg1.after:after { border-left: 1rem solid #0d254c }
.ne-bg1.before:before { border-right: 1rem solid #0d254c }
.ne-bg1.last-play:after{border-top: 1.5rem solid #0d254c!important;}
.no-bg1 { background-color: #d2b887 !important; }
.no-bg1.after:after { border-left: 1rem solid #d2b887 }
.no-bg1.before:before { border-right: 1rem solid #d2b887 }
.no-bg1.last-play:after{border-top: 1.5rem solid #d2b887!important;}
.nyg-bg1 { background-color: #192f6b !important; }
.nyg-bg1.after:after { border-left: 1rem solid #192f6b }
.nyg-bg1.before:before { border-right: 1rem solid #192f6b }
.nyg-bg1.last-play:after{border-top: 1.5rem solid #192f6b!important;}
.nyj-bg1 { background-color: #0c371d !important; }
.nyj-bg1.after:after { border-left: 1rem solid #0c371d }
.nyj-bg1.before:before { border-right: 1rem solid #0c371d }
.nyj-bg1.last-play:after{border-top: 1.5rem solid #0c371d!important;}
.oak-bg1 { background-color: #c4c8cb !important; color#000000!important;}
.oak-bg1.after:after { border-left: 1rem solid #c4c8cb }
.oak-bg1.before:before { border-right: 1rem solid #c4c8cb }
.oak-bg1.last-play:after{border-top: 1.5rem solid #c4c8cb!important;}
.phi-bg1 { background-color: #003b48 !important;}
.phi-bg1.after:after { border-left: 1rem solid #003b48 }
.phi-bg1.before:before { border-right: 1rem solid #003b48 }
.phi-bg1.last-play:after{border-top: 1.5rem solid #003b48!important;}
.pit-bg1 { background-color: #000000 !important; }
.pit-bg1.after:after { border-left: 1rem solid #000000 }
.pit-bg1.before:before { border-right: 1rem solid #000000 }
.pit-bg1.last-play:after{border-top: 1.5rem solid #000000!important;}
.lac-bg1 { background-color: #08214a !important; }
.lac-bg1.after:after { border-left: 1rem solid #08214a }
.lac-bg1.before:before { border-right: 1rem solid #08214a }
.lac-bg1.last-play:after{border-top: 1.5rem solid #08214a!important;}
.sf-bg1 { background-color: #af1e2c !important; }
.sf-bg1.after:after { border-left: 1rem solid #af1e2c }
.sf-bg1.before:before { border-right: 1rem solid #af1e2c }
.sf-bg1.last-play:after{border-top: 1.5rem solid #af1e2c!important;}
.sea-bg1 { background-color: #4eae47 !important; }
.sea-bg1.after:after { border-left: 1rem solid #4eae47 }
.sea-bg1.before:before { border-right: 1rem solid #4eae47 }
.sea-bg1.last-play:after{border-top: 1.5rem solid #4eae47!important;}
.lar-bg1 { background-color: #13264b !important; }
.lar-bg1.after:after { border-left: 1rem solid #13264b }
.lar-bg1.before:before { border-right: 1rem solid #13264b }
.lar-bg1.last-play:after{border-top: 1.5rem solid #13264b!important;}
.tb-bg1 { background-color: #b20032 !important; }
.tb-bg1.after:after { border-left: 1rem solid #b20032 }
.tb-bg1.before:before { border-right: 1rem solid #b20032 }
.tb-bg1.last-play:after{border-top: 1.5rem solid #b20032!important;}
.ten-bg1 { background-color: #648fcc !important; }
.ten-bg1.after:after { border-left: 1rem solid #648fcc }
.ten-bg1.before:before { border-right: 1rem solid #648fcc }
.ten-bg1.last-play:after{border-top: 1.5rem solid #648fcc!important;}
.wsh-bg1 { background-color: #773141 !important; }
.wsh-bg1.after:after { border-left: 1rem solid #773141 }
.wsh-bg1.before:before { border-right: 1rem solid #773141 }
.wsh-bg1.last-play:after{border-top: 1.5rem solid #773141!important;}
.was-bg1 { background-color: #773141 !important; }
.was-bg1.after:after { border-left: 1rem solid #773141 }
.was-bg1.before:before { border-right: 1rem solid #773141 }
.was-bg1.last-play:after{border-top: 1.5rem solid #773141!important;}
.ari-stripe-bg1 { background: #870619 repeating-linear-gradient(
25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.atl-stripe-bg1 { background: #BD0D18 repeating-linear-gradient(
25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.bal-stripe-bg1 { background: #280353 repeating-linear-gradient(
25deg,
#D0B240,
#D0B240 5px,
transparent 5px,
transparent 10px
); }
.buf-stripe-bg1 { background: #00338D repeating-linear-gradient(
25deg,
#C60C30,
#C60C30 5px,
transparent 5px,
transparent 10px
); }
.car-stripe-bg1 { background: #0088ce repeating-linear-gradient(
25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.chi-stripe-bg1 { background: #03202f repeating-linear-gradient(
25deg,
#dd4814,
#dd4814 5px,
transparent 5px,
transparent 10px
); }
.cin-stripe-bg1 { background: #000000 repeating-linear-gradient(
25deg,
#fb4f14,
#fb4f14 5px,
transparent 5px,
transparent 10px
); }
.cle-stripe-bg1 { background: #26201e repeating-linear-gradient(
25deg,
#e34912,
#e34912 5px,
transparent 5px,
transparent 10px
); }
.dal-stripe-bg1 { background: #002244 repeating-linear-gradient(
25deg,
#8c8b8a,
#8c8b8a 5px,
transparent 5px,
transparent 10px
); }
.den-stripe-bg1 { background: #fb4f14 repeating-linear-gradient(
25deg,
#002244,
#002244 5px,
transparent 5px,
transparent 10px
); }
.det-stripe-bg1 { background: #006db0 repeating-linear-gradient(
25deg,
#c5c7cf,
#c5c7cf 5px,
transparent 5px,
transparent 10px
); }
.gb-stripe-bg1 { background: #213d30 repeating-linear-gradient(
25deg,
#ffcc00,
#ffcc00 5px,
transparent 5px,
transparent 10px
); }
.hou-stripe-bg1 { background: #02253a repeating-linear-gradient(
25deg,
#b31b34,
#b31b34 5px,
transparent 5px,
transparent 10px
); }
.ind-stripe-bg1 { background: #003b7b repeating-linear-gradient(
25deg,
#ffffff,
#ffffff 5px,
transparent 5px,
transparent 10px
); }
.jax-stripe-bg1 { background: #d0b239 repeating-linear-gradient(
25deg,
#007198,
#007198 5px,
transparent 5px,
transparent 10px
); }
.kc-stripe-bg1 { background: #b20032 repeating-linear-gradient(
25deg,
#f2c800,
#f2c800 5px,
transparent 5px,
transparent 10px
); }
.mia-stripe-bg1 { background: #006666 repeating-linear-gradient(
25deg,
#df6108,
#df6108 5px,
transparent 5px,
transparent 10px
); }
.min-stripe-bg1 { background: #3b0160 repeating-linear-gradient(
25deg,
#f0bf00,
#f0bf00 5px,
transparent 5px,
transparent 10px
); }
.ne-stripe-bg1 { background: #0d254c repeating-linear-gradient(
25deg,
#d6d6d6,
#d6d6d6 5px,
transparent 5px,
transparent 10px
); }
.no-stripe-bg1 { background: #d2b887 repeating-linear-gradient(
25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.nyg-stripe-bg1 { background: #192f6b repeating-linear-gradient(
25deg,
#ca001a,
#ca001a 5px,
transparent 5px,
transparent 10px
); }
.nyj-stripe-bg1 { background: #0c371d repeating-linear-gradient(
25deg,
#ffffff,
#ffffff 5px,
transparent 5px,
transparent 10px
); }
.oak-stripe-bg1 { background: #c4c8cb repeating-linear-gradient(
25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.phi-stripe-bg1 { background: #003b48 repeating-linear-gradient(
25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.pit-stripe-bg1 { background: #000000 repeating-linear-gradient(
25deg,
#f2c800,
#f2c800 5px,
transparent 5px,
transparent 10px
); }
.lac-stripe-bg1 { background: #5b92e5 repeating-linear-gradient(
25deg,
#eec607,
#eec607 5px,
transparent 5px,
transparent 10px
); }
.sf-stripe-bg1 { background: #af1e2c repeating-linear-gradient(
25deg,
#e6be8a,
#e6be8a 5px,
transparent 5px,
transparent 10px
); }
.sea-stripe-bg1 { background: #06192e repeating-linear-gradient(
25deg,
#4eae47,
#4eae47 5px,
transparent 5px,
transparent 10px
); }
.lar-stripe-bg1 { background: #13264b repeating-linear-gradient(
25deg,
#c9af74,
#c9af74 5px,
transparent 5px,
transparent 10px
); }
.tb-stripe-bg1 { background: #b20032 repeating-linear-gradient(
25deg,
#89765f,
#89765f 5px,
transparent 5px,
transparent 10px
); }
.ten-stripe-bg1 { background: #648fcc repeating-linear-gradient(
25deg,
#000080,
#000080 5px,
transparent 5px,
transparent 10px
); }
.was-stripe-bg1 { background: #773141 repeating-linear-gradient(
25deg,
#ffb612,
#ffb612 5px,
transparent 5px,
transparent 10px
); }
.wsh-stripe-bg1 { background: #773141 repeating-linear-gradient(
25deg,
#ffb612,
#ffb612 5px,
transparent 5px,
transparent 10px
); }
.ari-stripe-bg1 { background: #870619 repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.ari-stripe-rev-bg1 { background: #BD0D18 repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.atl-stripe-rev-bg1 { background: #BD0D18 repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.bal-stripe-rev-bg1 { background: #280353 repeating-linear-gradient(
-25deg,
#D0B240,
#D0B240 5px,
transparent 5px,
transparent 10px
); }
.buf-stripe-rev-bg1 { background: #00338D repeating-linear-gradient(
-25deg,
#C60C30,
#C60C30 5px,
transparent 5px,
transparent 10px
); }
.car-stripe-rev-bg1 { background: #0088ce repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.chi-stripe-rev-bg1 { background: #03202f repeating-linear-gradient(
-25deg,
#dd4814,
#dd4814 5px,
transparent 5px,
transparent 10px
); }
.cin-stripe-rev-bg1 { background: #000000 repeating-linear-gradient(
-25deg,
#fb4f14,
#fb4f14 5px,
transparent 5px,
transparent 10px
); }
.cle-stripe-rev-bg1 { background: #26201e repeating-linear-gradient(
-25deg,
#e34912,
#e34912 5px,
transparent 5px,
transparent 10px
); }
.dal-stripe-rev-bg1 { background: #002244 repeating-linear-gradient(
-25deg,
#8c8b8a,
#8c8b8a 5px,
transparent 5px,
transparent 10px
); }
.den-stripe-rev-bg1 { background: #fb4f14 repeating-linear-gradient(
-25deg,
#002244,
#002244 5px,
transparent 5px,
transparent 10px
); }
.det-stripe-rev-bg1 { background: #006db0 repeating-linear-gradient(
-25deg,
#c5c7cf,
#c5c7cf 5px,
transparent 5px,
transparent 10px
); }
.gb-stripe-rev-bg1 { background: #213d30 repeating-linear-gradient(
-25deg,
#ffcc00,
#ffcc00 5px,
transparent 5px,
transparent 10px
); }
.hou-stripe-rev-bg1 { background: #02253a repeating-linear-gradient(
-25deg,
#b31b34,
#b31b34 5px,
transparent 5px,
transparent 10px
); }
.ind-stripe-rev-bg1 { background: #003b7b repeating-linear-gradient(
-25deg,
#ffffff,
#ffffff 5px,
transparent 5px,
transparent 10px
); }
.jax-stripe-rev-bg1 { background: #d0b239 repeating-linear-gradient(
-25deg,
#007198,
#007198 5px,
transparent 5px,
transparent 10px
); }
.kc-stripe-rev-bg1 { background: #b20032 repeating-linear-gradient(
-25deg,
#f2c800,
#f2c800 5px,
transparent 5px,
transparent 10px
); }
.mia-stripe-rev-bg1 { background: #006666 repeating-linear-gradient(
-25deg,
#df6108,
#df6108 5px,
transparent 5px,
transparent 10px
); }
.min-stripe-rev-bg1 { background: #3b0160 repeating-linear-gradient(
-25deg,
#f0bf00,
#f0bf00 5px,
transparent 5px,
transparent 10px
); }
.ne-stripe-rev-bg1 { background: #0d254c repeating-linear-gradient(
-25deg,
#d6d6d6,
#d6d6d6 5px,
transparent 5px,
transparent 10px
); }
.no-stripe-rev-bg1 { background: #d2b887 repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.nyg-stripe-rev-bg1 { background: #192f6b repeating-linear-gradient(
-25deg,
#ca001a,
#ca001a 5px,
transparent 5px,
transparent 10px
); }
.nyj-stripe-rev-bg1 { background: #0c371d repeating-linear-gradient(
-25deg,
#ffffff,
#ffffff 5px,
transparent 5px,
transparent 10px
); }
.oak-stripe-rev-bg1 { background: #c4c8cb repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.phi-stripe-rev-bg1 { background: #003b48 repeating-linear-gradient(
-25deg,
#000000,
#000000 5px,
transparent 5px,
transparent 10px
); }
.pit-stripe-rev-bg1 { background: #000000 repeating-linear-gradient(
-25deg,
#f2c800,
#f2c800 5px,
transparent 5px,
transparent 10px
); }
.lac-stripe-rev-bg1 { background: #5b92e5 repeating-linear-gradient(
-25deg,
#eec607,
#eec607 5px,
transparent 5px,
transparent 10px
); }
.sf-stripe-rev-bg1 { background: #af1e2c repeating-linear-gradient(
-25deg,
#e6be8a,
#e6be8a 5px,
transparent 5px,
transparent 10px
); }
.sea-stripe-rev-bg1 { background: #06192e repeating-linear-gradient(
-25deg,
#4eae47,
#4eae47 5px,
transparent 5px,
transparent 10px
); }
.lar-stripe-rev-bg1 { background: #13264b repeating-linear-gradient(
-25deg,
#c9af74,
#c9af74 5px,
transparent 5px,
transparent 10px
); }
.tb-stripe-rev-bg1 { background: #b20032 repeating-linear-gradient(
-25deg,
#89765f,
#89765f 5px,
transparent 5px,
transparent 10px
); }
.ten-stripe-rev-bg1 { background: #648fcc repeating-linear-gradient(
-25deg,
#000080,
#000080 5px,
transparent 5px,
transparent 10px
); }
.was-stripe-rev-bg1 { background: #773141 repeating-linear-gradient(
-25deg,
#ffb612,
#ffb612 5px,
transparent 5px,
transparent 10px
); }
.wsh-stripe-rev-bg1 { background: #773141 repeating-linear-gradient(
-25deg,
#ffb612,
#ffb612 5px,
transparent 5px,
transparent 10px
); }
.ana-bg4 { background-color: #000000 !important; }
.bos-bg4 { background-color: #000000 !important; }
.buf-bg4 { background-color: #002E62 !important; }
.cgy-bg4 { background-color: #E03A3E !important; }
.car-bg4 { background-color: #E03A3E !important; }
.chi-bg4 { background-color: #E3263A !important; }
.col-bg4 { background-color: #8B2942 !important; }
.cbj-bg4 { background-color: #00285C !important; }
.dal-bg4 { background-color: #006A4E !important; }
.det-bg4 { background-color: #EC1F26 !important; }
.edm-bg4 { background-color: #003777 !important; }
.fla-bg4 { background-color: #C8213F !important; }
.la-bg4 { background-color: #000000 !important; }
.min-bg4 { background-color: #025736 !important; }
.mon-bg4 { background-color: #BF2F38 !important; }
.nas-bg4 { background-color: #FDBB2F !important; }
.nj-bg4 { background-color: #E03A3E !important; }
.nyi-bg4 { background-color: #00529B !important; }
.nyr-bg4 { background-color: #0161AB !important; }
.ott-bg4 { background-color: #E4173E !important; }
.phi-bg4 { background-color: #F47940 !important; }
.ari-bg4 { background-color: #8E0028 !important; }
.pit-bg4 { background-color: #000000 !important; }
.sj-bg4 { background-color: #05535D !important; }
.lar-bg4 { background-color: #0546A0 !important; }
.tb-bg4 { background-color: #013E7D !important; }
.tor-bg4 { background-color: #003777 !important; }
.van-bg4 { background-color: #07346F !important; }
.was-bg4 { background-color: #CF132B !important; }
.win-bg4 { background-color: #002E62 !important; }
.atl-bg2 { background-color: #000080 !important; }
.bos-bg2 { background-color: #009E60 !important; }
.bkn-bg2 { background-color: #000000 !important; }
.cha-bg2 { background-color: #002B5C !important; }
.chi-bg2 { background-color: #D4001F !important; }
.cle-bg2 { background-color: #b3121d !important; }
.dal-bg2 { background-color: #0b60ad !important; }
.den-bg2 { background-color: #4b90cd !important; }
.det-bg2 { background-color: #00519a !important; }
.gsw-bg2 { background-color: #04529c !important; }
.hou-bg2 { background-color: #CE1138 !important; }
.ind-bg2 { background-color: #092c57 !important; }
.lac-bg2 { background-color: #EE2944 !important; }
.lal-bg2 { background-color: #4A2583 !important; }
.mem-bg2 { background-color: #001F70 !important; }
.mia-bg2 { background-color: #000000 !important; }
.mil-bg2 { background-color: #003614 !important; }
.min-bg2 { background-color: #0F4D92 !important; }
.no-bg2 { background-color: #002b5c !important; }
.nyk-bg2 { background-color: #0953a0 !important; }
.okc-bg2 { background-color: #007DC3 !important; }
.orl-bg2 { background-color: #0047AB !important; }
.phi-bg2 { background-color: #0046AD !important; }
.phx-bg2 { background-color: #1c105e !important; }
.por-bg2 { background-color: #F0163A !important; }
.sac-bg2 { background-color: #753BBD !important; }
.sas-bg2 { background-color: #BEC8C9 !important; }
.tor-bg2 { background-color: #B31B1B !important; }
.uta-bg2 { background-color: #00275D !important; }
.was-bg2 { background-color: #C60C30 !important; }
.ari-bg3 { background-color: #A71930 !important; }
.atl-bg3 { background-color: #002F5F !important; }
.bal-bg3 { background-color: #FB4F14 !important; }
.bos-bg3 { background-color: #C60C30 !important; }
.chc-bg3 { background-color: #003279 !important; }
.chw-bg3 { background-color: #000000 !important; }
.cin-bg3 { background-color: #C6011F !important; }
.col-bg3 { background-color: #000000 !important; }
.cle-bg3 { background-color: #003366 !important; }
.det-bg3 { background-color: #001742 !important; }
.hou-bg3 { background-color: #072854 !important; }
.kc-bg3 { background-color: #15317E !important; }
.laa-bg3 { background-color: #B71234 !important; }
.lad-bg3 { background-color: #083C6B !important; }
.mia-bg3 { background-color: #F9423A !important; }
.mil-bg3 { background-color: #182B49 !important; }
.min-bg3 { background-color: #072754 !important; }
.nym-bg3 { background-color: #002C77 !important; }
.nyy-bg3 { background-color: #1C2841 !important; }
.oak-bg3 { background-color: #003831 !important; }
.phi-bg3 { background-color: #BA0C2F !important; }
.pit-bg3 { background-color: #000000 !important; }
.lac-bg3 { background-color: #002147 !important; }
.sf-bg3 { background-color: #000000 !important; }
.sea-bg3 { background-color: #0C2C56 !important; }
.lar-bg3 { background-color: #c41e3a !important; }
.tb-bg3 { background-color: #00285D !important; }
.tex-bg3 { background-color: #BD1021 !important; }
.tor-bg3 { background-color: #003DA5 !important; }
.was-bg3 { background-color: #BA122B !important; }
.bg-lost {background-color:#333333!important;}
.ari-alt-bg1 {
background-color: #000000 !important;
}
.atl-alt-bg1 {
background-color: #000000 !important;
}
.bal-alt-bg1 {
background-color: #000000 !important;
}
.buf-alt-bg1 {
background-color: #C60C30 !important;
}
.car-alt-bg1 {
background-color: #000000 !important;
}
.chi-alt-bg1 {
background-color: #dd4814 !important;
}
.cin-alt-bg1 {
background-color: #fb4f14 !important;
}
.cle-alt-bg1 {
background-color: #e34912 !important;
}
.dal-alt-bg1 {
background-color: #8c8b8a !important;
}
.den-alt-bg1 {
background-color: #002244 !important;
}
.det-alt-bg1 {
background-color: #c5c7cf !important;
}
.gb-alt-bg1 {
background-color: #ffcc00 !important;
}
.hou-alt-bg1 {
background-color: #b31b34 !important;
}
.ind-alt-bg1 {
background-color: #003b7b !important;
}
.jax-alt-bg1 {
background-color: #007198 !important;
}
.kc-alt-bg1 {
background-color: #f2c800 !important;
}
.mia-alt-bg1 {
background-color: #df6108 !important;
}
.min-alt-bg1 {
background-color: #f0bf00 !important;
}
.ne-alt-bg1 {
background-color: #d6d6d6 !important;
}
.no-alt-bg1 {
background-color: #000000 !important;
}
.nyg-alt-bg1 {
background-color: #ca001a !important;
}
.nyj-alt-bg1 {
background-color: #ffffff !important;
}
.oak-alt-bg1 {
background-color: #000000 !important;
}
.phi-alt-bg1 {
background-color: #000000 !important;
}
.pit-alt-bg1 {
background-color: #f2c800 !important;
}
.lac-alt-bg1 {
background-color: #eec607 !important;
}
.sf-alt-bg1 {
background-color: #e6be8a !important;
}
.sea-alt-bg1 {
background-color: #4eae47 !important;
}
.lar-alt-bg1 {
background-color: #c9af74 !important;
}
.tb-alt-bg1 {
background-color: #89765f !important;
}
.ten-alt-bg1 {
background-color: #000080 !important;
}
.was-alt-bg1 {
background-color: #ffb612 !important;
}
.ana-alt-bg4 {
background-color: #91764B !important;
}
.bos-alt-bg4 {
background-color: #FFC422 !important;
}
.buf-alt-bg4 {
background-color: #FDBB2F !important;
}
.cgy-alt-bg4 {
background-color: #FFC758 !important;
}
.car-alt-bg4 {
background-color: #000000 !important;
}
.chi-alt-bg4 {
background-color: #000000 !important;
}
.col-alt-bg4 {
background-color: #01548A !important;
}
.cbj-alt-bg4 {
background-color: #E03A3E !important;
}
.dal-alt-bg4 {
background-color: #000000 !important;
}
.det-alt-bg4 {
background-color: #FFFFFF !important;
}
.edm-alt-bg4 {
background-color: #E66A20 !important;
}
.fla-alt-bg4 {
background-color: #002E5F !important;
}
.la-alt-bg4 {
background-color: #FFFFFF !important;
}
.min-alt-bg4 {
background-color: #BF2B37 !important;
}
.mon-alt-bg4 {
background-color: #FFFFFF !important;
}
.nas-alt-bg4 {
background-color: #002E62 !important;
}
.nj-alt-bg4 {
background-color: #000000 !important;
}
.nyi-alt-bg4 {
background-color: #F57D31 !important;
}
.nyr-alt-bg4 {
background-color: #E6393F !important;
}
.ott-alt-bg4 {
background-color: #000000 !important;
}
.phi-alt-bg4 {
background-color: #000000 !important;
}
.ari-alt-bg4 {
background-color: #000000 !important;
}
.pit-alt-bg4 {
background-color: #D1BD80 !important;
}
.sj-alt-bg4 {
background-color: #F38F20 !important;
}
.lar-alt-bg4 {
background-color: #FFC325 !important;
}
.tb-alt-bg4 {
background-color: #FFFFFF !important;
}
.tor-alt-bg4 {
background-color: #FFFFFF !important;
}
.van-alt-bg4 {
background-color: #047A4A !important;
}
.was-alt-bg4 {
background-color: #00214E !important;
}
.win-alt-bg4 {
background-color: #0168AB !important;
}
.atl-alt-bg2 {
background-color: #FF0000 !important;
}
.bos-alt-bg2 {
background-color: #FFFFFF !important;
}
.bkn-alt-bg2 {
background-color: #FFFFFF !important;
}
.cha-alt-bg2 {
background-color: #5191CD !important;
}
.chi-alt-bg2 {
background-color: #000000 !important;
}
.cle-alt-bg2 {
background-color: #FFD700 !important;
}
.dal-alt-bg2 {
background-color: #072156 !important;
}
.den-alt-bg2 {
background-color: #fdb827 !important;
}
.det-alt-bg2 {
background-color: #EB003C !important;
}
.gsw-alt-bg2 {
background-color: #FFCC33 !important;
}
.hou-alt-bg2 {
background-color: #CCCCCC !important;
}
.ind-alt-bg2 {
background-color: #ffc322 !important;
}
.lac-alt-bg2 {
background-color: #146AA2 !important;
}
.lal-alt-bg2 {
background-color: #F5AF1B !important;
}
.mem-alt-bg2 {
background-color: #7399C6 !important;
}
.mia-alt-bg2 {
background-color: #B62630 !important;
}
.mil-alt-bg2 {
background-color: #E32636 !important;
}
.min-alt-bg2 {
background-color: #8c92ac !important;
}
.no-alt-bg2 {
background-color: #b4975a !important;
}
.nyk-alt-bg2 {
background-color: #FF7518 !important;
}
.okc-alt-bg2 {
background-color: #F05133 !important;
}
.orl-alt-bg2 {
background-color: #000000 !important;
}
.phi-alt-bg2 {
background-color: #D0103A !important;
}
.phx-alt-bg2 {
background-color: #e65f20 !important;
}
.por-alt-bg2 {
background-color: #B6BFBF !important;
}
.sac-alt-bg2 {
background-color: #000000 !important;
}
.sas-alt-bg2 {
background-color: #000000 !important;
}
.tor-alt-bg2 {
background-color: #000000 !important;
}
.uta-alt-bg2 {
background-color: #FF9100 !important;
}
.was-alt-bg2 {
background-color: #002244 !important;
}
.ari-alt-bg3 {
background-color: #000000 !important;
}
.atl-alt-bg3 {
background-color: #B71234 !important;
}
.bal-alt-bg3 {
background-color: #000000 !important;
}
.bos-alt-bg3 {
background-color: #002244 !important;
}
.chc-alt-bg3 {
background-color: #CC0033 !important;
}
.chw-alt-bg3 {
background-color: #C0C0C0 !important;
}
.cin-alt-bg3 {
background-color: #FFFFFF !important;
}
.col-alt-bg3 {
background-color: #333366 !important;
}
.cle-alt-bg3 {
background-color: #C80810 !important;
}
.det-alt-bg3 {
background-color: #FFFFFF !important;
}
.hou-alt-bg3 {
background-color: #FF7F00 !important;
}
.kc-alt-bg3 {
background-color: #74B4FA !important;
}
.laa-alt-bg3 {
background-color: #002244 !important;
}
.lad-alt-bg3 {
background-color: #FFFFFF !important;
}
.mia-alt-bg3 {
background-color: #8A8D8F !important;
}
.mil-alt-bg3 {
background-color: #92754C !important;
}
.min-alt-bg3 {
background-color: #C6011F !important;
}
.nym-alt-bg3 {
background-color: #FB4F14 !important;
}
.nyy-alt-bg3 {
background-color: #FFFFFF !important;
}
.oak-alt-bg3 {
background-color: #FFD800 !important;
}
.phi-alt-bg3 {
background-color: #FFFFFF !important;
}
.pit-alt-bg3 {
background-color: #FFBF00 !important;
}
.lac-alt-bg3 {
background-color: #FFFFFF !important;
}
.sf-alt-bg3 {
background-color: #F2552C !important;
}
.sea-alt-bg3 {
background-color: #005C5C !important;
}
.lar-alt-bg3 {
background-color: #0A2252 !important;
}
.tb-alt-bg3 {
background-color: #9ECEEE !important;
}
.tex-alt-bg3 {
background-color: #FFFFFF !important;
}
.tor-alt-bg3 {
background-color: #041E42 !important;
}
.was-alt-bg3 {
background-color: #11225B !important;
}.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
background-color: #4ca8de;
background-image: none;
border-radius:2px;
}
.datepicker table tr td, .datepicker table tr th {border-radius:2px;}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
background: none repeat scroll 0 0 rgba(128, 185, 218, 0.5);
border-radius: 0;
}
.datepicker .day.selected{background-color:#94c4e0};
.datepicker .day:not(.disabled){color:#4ca8de;font-weight:bold;}
.datepicker .new.day, .datepicker .old.day:not(.disabled){color:#94c4e0;}
.schedule ul{list-style: none; background:rgba(51, 51, 51, 0.5);margin:1rem 2rem ;padding:1rem;cursor:pointer;}
.setup-sports > ul > li{display:block; padding:1rem;}
.sports-controls {list-style: none;}
.setup-sports .sports-controls li{display:inline-block; margin:0 2rem;}
.setup-sports ul li div pre{margin:1rem 2rem;max-height:30rem;color:greenyellow;background:#000;font-family: monospace}
.setup-sports ul li div pre:before{content: 'Status:'; display: block; position:relative;color:#000;background-color:#FFF;padding:.5rem;margin-bottom:.5rem;}
.schedule table{background:#dadada;margin:.5rem 0 0 0;border:none;cursor:default;}
.schedule table tr:first-child{font-weight:bold;}
.schedule table tr td.date-header{font-weight:bold;background-color: #4ca8de;border: none}
.schedule ul li:not(:first-child) {padding: 0 2rem;}
.schedule img{width:auto; height:2rem; margin:0 .5rem}
.schedule .teamsCol{width:14rem;}
.schedule .varCol{width:13rem;}
.schedule .networkCol{width:10rem;}
.schedule ul.pagination li{padding:0;}
.anchor {
position: relative;
top: -150px;
visibility:hidden;
}@media only screen and (min-width: 1600px) {
#content.container {width:100%;padding:3rem;}
/** FRONT */
#front{height:100%;}
#front > div:not(:first-child):not(:last-of-type) {background-color:#f1f1f1;padding-top:4rem;}
#front h1{font-size:500%;}
#front h2{font-size:300%;padding-left:3rem;}
#front h3{font-size:225%;}
#front p {font-size: 250%;}
#front small {font-size:200%;font-style: italic;}
#front .row:not(:nth-of-type(1)):not(:nth-of-type(5)):not(:nth-of-type(6)) > div {width:80%;}
#content .row #front #panel-1 {max-height:45rem; margin-bottom:20rem;}
#front #panel-1 img{max-height:40rem;float:left;}
#content .row #front #panel-2 {max-height:45rem; margin-bottom:20rem;}
#front #panel-2 img{max-height:40rem;}
#content .row #front #panel-3 {max-height:45rem; margin-bottom:15rem;}
#front #panel-3 img{max-height:40rem;}
#content .row #front #panel-4 {max-height:45rem; margin-bottom:20rem;}
#front #panel-4 img{max-height:40rem;}
#content .row #front #panel-5 {max-height:45rem; margin-bottom:20rem;}
#content .row #front #panel-5 > div {padding: 0 10%; height:39rem;}
#content .row #front #panel-5 h2 {padding-bottom:1rem;}
#front #panel-5 img{max-height:40rem;}
#content .row #front #panel-6 {max-height:52rem;}
#content .row #front #panel-6 h2 {font-size:400%;padding-bottom:1rem;}
#content .row #front #panel-6 > div {padding: 0 5%; height:39rem;}
#front #panel-6 img{max-height:45rem;}
}@media only screen and (min-width: 1200px) and (max-width: 1599px) {
/** FRONT */
#front h1{font-size:400%;}
#front h2{font-size:300%;padding-left:3rem;}
#front h3{font-size:225%;}
#front p {font-size: 225%;}
#front small {font-size:150%;font-style: italic;}
#front .row:not(:nth-of-type(1)):not(:nth-of-type(5)):not(:nth-of-type(6)) > div {width:90%;}
#content .row #front #panel-1 {max-height:45rem; margin-bottom:20rem;}
#front #panel-1 img{max-height:30rem;float:left;}
#content .row #front #panel-2 {max-height:45rem; margin-bottom:20rem;}
#front #panel-2 img{max-height:40rem;}
#content .row #front #panel-3 {max-height:45rem; margin-bottom:15rem;}
#front #panel-3 img{max-height:40rem;}
#content .row #front #panel-4 {max-height:45rem; margin-bottom:20rem;}
#front #panel-4 img{max-height:40rem;}
#content .row #front #panel-5 {max-height:45rem; margin-bottom:20rem;}
#content .row #front #panel-5 > div {padding: 0 5%; height:39rem;}
#content .row #front #panel-5 h2 {padding-bottom:1rem;}
#front #panel-5 img{max-height:40rem;}
#content .row #front #panel-6 {max-height:48rem;}
#content .row #front #panel-6 h2 {font-size:400%;padding-bottom:1rem;}
#content .row #front #panel-6 > div {padding: 0 5%; height:39rem;}
#front #panel-6 img{max-height:45rem;}
}@media only screen and (min-width: 992px) and (max-width:1199px) {
/** FRONT */
#content .row #front .row{ margin-bottom:2rem; }
#content .row #front .row {margin-bottom:15rem!important;}
#front h1{font-size:400%;}
#front h2{font-size:300%;padding-left:3rem;}
#front h3{font-size:225%;}
#front p {font-size: 205%;}
#front small {font-size:100%;font-style: italic;}
#front .row:not(:nth-of-type(1)):not(:nth-of-type(5)):not(:nth-of-type(6)) > div {width:90%;}
#content .row #front #panel-1 {max-height:45rem; margin-bottom:20rem;}
#front #panel-1 img{max-height:30rem;float:left;}
#content .row #front #panel-2 {max-height:45rem; margin-bottom:20rem;}
#front #panel-2 img{max-height:40rem;}
#content .row #front #panel-3 {max-height:45rem; margin-bottom:15rem;}
#front #panel-3 img{max-height:40rem;}
#content .row #front #panel-4 {max-height:45rem; margin-bottom:20rem;}
#front #panel-4 img{max-height:40rem;}
#content .row #front #panel-5 {max-height:45rem; margin-bottom:20rem;font-size:85%;}
#content .row #front #panel-5 > div {padding: 4rem 3% 0 3%; height:39rem;}
#content .row #front #panel-5 h2 {padding-bottom:1rem;}
#front #panel-5 img{max-height:40rem;}
#content .row #front #panel-6 {max-height:45rem;font-size:95%;}
#content .row #front #panel-6 h2 {font-size:400%;padding-bottom:1rem;}
#content .row #front #panel-6 > div {padding: 0 2%; height:39rem;}
#front #panel-6 img{max-height:45rem;}
/**scores */
#sports-games li{max-width:46%;}
}@media only screen and (min-width: 769px) and (max-width:991px) {
/** FRONT */
#content.container {width:100%; border-radius:2px;padding:3rem;}
#content .row #front .row {margin-bottom:10rem!important;}
#front h1{font-size:300%;}
#front h2{font-size:300%;padding-left:3rem;}
#front h3{font-size:225%;}
#front p {font-size: 175%;}
#front small {font-size:100%;font-style: italic;}
#front .row:not(:nth-of-type(1)):not(:nth-of-type(5)):not(:nth-of-type(6)) > div {width:100%;}
#content .row #front #panel-1 {max-height:45rem; margin-bottom:20rem;}
#front #panel-1 img{max-height:20rem;float:left;}
#content .row #front #panel-2 {max-height:45rem; margin-bottom:20rem;}
#front #panel-2 img{max-height:40rem;}
#content .row #front #panel-3 {max-height:45rem; margin-bottom:15rem;}
#front #panel-3 img{max-height:40rem;}
#content .row #front #panel-4 {max-height:45rem; margin-bottom:20rem;}
#front #panel-4 img{max-height:40rem;}
#content .row #front #panel-5 {max-height:45rem; margin-bottom:20rem;font-size:85%;}
#content .row #front #panel-5 > div {padding: 4rem 3% 0 3%; height:39rem;}
#content .row #front #panel-5 h2 {padding-bottom:1rem;}
#front #panel-5 img{max-height:40rem;}
#content .row #front #panel-6 {max-height:45rem;font-size:95%;}
#content .row #front #panel-6 h2 {font-size:400%;padding-bottom:1rem;}
#content .row #front #panel-6 > div {padding: 0 2%; height:39rem;}
#front #panel-6 img{max-height:45rem;}
/**scores */
#sports-games li{width:100%}
}#contacted-us li {background: #f9f9f9; margin-bottom: 1rem;}
#contacted-us .controls {float:right; font-weight: normal;padding-right:1rem;}
#contacted-us dl {margin-bottom: 0;}
#contacted-us dd.dd-list-group-item{
background-color: #ffffff;
border: 1px solid #dddddd;
margin-bottom: -1px;
padding: 10px 15px;
position: relative; }
#contacted-us .date-submitted{ float:right; padding-right:1rem;}
#contactUs-body + div{
position:absolute;
top:0;
left:-99999999px;
}
/** reply */
form[name='reply'] #reply-body {min-width:100%;max-width:100%;min-height:30rem;}
form[name='reply'] .btn-right{margin-top:1rem;}