body{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	/*background-color: #000000;*/
	background-color:#000;
	min-width: 920px;
	min-height: 1000px;
	margin:0px;
	text-rendering: optimizeLegibility;
}
h1{
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Helvetica, Arial, sans-serif;	/*background-color: #000000;*/
	color:#FFF;
	font-size:3.2em;
	font-weight: 100;
	text-rendering: optimizeLegibility;
}
p{
	font-size: 1.2em;
}
#topgradient{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:3%;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
#mainContent{
	width:100%;
	margin-top:80px;
	
}
#headContent{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	
	
}
.light{
	color:#999;
}

.light a{
	color:#CCC;
}

#chartHolder{
	position:relative;
	width:100%;
	height:560px;
	top: 0px;
	z-index: 2000;
	background-color:#000;
}
#introLabel{
	position:absolute;
	width:80%;
	padding:10px;
	padding-top:20px;
	font-size: 1.2em;
	font-weight: 200;
	line-height: 140%;
	height:100px;
	color:#FFF;
	top:160px;
}

.fixedPos {
	clear: both !important;
	float: none !important;
}

.oneedgeshadow {
	-webkit-box-shadow: 0 20px 20px -20px black;
	-moz-box-shadow: 0 15px 10px -20px black;
	box-shadow: 0 30px 30px -30px black;*/
}

#chartsBottom{
	position:relative;
	width:100%;
	height:2500px;
	margin-top:20px;	
}

.textlabel_center{
	fill:#AAA;
	text-anchor:middle;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	cursor:pointer;
}
.textlabel_small{
	fill:#AAA;
	text-anchor:middle;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
}
.textlabel{
	fill:#AAA;
	text-anchor:middle;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;	
}
#radio{
	position:absolute;
	left:340px;	
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#controlsBottom{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	
	
}
#controlsTop{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:20px;
	
	
}

#watchVid{
	padding:10px;
	border:1px #999 solid;
	color: #999;
	width:240px;
	cursor:pointer;
	margin-bottom:10px;
	font-size:1.1em;
	
}
#watchVid:hover{
	border:1px #BBB solid;
	color: #BBB;
}

#playoffsTop{
	display:none;
	position:relative;
	width:960px;
	height:792px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:20px;
	
	
}

#showPlayoffs{
	padding:10px;
	border:1px #999 solid;
	color: #999;
	width:220px;
	cursor:pointer;
	margin-bottom:10px;
	font-size:1.1em;
	position:absolute;
	left:270px;
	top:0px;
}
#showPlayoffs:hover{
	border:1px #BBB solid;
	color: #BBB;
}


#nextDiv{
	position:fixed;
	top:0%;
	right:5%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #222;
	color:#999;
	padding:10px;
	text-decoration: none;	
	cursor:pointer;
	z-index: 9999;
}
#nextDiv:hover{
	color:#FFFFFF;
	-moz-box-shadow:    0px 10px 15px -10px #000;
	-webkit-box-shadow: 0px 10px 15px -10px #000;
	box-shadow:         0px 10px 15px -10px #000;
}

#vidFrame{
	margin-top:10px;
	border:2px #000 solid;
	
	
}
.grayline{
	stroke:#444;
	stroke-width:1;
	fill:none;
	stroke-opacity:1;
}
.grayfill{
	stroke:none;
	fill:#222;
}



.smallCircs{
	fill:#FFF;
	stroke:none;
	opacity:1;
}

#filtersHolder{
	position:relative;
	bottom:70px;
	height:60px;
	width:900px;
	margin:auto;
}
.filterlabel{
	position:absolute;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:0.9em;
	color: #999;
	top:15px;
	
	
}
#nameSearch{
	position:absolute;
	top:0px;
	left:465px;
	width:420px;
	height:30px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:1.5em;
	color: #DDD;
	background-color: #222;
	padding:5px;
	border-color: #111;
}
#dropMenu{
	position:absolute;
	top:10px;
	left:50px;
	width:300px;
	
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.0em;
	height:30px;
	background: #222;
	color:#DDD;
	border-color: #111;
	
}

#chosenHolder{
	position:absolute;
	top:40px;
	left:600px;
	width:370px;
	height:450px;
	
}
.chosenDivs{
	position:absolute;
	width:350px;
	height:50px;
	padding:10px;
	
	border:1px #111 solid;
	
	background-color: #222;
	color:#3bcbff;
	font-weight: 700;
	font-size: 1.2em;
	
	
	cursor:pointer;
	
}

.subtext{
	clear:both;
	font-weight: normal;
	font-size: 0.8em;
}
.firstone{
	
}
.secondone{
	opacity:0.5;	
}
.faded{
	color:#CCC;	
	opacity:0.10;	
}
.faded:hover{
	opacity:0.20;
}



div.tooltip {   
  position: absolute;           
  text-align: center;           
  padding: 6px;             
  font: 1em sans-serif;        
  background: white;   
  border: 0px;      
  border-radius: 4px;           
  pointer-events: none; 
  z-index: 3000;        
}

#likeBut{
	margin-top:15px;
}



/*

#controlsTop{
	position:relative;
	margin-left:90px;
	margin-top:0px;	
	height:100px;
}

#controlsBottom{
	position:relative;
	margin-left:90px;
	margin-top:0px;	
	height:200px;
}

#mapHolder{
	position:relative;
	width:100%;
	
}


#yearLabel{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 4em;	
	color:#999999;
}

#slider-range{
	position:relative;
	top:5px;
	left:0px;
	width:800px;
	margin-top:20px;
}
.ui-widget-content{
	background: #222;
	border:1px #333 solid;
}
.ui-slider-handle{
	background: #999;
	border:1px #333 solid;
	
}
#sliderButs{
	position:absolute;
	top:35px;
	right:100px;
	width:480px;
	height:40px;
	
}
.sliderBut{
	position:relative;
	float:left;
	margin-right: 4px;
	border:1px #666 solid;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.0em;	
	color:#666;
	
	cursor:pointer;
	
}
.sliderBut:hover{
	border:1px #CCC solid;
	color:#CCC;
}
.sliderBut.selected{
	background-color:#BBB;
}

#thetags{
	position:relative;
	
	
	
}
.champTagHolder{
	position:relative;
	margin-left: 0px;
	margin-top: 2px;
	padding:2px;
	color:#999;	
	
}
.champTags{

	position:absolute;
	left:80px;
	top:0px;
	
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;	
	color:#EEE;
	height:28px;
	width:500px;
	padding: 10px;
	white-space: nowrap;
	overflow:hidden;
	cursor:pointer;
	margin-top:-10px;
}
.trail{
	font-weight: normal;
	font-size: 0.7em;
	
}
.teaserDiv{
	position:absolute;
	top:2px;
	left:620px;
	font-weight: bold;
	font-size: 14px;
	color:#999;
	cursor:pointer;
	text-decoration: none;
	
}
.teaserDiv:hover{
	color:#FFFFFF;
}


#nextDiv{
	position:fixed;
	top:0%;
	right:10%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	background-color: #222;
	color:#999;
	padding:10px;
	text-decoration: none;	
	cursor:pointer;
	z-index: 9999;
}
#nextDiv:hover{
	color:#FFFFFF;
	-moz-box-shadow:    0px 10px 15px -10px #000;
	-webkit-box-shadow: 0px 10px 15px -10px #000;
	box-shadow:         0px 10px 15px -10px #000;
}

#bottomButs{
	position:relative;
	height:200px;
	width:650px;
	padding:40px;
	top:30px;
	left:100px;
	
	
}

.simpleButs{
	float:left;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin-right:3px;
	background-color: none;
	color:#CCC;
	padding:5px;
	text-decoration: none;	
	
}
.simpleButs:hover{
	background-color: black;
	color:#FFF;
	
	
}
.light{
	color:#666;
}

.light a{
	color:#999;
}
#likeBut{
	color:#666;
}


.NFL{
	background-color:#8A9B0F;
}
.MLB{
	background-color:#BD1550;
}
.NBA{
	background-color:#E97F02;
}
.NCAAM{
	background-color:#F8CA00;
	color:#333;
}
.NHL{
	background-color:#07D4F5;
}
.clear { clear: both; }
.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}






.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.hexagon {
  fill: none;
  stroke: #000;
  stroke-width: .5px;
  opacity:0.5;
}

.textlabel{
	fill:#AAA;
	text-anchor:middle;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	
	
}
.radialLabel{
	fill:#333;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.leftLabel{
	fill:#333;
	text-anchor:start;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.rightLabel{
	fill:#333;
	text-anchor:end;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;

}
.centerLabel{
	fill:#333;
	text-anchor:middle;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.lightLabels{
	fill:#AAA;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	
}

.bar rect {
  fill: steelblue;
  shape-rendering: crispEdges;
}

.bar text {
  fill: #fff;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

path {
  stroke: #999;
  stroke-width:0.25px;
  fill-rule: evenodd;
}
#radio{
	position:absolute;
	top:564px;
	left:340px;
	
}


.ui-widget {
font-family: Titillium Web,Arial,sans-serif;
font-size: 1.0em;
}
*/