/*
 * Structural Elements
 */
html {
	background : #000;
}
#xp #container {
	background : #000 url(/xp/img/xp-live-event-bg-dark.jpg) 50% 36px no-repeat;
}
#xp .live-event article.videos {
	border-bottom: 1px solid #393939;	
	padding : 30px 0 20px 0;
	/*background : url("/xp/img/bg_page.jpg") no-repeat scroll 50% 0 #000000;
	background : url(/xp/img/xp-live-event-bg-light.jpg) no-repeat 50% 0 #000;*/
}
#xp .live-event .content{
	width : 980px;
	margin : 0 auto;
}
#xp .live-event .breadcrumb_wrap.content  {
	padding-left : 20px;
	padding-right : 20px;
	width : 940px;
}
#xp .live-event section {
	width : 640px;
	margin : 0 20px;
	float : left;
	position : relative;
}
#xp .live-event aside {
	float : left;
	width : 280px;
	margin: 0 20px 0 0;
}
#video-player-wrapper {
	width: 640px;
	height: 360px;
}
.ie7 #video-player-wrapper,
.ie8 #video-player-wrapper,
.webkit #video-player-wrapper {
	height: 362px;
}

/*
 * Navigation
 */ 
#xp .live-event #main_nav {padding: 59px 0 85px;}
/* navigation
#xp .live-event #main_nav {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 62px 0 85px;
	z-index: 100;
}
#xp .live-event #nav_left {
	float: left;
	margin : 0 0 0 0px;
}
#xp .live-event #nav_right{
	float: right;
	margin : 0 0px 0 0;
}
#xp .live-event .xp_nav li {
	display: inline;
	position: relative;
	margin : 0 40px 0 0;
}
#xp .live-event .xp_nav li,
#xp .live-event .xp_nav li a {
	display: block;
	height: 14px;
	text-indent: -999em;
	background: transparent url(/xp/img/live-day-nav.png) 0 0 no-repeat;
}
#xp .live-event #nav_watch_live {width: 185px; background-position: -18px -18px;}
#xp .live-event #nav_latest_intel {width: 78px; background-position: -243px -18px;}
#xp .live-event #program_guide {width: 122px; background-position: -355px -18px;}
#xp .live-event #tournament {width: 105px; background-position: -515px -18px;}


#xp .live-event #nav_watch_live:hover, 
#xp .live-event .watch_live #nav_watch_live {
	background-position: -18px -48px;
}
#xp .live-event #nav_latest_intel:hover, 
#xp .live-event .latest_intel #nav_latest_intel {
	background-position: -243px -48px;
}
#xp .live-event #program_guide:hover, 
#xp .live-event .program_guide #program_guide {
	background-position: -355px -48px;
}
#xp .live-event #tournament:hover, 
#xp .live-event .tournament #tournament {
	background-position: -515px -48px;
}

#xp .live-event #xp_logo {
	background: transparent url(/xp/img/xp_logo.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: -34px;
	width: 272px;
	height: 190px;
	margin-left: -136px;
	z-index: 200;
}
 */
/*
 * Video Player
 */
#xp #video-player iframe, 
#xp #video-player, 
#xp #image-viewer {
	width : 640px;
	height : 360px;
}
.ie7 #xp #video-player iframe, 
.ie7 #xp #video-player, 
.ie7 #xp #image-viewer,
.ie8 #xp #video-player iframe, 
.ie8 #xp #video-player, 
.ie8 #xp #image-viewer,
.webkit #xp #video-player iframe, 
.webkit #xp #video-player, 
.webkit #xp #image-viewer {
	width: 638px;
}
#xp .offscreen {
	position : absolute;
	left : -9000em;
}
#xp .live-event section object {
	border: 1px solid #393939;
}
#xp .live-event .continue-to-full {
    display: block;
    float: right;
    height: 14px;
    width: 211px;
	margin-top: 2px;
}
#xp .live-event .continue-to-full a {
    background: url("/xp/img/xp-live-event-assets.png") no-repeat scroll -400px -600px transparent;
    display: block;
    height: 14px;
    text-indent: -999em;
    width: 211px;
}
#xp .live-event .continue-to-full a:hover {
    background-position: -400px -620px;
}
#xp .live-event #video-info-bar {
	height: 35px;
	width: 640px;
	position : relative;
	background : url(/xp/img/bg-video-player-details.png) 0 0 no-repeat;
}
#xp .live-event #video-info-bar ul {
	padding : 11px 0 0 13px;
}	
#xp .live-event #video-info-bar li {
    color: #838383;
	float : left;
	list-style-type : none;
    font-size: 11px;
    font-weight: bold;
	padding : 0 3px;
}
#xp .live-event #video-info-bar li span {
    color: #fff;
    font-weight: bold;
}
#xp .live-event #video-info-bar .mw3-green {
    color: #74AF05;
}
#xp .live-event #video-info-bar a#open-new-window  {
	display : block;
	text-indent : -999em;
	width : 160px;
	height : 8px;
	position : absolute;
	top : 14px;
	right : 15px;
	background : url(/xp/img/xp-live-event-assets.png) -400px -640px;
}
#xp .live-event #video-info-bar a:hover#open-new-window {
	background-position : -400px -660px;
}

/*
 * Video Playlist
 */ 
#xp .live-event aside header {
	background : none;
	width : auto;
	height : 32px;
	margin : 0 0 15px 0;
	padding : 0;
	position : relative;
	border-bottom : 1px solid #393939;
	/*background : url(/xp/img/bg-video-playlist-header.png) 100% 0 no-repeat;*/
}
#xp .live-event aside header h3 {
	font-size : 24px;
	padding : 0;
	line-height : 26px;
}
#xp .live-event aside header a {
	font-size : 14px;
	padding : 0;
	margin : 0;
	position : absolute;
	right : 11px;
	top : 9px;
}
#xp .live-event aside header a:hover {
	color : #d7d6d6;
}
#xp .live-event aside .video-listing,
#xp .live-event aside .live-view {
	clear : both;
	margin : 0 0 15px 0;
}	
#xp .live-event aside #scrollbar1 {
    width: 283px;
}
#xp .live-event aside .thumbnail {
	float : left;
	width : 106px;
}
#xp .live-event aside .thumbnail a{
	border : 5px solid #525252;
	float : left;
}
#xp .live-event aside .thumbnail a:hover{
	border : 5px solid #313131;
}
#xp .live-event aside .thumbnail a.active,
#xp .live-event aside .thumbnail a:active  {
	border : 5px solid #87b015;
}
#xp .live-event aside .thumbnail img {
	width : 94px;
	height : 53px;
	border : 1px solid #1e1e1e;
	display: block;
}
#xp .live-event aside .overview ul {
	float : left;
	width : 140px;
	margin : 2px 0 0 14px;
}
#xp .live-event aside .overview li {
	font-size : 11px;
	font-weight : bold;
	color : #dddddd;
	float : none;
	display : block;
	line-height : 15px;
	text-transform: uppercase;
}
#xp .live-event aside .overview li.title {
	font-size : 12px;
	font-weight : bold;
	color : #8cb61b;
}
#xp .live-event aside .overview li.views {
	margin : 2px 0 0 0;
	text-transform: none;
}
#xp .live-event aside .overview li span {
	color : #838383;
}
#xp .live-event #connect {
	border-top : 1px solid #262626;
	padding : 7px 0 0 0;
	
}
#xp .live-event #connect ul {
	width : 283px;
}
#xp .live-event #connect li {
	float : left;
	list-style-type : none;
}
#xp .live-event #connect li#fb-xp {
	float : right;
}
#xp .live-event #connect li a {
	display : block;
	width : 140px;
	height : 20px;
	text-indent : -999em;
	background : url(/xp/img/xp-live-event-assets.png) -10px -10px no-repeat;
}
#xp .live-event #connect li a:hover {
	background-position : -10px -70px;
}
#xp .live-event #connect li#fb-xp a {
	background-position : -152px -10px;
}
#xp .live-event #connect li#fb-xp a:hover {
	background-position : -152px -70px;
}


/* 
 *  Feeds Section
 */
#xp .loading {
	background: transparent url(/mw3/img/loading.gif) center center no-repeat;
}
#xp .live-event .hidden {
	display : none;
}
#xp .live-event .feeds {
	padding : 5px 0 40px 0;
	background-color: #000;
}
#xp .live-event .feeds section {
	width : 620px;
	padding : 0 20px 0 0;
}
#xp .live-event .feeds nav {
	background : url(/xp/img/xp-live-event-assets.png) -30px -303px no-repeat;
	height : 75px;
	padding : 20px 0 0 20px;
}
#xp .live-event .feeds nav li {
	float : left;
	list-style-type : none;
	padding : 0 20px 0 0;
}
#xp .live-event .feeds nav li a {
	text-indent : -999em;
	display : block;
	height : 38px;
	width : 96px;
	background : url(/xp/img/xp-live-event-assets.png) 0 0 no-repeat;
}
#xp .live-event .feeds nav li#blog a {
	background-position : -395px -10px;
}
/*#xp .live-event .feeds nav li#blog a:hover,*/
#xp .live-event .feeds nav li#blog a.active {
	background-position : -600px -10px;
}
#xp .live-event .feeds nav li#media a {
	background-position : -377px -70px;
}
/*#xp .live-event .feeds nav li#media a:hover,*/
#xp .live-event .feeds nav li#media a.active {
	background-position : -600px -70px;
}
#xp .live-event .feeds nav li#chatter a {
	background-position : -391px -130px;
}
/*#xp .live-event .feeds nav li#chatter a:hover,*/
#xp .live-event .feeds nav li#chatter a.active {
	background-position : -600px -130px;
}

#xp .live-event .feeds .chatter-listing,
#xp .live-event .feeds .blog-listing {
	clear : both;
	padding : 0 0 20px 0;
	margin : 0 0 20px 0;
	border-bottom : 1px solid #151515;
}	

#xp .live-event .feeds .chatter-listing .thumbnail {
	float : left;
	width : 70px;
}

#xp .live-event .feeds .chatter-listing ul {
	float : left;
	width : 550px;
	margin : 0;
}
#xp .live-event .feeds .chatter-listing li {
	font-size : 11px;
	font-weight : bold;
	color : #dddddd;
	float : none;
	display : block;
	line-height : 15px;
}
#xp .live-event .feeds .chatter-listing li.poster {
	font-size : 14px;
	font-weight : bold;
	color : #8cb61b;
}
#xp .live-event .feeds .chatter-listing li.entry {
	margin : 2px 0 0 0;
}
#xp .live-event .feeds .chatter-listing li.date {
	color : #838383;
}

/* 
 * Blog section
 */

#xp .live-event .feeds .blog-listing .avatar {
	float : left;
	width : 46px;
	height : 46px;
	margin : 0 14px 0 0;
	background : url(/xp/img/xp-live-event-assets.png) -700px -400px no-repeat;
}
#xp .live-event .feeds .blog-listing .post-info {
	float : left;
	width : 550px;
}
#xp .live-event .feeds .blog-listing .post-info * {
	margin : 0;
	padding : 0;
}
#xp .live-event .feeds .blog-listing .post-info h2 {
	color :#fff;
	font-size : 16px;
}
#xp .live-event .feeds .blog-listing .post-info h3 {
	line-height : 24px;
	margin-top : -3px;
	font-size : 18px;
}
#xp .live-event .feeds .blog-listing .post-info p span.poster {
	color : #8cb61b;
}

#xp .live-event .feeds .blog-listing .post-data {
	padding : 15px 0 0 0;
	clear : both;
}
#xp .live-event .feeds .blog-listing .jive-rendered-content {
	margin : 0 0 10px 0;
}
#xp .live-event .feeds .blog-listing .jive-rendered-content img {
	float : left;
	margin : 0 15px 0 0;
}
#xp .live-event .feeds .blog-listing .jive-rendered-content img {
	float : none;
	margin : 0 0 10px 0;
}
#xp .live-event .feeds .blog-listing .post-data p {
	font-size : 15px;
}
#xp .live-event .feeds .blog-listing .post-data p a { 
	color : #8CB61B;
}

#xp .live-event .chatter-join {
    background: url("/mw3/img/buttons-sprite.png") no-repeat scroll 0 -86px transparent;
    display: block;
    height: 25px;
    text-indent: -999em;
    width: 189px;
}
#xp .live-event .chatter-join:hover {
	background-position : -189px -86px;
}
/* 
 * Sidebar CTAs
 */

#xp .live-event .feeds aside .addthis_toolbox {
	margin : 20px 0;
}

#xp .cta_ad a {
	display: block;
	background: url(/xp/img/bg_cta_promo.jpg) -1px -121px no-repeat;
	width: 277px;
	height: 78px;
	margin: 0 0 23px 0;
	border: 1px solid #343434;
	text-indent: -999em;
}
#xp #photos_cta a:hover {
	background-position: -280px -121px;
}
#xp #tournament_cta a {
	background-position: -1px -1px;
	padding-bottom: 40px;
}
#xp #tournament_cta a:hover {
	background-position: -280px -1px;
}
#xp #event_cta a {
	background-position: -1px -201px;
}
#xp #event_cta a:hover {
	background-position: -280px -201px;
}

#xp .live-event .feeds aside #about-xp h3 {
	margin : 0 0 8px 0 ;
}
#xp .live-event .feeds aside #about-xp p {
	color : #dddddd;
	font-size : 14px;
}
#xp .live-event .feeds aside #about-xp p a {
	color : #8cb61b;
	padding: 10px 0 0 0;
	display : block;
}
#xp .live-event .feeds aside #preorder-now {
	margin : 40px 0 0 0;
	padding : 10px 0 0 15px;
	width : 280px;
	height : 145px;
	background : url(/xp/img/xp-live-event-assets.png) -50px -650px no-repeat;
}
#xp .live-event .feeds aside #preorder-now h3 {
	line-height : 12px;
	margin: 0 0 10px;
}
#xp .live-event .feeds aside #preorder-now h3 span {
	color : #fff;
	display : block;
	font-size : 20px;
	margin : -3px 0 0 0;
}
#xp .live-event .feeds aside #preorder-now a {
	color : #8cb61b;
	font-size : 14px;
}

/* Custom scrollbar */
#scrollbar1 { width: 280px; clear: both; }
#scrollbar1 .viewport { width: 260px; height:300px; overflow: hidden; position: relative; padding-bottom : 10px; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #79aa17; }
#scrollbar1 .scrollbar { background: #333333 url(/xp/img/bg_scroll_top.png) 50% -5px no-repeat; position: relative; float: right; width: 2px; margin: 0 6px; }
#scrollbar1 .track { background: transparent url(/xp/img/bg_scroll_btm.png) 50% 100% no-repeat; height: 100%; width:12px; position: relative; left: -5px; }
#scrollbar1 .thumb { background: #79aa17 url(/xp/img/bg_scroll_thumb_large.png) 0 0 no-repeat; height: 36px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 12px; }
#scrollbar1 .disable{ display: none; }