body { border:0px none; margin:0; text-align:center; background: #c9c9c9 url(../imagesGrey/bkg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size: 14px } form { margin:0px; padding:0px} a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { outline: none; } iframe { border:0px solid; margin:0px} #page { width:100%; text-align:center} .spacer { width:10px; height:10px; border:0px none} .spacerImg { width:10px; height:10px; border:0px none} .headerLogo { border:0px;} .logo { background: url('../imagesGrey/logo.gif'); width:329px; height:82px; border:0px} /* no use*/ #header { } #header h1 { color: #000; font-family:arial; font-size:12px} #headerHidden { display:none} #menuTop { margin:0 auto; background: url('../imagesGrey/bkgMenuTop.gif') bottom repeat-x; height:28px; border:0} #menuItems { width:920px; margin-left:auto; margin-right:auto; font-size:12px; position:relative; vertical-align:middle; padding:0px} #menuButtonGroup { padding: 0; margin: 0; list-style: none; display:block} #menuButtonGroup li { float:left; padding-right:4px; list-style:none; font-size:12px;} .buttonNormal a { background: url('../imagesGrey/button_normal_left.gif') no-repeat left top; cursor:pointer; height:28px; display:block; float:left; padding-left:10px; text-decoration:none; color:#555} .buttonNormal a span { background: url('../imagesGrey/button_normal_right.gif') no-repeat right top; display:block; padding:8px 10px 0px 0px; display:block; height:20px; float:left; color:#555 } .buttonNormal a:hover { cursor:pointer; background: url('../imagesGrey/button_active_left.gif') no-repeat left top; height:28px; display:block; float:left; padding-left:10px; text-decoration:none; color:#555} .buttonNormal a:hover span { background: url('../imagesGrey/button_active_right.gif') no-repeat right top; display:block; padding:7px 10px 0px 0px; display:block; height:21px; float:left; color:#000} .buttonActive a { cursor:pointer; background: url('../imagesGrey/button_active_left.gif') no-repeat left top; height:28px; display:block; float:left; padding-left:10px; text-decoration:none; color:#000} .buttonActive a:hover { text-decoration:none} .buttonActive a span { background: url('../imagesGrey/button_active_right.gif') no-repeat right top; display:block; padding:7px 10px 0px 0px; display:block; height:21px; float:left } /* nuevo para permitir mas canales */ #menuItemsMoreCont { clear: both; display:block; overflow:hidden; } #menuItemsMore { width:928px; margin-left:auto; margin-right:auto; vertical-align:middle; padding:0px; overflow:hidden} #menuItemsMoreBox { width:928px; background:#eaeaea; border:0px solid #ddd; border-top:0; padding:0; margin:0} #menuItemsMoreBoxTL { background: url("../imagesGrey/moreChannels_ctr_left.gif") repeat-y; width:10px; height:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxTC { height:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxTR { background: url("../imagesGrey/moreChannels_ctr_right.gif") repeat-y;width:10px; height:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxCL { background: url("../imagesGrey/moreChannels_ctr_left.gif") repeat-y; width:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxCC { } #menuItemsMoreBoxCR { background: url("../imagesGrey/moreChannels_ctr_right.gif") repeat-y; width:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxBL { background: url("../imagesGrey/moreChannels_bot_left.gif") repeat-y; width:10px; height:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxBC { background: url("../imagesGrey/moreChannels_bot_ctr.gif") repeat-x; height:10px; line-height:1px; font-size:1px } #menuItemsMoreBoxBR { background: url("../imagesGrey/moreChannels_bot_right.gif") repeat-y; width:10px; height:10px; line-height:1px; font-size:1px } #menuButtonGroupMore { padding: 0; margin: 0; list-style: none; display:block} #menuButtonGroupMore li { float:left; padding:0; list-style:none; font-size:12px; } #menuButtonGroupMore li a { padding:10px; white-space:nowrap} #menuItemsMore .buttonNormalM a { background:none; cursor:pointer; display:block; float:left; text-decoration:none; color:#777} #menuItemsMore .buttonNormalM a span { background:none; display:block; float:left; color:#777 } #menuItemsMore .buttonNormalM a:hover { background:#f2f2f2; cursor:pointer; display:block; float:left; text-decoration:none; color:#000} #menuItemsMore .buttonNormalM a:hover span { background:#f2f2f2; display:block; float:left; color:#000} #menuItemsMore .buttonActiveM a { background:none; cursor:pointer; display:block; float:left; text-decoration:underline; color:#000} #menuItemsMore .buttonActiveM a:hover { text-decoration:none} #menuItemsMore .buttonActiveM a span { background:none; display:block; float:left; text-decoration:underline; } #panelVideo { width:920px; text-align:left; margin-left:auto; margin-right:auto; display:block; border-bottom:2px solid #d5d5d5} .panelVideoTopLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelVideoTopCenter { height:10px; line-height:1px; font-size:1px } .panelVideoTopRight { width:10px; height:10px; line-height:1px; font-size:1px} .panelVideoCenterLeft { width:10px; line-height:1px; font-size:1px} .panelVideoCenterCenter { } .panelVideoCenterRight { width:10px; line-height:1px; font-size:1px} .panelVideoBottomLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelVideoBottomCenter { height:10px; line-height:1px; font-size:1px } .panelVideoBottomRight { width:10px; height:10px; line-height:1px; font-size:1px} #videoObject { text-align:center; color:#bbb; font-weight:bold} #videoObject a, #videoObject a:link, #videoObject a:visited { color:#fff; font-weight:bold} #videoObject a:hover { text-decoration:underline} #videoData { background: #c9c9c9 url(../imagesGrey/videoDataBkg.gif) repeat-x bottom; color:#666; border:0} #videoTitle { padding:3px; clear: both; } #dynamicChannel { font-size:12px; display:inline} #dynamicTitle { color:#000; font-family:verdana; font-size:17px; display:inline } #videoStats { padding:3px; clear: both; font-size:12px; } .stat { width:25%} .stat div { display:inline } .statDesc { width:25%; text-align:right; } .statDesc a:link { color:#555} .statDesc a:visited { color:#555} .statDesc a:hover { color:#000} .statDesc a:active { color:#000} #rateMe{position:relative; width:100px; height:auto; padding:0px; margin:0px; border:1px solid #d1d1d1; border-bottom:1px solid #d4d4d4} #rateMe li{float:left;list-style:none;} #rateMe li a:hover, #rateMe .starOn {background:url('../imagesGrey/rate-full.gif') no-repeat; cursor:pointer; overflow:auto} #rateMe a {float:left; background:url('../imagesGrey/rate-none.gif') no-repeat; width:12px; height:13px; cursor:pointer; border:0px none; text-decoration:none} #rateMe img {background:url('../imagesGrey/rate-none.gif') no-repeat; width:12px; height:13px; cursor:pointer; border:0px none; text-decoration:none} #rateMe .starOver {/*float:left;*/ background:url('../imagesGrey/rate-over.gif') no-repeat; width:12px; height:13px; cursor:pointer} #videoDescriptionCont { clear: both; font-size:12px; display:block; overflow:hidden} #dynamicDescription { padding:3px; font-size:12px; display:block; color:#000} #seoTags { display:none } #videoShare { padding:3px; clear: both; font-size:12px; border-top:2px solid #d5d5d5} .share { width:25% } .share a:link { color:#555} .share a:visited { color:#555} .share a:hover { color:#000} .share a:active { color:#000} .socialIcon { border:1px solid #a1a198 } .shareFields { border:1px solid #ccc; background: #dedede; font-family:tahoma; font-size:11px; width:170px; color:#666 } #relatedVideos { text-align:center} #relatedVideosTitle { font-size:12px; font-weight:bold; padding-top:4px; } #relatedVideosTitle a { color:#000} #relatedVideosTitle a:link { color:#555} #relatedVideosTitle a:visited { color:#555} #relatedVideosTitle a:hover { color:#000} #relatedVideosCont { overflow:hidden; padding:0px; margin:0px; border: 0px solid; width:900px; text-align:center; position:relative} #relatedVideosThumbCont { overflow:hidden; padding:0px; margin:0px; border: 0px solid; display:block; width:776px; height:170px; position:relative; margin-left:auto; margin-right:auto; } #relatedVideosLeftArrow { width:29px; left:0px; position:absolute} #relatedVideosLeftArrow #arrowLeftActive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../imagesGrey/arrowLeft.gif') left} #relatedVideosLeftArrow #arrowLeftActive a:hover { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../imagesGrey/arrowLeft.gif') center} #relatedVideosLeftArrow #arrowLeftInactive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../imagesGrey/arrowLeft.gif') right; cursor:default} #relatedVideosRightArrow { width:29px; right:0px; position:absolute} #relatedVideosRightArrow #arrowRightActive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../imagesGrey/arrowRight.gif') left} #relatedVideosRightArrow #arrowRightActive a:hover { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../imagesGrey/arrowRight.gif') center} #relatedVideosRightArrow #arrowRightInactive a { display:block; text-decoration:none; width:29px; height:43px; border:0px none; margin-top:40px; background:url('../imagesGrey/arrowRight.gif') right; cursor:default} /* esta clase-id aplica a un div > ul > li > div con un grupo de videos */ #relatedVideosThumb { overflow:hidden; border: 0px solid; display:block; text-align:center; top:0px; left:0px; position:absolute;} #relatedVideosThumb ul { list-style: none; text-align:center; border:0px solid; margin:0px; padding:0px} #relatedVideosThumb ul li { list-style: none; padding:2px; float:left; margin:0px} /* div que agrupa la miniatura y los textos */ #relatedVideosThumb ul li div { width:190px; display:block; border:0px solid; height:165px} /* elementos internos del div */ #relatedVideosThumb ul li div a { color:#555 } #relatedVideosThumb ul li div a:link { color:#555 } #relatedVideosThumb ul li div a:visited { color:#555 } #relatedVideosThumb ul li div a:hover { color:#000 } #relatedVideosThumb ul li div img { width:125px; height:95px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px} #relatedVideosThumb ul li div img:hover { width:125px; height:95px; margin:1px; border:2px solid #000; margin-bottom:2px} #relatedVideosThumb ul li div .vidTitle { font-weight:bold; font-size: 11px;} #relatedVideosThumb ul li div .vidStats { color:#666; font-family:tahoma; font-size: 11px} #searchAndTabs { width:920px; text-align:left; margin-left:auto; margin-right:auto; display:block} .panelTagsTable { width:320px; background: url('../imagesGrey/panelBkg.gif') repeat-x top; color:#555} .panelTagsTopLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelTagsTopCenter { height:10px; line-height:1px; font-size:1px } .panelTagsTopRight { width:10px; height:10px; line-height:1px; font-size:1px} .panelTagsCenterLeft { width:10px; line-height:1px; font-size:1px} .panelTagsCenterCenter { font-size:12px} .panelTagsCenterRight { width:10px; line-height:1px; font-size:1px} .panelTagsBottomLeft { width:10px; line-height:1px; font-size:1px} .panelTagsBottomCenter { height:10px; line-height:1px; font-size:1px } .panelTagsBottomRight { width:10px; height:10px; line-height:1px; font-size:1px} .searchField { margin:0px; padding:0px; border:2px solid #b1b1b1 ; background: #e9e9e9; font-family:tahoma; font-size:13px; width:240px; color:#666; height:18px; vertical-align:middle } .searchFieldFocus { margin:0px; padding:0px; border:2px solid #000 ; background: #f6f6f6; font-family:tahoma; font-size:13px; width:240px; color:#000; height:18px; vertical-align:middle } .searchButton { margin:0px; padding:0px; border:0px solid #b1b1b1 ; background: #b1b1b1 ; font-family:tahoma; font-size:12px; width:50px; color:#000; height:22px; vertical-align:middle } .searchButtonFocus { margin:0px; padding:0px; border:0px solid #000 ; background: #000 ; font-family:tahoma; font-size:12px; width:50px; color:#ddd; height:22px; vertical-align:middle; color:#fff } .tag1 { font-family:tahoma; font-size:10px; color:#666 } .tag1 a:link { color:#666 } .tag1 a:visited { color:#666 } .tag1 a:hover { color:#000; text-decoration:underline } .tag2 { font-family:tahoma; font-size:11px; color:#777 } .tag2 a:link { color:#777 } .tag2 a:visited { color:#777 } .tag2 a:hover { color:#000; text-decoration:underline } .tag3 { font-weight:bold; font-family:tahoma; font-size:12px; color:#777 } .tag3 a:link { color:#777 } .tag3 a:visited { color:#777 } .tag3 a:hover { color:#000 ; text-decoration:underline } .tag4 { font-family:tahoma; font-size:14px; color:#888 } .tag4 a:link { color:#888 } .tag4 a:visited { color:#888 } .tag4 a:hover { color:#000 ; text-decoration:underline } .tag5 { font-weight:bold; font-family:tahoma; font-size:16px; color:#777 } .tag5 a:link { color:#777 } .tag5 a:visited { color:#777 } .tag5 a:hover { color:#000 ; text-decoration:underline } #moreTagsCont { clear: both; font-size:12px; display:block; overflow:hidden; } #moreTags { font-size:12px; display:block} .tagsAlign { text-align:left } .moreTagsBotCont { border-top: 2px solid #d5d5d5; margin-top:4px} .moreTagsBotCont a:link { color:#555} .moreTagsBotCont a:visited { color:#555} .moreTagsBotCont a:hover { color:#000} .moreTagsBotCont a:active { color:#000} #tabsGroup { padding: 0; margin: 0; list-style: none; display:block; height:23px} #tabsGroup li { float:left; padding:0 0px; list-style:none; font-size:12px;} .tabNormal a { cursor:pointer; background: url('../imagesGrey/tab_normal_left.gif') no-repeat left top; height:23px; display:block; float:left; padding-left:10px; text-decoration:none; color:#555;} .tabNormal a span { background:url('../imagesGrey/tab_normal_right.gif') no-repeat right top; display:block; padding:4px 10px 0 0; display:block; height:19px; float:left; } .tabNormal a:hover { cursor:pointer; background: url('../imagesGrey/tab_active_left.gif') no-repeat left top; height:23px; display:block; float:left; padding-left:10px; text-decoration:none; color:#000;} .tabNormal a:hover span { background:url('../imagesGrey/tab_active_right.gif') no-repeat right top; display:block; padding:4px 10px 0 0; display:block; height:19px; float:left; } .tabActive a { cursor:pointer; background: url('../imagesGrey/tab_active_left.gif') no-repeat left top; height:23px; display:block; float:left; padding-left:10px; text-decoration:none; color:#000;} .tabActive a:hover { text-decoration:none} .tabActive a span { background:url('../imagesGrey/tab_active_right.gif') no-repeat right top; display:block; padding:4px 10px 0 0; display:block; height:19px; float:left; } .panelSectionsTable { float:left; background: url('../imagesGrey/panelBkg.gif') repeat-x top;} .panelSectionsTopLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelSectionsTopCenter { height:10px; line-height:1px; font-size:1px } .panelSectionsTopRight { width:10px; height:10px; line-height:1px; font-size:1px} .panelSectionsCenterLeft { width:10px; line-height:1px; font-size:1px} .panelSectionsCenterCenter { } .panelSectionsCenterRight { width:10px; line-height:1px; font-size:1px} .panelSectionsBottomLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelSectionsBottomCenter { height:10px; line-height:1px; font-size:1px } .panelSectionsBottomRight { width:10px; height:10px; line-height:1px; font-size:1px} /* esta clase-id aplica a un div > ul > li > div con un grupo de videos */ .sectionsVideos { font-size:12px; border: 0px solid; width:552px; overflow:visible } /* width de .thumbnailVidBox x 3 +padding*3*2(12) */ .sectionsVideos ul { list-style: none; text-align:center; border:0px solid; margin:0px; padding:0px} .sectionsVideos ul li { list-style: none; padding:2px; float:left; margin:0px} /* div que agrupa la miniatura y los textos */ .sectionsVideos ul li div { width:180px; display:block; border:0px solid; height:165px} /* elementos internos del div */ .sectionsVideos ul li div a { color:#555 } .sectionsVideos ul li div a:link { color:#555 } .sectionsVideos ul li div a:visited { color:#555 } .sectionsVideos ul li div a:hover { color:#000 } .sectionsVideos ul li div img { width:125px; height:95px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px} .sectionsVideos ul li div img:hover { width:125px; height:95px; margin:1px; border:2px solid #000; margin-bottom:2px} .sectionsVideos ul li div .vidTitle { font-weight:bold; font-size: 11px} .sectionsVideos ul li div .vidStats { color:#666; font-family:tahoma; font-size: 11px} /* botones de paginacion */ .sectionsVideos .pagingButtons { padding:10px; padding-top:0px; position:relative; text-align:center; display:block; border:0px solid; /*font-family:tahoma;*/ font-size:11px; font-weight:bold; color:#555; clear:both} .sectionsVideos .pagingButtons a { border:2px solid #d5d5d5; padding:1px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#555 } .sectionsVideos .pagingButtons a:hover { border-color: #d5d5d5; color:#000; background:#eee; text-decoration:none} .sectionsVideos .pagingButtons span { padding:3px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#000} .panelSearchTable { width:920px; text-align:left; margin-left:auto; margin-right:auto; color:#666} .panelSearchTopLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelSearchTopCenter { height:10px; line-height:1px; font-size:1px } .panelSearchTopRight { width:10px; height:10px; line-height:1px; font-size:1px} .panelSearchCenterLeft { width:10px; line-height:1px; font-size:1px} .panelSearchCenterCenter{ font-size:12px} .panelSearchCenterRight { width:10px; line-height:1px; font-size:1px} .panelSearchBottomLeft { width:10px; height:10px; line-height:1px; font-size:1px} .panelSearchBottomCenter{ height:10px; line-height:1px; font-size:1px } .panelSearchBottomRight { width:10px; height:10px; line-height:1px; font-size:1px} .searchResultsField { margin:0px; padding:0px; border:2px solid #b1b1b1 ; background: #e9e9e9; font-family:tahoma; font-size:13px; width:240px; color:#666; height:18px; vertical-align:middle } .searchResultsFieldFocus { margin:0px; padding:0px; border:2px solid #000 ; background: #f6f6f6; font-family:tahoma; font-size:13px; width:240px; color:#000; height:18px; vertical-align:middle } .searchResultsButton { margin:0px; padding:0px; padding-left:0px; padding-right:0px; border:0px solid; background: #b1b1b1 ; width:100px; font-family:tahoma; font-size:12px; color:#000; height:22px; vertical-align:middle } .searchResultsButtonFocus { margin:0px; padding:0px; padding-left:0px; padding-right:0px; border:0px solid; background: #000 ; width:100px; font-family:tahoma; font-size:12px; color:#fff; height:22px; vertical-align:middle } .searchResults { display:block; border-bottom: 2px solid #d5d5d5; /*clear:both;*/ padding:4px; color:#666; } .searchResults a { color:#555 } .searchResults a:link { color:#555 } .searchResults a:visited{ color:#555 } .searchResults a:hover { color:#000} .searchResults img { width:63px; height:45px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .searchResults img:hover { width:63px; height:45px; margin:1px; border:2px solid #000; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .searchResults .vidTitle { font-weight:bold; font-size: 12px} .searchResults .vidDesc { font-family:tahoma; font-size: 11px; color:#666 } .searchResults .vidStats { font-family:tahoma; font-size: 11px} .searchResults .vidStats { float:right; } .searchResults .vidEnd { display:block; clear:both} .searchResultsPagingButtons { padding-top:0px; position:relative} .searchResultsPagingButtons { padding:10px; text-align:center; display:block; border:0px solid; /*font-family:tahoma;*/ font-size:11px; font-weight:bold; color:#888; clear:both} .searchResultsPagingButtons a { border:2px solid #ccc; padding:1px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#888 } .searchResultsPagingButtons a:hover { border-color: #ddd; color:#000; background:#eee; text-decoration:none} .searchResultsPagingButtons span { padding:3px; padding-left:3px; padding-right:3px; margin:2px; display:inline; color:#000} #footer { color:#444; font-family:tahoma; font-size:11px; bottom:0px; background:#bdbdbd url('../imagesGrey/footerBkg.gif') top repeat-x; padding-top:10px;padding-bottom:10px} #footer a { color:#000} .banner1Cont { width:300px; height:250px; margin:0 auto; background:#000 } .banner2Cont { width:728px; height:90px; margin:0 auto; background:#000 } /*********************/ /* for iPhone - iPod */ /*********************/ body { -webkit-text-size-adjust:none; font-family:Arial, Helvetica, sans-serif; } .iPBody {} #iPPage { width:100%; text-align:center} #iPHeader { } .iPHeaderLogo { border:0px; height:41px;} #iPMenuTop { margin:0 auto; border-bottom:2px solid #d5d5d5 ;} #iPMenuItems { width:100%; margin-left:auto; margin-right:auto; font-size:12px; position:relative; vertical-align:middle; padding:0px} #iPMenuButtonGroup { padding: 0; margin: 0; list-style: none; display:block; overflow:auto; border:0} #iPMenuButtonGroup li { float:left; list-style:none; font-size:13px; overflow:auto} #iPMenuButtonGroup li a { } .iPButtonTitle { display:block; float:left; text-decoration:none; color:#555; padding:6px;} .iPButtonNormal a { cursor:pointer; display:block; float:left; padding:6px; padding-left:8px; padding-right:8px; text-decoration:none; color:#555; -webkit-border-radius: 5px} .iPButtonNormal a span { display:block; float:left; color:#555 } .iPButtonNormal a:hover { cursor:pointer; background:#f8f8f8; display:block; float:left; border:2px solid #d1d1d1; padding:4px; padding-left:6px; padding-right:6px; text-decoration:none; color:#555} .iPButtonNormal a:hover span { background: #f8f8f8; display:block; float:left; color:#000; } .iPButtonActive a { cursor:pointer; background: #eee; display:block; float:left; padding-left:10px; text-decoration:none; color:#000} .iPButtonActive a:hover { text-decoration:none; } .iPButtonActive a span { background: #f8f8f8; display:block; float:left; border:2px solid #d1d1d1; } .iPTable { width:99%; text-align:left; margin-left:auto; margin-right:auto; color:#666; padding:0px; clear:both} .iPTopLeft { width:10px; height:10px; line-height:1px; font-size:1px} .iPTopCenter { height:10px; line-height:1px; font-size:1px } .iPTopRight { width:10px; height:10px; line-height:1px; font-size:1px} .iPCenterLeft { width:10px; line-height:1px; font-size:1px} .iPCenterCenter{ font-size:12px} .iPCenterRight { width:10px; line-height:1px; font-size:1px} .iPBottomLeft { width:10px; height:10px; line-height:1px; font-size:1px} .iPBottomCenter{ height:10px; line-height:1px; font-size:1px } .iPBottomRight { width:10px; height:10px; line-height:1px; font-size:1px} .iPTable .vidTitle { color:#444} .iPTable .vidStats { } .iPTable .vidDesc { } .iPOptionsPlaceholder { width:100%; position:relative} .iPSearchWrap { border:2px solid #b1b1b1 ;width:225px; text-align:left; background:#fefefe; padding:1px; -webkit-border-radius: 16px; float:right} .iPSearchForm { border:0; margin:0; padding:0} .iPField { margin:0px; margin-left:2px; text-indent:3px; padding:0px; border:0px solid #b1b1b1 ; -webkit-focus-ring-color:#fefefe; -webkit-box-shadow:0px 0px 0px #fefefe; background:#fefefe url(../images/spcd.gif); font-size:13px; width:165px; color:#666; height:28px; vertical-align:middle; -webkit-border-radius: 10px; /*-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px */ } .iPFieldFocus { margin:0px; margin-left:2px; text-indent:3px; padding:0px; border:0px solid #000 ; -webkit-focus-ring-color:#fefefe; -webkit-box-shadow:0px 0px 0px #fefefe; background:#fefefe url(../images/spcd.gif); font-size:13px; width:165px; color:#000; height:28px; vertical-align:middle; -webkit-border-radius: 10px; /*-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px */ } .iPButton { float:right; display:block; text-align:center; margin:0px; padding:0px; padding-top:5px; margin-top:2px; margin-right:2px; border:0px solid; background: #b1b1b1 ; width:50px; font-size:11px; color:#000; height:19px; vertical-align:middle; -webkit-border-radius: 12px; /*-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px */ } .iPButtonFocus { float:right; display:block; text-align:center; margin:0px; padding:0px; padding-top:5px; margin-top:2px; margin-right:2px; border:0px solid; background: #000 ; width:50px; font-size:11px; color:#fff; height:19px; vertical-align:middle; -webkit-border-radius: 12px; /*-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px */ } .iPOptionsButton { width:60px; text-align:left; padding:0; position:absolute; border:0px solid; } .iPButtonOpt { float:left; display:block; text-align:center; margin:0px; padding:0px; padding-top:9px; margin-top:1px; border:0px solid; background: #b1b1b1 ; width:60px; font-size:11px; color:#000; height:21px; vertical-align:middle; -webkit-border-radius: 12px; /*-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px */ } .iPButtonOpt:hover { float:left; display:block; text-align:center; margin:0px; padding:0px; padding-top:9px; margin-top:1px; border:0px solid; background: #000 ; width:60px; font-size:11px; color:#fff; height:21px; vertical-align:middle; /*-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px */ } .iPButtonOptLess { margin-top:4px; -webkit-border-bottom-left-radius: 0px; } .iPButtonOptLess:hover { margin-top:4px; -webkit-border-bottom-left-radius: 0px; } .iPClear {clear:both } .iPRight { float:right} /* Channels Dropdown */ #iPOptionsCont { clear: both; display:block; overflow:hidden; } #iPOptions { width:auto; margin-left:auto; margin-right:auto; vertical-align:middle; padding:0px; overflow:hidden; text-align:left; } #iPOptionsBox { width:100%; background:#eaeaea; border:0px solid #ddd; border-top:0; padding:0; margin:0; -webkit-border-bottom-left-radius: 12px;} #iPOptionsBoxTL { border-left:2px #b1b1b1 solid; width:10px; height:10px; line-height:1px; font-size:1px; } #iPOptionsBoxTC { height:10px; line-height:1px; font-size:1px } #iPOptionsBoxTR { width:10px; height:10px; line-height:1px; font-size:1px } #iPOptionsBoxCL { border-left:2px #b1b1b1 solid; width:10px; line-height:1px; font-size:1px } #iPOptionsBoxCC { } #iPOptionsBoxCR { width:10px; line-height:1px; font-size:1px } #iPOptionsBoxBL { border-left:2px #b1b1b1 solid; border-bottom:2px #b1b1b1 solid; -webkit-border-bottom-left-radius: 12px; width:10px; height:10px; line-height:1px; font-size:1px } #iPOptionsBoxBC { border-bottom:2px #b1b1b1 solid; height:10px; line-height:1px; font-size:1px } #iPOptionsBoxBR { border-bottom:2px #b1b1b1 solid; width:10px; height:10px; line-height:1px; font-size:1px } #iPOptionsMenu { padding: 0; margin: 0; list-style: none; display:block} #iPOptionsMenu li { float:left; padding:0; list-style:none; font-size:12px; display:block } #iPOptionsMenu li a { padding:10px; white-space:nowrap} #iPOptions .iPOptionsMenuTitle span { padding:10px; background:none; cursor:pointer; display:block; float:left; text-decoration:none; color:#777; margin-bottom:5px; margin-right:5px;} #iPOptions .iPOptionsMenuNormal a { cursor:pointer; display:block; float:left; text-decoration:none; color:#777; margin-bottom:5px; margin-right:5px; background:#f4f4f4; -webkit-border-radius: 10px;} #iPOptions .iPOptionsMenuNormal a span { background:none; display:block; float:left; color:#777 } #iPOptions .iPOptionsMenuNormal a:hover { background:#fff; cursor:pointer; display:block; float:left; text-decoration:none; color:#000} #iPOptions .iPOptionsMenuNormal a:hover span { background:#fff; display:block; float:left; color:#000} #iPOptions .iPOptionsMenuActive a { background:none; cursor:pointer; display:block; float:left; text-decoration:underline; color:#000; margin-bottom:5px; margin-right:5px; } #iPOptions .iPOptionsMenuActive a:hover { text-decoration:none} #iPOptions .iPOptionsMenuActive a span { background:none; display:block; float:left; text-decoration:underline; } #iPOptionsFilter { padding-top:4px; border-top:2px dotted #b1b1b1; clear:both} .iPCenterCenter .searchResults { display:block; border-bottom: 2px solid #d5d5d5; /*clear:both;*/ padding:4px; color:#666; } .iPCenterCenter .searchResults a { color:#333 } .iPCenterCenter .searchResults a:link { color:#333 } .iPCenterCenter .searchResults a:visited{ color:#333 } .iPCenterCenter .searchResults a:hover { color:#000; text-decoration:underline} .iPCenterCenter .searchResults img { width:80px; height:57px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .iPCenterCenter .searchResults img:hover { width:80px; height:57px; margin:1px; border:2px solid #000; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .iPCenterCenter .searchResults embed { width:80px; height:61px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .iPCenterCenter .searchResults video { width:100px; height:76px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } /* antes 125x95 */ .iPTable .vidTitle { font-weight:bold; font-size: 13px; color:#222 } .iPTable .vidDesc { font-size: 12px; color:#444 } .iPTable .vidStats { font-size: 11px} .iPCenterCenter .searchResults .vidStats { float:none; } .iPCenterCenter .searchResults .vidEnd { display:block; clear:both} .iPSearchResultsPagingButtons { padding-top:0px; position:relative; } .iPSearchResultsPagingButtons { padding:10px; text-align:center; display:block; border:0px solid; /*font-family:tahoma;*/ font-weight:bold; color:#888; clear:both} .iPSearchResultsPagingButtons a { border:2px solid #bbb; padding:6px; padding-left:10px; padding-right:10px; margin:2px; display:inline; color:#666; font-size:13px; -webkit-border-radius: 10px } .iPSearchResultsPagingButtons a:hover { border-color: #888; color:#000; background:#eee; text-decoration:none} .iPSearchResultsPagingButtons span { padding:4px; padding-left:4px; padding-right:4px; margin:2px; display:inline; color:#000; font-size:13px} #iPFooter { width:100%; color:#444; font-family:tahoma; font-size:11px; bottom:0px; background:#bdbdbd url('../imagesGrey/footerBkg.gif') top repeat-x; padding-top:10px;padding-bottom:10px} #iPFooter a { color:#000}