* {margin: 0; padding: 0; } body { text-align:center; color:#666; background: #fff; font-size: 13px;font-family:Arial,Helvetica,"Trebuchet MS", sans-serif; } .clear {clear:both;display:block;font-size:1px;} a {color:#99001B;} /*= reset default styles */ ul, ol, li {list-style-type:none;} fieldset {border:0;} /* CSS Rounded Corners */ .curved .b1 { display:block; overflow:hidden; height:1px; font-size:1px; } .curved .b1 { margin:0 1px; } .curved .boxcontent { display:block; border-width:0 1px; } /* Border Color */ .curved .b1 { background:#ccc;} .curved .boxcontent { border-left:1px solid #ccc; border-right:1px solid #ccc;} /* Background Color */ .curved .boxcontent { background:#efefef;} .curved { margin-bottom: 10px; } /*new footer*/ #wrap-footer{border-top:1px solid #787878; border-bottom: 6px solid #950025; background: url('http://s.play.me/img/playme/home/bg-footer.png?v=1283435123') 0px 0px repeat-x;} /* -- Containers -- */ #g_headwrap { margin:0 auto; position:relative; z-index:1600; background: url('http://s.play.me/img/playme/header/bg-head.jpg?v=1283435123') 0 0 repeat-x} #g_headwrap .g_container {position: relative; width:988px; padding: 0px 0 0px 0; } #g_menuwrap { margin:0 auto; position:relative; z-index:1600;} #g_menuwrap .g_container {position: relative; height:0px;} .g_container {width: 990px; margin: 0 auto; text-align:left;} #g_headwrap a img {border: none;} #g_headwrap a:link, #g_headwrap a:visited{color: #FFF;} #g_headwrap a:hover, #g_headwrap a:active, #g_headwrap a:focus {background: transparent;} #g_headwrap #head_logo{ display: inline; float: left; overflow:hidden;} #g_headwrap #head_logo a{display: block; outline: none; padding: 10px 0 21px 0 } #g_headwrap #head_logo a:hover, #g_headwrap #head_logo a:active{background: none;} #g_headwrap #head_logo a span {text-indent:-9000px; position:absolute; display:block; width:1px; height:1px; text-overflow:hidden;} #g_headwrap h2 {border-left:1px solid #4E4E4E; margin:22px 0 0 0; padding-left:20px; line-height:35px; font-size:16px; font-weight:normal; color:#CCC; height:35px; width:150px; float:left; overflow:hidden;} #g_headwrap h2 span{font-size:12px;} #head_search { width:294px; position: relative; float:left;} #head_search_inner { height: 36px; width:259px; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -142px 0px no-repeat; padding: 7px 0px 0 6px; width:259px; } #head_search:hover {background-position: right -1136px; } #head_search label, #footer_search label {position: absolute; left: -9999px;} #head_search #gquery, #footer_search #gquery {font-size: 13px; font-weight:bold; color: #222; height: 16px; font-style:italic; font-family:Helvetica; border: none; padding:5px; margin: 3px 10px 0 3px; width:230px; background: transparent;} #head_search #gquery:focus, #head_search #gquery:active, #footer_search #gquery:focus, #footer_search #gquery:active {background: none;} #head_search #searchinput, #footer_search #searchinput {font-size:11px; color:#fff; text-transform:uppercase; font-weight:bold; background: url('http://s.play.me/img/playme/general/general-icons.png') -365px -61px no-repeat; position: absolute; left: 259px; top: 5px; display: block; width: 36px; height: 36px; cursor: pointer; border: none; } #head_search_top {width: 172px; float:right; background: url('http://s.play.me/img/playme/header/bg-search-top-nolog.jpg?v=1283435123') 0 0 no-repeat; position: relative; } #head_search_inner_top {width:140px; padding: 0px 25px 0 6px; } #head_search_top:hover {} #head_search_top label {position: absolute; left: -9999px;} #head_search_top #gquery { font-size: 11px; font-weight: normal; color:#666; height: 24px; border: none; margin:4px 0; background: transparent; color:#000} #head_search_top #searchinput, #footer_search #searchinput {border:3px solid green;font-size:11px; color:#fff; text-transform:uppercase; font-weight:bold; background: url('http://s.play.me/img/playme/header/bg-button-search-top-nolog.jpg?v=1283435123') 0 0 no-repeat; position: absolute; left: 141px; top: 0px; display: block; width: 32px; height: 31px; cursor: pointer; border: none; } #g_head, #g_topMenu, #g_bottomMenu {width:100%; margin:0 auto;} #box .g_container {position:relative;} #box {border-left:1px solid #444; clear:both; height:auto !important; margin:0px auto; text-align:center; } /* -- New Header -- */ /* -- User Details and Login -- */ #g_headwrap #head_user {float:right; margin: 25px 0px 0 0; font-size: 10px; width:380px; } #g_headwrap #no-logged_user a#button-login {text-shadow: 3px 3px 3px #000; float:right;font-size:14px; font-weight:bold;text-align:center;display:block; width:85px; padding: 14px 0 14px 0; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') 0px 0px no-repeat;} #g_headwrap #no-logged_user a#button-login:hover{background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') 0px -56px no-repeat;} #head_user a.sign-up-header{background: url('http://s.play.me/img/playme/header/unlock.gif?v=1283435123') 0px 0px no-repeat; padding: 0 0 0 10px} #g_headwrap #no-logged_user p{ text-transform:uppercase; margin: 0 15px 0 0px; } #g_headwrap #no-logged_user a{font-size:10px; text-decoration:none} #welcome {margin:0; padding-bottom:3px; overflow:hidden; font-size:10px; float:right; } #welcome-user{float:left; margin:0; padding-bottom:3px; padding-left:4px; overflow:hidden; font-size:11px; } #welcome-user a, #welcome a{color:#000; text-decoration:none} #welcome a{text-decoration:none} #welcome-user a:link, #welcome a:link{text-decoration:none} #welcome-user a:hover, #welcome a:hover{text-decoration:underline} #welcome p {padding:0; font-size:11px; float:left; color:#000; overflow: hidden; white-space:nowrap;} #welcome p.link-account{padding:0 6px 0 10px; border-right:1px solid #171717;} #welcome p .sep{padding:0px 8px; color:#999;} #welcome p#user-logout{font-size:10px; float:left; padding:1px 3px 0 0; text-transform:uppercase;} #welcome p#user-logout a{padding:0px 0 0 10px; display:block; background: url('http://s.play.me/img/playme/header/lock_app.gif') 0px 2px no-repeat;} /* */ #g_headwrap #welcome { margin: 5px 0 0 0; overflow: hidden; font-size: 11px; float:right; } #g_headwrap #welcome p {padding: 0px 0 0 0; font-size:11px; float:left; color:#fff; overflow: hidden; white-space: nowrap;} #g_headwrap #welcome p.link-account{padding: 0 6px 0 10px; border-right:1px solid #171717;} #g_headwrap #welcome p .sep{padding:0px 8px; color:#999;} #g_headwrap #welcome p#user-logout{font-size:10px; float:left; padding: 1px 10px 0 0; text-transform:uppercase;} #g_headwrap #welcome p#user-logout a{padding: 0px 0 0 10px; display:block; background: url('http://s.play.me/img/playme/header/lock.gif?v=1283435123') 0px 2px no-repeat;} /*streaming classes*/ .strOk {color:#000;} .strKo {color:#99001B;} /* -- Menu Rounded Buttons -- */ .gButton img{border: none; vertical-align: top;} .gButton span {display: -moz-inline-box; display: inline-block; } /* -- Subnav -- */ /* -- Alerts -- */ #g_alerts_int {background:#fff; border:2px solid #c00; padding:20px 0; margin:0 0 10px 0; color:#c00; font-weight:bold; text-align:center;} .g_alerts {background:#fee580; border:1px solid #ffb286; padding:5px; margin:0 0 5px 0; color: #000} .g_alerts p {background-position: 0 50%; background-repeat: no-repeat; text-align:left; padding:0 0 0 20px} /*Footer*/ #g_footer, #g_artists { font-size: 13px; clear:both; margin:0px auto; color:#999} #g_artists .g_container {margin: 0px auto;} #g_footer .g_container {margin: 0px auto; } #g_footer .g_container a{text-decoration:none; font-size:11px; font-weight:normal; color:#fff;} .g_container #link-footer{overflow:hidden; padding: 10px 0 0px 0px; font-size:11px;} .g_container #link-footer li{float:left; padding: 0 30px 0 0} .g_container #link-footer li#logo-footer{ float:right; padding: 0px; margin-top:-1px; } p#copy-footer{ font-size:12px; padding: 1px 0px 0 0px; color:#333; text-align:right; margin: 0 auto; width:990px; } #g_disclaimer {width: 960px} #footer-artist{padding:10px 0 10px 0; margin:0px; border-bottom:1px dashed #ccc; position:relative;} #footer-artist ul li {width:168px; max-width:168px; overflow:hidden; float:left; margin:0; padding:0; color:#fff;} #footer-artist ul li a, #g_footer a{text-decoration:none; font-size:11px; font-weight:normal; color:#fff; margin:0; padding:0} #footer-artist ul li a:link, #g_footer a:link {text-decoration:none; font-weight:normal; color:#fff} #footer-artist ul li a:hover, #g_footer a:hover{text-decoration:underline; font-weight:normal; } a#google-subscribed-link{ background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -662px -187px no-repeat; height:47px; width:134px; position:absolute; right:0; top:50px;} ul#social{border-bottom:1px dashed #ccc; padding: 10px 0 10px 0px;/**/ overflow:hidden; position:relative; } ul#social li{ float:left; height:30px;} ul#social li.right-side{ position:absolute; right:0; padding:0; margin-top:-10px} ul#social li a{padding:0px 0px 0px 35px; display:block; line-height:30px;} ul#social li a.Facebook{ background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -764px -5px no-repeat;} ul#social li a.Twitter{ margin-left:20px; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -645px -5px no-repeat;} ul#social li a.Vimeo{ margin-left:20px; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -525px -5px no-repeat;} ul#social li a.YouTube{ margin-left:20px; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -764px -125px no-repeat;} ul#social li a#more{margin-left:20px; padding:0px 0 0 5px; border-left:2px solid #ccc} ul#social li.right-side a{float:left; margin: 8px 0px 0 15px; padding:0} ul#social li.right-side a.blog{ width:118px; height:37px; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -529px -58px no-repeat;} ul#social li.right-side a.satisfaction{ width:128px; height:37px; background: url('http://s.play.me/img/playme/general/general-icons.png?v=1283435123') -667px -58px no-repeat;} /*= pagination */ #pag, .loop_pages_serv {text-align:right; font-size:11px; margin:2px 0; font-variant:small-caps;} .loop_pages_serv {float:none; display:block; margin:0; padding:5px; background:#f3f3e9;} #pag p {float:left;} #pag a, .loop_pages_serv a, .loop_pages a {margin:0 1px;} #pag a:hover img {background:none;} #pag span, .loop_pages_serv span, .loop_pages span, #alphabet span.letter_selcted {background:#8E897F; border:1px solid #fff; color:#fff; font-weight:bold; margin:0 2px; padding:0 2px; text-align:right;} #alphabet{text-align:right; padding:5px;} #alphabet span {text-transform : uppercase; padding:0 2px;} #alphabet span.letter_selcted {padding:0 4px; font-weight:normal;} /*pagination*/ .loop_pages {color:#9E102A; font-size:12px; padding:0px; margin:0px; height:auto; background-color:trasparent;} a#next-page{ display:inline-block; width:25px; height:25px; background: url('http://s.play.me/img/playme/store/buttons-general-icons.gif?v=1283435123') -400px -100px no-repeat;} a#previous-page {display:inline-block; width:25px; height:25px; background: url('http://s.play.me/img/playme/store/buttons-general-icons.gif?v=1283435123') -500px -100px no-repeat;} /* Icon table for ranking*/ .g_icons, .h_icons, a.h_icons:hover, .g_gsi, .gsi {background:transparent url('http://s.play.me/img/playme/home_icons.gif?v=1.0028?v=1283435123') 0 0 no-repeat; } .h_newwin, .h_newwin:hover {display:inline; padding-left:12px; background-position:-400px -798px;} .h_ico_rss {position:absolute; background-color:#E1DED9; top:0; right:0; width:16px; background-position:-800px -800px} .img_invite {position:absolute; display:none; top:77px; right:4px; width:16px; height:16px; background-position:-400px -200px; z-index:1500;} .img_invite:hover {clear:both; border:0 !important; z-index:1500;} /* End class & Position for icons*/ #g_headsearch {float:left; padding:6px 0 0 0; display:inline; margin-right:15px;} #g_headsearch ul {padding:0 5px 0 0; color:#ccc;} #g_headsearch ul li {float:left; display:inline; padding:0 20px 0 0;} #g_headsearch ul li a {font-weight:bold;} #g_headsearch .text_search {padding:1px; width:170px;} #g_headsearch button, #g_headsearch .text_search {font-family:Arial; font-size:12px;} .play_btn_full, .play_btn_preview {width: 32px; height: 32px; background: transparent url('http://s.play.me/img/playme/store/buttons-general-icons.gif?v=1283435123') no-repeat 0px -100px;} .play_btn_preview {background-position: 0 -100px} .play_btn_full:hover {background-position: 0 -132px} .play_btn_preview:hover {background-position: 0 -132px} .add_btn_full, .add_btn_preview {width:35px; height:17px;} .queue_link {position: relative; padding: 0; margin: 2px 0 0 0; display: block; height: 14px; overflow: hidden; clear: both;} .list-item.g_toggle_text .queue_link, #content.sub-content .list-item .queue_link{padding: 0 0 0 3px } .list-item .mp3-noprofile .queue_link{padding: 0 0 0 3px} .queue_link .add_btn_full, .queue_link .add_btn_preview {position: absolute; left: 0; top: 0;} .queue_link a {font-size:10px;} .queue_link .add_active {display: none;} .queue_link .done {font-size: 10px; font-weight: normal; text-align: center; width:33px; display: block;} .add_active{background-position: 0px -36px;} .add_active:hover{background-position: 0px -36px;} .play_btn, .add_active .play_btn {width: 13px; height: 12px; background: transparent url('http://s.play.me/img/musicstore/miniplay/play.gif?v=1283435123') 0 0 no-repeat; vertical-align:middle;} .play_btn:hover {background-image: url('http://s.play.me/img/musicstore/miniplay/play-hover.gif?v=1283435123')} .add_active .play_btn {background-image:url('http://s.play.me/img/musicstore/miniplay/add.gif?v=1283435123'); background-position: 0px -24px} .add_active .play_btn:hover {background-position: 0px -24px} /* Nuovi stili footer */ .box_footer {margin-right:30px; width:220px; display:inline; float:left; position:relative;} .container_footer {background:#DEDEDE url(http://s.play.me/img/musicstore/bottom-footer.gif) repeat-y left bottom; padding:0 0 6px; overflow:visible} .content_footer {width:220px;} .content_footer h2 {font-size:12px; text-transform:uppercase; color:#333; padding-left:10px; padding-top:4px; font-weight:bold;} .content_footer ul {padding:10px;} .content_footer li {line-height:18px; font-size:11px; color:#333;} .content_footer li a {color:#333;} .content_footer li a:hover {text-decoration:underline;} #g_disclaimer a:hover {color:#333; background:transparent;} /*Modal login*/ .of_container { position: relative; } .of_bkg, .of_round { background-color: black; filter: alpha(opacity=50); opacity: 0.5; position:absolute; z-index:-1; } .of_round { height: 1px; line-height: 1px; font-size:1px; overflow:hidden; } .of_bkg { bottom:0; left:0; right:0; top:0; } .of_radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .of_noradius { bottom:2px; top:2px; } .of_ie6 { height: expression((this.parentNode.clientHeight-5)+"px"); width: expression(this.parentNode.clientWidth+"px"); } .of_top1, .of_bot1 { left: 2px; width: expression((this.parentNode.clientWidth-4)+"px"); } .of_top2, .of_bot2 { left: 1px; width: expression((this.parentNode.clientWidth-2)+"px"); } .of_top1 { top: 0; } .of_top2 { top: 1px; } .of_bot1 { bottom: 0; } .of_bot2 { bottom: 1px; } .of_close { color:#fff; font-size:13px; text-align:right; padding: 0px 5px; margin: 8px 0px 3px; } .of_close a { color:#fff; text-decoration:none; background:transparent url(http://s.play.me/img/musicstore/fastdownload/chiudi.gif) no-repeat scroll right top; display:block; padding-right:20px; line-height:18px; } .of_window { margin: 16px; background-color:transparent; } .of_notop { margin-top: 0; } .of_wait { background: transparent url(http://s.play.me/img/musicstore/fastdownload/fast_download_wait.gif) no-repeat 50% 50%; }