/* shared basic styles */

body.mlb   {background-color:#181818; background-image:none;}

#videoPlaybackWrap {background-repeat:no-repeat; background-position:center top;margin-top:3px;}
body #content_wrapper {background-color:#fff;}

#vpp       {position:relative; background-color:#181818;}
#vpp a     {color:#69A7E9;} /* efaa31 c0dfff */	
.collapsed {display:none;}

#videoPlaybackWrap {background-repeat:no-repeat; background-position:center top;}

#flvContainer           {position:absolute; left:175px; top:0; width:640px; height:360px; background-color:#000; overflow:hidden; z-index:12;}
#flvContainer.collapsed {display:block; width:1px; left:0px; }
		
#featureWrap  {}
#featureBody  {height:360px;}
#featureInfo  {
	width:990px; height:313px;
	background:rgb(0, 0, 0); 
	/* background:rgba(0, 0, 0, 0.6); */
	/* background:transparent\9; /* clear solid background for ie */
	/* zoom:1; /* required for the filters */
	/*
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000')";
	*/
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

#buttonWatch       {text-align:center; margin-top:50px; height:223px;}
#buttonWatch img   {cursor:pointer;}

#clipData     {width:595px; height:114px; overflow:hidden; font:11px helvetica neue,arial; color:#fff; float:left; margin-left:40px; border-bottom:1px solid #191919;}
#clipData a   {text-decoration:none;}
	#clipInfo   {float:left; width:350px; margin:4px 8px 4px 0; overflow:hidden;}
		#clipTitle           {float:left; margin-right:10px; font:19px helvetica neue,arial; color:#fff;}
		ul#clipMeta          {float:left; padding:0; margin:11px 0 5px 0; list-style-type:none;}
		ul#clipMeta li       {float:left; margin:0; padding:0 4px; border-right:1px solid #666; font:10px helvetica neue,arial; line-height:9px; color:#666;}
		ul#clipMeta li.first {padding-left:0;}
		ul#clipMeta li.last  {border-right:none;}
		#clipBlurb           {clear:both;}
	#clipInfoLinks     {width:178px; padding-left:8px; margin-top:8px; float:left; overflow:hidden; border-left:1px solid #222;}
		#comment         {width:50px; height:20px; float:left; font:12px helvetica neue,arial; background:url(/shared/images/icons/comments_bg.png) no-repeat; padding-left:22px;}
		#comment .closed {font:10px helvetica neue,arial;}
		ul#clipShare           {margin:0 0 0 6px; padding:0; list-style:none; width:auto; overflow:hidden; color:#666;}
		ul#clipShare li        {float:left; margin:0 2px 0 0; font:12px helvetica neue,arial; height:16px; cursor:pointer;}
        
ul#clipShare li a      {text-indent:-100px; overflow:hidden; display:block;}
ul#clipShare #facebook,
ul#clipShare #twitter,
ul#clipShare #digg,
ul#clipShare #share {
 width:24px; 
 height:24px;
 margin-right:8px;
 background:url(/shared/images/social_icons_24x24.png) no-repeat;
}

ul#clipShare li#facebook a,
ul#clipShare li#twitter a {
  height:24px;
}

ul#clipShare li#googleplusone {
  margin-right:6px;
}


ul#clipShare #facebook {background-position: 0 -4px;}
ul#clipShare #twitter  {background-position: 0 -100px;}		
ul#clipShare #digg     {background-position: 0 -35px;}
ul#clipShare #share    {background-position: 0 -195px;}
#clipTags     {color:#666; font-size:11px; clear:both; padding-top:3px;}
#clipTags div {display:inline;}

#clipShare #btn-share-embed {
 clear:left;

}
#clipShare #btn-share-embed,
#clipShare #btn-share-copy {
 height:auto;
 overflow:hidden;
}
#clipShare #btn-share-embed a,
#clipShare #btn-share-copy a {
 text-indent:0;
 text-align:center;
}
#clipShare .bam-button,
.bam-button {

 font-family:"Helvetica", "Helvetica Neue", arial, sans-serif;

 display:block;
 padding:6px 17px 7px;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
     -moz-border-radius: 7px; 
  -webkit-border-radius: 7px; 
          border-radius: 7px; 
 text-align:center;
 
 margin:.3em 0; 

 background: #969698; /* Old browsers */
 background: -moz-linear-gradient(top, #969698 0%, #5C5C5D 50%, #3D3E3F 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969698), color-stop(50%,#5C5C5D), color-stop(100%,#3D3E3F)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #969698 0%,#5C5C5D 50%,#3D3E3F 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #969698 0%,#5C5C5D 50%,#3D3E3F 100%); /* Opera11.10+ */
 background: -ms-linear-gradient(top, #969698 0%,#5C5C5D 50%,#3D3E3F 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969698', endColorstr='#3D3E3F',GradientType=0 ); /* IE6-9 */
 background: linear-gradient(top, #969698 0%,#5C5C5D 50%,#3D3E3F 100%); /* W3C */

 color:#fff; 
}
#clipShare .bam-button-small,
.bam-button-small {
 font-size:11px;
 font-weight:normal;
 padding:2px 4px;
     -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
          border-radius: 3px; 

 width:56px;
}



.copy-container,
.embed-container {
 width:460px;
 margin:0 auto;
}
#popModule .embed-container p {
 margin:1em 0;
}
#popModule .copy-container p {
 margin:0 0 .5em;
 font-weight:bold;
}
.copy-code,
.embed-code {
 font-size:1.25em;
 padding:.5em;
 width:445px;
 margin:.5em 0 1em;
}
.copy-code {
 height:50px;
 margin:0 0 1em;
}
.embed-code {
 height:185px;
}
#module_content {
 background:#fff;
     -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
          border-radius: 4px; 
}

#videoCompanionAd  {float:right; width:300px; height:250px; margin:10px 40px 0 0;}

/* playlist area */
#playlistWrap           {clear:left; color:#fff; width:595px; overflow:hidden; margin:0 0 0 40px;}
#playlistWrap h6        {font:bold italic 15px helvetica neue,arial; color:#999; margin:4px 0 6px 0; padding:0;}
#playlistWrap h6 strong {color:#fff; font-style:normal; margin-right:5px;}
.btnPlaylist {
	margin-top:5px;
	width:15px; height:70px;
	border:1px solid #747474; 
	background-color:#666;
	background-image:-moz-linear-gradient(top, #5f5e5f, #222); /* FF3.6 */
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #5f5e5f),color-stop(1, #222222)); /* Saf4+, Chrome */
						filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5e5f', EndColorStr='#222222'); /* IE6,IE7 */
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5e5f', EndColorStr='#222222')"; /* IE8 */
	overflow:hidden; 
	cursor:pointer; 
	line-height:100px;
}
.btnPlaylist.disabled {
	cursor:default;
	border-color:#333;
	background-color:#333;
	background-image:-moz-linear-gradient(top, #333, #111); /* FF3.6 */
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #333),color-stop(1, #111)); /* Saf4+, Chrome */
						filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#111111'); /* IE6,IE7 */
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#111111')"; /* IE8 */
	
}
#btnPlaylistPrev    {float:left; margin-right:5px; /* border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; */}
#btnPlaylistNext    {float:right; margin-left:1px; background-image:url(/images/media/sprite_media.png) no-repeat -76px 25px; /*	border-top-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; */}
.btnPlaylist div    {text-indent:-999px; width:15px; height:70px; overflow:hidden;}
#btnPlaylistPrev div {background:url(/images/media/sprite_media.png) no-repeat -63px 25px;}
#btnPlaylistNext div {background:url(/images/media/sprite_media.png) no-repeat -76px 25px;}
#btnPlaylistPrev.disabled div,
#btnPlaylistNext.disabled div {background:none;}

#playlistItems       {float:left; width:555px; overflow:hidden; position:relative;}
#playlistItems ul    {margin:0; padding:0; list-style:none; position:relative; width:2000px; display:none;}	
#playlistItems ul li              {float:left; margin:0 2px 0 0; width:136px; height:160px; color:#fff;}
#playlistItems ul li a            {position:relative; display:block; height:150px; padding:5px; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#playlistItems ul li a:hover      {background-color:#2a2a2a; box-shadow:0 0 3px #000; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000;}
#playlistItems ul li a img        {width:124px; height:70px; display:block; border:1px solid #464646;}
#playlistItems ul li a .playBtn   {position:absolute; top:5px; width:37px; height:37px; background:url(/images/media/sprite_media.png) no-repeat;}
#playlistItems ul li a p          {margin:4px 1px; width:124px; padding:0; font:11px helvetica neue,arial;}
#playlistItems ul li a .dateAdded {font:10px helvetica neue,arial; color:#999;}
#playlistItems ul li a .duration  {font:10px helvetica neue,arial; color:#999;}
#playlistItems ul li.current a    {
	background-color:#333;
	background-image:-moz-linear-gradient(top, #555, #222); /* FF3.6 */
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #555555),color-stop(1, #222222)); /* Saf4+, Chrome */
						filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#222222'); /* IE6,IE7 */
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#222222')"; /* IE8 */
}
#playlistItems ul li.current img        {border-color:#999;}
#playlistItems ul li.current p          {color:#fff;}
#playlistItems ul li.current a .playBtn {background:none;}
#playlistItems ul li.collapsed          {display:none;}
#playlistItems ul li.msg                {font:10px tahoma,helvetica neue,arial; color:#888; padding:3px;}
#playlistItems ul li.msg.loading        {background:url(/images/loading_indicatorSm_777_on_191919.gif) no-repeat 10px 10px; text-indent:-999px;}


/* comments component */
#comments                      {width:600px; margin:7px auto; display:none; background-color:#fff; border-bottom:10px solid #111; padding:10px;}
#comments button#closeComments {font:10px helvetica neue,arial; background:none; border:none; color:#fff; display:block; text-transform:uppercase; cursor:pointer; position:relative; left:475px; top:24px;}
#comments #content_comments    {clear:both; margin-top:10px;}	


/* IE6 fixes */
* html #vppInner {width:990px; overflow:hidden;} /* helps prevent/hide wide indexWrap in IE6 */
* html #clipData         {margin-left:17px; width:602px;}
* html #videoCompanionAd {margin-right:22px;}
* html #clipInfo         {margin-left:5px;}
* html #clipInfoLinks              {height:97px; width:170px;}
* html #clipInfoLinks #comment     {background:url(/shared/images/icons/comments_bg.gif) no-repeat;}
* html #clipInfoLinks ul#clipShare {margin-left:4px;}
* html #btnPlaylistNext div {background-color:#a49fa0;}
* html #btnPlaylistPrev div {background-color:#a49fa0;}
* html #playlistItems ul li a .playBtn {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/media/btn_play_clip.png');}