.collapsed {display:none;}

#vpp       {margin:6px; background:url(/image/media/vpp/bg_outerBorders.png) repeat-y -979px 0; position:relative;}

#flvContainer           {position:absolute; left:7px; top:56px; width:640px; height:390px; background-color:#000; overflow:hidden; z-index:2;}
#flvContainer.collapsed {display:block; width:1px; left:0px; }

#edgeTop    {background:url(/image/media/vpp/bg_outerBorders.png) no-repeat; height:5px; overflow:hidden; width:auto; position:relative;}
#edgeBottom {background:url(/image/media/vpp/bg_outerBorders.png) no-repeat -1958px 0; height:5px; margin-top:3px; clear:both; overflow:hidden; width:auto;}	
#videoSearch                              {height:48px; margin:3px 7px 0 7px; background:url(/image/media/vpp/bg_videoSearch.png) no-repeat;}
#videoSearch form                         {padding:13px 0 0 192px; margin:0; overflow:hidden; width:auto;}
#videoSearch form input                   {float:left; border:0;}
#videoSearch form input#videoSearchQuery  {background-color:#fff; width:606px; height:18px; font:bold 12px arial,helvetica; color:#666;}
#videoSearch form input#videoSearchButton {margin-left:12px; margin-top:-7px;}

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

#featureWrap       {height:518px;}
#featureBody       {margin:0 7px; background:url(/image/media/vpp/bg_videoArea.png) no-repeat; height:390px;}
/*
#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:128px; background:url(/image/media/vpp/bgTile_clipData.png) repeat-x; margin:0 7px;}

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

#clipData       {width:auto; height:128px; overflow:hidden; font:11px arial,helvetica; color:#fff;}
#clipData a     {color:#a1182d; text-decoration:none;}

#clipAd                  {position:absolute; left:659px; 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;}

#clipInfo                {float:left; width:auto; overflow:hidden; margin:0 10px 0 0;}
#clipInfo #clipThumb     {float:left; margin:22px;}
#clipInfo #clipThumb img {width:120px; height:74px; border:2px solid #a1182d;}

#clipInfo #clipText                 {float:left; margin-top:22px; width:458px;}
#clipInfo #clipText #clipTitle      {font:bold 15px arial,helvetica; color:#a1182d;}
#clipInfo #clipText #clipDurAndDate {font:10px arial,helvetica; color:#999; width:410px;}
#clipInfo #clipText #clipDate       {margin-right:15px;}
#clipInfo #clipText #clipBlurb      {float:left; margin-top:8px; width:327px; height:45px; overflow:hidden;}

#clipInfo #shareWrap                        {float:left; background:url(/image/media/vpp/shareWrap.png) no-repeat; margin:22px 0 0 22px; width:302px; height:72px; overflow:hidden;}
#clipInfo #shareWrap ul#clipUtils           {margin:5px 0 0 5px; padding:0 0 0 83px; list-style:none;}
#clipInfo #shareWrap ul#clipUtils li        {float:left; margin:10px 20px 0 0; font:10px arial,helvetica; background:url(/image/media/vpp/shareIcons.png) no-repeat;}
#clipInfo #shareWrap ul#clipUtils #share    {display:none; padding-left:21px; padding-top:3px; background-position:0 -43px;} /* hidden until spam issue is resolved */
#clipInfo #shareWrap ul#clipUtils #comment  {padding-left:21px; background-position:2px -4px;}
#clipInfo #shareWrap ul#clipUtils #facebook {padding-left:21px; background-position:0 -64px;}
#clipInfo #shareWrap ul#clipUtils #digg     {padding-left:21px; background-position:0 -22px;}


#clipTags       {position:absolute; top:80px; left:670px; width:280px; height:100px; color:#000; font-size:10px; text-indent:-300px; background:url(/image/media/vpp/videoTags.png) no-repeat;}
#clipTags div   {font-size:11px; text-indent:0; padding:12px 0 0 1px; color:#fff;}
#clipTags div a {color:#a1182d; font-weight:bold;}

#initMsg {position:absolute; left:15px; top:428px; font:10px tahoma,arial; color:#444;}

#indexWrap            {background-color:#ccc; padding:8px; margin:0 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:152px; height:170px; margin:2px 5px 10px 0; background:url(/image/media/vpp/bg_videoItem.png) no-repeat; overflow:hidden;}
ul#vppIndex li div              {padding:13px 12px; position:relative;}
ul#vppIndex li div a            {display:block; height:127px; 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:8px 2px 2px 0; height:46px; overflow:hidden; font:bold 11px arial; color:#fff; line-height:13px;}
ul#vppIndex li div .duration    {padding:0; color:#888; font:9px arial; float:right;}
ul#vppIndex li div .dateAdded   {padding:0; color:#666; font:9px arial; float:left;}

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

#vppIndexNav                      {clear:both; width:auto; overflow:hidden;}
#vppIndexNav button               {font:bold 12px arial, helvetica; color:#a1182d; border:0; padding:0; margin:0 0 0 10px; background:#000;}
#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 #clipTags              {background:url(/image/media/vpp/videoTags.gif) no-repeat;}
* html #clipInfo #clipThumb   {margin-left:6px;}
* html #clipInfo #shareWrap   {background:url(/image/media/vpp/shareWrap.gif) no-repeat;}
* html ul#vppIndex            {float:left; margin:0;}
* html ul#vppIndex li         {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/image/media/vpp/bg_videoItem.png');}
* html ul#vppIndex li.current {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/image/media/vpp/bg_videoItemSel.png');}

/* comments */
#comments                      {width:503px; margin:7px auto; display:none;}
#comments button#closeComments {font:bold 10px arial,helvetica; background:none; border:none; color:#fff; display:block; text-transform:uppercase; cursor:pointer; position:relative; left:380px; top:29px;}
#comments #content_comments    {clear:both; margin-top:10px;}

#comments #content_comments_guidelines {text-align:left;}
#comments #comment_login               {margin-left:0; width:400px; text-align:left;}