.collapsed {display:none;} #vpp {margin:6px; background:url(/images/media/vpp/bg_outerBorders.png) repeat-y -979px 0; position:relative;} #flvContainer {position:absolute; left:169px; top:56px; width:640px; height:390px; background-color:#000; overflow:hidden; z-index:12;} #flvContainer.collapsed {display:block; width:1px; left:0px; } #edgeTop {background:url(/images/media/vpp/bg_outerBorders.png) no-repeat; height:5px; overflow:hidden; width:auto; position:relative;} #edgeBottom {background:url(/images/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(/images/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(/images/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(/images/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:#298edb; text-decoration:none;} #clipAd {float:left; width:330px; overflow:hidden; margin:22px 0 0 0; text-align:center;} #clipAd #companionAd {display:block; margin:0 auto; border:1px solid #fff; width:300px; height:60px; overflow:hidden;} #clipAd #playlistMessage {margin-top:18px; font:bold 11px arial,helvetica; color:#ccc;} #clipInfo {float:left; width:410px; overflow:hidden; margin:0 15px 0 5px;} #clipTitle {font:bold 15px arial,helvetica; color:#298edb; margin-top:10px;} #clipDurAndDate {font:10px arial,helvetica; color:#999; width:410px;} #clipDate {margin-right:15px;} #clipThumb {float:left; margin:8px 8px 0 0; width:75px;} #clipThumb img {width:73px; height:41px; border:1px solid #298EDB;} #clipBlurb {float:left; margin-top:8px; width:327px; height:45px; overflow:hidden;} ul#clipUtils {clear:both; margin:0 7px 0 0; padding:0; list-style:none; width:auto; overflow:hidden;} ul#clipUtils li {float:left; margin:10px 20px 0 0; font:10px arial,helvetica; height:15px;} #facebook {padding-left:21px; background:url(/images/media/vpp/bg_icons.png) no-repeat 0 -34px;} #digg {padding-left:22px; background:url(/images/media/vpp/bg_icons.png) no-repeat 0 -52px;} #share {padding-left:30px; background:url(/images/media/vpp/bg_icons.png) no-repeat 0 -17px;} #comment {padding-left:17px; background:url(/images/media/vpp/bg_icons.png) no-repeat 0 0;} #clipTags {float:left; width:180px; margin-top:32px; color:#999; font-size:10px;} #clipTags div {font-size:11px;} #clipTags div a {color:#298edb; font-weight:bold;} #initMsg {position:absolute; left:180px; 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:145px; height:150px; margin:2px 12px 10px 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:124px; 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:#298edb; line-height:14px;} 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(/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:#369; border:0; padding:0; margin:0 0 0 10px; background:none;} #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');} /* comments */ #comments {width:600px; margin:7px auto; display:none;} #comments button#closeComments {font:10px arial,helvetica; 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;}