/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: #ffffff;
	font-size: 10px;
	color: #777777;/*#58595B;*/
	font-family: 'Baloo 2', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}

@font-face {
    font-family: "teamname";
    src: url(/fonts/junegull.otf) format("truetype");
}
div#logo img {
width: 250px;	
}
img.lock {
	width: 50px;
}
div.message {
	margin: 10px 0px;
}
/* stying for banners on corner of homepage divs*/
.new-in-2025, .improved-in-2025 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.new-in-2025, .improved-in-2025 {
  --f: .5em; /* control the folded part */
  
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.8;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg);
  transform-origin: 0% 100%;
  background-color: #F95503; /* the main color  */
}
.improved-in-2025 {
  background-color: mediumpurple; /* the main color  */	
}
/***** END ****/
div.upgraded {
	text-align:center;
	color: green;
	font-size: 24px;
	font-style: italic;
	margin-top: 50px;
}
img.cost-graphic {
max-width: 200px;
}
img.matchup-rating {
	width: 90%;
}
.fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px; /* Height of the fade */
  z-index:10;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); /* Adjust color */
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); /* for Safari */
  pointer-events: none; /* Let clicks pass through */
}
img.home {
	max-width: 100%;
	margin:auto;
}
div.benefits p {
	text-align:center;
}
div.benefits p.larger {
	font-size: 24px;
}
div.benefits p.headline {
	font-size: 35px;
}
div.benefits div.home-box {
	text-align:left;
}
div.pro, div.con {
	font-size: 16px;
	color: #777777;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 33px;
	max-width: 100%;
	display: list-item;
    list-style: none;
	position: relative;
	text-align: left;
}
div.pro:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0.05em; /* tweak for vertical alignment */
    width: 22px;
    height: 22px;
    background-image: url('/images/pro.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
div.con:before {
    content: "";
  	position: absolute;
    left: -25px;
    top: 0.05em; /* tweak for vertical alignment */
    width: 22px;
    height: 22px;
    background-image: url('/images/con1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
div.teamname { 
    font-family: "teamname", Arial, Verdana, Tahoma;
	font-size: 29px !important;
	padding: 15px;
	color: #0e9ae2;
	text-align:center;
}

.teamname-in-rankings {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	margin-top:5px;
}
.average-team {
	font-family: teamname;
	padding-top:5px;
}

div.home-box.team  {
	position: relative;
}

div.home-box.team video {
	display:block;	
}
div.home-box.team video.mobile  {
	display:none;
}
div.home-box.home-box-team:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to top, #ffffff, 3%, transparent);
}

.easycall img{
	width: 1000px;
}
.dropped {
	background: #c6edfd;
}
div.locked-content {
	text-align:center;
}
div.locked-content a {
	width: 120px;
	margin:auto;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #0e9ae2;
	background: #ffffff;
	color: #0e9ae2;
	font-size: 14px;text-transform: uppercase;
	 display: flex !important; /* CSS3 */
  align-items: center; /* Vertical align */
  justify-content: center; /* Horizontal align */
}
a.learn-more-button  {
	background: #ffffff;
	color: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #0e9ae2;
	border-radius: 5px;
}
div.locked-content a:hover, a.learn-more-button:hover  { 
background: #eeeeee;	
}
div#entirepage.all {
	height: 15000px !important;
}
div.fullrank i.injured {
	width: 5px;
}
div.fullrank  {
	width: 210px; 
	display: inline-block; 
	float: left;
	margin-bottom: auto;
}
div.all div.fullrank  {
	width: 250px;
}
div.fullrank div.row {
	border: 1px solid #333333;
	height: 20px; 
}

div.fullrank div.row.taller {
	height: 40px;
}
div.fullrank div.row.taller div.empty {
	height: 40px;
}
div.fullrank div.player {
	/*border: 1px solid gray; */
	height: 18px; 
	display: inline-block; 
	width: 246px;
}	

div.fullrank div.player-condensed {
	/*border: 1px solid gray; */
	height: 38px; 
	display: inline-block; 
	width: 82px;
	font-size: 10px;
	overflow: hidden;
}
div.fullrank div.empty {
	display: inline-block; 
	border: 1px solid #dddddd;
	width: 246px; 
	height: 20px;
}
div.fullrank div.empty.condensed {
	height: 40px;
}
div.value-label {
	position: absolute;
	left: -30px;
	font-size: 16px;
	padding-top: 7px;
}
div.gaps {
	border: 1px solid #ffffff;
	/*background: #749d5b;*/
	width: 250px;
}
div.nogaps {
	background: #ffffff;
}
div.trade-value-chart div.showhidegaps {
	position:relative;
	left:5px;
}
div.trade-value-chart div.leaguetype {
	position:relative;
	left:5px;
}
div.trade-value-chart div.scoretype {
	position:relative;
	left:-3px;
}
div.trade-value-chart div.fullrank div.row {
	position:relative;
	border: 1px solid #ffffff;
	height: 36px; 
}
div.trade-value-chart div.fullrank div.row.endzone {
	border: 1px solid #dddddd;
	text-align: center;
	color: #555555;
	height: 50px; 
	font-size: 24px;
    padding-top: 10px;
}
div.trade-value-chart div.fullrank div.row.endzone.qb {
	background: #f6ccce; /*pink*/
}
div.trade-value-chart div.fullrank div.row.endzone.rb {
	background: #c6edfd;
}
div.trade-value-chart div.fullrank div.row.endzone.wr {
	background: #cbfdcb;
}
div.trade-value-chart div.fullrank div.row.endzone.te {
	background: #ffe5bf;
}
div.trade-value-chart div.fullrank div.player {
	/*border: 1px solid gray; */
	height: 36px; 
	display: inline-block; 
	width: 100%;
	color: #ffffff;
	z-index: 2;
}
div.trade-value-chart div.qb-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.rb-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.wr-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.te-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.fullrank div.empty {
	display: inline-block; 
	border: 1px solid #dddddd;
	width: 100%;
	height: 36px;
}
div.trade-value-chart div.value-label {
	position: absolute;
	z-index:-1;
	left: 20%;
	top:-58px;
	font-size: 80px;
	padding-top: 7px;
	color: #aaaaaa;
	/*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
}

div.scoretype {
	width:350px;
	margin-left: auto;
	margin-right:auto;;
}

.besley {
  font-family: "Besley", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  z-index: 0;
}
div.trade-value-chart div.value-label span.yardage-arrow {
	position: relative;
	z-index:1;
	left: 75%;
	top: -50px;
	font-size: 20px;
}

div.display-to-no {
	position: absolute;
	right: 0px; 
	top: 10px;
}
div.display-to-no input {

}
div.send-to-zero {
	position: absolute;
	right: 0px;
	top: 0px;
}
div.taller div.send-to-zero {
	top: 18px;
}
div.send-to-zero input {
	width: 20px;
	padding: 0px;
}
/*this prevents horizontal scroll on mobile
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
end */

span.text1 {
	text-transform:none !important;
	color: #777777 !important;
	font-size: 14px;
}
div.ui-draggable div {
	color: #eeeeee !important;
}
td.rookie {
	text-transform: uppercase;
}
div.g-recaptcha div {
	width: 350px;
}
div.leaguetype {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

div.dual-button  {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 40px;
	border-radius: 0px;
	text-align: center;
	background: none;
	border: 1px solid #bbbbbb;
	font-size: 18px;
	font-weight: normal;
	color: #bbbbbb;
	margin-right:0px;
	line-height: 42px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	caret-color: transparent;
}
div.picks-message {
	color: #bbbbbb;
	font-size: 12px;
    font-style: italic;
	margin-bottom: 5px;
}
div.dual-button img {
	position: absolute;
	left: 12px;
	top: 8px;
	width:25px;
	vertical-align: middle;
	transform: skew(10deg); /*unskew*/

}
div.dual-button.chosen {
	background: #0e9ae2; /*#B7F7D8*/
	border: 1px solid #0e9ae2;
	color: #ffffff;/*#4D4D4D;*/
	transition: all .25s ease;
	zoom: 120%;
}
div#value-chooser  {
	width: 360px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}
div#value-chooser div.dual-button {
	width: 150px;
	font-size: 14px;
}
div.button-left {
	border-radius: 0px /*5px 0px 0px 5px*/ !important;
}
div.button-right {
	border-radius: 0px /*0px 5px 5px 0px */!important;
}
div.trade-settings-container {
	max-width: 390px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    left: 10px;
}
div.otheroptions {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}
div#scoring {
	display: inline-block;
	width: 350px;
	margin-right:0px;
	box-sizing: border-box;
	margin-left: -16px;
	margin-bottom: 2px;
}
div#superflex-on-off {
	width: 350px;
	margin-left: -13px;
	margin-bottom: 2px;
}
div#teprem-on-off {
	width: 350px;
	margin-left: -18px;
	margin-bottom: 2px;
}
div#packageadjustment-on-off {
	width: 350px;
	position: relative;
	margin-bottom: 10px;
	margin-left: -23px;
}
div#packageadjustment-on-off.choose-screen {
	height: 90px;
	width: 300px;
	/*display: inline-block;*/
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}
div.three-button-small  {
	position: relative;
	display: inline-block;
	width: 103px;
	height: 30px;
	border-radius: 0px;
	text-align: center;
	background: none;
	border: 1px solid #bbbbbb;
	font-size: 12px;
	font-weight: normal;
	color: #bbbbbb;
	margin-right:-4px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	caret-color: transparent;
}
div.three-button-small img, div.single-option img {
	position: absolute;
	left: 8px;
	top: 5px;
	width:20px;
	vertical-align: middle;
	transform: skew(10deg); /*unskew*/
}
div.three-button-small.chosen {
	background: #0e9ae2; ;
	border: 1px solid #0e9ae2; ;
	color: #ffffff;/*#4D4D4D;*/
	transition: all .25s ease;
	zoom: 120%;
}
div.dual-button-small  {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 30px;
	border-radius: 0px;
	text-align: center;
	background: none;
	border: 1px solid #bbbbbb;
	font-size: 12px;
	font-weight: normal;
	color: #bbbbbb;
	margin-right:-4px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	caret-color: transparent;
}
div.dual-button-small.choosescreen {
	width: 120px;
}
div.dual-button-small img, div.single-option img {
	position: absolute;
	left: 8px;
	top: 5px;
	width:20px;
	vertical-align: middle;
	transform: skew(10deg); /*unskew*/
}
div.dual-button-small.chosen {
	background: #0e9ae2; ;
	border: 1px solid #0e9ae2; ;
	color: #ffffff;/*#4D4D4D;*/
	transition: all .25s ease;
	zoom: 120%;
}
div.single-option-small  {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 30px;
	border-radius: 2px;
	text-align: center;
	background: #F2F2F2;
	border: 1px solid #bbbbbb;
	font-size: 12px;
	font-weight: bold;
	color: #bbbbbb;
	margin-right:1px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
}
div.single-option  {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 30px;
	border-radius: 2px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #bbbbbb;
	margin-right:1px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	text-transform: uppercase;
}
div.single-option.chosen {
	color: #0e9ae2;
}
p.intro {
	color: #777777;
}
a.ui-corner-all, div.ui-menu-item-wrapper {
	line-height: 2 !important;
	border-bottom:1px solid gray;
	font-family: arial;
}

div.ui-menu-item-wrapper:hover, div.ui-menu-item-wrapper:active, div.ui-menu-item-wrapper:focus, div.ui-menu-item-wrapper:focus-visible {
	background: #000000 !important;
	color: #ffffff;
}
.ui-menu-item-wrapper.ui-state-active {
	background: #000000 !important;
	color: #ffffff !important;
}
div#currentyearstats, div#lastyearstats {
	text-align:center;
}

div.leagueteamgif {
text-align: center;	
	margin-bottom: 10px;
}
div.ad {
	text-align:center;
}
div.leagueteam {
	height: 30px;
	width: 100%;
	border: 1px solid gray;
	font-size: 14px;
	color: #777777;
	position: relative;
	padding: 4px 0px 0px 4px;
}
/*for League edit and add buttons */
a.addteam {
	display:inline-block;
	position: absolute;
	right: 5px;
	width: 100px;
	height: 16px;
	color: #eeeeee;
	background: #02AA16;
	font-size: 12px;
	border-radius: 2px;
	text-align:center;
	padding-top: 3px;
}
a.addteam:hover {
background: #037A11;	
}
a.editteam {
	display:inline-block;
	position: absolute;
	right: 5px;
	width: 100px;
	height: 16px;
	color: #ffffff;
	background: #bbbbbb;
	font-size: 12px;
	border-radius: 2px;
	text-align:center;
	padding-top: 3px;
}
a.editteam:hover {
background: #777777;	
}
div.teamrank {
display: inline-block;
height: 50px;
font-size: 36px;
width: 40px;
float: left;
text-align: right;
margin-right: 2px;
color: #777777;
font-family: "Helvetica";
}

div.colorlines {
width: auto;
display: inline-block;
height: 35px;	
}
div.colorlines .bench {
	margin-top: 0px !important;
}
span.totalvalue {
	font-size: 16px;
	color: #777777;
	padding-left: 5px;
    position: relative;
    top: -3px;
}
.span-value {
	display: inline-block;
	height: 20px;
}
.span-value.qb {
	background: red;
}
.span-value.rb {
	background: blue;
}
.span-value.wr {
	background: green;
}
.span-value.te {
	background: #f34a0f;
}
.span-value.flex {
	background: purple;
}
.span-value.pk {
	background: #8c6239;
}
.span-value.def {
	background: #333333;
}
.span-value.bench {
	background: hotpink;
}

div.legend {
	width: 300px;
	text-align: center;
	margin:auto;
	margin-bottom: 20px;
}
div.legend span.legend {
	margin: 2px;
}
span.odds {
	color: #53d337;
	font-family: teamname;
}
div.odds {
	text-align: center;
	margin-bottom:10px;
	color: #777777;
}
/**** TOGGLE CSS ****  NOT USING CURRENTLY/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #22B573;
}

input:focus + .slider {
  box-shadow: 0 0 1px #22B573;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*** END TOGGLE CSS *****/
	
div#login, form#register, div#reset {
	width: 350px;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #cccccc;
    padding: 15px 25px 25px 25px;
	background: #f9f9f9;
	}
div#loginform {
	text-align: center;
}
form#loginform {
	margin-top: 30px;	
}
form#register {
	text-align: center;
	background: #f9f9f9;
}
img.thumbs {
	width: 80px;	
	}
/* new GIF trade analyzer styling */

div#teamselect {
	color: #0e9ae2;
}
div#teamselect input {
	background:#dddddd;
	border: 1px solid #dddddd;
	border-radius: 2px;
	padding: 4px;
}
div#teamselect input:hover {
background: #aaaaaa;	
	cursor: pointer;
}
div.posmenu {
	text-align: center;
}
div.posmenu a {
display: inline-block;
height: 26px;
border: 1px solid #bbbbbb;
border-radius: 2px;
padding: 5px;
width: 12%;
margin-right:-1px;
text-align: center;
transform: skew(-10deg);
box-sizing: border-box;
color: #bbbbbb;
font-size: 14px;
}

div.startersranking.avgteam {
	background: #dddddd;
}


div.posmenu a.full-text {
	display: inline-block;
}
div.posmenu a.short-text {
	display: none;
}

div.posmenu a:hover {
	background: #0e9ae2;
	color: white;
}
div.posmenu a.yes {
	background: #0e9ae2;
	color: white;
	zoom: 130%;
}
div.posmenu a.pk {
	margin-left: -4px;
}
div.rankingslist h1 {
	margin-bottom: 10px;
}

div {
	box-sizing: border-box;
}
div#acquiringarea {
	text-align:center;
}
/* Hamburger menu */
.header {
  background-color: #333333;
  position: fixed;
  width: 100%;
  z-index: 100000000000000;
  top:0px;
  height:50px;
  
}
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #333333;
}
.header li a {
  color: #ffffff !important;
  display: block;
  padding: 0px 5px;
  text-decoration: none;
  font-size: 20px;
	height: 30px;
}
.header li a:hover,
.header .menu-btn:hover {
  background-color: #777777;
}
.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
  width:250px;
}
/* Mobile menu */
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .5s ease-out;
}

/* menu icon */
.header .menu-icon {
  cursor: pointer;
  display: inline-block;
float:left;
  padding: 40px 20px;
  position: relative;
	top:-55px;
	left: -10px;
  user-select: none;
}
.header .menu-icon .navicon {
  background: #0e9ae2;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #0e9ae2;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
.header .menu-icon .navicon:before {
  top: 5px;
}
.header .menu-icon .navicon:after {
  top: -5px;
}
/* menu btn */
.header .menu-btn {
  display: none;
}
.header .menu-btn:checked ~ .menu {
  max-height: 700px;
padding-bottom: 40px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

ul.menu {
	max-width:100%;
	position: relative;
    top: -75px;
box-sizing: border-box;
	margin-left:1px;
	margin-right:1px;
	overflow-y: auto;
	
}
ul.menu div.col {
	display:inline-block;
	vertical-align: top;
	padding:20px 20px 0px;
}
/* end styles for mobile menu */

/******* New team analyzer CSS ***/
img.share-icon {
	display: inline-block;
	width: 100px;
}
div.direct-link-for-copying {
text-align: center;
	margin-bottom: 3px;
}
.stencil {
	font-family: 'Saira Stencil One', arial !important;
}
.container {
display: flex;
}
.container p {
margin-left: 20px;
margin-right: 15px;
}
img.team-results-gif, img.comp {
	max-height: 250px;
	margin-top:5px;
	margin-bottom: 20px;
	max-width:100%;
}
.box {
	flex: 1;
	border: 1px solid #bbbbbb;
	padding: 0 10px;
	margin: 5px;
	position: relative;
	background: #f9f9f9;
	/*box-shadow: 5px 5px 5px #eeeeee;*/
}
.box img {
	text-align: center;
}

.box img.gif, .revealed-pick-container img.gif {
	margin-bottom: 15px;
	box-shadow: rgba(14, 154, 226, 0.4) -3px 3px, rgba(14, 154, 226, 0.3) -6px 6px, rgba(14, 154, 226, 0.2) -9px 9px, rgba(14, 154, 226, 0.1) -12px 12px
}

div.savedteam.box {
	margin: 5px 2px;
}

.box .starters {
	width: 49%;
	vertical-align: top;
	margin-top: 5px;
	color: #0e9ae2;
}
.box .bench {
	width: 49%;
	vertical-align: top;
	margin-top: 5px;
	color: #0e9ae2;
}
span.pos {
	font-size: 12px;
	width: 24px;
}
.box h2 {
	/*font-family: 'Saira Stencil One', arial !important;*/
	font-family: arial;
	text-transform: uppercase;
	margin: 0 -10px 0px -10px;
	color: #333333;
	font-size: 16px;
	padding: 4px 0 4px 10px;
}
#giving-box h2, #getting-box h2 {
	padding: 4px 0 4px 10px;
}
#entirepagehomepage .box h2 {
	text-transform: uppercase;
	background: none;
	color: #0e9ae2;
	font-size: 24px;
	padding: 4px 0 4px 10px;
}
.box a.submit, .hero a.submit {
	margin-bottom: 25px;
	display: block;
    text-align: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.hero a.submit {
	margin-bottom: 0px;
}
div.home-button {
	position: relative;
	top: -50px;
}
div.login-link {
	margin-top: -20px;
}
.share {
	padding: 10px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	-webkit-appearance: none;
	border-radius: 5px;
    border: 1px solid #ccc;
	display: inherit;
	text-align: center;
}
.animation {
visibility: hidden; 
}
.animated { visibility: visible !important; 
}

.inline {
	display: inline-block;
}

div.button-container {
	text-align: center;
	clear:both;
}
div.savedteam.box h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 15px 15px;
	background:  #000000;/*#0e9ae2;*/
	margin-bottom: 0px;
}

.box p {
	font-size: 15px;
}
div.results-comment p {
	font-size: 16px;
}
div.full-roster-trade h2 {
	margin-top: 10px;
	background: none !important;
	color: #0e9ae2;
}
div.full-roster-trade  {
	background: none !important;
	width: 49% !important;
	box-sizing: border-box;
	border: none !important;
}

.roster-heading, .league-rank-title {
	display: inline-block;
    font-size: 15px;
    line-height: 15px;
    color: #0e9ae2;
    background: #dddddd;
    padding: 5px 3px 3px 3px;
    margin: 5px 0px;
    text-transform: uppercase !important;
    width: 95%;
    text-align: center;
    font-family: 'teamname';
}
.league-rank-title {
	width: 100%;
	margin-bottom: 10px;
}

div.percent {
	font-size: 80px;
	/*position: absolute;*/
	top: 80px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #777777;
}

div.ad {
	padding-top: 5px;
	padding-bottom: 5px;
}
div.ad img {
	max-width: 100%;
}
canvas#playoffs {
	width: 300px !important;
	height: 200px !important;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
span.percentsign {
	font-size: 45px;
	vertical-align: super;
}

div.record {
	font-size: 60px;
	color: #ffffff;
}
div.prediction {
	font-size: 20px;
	margin-bottom:10px;
	color: #777777;
}
div.predictions { /* for league analysis*/
	text-align: center;
}
div.league-rank {
	margin-bottom: 20px;
}
div.league-rank-container {
    width: 100%;
    margin: auto;
	margin-bottom: 30px;
}
div.league-rank-stats {
    width: 300px;
    margin: auto;
}
div.league-rank div.pos {
	display: inline-block;
	width: 40px;
	font-size: 14px;
	margin-right: 5px;
	text-align: right;
}
div.league-rank div.gray-bar {
	display: inline-block;
	width: 200px;
	background: #dddddd;
	border-radius: 5px;
	margin-right: 5px;
	border: 1px solid #aaaaaa;
}
div.league-rank span.color {
	display: inline-block;
	border-radius: 5px;
}
div.league-rank span.top {
	background: #3faa3f;
}
div.league-rank span.middle {
	background: #fbb03b;/*#f4e803;*/
}
div.league-rank span.bottom {
	background: #fc4444;
}
div.league-rank div.top {
	color: #3faa3f;
}
div.league-rank div.middle {
	color: #fbb03b;/*#f4e803;*/
}
div.league-rank div.bottom {
	color: #fc4444;
}
div.league-rank div.ordinal {
	display: inline-block;
	width:30px;
	font-weight:bold;
	font-size: 18px;
}
div.league-rank span.ordinal-ending {
	font-size: 10px;
	font-weight:bold;
	vertical-align: super
}
.ui-checkboxradio-icon {
	display: none !important;
}
div#players-list {
	background:  #ffffff;
	max-width: 350px;
}
div#playersarea {
	background:  #f9f9f9;
	max-width: 350px;
	color: white;
	min-height: 150px;
	padding: 10px;
	box-sizing: border-box;
}
input#roster {
	float: none;
    width: 300px;
    -webkit-appearance: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px !important;
    padding-left: 15px;
}
form#analyze-team div.ui-widget {
	text-align: center;
	margin-top:5px;
}
form#analyze-team div.individualplayer {
	text-align: left;
}
label.ui-state-active {
	background: #0e9ae2 !important;
	color: #ffffff !important;
}
.ui-state-hover {
	background: black !important;
	color: white !important;
	cursor: pointer;
}
.ui-widget-content {
border: none !important;
}
.firstcol {
	display: inline-block;
	width: 35px;
	margin-left:25px;
	text-align:right;
}
div#flexoptions {
	margin-left: 60px;
	margin-top: 5px;
}
div.leagueinfo {
	font-size: 12px;
	margin-left:10px;
	color:#aaaaaa;
	text-align:center;
}
#left-side, #right-side {
	display: inline-block;
	vertical-align: top;
	max-width: 400px;
}
#left-side {
	margin-right: 40px;
	padding-right: 40px;
}
@media (max-width: 900px) {
	#left-side, #right-side {
		width: 100%;
		border: none;
		margin-right: 0px;
		padding-right: 0px;
	}
}
img.firstdown {
	max-width:300px;
}
form#analyze-team .ui-button {
background: #eeeeee;
}
.nflcomp {
	font-size: 24px;
}
div.teamscore, div.record-text {
font-size: 24px;
width: 300px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top: -20px;
}
div.record-text {
	margin-bottom: 20px;
	color: #777777;
}
div.teamscore span.score, div.record-text span.record {
  font-size: 60px;
  position: relative;
  top: 15px;
  color: #777777;
}
div.ui-tooltip {
	cursor: pointer;
}
span.tip {
margin-left: 20px;
}
div.package-tip {
	position: absolute;
	display: inline-block;
	right: -12px;
	top:2px;
}
div.packadj-choose-container {
	position: relative;
	overflow-x: hidden;
}
div.package-tip.choose-screen {
	right: 25px;
}
div.package-tip i { 
	font-size: 25px;
	font-style: normal;
	color: #777777;
	position: relative;
	left: 8px;
	top: 3px;
}
div.package-tip i span {
	visibility: hidden;
	position: absolute;
    top: -80px;
    left: -220px;
    width: 300px;
	background: #ffffff;
	color: #000000;
	padding: 10px;
	font-size: 12px;
	border-radius: 2px;
	border: 1px solid #0e9ae2;
}
div.package-tip.choose-screen i span {
    top: 15px;
    left: -185px;
}
div.package-tip i:hover span {
	visibility: visible;
	margin-left: -100px
}
div.package
i.fa-question-circle {
	font-style: normal;
	font-size: 20px;
}
.ui-tooltip, .arrow-tip:after {
    background: #ffffff !important;
    border: 2px solid white;
	color: #000000 !important;
  }
.ui-tooltip-content {
	font-size: 12px !important;
}
  .arrow-tip {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow-tip.top {
    top: -16px;
    bottom: auto;
  }
  .arrow-tip.left {
    left: 20%;
  }
  .arrow-tip:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: none !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow-tip.top:after {
    bottom: -20px;
    top: auto;
  }


/******** END new team analyzer styling ********/

input[type=submit] {
	font-family: arial,teamname;
	/*text-transform: uppercase;*/
	-webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.submit-trade {
	display: block;
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	border-style: none;
	margin: auto;
}
.submit-trade:hover {
	background: #047faf;
	cursor: pointer;
}
.submit-team {
	background: #F95503;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height:50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	border-style: none;
}
.submit-team:hover {
	background: #C64106;
	cursor: pointer;
}

.copyurl {
	background-color:#777777 !important;
}
div.trade-box {
    width: 350px;
	display: inline-block;
	height: auto;
	min-height: 20px;
	vertical-align: top;
	background: #f9f9f9;
	padding: 0px 10px 10px;
	margin: 5px;
	border: 1px solid #bbbbbb;
}
/*
div.trade-box div.player span.pos {
	color: #aaaaaa !important;
}*/
div.results-box {
	width: 49%;
	border: 1px solid gray;
	display: inline-block;
	height: auto;
	min-height: 20px;
	vertical-align: top;
	background: #333333;
	padding: 5px 10px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
div.analysis-box {
	/*width: 700px;*/
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 0px 10px;
}
div#results-container {
	display:inline-block;
	vertical-align: top;
}
div#results-gif {
	width: auto;
	margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
div#results-gif img {
max-height: 350px;
	margin-bottom: 10px;
}
h2.gif-trade{
	margin: 5px 0px 10px 0px;
	text-align:center;
	font-size: 28px;
	padding: 4px 0 4px 10px;
	text-transform: uppercase;
	color: #0e9ae2;
	position: relative;
	font-family: "teamname";
}
h2.gif-trade:before{
    content: "";
    position: absolute;
    width: 200px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
    height: 1px;
    bottom: 0;
    border-bottom: 1px solid #aaaaaa;
}
h2.gif-trade.no-line:before {
	border: none;
}
h2.gif-trade img {
	width: 40px;
	position: absolute;
	right: 5px;
	top: 0px;
}
div.inner {
	padding:5px 0px;
}
div.trade-box #givinglog, div.trade-box #gettinglog {
	min-height: 20px;
}
div#trade-container {
	position: relative;
	margin-top: 20px;
}
div#giving-box  {

}
div#getting-box {

}
#givinglog, #gettinglog, #acquiringlog {
	background: #f9f9f9 !important;
	border: none !important;
	text-align: left;
}
input#giving, input#getting, input#acquiring {
	float: none; /*this overwrites float on giving further down in CSS*/
	width: 300px;
	-webkit-appearance: none;
	margin-left: auto;
    margin-right: auto;
	border-radius: 2px;
	padding-left: 15px;
	margin-bottom: 5px;
}
div.player-names {
	font-size: 10px;
}
div.player-analysis-container, div.team-analysis-container {
	position: relative;
	border: 1px solid #cccccc;
    padding: 15px 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

/*used on team-analyzer-results page*/
div.player-name { 
	margin-left: 10px;
	font-size: 22px;
	color: #777777;
	font-family: 'teamname';
}

form#tradingplayers {
	position: relative;
	color: #777777;
	overflow-x: hidden;
}
form#gif-trade {
	text-align:center;
}
div#addnewteam {
	text-align:center;
}

div.individualplayer {
	position: relative;
	padding: 5px 5px;
	background: #777777;
	margin-bottom: 2px;
	max-width: 350px;
	margin-left: auto;
    margin-right: auto;
}
div.individualplayer.playerpage {
max-width: 100%	
}
div.individualplayer.playerpage .name {
	font-size: 28px;
}
div.individualplayer.playerpage .posandteam{
	font-size: 14px;
}
div.individualplayer:hover {

}
div.individualplayer div.name {
	font-size: 21px;
	color: #ffffff;
}
div.individualplayer div.name.rosterspot {
	font-size: 21px;
	color: #cccccc;
}
div.posandteam {
	position:relative;
	top: -1px;
	font-size: 10px;
	color:  #cccccc;
	padding: 0px 5px;
	text-transform: uppercase;
	transform: skew(-10deg); 
	font-family: arial;
}
div.playerrow div.posandteam {
width: 100px;	
}
div.playerrow div.posandteam.short {
width: 100px;	
}
div.individualplayer a.removeplayer {
	color: #ffffff !important;
	position: absolute;
    right: 10px;
    top:14px;
    font-size: 20px;
	padding: 0px 5px;
	cursor: pointer;
}
div.individualplayer a.removeplayer img {
	width: 20px !important;
}
div.individualplayer div.player-value {
	position: absolute;
	top: 10px; 
	right: 20px;
	font-size: 24px;
	color: #ffffff;
	text-shadow: 2px 2px 1px #555555;
}
div.individualplayer span.dollar-sign {
	display: none;
	font-size: 14px;
	position: relative;
	top: -7px;
	right: 2px;
}
div.totalvalue {
	width: 300px;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:10px;
}
div.total-value-header {
	color: #333333;
	font-size: 14px;
}
div.total-value-number {
	color: #0e9ae2;
	font-size: 36px;
}
div.player-info {
	color: white;
	position: absolute;
	top: 5px;
	right: 0px;
	text-align:right;
	margin-right: 10px;
}
div.buttons {
	margin: 20px 0px;
}

img.example {
	max-width: 300px;
}

div.individualplayer.trade-value-chart {
	z-index:1;
	color: #ffffff;
	height: 34px;
}

div.individualplayer.trade-value-chart div.trade-value {
	position: absolute;
	top: 3px;
	right: 15px;
	font-size: 25px;
	z-index:5;
	text-shadow: 2px 2px 1px #555555;
}
div.individualplayer.trade-value-chart div.name {
	position: relative;
	top: -4px;
	left: 0px;
	font-size: 18px;
}
div.individualplayer.trade-value-chart div.posandteam {
	position: relative;
	top: -5px;
	font-size: 10px;
}


div.playerrow span.PICK {
	background: #ccc;
	color: #000000;
}
div.playerrow.Eagles, div.individualplayer.Eagles { background: #004C54;}
div.playerrow.Cowboys, div.individualplayer.Cowboys { background: #003594; }
div.playerrow.Giants, div.individualplayer.Giants { background: #0B2265; }
div.playerrow.Commanders, div.individualplayer.Commanders { background: #773141;}
div.playerrow.Lions, div.individualplayer.Lions { background: #0076B6;}
div.playerrow.Vikings, div.individualplayer.Vikings { background: #4F2683;}
div.playerrow.Packers, div.individualplayer.Packers { background: #203731;}
div.playerrow.Bears, div.individualplayer.Bears { background: #0B162A;}
div.playerrow.Buccaneers, div.individualplayer.Buccaneers { background: #D50A0A;}
div.playerrow.Saints, div.individualplayer.Saints { background: #000000;}
div.playerrow.Panthers, div.individualplayer.Panthers { background: #0085CA;}
div.playerrow.Falcons, div.individualplayer.Falcons { background: #A71930;}
div.playerrow.Seahawks, div.individualplayer.Seahawks { background: #002244;}
div.playerrow.Niners, div.individualplayer.Niners { background: #AA0000;}
div.playerrow.Rams, div.individualplayer.Rams { background: #003594;}
div.playerrow.Cardinals, div.individualplayer.Cardinals { background: #97233F;}
div.playerrow.Jets, div.individualplayer.Jets { background: #125740;}
div.playerrow.Dolphins, div.individualplayer.Dolphins { background: #008E97;}
div.playerrow.Bills, div.individualplayer.Bills { background: #00338D;}
div.playerrow.Patriots, div.individualplayer.Patriots { background: #002244;}
div.playerrow.Ravens, div.individualplayer.Ravens { background: #241773;}
div.playerrow.Bengals, div.individualplayer.Bengals { background: #FB4F14;}
div.playerrow.Steelers, div.individualplayer.Steelers { background: #101820;}
div.playerrow.Browns, div.individualplayer.Browns { background: #FF3C00;}
div.playerrow.Texans, div.individualplayer.Texans { background: #03202F;}
div.playerrow.Titans, div.individualplayer.Titans { background: #4B92DB; }
div.playerrow.Jaguars, div.individualplayer.Jaguars { background: #006778;}
div.playerrow.Colts, div.individualplayer.Colts { background: #002C5F;}
div.playerrow.Broncos, div.individualplayer.Broncos { background: #FB4F14;}
div.playerrow.Chiefs, div.individualplayer.Chiefs { background: #E31837;}
div.playerrow.Raiders, div.individualplayer.Raiders { background: #000000;}
div.playerrow.Chargers, div.individualplayer.Chargers { background: #0080C6;}
div.playerrow.Agent, div.individualplayer.Agent { background: #aaaaaa;}

div.posandteam.Eagles { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Cowboys { background: #7F9695; color: #ffffff;  background: linear-gradient(to right, #7F9695, 70%, transparent);}
div.posandteam.Giants { background: #A71930; color: #ffffff;  background: linear-gradient(to right, #A71930, 70%, transparent);}
div.posandteam.Commanders { background: #FFB612; color: #773141;  background: linear-gradient(to right, #FFB612, 70%, transparent);}
div.posandteam.Lions { background: #B0B7BC; color: #0076B6;  background: linear-gradient(to right, #B0B7BC, 70%, transparent);}
div.posandteam.Vikings { background: #FFC62F; color: #4F2683;  background: linear-gradient(to right, #FFC62F, 70%, transparent);}
div.posandteam.Packers { background: #FFB612; color: #000000; background: linear-gradient(to right, #FFB612, 70%, transparent);}
div.posandteam.Bears { background: #C83803; color: #ffffff;  background: linear-gradient(to right, #C83803, 70%, transparent);}
div.posandteam.Buccaneers { background: #515544; color: #ffffff; background: linear-gradient(to right, #515544, 70%, transparent);}
div.posandteam.Saints { background: #D3BC8D; color: #000000; background: linear-gradient(to right, #D3BC8D, 70%, transparent);}
div.posandteam.Panthers { background: #101820; color: #ffffff; background: linear-gradient(to right, #101820, 70%, transparent);}
div.posandteam.Falcons { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Seahawks { background: #69BE28; color: #000000;background: linear-gradient(to right, #69BE28, 70%, transparent);}
div.posandteam.Niners { background: #B3995D; color: #ffffff; background: linear-gradient(to right, #B3995D, 70%, transparent);}
div.posandteam.Rams { background: #ffd100; color: #003594; background: linear-gradient(to right, #ffd100, 70%, transparent);}
div.posandteam.Cardinals { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Jets { background: #ffffff; color: #125740; background: linear-gradient(to right, #ffffff, 70%, transparent);}
div.posandteam.Dolphins { background: #FC4C02; color: #ffffff; background: linear-gradient(to right, #FC4C02, 70%, transparent);}
div.posandteam.Bills { background: #C60C30; color: #ffffff; background: linear-gradient(to right, #C60C30, 70%, transparent);}
div.posandteam.Patriots { background: #C60C30; color: #ffffff; background: linear-gradient(to right, #C60C30, 70%, transparent);}
div.posandteam.Ravens { background: #9E7C0C; color: #ffffff; background: linear-gradient(to right, #9E7C0C, 70%, transparent);}
div.posandteam.Bengals { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Steelers { background: #FFB612; color: #000000;background: linear-gradient(to right, #FFB612, 70%, transparent);}
div.posandteam.Browns { background: #311D00; color: #ffffff; background: linear-gradient(to right, #311D00, 70%, transparent);}
div.posandteam.Texans { background: #A71930; color: #ffffff;  background: linear-gradient(to right, #A71930, 70%, transparent);}
div.posandteam.Titans { background: #0C2340;  color: #ffffff; background: linear-gradient(to right, #0C2340, 70%, transparent);}
div.posandteam.Jaguars { background: #9F792C; color: #ffffff; background: linear-gradient(to right, #9F792C, 70%, transparent);}
div.posandteam.Colts { background: #ffffff; color: #002C5F; background: linear-gradient(to right, #ffffff, 70%, transparent);}
div.posandteam.Broncos { background: #002244;color: #ffffff; background: linear-gradient(to right, #002244, 70%, transparent);}
div.posandteam.Chiefs { background: #FFB81C; color: #E31837; background: linear-gradient(to right, #FFB81C, 70%, transparent);}
div.posandteam.Raiders { background: #A5ACAF; color: #000000;background: linear-gradient(to right, #A5ACAF, 70%, transparent);}
div.posandteam.Chargers { background: #FFC20E; color: #0080C6; background: linear-gradient(to right, #FFC20E, 70%, transparent);}


/*not sure if using now with stuff up above*/
div.Eagles { background: #004C54;}
div.Cowboys { background: #003594; }
div.Giants { background: #0B2265; }
div.Commanders { background: #773141;}
div.Lions { background: #0076B6;}
div.Vikings { background: #4F2683;}
div.Packers { background: #FFB612;}
div.Bears { background: #C83803;}
div.Buccaneers { background: #D50A0A;}
div.Saints { background: #D3BC8D;}
div.Panthers { background: #0085CA;}
div.Falcons { background: #A71930;}
div.Seahawks { background: #69BE28;}
div.Niners { background: #AA0000;}
div.Rams { background: #003594;}
div.Cardinals { background: #97233F;}
div.Jets { background: #125740;}
div.Dolphins { background: #008E97;}
div.Bills { background: #00338D;}
div.Patriots { background: #002244;}
div.Ravens { background: #241773;}
div.Bengals { background: #FB4F14;}
div.Steelers { background: #FFB612;}
div.Browns { background: #FF3C00;}
div.Texans { background: #A71930;}
div.Titans { background: #4B92DB; }
div.Jaguars { background: #006778;}
div.Colts { background: #002C5F;}
div.Broncos { background: #FB4F14;}
div.Chiefs { background: #E31837;}
div.Raiders { background: #A5ACAF;}
div.Chargers { background: #0080C6;}
div.Agent { background: #eeeeee;}




div.Agent div {
	color: #333333 !important;
}

div#gif-trade-results {
	text-align:center;
}


#givingmax, #gettingmax {
	height: 40px;
	font-size: 12px;
	text-align:center;
	color: #aaaaaa;
}

.results-player {
	font-size: 15px;
	text-align:left;
	line-height: 15px;
	margin-bottom: 5px;
	color: #ffffff;
}

.results-posandteam {
	font-size: 14px;
	color: #bbbbbb;
}
div.results-comment.intro {
	font-weight: bold;
	font-size:24px;
	color: #777777;
	margin-left: 20px;
}
div.results-comment {
	margin-top:10px;
	text-align: left;
	color: #777777;
}
.ad-resp { 
	width: 320px; 
	height: 100px !important;  
	margin-left:auto; 
	margin-right:auto; 
}
.ad-resp iframe { 
	width: 320px; 
	height: 100px !important;
}
@media (min-width: 10px) and (max-width: 754px) {
	h1 {
	margin: 0px 0px 10px 0px;
	}
	form#gif-trade {
		text-align:center;
	}	
	h1.gif-trade {
		margin: 5px 0px 5px 0px;
	}
	img.gif {
	max-width: 320px;
	margin-left:auto;
	margin-right:auto;
	}
}
@media (min-width:500px) { .ad-resp { width: 468px; height: 60px !important; } }
@media (min-width:800px) { .ad-resp { width: 728px; height: 90px !important; } }

div.gif-trade-submit {
	margin-bottom: 20px;
	margin-top: 20px;
}

.ui-autocomplete {
	 max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}


/********************* ANIMATION ****************************/
.bounce   {animation: bounce .5s .1s;  transform: scale(1); }

@keyframes bounce {
  0% { transform: scale(1);  }
  50% { transform: scale(1.1); }
  100% { transform: scale(1) }
}

/* END new GIF trade analyzer stling */

@media (min-width: 10px) and (max-width: 700px) {
	div.wwic img {
		max-width: 100%;
	}
}

div.wwic {

	clear: both;
}
div#content {
position: relative;
top: 5px;	
}
div#contentLeft {
	width: 500px;	
	}
.hideforbye {
display: none;	
}

div.bye-row {
	min-height: 25px;
	border-bottom: 1px solid #777777;
	color: #777777;
	padding-top: 4px;
}
div.weeknum {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding-right: 5px;
	color: #0e9ae2;
	width: 65px;
}
div.bye-teams {
	font-size: 14px;
	display: inline-block;
	color: #777777;
}
/* old bye week stuff */
table#byeweeks {
width: 100%;	
}
table#byeweeks td{
	padding-left: 10px;
	color: #777777;
	border: 1px solid #777777;
}
table#byeweeks tr:nth-of-type(even) {
    background-color: #ffffff;
}

table#gradesbeforeafter {
width:100%;
	margin-left: 15px;
}
table.stats {
width: 750px;
font-size: 14px;	
}

table.stats tr:nth-of-type(even) {
    background-color: #eee;
}
table.stats th {
	background: #eee;	
	font-weight: normal;
	}
table.stats tr.top th{
	background :#0e9ae2;
	color: white;
	}
table.stats td,table.stats th {
text-align: center;	
}
table.stats td.name {
text-align: left;	
}
.rankstattierTOP {
color: pink;	
font-weight: bold;
}
.rankstattier1 {
color: red;	
font-weight: bold;
}
.rankstattier2 {
color: #fbac18;	
font-weight: bold;
}
.rankstattier3 {
color: #69bd45;	
font-weight: bold;
}
.rankstattier4 {
color: #35c2f2;	
font-weight: normal;
}
.rankstattier5 {
color: gray;	
font-weight: normal;
}

div#entirepage {
	position: relative;
	top: 55px;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 400px;
	width: auto;
	text-align: left;
	font-size: 16px;
	font-family: arial;
	background: #ffffff;
	color: #333333;
	/*font-family:  'Baloo 2',"Century Gothic", CenturyGothic, AppleGothic, sans-serif;*/
	box-sizing: border-box;
	}
div#entirepage.trade-value {
	background: none;
	width: 100%;
}
div#entirepagehomepage {
	position: relative;
	top: 50px;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-family: arial;
	background: #ffffff;
	color: #333333;
	box-sizing: border-box;
}

div#entirepagehomepage div#content {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
/*
div#entirepagehomepage #playersearchbox {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #0e9ae2;
	padding: 5px 0px;
}*/
div#entirepagehomepage #playersearchbox input::placeholder{
color:#0e9ae2;
}
div#entirepagehomepage.new form {
	margin-left: auto;
    margin-right: auto;
    width: 300px;		
}

div.search-icon {
	display: none;
}
div.searchbox {
	position:absolute;
	top: 5px;
	right: 0px;
}
div.searchbox input.textfield {
	width: 100%;
}
/*************************************/

body.homepage div#newfooter {
	top: 40px !important;	
	}
	
.noborder {
	border: none !important;
	}
div.section {
text-align: center;	
border: 1px solid #ccc;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px;
font-size: 15px;
background: #ffffff;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
margin-top:40px;
}
.aligncenter {
	text-align:center;
}
div.left {
text-align: left;	
}
div.top {
padding-top: 0px;	
}
div.screenshot img {  /*might not be using currently*/
	max-width: 100%;
	width: 700px;
	border: 1px solid gray;
}
img.screenshot.mobile, video.mobile, img.mobile {
	display: none;
	margin-left:auto;
	margin-right:auto;
}
div.last {
border: none !important;
margin-bottom: -50px;	
}
#newthisyear {
	position: absolute;
    top: 35px;
    right: 25px;	
	}
#newthisyear h3 {
	font-size: 44px;
	margin-bottom: -3px;
	margin-top: 10px;
	}
#newthisyear ul {
font-size: 21px;	
text-align: left;
}
p.heading {
font-size: 18px;
}
ul {
max-width:390px;
color: #777777;
margin-left: auto;
margin-right: auto;
}
div.section ul {
text-align: left;	

}
div.left {
text-align: left;	
}
div.hero {
/*background-image: url("/images/hero2.jpg");
background-repeat: no-repeat;
background-position: top center; 
	background-size: cover;*/
height: auto;	
	padding-top: 20px;
}
div.hero div.container {
	position: relative;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("/images/icon-giving.svg");*/
  /*  background-image: url("/images/icon-giving.svg"), linear-gradient(#0e9ae2, #333333); /* W3C */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 300px;
	z-index: 0;
	overflow: hidden;
	padding: 0px 0px;
}

div.hero h1 {
font-size: 55px;
line-height: 50px; 
color: #0e9ae2;	
text-transform: uppercase;
width: 800px;
margin: 0 auto;
text-align:center;
font-weight: normal;
}
.home-box {
	/*border: 1px solid #cccccc;*/
	padding: 0 10px;
	margin: 0px;
	position: relative;
	background: none;
	width: 100%;
	box-sizing: border-box;
	text-align:center;
}

.home-box .container {
	 flex-wrap: wrap;
}
.home-box .container .box{
	  flex: 1;
  	  min-width: 350px; 
}
.home-box.text {
background: #000000;	
}
.home-box.image {
	padding: 0px;
}
.home-box.logo-graphic {
	width: 20%;
}
.home-box.logo-graphic img{
width: 300px;	
}
div.home-box h2 {
	text-transform: uppercase;
	text-align:center;
	font-size: 45px;
	font-family: teamname, arial;
	color: #0e9ae2;
}
div.home-box p {
	text-align:center;
	font-size: 18px;
	font-weight: normal;
	padding: 0px 15px;
	color: #777777;
	max-width: 500px;
}
p.homepage {
	text-align: center;
    font-size: 30px;
    font-weight: normal;
    padding: 10px 50px;
    color: #0e9ae2;	
}
img.screenshot {
	max-width: 700px;
}
div#entirepagehomepage div.section {
	border: none;
}
/*
div.home-box.left {
	position: relative;
	transform: perspective(1000px) rotateY(35deg);
	z-index: 0;

}
div.home-box.right {
	position: relative;
	transform: perspective(1000px) rotateY(-35deg);
	z-index: 0;
}
*/
p {
	font-size: 18px;	
	color: #777777;
}
	

.center {
text-align: center;	
}
p.center {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
img.starburst {
position: absolute;
top: 5px;
right: 25px;	
}

.deleteaccount {
	background: maroon;
	color: white;
	border-radius: 5px;
	border: none;

	cursor: pointer;
	padding: 5px;
}
	
div#modeoptions {
	display: none;	
	}
div#flexoptions {
	display: none;	
	}

p.faq {
font-weight: bold;
color: #0e9ae2;	
}
.teamnamelarge {
text-align:center;
font-size: 28px;
color: #0e9ae2;	
margin-left: 10px;
}
h1 {
text-transform: uppercase;
font-size: 40px;
color: #0e9ae2;	
font-family:  teamname;
text-align:center;
}
.trade-settings {
	text-align:center;
	color: #cccccc;
	margin-bottom: 10px;
	font-size: 14px;
}
.nomargintop {
	margin-top: 0px;
}
h2 {
font-size: 21px;
color: #0e9ae2;	
font-weight: normal;
}
.bold {
font-weight: bold;
font-size: 15px;	
}

.fa {
color: #0e9ae2;	
padding-right: 10px;
}
.edit .fa {
	padding: 0px;
}
a {
color: #0e9ae2;	
text-decoration: none;
}

a.add {
	background-color: #0ee255;
	margin-bottom: 10px;
	text-transform:uppercase;
	width:150px;
	font-size: 13px;
}
a.add.hover {
	background-color: #F95503;
}
select {
border-radius: 5px;
height: 25px;	
}
/****************** HEADER & MENU *****************************/
div#header {
	position: fixed;
	top: 0px;
	right: 0;
	left: 0;
	height: 50px;
	width: auto;
	background: #000000;
	z-index: 100;
	}
div#menu {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	height: 50px;
	}
	
/************ TESTING NEW MENU ********************/	
		#nav
		{
			width: 300px; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		#nav a img {
		position: relative;
		top: 3px;	
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: none;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 1px solid white; /* 5 */
				border-bottom: none;
				border-top-color: #fff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				list-style-type: none;
				height: 3.75em; /* 60 */
				background-color: #0e9ae2;
				z-index: 100000;
				max-height: 2000px;
				transition: max-height .2s ease-out;
			}
				#nav > ul > li
				{
					width: 100%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 14px; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						text-decoration: none;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #0e9ae2;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #2279aa;
						}



					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				padding-left: 20px;
				padding-right: 20px;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #ccc;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		


/************ END TESTING NEW MENU ********************/

div.steps {
	min-height: 290px;	
	}
div.steps div.item {
	display: inline-block;	
	width: 30%;
	text-align: center;
	vertical-align: top;
	height: 130px;
	}
div.steps div.item p {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	}
div.steps div.arrow {
	display: inline-block;
	width: 3%;
	text-align: center;
	height: 130px;
	position: relative;
	top: 50px;
	
	}
div.steps .fa {
	font-size: 100px;	
	}
div.steps .fa-chevron-right, div.steps .fa-chevron-down {
	font-size: 35px;	
	color: #ddd;
	}
div.steps .fa-chevron-down {
	display: none;
	}
div.steps .fa-chevron-right {
	display: block;	
	}
.green {
	color: green !important;
	}
.red {
	color: red !important;
	}
div#hamburger {	
	background: url("images/hamburger-menu.png") no-repeat;
	background-size: 40px;
	background-position: center;
	height: 55px;
	width: 55px;
	cursor: pointer;
	}

div#hamburger:hover div#flyoutmenu {	
	display: block;
	}
div#hamburger:active div#flyoutmenu {	
	display: block;
	}

div#flyoutmenu {
	display: none;/*changes to "block" when hamburger menu is clicked*/
	position: relative;
	top: 50px;
	background: #0e9ae2;
	width: 250px;
	
	}
div#flyoutmenu div  {
	height: 25px;
	}
div#flyoutmenu div a {
	color: white;
	font-size: 16px;
	text-decoration: none;
	}
div#flyoutmenu div:hover {

	}
div#logo {
	width: 250px;
	height: 40px;
	position: relative;
	top: 5px;
	left: 60px;		
	}
div#logo a {
	width: 250px;
	height: 40px;
	display: inline-block;
	}
div#toplinks {
	position: absolute;
	top: 12px;
	right: 260px;	
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	}
div#toplinks a {	
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	}
div#toplinks a:hover {
		color: #ddd;
}

div#links {
	height: 20px;
	margin-left: 10px;
}
	
/**************  Add/edit teams ************/
.question {
	margin-bottom: 10px;	
	font-family: arial;
    padding: 10px;
	background: #f9f9f9;
	border: 1px solid #bbbbbb;
	}
.question .question {
	padding: 0px;
	border: none;
}
.question span {
	display: inline-block;
	margin-bottom: 5px;
	color: #0e9ae2;
	text-transform: uppercase;
}
.answer {
	padding:10px;
	padding-top:0px;
}
span#totalnumberstarterstext {
	color: #777777;
}
.inset {
	margin-left: 25px;	
	}
#playerslog {
	min-height: 300px;	
	max-width: 350px;
	}
div.playerrow {
	height: 25px;
    border-bottom: 1px solid #ffffff;
	padding-top: 3px;
	position: relative;
	background: #ffffff;
	color: #333333;
}
div.playerrow.top180 {
	height: 50px;
}
div.playerrow div.comment {
	background: white;
	font-size: 14px;
	padding-left: 26px;
	padding-bottom: 4px;
}
div.playerrow div {
	display: inline-block;
}
.block {
	display: block !important; 
}
div.playerrow div.name {
	width: 170px;
	font-size: 14px;
	text-wrap: nowrap;
}
div.playerrow div.name a{
	color: #ffffff;	
}
div.opponent {
	font-size: 13px;
	color: #ffffff;
}
div.playerrow div.pos {
	width: 35px;
	color: #aaaaaa;
	font-size: 11px;
	text-align: right;
	padding-right: 3px;
}
div#rankings-page div.pos {
	text-align:left;
}
div.playerrow div.overallrank {
	display: inline-block;
	width: 25px;
	text-align: right;
	padding-right: 3px;
	font-size: 12px;
	color: #cccccc;
}
div.playerrow:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  opacity:0.5;
  background-image: url("https://i.pinimg.com/originals/e2/ae/9a/e2ae9a847ac88d243cd6d761a61b4e74.jpg0");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
div.playerrow.qb {
	background: red;
}
div.playerrow.rb {
	background: #b2dbf7;
}
div.playerrow.wr {
	background: #b2f7bc;
}
div.playerrow.te {
	background: #f7d9b2;
}
/*
div.playerrow.ARZ {
background: #97233F;
color: #ffffff !important;
}
div.playerrow.ATL {
background: #A71930;
}
div.playerrow.BAL {
background:#241773;
color: #ffffff !important;
}
div.playerrow.BUF {
background:#00338D;
color: #ffffff !important;
}
div.playerrow.CAR {
background:#0085CA;
color: #ffffff !important;
}
div.playerrow.CHI {
background:#0B162A;
color: #ffffff !important;
}
div.playerrow.CIN {
background:#FB4F14;
color: #ffffff !important;
}
div.playerrow.CLE {
background:#311D00;
color: #ffffff !important;
}
div.playerrow.DAL {
background:#003594;
color: #ffffff !important;
}
div.playerrow.DEN {
background:#FB4F14;
color: #ffffff !important;
}
div.playerrow.DET {
background:#0076B6;
color: #ffffff !important;
}
div.playerrow.GB {
background:#203731;
color: #ffffff !important;
}
div.playerrow.HOU {
background:#03202F;
color: #ffffff !important;
}
div.playerrow.IND {
background:#002C5F;
color: #ffffff !important;
}
div.playerrow.JAX {
background:#101820;
color: #ffffff !important;
}
div.playerrow.KC {
background:#E31837;
color: #ffffff !important;
}
div.playerrow.LAC {
background:#0080C6;
color: #ffffff !important;
}
div.playerrow.LAR {
background: #002244;
color: #ffffff !important;
}
div.playerrow.LVR {
background:#000000;
color: #ffffff !important;
}
div.playerrow.MIA {
background:#008E97;
color: #ffffff !important;
}
div.playerrow.MIN {
background:#4F2683;
color: #ffffff !important;
}
div.playerrow.NE {
background:#002244;
color: #ffffff !important;
}
div.playerrow.NO {
background:#D3BC8D;
color: #ffffff !important;
}
div.playerrow.NYG {
background:#0B2265;
color: #ffffff !important;
}
div.playerrow.NYJ {
background:#125740;
color: #ffffff !important;
}
div.playerrow.PHI {
background:#004C54;
color: #ffffff !important;
}
div.playerrow.PIT {
background:#FFB612;
color: #ffffff !important;
}
div.playerrow.SF {
background:#AA0000;
color: #ffffff !important;
}
div.playerrow.SEA {
background:#002244;
color: #ffffff !important;
}
div.playerrow.TB {
background:#D50A0A;
color: #ffffff !important;
}
div.playerrow.TEN {
background:#D50A0A;
color: #ffffff !important;
}
div.playerrow.WSH {
background:#773141;
color: #ffffff !important;
}


div.playerrow.ARZ {
background-image: linear-gradient(#97233F 10%, #ffffff 20%, #ffffff 80%, #000000 90%);
}
/*
div.playerrow.ATL {
background-image: linear-gradient(135deg, #ffffff 55%, #A71930 calc(55% + 2px));
}
div.playerrow.BAL {
background-image: linear-gradient(135deg, #ffffff 55%, #241773 calc(55% + 2px));
}
div.playerrow.BUF {
background-image: linear-gradient(135deg, #ffffff 55%, #00338D calc(55% + 2px));
}
div.playerrow.CAR {
/*background-image: linear-gradient(135deg, #ffffff 55%, #0085CA calc(55% + 2px));
	background-image: linear-gradient(#0085CA 10%, #ffffff 10%, #ffffff 90%, #000000 90%);
}/*
div.playerrow.CHI {
background-image: linear-gradient(135deg, #ffffff 55%, #0B162A calc(55% + 2px));
}
div.playerrow.CIN {
background-image: linear-gradient(135deg, #ffffff 55%, #FB4F14 calc(55% + 2px));
}
div.playerrow.CLE {
background-image: linear-gradient(135deg, #ffffff 55%, #311D00 calc(55% + 2px));
}
div.playerrow.DAL {
background-image: linear-gradient(135deg, #ffffff 55%, #003594 calc(55% + 2px));
}
div.playerrow.DEN {
background-image: linear-gradient(135deg, #ffffff 55%, #FB4F14 calc(55% + 2px));
}
div.playerrow.DET {
background-image: linear-gradient(135deg, #ffffff 55%, #0076B6 calc(55% + 2px));
}
div.playerrow.GB {
background-image: linear-gradient(135deg, #ffffff 55%, #203731 calc(55% + 2px));
}
div.playerrow.HOU {
background-image: linear-gradient(135deg, #ffffff 55%, #03202F calc(55% + 2px));
}
div.playerrow.IND {
background-image: linear-gradient(135deg, #ffffff 55%, #002C5F calc(55% + 2px));
}
div.playerrow.JAX {
background-image: linear-gradient(135deg, #ffffff 55%, #101820 calc(55% + 2px));
}
div.playerrow.KC {
background-image: linear-gradient(135deg, #ffffff 55%, #E31837 calc(55% + 2px));
}
div.playerrow.LAC {
background-image: linear-gradient(135deg, #ffffff 55%, #0080C6 calc(55% + 2px));
}
div.playerrow.LAR {
background-image: linear-gradient(135deg, #ffffff 55%, #002244 calc(55% + 2px));
}
div.playerrow.LVR {
background-image: linear-gradient(135deg, #ffffff 55%, #000000 calc(55% + 2px));
}
div.playerrow.MIA {
background-image: linear-gradient(135deg, #ffffff 55%, #008E97 calc(55% + 2px));
}
div.playerrow.MIN {
background-image: linear-gradient(135deg, #ffffff 55%, #4F2683 calc(55% + 2px));
}
div.playerrow.NE {
background-image: linear-gradient(135deg, #ffffff 55%, #002244 calc(55% + 2px));
}
div.playerrow.NO {
background-image: linear-gradient(135deg, #ffffff 55%, #D3BC8D calc(55% + 2px));
}
div.playerrow.NYG {
background-image: linear-gradient(135deg, #ffffff 55%, #0B2265 calc(55% + 2px));
}
div.playerrow.NYJ {
background-image: linear-gradient(135deg, #ffffff 55%, #125740 calc(55% + 2px));
}
div.playerrow.PHI {
background-image: linear-gradient(135deg, #ffffff 55%, #004C54 calc(55% + 2px));
}
div.playerrow.PIT {
background-image: linear-gradient(135deg, #ffffff 55%, #FFB612 calc(55% + 2px));
}
div.playerrow.SF {
background-image: linear-gradient(135deg, #ffffff 55%, #AA0000 calc(55% + 2px));
}
div.playerrow.SEA {
background-image: linear-gradient(135deg, #ffffff 55%, #002244 calc(55% + 2px));
}
div.playerrow.TB {
/*background-image: linear-gradient(135deg, #ffffff 55%, #D50A0A calc(55% + 2px));
background-image: linear-gradient(#D50A0A 10%, #ffffff 20%, #ffffff 80%, #000000 90%);
}
div.playerrow.TEN {
background-image: linear-gradient(135deg, #ffffff 55%, #D50A0A calc(55% + 2px));
}
div.playerrow.WSH {
background-image: linear-gradient(135deg, #ffffff 55%, #773141 calc(55% + 2px));
}*/
/**************  PLAYER PAGE **************/

.year {
	font-size: 24px;
	color:	 #0e9ae2;
	}

div#lastyearstats {
	clear:both;	
	}
div#schedulestats {
/*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  */
	}
div.scheduleweek {
	display: inline-block;
	width:10%;
	height: 260px;
	border: 1px solid gray;
	margin-right: 3px;
	margin-bottom: 3px;
	background: #dddddd;
	}
	
div.scheduleweek table {
	font-size: 14px;
	width: 100%;
	}
div.scheduleweek td{
	text-align: center;
	color: #777777;
	}
div.scheduleweek td.week{
	background: #0e9ae2;
	color: white;
	}
span.stdpoints {
	font-size: 20px;
	font-weight: bold;
	color: #0e9ae2;
	}

div#savedteams {

	}
div.savedteam {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #ffffff;
	position: relative;
	min-width: 328px;
	max-width: 328px;
	min-height: 1100px;
	padding-left: 10px;
	border-radius: 0px;
	vertical-align: top;
	font-size: 14px;
	color: #0e9ae2;
	}
div.savedteam a.button {
	width: 75%;
	text-align:center;
	text-transform: uppercase;
}
div.savedteam a.edit {
	width: auto;
	position: absolute;
	top: 40px;
	right: 5px;
	padding: 0px 2px 0px;
	}

div.league-settings {
	height: 65px;
	padding: 10px;
	font-size: 0.8em;
    background: #f9f9f9;
    border-radius: 0px;
	border: 1px solid #bbbbbb;
    color: #777777;
	margin-bottom: 10px;
	text-align:center;
	line-height: 12px;
	max-width: 390px;
	margin-left: auto;
	margin-right: auto;
}
div.league-settings div.second-row, div.league-settings div.third-row {
	margin-top: 8px;
}
/*
div#myteamsstarters {
	max-width: 50%;
	border: 1px solid white;
}
div#myteamsbench {
	max-width: 50%;
	border: 1px solid white;
}*/
a.delete {
	font-size: 14px;
	color: red !important;
	}
a.delete .fa {
	color: red !important;
}
a.delete:hover, a.delete:hover .fa { 
	color: red;
	}

div.gamecoming {
	background: #ffffff;
	}
/****************** player page rank circles ******************/
div#rankcircles span {
	width:100px;
	height:100px;
	border-radius:50px;
	font-size:10px;
	color:#fff;
	line-height:50px;
	text-align:center;
	display: inline-block;
	}
div#rankcircles #thisweek {
	background: blue;	
	}
div#rankcircles #ros{
	background: red;
	}
div#rankcircles #dynasty {
	background: green;
	}
div#rankcircles #ufr {
	background: orange;
	}
	
	
.textfield {
	width: 100%;
	max-width: 400px;
	border-radius: 2px;
	border: 1px solid #ccc;
	height: 40px;
	padding-left: 10px;
	font-size: 16px !important;
	-webkit-appearance: none;
	box-sizing: border-box;
	}
.ui-menu .ui-menu-item {
	font-size: 15px;
}

div.player {
	font-size: 12px;	
	}
span.helmet {
	vertical-align: sub;	
	}
span.pos {
	color: #ffffff;
	display: inline-block;
	/*height: 14px;*/
    width: 18px !important;
	font-size: 9px;
	font-weight: normal;
	border-radius: 1px;
	text-align: center;
    vertical-align: top;
	padding-top: 1px;
	box-sizing: border-box;
	-webkit-appearance:none;
	}

span.pos.qb {
  background-color: red;
}
span.pos.rb {
  background-color: blue;
}
span.pos.wr {
  background-color: #005c00;
}
span.pos.te {
  background-color: #f34a0f;
}
span.pos.flex {
  background-color: purple;
}
span.pos.pk {
  background-color: #8c6239;
}
span.pos.def {
  background-color: #333333;
}
span.pos.ben {
  background-color: hotpink;
}
span.pos.missing {
color: #777777;
border: 1px solid #777777;
margin-right: 3px;
}
span.pos.pick {
background-color: #777777;
}
span.abbrev {
color: #aaaaaa;
}
span.bench{
	width: 160px !important;
}
span.grade {
	font-size: 18px;
	}
div.playerpagename {
	font-size: 24px !important;
	}
div.playerpagename span.name {
	font-weight: bold;
	font-size: 24px;
	}
div.playerpagename span.pos {
	font-size: 24px;
	width: auto;
	}
span.abbrev {
	font-size: 10px;
	color: #777777;
}
div.myteamsstarters {
	width: 50%;
	/*border: 1px solid green;*/
	float: left;
	margin-bottom: 20px;
}
div.myteamsbench {
	width: 50%;
	/*border: 1px solid red;*/
	float: left;
	margin-bottom: 20px;
}

span.name {
	color: #333333;
}
span.name.pick {
	color: #333333;
}
span.name a {
	color: #555555;
	text-decoration: none;	
	}
span.name a:hover {
	color: #777777;
	}
img.helmet {
	width: 20px;	
	}
.injured {
	color: red !important;
	FONT-WEIGHT: 500;
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-size: 60% 60%;
    background-position: left;
	}
.injury {
	width: 12px;
	margin-right: 1px;
}
.injury.larger {
	width: 20px;
}

.highlightplayerfromfantasyteam {
	background: #ddd;
	max-width: 100%;
	}
#entirepagehomepage .section ul {
	margin-left: 300px !important;	
	}
ul.teamanalyzer {
	margin-left: 0px;	
	}
div.value-container{
	text-align:center;
	margin-bottom: 20px;
}
div.value-container-box {
	display: inline-block;
	text-align:center;
	width: 130px;
}
div.avg-value, div.your-value {
	border: 1px solid #777777;
	padding: 3px;
	font-size: 40px;
	border-radius: 5px;
}
div.avg-value {
	color: #aaaaaa;
	background: #eeeeee;
}
div.value-heading {
	font-size: 14px;
	color: #aaaaaa;
	margin-bottom: 5px;
}
div.value-heading.avg {
	color: #aaaaaa;
}
div.label {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #0e9ae2;
}
div.player-analysis-container span {
	margin-left: 0px;
	font-size: 14px;
	color: #aaaaaa;
}
div.bullets {
	width: 100%;
	margin:auto;
	color: #777777;
}
div.bullets div.heading {
	font-size: 25px;
	margin-left: 5px;
	margin-bottom: 10px;
}
div.bullets img {
	width: 30px;
	position: relative;
    top: 7px;
	margin-right: 5px;
}
div.bullets img.lock {
	width: 20px;
	position: relative;
    top: 4px;
}
div.bullets div {
	font-size: 18px;
}
.A,.B,.C,.D,.F {
	position: absolute;
    top: 15px;
    right: 15px;
	color: white;
	font-size: 32px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	text-align: center;
	/*margin-top: 10px;*/
	margin-left: auto;
    margin-right: auto;
	font-family: teamname, arial;
}

.A {
	color: #009245;
}
.B {
	color: #39b54a;
}
.C {
	color: #fbb03b;
}
.D {
	color: #ff3939;
}
.F {
	color: #ff0000;
}
td.letter.A, td.letter.B, td.letter.C, td.letter.D, td.letter.F {
	font-size: 16px;
	line-height: 20px;
	width: 25px;
	height: 25px;
	font-weight: normal;
}
div.Agrade {
	color: #ffffff;
	border: 1px solid #009245;
	background: #009245;
	border-radius: 5px;
}
div.Bgrade {
	color: #ffffff;
	border: 1px solid #39b54a;
	background: #39b54a;
	border-radius: 5px;
}
div.Cgrade {
	color: #ffffff;
	border: 1px solid #fbb03b;
	background: #fbb03b;
	border-radius: 5px;
}
div.Dgrade {
	color: #ffffff;
	border: 1px solid #ff3939;
	background: #ff3939;
	border-radius: 5px;
}
div.Fgrade {
	color: #ffffff;
	border: 1px solid #ff0000;
	background: #ff0000;
	border-radius: 5px;
}
/********************** TEAM ANALYSIS ***********************/
div#teamscore {
   width: 70px;
   height: 70px;
   background: #0e9ae2; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
   text-align: center;
}
div#teamscore span {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  top: 15px;
}

div#teamscorecontainer {
	/*width: 20%;
    display: inline-block;	
	height: 150px;*/
	}
div#outlookcontainer {
	/*width: 40%;
	display: inline-block;
	height: 150px;
	vertical-align: top;*/
	}
table#percentages {
	max-width: 300px;
}
table#percentages tr td {
	text-align:	center;
}
table#percentages tr:nth-child(even) {
    background-color: #eee;
}

/*******************  CHOOSE PLAYERSfor Trade ************************/
div.player {
	height: 25px;
	padding-top: 4px;
	cursor: pointer;
	}
div.savedteam div.player {
	cursor: default;
	}
div.playerselected {
	position: relative;	
	background: #0e9ae2;
	height: 25px;
	padding-top: 4px;
	cursor: pointer;
	max-width: 350px;
	color: #ffffff;
	font-size: 14px;
	-webkit-transition: background-color .25s;
    transition: background-color .25s;
	}
div.playerselected span.pos {
	color: #dddddd;
}
div.submit-button {
	text-align: center;
	background: none;
	width:45%;
}
input.checkbox {
	display: none;	
	}
a.goback {
	margin-left: 20px;
	background: #0e9ae2 !important;
}
div.goback {
	width: 305px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 20px;
}
#giving {
	float: left;
	width: 45%;
	}
form#tradingplayers div#giving, form#tradingplayers div#getting { 
	margin-bottom: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
form#tradingplayers div.player {
	font-size: 14px !important;
}
form#tradingplayers p {
	font-size: 14px !important;
	line-height: 14px !important;
	text-align: center;
}
#getting {
	display: inline-block;
	width: 45%;
	}
#playersleavingcoming {
	position: relative;	
	max-width:500px
	}
#playersleavingcoming .column {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	}
#givinglog, #gettinglog {
	min-height: 200px;	
	max-width: 350px;
	}
#draftpicksleavinglog, #draftpickscominglog {
	min-height: 50px;	
	max-width: 350px;	
	background: #000000;
	}
.ui-widget {
	font-size: 12px !important;	
	}
img.background-logo {
	width: 400px;
	opacity: 0.5;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
/*********************** TRADE ANALYSIS ***************************/
.involvedLeaving {
	background: red;
	max-width: 300px;
	border-radius: 0px;
}
.involvedComing {
	background: green;
	max-width: 300px;
	border-radius: 0px;
}

.fa-thumbs-up {
	color: green;
}
.fa-thumbs-down {
	color: red;
}

.note {
font-size: 12px;	
color: #aaa;
margin-top: 15px;
margin-bottom: 10px;
clear:both;
}

.playerstable {
display: inline-block;
width: 100%;	
vertical-align: top;
	margin-left: 20px;
}

span.dontdoit {
color: red;
font-size: 24px;	
}
span.doit {
color: green;
font-size: 24px;	
}
td.letter {
font-weight: bold;	
}
td.position {
font-size: 14px;	
}

.subtle {
color: #bbb;
font-size: 12px;
text-align: center;
}
.italic {
font-style: italic;	
font-size: 16px;
}
form#tradingplayers span.italic {
		line-height: 14px;
}
/******************* FOOTER ******************/
div#newfooter {
	position: relative;
	top: 150px;
	right: 0;
	left: 0;
	height:700px;
	width: auto;
	background: #000;
	z-index: 10000;
	clear: left;
	font-size: 12px;
	}
div#footer {
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
	width: auto;
	text-align: left;	
	top: 40px;
	background: #000;
	color: white;
}
div#footer img {
	opacity: 0.7;
	width: 200px;
	margin-bottom: 30px;
}
div.copyright {
	color: #777;
	font-size: 14px;
	margin-top: 50px;
	text-align: center;
}
div.footer-col.logo {
	
}
div.footer-col {
	display: inline-block;
	width: auto;
	padding-left: 10px;
	vertical-align: top;
	margin-right: 20px;
	box-sizing: border-box;
}
div.footer-col h3, ul.menu h3 {
	text-transform: uppercase;
	color: #eee;
	margin: 0px;
	font-size: 20px;
}
ul.menu h3 {
margin-left: 25px;
	color: #0e9ae2;
}
ul.menu li {
	margin-left: 45px;
	height: 30px;
}
div.footer-col ul {
font-size: 18px;
list-style-type: none;
padding-left: 0px;
color: #ccc;
line-height: 25px;
}
div.footer-col ul a {
color: #ccc;	
}

/************** DRAFT ORDER LOTTERY GENERATOR **************/
#draft-order-container {
	max-width: 375px;
    margin: auto;
}
#draft-order-container input {
	font-size: 16px;
	border: 1px solid gray;
	border-radius: 4px;
	height: 30px;
	margin-bottom:4px;
	padding-left: 6px;
	box-sizing:border-box;
}
#draft-order-container input.submit {
	border: none;
	border-radius: 4px;
	height: 50px;
	margin-bottom:4px;
	font-size:20px;
}
#draft-order-container div.draft-order-submit {
	text-align:center;
	margin: 20px 0px;
}
#draft-order-container input.leaguename {
	width: 300px;
	height: 40px;
}
#draft-order-container input.schedule {
	width: 300px;
	height: 40px;
}
#draft-order-container input.teamname {
	width: 278px;
	height: 40px;
	margin-right: 2px;
}
#draft-order-container input.lottery-balls {
	width: 55px;
	height:40px;
	text-align:center;
	font-size: 16px;
}
div.important {
	font-size: 24px;
	font-weight: bold;
	color: red;
	margin-bottom: 10px;
	width: 100%;
	text-align:center;
}
/*
div.example-draft {
margin-left: auto;
margin-right: auto;
text-align:center;
width: 300px;
margin-bottom: 20px;
}*/
.slider-container {
	text-align:center;
}
label.numteams-label {
	display: block;
	height: 30px;
	caret-color: transparent;
}
div.form-field-label {
	position: relative;
	width: 100%;
	background: #cccccc;
	color: #000000;;
	text-align:center;
	height: 25px;
    padding-top: 4px;
    border-radius: 2px;
	margin-bottom: 4px;
}
div.form-field-label.schedule {
margin-bottom: 10px;	
}
div.field-container a.example-draft {
font-size: 16px;
text-transform: uppercase;
	margin-left: 10px;
}
div#draft-order-container div.instructions {
	font-size: 13px;
}
div.teams-label {
	display: inline-block;
	position: absolute;
	left: 25px;
}
div.lottery-label {
	display: inline-block;
	position: absolute;
	right: 10px;
}
div.field-container {
	text-align:center;
}
span.time-note {
	font-size: 12px;
	font-style:italic;
	color: #555;
	font-weight: bold;
}
#numberDisplay {
	font-size: 50px;
	font-weight:bold;
}
#team-slider {
margin-top:10px;
width: 300px;	
}
#draft-order-container span.num {
display: inline-block;
width: 25px;
font-size: 20px;
text-align:right;
margin-right: 4px;
color: #aaaaaa;
}

.hide {
	display: none !important;
}

#draft-order-container input.email-draft-address {
	width: 350px;
	height: 40px;
}
div.team.show {
	display: inline-block !important;
}
div.team.hide, div.email-draft-address-container.hide, div.schedule-container.hide {
	display: none !important;
}
span.checkbox-text {
	font-size:14px;
	position: relative;
	top: 5px;
}
.error {
	color: red;
	text-align:center;
}
div.draft-league-name-heading {
	font-size: 40px;
	text-align:center;
	margin-bottom: 10px;
}
div#countdown {
	margin-bottom: 20px;
}
div#countdown.show {
	display: block;
}
div#countdown.hide {
	display: none;
}
div#countdown div {
	display: inline-block;
	width: 25%;
    font-size: 100px;
    border: 1px solid #ccc;
    text-align: center;
}
div#countdown div.clock-label {
	font-size: 20px;
}
div.reveal-date-message {
	width: 100%;
	font-size: 20px !important;
	text-align: center;
	margin: 20px 0px;
	height: 40px;
	font-style:italic;
	color: #aaa;
}
div.draftteamsresults {
	text-align:center;
	border: 1px solid #ccc;
}
div.draftteamsresults button {
	margin-top: 5px;
}
div.draftteamsresults button#startRevealButton {
	background: green;;
	color: #ffffff;
	transition: transform 0.2s ease;
}
/* Throbbing animation */
@keyframes throb {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Apply animation to button */
div.draftteamsresults button#startRevealButton {
  animation: throb 1s infinite; /* 1s duration, infinite loop */
}

div.draftteamsresults button#startRevealButton:hover {
  background-color: #087300 ; /* Slightly darker color on hover */
}
div.draftteamsresults button#revealAllButton {
	background: #eeeeee;
	color: #555555;
	border: 1px solid #cccccc;
}
div.draftteamsbefore div.row, div.draftteamsresults div.row {
	display: block;
	width: 100%;
	height: 50px;
}
div.draftteamsbefore div.heading-title {
	background: #0e9ae2;
	color: white;
	font-size: 30px;
	width:100%;
	text-align:center;
	text-transform: uppercase;
	height: 50px;
    line-height: 50px;
	font-weight:bold;
}
div.draft-lottery-results-table-header div.heading-title {
	background: red;
	color: white;
	font-size: 30px;
	width:100%;
	text-align:center;
	text-transform: uppercase;
	height: 50px;
    line-height: 50px;
	font-weight:bold;
}
div.draftteamsbefore div.heading, div.draftteamsbefore div.draft-team {
	display: inline-block;
	width: 50%;
	border: 1px solid #ccc;
	text-align: center;
	font-size:25px;
	height:50px;
	line-height: 50px;
	overflow:hidden;
}
div.draftteamsbefore div.heading {
	background: #0e9ae2;
	color: white;
}
div.draftteamsbefore div.heading.balls, div.draftteamsbefore div.heading.percentage, div.draftteamsbefore div.draft-team-balls, div.draftteamsbefore div.draft-team-percentage {
	display: inline-block;
	width: 25%;
	border: 1px solid #ccc;
	text-align: center;
	font-size:25px;
	height:50px;
	line-height: 50px;
    overflow: hidden;
}
span.show-gifs-label {
	font-size: 14px;
	font-weight:bold;
	position: relative;
	top: 2px;
	text-transform: uppercase;
}
div.revealed-pick-container {
	display: block;
	border: 1px solid gray;
	border-radius: 2px;
	margin-bottom: 5px;
	position:relative;
	min-height: 55px;
}


div.revealed-pick-container div.revealed-pick-num {
	height: 100%;
	width: 60px;
	font-size: 40px;
	position: absolute;
	background: #000000;
	color: #ffffff;
	padding-top: 5px;
}
div.revealed-pick-container div.revealed-pick-num span.pound-sign {
font-size: 20px;	
vertical-align:super;
}
div.revealed-pick-container div.revealed-pick-intro {
	font-size: 30px;
	margin-top: 12px;
	text-align:left;
	margin-left: 70px;
}
div.revealed-pick-container div.revealed-pick-teamname {
	display: inline-block;
	font-size: 40px;
	position: relative;
	margin-bottom: 5px;
	text-align:left;
	margin-left: 70px;
	margin-top: 10px;
	font-weight:bold;
	
}
div.revealed-pick-container div.revealed-pick-gif img {
	max-width: 200px;
	margin-left: 60px;
	margin-top: 10px;
}
div.revealed-pick-container div.revealed-pick-gif.hide {
	display: none !important;
}
div.share-button {
	cursor:pointer;
	height: 30px;
	line-height: 30px;
	width: 150px;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	background: #eee;
	border: 1px solid #aaa;
	border-radius: 4px;
	color: #333;
	text-align:center;
	margin-bottom:10px;
	text-transform:uppercase;
}

/* Add this CSS to your style section */

.zoom-text {
  display: inline-block;
  animation:
    zoomEffect 3s ease-out forwards,
    fadeOut 2s ease-out 5s forwards;
}

/* Zoom in and back */
@keyframes zoomEffect {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

/* Fade out after 5s */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-in {
  animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.wiggle {
  display: inline-block;
  animation: wiggle 0.5s ease-in-out infinite;
}


/* Optional: Add an initial state of hidden divs */
.revealed-pick-intro, .revealed-pick-teamname {
  opacity: 0;  /* Make them invisible initially */
}
 		/* Custom Styling for Slider */
        input[type="range"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            height: 12px;  /* Adjust the thickness of the track */
            background: #fff;  /* Background color of the track */
			border: none !important;
            border-radius: 5px;
            outline: none;
        }

        /* Custom Styling for the Thumb (the knob) */
        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 30px;
            height: 30px;
            background: #0e9ae2;
            border-radius: 50%;
            cursor: pointer;
            border: 1px solid #333;
			position: relative;
			top: -10px;
        }

       input[type="range"]::-moz-range-thumb {
            width: 30px;
            height: 30px;
            background: #4CAF50;
            border-radius: 50%;
            cursor: pointer;
            border: 2px solid #333;
        }

        /* Webkit-specific pseudo-element to style the track */
        input[type="range"]::-webkit-slider-runnable-track {
            height: 12px;  /* Thicker track */
            background: #0e9ae2;  /* Green color for the track */
            border-radius: 5px;
        }

        /* Firefox-specific pseudo-element to style the track */
        input[type="range"]::-moz-range-track {
            height: 12px;  /* Thicker track */
            background: #0e9ae2;  /* Green color for the track */
            border-radius: 5px;
        }

        /* For IE (older versions) */
        input[type="range"]::-ms-track {
            width: 100%;
            height: 12px;  /* Thicker track */
            background: #0e9ae2;  /* Green color for the track */
            border-radius: 5px;
            border: none;
        }

/*********Custom checkbox code *******/
/* Customize the label (the container) */
.show-gifs-checkbox .container {
  display: block;
    position: relative;
    right: 30px;
    padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align:right;
}

/* Hide the browser's default checkbox */
.show-gifs-checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.show-gifs-checkbox .checkmark {
  position: absolute;
  top: 0;
  right: 2px;
  height: 20px;
  width: 20px;
  background-color: #eee;
	border: 1px solid #aaa;
}

/* On mouse-over, add a grey background color */
.show-gifs-checkbox .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.show-gifs-checkbox .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.show-gifs-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.show-gifs-checkbox .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.show-gifs-checkbox .container .checkmark:after {
  left: 7px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*********Custom Radio button code *******/
/* Customize the label (the container) */
#draft-order-container .radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align:left;
}
#draft-order-container .radio-container span.smaller {
	font-size: 13px;
}
/* Hide the browser's default radio button */
#draft-order-container .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
#draft-order-container .radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
#draft-order-container .radio-container:hover input ~ .radio-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
#draft-order-container .radio-container input:checked ~ .radio-checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#draft-order-container .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
#draft-order-container .radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#draft-order-container .radio-container .radio-checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
/********************* BUTTONS *********************/
/*a.button {
font-size: 13px;
display: inline-block;
height: 21px;
border-radius: 5px;
padding: 0px 10px
}
a.button:hover .fa, a.button:hover  {
color: #2279aa;	
text-decoration: none;
}*/
/*
a.bg {
background: #000000;	
color: white;
border: 1px solid white;
height: 40px;
width: 300px;
padding: 6px 15px 0px;
margin-left: 10px;
}
a.bg:hover {
color: white;	
}
a.bg .fa, a.bg:hover .fa{	
color: white;
}*/
a.button {
	display: block;
	width: 300px;
	height: 50px;
    margin: auto;
	margin-bottom:30px;	
	margin-top:30px;
}
/*
div.team-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.team-button:hover {
	background: #047faf;
}*/
a.team-button {
	background: #0e9ae2;/*#F95503;*/
    width: 300px;
	margin: auto;
	margin-bottom:20px;	
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.team-button:hover {
	background: #047faf;/*#C64106;	*/
}
/*
div.trade-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.trade-button:hover {
	background: #047faf;	
}*/
a.trade-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.trade-button:hover {
	background: #047faf;	
}
/*
div.add-button {
	display: block;
	background: #F95503;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.add-button:hover {
	background: #C64106;	
}*/
a.add-button {
	display: block;
	background: #F95503;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.add-button:hover {
	background: #C64106;	
}

div.league-button {
	background: #0e9ae2 /*#02AA16*/;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.league-button:hover {
	background: #047faf /*#037A11*/;	
}
a.league-button {
	background: #0e9ae2 /*#02AA16*/;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.league-button:hover {
	background: #047faf /*#037A11*/;	
}
div.rankings-button {
	background: #777777;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.rankings-button:hover {
	background: #333333;	
}
a.rankings-button {
	display:block;
	background: #777777;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.rankings-button:hover {
	background: #333333;	
}
div.edit-button {
	background: #bbbbbb;
    width: 200px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.edit-button:hover {
	background: #777777;	
}
a.edit-button {
	display: block;
	background: #bbbbbb;
    width: 200px;
	margin: auto;
	margin-bottom: 20px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	clear:both;
}
a.edit-button:hover {
	background: #777777;	
}
button, .submit {
	border: none;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	width: 300px;
	font-size: 20px;
	font-weight: bold;
	background: #0e9ae2;/*#319962;*/
	height: 50px;
	line-height: 50px;
	}

.submit:hover {
	background:#047faf;/* #01770D;*/
}
/*
button:hover, .submit:hover {
	opacity:1;	
	}

/*.save, .submit {
	background: #F95503 !important;
	}*/
button.add {
	background: #F95503 !important;
	}
button.edit {
	background: #F95503 !important;
	}
button.delete {
	background: #F95503 !important; /*old green #0ee255*/
	}


li.rankingborderstyle {
	cursor: pointer;
	border: 1px solid gray;	
	}

input.healed {
background: green;	
height: 20px;
border: none;
color: white;
cursor: pointer;
	border-radius: 5px;
}

div.loggedinbox {
	margin-top:  100px;	
	}

/*Trade Analyzer Schedule Stuff*/
.trade-schedule {
	width: 350px;
	font-size: 10px;
	margin: auto;
	margin-bottom: 10px;
}
.trade-schedule .title {
width: 100%;
max-width:350px;
background: #0e9ae2;
color: #ffffff;
height: 20px;
line-height:20px;
font-size: 14px;
text-align:center;
margin-bottom: 1px;
}
.trade-schedule-row-1, .trade-schedule-row-2 {
	position: relative;
	margin-bottom: 4px;
	padding-left: 2px;
}
.trade-schedule-week-box {
	display: inline-block;
	border: 1px solid gray;
	width:36px;
	height: 60px;
	vertical-align: top;
	text-align:center;
}
.trade-schedule-week-box.completed {
background: #cccccc;	
}
.trade-schedule-week-label {
	display: inline-block;
	color: #555;
	background: #eee;
    border-bottom: 1px solid #ccc;
	font-size: 8px;
	width:100%;
	text-align:center;
	height:10px;
}
.trade-schedule-opponent {
	display: inline-block;
	width: 100%;
	text-align:center;
	height: 14px;
	font-size: 10px;
	padding-top:2px;
}
.trade-schedule-stat-ppr {
	font-size: 14px;
	padding-top: 3px;
	font-weight:bold;
	text-align:center;
	height:35px;
}
.trade-schedule-stat-pts-text {
	font-size: 9px;
	font-weight:normal;
	color: #666666;
	height:15px;
	padding-top: 1px;
}
/*
.trade-schedule-week-box.matchup1 {
	background: red;
}
.trade-schedule-week-box.matchup2 {
	background: pink;
}
.trade-schedule-week-box.matchup3 {
	background: orange;
}
.trade-schedule-week-box.matchup4 {
	background: lightgreen;
}
.trade-schedule-week-box.matchup5 {
	background: green;
}*/
.trade-schedule-week-box img {
	width: 30px;
	padding-top:0px;
}
#projections, #proscons  {
	position: relative;
	width: 100%;
	text-align:center;
	margin-top: 5px;
}
body#player #proscons div.pro, body#player #proscons div.con {
	width:100%;
	padding-left: 30px;
	margin:auto;
	line-height: 22px;
}
body#player #proscons div.pro:before, body#player #proscons div.con:before {
left: 5px;
}
#projections div {
box-sizing: border-box;	
}
#projections div.title, #proscons div.title {
	width: 100%;
	background: #0e9ae2;
	color: #ffffff;
	height: 30px;
	font-size: 20px;
	padding-top:4px;
}
#seasonstats div.title {
	width: 100%;
	background: #0e9ae2;
	color: #ffffff;
	height: 30px;
	font-size: 20px;
	padding-top:4px;
}
#projections div.headings {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	height:20px;
	line-height: 20px;
	font-weight: bold;
	border: 1px solid gray;
}
#projections div.headings.passing {
	width: 100%;
	background: #f6ccce;
}
#projections div.headings.rushing {
	width: 100%;
	background: #c6edfd;
}
#projections div.headings.receiving {
	width: 100%;
	background: #cbfdcb;
}
#projections div.headings.points {
	width: 100%;
	background: #dddddd;
}
#projections div.proj-passing {
	display: inline-block;
	width: 43%;
	border: 1px solid #f6ccce;
}
#projections div.proj-rushing {
	display: inline-block;
	width: 32%;
	border: 1px solid #c6edfd;
}
#projections div.proj-receiving {
	display: inline-block;
	width: 37.5%;
	border: 1px solid #cbfdcb;
}
#projections div.proj-points {
	display: inline-block;
	width: 25%;
	border: 1px solid #ccc;
}
#projections div.proj-box {
	display: inline-block;
}
#projections div.proj-passing div.proj-box {
	width: 19%;
}
#projections div.proj-rushing div.proj-box {
	width: 32%;
}
#projections div.proj-receiving div.proj-box {
	width: 23%;
}
#projections div.proj-points div.proj-box {
	width: 48%;
}
div.proj-box div.stat {
	font-size: 16px;
	font-weight: bold;
	background: #eee;
}
div.proj-box div.number {
	font-size: 20px;
}
#projections div.individualplayer {
	max-width:100%;
}
/**********All Projection page styling****************/

#projections div.allproj div.headings.passing {
	display:inline-block;
	width: 30%;
	background: #f6ccce;
}
#projections div.allproj div.headings.rushing {
	display:inline-block;
	width: 18%;
	background: #c6edfd;
}
#projections div.allproj div.headings.receiving {
	display:inline-block;
	width: 24%;
	background: #cbfdcb;
}
#projections div.allproj div.headings.points {
	display:inline-block;
	width: 12%;
	background: #ccc;
}
#projections div.allproj div.headings.player {
	display:inline-block;
	width: 16%;
	background: #ccc;
}
#projections div.team {
	height: 55px;
	color: white;
	font-size: 28px;
	margin-top: 40px;
}
#projections div.team div.theteam {
	position: relative;
	top: 2px;
	left: 5px;
	z-index: 2;
	text-align: left;
}
#projections div.allproj div {
	height: 25px;
	line-height:25px;
	vertical-align:top;
}
#projections.allproj div.proj-passing div.proj-box {
	width: 19%;
}
#projections.allproj div.proj-rushing div.proj-box {
	width: 32%;
}
#projections.allproj div.proj-receiving div.proj-box {
	width: 23%;
}
#projections.allproj div.proj-points div.proj-box {
	width: 48%;
}
#projections div.allproj div.stat {
	display: inline-block;
	width: 6%;
	font-size: 16px;
	font-weight: bold;
	background: #eee;
	border: 1px solid gray;
}
#projections div.allproj div.number {
	font-size: 16px;
	display: inline-block;
	width: 6%;
	border:1px solid gray;
}
#projections div.allproj div.player {
	padding-left:2px;
	white-space: nowrap;
	overflow: hidden;
	padding-top:0px;
}
#projections div.allproj div.stat.position, #projections div.allproj div.number.position {
	width: 4%;
}
#projections div.allproj div.stat.player, #projections div.allproj div.number.player {
	text-align:left;
	width: 12%;
}
#projections div.allproj.qb {
	background: #f6ccce;
}
#projections div.allproj.rb {
	background: #c6edfd;
}
#projections div.allproj.wr {
	background: #cbfdcb;
}
#projections div.allproj.te {
	background: #ffe5bf;
}
/**********  Projections on Trade Analyzer page *******/
#projections.trade-analyzer {
width:100%;
max-width:350px;
margin:auto;
font-size:10px;
margin-bottom: 4px;
}
#projections.trade-analyzer div.title {
font-size:14px;	
height:20px;
line-height:13px;
margin-bottom: 1px;
}
#projections.trade-analyzer div.headings {
font-size: 12px;
	border: none;
}
#projections.trade-analyzer div.proj-box div.stat {
font-size: 9px;
}
#projections.trade-analyzer div.proj-box div.number {
font-size: 11px;
}
div#team-nav {
	text-align:center;
	max-width:350px;
	margin-left:auto;
	margin-right:auto;
}
/************* MOBILE / RESPONSIVE ******************/

@media (max-width: 768px) { 
	div.player-info {
	font-size: 13px;	
	}
	div.proj-box div.stat {
	font-size: 11px;	
	}
	div.proj-box div.number {
	font-size: 12px;
	}
	#projections div.headings {
	font-size: 11px;	
	}
	div.draftteamsbefore div.heading, div.draftteamsbefore div.draft-team {
		width: 70%;
	}   
	div.draftteamsbefore div.heading.balls, div.draftteamsbefore div.heading.percentage, div.draftteamsbefore div.draft-team-balls, div.draftteamsbefore div.draft-team-percentage {
	width: 15%;	
	}
	div.draftteamsbefore div.heading {
	line-height: 20px !important;
	padding-top: 5px;
	}
	.container {
		flex-direction: column;
	}
	div.hero div.container {
		flex-direction: row;
	}
	.box span.pos {
		font-size: 9px !important;
		width: 18px !important;
	}
	.box span.name {
		font-size: 12px !important;
	}
	div.submit-button {
	width:100% !important;
	}
}
@media (min-width: 1400px)  {
	img.screenshot.desktop {
	max-width: 700px;
	}
}
@media (min-width: 1023px) and (max-width: 1400px) { 
	div.savedteam {
		max-width: 245px;
	}
	img.screenshot.desktop {
	max-width: 580px
	}
}
@media (min-width: 10px) and (max-width: 1023px) {
	#projections div.allproj div.headings, #projections div.allproj div.stat, #projections div.allproj div.number {
		height:20px;
		line-height:20px;
		padding-top:0px;
	}
	#projections div.allproj div.number.player span { 
	display:none; 
	}
	#projections div.allproj div.number {
	font-size: 10px;
	}
	#projections div.allproj div.position {
	font-size: 8px;
	}
	#projections div.allproj div.stat {
	font-size: 10px;
	}
	div.revealed-pick-container div.revealed-pick-intro {
	font-size: 20px;	
	}
	div.revealed-pick-container div.revealed-pick-teamname {
	font-size: 24px;	
	}
	div.draftteamsbefore div.heading-title, div.draft-lottery-results-table-header div.heading-title {
	font-size: 21px;
	}
	div#countdown div {
    font-size: 50px;
	}
	div.draftteamsbefore div.heading, div.draftteamsbefore div.draft-team {
	font-size:16px;
	}
	div.draftteamsbefore div.heading.balls, div.draftteamsbefore div.heading.percentage, div.draftteamsbefore div.draft-team-balls, div.draftteamsbefore div.draft-team-percentage {
	font-size: 16px;
	}
	div.hero div.container {
	background-size: 200px;
	}
	video.desktop, img.desktop {
	display: none;
	}
	div.home-box.team video {
	display:none;	
	}
	div.home-box.team video.mobile  {
	display:block;
	}
	img.screenshot.desktop {
	display: none;
	}
	video.mobile, img.mobile {
	display: block;
	max-width: 300px;
	width: 100%;
	}
	img.screenshot.mobile {
	display: block;
	max-width: 300px;
		width: 100%;
	}
	div#entirepagehomepage {
	top:30px;
	padding: 0px
	}
	#entirepagehomepage .section ul {
	margin-left: 0px !important;	
	}
	body.homepage div#newfooter {
	top: 70px !important;	
	}

	#nav > ul > li > a	{
	height: 100%;
	font-size: 12px; 
	}
	#nav > ul  {
	top: 25px;
	}
	#nav a img {
	width: 25px;
	position: relative;
	top: 3px;	
	}
	#nav {
	top: 0px;
	left: 5px;	
	}
	body > div {
	padding-left: 5px;
	padding-right: 5px;	
	}
	div.header {
	height: 35px;	
	}
	.header .menu-icon {
	padding: 30px 20px;
	}
	ul.menu {
    top: -67px;
	}
	div#toplinks {
	top: 6px;
	right: 70px;
}	
	div#hamburger {	
	background: url("images/hamburger.png") no-repeat;
	}

	div#logo {
	left: 40px;	
	top: 3px;
	}
	div#logo img {
	width: 160px;	
	}
	div#toplinks a {
	font-size: 14px;	
	}
	div#playersearchbox {
		position: relative;
		width: 240px;
   		margin-right: auto;
   	    margin-left: auto;
	}
	div.search-icon {
		display: block;
		position:absolute;
		top: 0px;
		right: 0px;
		color: #ffffff;
		font-size: 25px;
	}
	div.searchbox {
		display: none;
		width: 105%;
		top: 35px;
		right: -10px;
		background: #333333;
		max-height: 40px;
		height: 40px;
        padding-top: 5px;
	}
	div.searchbox .textfield {
		height: 30px;
	}
}

@media (min-width: 10px) and (max-width: 768px) {
	div.scheduleweek {
		width:30%;
	}
	p {
	font-size: 16px;
	}
	div.home-box h2 {
	font-size: 30px;	
	}
	div.hero div.container {
	background-size: 150px;
	}
	img.screenshot.mobile {
	max-width: 250px;
	}
	div.home-box p {
	font-size: 20px;
	padding: 0px 20px;
	}
	div.starters.inline, div.bench.inline {
		display: block;
		width:100%;
	}
	div.spaceleftmobile {
		left: 30px;
		font-size: 11px;
	}
	
	table.stats {
	width: 100%;
	font-size: 10px;	
	}
	
	div#prc_ad {
	width: 100%;	
	}
	div#prc_ad img{
	width: 100%;	
	}
	div.hero h1 {
		font-size: 30px;
		width: 100%;
		line-height: 40px; 
		}
	div.hero div.inner {
		text-align: center;
		}
	#giving {
		float: none;
		width: 95%;
	}
	
	#getting {
		display: inline-block;
		width: 95%;
	}	
	.playerstable {
		display: inline-block;
		width: 100%;	
		vertical-align: top;
		}
	#playersleavingcoming .column {
		display: inline-block;
		width: 100%;
		}
	div#teamscorecontainer {
		width: 100%;
		}
	div#outlookcontainer {
		width: 100%
		}
	div.steps div.item, div.steps div.arrow {
		display: inline-block;	
		width: 100%;
		text-align: center;
		}
	img.starburst {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		top: -35px;	
		right: 0px;
		}
	#newthisyear {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		max-width: 250px;
		top: 50px;	
		right: 0px;
		
		}
	#newthisyear h3 {
		font-size: 31px;
		margin-top: 40px;
		}
	#newthisyear ul{
		font-size: 14px;	
		}

	div.steps .fa-chevron-right {
	display: none;
	}
	div.steps .fa-chevron-down {
	display: block;	
	}
	
	div.steps {
	min-height: 810px;	
	}
	img.devices {
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	}
	div#entirepagehomepage div#content{
	position: relative;
    top: 5px;
	}
	div.footer-col {
	width: 80%;
	}
	div.posmenu a.scoring {
	width: 30%;
	}
	div.posmenu a.full-text {
		display: none;
	}
	div.posmenu a.short-text {
		display: inline-block;
		width: 60px;
	}
	div.posmenu a.pk {
		width: 40px;
	}
}

@media (min-width: 10px) and (max-width: 375px) {

	div.header {
		max-width:375px;
	}
	
}
@media (min-width: 10px) and (max-width: 482px) {
	div.hero h1 {
		font-size: 40px;
		line-height: 35px; 
	}
	div.player {
	font-size: 12px;	
	}
	div.savedteam {
		width: 100% !important;
		max-width: 100%;
	}
	h1 {
		font-size: 34px;
	}
	ul.menu div.col {
	padding-top:0px;	
	}
}
@media (min-width: 10px) and (max-width: 320px) {
	div#logo {	
		top: 5px;
		left: 33px;
		}
	div#logo img {
		width: 170px;	
		}
}

/*Trade Value Chart CSS */
@media (min-width: 10px) and (max-width: 775px) {
	img.lock {
		width: 30px;
	}
	div.locked-content {
		font-size: 12px;
	}	
	div.locked-content a {
		width: 80px;
		margin:auto;
		height: 20px;
		font-size: 11px;text-transform: uppercase;
	}
	.injury {
	width: 10px;
	}
	div.trade-value-chart div.fullrank div.row {
		border: 1px solid #ffffff;
		height: 26px; 
	}
	div.trade-value-chart div.fullrank div.row.endzone {
		border: 1px solid #ffffff;
		text-align: center;
		height: 30px; 
		font-size: 16px;
		font-weight: bold;
		padding-top: 5px;
	}
	div.trade-value-chart div.fullrank div.player {
		/*border: 1px solid gray; */
		height: 26px; 
		display: inline-block; 
		width: 100%;
		color: #ffffff;
		z-index: 2;
	}

	div.trade-value-chart div.fullrank div.empty {
		height: 26px;
	}
	div.trade-value-chart div.value-label {
		position: absolute;
		left: 20%;
		top:-38px;
		font-size: 50px;
		padding-top: 7px;
	}
	.besley {
	  font-family: "Besley", serif;
	  font-optical-sizing: auto;
	  font-weight: 900;
	  font-style: black;
	z-index: 1;
	}
	div.trade-value-chart div.value-label span.yardage-arrow {
		position: relative;
		z-index:1;
		left: 75%;
		top: -50px;
		font-size: 20px;
	}
	div.individualplayer.trade-value-chart {
		color: #ffffff;
		height: 26px;
	}

	div.individualplayer.trade-value-chart div.trade-value {
		position: absolute;
		top: 12px;
		right: 2px;
		font-size: 12px;
		z-index:5;
		font-weight: 800;
	}
	div.individualplayer.trade-value-chart div.name {
		position: relative;
		top: -4px;
		left: -5px;
		font-size: 11px;
	}
	div.individualplayer.trade-value-chart div.posandteam {
		position: relative;
		left:-3px;
		top: -5px;
		font-size: 8px;
		height:10px;
		padding-left:2px;
		/*padding-top: -3px;*/
	}

}
	
/*********************** ADSENSE *************************/

div#prc_ad {
	margin-top: 20px;
	max-width: 728px;
	margin-left: auto;
	margin-right: auto;
}

div.leadertop {
	position: relative;
	top: 10px;
	text-align: center;	
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
div.leaderbottom {
	margin-top: 70px;
	text-align: center;	
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
div.topright336x280 {
	position: absolute;
	right: 10px;
	top: 150px;	
}
div.right300x600 {
	position: absolute;
	right: 10px;
}
div.right300x600-2 {
	position: absolute;
	right: 10px;
	top: 800px;
}
div.topofanalysispageRESP {
	display: block;	
}
div.aboveanalysisRESP {
	display: none;	
}

@media (min-width: 10px) and (max-width: 735px) { 
	div.topright336x280, div.right300x600, div.right300x600-2 {
		display: none;
	}
	div.aboveanalysisRESP, div.topofanalysispageRESP {
		display: block;	
	}
	.teamnamelarge {
	font-size: 18px;
	}
}

	
div.problem {
	font-style: italic;
	font-size: 14px;
	text-align:center;
	color: #777777;
}	
/************************ INJURY **********************/

	
div#body {
	/*position: relative;
	height: 120px;
	width: 80px;
	background-image: url('/images/icons/bodygreen.png');
	background-repeat:no-repeat;*/
	}
div.probable {
	background-image: url('/images/icons/bodygreen.png') !important;
	}
div.questionable, div.doubtful {
	background-image: url('/images/icons/bodyyellow.png') !important;
	}

div.out, div.ir, div.suspended {
	background-image: url('/images/icons/bodyred.png') !important;
	}



.abdomen {
position: absolute;
top: 40px;
left: 30px;	
}
.achilles {
position: absolute;
top: 103px;
left: 16px;	
}
.ankle {
position: absolute;
top: 97px;
left: 17px;	
}
.arm {
position: absolute;
top: 35px;
left: 10px;	
}
.back {
position: absolute;
top: 35px;
left: 30px;	
}
.biceps {
position: absolute;
top: 30px;
left: 11px;	
}
.calf {
position: absolute;
top: 90px;
left: 40px;	
}
.chest {
position: absolute;
top: 20px;
left: 30px;	
}
.collarbone {
position: absolute;
top: 14px;
left: 36px;	
}
.concussion {
position: absolute;
top: -5px;
left: 30px;	
}
.elbow {
position: absolute;
top: 36px;
left: 48px;	
}
.foot {
position: absolute;
top: 103px;
left: 16px;	
}
.groin {
position: absolute;
top: 55px;
left: 30px;	
}
.hamstring {
position: absolute;
top: 70px;
left: 21px;	
}
.hand {
position: absolute;
top: 55px;
left: 51px;	
}
.hip {
position: absolute;
top: 54px;
left: 38px;	
}
.illness {
position: absolute;
top: 40px;
left: 30px;	
}
.knee {
position: absolute;
top: 78px;
left: 20px;	
}
.leg {
position: absolute;
top: 90px;
left: 19px;	
}
.neck {
position: absolute;
top: 8px;
left: 30px;	
}
.ribs {
position: absolute;
top: 30px;
left: 25px;	
}
.shoulder {
position: absolute;
top: 15px;
left: 15px;	
}
.suspended {
position: absolute;
top: 0px;
left: 30px;	
}
.thigh {
position: absolute;
top: 70px;
left: 38px;	
}