/*------------------------------------------------------------------- reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------------------------------------- global styles */
body { font-family: arial, sans-serif; -webkit-print-color-adjust:exact; }
body.inverse { background: #333; color: #eaeaea; }
img { width: 100%; }
.chromeFrameInstallDefaultStyle { z-index: 200; }

/*------------------------------------------------------------------- navigation styles */
header[role=banner] { background: #333; color: #fff; text-align: center; height: 35px; }
.nav { position: relative; z-index: 11; font-size: 1.25em; height: 44px; }
.nav a#pull { display: block; padding: 0 5%; background-color: #333; width: 90%; position: relative; color: #efefef; text-align: left; font-weight: bold; text-decoration: none; line-height: 44px; }  
.nav a#pull:after { content:""; width: 25px; ; display: inline-block; position: absolute; right: 15px; top: 0.6em; bottom: 0.6em; background: -webkit-linear-gradient(top,  #efefef 0%, #efefef 20%, #333 20%, #333 40%, #efefef 40%, #efefef 60%, #333 60%, #333 80%, #efefef 80%, #efefef 100%); }
.nav > ul { display: none; }
.nav > ul > ul { display: block; }
.nav > div { display: none; }
.nav li { display: block; width: 100%; background: #333; color: #fff; }
.nav ul ul li.current { background: #666; }
.nav ul ul li.current a { color: #fff; }
.nav ul ul li.now { background: #640606; }
.nav ul ul li.now a { color: #fff; }
.nav li a { display: inline-block; width: 100%; padding: .75em 0; text-decoration: none; color: #fff; border-bottom: 1px solid #efefef; }
.nav li a i { color: #777; }
.nav li.drop > a { color: #fff; }
.nav li.drop ul li:last-child { border-bottom: 2px solid #666; }
.nav li.nav-fb a { background: #4862a3; color: #fff; }
.nav li.nav-fb a i { color: #fff; }

.countdown span { position: static; top: auto; bottom: auto; left: auto; display: block; text-align: center; font-size: 0; height: 5px; text-indent: 100%; white-space: nowrap; overflow: hidden;
background: rgb(41,154,11); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(41,154,11,1) 1%, rgba(42,109,8,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(41,154,11,1) 1%,rgba(42,109,8,1) 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  rgba(41,154,11,1) 1%,rgba(42,109,8,1) 100%); /* W3C */
}

#headerAd { width: 728px; margin: 0 auto; }

/*------------------------------------------------------------------- bracket styles */
#playoffbracket { width: 75%; margin: 1.5em auto; }
#playoffbracket > img { text-align: center; width: 60%; }

/* Split bracket sides */
div[class^="side-"] { position: relative; z-index: 1; width: 90%; margin: 1.5em 0 15% 5%; padding-top: 125%; background: url(http://www.nbaplayoffsbracket.com/img/bracket_west.svg) no-repeat; background-size: 100%; }

ol { position: absolute; left: -9%; top: 0; z-index: 2; width: 100%; padding-top: 115.78%; }
ol li { position: absolute; left: 0; z-index: 3; width: 15%; }
ol li a { display: block; background-repeat: no-repeat; background-size: contain; padding-top: 85%; background-position: center center; }

.one { top: -5.25%; }
.eight { top: 9%; }
.four { top: 23%; }
.five { top: 37.25%; }
.two { top: 51.25%; }
.seven { top: 65.45%; }
.three { top: 79.45%; }
.six { top: 93.55%; }



ol li ul.roundtwo li { position: absolute; width: 100%; } /* round two */
ol li ul.roundtwo li ul.conffinals li { position: absolute; } /* conf finals */
ol li ul.roundtwo li ul.conffinals li ul.finals li { position: absolute; } /* finals */
ol li ul.roundtwo li ul.conffinals li ul.finals li ul.champion li { position: absolute; } /* champ */

/* 2nd round */
li[class^="div-"] { left: 203%; }
.side-east li[class^="div-"] { right: 50%; }

.div-1 { top: 57%; }
.eight .div-1 { top: -69%; }
.div-2 { top: 60%; }
.five .div-2 { top: -65%; }
.div-3 { top: 60%; }
.seven .div-3 { top: -65%; }
.div-4 { top: 65%; }
.six .div-4 { top: -59%; }

.side-east .div-1 { top: 57%; }
.side-east .eight .div-1 { top: -69%; }
.side-east .div-2 { top: 60%; }
.side-east .five .div-2 { top: -65%; }
.side-east .div-3 { top: 60%; }
.side-east .seven .div-3 { top: -65%; }
.side-east .div-4 { top: 65%; }
.side-east .six .div-4 { top: -59%; }

/* conf finals */
.conf-1 { left: 196%; top: 128%; }
.div-2 .conf-1 { top: -124%; }
.conf-2 { left: 196%; top: 129%; }
.div-4 .conf-2 { top: -124%; }

.side-east .conf-1 { top: 128%; }
.side-east .div-2 .conf-1 { top: -124%; }
.side-east .conf-2 { top: 129%; }
.side-east .div-4 .conf-2 { top: -124%; }

/* finals */
.finalswest { left: 192%; top: 254%; }
.finalseast { left: 192%; top: 254%; }
.conf-2 .finalswest, .conf-2 .finalseast { top: -250%; }

/* champ */
.champwest { left: 85%; top: 550%; }
.champwest span { display: none; }
.side-east .champeast { left: 100%; top: -500%; }
.side-east .champeast span { display: none; }

/* seed number */
span { position: absolute; top: 50%; bottom: 50%; left: -20%; font: bold .5em/.5 arial, sans-serif; color: #999; } 
.finals span { display: none; }

div[class^="side-"] > ol li img, .outside img { display: none; }

/*------------------------------------------------------------------- game results styles */
ol li p { position: absolute; left: 0; top: 40%; background-repeat: no-repeat; background-size: contain; width: 20%; text-indent: 100%; white-space: nowrap; overflow: hidden; }
ol li p:nth-of-type(1) { left: 110%; }
ol li p:nth-of-type(2) { left: 140%; }
ol li p:nth-of-type(3) { left: 170%; }
ol li p:nth-of-type(4) { left: 200%; }

.game1 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-1.svg); }
.game2 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-2.svg); }
.game3 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-3.svg); }
.game4 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-4.svg); }
.game5 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-5.svg); }
.game6 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-6.svg); }
.game7 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow-7.svg); }

ol p a { display: block; height: 1em; color: #fff; font-weight: bold; font-size: 10px; font-family: arial, sans-serif; line-height: 100%; text-align: center; text-decoration: none; padding: 15% 45% 20% 3%; }

.finalswins { position: absolute; top: 30%; left: -175%; width: 150%; padding-top: 25%; }
ol li div.finalswins p { left: auto; top: 0; }
ol li p:nth-of-type(1) { right: 0; }
ol li p:nth-of-type(2) { right: 25%; }
ol li p:nth-of-type(3) { right: 50%; }
ol li p:nth-of-type(4) { right: 75%; }

.finalswins .game1 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-1.svg); }
.finalswins .game2 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-2.svg); }
.finalswins .game3 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-3.svg); }
.finalswins .game4 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-4.svg); }
.finalswins .game5 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-5.svg); }
.finalswins .game6 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-6.svg); }
.finalswins .game7 { background-image: url(http://www.playoffsbracket.com/img/winarrow-finals-7.svg); }


/* record */
ol li > p.rec { position: absolute; left: 120%; top: 10%; width: 150%; font-size: 8px; color: #666; text-indent: 0; overflow: visible; }

/*------------------------------------------------------------------- lottery styles */
.outside { position: absolute; bottom: 0; left: 0; width: 100%; }
.outside h2 { font-size: .75em; font-weight: bold; text-align: center; padding: 0 0 .25em; border-bottom: 1px solid #d9d9d9; margin-bottom: .25em; color: #999; }
.outside ul { text-align: center; }
.outside li { display: inline-block; width: 11.5%; opacity: .5; transition: opacity 0.3s ease; }
.outside li:hover { opacity: 1; }
.outside ul li a { display: block; background-repeat: no-repeat; background-size: contain; padding-top: 85%; background-position: center center; }

/*------------------------------------------------------------------- help styles */
.about h2 { font-weight: bold; padding-bottom: .25em; border-bottom: 1px solid grey; margin-bottom: 1.25em; }
.about p { line-height: 1.5em; font-size: .75em; margin: 0 0 1.5em; }

/*------------------------------------------------------------------- tip styles */
.notes { display: none; text-align: center; background: #e5e5e5; font-size: .75em; color: #666; padding: .5em 0; }
.notes ul, .notes > a { display: inline-block; }
.notes ul { max-width: 800px; margin: 0 auto; position: relative; width: 50%; height: 1em; }
.notes li { opacity: 0; position: absolute; }
.notes li strong { font-weight: bold; }
.notes li a { color: #444; font-weight: bold; text-decoration: none; }
.notes > a { color: #444; margin-left: 5%; text-decoration: none; }

/*------------------------------------------------------------------- help form */
#helpForm label {
	display: none;
}
#helpForm {
	margin-bottom: 40px;
}
#helpForm legend {
	margin-bottom: 1.5em;
	display: block;
}
#helpForm input, #helpForm textarea {
	background: #efefef;
	border: 0;
	padding: 10px;
	color: #333;
	display: block;
	width: 400px;
	font-size: 1.25em;
	margin-bottom: .5em;
}
#helpForm textarea {
	width: 600px;
}
#helpForm input[type=submit] {
	background: #0B5F80;
	color: #fff;
	border: 0;
}

/*------------------------------------------------------------------- footer styles */
footer {  }
footer > div { max-width: 1024px; width: 85%; margin: 0 auto; }
footer img { width: auto; } /* TEMPORARY for DEV */
.ad-desktop { display: none; }

div[class^="foot-"] { text-align: center; }
.foot-toggle { font-size: .75em; color: #999; margin: 0 auto 1em; }
.foot-toggle a { color: #666; }
.foot-ads {  }
.foot-social { margin: 1em auto; }
.foot-social > div { display: block; margin: .5em 0; }
.fb-like, .fb-share-button { vertical-align: baseline; }
.fb-visit { padding-right: 0; border-style: none; margin-right: 0; font-size: .75em; }
.fb-visit a { color: #3b5998; }
#___plusone_0 { vertical-align: bottom !important; }
.foot-attrib { color: #999; width: 75%; font-size: .5em; }
.foot-attrib p.wc-link {
	font-size: 1.5em; font-weight: bold;
	margin: 1.25em 0;
}
.foot-attrib p.wc-link a {
	color: #1c6836;
}

.head-stuff,
.foot-stuf {
	max-width: 768px;
	width: 85%;
	margin: 1em auto;
}




/*  DESKTOP styles */
@media all and (min-width: 700px) {
	
	/*------------------------------------------------------------------- navigation styles */
	.nav { width: 90%; max-width: 1280px; margin: 0 auto; height: auto; }
	.nav a#pull { display: none; }
	.nav li a, .nav > div a, .nav li.drop > a, .nav li.nav-fb a { color: #fff; font-size: .75em; font-weight: bold; line-height: 35px; display: inline-block; padding: 0; border: 0; background: transparent; }
	.nav li > a:hover { color: #ccc; }
	.nav > ul { width: 80%; display: inline-block; float: left; }
	.nav > div { display: block; float: right; width: 20%; height: 35px; text-align: right; }
	.nav > div div.fb-like { text-align: left; }
	.nav > div div { display: inline-block; margin-top: 8px; }
	.nav > div div.help a { line-height: 0; font-size: 1em; text-decoration: none; color: #777; }
	.nav > div div.help a:hover { color: #fff; }
	.nav > ul li { float: left; width: auto; padding: 0 4% 0 0; position: relative; }
	.nav > ul li:last-child {
		padding: 0 4% 0 0;
	}
	.nav li.nav-home a i.fa {
		color: #fff;
	}
	.nav li.nav-fb, .nav li.nav-twitter { width: auto; margin-right: 1em; }
	.nav li.nav-fb a, .nav li.nav-twitter a { display: inline-block; padding-top: 5px; line-height: 25px; /*width: 75%; height: 25px; margin: 5px 0 0; background: #4862a3; */color: #fff; border-radius: 5px; overflow: hidden; }
	.nav li.nav-twitter a i { color: #fff; }

	.nav li.nav-schedule {
		padding-right: 3.5%;
	}
	.nav b {
		display: none;
	}
	@media all and (min-width: 950px) {
		.nav b {
			display: inline;
		}
	}
	.nav li.nav-schedule a {
		background-color: #569505;
		padding: 0 .3em;
		font-size: .6em;
	}
	.nav li.nav-schedule a:hover {
		color: #569505;
		background-color: #fff;
	}
	.nav li.nav-schedule a i {
		color: #fafafa;
	}
	.nav li.nav-schedule a:hover i {
		color: #569505;
	}
	
	
	.nav ul ul { position: absolute; left: 0; top: 35px; display: none; background: #333; width: 100%; }
	.nav ul ul.display li { text-align: left; padding-left: 5%; width: 100%; }
	.nav ul ul li { float: none; width: 100%; border-top: 1px solid #bbb; }
	
	.nav:after, .nav > ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	*:first-child+html .nav, *:first-child+html .nav > ul { zoom: 1; } /* IE7 */
	
	/*------------------------------------------------------------------- bracket styles */
	#playoffbracket { margin: 3em auto; margin-bottom: 1em; position: relative; }
	.max { max-width: 900px; }
	#playoffbracket > img { position: absolute; left: 50%; top: 0; width: 16%; margin-left: -8%; }
	div[class^="side-"] { width: 50%; float: left; padding-top: 58%; margin: 0; -webkit-print-color-adjust: exact; }
	#thisYear div[class^="side-"] { padding-top: 70%; }
	#thisYear div[class^="side-east"] { padding-top: 66%; }
	div[class$="-east"] { background-image: url(http://www.nbaplayoffsbracket.com/img/bracket_east.svg); }
	div[class$="-east"] > ol { left: auto; right: -9%; }
	div[class$="-east"] > ol li { left: auto; right: 0; }
	/* 2nd round - DESKTOP */
	.side-east li[class^="div-"] { right: 203%; }
	/* conf finals */
	.side-east .conf-1 { right: 196%; }
	.side-east .conf-2 { right: 196%; }
	/* finals */
	.side-east .finalseast { right: 192%; }
	/* champ */
	.champwest { top: -120%; }
	.side-east .champeast { left: auto; right: 85%; top: -120%; }
	/* seed */
	span { font-size: .75em; } 
	.side-east span { left: auto; right: -20%; }
	/* lottery styles */
	.outside { left: 0; width: 80%; }
	.side-east .outside { left: auto; right: 0; }
	.outside h2 { font-size: .75em; font-weight: bold; text-align: center; padding: 0 0 .25em; border-bottom: 1px solid #d9d9d9; margin-bottom: .25em; color: #999; }
	.outside ul { text-align: center; }
	.outside li { display: inline-block; width: 11.5%; opacity: .5; transition: opacity 0.3s ease; }
	.outside li:hover { opacity: 1; }
	.outside ul li a { display: block; background-repeat: no-repeat; background-size: contain; padding-top: 85%; background-position: center center; }
	
	.side-east ol li p:nth-of-type(1) { left: auto; right: 110%; }
	.side-east ol li p:nth-of-type(2) { left: auto; right: 140%; }
	.side-east ol li p:nth-of-type(3) { left: auto; right: 170%; }
	.side-east ol li p:nth-of-type(4) { left: auto; right: 200%; }
	
	.side-east .game1 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-1.svg); }
	.side-east .game2 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-2.svg); }
	.side-east .game3 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-3.svg); }
	.side-east .game4 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-4.svg); }
	.side-east .game5 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-5.svg); }
	.side-east .game6 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-6.svg); }
	.side-east .game7 { background-image: url(http://www.nbaplayoffsbracket.com/img/winarrow_east-7.svg); }
	
	/* Finals wins */
	.side-east .finalswins { left: auto; right: -175%; }
	.side-east ol li div.finalswins p:nth-of-type(1) { left: 0; }
	.side-east ol li div.finalswins p:nth-of-type(2) { left: 25%; }
	.side-east ol li div.finalswins p:nth-of-type(3) { left: 50%; }
	.side-east ol li div.finalswins p:nth-of-type(4) { left: 75%; }
	
	.side-east .finalswins .game1 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-1.svg); }
	.side-east .finalswins .game2 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-2.svg); }
	.side-east .finalswins .game3 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-3.svg); }
	.side-east .finalswins .game4 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-4.svg); }
	.side-east .finalswins .game5 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-5.svg); }
	.side-east .finalswins .game6 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-6.svg); }
	.side-east .finalswins .game7 { background-image: url(http://www.playoffsbracket.com/img/winarrow_finals_east-7.svg); }

	/* record */
	ol li > p.rec { top: 25%; left: 120%; font-size: 11px; }
	.side-east ol li > p.rec { left: auto; right: 120%; text-align: right; }
	
	/* notes */
	.notes { display: block; }
	
	/*------------------------------------------------------------------- footer styles */
	p.foot-social { font-size: 1.5em; }
	a.foot-fb { color: #647cab; }
	a.foot-twitter { color: #55acee;}
	.fb-visit { padding-right: 1em; border-right: 1px solid #999; margin-right: 1em; }
	.ad-desktop { display: inline; }
	.ad-mobile { display: none; }
	
	/*  clear floats */
	#playoffbracket:after, footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	*:first-child+html #playoffbracket, footer { zoom: 1; } /* IE7 */
}
@media print {
	header, ol li p, .outside, .foot-toggle, .foot-ads, .foot-social, .foot-attrib, ol li ol, .notes, #headerAd { display: none; }
	div[class^="side-"] > ol li img { display: none; width: 80%; }

}
@media all and (max-height: 60em) {
	.max { max-width: 800px; }
}
@media all and (max-height: 40em) {
	.max { max-width: 600px; }
}
@media all and (max-height: 30em) {
	.max { max-width: 450px; }
}

.avalanche > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/avalanche.svg);}
.blackhawks > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/blackhawks.svg);}
.bluejackets > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/bluejackets.svg);}
.blues > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/blues.svg);}
.bruins > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/bruins.svg);}
.canadiens > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/canadiens.svg);}
.canucks > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/canucks.svg);}
.capitals > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/capitals.svg);}
.coyotes > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/coyotes.svg);}
.devils > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/devils.svg);}
.ducks > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/ducks.svg);}
.flames > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/flames.svg);}
.flyers > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/flyers.svg);}
.hurricanes > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/hurricanes.svg);}
.islanders > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/islanders.svg);}
.jets > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/jets.svg);}
.kings > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/kings.svg);}
.lightning > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/lightning.svg);}
.mapleleafs > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/mapleleafs.svg);}
.oilers > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/oilers.svg);}
.panthers > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/panthers.svg);}
.penguins > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/penguins.svg);}
.predators > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/predators.svg);}
.rangers > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/rangers.svg);}
.redwings > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/redwings.svg);}
.sabres > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/sabres.svg);}
.senators > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/senators.svg);}
.sharks > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/sharks.svg);}
.stars > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/stars.svg);}
.wild > a{background-image:url(http://www.nhlplayoffsbracket.com/img/logos/wild.svg);}

p.rec strong { font-weight: bold; color: #999; }


@media (min-width: 700px), print and (min-width: 700px) {
#playoffbracket > img { top: -30px; }
}


/*  Conference logos */
ol:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.025;z-index:-1;background:url(http://www.nhlplayoffsbracket.com/img/conf-west.svg) no-repeat center center;background-size:80% 80%;}
.side-east ol:after{background-image:url(http://www.nhlplayoffsbracket.com/img/conf-east.svg);}

/*  Larry O'Brien trophy */
ol li ul.roundtwo li ul.conffinals li ul.finals li ul.champion li:after{content:"";position:absolute;left:-10%;top:-35%;width:100%;padding-top:120%;background:url(http://www.nhlplayoffsbracket.com/img/lordstanley.svg) no-repeat;z-index:-1;background-size:contain;}

@media all and (min-width: 700px) {	
	div[class^="side-"] {
		padding-top: 70%;
	}
	div .side-east {
		padding-top: 66%;
	}
}

span{left:-30%;}

.side-east span{right:-30%;}

div.outside.east {
	bottom: -6%;
}

li.div-2.canadiens {
	top: 40%;
}
li.div-4.blackhawks {
	top: -65%;
}
li.div-2.flames {
	top: -60%;
}
li.div-3.wild {
	top: -60%;
}

p.rec {
	display: none;
}

span {
	left: -30%;
}
.side-east span {
	right: -30%;
}

.one { top: -5.25%; }
.two { top: 9%; }
.three { top: 23%; }
.four { top: 37.25%; }
.five { top: 51.25%; }
.six { top: 65.45%; }
.seven { top: 79.45%; }
.eight { top: 93.55%; }

/* Next Game */
/* Round 1: top: 90%; */
/* Round 2: top: 220%; left: 315%; */
/* Round 3: top: 480%; left: 525%; */
/* Round 4: top: 550%; left: 680%; */
ol li p.next {
	width: auto;
	text-indent: 0;
	white-space: nowrap;
	overflow: visible;
	font-size: 10px;
	color: #666;
	top: 550%;
	left: 680%;
}
/* Comment Out during first round */
/* Round 1: top: 90%; */
/* Round 2: top: 95%; left: 315%; */
/* 3rd team in Western Conference; Round 2*/
/* ol li p.next-wild {
	width: auto;
	text-indent: 0;
	white-space: nowrap;
	overflow: visible;
	font-size: 10px;
	color: #666;
	top: 95%;
	left: 315%;
} */
ol li p.next:before {
	content: "Next game:";
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 9.75px;
	font-weight: bold;
}
/* Comment this out during First Round */
/* ol li p.next-wild:before {
	content: "Next game: ";
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 9.75px;
	font-weight: bold;
} */

/* Comment this out during First Round */
/* Round 2: right: 315%; */
/* Round 3: right: 525%; */
@media all and (min-width: 700px) {
	div.side-east ol li p.next {
		text-align: right;
		top: 219%;
		left: auto;
		right: 525%;
	}
}
ol li p:nth-of-type(1) { right: 0; }
ol li p:nth-of-type(1) { left: 110%; }

div.side-east ol li p.next {
	text-align: right;
}
ol li p.next img {
	width: 1.75em;
	height: 0.9785em;
	display: inline-block;
}
/* Comment this out during First Round */
/* ol li p.next-wild img {
	width: 1.75em;
	height: 1.75em;
	display: inline-block;
} */
.outside ul li a { display: block; background-repeat: no-repeat; background-size: contain; padding-top: 85%; background-position: center center; }