@charset "utf-8";
/********** RESET STYLES (DO NOT MODIFY) **********/
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, font, 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 {	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul { list-style: none; }
body { background: #020e13 !important; margin: 0px !important;font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3f3f3f; }
.header { position: fixed; overflow-x:hidden; overflow-y: auto; top:0px; left: 0px; background: url(/i/nhl/decade/i/nhlTen-nav-bg.jpg) top repeat-x; display: block; width: 100%; z-index: 50;  }
.header .titlecontainer { margin: 7px auto 0; width: 840px; padding: 75px 7px 0 108px; background: transparent url(/i/nhl/decade/i/nhlTen-logo.gif) no-repeat; position: relative; overflow: hidden; height: 20px;}
.header .titlecontainer .logos { background: transparent none; position: absolute; right: 20px; top: 0px; height: 23px; }
.header .titlecontainer .logos a {float:left; color:#23809d; font-size: 11px; text-decoration: none;}
.header .titlecontainer .logos a.espanol-link {margin: 8px 20px 0 0;}
.header .titlecontainer .logos a:hover {color: #031a23; text-decoration: underline;}
.header .titlecontainer .logos a.header-espn-logo {margin-right: 10px; background: transparent url(/i/nhl/decade/i/nhlTen-espn.png) no-repeat 0 0; width: 75px; height: 11px; display: block; padding: 20px 0 0 50px;}
.header .tagline {color: #23809d; font-size: 13px; font-weight: bold;}
.header .titlecontainer .author { color: #dfe0b8; }


.header .navigation { font-size: 12px; text-align: center;}
.header .navigation .container { position: relative;width: 990px; padding: 4px 5px 0 25px;margin: 0px auto;overflow: hidden;}
.header .navigation .container li { float: left; list-style: none; padding:0px; margin: 0;}
.header .navigation .container li a { font: bold 12px helvetica; text-decoration: none; padding: 7px 10px 4px; color: #fff; z-index: 10; display: block; float: left; position: relative; overflow: hidden; text-transform: uppercase; }
.header .navigation .container li a:hover, .navigation .container li a:active, .navigation .container li a:visited { border: none;  }  
/*disable state for navigation items not yet released*/
.header .navigation .container .disable a {font: bold 12px helvetica; color: #bebebe; text-transform: uppercase; position: relative; padding: 7px 10px 4px;}
.header .navigation .container .disable a:hover {background:none;}

.selected { background: #031a23; }
.selected a { padding: 7px 10px 4px !important; }
.hover { background: #031a23; }
.selected a { padding: 7px 10px 4px !important; }


#panel .panel { float:left; padding: 0px; overflow-x:auto; min-width: 1275px !important;  }
#mask { width:100%;  margin:0px auto; position: relative; overflow: hidden; }
#scroller-body { margin: 130px 0px 0px !important; z-index: 0;  }
#scroller-body #mask #panel .panelcontent { width:700px; margin-left: 156px; line-height: 16px; }
#scroller-body #mask #panel .panelcontent .content { padding: 0px 40px 20px; position: relative; background: #fff url(/i/nhl/decade/i/nhlTen-cont-bot.jpg) no-repeat bottom left; }
#scroller-body #mask #panel .panelcontent .content .media {width: 200px; float: right; margin: 0 0 0 50px; position: relative; }
#scroller-body #mask #panel .panelcontent .content .media .photo { position: relative; margin-bottom: 12px; height: 117px; }
#scroller-body #mask #panel .panelcontent .content .media .video { position: relative; margin-bottom: 12px; height: 117px; }
#scroller-body #mask #panel .panelcontent .content .media .photo .overlaytext { background: transparent url(/i/eticket/20090805/i/icon-photo.gif) no-repeat; padding-left: 25px; position: absolute; bottom: 5px; left: 5px; z-index: 6; color: #fff; font-weight: bold; font-size: 12px; }
#scroller-body #mask #panel .panelcontent .content .media .photo .overlaybg  { position: absolute; display: block; width: 200px;  bottom: 0px; left: 0px; background: #000; z-index: 5; height: 25px; }
#scroller-body #mask #panel .panelcontent .content .media .video .overlaytext { background: transparent url(/i/nhl/decade/i/nhlTen-icon-video.gif) no-repeat; padding-left: 25px;  position: absolute; bottom: 5px; left: 5px; z-index: 6; color: #fff; font-weight: bold; font-size: 12px; }
#scroller-body #mask #panel .panelcontent .content .media .video .overlaybg  { position: absolute; display: block; width: 200px;  bottom: 0px; left: 0px; background: #35a4d2; z-index: 5; height: 25px; }

#scroller-body #mask #panel .panelcontent .content { padding: 0px 40px 20px; position: relative; background: #fff url(/i/nhl/decade/i/nhlTen-cont-bot.jpg) no-repeat bottom left; }
#scroller-body #mask #panel .panelcontent .content a { color: #225DB7; text-decoration: none;} 
#scroller-body #mask #panel .panelcontent .content a:hover { text-decoration: underline;} 
#scroller-body #mask #panel .panelcontent .content a:visited {color:#608FD6 !important;}

.panelcontent .locationtitles { font-size: 44px; color: #000; margin: 0px;padding: 0px 20px;  }
.panelcontent .locationtitles_small { font-size: 22px; color: #000; margin: 0px; padding: 0px 20px; }
.photocaption { color: #555; }

/*backgrounds*/
#trades { background: transparent url(/i/nhl/decade/i/nhlTen-trades.jpg) no-repeat center top; padding-bottom: 50px;  }
#controversies { background: transparent url(/i/nhl/decade/i/nhlTen-controversies.jpg) no-repeat center top; padding-bottom: 50px;  }
#teams { background: transparent url(/i/nhl/decade/i/nhlTen-teams.jpg) no-repeat center top; padding-bottom: 50px;  }
#no1picks { background: transparent url(/i/nhl/decade/i/nhlTen-1picks.jpg) no-repeat center top; padding-bottom: 50px;  }
#gems { background: transparent url(/i/nhl/decade/i/nhlTen-gems.jpg) no-repeat center top; padding-bottom: 50px;  }
#playoffseries { background: transparent url(/i/nhl/decade/i/nhlTen-playoffseries.jpg) no-repeat center top; padding-bottom: 50px;  }
#players { background: transparent url(/i/nhl/decade/i/nhlTen-players.jpg) no-repeat center top; padding-bottom: 50px;  }
#upsets { background: transparent url(/i/nhl/decade/i/nhlTen-upsets.jpg) no-repeat center top; padding-bottom: 50px;  }
#moments { background: transparent url(/i/nhl/decade/i/nhlTen-moments.jpg) no-repeat center top; padding-bottom: 50px;  }
#uniforms { background: transparent url(/i/nhl/decade/i/nhlTen-uniforms.jpg) no-repeat center top; padding-bottom: 50px;  }
.centeredcontainer { width: 990px; margin: 180px auto 0px; position: relative;}


a.arrow { display:block; width: 126px; height: 57px; color: #fff !important; font-weight: 700; cursor:pointer; text-decoration: none; font-size: 10px; line-height: 10px;}
a.arrow:hover { color: #ffffff !important; }
a.arrow.next { background: transparent url(/i/nhl/decade/i/nhlTen-arrow-next.gif) 0 50% no-repeat; float: right;  }
a.arrow.previous { background: transparent url(/i/nhl/decade/i/nhlTen-arrow-prev.gif) 0 50% no-repeat; float: left; }
a.arrow.next span { padding:26px 0 0 26px; display: block;}
a.arrow.previous span { padding:26px 0 0 24px; display: block;}

.vignette_footer { position: relative; font-size: 11px; background:url(/i/nhl/decade/i/nhlTen-cont-footer.jpg) no-repeat 0 0; overflow: hidden; height: 1%; }
.vignette_footer a { color: #fff; text-decoration: none; font-weight: bold; margin: 0px 8px;}
.vignette_footer a:hover { text-decoration: underline; }
.vignette_footer .common { text-align: center; padding-top: 25px; }
.vignette_footer .destinations { text-align: right;float: right;  }	

.poll {text-align: center;}

/*NHL Ten Content*/
.content p.intro {font-size: 19px; line-height: 23px;}
.content p {font-size: 11px; margin: 0 0 10px 0;}
.content ul {margin: 25px 0 0 0; list-style-image: url(/i/nhl/decade/i/nhlTen-bullet.gif); list-style-position:inside;}
.content ul li {margin: 0 0 40px 0;}
.content ul li .title strong {font-size: 19px;}
.content ul li .title {font-size: 15px; text-indent: 50px;}
.content ul li p {color: #000; margin: 5px 0px; font-family: helvetica, arial, sans-serif; font-size: 13px; line-height: 18px;}

.footer { padding: 10px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; margin-top: 25px; line-height: 14px; }
.footer a { font-weight: normal !important; color: #fff; }

#scroller-body #mask #panel #multimedia .panelcontent {margin-left:0px; width:990px;}
#scroller-body #mask #panel #multimedia .panelcontent .content {background:transparent none repeat scroll 0 0; padding:20px 0 0; overflow: hidden;}
h3#video {background: transparent url(/i/eticket/20090805/i/icon_video.png) 0 50% no-repeat;}