@import "ls_console.css";
/*MEDIA CENTRE*/
#mediaCentre, #mediaCentre #scoreBoard, #mediaCentre #mediaTray { float: left; height: 278px; }
#mediaCentre				{ float: none; margin: 10px 0 0; background: grey; border: 1px solid rgb(137,137,137); border-color: rgba(28,28,28,5); overflow: hidden; -webkit-box-shadow: 0 0 8px rgba(28,28,28,.5);  -moz-box-shadow: 0 0 8px rgba(28,28,28,.5); box-shadow: 0 0 8px rgba(28,28,28,.5);}
#mediaCentre #scoreBoard	{ width: 210px; }
#mediaCentre #mediaTray 	{ position: relative; width: 788px; background: white; overflow: hidden; }
#mediaCentre #mediaSlide1	{ left: 0; }
#mediaCentre .slide			{ position: absolute; top: 0; left: 788px; height: 250px; width: 788px; color: rgb(0,0,0); overflow: hidden; }
#mediaCentre .slide img		{ display: block; position: top: 0; left: 0; z-index: 50; height: 250px; width: 488px; }
#mediaCentre .articleInfo	{ position: absolute; top: 0; right:0; z-index: 51; height: 230px; width: 270px; padding: 10px 15px; background: white; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0,.8);  -moz-box-shadow: 0 0 8px rgba(0, 0, 0,.8); box-shadow: 0 0 8px rgba(0, 0, 0,.8); -o-box-shadow: 0 0 8px rgba(0, 0, 0,.8);}
#mediaCentre .slide h1		{ margin: 0 0 10px; font-size: 14px; font-weight: bold;  }
#mediaCentre .slide p		{ font-size: 11px; line-height: 1.3;}

#mediaCentre .additionalInfo				{ position: relative; height: 18px; margin: 10px 0; border-bottom: 1px solid rgb(137,137,137); }
#mediaCentre .additionalInfo li 			{ float: right; height: 18px; font-size: 12px; font-weight: bold; line-height: 18px; overflow: hidden; }
#mediaCentre .additionalInfo li.rss			{ position: absolute; left: 50%; top: 0; overflow: visible; }
#mediaCentre .additionalInfo li.rss a		{ margin-left: -42%; padding-right: 20px; background: url(/img/misc/sprite.png) no-repeat 100% -120px; }
#mediaCentre .additionalInfo li:first-child	{float: left; }

#mediaCentre .relatedArticles li			{ margin: 0 0 3px 14px; list-style-type: square; padding: 0 0 0 0; font-size: 11px; font-weight: bold;}
#mediaCentre .relatedArticles li a:hover {
	text-decoration: underline !important;
}
#mediaCentre .relatedArticles li.iconVideo		{ background: url(/img/misc/sprite.png) no-repeat -83px -59px; }
#mediaCentre .relatedArticles li.iconGenericFav	{ background: url(/img/misc/sprite.png) no-repeat -84px -179px; }
#mediaCentre #mediaNav				{ position: absolute; bottom: 0; height: 27px; width: 487px; border: 1px solid rgb(137,137,137); border-width: 1px 1px 0 0; text-align: center;}
#mediaCentre #buttonNext,
#mediaCentre #buttonPrev			{ position: absolute; left: 0; top: 0; height: 27px; padding: 0 8px; font-size: 11px; overflow: hidden; line-height: 27px; cursor: pointer; }
#mediaCentre #buttonNext			{ left: auto; right: 0; }
#mediaCentre #buttonNext:hover,
#mediaCentre #buttonPrev:hover		{ background: rgb(108,15,25); color: white; }
#mediaCentre #scorePager			{ position: relative; display: inline-block; height: 27px; padding: 0 0 0 20px; }
#mediaCentre #playButton			{ position: absolute; top: 7px; left: 0; width: 12px; height: 11px; background: url(/img/misc/sprite.png) no-repeat -39px -638px; cursor: pointer; }
#mediaCentre #scorePager li			{ float: left; height: 10px; width: 11px; margin: 8px 4px 0; background: url(/img/misc/sprite.png) no-repeat -19px -639px; overflow: hidden; cursor: pointer; }
#mediaCentre #scorePager li.active	{ background: url(/img/misc/sprite.png) no-repeat 0 -639px; }
#mediaCentre #thumbNailTray			{ display: none; position: absolute; bottom: 27px; left: 0; z-index: 60; width: 488px; background: rgb(28,28,28); background: rgba(28,28,28,.9); -webkit-box-shadow: -8px 0 8px rgba(0, 0, 0,.8);  -moz-box-shadow: -8px 0 8px rgba(0, 0, 0,.8); box-shadow: -8px 0 8px rgba(0, 0, 0,.8); -o-box-shadow: -8px 0 8px rgba(0, 0, 0,.8);}
#mediaCentre #thumbs 				{ position: relative; height: 50px;  margin-top: 1px; overflow: hidden; }
#mediaCentre #thumbs img			{ display: block; float: left; border-left: 1px solid rgb(28,28,28); border-color: rgba(28,28,28,.9); }
#mediaCentre #thumbs img:first-child{ margin-left: -1px; border: 0; }
#mediaCentre #slideTitle			{ margin: 2px 4px; font-size: 12px; font-weight: bold; color: white; line-height: 1.2; text-transform: uppercase; text-shadow: black 0 0 3px; }
#mediaCentre #thumbHighlight		{ position: absolute; top: 0; height:49px; z-index: 61; width: 97px; background: url(/img/misc/sprite.png) no-repeat 0 -651px; }	
#mediaCentre #thumbHighlight.pos1	{ left: 0; }
#mediaCentre #thumbHighlight.pos2	{ left: 97px; }
#mediaCentre #thumbHighlight.pos3	{ left: 195px; }
#mediaCentre #thumbHighlight.pos4	{ left: 293px; }
#mediaCentre #thumbHighlight.pos5	{ left: 391px; }

#videoTarget				{ position: fixed; top: 0; left: 0; display: none; z-index: 9010; width: 100%; height: 100%; background: rgba(14,14,14,.9); opacity: 0; }
#videoTarget #cancel 		{ position: absolute; top: 5px; right: 5px; padding: 0 17px 0 0; background: url(/img/icons/cancel.png) no-repeat 100% 50%; font-size: 11px; line-height: 16px; font-family: arial,sans-serif; font-weight: bold; color: white; text-transform: uppercase; cursor: pointer; opacity: .8; }
#videoTarget #cancel:hover	{opacity: 1;}
#swfBox						{ position: relative; top: 50%; width: 480px; height: 320px; margin: -161px auto 0; background: white; border: 1px solid rgba(255,255,255,.7); }



#lscon,
#leagueConsole			{ margin: 2px 5px 0; background: rgb(23,24,23) url(/img/backgrounds/background-console.png) no-repeat 50% 100%; background: rgba(23,24,23,.9) url(/img/backgrounds/background-console.png) no-repeat 50% 100%; border: 1px solid rgb(172, 169, 159); border-color: rgba(172,169,159,.8); -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 3px rgba(28,28,28,.5);  -moz-box-shadow: 0 0 3px rgba(28,28,28,.5); box-shadow: 0 0 3px rgba(28,28,28,.5);}

#quickTier				{ position: relative; min-height: 198px; border: 1px solid rgb(137,137,137); border-color: rgba(28,28,28,5); border-left: 0; background: white; overflow: hidden; -webkit-box-shadow: 0 0 8px rgba(28,28,28,.5);  -moz-box-shadow: 0 0 8px rgba(28,28,28,.5); box-shadow: 0 0 8px rgba(28,28,28,.5); }
.qtContent				{ float: left; min-height: 198px; width: 249px; margin-bottom: -9990px; padding-bottom: 10000px; border-left: 1px solid rgb(137,137,137); background: white;}
.qtContent:first-child	{ width: 248px; border-color: rgb(137,137,137); border-color: rgba(28,28,28,5);  }
.qtContent .qtTitle		{ height: 30px; background: url(/img/backgrounds/background-texture.png); border-bottom: 2px ridge white; line-height: 30px; font-size: 15px; text-transform: uppercase; color: rgb(230,230,230); text-indent: 12px; overflow: hidden; }
.qtContent .qtTitle.img	{ text-indent: -50000px;}
.qtContent .qtTitle a	{ display: block; }
.qtContent .qtPad		{ margin: 0 0 20px; padding: 10px; font-size: 11px; color: rgb(81,81,81); line-height: 1.4; }
.qtContent .qtPad a		{ color: rgb(39, 58, 102); }
.qtContent .qtPad a:hover{text-decoration: underline;}
.qtContent .qtPad img	{ float: left; display: block; margin: 0 6px 1px 0;}
.qtContent .qtPad ul	{ margin: 1em 0px 1em 0px; padding: 0 0 0 20px; list-style: disc; }
.qtContent .qtPad li	{ margin: 0  0 12px; font-size: 12px;}
.moreHeadlines,
.more					{ position: absolute; bottom: 10px; text-indent: 10px;font-size: 12px; font-weight: bold; }	
.moreHeadlines			{ color: rgb(138, 9, 14);}
/*#tabNav					{ display: block; position: relative; z-index: 30; height: 40px; background: url(/img/backgrounds/tabs.png) no-repeat 0 -40px;}*/
#tabNav					{ display: block; position: relative; z-index: 30; height: 40px; background: url(/img/backgrounds/tabs.png) no-repeat 0 0px;}
#tabNav li				{ float: left; width: 50%; font-size: 16px; color: rgb(144, 152, 166); color: rgba(255,255,255,.6); line-height: 43px; text-shadow: black 0 0 3px; font-weight: bold; text-transform: uppercase; text-align: center; overflow: hidden; cursor: pointer; }
#tabNav li:hover		{ color: white; }
#tabNav li.active		{ color: white; cursor: default;}
#tabs					{ position: relative; z-index: 29; min-height: 250px; border: 1px solid rgb(137,137,137); border-color: rgba(28,28,28,5); border-top: 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0,.8);  -moz-box-shadow: 0 0 8px rgba(0, 0, 0,.8); box-shadow: 0 0 8px rgba(0, 0, 0,.8); -o-box-shadow: 0 0 8px rgba(0, 0, 0,.8);}
#tabs .tab				{ display: none; position: absolute; top: 0; left: 0; height: 250px; width: 100%; background: white; overflow: hidden; }
#tabs #tab1.tab			{ display: block;}
/*#tabs #tab2.tab			{ display: block;}*/
.spotlight,
.tabBox					{ float: left; width: 232px; height: 250px; border-left: 1px solid rgb(137,137,137); color: rgb(81,81,81); }
.spotlight:first-child,
.tabBox:first-child		{ border: 0; }
.spotlight h3,
.tabBox h3				{ border-bottom: 1px solid rgb(137,137,137); font-weight: bold; font-size: 11px; line-height: 13px; text-transform: uppercase; padding: 8px; color: rgb(65,65,65); }
.tabBox h4				{ height: 20px; background: rgb(31, 49, 87); font-weight: bold; overflow: hidden; font-size: 11px; line-height: 20px; text-indent: 8px; color: white; text-shadow: black 0 0 1px; }
.bigBox					{ float: left; }
.input					{ margin: 0 0 6px; background: url(/img/backgrounds/background-textInput_short.png) no-repeat 0 0;  }
.input input			{ width: 211px; margin: 6px 1px; padding: 0; border: 0; background: white; font-size: 14px; line-height: 16px; color: rgb(137,137,137); text-indent: 8px; }
.input input:focus		{ color: rgb(65,65,65);}
.tabBox .pad			{ margin-bottom: 20px; padding: 8px; font-size: 12px; line-height: 1.3; }
.tabBox .pad img		{ float: left; display: block; margin: 0 6px 1px 0; border: 1px solid rgb(65,65,65); }
.tabBox .more			{ cursor: pointer; }
.tabBox .ahlStar		{ height: 66px; border-top: 1px solid rgb(137,137,137); font-size: 12px; line-height: 1.3; overflow: hidden; cursor: pointer; }
.tabBox .ahlStar:hover	{ background: rgb(230,230,230); }
.tabBox .ahlStar:first-child {border:0;}
.tabBox .ahlStar img	{ display: block; float: left; margin: 1px 8px 1px 1px; }
.tabBox .ahlStar h5		{ margin: 4px 8px; font-size: 12px; font-weight: bold; }
.tabBox .ahlStar p		{ margin: 4px 8px; }
.spotlight				{ position: relative; width: 173px; border-width: 2px; }
.spotlight img			{ display: block; }
.spotlight a			{ display: block; height: 33px; border-top: 1px solid rgb(137,137,137); background: url(/img/misc/sprite.png) repeat-x 0 -591px #464646; text-indent: 8px; font-size: 11px; font-weight: bold; color: white; line-height: 30px; text-shadow: black 0 0 2px; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 173px; }