/* Local style sheet example - Yle Uudet Palvelut 2008 */

/* Common styles for site */
#navigation .naviblock, #maincontent, #ft {font-size: 100%;}

#site {background: #000 url(../images/areena_bg.jpg) repeat-x top center; color: #D1D1D1;}

#site a:hover {color: #29A8DB; cursor: pointer;}
#site button {width: 50px; height: 22px; background: transparent url(../images/sprite.gif) repeat scroll 0 -268px;}
a:focus, object {outline: none}
.strong {font-weight: bold;}
.small {font-size: 85%; font-weight: normal}
.uppercase {text-transform: uppercase;}
.nomargin, #maincontent .nomargin {margin-bottom: 0;}
a {color: #8FCDE7;}
.ie6 a, .ie6 a:hover {cursor: pointer;}
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4 {color: #D1D1D1;}
#maincontent h4, h4 {font-size: 106%;}
#maincontent h3 a, #maincontent h2 a {color: #8FCDE7;}
select {background-color: #cde6f0; border-color:#36748A #6FB0C7 #6FB0C7 #36748A; border-style:solid; border-width:2px;}

/* Maincontent  */
#maincontent {background-color:#0C1326; border: 1px solid #171D2F; padding: 0; position: relative;}

/* Fontpage grid overrides */
#yle-doc.yui-t2 #yui-main .yui-b.navigation.frontpage {margin-left: 0;}
#yle-doc.yui-t2 #yui-main .yui-b.navigation.frontpage .yui-u.first.fragment2 {width: 53.00em; *width: 51.70em;}
#yle-doc.yui-t2 #yui-main .yui-b .yui-gc .yui-u.fragment3 {width: 16.308em; *width: 212px;}
.route-frontpage #yle-doc.yui-t2 #yui-main .yui-b {width: auto;}
.route-frontpage #yle-doc.yui-t2 #yui-main .yui-b.navigation {margin-left: 0;}
#yle-doc.yui-t2 #yui-main .yui-b {width: 55.3em; *width: 719px;}
#yle-doc.yui-t2 #yui-main .yui-b.navigation {margin-left: 14.99em; *margin-left: 14.62em;}

/* Define minimum height for content */
#bd {min-height: 600px;}
.ie6 #bd {height: 600px;}

/* YLE Passi login finnish */
#global-header #ylefi-account ul.passi {width: 300px; float: right; padding-right: 0;}
#global-header #ylefi-account ul.passi li {float: right; padding-right: 14px;}
#global-header #ylefi-account ul.passi li.userinfo {background: none; color: #000;}

/* YLE Passi login swedish */
ul.passi {width: 300px; float: right; padding-right: 0;}
ul.passi li {float: right; padding: 0 17px 0 9px; background: transparent url(../images/sprite.gif) scroll no-repeat 0 6px;}
ul.passi li.userinfo {background: none; color: #D1D1D1;}

/* Heading */
#hd {height: 5.15em; padding: 1em 0 10px 0; position: relative;}
#hdlogo {display: block; width: 180px; position: absolute;}
#hdlogo {background: transparent url(../images/logo_areena.png) no-repeat scroll top left;}
.language-sv #hdlogo {background: transparent url(../images/logo_arenan.png) no-repeat scroll top left;}

#hdlogo h2 {padding: 0;}
#hdlogo h2 a {display: block; height: 65px; width: 240px;}
#areenasearch {display: block; position: absolute; top: 13px; right: 230px; *left: 290px;}
#areenasearch p.slogan {display: block; width: 2em; margin-bottom: 0.4em; position: relative; top: 24px; right: 32px;}
#areenasearch legend, #areenasearch label {display: none;}
#areenasearch input {float: left; border: 1px solid #1c4661; -moz-border-radius: 2px; padding: 2px; width: 24em; *width: 23.7em; background-color: #002c48; color: #D1D1D1; height: 14px; margin-top: 2px;}
#areenasearch button, #navigation div.navisearch button  {float: left; border: 0; margin:0 0 0 0.4em; *margin:0 0 0 0.2em; color: #fff; padding: 0.18em 0.5em; *padding: 0.1em; cursor: pointer;}
#areenasearch ul {display: block; margin-top: 0.4em;}
#areenasearch li {float: left; padding-left: 0.8em; margin-right: 0.8em; background: transparent url(../images/sprite.gif) no-repeat 0 6px; display: block; *width:8.5em;}
#langselect {display: block; position: absolute; right: 5px; top: 36px; height: 16px;}
#langselect a, #langselect a:hover {color: #8fcde7; background: transparent url(../images/sprite.gif) no-repeat 0 7px; padding-left: 0.8em;}
#langselect a:hover {color: #29A8DD;}

/* Left navigation blocks - overrides basic list styles */
#navigation .naviblock {margin-bottom: 20px; background-color: #0C1326; border: 1px solid #171D2F; font-size: 13px;}
#navigation p {font-weight: bold; font-size: 108%; padding: 0 0 0.6em 0.77em;}
#navigation li a {background: #11233d url(../images/sprite.gif) no-repeat 0.8em 0.8em; padding:0.4em 0.2em 0.4em 1.53em; margin-bottom: 3px;}
#navigation li.selected {background: transparent url(../images/sprite.gif) repeat-x 0 -71px; *margin-bottom: 0.2222em;}
#navigation li.selected a, #areena-navisearch h3 a.selected {color: #fff; background: transparent url(../images/sprite.gif) no-repeat scroll -196px -944px;}
#navigation li.selected a:hover, #areena-navisearch h3 a.selected:hover {color: #fff;}
#navigation ul.secondlevel li a:hover, #areena-navisearch h3 a:hover {color: #4aafd8;}
#navigation ul.secondlevel li.selected a:hover {color: #fff;}
#navigation ul.secondlevel li a {color: #000; background: #fff url(../images/sprite.gif) no-repeat 1.6em 0.8em;}
#navigation ul.secondlevel li.selected a {background: #4aafd8 url(../images/sprite.gif) no-repeat 1.6em -40px; color: #fff;}
#navigation div.navisearch {padding: 0.4em;}
#navigation div.navisearch legend { margin-bottom: 0.4em; color: #D1D1D1;}
#navigation div.navisearch select {width: 12em; margin-bottom: 0.2em;}
#navigation div.navisearch button {clear: both; float: right; display: block; margin: 0.4em 3px 0 0 ;}
#navigation ul.extra li a, #navigation ul.extra li a:hover {background-color: transparent;}
#navigation a:hover {color: #FFF; background: #173F66 url(../images/sprite.gif) no-repeat scroll 0.8em -1185px;}
#navigation a.yle_sport, .ie6 #navigation a.yle_sport:hover {background: transparent url(../images/sprite.gif) no-repeat scroll 0 -1280px; height: 16px; padding-left: 22px; font-weight: bold; width: 160px; display: block;}
#navigation a.yle_sport:hover {color: #29A8DB;}

/* Horizontalnavi for subcategories */
#horizontalmenu {display: block; margin: 1em;}
#horizontalmenu li {display: block; float: left; border-left: 1px solid #183762; margin: 0; padding: 0 5px;}
#horizontalmenu li.firstchild {border: 0; padding-left: 0;}
#horizontalmenu li.selected  a {font-weight: bold; color: #4aafd8;}

/* Bottomnavi */
div.bottomnavi{clear: both; width: 717px; float: right; padding: 2em 0 2em 1em;}
.ie6 div.bottomnavi {padding-bottom: 0;}
div#navicontainer.bottomnavi{clear: both; width: 689px; float: left; padding: 20px 0;}
div.bottomnavi h4{font-size: 108%; font-weight: bold; margin: 0.5em 0 0.8em 0.6em;}
div.bottomnavi li a {background: transparent url(../images/sprite.gif) no-repeat 0 5px; padding-left: 0.77em;}
div.bottomnavi-firstcol {float: left; width: 195px; margin-right: 20px;}
div.bottomnavi-secondcol {float: left; width: 195px; }
div.bottomnavi-thirdcol {float: right;width: 239px;}

/* Showlist tabs and navi */
.uitabs {margin: 1em 1em 0;}
ul.ui-tabs-nav {border-bottom: 5px solid #1a3a66; width: 100%; margin-bottom: 0.8em; height: 25px; display: block;}
.ui-tabs-nav li a span.topline {background: transparent url(../images/sprite.gif) no-repeat 0 -420px; padding: 3px 15px 0 3px; height: 25px; margin-left:7px; display: block;}
.ie6 .ui-tabs-nav li a span.topline {padding: 3px 10px 0 3px;}
.ui-tabs-nav li {font-size: 108%; background: transparent url(../images/sprite.gif) no-repeat left -360px; display: block; float: left; font-weight: bold; margin-right: 6px;}
.ui-tabs-nav li.ui-tabs-selected {background: transparent url(../images/sprite.gif) no-repeat left -295px;}
.ui-tabs-nav li.ui-tabs-selected a span.topline {background: transparent url(../images/sprite.gif) no-repeat 0 -330px;}
.ui-tabs-nav li a {background: transparent url(../images/sprite.gif) no-repeat right -390px; color: #FFF; text-decoration: none; display: block; padding-right: 9px; line-height: 1.4em;}
#site .ui-tabs-nav li a:hover {color:#FFF;}
.ui-tabs-nav li.ui-tabs-selected a, #site .ui-tabs-nav li.ui-tabs-selected a:hover {background: transparent url(../images/sprite.gif) no-repeat right -300px; color: #FFF; cursor: default;}

/* IE6 requires specific widths for cliplist tabs */
.ie6 .ui-tabs-nav li a span {height: 22px;}
.ie6 .language-fi .ui-tabs-nav li a span#latest {width: 40px;}
.ie6 .language-fi .ui-tabs-nav li a span#mostviewed {width: 90px;}
.ie6 .language-fi .ui-tabs-nav li a span#mostlistened {width: 90px;}
.ie6 .language-fi .ui-tabs-nav li a span#leaving {width: 75px;}
.ie6 .language-sv .ui-tabs-nav li a span#latest {width: 40px;}
.ie6 .language-sv .ui-tabs-nav li a span#mostviewed {width: 90px;}
.ie6 .language-sv .ui-tabs-nav li a span#mostlistened {width: 110px;}
.ie6 .language-sv .ui-tabs-nav li a span#leaving {width: 100px;}

.ui-tabs-nav li.no-tab {background: none; margin: 0.2em 0 0 0.6em; font-size: 100%;}
.ui-tabs-nav li.no-tab a {font-weight: bold;  background: transparent url(../images/sprite.gif) no-repeat scroll 0 7px; padding-left: 0.8em; color: #8fcde7;}
#site .ui-tabs-nav li.no-tab a:hover {color: #29A8DD;}
.ui-tabs-hide {display: none;} 

/* Selectors for details / no details */
#showlisthelpers {position: relative; width: 99%;}
.ie6 #showlisthelpers{display: inline-block; position: static}
#showlisthelpers ul {display: block; clear: both;}
#showlisthelpers li {float: left; padding: 0 0.8em; display: block;}
#showlisthelpers div.showlisttoggle, #showlisthelpers div.showlisttoggle-podcast {width: 99%; height: 2em; float: left; display: inline-block;}
#showlisthelpers div.showlisttoggle li a.strong, #showlisthelpers div.showlisttoggle li a.strong:hover,
#showlisthelpers div.showlisttoggle-podcast li a.strong, #showlisthelpers div.showlisttoggle-podcast li a.strong:hover {color: #FFF; font-weight: normal; cursor: default;}
#showlisthelpers div.showlisttoggle li a, #showlisthelpers div.showlisttoggle-podcast li a {font-weight: bold; color: #8FCDE7;}
#showlisthelpers div.showlisttoggle li a:hover, #showlisthelpers div.showlisttoggle-podcast li a:hover {color: #29A8DD;}
#showlisthelpers div.showlisttoggle li.spacer,
#showlisthelpers div.showlisttoggle-podcast li.spacer {border-right: 1px solid #D1D1D1;}
div#showlistrss {background: transparent url(../images/sprite.gif) no-repeat right -450px; height: 16px; float: left; position: absolute; right: 7px; padding-right: 15px;}
.ie6 div#showlistrss {right: 14px;}
div#showlistrss p {margin: 0 0.8em 0 0; font-weight: bold;} 

/* Showlist statsbox and livepuff */
#maincontent div.categorytitle {padding: 1em 0 1em 1em;}
.ie6 #maincontent div.categorytitle {height:1%;}
#maincontent div.categorytitle h1 {float: left; margin: 0 12px 0 0;}
#maincontent div.categorycontent {clear: both;}
#statsbox {padding: 6px 0 0 0; float: left; margin: 0;}
#statsbox p {margin: 0; display: inline-block;}
#livepuffbox {display: block; background: transparent url(../images/sprite2.gif) no-repeat left 0; color: #fff; padding: 0 0 0 65px; margin: 1em 0 0 1em; height: 26px;}
.language-sv #livepuffbox {background: transparent url(../images/sprite2.gif) no-repeat left -30px;}
#livepuffbox p {position:relative; margin: 0; padding-top: 4px; height: 22px; width: 510px; background: transparent url(../images/sprite2.gif) repeat-x scroll left -60px; float: left;}
#livepuffbox p.endcap {background: transparent url(../images/sprite2.gif) no-repeat scroll left -90px; height: 22px; width: 117px; float: left;}
#livepuffbox p span#livescroller {position: relative; top: 0; overflow: hidden; display: block;}
#livepuffbox p span#scrollercontainer {height: 16px; display: block; overflow: hidden; position: relative;}
#livepuffbox a {margin-bottom: 12px; color: #fff; overflow: hidden; display: block; height: 16px;}
.frontpage #livepuffbox {margin: 0 0 20px 0;}
.frontpage #livepuffbox p {width: 507px; overflow: hidden;}
.frontpage #livepuffbox p.endcap {width: 117px;}
#livepuffbox em {font-weight: bold;}

/* Showlists with details */
#showlist{clear: both; background-color:#0C1326;}
div.showlistitem {clear: both; display: block; *height: 1%; padding: 1em; position: relative; min-height: 145px;}
div.showlistitem.odd {background-color: #111930; margin: 0 4px;}
div.showlistitem img {width: 212px; height: 119px;}
div.showlistitem a.toggle-timeleft {height: 119px; position: absolute;}
div.showlistitem-image {position: relative; width: 32%; float: left; display: block;}
div.showlistitem-image.carousel { position: static; }
div.showlistitem-description .showlistitem-type {background: transparent url(../images/sprite.gif) no-repeat scroll; padding: 0 6px 0 0; width: 16px; height: 16px; float: left;}
.ie6 div.showlistitem-description .showlistitem-type {padding: 0 3px 0 0;}
div.showlistitem-description .showlistitem-type.video {background-position: 0 -1100px;}
div.showlistitem-description .showlistitem-type.audio {background-position: 0 -990px;}
#maincontent div.showlistitem-image p.showlistitem-timeleft {display:none; margin: 0;}
#maincontent div.showlistitem-image p.showlistitem-timeleft a {position: absolute; top: 0; left: 0; z-index: 999; width: 192px; height: 79px; padding: 40px 10px 0 10px; color: #fff; background-color: #000; font-weight: bold; text-align: center; opacity: 0.7; cursor: pointer; font-size: 126%;}
#maincontent div.showlistitem-image p.showlistitem-timeleft a.brief {display: none;}
#maincontent div.showlistitem-image p.showlistitem-timeleft a.broad {display: block;}
.ie div.showlistitem-image p.showlistitem-timeleft a {background-color: #000;filter: alpha(opacity=70);z-index: 999;}

/* Extra elements for podcasts */
div.showlistitem-image .podcastinfo {font-weight: bold; margin-top: 130px;}
div.showlistitem-image .podcastinfo li {height: auto; padding-left: 1.7em; margin-bottom: 0.5em;}
.ie6 div.showlistitem-image .podcastinfo li {height: 16px;}
div.showlistitem-image .podcastinfo .download { background: transparent url(../images/sprite.gif) no-repeat scroll left -630px; width: 200px;}
div.showlistitem-image .podcastinfo .podcast-rss { background: transparent url(../images/sprite.gif) no-repeat scroll left -610px; width: 200px;}
div.showlistitem-image .podcastinfo .rss { background: transparent url(../images/sprite.gif) no-repeat scroll -194px -450px;}
div.showlistitem-image .podcastinfo .itunes { background: transparent url(../images/sprite.gif) no-repeat scroll 0 -590px;}

div.showlistitem-description {width: 66%; float: right; display: block; margin: 0 0 0.6em 0;}
div.showlistitem-description.seriestitle {font-size: 16px; font-weight: bold; color: #D1D1D1;}
div.showlistitem-description.seriestitle a {color: #D1D1D1;}
#maincontent div.showlistitem-description p {margin-bottom: 0.5em; font-size: 108%;}
div.showlistitem-description ul {margin-bottom: 2px; float: left;}
div.showlistitem-description ul.first-list {font-weight: bold; width: 45%;}
div.showlistitem-description ul.second-list {font-weight: bold;}
div.showlistitem-description ul.addinfo {font-weight: normal;}
div.showlistitem-description ul li {margin-bottom: 1px;}
div.showlistitem-description ul li.showlistitem-pubdate-podcast,
div.showlistitem-description ul li.showlistitem-clipcount {font-weight: normal; margin: 1em 0 0 0;}
div.showlistitem-description ul li.showlistitem-pubdate-podcast span {display: block;}
.ie6 div.showlistitem-description ul li.showlistitem-pubdate-podcast span {display: inline-block;}
div.showlistitem-description ul li a {display: block; *display: inline; padding-left: 0.8em; background: transparent url(../images/sprite.gif) no-repeat 0 4px;}
div.showlistitem-addinfo {width: 27%; float: left; display: block;}
div.showlistitem .showlistitem-permit {width: 16px; height: 16px; display: block; background: transparent url(../images/sprite.gif) no-repeat 0 -670px; float: left; margin: 0.4em 0.4em 0 0;}
div.showlistitem-addinfo .showlistitem-exitdate {margin-bottom: 0.6em;}
div.showlistitem-addinfo .showlistitem-overseas {margin-top: 0.6em;}

/* Age limit icons */
.showlistitem-pg {width: 25px; height: 16px; display: block; background: transparent url(../images/sprite.gif) no-repeat; float: left; margin: 0.4em 0.4em 0 0;}
.language-fi .showlistitem-pg.k-S {background-position: 0 -1400px;}
.language-fi .showlistitem-pg.k-7 {background-position: -26px -1400px;}
.language-fi .showlistitem-pg.k-11 {background-position: -52px -1400px;}
.language-fi .showlistitem-pg.k-13 {background-position: -78px -1400px;}
.language-fi .showlistitem-pg.k-15 {background-position: -104px -1400px;}
.language-fi .showlistitem-pg.k-18 {background-position: -130px -1400px;}
.language-sv .showlistitem-pg.k-S {background-position: 0px -1420px;}
.language-sv .showlistitem-pg.k-7 {background-position: -26px -1400px;}
.language-sv .showlistitem-pg.k-11 {background-position: -52px -1420px;}
.language-sv .showlistitem-pg.k-13 {background-position: -78px -1420px;}
.language-sv .showlistitem-pg.k-15 {background-position: -104px -1420px;}
.language-sv .showlistitem-pg.k-18 {background-position:  -130px -1420px;}

/* Showlists style changes to 'without details' -mode */
div.showlistitem.no-details {float: left; width: 157px; clear: none; padding: 0 10px 0 12px; height: 12em; border-bottom: 0; overflow: hidden; margin: 0;}
div.showlistitem.odd.no-details {background-color: #0C1326;}
#site.route-frontpage div.showlistitem.no-details {padding: 0 0 0 12px; margin:0;}
.ie6 #site.route-frontpage div.showlistitem.no-details {margin: 0 4px 0 7px; padding: 0;}
div.showlistitem.no-details img {width: 157px; height: 88px; float:none;}
div.showlistitem.no-details a.toggle-timeleft {height: 88px;}
div.showlistitem.no-details .seriestitle {font-size:13px; vertical-align: top;}
#maincontent div.showlistitem.no-details div.showlistitem-image p.showlistitem-timeleft {display:none; margin-bottom: 0;}
#maincontent div.showlistitem.no-details div.showlistitem-image p.showlistitem-timeleft a.brief {width: 137px; height: 80px; padding-top: 8px; font-size: 12px; display: block;}
#maincontent div.showlistitem.no-details div.showlistitem-image p.showlistitem-timeleft a.broad {display: none;}
.ie6 #maincontent div.showlistitem.no-details div.showlistitem-image p.showlistitem-timeleft a {width: 137px; height: 82px; padding-top: 6px;}
div.showlistitem.no-details div.showlistitem-description.seriestitle {margin: 92px 0 0 0; max-height: 3.8em; width: 158px; overflow: hidden;}
div.showlistitem.no-details div.showlistitem-description {float: left;}
div.showlistitem.no-details div.showlistitem-description ul.showlistitem-description.second-list,
div.showlistitem.no-details div.showlistitem-description p,
div.showlistitem.no-details .podcastinfo,
div.showlistitem.no-details div.showlistitem-description ul li {display: none;}

/* Liveshows */
#liveshows {margin: 0 4px;}
#liveshows .ongoing, #liveshows .upcoming {margin-bottom: 1em;}
#liveshows .default {padding: 9px;}
#liveshows .ongoing .ruler {background-color: #582424; height: 1px; margin: 0; padding:0;}
#liveshows .upcoming hr {margin: 0 13px; border: none; border-bottom:1px solid #1f385a;}
#liveshows .subtitle {text-transform: uppercase; margin-left: 9px;}
#liveshows #livepuffbox {margin: 1em 0 0 0;}
#liveshows #livepuffbox p {width: 526px;}
#liveshows #livepuffbox p.endcap {width: 117px;}
#liveshows div.showlistitem {min-height: 0;}
#liveshows .ongoing div.showlistitem {background-color: #3C0000;}
#liveshows .upcoming div.showlistitem.odd {background-color: #111930;}
#liveshows div.showlistitem-image {float: right;}
#liveshows div.showlistitem-description {float: left;}
#liveshows div.showlistitem-description a,
#liveshows div.showlistitem-description h3 {font-size: 123%; font-weight: bold; color: #FFF;}
#liveshows div.showlistitem-description a:hover {color: #29A8DD;}
#liveshows div.showlistitem-description ul {float: none; margin: 1em 0;}
#liveshows .live-container {width: 339px; float: left;}
#liveshows .live-container.first {margin-right: 12px;}
#liveshows .live {margin-bottom: 0.4em;  height: 178px; width: 339px;}
#liveshows .live.x3m {background: transparent url(../images/live/live_x3m_bg.png);}
#liveshows .live.ylex { background: transparent url(../images/live/live_ylex_bg.png);}
#liveshows .live img {width: 212px; height: 119px; position: relative; top: 16px; left: 110px;}
#liveshows .live.ylex img.horn {width: 65px; height: 79px; position: relative; left: -125px; top: -42px;}
#liveshows .live.x3m img {border: 3px solid #620800;}
#maincontent #liveshows .live-container span {background: transparent url(../images/sprite.gif) no-repeat scroll 0 -1100px; padding-left: 1.6em;}

/* Showlist pagination */
#paginator {padding:10px 0; float: none; clear: both;}
#paginator ul {margin:0 auto; padding:0; list-style:none; display: table; white-space:nowrap;}
#paginator li {float: left; vertical-align: middle; padding: 0 2px 0 4px; margin: 0 2px 0 0; border: 0; font-weight: bold;}
#paginator li.spacer {border-left: 1px solid #183762; margin-top: 3px;}
#paginator li.first {margin-top: 3px;}
#paginator li a {float:left;}

#paginator li.arrows a {display: block; width: 24px; height: 24px; background: transparent url(../images/sprite.gif) no-repeat;}
#paginator li.first-page a {background-position: -75px -470px; }
#paginator li.previous-page a {background-position: -50px -470px; }
#paginator li.next-page a {background-position: 0 -470px; }
#paginator li.last-page a {background-position: -25px -470px; }

.ie #paginator ul {display:inline-block;}
.ie #paginator ul {display:inline;}
.ie #paginator ul li {float:left;}
.ie #paginator {text-align:center;}

/* Player page */
#maincontent h1.cliptitle {margin: 0 0 0.6em 0; float: none;}
.AreenaPlayerContainer-large {min-height: 394px; width: 700px; background-color: #000; margin: 9px 9px 0;}
#flashcontent.AreenaPlayer {height: 394px; min-height: 394px; width: 700px;}
.ie #flashcontent.AreenaPlayer {position: relative;}
#relatedinfo .relatedinfo-block {margin: 0 10px;}
.ie6 #relatedinfo .relatedinfo-block {margin: 0 0 0 10px;}
#relatedinfo .relatedinfo-block .relatedinfo-heading {display: block; padding-left: 7px; background: transparent url(../images/sprite.gif) no-repeat 0 -690px; height: 30px;}
#relatedinfo .relatedinfo-block .relatedinfo-heading h3 {display: block; width: 677px; float: left; background: transparent url(../images/sprite.gif) repeat-x left -730px; padding: 0.4em 0 0.3em 0.3em; *padding: 0.3em 0 0.3em 0.3em; margin: 0; height: 30px;}
#relatedinfo .relatedinfo-block .relatedinfo-heading div {float: left; background: transparent url(../images/sprite.gif) no-repeat scroll right -770px; width: 8px; height: 30px;}
#relatedinfo .relatedinfo-text {padding: 8px 8px 13px;}
.ie6 #relatedinfo .relatedinfo-text {padding: 0 8px 4px;}
#relatedinfo .basic {float: left; width: 428px; margin-left: 13px; clear: right;}
.ie6 #relatedinfo .basic {margin-left: 6px; width: 440px;}
#relatedinfo .relatedinfo-container {width: 100%;}
#relatedinfo .relatedinfo-text.description {display: block; width: 90%; padding: 0; font-size: 108%;}
#relatedinfo .relatedinfo-text.meta {display: block; position: static; padding-left: 2em; padding-top: 0.4em; float: left;}
#relatedinfo .relatedinfo-text.meta li a {background: transparent url(../images/sprite.gif) no-repeat 0 15px; padding: 0.8em 0 0 0.8em; display: block;}
#relatedinfo .relatedinfo-text.metaexpanded li.clip-restricted  {width: 16px; height: 16px; display: block; background: transparent url(../images/sprite.gif) no-repeat 0 -670px; float: left; margin-top: 0.4em;}
#relatedinfo .relatedinfo-text.metaexpanded {float: left; width: 245px; padding: 0;}
.ie6 #relatedinfo .relatedinfo-text.metaexpanded {width: 220px;}
#relatedinfo .relatedinfo-text ul li {margin-bottom: 1px;}
#relatedinfo .relatedinfo-text.metaextended {float: left; width: 210px; padding: 0;}
.ie6 #relatedinfo .relatedinfo-text.metaextended {width: 190px;}
#relatedinfo .relatedinfo-text.metaextended li a {background: transparent url(../images/sprite.gif) no-repeat 0 4px; padding: 0 0 0 0.8em; display: block;}
#relatedinfo .relatedinfo-text.metaextended .clipcategories {font-weight: bold; margin-top: 0.4em;}
#relatedinfo .relatedinfo-text.podcast {float: left; padding: 0; font-weight: bold;}
#relatedinfo .relatedinfo-text.podcast li.clip-download a {background: transparent url(../images/sprite.gif) no-repeat 0 -629px; padding: 0.1em 0 0.2em 1.8em; display: block;}
#relatedinfo .relatedinfo-text.podcast li.clip-rss a {background: transparent url(../images/sprite.gif) no-repeat -194px -449px; padding: 0.1em 0 0.2em 1.8em; display: block;}
#relatedinfo .relatedinfo-text.podcast li.clip-itunes a {background: transparent url(../images/sprite.gif) no-repeat 0 -609px; padding: 0.1em 0 0.2em 1.8em; display: block;}
.ie6 #relatedinfo .relatedinfo-text.clipcategories li, .ie6 #relatedinfo .relatedinfo-text.podcast li a {height: 1%;}
#relatedinfo .relatedinfo-text.shareform {width: 54%; min-height: 130px; float: left; border-right: 1px solid #dadada;}
.ie6 #relatedinfo .relatedinfo-text.shareform {height: 130px;}
#relatedinfo #sharelink {font-weight: bold; background: transparent url(../images/sprite.gif) no-repeat 0 4px; padding: 0 0 0 0.8em;}

/* open in new window button */
#relatedinfo .open {background: transparent url(../images/sprite.gif) no-repeat scroll 0 -805px; float: right; padding-left: 16px; height: 20px; cursor: pointer; clear: both;}
.ie6 #relatedinfo .open {margin-top: 0.75em;}
.ie6 .language-fi #relatedinfo .open {width: 100px;}
.ie6 .language-sv #relatedinfo .open {width: 130px;}
#relatedinfo .open a {display: block; background: transparent url(../images/sprite.gif) no-repeat scroll right -855px; height: 20px; padding: 0 0 0 4px; color: #FFF;}
#relatedinfo .open a:hover {color: #FFF;}
#relatedinfo .open a span {background:transparent url(../images/sprite.gif) repeat-x scroll left -830px; display:block; height:20px; margin-right:8px; margin-top:0; padding-top:1px;}

/* Share form on player page */
#relatedinfo .relatedinfo-text.shareform label {display: block; margin-bottom: 0.4em;}
#relatedinfo .relatedinfo-text.shareform input {width: 28em; border: 1px solid #7EBDD0; margin-bottom: 0.8em; background-color: #DBEDF4;}
#relatedinfo .relatedinfo-text.shareform input.invalid,
#relatedinfo .relatedinfo-text.shareform textarea.invalid {border: 2px solid red;}
#relatedinfo .relatedinfo-text.shareform textarea {height: 10em; width: 28em; border: 1px solid #7EBDD0; margin-bottom: 0.8em; background-color: #DBEDF4;}
#relatedinfo .relatedinfo-text.shareform button {border: 0; color: #fff; padding: 0.18em 0.2em; *padding: 0.1em; cursor: pointer; margin-right: 1em;}
#relatedinfo .relatedinfo-text.shareform pre {font-family: courier new;}
#relatedinfo .relatedinfo-text.shareform span.errormessage {color: red; font-weight: bold;}
#relatedinfo .relatedinfo-text.social {width: 38%; float: left; padding-left: 1.5em;}
#relatedinfo .relatedinfo-text.social img {margin-bottom: 1em;}
#relatedinfo .relatedinfo-text.social .sociallink-container {height: 28px;}
#relatedinfo .relatedinfo-text.social .sociallink-container span.strong {float: left; height: 20px; padding-top: 3px; margin-right: 3px;}
#relatedinfo .relatedinfo-text.social .sociallink-container #sociallinks {padding-top: 1px; height: 25px; float: left; *width: 140px;}
#relatedinfo #relatedinfo-tip {margin-bottom: 1.0em;}

/* Jcarousel for player page related clips and other stuff */
.jcarousel-container {position: relative;}
.ie8 .jcarousel-container {position: absolute; }
.jcarousel-container-horizontal {width: 630px; padding: 20px 31px 0;}
.ie6 .jcarousel-container-horizontal {padding: 20px 37px 0;}
div.jcarousel-clip-horizontal {width: 630px;}
/*.ie div.jcarousel-clip-horizontal {height: 195px;}*/ /* required for clip carousels to work properly in IE (to avoid IE resize bug, see http://remysharp.com/2008/05/15/windowonresize-hangs-ie6-and-ie7/) */
.ie #wrap-genres div.jcarousel-clip-horizontal {height: auto;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; bottom: 8px; left: 9px;}
.ie6 .jcarousel-clip {left: 3px;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item  {float: left; list-style: none; width: 210px; height: 115px; overflow: hidden;}
.jcarousel-item img {width: 197px; height: 111px;  overflow: hidden;}
.jcarousel-item  {position: relative;}
#maincontent .jcarousel-item p {margin-bottom: 0.1em;}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}
.jcarousel-prev-horizontal {position: absolute; top: 20px; left: 3px; width: 29px; height: 89px; cursor: pointer; background: transparent url(../images/sprite.gif) 0 -880px no-repeat;}
.jcarousel-next-horizontal {left: 664px; position: absolute; top: 20px; width: 29px; height: 89px; cursor: pointer; background: transparent url(../images/sprite.gif) -60px -880px no-repeat;}
.ie6 .jcarousel-prev-horizontal {left: 2px;}
.ie6 .jcarousel-next-horizontal {left: 665px;}
.jcarousel-prev-horizontal.jcarousel-prev-disabled-horizontal {background: transparent url(../images/sprite.gif) -30px -880px no-repeat; cursor: default;}
.jcarousel-next-horizontal.jcarousel-next-disabled-horizontal {background: transparent url(../images/sprite.gif) -90px -880px no-repeat; cursor: default;}

.relatedinfo-block .jcarousel-item {padding-top: 120px; height: 75px;}
.relatedinfo-block .jcarousel-item a.toggle-timeleft {position: absolute; top: 0; left: 0; width: 190px; height: 80px;}
.relatedinfo-block .jcarousel-item p.clip-video {position: absolute; top: 2px; left: 2px; z-index: 1; width: 2em; height: 2em; display: block; background: transparent url(../images/sprite.gif) no-repeat 0 -650px; display:none; z-index: 99;}
.relatedinfo-block .jcarousel-item p.clip-audio {position: absolute; top: 2px; left: 2px; z-index: 1; width: 2em; height: 2em; display: block; background: transparent url(../images/sprite.gif) no-repeat 0 -700px; display:none; z-index: 99;}
.relatedinfo-block .jcarousel-item p.clip-restricted {position: absolute; top: 2px; left: 22px; z-index: 1; width: 2em; height: 2em; display: block; background: transparent url(../images/sprite.gif) no-repeat 0 -800px; display:none; z-index: 99;}
.relatedinfo-block .jcarousel-item p.clip-k15  {position: absolute; top: 2px; left: 42px; z-index: 1; width: 3em; height: 2em; display: block; background: transparent url(../images/sprite.gif) no-repeat 0 -750px; display:none; z-index: 99;}
.relatedinfo-block .jcarousel-item p.showlistitem-timeleft {position: absolute; top: 0; left: 0; z-index: 9; width: 197px; height: 81px; padding-top: 30px; color: #fff; background-color: #000; font-weight: bold; text-align: center; opacity: 0.7; filter: alpha(opacity=70); display:none; cursor: pointer;}
#maincontent div.showlistitem-image p.showlistitem-timeleft.carousel a {width: 177px; height: 71px; font-size: 126%;}
.relatedinfo-block .jcarousel-item a.related {background:transparent url(../images/sprite.gif) no-repeat scroll 0 0; padding-left: 21px; color: #D1D1D1; font-weight: bold; float:left; max-height: 1.3em; overflow: hidden; width: 176px;}
.relatedinfo-block .jcarousel-item a.related.textlink {background: none; padding-left: 0; max-height: 3.7em; width: 197px;}
.ie6 .relatedinfo-block .jcarousel-item a.related {height: 1.2em;}
.ie6 .relatedinfo-block .jcarousel-item a.related.textlink {height: 3.6em;}
.relatedinfo-block .jcarousel-item a.related.video {background-position: 0 -1100px;}
.relatedinfo-block .jcarousel-item a.related.audio {background-position: 0 -990px;}
.relatedinfo-block .jcarousel-item span.related {padding-left: 21px; float: left; clear:left; width: 100%;}
#relatedinfo-genres .jcarousel-item {height: 0;}

.jcarousel-wrap {overflow: hidden; opacity: 0; filter:alpha(opacity=0);}
.ie8 .jcarousel-wrap {width: 630px; }
#wrap-netradio {max-height: 102px; height: 102px; display:block; position: static;}
#wrap-episodes {max-height: 190px; height: 190px;}
#wrap-genres {max-height: 130px; height: 130px;}
#wrap-related {max-height: 195px; height: 195px;}
#wrap-theme {max-height: 150px; height: 150px;}
.ie #wrap-netradio div.jcarousel-clip-horizontal {height: 102px;}
.ie #wrap-episodes div.jcarousel-clip-horizontal {height: 190px;}
.ie #wrap-genres div.jcarousel-clip-horizontal {height: 120px;}
.ie #wrap-related div.jcarousel-clip-horizontal {height: 195px;}
.ie #wrap-theme div.jcarousel-clip-horizontal {height: 140px;}

/* other player stuff */
#facebook-like iframe { position: relative; margin-top: -6px; vertical-align: text-top; }

/* Webstreams */
#webstreams {clear: both; *height: 1%; padding-left: 1em;}
#webstreams select {width: 167px;}
#maincontent h1.webstream-heading {float: left;}
#maincontent p.webstream-ingress {padding: 6px 0 0 12px; float: left; margin: 0;}
div.webstreamsection {float: left; display: block; width: 32%; padding-left: 0.8em; *padding-left: 0.6em; margin-bottom: 1.0em; height: 200px;}
#maincontent div.webstreamsection h4 a {background: transparent url(../images/sprite.gif) no-repeat 0 -989px; padding: 1px 0 3px 22px; margin-bottom: 0.3em; display: block; clear: both; color: #8FCDE7;}
#maincontent div.webstreamsection a.link-radiohome {display: block; padding-left: 0.8em; margin-right: 0.8em; background: transparent url(../images/sprite.gif) no-repeat 0 5px;}
div.webstreamsection.firstsec {padding-left: 0;}
div.webstreamsection button {border: 0; color: #fff; padding: 0.18em 0.5em; *padding: 0.1em; cursor: pointer;}
div.webstreamsection fieldset {margin: 6px 0;}
.ie div.webstreamsection button {margin-left: 3px;}

/* Search */
#widesearch {clear: both; padding: 0.8em; background-color: #173256; margin: 0 0.25em 1.0em 0.25em; *height: 1%;}
#widesearch fieldset {display: block; float: left; margin-right: 0.65em; margin-bottom: 0.6em;}
#widesearch fieldset.search-keyword {display: block; width: 100%; float: none; margin-right: 0; clear: both; margin-bottom: 0.8em;}
#widesearch fieldset.search-keyword legend {display: none;}
#widesearch fieldset.search-keyword input {border: 1px solid #000; -moz-border-radius: 2px; padding: 0.2em; width: 24em; background-color: #cde6f0;}
#widesearch fieldset.search-keyword button {border: none; margin:0 0 0 0.4em; *margin:0 0 0 0.2em; color: #fff; padding: 0.18em 0.5em; *padding: 0.1em; cursor: pointer;}
#widesearch fieldset label {display: block; font-weight: bold; margin-bottom: 0.4em;}
#widesearch select {width: 11.7em; *width: 11.4em; font-size: 85%;}
#widesearch fieldset.search-checkbox-abroad {width: 50%; margin-top: 0.4em; *margin-top: 0.2em; margin-bottom: 0;}
#statsbox span.count-element {margin: 0 4px;}
div.search-result-count {margin-left: 1em;}

/* Programlist A-O */
#programlist-ao {margin: 0 1em;}
#programlist-ao-navi {padding: 1em;}
.ie7 #programlist-ao-navi {height: 1%;}
#programlist-ao-navi p {margin-bottom: 4px;}
#programlist-ao-navi li {display: block; float: left; text-transform: uppercase; font-weight: bold; padding: 0 6px; font-size: 112%;}
#programlist-ao-navi li.first {border: 0; padding-left: 0;}
#programlist-ao-navi li a {color: #29A8DD;}
#programlist-ao table {width: 100%;}
#programlist-ao th {padding: 1.75em 7px 4px 7px; text-transform: uppercase; font-weight: bold; font-size: 112%;}
#programlist-ao td.programname {width: 60%;}
#programlist-ao td.audio {width: 20%;}
#programlist-ao td.video {width: 20%;}
#programlist-ao td {padding: 6px 7px; vertical-align: top;}
#programlist-ao table thead tr td {font-weight: bold; background-color: #0B203B; padding-bottom: 20px;}
#programlist-ao table tr.alt td.programname,
#programlist-ao table tr.alt td.audiocount {background-color: #0B203B;}
#programlist-ao table thead tr td.videocount,
#programlist-ao table tr.alt td.videocount
 {background-color: #0D2A49;}
#programlist-ao table tbody tr.alt {background-color: #e6f2f7;}
#programlist-ao table tbody tr th {background-color: #0C1326;}

/* Liftups */
.liftup {font-size: 13px; background-color: #0C1326; border: none; padding: 0; border: 1px solid #171D2F; border-top: none; margin-bottom: 20px;}
.liftup a.banner, #site .liftup a.banner:hover {color: #D1D1D1;}
.liftup h3 {margin: 0; font-weight: bold; height: 44px; font-size: 140%; background: transparent url(../images/banner.png) no-repeat}
.liftup h3 a {display: block; width: 100%; height: 44px;}
.liftup h3 span {position: relative; top: 10px; left: 12px;}
.liftup.news h3 {background-position: 0 0;}
.liftup.sports h3 {background-position: 0 -44px;}
.liftup.archive h3 {background-position: 0 -89px;}
.liftup.netradio h3 {background-position: 0 -133px;}
.liftup.live h3 {background-position: 0 -310px;}
.liftup.bulletin h3 {background-position: 0 -354px;}
.liftup.facebook span { padding-top: 5px; position: relative; left: -1px; display: block; padding-left: 10px; width: 200px; padding-bottom: 5px; }

.language-sv .liftup.news h3 {background-position: 0 -177px;}
.language-sv .liftup.sports h3 {background-position: 0 -222px;}
.language-sv .liftup.archive h3 {background-position: 0 -266px;}

.liftup img {width: 210px;}
.liftup.bulletin img {width: auto;}
.ie6 .liftup li {display: inline;}
.liftup li a, .liftup p a {font-weight: bold; display: block; padding-left: 0.8em; background: transparent url(../images/sprite.gif) no-repeat 0 5px;}
.liftup li.video a {background: transparent url(../images/sprite.gif) no-repeat scroll left -1100px; min-height: 16px; height: auto;}
.ie6 .liftup li.video a {height: 16px;}
.liftup li.audio a {background: transparent url(../images/sprite.gif) no-repeat scroll left -990px; min-height: 16px; height: auto;}
.ie6 .liftup li.audio a {height: 16px;}
.liftup ul {margin: 0.5em 0 0.2em 0;}
.liftup a.audioclip {background: transparent url(../images/sprite.gif) no-repeat 0 -700px; padding: 1px 0 3px 20px; margin-bottom: 0.3em; display: block; clear: both; margin-left: 10px;}
.liftup a.videoclip {background: transparent url(../images/sprite.gif) no-repeat 0 -650px; padding: 1px 0 3px 20px; margin-bottom: 0; display: block; clear: both; margin-left: 10px;}
.liftup div.open {width: 100%; padding: 0.3em 0 0.1em 0; font-weight: bold; color: #183762; position: relative; bottom: 3px;}
.liftup div.open span {display: block; height: 20px; background: transparent url(../images/sprite.gif) no-repeat scroll left -528px; padding: 0.1em 0 0 1.75em; margin-left: 11px;}
.liftup.news div.open {background-color: #AED2EA;}
.liftup.sports div.open {background-color: #B5B5B5;}
.liftup div.open a {color: #005785;}
.liftup.live .livescheduleitem {margin-bottom: 0.6em;}
.liftup.live .livescheduleitem p {font-size: 85%;}
.liftup.netradio a.podcast {background: transparent url(../images/sprite.gif) no-repeat scroll 0 -590px; padding-left: 1.45em; font-weight: bold; margin: 0 0 0.4em 0.4em; display: block;}

.AreenaPlayerContainer {min-height: 121px; *height: 121px; background-color: #000;}

/* jcarousel for frontpage netradio liftup */
.jcarousel-skin-areena .jcarousel-container {background: transparent; border: none;}
.jcarousel-skin-areena li a {background: none; padding: 0; margin: 0;}
.jcarousel-skin-areena .jcarousel-item img {width: 160px; height: 90px;}
.jcarousel-skin-areena .jcarousel-clip {left: 0; bottom: 0;}
.ie6 .jcarousel-skin-areena .jcarousel-clip {position: absolute; top: 6px; left: 25px;}
.jcarousel-skin-areena ul {margin: 0;}
.jcarousel-skin-areena .jcarousel-container-horizontal {width: 160px; height: 90px; padding: 6px 25px;}
.jcarousel-skin-areena .jcarousel-clip-horizontal {width: 160px; height: 90px;}
.jcarousel-skin-areena .jcarousel-item {width: 160px; height: 90px;}
.jcarousel-skin-areena .jcarousel-next-horizontal {position: absolute; top: 6px; left: 190px; width: 15px; height: 90px; cursor: pointer; background: transparent url(../images/sprite.gif) no-repeat -137px -880px;}
.jcarousel-skin-areena .jcarousel-prev-horizontal {position: absolute; top: 6px; left: 5px; width: 15px; height: 90px; cursor: pointer; background: transparent url(../images/sprite.gif) no-repeat -120px -880px;}

/* Fronpage logos */
#logos a {background:transparent url(../images/banner.png) no-repeat scroll; color: #FFF; display:block; height:51px; padding-left:100px; margin-bottom: 11px; font-weight: bold; font-size: 96%;}
#logos a span {display: block; font-weight: normal; width: 116px;  color: #8FCDE7; padding: 20px 0 0 100px; position: relative; right: 100px; bottom: 15px;}
.ie6 #logos a span {position: static; padding: 0; width: 112px; font-size: 11px;}
#logos a span:hover {color: #29A8DD;}
#logos a.mtv3 {background-position: 0 -398px;}
#logos a.sub {background-position: 0 -449px; height: 50px;}
#logos a.nelonen {background-position: 0 -500px;}
#logos a.svt {background-position: 0 -551px;}
#logos a.sr {background-position: 0 -601px;}
#logos a.nrk {background-position: 0 -652px;}
#logos a.dr {background-position: 0 -704px;}

/* Feedback form */
#maincontent .feedback {width: 60%; padding: 0.8em; float: left;}
#maincontent .feedback h1 {margin: 0 0 0.4em 0; padding: 0;}
.feedback ul li a {background:transparent url(../images/sprite.gif) no-repeat scroll 0 5px; padding-left:0.77em;}
#feedbackform {margin-top: 1em;}
#feedbackform label {font-weight: bold;}
#feedbackform dd {margin-bottom: 12px;}
#feedbackform dt {margin-bottom: 0.4em;}
#feedbackform dt label.error {color: red;}
#feedbackform dd input, #feedbackform dd textarea {width: 400px; background-color: #DBEDF4; border:1px solid #7EBDD0;}
#feedbackform button {border: 0; color: #fff; padding: 0.18em 0.1em; *padding: 0.1em; cursor: pointer;}
#feedbackform div.form-error {width: 376px; display: block; padding: 12px; background-color: #11233D; border: 2px solid red; margin-bottom: 12px;}
#feedbackform div.form-success {width: 376px; display: block; padding: 12px; background-color: #11233D; border: 2px solid #173F66; margin-bottom: 12px;}
#feedbackform div.form-error p, #feedbackform div.form-success p {margin-bottom: 0; font-weight: bold;}

#feedbackinfo {float:right; padding: 0.8em; width: 210px;}
#feedbackinfo h3 {background: transparent url(../images/banner.png) no-repeat scroll 0 -354px; height: 44px; margin: 0; font-size: 140%;} 
#feedbackinfo h3 span {position: relative; top: 10px; left: 12px; color: #D1D1D1;}
#feedbackinfo div.content {background-color: #11233d; padding: 0.75em;}

/* Themelist */
.ie6 #maincontent h1.themelistheading {height: 30px; padding-bottom: 1px; clear: both;}
#themelist {padding-left: 1em;}
.ie6 #themelist {display: block; clear: both; position: relative;}
.ie7 #themelist {display: block; clear: both; height: 1%;}
div.themeitem {position: relative; float: left; width: 229px; height: 170px; margin-left: 6px; overflow: hidden;}
div.themeitem.no-margin {margin-left: 0;}
div.themeitem h2 {position: absolute; top: 135px; left: 0;}
div.themeitem img {position: absolute; top: 0; left: 0; width: 229px; height: 129px;}
#wrap-theme .jcarousel-item {height: 20px;}
#wrap-theme h4 a {color: #29A8DD;}
#relatedinfo-featured {margin: 0 10px;}

/* faq */
#maincontent .info {width: 60%; padding: 0.8em; float: left;}
#maincontent .info h1 {margin: 0 0 0.4em 0; padding: 0;}
#maincontent .info h2 {border-bottom:1px solid #DADADA; padding: 0 0 3px 0; margin: 1.4em 0 0.4em 0;}
#maincontent .info h4 {margin-bottom: 1em;} 
#maincontent .info a {background:transparent url(../images/sprite.gif) no-repeat scroll 0 5px; padding-left:0.77em;}
#maincontent .info a.inline {background: none; padding: 0;}
#maincontent .info ul.bullets li {list-style-type: disc; list-style-position: inside;}
#maincontent .info ul {margin-top: 1em;}

/* error pages */
#maincontent .info.error {width: 75%; float: none; padding: 20px 0 15px 20px;}

/* Footer */
#ft {border: 0; background-color: #0C1326; height: 9px; margin: 0; padding: 0;}
.contact {width: 880px;}
#global-footer {padding-top: 0;}
#global-footer div.yleinfo {width: 920px; background-position: 830px 15px;}

/* Flash carousels aka coverflows */
#cflow {height: 252px;}
#cflow-container {min-height: 255px;}
#genrecflow {height: 170px;}
#genrecflow-container {min-height: 170px;}

/* Ajaxloader */
#ajaxloader {display: none; width: 374px; height: 35px; position: absolute; bottom: 90px; background: transparent url(../images/ajax-loader.gif) no-repeat center right; z-index: 10000;}
.route-frontpage #ajaxloader {width: 360px;}

.disabled, #maincontent h4.disabled {color: #777;}
li.disabled {display: block; padding-left: 0.8em; background: transparent url(../images/sprite.gif) no-repeat 0 5px;}
.ie7 .clearfix {zoom: 1;}

/* Cliplist animation */
#animationhider {position: absolute; background-color: #0C1326; z-index: 1000;}