.collapsed {display:none;}

#vpp       {position:relative; background:#fff url(/images/bg_tile.gif) repeat-y; padding:7px 0 0 25px; width:965px; }

#flvContainer           {position:absolute; left:25px; top:45px; width:640px; height:390px; background-color:#fff; overflow:hidden; z-index:12; padding-top:20px;}
#flvContainer.collapsed {display:block; width:1px; left:0px; }

#edgeTop    {}
#edgeBottom {}	
#videoSearch                              {position:absolute;}
#videoSearch form                         {padding:9px 0 0 160px; margin:0; overflow:hidden; width:auto;}
#videoSearch form input                   {float:left; border:0;}
#videoSearch form input#videoSearchQuery  {background-color:#fff; width:375px; height:16px; padding:1px 5px; font:bold 12px arial,helvetica; color:#666;}
#videoSearch form input#videoSearchButton {margin-left:12px; margin-top:-4px;}

#vppInner {width:978px; overflow:hidden;} /* helps prevent/hide wide indexWrap in IE6 */

#featureWrap       {height:530px;}
#featureBody       {
	background:url(/images/media/vpp/bg_videoArea.png) no-repeat; 
	height:430px;

   	
 
}
/*
#featureContent    {width:400px; margin:0 auto 0 auto; padding-top:200px;}
#featureContent h3 {font:bold 14px arial,helvetica; color:#fff;}
#featureContent p  {font:11px arial; color:#fff;}
*/
#featureInfo       {height:91px; background:url(/images/media/vpp/bg_clipData.png) no-repeat; margin:7px 0;}

#buttonWatch       {text-align:center; padding-top:16px;}
#buttonWatch img   {cursor:pointer;}

#clipData       {width:956px; height:91px; font:11px arial,helvetica; color:#fff;}
#clipData a     {color:#298edb; text-decoration:none;}

#clipAd                  {position:absolute; left:674px; top:184px; width:300px; height:250px; overflow:hidden;}
#clipAd #companionAd     {display:block; margin:0 auto; width:300px; height:250px; overflow:hidden;}
#clipAd #playlistMessage {margin-top:18px; font:bold 11px arial,helvetica; color:#ccc;}

#clipTags       {position:absolute; top:40px; left:680px; width:286px; height:125px; color:#000; font-size:10px;}
#clipTags div   {font:bold 11px arial; text-indent:0; padding:12px 0 0 12px; color:#333;}
#clipTags div a {color:#0b2f83; font-weight:bold;}

#clipInfo                {float:left; width:auto; overflow:hidden; margin:0;}
#clipInfo #clipThumb     {float:left; margin:8px 9px;}
#clipInfo #clipThumb img {width:120px; height:74px; border:1px solid #afafaf;}

#clipInfo #clipText                 {float:left; margin-top:9px; margin-right:9px; width:500px;}
#clipInfo #clipText #clipTitle      {font:bold 15px arial,helvetica; color:#fff;}
#clipInfo #clipText #clipDurAndDate {font:10px arial,helvetica; color:#999; width:410px;}
#clipDurAndDate #clipDurationLabel, #clipDurAndDate #clipDuration {display:none;}
#clipInfo #clipText #clipDate       {margin-right:15px;}
#clipInfo #clipText #clipBlurb      {float:left; margin-top:8px; width:327px; height:45px; overflow:hidden;}


#clipInfo                        {float:left; width:auto; height:90px; overflow:hidden;}
#clipInfo ul#clipUtils           {float:left; margin:15px 0 0 25px; padding:0; list-style:none; width:230px;}
#clipInfo ul#clipUtils li        {float:left; margin:10px 20px 0 0; font:10px arial,helvetica; background:url(/images/media/vpp/shareIcons.png) no-repeat;}
#clipInfo ul#clipUtils li a      {color:#fff; font:bold 11px arial,helvetica;}
#clipInfo ul#clipUtils #share    {padding-left:21px; background-position:0 -45px;}
#clipInfo ul#clipUtils #comment  {padding-left:21px; background-position:2px -2px;}
#clipInfo ul#clipUtils #facebook {padding-left:21px; background-position:0 -64px;padding-right:10px;}
#clipInfo ul#clipUtils #digg     {padding-left:21px; background-position:0 -22px;}


#indexWrap            {margin-top:7px;}
#indexHead            {width:auto; overflow:hidden; height:30px;}
#indexHead #indexLink {display:block; width:250px; height:25px; float:left;}
#indexHead #poweredBy {float:right; margin-right:14px;}

ul#vppIndex                     {list-style:none; margin:5px 0 0 6px; padding:0; height:162px;}
ul#vppIndex li                  {float:left; width:148px; height:145px; margin:2px 10px 12px 0; background:url(/images/media/vpp/bg_videoItem.png) no-repeat; overflow:hidden;}
ul#vppIndex li div              {padding:8px; position:relative;}
ul#vppIndex li div a            {display:block; height:116px; text-decoration:none; position:relative;}	
ul#vppIndex li div a:hover      {text-decoration:none; cursor:pointer;}	
ul#vppIndex li div a img        {display:block; width:124px; height:70px; border:1px solid #666;}
ul#vppIndex li div a .videoText {padding:0; /*margin:1px 2px 2px 2px;*/ height:46px; overflow:hidden; font:bold 11px arial; color:#071b4c; line-height:13px;}
ul#vppIndex li div .duration    {padding:0; color:#888; font:9px arial; float:right; display:none; }
ul#vppIndex li div .dateAdded   {padding:0; color:#666; font:9px arial; float:left;}

ul#vppIndex li.current                  {background-image:url(/images/media/vpp/bg_videoItemSel.png);}
ul#vppIndex li.current div a img        {border:1px solid #000;}
ul#vppIndex li.current div a .videoText {color:#298edb;} 

#vppIndexNav                      {clear:both; width:auto; overflow:hidden;}
#vppIndexNav button               {font:bold 12px arial, helvetica; color:#071b4c; border:0; padding:0; margin:0 0 7px 10px; background-color:#d9d9d9;}
#vppIndexNav button.current       {color:#fff; cursor:pointer;}
#vppIndexNav button:hover         {cursor:pointer; background-color:#fff;}
#vppIndexNav button.current:hover {background:none; cursor:default;}

* html #indexWrap             {width:auto; height:auto;}
* html ul#vppIndex            {float:left; margin:0;}
* html ul#vppIndex li         {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/media/vpp/bg_videoItem.png');}
* html ul#vppIndex li.current {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/media/vpp/bg_videoItemSel.png');}

*html #clipUtils {position:relative; top:1px; left:0px; }
/* comments */
#comments                             {width:600px; margin:7px auto; display:none;}
#comments #comment_head               {background:url(/images/YES-articleviewcomments.jpg) no-repeat; height:45px;}
#comments #comment_body               {border-color:#ddd;}
#comments #comment_head #comment_logo {display:none;}
#comments #comment_head h5            {display:none;}
#comments button#closeComments        {font:10px arial,helvetica; background:none; border:none; color:#0B2183; display:block; text-transform:uppercase; cursor:pointer; position:relative; left:475px; top:35px;}
#comments #content_comments           {clear:both; margin-top:10px;}