@charset "UTF-8";
/* CSS Document */

body		{	
	
				padding: 0px;
				font-family: Optima;
				font-size: 16px;
				width: 1200px;
				height: 800px;
/* 				overflow: hidden; */
				background-color:white;
				-webkit-user-select: none;
			}


@font-face{
				font-family: 'alien';
				src: url('fonts/AE_italics.ttf') 
				format('truetype');
			}
			
			
.navigate
			{
				visibility: hidden;
				height: 0px;
				
			}

img
			{
				border-width: 0em;
			}

form		{
				
			}			
	

form#Dave	
			{
				
				border-width: 2px;
				//border-top: solid black 1px;
				//border-right: 90%;
				overflow: auto;
				margin-top: 90px;
				margin-left: 0px;
				//width: 817px;
				width: 67%;
				top: 100px;
				height:1000px;
				-webkit-box-shadow: 2px 5px 10px #888;
				box-shadow: 2px 5px 10px #888;
				padding-right: 20px;
				z-index: 5;
				
			}

.help
			{
				position: absolute;
				left: 900px;
				top: 20px;
				color: #f50000;
				
				opacity: 0;
				-webkit-transition: opacity 3s;
				width: 400px;
				overflow: auto;
				height: 100px;
				padding-left: 10px;
			}



.help.populated
			{
				opacity: 1;
				background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#c9c9c9));		
				background-color:#c9c9c9
			
			}




.Round
			{
				width: 815px;
				
			}




.QB_Tiers::-webkit-scrollbar{
			-webkit-appearance:menulist;
			height: 700px;
			width: 10px;

			}


.QB_Tiers::-webkit-scrollbar-track
			{
				border-radius: 10px;
			}



/*
.TSheet::-webkit-scrollbar-
			{

				border-radius: 1px;
				border 2px solid;


			}
*/
		
table#DraftBoard
			{
				
				top: 0px;
				font-size: 10pt;
				border-style: solid;
				//border-right-width: 2px;
				//border-left-width: 2px;
				//border-bottom-width: 2px;
				//border-top-width: 2px;
				background-color: white;
			
				
			}
			
div#head_container			
			{
				border-radius: 50%;
				
			}			
			
			
			
div.head
			{
				
				font-size: 11px;
				font-weight: bold;
				padding-left: .5px;
				border-left-style: none;
				border-bottom-style: none;
				border-right-style: double;
				border-top-style: none;
				border-right-color: #3c65e2;
				border-right-width: 1px;
				border-left-width: 1px;
				float: left;
				vertical-align: top;
				text-align: center;
				width: 74.5px;
				height: 78px;
				margin-right: .5px;
				z-index: -20;
			}			
			

.team_logo
			{
				height: 50px;
				
			}			


div.rating
			{
				font-size: medium;
				
			}


div#Rnd		{
				width: 50px;
			}




.football	
			{
				padding-top: 20px;
				width: 57px;
/* 				position: absolute; */
				z-index: 5;
				top: 45px;
				
			}		

.head.tlogo	
			{
				position: absolute;		
				height: 30px;
				z-index: -20;
			}	
			
/*th.draftbox
			{
				height: 50px;
				width: 100px;
				border-width: 1px;
				border-style: inset;
			}

*/


td			{
			
				text-align: center;
				position: relative;
				border: 1px black;
				/*z-index: 1;*/
			}






div.output
			{
				position: absolute;
				left: 1100px;
				border 2px solid black;
			}




img	{
				//height: 96px;
				//width: 71px;
			//	height: 60px; 
			//	max-width: 50px; 
				
			}
			
			
.imgPlayer
			{
				height: 60px;
				max-width: 50px;
			}		
			
img.news
			{
				height: 15px;
				width: 15px;
			}	
			
img.playernews
			{
				height: 15px;
				width: 15px;
				
			}

img.lock
			{
				height: 5px;
			}


img.unselected
			{
				opacity: 0;
			}



.autoheading
			{
				font-weight: bold;
				background-color: black;
				color: white;
				font-size: 10px;
				float: left;
				width: 21px;
				padding: 5px;
				border-right-color: white;
				border-right-style: solid;
				border-right-width: 1px;
				text-align: center;
				background-image: -webkit-gradient(linear, left top, left bottom, from(grey),to(black));
				z-index: -3;
			}

.autoname 
			{
				width: 120px;
				opacity: 1.0;
				z-index: -3;
				background-color: none;
			}				

.autoPos
			{
				width: 21px;
				background-color: transparent;
				opacity: 100%;
			}
			
			
.autoTeam
			{
				width: 30px;
				
			}

.autoBye
			{
				border: none;
				width: 21px;
			}
.suggbox	
			{
				position: absolute;
			
				width: 555px;
				height:300px;
				font-size: 11px;				
				//z-index: 1000;
				
			}



.base		{
				position: absolute;
				width: 236px;
				background-color: white;
				-webkit-backface-visibility: hidden;
				z-index: 10;
				border-left: 1px solid black;
				border-top: 1px solid black;
				-webkit-box-shadow: 5px 10px 20px black;
				
			}

.autolist	
			{
				float: left;
				padding: 5px;
				border-right-color: black;
				border-right-style: solid;
				border-right-width: 1px;
				text-align: center;
				opacity: 1.0;
				
				
			}


.autoselection
			{
				
				background-color: white;
			}


.autoselection:hover
			{
				background-color: yellow;
				color: green;
			}






.testprofile
			{
				position: absolute;
				height: 250px;
				width: 200px;
				-webkit-transform: rotateY(180deg);
				-webkit-backface-visibility: hidden;
				border: 2px black;
				background-color: yellow;
				
			}






.card
			{
			
				height: 250px;
				width: 160px;
				position: absolute;
				-webkit-transform-style: preserve-3d; 
				-webkit-transition-property: -webkit-transform;
				-webkit-transition-duration: .5s;
				-webkit-perspective: 1500;
			}
			
.card.flipped
			{
				position: absolute;
				-webkit-transform: rotateY(180deg);
				-webkit-transform-origin: right;
				/*top: 0px;
				left: 115px;
				height: 300px;
				width: 200px;
				z-index: 10;*/				
			}



 div.box.testbox
			{
				
				/*border-style: solid;
				border-width: 1px;*/
				
				top: 0px;
				padding: 0px;
				position: relative;
				height: 110px;
				//width: 86px;
				width: 75px;
				top: 0px;
			
			}				




	
	
/***************************************************************Card Styling**************************************************************/			

div.box	
			{
				
				/*border-width: 1px;*/
				margin-right: 1px;
				margin-bottom: 1px;
				border-color: #0c0c0c;
				//margin-top: .2px;
				padding: 0px;
				width: 75px;
				height: 130px;
				-webkit-perspective: 600;

			}

div.draftbox
			{
				font-family: sans-serif, fantasy;
				float: left;
				position: relative;
				text-align: center;
				line-height: 145px;
				font-size: xx-large;
				height: 130px;
				vertical-align: middle;
				width: 55px;
				border-right-style: 1px solid;
				-webkit-perspective: 600;
				

				
			}
			
			
			
			
.board
			{
				font-family: 'Jura', sans-serif;
				color: white;
				overflow: 
				font-size: small;
				//text-shadow: 1px 1px 1px black;
			}


div.testbox
			{
				/*
				height: 100px;
				width: 100px;
				*/
				padding: 0px;
				-webkit-transform-style: preserve-3d; 
				-webkit-transition-property: -webkit-transform;
				-webkit-transition-duration: 1s;
				-moz-transform-style: preserve-3d;
				-moz-transition-property: -moz-transform;
				-moz-transition-duration: 1.5s;
				-ms-transform-style: preserve-3d;
				-ms-transition-property: -ms-transform;
				-ms-transform-duration: 1s;				
				
			}
			



.oddRound
			{
				float: left;
			}


.evenRound
			{
				float: right;
				
			}
			
			
/*img:hover{
						
						
					//	 -webkit-transition-property: -webkit-transform;
					//	 -webkit-transition-duration: 2s;
					//	 -webkit-transform: scale(5); 
						
					}
*/
.testbox.flipped
			{
				
				border-color: #0c0c0c;
				height: 130px;
				//width: 85px;
				width: 75px;
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotate(180deg);
				
				/*-webkit-transform: translate3d(100px, 180px, 300px );*/
			}



.testbox.superflip
			{
				
				border-color: #0c0c0c;
				height: 130px;
				//width: 85px;
				width: 75px;
				-webkit-transform: rotateY(360deg);
				-moz-transform: rotateY(180deg);
				
				/*-webkit-transform: translate3d(100px, 180px, 300px );*/
			}




.face		{				
							
				text-align: center;           
				font-size: x-small;
				display: inline;
				position: absolute;
				width: 75px;
					
				height: 130px;
				
				/*-webkit-border-radius: 10px;*/
				text-align: center;				
				 word-wrap: normal;                               
				-webkit-box-shadow: 0px 2px 6px rgba(0,0,0);
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
								
			}



.demo		{
				position: relative;
				
			}

img.team
			{
				height: 20px;
			}

.facia
			{
				width: 90%;
				
			}

.demo
			{
				font-family: Jura;
				margin-left: 5px;
				float: right;
				position: relative;
				width: 100%;
				/* border:1px solid black; */
			}

/*
.demo.playerpos
			{
				position: absolute;
				top: 0px;
				z-index: 1000;
				
			}
*/


.playerpos
			{
				
				
				width: 15px;
				height: 0px;
				left:5px;
				//border-top: 10px solid transparent;
				border-bottom: 20px solid #d5d5d5;;
				//border-bottom: 20px solid white;
				//border-left: 30px solid transparent;
				border-right: 15px solid transparent;
				color: black;
				position: absolute;
				top: 0px;
				-webkit-box-shadow: 0px 0px 0px  #000000;
								
			}

.demo.playerteam
			{
				
				width: 80%;
				height: 40px;
			/*	border-top: 15px solid white;*/
			/*	dont use: border-right: 30px solid transparent; */
				border-left: 18px solid transparent; 
				top: 0px;
				position: relative;
				right: 0px;
				padding-left: 20%;
				z-index: 1;
				float: right;
			}


/*.playerteam.team
			{
				position: relative;
				width: 10%;
				
				
			}
*/

.testbox.autoflipped
			{
				border-color: #0c0c0c;
				height: 130px;
				//width: 85px;
				width: 75px;
				-webkit-transform: rotateY(360deg);
				-webkit-transition-duration: 6s;
				-webkit-box-shadow: yellow;
			
			}

.playerdraft
			{
				
				
				color: white;
				text-align: center;
				background-image: linear-gradient(to top,#496fd0 ,#79a8ff );
				background-image: -webkit-gradient(linear, left top, left bottom, from(#79a8ff),to(#496fd0));
				//background-image: url(../images/Logo/PHI_back.png);
				background-image: -moz-linear-gradient(left top, #79a8ff, #496fd0); 
				//background-color: blue;
/* 				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a8ff', endColorstr='#79a8ff', GradientType=0); */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79a8ff', endColorstr='#79a8ff',GradientType=1 );
				//background-image: url('../images/Logo/STL.jpg');
				//background-repeat: no-repeat;
				//background-size: 150px;
				z-index: 3;
				                               
			}



.back
			{	
				
				position: absolute;
/* 				visibility: hidden; */
				background-color: blue;
				-webkit-transform: rotateY(180deg);
				color: white;
				-moz-backspace-visibility: hidden;
				z-index: 0;
				
			}

input.searchbox	
			{
				width: 70px;
			}





.thumbs
			{
				position: relative;
				padding: 10px;
				height: 13px;
  				
			}




.thumbs.selected
			{
				-webkit-transition: all .3s ease-out; 	
				-webkit-transform: scale(2);
			
			}

.thumbs.done
			{
				-webkit-transition: all .3s ease-out;
				-webkit-transform: scale(0);
			}

ul.TierMenu	
			{
				position: absolute;
				left: 884px;
				top: 89px;
				width: 490px;
				display: inline;
				padding: 0px;
				
				
			}

.TierMenu	
			{
				position: absolute;
				left: 884px;
				top: 125px;
				width: 490px;
				display: inline;
				padding: 0px;
				
				
			}



#Chat		{
				visibility: hidden;
				width: 0px;
				height: 0px;
				padding: 0px;
				border: none;
				margin: 0px;
				
			}



/*div.Menu	
			{
				//left: 1100px;
				/*position: absolute;
				height: 20px;
				//width: 1000px;
			}

*/
.Menu ul li	
			{
				
				padding-right: 19px;
				padding-left: 19px;
				/*background-color: #eeff88;*/
				
				list-style-type: none;
				border-color: #2a2a2a;
				border-width: 1px;
				border-style: solid;
				display: inline;
				//background-image: -moz-linear-gradient(left top, #eeff88, #496fd0);
				border-top-right-radius: 5px;
				margin-right: 4px;
				border-bottom: none;
				-webkit-box-shadow: 3px 1px 0px #888;
				-moz-box-shadow: 3px 1px 0px #888;
			}
			
			
	.label	
			{
				
				padding-right: 19px;
				padding-left: 19px;
				/*background-color: #eeff88;*/
				
				list-style-type: none;
				border-color: #2a2a2a;
				border-width: 1px;
				border-style: solid;
				display: inline;
				//background-image: -moz-linear-gradient(left top, #eeff88, #496fd0);
				border-top-right-radius: 5px;
				margin-right: 4px;
				border-bottom: none;
				box-shadow: 3px 1px 0px #888;
				-webkit-box-shadow: 3px 1px 0px #888;
				-moz-box-shadow: 3px 1px 0px #888;
				
			}











li:hover
			{
				background-color: red;
				//padding-top: 30px;
				-webkit-transition: background-color 1s;
				-moz-transition: background-color 1s;
				
				
				
			}



/*********************************************************Tiering*******************************************************************/


.mg
			{
				height: 30px;
				padding-left: 13px;
				
			}

.searchbox
			{
				//height: 0px;
				left: 10px;		
			}
			
input.searchbox
			{
				width: 300px;
			}




div.TTables
			{
				position: absolute;
				left: 880px;
				top: 150px;
				height: 650px;
				width: 480px;
				-webkit-box-shadow: 2px 5px 10px #888;
				box-shadow: 0px 0px 8px #888;
				
			}

div.freeagent
				{
		
					width: 500px;

				}


div.FreeAgents 

			{
				position: absolute;
				left: 50px;
				top: 25px;
				height: 650px;
				width: 600px;
				-webkit-box-shadow: 2px 5px 10px #888;
				box-shadow: 0px 0px 8px #888;
				
			}	



.show
			{
				background-color: #6d8bff;
				visibility: visible;
				font-size: 16px;
				
					
			}
			
.TSheet
			{
				color: black;
/* 				width: 460px; */
				height: 580px;
				position: absolute;
				top: 60px;
				left: 10px;
				overflow-x: none;
				overflow-y: auto;
				-ms-overflow-style: -ms-autohiding-scrollbar;				
			}


div.Row
			{
				
				
				-ms-border-bottom: ridge, 1px, #f7f7f7;
				background-color: #f7f7f7;
				border-bottom-width: 2px;
				border-bottom-width: 1px;
				border-bottom-style: ridge;
				overflow: auto;
				position: relative;
/* 				width: 560px; */
				font-size: 13px;
				padding-left: 5px;
				-webkit-transition: -webkit-box-shadow .5s, margin-bottom .5s, margin-top .5s;
				-webkit-transition-delay: .10s; 
				-moz-transition: -moz-box-shadow .5s, margin-bottom .5s, margin-top .5s;
				-moz-transition-delay: .10s;
				
			
				
			}
			
			
div.hide
			{
				
				
				border-bottom-width: 0px;
				visibility: hidden;
				height: 0px;
				padding: 0px;

			}				
			
			
			
			
			
			
				
/*div.Row:hover
			{
				
				//background-color: blue;
				//color: white;	
				-webkit-transition: margin-bottom .5s,margin-top .5s, -webkit-box-shadow .5s;
				margin-top: 10px;
				margin-bottom: 10px;
				
				-webkit-box-shadow: 3px 5px 30px #888;
				-webkit-transition-delay: .15s; 
				
				-moz-transition: -moz-box-shadow: .5s, margin-bottom .5s, margin-top .5s;
				-moz-box-shadow: 3px 3px 10px #888;
				-moz-transition-delay: .15s;
			
			}			
*/						



					
.QB.name
			{
				width: 100px;
			}		

			
.TierHeading
			{
				padding: 5px;
				border: 1px black;
				float: left;
				font-size: small;
				width: 25px;
				margin-right: 5px;
				
			}

.TierHeading.Select
			{
				width: 50px;
			}



.TierHeading.name
			{
				width: 140px;
			}


.TierCell
			{
				font-family: 'Jura', sans-serif;
				font-weight: bold;
				padding: 5px;
				border: 1px black;
				float: left;
				width: 25px;
				//font-size: small;
				margin-right: 5px;
				
			
			}
			
.TierCell.Select
			{
				padding-top: 1px;
				color: white;
				font-family: sans-serif, "Lucida Grande", Verdana, Arial;
				font-weight: bold;
				border-style: solid;
				border-width: 1px;
				border-color: #0d0d0d;
				margin-top: 5px;
				font-size: 7px;
				text-align: center;
				width: 35px;
				height: 7px;
				border-radius: 5px;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#79a8ff),to(#496fd0));
				background-image: -moz-linear-gradient(left top, #79a8ff, #496fd0); 
				background-image: -ms-linear-gradient(left top, #79a8ff, #496fd0);
				
				
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a8ff', endColorstr='#496fd0');
			}			

			

.TierCell.team	
			{
				
				color: #4963ff;
				text-decoration: underline;
				width: 50px;
				
			}
			


.TierCell.Pos
			{
				width: 6px;
				
			}


		

.TierCell.team:hover
			{
				cursor: hand;
			}
img.logo:hover
			{
				
			}



.TierCell.name
			{
				width: 140px;
				
			}


/*.TierCell.Draft
			{
				width: 0px;
				//visibility: hidden;
				padding: 0px;
			}

*/





.fade
			{
				padding-left: 5px;
				width: 460px;
				font-size: 13px;
				height: 0px;
				opacity: 0.0;
				background-color: #c6c6c6;
				position: relative;
				-webkit-transition: -webkit-box-shadow 1.5s, margin-bottom .5s, margin-top .5s, opacity 2s;
				-webkit-transition-delay: 0s; 

				
			}		

.TierCell.pushed
			{
				padding-top: 1px;
				color: white;
				font-family: sans-serif, "Lucida Grande", Verdana, Arial;
				font-weight: bold;
				border-style: solid;
				border-width: 1px;
				border-color: #0d0d0d;
				margin-top: 5px;
				font-size: 7px;
				text-align: center;
				width: 35px;
				height: 7px;
				border-radius: 5px;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#ff141c),to(#ffffff));
			}	
			
.logo
			{
				text-align: center;
				height: 20px;
				
			}
			
#mysearch
			{
				width: 200px;
				margin: 0px;
				float: left;
			}



#mysearch:hover
			{	
				margin: 0px;
				-webkit-box-shadow: none;
			}


.Search
			{
				height: 0px;
				visibility: hidden;
				background-color: #f7f7f7;
				border-bottom-width: 2px;
				border-bottom-style: ridge;
				border-bottom: 1 px black;
				overflow: auto;
				position: relative;
				width: 460px;
				font-size: 13px;
				padding-left: 5px;
				-webkit-transition: -webkit-box-shadow .5s, margin-bottom .5s, margin-top .5s;
				-webkit-transition-delay: .10s; 
				-moz-transition: -moz-box-shadow .5s, margin-bottom .5s, margin-top .5s;
				-moz-transition-delay: .10s;

			}


.courtesy
			{
				
				font-size: 16px;
				padding-left: 20px;
				align-content: center;	
/* 				height: 20px; */
			}


.courtesy img
			{
				width: 55%;
				
			}

.pickcomment
			{
				position: absolute;
				height: 130px;
				width: 120px;
				background-color:#f74e4e;
				-webkit-perspective-origin-y: 200px;
				-webkit-perspective: 300px;
			}


.textComment
			{
				-webkit-transform-style: preserve-3d; 
÷				 -webkit-box-shadow:  10px 10px 5px #888;
			}

.commmentSubmit
			{
				-webkit-transform-style: preserve-3d; 
			
			}
			
.ribbon
			{
			
			    border-color: #b14444 #b14444 transparent #b14444;
                border-style:solid;
                border-width:8px;
                width: 0px;
   				position: absolute;
				top: 0px;
				z-index: 1000;
/* 				background-color: red; */
				color: white;
				height: 20px;
/* 				width: 20px; */
				text-align: left;
				
				border-width-left: 5px;
				border-width-right: 11px;
				
				
			}

.ribbon span
			{
				position: absolute;
				right: 1px;
				height: 10px;
				width: 3px;
				font-size: small;
				font-weight: bold;
				padding-right: 0px;
				text-align: center;
			}


.ribbon.cmt
			{
				border-color:  transparent #476153;
				border-color: #fde953 #fde953 transparent #fde953;
				color: black;
				
			}


audio
			{
				visibility: hidden;
			}
			
			
.commentsbox{
				position: absolute;
				top: 30%;
				left: 30%;
				height: 200px;
				width: 200px;
				overflow: auto;
				z-index: 2000; 
				background-color: grey;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa),to(#a0a0a0));
				background-image: -moz-gradient(linear, left top, left bottom, from(#fafafa),to(#a0a0a0));
				color: black;
				box-shadow: 10px 10px 5px rgba(67,65,65,0.88);
				border-width: 0px 5px 2px 1px;
	
	
			}	
			
.online
			{
				background-color: green;
				color: white;
				border-top: 3px solid #abfb0c;
			}		

.page_container{
					position: absolute;
					left: 30%;
					width: 300px;
			   }



#change
			{
				visibility: hidden;
				margin-top: 5px;
				height: 100px;
			}

#login{
		background-color: yellow;
		position: absolute;
		width: 300px;
		left: 30%;
		display: block;
		float: left;
		
	
		}


#myanchor{
			font-size: x-small;
			padding-left: 5px;	
		}

.caption
		{
			float: left;
			height: 20px;
		}
input
		{
			float: right;
			height: 20px;
		}
		


		
#activity_log
			{
				position: absolute;
				left: 880px;
				top: 830px;
				height: 270px;
				width: 480px;
/* 				background-color: */
				-webkit-box-shadow: 2px 5px 10px #888;
				overflow-y:auto;
				visibility: visible;
			}
#posts
			{
				display: table;	
				position: relative;
				height: 240px;
				overflow-y: auto;
/* 				 display: flex; */
/* 				 -webkit-flex-direction: column-reverse; */
				/*
 flex-direction: column-reverse;
				 flex-wrap: nowrap;
				
*//* flex-wrap: column-reverse wrap-reverse;		 */		
/* 				flex-wrap: inherit; */
											
			}			
			

#wrapper	{
				display: table-cell;
				vertical-align: bottom;
				overflow-y: auto;
				height: 240px;	
			}



.comment.Row
			{
/*
				 display: block;
				width:100%;
				height: 15px;
*/
				overflow: hidden;
				position: relative;
/* 				bottom: 15px; */
/* 				/top: 241px; */
/* 				display: table-cell; */
			
			}
			
#timer
			{
				height:30px;
				background-color: red;
				font-size: large;
			}
#comment
			{
				position: absolute;
				left: 880px;
				top: 1100px;
				width: 480px;
			}
			
#settings   {
				position: absolute;
				top: 20px;
				left: 1300px;
	
			}
			

#cast
			{
				visibility: hidden;
			}

div.player_profile
			{
				position: fixed;
				top: 25px;
				left: 884px;
				height: 90px;
				width: 540px;
				background-color: white;
				-webkit-box-shadow: 2px 5px 10px #888;
				box-shadow: 0px 0px 8px #888;
				
			}	
			
			
			
div.player_details
			{
				position: absolute;
				top: 25px;
				left: 700px;
				height: 800px;
				width: 700px;
				background-color: white;
				-webkit-box-shadow: 2px 5px 10px #888;
				box-shadow: 0px 0px 8px #888;
				
				
			}			
			
			
			
					

div.news
			{
				left: 40px;
				position: relative;
				font-size: small;
				height: 90px;
				width: 460px;
				padding-right: 5px;
				overflow: scroll;	
				
			}





div.container playerinfo
			{
				width: 100%;
				height: 100px;
			}



div.banner
			{
				width: 100%;
				font-family: 'alien';
				font-size: 40px;
				text-align: center;
				border: 1px solid red;
			}


div.sectionbanner
			{
				width: 100%;
				font-family: 'alien';
				font-size: 16px;
			}




div.newsbox{
				width: 100%;
				position: relative;
				font-size: small;
				height: 100px;
				border: 1px solid red;
				margin: 5px;
				overflow-y: scroll;
	
			}

.barchart
			{
				width: 100%;
				position: relative;
				height: 500px;
				border: 1px solid red;
			}

#graph
			{
				width: 90%;
			}

div.headshot
			{
				float: left;
				position: relative;
				width: 30px;
				height: 100px;
/* 				border-right: solid 1px; */
				
			}
img#pic

			{
				max-height: 88px;
			}


div.demographics
			{
				position: relative;
				height: 100px
			}
			
			
div.stat		{
				color: blue;
				position: relative;
				display: block;
				float: left;
				margin: 10px;
	
			}			
			
			
			

div.lastseason
			{
				width: 700px;
				position: relative;
				height: 100px;
				border: 1px solid red;
			}



button#pwdchange
			{
				height: 40px;
				width: 100px;
				position: absolute;
				top: 415px;
				left:100px;
				
			}

input#commander{
					position: absolute;
					top: 1000px;
					left: 30px;
				}





/* This is for the new Draft page */



table#freeagent{
	font-family: jura 12px;
}





#freeagent:hover {
  background-color:
				{
					background-color: #b1c3f7;
				}







			
<style>
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
</style>