@media screen and (max-width: 1219px) {
	.container.widescreen {display: none;}
	.container.narrowscreen {display: block;}
	
}
@media screen and (min-width: 1220px) {
	.container.widescreen {display: block;}
	.container.narrowscreen {display: none;}
}

html, body { height: 100%; }
.body-container { min-height: 100%; position: relative; }
.main { padding-bottom: 48px; }

html {
  font-family: sans-serif;
	background: url('../images/bg-ice.jpg') #b9c2c3 center;
	min-width: 630px;
}
body { margin: 0 auto; min-width: 630px; }
a {
  color: #03f;
  border-bottom: dotted 1px #03f;
  text-decoration: none;
}
a:hover { border-bottom-style: solid; }

.container { margin: 0 auto; width: 630px; max-width: 630px; }
.container.widescreen {
	width: 1202px; max-width: 1202px; padding-top: 16px; padding-bottom: 16px;
}
.conference {
	float: left;
	width: 580px;
}
.header {
  color: #fff;
  background: rgba(0,0,0,.6);
  text-transform: uppercase;
  text-align: center;
	padding: 24px 0;
	box-shadow: 0px 8px 24px 0px rgba(50, 50, 50, 0.5);
}
.header a, .footer a { color: #ddd; border-color: #ddd; }
.main { color: #333; }
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 16px;
	color: #fff;
  background: rgba(0,0,0,.65);
	font-size: 10px;
  padding: 16px 0;
  text-align: center;
	line-height: 1.4em;
}

.lead { letter-spacing: 6px; }
h1 { margin: 0; }

table {
  width: 100%;
  border-collapse: separate;
	border-spacing: 5px;
}
table th {
	font: 18px 'Yanone Kaffeesatz';
	letter-spacing: 4px;
	text-transform: uppercase;
}

#east td.wins div.series,
#east td.wins span,
#east td.wins a
{ float: right; }
#east td.wins div.series {
	padding: 0 1px 0 10px;
}
.conference td.wins div.series:last-child,
.conference #east td.wins div.series:last-child { padding-left: 1px; padding-right: 1px; }

td.team {	box-shadow: inset 0px 24px 24px 0px rgba(64, 64, 64, 0.1) }
td.wins {	box-shadow: inset 0px 12px 24px 0px rgba(128, 128, 128, 0.1) }

tr.eliminated td.team { opacity: .33; }
tr.eliminated td.wins a, tr.eliminated td.wins span { opacity: .16; }

td.team {
	overflow: hidden;
	width: 204px;
	background-color: rgba(0, 0, 0, 0.01);
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 32px;
	letter-spacing: 4px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	line-height: 0.8em;
}
td.team a { border: none; color: #333; }
td.wins { width: 400px; }

td.wins div.series {
  float: left;
  padding: 0 10px 0 1px;
}
td.wins span, td.wins a {
  display: block;
  float: left;
  width: 12px; height: 56px;
  margin: 0 4px;
  background: #ddd;
	border: none;
}
td.wins a.win {
  background: #000;
}

div.stanley-cup,
td.wins span.stanley-cup {
	background: url('../images/stanley-cup.png');
	width: 22px;
	height: 56px;
}
div.stanley-cup.won,
td.wins span.stanley-cup.won { background-image: url('../images/stanley-cup-won.png'); }

div.stanley-cup {
	float: left;
	margin: 7px 10px 0;
}

td.wins span.sr-only, .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* team colours */
.anaheim td.wins a.win { background: #8e7849; }
.boston td.wins a.win { background: #ffc526; }
.calgary td.wins a.win { background: #e03a3e; }
.chicago td.wins a.win { background: #d3222a; }
.colorado td.wins a.win { background: #005488; }
.columbus td.wins a.win { background: #e13a3e; }
.dallas td.wins a.win { background: #008643; }
.detroit td.wins a.win { background: #cc3828; }
.florida td.wins a.win { background: #e51a38; }
.losangeles td.wins a.win { background: #000000; }
.minnesota td.wins a.win { background: #025a34; }
.montreal td.wins a.win { background: #c4223a; }
.nashville td.wins a.win { background: #fdbb30; }
.newyorkrangers td.wins a.win { background: #214194; }
.newyorkislanders td.wins a.win { background: #00539b; }
.ottawa td.wins a.win { background: #e4173e; }
.philadelphia td.wins a.win { background: #e97e25; }
.pittsburgh td.wins a.win { background: #d4c38b; }
.sanjose td.wins a.win { background: #08545d; }
.stlouis td.wins a.win { background: #141c48; }
.tampabay td.wins a.win { background: #254091; }
.vancouver td.wins a.win { background: #003e7e; }
.washington td.wins a.win { background: #cf132b; }
.winnipeg td.wins a.win { background: #002e62; }

/* team logos */
.team-logo {
	display: block;
	position: absolute;
	z-index: -10;
	top: -45px; left: 43px;
	width: 116px;
	height: 130px;
	background-image: url('../images/team-logos.png');
	background-repeat: no-repeat;
}
/* x: 0|-116px|-232px|-348px|-464px|-580px / y: 0px|-130px|-260px|-390px|-520px */
.anaheim .team-logo { background-position: 0px 0px; top: -47px; }
.boston .team-logo { background-position: -116px 0px; }
.buffalo .team-logo { background-position: -232px 0px; }
.calgary .team-logo { background-position: -348px 0px; }
.carolina .team-logo { background-position: -464px 0px; }
.chicago .team-logo { background-position: -580px 0px; }

.colorado .team-logo { background-position: 0px -130px; }
.columbus .team-logo { background-position: -116px -130px; }
.dallas .team-logo { background-position: -232px -130px; }
.detroit .team-logo { background-position: -348px -130px; }
.florida .team-logo { background-position: -464px -130px; }
.edmonton .team-logo { background-position: -580px -130px; }

.losangeles .team-logo { background-position: 0px -260px; top: -78px; }
.minnesota .team-logo { background-position: -116px -260px; }
.montreal .team-logo { background-position: -232px -260px; }
.nashville .team-logo { background-position: -348px -260px; }
.newjersey .team-logo { background-position: -464px -260px; }
.newyorkislanders .team-logo { background-position: -580px -260px; }

.newyorkrangers .team-logo { background-position: 0px -390px; top: -56px; }
.ottawa .team-logo { background-position: -116px -390px; }
.philadelphia .team-logo { background-position: -232px -390px; }
.phoenix .team-logo { background-position: -348px -390px; }
.pittsburgh .team-logo { background-position: -464px -390px; top: -38px }
.sanjose .team-logo { background-position: -580px -390px; }

.stlouis .team-logo { background-position: 0px -520px; }
.tampabay .team-logo { background-position: -116px -520px; }
.toronto .team-logo { background-position: -232px -520px; }
.vancouver .team-logo { background-position: -348px -520px; }
.washington .team-logo { background-position: -464px -520px; }
.winnipeg .team-logo { background-position: -580px -520px; }

.tablesorter-default th {
	color: #555;
	cursor: pointer;
	white-space: normal;
}
.tablesorter-header-inner {
	border-bottom: solid 2px #ccc;
}
.tablesorter-default .tablesorter-headerAsc .tablesorter-header-inner,
.tablesorter-default .tablesorter-headerDesc .tablesorter-header-inner {
	border-color: #777;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

.alert {
	padding: 10px;
	border-bottom: 1px solid #faebcc;
	background-color: #fcf8e3;
	color: #8a6d3b;
	text-align: center;
	font-size: .9em;
}

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }