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; } a { outline: none; } a:focus { -moz-outline-style: 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;} #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 } /* Channel Groups: Submenu and buttons */ .submenuButtonGroup { display:none; width:150px; text-align:left; margin-top:28px; background:#EAEAEA; border: 1px solid #cfcfcf; border-top:0 none; border-left:1px solid #cfcfcf; margin-left:1px; padding:0; clear:both; top:0; float:left; z-index:9; position:absolute; -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.2);} .submenuButtonNormal { display:block; text-align:left; margin:0; padding:0; font-weight:bold; } .submenuButtonNormal a { text-indent:5px; background: none; color: #555; margin:0; padding:4px; width:142px; height:18px; } .submenuButtonNormal a span { background: none; padding:0; margin:0;} .submenuButtonNormal a:hover { background: #fafafa; color:#000} .submenuButtonActive { display:block; text-align:left; margin:0; padding:0; font-weight:bold; } .submenuButtonActive a { text-indent:5px; background: #fafafa; color:#000; margin:0; padding:4px; width:142px; height:18px } .submenuButtonActive a span { background: none; padding:0; margin:0;} /* More Channels - 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:#f2f2f2; cursor:pointer; display:block; float:left; color:#000; -webkit-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2); box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.2);} #menuItemsMore .buttonActiveM a:hover { text-decoration:none} #menuItemsMore .buttonActiveM a span { background:none; display:block; float:left; } /* Channel Groups: Submenu and buttons - from More Channels - */ #menuButtonGroupMore .submenuButtonGroup { display:none; background: #f2f2f2; border-width:1px; border-left:0; margin:0; margin-left:0px; padding:0; clear:both; float:left; } #menuButtonGroupMore .submenuButtonNormal { } #menuButtonGroupMore .submenuButtonNormal a { background:none; text-indent:5px; color: #777; padding:4px;text-decoration:none; box-shadow:none } #menuButtonGroupMore .submenuButtonNormal a span { text-decoration:none} #menuButtonGroupMore .submenuButtonNormal a:hover { background: #fafafa; color:#000} #menuButtonGroupMore .submenuButtonActive { font-weight:bold; } #menuButtonGroupMore .submenuButtonActive a { text-indent:5px; background: #fafafa; color:#000; padding:4px; text-decoration:none; box-shadow:none } #menuButtonGroupMore .submenuButtonActive a span { background: none; text-decoration:none} #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 { 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 { color:#555} .statDesc a:hover { color:#000} #rateMe{position:relative; width:100px; height:auto; padding:1px; margin:0px; border:0px solid #d1d1d1; border-bottom:0px 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 { clear: both; font-size:12px; border-top:2px solid #d0d0d0; height:22px; padding:4px;} #videoShare a { color:#555} #videoShare a:hover { color:#000} .share { width:15%; display:block; float:right; height:22px; } .shareButtons { display:block; float:right; } .shareButton { } .shareButtonClose { font-size:14px; width:auto;} .shareButtonClose a { display:block; z-index:2; width: auto ; position:absolute; padding:4px; margin-left:-34px; margin-top:-2px; border-top: 1px solid #efefef; border:1px solid #ccc; border-bottom:0; background:#e3e3e3; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; } #dynamicComments { float:left; } #rss { display:block; float:right; width:auto; } #dynamicSendTo { float:left; height:24px; padding:3px; padding-right:15px } .socialIcon { border:1px solid #a1a198 } .shareFields { border:1px solid #ccc; background: #dedede; font-family:tahoma; font-size:11px; width:170px; color:#666 } .embedToggleButton { border:1px solid #ccc; border-top:1px solid #ccc; background: #ccc; width:70px; height:17px; color:#555; font-size:11px; cursor:pointer; } /* Social Menu */ #shareMenuCont { overflow:hidden; z-index:1; position:relative; } #shareMenu { display:block; z-index:2; padding:8px; padding-top:0; background:#d9d9d9; position:relative; color:#888; border-bottom:1px solid #ddd; font-size:12px; margin:0 auto; width:884px; } #shareMenu a { color:#555} #shareMenu a:hover { color:#000} #shareMenuIn { padding:6px; background:#e3e3e3; position:relative; clear:both; height:26px; border:1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; } .socialActions { height:24px; padding:3px; float:left; width:auto; z-index:2 } #fblike { float:left; width:auto;} #gplusone { float:left; width:auto;} #dynamicShare { height:24px; padding:0; width:auto%; float:right; } #dynamicShare a { display:block; float:left; padding:1px; padding-top:3px;} #dynamicShare a img { margin:0;} .shareLinkEmbed { } .shareLinkEmbed div { float:left; padding-right:25px;} #relatedVideos { text-align:center} #relatedVideosTitle { font-size:12px; font-weight:bold; padding-top:4px; } #relatedVideosTitle a { color:#000} #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} /* this ID applies to div > ul > li > div , the outer div contains a group of 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} /* this is the inner div, that contains the video data of each video */ #relatedVideosThumb ul li div { width:190px; display:block; border:0px solid; height:165px} #relatedVideosThumb ul li div a { 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; font-size:12px; width:50px; color:#ddd; height:22px; vertical-align:middle; color:#fff } .tag1 { font-family:tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#666 } .tag1 a { color:#666 } .tag1 a:hover { color:#000; text-decoration:underline } .tag2 { font-family:tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#777 } .tag2 a { color:#777 } .tag2 a:hover { color:#000; text-decoration:underline } .tag3 { font-weight:bold; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#777 } .tag3 a { color:#777 } .tag3 a:hover { color:#000 ; text-decoration:underline } .tag4 { font-family:tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#888 } .tag4 a { color:#888 } .tag4 a:hover { color:#000 ; text-decoration:underline } .tag5 { font-weight:bold; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:16px; color:#777 } .tag5 a { 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 { color:#555} .moreTagsBotCont a:hover { 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} /* this ID applies to div > ul > li > div , the outer div contains a group of 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} /* this is the inner div, that contains the video data of each video */ .sectionsVideos ul li div { width:180px; display:block; border:0px solid; height:165px} .sectionsVideos ul li div a { 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, Arial, Helvetica, sans-serif; font-size: 11px} /* paging buttons */ .sectionsVideos .pagingButtons { padding:10px; padding-top:0px; position:relative; text-align:center; display:block; border:0px solid; /*font-family:tahoma, Arial, Helvetica, sans-serif;*/ 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif; 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: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, Arial, Helvetica, sans-serif; font-size: 11px; color:#666 } .searchResults .vidStats { font-family:tahoma, Arial, Helvetica, sans-serif; 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, Arial, Helvetica, sans-serif;*/ 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, Arial, Helvetica, sans-serif; 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;} /* not used */ /* #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; position:relative; position:relative; border-bottom: 2px solid #d5d5d5; /*clear:both;*/ padding:4px; color:#666; } .iPCenterCenter .searchResults a { color:#333 } .iPCenterCenter .searchResults a:hover { color:#000; text-decoration:underline} .iPCenterCenter .searchResults img { margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } .iPCenterCenter .searchResults img:hover { margin:1px; border:2px solid #000; margin-bottom:2px; float:left; display:block; margin-right:5px } .iPCenterCenter .searchResults embed { margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } .iPCenterCenter .searchResults video { width:100px; height:76px; margin:1px; border:2px solid #a7a7a7; margin-bottom:2px; float:left; display:block; margin-right:5px } .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} .iPCenterCenter .searchResults .iPPoster { position:relative; width:100px; height:76px } .iPCenterCenter .searchResults .iPPlayArrow { position:absolute; width:100px; height:76px } .iPSearchResultsPagingButtons { padding-top:0px; position:relative; } .iPSearchResultsPagingButtons { padding:10px; text-align:center; display:block; border:0px solid; /*font-family:tahoma, Arial, Helvetica, sans-serif;*/ 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, Arial, Helvetica, sans-serif; font-size:11px; bottom:0px; background:#bdbdbd url('../imagesGrey/footerBkg.gif') top repeat-x; padding-top:10px;padding-bottom:10px} #iPFooter a { color:#000} .iPRestricted { text-align:center; color: #444;} .iPRestricted table { margin:0 auto} .iPRestricted .iPLoginField { margin:0px; padding:0px; border:2px solid #b1b1b1 ; background: #fefefe; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:13px; width:140px; color:#000; height:21px; vertical-align:middle; -webkit-border-radius: 5px } .iPRestricted .iPLoginButton { margin:0px; padding:0px; margin-top:5px; border:0px solid; background: #444 ; width:100px; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; height:25px; vertical-align:middle; cursor:pointer; -webkit-border-radius: 5px } /*********************/ /* Log Out Button */ /*********************/ #logOutButton { background:#F7F7F7; position:absolute; top:0; right:0; width:100px; padding:4px; font-size:11px; border-bottom:1px dashed; border-left:1px dashed; border-color: #CCC; -webkit-border-bottom-left-radius : 4px; -moz-border-radius-bottomleft : 4px; border-bottom-left-radius: 4px;} #logOutButton a { color:#000; } .iPRestricted #logOutButton { position:relative; width:auto; display:block; float:none; text-align:center; padding:0; padding-bottom:10px; padding-left:15px; padding-right:15px; margin:0; border:0 none; background:none } .iPRestricted #logOutButton a { display:block; margin:0 auto; background:#f4f4f4; color: #000; text-align:center; padding:0px; padding-top:9px; font-size:11px; height:21px; vertical-align:middle; border:0 none; -webkit-border-bottom-right-radius: 14px; -webkit-border-bottom-left-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;}