/*-------------- Generics / Reset --------------*/ * { margin: 0; padding: 0; line-height: 1em; font-size: 1em;} body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;} img { border: 0;} h1, h2, h3 { font-family: Arial, Helvetica, sans-serif;} h4, h5, h6 { font-family: Georgia, Times, serif;} a { color: #1e6dda; text-decoration: none;} a:hover { text-decoration: underline;} /* XIPTV HEADER */ #header { background: url("../images/bg_header.png") repeat-x #ffffff; padding: 4.5em 0; overflow: hidden;} #header .content { width:96em; margin: 0 auto; position: relative;} #header h1 { float:left;} #header h1 a { background: url("../images/logo_xiptv_home.png") no-repeat; width: 15.1em; height:6.1em; display:block; text-indent: -1000em; overflow:hidden;} #header h2 { font-size: 1.8em; color: #000000; float:left; position:absolute; top: 1em; right:0;} #header .quick-search {} #header .quick-search form {} #header .quick-search fieldset { border: none;} #header .quick-search legend { display: none;} #header .quick-search p.item { margin: 2em 0 0 7em; position: relative; overflow:hidden;} #header .quick-search p.item label{} #header .quick-search p.item input#search_text{ width: 27.7em; border: 1px solid #d9d9d9; font-size: 1.3em; color: #838383; padding: .3em 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;} #header .quick-search p.item input#search_button { position: absolute; top: .8em ; left:36.5em;} #navigation { min-width:985px;background: url("../images/bg_mainnav.png") center repeat-x; height:6.1em; position:relative; z-index:2;} #navigation .main-nav { width: 63em; height:6.1em; position: absolute; left: 50%; margin-left: -48em; } #navigation .main-nav > ul { margin: 2em 0 0; list-style:none;} #navigation .main-nav > ul > li { height: 3em; margin-left: 2em; float:left;} #navigation .main-nav > ul > li:first-child { margin-left: 0} #navigation .main-nav > ul > li > a { background: url("../images/ico_mainnav_off.png") no-repeat right; font-size: 1.8em; font-weight: bold; color: #222222; padding-right: 1em;} #navigation .main-nav > ul > li > a:hover { background: url("../images/ico_mainnav_on.png") right no-repeat; color: #a6a6a6; text-decoration: none;} #navigation .main-nav > ul > li > ul { list-style:none; display:none} #navigation .main-nav > ul > li:hover > ul { display:block; position: absolute; top:5em; left:0; color: #fff;} #navigation .user-nav { background: url("../images/bg_usernav.png") center repeat-x; width: 38%; height: 6.2em; position: absolute; right: 0; margin-left: 15em;} #navigation .user-nav > ul{ background: url("../images/bg_usernav_left.png") no-repeat; padding:2.5em 0 0 3em; height:6.1em; list-style:none; float:left;} #navigation .user-nav > ul > li { margin-left: 1em; height: 3em; float:left; position: relative;} #navigation .user-nav > ul > li:first-child { margin-left: 0;} #navigation .user-nav > ul > li > a { font-size: 1.4em; color: #ffffff; font-weight: bold;} #navigation .user-nav > ul > li > a.down { background: url("../images/ico_usernav_off.png") no-repeat right; padding-right: 1em;} #navigation .user-nav > ul > li > a.down:hover { background: url("../images/ico_usernav_on.png") no-repeat right;} #navigation .user-nav > ul > li > a:hover {text-decoration: none; color: #e6e6e6;} #navigation .user-nav > ul > li > ul { list-style:none; display:none} #navigation .user-nav > ul > li:hover > ul { display:block; position: absolute; top:2.5em; left:0; color: #fff;} #navigation .user-advice {margin-top: -15px;position: relative; width:8em;} #navigation .user-advice .header { background: url("../images/ico_user_advice_header.gif") no-repeat; height: 2.7em; padding: 1.5em 0 0 4em; cursor: pointer;} #navigation .user-advice .header p { font-size: 1.2em; color: #ffffff;position: relative;} #navigation .user-advice .content { float:left; background: url("../images/ico_user_advice_content.png") no-repeat .5em 1em #dce9f9; color: #000000; padding: 1.1em 1em 1em 2.5em; display: none;width: 16em;} #navigation .user-advice:hover .content { display: block;} #navigation .user-advice .content p { font-size: 1.3em; margin-bottom: 1em;} #navigation .user-advice .content ul, #navigation .user-advice .content ol { list-style-position: inside; margin-bottom: 1em;} #navigation .user-advice .content ul li, #navigation .user-advice .content ol li { font-size: 1.3em; float:left;width:8em;} #navigation .main-nav .submenu { width: 94em; background-color: #ffffff; border: 1px solid #e3e3e3; padding: 1em; overflow: hidden; position: relative; z-index:1;} #navigation .main-nav .submenu.shadow { -moz-box-shadow: 0px 3px 5px #000; -webkit-box-shadow: 0px 3px 5px #000; box-shadow: 0px 3px 5px #000;} #navigation .main-nav .submenu .item-list {} #navigation .main-nav .submenu .item-list > ul { list-style: none; overflow: hidden;} #navigation .main-nav .submenu .item-list > ul > li { width: 23.5em; float:left;} #navigation .main-nav .submenu .item-list > ul > li > ul { list-style: none; overflow: hidden;} #navigation .main-nav .submenu .item-list > ul > li > ul li { height: 2em; display: block;} #navigation .main-nav .submenu .item-list > ul > li > ul li a { font-size: 1.4em; font-weight: bold; color:#000;} #navigation .main-nav .submenu .item-list > ul > li > ul li a:hover { color:#a6a6a6; text-decoration:none;} #navigation .main-nav .submenu .item-highlight { margin: 2em 0; border-top: 1px solid #cdcdcd;} #navigation .main-nav .submenu .item-highlight {} #navigation .main-nav .submenu .item-highlight > .header { margin: 1em 0;} #navigation .main-nav .submenu .item-highlight > .header h3 { font-size: 1.6em; color: #888888;} #navigation .main-nav .submenu .item-highlight > .content{} #navigation .main-nav .submenu .item-highlight > .content ul { width: 94em; margin: 0 auto 2em; padding-left:1em; list-style: none; overflow: hidden;} #navigation .main-nav .submenu .item-highlight > .content ul li { float:left; margin-left: 1em;} #navigation .main-nav .submenu .item-highlight > .content ul li:first-child { margin-left: 0;} #navigation .main-nav .submenu .item-highlight > .content ul li .image { width: 30em; height: 8.5em; margin: 1em 0;} #navigation .main-nav .submenu .item-highlight > .content ul li .image img { width: 30em; height: 8.5em;} #navigation .main-nav .submenu .item-highlight > .content ul li .description {} #navigation .main-nav .submenu .item-highlight > .content ul li .description a { font-size: 1.4em; font-weight: bold; color:#000;} #navigation .main-nav .submenu .item-highlight > .content ul li .description a:hover { color:#a6a6a6; text-decoration:none;} #navigation .main-nav .submenu .item-highlight > .content ul li:hover .description a { color:#a6a6a6; text-decoration:none;} #navigation .main-nav .submenu .item-highlight > .content .related { clear:left; } #navigation .main-nav .submenu .item-highlight > .content .related a { float: right; font-size: 1.5em; color: #1e6dda;} #navigation .user-nav .submenu { width: 17.4em; background-color: #ffffff; border: 3px solid #4891dc; padding: 1em; overflow: hidden; position: relative; z-index:1;} #navigation .user-nav .submenu ul {} #navigation .user-nav .submenu ul li { padding-top: .5em; height: 2em; border-bottom: 1px dotted #cccccc;} #navigation .user-nav .submenu ul li a { font-size: 1.3em; color: #000000;} #navigation .user-nav .submenu ul li a:hover { font-size: 1.3em; color: #1e6dda;} #navigation .user-nav fieldset { border: none;} #navigation .user-nav legend { display: none;} #navigation .user-nav .submenu h2 { font-size: 1.3em; color: #000; font-weight: normal; margin-bottom: .9em;} #navigation .user-nav .submenu p.item { margin: 0 0 1em; width: 100%; } #navigation .user-nav .submenu p.actions { margin: 1em 0 1em; text-align: right;} #navigation .user-nav .submenu p label { font-size: 1.4em; color: #333333; display: block; margin-bottom: .5em;} #navigation .user-nav .submenu p a { font-size: 1.1em; display: block; margin-bottom: .5em;} #navigation .user-nav .submenu p input[type="text"], #navigation .user-nav .submenu p input[type="password"] { border: 1px solid #e0e0e0; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; width: 90%; font-size: 1.4em; color: #8b8b8b; padding: .4em; background-color: #fcfcfc;} #navigation .user-nav .submenu p input[type="submit"] { background-color: #4891dc; font-size: 1.2em; height: 1.5em; padding: 0 1em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #FFFFFF; border:none; cursor: pointer;} #footer { background: url("../images/bg_footer.png") repeat-x bottom left; overflow: hidden;} #footer .content { width:96em; margin: 0 auto; padding: 4em 0;background: url("../images/bg_footer.png") repeat-x #ffffff bottom left; overflow: hidden;} #footer .content .author { float:left;} #footer .content .author a { background: url("../images/logo_xal_footer.png") no-repeat; width: 16.6em; height:4em; display:block; text-indent: -1000em;} #footer .content .second-nav { padding: 1em 0 0; list-style: none; float:right;} #footer .content .second-nav li { margin-left: 1.5em; float:left} #footer .content .second-nav li:first-child { margin-left: 0} #footer .content .second-nav li a{ font-size: 1.4em; color: #333333; float:left} /* CONTENT*/ #content { width:100%; position: relative;} #top { width: 100%; margin-top: -1em;} #top .free {margin-top:14em;} #top .free .content {width:96em;margin:0px auto;} #content #pre-main { width: 96em; margin: auto; } #content #pre-main span.bgtrans{ background: url("../images/bg_premain.png") repeat-x; width: 100%; height: 2.4em; display:block; position: absolute; top:0; left:0;} #content #pre-main .ticker, #content #pre-main .tvmode { background: url("../images/bg_premain_separator.png") no-repeat; height: 2.4em; z-index: 1;} #content #pre-main .ticker { width: 64.5em; float:left; position:relative; overflow:hidden;} #content #pre-main .ticker ul.messages { height: 1.5em; margin:.5em 0 0 3em!important; list-style: none; position:relative; overflow: hidden!important;} #content #pre-main .ticker ul.messages li { width: 64.5em; float:left;} #content #pre-main .ticker ul.messages li .date-time { margin-right: 1em;} #content #pre-main .ticker ul.messages li .date-time .date { font-size: 1.3em; font-style: normal; font-weight: normal; color: #555;} #content #pre-main .ticker ul.messages li .date-time .time { font-size: 1.3em; font-style: normal; font-weight: normal; color: #555;} #content #pre-main .ticker ul.messages li a { font-size: 1.4em; color: #1e6dda;} #content #pre-main .ticker .controls { display: none;} #content #pre-main .tvmode { width: 31.5em; float:right; position:relative;} #content #pre-main .tvmode a { background: url("../images/ico_tvmode.png") no-repeat; margin: .2em 0 0 2em; padding-left: 2em; font-size: 1.6em; color: #000; display:block;} #content #pre-main .tvmode a strong { color: #1e6dda; } #content #pre-main .ticker .jcarousel-container { width: 64.5em; height: 2em;} #content #pre-main .ticker .jcarousel-clip { width: 64.5em; height: 2em;} #content #pre-main .ticker .jcarousel-list { width: 64.5em; height: 2em;} #main { width: 96em; margin: 0 auto; z-index: 0; position: relative;} #main .row { clear: both;} #main .row .block { float: left;} #main .row .block.big { width: 96em;} #main .row .block.medium { width: 64.5em;} #main .row .block.small { width: 33em;} #main .row .block.small.first-child, #main .row .block.small.last-child { width: 31.5em!important;} #main .row .block .widget { background-image:url("../images/bg_block.png"); background-repeat: repeat-y; background-position: left; border-bottom: 1px solid #e3e3e3; padding: 2em 0em; } #main .row .block:first-child .widget{ background:none;} #main .row .block.medium.first-child .widget { padding-right: 1.5em;} #main .row .block.medium.last-child .widget { padding-left: 1.5em;} #main .row .block.small .widget { padding-left: 1.5em; padding-right: 1.5em;} #main .row .block.small.first-child .widget { padding-left: 0;} #main .row .block.small.last-child .widget { padding-right: 0;} .main-ad { background-color: #d9d9d9; padding: 1em 0; overflow:hidden;} .main-ad > .content { background: url("../images/bg_mainad.png") no-repeat; width: 72.8em !important; margin: 0 auto; padding-left: 1.7em;} .main-ad .content span { display:none;} .main-ad .content div { width: 72.8em; height: 9em; overflow: hidden;} .side-ad {overflow:hidden;} .side-ad > .content { background: url("../images/bg_sidead.png") no-repeat #d9d9d9; padding-top: 2.5em;} .side-ad .content span { display:none;} .side-ad .content div { width: 30em; max-height: 25em; overflow: hidden;} .highlighted { background: url("../images/bg_highlighted_image.png") no-repeat center #000000; height:46em; padding: 5em 0 0;} .highlighted .shadow { -moz-box-shadow: 0px 4px 10px #000; -webkit-box-shadow: 0px 4px 10px #000; box-shadow: 0px 4px 10px #000;} .highlighted > .header { display:none;} .highlighted > .header h3 { display: none;} .highlighted.image {} .highlighted.image .header {} .highlighted.image .header h3 {} .highlighted.image > .content { background: url("../images/bg_highlighted_image_item.png"); width: 93em; height: 39.8em; border: 5px solid #555555; margin: 0 auto; padding: 1em 0em 1em 1em; position:relative; overflow: hidden;} .highlighted.image > .content.radius { -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em;} .highlighted.image .item-list { list-style: none; overflow: hidden;} .highlighted.image .item-list .item { width: 93em; height:39.8em; overflow:hidden;} .highlighted.image .item-list .item .media { float:left; margin: 0 2.5em 0 0;} .highlighted.image .item-list .item .image img{ width:65.6em; height:39.6em;} .highlighted.image .item-list .item .content { width: 23.9em; padding-right:1em;float:left;} .highlighted.image .item-list .item .content h4 { margin: 0 0 1.5em 0;} .highlighted.image .item-list .item .content h4 a { font-size: 3.6em; font-weight: normal; color: #222222;} .highlighted.image .item-list .item .content p { font-size: 1.4em; color: #7d7d7d;} .highlighted.image .item-list .item .related { float:left; margin: 1.5em 0 0 0;} .highlighted.image .item-list .item .related a { font-size: 1.5em; color: #1e6dda;} .highlighted.image #controls{ position:absolute; bottom: 0; right: 1em;} .highlighted.image #controls ol#pager{ list-style:none; float:left; border-right: 1px solid #666; padding-right: 1em;} .highlighted.image #controls ol#pager li{ padding:0; float:left;} .highlighted.image #controls ol#pager li a{ background: url("../images/ico_highlighted_bullet.png") no-repeat center; float:left; display:block; width:2em; height:1.5em; text-indent:-1000em; overflow:hidden;} .highlighted.image #controls ol#pager li a:hover{ background: url("../images/ico_highlighted_bullet_on.png") no-repeat center;} .highlighted.image #controls ol#pager li.current a{ background: url("../images/ico_highlighted_bullet_on.png") no-repeat center; color:#fff;} .highlighted.image #controlsol#pager li a:focus{ outline:none;} .highlighted.image #controls a#status{ float:left; display:block; width:2em; height:2.1em; text-indent:-1000em; margin-left:1em; overflow:hidden;} .highlighted.image #controls a#status.play{ background: url("../images/ico_highlighted_play.png") no-repeat;} .highlighted.image #controls a#status.play:hover{ background: url("../images/ico_highlighted_play_on.png") no-repeat;} .highlighted.image #controls a#status.pause{ background: url("../images/ico_highlighted_pause.png") no-repeat;} .highlighted.image #controls a#status.pause:hover{ background: url("../images/ico_highlighted_pause_on.png") no-repeat;} .highlighted.image .jcarousel-container {width: 930px; height: 396px;} .highlighted.image .jcarousel-clip { width: 930px; height: 396px;} .highlighted.image .jcarousel-list { width: 930px; height: 396px;} .highlighted.mosaic {} .highlighted.mosaic .header {} .highlighted.mosaic .header h3 {} .highlighted.mosaic > .content { background: url("../images/bg_highlighted_image_item.png"); width: 95.2em; height:40.2em; border: 5px solid #555555; margin: 0 auto; padding: .4em 0em 0 .4em;} .highlighted.mosaic > .content.radius { -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em;} .highlighted.mosaic .item-list { list-style: none; clear:left;} .highlighted.mosaic .item-list > li { width: 23.4em; height: 13em; float:left; position: relative; margin: 0 0.4em 0.4em 0;} .highlighted.mosaic .item-list > li.last { margin-right: 0;} .highlighted.mosaic .item-list > li .item { position: relative;} .highlighted.mosaic .item-list > li .item .image {width: 23.4em; height: 13em;overflow:hidden;} .highlighted.mosaic .item-list > li .item .image a { width:100%; height: 13em;} .highlighted.mosaic .item-list > li:hover .item .image span{ background-color: #4891dc; width:23.4em; height: 13em; opacity:0.9; display:block; position:absolute; top:0; left:0;} .highlighted.mosaic .item-list > li .item .image img{ height: 13em;} .highlighted.mosaic .item-list > li .item .description { width: 21.4em; height: 11em; padding: 1em; position: absolute; top:0; left:0; display:none;} .highlighted.mosaic .item-list > li:hover .item .description { display:block;} .highlighted.mosaic .item-list > li .item .description h4 a { width:100%; font-size: 2em; font-weight: normal; color: #ffffff; } .highlighted.mosaic .item-list > li .item .description h5 a { font-size: 1.8em; font-weight: normal; color: #000000; } .highlighted.mosaic .item-list > li .item .description .date { font-size: 1.2em; color: #ffffff; line-height: 1.3;} .highlighted.mosaic .item-list > li .item .description .tv a{ font-size: 1.4em; color: #000000; line-height: 1.3;} .highlighted.mosaic .item-list > li .item .description a.play{ background: url("../images/ico_highlighted_mosaic_play.png") no-repeat; width:3.6em; height:3.6em; display:block; text-indent: -1000em; position: absolute; bottom:.5em; right:.5em; overflow:hidden;} .embed-card.video > .content {margin: 0 auto;position: relative;padding-top: 0px;padding-left: 0px;/*margin-left: -6px;*/margin-left: 0px;} .embed-card.video .item-list .item .media { float:left; margin: 0; position:relative } .embed-card.video .item-list .item .image img{ display:block; width:640px; height:360px;} .embed-card.video .item-list .item .image a.play{ background: url("../images/ico_highlighted_playvideo_off.png") no-repeat; width:84px; height:84px; display:block; text-indent: -1000em; position: absolute; top:50%; left:50%; margin-left: -42px; margin-top: -42px; overflow:hidden;} .embed-card.video .item-list .item .image a.play:hover{ background: url("../images/ico_highlighted_playvideo_on.png") no-repeat;} .embed-card.video .actions {clear:both} .highlighted.video {overflow:hidden;} .highlighted.video .header {} .highlighted.video .header h3 {} .highlighted.video > .content {width: 960px; height: 450px; margin: 0 auto;position: relative;} .highlighted.video > .content.radius {} .highlighted.video .item-list { list-style: none; overflow: visible!important;} .highlighted.video .item-list > li { width: 96em; margin: 0 auto; position: relative;} .highlighted.video .item-list .item { background-color: #000000; width: 85em; height:36em; border: 5px solid #555555; margin: 0 auto; padding: 1em 0em 1em 1em; position:relative;} .highlighted.video .item-list .item.radius { -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em;} .highlighted.video .item-list .item .media { float:left; margin: 0 2em 0 0;} .highlighted.video .item-list .item .media, .highlighted.video .item-list .item .image, .highlighted.video .item-list .item .image img{ width:64em; height:36em;overflow:hidden;} .highlighted.video .item-list .item .image img {width:64em;height:auto;} .highlighted.video .item-list .item .image a.play{ background: url("../images/ico_highlighted_playvideo_off.png") no-repeat; width:8.4em; height:8.4em; display:block; text-indent: -1000em; position: absolute; bottom:14em; left:28em; overflow:hidden;} .highlighted.video .item-list .item .image a.play:hover{ background: url("../images/ico_highlighted_playvideo_on.png") no-repeat;} .highlighted.video .item-list .item .ad-video { width: 640px; height: 360px; overflow: hidden; } .highlighted.video .item-list .item .ad-video .embed-card#embeded_chapter { width: 656px; height: 360px; } .highlighted.video .item-list .item .ad-video .embed-card#embeded_chapter .content { padding: 0; } .highlighted.video .item-list .item .ad-video .embed-card#embeded_chapter .splash { max-width: 656px; max-height: 360px; } .highlighted.video .item-list .item .ad-video .embed-card#embeded_chapter .play { top: 138px; left: 286px; margin: 0; } .highlighted.video .item-list .item > .content { width: 17em; padding-right:1em; float:left; overflow: hidden; word-wrap: break-word;} .highlighted.video .item-list .item > .content h4 { margin: 0 0 1.5em 0;font-size: 2.4em;font-weight: normal;color: #4891dc;} .highlighted.video .item-list .item > .content h4 a { color: #4891dc;} .highlighted.video .item-list .item > .content h5 { margin: 0 0 .5em 0;} .highlighted.video .item-list .item > .content h5 a { font-size: 1.8em; font-weight: normal; color: #ffffff;} .highlighted.video .item-list .item > .content p { font-size: 1.4em; color: #ccc;} .highlighted.video .item-list .item > .related { float:left; margin: 1.5em 0 0 0;} .highlighted.video .item-list .item > .related a { font-size: 1.5em; color: #4891dc;} .highlighted.video .item-list .item > .content .chapters-pager { border-top: 1px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; margin: 0 0 2em 0; padding: 1em 0; overflow: hidden;} .highlighted.video .item-list .item > .content .chapters-pager .header { float: left;} .highlighted.video .item-list .item > .content .chapters-pager .header span{ font-size: 1.4em; font-weight: bold; color: #fff;} .highlighted.video .item-list .item > .content .chapters-pager .content { float:right; overflow: hidden;} .highlighted.video .item-list .item > .content .chapters-pager .content ul { float:right; list-style: none outside none;} .highlighted.video .item-list .item > .content .chapters-pager .content li { float: left; margin-left: .5em; color: #ffffff; font-size: 1.4em;} .highlighted.video .item-list .item > .content .chapters-pager .content li:first-child { margin-left: 0;} .highlighted.video .item-list .item > .content .chapters-pager .content .prev, .highlighted.video .item-list .item > .content .chapters-pager .content .next { display: block; width: 1.3em; height: 1.3em; text-indent: -1000em; overflow: hidden;} .highlighted.video .item-list .item > .content .chapters-pager .content .prev { background: url("../images/ico_pager_chapter_prev_off.png") no-repeat;} .highlighted.video .item-list .item > .content .chapters-pager .content .prev:hover { background: url("../images/ico_pager_chapter_prev_on.png") no-repeat;} .highlighted.video .item-list .item > .content .chapters-pager .content .next { background: url("../images/ico_pager_chapter_next_off.png") no-repeat;} .highlighted.video .item-list .item > .content .chapters-pager .content .next:hover { background: url("../images/ico_pager_chapter_next_on.png") no-repeat;} .highlighted.video .rating { background: url("../images/bg_rating.png") no-repeat scroll 0 -25px transparent; width:18em; height: 2.5em; position:absolute; bottom: 4em;} .highlighted.video .rating .stars { background: url("../images/bg_rating.png") no-repeat scroll #4891dc; display: block; top: 0; height: 2.5em; left: 0; position: absolute; text-indent: -1000em; width: 0;} .highlighted.video .rating .rate1 { width: 1.2em;} .highlighted.video .rating .rate2 { width: 2.3em;z-index:100} .highlighted.video .rating .rate3 { width: 3.5em;} .highlighted.video .rating .rate4 { width: 4.6em;z-index:80} .highlighted.video .rating .rate5 { width: 5.9em;} .highlighted.video .rating .rate6 { width: 7em;z-index:60} .highlighted.video .rating .rate7 { width: 8.2em;} .highlighted.video .rating .rate8 { width: 9.5em;z-index:40} .highlighted.video .rating .rate9 { width: 10.5em;} .highlighted.video .rating .rate10 { width: 11.0em;z-index:20} .highlighted.video .rating strong{ font-size:1.3em; color: #aaaaaa; float:right; padding: .5em 1em 0;} .highlighted.video .rating .rating-edition { display: none;} .highlighted.video .rating.editing:hover span.stars { display: none;} .highlighted.video .rating:hover .rating-edition { display: block;} .highlighted.video .rating a.stars.rate2, .highlighted.video .rating a.stars.rate4, .highlighted.video .rating a.stars.rate6, .highlighted.video .rating a.stars.rate8, .highlighted.video .rating a.stars.rate10{ background:none; } .highlighted.video .rating a.stars:hover{ background: url("../images/bg_rating.png") no-repeat scroll #4891dc; } .highlighted.video .rating .login { display: none;} .highlighted.video .rating:hover .login { display: block;} .highlighted.video .rating .login { width: 23em; font-size: 1.2em;color: #333; padding: 1em; background-color: #FFF; position:absolute; top: 1.9em; left:0; z-index:1000;} .highlighted.video #controls{ position:absolute; bottom: -3.5em; left:40%;} .highlighted.video #controls ol#pager{ list-style:none; float:left; border-right: 1px solid #666; padding-right: 1em;} .highlighted.video #controls ol#pager li{ padding:0; float:left;} .highlighted.video #controls ol#pager li a{ background: url("../images/ico_highlighted_bullet.png") no-repeat center; float:left; display:block; width:2em; height:1.5em; text-indent:-1000em; overflow:hidden;} .highlighted.video #controls ol#pager li a:hover{ background: url("../images/ico_highlighted_bullet_on.png") no-repeat center;} .highlighted.video #controls ol#pager li.current a{ background: url("../images/ico_highlighted_bullet_on.png") no-repeat center; color:#fff;} .highlighted.video #controls ol#pager li a:focus{ outline:none;} .highlighted.video #controls a#status{ float:left; display:block; width:2em; height:2.1em; text-indent:-1000em; margin-left:1em; overflow:hidden;} .highlighted.video #controls a#status.play{ background: url("../images/ico_highlighted_play.png") no-repeat;} .highlighted.video #controls a#status.play:hover{ background: url("../images/ico_highlighted_play_on.png") no-repeat;} .highlighted.video #controls a#status.pause{ background: url("../images/ico_highlighted_pause.png") no-repeat;} .highlighted.video #controls a#status.pause:hover{ background: url("../images/ico_highlighted_pause_on.png") no-repeat;} .highlighted.video .social { position:absolute; bottom: 1em; width: 18em;} .highlighted.video .fragments { position: absolute; top: 2em; right: -1.4em; display:none} .highlighted.video .item.with-fragments .fragments { display: block;} .highlighted.video .fragments .fragment1 { background-color: #000; width: .5em; height: 34em; -moz-border-radius: 0 1em 1em 0; -wenkitborder-radius: 0 1em 1em 0; border-radius: 0 1em 1em 0; border-right:4px solid #555; border-top: 4px solid #555; border-bottom: 4px solid #555; position: relative;} .highlighted.video .fragments .fragment2 { background-color: #000; width: .5em; height: 32em; margin-top: .5em; -moz-border-radius: 0 1em 1em 0; -webkit-border-radius: 0 1em 1em 0; border-radius: 0 1em 1em 0; border-right:4px solid #555; border-top: 4px solid #555; border-bottom: 4px solid #555; position: absolute; left: .9em; overflow:hidden;} .highlighted.video .jcarousel-container { width: 960px; height: 396px;} .text-gallery .gallery li .jcarousel-container { width: 960px; height: 396px;} .highlighted.video .jcarousel-clip { width: 960px; height: 396px;} .highlighted.video .jcarousel-list { width: 960px; height: 396px;} .highlighted.video .jcarousel-prev { background: url("../images/ico_highlighted_prev_off.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 5.1em; left: -2em; position: absolute; top: 18em; width: 3.2em;} .highlighted.video .jcarousel-next{ background: url("../images/ico_highlighted_next_off.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 5.1em; right: -2em; position: absolute; top: 18em; width: 3.2em;} .highlighted.program {} .highlighted.program .header {} .highlighted.program .header h3 {} .highlighted.program > .content{ width: 93em; margin: 0 auto; position: relative; overflow:hidden;} .highlighted.program .content .image { float:left; margin: 0 2.5em 0 0;} .highlighted.program .content .image img { width: 96.4em; height:41.7em;} .highlighted.program .content .content { background: url("../images/bg_highlighted_program.png") repeat; width: 31.2em; height: 39.7em; padding: 2em 1em 0 1em; position: absolute; top: 0; left: 0;} .highlighted.program .content .content > ul { list-style: none; overflow:hidden;} .highlighted.program .content .content > ul > li { height: 2em;} .highlighted.program .content .content > ul > li a { font-size: 1.4em; color: #1e6dda;} .highlighted.program .content .content > ul > li > a { text-transform: uppercase; float: left;} .highlighted.program .content .content > ul > li > ul { list-style: none; overflow:hidden;} .highlighted.program .content .content > ul > li > ul > li { margin-left: .5em; height: 2em;} .highlighted.program .content .content > ul > li > ul > li span{ font-size: 1.4em; color: #ffffff;} .highlighted.program .content .content > ul > li > ul > li > a { margin-left: .1em; } .highlighted.program .content .content p { font-size: 1.4em; line-height: 1.4; margin-bottom: 1em; color: #ffffff;} .highlighted.program .content .content .social { margin-top: 1em;} .highlighted.program .content .content .actions { position: absolute; bottom: 2em; right: 2em;} .highlighted.program .content .content .actions a { font-size: 1.4em; color: #ffffff; padding: .4em 0 .7em 2em;} .highlighted.program .content .content .actions a strong{ color: #1e6dda;} .highlighted.program .content .content .actions a.subscribe { background: url("../images/ico_highlighted_program_suscribe.png") no-repeat;} .highlighted.program .content .content .actions a.unsubscribe { background: url("../images/ico_highlighted_program_unsuscribe.png") no-repeat;} /*videos, programs and chanels layout*/ .one-cols { width: 30em;} .two-cols { width: 63em;} .three-cols { width: 63em;} .four-cols { width: 96em;} .two-cols .item-list > li { width: 30em; margin-right: 3em;} .three-cols .item-list > li { width: 20em; margin-right: 1.5em;} .four-cols .item-list > li { width: 22.5em; margin-right: 2em;} .two-cols .item-list > li .item .image img { width: 30em;} .three-cols .item-list > li .item .image img { width: 20em;} .four-cols .item-list > li .item .image img { width: 22.5em;} /* widget commons */ .widget {} .widget .header, .widget .header-program { margin-bottom: 2em; } .widget .header h3, .widget .header-program h3 { font-size: 2.3em;} .widget .archived { background: url("../images/ico_videos_archived.png") no-repeat; width: 8.1em; height: 3.9em; position: absolute; top: 2em; right:-.4em;} .widget .archived em { font-size: 1em; font-weight: bold; font-style: normal; color: #FFFFFF; text-transform: uppercase; padding: .9em 3em; display: block;} /* content-list widget */ .content-list {} .content-list .header { } .content-list .header h3 { } .content-list .navigation { height: 6em; list-style:none; clear: left; position: relative;} .content-list .navigation > ul { background-color: #f1f1f1; height: 2.8em; list-style:none;-moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;} .content-list .navigation > ul > li { float:left;} .content-list .navigation > ul > li > a { font-size: 1.4em; height: 1.2em; border-left: 1px solid #d9d9d9; display: block; margin-bottom: .5em; padding: .4em .5em; color: #666;} .content-list .navigation > ul > li:first-child > a { border-left: none; -moz-border-radius: .5em 0 0 .5em; -webkit-border-radius: .5em 0 0 .5em; border-radius: .5em 0 0 .5em;} .content-list .navigation > ul > li.current > a, .content-list .navigation > ul > li:hover > a{ background-color: #a3a3a3; font-weight: normal; color: #ffffff;} .content-list .navigation > ul > li.current { background: url("../images/bg_mainnav_current.png") no-repeat center bottom;} .content-list .navigation > ul > li.rss { float: right; border: none; padding-top: .5em;} .content-list .navigation > ul > li.rss:hover { background: none;} .content-list .navigation > ul > li.rss a { display: block; width: 1.7em; height: 1.7em; text-indent: -10000px; background: url(../images/ico_rssvideo_off.png) no-repeat; padding:0; border: none;} .content-list .navigation > ul > li.rss a:hover { background: url("../images/ico_rssvideo_on.png") no-repeat;} .content-list .navigation > ul > li > ul { display:none; list-style: none; position: absolute; top: 3.8em; left:0;overflow:hidden;} .content-list .navigation > ul > li.current > ul { display:block; z-index:10;} .content-list .navigation > ul > li > ul > li { height: 1em; padding: .3em 1em .7em; border-left: 1px solid #d9d9d9; float:left;} .content-list .navigation > ul > li > ul > li:first-child { border-left: none;} .content-list .navigation > ul > li > ul > li > a { font-size: 1.3em; color: #000000;} .content-list .navigation > ul > li > ul > li.current { background-color: #a3a3a3; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; margin: 0 1em;} .content-list .navigation > ul > li > ul > li.current > a { color: #ffffff;} .content-list .info { font-size: 1.3em; color: #666666; margin: 0 0 2em;} .content-list .item-list { list-style: none; clear: left; margin-top:1em;} .content-list .item-list > li { float:left; position: relative;} .content-list .item-list > li.last { margin-right: 0!important;} .content-list .item-list > li .item { position: relative;} .content-list .item-list > li .item .image { line-height: 0;} .content-list .item-list > li .item .image a{ line-height: 0;} .content-list .item-list > li .item .content { padding: .5em 0; position:relative;} .content-list .item-list > li .item .extended-info { width: 27em; padding: 3.5em 1em 1em; border: .3em solid #4891dc; background-color: #ffffff; position: absolute; display:none; z-index:100; top:0;} .content-list.two-cols .item-list > li .item .extended-info { left: 31.1em;} .content-list.three-cols .item-list > li .item .extended-info { left: 21.1em;} .content-list.four-cols .item-list > li .item .extended-info { left: 23.6em;} .content-list.two-cols .item-list > li.last .item .extended-info, .content-list.two-cols .item-list > li.before-last .item .extended-info { left:auto; right: 31.1em;} .content-list.three-cols .item-list > li.last .item .extended-info, .content-list.three-cols .item-list > li.before-last .item .extended-info { left:auto; right: 21.1em;} .content-list.four-cols .item-list > li.last .item .extended-info, .content-list.four-cols .item-list > li.before-last .item .extended-info { left:auto; right: 23.6em;} .content-list .item-list > li .item .extended-info.shadow { -moz-box-shadow: 3px 10px 10px #000; -webkit-box-shadow: 3px 10px 10px #000; box-shadow: 3px 10px 10px #000;} .content-list .item-list > li.last .item .extended-info.shadow, .content-list .item-list > li.before-last .item .extended-info.shadow { -moz-box-shadow: -3px 10px 10px #000; -webkit-box-shadow: -3px 10px 10px #000; box-shadow: -3px 10px 10px #000;} .content-list .item-list > li .item .extended-info .arrow { width: 1.1em; height:20em; overflow:hidden; position:absolute; top: 0px; left:-1.4em;} .content-list .item-list > li .item .extended-info .arrow span { background: url("../images/ico_extendedinfo_arrow.png") no-repeat #4891dc; display:block; width:1.1em; height: 1.4em; position: absolute;top:.3em;} .content-list .item-list > li.last .item .extended-info .arrow , .content-list .item-list > li.before-last .item .extended-info .arrow { right:-1.4em; left: auto;} .content-list .item-list > li.last .item .extended-info .arrow span, .content-list .item-list > li.before-last .item .extended-info .arrow span { background: url("../images/ico_extendedinfo_arrow_right.png") no-repeat #4891dc;} .content-list > .related { clear: left;} .content-list > .related a { float: right; font-size: 1.5em; color: #1e6dda;} .content-list .pager {} .content-list .pager ul { list-style: none; float: left; left: 50%; position: relative;} .content-list .pager ul li { float: left; margin-right: 1em; right: 50%; position: relative;} .content-list .pager ul li a { font-size: 1.4em; font-weight: bold; color: #000; padding: .3em; display: block; text-align:center;} .content-list .pager ul li.current a { background-color: #4891dc; color: #FFFFFF;} .content-list .pager ul li a:hover { } .content-list .pager ul li.prev a, .content-list .pager ul li.next a { overflow:hidden; text-indent: -1000em; width: 8px; height: 11px; margin-top: .4em; padding: 0;} .content-list .pager ul li.prev a { background: url("../images/ico_pager_prev_off.png") no-repeat;} .content-list .pager ul li.prev:hover a { background: url("../images/ico_pager_prev_on.png") no-repeat #4891dc;} .content-list .pager ul li.next a { background: url("../images/ico_pager_next_off.png") no-repeat;} .content-list .pager ul li.next:hover a { background: url("../images/ico_pager_next_on.png") no-repeat #4891dc;} .content-list .pager ul li span { font-size: 1.4em; font-weight: bold; color: #000;} /* content-list videos specific*/ .content-list.videos .item-list > li .item .content h4 { margin-bottom: .3em;} .content-list.videos .item-list > li .item .content h4 a { font-size: 1.8em; font-weight: normal; line-height:1; } .content-list.videos .item-list > li .item .content h5 { display: inline; } .content-list.videos .item-list > li .item .content h5 a { font-size: 1.6em; font-weight: normal; color: #222222; } .content-list.videos .item-list > li .item .content h6 { display: inline; } .content-list.videos .item-list > li .item .content h6 a { font-size: 1.4em; font-weight: normal; color: #7A7A7A; } .content-list.videos .item-list > li .item .content .date { font-size: 1.2em; color: #333333;} .content-list.videos .item-list > li .item .content .duration { display:none;} .content-list.videos .item-list > li .item .content .views { display:none;} .content-list.videos .item-list > li .item .content p { display:none;} .content-list.videos .item-list > li .item .content .related { display: none;} .content-list.videos .item-list > li .item .content .add-playlist { position: absolute; top: .5em; right: 0;} .content-list.videos .item-list > li .item .content .add-playlist a { display: block; width: 1.1em; height: 1.2em; text-indent: -10000px; overflow:hidden; background: url(../images/ico_addplaylist_video_off.png) no-repeat;} .content-list.videos .item-list > li .item .content .add-playlist a:hover { background: url("../images/ico_addplaylist_video_on.png") no-repeat #4891dc;} .content-list.videos .item-list > li .item .extended-info h4 { margin-bottom: .5em;} .content-list.videos .item-list > li .item .extended-info h4 a { font-size: 1.8em; font-weight: normal;} .content-list.videos .item-list > li .item .extended-info h5 { width: 28em; height: 2.3em; padding: .4em 0 .2em 1em; background-color: #4891dc; position: absolute; top:0; left:0; } .content-list.videos .item-list > li .item .extended-info h5 a { font-size: 1.6em; font-weight: normal; color: #ffffff;} .content-list.videos .item-list > li .item .extended-info .date { font-size: 1.2em; color: #333333;} .content-list.videos .item-list > li .item .extended-info .duration { font-size: 1.1em; color: #555555;} .content-list.videos .item-list > li .item .extended-info .views { font-size: 1.2em; color: #555555; border-left: 1px solid #555555; padding-left: .5em;} .content-list.videos .item-list > li .item .extended-info p { font-size: 1.3em; color: #555555; margin-top: .5em;} .content-list.videos .item-list > li .item .extended-info .related { display:block;} .content-list.videos .item-list > li .item .extended-info .related .tags { list-style: none; margin: 1em 0; overflow:hidden;} .content-list.videos .item-list > li .item .extended-info .related .tags li { float: left;} .content-list.videos .item-list > li .item .extended-info .related .tags li a { font-size: 1.2em;} .content-list.videos .item-list > li .item .extended-info .related .tags li:after { content: ","; margin-right:.4em;} .content-list.videos .item-list > li .item .extended-info .related .tags li:last-child:after { content: ""; } .content-list.videos .item-list > li .item .extended-info .add-playlist { display:none;} .content-list.videos.two-cols .item-list > li { height: 26em;} .content-list.videos.three-cols .item-list > li { height: 22em;} .content-list.videos.four-cols .item-list > li { height: 23em;} .content-list.videos .item-list > li .item .actions .options { background-color: #FFFFFF; overflow: hidden; padding: 1em; position: absolute; width: 28em; z-index: 3; display: none; } .content-list.videos .item-list > li .item .actions .options ul { list-style: none; } .content-list.videos .item-list > li .item .actions .options ul li { margin-bottom: 0.5em; } .content-list.videos .item-list > li .item .actions .options ul li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .content-list.videos .item-list > li .item .actions .options ul li a {font-size: 1.2em;font-weight: bold; text-decoration: underline;} .content-list.videos .item-list > li .item .actions .options ul li a.later{ background: url("../images/ico_add_later_video.png") no-repeat; padding: 0.2em 0 0.1em 1.5em; display:block;} .content-list.videos .item-list > li .item .actions .options ul li ul{ list-style: disc inside none; color: #1E6DDA; } .content-list.videos .item-list > li .item .actions .options ul li span { font-size: 1.4em; color: #333333; display: block; margin-bottom: 1em; } .content-list.videos .item-list > li .item .actions .options ul li.disabled { color: #CCC; text-decoration: line-through; font-size: 1.4em; font-weight: bold; } .content-list.videos .item-list > li .item .actions .options ul li ul li a{ font-size: 1.4em; font-weight: bold; text-decoration: underline; } .content-list.videos .item-list > li .item .actions .options ul li ul li a:hover{ color: #333333; } .content-list.videos .options input[type="text"] { width: 15em; height: 2em; border: 1px solid #ccc; background-color: #f1f1f1; color: #5b5b5b; float:left; padding-left: .5em;} .content-list.videos .options input[type="submit"] { background-color: #4891dc; border: none; font-size: 1.2em; height: 1.5em; margin-left: .5em; padding: 0 .5em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; -border-radius: 1em; color: #FFFFFF; cursor: pointer;} .content-list.videos.fragments.two-cols .item-list > li .item .image { width: 30em; height: 16.9em;background: url("../images/bg_fragment_twocols.png") no-repeat center bottom;} .content-list.videos.fragments.three-cols .item-list > li .item .image { width: 20em; height: 11.3em; background: url("../images/bg_fragment_threecols.png") no-repeat center bottom;} .content-list.videos.fragments.four-cols .item-list > li .item .image { width: 22.5em; height: 12.7em; background: url("../images/bg_fragment_fourcols.png") no-repeat center bottom;} .content-list.videos.fragments.two-cols .item-list > li .item .image img { width: 26em; margin: 1em 2em; } .content-list.videos.fragments.three-cols .item-list > li .item .image img { width: 16em; margin: 1em 2em; } .content-list.videos.fragments.four-cols .item-list > li .item .image img { width: 18.5em; margin: 1em 2em; } /* content-list programs specific*/ .content-list.programs .item-list > li .item .content h4 { margin-bottom: .3em;} .content-list.programs .item-list > li .item .content h4 a { font-size: 1.8em; font-weight: normal; line-height:1;} .content-list.programs .item-list > li .item .content h5 {} .content-list.programs .item-list > li .item .content h5 a { font-size: 1.6em; font-weight: normal; color: #222222;} .content-list.programs .item-list > li .item .content p { display:none;} .content-list.programs .item-list > li .item .content span.chapters { display:none;} .content-list.programs .item-list > li .item .content dl { display:none;} .content-list.programs .item-list > li .item .extended-info h5 { display:none;} .content-list.programs .item-list > li .item .extended-info h4 { width: 28em; height: 2.3em; padding: .4em 0 .2em 1em; background-color: #4891dc; position: absolute; top:0; left:0; } .content-list.programs .item-list > li .item .extended-info h4 a { font-size: 1.6em; font-weight: normal; color: #ffffff;} .content-list.programs .item-list > li .item .extended-info span.chapters { font-size: 1.4em; color: #FFFFFF; position: absolute; top: .5em; right: .5em;} .content-list.programs .item-list > li .item .extended-info p { font-size: 1.3em; color: #555555; margin-top: .5em;} .content-list.programs .item-list > li .item .extended-info dl{ font-size: 1.3em; color: #555555; margin: 1em 0 2em; display: block;} .content-list.programs .item-list > li .item .extended-info dl dt{ font-weight: bold; display: block; margin-top: .5em;} .content-list.programs .item-list > li .item .extended-info dl dd ul{ list-style: none;} .content-list.programs .item-list > li .item .extended-info dl dd ul li{ float: left;} .content-list.programs .item-list > li .item .extended-info dl dd ul li:after { content: ","; margin-right:.4em;} .content-list.programs .item-list > li .item .extended-info dl dd ul li:last-child:after { content: ""; } .content-list.programs .item-list > li .item .extended-info .actions { display:none;} .content-list.programs .item-list > li { height: 15em;} /* content-list tvs specific*/ .content-list.tvs .item-list > li .item .content h4 { margin-bottom: .3em;} .content-list.tvs .item-list > li .item .content h4 a { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; line-height:1; color: #222222;} .content-list.tvs .item-list > li .item .content h5 { display: none;} .content-list.tvs .item-list > li .item .content h5 a {} .content-list.tvs .item-list > li .item .content p { display:none;} .content-list.tvs .item-list > li .item .content .related { display: none;} .content-list.tvs .item-list > li .item .extended-info h4 { margin-bottom: .5em;} .content-list.tvs .item-list > li .item .extended-info h4 a { font-size: 1.8em; font-weight: normal;} .content-list.tvs .item-list > li .item .extended-info h5 { width: 28em; height: 2.3em; padding: .4em 0 .2em 1em; background-color: #4891dc; position: absolute; top:0; left:0; } .content-list.tvs .item-list > li .item .extended-info h5 a { font-size: 1.6em; font-weight: normal; color: #ffffff;} .content-list.tvs .item-list > li .item .extended-info p { font-size: 1.3em; color: #555555; margin-top: .5em;} .content-list.tvs .item-list > li .item .extended-info .related { display:block;} .content-list.tvs .item-list > li .item .extended-info .related .tags { list-style: none; margin: 1em 0; overflow:hidden;} .content-list.tvs .item-list > li .item .extended-info .related .tags li { float: left;} .content-list.tvs .item-list > li .item .extended-info .related .tags li a { font-size: 1.2em;} .content-list.tvs .item-list > li .item .extended-info .related .tags li:after { content: ","; margin-right:.4em;} .content-list.tvs .item-list > li .item .extended-info .related .tags li:last-child:after { content: ""; } .content-list.tvs.two-cols .item-list > li { height: 14em;} .content-list.tvs.three-cols .item-list > li { height: 11em;} .content-list.tvs.four-cols .item-list > li { height: 1em;} /* content-list tematics specific*/ .content-list.tematics .item-list > li .item .content h4 { margin-bottom: .3em;} .content-list.tematics .item-list > li .item .content h4 a { font-size: 1.8em; font-weight: normal; line-height:1;} .content-list.tematics .item-list > li .item .content p { display:none;} .content-list.tematics .item-list > li .item .extended-info h4 { width: 28em; height: 2.3em; padding: .4em 0 .2em 1em; background-color: #4891dc; position: absolute; top:0; left:0; } .content-list.tematics .item-list > li .item .extended-info h4 a { font-size: 1.6em; font-weight: normal; color: #ffffff;} .content-list.tematics .item-list > li .item .extended-info p { font-size: 1.3em; color: #555555; margin-top: .5em;} .content-list.tematics .item-list > li { height: 15em;} /* highligh-list widget */ .highlight-list { position: relative;} .highlight-list.widget { border-bottom: none!important;} .highlight-list .header {} .highlight-list .header h3 {} .highlight-list .content { background-color: #fff; padding-bottom: 2em; border-bottom: 1px solid #e3e3e3; } .highlight-list .item-list { list-style: none; clear: left;} .highlight-list .item-list > li { float:left; position: relative; margin-bottom: 2em;} .highlight-list .item-list > li.last { margin-right: 0;} .highlight-list .item-list > li .item {position: relative;} .highlight-list .item-list > li .item .image {} .highlight-list .item-list > li .item .image a { width:100%; display:block;} .highlight-list .item-list > li .item .description { width: 100%; position: absolute; top:0; left:0; display:none;} .highlight-list .item-list > li:hover .item .description { display:block;} .highlight-list .item-list > li .item .description h4 {} .highlight-list .item-list > li .item .description h4 a { background-color: #4891dc; opacity:0.9; width: 100%; display:block; text-decoration: none;} .highlight-list .item-list > li .item .description .title { font-size: 1.8em; font-weight: normal; color: #ffffff; position: absolute; bottom: .2em; left: .5em; width: 60%; line-height: 1; padding-bottom: .1em;} .highlight-list .item-list > li .item .description .views { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #ffffff; position: absolute; bottom: .2em; right: .5em; padding-bottom: .1em;} .highlight-list .related { clear: both; overflow: hidden;} .highlight-list .related a { float: right; font-size: 1.5em; color: #1e6dda;} .highlight-list .pager { clear:left; margin-bottom: 1em; overflow: hidden;} .highlight-list .pager ul { float:right; list-style: none outside none;} .highlight-list .pager li { float: left; margin-right: .5em; color: #000000; font-size: 1.4em;} .highlight-list .pager li:first-child { margin-left: 0;} .highlight-list .pager .prev, .highlight-list .pager .next { display: block; width: 8px; height: 11px; text-indent: -1000em; overflow: hidden;} .highlight-list .pager .prev { background: url("../images/ico_pager_prev_off.png") no-repeat;} .highlight-list .pager .prev:hover { background: url("../images/ico_pager_prev_on.png") no-repeat #4891dc;} .highlight-list .pager .next { background: url("../images/ico_pager_next_off.png") no-repeat;} .highlight-list .pager .next:hover { background: url("../images/ico_pager_next_on.png") no-repeat #4891dc;} .highlight-list.one-cols .item-list > li .item .description h4 a, .highlight-list.one-cols .item-list > li .item .image img { height: 8.5em;} .highlight-list.two-cols .item-list > li .item .description h4 a, .highlight-list.two-cols .item-list > li .item .image img { height: 8.5em;} .highlight-list.three-cols .item-list > li .item .description h4 a, .highlight-list.three-cols .item-list > li .item .image img { height: 5.7em;} .highlight-list.three-cols .item-list > li .item .description .title { font-size: 1.6em;} .highlight-list.four-cols .item-list > li .item .description h4 a, .highlight-list.four-cols .item-list > li .item .image img { height: 6.4em;} .highlight-list.four-cols .item-list > li .item .description .title { font-size: 1.7em;} /* content-card widget */ .content-card {} .content-card .header {} .content-card .header h3 {} .content-card .content {} /* content-card widget -> videos */ .content-card.videos { margin: 4em 0 2em; border-bottom: none!important;} .content-card.videos .bg-wrapper{ background-color: #ffffff; border: 1px solid #d9d9d9; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;} .content-card.videos .header { display:none;} .content-card.videos .header h3 {} .content-card.videos .content { padding: 1.5em 5.2em;} .content-card.videos .content h4 { font-size: 2.4em; font-weight: normal; line-height:1; color: #333333; margin-bottom: .2em;} .content-card.videos .content h5 { font-size: 1.8em; color: #666666; margin-bottom: 1em; font-weight: normal;} .content-card.videos .content h5 a {} .content-card.videos .content .date { font-size: 1.4em; color: #333333;} .content-card.videos .content .meta { font-size: 1.4em; color: #333333; float: right; height:24px; margin-right: 155px;} .content-card.videos .content .duration {} .content-card.videos .content .views {} .content-card.videos .content .related {} .content-card.videos .content .related .tags { list-style: none; margin: 1em 0; overflow:hidden;} .content-card.videos .content .related .tags li { float: left;} .content-card.videos .content .related .tags li a { font-size: 1.4em;} .content-card.videos .content .related .tags li:after { content: ","; margin-right:.4em;} .content-card.videos .content .related .tags li:last-child:after { content: ""; } .content-card.videos .content .player { width: 854px; height: 480px; overflow: hidden; margin-top: 1em; background-color: #000; } .content-card.videos .content .fragments-playlist { color: #FFF; background: url("../images/bg_fragments_list.png") repeat-x #282828;} .content-card.videos .content .fragments-playlist .fragments-playlist-header { height: 2.7em; margin: 0 1.3em; padding-top: .9em;} .content-card.videos .content .fragments-playlist.news .fragments-playlist-header { height: 2.9em;} .content-card.videos .content .fragments-playlist .fragments-playlist-content { height: 14.1em; margin: 0 0 0 1.3em; padding-left: 2em; overflow: hidden;} .content-card.videos .content .fragments-playlist.news .fragments-playlist-content { height: 10.7em; } .content-card.videos .content .fragments-playlist h6 { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: normal; display: block; float: left;} .content-card.videos .content .fragments-playlist .navigation { float: left; margin-left: 0.9em; } .content-card.videos .content .fragments-playlist .navigation a { overflow:hidden; text-indent: -10000px; display: block; float:left; width: 1.3em; height: 1.4em; margin-right: .4em; } .content-card.videos .content .fragments-playlist a.down { background: url("../images/ico_fragments_down.png") no-repeat; } .content-card.videos .content .fragments-playlist a.up { background: url("../images/ico_fragments_up.png") no-repeat;} .content-card.videos .content .fragments-playlist a.down.off, .content-card.videos .content .fragments-playlist a.up.off, .content-card.videos .content .fragments-playlist .jcarousel-prev-disabled, .content-card.videos .content .fragments-playlist .jcarousel-next-disabled { opacity: .5;} .content-card.videos .content .fragments-playlist .item-list { width: 83.3em; clear: left; list-style: none; } .content-card.videos .content .fragments-playlist .item-list > li { font-family: Georgia, Times, serif; float: left; width: 13.1em !important; padding-right: 0.5em; margin-left: 2.5em; } .content-card.videos .content .fragments-playlist.news .item-list > li { width: 143px !important; height: 94px; border-right: 1px solid #676767; padding-right: 0.5em; margin-left: 1em; list-style-image: url("../images/ico_fragments_news.png") !important; list-style-position: inside !important;} .content-card.videos .content .fragments-playlist .item-list > li:first-child { margin-left: .4em; } .content-card.videos .content .fragments-playlist.news .item-list > li:last-child { border: 0 } .content-card.videos .content .fragments-playlist .item-list > li .media { width: 13.1em; height: 7.3em; background: url("../images/bg_fragment_list.png") no-repeat; margin-bottom: 1em; } .content-card.videos .content .fragments-playlist .item-list > li .media img { width: 11.5em; margin: .3em .9em .5em .8em; } .content-card.videos .content .fragments-playlist .item-list > li .text a { color: #FFF; line-height: 1.2em; font-size: 1.4em;} .content-card.videos .content .fragments-playlist .item-list > li .text span { color: #1E6DDA; display: block; line-height: 1.2em; font-size: 1.4em; margin-top: .3em;} .content-card.videos .content .fragments-playlist .jcarousel-next, .content-card.videos .content .fragments-playlist .jcarousel-prev { position: absolute; width: 1.3em; height: 2em; cursor: pointer; } .content-card.videos .content .fragments-playlist .jcarousel-next { top: 2.5em; right: 1em; background: url("../images/ico_fragments_list_next.png") no-repeat; } .content-card.videos .content .fragments-playlist .jcarousel-prev { top: 2.5em; left: -2em; background: url("../images/ico_fragments_list_prev.png") no-repeat; } .content-card.videos .content .actions { margin: 1em 0; height: 2em;} .content-card.videos .content > p, .content-card.videos .content div.description { clear: left; font-size: 1.4em; color: #666666; line-height: 1.2; margin-top: 2em;} .content-card.videos .content .rating { background: url("../images/bg_rating_card.png") no-repeat scroll 0 -13px transparent; width:13.3em; height: 2em; position:relative;margin-top: .3em; padding: .2em 1em 0 0; float:left;} /*alonso's touch*/ .content-card.videos .content .ratingUP { background: url("../images/bg_rating_card.png") no-repeat scroll 0 -13px transparent !important; width: 10.5em !important; height: 1em !important; position: absolute!important; margin-top: 0px !important; margin-left: 5px !important; padding: 0px 0px 0px 0px !important; float: right !important; top: 80px; left: 750px !important;} .content-card.videos .content .rating .stars { background: url("../images/bg_rating_card.png") no-repeat scroll #4891dc; display: block; top: 0; height: 1em;/*1.3em;*/ left: 0; position: absolute; text-indent: -1000em;} .content-card.videos .content .rating .rate1 { width: .65em;} .content-card.videos .content .rating .rate2 { width: 1.2em;z-index: 100;} .content-card.videos .content .rating .rate3 { width: 1.8em;} .content-card.videos .content .rating .rate4 { width: 2.3em;z-index: 80;} .content-card.videos .content .rating .rate5 { width: 2.6em;} .content-card.videos .content .rating .rate6 { width: 3.0em;z-index: 60;} .content-card.videos .content .rating .rate7 { width: 3.6em;} .content-card.videos .content .rating .rate8 { width: 4.2em;z-index: 40;} .content-card.videos .content .rating .rate9 { width: 4.6em;} .content-card.videos .content .rating .rate10 { width: 5em;z-index: 20;} .content-card.videos .content .rating .rating-edition { display: none;} .content-card.videos .content .rating.editing:hover span.stars { display: none;} .content-card.videos .content .rating:hover .rating-edition { display: block;} .content-card.videos .content .rating a.stars.rate2, .content-card.videos .content .rating a.stars.rate4, .content-card.videos .content .rating a.stars.rate6, .content-card.videos .content .rating a.stars.rate8, .content-card.videos .content .rating a.stars.rate10{ background:none; } .special-separator {color:#9999A2;} .content-card.videos .content .rating a.stars:hover{ background: url("../images/bg_rating_card.png") no-repeat scroll #4891dc; } .content-card .content .rating .login { display: none;} .content-card .content .rating:hover .login { display: block;} .content-card .content .rating .login { width: 23em; font-size: 1.2em; color: #333; padding: 1em; background-color: #FFF; position:absolute; top: 1.9em; right:0; z-index:1000;} .content-card.videos .content .rating strong{ font-size:1.3em; font-weight: normal; color: #999999; float:right;} /*alonso's touch*/ .content-card.videos .content .rating strong{ font-size:0.9em; font-weight: normal; color: #999999; float:right;} #personal {cursor:pointer;} #info-personal {display:none; width:830px; margin:5px 15px;} #info-personal .share {float:right; padding:15px 10px; float:left; border-left:none;} #info-personal p {font-size:12px; color:#666666;width: 424px; padding: 13px 0 13px 7px;;float:left;} #info-personal #control {width: 290px; height:34px; padding:8px 7px;float:left;} #info-personal form {float:left;} #info-personal .actions input[type="submit"]{background-color: #4891DC; border: medium none; border-radius: 1em 1em 1em 1em; color: #FFFFFF; cursor: pointer; float: left; font-size: 1.4em; height: 1.5em; padding: 0 1em 0.2em;} #info-personal .actions {margin: 0;padding: 0;width: 75px;margin: 5px 0 0;} #info-personal .actionsFi input[type="submit"]{background-color: #4891DC; border: medium none; border-radius: 1em 1em 1em 1em; color: #FFFFFF; cursor: pointer; float: left; font-size: 1.4em; height: 1.5em; padding: 0 1em 0.2em;} #info-personal .actionsFi {margin: 0;padding: 0;width: 45px;margin: 5px 0 0 16px;} #info-personal .item input[type="text"] {color: #838383;float:left;font-size: 1.2em;height: 28px;margin-bottom: 1em;width: 72px;margin-left:5px;background: none repeat scroll 0 0 #F1F1F1; border-color: #999;border-style: solid;border-width: 0.1em;padding: 0.1em 0.2em; text-align: center;} #info-personal .item {margin: 0;padding: 0; width:72px;} #info-personal .itemFi input[type="text"] {color: #838383;float:left;font-size: 1.2em;height: 28px;margin-bottom: 1em;width: 72px;margin-left:30px;background: none repeat scroll 0 0 #F1F1F1; border-color: #999;border-style: solid;border-width: 0.1em;margin-left: 16px;padding: 0.1em 0.2em; text-align: center;} #info-personal .itemFi {margin: 0;padding: 0; width:72px;} #info-personal fieldset {border:none;} #info-personal textarea {font-size: 1.5em; width: 97%; color: grey; margin: 4px 1%; padding: 0.5%;} /*alonso's touch*/ .content-card.videos .content .social { /*border-left: 1px solid #d3d3d3;*/ height: 2em; padding: .2em 1em; float:left; width:290px;} .content-card.videos .content .add { border-left: 1px solid #d3d3d3; height: 2em; padding: .2em 1em; float:left; position: relative; z-index: 1;} .content-card.videos .content .add > a { font-size: 1.4em; float: left; margin: .2em 0 0; color: #000;} .content-card.videos .content .add > a:hover, .content-card.videos .content .add:hover a { color: #1e6dda; text-decoration:none;} .content-card.videos .content .add > a.add-button { display: block; width: 11px; height: 12px; margin: .3em 0 0 .3em; text-indent: -10000px; background: url(../images/ico_addplaylist_video_off.png) no-repeat;} .content-card.videos .content .add a.add-button:hover, .content-card.videos .content .add:hover .add-button { background: url("../images/ico_addplaylist_video_on.png") no-repeat #4891dc;} .content-card.videos .content .add .options { display:none;} .content-card.videos .content .add:hover .options { display: block;} .content-card.videos .content .add .options { width: 26em; padding: 1em; background-color: #FFF; position:absolute; top: 2em; left:0; z-index:1; overflow: hidden;} .content-card.videos .content .add .options p { font-size: 1.2em; color: #333; line-height: 1.2;} .content-card.videos .content .add .options ul { list-style: none;} .content-card.videos .content .add .options ul li { margin-bottom: .5em;} .content-card.videos .content .add .options ul li.disabled {color: #CCC;text-decoration: line-through;font-size: 1.4em;font-weight: bold} .content-card.videos .content .add .options ul li a { font-size: 1.2em; font-weight: bold; text-decoration: underline;} .content-card.videos .content .add .options ul li a:hover { color: #333;} .content-card.videos .content .add .options ul li a.later { background: url("../images/ico_add_later_video.png") no-repeat; padding: 0.2em 0 0.1em 1.5em; display:block;} .content-card.videos .content .add .options ul li span { font-size: 1.2em; color: #333; margin: 1em 0; display: block;} .content-card.videos .content .add .options ul li ul { list-style: disc inside; color: #1e6dda;} .content-card.videos .content .add .options input[type="text"] { width: 15em; height: 2em; border: 1px solid #ccc; background-color: #f1f1f1;color: #5b5b5b; float:left; padding-left: .5em;} .content-card.videos .content .add .options input[type="submit"] { background-color: #4891dc; border: none; font-size: 1.2em; height: 1.5em; margin-left: .5em; padding: 0 .5em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; -border-radius: 1em; color: #FFFFFF; cursor: pointer;} .content-card .content .add .login { width: 23em; font-size: 1.2em; color: #333; background-color: #FFF; left:0; z-index:1000;} .content-card .content .add .login a:hover { text-decoration: underline; } .content-card.videos .content .embed { border-left: 1px solid #d3d3d3; height: 2em; padding: .2em 1em; float:left; position: relative; z-index: 1;} .content-card.videos .content .embed a { font-size: 1.4em; float: left; margin: .2em 0 0; color: #000;} .content-card.videos .content .embed a:hover, .content-card.videos .content .embed:hover a { color: #1e6dda; text-decoration:none;} .content-card.videos .content .embed a.embed-button { display: block; width: 17px; height: 10px; margin: .3em .3em 0 0; text-indent: -10000px; background: url(../images/ico_embed_video_off.png) no-repeat;} .content-card.videos .content .embed a.embed-button:hover, .content-card.videos .content .embed:hover a.embed-button { background: url("../images/ico_embed_video_on.png") no-repeat #4891dc;} .content-card.videos .content .embed .options { display:none;} .content-card.videos .content .embed:hover .options { display: block; z-index: 1;} .content-card.videos .content .embed .options { width: 23em; padding: 1em; background-color: #FFF; position:absolute; top: 2em; left:0;} .content-card.videos .content .embed .options ul { list-style: none;} .content-card.videos .content .embed .options ul li { margin-bottom: 2.5em;} .content-card.videos .content .embed .options ul li a {float: right;margin-top: 0.45em;} .content-card.videos .content .embed .options ul li a:hover {text-decoration: underline;} .content-card.videos .content .embed .options p { font-size: 1.2em; color: #333; line-height: 1.2;} .content-card.videos .content .embed .options label { font-size: 1.4em; color: #333; line-height: 1.1; margin-bottom: .5em;} .content-card.videos .content .embed .options span.info { font-size: 1.2em; color: #666; line-height: 1.2; margin-left: 1.5em; display: block;} .content-card.videos .content .embed .options input[type="text"], .content-card.videos .content .embed .options textarea { font-family: Helvetica, Arial, sans-serif;} .content-card.videos .content .embed .options textarea { width: 18em; height: 5em; border: 1px solid #ccc; background-color: #ffffff; font-size: 1.2em; color: #000000; padding: .5em;} .content-card.videos .content .embed .options input[type="text"] { width: 2em; border: 1px solid #ccc; background-color: #ffffff; font-size: 1.2em; color: #000000; padding: .5em 1em; margin-top: .5em; margin-left: 1.5em;} .content-card.videos .content .embed .options input[type="text"]:disabled {background-color: #f1f1f1; color: #5b5b5b; margin-left: 0em;} .content-card.videos .content .share { border-left: 1px solid #d3d3d3; height: 2em; padding: .2em 1em; float:left;} .content-card.videos .content .share a { font-size: 1.4em; float: left; margin: .2em 0 0; color: #000;} .content-card.videos .content .share a:hover, .content-card.videos .content .share:hover a { color: #1e6dda; text-decoration:none;} .content-card.videos .content .share a.share-button { display: block; width: 12px; height: 12px; margin: .3em .3em 0 0; text-indent: -10000px; background: url(../images/ico_share_video_off.png) no-repeat;} .content-card.videos .content .share a.share-button:hover, .content-card.videos .content .share:hover a.share-button { background: url("../images/ico_share_video_on.png") no-repeat #4891dc;} /* content-card widget -> static */ .content-card.static {} .content-card.static .header { margin-bottom: 2em;} .content-card.static .header h3 { font-size: 2.4em; color: #000000; padding-bottom: .5em; border-bottom: 1px solid #e3e3e3;} .content-card.static .content {} .content-card.static .content h1 {font-size: 2.4em; color: #000000; padding-bottom: .5em; border-bottom: 1px solid #e3e3e3;} .content-card.static .content h2 {font-size: 1.8em; font-weight: bold; color: #000000; margin-top: 2em;} .content-card.static .content h3 {font-size: 1.6em; font-weight: bold; color: #333333; margin-top: 2em;} .content-card.static .content h4 {font-size: 1.6em; font-weight: normal; color: #666666; font-family: Arial, Helvetica, sans-serif; margin-top: 2em;} .content-card.static .content h5 {font-size: 1.4em; font-weight: bold; color: #666666; font-family: Arial, Helvetica, sans-serif; margin-top: 2em;} .content-card.static .content h6 {font-size: 1.4em; font-weight: normal; color: #666666; font-family: Arial, Helvetica, sans-serif; margin-top: 2em;} .content-card.static .content p {font-size: 1.4em; color: #333333; margin-top: 2em; line-height: 1.2; } .content-card.static .content ul, .content-card.static .content ol { list-style-position: inside; margin-left: 2em; margin-top: 1em; overflow: hidden;} .content-card.static .content ul { list-style-image: url("../images/ico_static_list.png");} .content-card.static .content li {font-size: 1.4em; color: #333333; margin-top: 1.5em; line-height: 1.2;} /* embed-char */ .embed-card {padding-bottom: 10px; } .embed-card.big { font-size: 100%;} .embed-card.mediumf { font-size: 85%;} .embed-card.small { font-size: 70%;} .embed-card .content { background-color: transparent; padding: 10px; overflow: hidden;} .embed-card .content h1, .embed-card .content h2, .embed-card .content h3 { display: none;} .embed-card .content > h4 { height: 30px; clear: both;} .embed-card .content > h4 a { font-size: 2.4em; font-weight: normal; line-height:1;} .embed-card .content .description { height: 50px; clear: both;} .embed-card .content .description p { font-size: 1.4em; color: #ffffff; line-height: 1.2;} .embed-card .content .actions { height: 24px; float: right;} .embed-card .content .embed { height: 2em; padding: .2em 1em; float:left; position: relative;} .embed-card .content .embed a { font-size: 1.4em; float: left; margin: .2em 0 0; color: #000000;} .embed-card .content .embed a:hover, .embed-card .content .embed:hover a { color: #1e6dda; text-decoration:none;} .embed-card .content .embed a.embed-button { display: block; width: 17px; height: 10px; margin: .3em .3em 0 0; text-indent: -10000px; background: url(../images/ico_embed_video_off.png) no-repeat;} .embed-card .content .embed a.embed-button:hover, .embed-card .content .embed:hover a.embed-button { background: url("../images/ico_embed_video_on.png") no-repeat #4891dc;} .embed-card .content .embed .options { display:none;} .embed-card .content .embed:hover .options { display: block; z-index: 1;} .embed-card .content .embed .options { width: 230px; padding: 10px; background-color: #FFF; position:absolute; bottom: 20px; left:-70px;} .embed-card .content .embed .options ul { list-style: none;} .embed-card .content .embed .options ul li { margin-bottom: 5px;} .embed-card .content .embed .options ul li a { float: right;} .embed-card .content .embed .options ul li a:hover { text-decoration: underline;} .embed-card .content .embed .options p { font-size: 12px; color: #333; line-height: 1.2;} .embed-card .content .embed .options label { font-size: 14px; color: #333; line-height: 1.1; margin-bottom: 5px;} .embed-card .content .embed .options span.info { font-size: 12px; color: #666; line-height: 1.2; margin-left: 15px; display: block;} .embed-card .content .embed .options input[type="text"], .embed-card .content .embed .options textarea { font-family: Helvetica, Arial, sans-serif;} .embed-card .content .embed .options textarea { width: 200px; height: 50px; border: 1px solid #ccc; background-color: #ffffff; font-size: 12px; color: #000000; padding: 5px;} .embed-card .content .embed .options input[type="text"] { width: 40px; height: 20px; border: 1px solid #ccc; background-color: #ffffff; font-size: 12px; color: #000000; padding-left: 5px; margin: 5px 0;} .embed-card .content .embed .options input[type="text"]:disabled {background-color: #f1f1f1; color: #5b5b5b;} .embed-card .content .share { height: 2em; padding: .2em 0 .2em 1em; float:left;} .embed-card .content .share a { font-size: 1.4em; float: left; margin: .2em 0 0; color: #000000;} .embed-card .content .share a:hover, .embed-card .content .share:hover a { color: #1e6dda; text-decoration:none;} .embed-card .content .share a.share-button { display: block; width: 12px; height: 12px; margin: .3em .3em 0 0; text-indent: -10000px; background: url(../images/ico_share_video_off.png) no-repeat;} .embed-card .content .share a.share-button:hover, .embed-card .content .share:hover a.share-button { background: url("../images/ico_share_video_on.png") no-repeat #4891dc;} /* follow-channel widget */ .follow-channel {} .follow-channel .header {} .follow-channel .header h3 {} .follow-channel .item-list { list-style: none; clear: left;} .follow-channel .item-list > li { float:left; margin-right: 1em;} .follow-channel .item-list > li a { display: block; width: 3.3em; height: 3.3em; text-indent: -1000em; overflow:hidden;} .follow-channel .item-list > li a.facebook { background: url("../images/ico_social.png") no-repeat 0 0;} .follow-channel .item-list > li a.twitter { background: url("../images/ico_social.png") no-repeat -48px 0;} .follow-channel .item-list > li a.youtube { background: url("../images/ico_social.png") no-repeat -91px 0;} .follow-channel .item-list > li a.rss { background: url("../images/ico_social.png") no-repeat -135px 0;} .follow-channel .item-list > li a.web { background: url("../images/ico_social.png") no-repeat -185px 0;} .follow-channel .item-list > li a.facebook:hover { background: url("../images/ico_social.png") no-repeat 0 -33px;} .follow-channel .item-list > li a.twitter:hover { background: url("../images/ico_social.png") no-repeat -48px -33px;} .follow-channel .item-list > li a.youtube:hover { background: url("../images/ico_social.png") no-repeat -91px -33px;} .follow-channel .item-list > li a.rss:hover { background: url("../images/ico_social.png") no-repeat -135px -33px;} .follow-channel .item-list > li a.web:hover { background: url("../images/ico_social.png") no-repeat -185px -33px;} /* tags widget */ .tags { position: relative;} .tags .header { background: url("../images/bg_tags_header.png") no-repeat #4891dc; width: 30em; height: 7.2em; position: absolute; top:0; left:0; z-index: -1; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;} .tags .header h3 { display:none!important;} .tags .content { overflow: hidden;} .tags .content ul { margin: 0; padding:1em; text-align: center; line-height: 2; float: left; overflow: hidden;} .tags .content ul li { height: 2em; display: inline;} .tags .content ul li a { color: #000; } .tags .content ul li a:hover { color: #1e6dda; text-decoration: none;} .tags .content ul li a.tag1 { font-size: 1.2em; font-weight: 100; } .tags .content ul li a.tag2 { font-size: 1.6em; font-weight: 300; } .tags .content ul li a.tag3 { font-size: 2.0em; font-weight: 500; } .tags .content ul li a.tag4 { font-size: 2.4em; font-weight: 700; } .tags .content ul li a.tag5 { font-size: 2.8em; font-weight: 900; } /* links-list widget */ .links-list {} .links-list .header {} .links-list .header h3 {} .links-list .content { overflow: hidden;} .links-list .content ul { list-style: none; margin: 0; padding: 0 1em 0 0; overflow:hidden;} .links-list .content ul li { background: url("../images/ico_linkslist.png") no-repeat 0 .2em; margin-bottom: 1.5em; padding-left: 2em;} .links-list .content ul li a { font-size: 1.5em; line-height: 1.2; color: #1e6dda; } .links-list .content ul li a:hover {} /* rss-list widget */ .rss-list { position: relative;} .rss-list .header { margin-bottom:3em;} .rss-list .header h3 {} .rss-list .header img { position: absolute; top: 1em; left: 1.5em; width: 30em; height: 4em;} .rss-list .content { overflow: hidden;} .rss-list .content ul { list-style: none; margin: 0; padding: 0 1em 0 0; overflow:hidden;} .rss-list .content ul li { margin-bottom: 1.5em;} .rss-list .content ul li span { font-size: 1.2em; display:block; color: #000; } .rss-list .content ul li a { font-size: 1.4em; line-height: 1.2; color: #000; } .rss-list .content ul li a:hover {} /* free widget */ .free { position: relative;} .free .content { overflow: hidden;} .free .content p { font-size: 1.4em; line-height: 1.1; color: #000000; margin-bottom: 1em;} .free .content a { color: #1e6dda;} .free .content a:hover {} .free .content ul, .free .content ol { padding-left: 2em; margin-bottom: 1em;} .free .content ul li, .free .content ol li { font-size: 1.4em; color: #000; } .free .content h1, .free .content h2, .free .content h3, .free .content h4, .free .content h5, .free .content h6 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 1em;} .free .content h1 {font-size:2.4em; border-bottom: 1px solid #e3e3e3;} .free .content h2 {font-size:1.8em;} .free .content h3 {font-size:1.6em;} .free .content h4 {font-size:1.6em; font-weight: normal;} .free .content h5 {font-size:1.4em; color: #666666;} .free .content h6 {font-size:1.4em; font-weight: normal; color: #666666;} /* scope-search widget */ .scope-search {} .scope-search form {} .scope-search fieldset { border: none;} .scope-search legend { display: none;} .scope-search p.item { margin: 0; position: relative; overflow:hidden;} .scope-search p.item label{} .scope-search p.item input#search_text{ width: 20em; border: 1px solid #d9d9d9; font-size: 1.3em; color: #838383; padding: .3em 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;} .scope-search p.item input#search_button { position: absolute; top: .8em ; right:2em;} /* scope-info widget */ .scope-info { position:relative;} .scope-info .header { margin-bottom: 2em;} .scope-info .header h3 { padding-left: 1.8em; font-size: 2.3em;} .scope-info .header span.info { background: url("../images/bg_scopeinfo_header.png") no-repeat; position:absolute; top:1em; left:1em; width: 4em; height: 4em; display:block;} .scope-info .content { overflow: hidden;} .scope-info .content p { font-size: 1.4em; line-height: 1.1; color: #000000; margin-bottom: 1em;} .scope-info .content a { color: #1e6dda;} .scope-info .content a:hover {} .scope-info .content ul, .scope-info .content ol { padding-left: 2em; margin-bottom: 1em;} .scope-info .content ul li, .scope-info .content ol li { font-size: 1.4em; color: #000; } .scope-info .content h1, .scope-info .content h2, .scope-info .content h3, .scope-info .content h4, .scope-info .content h5, .scope-info .content h6 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 1em;} .scope-info .content h1 {font-size:2.4em; border-bottom: 1px solid #e3e3e3;} .scope-info .content h2 {font-size:1.8em;} .scope-info .content h3 {font-size:1.6em;} .scope-info .content h4 {font-size:1.6em; font-weight: normal;} .scope-info .content h5 {font-size:1.4em; color: #666666;} .scope-info .content h6 {font-size:1.4em; font-weight: normal; color: #666666;} /* content-search widget*/ .content-search {} .content-search .bg-wrapper { background: url("../images/bg_content_search.png") no-repeat!important; } .content-search .header { } .content-search .header h3 {} .content-search .content {} .content-search form { margin-top: 1em;} .content-search fieldset { border: none;} .content-search legend { display: none;} .content-search p.item { margin: 0; clear: both;} .content-search p label, .content-search p span.label { font-size: 1.6em; color: #222222; margin-bottom: .5em;} .content-search p span.label { display: block;} .content-search p span.info { font-size: 1.2em; line-height: 1.2; color: #777777; display:block; margin: .1em 0 .5em;} .content-search p span label { font-size: 1.4em; color: #222222; float:left; margin: .3em .5em 0 0;} .content-search p span.item-left { float: left;} .content-search p span.item-right { float: right; margin-right: .5em;} .content-search p span img { margin-left: .2em;} .content-search p input[type="text"]{ width: 15em; font-size: 1.2em; color: #838383; padding: .1em 0; margin-bottom: 1em;} .content-search p input[type="checkbox"] { font-size: 1.5em; height: .9em; margin-bottom: .5em;} .content-search p select{ width: 15em; font-size: 1.2em; color: #838383; padding: .1em 0; margin-bottom: 1em;} .content-search p span input[type="text"]{ width: 6em} .content-search p input[type="submit"] { background-color: #4891dc; border: none; font-size: 1.3em; height: 1.5em; padding: 0 1em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #FFFFFF; float: right; margin: 1em 0 2em; cursor: pointer;} /* comments widget */ .comments { border-bottom: none!important;} .comments .header { display: none;} .comments .header-program {display: block;margin-bottom: 1em;} .comments .header h3 {} .comments .content { background-color: #ffffff;} .comments .comment-info { overflow: hidden;} .comments .comment-info span.counter { background: url("../images/ico_comments_counter.png") no-repeat; padding-left: 1.5em; font-size: 1.4em; color: #333333; float:left; } .comments .comment-info a.add { font-size: 1.4em; color: #333333; float: right;margin-right: 20px;} .comments .comment-info a.add span { background: url("../images/ico_comments_add_off.png") no-repeat; width:17px; height: 17px; margin-right: .5em; display: block; float: left; text-indent: -1000em; overflow: hidden;} .comments .comment-info a.add:hover { color: #1e6dda; text-decoration: none;} .comments .comment-info a.add:hover span { background: url("../images/ico_comments_add_on.png") no-repeat #1e6dda;} .comments .comment-claim { background: url("../images/ico_comments_claim.png") no-repeat; clear: both; height: 9em; padding: 2em 0 0 10em; margin: 3em 3em 0; overflow: hidden;} .comments .comment-claim strong { font-size: 2.2em; font-weight: normal; color: #333333; display: block;} .comments .comment-claim em { font-size: 1.6em; font-style: normal; color: #333333; display: block;} .comments .comment-list { clear: both; overflow: hidden;} .comments .comment-list > ul { list-style: none;} .comments .comment-list > ul li { background: url("../images/bg_user_accountlist_item.png") repeat-x bottom; overflow: hidden; padding: 1em 0;} .comments .comment-list > ul li .item {} .comments .comment-list > ul li .item h4 { margin-bottom: 1em;} .comments .comment-list > ul li .item h4 a{ font-size: 1.8em; font-weight: normal;} .comments .comment-list > ul li .item .image { float: left; margin-right: 1em;} .comments .comment-list > ul li .item .image img { width: 5em; height: 5em;} .comments .comment-list > ul li .item .text { width: 56em; float: left;} .comments .comment-list > ul li .item .text h4 { float: left; margin-bottom: 0;} .comments .comment-list > ul li .item .text h4 a { font-size: 1.6em; font-weight: normal;} .comments .comment-list > ul li .item .text span.date { font-size: 1.2em; color: #000000; margin: .2em 0 0 1em; display: block; float: left;} .comments .comment-list > ul li .item .text p { font-size: 1.2em; line-height: 1.1; color: #333333; clear: both;} .comments .comment-list .pager { margin: 2em 0; overflow: hidden;} .comments .comment-list .pager ul { list-style: none; float: left; left: 50%; position: relative;} .comments .comment-list .pager ul li { float: left; margin-right: 1em; right: 50%; position: relative;} .comments .comment-list .pager ul li a { font-size: 1.4em; font-weight: bold; color: #000; padding: .3em; display: block; text-align:center;} .comments .comment-list .pager ul li.current a { background-color: #4891dc; color: #FFFFFF;} .comments .comment-list .pager ul li a:hover { } .comments .comment-list .pager ul li.prev a, .comments .comment-list .pager ul li.next a {text-indent: -1000em; width: 8px; height: 11px; margin-top: .4em; padding: 0;} .comments .comment-list .pager ul li.prev a { background: url("../images/ico_pager_prev_off.png") no-repeat;} .comments .comment-list .pager ul li.prev:hover a { background: url("../images/ico_pager_prev_on.png") no-repeat #4891dc;} .comments .comment-list .pager ul li.next a { background: url("../images/ico_pager_next_off.png") no-repeat;} .comments .comment-list .pager ul li.next:hover a { background: url("../images/ico_pager_next_on.png") no-repeat #4891dc;} .comments .comment-list .pager ul li span { font-size: 1.4em; font-weight: bold; color: #000;} .comments .comment-form { overflow: hidden;} .comments .comment-form .sender { overflow: hidden;} .comments .comment-form .sender .image { float: left; margin-right: 1em;} .comments .comment-form .sender .image img { width: 5em; height: 5em;} .comments .comment-form .sender .info { float: left;} .comments .comment-form .sender h4 { margin-bottom:.5em;} .comments .comment-form .sender h4 a { font-size: 2.4em; font-weight: normal;} .comments .comment-form .sender em { font-size: 1.6em; font-style: normal; color: #333333;} .comments .comment-form form { clear: both; margin-top: 1em; margin-bottom: 3em;} .comments .comment-form fieldset { border: none;} .comments .comment-form legend { display: none;} .comments .comment-form p label { display: none;} .comments .comment-form p textarea { background-color: #fcfcfc; border: 1px solid #dadada; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; width: 450px; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #8b8b8b; margin-left: 4em; padding: .4em;} .comments .comment-form p input[type="submit"] { background-color: #4891dc; border: none; font-size: 1.4em; height: 1.5em; padding: 0 1em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #FFFFFF; cursor: pointer; margin-top: -2em; float: right;margin-right:20px;} .comments .comment-form .form-advice { margin-bottom: 2em; padding: 1.5em 1.5em 1.5em 4em;} .comments .comment-form .form-advice.error { background: url("../images/ico_form_advice_ko.png") no-repeat 15px 15px #f9dee1; color: #c20214;} .comments .comment-form .form-advice.success { background: url("../images/ico_form_advice_ok.png") no-repeat 15px 15px #e8f7e9; color: #19ae24;} .comments .comment-form .form-advice p { font-size: 1.4em;} .comments .comment-form .form-advice ul { list-style: disc inside; margin: 1em 0;} .comments .comment-form .form-advice ul li{ font-size: 1.4em;} /* user-account */ .user-account { margin-top: 6em;} .user-account > .header { margin-bottom: 1em;} .user-account .header .user-info { overflow: hidden; position: relative; margin-bottom: 4em;} .user-account .header .user-info .user-image { float: left; width: 5em; height: 5em; margin-right: 1em;} .user-account .header .user-info .user-image img { width: 5em; height: 5em;} .user-account .header .user-info h3 { margin-bottom: 1em;} .user-account .header .user-info h3 a { font-family: Georgia, Times, serif; font-size: 2.4em; font-weight: normal; display: block;} .user-account .header .user-info h4 { font-size: 2.4em; font-weight: normal; color: #333333; width: 50%; text-align: center; position: absolute; right:0; top:0;} .user-account .header .user-info span.date { font-size: 1.4em; color: #333333;} .user-account .navigation {} .user-account .navigation ul { background-color: #f1f1f1; height: 2.8em; list-style:none; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;} .user-account .navigation ul li { float:left;} .user-account .navigation ul li a { font-size: 1.4em; height: 1.2em; border-left: 1px solid #d9d9d9; display: block; margin-bottom: .5em; padding: .4em .5em; color: #666;} .user-account .navigation ul li:first-child a { border-left: none; -moz-border-radius: .5em 0 0 .5em; -webkit-border-radius: .5em 0 0 .5em; border-radius: .5em 0 0 .5em;} .user-account .navigation ul li.current a, .user-account .navigation ul li:hover a { background-color: #a3a3a3; font-weight: normal; color: #ffffff;} .user-account .navigation ul li.current { background: url("../images/bg_mainnav_current.png") no-repeat center bottom;} .user-account .summary { margin: 2em 0;} .user-account .summary p { font-size: 1.4em; color: #333333; line-height: 1.2; margin-top: 1em;} .user-account .summary p:first-child { margin-top: 0;} .user-account .content {} .user-account .form-advice { margin-bottom: 2em; padding: 1.5em 1.5em 1.5em 4em;} .user-account .form-advice.error { background: url("../images/ico_form_advice_ko.png") no-repeat 15px 15px #f9dee1; color: #c20214;} .user-account .form-advice.success { background: url("../images/ico_form_advice_ok.png") no-repeat 15px 15px #e8f7e9; color: #19ae24;} .user-account .form-advice p { font-size: 1.4em;} .user-account .content > .related { float: right; margin: 1em 0 2em; } .user-account .content > .return { float: left; margin: 0 0 2em; } .user-account a.button { background-color: #4891dc; border: none; font-size: 1.4em; height: 1.1em; padding: 0.4em 1em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #FFFFFF; display:block;} .user-accountlist { clear: both;} .user-accountlist > ul { background: url("../images/bg_user_accountlist_item.png") repeat-x top; list-style: none; margin-bottom: 2em;} .user-accountlist > ul > li { background: url("../images/bg_user_accountlist_item.png") repeat-x bottom; padding: 1em 0;} .user-accountlist .item {} .user-accountlist .item .col { float:left; margin-right: 1em;} .user-accountlist > ul > li > .actions { float: right;} .user-accountlist > ul > li > .actions ul { list-style: none;} .user-accountlist > ul > li > .actions ul li { float: left; margin-left: .5em;} .user-accountlist > ul > li > .actions ul li a { width: 5em; font-size: 1.2em; color: #000000; text-align: center; text-decoration: none; padding-top: 4em; display: block;} .user-accountlist .actions > ul > li a:hover { color: #1e6dda;} .user-accountlist .actions > ul > li a.delete { background: url("../images/ico_user_accountlist_delete_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.delete:hover { background: url("../images/ico_user_accountlist_delete_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.edit { background: url("../images/ico_user_accountlist_edit_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.edit:hover { background: url("../images/ico_user_accountlist_edit_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.podcast { background: url("../images/ico_user_accountlist_podcast_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.podcast:hover { background: url("../images/ico_user_accountlist_podcast_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.view { background: url("../images/ico_user_accountlist_view_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.view:hover { background: url("../images/ico_user_accountlist_view_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.tvmode { background: url("../images/ico_user_accountlist_tvmode_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.tvmode:hover { background: url("../images/ico_user_accountlist_tvmode_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.share { background: url("../images/ico_user_accountlist_share_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.share:hover { background: url("../images/ico_user_accountlist_share_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.widgetize { background: url("../images/ico_user_accountlist_widgetize_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.widgetize:hover { background: url("../images/ico_user_accountlist_widgetize_on.png") center top no-repeat;} .user-accountlist .actions > ul > li a.empty { background: url("../images/ico_user_accountlist_empty_off.png") center top no-repeat;} .user-accountlist .actions > ul > li a.empty:hover { background: url("../images/ico_user_accountlist_empty_on.png") center top no-repeat;} .user-accountlist .pager {} .user-accountlist .pager ul { list-style: none; float: left; left: 50%; position: relative;} .user-accountlist .pager ul li { float: left; margin-right: 1em; right: 50%; position: relative;} .user-accountlist .pager ul li a { font-size: 1.4em; font-weight: bold; color: #000; padding: .3em; display: block; text-align:center;} .user-accountlist .pager ul li.current a { background-color: #4891dc; color: #FFFFFF;} .user-accountlist .pager ul li a:hover { } .user-accountlist .pager ul li.prev a, .user-accountlist .pager ul li.next a {text-indent: -1000em; width: 8px; height: 11px; margin-top: .4em; padding: 0;} .user-accountlist .pager ul li.prev a { background: url("../images/ico_pager_prev_off.png") no-repeat;} .user-accountlist .pager ul li.prev:hover a { background: url("../images/ico_pager_prev_on.png") no-repeat #4891dc;} .user-accountlist .pager ul li.next a { background: url("../images/ico_pager_next_off.png") no-repeat;} .user-accountlist .pager ul li.next:hover a { background: url("../images/ico_pager_next_on.png") no-repeat #4891dc;} .user-accountlist .pager ul li span { font-size: 1.4em; font-weight: bold; color: #000;} .user-accountlist.subscriptions .item { width: 80%;} .user-accountlist.subscriptions .program-image {} .user-accountlist.subscriptions .program-image img { width: 30em; height: 8.5em;} .user-accountlist.subscriptions .program-info {} .user-accountlist.subscriptions .program-info h5 { margin-bottom: 1em;} .user-accountlist.subscriptions .program-info h5 a { font-size: 1.8em; font-weight: normal;} .user-accountlist.subscriptions .program-info p {} .user-accountlist.subscriptions .program-info p input[type="checkbox"] { font-size: 1.5em; height: .9em; margin-bottom: .5em;} .user-accountlist.subscriptions .program-info p label { font-size: 1.4em;} .user-accountlist.playlists > ul > li > .item { width: 50%; float:left; overflow:hidden;} .user-accountlist.playlists .playlist-info {} .user-accountlist.playlists .playlist-info .header { background: url("../images/ico_playlist_title.png") no-repeat; min-height: 4em; margin-bottom: .5em; padding-left: 4em;} .user-accountlist.playlists .playlist-info h5 { font-size: 1.8em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: .1em; display: inline;} .user-accountlist.playlists .playlist-info a.rename { font-size: 1.4em; color: #333333; margin: 0 1em; text-decoration: underline;} .user-accountlist.playlists .playlist-info a.rename:hover { color: #1e6dda;} .user-accountlist.playlists .playlist-info .header form > input[type="submit"] { background-color: #4891dc; border: none; font-size: 1.4em; height: 1.5em; padding: 0 1em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #FFFFFF; cursor: pointer;} .user-accountlist.playlists .playlist-info .header form > input[type="text"] { border: 1px solid #8b8b8b; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; width: 200px; font-size: 1.2em; color: #8b8b8b; padding: .2em;} .user-accountlist.playlists .playlist-info span { font-size: 1.4em; color: #333333; display: block; clear: both;} .user-accountlist.playlists .playlist-info span.counter { background: url("../images/ico_playlist_counter.png") no-repeat; padding-left: 1.5em; height: 1.4em;} .user-accountlist.playlists .playlist-info p {} .user-accountlist.playlists .playlist-info p input[type="checkbox"] { font-size: 1.5em; height: .9em; margin-bottom: .5em;} .user-accountlist.playlists .playlist-info p label { font-size: 1.4em;} .user-account .content-list { margin-top: 2em; clear: both;} .user-account .content-list.videos.four-cols .item-list > li { height: 27em;} .user-account .content-list.videos .item-list > li .item .content .actions { position: static; margin-top: 1em;} .user-account .content-list.videos .item-list > li .item .content .actions a { font-size: 1.2em; height: 1.7em; margin-right: 1em; padding-top: .3em; float:left; color: #000000;} .user-account .content-list.videos .item-list > li .item .content .actions a:hover { color: #1e6dda; text-decoration: none;} .user-account .content-list.videos .item-list > li .item .content .actions a.view { background: url("../images/ico_view_video_off.png") no-repeat; display: block; padding-left: 3em;} .user-account .content-list.videos .item-list > li .item .content .actions a.view:hover { background: url("../images/ico_view_video_on.png") no-repeat;} .user-account .content-list.videos .item-list > li .item .content .actions a.delete { background: url("../images/ico_delete_video_off.png") no-repeat; display: block; padding-left: 2em;} .user-account .content-list.videos .item-list > li .item .content .actions a.delete:hover { background: url("../images/ico_delete_video_on.png") no-repeat;} .user-account .content-list.videos .item-list > li .item .content .add-playlist a { display: block; width: 1.1em; height: 1.2em; text-indent: -10000px; background: url(../images/ico_addplaylist_video_off.png) no-repeat;} .user-account .content-list.videos .item-list > li .item .content .add-playlist a:hover { background: url("../images/ico_addplaylist_video_on.png") no-repeat #4891dc;} .user-account .content-list.videos .item-list > li .item .dragdrop { background: url("../images/ico_dragdrop_video_off.png") no-repeat; width: 3em; height: 3em; position: absolute; top: 0; right: 0; z-index: 10; cursor: pointer;} .user-account .content-list.videos .item-list > li .item .dragdrop:hover { background: url("../images/ico_dragdrop_video_on.png") no-repeat;} .user-account .content-list.videos .item-list > li .item .dragdrop span { display: none;} .user-accountlist.comments > ul > li > .item { width: 90%; float:left; overflow:hidden;} .user-accountlist.comments .comment-info { width: 15em;} .user-accountlist.comments .comment-info h5 { margin-bottom: .3em;} .user-accountlist.comments .comment-info h5 a { font-size: 1.8em; font-weight: normal;} .user-accountlist.comments .comment-info h6 { font-size: 1.8em; font-weight: normal; color: #333333; margin-bottom: .3em;} .user-accountlist.comments .comment-info span { font-size: 1.4em; color: #333333; display: block;} .user-accountlist.comments .comment-text { background: url("../images/ico_comment_text.png") no-repeat; width: 63em; min-height: 31px; padding-left: 5em;} .user-accountlist.comments .comment-text p { font-size: 1.6em; color: #666666; font-family: Georgia, Times, serif; font-style: italic; line-height: 1.2;} /* user-form */ .user-form {} .user-form .header { margin: 5em 0 3em;} .user-form .header h3 { font-size: 2.4em; color: #000000; border-bottom: 1px solid #e3e3e3; margin-bottom: 1em;} .user-form .header p { font-size: 1.4em; color: #333333; line-height: 1.2;} .user-form .content {} .user-form .form-advice { margin-bottom: 2em; padding: 1.5em 1.5em 1.5em 4em;} .user-form .form-advice.error { background: url("../images/ico_form_advice_ko.png") no-repeat 15px 15px #f9dee1; color: #c20214;} .user-form .form-advice.notice { background-color: #c8def4; color: #1e6dda} .user-form .form-advice.success { background: url("../images/ico_form_advice_ok.png") no-repeat 15px 15px #e8f7e9; color: #19ae24;} .user-form .form-advice p { font-size: 1.4em;} .user-form .form-advice ul { list-style: disc inside; margin: 1em 0;} .user-form .form-advice ul li{ font-size: 1.4em;} .user-form form { margin-top: 1em;} .user-form fieldset { border: none; background-color: #ecf4fc; padding: 3em 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;} .user-form legend { display: none;} .user-form .col { width:48%; border: 1px solid green; overflow: hidden;} .user-form .col.left { float:left; margin-right: 2em;} .user-form p.item { margin: 0 0 3em; width: 50%; float: left;} .user-feorm .col p.item { float: none;} .user-form p.actions { margin: 1em 0 1em; width: 96%; text-align: right;} .user-form p label { font-size: 1.6em; color: #333333; display: block; margin-bottom: .5em;} .user-form p .password { font-size: 0.8em;} .user-form p input[type="text"], .user-form p input[type="password"], .user-form p input[type="file"], .user-form p textarea, .user-form p select { border: 1px solid #8b8b8b; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; width: 430px; font-size: 1.8em; color: #8b8b8b; padding: .4em;} .user-form p input[type="text"]#user-captcha { width: 130px;} .user-form p input[type="file"] { padding: .2em;} .user-form p textarea { font-family: Arial, Helvetica, sans-serif; height: 4em;} .user-form p input.error_field{ border-color: #cf3442;} .user-form p img {float: left; margin: .5em 1em 0 0; width: 131px; height: 30px;} .user-form p > a { font-size: 1.6em;display: block; margin-bottom: .5em;} .user-form p.actions a { display: inline; margin-right: 1em;} .user-form p span.info { font-size: 1.4em; line-height: 1.2; color: #333333; display:block; margin: .1em 0 .5em;} .user-form p span.disable { font-size: 1.0em; line-height: 1.2; color: #333333; display:block; margin: .1em 0 .5em;} .user-form p > a#disable-message { font-size: 1.0em;display: block; margin-bottom: .5em;} .user-form p input[type="checkbox"] { font-size: 1.5em; height: 1em; margin-right: .5em; float:left;} .user-form p input[type="submit"] { background-color: #4891dc; border: none; font-size: 1.4em; height: 1.5em; padding: 0 1em .2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #FFFFFF; cursor: pointer;} div.content div#login_main_reminder.content form fieldset h2.user-reminder-message{ font-size: 1.2em;} /*shadows*/ .drop-shadow { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-2;} .bottom-shadow { position:relative;} .bottom-shadow:before, .bottom-shadow:after { content:""; position:absolute; z-index:-2;} .shadow { -moz-box-shadow: 0px 0px 6px #999; -webkit-box-shadow: 0px 0px 6px #999; box-shadow: 0px 0px 6px #999;} .curved:before { top:10px; bottom:10px; left:0; right:50%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.6); -moz-box-shadow:0 0 10px rgba(0,0,0,0.6); box-shadow:0 0 10px rgba(0,0,0,0.6); -moz-border-radius:10px / 100px; border-radius:10px / 100px; } .curved-vt-2:before { right:0; } .curved-hz-1:before { top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .lifted { -moz-border-radius:4px; border-radius:4px;} .lifted:before, .lifted:after { bottom:10px; left:10px; width:50%; height:20%; max-width:300px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .lifted:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);} /*clearfix*/ #navigation:after, .main_nav:after, .user_nav:after, .highlighted:after, .row:after, .content-list:after, .highlight-list:after, .navigation:after, ul:after, .user-accountlist > ul > li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #navigation, .main_nav, .user_nav, .highlighted, .row, .content-list, .highlight-list, ul, .user-accountlist > ul > li { zoom: 1;} .content-list .item-list{margin-bottom: 2em;} /*image gallery*/ .image-gallery {position:relative;} .image-gallery ul {display: inline; margin: 0 10px;} .image-gallery li {display: inline; margin: 0 0px 5px 0;} .image-gallery ul img:hover {border: 2px solid #98B3C2;line-height: 0;padding: 2px;} .image-gallery ul img {border: 2px solid #fff;line-height: 0;padding: 2px;} .text-gallery {background:#fff url('../images/galeria/background-image.png') no-repeat right top; width:290px; padding:10px; position:absolute;left: 319px;top: -26px;} .text-gallery-tittle {color:#141414; font-size:23px; margin-top:30px;} .text-gallery-p {font-size:14px; color:#222; margin-top:28px;margin-bottom:30px;} .elevation { position:absolute;top:162px;} .absolution {margin-top:-30px;/*position:absolute;left: 518px;top: 292px;z-index:1;*/} #small2 { left:420px;} #small3 { left:522px;} .spacer { margin:25px 0px;} /***************Image Gallery*******************************/ /***************Image Gallery*******************************/ /***************Image Gallery*******************************/ .list_carousel h1 { font-size: 60px; } .list_carousel a,.list_carousel a:link,.list_carousel a:active,.list_carousel a:visited { color: black; text-decoration: underline; } .list_carousel a:hover { color: #9E1F63; } .list_carousel { /*background-color: #ccc; margin: 0 0 30px 60px;*/ width: 310px; float:right; position:relative; z-index:1; margin-top: 160px; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { /*font-size: 40px; color: #999; text-align: center; background-color: #eee; border: 5px solid #999;*/ width: 98px; height: 98px; padding: 0; margin: 3px 2px; display: block; float: left; } .list_carousel .caroufredsel_wrapper{} .list_carousel.responsive { width: auto; margin-left: 0; } .list_carousel .clearfix { float: none; clear: both; } .list_carousel .prev { float: left; margin-left: 10px; } .list_carousel .next { float: right; margin-right: 10px; } .list_carousel .pager { float: right; text-align: center; width: 83px; margin-top: 25px; } .list_carousel .pager a { margin: 0 5px; text-decoration: none; } .list_carousel .pager a.selected { text-decoration: underline; } .list_carousel .timer { background-color: #999; height: 6px; width: 0px; } .list_carousel .pagenum, .list_carousel #prevGallery, .list_carousel #nextGallery {float: left;} .list_carousel .pagenum { color: #000000;font-size: 1.4em; margin-right: 0em;} .active.pagerGallery a.selected {text-decoration:none; display:block;} .active.pagerGallery a {display:none;float:left;} .total.pagerGallery a.selected {text-decoration:none; display:none;} .total.pagerGallery a {display:none;float:left;} .total.pagerGallery a:last-child {display:block;} .pager .middle {float:left;} .list_carousel .pager {width: 90px;} /***************Image Gallery*******************************/ /***************Image Gallery*******************************/ /***************Image Gallery*******************************/