/*------------------------------------------------------------------ [Main Stylesheet] Project: Virgin Radio Version: 2.0 Last change: 25/03/09 [Creazione fogli di stile componenti Radiohead, mdp] Assigned to: Marcello De Palo (mdp), Kgroup Primary use: Main, Home Page -------------------------------------------------------------------*/ /* ------------------------------ HTML Redefine Tags ------------------------------ */ body{ color:#484848; font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0px; margin:0px; } html { padding:0px; margin:0px; height:100%; } .closer { clear:both; padding:0px; margin:0px; } .clear { height:1px; overflow:hidden; clear:both; } /* reset */ h1, h2, h3, h4, h5, h6, ul, iframe { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } h2 {font-size:10px; margin:0; padding:0;} ul,ol { margin: 0; } ul { list-style: none; } ol { list-style-type: decimal; } body { line-height: 1.5; } h2.heading { margin: 15px 0px 2px 0px; padding: 0; color: #D51007; font-size: 18px; line-height: 13px; border-top: 1px dotted #ccc; } h2.heading { background:url(images/BkTit.jpg) top left no-repeat; } h2.heading .h2Wrapper { display: block; padding: 15px; } h2.heading .h2Wrapper a { text-decoration: none;} h2.heading .h2Wrapper a:hover { text-decoration: underline; } h2.heading .h2Wrapper a { color: #D51007; } ul.errors { color: #d00000; padding:5px; margin-bottom: 10px; font-weight: bold; } /* ------------------------------ PAGE STRUCTURE ------------------------------ */ div#core-wrapper {padding-right: 0px; padding-left: 0px; BACKGROUND: url(images/backHeader-blue_stripes.png) repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH:100%; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 100%;} div#core-content { padding: 0; margin-left: auto; width: 990px; margin-right: auto; position: relative; height: 100%;} div.header h2 span, div.header1 h2 span, div.col1 h2 span,div.col2 h2 span,div.col3 h2 span, div.col4 h2 span {display:none;} div.headerTop{text-align:left;padding:0;margin:0;height:100px;width:990px; overflow:hidden;} .leaderboard{ float:left; margin:15px;} .leaderboard img{ border:none;} .widget { margin: 0 0 20px 0; width: 100%; display: inline-block; } .widget .widgetWrapper { width: 100%; display: inline-block; margin: 0; } /*------------------------------------------------- PAGE HEADER -------------------------------------------------*/ div.page_header { margin: 0 0 5px 0; padding: 13px 30px 1px 24px; border-bottom: 1px solid #DCDCDC; } div.page_header h1 { padding: 0; margin: 0; font-size: 18px; color: #000; } div.page_header h1 span { font-size: 12px; color: #ffffff; font-weight: normal; } div.sheet div.page_header h1 { font-size: 14px; } div.page_header p { margin: 5px 0 0 0; } div.page_header_links { float: right; width: 300px; font-size: 11px; margin-top: 0; text-align: right; color: #ccc; line-height: 20px; } div.page_header_links strong { color: #ffffff; } div.page_header_links a {color: #CC0000!important; font-weight: bold;} div.page_header_links a:hover { color: #CC0000; text-decoration: underline!important; } /* ------------------------------ 404 ------------------------------ */ #quattroZeroQuattro { margin: 6em auto; padding: 0px 8px 8px 0px; width: 800px; font-size: 14px;} #quattroZeroQuattro h1 { margin: 10px 0px; color: black; font-size: 22px; font-weight: bold; line-height: 1.2em;} #quattroZeroQuattro .messageBox { font-size: 16px; margin: 15px 0px;} /* ------------------------------ PAGE STRUCTURE ITEMS ------------------------------ */ .gradimento { margin:5px 5px 5px 0px; } /*------------------------------------------------- inizio stili ricarca sito fascia header -------------------------------------------------*/ div.headerTop .searchBox{ float:left; margin-left:20px; margin-top:10px; width:230px;} div.headerTop .search{margin-bottom:15px;} div.headerTop .search .txtbox{ width:197px; border:1px solid #cccccc; height:16px; float:left;font-family:Arial,Helvetica,sans-serif;} div.headerTop .search .btnSearch{ background:url(images/btnSearch.gif) no-repeat;width:20px;height:20px;display:block;float:left;margin-left:5px;} div.headerTop .search .btnSearch span{ display:none;} /*------------------------------------------------- inizio stili login community fascia header -------------------------------------------------*/ div.headerTop .comm .txtbox{ width:95px; border:1px solid #cccccc; height:16px; float:left;margin-right:5px;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif;} div.headerTop .comm .btnVai{ background:url(images/btnVai.gif) no-repeat;width:20px;height:20px;display:block;float:left;} div.headerTop .comm .btnVai span{ display:none;} div.headerTop .comm a:hover, div.headerTop .comm a:active, div.headerTop .comm a:link,div.headerTop .comm a:visited{color:#fff; text-decoration:none;} div.headerTop .comm .txt{ float:left; margin-right:10px;} /*------------------------------------------------- inizio stili login community -------------------------------------------------*/ div.col5 .comm { width:140px; margin-left:10px; background:#e1e1e1; padding:10px;} div.col5 .comm .txtbox{ width:138px!important; margin:0; padding:0!important; border:1px solid #cccccc; height:16px;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif; font-size:11px; display:block; overflow:hidden;} div.col5 .comm .btnVai{ background:url(images/backAccedi.png) no-repeat;width:140px;height:20px;display:block;} div.col5 .comm .btnVai span{ text-align:center; padding-top:3px; display:block;} div.col5 .comm a:hover, div.col5 .comm a:active, div.col5 .comm a:link,div.col5 .comm a:visited{color:#484848; text-decoration:none;} div.col5 .comm .txt { display:block; margin-top:5px;} /*------------------------------------------------- inizio stili header home page -------------------------------------------------*/ div.header { text-align:left;padding:0;margin:0px 0px 40px 0px;height:227px;width:990px; position:relative;} div.header .logo{float:left; height:229px; width:200px; padding:0; margin:0; margin-left:5px;} div.header .logo img{border:0;margin-top:17px;} /*------------------------------------------------- inizio stili box on air fascia header home page -------------------------------------------------*/ div.header .boxOnAir { float:left; width:190px; padding:0; margin:0; margin-left:20px; color:#fff; margin-top:10px;} div.header .boxOnAir .T{ background:url(images/titOnAir.gif) top left no-repeat; display:block;width:190px;height:20px;margin-bottom:8px;} div.header .boxOnAir .pro{ display:block; height:40px; margin-bottom:8px; overflow:hidden;} div.header .boxOnAir a{text-decoration:none;color:#fff; font-weight:bold;} div.header .boxOnAir .bra{ display:block; height:43px; margin-bottom:8px; overflow:hidden;} div.header .boxOnAir .btnAscolta{ background:url(images/btnAscolta.gif) no-repeat;width:95px;height:20px;display:block;} div.header .boxOnAir .btnAscolta span{ display:none;} /*------------------------------------------------- inizio stili box web radio fascia header home page -------------------------------------------------*/ div.header .boxWebradio{float:left; width:230px; padding:0; margin:0; margin-left:10px;margin-top:10px;} div.header .boxWebradio .T{background-image:url(images/titWebRadio.gif);background-position:top left; background-repeat:no-repeat;display:block;width:230px;height:20px;margin-bottom:8px;} /*------------------------------------------------- inizio stili box virgin tv fascia header home page -------------------------------------------------*/ div.header .boxTv{width:190px; padding:0; margin:0; position:absolute; top:10px; right:10px;} div.header .boxTv .T{background-image:url(images/titTv.gif);background-position:top left; background-repeat:no-repeat;display:block;width:190px;height:20px;margin-bottom:8px;} /*------------------------------------------------- inizio stili header pagine interne -------------------------------------------------*/ div.header1{text-align:left;padding:0;margin:0;height:190px;width:990px;background-image:url(images/bkHeader4int.jpg);background-position:top left; background-repeat:no-repeat; position:relative;} div.header1 .logo{float:left; height:160px; width:151px; padding:0; margin:0; margin-left:5px;} div.header1 .logo img{border:0;margin-top:10px;} /*------------------------------------------------- inizio stili box on air fascia header pagine interne -------------------------------------------------*/ div.header1 .boxOnAir{width:190px; padding:0; margin:0;color:#fff;position:absolute; top:10px; left:190px;} div.header1 .boxOnAir .T{background-image:url(images/titOnAir.gif);background-position:top left; background-repeat:no-repeat;display:block;width:190px;height:20px;margin-bottom:8px;} div.header1 .boxOnAir .pro{ display:block; height:40px; margin-bottom:8px; overflow:hidden;} div.header1 .boxOnAir a{text-decoration:none;color:#fff; font-weight:bold;} div.header1 .boxOnAir .bra{ display:block; height:43px; margin-bottom:8px; overflow:hidden;} div.header1 .boxOnAir .btnAscolta{ background:url(images/btnAscolta.gif) no-repeat;width:95px;height:20px;display:block;} div.header1 .boxOnAir .btnAscolta span{ display:none;} /*------------------------------------------------- inizio stili box web radio fascia header pagine interne -------------------------------------------------*/ div.header1 .boxWebradio{width:422px; padding:0; margin:0; position:absolute; top:10px; left:558px;} div.header1 .boxWebradio .T{background-image:url(images/titWebRadio.gif);background-position:top left; background-repeat:no-repeat;display:block;width:230px;height:20px;margin-bottom:8px;} /*------------------------------------------------- inizio stili menu top -------------------------------------------------*/ div.menuTop{height:30px;width:990px;font-size:11px;overflow:hidden;text-align:center;color:#fff;} div.menuTop span{ display:none;} div.menuTop a.m1:link, div.menuTop a.m1:visited, div.menuTop a.m1:active{display:block;background-image:url(images/m1Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer; float:left;} div.menuTop a.m1:hover{background-image:url(images/m1On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m1On:link, div.menuTop a.m1On:visited, div.menuTop a.m1On:active{display:block;background-image:url(images/m1On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer; float:left;} div.menuTop a.m1On:hover{background-image:url(images/m1On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m2:link, div.menuTop a.m2:visited, div.menuTop a.m2:active{display:block;background-image:url(images/m2Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m2:hover{background-image:url(images/m2On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m2On:link, div.menuTop a.m2On:visited, div.menuTop a.m2On:active{display:block;background-image:url(images/m2On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m2On:hover{background-image:url(images/m2On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m3:link, div.menuTop a.m3:visited, div.menuTop a.m3:active{display:block;background-image:url(images/m3Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m3:hover{background-image:url(images/m3On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m3On:link, div.menuTop a.m3On:visited, div.menuTop a.m3On:active{display:block;background-image:url(images/m3On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m3On:hover{background-image:url(images/m3On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m4:link, div.menuTop a.m4:visited, div.menuTop a.m4:active{display:block;background-image:url(images/m4Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m4:hover{background-image:url(images/m4On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m4On:link, div.menuTop a.m4On:visited, div.menuTop a.m4m4Onactive{display:block;background-image:url(images/m4On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m4On:hover{background-image:url(images/m4On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m5:link, div.menuTop a.m5:visited, div.menuTop a.m5:active{display:block;background-image:url(images/m5Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m5:hover{background-image:url(images/m5On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m5On:link, div.menuTop a.m5On:visited, div.menuTop a.m5On:active{display:block;background-image:url(images/m5On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m5On:hover{background-image:url(images/m5On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m6:link, div.menuTop a.m6:visited, div.menuTop a.m6:active{display:block;background-image:url(images/m6Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m6:hover{background-image:url(images/m6On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m6On:link, div.menuTop a.m6On:visited, div.menuTop a.m6On:active{display:block;background-image:url(images/m6On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m6On:hover{background-image:url(images/m6On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m7:link, div.menuTop a.m7:visited, div.menuTop a.m7:active{display:block;background-image:url(images/m7Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m7:hover{background-image:url(images/m7On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m7On:link, div.menuTop a.m7On:visited, div.menuTop a.m7On:active{display:block;background-image:url(images/m7On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m7On:hover{background-image:url(images/m7On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m8:link, div.menuTop a.m8:visited, div.menuTop a.m8:active{display:block;background-image:url(images/m8Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m8:hover{background-image:url(images/m8On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m8On:link, div.menuTop a.m8On:visited, div.menuTop a.m8On:active{display:block;background-image:url(images/m8On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m8On:hover{background-image:url(images/m8On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m9:link, div.menuTop a.m9:visited, div.menuTop a.m9:active{display:block;background-image:url(images/m9Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m9:hover{background-image:url(images/m9On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m9On:link, div.menuTop a.m9On:visited, div.menuTop a.m9On:active{display:block;background-image:url(images/m9On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m9On:hover{background-image:url(images/m9On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m10:link, div.menuTop a.m10:visited, div.menuTop a.m10:active{display:block;background-image:url(images/m10Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m10:hover{background-image:url(images/m10On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m10On:link, div.menuTop a.m10On:visited, div.menuTop a.m10On:active{display:block;background-image:url(images/m10On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m10On:hover{background-image:url(images/m10On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m11:link, div.menuTop a.m11:visited, div.menuTop a.m11:active{display:block;background-image:url(images/m11Off.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m11:hover{background-image:url(images/m11On.gif);background-position:top left; background-repeat:no-repeat;} div.menuTop a.m11On:link, div.menuTop a.m11On:visited, div.menuTop a.m11On:active{display:block;background-image:url(images/m11On.gif); background-position:top left; background-repeat:no-repeat; width:90px;height:30px; cursor:pointer;float:left;} div.menuTop a.m11On:hover{background-image:url(images/m11On.gif);background-position:top left; background-repeat:no-repeat;} div.content { background:#fff; margin:0; padding:10px; padding-top:10px;} .last { margin-right:0px!important;} div.content a:link, div.content a:visited{text-decoration:none;color:#000; cursor:pointer;} div.content a:hover, div.content a:active{color: #333;} div.col1 { width:650px; margin:0;padding:0; float:left; text-align:left; margin-right:10px;} div.col2 { width:330px; margin:0;padding:0; float:left;text-align:left;margin-right:20px;} div.col3 { width:300px; margin:0;padding:0; float:left;text-align:left;} div.col4 { width:300px; margin:0;padding:0px 0px 10px 10px; float:left; text-align:left;} div.col5 { width:180px; margin:0; padding:0; float:left; text-align:left ;margin-right:10px; background:#f1f1f1;} div.col6 { width:460px; margin:0;padding:0; float:left; text-align:left;margin: 0px 10px 0px 0px;} div.col7 { width:780px; margin:0;padding:0; float:left; text-align:left;} div.col8 { width:300px; margin:0;padding:0; float:left; text-align:left;margin-right:10px;} div.col9 { width:300px; margin:0;padding:0; float:left; text-align:left;margin-right:10px;} div.col10{ width:160px; margin:0;padding:0; float:left; text-align:left;} div.col11{ width:610px; margin:0;padding:0; float:left; text-align:left;margin-right:10px;} /*------------------------------------------------- inizio stili box vetrina home page -------------------------------------------------*/ div.col1 .boxCarousel{width:660px; margin:0;padding:0;margin-bottom:10px;} /*------------------------------------------------- inizio stili box top blog community home page -------------------------------------------------*/ div.col2 .boxTopBlog { width:315px;margin:0;padding:0;margin-bottom:10px;} div.col2 .boxTopBlog .T{background-image:url(images/titTopBlog.gif);background-position:top left; background-repeat:no-repeat;display:block;width:315px;height:30px;margin-bottom:1px;} div.col2 .boxTopBlog a.item:link, div.col2 .boxTopBlog a.item:visited{margin:0; padding:0; height:54px; padding-left:10px;display: block;width:340px;padding-bottom:3px; overflow:hidden; cursor:pointer;background-image:url(images/bkComm.jpg);background-position:top left; background-repeat:no-repeat;} div.col2 .boxTopBlog a.item:hover, div.col2 .boxTopBlog a.item:active{background-image:url(images/bkCommOn.jpg);background-position:top left; background-repeat:no-repeat;} div.col2 .boxTopBlog .CropImg{width:75px;height:51px;overflow:hidden; display:block; float:left;} div.col2 .boxTopBlog .CropImg img{ border:1px solid #DCDCDC; padding:1px; width:65px; height:49px;} div.col2 .boxTopBlog .txt{width:255px;height:41px;display:block; float:left;overflow:hidden;margin-top:10px;} div.col2 .boxTopBlog .bottom{background-image:url(images/bkCommBtm.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:330px;height:20px;margin-top:1px;} div.col2 .boxTopBlog .bottom span{padding:3px; display:block;margin-right:20px;float:left; margin-left:10px;} div.col2 .boxTopBlog .bottom a{padding-top:3px; padding-right:3px; display:block; float:left;} div.wrapper .boxTopBlog, div.wrapper .boxUtentiBlog, div.wrapper .boxAvvisi { text-indent: -99999px; margin:0;padding:0;margin-bottom:10px;} div.wrapper .boxTopBlog .T { background:url(images/titTopBlog.gif) top left no-repeat; display:block; width:330px; height:30px;margin-bottom:1px;} div.wrapper .boxUtentiBlog .T { background:url(images/titUtentiBlog.gif) top left no-repeat; display:block; width:300px; height:30px;margin-bottom:1px;} div.wrapper .boxAvvisi .T { background:url(images/titAvvisi.gif) top left no-repeat; display:block; width:300px; height:30px;margin-bottom:1px;} /*------------------------------------------------- inizio stili box community in diretta home page -------------------------------------------------*/ div.col2 .boxCommDir{width:330px;height:186px;margin:0;padding:0;margin-bottom:10px;background-image:url(images/bkCommDir.jpg);background-position:bottom left; background-repeat:no-repeat; } div.col2 .boxCommDir .T{background-image:url(images/titCommDir.gif);background-position:top left; background-repeat:no-repeat;display:block;width:330px;height:30px;margin-bottom:1px;} div.col2 .boxCommDir .elenco{margin-top:10px; margin-left:10px;} div.col2 .boxCommDir .elenco .item{ width:165px; float:left;margin-bottom:5px;} div.col2 .boxCommDir .elenco .item .icon{float:left; margin-right:5px;} div.col2 .boxCommDir .elenco .item .txt{float:left; margin-top:5px; display:block; overflow:hidden; height:15px;width:135px; } div.col2 .boxCommDir .elenco .item .user{ font-weight:bold;margin-right:5px;} div.col2 .boxCommDir img{ border:none;} /*------------------------------------------------- inizio stili box facce da rocker home page -------------------------------------------------*/ div.col2 .boxFacceRocker{width:300px;height:30px;margin:0;padding:0;background-image:url(images/bkFacce.jpg);background-position:bottom left; background-repeat:no-repeat; } div.col2 .boxFacceRocker .T{background-image:url(images/titFacceRocker.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col2 .boxFacceRocker .elenco{margin-top:5px; margin-left:10px;} div.col2 .boxFacceRocker .elenco a{margin-right:10px;} div.col2 .boxFacceRocker img{ border:none;} div.col3 .boxFacceRocker{width:300px;height:30px;margin:0;padding:0;background-image:url(images/bkFacce.jpg);background-position:bottom left; background-repeat:no-repeat; } div.col3 .boxFacceRocker .T{background-image:url(images/titFacceRocker.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col3 .boxFacceRocker .elenco{margin-top:5px; margin-left:10px;} div.col3 .boxFacceRocker .elenco a{margin-right:10px;} div.col3 .boxFacceRocker img{ border:none;} /*------------------------------------------------- inizio stili box video tv home page -------------------------------------------------*/ div.col3 .boxWebTv { width:300px;height:280px;margin:0;padding:0;margin-bottom:10px;background-image:url(images/bkWebTv.jpg);background-position:bottom left; background-repeat:no-repeat; } div.col3 .boxWebTv .T { background-image:url(images/titWebTv.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col3 .boxWebTv .video { margin-top:10px; margin-left:10px;} div.col3 .boxWebTv .nav { margin-left:10px; margin-top:15px; width:280px; height:43px; background-color:#f9f9f9;} div.col3 .boxWebTv .nav span { display:none;} div.col3 .boxWebTv .nav a { display:block; float:left; padding-top:4px; padding-right:2px;} div.col3 .boxWebTv .nav img { border:none;} div.col3 .boxWebTv .nav a.rw:link, div.col3 .boxWebTv .nav a.rw:visited, div.col3 .boxWebTv .nav a.rw:active { display:block;background-image:url(images/rw.png); background-position:top left; background-repeat:no-repeat;width:10px;height:43px; cursor:pointer;float:left;padding-right:0px;padding-top:1px;} div.col3 .boxWebTv .nav a.rw:hover { background-image:url(images/rwOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;} div.col3 .boxWebTv .nav a.fw:link, div.col3 .boxWebTv .nav a.fw:visited, div.col3 .boxWebTv .nav a.fw:active { display:block;background-image:url(images/fw.png); background-position: left; background-repeat:no-repeat;width:10px;height:43px; cursor:pointer;float:left;padding-right:0px;padding-top:1px;} div.col3 .boxWebTv .nav a.fw:hover { background-image:url(images/fwOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;} /*------------------------------------------------- inizio stili box contest home page -------------------------------------------------*/ div.col3 .boxkontest{ width:300px; margin:0px 0 15px 0;padding:0;background-image:url(images/bkontent.jpg);background-position:top left; background-repeat:no-repeat; } div.col3 .boxkontest img{margin-left:10px; margin-top:10px;} div.col3 .boxkontest .T{background-image:url(images/titKon.gif);background-position:top left; background-repeat:no-repeat;display:block;width:280px;height:40px;margin-left:10px;margin-top:10px; margin-bottom:10px;} div.col3 .boxkontest .txt { display:block; margin-left:10px; width:280px;} /*------------------------------------------------- inizio stili box special news home page -------------------------------------------------*/ div.col4 .boxNews { width:300px;margin:0;padding:0;margin-bottom:10px;} div.col4 .boxNews .T{background-image:url(images/titNews.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col4 .boxNews a.item:link, div.col4 .boxNews a.item:visited{margin:0; padding:0; padding-left:10px;display: block;width:290px;height:58px;padding-top:7px;cursor:pointer;background-image:url(images/bkNews.jpg);background-position:top left; background-repeat:no-repeat;overflow:hidden;} div.col4 .boxNews a.item:hover, div.col4 .boxNews a.item:active{background-image:url(images/bkNewsOn.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxNews .CropImg{width:63px;height:50px;overflow:hidden; display:block; float:left;} div.col4 .boxNews .CropImg img{ border:1px solid #DCDCDC; padding:1px; width:50px; height:50px;} div.col4 .boxNews .txt{width:205px;height:51px;display:block; float:left;overflow:hidden; line-height:14px;} div.col4 .boxNews .txt .tit{ display:block; font-weight:bold;} /*------------------------------------------------- inizio stili banner adv 300x250 home page -------------------------------------------------*/ div.col4 .adv300x250{margin:0;padding:0;margin-bottom:10px;} div.col4 .adv300x250 img{border:none;} /*------------------------------------------------- inizio stili box style rock home page -------------------------------------------------*/ div.col4 .boxStyleR{width:300px;margin:0;padding:0;margin-bottom:10px;} div.col4 .boxStyleR .T{background-image:url(images/titRock.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col4 .boxStyleR a.item:link, div.col4 .boxStyleR a.item:visited{margin:0;padding:0;padding-left:10px;display: block;width:290px;padding-top:7px;height:58px;overflow:hidden; cursor:pointer;background-image:url(images/bkNews.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxStyleR a.item:hover, div.col4 .boxStyleR a.item:active{background-image:url(images/bkNewsOn.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxStyleR .CropImg{width:75px;height:51px;overflow:hidden; display:block; float:left;} div.col4 .boxStyleR .CropImg img{ border:1px solid #DCDCDC; padding:1px;width:65px; height:49px;} div.col4 .boxStyleR .txt{width:205px;height:51px;display:block; float:left;overflow:hidden; line-height:13px;} div.col4 .boxStyleR .txt .tit{ display:block; font-weight:bold;} ul.styleRockSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.styleRockSmall li { position: relative; height: 75px; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.styleRockSmall li div.styleRockContainer { padding: 0 0 0 105px; } ul.styleRockSmall div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.styleRockSmall strong a { color: #d00000; font-size: 11px;} ul.styleRockSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.styleRockSmall strong span.artImage { float: left; margin: 0 0 0 -105px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.styleRockSmall div.styleRockContainer p strong { display: inline; border: 0; } ul.styleRockSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- inizio stili banner adv 300x80 home page -------------------------------------------------*/ div.col4 .adv300x80{margin:0;padding:0;margin-bottom:10px;} div.col4 .adv300x80 img{border:none;} /*------------------------------------------------- inizio stili box I tunes home page -------------------------------------------------*/ div.col4 .boxTunes{width:300px;margin:0;padding:0;margin-bottom:10px;} div.col4 .boxTunes .T{background-image:url(images/titTunes.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col4 .boxTunes a.item:link, div.col4 .boxTunes a.item:visited{margin:0;padding:0;padding-left:10px;display: block;width:290px;padding-top:7px; height:58px; overflow:hidden; cursor:pointer;background-image:url(images/bkNews.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxTunes a.item:hover, div.col4 .boxTunes a.item:active{background-image:url(images/bkNewsOn.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxTunes .CropImg{width:75px;height:51px;overflow:hidden; display:block; float:left;} div.col4 .boxTunes .CropImg img{ border:1px solid #DCDCDC; padding:1px; width:65px; height:49px;} div.col4 .boxTunes .txt{width:205px;height:51px;display:block; float:left;overflow:hidden; line-height:13px;} div.col4 .boxTunes .txt .tit{ display:block; font-weight:bold;} /*------------------------------------------------- MUSIC STORE (component) s:music-store.phtml -------------------------------------------------*/ ul.iTunesSmall { margin: 2em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.iTunesSmall li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 48%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.iTunesSmall li div.iTunesContainer { padding: 0 0px 0 65px; } ul.iTunesSmall div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.iTunesSmall strong a { color: #d00000; font-weight: 700;} ul.iTunesSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.iTunesSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.iTunesSmall div.iTunesContainer p strong { display: inline; border: 0; } ul.iTunesSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- ABSTRACT-ITUNES (component) -------------------------------------------------*/ ul.iTunesAbstractBig { margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.iTunesAbstractBig li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 99%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.iTunesAbstractBig li div.iTunesContainer { padding: 0 0px 0 165px; } ul.iTunesAbstractBig div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.iTunesAbstractBig strong a { color: #d00000; font-weight: 700;} ul.iTunesAbstractBig strong a:hover { color: #d00000; text-decoration: underline; } ul.iTunesAbstractBig strong span.artImage { float: left; margin: 0 0 0 -165px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.iTunesAbstractBig div.iTunesContainer p strong { display: inline; border: 0; } ul.iTunesAbstractBig p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- SPECIAL NEWS (component) s:specialNews.phtml -------------------------------------------------*/ ul.specialNewsSmall { margin: 2em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.specialNewsSmall li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 48%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.specialNewsSmall li div.specialNewsContainer { padding: 0 0px 0 65px; height: 55px; } ul.specialNewsSmall strong a { color: #d00000; font-weight: 700;} ul.specialNewsSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.specialNewsSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.specialNewsSmall div.specialNewsContainer p strong { display: inline; border: 0; } ul.specialNewsSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- inizio stili box podcasting home page -------------------------------------------------*/ div.col4 .boxPod{width:300px;margin:0;padding:0;} div.col4 .boxPod .T{background-image:url(images/titPod.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col4 .boxPod a.item:link, div.col4 .boxPod a.item:visited{margin:0; padding:0; padding-left:10px;display: block;width:290px;padding-top:7px; height:58px; overflow:hidden; cursor:pointer;background-image:url(images/bkNews.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxPod a.item:hover, div.col4 .boxPod a.item:active{background-image:url(images/bkNewsOn.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxPod .CropImg{width:75px;height:51px;overflow:hidden; display:block; float:left;} div.col4 .boxPod .CropImg img{ border:1px solid #DCDCDC; padding:1px; width:65px; height:49px;} div.col4 .boxPod .txt{width:205px;height:51px;display:block; float:left;overflow:hidden; line-height:13px;} div.col4 .boxPod .txt .tit{ display:block; font-weight:bold;} /*------------------------------------------------- inizio stili footer -------------------------------------------------*/ /*div#Footer{font-size:11px; height:225px;text-align:left;background: url(images/backFooter.jpg) top left repeat-x; font-size:11px;padding-right:0px; padding-left:0px;PADDING-BOTTOM:0px; MARGIN:0px; WIDTH:100%; PADDING-TOP:0px; div#Footer-center{padding-right: 0px; padding-left: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; WIDTH: 990px; MARGIN-RIGHT: auto; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 100%;background: url(images/bkFooter.jpg) top left no-repeat;} div#Footer-center a{color:#484848; text-decoration:none;} div#Footer-center .top{ height:58px; font-weight:bold; position:relative;} div#Footer-center .top img{ display:block; float:left;} div#Footer-center .top span{ display:block; float:left;margin-top:10px; margin-left:10px;} div#Footer-center .top .left{position:absolute; top:25px; left:10px;} div#Footer-center .top .right{position:absolute; top:15px; right:10px;} div#Footer-center .bottom{margin-left:10px;margin-top:10px;} div#Footer-center .bottom .col{ width:97px; float:left;} div#Footer-center .bottom ul{ margin:0; padding:0; list-style:none;} div#Footer-center .bottom ul li{ padding: 2px 0 2px 0;} */ /*------------------------------------------------- inizio stili banner adv 300x80 pagine interne -------------------------------------------------*/ div.col5 .adv160x600{margin:0;padding:0;margin-top:10px; margin-left:10px; margin-bottom:10px;} div.col5 .adv160x600 img{border:none;} /*------------------------------------------------- inizio stili sottomenu colonna sinistra pagine interne -------------------------------------------------*/ div.col5 .menuSx {width:180px; font-size:11px; overflow:hidden; text-align:left; color:#494848; background:#f1f1f1;} div.col5 .menuSx span { display:none; } div.col5 .menuSx .titRockHistory {background:url(images/titSxPro.gif) top left no-repeat; display:block; width:180px;height:31px;} div.col5 .menuSx .titStylerock {background:url(images/titSxStyleRock.gif) top left no-repeat; display:block; width:180px;height:31px;} div.col5 .menuSx .titEventi {background:url(images/titSxEventi.gif) top left no-repeat; display:block;width:180px;height:31px;} div.col5 .menuSx .titMagazine {background:url(images/titSxMag.gif) top left no-repeat; display:block;width:180px;height:31px;} div.col5 .menuSx .titServizi {background:url(images/titFrequenze.gif) top left no-repeat; display:block;width:180px;height:31px;} div.col5 .menuSx .titCommunity {background:url(images/titCommunity.gif) top left no-repeat; display:block;width:180px;height:31px;} div.col5 .menuSx ul {margin-top:10px; padding:0; list-style:none;} div.col5 .menuSx li {padding:5px;} .userNavigation { background-color: #ffffff; float:left;display:inline;margin:0px; } .userNavigation { margin:0;width:180px; } .userNavigation h4 { float:left;font:bold 18px/21px arial, Helvetica, Utkal, sans-serif;padding:14px 0 5px 0;margin:0px; } .userNavigation h4 a { display:block;padding:0 15px 0 0;float:left;background:transparent url('images/carrot-red.jpg') 100% 7px no-repeat; } .userNavigation h4 a:link, .userNavigation h4 a:visited { color:#000; } .userNavigation h4 a:hover { color:#ca0002; } .userNavigation .divline { margin:0 10px 7px 0; } .userNavigation .divline { height:1px;background-color:#E5E5E5;overflow:hidden; } .userNavigation .wrapper { margin-bottom:25px;} .userNavigation .wrapper a { color: #004276; text-decoration: none;} .userNavigation .wrapper a:link { color: #004276; outline: none} .userNavigation .wrapper a:visited { color: #004276; outline: none} .userNavigation .wrapper a:hover { color: #ca0002} .userNavigation .wrapper .item { float:left;display:block; } .userNavigation .wrapper .item span { display:block;padding:6px 0 6px 20px;font:bold 12px/15px arial, Helvetica, Utkal, sans-serif; } .userNavigation .wrapper .divline { clear:both;margin:0px 10px 0px 10px; } /*------------------------------------------------- inizio stili fascia breadcrumb pagine interne -------------------------------------------------*/ div.col6 .breadcrumb{ font-style:italic; float:left; width:450px; padding-top:7px;} div.col6 .rss{float:left; width:20px;} div.col6 .rss img{ border:none;} /*------------------------------------------------- inizio stili box voce del menu di secondo livello pagine interne -------------------------------------------------*/ div.col6 .boxCont2{background: url(images/bkCont2.jpg) top left no-repeat;margin-bottom:10px;} div.col6 .boxCont2 h2{ display:block;} div.col6 .boxCont2 .T{background:url(images/BkTit.jpg) top left no-repeat; display:block;width:470px;height:31px;} div.col6 .boxCont2 .T span{padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block;} div.col6 .boxCont2 .CropImg{ width:180px; height:135px; overflow:hidden; float:left; } div.col6 .boxCont2 .CropImg img{border:none;} div.col6 .boxCont2 .txt{width:290px; height:135px; overflow:hidden;float:left;} div.col6 .boxCont2 .txt .D{padding:10px; height:80px; display:block; overflow:hidden; line-height:15px;} div.col6 .boxCont2 .link{margin-left:10px;margin-top:10px;} div.col6 .boxCont2 .link a{ display:block; float:left; margin-right:10px;} div.col6 .boxCont2 .link img{ border:none;} /*------------------------------------------------- inizio stili box video tv pagine interne col Dx -------------------------------------------------*/ div.col4 .boxWebTv{width:300px;height:280px;margin:0;padding:0;margin-bottom:10px;background-image:url(images/bkWebTv.jpg);background-position:bottom left; background-repeat:no-repeat; } div.col4 .boxWebTv .T{background-image:url(images/titWebTv.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col4 .boxWebTv .video{margin-top:10px; margin-left:10px;} div.col4 .boxWebTv .nav{margin-left:10px; margin-top:15px; width:280px; height:43px; background-color:#f9f9f9;} div.col4 .boxWebTv .nav span{ display:none;} div.col4 .boxWebTv .nav a{display:block; float:left; padding-top:4px; padding-right:2px;} div.col4 .boxWebTv .nav img{ border:none;} div.col4 .boxWebTv .nav a.rw:link, div.col4 .boxWebTv .nav a.rw:visited, div.col4 .boxWebTv .nav a.rw:active{display:block;background-image:url(images/rw.png); background-position:top left; background-repeat:no-repeat;width:10px;height:43px; cursor:pointer;float:left;padding-right:0px;padding-top:1px;} div.col4 .boxWebTv .nav a.rw:hover{background-image:url(images/rwOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;} div.col4 .boxWebTv .nav a.fw:link, div.col4 .boxWebTv .nav a.fw:visited, div.col4 .boxWebTv .nav a.fw:active{display:block;background-image:url(images/fw.png); background-position: left; background-repeat:no-repeat;width:10px;height:43px; cursor:pointer;float:left;padding-right:0px;padding-top:1px;} div.col4 .boxWebTv .nav a.fw:hover{background-image:url(images/fwOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;} /*------------------------------------------------- inizio stili box top blog community pagine interne col Dx -------------------------------------------------*/ div.col4 .boxTopBlog {width:300px;margin:0;padding:0;margin-bottom:10px;} div.col4 .boxTopBlog .T{background-image:url(images/titTopBlog300.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.col4 .boxTopBlog a.item:link, div.col4 .boxTopBlog a.item:visited{margin:0; padding:0; height:54px; padding-left:10px;display: block;width:290px;padding-bottom:3px; overflow:hidden; cursor:pointer;background-image:url(images/bkComm.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxTopBlog a.item:hover, div.col4 .boxTopBlog a.item:active{background-image:url(images/bkCommOn.jpg);background-position:top left; background-repeat:no-repeat;} div.col4 .boxTopBlog .CropImg{width:75px;height:51px;overflow:hidden; display:block; float:left;} div.col4 .boxTopBlog .CropImg img{ border:1px solid #DCDCDC; padding:1px; width:65px; height:49px;} div.col4 .boxTopBlog .txt{width:205px;height:41px;display:block; float:left;overflow:hidden;margin-top:10px;} div.col4 .boxTopBlog .bottom{background-image:url(images/bkCommBtm.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:290px;height:20px;margin-top:1px;padding-left:10px;} div.col4 .boxTopBlog .bottom span{padding:3px; display:block;margin-right:20px;float:left; margin-left:10px;} div.col4 .boxTopBlog .bottom a{padding-top:3px; padding-right:3px; display:block; float:left;} #community ul.topBlogSmall li { position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.topBlogSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.topBlogSmall li { position: relative; display: block; float: left; width: 49%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.topBlogSmall li div.topBlogContainer { padding: 0 0 0 65px; } ul.topBlogSmall div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.topBlogSmall strong a { color: #d00000; font-weight: 700;} ul.topBlogSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.topBlogSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.topBlogSmall div.topBlogContainer p strong { display: inline; border: 0; } ul.topBlogSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- inizio stili box dettaglio pagine interne -------------------------------------------------*/ div.col6 .dett{margin-bottom:10px;} div.col6 .dett h1{margin:0;padding:0;} div.col6 .dett .T{background-image:url(images/BkTit.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:31px;} div.col6 .dett .T span{margin:0;padding:0;padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block;} div.col6 .dett .CropImg{ width:470px; height:264px; overflow:hidden;} div.col6 .dett .txt{width:470px;line-height:18px; font-size:12px;margin-bottom:10px;} div.col6 .dett .txt h2{ display:block; font-size:16px; font-weight:bold;margin-bottom:8px;margin-top:10px;} div.col6 .dett .txt .valutazione{display:block;margin-bottom:8px; float:left; margin-right:10px;} div.col6 .dett .txt .commenti{ display:block; font-size:11px; font-weight:bold; margin-bottom:8px;background-image:url(images/i_comm.gif);background-position:3px left; background-repeat:no-repeat;padding-left:25px;color:#043382;float:left;} div.col6 .dett .txt .disc h3{ display:block; font-size:13px; font-weight:bold;margin-bottom:5px;margin-top:15px;} div.col6 .dett .txt .disc ul{margin:0; padding:0; list-style:none;} div.col6 .dett .txt .disc li{ border:1px solid #cccccc;margin-bottom:3px; padding-left:10px;} div.col6 .dett .link{border-top:1px solid #a7a4a4; border-bottom:1px solid #a7a4a4; height:18px; margin-bottom:20px; } div.col6 .dett .link a{ display:block; float:left; margin-right:10px;margin-top:2px;} div.col6 .dett .link img{ border:none;} div.col6 .dett .link .left{float:left;width:395px;} div.col6 .dett .link .right{float:left; width:75px; text-align:right;} div.col6 .dett .addComm {margin-bottom:15px;} div.col6 .dett .addComm .Tit{ background:#ebeaea; height:20px; font-size:12px; font-weight:bold;margin-bottom:5px;} div.col6 .dett .addComm .Tit span{padding:3px; padding-left:10px; display:block;} div.col6 .dett .addComm .label{} div.col6 .dett .addComm .txtbox{ width:468px; border:1px solid #cccccc; height:16px;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif; font-size:11px;} div.col6 .dett .addComm .txtbox1{ width:468px; border:1px solid #cccccc; height:60px;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif;font-size:11px;} div.col6 .dett .addComm .btnComm{ background:url(images/bkbottone.jpg) no-repeat;width:110px;height:22px;display:block;float:left; margin-right:5px;} div.col6 .dett .addComm .btnComm span{display:block;padding-top:4px; text-align:center; font-weight:bold;} div.col6 .dett .Comm {margin-bottom:15px;} div.col6 .dett .Comm .Tit{ background:#ebeaea; height:20px; font-size:12px; font-weight:bold;margin-bottom:5px;} div.col6 .dett .Comm .Tit span{padding:3px; padding-left:10px; display:block;} div.col6 .dett .Comm h2{font-size:12px; font-weight:bold; margin-bottom:4px;} div.col6 .dett .Comm .desc{ display:block; margin-bottom:10px; line-height:16px;padding-bottom:5px; border-bottom:1px solid #cccccc;} /*------------------------------------------------- inizio stili box video gallery pagine interne -------------------------------------------------*/ div.col6 .videoGall{background: url(images/bkVGal.jpg) top left no-repeat;margin-bottom:10px; height:160px; overflow:hidden;} div.col6 .videoGall h2{display:block;} div.col6 .videoGall .T span{padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block;} div.col6 .videoGall a{margin:0; padding:0; margin-right:10px;display: block;width:130px;cursor:pointer; float:left;margin-top:10px; border:1px solid #a7a4a4;} div.col6 .videoGall img{border:none; display:block;} div.col6 .videoGall .txt{width:122px; height:27px; overflow:hidden;display:block; background:#f9f9f9;padding:3px;padding-left:5px;} div.col6 .videoGall a.rw:link, div.col6 .videoGall a.rw:visited, div.col6 .videoGall a.rw:active{display:block;background-image:url(images/rwVideo.png); background-position:top left; background-repeat:no-repeat;width:10px;height:106px; cursor:pointer;float:left;padding-right:0px;padding-top:1px; margin-left:10px;margin-right:5px; border:none;} div.col6 .videoGall a.rw:hover{background-image:url(images/rwVideoOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;border:none;} div.col6 .videoGall a.fw:link, div.col6 .videoGall a.fw:visited, div.col6 .videoGall a.fw:active{display:block;background-image:url(images/fwVideo.png); background-position: left; background-repeat:no-repeat;width:10px;height:106px; cursor:pointer;float:left;padding-right:0px;padding-top:1px;margin-right:0px;margin-left:5px;border:none;} div.col6 .videoGall a.fw:hover{background-image:url(images/fwVideoOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;margin-right:0px;border:none;} div.col6 .videoGall a.rw span, div.col6 .videoGall a.fw span{ display:none;} /*------------------------------------------------- inizio stili box foto gallery pagine interne -------------------------------------------------*/ div.col6 .fotoGall{background: url(images/bkCont2.jpg) top left no-repeat;margin-bottom:10px; height:105px; overflow:hidden;} div.col6 .fotoGall h2{display:block;} div.col6 .fotoGall .T span{padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block;} div.col6 .fotoGall a{margin:0; padding:0; margin-left:5px;display: block;width:65px;cursor:pointer; float:left;margin-top:10px;} div.col6 .fotoGall img{border:1px solid #a7a4a4; display:block;} div.col6 .fotoGall a.rw:link, div.col6 .fotoGall a.rw:visited, div.col6 .fotoGall a.rw:active{display:block;background-image:url(images/rwFoto.png); background-position:top left; background-repeat:no-repeat;width:10px;height:49px; cursor:pointer;float:left;padding-right:0px;padding-top:1px; margin-left:10px;} div.col6 .fotoGall a.rw:hover{background-image:url(images/rwFotoOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;} div.col6 .fotoGall a.fw:link, div.col6 .fotoGall a.fw:visited, div.col6 .fotoGall a.fw:active{display:block;background-image:url(images/fwFoto.png); background-position: left; background-repeat:no-repeat;width:10px;height:49px; cursor:pointer;float:left;padding-right:0px;padding-top:1px;margin-right:0px;} div.col6 .fotoGall a.fw:hover{background-image:url(images/fwFotoOn.png);background-position:top left; background-repeat:no-repeat;padding-right:0px;margin-right:0px;} div.col6 .fotoGall a.rw span, div.col6 .fotoGall a.fw span{display:none;} /*------------------------------------------------- inizio stili box podcasting pagine interne -------------------------------------------------*/ div.col6 .boxPod{background: url(images/bkCont2.jpg) top left no-repeat;margin-bottom:10px; height:120px; overflow:hidden;} div.col6 .boxPod h2{display:block;} div.col6 .boxPod .T span{padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block; margin-bottom:10px;} div.col6 .boxPod a{margin:0; padding:0; margin-left:10px;display: block;width:450px;cursor:pointer; margin-bottom:3px; border-bottom:1px solid #cccccc;} /*------------------------------------------------- inizio stili box voce del menu di secondo livello pagine interne -------------------------------------------------*/ div.col6 .boxCont3{margin-bottom:10px;} div.col6 .boxCont3 h2{ display:block;} div.col6 .boxCont3 .T{background-image:url(images/BkTit.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:31px;} div.col6 .boxCont3 .T span{padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block;} div.col6 .boxCont3 .elNews{background-image:url(images/bkVGal.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:110px;margin-bottom:5px;overflow:hidden;} div.col6 .boxCont3 .elNews .CropImg{ width:120px; height:90px; overflow:hidden; float:left;margin:10px; } div.col6 .boxCont3 .elNews .CropImg img{border:none;} div.col6 .boxCont3 .elNews .txt{display:block;width:320px;float:left;} div.col6 .boxCont3 .elNews .Tit{ display:block; font-size:14px; font-weight:bold; margin-bottom:5px; height:18px; overflow:hidden;} div.col6 .boxCont3 .elNews .D{display:block;width:320px; height:70px; overflow:hidden;margin-top:10px;line-height:15px;margin-bottom:7px;} div.col6 .boxCont3 .elNews .link{height:20px;} div.col6 .boxCont3 .elNews .link a{ display:block; float:left; margin-right:10px;} div.col6 .boxCont3 .elNews .link img{ border:none;} div.col6 .boxCont3 .btm{background-image:url(images/BkTit.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:20px;} div.col6 .boxCont3 .btm span{padding-top:2px;font-size:11px; font-weight:bold; display:block; width:460px; text-align:right;} div.col6 .boxCont3 .pager{background-image:url(images/BkTit.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:20px; text-align:right!important;} div.col6 .boxCont3 .pager a{padding-top:2px;font-size:11px; font-weight:bold; display:block; float:left;margin-right:5px;} /*------------------------------------------------- inizio stili pagina elenco concerti -------------------------------------------------*/ div.col6 .boxCont3 .elConcerti{background-image:url(images/bkVGal.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:61px;margin-bottom:5px;overflow:hidden;} div.col6 .boxCont3 .elConcerti .Tit{ display:block; font-size:16px; font-weight:bold;} div.col6 .boxCont3 .elConcerti .D{display:block;width:450px; height:49px; overflow:hidden; padding:8px;line-height:15px;margin-bottom:7px;} /*------------------------------------------------- inizio stili elenco artisti pagine interne -------------------------------------------------*/ div.col6 .boxCont4{margin-bottom:10px;} div.col6 .boxCont4 h2{ display:block;} div.col6 .boxCont4 .T{background-image:url(images/BkTit.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:31px;} div.col6 .boxCont4 .T span{padding-top:10px; padding-left:10px; font-size:15px; font-weight:normal; display:block;} div.col6 .alfab { margin-top:10px; margin-bottom:10px; } div.col6 .alfab a{ display:block; float:left; width:16px; height:15px;background:#ebeaea;margin-right:2px; font-size:11px; font-weight:bold; text-align:center;padding-top:1px;} div.col6 .boxCont4 ul{margin:0px; padding:0px; list-style:none;} div.col6 .boxCont4 li{ height:20px; width:470px; overflow:hidden;background:#f6f6f6;margin-bottom:1px;} div.col6 .boxCont4 li span{padding:2px; padding-left:10px; display:block;} div.col6 .boxCont4 .alternate{ background:#ebeaea;} div.col6 .boxCont4 .pager{background-image:url(images/BkTit.jpg);background-position:top left; background-repeat:no-repeat;display:block;width:470px;height:20px; text-align:right!important;margin-top:10px;} div.col6 .boxCont4 .pager a{padding-top:2px;font-size:11px; font-weight:bold; display:block; float:left;margin-right:5px;} /*------------------------------------------------- CAROUSEL -------------------------------------------------*/ .container { overflow: hidden; width: 641px; margin: 5px auto; } #carousel { padding: 0px; background: url(images/fiflufi_right_top_gradient.5.png) no-repeat transparent; } /*--Main Image Preview--*/ .main_image { width: 420px; height: 284px; float: left; background: #333; position: relative; overflow: hidden; color: #fff; cursor: pointer; } .main_image h2 { font-size: 1.8em; font-weight: normal; margin: 0px; padding: 2px 10px 0px 10px; } .main_image p { font-size: 1.2em; padding: 0px 10px 5px 10px; margin: 0; line-height: 1.2em; } .block small { padding: 0px; background: url(icon_calendar.gif) no-repeat 0 center; font-size: 1em; } .main_image .block small { margin-left: 10px;} .main_image .desc { position: absolute; bottom: 0; left: 0; width: 100%; display: none;} .main_image .block { width: 100%; background: #111; border-top: 1px solid #000; } .main_image a.collapse { height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 20px; } .main_image p a.show { font-size: 0.9em; background-position: left bottom; color: #d00000;} .main_image p a.show:hover { text-decoration: underline; } .main_image p a { color: #d00000 !important; } .main_image p a:hover { text-decoration: underline; } .image_thumb { float: left; width: 220px; background: #f0f0f0; } .image_thumb img { border: 1px solid #ccc; padding: 1px; background: #fff; float: left; } .image_thumb ul { margin: 0; padding: 0; list-style: none; } .image_thumb ul li { margin: 0; padding: 6px 6px; width: 208px; height: 57px; float: left !important; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .image_thumb ul li.hover { background: #ddd; cursor: pointer; } .image_thumb ul li.active { background: #fff; cursor: default; } html .image_thumb ul li h2 { font-size: 1.1em; line-height: 1.25em; margin: 5px 0; padding: 0; } .image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 135px; } .image_thumb ul li p { display: none;} /*------------------------------------------------- ABSTRACT (component) -------------------------------------------------*/ .abstract { padding: 10px; border-bottom: 1px dotted #e8e8e8; font-size: 12px; margin-bottom: 10px !important; } .abstract img { margin-right: 10px; border: 1px solid #DCDCDC; padding: 1px;} .abstract a, .abstract a:hover, .abstract a span, .abstract a:hover span { font-size: 16px; font-weight: bold; color: #d00000;} .abstract span { font-size: 13px; color: #666;} /*.abstract p { margin: 10px 0px 0px 0px; line-height: 1.2em;}*/ /*------------------------------------------------- ABSTRACT-DX (component) abstract-dx.phtml -------------------------------------------------*/ .abstract-dx { padding: 10px 0px 10px 10px; border-bottom: 1px dotted #e8e8e8; font-size: 12px; margin-bottom: 10px !important; } .abstract-dx img { margin-left: 10px; border: 1px solid #DCDCDC; padding: 1px;} .abstract-dx a, .abstract-dx a:hover, .abstract-dx a span, .abstract-dx a:hover span { font-size: 16px; font-weight: bold; color: #d00000;} /*------------------------------------------------- DIVISORE (component) -------------------------------------------------*/ .content-divisore { height: 35px !important; padding-left: 1px !important; border-bottom: 1px solid #DCDCDC; } .content-divisore .divisore-links { float: left; margin-top: 10px !important; padding-left: 5px !important; } .content-divisore .divisore-links h3 { font-size: 18px; margin: 0; padding: 0; } .content-divisore .divisore-links h3.smaller { font-size: 16px; margin: 0; padding: 0; } .content-divisore .link-seeal { float: right; margin-top: 20px; padding-left: 20px; } .content-divisore .stylerock { background: url("../images/bg_archivioStylerock.gif") bottom left no-repeat; } /*------------------------------------------------- FOTO GRANDE (component) foto-grande.phtml -------------------------------------------------*/ ul.fotoGrande { } /*------------------------------------------------- FOTO CON DIDASCALIA (component) foto-grande-con-dida.phtml -------------------------------------------------*/ ul.fotoDidaGrande { } /*------------------------------------------------- FOTO CON TITOLO (component) foto-con-titolo.phtml -------------------------------------------------*/ #intestazione, #intestazione a, #intestazione a span { color: #333; padding: 10px; font-size: 18px; margin-bottom: 1px; width: 440px; text-decoration: none; } #intestazione img { vertical-align: middle; margin-right: 10px; } .bg-magazine { background: #9666cc; } .bg-stylerock { background: #cc66c4; } .bg-eventi { background: #66B8CC; } .bg-rockHistory { background: #cc6666; } .bg-webradio { background: #ffcc00; } .bg-servizi { background: #999999; } .bg-itunes { background: #999999; } .bg-community { background: #ccc166; } .imgBottom { position: relative; bottom: 23px; left: 0px; visibility: visible; } /*------------------------------------------------- LISTA ARTICOLI (component) lista-articoli.phtml -------------------------------------------------*/ #stories { background: #FFF; padding: 20px 0px 0px 0px; } #stories ul { margin: 0px 0px 0px 5px; padding: 0; } #stories ul li { margin: 1px; padding: 5px; list-style: none; display: inline; background: #D7D1DF; border: 1px solid #9666cc; } #stories ul li.selected, #stories ul li:hover { background: #9666cc; border: 1px solid #9666cc; } #stories ul li a { color: #FFFFFF; font-size: 14px; } #stories ul.artisti { margin-left: 1px; margin-top: 5px; margin-top: 4px !important; margin-top: 5px; padding-top: 10px; border-top: 1px dotted #DCDCDC; } #stories ul.artisti li { border: 0; padding: 5px; list-style: none; display: block; background: transparent; } #stories ul.artisti li.colorato { background: #F6EFFF url("../images/bg_elenco-artisti.gif") top left no-repeat; } #stories ul.artisti li a { font-size: 14px; color: #d00000; } #stories ul.artisti li.section-mood { padding: 10px; border-bottom: 1px solid #fff; font-size: 12px; margin-bottom: 0px; } #stories ul.artisti li.section-mood img { margin-right: 10px; border: 3px solid #DFD1DE; } #stories ul.artisti li.section-mood a, #stories ul.artisti li.section-mood a:hover, #stories ul.artisti li.section-mood a span, #stories ul.artisti li.section-mood a:hover span{ font-size: 14px; font-weight: 700; text-decoration: underline; } #stories ul.artisti li.section-mood span { font-size: 14px; } #stories ul.artisti li.section-mood p { margin: 5px 0px 0px 0px; } /*------------------------------------------------- SOLO TESTO (component) solo-testo.phtml -------------------------------------------------*/ .text-content { width: 100%; line-height: 1.5; font-size: 12px; } .text p, .text-content p { line-height: 1.5; margin-bottom: 22px; width: 100%; } /*------------------------------------------------- EVENTI (component) eventi.phtml -------------------------------------------------*/ ul.eventsSmall span.calSheet { float: left; display: inline; margin-left: -40px; } ul.eventsSmall li { zoom: 1; padding: 10px 5px 10px 58px; border-top: 1px solid #ffffff; border-bottom: 1px solid #f1f1f1; font-size: 11px; line-height: 1.181818em; } ul.eventsSmall li.first { border-top: 0; } ul.eventsSmall li.last { border-bottom: 0; } ul.eventsSmall a { text-decoration: none; } ul.eventsSmall li strong.image { display: block; width: 200px; height:70px; border: 1px solid #DCDCDC; margin-bottom: 5px; } ul.eventsSmall li strong.summary { display: block; font-size: 12px; line-height: 1.2em; color: #000; } ul.eventsSmall a:hover strong.summary, ul.eventsSmall a:hover span.summary { color: #0187c5; text-decoration: underline; } ul.eventsSmall li small.location { display: block; color: #000; font-size: 11px; margin: 1px 0 4px 0; } ul.eventsSmall li p.info { font-size: 10px; color: #696969; } ul.eventsSmall a.comments:hover { text-decoration: underline; } ul.eventsSmall li.past span.calSheet { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* calSheetSmall */ span.calSheetSmall { width: 32px; } span.calSheetSmall span.month { height: 10px; font-size: 9px; padding-top: 1px; } span.calSheetSmall span.day { font-size: 14px; } div.profileHead { position: relative; } div.profileHead h1 { display: inline; font-size: 18px; } /* calSheet */ span.calSheet { display: block; text-align: center; } span.calSheet span { display: block; float: left; width: 100%; } span.calSheet span.month { background: #D51007; border: 1px solid #D51007; color: #fff; text-transform: uppercase; line-height: 1.1em; font-weight: bold; text-align: center; } span.calSheet span.day { background: #fff; border: 1px solid #ccc; border-top: none; color: #000; line-height: 1.4em; font-weight: bold; letter-spacing: -0.1em; } /*------------------------------------------------- SIMPLE EVENT (component) simple-event.phtml -------------------------------------------------*/ .rockhistory { background: url(images/bg_rockhistory_home.gif) no-repeat; float: left; height: 80px; margin-left: 0px; margin-right: 0px; margin-top: 15px; padding-bottom: 10px; width: 300px;} .rockhistory .eventiContenuto { color: #999; font-size: 12px; margin-right: 16px; padding: 15px 10px 10px 80px;} .rockhistory .eventiContenuto a { color: #333; font-size: 16px; font-weight: bold;} /*------------------------------------------------- LISTA ARTISTI (component) listaArtisti.phtml -------------------------------------------------*/ #filter-links ul { margin: 10px 0 0 0; padding: 0; } #filter-links ul li { margin: 1px; padding: 8px; list-style: none; display: inline; font-weight: bold; } #filter-links ul li.selected, #filter-links ul li:hover { background: #DCDCDC; color: #fff; } #filter-links ul li a { color: #666; font-size: 14px; } #artist-links ul { margin-left: 1px; margin-top: 4px !important; padding-top: 10px; } #artist-links ul li { border: 0; padding: 3px 5px 3px 5px; list-style: none; display: block; background: transparent; } #artist-links ul li a { font-size: 14px; color: #000; } #artist-links ul li a:hover { color: #d00000; } #artist-links ul li.r0 { background: #f6f6f6; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; } #artist-links ul li.r1 { background: #ffffff; } .colorato { background: #F6EFFF url("../images/bg_elenco-artisti.gif") top left no-repeat; } /*------------------------------------------------- UTENTI (component) facceClub.phtml -------------------------------------------------*/ ul.facceClubSmall { margin: 15px 7px 15px 7px; } ul.facceClubSmall li { display: inline; float: left; margin: 0 3px 3px 0; width: 50px; height: 50px; border: 1px solid #ccc; padding: 1px; background: #fff; } ul.facceClubSmall li a { display: block; width: 50px; height: 50px; } /* ul.facceClubSmall li { display: inline; float: left; margin: 8px 8px 0px 0; width: 59px; height: 59px; border: 1px solid #ccc; padding: 2px; background: #fff; } ul.facceClubSmall li a { display: block; overflow: hidden; width: 59px; height: 59px; } */ /*------------------------------------------------- SPECIAL PODCAST (component) specialPodcast.phtml -------------------------------------------------*/ ul.specialPodcastSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.specialPodcastSmall li { position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.specialPodcastSmall li div.specialPodcastContainer { padding: 0 0 0 65px; } ul.specialPodcastSmall strong a { color: #d00000; font-weight: 700;} ul.specialPodcastSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.specialPodcastSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.specialPodcastSmall div.specialPodcastContainer p strong { display: inline; border: 0; } ul.specialPodcastSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- PODCAST (component) podcast.phtml -------------------------------------------------*/ div.podcastSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; border-bottom: 1px dotted #DCDCDC;} div.podcastSmall div.podcastContainer { padding: 0 0 0 65px; display: block; float: left; margin: 0px 0 10px 0;} div.podcastSmall strong a { color: #d00000; font-weight: 700;} div.podcastSmall strong a:hover { color: #d00000; text-decoration: underline; } div.podcastSmall strong span.artImage { float: left; margin: 0 0 0 -65px; padding: 1px; cursor: pointer; border: 1px solid #DCDCDC; } div.podcastSmall div.podcastContainer p strong { display: inline; border: 0; } div.podcastSmall p.sottotitolo { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- DETTASGLIO ARTISTA (component) s:dettaglioArtista -------------------------------------------------*/ #dettaglioArtista h1 { font-size: 18px; line-height: 1.9; color: #000; font-weight: 700;} #dettaglioArtista h2 { font-size: 16px; line-height: 1.28; color: #d00000; font-weight: 700;} #dettaglioArtista div.artImage img { margin-bottom: 10px;} #dettaglioArtista p { font-size: 12px; line-height: 1.8;} ul.albumMedium { margin: 1em 0 0 0; overflow: hidden; font-size: 14px; line-height: 1.28; } ul.albumMedium li { position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.albumMedium li div.albumContainer { padding: 0 0 0 80px; } ul.albumMedium strong a { color: #d00000; font-weight: 700;} ul.albumMedium strong a:hover { color: #d00000; text-decoration: underline; } ul.albumMedium strong span.artImage { float: left; margin: 0 0 0 -80px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.albumMedium div.albumContainer p strong { display: inline; border: 0; } ul.albumMedium p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- GALLERIA (component) galleria.phtml foto-galleria.phtml -------------------------------------------------*/ .content-galleria div.photo { display: inline; float: left;} .content-galleria div.photo img { border: 1px solid #ccc; margin: 0px 0px 0px 0; padding: 2px; width: 454px;} .content-galleria ul.photosSmall { float: left; margin: 0px; overflow: hidden; width: 470px;} .content-galleria ul.photosSmall li { float: left; margin: 10px 10px 0px 0; width: 7.1em; height: 55px; border: 1px solid #ccc; padding: 2px; background: #fff; } .content-galleria ul.photosSmall li a { display: block; overflow: hidden; width: 7.1em; height: 55px; } /*------------------------------------------------- VIDEODROME FROM HOMEPAGE (component) s:videodrome-from-homepage.html -------------------------------------------------*/ .videodrome { width: 100%; margin: 0px 0px 20px 0px; color:#fff; background: #010101; overflow: hidden;} .videodrome h2.heading { margin: 0px; border-top: 0px solid #000; background: url(images/titWebTv.png) no-repeat;} .videodrome h2.heading span.h2Wrapper { text-indent: -99999px;} .videodrome .webTvWrapper { height: 210px; padding: 0px 10px 10px 10px; float:left; } ul.videodromeSmall { margin: 0 10px 0 10px; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.videodromeSmall li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 100%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.videodromeSmall li.last { border-bottom: 1px dotted #000000;} ul.videodromeSmall li div.videodromeSmallContainer { padding: 0 0px 0 85px; } ul.videodromeSmall strong a { color: #fff !important; font-weight: 700;} ul.videodromeSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.videodromeSmall strong span.artImage { float: left; margin: 0 0 0 -85px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.videodromeSmall div.videodromeSmallContainer p strong { display: inline; border: 0; } ul.videodromeSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- CONTENT FOOTER -------------------------------------------------*/ .content-footer { clear: both; float: left; margin: 12px 0 0; padding: 0; text-align: center; width: 100%; } .content-footer .hr-dotted { margin-bottom: 6px; } .hr-dotted hr { display: none; } .hr-dotted { background: url(images/hr_dotted.gif) repeat-x; clear: both; float: left; height: 1px; width: 100%; } .content-footer ul.footer-links li { color: #c0c0c0; float: left; font-size: 1.1em; margin-right: 12px; height: 20px; } .content-footer a:hover .link-seeall, .content-footer a:hover .link-seemore { background: url(images/arrow_right_hover.gif) no-repeat right 4px; color: #d00000; } .content-footer .total-num { float: right; position: relative; height: 17px; text-align: right; } .content-footer .total-num span { color: #9c9c9c; font-size: 1.1em; margin-right: 4px; } .content-footer ul.pagination { float: right; display: block; margin: 0; text-align: center; } .content-footer ul.pagination li { float: left; clear: right; margin: 0; } .content-footer ul.pagination li a { color: #5e5e5e; font-size: 11px; text-decoration: none; } .content-footer ul.pagination li a:hover { color: #d00000; } .content-footer ul.pagination li a.current { color: #d00000; font-weight: bold; } .content-footer ul.pagination li.page-num { color: #5e5e5e; text-align: center; margin-right: 6px; padding-left: 6px; position: relative; top: 0; } .content-footer ul.pagination li.page-num .page { display: inline; margin: 0 3px; } .content-footer ul.pagination li.link-prev a { background: url(images/arrow_left.gif) no-repeat left; color: #5e5e5e; padding-left: 10px; display: block; } .content-footer ul.pagination li.link-next a { background: url(images/arrow_right.gif) no-repeat right; color: #5e5e5e; padding-right: 10px; display: block; } .content-footer ul.pagination li.link-prev a:hover { background: url(images/arrow_left_hover.gif) no-repeat left; color: #d00000; } .content-footer ul.pagination li.link-next a:hover { background: url(images/arrow_right_hover.gif) no-repeat right; color: #d00000; } .content-footer a.link-seeall { background: url(images/arrow_right.gif) no-repeat right 4px; color: #5e5e5e; clear: both; float: left; padding-right: 10px; position: relative; text-align: left; text-decoration: none; } .content-footer a:hover.link-seeall { background: url(images/arrow_right_hover.gif) no-repeat right 4px; color: #d00000; } /*------------------------------------------------- FOOTER -------------------------------------------------*/ #footer { clear: both; float: left; margin-top: 27px; width: 100%; } #footer .footer-top { background: url(images/footer_top_bg.gif) no-repeat; height: 49px; width: 951px; padding: 0 16px; } #footer .footer-body-section { background: #e60000; clear: both; float: left; width: 951px; padding: 16px; } #footer .footer-body-bottom { background: #e60000; clear: both; float: left; width: 951px; padding: 0px 16px 0px 16px; } #footer ul { margin:0; padding:0; list-style: none; float: left; } #footer ul li { color: #fff; } #footer ul li a { color: #fff; font-size: 1.1em; text-decoration: none; } #footer .footer-body-section ul li a { color: #fff; display: block; font-size: 1.1em; width: 145px; } #footer ul li.heading a { color: #790000; font-weight: bold; font-size: 1.1em; } #footer ul li a:hover { text-decoration: underline; } #footer .footer-top ul li { float: left; } #footer .footer-top ul.general-links { margin-top: 20px; } #footer .footer-top ul.general-links li { margin-right: 10px; } #footer .footer-top ul.copy { float: right; } #footer .footer-top ul.copy li { float: left; font-size: 1.1em; margin: 20px 10px 0 0; } #footer .footer-top ul.copy li.logo { margin: 10px 0 0; } #footer .footer-top ul.copy li.logo a { background: url(images/footer_virginradio_logo.png) no-repeat; display: block; height: 39px; width: 41px; overflow: hidden; text-indent: -9999em; } #footer .footer-body-section ul { margin-right: 10px; width: 140px; } #footer .footer-body-section ul li { color: #fff; font-size: 0.9em; text-decoration: none; padding: 1px 0px 1px 0px; } #footer .footer-body-bottom ul { margin-left: 10px; } #footer .footer-body-bottom ul.active { margin-right:5px; } #footer .footer-body-bottom ul.virgin { width: 470px; float:right; } #footer .footer-body-bottom ul.spes { margin-right:5px; } #footer .footer-body-bottom ul li { color: #fff; font-size: 0.9em; text-decoration: none; padding: 1px; } /*------------------------------------------------- WEB TV -------------------------------------------------*/ .webTv { width: 100%; margin: 0px 0px 20px 0px; color:#fff; background: #010101; overflow: hidden;} .webTv h2.heading { margin: 0px; border-top: 0px solid #000; background: url(images/titWebTv.png) no-repeat;} .webTv h2.heading span.h2Wrapper { text-indent: -99999px;} .webTv .webTvWrapper { height: 210px; padding: 0px 10px 10px 10px; float:left; } ul.webtvSmall { margin: 0 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.webtvSmall li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 100%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.webtvSmall li div.webtvContainer { padding: 0 0px 0 85px; } ul.webtvSmall strong a { color: #fff !important; font-weight: 700;} ul.webtvSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.webtvSmall strong span.artImage { float: left; margin: 0 0 0 -85px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.webtvSmall div.webtvContainer p strong { display: inline; border: 0; } ul.webtvSmall p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- HOME MINI BANNER -------------------------------------------------*/ ul.homeMiniBanner { margin: 2em 0 2em 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.homeMiniBanner li { position: relative; display: block; float: left; width: 49%; margin: 0px 4px 10px 4px; padding: 0; text-align: center; } ul.homeMiniBanner li.last { position: relative; display: block; float: right; width: 49%; margin: 0px 4px 10px 4px; padding: 0; text-align: right; } /*------------------------------------------------- HOME MINI BANNER -------------------------------------------------*/ #community ul.socialNetworkSmall li { width: 177px;} #community ul.socialNetworkSmall li.first { width: 70px; } ul.socialNetworkSmall { margin: 0; overflow: hidden; font-size: 12px; line-height: 1.58; } ul.socialNetworkSmall li { text-indent: -99999px; position: relative; display: block; float: left; width: 108px; margin: 0px 0 20px 0; padding: 0 0 10px 0;} ul.socialNetworkSmall li.first { font-size: 10px; text-indent: 0px; text-transform:uppercase; width: 70px; line-height: 1em; padding-top:8px; color: #999; } ul.socialNetworkSmall li.myspaces { background: url(images/home_myspaces_logo.png) no-repeat top center; } ul.socialNetworkSmall li:hover.myspaces { background: url(images/home_myspaces_logo_hover.png) no-repeat top center; } ul.socialNetworkSmall li.twitter { background: url(images/home_twitter_logo.png) no-repeat top center; } ul.socialNetworkSmall li:hover.twitter { background: url(images/home_twitter_logo_hover.png) no-repeat top center; } ul.socialNetworkSmall li.facebook { background: url(images/home_facebook_logo.png) no-repeat top center; } ul.socialNetworkSmall li:hover.facebook { background: url(images/home_facebook_logo_hover.png) no-repeat top center; } ul.socialNetworkSmall li.youtube { background: url(images/home_youtube_logo.png) no-repeat top center;} ul.socialNetworkSmall li:hover.youtube { background: url(images/home_youtube_logo_hover.png) no-repeat top center;} ul.socialNetworkSmall li.friendfeed { background: url(images/home_friendfeed_logo.png) no-repeat top center;} ul.socialNetworkSmall li:hover.friendfeed { background: url(images/home_friendfeed_logo_hover.png) no-repeat top center;} ul.socialNetworkSmall li.webslice { background: url(images/home_webslice_logo.png) no-repeat top center;} ul.socialNetworkSmall li:hover.webslice { background: url(images/home_webslice_logo_hover.png) no-repeat top center;} .treeCols { overflow: hidden; } .treeCols .leftColumn { float: left; display: inline; overflow: hidden; width: 31%; margin-right:14px; } .treeCols .leftColumn .wrapper { margin: 0 7px 15px 0; zoom: 1; } .fullWidth { overflow: hidden; } /* ------------------------------ NAVBAR ------------------------------ */ #navbar { font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold; height:40px; overflow: hide; } #navbar li { list-style:none; display:inline; } #navbar a { width:100px; color:#fff; text-decoration:none; float:left; padding:12px 0px 13px 0px; margin:0; text-indent: -99999px; } #navbar a.home { width:63px; background:url("images/navbar-blue.png") 0 0 no-repeat; } #navbar a.programmi { width:111px; background:url("images/navbar-blue.png") -63px 0 no-repeat; } #navbar a.community { width:108px; background:url("images/navbar-blue.png") -174px 0 no-repeat; } #navbar a.webtv { width:137px; background:url("images/navbar-blue.png") -282px 0 no-repeat; } #navbar a.concerti { width:92px; background:url("images/navbar-blue.png") -419px 0 no-repeat; } #navbar a.magazine { width:96px; background:url("images/navbar-blue.png") -511px 0 no-repeat; } #navbar a.stylerock { width:109px; background:url("images/navbar-blue.png") -607px 0 no-repeat; } #navbar a.frequenza { width:105px; background:url("images/navbar-blue.png") -716px 0 no-repeat; } #navbar a.giochi { width:70px; background:url("images/navbar-blue.png") -821px 0 no-repeat; } #navbar a.home:hover { background-position: 0 -37px; } #navbar a.programmi:hover { background-position: -63px -37px; } #navbar a.community:hover { background-position: -174px -37px; } #navbar a.webtv:hover { background-position: -282px -37px; } #navbar a.concerti:hover { background-position: -419px -37px; } #navbar a.magazine:hover { background-position: -511px -37px; } #navbar a.stylerock:hover { background-position: -607px -37px; } #navbar a.frequenza:hover { background-position: -716px -37px; } #navbar a.giochi:hover { background-position: -821px -37px; } #navbar a:active { background-position:0 -37px; } /* ------------------------------ REGISTRATION FORM ------------------------------ */ form#registration { width: 660px; padding:0px; margin: 0; background: #F2EFD9; color: #000; font-size: 12px; } form#registration a { color:#000; } form#registration a:hover { background:#ccc; } form#registration p { clear:left; } form#registration h3 { font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 10px; padding-top: 10px; border-top: 5px solid #d00000; } form#registration dl { margin:0px; padding: 0.5em; background: #FFFFFF; } form#registration dt { float: left; clear: left; width: 150px; text-align: right; color: #000000; } form#registration dt:after { content: ""; } form#registration dd { margin: 0 0 0 160px; padding: 0 0 0.5em 0; } form#registration dl input { margin:0.2em 0 0 0.2em; } form#registration dl dd input { font-size:1.6em; width:98%; border: 1px solid #DCDCDC; padding-top:2px; padding-bottom: 2px; } form#registration dl dd textarea { font-size:1.6em; width:100%; } form#registration dl dd input[type=radio], form#registration dl dd input[type=checkbox] { font-size:1.6em; width:25px; padding: 0 5px 0 5px; } form#registration p.radio input[type=radio] { font-size:1.6em; width:25px; padding: 0 5px 0 5px; } .readonly { border: 1px solid #F8F8F8 !important; background: #F8F8F8; } .small { width: 50px; } form#registration dl dd ul.error { display:block; width:100%; margin:0.3em 0 0 -10px; padding:0; font-size:1.1em; color: #CC0000; } form#registration dl dd p { width:100%; margin:0.1em 0 0 0; } form#registration dl fieldset { width: 100%; border: none; margin-left:-5px; } form#registration dl fieldset dt { float: left; } form#registration dd.day, form#registration dd.month { float: left; width: 65px !important; margin: 0 0 0 10px; } form#registration dl fieldset dd select { width: 90%; } form#registration dl fieldset dd.year { float: left; width: 85px !important; margin: 0 0 0 10px; } /*------------------------------------------------- WEBRADIO -------------------------------------------------*/ .webradio { background:#000000; padding: 10px 4px 0px 10px; margin-bottom: 20px; } .webradio span.h2Wrapper { text-indent: -99999px;} ul.webradioSmall { background:#000000; margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.webradioSmall li { position: relative; display: block; float: left; width: 49%; margin: 0px 0 10px 0; border-bottom: 1px dotted #333; padding: 0 0 10px 0; } ul.webradioSmall li div.webradioContainer { padding: 0 0 0 65px; } ul.webradioSmall div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.webradioSmall strong a { color: #fff !important; font-weight: 500;} ul.webradioSmall strong a:hover { color: #fff; text-decoration: underline; } ul.webradioSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #333; padding: 1px; cursor: pointer; } ul.webradioSmall div.webradioContainer p strong { display: inline; border: 0; } /*---------------------------------------------- LOGIN -----------------------------------------------*/ div.header .boxLogin { position:absolute; right:0px; top:115px; width:280px; margin:0; margin-right:15px; color:#fff; margin-top:10px; padding:0px 6px 0px 6px;} #loginHead { background: #000000;padding:2px 0px 6px 6px;} #loginHead label { display:block;margin-top:5px;} #loginHead input { border:0; margin-right:10px;background:#F1F1F1;} #loginHead input:hover { background:#FFC} #loginHead .submit { -moz-border-radius:5px; text-align:center; background:#F00; color:#fff; font-size:10px; font-weight:bold;} #loginHead .submit:hover { background:#F00;} /*------------------------------------------------- CONTEST (viewHelper) s:contest -------------------------------------------------*/ h2.contest { margin: 15px 0px 2px 0px; padding: 0; color: #D51007; font-size: 18px; line-height: 13px; border-top: 1px dotted #ccc; } h2.contest .h2Wrapper { display: block; padding: 15px; } h2.contest .h2Wrapper a { text-decoration: none;} h2.contest .h2Wrapper a:hover { text-decoration: underline; } h2.contest .h2Wrapper a { color: #D51007; } #contestWrapper form{ border:1px solid #F1F1F1; } #contestWrapper .contestForm { margin: 0px 15px 0px 15px;} #contestWrapper .contestForm dt { margin: 15px 0px 0px 0px; font-size: 12px; font-weight: bold; background:#F1F1F1;padding:5px;} #contestWrapper .contestForm dd { margin: 0px; font-size: 12px;} #contestWrapper .contestForm #conferma {border:0; margin:0;padding:5px; text-align:center; background:#484848; -moz-border-radius:5px; -webkit-border-radius:5px; color:#f1f1f1;margin:3px;} #contestWrapper p { padding-left:15px; padding-top:5px; margin:0px; font-size:12px;} #contestWrapper p a{ font-weight:bold; color:#D51007;} /*------------------------------------------------- VIRGIN CHART (component) s:virgin-chart -------------------------------------------------*/ div.virginChart { font-size: 12px; height:75px; line-height: 18px; border-bottom:1px dotted #DCDCDC; padding: 10px 0 5px; } div.virginChart .numero { width:35px; height:25px; font-size:22px; font-weight:bold; float:left; text-align:center; } div.virginChart .stato { width:35px; height:25px; text-align:center; float:left; } div.virginChart .coverArt { width:65px; text-align:center; float:left; } div.virginChart .positionCell { width:35px; float:left; text-align:center; } div.virginChart .coverArt img { border: 1px solid #DCDCDC; padding: 1px; } div.virginChart .subjectCell {float:left; width:350px;} div.virginChart .subjectCell h1 { color:#d00000; font-size: 13px; font-weight: bold;} div.virginChart .subjectCell h2 { color: #000000; font-size: 12px;} div.virginChart .subjectCell p { color: #000000; font-size: 11px; margin: 0px; text-align:right;} /*------------------------------------------------- VIRGIN CHART (component) s:virgin-chart -------------------------------------------------*/ div.virginTopChart { font-size: 12px; height:60px; line-height: 18px; border-bottom:1px dotted #DCDCDC; padding: 10px 0 5px; } div.virginTopChart .numero { width:35px; height:25px; font-size:22px; font-weight:bold; float:left; text-align:center; } div.virginTopChart .stato { width:35px; height:25px; text-align:center; float:left; } div.virginTopChart .coverArt { width:65px; text-align:center; float:left; } div.virginTopChart .positionCell { width:35px; float:left; text-align:center; } div.virginTopChart .coverArt img { border: 1px solid #DCDCDC; padding: 1px; } div.virginTopChart .subjectCell {float:left; width:350px;} div.virginTopChart .subjectCell h1 { color:#d00000; font-size: 13px; font-weight: bold;} div.virginTopChart .subjectCell h2 { color: #000000; font-size: 12px;} div.virginTopChart .subjectCell .play { position:relative; right:-20px; top:0px; color: #000000; font-size: 11px; margin: 0px; width: 50px; float:right;} /*------------------------------------------------- HOME PHOTOGALLERY (component) -------------------------------------------------*/ div.col4 .boxPhotogallery {width:300px;margin:0;padding:0;margin-bottom:10px;} div.col4 .boxPhotogallery .T {background-image:url(images/titPhotogallery.gif);background-position:top left; background-repeat:no-repeat;display:block;width:300px;height:30px;margin-bottom:1px;} div.photosAnteprimaWrapper { float: left; width: 300px; margin-top: 0px; } div.photosAnteprimaWrapper ul.photoSmall li { background: white; border: 1px solid rgb(204, 204, 204); display: inline; float: left !important; height: 60px; margin: 0px 4px 10px 0px; padding: 2px; width: 90px; } div.photosAnteprimaWrapper ul.photoSmall li a { display: block; height: 60px; overflow: hidden; width: 90px; } div.photosAnteprimaWrapper ul.photoSmall li .block { display: none; } div.photosAnteprimaWrapper ul.photoSmall li .block { display: none; } #left div.photosAnteprimaWrapper { float: left; width: 630px; } #left div.photosAnteprimaWrapper ul.photoSmall { margin-top: 10px; } #left div.photosAnteprimaWrapper ul.photoSmall li { margin: 0px 0px 10px 10px; width: 90px; } div.photosAnteprimaWrapper ul.photoSmall li.moore { background: white; text-align: right; display: block; border: none; float: left !important; height: 25px; margin: 0px 10px 0px 0px; padding: 0px; width: 300px; } div.photosAnteprimaWrapper ul.photoSmall li.moore a { width: auto; height: auto; font-size: 12px;} /*------------------------------------------------- -------------------------------------------------*/ .homeBannerLarge { clear: both; display: inline; padding: 10px 0 0 0; } .homeBannerLarge .column_1 { float: left; width: 315px; margin-bottom: 20px;} .homeBannerLarge .column_2 { float: left; width: 315px; margin-bottom: 20px; display: inline; margin-left: 16px} .homeBannerLarge .wrapper { display: inline; margin-bottom: 5px; width: 315px; } .homeBannerLarge .wrapper img { border: 1px solid #DCDCDC; padding: 1px;} .homeBannerLarge .wrapper h3 { margin: 5px 0px 0px 0px; width: 315px; color: black; line-height: 1.2em; font-size: 150%;} .homeBannerLarge .wrapper p { margin: 0px; width: 315px;font-size: 12px;} /*------------------------------------------------- FORUM -------------------------------------------------*/ #bodypageforum iframe { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #bodypageforum iframe div.logbaloon div{ float: left; } /*------------------------------------------------- BOXGRID CONTENT -------------------------------------------------*/ body.int .boxgrid, .boxgrid{ width: 300px; height: 260px; margin:0px 0px 10px 0px; float:left; background:#161613; overflow: hidden; position: relative; } body.int .boxgrid{ margin:10px 10px 10px 0px; } .boxgrid h3{ margin: 10px 10px 5px 10px; color:#FFF; font-size:18px; letter-spacing:-1px; font-weight: bold; line-height: 24px; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; } .boxcaption{ float: left; position: absolute; background: #000; height: 260px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 264px; left: 0; } .caption .boxcaption { top: 224px; left: 0; } .slidedown .boxcaption { top: 224px; left: 0; } .zend_form textarea{ font-size:12px; }