.FilterWithList-w1{ background:url(/content/images/jquery/jquery.FilterWithList.shadow.png) no-repeat bottom right; position:absolute; top:18px; left:0; z-index:8000; } * html .FilterWithList-w1{ background:none; top:3px; } .FilterWithList{ background:#fff; border:1px solid #999; width:300px; max-height:350px; font-size:11px; text-align:left; cursor:default; overflow:auto; overflow-x:hidden; } .FilterWithList .selected { background:none; background-color:#f0f0f0; background-position:right -22px; } .FilterWithList div{ white-space:nowrap; padding:2px 25px 2px 5px; height: 15px; } .FilterWithList strong{ font-weight:bold; color:#FF9900; } .FilterWithList .title{ display:block; float:left; margin:0; overflow:hidden; padding:0; width:193px; } .FilterWithList .type{ display:block; float:right; color: #dcd9d4; margin:0; padding:0; }  .FilterWithList-w1{ background:url(/content/images/jquery/jquery.FilterWithList.shadow.png) no-repeat bottom right; position:absolute; top:18px; left:0; z-index:8000; } * html .FilterWithList-w1{ background:none; top:3px; } .FilterWithList{ background:#fff; border:1px solid #999; width:300px; max-height:350px; font-size:11px; text-align:left; cursor:default; overflow:auto; overflow-x:hidden; } .FilterWithList .selected { background:none; background-color:#f0f0f0; background-position:right -22px; } .FilterWithList div{ white-space:nowrap; padding:2px 25px 2px 5px; height: 15px; } .FilterWithList strong{ font-weight:bold; color:#FF9900; } .FilterWithList .title{ display:block; float:left; margin:0; overflow:hidden; padding:0; width:193px; } .FilterWithList .type{ display:block; float:right; color: #dcd9d4; margin:0; padding:0; }  .warning{ background:#fff; border:#ff9900 3px solid; width:200px; padding:15px 15px 5px; position:fixed; z-index:999999; display:none; } * html .warning{ position:absolute; } .warning a{ color:#67635A; cursor:pointer; } .warning a:hover{ color:#ff9900; } .warning .close{ background-position:-1187px -400px; width:13px; height:13px; position:absolute; text-indent:-20000px; top:5px; right:5px; } .warning h3{ margin:0 0 5px; } .warning h3, .warning h3 a{ font-size:13px; color:#67635A; } .warning h4{ margin:0 0 10px; } .warning h4, .warning h4 a, .warning p{ font-size:11px; color:#ACA39A; } .warning h5{ margin:0 0 10px; } .warning h5, .warning h5 a{ text-transform:uppercase; font-size:12px; color:#67635A; } .warning h5 a{ color:#ff9900; } .warning h5 a:hover{ color:#67635A; } .warning h6, .warning h6 a{ font-size:11px; color:#ACA39A; } .warning h6 a{ text-decoration:underline; } .warning strong, .warning strong a{ color:#67635A; } .warning label{ width:100%; line-height:15px; font-size:11px; font-weight:bold; color:#67635A; display:block; margin:0 0 5px; } .warning input, .warning textarea{ background:#fff; border:#BEB7AF 1px solid; width:185px; font-size:11px; font-weight:bold; color:#BEB7AF; float:left; resize:none; padding:5px; margin:0 0 5px; } .warning textarea{ height:70px; } .warning input.submit{ background-color:transparent; background-position:-300px -50px; border:0; width:52px; height:20px; cursor:pointer; float:left; display:inline; } .warning dl{ display:block; margin:15px 0 10px; } .warning dt{ color:#67635A; font-weight:bold; display:block; margin:0 0 5px; } .warning dd{ margin:0 0 2px; } .warning dd, .warning dd a{ color:#ACA39A; font-weight:bold; } .warning dd a{ text-decoration:underline; } .warning .btnCancel, .warning .btnContinue{ background-color:#C8C3BF; line-height:16px; color:#fff; float:left; font-weight:bold; padding:2px 5px; margin:10px 10px 5px 0; } .warning .btnContinue{ background-color:#746B64; text-transform:uppercase; } .warning .btnCancel:hover, .warning .btnContinue:hover{ background-color:#ff9900; color:#fff; } .warning .openList, .warning .closeList{ background-color:#ff9900; line-height:16px; color:#fff; display:block; padding:0 0 0 20px; margin:-5px 0 10px; } .warning .openList{ background-position:-1185px -950px; } .warning .openList:hover{ background-position:-1185px -970px; color:#fff; } .warning .closeList{ background-position:-1185px -1020px; margin:-5px 0 0; } .warning .closeList:hover{ background-position:-1185px -1000px; color:#fff; } .warning .scroll{ display:none; height:150px; overflow-x:hidden; overflow-y:scroll; margin:0 0 5px; } .warning .scroll ul li{ padding:5px 0; } .warning .scroll ul li span{ color:#ACA39A; padding:0 5px; } .warning .scroll ul li a:hover{ color:#ff9900; } .warning a.mail, .warning a.like, .warning a.dontlike, .warning a.empty, .warning a.del{ line-height:14px; color:#ACA39A; font-weight:bold; display:block; margin:0 0 5px; } .warning a.mail:hover, .warning a.like:hover, .warning a.dontlike:hover, .warning a.empty:hover, .warning a.del:hover{ color:#ff9900; } .warning a.mail span, .warning a.like span, .warning a.dontlike span, .warning a.empty span, .warning a.del span{ width:14px; height:14px; display:inline-block; margin:0 5px 0 0; } .warning a.mail{ border-bottom:#ACA39A 1px solid; line-height:16px; padding:0 0 5px; margin:10px 0; } .warning a.mail span{ background-position:-900px -400px; width:22px; height:16px; } .warning a.mail:hover span{ background-position:-1000px -400px; } .warning a.like span{ background-position:-1186px -650px; } .warning a.dontlike span{ background-position:-1186px -700px; } .warning a.empty span{ background-position:-900px -700px; } .warning a.del span{ background-position:-1187px -1100px; } .warningContainer{ background:#fff; border:#ff9900 3px solid; width:230px; position:fixed; z-index:999999; display:none; } * html .warningContainer{ position:absolute; } .warningContainer .warning{ border:none; position:relative; float:left; display:inline; } .warningContainer .pagination{ margin:5px; } .warningContainer .pagination li{ margin:0 0 0 5px; } .doubleSize{ width:430px; } .doubleSize .warning{ width:400px; } .musicLimit{ width:400px; } .musicLimit *{ font-size:11px!important; } .musicLimit div{ width:180px; float:left; display:inline; } .musicLimit h3{ background:#f9f9f9; width:24px; line-height:120px; height:120px; text-align:center; float:left; display:inline; margin:0 10px 0 0; } .notLogged{ border-width:5px; width:660px; float:left; padding:0 0 10px; } .notLogged .title{ background:#ff9900; padding:3px 30px 7px 5px; } .notLogged .title h3{ color:#fff; font-size:16px; padding:0; margin:0; } .notLogged .close{ background-position:right -400px; width:auto; color:#fff; text-indent:0; text-transform:lowercase; top:7px; right:7px; padding:0 16px 0 0; } .notLogged .close:hover{ color:#fff; } .notLogged h4{ color:#978E81; font-size:16px; } .notLogged h4 strong{ color:#ff9900; font-size:16px; } .notLogged .info{ width:360px; float:left; display:inline; margin:10px 20px; } .notLogged .info ul{ margin:0 0 10px; } .notLogged .info ul li{ list-style:disc inside; font-weight:bold; color:#978E81; font-size:12px; } .notLogged fieldset{ float:left; padding:10px; } .notLogged fieldset fieldset{ float:none; padding:0; } .notLogged fieldset label{ font-weight:normal; color:#978E81; } .notLogged fieldset input{ padding:2px; } .notLogged fieldset input.pass{ width:125px; margin:0 10px 0 0; } .notLogged .newUser{ border-top:#ff9900 5px solid; width:620px; float:left; clear:left; padding:10px 20px; } .notLogged .newUser ul{ float:left; } .notLogged .newUser ul li{ background:#f2f0ed; width:194px; height:155px; float:left; display:inline; position:relative; padding:3px; margin:0 3px; } .notLogged .newUser ul li h3{ background-position:-1173px -1250px; font-size:14px; color:#fff; padding:5px 5px 5px 30px; } .notLogged .newUser ul li h4{ padding:5px 5px 5px 30px; margin:0; } .notLogged .newUser ul li.free h3, .notLogged .newUser ul li.free a:hover{ background-color:#87b729; } .notLogged .newUser ul li.free h4{ color:#87b729; } .notLogged .newUser ul li.unlimited h3, .notLogged .newUser ul li.unlimited a:hover{ background-color:#ba0000; } .notLogged .newUser ul li.unlimited h4{ color:#ba0000; } .notLogged .newUser ul li.clube h3, .notLogged .newUser ul li.clube a:hover{ background-color:#ff9900; } .notLogged .newUser ul li.clube h4{ color:#ff9900; } .notLogged .newUser h5{ color:#5D5950; font-size:11px; text-transform:none; padding:0 30px 5px 30px; } .notLogged .newUser a{ background:#5D5950; width:70px; text-align:center; font-size:12px; color:#fff; text-transform:lowercase; font-weight:bold; display:block; padding:3px 15px; margin:auto; } .notLogged .newUser h6{ color:#5D5950; font-size:10px; font-weight:normal; text-align:center; padding:5px 0; } .center ul li{ left:110px; } .logged .info{ border:none; } .logged fieldset{ display:none; } .fastPlaylist{ width:500px; } .fastPlaylist h3{ color:#47433A; font-size:22px; } .fastPlaylist p{ color:#A19E99; font-size:18px; } .fastPlaylist h4{ background:#eee; color:#7B7369; font-size:18px; font-weight:normal; padding:15px; margin:10px 0; } #PlaylistsListOverlay{ display:block; max-height:200px; overflow-y:auto; } * html #PlaylistsListOverlay{ height:200px; } .rights{ width:240px; height:400px; overflow:hidden; display:block; padding:10px; } .rights h3{ color:#47433A; font-size:18px; } .rights h4{ font-size:12px; } .rights h4 strong{ color:#47433A; } .rights h5{ color:#47433A; text-transform:none; } .rights ul li{ line-height:11px; font-size:11px; font-weight:normal; } .rights .albumInfo{ background:#eee; width:230px; height:45px; float:left; display:inline; overflow:hidden; padding:5px; margin:10px 0 0; } .rights .albumInfo img{ width:45px; height:45px; float:left; display:inline; margin:0 10px 0 0; } .rights .albumInfo h4, .rights .albumInfo h5{ width:175px; height:16px; overflow:hidden; font-size:12px; float:left; display:inline; margin:0 0 5px; } .rights .albumInfo h4{ color:#47433A; } .rights .albumInfo h5{ color:#ACA39A; font-size:11px; } .rights .scroll{ background:#eee; border-top:#fff 1px solid; width:230px; height:250px; float:left; display:inline; overflow:hidden; padding:5px; margin:0; } .rights .scroll div{ width:230px; height:244px; float:left; display:inline; overflow-x:hidden; overflow-y:auto; } .rights .scroll ul li{ display:block; padding:5px; } .rights .scroll ul li.striped{ background:#f4f4f4; } .rights .scroll ul li a{ color:#6A665F; font-weight:bold; display:block; } .rights .scroll ul li span{ color:#ACA39A; font-style:italic; } .rights .scroll ul li a:hover{ color:#ff9900; } .rights h6{ background:#eee; border-top:#fff 1px solid; width:230px; float:left; display:inline; color:#6A665F; padding:5px; } .rights h6 strong{ color:#47433A; } .rights dl{ height:200px; } .rights dt, .rights dd{ font-size:12px; margin:0; } .rights dt{ color:#ACA39A; padding:5px 5px 0; } .rights dd{ color:#47433A; padding:0 5px 10px; } .rights .icons li{ width:60px; float:left; display:inline; overflow:hidden; } .rights .icons li span{ width:60px; height:27px; float:left; display:inline; vertical-align:bottom; color:#ACA39A; text-align:center; font-size:10px; display:table-cell; } .rights .icons li em{ width:60px; height:15px; font-style:normal; font-weight:bold; text-align:center; float:left; display:inline; } .rights .icons li strong{ width:33px; height:33px; float:left; display:inline; text-indent:-20000px; margin:5px 0 5px 13px; } .rights .icons li strong.icoDown{ background-position:0px -700px; } .rights .icons li strong.icoRecord{ background-position:-50px -700px; } .rights .icons li strong.icoPc{ background-position:-100px -700px; } .rights .icons li strong.icoMp3{ background-position:-150px -700px; }  .warning{ background:#fff; border:#ff9900 3px solid; width:200px; padding:15px 15px 5px; position:fixed; z-index:999999; display:none; } * html .warning{ position:absolute; } .warning a{ color:#67635A; cursor:pointer; } .warning a:hover{ color:#ff9900; } .warning .close{ background-position:-1187px -400px; width:13px; height:13px; position:absolute; text-indent:-20000px; top:5px; right:5px; } .warning h3{ margin:0 0 5px; } .warning h3, .warning h3 a{ font-size:13px; color:#67635A; } .warning h4{ margin:0 0 10px; } .warning h4, .warning h4 a, .warning p{ font-size:11px; color:#ACA39A; } .warning h5{ margin:0 0 10px; } .warning h5, .warning h5 a{ text-transform:uppercase; font-size:12px; color:#67635A; } .warning h5 a{ color:#ff9900; } .warning h5 a:hover{ color:#67635A; } .warning h6, .warning h6 a{ font-size:11px; color:#ACA39A; } .warning h6 a{ text-decoration:underline; } .warning strong, .warning strong a{ color:#67635A; } .warning label{ width:100%; line-height:15px; font-size:11px; font-weight:bold; color:#67635A; display:block; margin:0 0 5px; } .warning input, .warning textarea{ background:#fff; border:#BEB7AF 1px solid; width:185px; font-size:11px; font-weight:bold; color:#BEB7AF; float:left; resize:none; padding:5px; margin:0 0 5px; } .warning textarea{ height:70px; } .warning input.submit{ background-color:transparent; background-position:-300px -50px; border:0; width:52px; height:20px; cursor:pointer; float:left; display:inline; } .warning dl{ display:block; margin:15px 0 10px; } .warning dt{ color:#67635A; font-weight:bold; display:block; margin:0 0 5px; } .warning dd{ margin:0 0 2px; } .warning dd, .warning dd a{ color:#ACA39A; font-weight:bold; } .warning dd a{ text-decoration:underline; } .warning .btnCancel, .warning .btnContinue{ background-color:#C8C3BF; line-height:16px; color:#fff; float:left; font-weight:bold; padding:2px 5px; margin:10px 10px 5px 0; } .warning .btnContinue{ background-color:#746B64; text-transform:uppercase; } .warning .btnCancel:hover, .warning .btnContinue:hover{ background-color:#ff9900; color:#fff; } .warning .openList, .warning .closeList{ background-color:#ff9900; line-height:16px; color:#fff; display:block; padding:0 0 0 20px; margin:-5px 0 10px; } .warning .openList{ background-position:-1185px -950px; } .warning .openList:hover{ background-position:-1185px -970px; color:#fff; } .warning .closeList{ background-position:-1185px -1020px; margin:-5px 0 0; } .warning .closeList:hover{ background-position:-1185px -1000px; color:#fff; } .warning .scroll{ display:none; height:150px; overflow-x:hidden; overflow-y:scroll; margin:0 0 5px; } .warning .scroll ul li{ padding:5px 0; } .warning .scroll ul li span{ color:#ACA39A; padding:0 5px; } .warning .scroll ul li a:hover{ color:#ff9900; } .warning a.mail, .warning a.like, .warning a.dontlike, .warning a.empty, .warning a.del{ line-height:14px; color:#ACA39A; font-weight:bold; display:block; margin:0 0 5px; } .warning a.mail:hover, .warning a.like:hover, .warning a.dontlike:hover, .warning a.empty:hover, .warning a.del:hover{ color:#ff9900; } .warning a.mail span, .warning a.like span, .warning a.dontlike span, .warning a.empty span, .warning a.del span{ width:14px; height:14px; display:inline-block; margin:0 5px 0 0; } .warning a.mail{ border-bottom:#ACA39A 1px solid; line-height:16px; padding:0 0 5px; margin:10px 0; } .warning a.mail span{ background-position:-900px -400px; width:22px; height:16px; } .warning a.mail:hover span{ background-position:-1000px -400px; } .warning a.like span{ background-position:-1186px -650px; } .warning a.dontlike span{ background-position:-1186px -700px; } .warning a.empty span{ background-position:-900px -700px; } .warning a.del span{ background-position:-1187px -1100px; } .warningContainer{ background:#fff; border:#ff9900 3px solid; width:230px; position:fixed; z-index:999999; display:none; } * html .warningContainer{ position:absolute; } .warningContainer .warning{ border:none; position:relative; float:left; display:inline; } .warningContainer .pagination{ margin:5px; } .warningContainer .pagination li{ margin:0 0 0 5px; } .doubleSize{ width:430px; } .doubleSize .warning{ width:400px; } .musicLimit{ width:400px; } .musicLimit *{ font-size:11px!important; } .musicLimit div{ width:180px; float:left; display:inline; } .musicLimit h3{ background:#f9f9f9; width:24px; line-height:120px; height:120px; text-align:center; float:left; display:inline; margin:0 10px 0 0; } .notLogged{ border-width:5px; width:660px; float:left; padding:0 0 10px; } .notLogged .title{ background:#ff9900; padding:3px 30px 7px 5px; } .notLogged .title h3{ color:#fff; font-size:16px; padding:0; margin:0; } .notLogged .close{ background-position:right -400px; width:auto; color:#fff; text-indent:0; text-transform:lowercase; top:7px; right:7px; padding:0 16px 0 0; } .notLogged .close:hover{ color:#fff; } .notLogged h4{ color:#978E81; font-size:16px; } .notLogged h4 strong{ color:#ff9900; font-size:16px; } .notLogged .info{ width:360px; float:left; display:inline; margin:10px 20px; } .notLogged .info ul{ margin:0 0 10px; } .notLogged .info ul li{ list-style:disc inside; font-weight:bold; color:#978E81; font-size:12px; } .notLogged fieldset{ float:left; padding:10px; } .notLogged fieldset fieldset{ float:none; padding:0; } .notLogged fieldset label{ font-weight:normal; color:#978E81; } .notLogged fieldset input{ padding:2px; } .notLogged fieldset input.pass{ width:125px; margin:0 10px 0 0; } .notLogged .newUser{ border-top:#ff9900 5px solid; width:620px; float:left; clear:left; padding:10px 20px; } .notLogged .newUser ul{ float:left; } .notLogged .newUser ul li{ background:#f2f0ed; width:194px; height:155px; float:left; display:inline; position:relative; padding:3px; margin:0 3px; } .notLogged .newUser ul li h3{ background-position:-1173px -1250px; font-size:14px; color:#fff; padding:5px 5px 5px 30px; } .notLogged .newUser ul li h4{ padding:5px 5px 5px 30px; margin:0; } .notLogged .newUser ul li.free h3, .notLogged .newUser ul li.free a:hover{ background-color:#87b729; } .notLogged .newUser ul li.free h4{ color:#87b729; } .notLogged .newUser ul li.unlimited h3, .notLogged .newUser ul li.unlimited a:hover{ background-color:#ba0000; } .notLogged .newUser ul li.unlimited h4{ color:#ba0000; } .notLogged .newUser ul li.clube h3, .notLogged .newUser ul li.clube a:hover{ background-color:#ff9900; } .notLogged .newUser ul li.clube h4{ color:#ff9900; } .notLogged .newUser h5{ color:#5D5950; font-size:11px; text-transform:none; padding:0 30px 5px 30px; } .notLogged .newUser a{ background:#5D5950; width:70px; text-align:center; font-size:12px; color:#fff; text-transform:lowercase; font-weight:bold; display:block; padding:3px 15px; margin:auto; } .notLogged .newUser h6{ color:#5D5950; font-size:10px; font-weight:normal; text-align:center; padding:5px 0; } .center ul li{ left:110px; } .logged .info{ border:none; } .logged fieldset{ display:none; } .fastPlaylist{ width:500px; } .fastPlaylist h3{ color:#47433A; font-size:22px; } .fastPlaylist p{ color:#A19E99; font-size:18px; } .fastPlaylist h4{ background:#eee; color:#7B7369; font-size:18px; font-weight:normal; padding:15px; margin:10px 0; } #PlaylistsListOverlay{ display:block; max-height:200px; overflow-y:auto; } * html #PlaylistsListOverlay{ height:200px; } .rights{ width:240px; height:400px; overflow:hidden; display:block; padding:10px; } .rights h3{ color:#47433A; font-size:18px; } .rights h4{ font-size:12px; } .rights h4 strong{ color:#47433A; } .rights h5{ color:#47433A; text-transform:none; } .rights ul li{ line-height:11px; font-size:11px; font-weight:normal; } .rights .albumInfo{ background:#eee; width:230px; height:45px; float:left; display:inline; overflow:hidden; padding:5px; margin:10px 0 0; } .rights .albumInfo img{ width:45px; height:45px; float:left; display:inline; margin:0 10px 0 0; } .rights .albumInfo h4, .rights .albumInfo h5{ width:175px; height:16px; overflow:hidden; font-size:12px; float:left; display:inline; margin:0 0 5px; } .rights .albumInfo h4{ color:#47433A; } .rights .albumInfo h5{ color:#ACA39A; font-size:11px; } .rights .scroll{ background:#eee; border-top:#fff 1px solid; width:230px; height:250px; float:left; display:inline; overflow:hidden; padding:5px; margin:0; } .rights .scroll div{ width:230px; height:244px; float:left; display:inline; overflow-x:hidden; overflow-y:auto; } .rights .scroll ul li{ display:block; padding:5px; } .rights .scroll ul li.striped{ background:#f4f4f4; } .rights .scroll ul li a{ color:#6A665F; font-weight:bold; display:block; } .rights .scroll ul li span{ color:#ACA39A; font-style:italic; } .rights .scroll ul li a:hover{ color:#ff9900; } .rights h6{ background:#eee; border-top:#fff 1px solid; width:230px; float:left; display:inline; color:#6A665F; padding:5px; } .rights h6 strong{ color:#47433A; } .rights dl{ height:200px; } .rights dt, .rights dd{ font-size:12px; margin:0; } .rights dt{ color:#ACA39A; padding:5px 5px 0; } .rights dd{ color:#47433A; padding:0 5px 10px; } .rights .icons li{ width:60px; float:left; display:inline; overflow:hidden; } .rights .icons li span{ width:60px; height:27px; float:left; display:inline; vertical-align:bottom; color:#ACA39A; text-align:center; font-size:10px; display:table-cell; } .rights .icons li em{ width:60px; height:15px; font-style:normal; font-weight:bold; text-align:center; float:left; display:inline; } .rights .icons li strong{ width:33px; height:33px; float:left; display:inline; text-indent:-20000px; margin:5px 0 5px 13px; } .rights .icons li strong.icoDown{ background-position:0px -700px; } .rights .icons li strong.icoRecord{ background-position:-50px -700px; } .rights .icons li strong.icoPc{ background-position:-100px -700px; } .rights .icons li strong.icoMp3{ background-position:-150px -700px; }  .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url('/Content/Images/jquery/Jcrop.gif') top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width: 9px; *height: 9px; } .jcrop-tracker { *background-color: gray; width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; }  .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url('/Content/Images/jquery/Jcrop.gif') top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width: 9px; *height: 9px; } .jcrop-tracker { *background-color: gray; width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .facebookLike{ color:#7F7870; float:left; font-size:12px; height:23px; margin:0 0 0 5px; overflow:hidden; width:230px; } .facebookAlbum{ margin:10px 0 0 0; width:360px; } .facebookHome{ height:23px; margin:-3px 0 0 0; width:90px; } .facebookArtist{ height:23px; margin:0 0 0 3px; width:90px; } .facebookRadio{ height:23px; margin:23px 0 0 0; width:90px; } .facebookLike{ color:#7F7870; float:left; font-size:12px; height:23px; margin:0 0 0 5px; overflow:hidden; width:230px; } .facebookAlbum{ margin:10px 0 0 0; width:360px; } .facebookHome{ height:23px; margin:-3px 0 0 0; width:90px; } .facebookArtist{ height:23px; margin:0 0 0 3px; width:90px; } .facebookRadio{ height:23px; margin:23px 0 0 0; width:90px; }  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ background:transparent; border:0; vertical-align:baseline; } ol, ul{ list-style:none; } blockquote, q{ quotes:none; } ins{ text-decoration:none; } del{ text-decoration:line-through; } table{ border-collapse:collapse; border-spacing:0; } *{ font-family:arial,helvetica,clean,sans-serif; font-size:11px; outline:none; padding:0; margin:0; } body{ background:#e9e5e2 url(/Content/images/site_bg.jpg) center top no-repeat; color:#47433A; } a{ text-decoration:none; color:#47433A; } .player, .player .wrapper, .player .controls a, .player .controls .volume div, .player .controls .volume a, .player .nowPlaying .progress div, .player .nowPlaying .progress div span, .player .share li a, .player .action li a, .player .btnMaximize, .player .spot div div{ background-image:url(/Content/images/player_sprite.gif); background-repeat:no-repeat; } .sonora_header h1 a, .sonora_header .search_field .search_btn, .sonora_header .search_field .examples a.btnBack, .sonora_header .search_field .examples a.btnNext, .infoBox .close, .now .title a, .user_info .user_login h3, .user_info .user_login h4 span, .user_info .user_login h4 a, .user_info .user_login .submit, .user_info .user_login_openid h3 a, .user_info .user_login_openid h4 a, .user_info .user_details .avatar span, .user_info .user_details .details .dropdown, .user_info .user_details .details .options li a, .main_nav ul.nav li .btnHome, .main_nav ul.nav li .btnLibrary, .main_nav ul.nav li .btnRanking, .main_nav ul.nav li .btnNow, .main_nav ul.nav li .btnRadio, .main_nav ul.nav div li, .main_nav .btnFastPlaylist, .main_nav .btnTips, .main_nav .btnTour, .pagination li a.selected, .pagination li a.selected span, .pagination li a.btnNext, .pagination li a.btnBack, .pagination li a.btnFirst, .pagination li a.btnLast, ul.actions li a, ul.rating li a, a.btnInfo, a.btnDownload, a.btnDel, span.ranking, span.rankingAlbum, span.fav, .actionsMusic dt, .actionsMusic a, .musicControl a, .library dl.library_nav dd a.opened, .library .library_content .filters dt, .library .library_content .filters h6, .library .library_content .filters a.top, .library .library_content .filters a.name, .library .library_content .filters a.album, .library .library_content .filters ul li a.selected, .library .library_content .filters ul li a:hover, .artist .artist_nav h3 a, .artist .workInfoBox a, .filter dt, .filter a, .mysonora .user_info h2 span, .mysonora .user_info h2 strong, .mysonora .user_info .user_details h4, .mysonora .user_info .user_details h5, .mysonora .mysonora_nav dt a, .mysonora .mysonora_nav dd .newPlaylist a, .mysonora .mysonora_nav dd ul li a, .mysonora .filters .dropdown, .mysonora input.search_btn, .myaccount .myaccount_nav h3, .myaccount .myaccount_nav dl dd a, .myaccount .myaccount_content dl dd a, .myaccount .myaccount_content .profileType h3 a, .myaccount .myaccount_content .btnSignature, .myaccount .myaccount_content .download_list a, .myaccount .myaccount_content .action_btns a, .myaccount .myaccount_content .download_list .action_bar a, .shopping .shopping_content .shopping_total a.btnShopClose, .shopping .shopping_content .shopping_total a.btnPayment, .shopping .shopping_content .shopping_total a.btnPaymentBack, .shopping .shopping_content .shopping_total a.btnShopNext, .shopping .success .shopping_user .icoDownload, .shopping .success a.btnDownloadPage, .shopping .shopping_info .btnSonoraClube, .fast_playlist .title h2 span, .fast_playlist .genreBlock .arrow, .fast_playlist .item, .fast_playlist .genreBlock ul li .del, .fast_playlist .genreBlock ul li .dropdown, .fast_playlist .genreBlock a.btnPlaylist, .playlistActions a, .playlistActions dt, .radio .search .btnSend, .radio .radio_nav dd a, .radio .radio_nav dt a, .radio .generic_list .play, .ranking .rankingFilter dt, .ranking .rankingFilter a, .playlist .title, .playlist .title h5, .playlist .share li a, .playlist .playlistCommands a, .playlist .scroll ul li .share li a, .similars .title .close, .similars .scroll ul li.hover h6 a, .similars .share li a, .notLogged .newUser ul li h3, .warning a.mail span, .warning a.like span, .warning a.dontlike span, .warning a.del span, .warning a.empty span, .warning .close, .warning .icons li strong, .warning input.submit, .warning .openList, .warning .closeList, .loginBox .title h3, .loginBox .title a.close, .loginBox .content .data .btnSend, .loginBox .content .or, .loginFooter .wrapper .title h3 a, .loginFooter .wrapper .title h4 a, .social_networks .your_data .avatar span, .social_networks div a.enter_sonora, .social_networks .or, .customRadio .play, .customRadio .btnDown, .popupLog form .terraUser .btnSend, .myaccount .myaccount_content .openId .buttonSincro, .popupSincro .orange a, .popupLog .orange a, .user_info .user_details .downloads_manager .indicator, .user_info .user_details .downloads_manager .close, .user_info .user_details .downloads_manager .see_manager{ background-image:url(/header_sprites_GIF_1610B01A7864832E4D4A57C8EED10F47C20B67DD.axd); background-repeat:no-repeat; } .user_info .user_login_openid h5 span, .loginFooter .content h5 span.icons, .plugins li, .shopping .shopping_info .cardBox dd, .shopping .payment ul li .icoVisa, .shopping .payment ul li .icoMaster, .shopping .payment ul li .icoDinners, .shopping .payment ul li .icoAmex, .shopping .payment ul li .icoAura, .shopping .payment ul li .icoHiper, .myaccount .myaccount_content .openId .mid_field .trident, .myaccount .myaccount_content .openId .mid_field .bident, .myaccount .myaccount_content .openId .textButton, .myaccount .myaccount_content .sincroMade .mid_field .bident, .openId .terra, .userIdentifier .icons{ background-image:url(/header_sprites_JPG.axd); background-repeat:no-repeat; } table.music_list tr:hover td{ background-image:url(/Content/Images/repeater_x.gif); background-repeat:repeat-x; } .player .nowPlaying .progress div.buffer{ background:url(/Content/images/player_buffer.gif) center; } .openId .facebook, .openId .google, .openId .windowslive, .openId .myspace, .openId .twitter, .openId .yahoo, .popupSincro ul li a, .loginBox .content .openId ul li a{ background-image:url(/Content/images/openId.png); } * html, * html body{ height:100%; overflow:hidden; } * html .fakeBody{ width:100%; height:100%; position:relative; overflow:auto; } * html .player{ position:absolute; } * html .player .wrapper{ left:-9px; } .container{ width:1000px; display:block; position:relative; margin:auto; } .terra_header{ background-color:#ff9900; width:1000px; height:24px; display:block; margin:0 auto; } #mod-header .ctn-second-menu{ z-index:1!important; height:1px!important; } #mod-header .ctn-main-menu{ display:block!important; } .sonora_header{ background-color:#fff; width:1000px; height:110px; float:left; display:inline; } .sonora_header h1 a{ background-position:0 0; width:105px; height:90px; text-indent:-200000px; float:left; display:inline; margin:10px 0 0 10px; } .sonora_header .search_field{ background-color:#f2f0ed; width:514px; height:90px; float:left; display:inline; padding:0 25px; margin:10px 0 0 1px; } .sonora_header .search_field input{ background-color:#fff; border:#ff9900 2px solid; width:394px; height:20px; color:#5d5950; font-size:16px; font-weight:bold; float:left; padding:7px; margin:14px 0 0 0; } .sonora_header .search_field .search_btn{ background-position:-300px 0; background-color:#ff9900; border:0; width:102px; height:38px; cursor:pointer; float:left; display:inline; margin:14px 0 0 0; } .sonora_header .search_field .examples{ border-top:#beb7af 1px dotted; width:100%; float:left; margin:7px 0 0 0; } .sonora_header .search_field .examples h3{ width:70px; color:#beb7af; font-size:13px; float:left; display:inline; clear:left; padding:4px 0 0; } .sonora_header .search_field .examples ul{ width:400px; height:25px; float:left; display:inline; overflow:hidden; margin:0 8px 0 0; } .sonora_header .search_field .examples ul li{ max-width:140px; float:left; display:inline; overflow:hidden; padding:5px; } * html .sonora_header .search_field .examples ul li{ width:65px; } .sonora_header .search_field .examples ul li a{ color:#5d5950; font-size:11px; line-height:16px; } .sonora_header .search_field .examples a:hover{ color:#ff9900; } .sonora_header .search_field .examples .btnRanking{ float:right; } .sonora_header .search_field .examples .btnRanking a{ text-transform:lowercase; color:#ff9900; font-weight:bold; } .sonora_header .search_field .examples .btnRanking a:hover{ color:#5D5950; } .sonora_header .search_field .examples a.btnBack, .sonora_header .search_field .examples a.btnNext{ background-color:#746B64; border:#746B64 1px solid; width:15px; height:15px; float:left; text-indent:-20000px; margin-top:4px; } .sonora_header .search_field .examples a.btnNext{ background-position:-1185px -1300px; margin-left:2px; } .sonora_header .search_field .examples a.btnBack{ background-position:-1185px -1320px; } .sonora_header .search_field .examples a.btnBack:hover, .sonora_header .search_field .examples a.btnNext:hover{ background-color:#5D5950; border-color:#5D5950; } .sonora_header .search_field .examples a.disabled, .sonora_header .search_field .examples a.disabled:hover{ cursor:default; } .user_info{ width:300px; float:right; display:inline; margin:10px 10px 10px 0; } .user_info .user_login{ background-color:#f2f0ed; width:300px; height:90px; float:left; display:inline; position:relative; overflow:hidden; } .user_info .user_login h3{ background-color:#746b64; background-position:0 -125px; width:65px; height:25px; float:left; display:inline; text-indent:-2000000px; } .user_info .user_login h4{ background-color:#746b64; width:235px; height:25px; float:left; display:inline; } .user_info .user_login h4 *{ line-height:15px; height:25px; float:left; display:inline; text-indent:-2000000px; } .user_info .user_login h4 a.newuser{ background-position:-70px -125px; width:125px; margin:0 5px; } .user_info .user_login h4 a.register{ background-position:-300px -150px; width:95px; } .user_info .user_login h4 a.register:hover{ background-position:-600px -150px; } .user_info .user_login fieldset{ float:left; display:inline; white-space:nowrap; padding:0 3px; } .user_info .user_login fieldset.input_data, .user_info .user_login fieldset.password_help{ float:none; clear:left; display:block; padding:3px; } .user_info .user_login fieldset label{ color:#9A938A; font-size:11px; text-indent:2px; white-space:nowrap; display:block; padding:1px 0; } .user_info .user_login fieldset input.textfield{ background-color:#fff; border:#e6e3df 1px solid; width:105px; height:14px; font-size:11px; color:#5d594e; float:left; padding:2px; } .user_info .user_login fieldset input.submit{ background-color:transparent; background-position:-300px -50px; border:0; width:50px; height:20px; cursor:pointer; float:left; display:inline; margin:16px 0 0 5px; } .user_info .user_login fieldset input.check{ width:14px; height:14px; float:left; display:inline; margin:1px; } .user_info .user_login fieldset label.remember{ float:left; display:inline; padding:1px; } .user_info .user_login fieldset a{ border-left:#8b8884 1px solid; color:#ff9900; float:left; display:inline; padding:0 7px; } .user_info .user_login fieldset a:hover{ text-decoration:underline; } .user_info .user_login_openid{ width:300px; height:90px; float:left; display:inline; position:relative; overflow:hidden; } .user_info .user_login_openid h3 a{ background-color:#ff9900; background-position:0 -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .user_info .user_login_openid h4 a{ background-color:#ff9900; background-position:-150px -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .user_info .user_login_openid h5 a{ width:280px; font-weight:normal; line-height:27px; display:block; clear:left; position:relative; padding:5px 10px; z-index:1; } .user_info .user_login_openid h5 a, .user_info .user_login_openid h5 a strong{ font-size:13px; } .user_info .user_login_openid h5 span{ background-position:-515px -980px; width:180px; height:30px; position:absolute; bottom:5px; right:0; text-indent:-1000%; } .user_info .user_details{ background-color:#746b64; width:290px; height:80px; float:left; position:relative; z-index:99; padding:5px; } .user_info .user_details .avatar{ width:80px; height:80px; float:left; cursor:pointer; display:inline; position:relative; overflow:hidden; margin:0 5px 0 0; } .user_info .user_details .avatar img{ width:80px; height:80px; float:left; } .user_info .user_details .avatar span{ background-position:-300px -100px; width:60px; height:20px; display:none; position:absolute; top:55px; left:10px; } .user_info .user_details .hover span{ display:block; } .user_info .user_details .details{ width:195px; height:80px; float:left; display:inline; margin:0 0 0 5px; } .user_info .user_details .details h3{ width:175px; height:20px; line-height:20px; color:#fff; font-size:14px; overflow:hidden; margin:10px 0 0; } .user_info .user_details .details .dropdown{ background-position:0 -150px; width:175px; height:20px; float:left; display:inline; position:relative; cursor:pointer; z-index:999; margin:3px 0; } .user_info .user_details .details .dropdown span{ width:143px; height:20px; font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; color:#fff; float:left; display:inline; overflow:hidden; padding:0 5px; } .user_info .user_details .details .dropdown ul{ background-color:#fff; border:#ff9900 3px solid; width:146px; display:none; position:absolute; top:21px; left:1px; } .user_info .user_details .details .dropdown ul a{ height:23px; color:#47423a; display:block; line-height:23px; text-transform:none; text-align:left; overflow:hidden; padding:0 0 0 10px; } .user_info .user_details .details .dropdown ul a:hover{ background:#ff9900; color:#fff; } .user_info .user_details .details .dropdown ul .striped{ background-color:#f2f0ed; } .user_info .user_details .details .options{ width:200px; height:20px; float:left; display:inline; overflow:hidden; } .user_info .user_details .details .center{ width:120px; margin:0 0 0 30px; } .user_info .user_details .details .options li{ float:left; display:inline; padding:2px 0 0; margin:0 0 0 -1px } .user_info .user_details .details .options li a{ border-left:#c8c3bf 1px solid; height:20px; line-height:20px; color:#c8c3bf; font-size:15px; font-weight:bold; float:left; display:inline; padding:0 0 0 25px; margin:0 10px 0 0; } .user_info .user_details .details .options li a:hover{ color:#ff9900; } .user_info .user_details .details .options li a.mail{ background-position:-900px 0; } .user_info .user_details .details .options li a.mail:hover{ background-position:-1000px 0; } .user_info .user_details .details .options li a.down{ background-position:-900px -50px; } .user_info .user_details .details .options li a.down:hover{ background-position:-1000px -50px; } .user_info .user_details .details .options li a.cart{ background-position:-900px -100px; padding:0 0 0 27px; margin:0; } .user_info .user_details .details .options li a.cart:hover{ background-position:-1000px -100px; } .user_info .user_details .details .options li a.manager{ background-position:-900px -1700px; padding:0 0 0 27px; margin:0; } .user_info .user_details .details .options li a.manager:hover{ background-position:-1000px -1700px; } .user_info .user_details ul.actionsUser{ height:15px; position:absolute; overflow:hidden; top:0; right:0; } .user_info .user_details ul.actionsUser li{ float:left; display:inline; position:relative; padding:2px 0; margin:0 0 0 -1px; } .user_info .user_details ul.actionsUser li a{ border-left:#c8c3bf 1px solid; color:#c8c3bf; font-size:12px; font-weight:bold; text-transform:uppercase; float:left; display:inline; padding:0 4px; } .user_info .user_details ul.actionsUser li a:hover{ color:#fff; } .user_info .user_details .downloads_manager{ position:absolute; border:3px solid #f90; top:90px; left:86px; background:#fff; width:180px; height:84px; z-index:1000; } .user_info .user_details .downloads_manager *{ position:absolute; } .user_info .user_details .downloads_manager .indicator{ width:13px; height:7px; top:-10px; right:10px; background-position:-1187px -1500px; } .user_info .user_details .downloads_manager h4{ color:#f90; font-size:12px; top:5px; left:7px; } .user_info .user_details .downloads_manager .manager_loader{ width:24px; height:24px; top:28px; left:20px; background:url(/Content/images/manager_loader.gif) no-repeat 0 0; } .user_info .user_details .downloads_manager .info{ top:26px; left:60px; width:110px; } .user_info .user_details .downloads_manager .close{ height:10px; left:9px; bottom:7px; background-position:-1192px -1448px; line-height:10px; padding:0 0 0 12px; } .user_info .user_details .downloads_manager .close:hover{ color:#f90; background-position:-1192px -1473px; } .user_info .user_details .downloads_manager .see_manager{ width:108px; height:18px; bottom:3px; right:3px; text-indent:-20000px; background-position:-300px -1900px; } .main_nav{ background:#5d5950; width:1000px; height:32px; float:left; display:inline; } .main_nav ul.nav{ float:left; display:inline; position:relative; z-index:99; margin:3px 20px 0 10px; } .main_nav ul.nav li{ float:left; display:inline; position:relative; } .main_nav ul.nav li.selected{ z-index:99; } .main_nav ul.nav a, .main_nav ul.nav span{ height:29px; float:left; display:inline; text-indent:-200000px; cursor:pointer; position:relative; z-index:9; margin:0 0 0 15px; } .main_nav ul.nav .btnHome{ background-position:-300px -200px; width:68px; } .main_nav ul.nav .hover .btnHome, .main_nav ul.nav .selected .btnHome{ background-position:-600px -200px; } .main_nav ul.nav .btnLibrary{ background-position:-300px -250px; width:93px; } .main_nav ul.nav .hover .btnLibrary, .main_nav ul.nav .selected .btnLibrary{ background-position:-600px -250px; } .main_nav ul.nav .btnRanking{ background-position:-300px -300px; width:93px; } .main_nav ul.nav .hover .btnRanking, .main_nav ul.nav .selected .btnRanking{ background-position:-600px -300px; } .main_nav ul.nav .btnNow{ background-position:-300px -350px; width:76px; } .main_nav ul.nav .hover .btnNow, .main_nav ul.nav .selected .btnNow{ background-position:-600px -350px; } .main_nav ul.nav .btnRadio{ background-position:-300px -400px; width:80px; } .main_nav ul.nav .hover .btnRadio, .main_nav ul.nav .selected .btnRadio{ background-position:-600px -400px; } .main_nav ul.nav div{ border:#5D5950 solid; border-width:0 3px 3px; background-color:#fff; width:600px; display:none; position:absolute; top:29px; left:12px; z-index:9999; padding:0 5px 5px; margin:0; } .main_nav ul.nav div.radio{ width:140px; } .main_nav ul.nav div ul{ width:120px; float:left; margin:5px 0 0; } .main_nav ul.nav div .genre a{ font-weight:bold; } .main_nav ul.nav div h3{ background:#F2F0ED; font-weight:bold; width:590px; color:#5d5950; float:left; display:inline; padding:3px 5px; margin:5px 0 0; } .main_nav ul.nav div h3 strong{ float:left; } .main_nav ul.nav div h3 a{ color:#ff9900; height:auto; float:right; text-indent:0; } .main_nav ul.nav div h3 a:hover{ color:#5d5950; } .main_nav ul.nav div li{ background-position:-1190px -1150px; width:106px; height:14px; float:left; display:inline; overflow:hidden; text-indent:0; padding:3px 0 3px 14px; } .main_nav ul.nav div li a{ height:auto; color:#5d5950; text-indent:0; float:left; display:inline; margin:0; } .main_nav ul.nav div li a:hover, .main_nav ul.nav div li a.visited{ color:#ff9900; } .main_nav .btnFastPlaylist, .main_nav .btnTips, .main_nav .btnTour{ text-indent:-200000px; height:32px; float:left; display:inline; } .main_nav .btnFastPlaylist{ background-position:-300px -450px; border:#fff solid; border-width:0 1px; width:154px; margin:0 0 0 10px; } .main_nav .btnFastPlaylist:hover{ background-position:-600px -450px; } .main_nav .btnTips{ background-position:-300px -500px; width:166px; display:none; } .main_nav .btnTips:hover{ background-position:-600px -500px; } .main_nav .btnTour{ background-position:-300px -550px; border:#746b64 solid; border-width:0 9px 0 10px; width:300px; } .main_nav .btnTour:hover{ background-position:-600px -550px; } .sonora_content{ background:#fff; width:1000px; float:left; display:inline; position:relative; z-index:9; } .sonora_content h2{ color:#5D5950; font-size:22px; line-height:25px; margin:15px 0 25px 10px; } a.btnInfo{ background-position:-900px -600px; width:17px; height:17px; line-height:10px; text-indent:-200000px; display:block; } .striped a.btnInfo{ background-position:-900px -620px; } a.btnInfo:hover, a.btnInfo.selected{ background-position:-1000px -600px; } .striped a.btnInfo:hover, .striped a.btnInfo.selected{ background-position:-1000px -620px; } a.btnDownload{ background-position:-900px -450px; width:23px; height:16px; line-height:10px; text-indent:-200000px; display:block; } a.btnDownload:hover, a.btnDownload.selected{ background-position:-1000px -450px; } a.btnDel{ background-position:-900px -550px; width:17px; height:17px; line-height:10px; text-indent:-200000px; display:block; } .striped a.btnDel{ background-position:-900px -570px; } a.btnDel:hover, a.btnDel.selected{ background-position:-1000px -550px; } .striped a.btnDel:hover, .striped a.btnDel.selected{ background-position:-1000px -570px; } .user{ float:left; display:inline; margin:10px 0 0; } .user img{ border:#f2f2f2 2px solid; width:20px; height:20px; float:left; display:inline; margin:0 5px 0 0; } .striped .user img{ border:#fff 2px solid; } .user a{ color:#ff9900; font-size:11px; font-weight:bold; float:left; display:inline; padding:3px; } .user a:hover{ text-decoration:underline; } .user .fav{ margin:5px; } span.fav{ background-position:-1185px -450px; height:14px; line-height:10px; color:#9DC900; font-size:12px; font-weight:bold; float:left; display:inline; padding:0 0 0 20px; margin:5px 0 0 10px; } .striped span.fav, .legend span.fav{ background-position:-1185px -470px; } span.rankingAlbum{ background-position:right -50px; width:16px; height:17px; line-height:17px; color:#fff!important; font-size:11px; font-weight:bold; text-align:center; float:left; display:inline; margin:0 3px; } span.ranking{ background-position:right -100px; width:22px; height:22px; line-height:21px; color:#fff; font-size:11px; font-weight:bold; text-align:center; float:left; display:inline; margin:0 2px; } .striped span.ranking, .legend span.ranking{ background-position:right -150px; } .musicControl{ background:#ff9900; width:100%; height:20px; overflow:hidden; opacity:0; filter:alpha(opacity=0); float:left; display:inline; margin:0 0 10px; } .musicControl h4{ color:#fff; float:left; display:inline; font-size:11px; padding:3px 10px; } .musicControl a{ background-position:-1180px -200px; float:right; display:inline; color:#fff; font-weight:bold; padding:3px 3px 3px 27px; } .musicControl a:hover{ background-position:-1180px -220px; } ul.actions{ float:left; display:inline; padding:0!important; margin:0!important; } ul.actions li{ background:none!important; border:0!important; width:auto!important; height:auto!important; float:left!important; display:inline; padding:0!important; margin:0!important; } ul.actions a{ width:22px!important; height:15px!important; float:left; display:inline; line-height:10px; text-indent:-2000000px; padding:0!important; margin:1px 2px 0 0; } ul.actions a.play, ul.actions a.edit, ul.actions a.del{ width:17px!important; height:17px!important; margin-top:0!important; } ul.actions a.play{ background-position:-900px -300px!important; } .striped ul.actions a.play{ background-position:-900px -320px!important; } table tr:hover ul.actions a.play{ background-position:-900px -300px!important; } ul.actions a.add{ background-position:-900px -350px; } ul.actions a.add:hover{ background-position:-1000px -350px; } ul.actions a.share{ background-position:-900px -400px; } ul.actions a.share:hover{ background-position:-1000px -400px; } ul.actions a.buy{ background-position:-900px -450px; } ul.actions a.buy:hover{ background-position:-1000px -450px; } ul.actions a.edit{ background-position:-900px -500px!important; } .striped ul.actions a.edit{ background-position:-900px -520px!important; } tr:hover ul.actions a.edit{ background-position:-900px -500px; } ul.actions a.edit:hover{ background-position:-1000px -500px!important; } ul.actions a.del{ background-position:-900px -550px!important; } .striped ul.actions a.del{ background-position:-900px -570px!important; } tr:hover ul.actions a.del{ background-position:-900px -550px; } ul.actions a.del:hover{ background-position:-1000px -550px!important; } ul.actions a.edit, ul.actions a.del, ul.actions a.share, ul.actions a.buy{ display:none; } * html ul.actions a.edit, * html ul.actions a.del, * html ul.actions a.share, * html ul.actions a.buy{ display:inline; } tr:hover ul.actions a.share, tr:hover ul.actions a.buy, tr:hover ul.actions a.edit, tr:hover ul.actions a.del, li:hover ul.actions a.share, li:hover ul.actions a.buy, li:hover ul.actions a.edit, li:hover ul.actions a.del{ display:inline; } .ieList ul.actions a.share, .ieList ul.actions a.buy, .ieList ul.actions a.edit, .ieList ul.actions a.del{ display:inline; } ul.rating, ul.rating li{ float:left; display:inline; } ul.rating li a{ width:13px!important; height:12px!important; line-height:12px!important; float:left!important; display:inline; text-indent:-2000000px!important; margin:0 3px 0 0!important; } ul.rating li a.like{ background-position:-900px -650px; } .striped ul.rating li a.like{ background-position:-900px -670px; } tr:hover ul.rating li a.like{ background-position:-900px -650px; } .striped ul.rating li.selected a.like{ background-position:-1000px -670px; } tr:hover ul.rating li a.like:hover, tr:hover ul.rating li.selected a.like, ul.rating li a.like:hover, ul.rating li.selected a.like{ background-position:-1000px -650px; } * html .striped ul.rating li a.like:hover, * html .striped ul.rating li.selected a.like{ background-position:-1000px -670px; } ul.rating li a.dontLike{ background-position:-900px -700px; } .striped ul.rating li a.dontLike{ background-position:-900px -720px; } tr:hover ul.rating li a.dontLike{ background-position:-900px -700px; } .striped ul.rating li.selected a.dontLike{ background-position:-1000px -720px; } tr:hover ul.rating li a.dontLike:hover, tr:hover ul.rating li.selected a.dontLike, ul.rating li a.dontLike:hover, ul.rating li.selected a.dontLike{ background-position:-1000px -700px; } * html .striped ul.rating li a.dontLike:hover, * html .striped ul.rating li.selected a.dontLike{ background-position:-1000px -720px; } .actionsMusic{ width:100%; height:34px; float:left; display:inline; } .actionsMusic dt{ background-position:right top; width:25px; height:30px; float:left; display:inline; text-indent:-200000px; } .actionsMusic dd{ float:left; display:inline; } .actionsMusic dd.right{ float:right; display:inline; } .actionsMusic dd a{ width:95px; height:30px; float:left; display:inline; text-indent:-200000px; margin:0 5px 0 0; } .actionsMusic dd a.play{ background-position:-300px -600px; } .actionsMusic dd a.play:hover, .actionsMusic dd.selected a.play{ background-position:-600px -600px; } .actionsMusic dd a.add{ background-position:-300px -650px; } .actionsMusic dd a.add:hover, .actionsMusic dd.selected a.add{ background-position:-600px -650px; } .actionsMusic dd a.buy{ background-position:-300px -700px; } .actionsMusic dd a.buy:hover, .actionsMusic dd.selected a.buy{ background-position:-600px -700px; } .actionsMusic dd a.more{ background-position:-300px -750px; width:100px; margin:0; } .actionsMusic dd a.more:hover, .actionsMusic dd.selected a.more{ background-position:-600px -750px; } .actionsMusic dd a.newPlaylist{ background-position:-300px -800px; width:125px; height:30px; } .actionsMusic dd a.newPlaylist:hover, .actionsMusic dd.selected a.newPlaylist{ background-position:-600px -800px; } .generic_list .image, .generic_list .image img{ float:left; display:inline; } .generic_list .info h3, .generic_list .info h3 a, .generic_list .info h4, .generic_list .info h4 a, .generic_list .info h5, .generic_list .info h5 a{ font-size:13px; font-weight:normal; overflow:hidden; } .infoBox{ background:#fff; border:#ff9900 3px solid; width:320px; height:130px; position:absolute; z-index:9999; display:none; } .infoBoxBg{ background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; display:none; } .infoBox .close{ background-position:-1187px -400px; width:13px; height:13px; position:absolute; text-indent:-20000px; top:5px; right:5px; } .infoBox .actions .buy, .infoBox .actions .share{ display:block; } .infoBox img{ background:#ccc; width:120px; height:120px; float:left; display:inline; margin:5px 10px 5px 5px; } .infoBox h3, .infoBox h4, .infoBox h5{ width:180px; line-height:12px; float:left; display:inline; overflow:hidden; margin:0 0 5px; } .infoBox h3{ line-height:17px; height:17px; margin:20px 0 3px; } .infoBox h4{ height:12px; } .infoBox h5{ height:26px; } .infoBox h3, .infoBox h3 a{ font-size:12px; color:#67635A; } .infoBox h4, .infoBox h4 a, .infoBox h5, .infoBox h5 a{ font-weight:normal; font-size:11px; color:#ACA39A; } .infoBox a:hover{ color:#ff9900; } .alpha_list{ width:290px; float:left; display:inline; margin:0 10px 0 0; } .alpha_list li{ width:100%; float:left; display:inline; } .alpha_list li a{ max-width:150px; height:20px; color:#54514C; font-size:13px; line-height:21px; font-weight:bold; float:left; display:inline; overflow:hidden; margin:0 5px 5px; } * html .alpha_list li a{ width:150px; } .alpha_list li a:hover{ color:#ff9900; } .alpha_list li .fav{ margin:4px 0 0; } .alpha_list li .empty{ background:none!important; } ul.artist_list .image, ul.album_list .image{ margin:0 5px 0 0; } ul.artist_list .image, ul.artist_list .image img, ul.album_list .image, ul.album_list .image img{ width:60px; height:60px; float:left; display:inline; } ul.artist_list .info h3, ul.artist_list .info h3 a, ul.artist_list .info h4, ul.artist_list .info h4 a, ul.album_list .info h3, ul.album_list .info h3 a, ul.album_list .info h4, ul.album_list .info h4 a{ height:14px; line-height:14px; font-size:11px; display:block; float:none!important; overflow:hidden; } ul.artist_list .info h3, ul.artist_list .info h3 a, ul.album_list .info h3, ul.album_list .info h3 a{ color:#54514C; } ul.artist_list .info h4, ul.artist_list .info h4 a, ul.album_list .info h4, ul.album_list .info h4 a{ color:#c2bdb6; } ul.artist_list .info h3 a:hover, ul.artist_list .info h4 a:hover, ul.album_list .info h3 a:hover, ul.album_list .info h4 a:hover{ color:#ff9900; } ul.artist_list .info .fav, ul.album_list .info .fav{ margin:5px 0 0 0; } table.music_list{ border:#B7B3AF 1px solid; width:100%; clear:left; } table.music_list th{ background-color:#7B7369; border:#B7B3AF 1px solid; color:#fff; font-weight:bold; font-size:12px; vertical-align:middle; text-align:left; padding:2px 5px; } table.music_list td{ border:#B7B3AF solid; border-width:0 1px; vertical-align:top; padding:5px; } table.music_list tr.striped td{ background-color:#F2F0ED; } table.music_list tr:hover td{ background-position:0 -300px; background-color:#fff; } table.music_list tr.red td *{ color:#b40000; } table.music_list .musicPlay{ width:74px; } table.music_list .musicNumber{ width:10px; } table.music_list .musicName{ width:auto; } table.music_list .musicArtist{ width:auto; } table.music_list .musicGenre{ width:100px; } table.music_list .musicShare{ width:52px; } table.music_list .musicRating{ width:33px; } table.music_list input{ width:14px; height:14px; float:left; margin:2px 5px 0 0; } table.music_list th input{ margin:3px 5px 0 0; } table.music_list th label{ width:55px; float:left; display:inline; font-size:10px; line-height:10px; font-weight:normal; } table.music_list td a, table.music_list td span{ color:#5D5850; height:17px; font-weight:bold; float:left; display:inline; overflow:hidden; } table.music_list td a:hover{ color:#ff9900; } .ad_header{ width:100%; height:0; display:block; overflow:hidden; } .ad_right{ width:200px; height:450px; position:absolute; overflow:hidden; right:-210px; } .ad_playlist{ background-color:#c8c3bd; width:234px; height:60px; float:left; display:inline; } .ad_explorer_nav{ border-left:#e9e5e2 solid 1px; width:170px; height:39px; float:right; display:inline; overflow:hidden; text-align:center; padding:1px 5px 1px 5px; } .ad_explorer{ background:#f4f3f2; width:300px; float:right; display:inline; overflow:hidden; padding:0 0 25px; margin:0 10px 10px 0; } .ad_explorer .rail_banner{ background:#fff; width:300px; display:block; padding:0 0 10px; margin:0 0 20px; } .ad_explorer .ad{ float:left; display:inline; position:relative; left:25px; margin:1px 0 0; } .ad_explorer img{ float:left; display:inline; } .ad_library{ width:120px; height:600px; float:right; display:inline; overflow:hidden; } .ad_mysonora{ width:300px; height:250px; float:right; display:inline; } .radio .ad_explorer{ padding:0; margin:10px 10px 10px 0; } .artist .ad_explorer{ padding:0; margin:60px 10px 10px 0; } .artist .top_selo_banner{ top:175px; } .radio .ad_explorer .rail_banner, .artist .ad_explorer .rail_banner{ margin:0; } .now .ad_explorer{ margin:-25px 0 0; } .customRadio_ad{ float:right; } .top_selo_banner{ width:140px; height:45px; position:absolute; top:10px; right:10px; overflow:hidden; } .radio .top_selo_banner{ display:none; } .quick_playlist_banner{ position:relative; clear:right; } .quick_playlist_banner .top_selo_banner{ top:10px; right:10px; } .quick_playlist_banner .rail_banner{ float:right; display:inline; margin:63px 10px 0 0; } .player{ background-position:0 0; background-repeat:repeat-x; width:100%; height:57px; position:fixed; bottom:0; left:0; z-index:99999; display:none; } .player .wrapper{ background-position:0 -57px; width:1000px; height:53px; position:relative; margin:auto; padding:4px 0 0; } .player .ad_player{ width:93px; height:53px; float:left; display:inline; overflow:hidden; } .player .ad_player img{ width:88px; height:31px; margin:11px 0 0 0; } .player .controls{ width:183px; height:53px; float:left; display:inline; position:relative; overflow:hidden; } .player .controls a{ text-indent:-20000px; } .player .controls .btnBack{ background-position:-160px -114px; width:20px; height:20px; position:absolute; left:4px; top:18px; } .player .controls .btnBack:hover{ background-position:-160px -134px; } .player .controls .btnPlay, .player .controls .btnPause{ width:40px; height:40px; position:absolute; left:28px; top:8px; } .player .controls .btnPlay{ background-position:0 -114px; } .player .controls .btnPlay:hover{ background-position:-40px -114px; } .player .controls .btnPause{ background-position:-80px -114px; } .player .controls .btnPause:hover{ background-position:-120px -114px; } .player .controls .btnNext{ background-position:-180px -114px; width:20px; height:20px; position:absolute; left:72px; top:18px; } .player .controls .btnNext:hover{ background-position:-180px -134px; } .player .controls .volume{ width:80px; height:15px; position:absolute; left:98px; top:20px; } .player .controls .volume .btnMute{ background-position:-200px -114px; width:15px; height:15px; position:absolute; left:0; top:0; } .player .controls .volume .btnMute:hover, .player .controls .selected .btnMute{ background-position:-200px -134px; } .player .controls .volume div{ background-position:-230px -134px; width:65px; height:15px; position:absolute; left:15px; top:0; } .player .controls .volume .btnVolume{ background-position:-215px -114px; width:15px; height:15px; position:absolute; top:0; margin:0 0 0 -7px; } .player .controls .volume .btnVolume:hover{ background-position:-215px -134px; } .player .spot{ width:693px; height:53px; float:left; display:none; overflow:hidden; position:relative; margin:0 0 0 5px; } .pt, .es{ display:none; } .es .es, .pt .pt{ display:block; } .player .spot div div{ background-position:0 -4px; background-repeat:repeat-x; width:392px; float:left; display:inline; margin:0 0 0 20px; } .player .spot h3{ color:#fff; font-size:11px; padding:5px 0 0; } .player .spot h4{ background-position:-1060px -880px; color:#fff; font-size:11px; display:block; font-weight:normal; padding:0 5px 0 20px; } .player .spot a{ position:absolute; top:30px; right:250px; color:#ff9900; font-size:14px; font-weight:bold; } .player .spot h5 a{ top:20px; right:80px; color:#fff; } .player .spot h5 a:hover{ color:#ff9900; } .player .spot h5{ color:#fff; font-size:12px; display:block; text-align:center; padding:10px 0 0; } .spot .spot{ display:inline; } .spot .nowPlaying, .spot .share, .spot .action, .spot .nextSong{ display:none!important; } .player .nowPlaying{ width:215px; height:53px; float:left; display:inline; overflow:hidden; } .player .nowPlaying img{ width:40px; height:40px; float:left; display:inline; margin:7px; } .player .nowPlaying h3, .player .nowPlaying h4{ width:160px; height:14px; line-height:14px; color:#fff; font-weight:normal; font-size:11px; overflow:hidden; float:left; display:inline; margin:5px 0 0; } .player .nowPlaying h3 a, .player .nowPlaying h4 a{ color:#fff; } .player .nowPlaying h3 a:hover, .player .nowPlaying h4 a:hover{ color:#ff9900; } .player .nowPlaying h4{ margin:0 0 2px; } .player .nowPlaying .progress{ width:160px; height:15px; float:left; display:inline; } .player .nowPlaying .progress span{ width:27px; height:13px; overflow:hidden; line-height:13px; color:#fff; float:left; display:inline; } .player .nowPlaying .progress div{ background-position:-230px -114px; width:100px; height:8px; float:left; display:inline; margin:3px; } .player .nowPlaying .progress div.buffer span{ display:none; } .player .nowPlaying .progress div span{ background-position:-230px -122px; height:8px; } .player .share{ width:55px; height:53px; float:left; display:inline; overflow:hidden; margin:0 15px 0 0; } .player .share li{ display:inline; } .player .share li a{ width:15px; height:15px; float:left; display:inline; text-indent:-2000000px; margin:5px 2px 7px 0; } .player .share li a.btnDontLike{ background-position:-435px -114px; } .player .share li a.btnDontLike:hover, .player .share li.selected a.btnDontLike{ background-position:-435px -134px!important; } .player .share li a.btnLike{ background-position:-450px -114px; margin-right:20px; } .player .nextSong .share li a.btnLike{ margin-right:0; } .player .nextSong .share{ width:38px; } .player .share li a.btnLike:hover, .player .share li.selected a.btnLike{ background-position:-450px -134px!important; } .player .share li a.btnFacebook{ background-position:-465px -114px; clear:left; } .player .share li a.btnFacebook:hover, .player .share li.selected a.btnFacebook{ background-position:-465px -134px; } .player .share li a.btnTwitter{ background-position:-480px -114px; } .player .share li a.btnTwitter:hover, .player .share li.selected a.btnTwitter{ background-position:-480px -134px; } .player .share li a.btnOrkut{ background-position:-495px -114px; } .player .share li a.btnOrkut:hover, .player .share li.selected a.btnOrkut{ background-position:-495px -134px; } .player .share li a.btnDelete{ background-position:-525px -114px; } .player .share li a.btnDelete:hover, .player .share li.selected a.btnDelete{ background-position:-525px -134px; } .player .action{ width:185px; height:53px; float:left; display:inline; overflow:hidden; } .player .action li{ float:left; display:inline; } .player .action li a{ width:45px; height:20px; color:#fff; font-size:9px; text-transform:lowercase; text-align:center; float:left; display:inline; padding:33px 0 0; } .player .action li a:hover, .player .action li.selected a{ color:#ff9900; } .player .action li a.btnAdd{ background-position:-600px -114px; } .player .action li a.btnAdd:hover, .player .action li.selected a.btnAdd{ background-position:-645px -114px; } .player .action li a.btnDown{ background-position:-690px -114px; } .player .action li a.btnDown:hover, .player .action li.selected a.btnDown{ background-position:-735px -114px; } .player .action li a.btnSimilars{ background-position:-780px -114px; } .player .action li a.btnSimilars:hover, .player .action li.selected a.btnSimilars{ background-position:-825px -114px; } .player .action li a.btnMail{ background-position:-870px -114px; } .player .action li a.btnMail:hover, .player .action li.selected a.btnMail{ background-position:-915px -114px; } .player .nextSong{ width:228px; height:53px; float:left; display:inline; overflow:hidden; } .player .nextSong img{ width:34px; float:left; display:inline; margin:3px 5px 0 0; } .player .nextSong div{ width:185px; float:left; display:inline; margin:5px 0 0 5px; } .player .nextSong h3, .player .nextSong h4, .player .nextSong h5{ width:145px; height:14px; line-height:13px; overflow:hidden; font-size:11px; color:#fff; float:left; display:inline; font-weight:normal; } .player .nextSong h3 a, .player .nextSong h4 a{ color:#fff; } .player .nextSong h3 a:hover, .player .nextSong h4 a:hover{ color:#ff9900; } .player .nextSong h5{ color:#47423a; } .player .nextSong .share{ margin:20px 0 0; } .player .nextSong .share a{ margin:0; } .player .nextSong .share .btnDelete{ margin:0 0 0 7px; } .player .btnMaximize{ background-position:-420px -114px; width:15px; height:15px; float:left; display:inline; text-indent:-200000px; margin:4px; } .player .btnMaximize:hover{ background-position:-420px -134px; } .player .loading{ background-position:center 10px; margin:4px 0 0; } .userIdentifier{ width:737px; height:22px; position:absolute; left:1px; bottom:57px; z-index:999; background:#5d5950; } * html .userIdentifier{ bottom:56px; } .userIdentifier .loggedIn{ display:none; } .userIdentifier p{ color:#ffffff; margin:4px 4px 4px 13px; float:left; display:inline; } .userIdentifier .icons{ background-position:0 -1250px; float:left; height:17px; text-indent:-1000%; width:132px; margin:2px 6px; } .userIdentifier .borderLeft, .userIdentifier .borderRight{ height:21px; width:1px; top:1px; position:absolute; background:#5d5950; } .userIdentifier .borderLeft{ left:-1px; } .userIdentifier .borderRight{ right:-1px; } .userIdentifier a{ color:#ff9900; font-weight:bold; margin:4px 0 0 5px; float:left; } .userIdentifier .loggedIn p{ font-weight:bold; } .playlist{ width:258px; height:22px; overflow:hidden; position:absolute; right:0; bottom:57px; z-index:999; } * html .playlist{ bottom:56px; } .playlist .title{ background-position:0 -750px; width:100%; height:22px; float:left; display:inline; cursor:pointer; } .playlist .title h3, .playlist .title h4{ color:#fff; font-size:14px; float:left; display:inline; padding:3px 5px; } .playlist .title h4{ font-size:12px; } .playlist .title h5{ background-position:0 -775px; width:60px; height:20px; text-indent:-200000px; float:right; display:inline; margin:0 5px 0 0; } .opened .title h5{ background-position:-100px -775px; } .playlistActions{ background:#fff; border:#ff9900 solid; border-width:0 4px; width:250px; height:30px; float:left; display:inline; overflow:hidden; } .playlistActions dt{ background-position:right top; width:25px; height:30px; float:left; display:inline; text-indent:-200000px; } .playlistActions dd{ float:left; display:inline; margin:3px 5px 0 0; } .playlistActions dd a{ height:22px; float:left; display:inline; text-indent:-200000px; } .playlistActions dd a.play{ background-position:-900px -1200px; width:75px; } .playlistActions dd a.play:hover{ background-position:-1000px -1200px; } .playlistActions dd a.add{ background-position:-900px -1250px; width:75px; } .playlistActions dd a.add:hover{ background-position:-1000px -1250px; } .playlistActions dd a.more{ background-position:-900px -1300px; width:55px; } .playlistActions dd a.more:hover{ background-position:-1000px -1300px; } .playlistFilter{ background:#f2f0ed; border:#ff9900 solid; border-width:0 4px; width:240px; height:14px; float:left; display:block; overflow:hidden; padding:3px 5px; } .playlistFilter input{ width:14px; height:14px; float:left; margin:0 5px 0 0; } .playlistFilter label{ height:14px; color:#5d5950; font-size:10px; line-height:14px; float:left; display:inline; } .playlistFilter h3{ color:#5d5950; font-weight:bold; font-size:10px; line-height:14px; float:right; display:inline; } .playlist .scroll{ background:#5d5950; border:#ff9900 solid; border-width:0 4px; width:250px; height:308px; display:block; clear:left; position:relative; overflow-x:hidden; overflow-y:scroll; } .playlist .scroll ul{ border-bottom:#746b64 1px solid; border-top:#4f4c44 1px solid; width:235px; float:left; display:inline; } .playlist .scroll ul li{ border-top:#746b64 1px solid; border-bottom:#4f4c44 1px solid; width:100%; height:34px; float:left; display:inline; position:relative; overflow:hidden; padding:2px 0; } .playlist .scroll ul li input{ width:14px; height:14px; float:left; display:inline; margin:10px 5px; } .playlist .scroll ul li a{ width:170px; height:16px; font-weight:normal; color:#fff; font-size:11px; overflow:hidden; float:left; display:inline; } .playlist .scroll ul li a:hover{ color:#ff9900; } .playlist .scroll ul li .share{ border:none; width:32px; height:auto; display:block; position:absolute; top:5px; right:5px; margin:0; } .playlist .scroll ul li .share li{ border:0; width:auto; height:auto; float:none; display:inline; padding:0; } .playlist .scroll ul li .share li.selected{ background:none; } .playlist .scroll ul li .share li a{ width:15px; height:15px; float:left; display:inline; text-indent:-2000000px; margin:0; } .playlist .scroll ul li .share li a.btnDontLike{ background-position:-920px -700px!important; } .playlist .scroll ul li .share li a.btnDontLike:hover, .playlist .scroll ul li .share li.selected a.btnDontLike{ background-position:-1020px -700px!important; } .playlist .scroll ul li.selected .share li a.btnDontLike{ background-position:-920px -720px!important; } .playlist .scroll ul li.selected .share li a.btnDontLike:hover, .playlist .scroll ul li.selected .share li.selected a.btnDontLike{ background-position:-1020px -720px!important; } .playlist .scroll ul li .share li a.btnLike{ background-position:-920px -650px!important; } .playlist .scroll ul li .share li a.btnLike:hover, .playlist .scroll ul li .share li.selected a.btnLike{ background-position:-1020px -650px!important; } .playlist .scroll ul li.selected .share li a.btnLike{ background-position:-920px -670px!important; } .playlist .scroll ul li.selected .share li a.btnLike:hover, .playlist .scroll ul li.selected .share li.selected a.btnLike{ background-position:-1020px -670px!important; } .playlist .scroll ul li .share li a.btnDelete{ background-position:-1185px -1120px; position:relative; left:7px; } .playlist .scroll ul li .share li a.btnDelete:hover{ background-position:-1165px -1120px; } .playlist .scroll ul li.selected .share li a.btnDelete:hover, .playlist .scroll ul li.selected .share li.selected a.btnDelete{ background-position:-1145px -1120px; } .playlist .scroll ul li.selected{ background:#ff9900; border-top-color:#b7720b; border-bottom-color:#fdb241; } .playlist .scroll ul li.selected a:hover{ color:#5C5952; } .playlistCommands{ background:#ff9900; width:258px; height:20px; display:block; } .playlistCommands a{ line-height:18px; font-size:12px; color:#fff; font-weight:bold; float:left; display:inline; padding:0 5px 0 25px; margin:2px 10px 0; } .playlistCommands a.shuffle{ background-position:-1180px -300px; } .playlistCommands a.shuffle:hover, .playlistCommands.selected a.shuffle{ background-position:-1180px -320px; } .playlistCommands a.clear{ background-position:-1180px -200px; } .playlistCommands a.clear:hover, .playlistCommands.selected a.clear{ background-position:-1180px -220px; } .similars{ background:#fff; border:#ff9900 solid; border-width:4px 4px 0; width:258px; height:396px; overflow:hidden; position:absolute; bottom:57px; right:270px; z-index:999; display:none; } .similars a, .similars h3{ color:#47433A; font-size:12px; } .similars .title{ background:#f2f0ed; padding:5px; } .similars .title .close{ background-position:-1187px -400px; width:13px; height:13px; position:absolute; right:6px; top:6px; text-indent:-20000px; } .similars .album_info{ background:#fafafa; border-top:#fff 1px solid; border-bottom:#f2f0ed 1px solid; height:57px; padding:5px; } .similars .album_info .image{ float:left; display:inline; margin:0 10px 0 0; } .similars .album_info .image img{ border:#f2f0ed 3px solid; width:50px; height:50px; float:left; display:inline; } .similars .album_info h3, .similars .album_info h4, .similars .album_info h5{ width:180px; height:18px; line-height:18px; float:left; display:inline; overflow:hidden; } .similars .album_info h3, .similars .album_info h3 a{ color:#5d5950; font-size:11px; } .similars .album_info h4, .similars .album_info h4 a{ color:#7f7870; font-size:11px; font-weight:normal; } .similars .album_info h5, .similars .album_info h5 a{ color:#ff9900; font-size:11px; font-weight:normal; } .similars .album_info a:hover{ color:#ff9900; } .similars .album_info h5 a:hover{ color:#5d5950; } .similars .playlistActions{ border:0; width:258px; margin:5px 0 0; } .similars .playlistFilter{ border:0; width:248px; } .similars .scroll{ border-top:#fff 1px solid; width:258px; height:245px; display:block; position:relative; overflow-y:scroll; overflow-y:auto; } .similars .scroll ul{ width:240px; float:left; display:inline; } .similars .scroll ul li{ width:100%; height:36px; float:left; display:inline; position:relative; overflow:hidden; padding:2px 0; } .similars .scroll ul li.striped{ background:#f2f0ed; } .similars .scroll ul li input{ width:14px; height:14px; float:left; display:inline; margin:5px 5px 15px; } .similars .scroll ul li h6{ width:20px; height:20px; float:left; display:inline; padding:0 5px 0 0; margin:3px 0 0; } .similars .scroll ul li h6 a{ width:20px; height:18px; float:left; display:inline; font-size:11px; text-align:right; } .similars .scroll ul li.hover h6 a{ background-position:-900px -300px; text-align:left; text-indent:-2000000px; } .similars .scroll ul li.striped.hover h6 a{ background-position:-900px -320px; } .similars .scroll ul li.hover h6 a.load, .similars .scroll ul li.striped.hover h6 a.load{ background:url(/Content/images/small_ajax_loader.gif) 0 0 no-repeat!important; } .similars .scroll ul li h3, .similars .scroll ul li h4{ width:160px; height:16px; font-size:11px; float:left; display:inline; overflow:hidden; margin:3px 0 0; } .similars .scroll ul li h4, .similars .scroll ul li h4 a{ font-weight:normal; margin:0; } .similars .scroll ul li h3 a:hover, .similars .scroll ul li h4 a:hover{ color:#ff9900; } .similars .scroll ul li .share { border:0; width:36px; height:auto; position:absolute; right:0; top:5px; margin:0; } .similars .scroll ul li .share li{ border:0 none; float:left; display:inline; height:auto; padding:0; width:auto; } .similars .scroll ul li .share li a{ width:15px; height:15px; float:left; display:inline; text-indent:-2000000px; margin:0; } .similars .scroll .share li a.btnDontLike { background-position:-900px -700px; } .similars .scroll .share li a.btnDontLike:hover, .similars .scroll .share li.selected a.btnDontLike{ background-position:-1000px -700px!important; } .similars .scroll li.striped .share li a.btnDontLike { background-position:-900px -720px; } .similars .scroll li.striped .share li a.btnDontLike:hover, .similars .scroll li.striped .share li.selected a.btnDontLike{ background-position:-1000px -720px!important; } .similars .scroll .share li a.btnLike{ background-position:-900px -650px; } .similars .scroll .share li a.btnLike:hover, .similars .scroll .share li.selected a.btnLike{ background-position:-1000px -650px!important; } .similars .scroll li.striped .share li a.btnLike{ background-position:-900px -670px; } .similars .scroll li.striped .share li a.btnLike:hover, .similars .scroll li.striped .share li.selected a.btnLike{ background-position:-1000px -670px!important; } .userNotLogged .playlistActions dt, .userNotLogged .playlistActions .add, .userNotLogged .playlistActions .more, .userNotLogged .playlistFilter{ display:none; } .userNotLogged .scroll ul li input{ visibility:hidden; margin:5px 0 15px!important; } .userNotLogged .playlistActions .play{ margin:0 0 0 10px; } .userNotLogged .similars .scroll{ height:266px; } .userNotLogged .playlist .scroll{ height:328px; } .sonora_footer{ border-top:#d2d1cf 1px solid; width:1000px; float:left; display:inline; margin:25px 0 0 0; padding:0 0 80px 0; } .sonora_footer dl{ text-align:center; text-transform:uppercase; margin:10px 0; } .sonora_footer dd, .sonora_footer dt{ color:#5c5952; line-height:19px; font-weight:bold; display:inline; padding:0 7px; } .sonora_footer dt{ color:#5c5952; } .sonora_footer dd{ border-right:#8b8884 1px dotted; } .sonora_footer dl a{ color:#a19e99; } .sonora_footer dl a:hover{ color:#ff9900; } .sonora_footer dl span{ text-transform:lowercase; } .sonora_footer h4{ border-top:#d2d1cf 1px solid; font-weight:normal; font-size:11px; text-align:center; color:#a19e99; padding:10px 0 0; } .explorer{ width:680px; float:left; display:inline; } .explorer .list_content{ height:520px; display:block; position:relative; z-index:0; } .pagination{ position:relative; float:right; display:inline; margin:5px 0 0; } .topPagination{ margin:-25px 0 0; } .pagination li{ float:left; display:inline; list-style:none; } .pagination li a{ color:#6A665F; font-weight:bold; font-size:13px; line-height:20px; float:left; display:inline; padding:0 8px; } .pagination li a:hover{ color:#000; } .pagination li a.selected, .pagination li a.selected:hover{ background-position:-900px -250px; color:#6A665F; cursor:default; padding:0 1px; } .pagination li a.selected span{ background-position:right -250px; float:left; display:inline; position:relative; padding:0 7px; margin:0 -2px 0 0; } .pagination li a.btnNext, .pagination li a.btnBack, .pagination li a.btnFirst, .pagination li a.btnLast{ width:20px; height:20px; text-indent:-200000px; padding:0; } .pagination li a.btnBack{ background-position:-900px -150px; } .pagination li a.btnNext{ background-position:-900px -175px; } .pagination li a.btnFirst{ background-position:-900px -200px; margin:0 2px 0 0; } .pagination li a.btnLast{ background-position:-900px -225px; margin:0 0 0 2px; } .pagination li a.btnBack:hover{ background-position:-1000px -150px; } .pagination li a.btnNext:hover{ background-position:-1000px -175px; } .pagination li a.btnFirst:hover{ background-position:-1000px -200px; } .pagination li a.btnLast:hover{ background-position:-1000px -225px; } .listView{ background:#fff; } .listView .generic_list{ display:block; clear:both; overflow:hidden; } .listView .generic_list li{ background:#fff; width:100%; float:left; display:inline; position:relative; padding:1px; } .listView .generic_list li .image, .listView .generic_list li .image img{ width:120px!important; height:120px!important; border:0!important; margin:0!important; } .listView .generic_list li.striped{ background:#F4F3F2; } .listView .generic_list li li{ background:none; width:auto; } .listView .generic_list li .image{ margin:0 20px 0 0!important; } .listView .generic_list .info{ width:415px; height:100px; float:left; display:inline; margin:20px 0 0; } .listView .generic_list .info h3{ max-width:415px; height:23px; } .listView .generic_list .info h3 a{ max-width:350px; float:left; display:inline; } * html .listView .generic_list .info h3{ width:415px; } * html .listView .generic_list .info h3 a{ width:350px; } .listView .generic_list .info h3, .listView .generic_list .info h3 a{ color:#494238; font-size:19px; } .listView .generic_list .info h3 a:hover{ text-decoration:underline; } .listView .generic_list .info h4{ height:18px; margin:10px 0 5px; } .listView .generic_list .info h4, .listView .generic_list .info h4 a{ color:#5F5A56; } .listView .generic_list .info h4 a:hover{ text-decoration:underline; } .listView .generic_list .info h5{ height:18px; margin:10px 0 5px; } .listView .generic_list .info h5, .listView .generic_list .info h5 a{ font-size:13px; font-weight:normal; } .listView .generic_list li:hover h3, .listView .generic_list li:hover h3 a{ color:#ff9900; } .listView .generic_list .actions{ float:right; display:inline; position:relative; top:25px; right:10px; } .mosaicView .generic_list{ clear:both; } .mosaicView .generic_list li{ background:#fff; border:#fff 1px solid; position:absolute; cursor:pointer; } .mosaicView .generic_list li .info, .mosaicView .generic_list li .actions{ display:none; } .mosaicView .generic_list li .info{ background:#fff; border:#ff9900 2px solid; width:140px; height:40px; position:absolute; bottom:-54px; padding:5px; } .mosaicView .generic_list li .info h3, .mosaicView .generic_list li .info h3 a{ height:15px; font-weight:bold; font-size:12px; line-height:14px; color:#7F7870; } .mosaicView .generic_list li .info h4, .mosaicView .generic_list li .info h4 a{ height:15px; font-size:10px; line-height:13px; color:#A19E99; } .mosaicView .generic_list li .info h5{ display:none; } .mosaicView .generic_list li .image, .mosaicView .generic_list li img{ width:100%; height:100%; } .mosaicView .generic_list li.hover{ border-color:#ff9900; z-index:99; } .mosaicView .generic_list li.hover .image{ border:#ff9900 2px solid; width:102%; height:102%; position:absolute; top:-3px; left:-3px; } .mosaicView .generic_list li.info .info{ display:block; } .mosaicView .v1{ width:141px; height:141px; top:90px; left:213px; } .mosaicView .v2{ width:141px; height:141px; top:232px; left:213px; } .mosaicView .v3{ width:141px; height:141px; left:355px; top:116px; } .mosaicView .v4{ width:140px; height:140px; top:281px; left:72px; } .mosaicView .v5{ width:131px; height:131px; top:149px; left:81px; } .mosaicView .v6{ width:115px; height:115px; top:258px; left:355px; } .mosaicView .v7{ width:100px; height:100px; top:359px; left:471px; } .mosaicView .v8{ width:100px; height:100px; top:258px; left:471px; } .mosaicView .v9{ width:106px; height:106px; left:497px; top:151px; } .mosaicView .v10{ width:100px; height:100px; top:374px; left:213px; } .mosaicView .v11{ width:100px; height:100px; top:15px; left:355px; } .mosaicView .v12{ width:90px; height:90px; top:258px; left:572px; } .mosaicView .v13{ width:90px; height:90px; top:422px; left:122px; } .mosaicView .v14{ width:90px; height:90px; top:60px; left:497px; } .mosaicView .v15{ width:90px; height:90px; top:-1px; left:264px; } .mosaicView .v16{ width:90px; height:90px; top:58px; left:122px; } .mosaicView .v17{ width:70px; height:70px; top:151px; left:604px; } .mosaicView .v18{ width:80px; height:80px; top:374px; left:314px; } .mosaicView .v19{ width:70px; height:70px; top:210px; left:10px; } .mosaicView .v20{ width:75px; height:75px; top:374px; left:395px; } .mosaicView .v21{ width:60px; height:60px; top:455px; left:314px; } .mosaicView .v22{ width:70px; height:70px; top:349px; left:572px; } .mosaicView .v23{ width:60px; height:60px; top:90px; left:588px; } .mosaicView .v24{ width:40px; height:40px; top:108px; left:81px; } .mosaicView .v25{ width:50px; height:50px; top:450px; left:375px; } .mosaicView .v26{ width:55px; height:55px; top:281px; left:16px; } .mosaicView .v27{ width:50px; height:50px; top:39px; left:213px; } .mosaicView .v28{ width:50px; height:50px; top:98px; left:30px; } .mosaicView .v29{ width:40px; height:40px; top:75px; left:456px; } .mosaicView .v30{ width:60px; height:60px; top:149px; left:20px; } .mosaicView .v28 .info, .mosaicView .v30 .info, .mosaicView .v19 .info, .mosaicView .v26 .info, .mosaicView .v24 .info, .mosaicView .v16 .info, .mosaicView .v5 .info, .mosaicView .v4 .info, .mosaicView .v13 .info{ left:-3px; } .mosaicView .v14 .info, .mosaicView .v9 .info, .mosaicView .v17 .info, .mosaicView .v23 .info, .mosaicView .v8 .info, .mosaicView .v12 .info, .mosaicView .v7 .info, .mosaicView .v22 .info{ right:-3px; } .mosaicView .v29 .info, .mosaicView .v27 .info{ left:-50px; } .mosaicView .v15 .info, .mosaicView .v11 .info, .mosaicView .v20 .info, .mosaicView .v18 .info, .mosaicView .v10 .info, .mosaicView .v21 .info, .mosaicView .v25 .info{ left:-30px; } .mosaicView .v1 .info, .mosaicView .v2 .info, .mosaicView .v3 .info{ left:-6px; } .mosaicView .v6 .info{ left:-20px; } .infoBox{ background:#fff; border:#ff9900 3px solid; width:320px; height:130px; position:absolute; z-index:9999; display:none; } .infoBoxBg{ background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; display:none; } .infoBox .close{ background-position:right -400px; width:13px; height:13px; position:absolute; text-indent:-20000px; top:5px; right:5px; } .infoBox .actions .buy, .infoBox .actions .share{ display:block; } .infoBox img{ background:#f2f0ed; width:120px; height:120px; float:left; display:inline; margin:5px 10px 5px 5px; } .infoBox h3, .infoBox h4, .infoBox h5{ width:180px; line-height:12px; float:left; display:inline; overflow:hidden; margin:0 0 5px; } .infoBox h3{ line-height:17px; height:17px; margin:20px 0 3px; } .infoBox h4{ height:12px; } .infoBox h5{ height:26px; } .infoBox h3, .infoBox h3 a{ font-size:12px; color:#67635A; } .infoBox h4, .infoBox h4 a, .infoBox h5, .infoBox h5 a{ font-weight:normal; font-size:11px; color:#ACA39A; } .infoBox a:hover{ color:#ff9900; } .gridView{ background:#fff; } .gridView .pagination{ display:none; } .gridView .generic_list{ clear:both; } .gridView .generic_list li{ float:left; display:inline; } .gridView .generic_list li .info, .gridView .generic_list li .actions{ display:none; } .gridView .generic_list{ margin:1px; } .gridView .generic_list li .image img{ width:109px; border:#fff 2px solid; } .gridView .generic_list li .image:hover img{ border-color:#ff9900; } .library dl.library_nav{ background:#f9f9f9; width:230px; float:left; display:inline; padding:10px 5px 5px; margin:0 0 0 10px; } .library dl.library_nav dt{ color:#ff9900; line-height:16px; font-size:14px; font-weight:bold; text-transform:uppercase; display:block; margin:0 0 8px 3px; } .library dl.library_nav dd a{ color:#47423A; width:210px; display:block; font-size:11px; font-weight:bold; overflow:hidden; padding:4px 15px 4px 5px; } .library dl.library_nav dd a:hover, .library dl.library_nav dd a.selected{ background-color:#ff9900; color:#fff; } .library dl.library_nav dd a.opened{ background-color:#f2f2f2; background-position:205px -250px; } .library dl.library_nav dd a.opened:hover{ background-color:#ff9900; background-position:205px -270px; } .library dl.library_nav dd a strong{ font-size:13px; } .library dl.library_nav dd ul{ display:none; padding:0 0 0 15px; } .library dl.library_nav dd ul li{ display:inline; } .library dl.library_nav dd ul li a{ width:195px; } .library .library_content{ width:730px; float:right; display:inline; padding:0 10px 0 0; } .library .library_content .tabs{ border-bottom:1px solid #ff9900; width:100%; float:left; display:inline; } .library .library_content .tabs li{ float:left; display:inline; } .library .library_content .tabs li a{ background:#7f7870; height:25px; line-height:25px; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; float:left; display:inline; padding:0 15px; margin:5px 1px 0 0; } .library .library_content .tabs li a:hover{ background:#aaa299; } .library .library_content .tabs li a.selected, .library .library_content .tabs li a.selected:hover{ background:#ff9900; height:31px; color:#fff; line-height:30px; cursor:default; position:relative; top:1px; margin:-1px 1px 0 0; } .library .library_content .list_content{ background:#fff; width:100%; float:left; display:inline; position:relative; padding:10px 0; } .library .library_content .filters{ width:100%; float:left; display:inline; padding:5px 0 20px; } .library .library_content .filters h3{ border-bottom:#e9e5e2 1px solid; font-size:22px; color:#978D81; display:block; } .library .library_content .filters dl{ height:25px; padding:5px 0 0; } .library .library_content .filters dl, .library .library_content .filters dt, .library .library_content .filters dd{ float:left; display:inline; } .library .library_content .filters dt, .library .library_content .filters a.top, .library .library_content .filters a.name, .library .library_content .filters a.album{ height:25px; text-indent:-200000px; line-height:10px; float:left; display:inline; margin:0 5px 0 0; } .library .library_content .filters dt.showAs{ background-position:-50px -250px; width:55px; } .library .library_content .filters dt.alphabet{ background-position:-50px -275px; width:75px; } .library .library_content .filters a.top{ background-position:-900px -750px; width:55px; } .library .library_content .filters a.top:hover, .library .library_content .filters .selected a.top{ background-position:-1000px -750px; } .library .library_content .filters a.name{ background-position:-900px -800px; width:100px; } .library .library_content .filters a.name:hover, .library .library_content .filters .selected a.name{ background-position:-1000px -800px; } .library .library_content .filters a.album{ background-position:-900px -850px; width:100px; } .library .library_content .filters a.album:hover, .library .library_content .filters .selected a.album{ background-position:-1000px -850px; } .library .library_content .filters ul{ float:left; display:inline; padding:5px 0 0; } .library .library_content .filters ul li{ float:left; display:inline; } .library .library_content .filters ul li a{ width:15px; height:15px; line-height:15px; color:#7F7870; font-size:14px; font-weight:bold; text-align:center; float:left; display:inline; margin:0 2px 0 0; } .library .library_content .filters ul li a:hover, .library .library_content .filters ul li a.selected{ background-position:right -350px; color:#fff; } .library .library_content .list_column{ width:610px; float:left; display:inline; } .library .library_content .artist_list, .library .library_content .album_list{ width:297px; float:left; display:inline; margin:0 5px 0 0; } .library .library_content .artist_list li, .library .library_content .album_list li{ background:#fafafa; width:100%; height:63px; float:left; display:inline; position:relative; padding:1px 0; } .library .library_content .artist_list li.striped, .library .library_content .album_list li.striped{ background:#f5f4f2; } .library .library_content .album_list .actions{ position:absolute; bottom:10px; left:93px; } .library .library_content .pagination{ margin:10px; } .library .library_content .music_list{ width:600px; } .legend{ background-color:#f2f0ed; width:590px; float:left; display:inline; padding:5px; margin:10px 0 5px; } .legend p{ color:#47423A; } .legend .fav{ float:none; padding:0 0 0 12px; margin:0; } .legend span.ranking{ float:none; display:inline-block; } div.ranking div.list_content .legend{ width:650px } div.ranking{ width:670px; float:left; display:inline; position:relative; overflow:hidden; padding:0 10px 10px; } .ranking .list_content{ display:block; } .ranking .rankingFilter{ background:#BEB7AF; height:40px; display:block; margin:0 0 30px; } .ranking .rankingFilter dt, .ranking .rankingFilter dd{ float:left; display:inline; } .ranking .rankingFilter dt{ background-position:-150px -275px; width:50px; height:25px; float:left; display:inline; text-indent:-200000px; margin:8px; } .ranking .rankingFilter a{ width:70px; height:20px; display:block; text-indent:-200000px; margin:10px 2px; } .ranking .rankingFilter a.artist{ background-position:-300px -1700px; } .ranking .rankingFilter a.artist:hover, .ranking .rankingFilter .selected a.artist{ background-position:-600px -1700px; } .ranking .rankingFilter a.album{ background-position:-300px -1800px; } .ranking .rankingFilter a.album:hover, .ranking .rankingFilter .selected a.album{ background-position:-600px -1800px; } .ranking .rankingFilter a.music{ background-position:-300px -1750px; } .ranking .rankingFilter a.music:hover, .ranking .rankingFilter .selected a.music{ background-position:-600px -1750px; } .ranking .tagcloud{ width:640px; float:left; display:inline; position:relative; text-align:center; padding:0 10px; } .ranking .tagcloud a{ font-weight:bold; line-height:30px; text-decoration:none; padding:0 10px; } .ranking .tagcloud a.size5{ color:#5d5950; font-size:11px; font-weight:normal; } .ranking .tagcloud a.size4{ color:#5d5950; font-size:14px; } .ranking .tagcloud a.size3{ color:#5d5950; font-size:16px; } .ranking .tagcloud a.size2{ color:#47423a; font-size:19px; } .ranking .tagcloud a.size1{ color:#47423a; font-size:27px; } .ranking .tagcloud a:hover{ color:#ff9900; } div.now{ width:980px; min-height:685px; float:left; display:inline; padding:0 10px; } * html div.now{ height:685px; } .now .title{ width:670px; height:75px; float:left; display:inline; margin:15px 0 0; } .now .title h2{ margin:0 0 25px; } .now .title .refresh{ background:#F4F3F2; width:660px; line-height:20px; float:left; display:inline; overflow:hidden; padding:5px; } .now .title h3{ float:left; display:inline; font-size:12px; color:#9A938A; } .now .title h3 strong{ color:#5D5950; font-size:14px; } .now .title a{ background-position:-1180px -1200px; font-size:12px; color:#ff9900; float:right; display:inline; font-weight:bold; padding:0 0 0 25px; } .now .list_content{ width:670px; float:left; display:inline; padding:0 0 10px; } .now .list_content .pagination{ margin:5px 0; } .now .notFound{ background:#ebeae6; border-bottom:#dad9d5 1px solid; width:630px; float:left; clear:left; display:inline; padding:20px 20px 10px; margin:-40px 0 0; } .now .notFound h3{ color:#5D5950; font-size:14px; line-height:20px; margin:0 0 15px; } .now .notFound h3 strong{ font-size:19px; } .now .notFound h3 a{ color:#5D5950; font-size:19px; } .now .notFound h3 a:hover{ color:#ff9900; } div.radio{ background:#fff; width:100%; float:left; display:inline; position:relative; padding:0 0 20px; } .radio .radio_header{ background:#fff; border-bottom:#e9e5e2 10px solid; width:980px; height:150px; float:left; display:inline; padding:10px; } .radio .radio_header img{ float:left; display:inline; margin:0 15px 0 0; } .radio .radio_header h2{ font-size:30px; color:#47423A; display:block; padding:15px 0 5px; margin:0; } .radio .radio_nav{ width:235px; float:left; display:inline; overflow:hidden; } .radio .radio_nav dt{ background:#C8C3BF; width:117px; height:35px; float:left; display:inline; margin:0 0 1px; } .radio .radio_nav dt a{ width:85px; height:25px; text-indent:-200000px; display:inline; margin:5px; } .radio .radio_nav dt a.radio{ background-position:-300px -1650px; float:right; display:inline; } .radio .radio_nav dt a.radio:hover, .radio .radio_nav dt.selected a.radio{ background-position:-600px -1650px; } .radio .radio_nav dt a.mix{ background-position:-300px -1600px; float:left; display:inline; } .radio .radio_nav dt a.mix:hover, .radio .radio_nav dt.selected a.mix{ background-position:-600px -1600px; } .radio .radio_nav dd a{ background-position:-300px -1550px; width:100%; height:25px; line-height:25px; color:#fff; font-weight:bold; float:left; display:inline; text-indent:10px; margin:0 0 1px; } .radio .radio_nav dd a:hover, .radio .radio_nav dd a.selected{ background-position:-600px -1550px; } .radio .radio_nav dd a span{ color:#CBCAC8; font-weight:bold; margin:0 0 0 6px; } .radio .radio_content{ width:430px; float:left; display:inline; position:relative; margin:0 0 0 10px; } .radio .radio_content .radio_image{ width:60px; float:left; display:inline; margin:10px 10px 10px 0; } .radio .radio_content h3{ font-size:17px; font-weight:bold; color:#47433A; margin:7px 0 0; } .radio .radio_content h3 span{ font-size:12px; } .radio .search{ background:#7f7870; width:410px; float:left; display:inline; padding:10px; margin:20px 0 10px; } .radio .search h4{ color:#fff; font-size:14px; margin:0; } .radio .search .searchField{ background:#fff; border:0; width:320px; height:17px; color:#47423A; font-size:14px; font-weight:bold; float:left; display:inline; padding:4px; margin:5px 0 0; } .radio .search .btnSend{ background-color:transparent; background-position:-600px 0; border:0; width:75px; height:25px; float:left; display:inline; color:#fff; cursor:pointer; font-weight:bold; text-transform:uppercase; display:inline; margin:5px 0 0 5px; } .radio .filter{ float:left; display:inline; margin:12px 0 0; } .radio .filter dt{ background-position:-150px -250px; height:25px; width:60px; float:left; display:inline; text-indent:-200000px; } .radio .filter dd{ float:left; display:inline; } .radio .filter a{ height:25px; display:block; text-indent:-200000px; margin:0 5px 0 0; } .radio .filter a.new{ background-position:-900px -1000px; width:80px; } .radio .filter a.new:hover, .radio .filter .selected a.new{ background-position:-1000px -1000px; } .radio .filter a.top{ background-position:-900px -1050px; width:80px; } .radio .filter a.top:hover, .radio .filter .selected a.top{ background-position:-1000px -1050px; } .radio .generic_list{ width:100%; float:left; display:inline; margin:7px 0; } .radio .generic_list li{ background:#fafafa; width:100%; float:left; display:inline; position:relative; padding:1px 0; } .radio .generic_list .image, .radio .generic_list .image img{ width:87px; height:87px; } .radio .generic_list .image{ margin:0 15px 0 0; } .radio .generic_list .striped{ background:#F4F3F2; } .radio .generic_list .info{ width:300px; float:left; display:inline; margin:15px 0 0; } .radio .generic_list .info h3{ height:23px; } .radio .generic_list .info h3 a{ float:left; display:inline; } .radio .generic_list .info h3, .radio .generic_list .info h3 a{ max-width:300px; color:#494238; font-size:14px; font-weight:normal; } .radio .generic_list .info h3 a:hover{ text-decoration:underline; } .radio .generic_list .info .fav{ margin:2px 0 0 10px; } .radio .generic_list li:hover h3, .radio .generic_list li:hover h3 a{ color:#ff9900; } .radio .generic_list .actions{ position:absolute; top:10px; right:10px; } .radio .generic_list .play{ background-position:-900px -300px; color:#494238; float:left; display:inline; padding:2px 0 2px 22px; margin:10px 2px 0 0; } .radio .generic_list .play:hover{ color:#ff9900; } .radio .generic_list .striped .play{ background-position:-900px -320px; } .radio .sugestions{ width:430px; float:left; display:inline; position:relative; overflow:hidden; } .radio .sugestions ul.sugestions_list{ background-color:#EBEAE6; border:#D9D7D4 solid; border-width:1px 0; width:100%; float:left; display:inline; overflow:hidden; margin:5px 0 0; } .radio .sugestions ul.sugestions_list li{ display:block; } .radio .sugestions ul.sugestions_list li a{ height:16px; font-size:14px; display:block; font-weight:bold; color:#5D5850; overflow:hidden; padding:2px 5px; } .radio .sugestions ul.sugestions_list li a:hover{ color:#ff9900; } .radio .pagination{ margin:14px 0 0; } .radio .related_list .generic_list li{ height:85px; } .radio .related_list .generic_list li .image img{ width:85px; height:85px; } .radio .related_list .generic_list li .info h3, .radio .related_list .generic_list li .info h4, .radio .related_list .generic_list li .info h3 a, .radio .related_list .generic_list li .info h4 a{ height:auto; min-height:16px; max-height:28px; font-size:11px; } * html .radio .related_list .generic_list li .info h3, * html .radio .related_list .generic_list li .info h4{ height:16px; } .customRadio{ width:905px; height:359px; float:left; display:inline; position:relative; padding:87px 10px 0 85px; margin:1px 0; } .customRadio .bg{ position:absolute; left:0; top:0; z-index:-1; } .customRadio .radioBox{ background:#fff; width:504px; height:147px; float:left; display:inline; padding:5px; } .customRadio .radioBox img{ float:left; display:inline; margin:12px; } .customRadio .radioBox .data{ width:190px; float:left; overflow:hidden; margin:12px; } .customRadio .radioBox .data h3{ width:190px; height:30px; font-size:19px; float:left; overflow:hidden; } .customRadio .radioBox .data .play{ background-position:-1174px -1600px; width:160px; height:25px; font-size:14px; line-height:22px; font-weight:bold; float:left; overflow:hidden; padding:0 0 0 35px; margin:10px 0; } .customRadio .radioBox .data .play:hover{ color:#ff9900; } .customRadio .radioBox .data .btnDown{ background-position:-300px -2000px; width:180px; height:30px; float:left; text-indent:-100000px; margin:10px 0; } .customRadio .radioBox .share{ width:138px; height:146px; float:right; overflow:hidden; position:relative; margin:4px 2px 0; } .customRadio .radioBox .share a{ width:30px; height:30px; float:left; display:inline; position:relative; left:17px; text-indent:-200000px; margin:89px 9px 0 0; z-index:2; } div.search{ background:#fff; width:980px; float:left; display:inline; padding:10px; } .search h2{ width:100%; height:26px; overflow:hidden; font-weight:normal; margin:10px 0 0; } .search h2 span{ color:#47423A; font-size:18px; } .search h2 strong{ font-weight:normal; font-size:18px; color:#ABA299; } .search h3{ height:20px; line-height:20px; font-size:12px; color:#47423A; float:left; display:inline; overflow:hidden; } .search .pagination{ margin:0; } .search .byGenre{ background-color:#EBEAE6; border:#D9D7D4 solid; border-width:1px 0; width:960px; float:left; display:inline; overflow:hidden; padding:10px; margin:10px 0 0; } .search .byGenre h4 strong{ color:#5D5850; font-size:15px; line-height:30px; } .search .byGenre h4 a{ color:#ff9900; font-size:16px; } .search .byGenre h4 a:hover{ text-decoration:underline; } .search .search_artist{ width:485px; float:left; display:inline; position:relative; overflow:hidden; margin:30px 0 0; } .search .search_artist ul.search_artist_list{ background-color:#EBEAE6; border:#D9D7D4 solid; border-width:1px 0; width:100%; height:204px; float:left; display:inline; overflow:hidden; margin:5px 0 0; } .search .search_artist ul.search_artist_list li{ display:block; } .search .search_artist ul.search_artist_list li.notFound{ font-size:16px; font-weight:bold; text-align:center; padding:80px 0; } .search .search_artist ul.search_artist_list li a{ height:16px; font-size:14px; display:block; font-weight:bold; color:#5D5850; overflow:hidden; padding:2px 5px; } .search .search_artist ul.search_artist_list li a:hover{ color:#ff9900; } .search .search_album{ width:485px; float:right; display:inline; position:relative; overflow:hidden; margin:30px 0 0; } .search .search_album .album_list{ border:#D9D7D4 solid; border-width:1px 0; width:100%; height:204px; float:left; display:inline; overflow:hidden; margin:5px 0 0; } .search .search_album .album_list li{ width:240px; height:63px; float:left; display:inline; padding:1px 0; margin:3px 0 0 0; } .search .search_album .album_list li.notFound{ width:450px; font-size:16px; font-weight:bold; text-align:center; padding:80px 0; } .search .search_album .album_list .fav{ float:none; } .search .search_album .album_list h3{ width:auto; } .search .search_album .album_list ul.actions a.play{ background-position:-900px -300px!important; } .search .search_album .album_list span.fav { background-position:-1185px -450px; margin:0; } .search .search_music{ width:980px; float:left; display:inline; position:relative; margin:20px 0 0; } .search .search_music h3{ width:100%; height:30px; } .search .search_music .actionsMusic{ width:auto; } .search .search_music .pagination{ margin:5px 0 0; } .search .search_music .music_list{ margin:0 0 10px; } .search .noresult{ height:400px; padding:20px; } .search .noresult h4{ font-size:16px; padding:5px 0 20px 10px; } .search .noresult h5{ font-size:11px; padding:5px 0 0 10px; } .search .noresult h5 a{ color:#ff9900; font-size:14px; } .search .noresult h6{ background-color:#EBEAE6; border-bottom:1px solid #D9D7D4; color:#666; font-size:11px; padding:10px 270px 10px 10px; margin:5px 10px 10px; } .search .similars_result{ width:940px; float:left; padding:20px 20px 30px; } .search .similars_result h4{ color:#ABA299; font-size:16px; padding:0 0 10px; margin:10px 0; } .search .similars_result h4 strong{ color:#47423A; font-size:16px; } .search .similars_result ul{ } .search .similars_result ul li{ border-top:#f2f2f2 1px solid; width:450px; float:left; display:inline; padding:10px; } .search .similars_result ul li .image{ border:#f2f2f2 5px solid; float:left; display:inline; margin:0 15px 0 0; } .search .similars_result ul li .image img{ width:90px; height:90px; float:left; display:inline; } .search .similars_result ul li h3{ width:300px; margin:10px 0 5px; } .search .similars_result ul li h3, .search .similars_result ul li h3 a{ font-size:14px; color:#47423A; } .search .similars_result ul li h4, .search .similars_result ul li h4 a{ font-size:12px; color:#47423A; } .search .similars_result ul li h4 a{ color:#ff9900; } .search .similars_result ul li h4 a:hover{ text-decoration:underline; } .search .similars_result ul li h3 a:hover{ color:#ff9900; } .mysonora{ background-color:#F2F0ED; border:#fff 10px solid; width:960px; float:left; display:inline; padding:10px; } .mysonora .user_info{ background:#fff; border:2px solid #FF9900; width:625px; height:226px; overflow:hidden; float:left; display:inline; padding:10px; margin:0 10px 0 0; } .mysonora .user_info h2{ width:614px; height:40px; line-height:40px; float:left; display:inline; text-indent:-2000000px; margin:0; } .mysonora .user_info h2 strong{ background-position:0 -300px; width:140px; height:40px; float:left; display:inline; } .mysonora .user_info h2 span{ background-position:0 -350px; width:250px; height:40px; float:left; display:inline; margin:0 10px; } .mysonora .user_info .user_details{ background:none; border:#DCD9D4 solid; border-width:1px 0; width:auto; height:auto; padding:10px 0; float:left; display:inline; margin:0; } .mysonora .user_info .user_details .avatar{ margin:0 10px 0 0; } .mysonora .user_info .user_details .avatar img{ border:#DCD9D4 1px solid; height:78px; width:78px; } .mysonora .user_info .user_details h3{ width:520px; height:30px; font-size:24px; color:#5D5950; float:left; display:inline; overflow:hidden; margin:5px 0 15px; } .mysonora .user_info .user_details h4, .mysonora .user_info .user_details h5{ color:#5D5950; line-height:13px; font-size:12px; float:left; display:inline; padding:0 0 0 20px; margin:0 20px 0 0; } .mysonora .user_info .user_details h4{ background-position:-1185px -650px; } .mysonora .user_info .user_details h5{ background-position:-1185px -700px; } .mysonora .user_info dl{ border-left:#DCD9D4 1px dotted; width:194px; height:75px; float:left; display:inline; overflow:hidden; padding:0 0 0 10px; margin:10px 10px 0 -11px; } .mysonora .user_info dl dt{ color:#ABA299; font-size:12px; font-weight:bold; padding:0 0 10px; } .mysonora .user_info dl dd{ display:block; color:#7F7871; } .mysonora .user_info dl dd a{ width:100%; height:16px; color:#7F7871; font-size:12px; font-weight:bold; overflow:hidden; display:block; } .mysonora .user_info dl dd a:hover{ color:#ff9900; } .mysonora .mysonora_nav{ width:230px; float:left; display:inline; clear:left; margin:10px 10px 0 0; } .mysonora .mysonora_nav dt{ width:100%; height:25px; margin:0 0 2px; } .mysonora .mysonora_nav dt a{ width:100%; height:25px; display:block; text-indent:-200000px; } .mysonora .mysonora_nav dt a.music{ background-position:-300px -850px; } .mysonora .mysonora_nav dt a.music:hover, .mysonora .mysonora_nav dt.selected a.music{ background-position:-600px -850px; } .mysonora .mysonora_nav dt a.history{ background-position:-300px -900px; } .mysonora .mysonora_nav dt a.history:hover, .mysonora .mysonora_nav dt.selected a.history{ background-position:-600px -900px; } .mysonora .mysonora_nav dt a.btnPlaylist{ background-position:-300px -950px; cursor:default; } .mysonora .mysonora_nav dt a.visitormusic{ background-position:-300px -1000px; } .mysonora .mysonora_nav dt a.visitormusic:hover, .mysonora .mysonora_nav dt.selected a.visitormusic{ background-position:-600px -1000px; } .mysonora .mysonora_nav dt a.visitorhistory{ background-position:-300px -1050px; } .mysonora .mysonora_nav dt a.visitorhistory:hover, .mysonora .mysonora_nav dt.selected a.visitorhistory{ background-position:-600px -1050px; } .mysonora .mysonora_nav dt a.visitorbtnPlaylist{ background-position:-300px -1100px; cursor:default; } .mysonora .mysonora_nav dd{ background:#fff; border:#7B7369 solid; border-width:0 4px 4px; width:222px; height:450px; margin:-3px 0 0; } * html .mysonora .mysonora_nav dd{ width:206px; } .mysonora .mysonora_nav dd .newPlaylist{ border-bottom:#BEB7AF 1px solid; padding:13px 14px; } .mysonora .mysonora_nav dd .newPlaylist a{ background-position:-300px -1150px; width:194px; height:25px; display:block; text-indent:-200000px; } .mysonora .mysonora_nav dd .scroll{ height:398px; display:block; overflow-y:scroll; overflow-x:hidden; } .mysonora .mysonora_nav dd ul{ padding:0 3px; } .mysonora .mysonora_nav dd ul li{ border-bottom:#BEB7AF 1px solid; width:100%; height:38px; float:left; display:inline; } .mysonora .mysonora_nav dd ul li a{ background-position:-1180px -750px; width:150px; height:20px; line-height:20px; color:#47423A; font-weight:bold; float:left; overflow:hidden; padding:0 0 0 23px; margin:10px 0 0; } .mysonora .mysonora_nav dd ul li:hover a{ background-position:-1180px -770px; } .mysonora .mysonora_nav dd ul .actions{ float:right; display:inline; width:20px; margin:2px -3px 0 0; } .mysonora .list_content{ background:#fff; width:700px; min-height:522px; float:left; display:inline; position:relative; padding:10px; margin:10px 0 0; } * html .mysonora .list_content{ height:522px; } .mysonora .filters{ width:700px; float:left; display:inline; margin:0 0 10px 0; } .mysonora .filters .title{ width:200px; float:left; display:inline; } .mysonora .filters h2{ margin:0; } .mysonora .filters h3{ color:#7F7870; font-size:11px; } .mysonora .filters form{ background:#fff; width:320px; float:right; display:inline; } .mysonora .filters form input.search{ background:none; border:1px solid #7F7870; width:260px; height:18px; float:left; font-size:15px; color:#5D594E; padding:2px; } .mysonora .filters form input.search_btn{ background-color:transparent; background-position:-400px -50px; border:0; width:50px; height:24px; cursor:pointer; float:right; margin:0 0 0 2px; } .mysonora .filters .dropdown{ background-position:0 -175px; width:190px; height:24px; float:left; display:inline; position:relative; margin:15px 0 20px; z-index:999; } .mysonora .filters .dropdown span{ width:165px; font-size:11px; line-height:24px; font-weight:bold; text-align:center; color:#fff; cursor:pointer; float:left; display:inline; } .mysonora .filters .dropdown ul{ background-color:#fff; border:#ff9900 3px solid; width:159px; display:none; position:absolute; top:21px; left:0; margin:0; } .mysonora .filters .dropdown ul a{ height:23px; color:#47423a; display:block; line-height:23px; text-transform:none; text-align:left; overflow:hidden; padding:0 0 0 10px; } .mysonora .filters .dropdown ul a:hover{ background:#ff9900; color:#fff; } .mysonora .filters .dropdown ul .striped{ background-color:#f2f0ed; } .mysonora table.music_list .musicPlay{ width:87px; } .mysonora .user_picture{ background:#fff; border:2px solid #FF9900; width:935px; overflow:hidden; float:left; display:inline; padding:10px; } .mysonora .user_picture h2{ padding:5px; margin:0; } .mysonora .user_picture .actualPic, .mysonora .user_picture .newPic{ background:#f5f5f5; float:left; display:inline; min-height:200px; margin:10px 0 0; } * html .mysonora .user_picture .actualPic, * html .mysonora .user_picture .newPic{ height:200px; } .mysonora .user_picture .actualPic{ width:160px; } .mysonora .user_picture .newPic{ width:765px; margin:10px 0 0 10px; } .mysonora .user_picture .actualPic h3, .mysonora .user_picture .newPic h3{ background:#f0f0f0; border-bottom:#fff 1px solid; color:#5D5950; padding:5px 10px; } .mysonora .user_picture .actualPic img{ border:#ff9900 1px solid; float:left; display:inline; margin:35px 0 0 39px; } .mysonora .user_picture .newPic fieldset{ padding:30px; } .mysonora .user_picture .newPic fieldset input{ width:300px; height:20px; margin:0 0 10px; } .mysonora .user_picture .newPic form h4{ font-weight:normal; color:#5D5950; } .mysonora .user_picture .newPic a, .mysonora .user_picture .newPic a{ background:#7F7870; font-weight:bold; color:#fff; float:left; display:inline; text-transform:uppercase; padding:5px 10px; margin:10px 10px 0 0; } .mysonora .user_picture .newPic a:hover{ background:#ff9900; } .mysonora .user_picture .newPic a.disabled, .mysonora .user_picture .newPic a.disabled:hover{ background:#CCC9C6; cursor:default; } .mysonora .user_picture .newPic .newPic_content{ padding:30px; } .mysonora .user_picture .newPic .newPic_content h4{ font-size:17px; color:#5D5950; padding:0 0 15px; } .mysonora .user_picture .newPic .newPic_content h5{ font-size:12px; color:#5D5950; padding:0 0 5px; } .mysonora .user_picture .newPic .newPic_content h4{ font-size:17px; color:#5D5950; padding:0 0 15px; } .mysonora .user_picture .newPic .newPic_content p{ font-size:11px; padding:0 0 5px; } .mysonora .user_picture .newPic .crop{ float:left; display:inline; margin:-15px 25px 15px -15px; } .mysonora .user_picture .newPic .crop img{ float:left; display:inline; } .mysonora .user_picture .crop_preview{ border:#ff9900 1px solid; width:80px; height:80px; float:left; display:inline; overflow:hidden; margin:35px 0 0 39px; } .mysonora .user_picture .crop_preview img{ border:none; float:left; display:inline; margin:0; } .mysonora .empty{ clear:left; padding:20px; } .mysonora .empty h3{ font-size:14px; } .mysonora .empty h3 strong{ color:#ff9900; } .mysonora .empty h4{ font-size:12px; margin:20px 0 0; } .mysonora .empty p{ font-size:11px; padding:5px 0; } .mysonora .empty a{ background:#5D5950; display:block; float:left; display:inline; color:#fff; font-weight:bold; padding:5px 10px; margin:30px 10px 0 0; } .mysonora .empty a:hover{ background:#ff9900; } .myaccount{ background:#F2F0ED; width:100%; float:left; display:inline; overflow:hidden; } .myaccount .myaccount_nav{ background:#E6E2DC; width:183px; float:left; display:inline; padding:20px 20px 20020px; margin:0 0 -20000px; } .myaccount .myaccount_nav h3{ background-position:0 -400px; border-bottom:#47423a 1px dotted; width:100%; height:30px; float:left; display:inline; text-indent:-200000px; margin:0 0 10px; } .myaccount .myaccount_nav dl{ width:100%; float:left; display:inline; margin:0 0 15px; } .myaccount .myaccount_nav dl dt{ color:#47423A; font-size:12px; font-weight:bold; padding:0 0 5px; } .myaccount .myaccount_nav dl dd{ padding:0 0 5px; } .myaccount .myaccount_nav dl dd a{ background-position:-1185px -900px; color:#5D5850; font-size:11px; font-weight:bold; text-transform:lowercase; padding:0 0 0 20px; } .myaccount .myaccount_nav dl dd a.download{ background-position:-1185px -850px; } .myaccount .myaccount_nav dl dd a.history{ background-position:-1185px -800px; } .myaccount .myaccount_nav dl dd a:hover{ color:#ff9900; } .myaccount .myaccount_content{ width:735px; min-height:500px; float:left; display:inline; padding:20px 18px; } .myaccount .myaccount_content hr{ border:#47423a dotted; border-width:1px 0 0; height:1px; line-height:1px; clear:both; margin:10px 0 0; } .myaccount .myaccount_content h2{ border-bottom:#47423a 1px dotted; height:22px; line-height:22px; font-size:24px; color:#47423A; text-transform:lowercase; overflow:hidden; padding:0 0 8px; margin:0; } .myaccount .myaccount_content h2 span{ font-weight:normal; font-size:24px; } .myaccount .myaccount_content h3{ color:#47423A; font-size:12px; clear:left; margin:10px 0 6px; } .myaccount .myaccount_content h4{ color:#47423A; font-size:14px; float:left; display:inline; margin:15px 0; } .myaccount .myaccount_content p{ color:#47423A; font-size:11px; } .myaccount .myaccount_content dl{ width:345px; float:left; display:inline; padding:15px 20px 5px 0; margin:5px 0 0; } .myaccount .myaccount_content dl dt{ font-size:14px; color:#A29C95; font-weight:bold; margin:0 0 10px; } .myaccount .myaccount_content dl dd{ color:#5D5850; display:block; margin:0 0 5px; } .myaccount .myaccount_content dl dd span{ font-weight:bold; } .myaccount .myaccount_content dl dd span, .myaccount .myaccount_content dl dd p{ color:#A29C95; display:inline; } .myaccount .myaccount_content dl dd a{ background-position:-1185px -900px; color:#5D5850; font-size:11px; font-weight:bold; text-transform:lowercase; padding:0 0 0 20px; } .myaccount .myaccount_content dl dd a.download{ background-position:-1185px -850px; } .myaccount .myaccount_content dl dd a.history{ background-position:-1185px -800px; } .myaccount .myaccount_content dl dd a.manager{ background-position:-1185px -1350px; } .myaccount .myaccount_content dl dd a.device{ background-position:-1185px -1400px; } .myaccount .myaccount_content dl dd a:hover{ color:#ff9900; } .myaccount .myaccount_content dl dd p a{ background:none; color:#ff9900; font-weight:bold; padding:0; } .myaccount .myaccount_content .profileType{ width:100%; float:left; display:inline; padding:15px 0 0; } .myaccount .myaccount_content .profileType h3{ color:#47423A; font-size:11px; } .myaccount .myaccount_content .profileType h3 strong{ color:#ff9900; } .myaccount .myaccount_content .profileType h3 a{ width:88px; height:15px; display:inline-block; text-indent:-200000px; } .myaccount .myaccount_content .profileType h3 a.restrict{ background-position:-900px -1150px; } .myaccount .myaccount_content .profileType h3 a.restrict:hover{ background-position:-1000px -1150px; } .myaccount .myaccount_content .profileType h3 a.public{ background-position:-900px -1100px; } .myaccount .myaccount_content .profileType h3 a.public:hover{ background-position:-1000px -1100px; } .myaccount .myaccount_content .profileType p{ width:48%; color:#A29C95; font-size:10px; float:left; display:inline; padding:2% 2% 2% 0; } .myaccount .myaccount_content .profileType p strong{ font-size:11px; } .myaccount .myaccount_content ul{ list-style:disc inside; clear:left; color:#47423A; } .myaccount .myaccount_content ul a{ font-weight:bold; color:#47423A; } .myaccount .myaccount_content .btnSignature{ background-position:-300px -1200px; height:20px; width:190px; float:left; display:inline; text-indent:-200000px; margin:20px 0 0; } .myaccount .myaccount_content .download_list{ border:#47433A 1px solid; width:735px; overflow:hidden; float:right; display:inline; margin:10px 0 0; } .myaccount .myaccount_content .filter{ float:left; display:inline; margin:17px 0 0; } .myaccount .myaccount_content .filter label{ font-weight:bold; color:#47423A; } .myaccount .myaccount_content .filter select{ background-color:#BEB7AF; border:0 none; width:150px; line-height:13px; font-size:11px; color:#fff; font-weight:bold; margin:0 0 0 5px; } .myaccount .myaccount_content .pagination{ clear:none; margin:15px 0 0; } .myaccount .myaccount_content .download_list table{ width:736px; border-right:0; font-weight:bold; } .myaccount .myaccount_content .download_list table th, .myaccount .myaccount_content .download_list table td{ border-right:#B7B3AF 1px solid; font-weight:bold; text-align:left; } .myaccount .myaccount_content .download_list table th{ background-color:#47433A; color:#fff; font-size:12px; padding:5px; } .myaccount .myaccount_content .download_list table td{ background-color:#fff; color:#47433A; line-height:10px; vertical-align:middle; padding:3px 5px; } .myaccount .myaccount_content .download_list table .striped td, .myaccount .myaccount_content .history table .details table .striped td{ background-color:#F2F0ED; } .myaccount .myaccount_content .download_list table .unavailable td, .myaccount .myaccount_content .history table .details table .unavailable td{ background-color:#f0e9e9; color:#8D8882; } .myaccount .myaccount_content .download_list table td span{ width:80px; height:11px; line-height:11px; font-weight:normal; font-size:10px; color:#8D8882; display:block; } .myaccount .myaccount_content .download_list table td span.info{ width:45px; } .myaccount .myaccount_content .download_list table td span, .myaccount .myaccount_content .download_list table td strong{ overflow:hidden; display:block; } .myaccount .myaccount_content .download_list table td strong{ line-height:22px; height:22px; } .myaccount .myaccount_content .download_list table td img{ margin:auto; display:block; } .myaccount .myaccount_content .download_list table .musicField, .myaccount .myaccount_content .download_list table .artistField, .myaccount .myaccount_content .download_list table .albumField{ width:140px; } .myaccount .myaccount_content .download_list table .infoField{ width:30px; } .myaccount .myaccount_content .download_list table .dateField{ width:45px; } .myaccount .myaccount_content .download_list table .downloadField{ width:110px; } .myaccount .myaccount_content .ar table .downloadField{ width:23px; } .myaccount .myaccount_content .download_list table .statusField{ width:80px; } .myaccount .myaccount_content .download_list table td.green span, .myaccount .myaccount_content .download_list table td.yellow span, .myaccount .myaccount_content .download_list table td.red span{ color:#47433A; } .myaccount .myaccount_content .download_list table td.green{ background-color:#8af764; } .myaccount .myaccount_content .download_list table td.yellow{ background-color:#f7ee64; } .myaccount .myaccount_content .download_list table td.red{ background-color:#f76464; } .myaccount .myaccount_content .download_list .btnInfo{ margin:auto; } .myaccount .myaccount_content .download_list .btnDownload{ float:right; display:inline; margin:3px 0 0; } .myaccount .myaccount_content .history table{ width:736px; } .myaccount .myaccount_content .history table td{ font-weight:normal; line-height:20px; padding:5px; } .myaccount .myaccount_content .history table .dateField{ width:120px; } .myaccount .myaccount_content .history table .transactionField{ width:340px; } .myaccount .myaccount_content .history table .valueField{ width:50px; } .myaccount .myaccount_content .history table .detailsField{ width:117px; } .myaccount .myaccount_content .history table .btnDetails, .myaccount .myaccount_content .history table .btnDetailsOff{ width:80px; height:14px; line-height:14px; overflow:hidden; text-align:right; float:right; display:inline; font-weight:normal; padding:1px 20px 1px 0; margin:0 10px 0 0; } .myaccount .myaccount_content .history table .btnDetailsOff{ background-position:right -1000px; color:#fff; margin:0 4px 0 0; } .myaccount .myaccount_content .history table .btnDetails{ background-position:right -950px; } .myaccount .myaccount_content .history table .btnDetailsOff:hover, .myaccount .myaccount_content .history table .btnDetails:hover{ text-decoration:underline; } .myaccount .myaccount_content .history table .details{ padding:0; } .myaccount .myaccount_content .history table .disabled{ display:none; } .myaccount .myaccount_content .history table .details .tableDetails{ border:#ff9900 solid; border-width:0 3px 3px; width:729px; float:left; display:inline; overflow:hidden; } .myaccount .myaccount_content .history table .details table{ width:730px; } .myaccount .myaccount_content .history table .details table th{ background:#ff9900; border-color:#fff; vertical-align:middle; font-size:11px; } .myaccount .myaccount_content .history table .details table td{ background-color:#fff; } .myaccount .myaccount_content .history table .details .dateField{ width:117px; } .myaccount .myaccount_content .history table .details .detailsField{ width:114px; } .myaccount .myaccount_content .openId{ float:left; margin:5px 0 10px 0; } .myaccount .myaccount_content .openId .left_field{ float:left; width:155px; } .myaccount .myaccount_content .openId .left_field p{ margin:5px 0 0 5px; font-weight:bold; float:left; } .myaccount .myaccount_content .openId .buttonProvider{ width:150px; height:50px; float:left; } .myaccount .myaccount_content .openId .mid_field{ float:left; width:256px; } .myaccount .myaccount_content .openId .right_field h6{ text-indent:5px; } .myaccount .myaccount_content .openId .mid_field .trident{ width:256px; height:157px; background-position:0 -1087px; float:left; margin:24px 0 0 0; } .myaccount .myaccount_content .openId .textButton{ height:17px; width:609px; margin:10px 0 10px 63px; background-position:0 -1070px; text-indent:-20000px; float:left; } .myaccount .myaccount_content .openId .buttonSincro{ background-position:-300px -1950px; margin:0 0 0 240px; width:255px; height:35px; float:left; text-indent:-20000px; } .myaccount .myaccount_content .openId .mid_field .bident{ width:256px; height:27px; background-position:-280px -1087px; float:left; margin:24px 0 0 0; } .myaccount .myaccount_content .logTerra .left_field .buttonProvider{ margin:65px 0 0 0; } .myaccount .myaccount_content .logTerra .right_field{ width:320px; float:left; } .myaccount .myaccount_content .logTerra .right_field ul li{ margin:5px 5px 5px 5px; text-indent:-20000px; } .myaccount .myaccount_content .logRedes .buttonProvider{ margin:7px 0 0 0; text-indent:-20000px; } .myaccount .myaccount_content .sincroMade .right_field .buttonProvider, .myaccount .myaccount_content .logRedes .right_field .buttonProvider{ margin:7px 0 0 5px; text-indent:-20000px; } .myaccount .myaccount_content .sincroMade .left_field, .myaccount .myaccount_content .logRedes .left_field{ margin:0 0 0 80px; } .myaccount .myaccount_content .sincroMade .right_field, .myaccount .myaccount_content .logRedes .right_field{ width:160px; float:left; } .myaccount .myaccount_content .sincroMade .mid_field .bident{ width:256px; height:27px; background-position:-280px -1114px; float:left; margin:24px 0 0 0; } .openId .facebook{ background-position:0 0; } .openId .google{ background-position:0 -50px; } .openId .windowslive{ background-position:0 -100px; } .openId .myspace{ background-position:0 -150px; } .openId .twitter{ background-position:0 -200px; } .openId .yahoo{ background-position:0 -250px; } .openId .terra{ background-position:-280px -1178px; } * html .popupSincro{ width: 390px; height: 260px; padding:0; } .popupSincro .orange{ width:435px; height:22px; background:#ff9900; } .popupSincro .orange h2{ font-size:14px; font-weight:bold; color:#ffffff; width:390px; height:14px; float:left; margin: 0; line-height:17px; } .popupSincro .orange a{ background-position:-1191px -1550px; width:9px; height:9px; text-indent:-20000px; float:right; margin:5px 3px 0 0; position:static; } .popupSincro p{ margin:5px 10px; } .popupSincro ul li{ float:left; } .popupSincro ul li a{ background-repeat:no-repeat; width:150px; height:50px; float:left; display:inline; text-indent:-1000%; margin:5px 10px; } .popupSincro ul li a.facebook{ background-position:0 0; } .popupSincro ul li a.google{ background-position:0 -50px; } .popupSincro ul li a.windowslive{ background-position:0 -100px; } .popupSincro ul li a.myspace{ background-position:0 -150px; } .popupSincro ul li a.twitter{ background-position:0 -200px; } .popupSincro ul li a.yahoo{ background-position:0 -250px; } .popupLog fieldset{ height:115px; float:left; } html body .popupLog{ width:450px; height:135px; border:5px #ff9900 solid; position:absolute; background:#ffffff; z-index:999; display:none; padding:0; } .popupLog .orange{ width:450px; height:22px; background:#ff9900; } .popupLog .title h2{ font-size:14px; font-weight:bold; color:#ffffff; width:392px; height:14px; float:left; margin: 0; line-height:17px; } .popupLog .orange a{ background-position:-1191px -1550px; width:9px; height:9px; text-indent:-20000px; float:right; margin:5px 3px 0 0; position:static; } .popupLog fieldset.terraUser{ width:400px; } .popupLog fieldset.openId{ width:400px; margin:20px 0 0 0; } .popupLog fieldset fieldset{ border:none; height:auto; float:left; padding:0 0 0 10px; margin:0; } .popupLog fieldset legend{ font-size:12px; color:#5d5950; padding:5px 10px; } * html .popupLog fieldset legend{ margin:10px 2px 5px; } .popupLog fieldset label{ font-size:12px; color:#b7b3af; display:block; font-weight:normal; margin:0; line-height:12px; height:14px; } .popupLog fieldset label.info{ width:50px; font-size:9px; float:left; display:inline; margin:0 0 0 10px; } .popupLog form .terraUser .password label span{ font-size:9px; } .popupLog fieldset input{ border:#b7b3af 1px solid; width:165px; font-size:12px; color:#5d594e; float:left; padding:3px; margin:0; } .popupLog fieldset.password input{ width:130px; } .popupLog fieldset a{ float:left; color:#ff9900; margin:0 0 0 184px; } .popupLog fieldset a:hover{ text-decoration:underline; } .popupLog form .terraUser .data{ width:450px; } .popupLog fieldset .data input{ border:0; width:14px; height:14px; float:left; clear:left; } .popupLog fieldset .data label.info{ width:150px; } .popupLog form .terraUser .btnSend{ background-repeat:no-repeat; background-position:-450px 0; width:105px; height:28px; text-indent:-1000%; float:left; margin:11px 0 0 8px; } .popupLog form .terraUser .ask{ float:left; color:#B7B3AF; margin:5px 5px 0 10px; } .popupLog form .terraUser .criar{ float:left; color:#ff9900; margin:5px 0; } .shopping{ background-color:#E6E2DC; width:100%; float:left; display:inline; } .shopping h2{ margin:0 0 10px; } .shopping .shopping_content{ background-color:#F2F0ED; width:700px; min-height:400px; float:left; display:inline; padding:20px; } * html .shopping .shopping_content{ height:400px; } .shopping .shopping_list{ border:#47433A 1px solid; width:697px; float:left; display:inline; overflow:hidden; } .shopping .shopping_list table{ width:698px; border-right:0; font-weight:bold; } .shopping .shopping_content .shopping_list table th, .shopping .shopping_content .shopping_list table td{ border-right:#B7B3AF 1px solid; font-weight:bold; text-align:left; } .shopping .shopping_content .shopping_list table th{ background-color:#47433A; color:#fff; font-size:12px; padding:5px; } .shopping .shopping_content .shopping_list table .addField{ width:150px; } .shopping .shopping_content .shopping_list table .itenField{ width:343px; } .shopping .shopping_content .shopping_list table .priceField{ width:80px; } .shopping .shopping_content .shopping_list table .actionField{ width:18px; } .shopping .shopping_content .shopping_list table td{ background-color:#fff; color:#47433A; line-height:20px; vertical-align:middle; padding:3px 5px; } .shopping .shopping_content .shopping_list table .striped td{ background-color:#F2F0ED; } .shopping .shopping_content .shopping_list table td h4{ width:320px; height:17px; float:left; display:inline; overflow:hidden; font-size:11px; line-height:20px; } .shopping .shopping_content .shopping_list table td h4 a{ color:#ABA299; padding:0 5px 0 0; } .shopping .shopping_content .shopping_list table td h4 strong, .shopping .shopping_content .shopping_list table td h4 span{ max-width:150px; float:left; display:inline; overflow:hidden; } * html .shopping .shopping_content .shopping_list table td h4 strong, * html .shopping .shopping_content .shopping_list table td h4 span{ width:150px; } .shopping .shopping_content .shopping_list table td h4 span a{ color:#5D5950; } .shopping .shopping_content .shopping_list table td a:hover{ text-decoration:underline; } .shopping .shopping_content .shopping_list table td a.btnInfo{ float:right; display:inline; margin:1px 0 0; } .shopping .shopping_content .shopping_list table td a.btnDel{ float:left; display:inline; } .shopping .shopping_content .shopping_total{ background:#e8e5e2; width:690px; float:left; display:inline; text-align:right; padding:5px; margin:10px 0; } .shopping .shopping_content .shopping_total h4, .shopping .shopping_content .shopping_total h5, .shopping .shopping_content .shopping_total h6{ float:left; display:inline; font-size:14px; line-height:25px; } .shopping .shopping_content .shopping_total h4{ color:#8a837c; } .shopping .shopping_content .shopping_total h5{ color:#47423A; } .shopping .shopping_content .shopping_total h6{ font-size:12px; color:#8a837c; } .shopping .shopping_content .shopping_total h4 strong, .shopping .shopping_content .shopping_total h6 strong{ color:#47423A; } .shopping .shopping_content .shopping_total a.btnShopClose, .shopping .shopping_content .shopping_total a.btnPayment, .shopping .shopping_content .shopping_total a.btnPaymentBack, .shopping .shopping_content .shopping_total a.btnShopNext{ height:25px; float:right; display:inline; text-align:left; text-indent:-200000px; margin:0 0 0 20px; } .shopping .shopping_content .shopping_total a.btnShopClose{ background-position:-300px -1400px; width:120px; } .shopping .shopping_content .shopping_total a.btnShopClose:hover{ background-position:-600px -1400px; } .shopping .shopping_content .shopping_total a.btnPayment{ background-position:-300px -1350px; width:145px; } .shopping .shopping_content .shopping_total a.btnPayment:hover{ background-position:-600px -1350px; } .shopping .shopping_content .shopping_total a.btnPaymentBack{ background-position:-300px -1300px; width:55px; } .shopping .shopping_content .shopping_total a.btnPaymentBack:hover{ background-position:-600px -1300px; } .shopping .shopping_content .shopping_total a.btnShopNext{ background-position:-300px -1250px; width:75px; } .shopping .shopping_content .shopping_total a.btnShopNext:hover{ background-position:-600px -1250px; } .shopping .shopping_info{ width:240px; float:right; display:inline; padding:10px; } .shopping .shopping_info h3{ color:#5D5950; font-size:12px; font-weight:bold; text-transform:uppercase; padding:10px; } .shopping .shopping_info ul{ padding:0 10px; } .shopping .shopping_info li{ line-height:12px; list-style:disc; color:#47433A; font-size:10px; font-weight:bold; margin:0 0 10px 15px; } .shopping .shopping_info .cardBox{ background-color:#FDFCFC; width:231px; float:left; display:inline; padding:5px; margin:0 0 1px; } .shopping .shopping_info .cardBox h3{ color:#5D5950; font-size:11px; text-transform:none; padding:0 0 5px; } .shopping .shopping_info .cardBox dl{ width:100%; float:left; display:inline; margin:0 0 5px; } .shopping .shopping_info .cardBox dt{ width:40px; line-height:30px; color:#5D5950; font-size:10px; float:left; display:inline; } .shopping .shopping_info .cardBox dd{ width:40px; height:30px; text-indent:-200000px; float:left; display:inline; margin:0 0 0 5px; } .shopping .shopping_info .cardBox dd.am{ background-position:0 -980px; } .shopping .shopping_info .cardBox dd.mc{ background-position:-40px -980px; } .shopping .shopping_info .cardBox dd.visa{ background-position:-80px -980px; } .shopping .shopping_info .cardBox dd.aura{ background-position:-120px -980px; } .shopping .shopping_info .cardBox dd.bradesco{ background-position:-160px -980px; } .shopping .shopping_info .cardBox dd.itau{ background-position:-200px -980px; } .shopping .shopping_info .cardBox dd.bb{ background-position:-240px -980px; } .shopping .shopping_info .cardBox dd.banri{ background-position:-280px -980px; } .shopping .shopping_info .btnSonoraClube{ background-position:0 -450px; width:240px; height:75px; float:left; display:inline; text-indent:-200000px; margin:10px 0 0; } .shopping .resume .shopping_total{ text-align:left; } .shopping .resume .shopping_total h4{ float:left; display:inline; } .shopping .resume .shopping_total h5{ float:right; display:inline; } .shopping .success{ width:960px; } .shopping .success .shopping_user{ width:420px; float:left; display:inline; margin:20px 0 0; } .shopping .success .shopping_user p, .shopping .success .shopping_user h3, .shopping .success .shopping_user h4, .shopping .success .shopping_user a{ color:#5D5950; } .shopping .success .shopping_user h3{ font-size:16px; line-height:18px; margin:0 0 20px; } .shopping .success .shopping_user p{ font-size:12px; display:block; margin:0 0 10px; } .shopping .success .shopping_user h4{ font-size:13px; margin:30px 0 10px; } .shopping .success .shopping_user .icoDownload{ background-position:-1185px -850px; font-size:12px; line-height:16px; font-weight:bold; padding:0 0 0 20px; } .shopping .success .shopping_user .icoDownload:hover{ color:#ff9900; } .shopping .success .shopping_list{ width:450px; float:right; display:inline; margin:20px 0 0; } .shopping .success .shopping_list table{ width:452px; } .shopping .success .shopping_list table td{ vertical-align:top; } .shopping .success .shopping_list table td strong{ display:block; line-height:14px; margin:5px 0 0; } .shopping .success .shopping_list table .itemField{ width:250px; } .shopping .success .shopping_list table img{ width:60px; float:left; display:inline; margin:2px 10px 2px 0; } .shopping .success a.btnDownloadPage{ background-position:-300px -1450px; width:300px; height:25px; float:right; display:inline; text-indent:-2000000px; margin:20px 0 0; } .shopping .success a.btnDownloadPage:hover{ background-position:-600px -1450px; } .shopping .payment h3{ font-size:16px; display:block; padding:20px 0 5px; } .shopping .payment ul{ border-left:#E8E5E2 1px solid; float:left; display:inline; margin:0 0 30px; } .shopping .payment ul li{ border:#E8E5E2 solid; border-width:5px 1px 5px 0; width:115px; float:left; display:inline; } .shopping .payment ul li input{ width:14px; height:14px; float:left; margin:0 5px 0 10px; } .shopping .payment ul li label{ background-color:#faf8f4; width:105px; float:left; display:inline; cursor:pointer; padding:5px; } .shopping .payment ul li:hover label{ background-color:transparent; } .shopping .payment ul li .icoVisa, .shopping .payment ul li .icoMaster, .shopping .payment ul li .icoDinners, .shopping .payment ul li .icoAmex, .shopping .payment ul li .icoAura, .shopping .payment ul li .icoHiper{ border-top:0; width:80px; height:50px; text-indent:-200000px; padding:0; margin:5px 19px; } .shopping .payment ul li .icoVisa{ background-position:0 -1010px; } .shopping .payment ul li .icoMaster{ background-position:-80px -1010px; } .shopping .payment ul li .icoDinners{ background-position:-160px -1010px; } .shopping .payment ul li .icoAmex{ background-position:-240px -1010px; } .shopping .payment ul li .icoAura{ background-position:-320px -1010px; } .shopping .payment ul li .icoHiper{ background-position:-400px -1010px; } .shopping .payment form{ display:block; clear:left; padding:10px 0 50px; } .shopping .payment form fieldset{ clear:left; padding:5px 0; } .shopping .payment form fieldset label{ width:150px; float:left; display:inline; text-align:right; font-weight:bold; padding:5px 10px; } .shopping .payment form fieldset input{ background:#E8E5E2; border:#fff 1px solid; width:180px; float:left; padding:2px; } .shopping .payment form fieldset select{ background:#E8E5E2; border:#fff 1px solid; float:left; display:inline; padding:2px; margin:0 5px 0 0; } .shopping .payment form fieldset select.day{ width:45px; } .shopping .payment form fieldset select.year{ width:65px; } .shopping .payment form fieldset span{ float:left; display:inline; padding:5px; } .shopping .payment .shopping_total{ text-align:left; } .shopping .payment .error h3{ color:#bb0000; } .shopping .payment .error h4{ font-size:12px; padding:5px 0 0; } .shopping .payment .error h5{ font-size:12px; padding:15px 0 0; } .shopping .payment .error .shopping_total{ margin:30px 0 0; } div.artist{ background:#fff; width:1000px; float:left; display:inline; overflow:hidden; padding:0 0 20px; } .artist .artist_header{ background:#fff; border-bottom:#e9e5e2 10px solid; width:1000px; height:156px; float:left; display:inline; } .artist .artist_header img{ border:#C6BFB9 8px solid; width:120px; height:120px; float:left; display:inline; margin:10px 20px 10px 10px; } .artist .artist_header .data{ width:500px; float:left; display:inline; } .artist .artist_header h2{ width:500px; height:32px; line-height:30px; font-size:30px; color:#47423A; float:left; display:inline; overflow:hidden; margin:15px 0 5px; } .artist .artist_header h3{ font-size:12px; color:#47423A; display:block; clear:left; } .artist .artist_header h3{ font-size:12px; color:#47423A; display:block; clear:left; } .artist .artist_header h3 a{ color:#ff9900; } .artist .artist_header h3 a:hover{ text-decoration:underline; } .artist .artist_header h4{ height:21px; line-height:21px; color:#7F7870; font-size:12px; margin:10px 0; } .artist .artist_header h5{ height:21px; line-height:21px; color:#7F7870; font-size:12px; float:left; display:inline; margin:0 5px 0 0; } .artist .artist_header dl{ background:#ABA298; width:280px; height:134px; color:#fff; float:right; display:inline; padding:0 10px 0; margin:10px; } .artist .artist_header dl dt{ padding:5px 0 0; } .artist .artist_header dl dt strong{ text-align:center; display:block; } .artist .artist_header dd{ float:left; display:inline; } .artist .artist_header dd a{ width:87px; height:90px; color:#fff; float:left; overflow:hidden; display:inline; text-align:center; margin:10px 3px 0; } .artist .artist_header dd a strong{ display:block; text-align:center; } .artist .artist_header dd a:hover{ text-decoration:underline; } .artist .artist_header dd a:hover img{ border:#ff9900 1px solid; } .artist .artist_header dd a img{ border:#ABA298 1px solid; width:60px; height:60px; margin:0 0 0 12px; } .artist .artist_nav{ background:#F2F0ED; width:205px; float:left; display:inline; overflow:hidden; padding:10px 10px 20000px; margin:0 0 -20000px; } .artist .artist_nav .scroll{ height:350px; overflow-y:auto; overflow-x:hidden; } .artist .artist_nav a{ background-color:#fff; border:#fff 1px solid; height:60px; color:#6A665F; font-size:11px; display:block; padding:2px; margin:0 0 5px; } .artist .artist_nav ul li a img{ width:60px; height:60px; float:left; display:inline; margin:0 5px 0 0; } .artist .artist_nav h3 a{ height:35px; line-height:35px; font-size:14px; text-indent:40px; } .artist .artist_nav h3 a.musics{ background-position:-1165px -500px; } .artist .artist_nav h3 a.albums{ background-position:-1165px -550px; } .artist .artist_nav a.selected, .artist .artist_nav a:hover{ border-color:#ff9900; } .artist .artist_nav li a:hover{ color:#ff9900; } .artist .artist_content h3{ font-size:17px; font-weight:bold; color:#47433A; display:block; margin:15px 0; } .artist .artist_content{ width:445px; float:left; display:inline; position:relative; margin:0 0 0 10px; } .artist .artist_content .album_header{ width:430px; height:80px; float:left; display:inline; margin:10px 0 0; } .artist .artist_content .album_header img{ width:60px; height:60px; float:left; display:inline; margin:0 10px 0 0; } .artist .artist_content .album_header h3{ margin:5px 0 0; } .artist .artist_content .album_header h4{ height:21px; line-height:21px; font-size:12px; color:#7F7870; margin:5px 0 0; } .artist .music_list{ margin:0 0 10px; } .artist .pagination{ margin:2px 0 0; } .artist .filter dt{ background-position:-150px -250px; width:60px; height:25px; float:left; display:inline; text-indent:-200000px; } .artist .filter dd{ float:left; display:inline; } .artist .filter a{ height:25px; display:block; text-indent:-200000px; margin:0 5px 0 0; } .artist .filter a.new{ background-position:-900px -900px; width:80px; } .artist .filter a.new:hover, .artist .filter .selected a.new{ background-position:-1000px -900px; } .artist .filter a.top{ background-position:-900px -950px; width:80px; } .artist .filter a.top:hover, .artist .filter .selected a.top{ background-position:-1000px -950px; } .artist .generic_list{ float:left; display:inline; margin:20px 0; } .artist .generic_list li{ width:214px; float:left; display:inline; position:relative; padding:1px; margin:10px 0; } .artist .generic_list .image, .artist .generic_list .image img{ width:65px; height:65px; } .artist .generic_list .image{ margin:0 5px 0 0; } .artist .generic_list .striped{ background:#F4F3F2; } .artist .generic_list .info{ width:140px; float:left; display:inline; } .artist .generic_list .info h3, .artist .generic_list .info h4, .artist .generic_list .info h5{ max-width:145px; height:11px; overflow:hidden; } .artist .generic_list .info h3, .artist .generic_list .info h3 a, .artist .generic_list .info h4, .artist .generic_list .info h4 a, .artist .generic_list .info h5, .artist .generic_list .info h5 a{ line-height:11px; font-size:10px; font-weight:normal; margin:0; } .artist .generic_list .info h3{ height:auto; max-height:22px; } .artist .generic_list .info h3, .artist .generic_list .info h3 a{ color:#6A665F; } .artist .generic_list .info h4, .artist .generic_list .info h4 a{ color:#ACA39A; } .artist .generic_list .info h5, .artist .generic_list .info h5 a{ color:#FF9900; } .artist .generic_list .info a:hover{ text-decoration:underline; } .artist .generic_list .actions{ position:absolute; left:72px; bottom:3px; } .artist .related_list .generic_list li .image{ width:65px; height:65px; } .artist .legend{ background-color:#625950; width:425px; height:17px; display:block; padding:4px 10px; margin:-10px 0 0; } .artist .legend h4{ color:#fff; font-size:11px; font-weight:normal; } .artist .legend .rankingAlbum{ float:none; display:inline-block; margin:0; } .artist .workInfoBox{ border:1px solid #D9D7D4; width:423px; clear:left; padding:10px; margin:0 0 10px; } .artist .workInfoBox h4{ color:#534F46; font-size:11px; font-weight:normal; padding:0 0 5px; } .artist .workInfoBox a{ background-position:-1185px -600px; color:#ff9900; font-size:11px; font-weight:bold; padding:0 0 0 20px; } .artist .workInfoBox a:hover{ text-decoration:underline; } .artist .musicControl{ margin:-10px 0 10px; } .related_list{ width:300px; float:right; clear:right; display:inline; position:relative; margin:10px 10px 0 0; } .related_list h3{ font-size:14px; color:#47433A; margin:0 0 25px 0; } .related_list h3 strong{ color:#ff9900; font-size:14px; } .related_list .pagination{ float:left; display:inline; margin:0 0 5px; } .related_list .generic_list{ width:300px; float:left; display:inline; margin:0 0 5px; } .related_list .generic_list li{ background:#FAFAFA; border:#fff 1px solid; width:292px; color:#6A665F; font-size:11px; overflow:hidden; padding:2px; margin:0; } .related_list .generic_list li:hover{ border-color:#ff9900; } .related_list .generic_list li .image{ margin:0 5px 0 0; } .related_list .generic_list li .image img{ float:left; display:inline; } .related_list .generic_list li .info{ width:200px; margin:5px 0 0; } .related_list .generic_list li .info h3, .related_list .generic_list li .info h3 a{ color:#47423A; } .related_list .generic_list li .info h4, .related_list .generic_list li .info h4 a{ color:#ff9900; } .related_list .generic_list li .info h3, .related_list .generic_list li .info h4, .related_list .generic_list li .info h3 a, .related_list .generic_list li .info h4 a{ line-height:14px; height:16px; font-size:11px; margin:0; } .related_list .generic_list li .info a:hover{ color:#ff9900; text-decoration:none; } .related_list .generic_list li .info h4 a:hover{ text-decoration:underline; } .related_list .generic_list li .info .fav{ margin:5px 0 0; } .related_list .generic_list li .actions{ top:auto; left:auto; bottom:5px; right:5px; } .fast_playlist{ background:#fff; width:980px; min-height:600px; float:left; display:inline; padding:10px; } * html .fast_playlist{ height:600px; } .fast_playlist h3{ color:#625950; float:left; display:inline; margin:10px 0 0 10px; } .fast_playlist .title h2{ border-bottom:#eee 1px solid; height:60px; display:block; margin:0; } .fast_playlist .title{ padding:0 10px; } .fast_playlist .title h2 span{ background-position:0 -550px; width:225px; height:60px; float:left; display:inline; text-indent:-2000000px; } .fast_playlist .title h3{ border-top:1px solid #f0f0f0; font-size:14px; color:#47433A; float:none; display:block; padding:15px 40px; margin:0; } .fast_playlist .item{ background-position:-1180px -1050px; width:20px; height:22px; line-height:23px; font-size:16px; font-weight:bold; color:#fff; text-align:center; display:inline-block; } .fast_playlist .genreBlock{ background:#7B7369; width:332px; height:380px; float:left; display:inline; position:relative; z-index:1; padding:20px; margin:15px 0 50px 30px; } .fast_playlist .genreBlock .arrow{ background-position:0 -650px; width:100px; height:50px; position:absolute; right:-23px; top:20px; z-index:-1; } .fast_playlist .genreBlock h3{ color:#fff; line-height:23px; font-size:16px; margin:0 0 5px; } .fast_playlist .genreBlock h5{ width:100%; color:#fff; font-size:11px; font-weight:normal; float:left; display:inline; margin:10px 0 0; } .fast_playlist .genreBlock ul{ float:left; display:inline; margin:15px 30px; } .fast_playlist .genreBlock ul li{ float:left; display:inline; padding:5px 0; } .fast_playlist .genreBlock ul li strong{ width:20px; height:23px; line-height:23px; font-size:16px; color:#fff; text-align:center; font-weight:bold; float:left; display:inline; margin:0 10px 0 0; } .fast_playlist .genreBlock ul li input{ width:182px; height:16px; font-size:12px; float:left; padding:2px 3px; } .fast_playlist .genreBlock ul li .del{ background-position:-920px -550px; width:17px; height:18px; float:left; display:inline; text-indent:-2000000px; margin:3px 0 0 5px; } .fast_playlist .genreBlock ul li .del:hover{ background-position:-1020px -550px; } .fast_playlist .genreBlock ul li .dropdown{ background-position:0 -200px; width:192px; height:21px; float:left; display:inline; cursor:pointer; position:relative; } .fast_playlist .genreBlock ul li .dropdown span{ width:158px; height:15px; color:#47423A; line-height:15px; font-size:11px; overflow:hidden; float:left; display:inline; padding:3px; margin:0; } .fast_playlist .genreBlock ul li .dropdown ul{ border:#ff9900 3px solid; background-color:#fff; width:264px; display:none; position:absolute; top:22px; left:0; z-index:9999; margin:0; } .fast_playlist .genreBlock ul li .dropdown li{ display:block; position:relative; float:none; padding:0; } .fast_playlist .genreBlock ul li .dropdown li a{ width:100%; height:23px; line-height:23px; color:#47423A; font-size:11px; text-align:left; font-weight:bold; text-indent:5px; display:block; overflow:hidden; } .fast_playlist .genreBlock ul li .dropdown li a.striped{ background:#f2f0ed; } .fast_playlist .genreBlock ul li .dropdown li a:hover, .fast_playlist .genreBlock ul li .dropdown li a.selected{ background:#ff9900; color:#fff; } .fast_playlist .genreBlock ul li .dropdown li ul{ background-color:#fff; width:142px; display:none; position:absolute; top:0; z-index:9999; } .fast_playlist .genreBlock ul li .dropdown li ul a{ height:20px; line-height:20px; color:#978e81; } .fast_playlist .genreBlock a.btnPlaylist{ background-position:-300px -1500px; width:200px; height:40px; float:right; display:inline; text-indent:-2000000px; } .fast_playlist .tagcloud{ background:#eee; width:530px; height:390px; float:left; display:inline; position:relative; z-index:0; overflow:hidden; padding:15px 20px 20px 40px; margin:35px 0 0 -20px; } .fast_playlist .tagcloud h3{ width:100%; line-height:20px; color:#47423A; font-size:18px; text-align:left; padding:0; } .fast_playlist .tagcloud h5{ color:#47423A; font-size:11px; text-align:left; margin:0 0 10px 10px; } .fast_playlist .tagcloud div{ width:530px; height:300px; float:left; display:inline; overflow:hidden; padding:10px 0; } .fast_playlist .tagcloud a{ line-height:28px; font-weight:bold; padding:0 10px; } .fast_playlist .tagcloud a.size1{ color:#47423A; font-size:24px; } .fast_playlist .tagcloud a.size2{ color:#47423A; font-size:18px; } .fast_playlist .tagcloud a.size3{ color:#5D5950; font-size:16px; } .fast_playlist .tagcloud a.size4{ color:#5D5950; font-size:11px; font-weight:normal; } .fast_playlist .tagcloud a:hover{ color:#ff9900; } .fast_playlist .tagcloud a.selected, .fast_playlist .tagcloud a.selected:hover{ background-color:#ff9900; color:#fff; } .fast_playlist .choices{ background:#F2F0ED; width:400px; float:right; display:inline; padding:10px; margin:0 10px 0 0; } .fast_playlist .choices h3{ color:#47433A; font-size:14px; margin:0 0 5px; } .fast_playlist .choices ul{ width:400px; float:left; display:inline; margin:8px 0 10px; } .fast_playlist .choices ul li{ width:120px; float:left; display:inline; padding:0 10px 0 0; } .fast_playlist .choices ul li img{ width:40px; float:left; display:inline; margin:0 5px 0 0; } .fast_playlist .choices ul li h5{ width:75px; color:#79796E; font-weight:normal; font-size:11px; overflow:hidden; float:left; display:inline; } .fast_playlist .choices .genres{ background:#fff; clear:left; display:block; padding:2px 5px; } .fast_playlist .choices .genres h6{ color:#79796E; font-size:11px; } .fast_playlist .fast_playlist_list{ width:635px; float:left; display:inline; position:relative; padding:0 15px 15px; margin:20px 0 0; } .plugins{ width:980px; float:left; display:inline; padding:10px; } .plugins ul{ border:#E9E5E2 10px solid; } .plugins li{ border-top:#E9E5E2 1px solid; display:block; position:relative; padding:0 0 0 80px; } .plugins li h3, .plugins li h4{ display:none; } .plugins li.system_ok{ background-position:0 0; height:90px; } .plugins li.system_error{ background-position:0 -90px; height:100px; } .plugins li.browser_ok{ background-position:0 -190px; height:80px; } .plugins li.browser_error{ background-position:0 -270px; height:220px; } .plugins li.flash_ok{ background-position:0 -490px; height:90px; } .plugins li.flash_error{ background-position:0 -580px; height:150px; } .plugins li.mediaplayer_ok{ background-position:0 -730px; height:90px; } .plugins li.mediaplayer_error{ background-position:0 -820px; height:140px; } .plugins li.browser_error dl{ width:200px; float:left; display:inline; text-indent:-200000px; margin:95px 0 0 0; } .plugins li.browser_error dt{ width:200px; float:left; display:inline; padding:5px; } .plugins li.browser_error dd a{ width:200px; float:left; display:inline; padding:6px; } .plugins li.browser_error dd a{ width:200px; float:left; display:inline; } .plugins li a.btn{ width:325px; height:45px; float:left; display:inline; text-indent:-200000px; margin:80px 0 0 0; } .plugins .continue{ background:#E9E5E2; height:20px; display:block; position:relative; padding:10px 20px 20px; } .plugins .continue h3{ font-size:16px; float:left; display:inline; } .plugins .continue a{ background:#fff; font-size:16px; font-weight:bold; padding:5px 20px; margin:0 0 0 10px; } .plugins .continue a:hover{ background:#ff9900; color:#fff; } .error404{ width:960px; height:400px; float:left; display:inline; padding:20px; } .error404 h3{ color:#ff9900; font-size:30px; padding:20px; } .error404 h4{ padding:0 20px; } .error404 h4, .error404 h4 a{ font-size:22px; display:block; } .error404 h4 a:hover{ color:#ff9900; } .errorHttp h3{ color:#ff9900; font-size:14px; } .errorHttp h4, .errorHttp h4 a{ display:none; } .text_page{ width:858px; float:left; display:inline; padding:40px; } .text_page h3{ font-size:16px; } .text_page h4{ font-size:13px; padding:20px 0 10px; } .text_page p{ font-size:11px; line-height:20px; padding:0 0 10px; } .text_page p a{ color:#ff9900; } .text_page em{ font-style:normal; text-decoration:underline; } .devices{ width:920px; min-height:500px; float:left; display:inline; padding:40px; } * html .devices{ height:500px; } .devices h3{ font-size:16px; padding:0 0 10px; } .devices .devices_list{ width:920px; float:left; display:inline; position:relative; } .devices h4{ font-size:14px; color:#BEB7AF; padding:0 0 20px; } .devices dl{ width:86px; float:left; display:inline; } .devices dt{ background:#5D5950; width:76px; display:block; font-size:14px; font-weight:bold; color:#fff; float:left; display:inline; padding:5px; margin:15px 0 0; } .devices dl dd{ background:#F2F0ED; float:left; display:inline; padding:1px 2px; } .devices dl dd a{ border:#F2F0ED 1px solid; float:left; display:inline; } .devices dl dd a:hover, .devices dl dd a.selected{ border-color:#ff9900; } .devices dl dd a img{ float:left; display:inline; } .devices ul{ width:750px; position:absolute; right:0; top:0; overflow:hidden; display:none; } .devices ul li{ width:170px; height:150px; float:left; display:inline; padding:20px 0; } .devices ul li span{ width:100%; height:100px; text-align:center; float:left; display:inline; } .devices ul li h5, .devices ul li h6{ background:none; display:block; text-align:center; font-weight:normal; } .loading{ background:#fff url(/Content/images/ajax-loader.gif) no-repeat center 50px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:999999; display:none; } table .hover ul.actions a.load, table .hover ul.actions a.load:hover, .radio .generic_list .load, .radio .generic_list .load:hover, .actionsMusic a.load, .actionsMusic a.load:hover, ul.actions a.load, ul.actions a.load:hover, .striped ul.actions a.load, .striped ul.actions a.load:hover{ background-image:url(/Content/images/small_ajax_loader.gif)!important; background-position:center!important; cursor:default; } ul.actions a.load, ul.actions a.load:hover, .striped ul.actions a.load, .striped ul.actions a.load:hover{ width:18px!important; height:16px!important; margin-top:0!important; } .radio .generic_list .load, .radio .generic_list .load:hover{ background-position:left center!important; } .myaccount .myaccount_nav dl dd a.manager{ background-position:-1185px -1350px; } .myaccount .myaccount_nav dl dd a.device{ background-position:-1185px -1400px; } .myaccount .myaccount_content .action_btns a{ width:130px; height:15px; float:left; text-indent:-20000000px; margin:20px 15px 0 0; } .myaccount .myaccount_content .restart_downloads{ background-position:-900px -1400px; } .myaccount .myaccount_content .restart_downloads:hover{ background-position:-900px -1420px; } .myaccount .myaccount_content .cancel_all{ background-position:-900px -1450px; width:104px; } .myaccount .myaccount_content .cancel_all:hover{ background-position:-900px -1470px; } .myaccount .myaccount_content .pause{ background-position:-900px -1500px; width:120px; } .myaccount .myaccount_content .pause:hover{ background-position:-900px -1520px; } .myaccount .myaccount_content .download_list table .musicField_g, .myaccount .myaccount_content .download_list table .artistField_g{ width:195px; } .myaccount .myaccount_content .download_list table .albumField_g{ width:40px; } .myaccount .myaccount_content .download_list table .statusField_g{ width:210px; } .myaccount .myaccount_content .download_list table tr td .action_bar{ float:left; margin:2px 0; } .myaccount .myaccount_content .download_list table tr td .action_bar a{ width:11px; height:11px; font-weight:normal; text-indent:-2000000px; float:left; margin:1px 2px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.cancel{ background-position:-900px -1550px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.cancel{ background-position:-900px -1570px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.cancel:hover{ background-position:-1000px -1550px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.cancel:hover{ background-position:-1000px -1570px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.pause{ background-position:-900px -1600px; width:35px; text-indent:0; padding:0 0 0 15px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.pause:hover{ background-position:-1000px -1600px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.pause{ background-position:-900px -1620px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.pause:hover{ background-position:-1000px -1620px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.play{ background-position:-900px -1650px; width:39px; text-indent:0; padding:0 0 0 15px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.play:hover{ background-position:-1000px -1650px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.play{ background-position:-900px -1670px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.play:hover{ background-position:-1000px -1670px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.empty{ background:none; text-indent:3px; } .myaccount .myaccount_content .download_list table tr td .action_bar .bar{ width:120px; border:1px solid #beb7af; float:left; margin:0 4px; } .myaccount .myaccount_content .download_list table tr td .action_bar .bar span{ width:50%; background:#ff9900; } .myaccount .myaccount_content .download_list table tr td p{ float:left; clear:both; width:200px; color:#beb7af; font-size:10px; margin:2px 2px; } .myaccount .myaccount_content .download_list table tr td p span{ color:#000; display:inline; } .myaccount .myaccount_content .list_permissions{ margin:10px 0 15px 0; } .myaccount .myaccount_content .device_control{ background:#fff; padding:10px 20px; float:left; } .myaccount .myaccount_content .device_control hr{ margin:0 0 10px 0; } .myaccount .myaccount_content .device_control p{ background:#E6E2DC; padding:10px; } .myaccount .myaccount_content .device_control p a{ color:#ff9900; font-weight:bold; } .myaccount .myaccount_content .device_control p.activation{ background:#ffffff; } .myaccount .myaccount_content .device_control p.activation strong{ color:#ff9900; font-size:12px; } .myaccount .myaccount_content .device_control ul{ list-style:none; } .myaccount .myaccount_content .device_control ul li{ float:left; width:230px; margin:20px 0 10px 0; } .myaccount .myaccount_content .device_control ul img{ border:3px solid #ff9900; float:left; } .myaccount .myaccount_content .device_control ul h4{ font-size:12px; width:118px; padding:0 7px; margin:3px 0 5px 0; height:30px; overflow:hidden; } .myaccount .myaccount_content .device_control ul h5, .myaccount .myaccount_content .device_control ul h6{ width:118px; padding:0 7px; overflow:hidden; height:14px; font-weight:normal; margin:4px 0; } .myaccount .myaccount_content .device_control ul a{ font-weight:normal; margin:2px 7px; color:#f90; float:left; } .loginBox{ background:#fff; border:#ff9900 4px solid; width:706px; height:356px; position:absolute; top:0; left:50%; z-index:999; display:none; margin:0 0 0 -355px; } .loginBox .title{ background:#ff9900; height:23px; text-indent:-1000%; position:relative; } .loginBox .title h3{ background-position:-50px -850px; width:190px; height:23px; float:left; display:inline; margin:0 0 0 10px; } .loginBox .title a.close{ background-position:-1187px -400px; width:13px; height:13px; float:right; display:inline; margin:4px 5px 0 0; } .loginBox .content{ width:676px; float:left; padding:15px; } .loginBox .content h4{ font-size:14px; color:#5d5950; } .loginBox .content fieldset{ border:#b7b3af 1px solid; height:255px; float:left; } .loginBox .content fieldset.terraUser{ width:220px; margin:20px 0 0 0; } .loginBox .content fieldset.openId{ width:400px; margin:20px 0 0 0; } .loginBox .content fieldset fieldset{ border:none; height:auto; float:none; clear:left; display:block; padding:5px 10px; margin:0; } .loginBox .content fieldset legend{ font-size:12px; color:#5d5950; padding:5px; margin:10px 10px 5px; } * html .loginBox .content fieldset legend{ margin:10px 2px 5px; } .loginBox .content fieldset h3{ font-size:19px; font-weight:normal; color:#5d5950; padding:10px; } .loginBox .content fieldset label{ font-size:12px; color:#b7b3af; display:block; } .loginBox .content fieldset label.info{ width:50px; font-size:9px; float:left; display:inline; margin:0 0 0 10px; } .loginBox .content fieldset input{ border:#b7b3af 1px solid; width:165px; font-size:12px; color:#5d594e; float:left; padding:3px; } .loginBox .content fieldset.password input{ width:110px; } .loginBox .content fieldset a{ float:left; color:#ff9900; margin:0 0 10px; } .loginBox .content fieldset a:hover{ text-decoration:underline; } .loginBox .content fieldset .data input{ border:0; width:14px; height:14px; float:left; clear:left; } .loginBox .content fieldset .data label.info{ width:150px; } .loginBox .content fieldset .data .btnSend{ background-position:-450px 0; width:105px; height:28px; text-indent:-1000%; display:block; clear:left; margin:10px 0 0; } .loginBox .content .or{ background-position:0 -850px; width:35px; height:35px; text-indent:-1000%; float:left; margin:135px 0 0; } .loginBox .content .openId ul{ padding:3px 30px; } .loginBox .content .openId ul li{ float:left; } .loginBox .content .openId ul li a{ background-repeat:no-repeat; width:150px; height:50px; float:left; display:inline; text-indent:-1000%; margin:5px 10px; } .loginBox .content .openId ul li a.facebook{ background-position:0 0; } .loginBox .content .openId ul li a.facebook:hover{ background-position:-150px 0; } .loginBox .content .openId ul li a.facebook:active{ background-position:-300px 0; } .loginBox .content .openId ul li a.google{ background-position:0 -50px; } .loginBox .content .openId ul li a.google:hover{ background-position:-150px -50px; } .loginBox .content .openId ul li a.google:active{ background-position:-300px -50px; } .loginBox .content .openId ul li a.windowslive{ background-position:0 -100px; } .loginBox .content .openId ul li a.windowslive:hover{ background-position:-150px -100px; } .loginBox .content .openId ul li a.windowslive:active{ background-position:-300px -100px; } .loginBox .content .openId ul li a.myspace{ background-position:0 -150px; } .loginBox .content .openId ul li a.myspace:hover{ background-position:-150px -150px; } .loginBox .content .openId ul li a.myspace:active{ background-position:-300px -150px; } .loginBox .content .openId ul li a.twitter{ background-position:0 -200px; } .loginBox .content .openId ul li a.twitter:hover{ background-position:-150px -200px; } .loginBox .content .openId ul li a.twitter:active{ background-position:-300px -200px; } .loginBox .content .openId ul li a.yahoo{ background-position:0 -250px; } .loginBox .content .openId ul li a.yahoo:hover{ background-position:-150px -250px; } .loginBox .content .openId ul li a.yahoo:active{ background-position:-300px -250px; } .loginBox .content h5{ color:#5d5950; font-weight:normal; float:left; margin:5px 0 0; } .loginBox .content h5 a{ color:#ff9900; } .loginBox .content h5 a:hover{ text-decoration:underline; } .loginFooter{ background:#fff; border-top:#ff9900 4px solid; width:100%; height:57px; position:fixed; bottom:0; left:0; z-index:99999; } .loginFooter .wrapper{ width:1000px; height:52px; position:relative; margin:auto; } * html .loginFooter{ position:absolute; } * html .loginFooter .wrapper{ left:-9px; } .loginFooter .wrapper .title{ background:#ff9900; width:300px; height:21px; float:left; position:relative; margin:-25px 0 0; } .loginFooter .wrapper .title h3 a{ background-color:#ff9900; background-position:0 -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .loginFooter .wrapper .title h4 a{ background-color:#ff9900; background-position:-150px -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .loginFooter .wrapper .content{ clear:left; padding:3px; } .loginFooter .wrapper .content h5{ border-right:#f2f0ed 2px solid; width:545px; font-weight:normal; float:left; padding:3px 10px; } .loginFooter .wrapper .content h5 a{ float:left; position:relative; } .loginFooter .wrapper .content h5 a *{ cursor:pointer; } .loginFooter .wrapper .content h5 a strong{ font-size:14px; float:left; } .loginFooter .wrapper .content h5 a span{ font-size:13px; line-height:30px; float:left; } .loginFooter .wrapper .content h5 a span.icons{ background-position:-515px -980px; width:180px; height:30px; float:right; text-indent:-1000%; } .loginFooter .wrapper .content h4{ width:395px; height:20px; font-size:14px; line-height:16px; float:left; display:inline; padding:5px 15px 0; } .loginFooter .wrapper .content ul{ width:395px; height:20px; float:left; display:inline; overflow:hidden; margin:0 15px 0; } .loginFooter .wrapper .content ul li{ float:left; display:inline; margin:0 2px; } .loginFooter .wrapper .content ul li a{ background:#f2f0ed; font-size:12px; display:block; padding:2px 4px; } .loginFooter .wrapper .content ul li a:hover{ background:#ff9900; color:#fff; } .social_networks .sonora_header .search_field{ width:824px; } .social_networks .sonora_header .search_field span{ color:#5d5950; font-size:24px; margin:30px 0 0 0; float:left; } .social_networks .sonora_content{ height:350px; } .social_networks h2{ font-size:18px; font-weight:normal; margin:15px 0 0 10px; } .social_networks .data{ margin:0px 0 15px 10px; font-size:12px; float:left; width:978px; } .social_networks .your_data, .social_networks .synchronize{ float:left; width:370px; border:1px solid #b4b4b4; height:180px; margin:25px 0 0 15px; position:relative; padding:20px 15px; } .social_networks h3{ color:#5d5950; position:absolute; top:-15px; font-size:14px; background:#fff; left:10px; padding:5px; } .social_networks .your_data .avatar{ width:80px; height:80px; float:left; cursor:pointer; display:inline; position:relative; overflow:hidden; border:1px solid #b3ab9a; } .social_networks .your_data .avatar img{ width:80px; height:80px; float:left; } .social_networks .your_data .avatar span{ background-position:-300px -100px; width:60px; height:20px; display:none; position:absolute; top:55px; left:10px; } .social_networks .your_data .hover span{ display:block; } .social_networks fieldset{ margin:0 0 13px 0; float:left; border:1px solid #fff; } .social_networks fieldset label{ font-size:14px; font-weight:bold; float:left; padding:3px 0 0 0; color:#5d5950; width:60px; text-align:right; } .social_networks fieldset input{ width:180px; height:16px; font-size:14px; border:1px solid #cbcac7; margin:0 0 0 10px; float:left; padding:2px; } .social_networks fieldset .password{ width:110px; } .social_networks .synchronize p.info{ color:#5d5950; font-size:14px; margin:0 0 15px 0; } .social_networks .synchronize fieldset small{ float:left; font-size:10px; color:#b6b3ae; width:55px; margin:0 10px; line-height:10px; } .social_networks .synchronize fieldset a{ float:left; font-size:10px; color:#ff9900; margin:9px 0 0 0; word-spacing:0px; } .social_networks .synchronize .checkbox{ height:14px; width:14px; float:left; margin:0 0 0 70px; } .social_networks .synchronize small.save{ width:170px; padding:1px 0 0 0; } .social_networks div a.enter_sonora{ position:absolute; width:180px; height:30px; background-position:-300px -1850px; text-indent:-20000px; bottom:10px; left:100px; } .social_networks .or{ float:left; width:38px; height:38px; text-indent:-20000px; background-position:0 -900px; margin:115px -10px 0 5px; }  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ background:transparent; border:0; vertical-align:baseline; } ol, ul{ list-style:none; } blockquote, q{ quotes:none; } ins{ text-decoration:none; } del{ text-decoration:line-through; } table{ border-collapse:collapse; border-spacing:0; } *{ font-family:arial,helvetica,clean,sans-serif; font-size:11px; outline:none; padding:0; margin:0; } body{ background:#e9e5e2 url(/Content/images/site_bg.jpg) center top no-repeat; color:#47433A; } a{ text-decoration:none; color:#47433A; } .player, .player .wrapper, .player .controls a, .player .controls .volume div, .player .controls .volume a, .player .nowPlaying .progress div, .player .nowPlaying .progress div span, .player .share li a, .player .action li a, .player .btnMaximize, .player .spot div div{ background-image:url(/Content/images/player_sprite.gif); background-repeat:no-repeat; } .sonora_header h1 a, .sonora_header .search_field .search_btn, .sonora_header .search_field .examples a.btnBack, .sonora_header .search_field .examples a.btnNext, .infoBox .close, .now .title a, .user_info .user_login h3, .user_info .user_login h4 span, .user_info .user_login h4 a, .user_info .user_login .submit, .user_info .user_login_openid h3 a, .user_info .user_login_openid h4 a, .user_info .user_details .avatar span, .user_info .user_details .details .dropdown, .user_info .user_details .details .options li a, .main_nav ul.nav li .btnHome, .main_nav ul.nav li .btnLibrary, .main_nav ul.nav li .btnRanking, .main_nav ul.nav li .btnNow, .main_nav ul.nav li .btnRadio, .main_nav ul.nav div li, .main_nav .btnFastPlaylist, .main_nav .btnTips, .main_nav .btnTour, .pagination li a.selected, .pagination li a.selected span, .pagination li a.btnNext, .pagination li a.btnBack, .pagination li a.btnFirst, .pagination li a.btnLast, ul.actions li a, ul.rating li a, a.btnInfo, a.btnDownload, a.btnDel, span.ranking, span.rankingAlbum, span.fav, .actionsMusic dt, .actionsMusic a, .musicControl a, .library dl.library_nav dd a.opened, .library .library_content .filters dt, .library .library_content .filters h6, .library .library_content .filters a.top, .library .library_content .filters a.name, .library .library_content .filters a.album, .library .library_content .filters ul li a.selected, .library .library_content .filters ul li a:hover, .artist .artist_nav h3 a, .artist .workInfoBox a, .filter dt, .filter a, .mysonora .user_info h2 span, .mysonora .user_info h2 strong, .mysonora .user_info .user_details h4, .mysonora .user_info .user_details h5, .mysonora .mysonora_nav dt a, .mysonora .mysonora_nav dd .newPlaylist a, .mysonora .mysonora_nav dd ul li a, .mysonora .filters .dropdown, .mysonora input.search_btn, .myaccount .myaccount_nav h3, .myaccount .myaccount_nav dl dd a, .myaccount .myaccount_content dl dd a, .myaccount .myaccount_content .profileType h3 a, .myaccount .myaccount_content .btnSignature, .myaccount .myaccount_content .download_list a, .myaccount .myaccount_content .action_btns a, .myaccount .myaccount_content .download_list .action_bar a, .shopping .shopping_content .shopping_total a.btnShopClose, .shopping .shopping_content .shopping_total a.btnPayment, .shopping .shopping_content .shopping_total a.btnPaymentBack, .shopping .shopping_content .shopping_total a.btnShopNext, .shopping .success .shopping_user .icoDownload, .shopping .success a.btnDownloadPage, .shopping .shopping_info .btnSonoraClube, .fast_playlist .title h2 span, .fast_playlist .genreBlock .arrow, .fast_playlist .item, .fast_playlist .genreBlock ul li .del, .fast_playlist .genreBlock ul li .dropdown, .fast_playlist .genreBlock a.btnPlaylist, .playlistActions a, .playlistActions dt, .radio .search .btnSend, .radio .radio_nav dd a, .radio .radio_nav dt a, .radio .generic_list .play, .ranking .rankingFilter dt, .ranking .rankingFilter a, .playlist .title, .playlist .title h5, .playlist .share li a, .playlist .playlistCommands a, .playlist .scroll ul li .share li a, .similars .title .close, .similars .scroll ul li.hover h6 a, .similars .share li a, .notLogged .newUser ul li h3, .warning a.mail span, .warning a.like span, .warning a.dontlike span, .warning a.del span, .warning a.empty span, .warning .close, .warning .icons li strong, .warning input.submit, .warning .openList, .warning .closeList, .loginBox .title h3, .loginBox .title a.close, .loginBox .content .data .btnSend, .loginBox .content .or, .loginFooter .wrapper .title h3 a, .loginFooter .wrapper .title h4 a, .social_networks .your_data .avatar span, .social_networks div a.enter_sonora, .social_networks .or, .customRadio .play, .customRadio .btnDown, .popupLog form .terraUser .btnSend, .myaccount .myaccount_content .openId .buttonSincro, .popupSincro .orange a, .popupLog .orange a, .user_info .user_details .downloads_manager .indicator, .user_info .user_details .downloads_manager .close, .user_info .user_details .downloads_manager .see_manager{ background-image:url(/header_sprites_GIF.axd); background-repeat:no-repeat; } .user_info .user_login_openid h5 span, .loginFooter .content h5 span.icons, .plugins li, .shopping .shopping_info .cardBox dd, .shopping .payment ul li .icoVisa, .shopping .payment ul li .icoMaster, .shopping .payment ul li .icoDinners, .shopping .payment ul li .icoAmex, .shopping .payment ul li .icoAura, .shopping .payment ul li .icoHiper, .myaccount .myaccount_content .openId .mid_field .trident, .myaccount .myaccount_content .openId .mid_field .bident, .myaccount .myaccount_content .openId .textButton, .myaccount .myaccount_content .sincroMade .mid_field .bident, .openId .terra, .userIdentifier .icons{ background-image:url(/header_sprites_JPG_F7773B2D7D5A7B57D0BF4E5DA470419A1BD79121.axd); background-repeat:no-repeat; } table.music_list tr:hover td{ background-image:url(/Content/Images/repeater_x.gif); background-repeat:repeat-x; } .player .nowPlaying .progress div.buffer{ background:url(/Content/images/player_buffer.gif) center; } .openId .facebook, .openId .google, .openId .windowslive, .openId .myspace, .openId .twitter, .openId .yahoo, .popupSincro ul li a, .loginBox .content .openId ul li a{ background-image:url(/Content/images/openId.png); } * html, * html body{ height:100%; overflow:hidden; } * html .fakeBody{ width:100%; height:100%; position:relative; overflow:auto; } * html .player{ position:absolute; } * html .player .wrapper{ left:-9px; } .container{ width:1000px; display:block; position:relative; margin:auto; } .terra_header{ background-color:#ff9900; width:1000px; height:24px; display:block; margin:0 auto; } #mod-header .ctn-second-menu{ z-index:1!important; height:1px!important; } #mod-header .ctn-main-menu{ display:block!important; } .sonora_header{ background-color:#fff; width:1000px; height:110px; float:left; display:inline; } .sonora_header h1 a{ background-position:0 0; width:105px; height:90px; text-indent:-200000px; float:left; display:inline; margin:10px 0 0 10px; } .sonora_header .search_field{ background-color:#f2f0ed; width:514px; height:90px; float:left; display:inline; padding:0 25px; margin:10px 0 0 1px; } .sonora_header .search_field input{ background-color:#fff; border:#ff9900 2px solid; width:394px; height:20px; color:#5d5950; font-size:16px; font-weight:bold; float:left; padding:7px; margin:14px 0 0 0; } .sonora_header .search_field .search_btn{ background-position:-300px 0; background-color:#ff9900; border:0; width:102px; height:38px; cursor:pointer; float:left; display:inline; margin:14px 0 0 0; } .sonora_header .search_field .examples{ border-top:#beb7af 1px dotted; width:100%; float:left; margin:7px 0 0 0; } .sonora_header .search_field .examples h3{ width:70px; color:#beb7af; font-size:13px; float:left; display:inline; clear:left; padding:4px 0 0; } .sonora_header .search_field .examples ul{ width:400px; height:25px; float:left; display:inline; overflow:hidden; margin:0 8px 0 0; } .sonora_header .search_field .examples ul li{ max-width:140px; float:left; display:inline; overflow:hidden; padding:5px; } * html .sonora_header .search_field .examples ul li{ width:65px; } .sonora_header .search_field .examples ul li a{ color:#5d5950; font-size:11px; line-height:16px; } .sonora_header .search_field .examples a:hover{ color:#ff9900; } .sonora_header .search_field .examples .btnRanking{ float:right; } .sonora_header .search_field .examples .btnRanking a{ text-transform:lowercase; color:#ff9900; font-weight:bold; } .sonora_header .search_field .examples .btnRanking a:hover{ color:#5D5950; } .sonora_header .search_field .examples a.btnBack, .sonora_header .search_field .examples a.btnNext{ background-color:#746B64; border:#746B64 1px solid; width:15px; height:15px; float:left; text-indent:-20000px; margin-top:4px; } .sonora_header .search_field .examples a.btnNext{ background-position:-1185px -1300px; margin-left:2px; } .sonora_header .search_field .examples a.btnBack{ background-position:-1185px -1320px; } .sonora_header .search_field .examples a.btnBack:hover, .sonora_header .search_field .examples a.btnNext:hover{ background-color:#5D5950; border-color:#5D5950; } .sonora_header .search_field .examples a.disabled, .sonora_header .search_field .examples a.disabled:hover{ cursor:default; } .user_info{ width:300px; float:right; display:inline; margin:10px 10px 10px 0; } .user_info .user_login{ background-color:#f2f0ed; width:300px; height:90px; float:left; display:inline; position:relative; overflow:hidden; } .user_info .user_login h3{ background-color:#746b64; background-position:0 -125px; width:65px; height:25px; float:left; display:inline; text-indent:-2000000px; } .user_info .user_login h4{ background-color:#746b64; width:235px; height:25px; float:left; display:inline; } .user_info .user_login h4 *{ line-height:15px; height:25px; float:left; display:inline; text-indent:-2000000px; } .user_info .user_login h4 a.newuser{ background-position:-70px -125px; width:125px; margin:0 5px; } .user_info .user_login h4 a.register{ background-position:-300px -150px; width:95px; } .user_info .user_login h4 a.register:hover{ background-position:-600px -150px; } .user_info .user_login fieldset{ float:left; display:inline; white-space:nowrap; padding:0 3px; } .user_info .user_login fieldset.input_data, .user_info .user_login fieldset.password_help{ float:none; clear:left; display:block; padding:3px; } .user_info .user_login fieldset label{ color:#9A938A; font-size:11px; text-indent:2px; white-space:nowrap; display:block; padding:1px 0; } .user_info .user_login fieldset input.textfield{ background-color:#fff; border:#e6e3df 1px solid; width:105px; height:14px; font-size:11px; color:#5d594e; float:left; padding:2px; } .user_info .user_login fieldset input.submit{ background-color:transparent; background-position:-300px -50px; border:0; width:50px; height:20px; cursor:pointer; float:left; display:inline; margin:16px 0 0 5px; } .user_info .user_login fieldset input.check{ width:14px; height:14px; float:left; display:inline; margin:1px; } .user_info .user_login fieldset label.remember{ float:left; display:inline; padding:1px; } .user_info .user_login fieldset a{ border-left:#8b8884 1px solid; color:#ff9900; float:left; display:inline; padding:0 7px; } .user_info .user_login fieldset a:hover{ text-decoration:underline; } .user_info .user_login_openid{ width:300px; height:90px; float:left; display:inline; position:relative; overflow:hidden; } .user_info .user_login_openid h3 a{ background-color:#ff9900; background-position:0 -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .user_info .user_login_openid h4 a{ background-color:#ff9900; background-position:-150px -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .user_info .user_login_openid h5 a{ width:280px; font-weight:normal; line-height:27px; display:block; clear:left; position:relative; padding:5px 10px; z-index:1; } .user_info .user_login_openid h5 a, .user_info .user_login_openid h5 a strong{ font-size:13px; } .user_info .user_login_openid h5 span{ background-position:-515px -980px; width:180px; height:30px; position:absolute; bottom:5px; right:0; text-indent:-1000%; } .user_info .user_details{ background-color:#746b64; width:290px; height:80px; float:left; position:relative; z-index:99; padding:5px; } .user_info .user_details .avatar{ width:80px; height:80px; float:left; cursor:pointer; display:inline; position:relative; overflow:hidden; margin:0 5px 0 0; } .user_info .user_details .avatar img{ width:80px; height:80px; float:left; } .user_info .user_details .avatar span{ background-position:-300px -100px; width:60px; height:20px; display:none; position:absolute; top:55px; left:10px; } .user_info .user_details .hover span{ display:block; } .user_info .user_details .details{ width:195px; height:80px; float:left; display:inline; margin:0 0 0 5px; } .user_info .user_details .details h3{ width:175px; height:20px; line-height:20px; color:#fff; font-size:14px; overflow:hidden; margin:10px 0 0; } .user_info .user_details .details .dropdown{ background-position:0 -150px; width:175px; height:20px; float:left; display:inline; position:relative; cursor:pointer; z-index:999; margin:3px 0; } .user_info .user_details .details .dropdown span{ width:143px; height:20px; font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; color:#fff; float:left; display:inline; overflow:hidden; padding:0 5px; } .user_info .user_details .details .dropdown ul{ background-color:#fff; border:#ff9900 3px solid; width:146px; display:none; position:absolute; top:21px; left:1px; } .user_info .user_details .details .dropdown ul a{ height:23px; color:#47423a; display:block; line-height:23px; text-transform:none; text-align:left; overflow:hidden; padding:0 0 0 10px; } .user_info .user_details .details .dropdown ul a:hover{ background:#ff9900; color:#fff; } .user_info .user_details .details .dropdown ul .striped{ background-color:#f2f0ed; } .user_info .user_details .details .options{ width:200px; height:20px; float:left; display:inline; overflow:hidden; } .user_info .user_details .details .center{ width:120px; margin:0 0 0 30px; } .user_info .user_details .details .options li{ float:left; display:inline; padding:2px 0 0; margin:0 0 0 -1px } .user_info .user_details .details .options li a{ border-left:#c8c3bf 1px solid; height:20px; line-height:20px; color:#c8c3bf; font-size:15px; font-weight:bold; float:left; display:inline; padding:0 0 0 25px; margin:0 10px 0 0; } .user_info .user_details .details .options li a:hover{ color:#ff9900; } .user_info .user_details .details .options li a.mail{ background-position:-900px 0; } .user_info .user_details .details .options li a.mail:hover{ background-position:-1000px 0; } .user_info .user_details .details .options li a.down{ background-position:-900px -50px; } .user_info .user_details .details .options li a.down:hover{ background-position:-1000px -50px; } .user_info .user_details .details .options li a.cart{ background-position:-900px -100px; padding:0 0 0 27px; margin:0; } .user_info .user_details .details .options li a.cart:hover{ background-position:-1000px -100px; } .user_info .user_details .details .options li a.manager{ background-position:-900px -1700px; padding:0 0 0 27px; margin:0; } .user_info .user_details .details .options li a.manager:hover{ background-position:-1000px -1700px; } .user_info .user_details ul.actionsUser{ height:15px; position:absolute; overflow:hidden; top:0; right:0; } .user_info .user_details ul.actionsUser li{ float:left; display:inline; position:relative; padding:2px 0; margin:0 0 0 -1px; } .user_info .user_details ul.actionsUser li a{ border-left:#c8c3bf 1px solid; color:#c8c3bf; font-size:12px; font-weight:bold; text-transform:uppercase; float:left; display:inline; padding:0 4px; } .user_info .user_details ul.actionsUser li a:hover{ color:#fff; } .user_info .user_details .downloads_manager{ position:absolute; border:3px solid #f90; top:90px; left:86px; background:#fff; width:180px; height:84px; z-index:1000; } .user_info .user_details .downloads_manager *{ position:absolute; } .user_info .user_details .downloads_manager .indicator{ width:13px; height:7px; top:-10px; right:10px; background-position:-1187px -1500px; } .user_info .user_details .downloads_manager h4{ color:#f90; font-size:12px; top:5px; left:7px; } .user_info .user_details .downloads_manager .manager_loader{ width:24px; height:24px; top:28px; left:20px; background:url(/Content/images/manager_loader.gif) no-repeat 0 0; } .user_info .user_details .downloads_manager .info{ top:26px; left:60px; width:110px; } .user_info .user_details .downloads_manager .close{ height:10px; left:9px; bottom:7px; background-position:-1192px -1448px; line-height:10px; padding:0 0 0 12px; } .user_info .user_details .downloads_manager .close:hover{ color:#f90; background-position:-1192px -1473px; } .user_info .user_details .downloads_manager .see_manager{ width:108px; height:18px; bottom:3px; right:3px; text-indent:-20000px; background-position:-300px -1900px; } .main_nav{ background:#5d5950; width:1000px; height:32px; float:left; display:inline; } .main_nav ul.nav{ float:left; display:inline; position:relative; z-index:99; margin:3px 20px 0 10px; } .main_nav ul.nav li{ float:left; display:inline; position:relative; } .main_nav ul.nav li.selected{ z-index:99; } .main_nav ul.nav a, .main_nav ul.nav span{ height:29px; float:left; display:inline; text-indent:-200000px; cursor:pointer; position:relative; z-index:9; margin:0 0 0 15px; } .main_nav ul.nav .btnHome{ background-position:-300px -200px; width:68px; } .main_nav ul.nav .hover .btnHome, .main_nav ul.nav .selected .btnHome{ background-position:-600px -200px; } .main_nav ul.nav .btnLibrary{ background-position:-300px -250px; width:93px; } .main_nav ul.nav .hover .btnLibrary, .main_nav ul.nav .selected .btnLibrary{ background-position:-600px -250px; } .main_nav ul.nav .btnRanking{ background-position:-300px -300px; width:93px; } .main_nav ul.nav .hover .btnRanking, .main_nav ul.nav .selected .btnRanking{ background-position:-600px -300px; } .main_nav ul.nav .btnNow{ background-position:-300px -350px; width:76px; } .main_nav ul.nav .hover .btnNow, .main_nav ul.nav .selected .btnNow{ background-position:-600px -350px; } .main_nav ul.nav .btnRadio{ background-position:-300px -400px; width:80px; } .main_nav ul.nav .hover .btnRadio, .main_nav ul.nav .selected .btnRadio{ background-position:-600px -400px; } .main_nav ul.nav div{ border:#5D5950 solid; border-width:0 3px 3px; background-color:#fff; width:600px; display:none; position:absolute; top:29px; left:12px; z-index:9999; padding:0 5px 5px; margin:0; } .main_nav ul.nav div.radio{ width:140px; } .main_nav ul.nav div ul{ width:120px; float:left; margin:5px 0 0; } .main_nav ul.nav div .genre a{ font-weight:bold; } .main_nav ul.nav div h3{ background:#F2F0ED; font-weight:bold; width:590px; color:#5d5950; float:left; display:inline; padding:3px 5px; margin:5px 0 0; } .main_nav ul.nav div h3 strong{ float:left; } .main_nav ul.nav div h3 a{ color:#ff9900; height:auto; float:right; text-indent:0; } .main_nav ul.nav div h3 a:hover{ color:#5d5950; } .main_nav ul.nav div li{ background-position:-1190px -1150px; width:106px; height:14px; float:left; display:inline; overflow:hidden; text-indent:0; padding:3px 0 3px 14px; } .main_nav ul.nav div li a{ height:auto; color:#5d5950; text-indent:0; float:left; display:inline; margin:0; } .main_nav ul.nav div li a:hover, .main_nav ul.nav div li a.visited{ color:#ff9900; } .main_nav .btnFastPlaylist, .main_nav .btnTips, .main_nav .btnTour{ text-indent:-200000px; height:32px; float:left; display:inline; } .main_nav .btnFastPlaylist{ background-position:-300px -450px; border:#fff solid; border-width:0 1px; width:154px; margin:0 0 0 10px; } .main_nav .btnFastPlaylist:hover{ background-position:-600px -450px; } .main_nav .btnTips{ background-position:-300px -500px; width:166px; display:none; } .main_nav .btnTips:hover{ background-position:-600px -500px; } .main_nav .btnTour{ background-position:-300px -550px; border:#746b64 solid; border-width:0 9px 0 10px; width:300px; } .main_nav .btnTour:hover{ background-position:-600px -550px; } .sonora_content{ background:#fff; width:1000px; float:left; display:inline; position:relative; z-index:9; } .sonora_content h2{ color:#5D5950; font-size:22px; line-height:25px; margin:15px 0 25px 10px; } a.btnInfo{ background-position:-900px -600px; width:17px; height:17px; line-height:10px; text-indent:-200000px; display:block; } .striped a.btnInfo{ background-position:-900px -620px; } a.btnInfo:hover, a.btnInfo.selected{ background-position:-1000px -600px; } .striped a.btnInfo:hover, .striped a.btnInfo.selected{ background-position:-1000px -620px; } a.btnDownload{ background-position:-900px -450px; width:23px; height:16px; line-height:10px; text-indent:-200000px; display:block; } a.btnDownload:hover, a.btnDownload.selected{ background-position:-1000px -450px; } a.btnDel{ background-position:-900px -550px; width:17px; height:17px; line-height:10px; text-indent:-200000px; display:block; } .striped a.btnDel{ background-position:-900px -570px; } a.btnDel:hover, a.btnDel.selected{ background-position:-1000px -550px; } .striped a.btnDel:hover, .striped a.btnDel.selected{ background-position:-1000px -570px; } .user{ float:left; display:inline; margin:10px 0 0; } .user img{ border:#f2f2f2 2px solid; width:20px; height:20px; float:left; display:inline; margin:0 5px 0 0; } .striped .user img{ border:#fff 2px solid; } .user a{ color:#ff9900; font-size:11px; font-weight:bold; float:left; display:inline; padding:3px; } .user a:hover{ text-decoration:underline; } .user .fav{ margin:5px; } span.fav{ background-position:-1185px -450px; height:14px; line-height:10px; color:#9DC900; font-size:12px; font-weight:bold; float:left; display:inline; padding:0 0 0 20px; margin:5px 0 0 10px; } .striped span.fav, .legend span.fav{ background-position:-1185px -470px; } span.rankingAlbum{ background-position:right -50px; width:16px; height:17px; line-height:17px; color:#fff!important; font-size:11px; font-weight:bold; text-align:center; float:left; display:inline; margin:0 3px; } span.ranking{ background-position:right -100px; width:22px; height:22px; line-height:21px; color:#fff; font-size:11px; font-weight:bold; text-align:center; float:left; display:inline; margin:0 2px; } .striped span.ranking, .legend span.ranking{ background-position:right -150px; } .musicControl{ background:#ff9900; width:100%; height:20px; overflow:hidden; opacity:0; filter:alpha(opacity=0); float:left; display:inline; margin:0 0 10px; } .musicControl h4{ color:#fff; float:left; display:inline; font-size:11px; padding:3px 10px; } .musicControl a{ background-position:-1180px -200px; float:right; display:inline; color:#fff; font-weight:bold; padding:3px 3px 3px 27px; } .musicControl a:hover{ background-position:-1180px -220px; } ul.actions{ float:left; display:inline; padding:0!important; margin:0!important; } ul.actions li{ background:none!important; border:0!important; width:auto!important; height:auto!important; float:left!important; display:inline; padding:0!important; margin:0!important; } ul.actions a{ width:22px!important; height:15px!important; float:left; display:inline; line-height:10px; text-indent:-2000000px; padding:0!important; margin:1px 2px 0 0; } ul.actions a.play, ul.actions a.edit, ul.actions a.del{ width:17px!important; height:17px!important; margin-top:0!important; } ul.actions a.play{ background-position:-900px -300px!important; } .striped ul.actions a.play{ background-position:-900px -320px!important; } table tr:hover ul.actions a.play{ background-position:-900px -300px!important; } ul.actions a.add{ background-position:-900px -350px; } ul.actions a.add:hover{ background-position:-1000px -350px; } ul.actions a.share{ background-position:-900px -400px; } ul.actions a.share:hover{ background-position:-1000px -400px; } ul.actions a.buy{ background-position:-900px -450px; } ul.actions a.buy:hover{ background-position:-1000px -450px; } ul.actions a.edit{ background-position:-900px -500px!important; } .striped ul.actions a.edit{ background-position:-900px -520px!important; } tr:hover ul.actions a.edit{ background-position:-900px -500px; } ul.actions a.edit:hover{ background-position:-1000px -500px!important; } ul.actions a.del{ background-position:-900px -550px!important; } .striped ul.actions a.del{ background-position:-900px -570px!important; } tr:hover ul.actions a.del{ background-position:-900px -550px; } ul.actions a.del:hover{ background-position:-1000px -550px!important; } ul.actions a.edit, ul.actions a.del, ul.actions a.share, ul.actions a.buy{ display:none; } * html ul.actions a.edit, * html ul.actions a.del, * html ul.actions a.share, * html ul.actions a.buy{ display:inline; } tr:hover ul.actions a.share, tr:hover ul.actions a.buy, tr:hover ul.actions a.edit, tr:hover ul.actions a.del, li:hover ul.actions a.share, li:hover ul.actions a.buy, li:hover ul.actions a.edit, li:hover ul.actions a.del{ display:inline; } .ieList ul.actions a.share, .ieList ul.actions a.buy, .ieList ul.actions a.edit, .ieList ul.actions a.del{ display:inline; } ul.rating, ul.rating li{ float:left; display:inline; } ul.rating li a{ width:13px!important; height:12px!important; line-height:12px!important; float:left!important; display:inline; text-indent:-2000000px!important; margin:0 3px 0 0!important; } ul.rating li a.like{ background-position:-900px -650px; } .striped ul.rating li a.like{ background-position:-900px -670px; } tr:hover ul.rating li a.like{ background-position:-900px -650px; } .striped ul.rating li.selected a.like{ background-position:-1000px -670px; } tr:hover ul.rating li a.like:hover, tr:hover ul.rating li.selected a.like, ul.rating li a.like:hover, ul.rating li.selected a.like{ background-position:-1000px -650px; } * html .striped ul.rating li a.like:hover, * html .striped ul.rating li.selected a.like{ background-position:-1000px -670px; } ul.rating li a.dontLike{ background-position:-900px -700px; } .striped ul.rating li a.dontLike{ background-position:-900px -720px; } tr:hover ul.rating li a.dontLike{ background-position:-900px -700px; } .striped ul.rating li.selected a.dontLike{ background-position:-1000px -720px; } tr:hover ul.rating li a.dontLike:hover, tr:hover ul.rating li.selected a.dontLike, ul.rating li a.dontLike:hover, ul.rating li.selected a.dontLike{ background-position:-1000px -700px; } * html .striped ul.rating li a.dontLike:hover, * html .striped ul.rating li.selected a.dontLike{ background-position:-1000px -720px; } .actionsMusic{ width:100%; height:34px; float:left; display:inline; } .actionsMusic dt{ background-position:right top; width:25px; height:30px; float:left; display:inline; text-indent:-200000px; } .actionsMusic dd{ float:left; display:inline; } .actionsMusic dd.right{ float:right; display:inline; } .actionsMusic dd a{ width:95px; height:30px; float:left; display:inline; text-indent:-200000px; margin:0 5px 0 0; } .actionsMusic dd a.play{ background-position:-300px -600px; } .actionsMusic dd a.play:hover, .actionsMusic dd.selected a.play{ background-position:-600px -600px; } .actionsMusic dd a.add{ background-position:-300px -650px; } .actionsMusic dd a.add:hover, .actionsMusic dd.selected a.add{ background-position:-600px -650px; } .actionsMusic dd a.buy{ background-position:-300px -700px; } .actionsMusic dd a.buy:hover, .actionsMusic dd.selected a.buy{ background-position:-600px -700px; } .actionsMusic dd a.more{ background-position:-300px -750px; width:100px; margin:0; } .actionsMusic dd a.more:hover, .actionsMusic dd.selected a.more{ background-position:-600px -750px; } .actionsMusic dd a.newPlaylist{ background-position:-300px -800px; width:125px; height:30px; } .actionsMusic dd a.newPlaylist:hover, .actionsMusic dd.selected a.newPlaylist{ background-position:-600px -800px; } .generic_list .image, .generic_list .image img{ float:left; display:inline; } .generic_list .info h3, .generic_list .info h3 a, .generic_list .info h4, .generic_list .info h4 a, .generic_list .info h5, .generic_list .info h5 a{ font-size:13px; font-weight:normal; overflow:hidden; } .infoBox{ background:#fff; border:#ff9900 3px solid; width:320px; height:130px; position:absolute; z-index:9999; display:none; } .infoBoxBg{ background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; display:none; } .infoBox .close{ background-position:-1187px -400px; width:13px; height:13px; position:absolute; text-indent:-20000px; top:5px; right:5px; } .infoBox .actions .buy, .infoBox .actions .share{ display:block; } .infoBox img{ background:#ccc; width:120px; height:120px; float:left; display:inline; margin:5px 10px 5px 5px; } .infoBox h3, .infoBox h4, .infoBox h5{ width:180px; line-height:12px; float:left; display:inline; overflow:hidden; margin:0 0 5px; } .infoBox h3{ line-height:17px; height:17px; margin:20px 0 3px; } .infoBox h4{ height:12px; } .infoBox h5{ height:26px; } .infoBox h3, .infoBox h3 a{ font-size:12px; color:#67635A; } .infoBox h4, .infoBox h4 a, .infoBox h5, .infoBox h5 a{ font-weight:normal; font-size:11px; color:#ACA39A; } .infoBox a:hover{ color:#ff9900; } .alpha_list{ width:290px; float:left; display:inline; margin:0 10px 0 0; } .alpha_list li{ width:100%; float:left; display:inline; } .alpha_list li a{ max-width:150px; height:20px; color:#54514C; font-size:13px; line-height:21px; font-weight:bold; float:left; display:inline; overflow:hidden; margin:0 5px 5px; } * html .alpha_list li a{ width:150px; } .alpha_list li a:hover{ color:#ff9900; } .alpha_list li .fav{ margin:4px 0 0; } .alpha_list li .empty{ background:none!important; } ul.artist_list .image, ul.album_list .image{ margin:0 5px 0 0; } ul.artist_list .image, ul.artist_list .image img, ul.album_list .image, ul.album_list .image img{ width:60px; height:60px; float:left; display:inline; } ul.artist_list .info h3, ul.artist_list .info h3 a, ul.artist_list .info h4, ul.artist_list .info h4 a, ul.album_list .info h3, ul.album_list .info h3 a, ul.album_list .info h4, ul.album_list .info h4 a{ height:14px; line-height:14px; font-size:11px; display:block; float:none!important; overflow:hidden; } ul.artist_list .info h3, ul.artist_list .info h3 a, ul.album_list .info h3, ul.album_list .info h3 a{ color:#54514C; } ul.artist_list .info h4, ul.artist_list .info h4 a, ul.album_list .info h4, ul.album_list .info h4 a{ color:#c2bdb6; } ul.artist_list .info h3 a:hover, ul.artist_list .info h4 a:hover, ul.album_list .info h3 a:hover, ul.album_list .info h4 a:hover{ color:#ff9900; } ul.artist_list .info .fav, ul.album_list .info .fav{ margin:5px 0 0 0; } table.music_list{ border:#B7B3AF 1px solid; width:100%; clear:left; } table.music_list th{ background-color:#7B7369; border:#B7B3AF 1px solid; color:#fff; font-weight:bold; font-size:12px; vertical-align:middle; text-align:left; padding:2px 5px; } table.music_list td{ border:#B7B3AF solid; border-width:0 1px; vertical-align:top; padding:5px; } table.music_list tr.striped td{ background-color:#F2F0ED; } table.music_list tr:hover td{ background-position:0 -300px; background-color:#fff; } table.music_list tr.red td *{ color:#b40000; } table.music_list .musicPlay{ width:74px; } table.music_list .musicNumber{ width:10px; } table.music_list .musicName{ width:auto; } table.music_list .musicArtist{ width:auto; } table.music_list .musicGenre{ width:100px; } table.music_list .musicShare{ width:52px; } table.music_list .musicRating{ width:33px; } table.music_list input{ width:14px; height:14px; float:left; margin:2px 5px 0 0; } table.music_list th input{ margin:3px 5px 0 0; } table.music_list th label{ width:55px; float:left; display:inline; font-size:10px; line-height:10px; font-weight:normal; } table.music_list td a, table.music_list td span{ color:#5D5850; height:17px; font-weight:bold; float:left; display:inline; overflow:hidden; } table.music_list td a:hover{ color:#ff9900; } .ad_header{ width:100%; height:0; display:block; overflow:hidden; } .ad_right{ width:200px; height:450px; position:absolute; overflow:hidden; right:-210px; } .ad_playlist{ background-color:#c8c3bd; width:234px; height:60px; float:left; display:inline; } .ad_explorer_nav{ border-left:#e9e5e2 solid 1px; width:170px; height:39px; float:right; display:inline; overflow:hidden; text-align:center; padding:1px 5px 1px 5px; } .ad_explorer{ background:#f4f3f2; width:300px; float:right; display:inline; overflow:hidden; padding:0 0 25px; margin:0 10px 10px 0; } .ad_explorer .rail_banner{ background:#fff; width:300px; display:block; padding:0 0 10px; margin:0 0 20px; } .ad_explorer .ad{ float:left; display:inline; position:relative; left:25px; margin:1px 0 0; } .ad_explorer img{ float:left; display:inline; } .ad_library{ width:120px; height:600px; float:right; display:inline; overflow:hidden; } .ad_mysonora{ width:300px; height:250px; float:right; display:inline; } .radio .ad_explorer{ padding:0; margin:10px 10px 10px 0; } .artist .ad_explorer{ padding:0; margin:60px 10px 10px 0; } .artist .top_selo_banner{ top:175px; } .radio .ad_explorer .rail_banner, .artist .ad_explorer .rail_banner{ margin:0; } .now .ad_explorer{ margin:-25px 0 0; } .customRadio_ad{ float:right; } .top_selo_banner{ width:140px; height:45px; position:absolute; top:10px; right:10px; overflow:hidden; } .radio .top_selo_banner{ display:none; } .quick_playlist_banner{ position:relative; clear:right; } .quick_playlist_banner .top_selo_banner{ top:10px; right:10px; } .quick_playlist_banner .rail_banner{ float:right; display:inline; margin:63px 10px 0 0; } .player{ background-position:0 0; background-repeat:repeat-x; width:100%; height:57px; position:fixed; bottom:0; left:0; z-index:99999; display:none; } .player .wrapper{ background-position:0 -57px; width:1000px; height:53px; position:relative; margin:auto; padding:4px 0 0; } .player .ad_player{ width:93px; height:53px; float:left; display:inline; overflow:hidden; } .player .ad_player img{ width:88px; height:31px; margin:11px 0 0 0; } .player .controls{ width:183px; height:53px; float:left; display:inline; position:relative; overflow:hidden; } .player .controls a{ text-indent:-20000px; } .player .controls .btnBack{ background-position:-160px -114px; width:20px; height:20px; position:absolute; left:4px; top:18px; } .player .controls .btnBack:hover{ background-position:-160px -134px; } .player .controls .btnPlay, .player .controls .btnPause{ width:40px; height:40px; position:absolute; left:28px; top:8px; } .player .controls .btnPlay{ background-position:0 -114px; } .player .controls .btnPlay:hover{ background-position:-40px -114px; } .player .controls .btnPause{ background-position:-80px -114px; } .player .controls .btnPause:hover{ background-position:-120px -114px; } .player .controls .btnNext{ background-position:-180px -114px; width:20px; height:20px; position:absolute; left:72px; top:18px; } .player .controls .btnNext:hover{ background-position:-180px -134px; } .player .controls .volume{ width:80px; height:15px; position:absolute; left:98px; top:20px; } .player .controls .volume .btnMute{ background-position:-200px -114px; width:15px; height:15px; position:absolute; left:0; top:0; } .player .controls .volume .btnMute:hover, .player .controls .selected .btnMute{ background-position:-200px -134px; } .player .controls .volume div{ background-position:-230px -134px; width:65px; height:15px; position:absolute; left:15px; top:0; } .player .controls .volume .btnVolume{ background-position:-215px -114px; width:15px; height:15px; position:absolute; top:0; margin:0 0 0 -7px; } .player .controls .volume .btnVolume:hover{ background-position:-215px -134px; } .player .spot{ width:693px; height:53px; float:left; display:none; overflow:hidden; position:relative; margin:0 0 0 5px; } .pt, .es{ display:none; } .es .es, .pt .pt{ display:block; } .player .spot div div{ background-position:0 -4px; background-repeat:repeat-x; width:392px; float:left; display:inline; margin:0 0 0 20px; } .player .spot h3{ color:#fff; font-size:11px; padding:5px 0 0; } .player .spot h4{ background-position:-1060px -880px; color:#fff; font-size:11px; display:block; font-weight:normal; padding:0 5px 0 20px; } .player .spot a{ position:absolute; top:30px; right:250px; color:#ff9900; font-size:14px; font-weight:bold; } .player .spot h5 a{ top:20px; right:80px; color:#fff; } .player .spot h5 a:hover{ color:#ff9900; } .player .spot h5{ color:#fff; font-size:12px; display:block; text-align:center; padding:10px 0 0; } .spot .spot{ display:inline; } .spot .nowPlaying, .spot .share, .spot .action, .spot .nextSong{ display:none!important; } .player .nowPlaying{ width:215px; height:53px; float:left; display:inline; overflow:hidden; } .player .nowPlaying img{ width:40px; height:40px; float:left; display:inline; margin:7px; } .player .nowPlaying h3, .player .nowPlaying h4{ width:160px; height:14px; line-height:14px; color:#fff; font-weight:normal; font-size:11px; overflow:hidden; float:left; display:inline; margin:5px 0 0; } .player .nowPlaying h3 a, .player .nowPlaying h4 a{ color:#fff; } .player .nowPlaying h3 a:hover, .player .nowPlaying h4 a:hover{ color:#ff9900; } .player .nowPlaying h4{ margin:0 0 2px; } .player .nowPlaying .progress{ width:160px; height:15px; float:left; display:inline; } .player .nowPlaying .progress span{ width:27px; height:13px; overflow:hidden; line-height:13px; color:#fff; float:left; display:inline; } .player .nowPlaying .progress div{ background-position:-230px -114px; width:100px; height:8px; float:left; display:inline; margin:3px; } .player .nowPlaying .progress div.buffer span{ display:none; } .player .nowPlaying .progress div span{ background-position:-230px -122px; height:8px; } .player .share{ width:55px; height:53px; float:left; display:inline; overflow:hidden; margin:0 15px 0 0; } .player .share li{ display:inline; } .player .share li a{ width:15px; height:15px; float:left; display:inline; text-indent:-2000000px; margin:5px 2px 7px 0; } .player .share li a.btnDontLike{ background-position:-435px -114px; } .player .share li a.btnDontLike:hover, .player .share li.selected a.btnDontLike{ background-position:-435px -134px!important; } .player .share li a.btnLike{ background-position:-450px -114px; margin-right:20px; } .player .nextSong .share li a.btnLike{ margin-right:0; } .player .nextSong .share{ width:38px; } .player .share li a.btnLike:hover, .player .share li.selected a.btnLike{ background-position:-450px -134px!important; } .player .share li a.btnFacebook{ background-position:-465px -114px; clear:left; } .player .share li a.btnFacebook:hover, .player .share li.selected a.btnFacebook{ background-position:-465px -134px; } .player .share li a.btnTwitter{ background-position:-480px -114px; } .player .share li a.btnTwitter:hover, .player .share li.selected a.btnTwitter{ background-position:-480px -134px; } .player .share li a.btnOrkut{ background-position:-495px -114px; } .player .share li a.btnOrkut:hover, .player .share li.selected a.btnOrkut{ background-position:-495px -134px; } .player .share li a.btnDelete{ background-position:-525px -114px; } .player .share li a.btnDelete:hover, .player .share li.selected a.btnDelete{ background-position:-525px -134px; } .player .action{ width:185px; height:53px; float:left; display:inline; overflow:hidden; } .player .action li{ float:left; display:inline; } .player .action li a{ width:45px; height:20px; color:#fff; font-size:9px; text-transform:lowercase; text-align:center; float:left; display:inline; padding:33px 0 0; } .player .action li a:hover, .player .action li.selected a{ color:#ff9900; } .player .action li a.btnAdd{ background-position:-600px -114px; } .player .action li a.btnAdd:hover, .player .action li.selected a.btnAdd{ background-position:-645px -114px; } .player .action li a.btnDown{ background-position:-690px -114px; } .player .action li a.btnDown:hover, .player .action li.selected a.btnDown{ background-position:-735px -114px; } .player .action li a.btnSimilars{ background-position:-780px -114px; } .player .action li a.btnSimilars:hover, .player .action li.selected a.btnSimilars{ background-position:-825px -114px; } .player .action li a.btnMail{ background-position:-870px -114px; } .player .action li a.btnMail:hover, .player .action li.selected a.btnMail{ background-position:-915px -114px; } .player .nextSong{ width:228px; height:53px; float:left; display:inline; overflow:hidden; } .player .nextSong img{ width:34px; float:left; display:inline; margin:3px 5px 0 0; } .player .nextSong div{ width:185px; float:left; display:inline; margin:5px 0 0 5px; } .player .nextSong h3, .player .nextSong h4, .player .nextSong h5{ width:145px; height:14px; line-height:13px; overflow:hidden; font-size:11px; color:#fff; float:left; display:inline; font-weight:normal; } .player .nextSong h3 a, .player .nextSong h4 a{ color:#fff; } .player .nextSong h3 a:hover, .player .nextSong h4 a:hover{ color:#ff9900; } .player .nextSong h5{ color:#47423a; } .player .nextSong .share{ margin:20px 0 0; } .player .nextSong .share a{ margin:0; } .player .nextSong .share .btnDelete{ margin:0 0 0 7px; } .player .btnMaximize{ background-position:-420px -114px; width:15px; height:15px; float:left; display:inline; text-indent:-200000px; margin:4px; } .player .btnMaximize:hover{ background-position:-420px -134px; } .player .loading{ background-position:center 10px; margin:4px 0 0; } .userIdentifier{ width:737px; height:22px; position:absolute; left:1px; bottom:57px; z-index:999; background:#5d5950; } * html .userIdentifier{ bottom:56px; } .userIdentifier .loggedIn{ display:none; } .userIdentifier p{ color:#ffffff; margin:4px 4px 4px 13px; float:left; display:inline; } .userIdentifier .icons{ background-position:0 -1250px; float:left; height:17px; text-indent:-1000%; width:132px; margin:2px 6px; } .userIdentifier .borderLeft, .userIdentifier .borderRight{ height:21px; width:1px; top:1px; position:absolute; background:#5d5950; } .userIdentifier .borderLeft{ left:-1px; } .userIdentifier .borderRight{ right:-1px; } .userIdentifier a{ color:#ff9900; font-weight:bold; margin:4px 0 0 5px; float:left; } .userIdentifier .loggedIn p{ font-weight:bold; } .playlist{ width:258px; height:22px; overflow:hidden; position:absolute; right:0; bottom:57px; z-index:999; } * html .playlist{ bottom:56px; } .playlist .title{ background-position:0 -750px; width:100%; height:22px; float:left; display:inline; cursor:pointer; } .playlist .title h3, .playlist .title h4{ color:#fff; font-size:14px; float:left; display:inline; padding:3px 5px; } .playlist .title h4{ font-size:12px; } .playlist .title h5{ background-position:0 -775px; width:60px; height:20px; text-indent:-200000px; float:right; display:inline; margin:0 5px 0 0; } .opened .title h5{ background-position:-100px -775px; } .playlistActions{ background:#fff; border:#ff9900 solid; border-width:0 4px; width:250px; height:30px; float:left; display:inline; overflow:hidden; } .playlistActions dt{ background-position:right top; width:25px; height:30px; float:left; display:inline; text-indent:-200000px; } .playlistActions dd{ float:left; display:inline; margin:3px 5px 0 0; } .playlistActions dd a{ height:22px; float:left; display:inline; text-indent:-200000px; } .playlistActions dd a.play{ background-position:-900px -1200px; width:75px; } .playlistActions dd a.play:hover{ background-position:-1000px -1200px; } .playlistActions dd a.add{ background-position:-900px -1250px; width:75px; } .playlistActions dd a.add:hover{ background-position:-1000px -1250px; } .playlistActions dd a.more{ background-position:-900px -1300px; width:55px; } .playlistActions dd a.more:hover{ background-position:-1000px -1300px; } .playlistFilter{ background:#f2f0ed; border:#ff9900 solid; border-width:0 4px; width:240px; height:14px; float:left; display:block; overflow:hidden; padding:3px 5px; } .playlistFilter input{ width:14px; height:14px; float:left; margin:0 5px 0 0; } .playlistFilter label{ height:14px; color:#5d5950; font-size:10px; line-height:14px; float:left; display:inline; } .playlistFilter h3{ color:#5d5950; font-weight:bold; font-size:10px; line-height:14px; float:right; display:inline; } .playlist .scroll{ background:#5d5950; border:#ff9900 solid; border-width:0 4px; width:250px; height:308px; display:block; clear:left; position:relative; overflow-x:hidden; overflow-y:scroll; } .playlist .scroll ul{ border-bottom:#746b64 1px solid; border-top:#4f4c44 1px solid; width:235px; float:left; display:inline; } .playlist .scroll ul li{ border-top:#746b64 1px solid; border-bottom:#4f4c44 1px solid; width:100%; height:34px; float:left; display:inline; position:relative; overflow:hidden; padding:2px 0; } .playlist .scroll ul li input{ width:14px; height:14px; float:left; display:inline; margin:10px 5px; } .playlist .scroll ul li a{ width:170px; height:16px; font-weight:normal; color:#fff; font-size:11px; overflow:hidden; float:left; display:inline; } .playlist .scroll ul li a:hover{ color:#ff9900; } .playlist .scroll ul li .share{ border:none; width:32px; height:auto; display:block; position:absolute; top:5px; right:5px; margin:0; } .playlist .scroll ul li .share li{ border:0; width:auto; height:auto; float:none; display:inline; padding:0; } .playlist .scroll ul li .share li.selected{ background:none; } .playlist .scroll ul li .share li a{ width:15px; height:15px; float:left; display:inline; text-indent:-2000000px; margin:0; } .playlist .scroll ul li .share li a.btnDontLike{ background-position:-920px -700px!important; } .playlist .scroll ul li .share li a.btnDontLike:hover, .playlist .scroll ul li .share li.selected a.btnDontLike{ background-position:-1020px -700px!important; } .playlist .scroll ul li.selected .share li a.btnDontLike{ background-position:-920px -720px!important; } .playlist .scroll ul li.selected .share li a.btnDontLike:hover, .playlist .scroll ul li.selected .share li.selected a.btnDontLike{ background-position:-1020px -720px!important; } .playlist .scroll ul li .share li a.btnLike{ background-position:-920px -650px!important; } .playlist .scroll ul li .share li a.btnLike:hover, .playlist .scroll ul li .share li.selected a.btnLike{ background-position:-1020px -650px!important; } .playlist .scroll ul li.selected .share li a.btnLike{ background-position:-920px -670px!important; } .playlist .scroll ul li.selected .share li a.btnLike:hover, .playlist .scroll ul li.selected .share li.selected a.btnLike{ background-position:-1020px -670px!important; } .playlist .scroll ul li .share li a.btnDelete{ background-position:-1185px -1120px; position:relative; left:7px; } .playlist .scroll ul li .share li a.btnDelete:hover{ background-position:-1165px -1120px; } .playlist .scroll ul li.selected .share li a.btnDelete:hover, .playlist .scroll ul li.selected .share li.selected a.btnDelete{ background-position:-1145px -1120px; } .playlist .scroll ul li.selected{ background:#ff9900; border-top-color:#b7720b; border-bottom-color:#fdb241; } .playlist .scroll ul li.selected a:hover{ color:#5C5952; } .playlistCommands{ background:#ff9900; width:258px; height:20px; display:block; } .playlistCommands a{ line-height:18px; font-size:12px; color:#fff; font-weight:bold; float:left; display:inline; padding:0 5px 0 25px; margin:2px 10px 0; } .playlistCommands a.shuffle{ background-position:-1180px -300px; } .playlistCommands a.shuffle:hover, .playlistCommands.selected a.shuffle{ background-position:-1180px -320px; } .playlistCommands a.clear{ background-position:-1180px -200px; } .playlistCommands a.clear:hover, .playlistCommands.selected a.clear{ background-position:-1180px -220px; } .similars{ background:#fff; border:#ff9900 solid; border-width:4px 4px 0; width:258px; height:396px; overflow:hidden; position:absolute; bottom:57px; right:270px; z-index:999; display:none; } .similars a, .similars h3{ color:#47433A; font-size:12px; } .similars .title{ background:#f2f0ed; padding:5px; } .similars .title .close{ background-position:-1187px -400px; width:13px; height:13px; position:absolute; right:6px; top:6px; text-indent:-20000px; } .similars .album_info{ background:#fafafa; border-top:#fff 1px solid; border-bottom:#f2f0ed 1px solid; height:57px; padding:5px; } .similars .album_info .image{ float:left; display:inline; margin:0 10px 0 0; } .similars .album_info .image img{ border:#f2f0ed 3px solid; width:50px; height:50px; float:left; display:inline; } .similars .album_info h3, .similars .album_info h4, .similars .album_info h5{ width:180px; height:18px; line-height:18px; float:left; display:inline; overflow:hidden; } .similars .album_info h3, .similars .album_info h3 a{ color:#5d5950; font-size:11px; } .similars .album_info h4, .similars .album_info h4 a{ color:#7f7870; font-size:11px; font-weight:normal; } .similars .album_info h5, .similars .album_info h5 a{ color:#ff9900; font-size:11px; font-weight:normal; } .similars .album_info a:hover{ color:#ff9900; } .similars .album_info h5 a:hover{ color:#5d5950; } .similars .playlistActions{ border:0; width:258px; margin:5px 0 0; } .similars .playlistFilter{ border:0; width:248px; } .similars .scroll{ border-top:#fff 1px solid; width:258px; height:245px; display:block; position:relative; overflow-y:scroll; overflow-y:auto; } .similars .scroll ul{ width:240px; float:left; display:inline; } .similars .scroll ul li{ width:100%; height:36px; float:left; display:inline; position:relative; overflow:hidden; padding:2px 0; } .similars .scroll ul li.striped{ background:#f2f0ed; } .similars .scroll ul li input{ width:14px; height:14px; float:left; display:inline; margin:5px 5px 15px; } .similars .scroll ul li h6{ width:20px; height:20px; float:left; display:inline; padding:0 5px 0 0; margin:3px 0 0; } .similars .scroll ul li h6 a{ width:20px; height:18px; float:left; display:inline; font-size:11px; text-align:right; } .similars .scroll ul li.hover h6 a{ background-position:-900px -300px; text-align:left; text-indent:-2000000px; } .similars .scroll ul li.striped.hover h6 a{ background-position:-900px -320px; } .similars .scroll ul li.hover h6 a.load, .similars .scroll ul li.striped.hover h6 a.load{ background:url(/Content/images/small_ajax_loader.gif) 0 0 no-repeat!important; } .similars .scroll ul li h3, .similars .scroll ul li h4{ width:160px; height:16px; font-size:11px; float:left; display:inline; overflow:hidden; margin:3px 0 0; } .similars .scroll ul li h4, .similars .scroll ul li h4 a{ font-weight:normal; margin:0; } .similars .scroll ul li h3 a:hover, .similars .scroll ul li h4 a:hover{ color:#ff9900; } .similars .scroll ul li .share { border:0; width:36px; height:auto; position:absolute; right:0; top:5px; margin:0; } .similars .scroll ul li .share li{ border:0 none; float:left; display:inline; height:auto; padding:0; width:auto; } .similars .scroll ul li .share li a{ width:15px; height:15px; float:left; display:inline; text-indent:-2000000px; margin:0; } .similars .scroll .share li a.btnDontLike { background-position:-900px -700px; } .similars .scroll .share li a.btnDontLike:hover, .similars .scroll .share li.selected a.btnDontLike{ background-position:-1000px -700px!important; } .similars .scroll li.striped .share li a.btnDontLike { background-position:-900px -720px; } .similars .scroll li.striped .share li a.btnDontLike:hover, .similars .scroll li.striped .share li.selected a.btnDontLike{ background-position:-1000px -720px!important; } .similars .scroll .share li a.btnLike{ background-position:-900px -650px; } .similars .scroll .share li a.btnLike:hover, .similars .scroll .share li.selected a.btnLike{ background-position:-1000px -650px!important; } .similars .scroll li.striped .share li a.btnLike{ background-position:-900px -670px; } .similars .scroll li.striped .share li a.btnLike:hover, .similars .scroll li.striped .share li.selected a.btnLike{ background-position:-1000px -670px!important; } .userNotLogged .playlistActions dt, .userNotLogged .playlistActions .add, .userNotLogged .playlistActions .more, .userNotLogged .playlistFilter{ display:none; } .userNotLogged .scroll ul li input{ visibility:hidden; margin:5px 0 15px!important; } .userNotLogged .playlistActions .play{ margin:0 0 0 10px; } .userNotLogged .similars .scroll{ height:266px; } .userNotLogged .playlist .scroll{ height:328px; } .sonora_footer{ border-top:#d2d1cf 1px solid; width:1000px; float:left; display:inline; margin:25px 0 0 0; padding:0 0 80px 0; } .sonora_footer dl{ text-align:center; text-transform:uppercase; margin:10px 0; } .sonora_footer dd, .sonora_footer dt{ color:#5c5952; line-height:19px; font-weight:bold; display:inline; padding:0 7px; } .sonora_footer dt{ color:#5c5952; } .sonora_footer dd{ border-right:#8b8884 1px dotted; } .sonora_footer dl a{ color:#a19e99; } .sonora_footer dl a:hover{ color:#ff9900; } .sonora_footer dl span{ text-transform:lowercase; } .sonora_footer h4{ border-top:#d2d1cf 1px solid; font-weight:normal; font-size:11px; text-align:center; color:#a19e99; padding:10px 0 0; } .explorer{ width:680px; float:left; display:inline; } .explorer .list_content{ height:520px; display:block; position:relative; z-index:0; } .pagination{ position:relative; float:right; display:inline; margin:5px 0 0; } .topPagination{ margin:-25px 0 0; } .pagination li{ float:left; display:inline; list-style:none; } .pagination li a{ color:#6A665F; font-weight:bold; font-size:13px; line-height:20px; float:left; display:inline; padding:0 8px; } .pagination li a:hover{ color:#000; } .pagination li a.selected, .pagination li a.selected:hover{ background-position:-900px -250px; color:#6A665F; cursor:default; padding:0 1px; } .pagination li a.selected span{ background-position:right -250px; float:left; display:inline; position:relative; padding:0 7px; margin:0 -2px 0 0; } .pagination li a.btnNext, .pagination li a.btnBack, .pagination li a.btnFirst, .pagination li a.btnLast{ width:20px; height:20px; text-indent:-200000px; padding:0; } .pagination li a.btnBack{ background-position:-900px -150px; } .pagination li a.btnNext{ background-position:-900px -175px; } .pagination li a.btnFirst{ background-position:-900px -200px; margin:0 2px 0 0; } .pagination li a.btnLast{ background-position:-900px -225px; margin:0 0 0 2px; } .pagination li a.btnBack:hover{ background-position:-1000px -150px; } .pagination li a.btnNext:hover{ background-position:-1000px -175px; } .pagination li a.btnFirst:hover{ background-position:-1000px -200px; } .pagination li a.btnLast:hover{ background-position:-1000px -225px; } .listView{ background:#fff; } .listView .generic_list{ display:block; clear:both; overflow:hidden; } .listView .generic_list li{ background:#fff; width:100%; float:left; display:inline; position:relative; padding:1px; } .listView .generic_list li .image, .listView .generic_list li .image img{ width:120px!important; height:120px!important; border:0!important; margin:0!important; } .listView .generic_list li.striped{ background:#F4F3F2; } .listView .generic_list li li{ background:none; width:auto; } .listView .generic_list li .image{ margin:0 20px 0 0!important; } .listView .generic_list .info{ width:415px; height:100px; float:left; display:inline; margin:20px 0 0; } .listView .generic_list .info h3{ max-width:415px; height:23px; } .listView .generic_list .info h3 a{ max-width:350px; float:left; display:inline; } * html .listView .generic_list .info h3{ width:415px; } * html .listView .generic_list .info h3 a{ width:350px; } .listView .generic_list .info h3, .listView .generic_list .info h3 a{ color:#494238; font-size:19px; } .listView .generic_list .info h3 a:hover{ text-decoration:underline; } .listView .generic_list .info h4{ height:18px; margin:10px 0 5px; } .listView .generic_list .info h4, .listView .generic_list .info h4 a{ color:#5F5A56; } .listView .generic_list .info h4 a:hover{ text-decoration:underline; } .listView .generic_list .info h5{ height:18px; margin:10px 0 5px; } .listView .generic_list .info h5, .listView .generic_list .info h5 a{ font-size:13px; font-weight:normal; } .listView .generic_list li:hover h3, .listView .generic_list li:hover h3 a{ color:#ff9900; } .listView .generic_list .actions{ float:right; display:inline; position:relative; top:25px; right:10px; } .mosaicView .generic_list{ clear:both; } .mosaicView .generic_list li{ background:#fff; border:#fff 1px solid; position:absolute; cursor:pointer; } .mosaicView .generic_list li .info, .mosaicView .generic_list li .actions{ display:none; } .mosaicView .generic_list li .info{ background:#fff; border:#ff9900 2px solid; width:140px; height:40px; position:absolute; bottom:-54px; padding:5px; } .mosaicView .generic_list li .info h3, .mosaicView .generic_list li .info h3 a{ height:15px; font-weight:bold; font-size:12px; line-height:14px; color:#7F7870; } .mosaicView .generic_list li .info h4, .mosaicView .generic_list li .info h4 a{ height:15px; font-size:10px; line-height:13px; color:#A19E99; } .mosaicView .generic_list li .info h5{ display:none; } .mosaicView .generic_list li .image, .mosaicView .generic_list li img{ width:100%; height:100%; } .mosaicView .generic_list li.hover{ border-color:#ff9900; z-index:99; } .mosaicView .generic_list li.hover .image{ border:#ff9900 2px solid; width:102%; height:102%; position:absolute; top:-3px; left:-3px; } .mosaicView .generic_list li.info .info{ display:block; } .mosaicView .v1{ width:141px; height:141px; top:90px; left:213px; } .mosaicView .v2{ width:141px; height:141px; top:232px; left:213px; } .mosaicView .v3{ width:141px; height:141px; left:355px; top:116px; } .mosaicView .v4{ width:140px; height:140px; top:281px; left:72px; } .mosaicView .v5{ width:131px; height:131px; top:149px; left:81px; } .mosaicView .v6{ width:115px; height:115px; top:258px; left:355px; } .mosaicView .v7{ width:100px; height:100px; top:359px; left:471px; } .mosaicView .v8{ width:100px; height:100px; top:258px; left:471px; } .mosaicView .v9{ width:106px; height:106px; left:497px; top:151px; } .mosaicView .v10{ width:100px; height:100px; top:374px; left:213px; } .mosaicView .v11{ width:100px; height:100px; top:15px; left:355px; } .mosaicView .v12{ width:90px; height:90px; top:258px; left:572px; } .mosaicView .v13{ width:90px; height:90px; top:422px; left:122px; } .mosaicView .v14{ width:90px; height:90px; top:60px; left:497px; } .mosaicView .v15{ width:90px; height:90px; top:-1px; left:264px; } .mosaicView .v16{ width:90px; height:90px; top:58px; left:122px; } .mosaicView .v17{ width:70px; height:70px; top:151px; left:604px; } .mosaicView .v18{ width:80px; height:80px; top:374px; left:314px; } .mosaicView .v19{ width:70px; height:70px; top:210px; left:10px; } .mosaicView .v20{ width:75px; height:75px; top:374px; left:395px; } .mosaicView .v21{ width:60px; height:60px; top:455px; left:314px; } .mosaicView .v22{ width:70px; height:70px; top:349px; left:572px; } .mosaicView .v23{ width:60px; height:60px; top:90px; left:588px; } .mosaicView .v24{ width:40px; height:40px; top:108px; left:81px; } .mosaicView .v25{ width:50px; height:50px; top:450px; left:375px; } .mosaicView .v26{ width:55px; height:55px; top:281px; left:16px; } .mosaicView .v27{ width:50px; height:50px; top:39px; left:213px; } .mosaicView .v28{ width:50px; height:50px; top:98px; left:30px; } .mosaicView .v29{ width:40px; height:40px; top:75px; left:456px; } .mosaicView .v30{ width:60px; height:60px; top:149px; left:20px; } .mosaicView .v28 .info, .mosaicView .v30 .info, .mosaicView .v19 .info, .mosaicView .v26 .info, .mosaicView .v24 .info, .mosaicView .v16 .info, .mosaicView .v5 .info, .mosaicView .v4 .info, .mosaicView .v13 .info{ left:-3px; } .mosaicView .v14 .info, .mosaicView .v9 .info, .mosaicView .v17 .info, .mosaicView .v23 .info, .mosaicView .v8 .info, .mosaicView .v12 .info, .mosaicView .v7 .info, .mosaicView .v22 .info{ right:-3px; } .mosaicView .v29 .info, .mosaicView .v27 .info{ left:-50px; } .mosaicView .v15 .info, .mosaicView .v11 .info, .mosaicView .v20 .info, .mosaicView .v18 .info, .mosaicView .v10 .info, .mosaicView .v21 .info, .mosaicView .v25 .info{ left:-30px; } .mosaicView .v1 .info, .mosaicView .v2 .info, .mosaicView .v3 .info{ left:-6px; } .mosaicView .v6 .info{ left:-20px; } .infoBox{ background:#fff; border:#ff9900 3px solid; width:320px; height:130px; position:absolute; z-index:9999; display:none; } .infoBoxBg{ background:#fff; width:100%; height:100%; position:absolute; top:0; left:0; display:none; } .infoBox .close{ background-position:right -400px; width:13px; height:13px; position:absolute; text-indent:-20000px; top:5px; right:5px; } .infoBox .actions .buy, .infoBox .actions .share{ display:block; } .infoBox img{ background:#f2f0ed; width:120px; height:120px; float:left; display:inline; margin:5px 10px 5px 5px; } .infoBox h3, .infoBox h4, .infoBox h5{ width:180px; line-height:12px; float:left; display:inline; overflow:hidden; margin:0 0 5px; } .infoBox h3{ line-height:17px; height:17px; margin:20px 0 3px; } .infoBox h4{ height:12px; } .infoBox h5{ height:26px; } .infoBox h3, .infoBox h3 a{ font-size:12px; color:#67635A; } .infoBox h4, .infoBox h4 a, .infoBox h5, .infoBox h5 a{ font-weight:normal; font-size:11px; color:#ACA39A; } .infoBox a:hover{ color:#ff9900; } .gridView{ background:#fff; } .gridView .pagination{ display:none; } .gridView .generic_list{ clear:both; } .gridView .generic_list li{ float:left; display:inline; } .gridView .generic_list li .info, .gridView .generic_list li .actions{ display:none; } .gridView .generic_list{ margin:1px; } .gridView .generic_list li .image img{ width:109px; border:#fff 2px solid; } .gridView .generic_list li .image:hover img{ border-color:#ff9900; } .library dl.library_nav{ background:#f9f9f9; width:230px; float:left; display:inline; padding:10px 5px 5px; margin:0 0 0 10px; } .library dl.library_nav dt{ color:#ff9900; line-height:16px; font-size:14px; font-weight:bold; text-transform:uppercase; display:block; margin:0 0 8px 3px; } .library dl.library_nav dd a{ color:#47423A; width:210px; display:block; font-size:11px; font-weight:bold; overflow:hidden; padding:4px 15px 4px 5px; } .library dl.library_nav dd a:hover, .library dl.library_nav dd a.selected{ background-color:#ff9900; color:#fff; } .library dl.library_nav dd a.opened{ background-color:#f2f2f2; background-position:205px -250px; } .library dl.library_nav dd a.opened:hover{ background-color:#ff9900; background-position:205px -270px; } .library dl.library_nav dd a strong{ font-size:13px; } .library dl.library_nav dd ul{ display:none; padding:0 0 0 15px; } .library dl.library_nav dd ul li{ display:inline; } .library dl.library_nav dd ul li a{ width:195px; } .library .library_content{ width:730px; float:right; display:inline; padding:0 10px 0 0; } .library .library_content .tabs{ border-bottom:1px solid #ff9900; width:100%; float:left; display:inline; } .library .library_content .tabs li{ float:left; display:inline; } .library .library_content .tabs li a{ background:#7f7870; height:25px; line-height:25px; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; float:left; display:inline; padding:0 15px; margin:5px 1px 0 0; } .library .library_content .tabs li a:hover{ background:#aaa299; } .library .library_content .tabs li a.selected, .library .library_content .tabs li a.selected:hover{ background:#ff9900; height:31px; color:#fff; line-height:30px; cursor:default; position:relative; top:1px; margin:-1px 1px 0 0; } .library .library_content .list_content{ background:#fff; width:100%; float:left; display:inline; position:relative; padding:10px 0; } .library .library_content .filters{ width:100%; float:left; display:inline; padding:5px 0 20px; } .library .library_content .filters h3{ border-bottom:#e9e5e2 1px solid; font-size:22px; color:#978D81; display:block; } .library .library_content .filters dl{ height:25px; padding:5px 0 0; } .library .library_content .filters dl, .library .library_content .filters dt, .library .library_content .filters dd{ float:left; display:inline; } .library .library_content .filters dt, .library .library_content .filters a.top, .library .library_content .filters a.name, .library .library_content .filters a.album{ height:25px; text-indent:-200000px; line-height:10px; float:left; display:inline; margin:0 5px 0 0; } .library .library_content .filters dt.showAs{ background-position:-50px -250px; width:55px; } .library .library_content .filters dt.alphabet{ background-position:-50px -275px; width:75px; } .library .library_content .filters a.top{ background-position:-900px -750px; width:55px; } .library .library_content .filters a.top:hover, .library .library_content .filters .selected a.top{ background-position:-1000px -750px; } .library .library_content .filters a.name{ background-position:-900px -800px; width:100px; } .library .library_content .filters a.name:hover, .library .library_content .filters .selected a.name{ background-position:-1000px -800px; } .library .library_content .filters a.album{ background-position:-900px -850px; width:100px; } .library .library_content .filters a.album:hover, .library .library_content .filters .selected a.album{ background-position:-1000px -850px; } .library .library_content .filters ul{ float:left; display:inline; padding:5px 0 0; } .library .library_content .filters ul li{ float:left; display:inline; } .library .library_content .filters ul li a{ width:15px; height:15px; line-height:15px; color:#7F7870; font-size:14px; font-weight:bold; text-align:center; float:left; display:inline; margin:0 2px 0 0; } .library .library_content .filters ul li a:hover, .library .library_content .filters ul li a.selected{ background-position:right -350px; color:#fff; } .library .library_content .list_column{ width:610px; float:left; display:inline; } .library .library_content .artist_list, .library .library_content .album_list{ width:297px; float:left; display:inline; margin:0 5px 0 0; } .library .library_content .artist_list li, .library .library_content .album_list li{ background:#fafafa; width:100%; height:63px; float:left; display:inline; position:relative; padding:1px 0; } .library .library_content .artist_list li.striped, .library .library_content .album_list li.striped{ background:#f5f4f2; } .library .library_content .album_list .actions{ position:absolute; bottom:10px; left:93px; } .library .library_content .pagination{ margin:10px; } .library .library_content .music_list{ width:600px; } .legend{ background-color:#f2f0ed; width:590px; float:left; display:inline; padding:5px; margin:10px 0 5px; } .legend p{ color:#47423A; } .legend .fav{ float:none; padding:0 0 0 12px; margin:0; } .legend span.ranking{ float:none; display:inline-block; } div.ranking div.list_content .legend{ width:650px } div.ranking{ width:670px; float:left; display:inline; position:relative; overflow:hidden; padding:0 10px 10px; } .ranking .list_content{ display:block; } .ranking .rankingFilter{ background:#BEB7AF; height:40px; display:block; margin:0 0 30px; } .ranking .rankingFilter dt, .ranking .rankingFilter dd{ float:left; display:inline; } .ranking .rankingFilter dt{ background-position:-150px -275px; width:50px; height:25px; float:left; display:inline; text-indent:-200000px; margin:8px; } .ranking .rankingFilter a{ width:70px; height:20px; display:block; text-indent:-200000px; margin:10px 2px; } .ranking .rankingFilter a.artist{ background-position:-300px -1700px; } .ranking .rankingFilter a.artist:hover, .ranking .rankingFilter .selected a.artist{ background-position:-600px -1700px; } .ranking .rankingFilter a.album{ background-position:-300px -1800px; } .ranking .rankingFilter a.album:hover, .ranking .rankingFilter .selected a.album{ background-position:-600px -1800px; } .ranking .rankingFilter a.music{ background-position:-300px -1750px; } .ranking .rankingFilter a.music:hover, .ranking .rankingFilter .selected a.music{ background-position:-600px -1750px; } .ranking .tagcloud{ width:640px; float:left; display:inline; position:relative; text-align:center; padding:0 10px; } .ranking .tagcloud a{ font-weight:bold; line-height:30px; text-decoration:none; padding:0 10px; } .ranking .tagcloud a.size5{ color:#5d5950; font-size:11px; font-weight:normal; } .ranking .tagcloud a.size4{ color:#5d5950; font-size:14px; } .ranking .tagcloud a.size3{ color:#5d5950; font-size:16px; } .ranking .tagcloud a.size2{ color:#47423a; font-size:19px; } .ranking .tagcloud a.size1{ color:#47423a; font-size:27px; } .ranking .tagcloud a:hover{ color:#ff9900; } div.now{ width:980px; min-height:685px; float:left; display:inline; padding:0 10px; } * html div.now{ height:685px; } .now .title{ width:670px; height:75px; float:left; display:inline; margin:15px 0 0; } .now .title h2{ margin:0 0 25px; } .now .title .refresh{ background:#F4F3F2; width:660px; line-height:20px; float:left; display:inline; overflow:hidden; padding:5px; } .now .title h3{ float:left; display:inline; font-size:12px; color:#9A938A; } .now .title h3 strong{ color:#5D5950; font-size:14px; } .now .title a{ background-position:-1180px -1200px; font-size:12px; color:#ff9900; float:right; display:inline; font-weight:bold; padding:0 0 0 25px; } .now .list_content{ width:670px; float:left; display:inline; padding:0 0 10px; } .now .list_content .pagination{ margin:5px 0; } .now .notFound{ background:#ebeae6; border-bottom:#dad9d5 1px solid; width:630px; float:left; clear:left; display:inline; padding:20px 20px 10px; margin:-40px 0 0; } .now .notFound h3{ color:#5D5950; font-size:14px; line-height:20px; margin:0 0 15px; } .now .notFound h3 strong{ font-size:19px; } .now .notFound h3 a{ color:#5D5950; font-size:19px; } .now .notFound h3 a:hover{ color:#ff9900; } div.radio{ background:#fff; width:100%; float:left; display:inline; position:relative; padding:0 0 20px; } .radio .radio_header{ background:#fff; border-bottom:#e9e5e2 10px solid; width:980px; height:150px; float:left; display:inline; padding:10px; } .radio .radio_header img{ float:left; display:inline; margin:0 15px 0 0; } .radio .radio_header h2{ font-size:30px; color:#47423A; display:block; padding:15px 0 5px; margin:0; } .radio .radio_nav{ width:235px; float:left; display:inline; overflow:hidden; } .radio .radio_nav dt{ background:#C8C3BF; width:117px; height:35px; float:left; display:inline; margin:0 0 1px; } .radio .radio_nav dt a{ width:85px; height:25px; text-indent:-200000px; display:inline; margin:5px; } .radio .radio_nav dt a.radio{ background-position:-300px -1650px; float:right; display:inline; } .radio .radio_nav dt a.radio:hover, .radio .radio_nav dt.selected a.radio{ background-position:-600px -1650px; } .radio .radio_nav dt a.mix{ background-position:-300px -1600px; float:left; display:inline; } .radio .radio_nav dt a.mix:hover, .radio .radio_nav dt.selected a.mix{ background-position:-600px -1600px; } .radio .radio_nav dd a{ background-position:-300px -1550px; width:100%; height:25px; line-height:25px; color:#fff; font-weight:bold; float:left; display:inline; text-indent:10px; margin:0 0 1px; } .radio .radio_nav dd a:hover, .radio .radio_nav dd a.selected{ background-position:-600px -1550px; } .radio .radio_nav dd a span{ color:#CBCAC8; font-weight:bold; margin:0 0 0 6px; } .radio .radio_content{ width:430px; float:left; display:inline; position:relative; margin:0 0 0 10px; } .radio .radio_content .radio_image{ width:60px; float:left; display:inline; margin:10px 10px 10px 0; } .radio .radio_content h3{ font-size:17px; font-weight:bold; color:#47433A; margin:7px 0 0; } .radio .radio_content h3 span{ font-size:12px; } .radio .search{ background:#7f7870; width:410px; float:left; display:inline; padding:10px; margin:20px 0 10px; } .radio .search h4{ color:#fff; font-size:14px; margin:0; } .radio .search .searchField{ background:#fff; border:0; width:320px; height:17px; color:#47423A; font-size:14px; font-weight:bold; float:left; display:inline; padding:4px; margin:5px 0 0; } .radio .search .btnSend{ background-color:transparent; background-position:-600px 0; border:0; width:75px; height:25px; float:left; display:inline; color:#fff; cursor:pointer; font-weight:bold; text-transform:uppercase; display:inline; margin:5px 0 0 5px; } .radio .filter{ float:left; display:inline; margin:12px 0 0; } .radio .filter dt{ background-position:-150px -250px; height:25px; width:60px; float:left; display:inline; text-indent:-200000px; } .radio .filter dd{ float:left; display:inline; } .radio .filter a{ height:25px; display:block; text-indent:-200000px; margin:0 5px 0 0; } .radio .filter a.new{ background-position:-900px -1000px; width:80px; } .radio .filter a.new:hover, .radio .filter .selected a.new{ background-position:-1000px -1000px; } .radio .filter a.top{ background-position:-900px -1050px; width:80px; } .radio .filter a.top:hover, .radio .filter .selected a.top{ background-position:-1000px -1050px; } .radio .generic_list{ width:100%; float:left; display:inline; margin:7px 0; } .radio .generic_list li{ background:#fafafa; width:100%; float:left; display:inline; position:relative; padding:1px 0; } .radio .generic_list .image, .radio .generic_list .image img{ width:87px; height:87px; } .radio .generic_list .image{ margin:0 15px 0 0; } .radio .generic_list .striped{ background:#F4F3F2; } .radio .generic_list .info{ width:300px; float:left; display:inline; margin:15px 0 0; } .radio .generic_list .info h3{ height:23px; } .radio .generic_list .info h3 a{ float:left; display:inline; } .radio .generic_list .info h3, .radio .generic_list .info h3 a{ max-width:300px; color:#494238; font-size:14px; font-weight:normal; } .radio .generic_list .info h3 a:hover{ text-decoration:underline; } .radio .generic_list .info .fav{ margin:2px 0 0 10px; } .radio .generic_list li:hover h3, .radio .generic_list li:hover h3 a{ color:#ff9900; } .radio .generic_list .actions{ position:absolute; top:10px; right:10px; } .radio .generic_list .play{ background-position:-900px -300px; color:#494238; float:left; display:inline; padding:2px 0 2px 22px; margin:10px 2px 0 0; } .radio .generic_list .play:hover{ color:#ff9900; } .radio .generic_list .striped .play{ background-position:-900px -320px; } .radio .sugestions{ width:430px; float:left; display:inline; position:relative; overflow:hidden; } .radio .sugestions ul.sugestions_list{ background-color:#EBEAE6; border:#D9D7D4 solid; border-width:1px 0; width:100%; float:left; display:inline; overflow:hidden; margin:5px 0 0; } .radio .sugestions ul.sugestions_list li{ display:block; } .radio .sugestions ul.sugestions_list li a{ height:16px; font-size:14px; display:block; font-weight:bold; color:#5D5850; overflow:hidden; padding:2px 5px; } .radio .sugestions ul.sugestions_list li a:hover{ color:#ff9900; } .radio .pagination{ margin:14px 0 0; } .radio .related_list .generic_list li{ height:85px; } .radio .related_list .generic_list li .image img{ width:85px; height:85px; } .radio .related_list .generic_list li .info h3, .radio .related_list .generic_list li .info h4, .radio .related_list .generic_list li .info h3 a, .radio .related_list .generic_list li .info h4 a{ height:auto; min-height:16px; max-height:28px; font-size:11px; } * html .radio .related_list .generic_list li .info h3, * html .radio .related_list .generic_list li .info h4{ height:16px; } .customRadio{ width:905px; height:359px; float:left; display:inline; position:relative; padding:87px 10px 0 85px; margin:1px 0; } .customRadio .bg{ position:absolute; left:0; top:0; z-index:-1; } .customRadio .radioBox{ background:#fff; width:504px; height:147px; float:left; display:inline; padding:5px; } .customRadio .radioBox img{ float:left; display:inline; margin:12px; } .customRadio .radioBox .data{ width:190px; float:left; overflow:hidden; margin:12px; } .customRadio .radioBox .data h3{ width:190px; height:30px; font-size:19px; float:left; overflow:hidden; } .customRadio .radioBox .data .play{ background-position:-1174px -1600px; width:160px; height:25px; font-size:14px; line-height:22px; font-weight:bold; float:left; overflow:hidden; padding:0 0 0 35px; margin:10px 0; } .customRadio .radioBox .data .play:hover{ color:#ff9900; } .customRadio .radioBox .data .btnDown{ background-position:-300px -2000px; width:180px; height:30px; float:left; text-indent:-100000px; margin:10px 0; } .customRadio .radioBox .share{ width:138px; height:146px; float:right; overflow:hidden; position:relative; margin:4px 2px 0; } .customRadio .radioBox .share a{ width:30px; height:30px; float:left; display:inline; position:relative; left:17px; text-indent:-200000px; margin:89px 9px 0 0; z-index:2; } div.search{ background:#fff; width:980px; float:left; display:inline; padding:10px; } .search h2{ width:100%; height:26px; overflow:hidden; font-weight:normal; margin:10px 0 0; } .search h2 span{ color:#47423A; font-size:18px; } .search h2 strong{ font-weight:normal; font-size:18px; color:#ABA299; } .search h3{ height:20px; line-height:20px; font-size:12px; color:#47423A; float:left; display:inline; overflow:hidden; } .search .pagination{ margin:0; } .search .byGenre{ background-color:#EBEAE6; border:#D9D7D4 solid; border-width:1px 0; width:960px; float:left; display:inline; overflow:hidden; padding:10px; margin:10px 0 0; } .search .byGenre h4 strong{ color:#5D5850; font-size:15px; line-height:30px; } .search .byGenre h4 a{ color:#ff9900; font-size:16px; } .search .byGenre h4 a:hover{ text-decoration:underline; } .search .search_artist{ width:485px; float:left; display:inline; position:relative; overflow:hidden; margin:30px 0 0; } .search .search_artist ul.search_artist_list{ background-color:#EBEAE6; border:#D9D7D4 solid; border-width:1px 0; width:100%; height:204px; float:left; display:inline; overflow:hidden; margin:5px 0 0; } .search .search_artist ul.search_artist_list li{ display:block; } .search .search_artist ul.search_artist_list li.notFound{ font-size:16px; font-weight:bold; text-align:center; padding:80px 0; } .search .search_artist ul.search_artist_list li a{ height:16px; font-size:14px; display:block; font-weight:bold; color:#5D5850; overflow:hidden; padding:2px 5px; } .search .search_artist ul.search_artist_list li a:hover{ color:#ff9900; } .search .search_album{ width:485px; float:right; display:inline; position:relative; overflow:hidden; margin:30px 0 0; } .search .search_album .album_list{ border:#D9D7D4 solid; border-width:1px 0; width:100%; height:204px; float:left; display:inline; overflow:hidden; margin:5px 0 0; } .search .search_album .album_list li{ width:240px; height:63px; float:left; display:inline; padding:1px 0; margin:3px 0 0 0; } .search .search_album .album_list li.notFound{ width:450px; font-size:16px; font-weight:bold; text-align:center; padding:80px 0; } .search .search_album .album_list .fav{ float:none; } .search .search_album .album_list h3{ width:auto; } .search .search_album .album_list ul.actions a.play{ background-position:-900px -300px!important; } .search .search_album .album_list span.fav { background-position:-1185px -450px; margin:0; } .search .search_music{ width:980px; float:left; display:inline; position:relative; margin:20px 0 0; } .search .search_music h3{ width:100%; height:30px; } .search .search_music .actionsMusic{ width:auto; } .search .search_music .pagination{ margin:5px 0 0; } .search .search_music .music_list{ margin:0 0 10px; } .search .noresult{ height:400px; padding:20px; } .search .noresult h4{ font-size:16px; padding:5px 0 20px 10px; } .search .noresult h5{ font-size:11px; padding:5px 0 0 10px; } .search .noresult h5 a{ color:#ff9900; font-size:14px; } .search .noresult h6{ background-color:#EBEAE6; border-bottom:1px solid #D9D7D4; color:#666; font-size:11px; padding:10px 270px 10px 10px; margin:5px 10px 10px; } .search .similars_result{ width:940px; float:left; padding:20px 20px 30px; } .search .similars_result h4{ color:#ABA299; font-size:16px; padding:0 0 10px; margin:10px 0; } .search .similars_result h4 strong{ color:#47423A; font-size:16px; } .search .similars_result ul{ } .search .similars_result ul li{ border-top:#f2f2f2 1px solid; width:450px; float:left; display:inline; padding:10px; } .search .similars_result ul li .image{ border:#f2f2f2 5px solid; float:left; display:inline; margin:0 15px 0 0; } .search .similars_result ul li .image img{ width:90px; height:90px; float:left; display:inline; } .search .similars_result ul li h3{ width:300px; margin:10px 0 5px; } .search .similars_result ul li h3, .search .similars_result ul li h3 a{ font-size:14px; color:#47423A; } .search .similars_result ul li h4, .search .similars_result ul li h4 a{ font-size:12px; color:#47423A; } .search .similars_result ul li h4 a{ color:#ff9900; } .search .similars_result ul li h4 a:hover{ text-decoration:underline; } .search .similars_result ul li h3 a:hover{ color:#ff9900; } .mysonora{ background-color:#F2F0ED; border:#fff 10px solid; width:960px; float:left; display:inline; padding:10px; } .mysonora .user_info{ background:#fff; border:2px solid #FF9900; width:625px; height:226px; overflow:hidden; float:left; display:inline; padding:10px; margin:0 10px 0 0; } .mysonora .user_info h2{ width:614px; height:40px; line-height:40px; float:left; display:inline; text-indent:-2000000px; margin:0; } .mysonora .user_info h2 strong{ background-position:0 -300px; width:140px; height:40px; float:left; display:inline; } .mysonora .user_info h2 span{ background-position:0 -350px; width:250px; height:40px; float:left; display:inline; margin:0 10px; } .mysonora .user_info .user_details{ background:none; border:#DCD9D4 solid; border-width:1px 0; width:auto; height:auto; padding:10px 0; float:left; display:inline; margin:0; } .mysonora .user_info .user_details .avatar{ margin:0 10px 0 0; } .mysonora .user_info .user_details .avatar img{ border:#DCD9D4 1px solid; height:78px; width:78px; } .mysonora .user_info .user_details h3{ width:520px; height:30px; font-size:24px; color:#5D5950; float:left; display:inline; overflow:hidden; margin:5px 0 15px; } .mysonora .user_info .user_details h4, .mysonora .user_info .user_details h5{ color:#5D5950; line-height:13px; font-size:12px; float:left; display:inline; padding:0 0 0 20px; margin:0 20px 0 0; } .mysonora .user_info .user_details h4{ background-position:-1185px -650px; } .mysonora .user_info .user_details h5{ background-position:-1185px -700px; } .mysonora .user_info dl{ border-left:#DCD9D4 1px dotted; width:194px; height:75px; float:left; display:inline; overflow:hidden; padding:0 0 0 10px; margin:10px 10px 0 -11px; } .mysonora .user_info dl dt{ color:#ABA299; font-size:12px; font-weight:bold; padding:0 0 10px; } .mysonora .user_info dl dd{ display:block; color:#7F7871; } .mysonora .user_info dl dd a{ width:100%; height:16px; color:#7F7871; font-size:12px; font-weight:bold; overflow:hidden; display:block; } .mysonora .user_info dl dd a:hover{ color:#ff9900; } .mysonora .mysonora_nav{ width:230px; float:left; display:inline; clear:left; margin:10px 10px 0 0; } .mysonora .mysonora_nav dt{ width:100%; height:25px; margin:0 0 2px; } .mysonora .mysonora_nav dt a{ width:100%; height:25px; display:block; text-indent:-200000px; } .mysonora .mysonora_nav dt a.music{ background-position:-300px -850px; } .mysonora .mysonora_nav dt a.music:hover, .mysonora .mysonora_nav dt.selected a.music{ background-position:-600px -850px; } .mysonora .mysonora_nav dt a.history{ background-position:-300px -900px; } .mysonora .mysonora_nav dt a.history:hover, .mysonora .mysonora_nav dt.selected a.history{ background-position:-600px -900px; } .mysonora .mysonora_nav dt a.btnPlaylist{ background-position:-300px -950px; cursor:default; } .mysonora .mysonora_nav dt a.visitormusic{ background-position:-300px -1000px; } .mysonora .mysonora_nav dt a.visitormusic:hover, .mysonora .mysonora_nav dt.selected a.visitormusic{ background-position:-600px -1000px; } .mysonora .mysonora_nav dt a.visitorhistory{ background-position:-300px -1050px; } .mysonora .mysonora_nav dt a.visitorhistory:hover, .mysonora .mysonora_nav dt.selected a.visitorhistory{ background-position:-600px -1050px; } .mysonora .mysonora_nav dt a.visitorbtnPlaylist{ background-position:-300px -1100px; cursor:default; } .mysonora .mysonora_nav dd{ background:#fff; border:#7B7369 solid; border-width:0 4px 4px; width:222px; height:450px; margin:-3px 0 0; } * html .mysonora .mysonora_nav dd{ width:206px; } .mysonora .mysonora_nav dd .newPlaylist{ border-bottom:#BEB7AF 1px solid; padding:13px 14px; } .mysonora .mysonora_nav dd .newPlaylist a{ background-position:-300px -1150px; width:194px; height:25px; display:block; text-indent:-200000px; } .mysonora .mysonora_nav dd .scroll{ height:398px; display:block; overflow-y:scroll; overflow-x:hidden; } .mysonora .mysonora_nav dd ul{ padding:0 3px; } .mysonora .mysonora_nav dd ul li{ border-bottom:#BEB7AF 1px solid; width:100%; height:38px; float:left; display:inline; } .mysonora .mysonora_nav dd ul li a{ background-position:-1180px -750px; width:150px; height:20px; line-height:20px; color:#47423A; font-weight:bold; float:left; overflow:hidden; padding:0 0 0 23px; margin:10px 0 0; } .mysonora .mysonora_nav dd ul li:hover a{ background-position:-1180px -770px; } .mysonora .mysonora_nav dd ul .actions{ float:right; display:inline; width:20px; margin:2px -3px 0 0; } .mysonora .list_content{ background:#fff; width:700px; min-height:522px; float:left; display:inline; position:relative; padding:10px; margin:10px 0 0; } * html .mysonora .list_content{ height:522px; } .mysonora .filters{ width:700px; float:left; display:inline; margin:0 0 10px 0; } .mysonora .filters .title{ width:200px; float:left; display:inline; } .mysonora .filters h2{ margin:0; } .mysonora .filters h3{ color:#7F7870; font-size:11px; } .mysonora .filters form{ background:#fff; width:320px; float:right; display:inline; } .mysonora .filters form input.search{ background:none; border:1px solid #7F7870; width:260px; height:18px; float:left; font-size:15px; color:#5D594E; padding:2px; } .mysonora .filters form input.search_btn{ background-color:transparent; background-position:-400px -50px; border:0; width:50px; height:24px; cursor:pointer; float:right; margin:0 0 0 2px; } .mysonora .filters .dropdown{ background-position:0 -175px; width:190px; height:24px; float:left; display:inline; position:relative; margin:15px 0 20px; z-index:999; } .mysonora .filters .dropdown span{ width:165px; font-size:11px; line-height:24px; font-weight:bold; text-align:center; color:#fff; cursor:pointer; float:left; display:inline; } .mysonora .filters .dropdown ul{ background-color:#fff; border:#ff9900 3px solid; width:159px; display:none; position:absolute; top:21px; left:0; margin:0; } .mysonora .filters .dropdown ul a{ height:23px; color:#47423a; display:block; line-height:23px; text-transform:none; text-align:left; overflow:hidden; padding:0 0 0 10px; } .mysonora .filters .dropdown ul a:hover{ background:#ff9900; color:#fff; } .mysonora .filters .dropdown ul .striped{ background-color:#f2f0ed; } .mysonora table.music_list .musicPlay{ width:87px; } .mysonora .user_picture{ background:#fff; border:2px solid #FF9900; width:935px; overflow:hidden; float:left; display:inline; padding:10px; } .mysonora .user_picture h2{ padding:5px; margin:0; } .mysonora .user_picture .actualPic, .mysonora .user_picture .newPic{ background:#f5f5f5; float:left; display:inline; min-height:200px; margin:10px 0 0; } * html .mysonora .user_picture .actualPic, * html .mysonora .user_picture .newPic{ height:200px; } .mysonora .user_picture .actualPic{ width:160px; } .mysonora .user_picture .newPic{ width:765px; margin:10px 0 0 10px; } .mysonora .user_picture .actualPic h3, .mysonora .user_picture .newPic h3{ background:#f0f0f0; border-bottom:#fff 1px solid; color:#5D5950; padding:5px 10px; } .mysonora .user_picture .actualPic img{ border:#ff9900 1px solid; float:left; display:inline; margin:35px 0 0 39px; } .mysonora .user_picture .newPic fieldset{ padding:30px; } .mysonora .user_picture .newPic fieldset input{ width:300px; height:20px; margin:0 0 10px; } .mysonora .user_picture .newPic form h4{ font-weight:normal; color:#5D5950; } .mysonora .user_picture .newPic a, .mysonora .user_picture .newPic a{ background:#7F7870; font-weight:bold; color:#fff; float:left; display:inline; text-transform:uppercase; padding:5px 10px; margin:10px 10px 0 0; } .mysonora .user_picture .newPic a:hover{ background:#ff9900; } .mysonora .user_picture .newPic a.disabled, .mysonora .user_picture .newPic a.disabled:hover{ background:#CCC9C6; cursor:default; } .mysonora .user_picture .newPic .newPic_content{ padding:30px; } .mysonora .user_picture .newPic .newPic_content h4{ font-size:17px; color:#5D5950; padding:0 0 15px; } .mysonora .user_picture .newPic .newPic_content h5{ font-size:12px; color:#5D5950; padding:0 0 5px; } .mysonora .user_picture .newPic .newPic_content h4{ font-size:17px; color:#5D5950; padding:0 0 15px; } .mysonora .user_picture .newPic .newPic_content p{ font-size:11px; padding:0 0 5px; } .mysonora .user_picture .newPic .crop{ float:left; display:inline; margin:-15px 25px 15px -15px; } .mysonora .user_picture .newPic .crop img{ float:left; display:inline; } .mysonora .user_picture .crop_preview{ border:#ff9900 1px solid; width:80px; height:80px; float:left; display:inline; overflow:hidden; margin:35px 0 0 39px; } .mysonora .user_picture .crop_preview img{ border:none; float:left; display:inline; margin:0; } .mysonora .empty{ clear:left; padding:20px; } .mysonora .empty h3{ font-size:14px; } .mysonora .empty h3 strong{ color:#ff9900; } .mysonora .empty h4{ font-size:12px; margin:20px 0 0; } .mysonora .empty p{ font-size:11px; padding:5px 0; } .mysonora .empty a{ background:#5D5950; display:block; float:left; display:inline; color:#fff; font-weight:bold; padding:5px 10px; margin:30px 10px 0 0; } .mysonora .empty a:hover{ background:#ff9900; } .myaccount{ background:#F2F0ED; width:100%; float:left; display:inline; overflow:hidden; } .myaccount .myaccount_nav{ background:#E6E2DC; width:183px; float:left; display:inline; padding:20px 20px 20020px; margin:0 0 -20000px; } .myaccount .myaccount_nav h3{ background-position:0 -400px; border-bottom:#47423a 1px dotted; width:100%; height:30px; float:left; display:inline; text-indent:-200000px; margin:0 0 10px; } .myaccount .myaccount_nav dl{ width:100%; float:left; display:inline; margin:0 0 15px; } .myaccount .myaccount_nav dl dt{ color:#47423A; font-size:12px; font-weight:bold; padding:0 0 5px; } .myaccount .myaccount_nav dl dd{ padding:0 0 5px; } .myaccount .myaccount_nav dl dd a{ background-position:-1185px -900px; color:#5D5850; font-size:11px; font-weight:bold; text-transform:lowercase; padding:0 0 0 20px; } .myaccount .myaccount_nav dl dd a.download{ background-position:-1185px -850px; } .myaccount .myaccount_nav dl dd a.history{ background-position:-1185px -800px; } .myaccount .myaccount_nav dl dd a:hover{ color:#ff9900; } .myaccount .myaccount_content{ width:735px; min-height:500px; float:left; display:inline; padding:20px 18px; } .myaccount .myaccount_content hr{ border:#47423a dotted; border-width:1px 0 0; height:1px; line-height:1px; clear:both; margin:10px 0 0; } .myaccount .myaccount_content h2{ border-bottom:#47423a 1px dotted; height:22px; line-height:22px; font-size:24px; color:#47423A; text-transform:lowercase; overflow:hidden; padding:0 0 8px; margin:0; } .myaccount .myaccount_content h2 span{ font-weight:normal; font-size:24px; } .myaccount .myaccount_content h3{ color:#47423A; font-size:12px; clear:left; margin:10px 0 6px; } .myaccount .myaccount_content h4{ color:#47423A; font-size:14px; float:left; display:inline; margin:15px 0; } .myaccount .myaccount_content p{ color:#47423A; font-size:11px; } .myaccount .myaccount_content dl{ width:345px; float:left; display:inline; padding:15px 20px 5px 0; margin:5px 0 0; } .myaccount .myaccount_content dl dt{ font-size:14px; color:#A29C95; font-weight:bold; margin:0 0 10px; } .myaccount .myaccount_content dl dd{ color:#5D5850; display:block; margin:0 0 5px; } .myaccount .myaccount_content dl dd span{ font-weight:bold; } .myaccount .myaccount_content dl dd span, .myaccount .myaccount_content dl dd p{ color:#A29C95; display:inline; } .myaccount .myaccount_content dl dd a{ background-position:-1185px -900px; color:#5D5850; font-size:11px; font-weight:bold; text-transform:lowercase; padding:0 0 0 20px; } .myaccount .myaccount_content dl dd a.download{ background-position:-1185px -850px; } .myaccount .myaccount_content dl dd a.history{ background-position:-1185px -800px; } .myaccount .myaccount_content dl dd a.manager{ background-position:-1185px -1350px; } .myaccount .myaccount_content dl dd a.device{ background-position:-1185px -1400px; } .myaccount .myaccount_content dl dd a:hover{ color:#ff9900; } .myaccount .myaccount_content dl dd p a{ background:none; color:#ff9900; font-weight:bold; padding:0; } .myaccount .myaccount_content .profileType{ width:100%; float:left; display:inline; padding:15px 0 0; } .myaccount .myaccount_content .profileType h3{ color:#47423A; font-size:11px; } .myaccount .myaccount_content .profileType h3 strong{ color:#ff9900; } .myaccount .myaccount_content .profileType h3 a{ width:88px; height:15px; display:inline-block; text-indent:-200000px; } .myaccount .myaccount_content .profileType h3 a.restrict{ background-position:-900px -1150px; } .myaccount .myaccount_content .profileType h3 a.restrict:hover{ background-position:-1000px -1150px; } .myaccount .myaccount_content .profileType h3 a.public{ background-position:-900px -1100px; } .myaccount .myaccount_content .profileType h3 a.public:hover{ background-position:-1000px -1100px; } .myaccount .myaccount_content .profileType p{ width:48%; color:#A29C95; font-size:10px; float:left; display:inline; padding:2% 2% 2% 0; } .myaccount .myaccount_content .profileType p strong{ font-size:11px; } .myaccount .myaccount_content ul{ list-style:disc inside; clear:left; color:#47423A; } .myaccount .myaccount_content ul a{ font-weight:bold; color:#47423A; } .myaccount .myaccount_content .btnSignature{ background-position:-300px -1200px; height:20px; width:190px; float:left; display:inline; text-indent:-200000px; margin:20px 0 0; } .myaccount .myaccount_content .download_list{ border:#47433A 1px solid; width:735px; overflow:hidden; float:right; display:inline; margin:10px 0 0; } .myaccount .myaccount_content .filter{ float:left; display:inline; margin:17px 0 0; } .myaccount .myaccount_content .filter label{ font-weight:bold; color:#47423A; } .myaccount .myaccount_content .filter select{ background-color:#BEB7AF; border:0 none; width:150px; line-height:13px; font-size:11px; color:#fff; font-weight:bold; margin:0 0 0 5px; } .myaccount .myaccount_content .pagination{ clear:none; margin:15px 0 0; } .myaccount .myaccount_content .download_list table{ width:736px; border-right:0; font-weight:bold; } .myaccount .myaccount_content .download_list table th, .myaccount .myaccount_content .download_list table td{ border-right:#B7B3AF 1px solid; font-weight:bold; text-align:left; } .myaccount .myaccount_content .download_list table th{ background-color:#47433A; color:#fff; font-size:12px; padding:5px; } .myaccount .myaccount_content .download_list table td{ background-color:#fff; color:#47433A; line-height:10px; vertical-align:middle; padding:3px 5px; } .myaccount .myaccount_content .download_list table .striped td, .myaccount .myaccount_content .history table .details table .striped td{ background-color:#F2F0ED; } .myaccount .myaccount_content .download_list table .unavailable td, .myaccount .myaccount_content .history table .details table .unavailable td{ background-color:#f0e9e9; color:#8D8882; } .myaccount .myaccount_content .download_list table td span{ width:80px; height:11px; line-height:11px; font-weight:normal; font-size:10px; color:#8D8882; display:block; } .myaccount .myaccount_content .download_list table td span.info{ width:45px; } .myaccount .myaccount_content .download_list table td span, .myaccount .myaccount_content .download_list table td strong{ overflow:hidden; display:block; } .myaccount .myaccount_content .download_list table td strong{ line-height:22px; height:22px; } .myaccount .myaccount_content .download_list table td img{ margin:auto; display:block; } .myaccount .myaccount_content .download_list table .musicField, .myaccount .myaccount_content .download_list table .artistField, .myaccount .myaccount_content .download_list table .albumField{ width:140px; } .myaccount .myaccount_content .download_list table .infoField{ width:30px; } .myaccount .myaccount_content .download_list table .dateField{ width:45px; } .myaccount .myaccount_content .download_list table .downloadField{ width:110px; } .myaccount .myaccount_content .ar table .downloadField{ width:23px; } .myaccount .myaccount_content .download_list table .statusField{ width:80px; } .myaccount .myaccount_content .download_list table td.green span, .myaccount .myaccount_content .download_list table td.yellow span, .myaccount .myaccount_content .download_list table td.red span{ color:#47433A; } .myaccount .myaccount_content .download_list table td.green{ background-color:#8af764; } .myaccount .myaccount_content .download_list table td.yellow{ background-color:#f7ee64; } .myaccount .myaccount_content .download_list table td.red{ background-color:#f76464; } .myaccount .myaccount_content .download_list .btnInfo{ margin:auto; } .myaccount .myaccount_content .download_list .btnDownload{ float:right; display:inline; margin:3px 0 0; } .myaccount .myaccount_content .history table{ width:736px; } .myaccount .myaccount_content .history table td{ font-weight:normal; line-height:20px; padding:5px; } .myaccount .myaccount_content .history table .dateField{ width:120px; } .myaccount .myaccount_content .history table .transactionField{ width:340px; } .myaccount .myaccount_content .history table .valueField{ width:50px; } .myaccount .myaccount_content .history table .detailsField{ width:117px; } .myaccount .myaccount_content .history table .btnDetails, .myaccount .myaccount_content .history table .btnDetailsOff{ width:80px; height:14px; line-height:14px; overflow:hidden; text-align:right; float:right; display:inline; font-weight:normal; padding:1px 20px 1px 0; margin:0 10px 0 0; } .myaccount .myaccount_content .history table .btnDetailsOff{ background-position:right -1000px; color:#fff; margin:0 4px 0 0; } .myaccount .myaccount_content .history table .btnDetails{ background-position:right -950px; } .myaccount .myaccount_content .history table .btnDetailsOff:hover, .myaccount .myaccount_content .history table .btnDetails:hover{ text-decoration:underline; } .myaccount .myaccount_content .history table .details{ padding:0; } .myaccount .myaccount_content .history table .disabled{ display:none; } .myaccount .myaccount_content .history table .details .tableDetails{ border:#ff9900 solid; border-width:0 3px 3px; width:729px; float:left; display:inline; overflow:hidden; } .myaccount .myaccount_content .history table .details table{ width:730px; } .myaccount .myaccount_content .history table .details table th{ background:#ff9900; border-color:#fff; vertical-align:middle; font-size:11px; } .myaccount .myaccount_content .history table .details table td{ background-color:#fff; } .myaccount .myaccount_content .history table .details .dateField{ width:117px; } .myaccount .myaccount_content .history table .details .detailsField{ width:114px; } .myaccount .myaccount_content .openId{ float:left; margin:5px 0 10px 0; } .myaccount .myaccount_content .openId .left_field{ float:left; width:155px; } .myaccount .myaccount_content .openId .left_field p{ margin:5px 0 0 5px; font-weight:bold; float:left; } .myaccount .myaccount_content .openId .buttonProvider{ width:150px; height:50px; float:left; } .myaccount .myaccount_content .openId .mid_field{ float:left; width:256px; } .myaccount .myaccount_content .openId .right_field h6{ text-indent:5px; } .myaccount .myaccount_content .openId .mid_field .trident{ width:256px; height:157px; background-position:0 -1087px; float:left; margin:24px 0 0 0; } .myaccount .myaccount_content .openId .textButton{ height:17px; width:609px; margin:10px 0 10px 63px; background-position:0 -1070px; text-indent:-20000px; float:left; } .myaccount .myaccount_content .openId .buttonSincro{ background-position:-300px -1950px; margin:0 0 0 240px; width:255px; height:35px; float:left; text-indent:-20000px; } .myaccount .myaccount_content .openId .mid_field .bident{ width:256px; height:27px; background-position:-280px -1087px; float:left; margin:24px 0 0 0; } .myaccount .myaccount_content .logTerra .left_field .buttonProvider{ margin:65px 0 0 0; } .myaccount .myaccount_content .logTerra .right_field{ width:320px; float:left; } .myaccount .myaccount_content .logTerra .right_field ul li{ margin:5px 5px 5px 5px; text-indent:-20000px; } .myaccount .myaccount_content .logRedes .buttonProvider{ margin:7px 0 0 0; text-indent:-20000px; } .myaccount .myaccount_content .sincroMade .right_field .buttonProvider, .myaccount .myaccount_content .logRedes .right_field .buttonProvider{ margin:7px 0 0 5px; text-indent:-20000px; } .myaccount .myaccount_content .sincroMade .left_field, .myaccount .myaccount_content .logRedes .left_field{ margin:0 0 0 80px; } .myaccount .myaccount_content .sincroMade .right_field, .myaccount .myaccount_content .logRedes .right_field{ width:160px; float:left; } .myaccount .myaccount_content .sincroMade .mid_field .bident{ width:256px; height:27px; background-position:-280px -1114px; float:left; margin:24px 0 0 0; } .openId .facebook{ background-position:0 0; } .openId .google{ background-position:0 -50px; } .openId .windowslive{ background-position:0 -100px; } .openId .myspace{ background-position:0 -150px; } .openId .twitter{ background-position:0 -200px; } .openId .yahoo{ background-position:0 -250px; } .openId .terra{ background-position:-280px -1178px; } * html .popupSincro{ width: 390px; height: 260px; padding:0; } .popupSincro .orange{ width:435px; height:22px; background:#ff9900; } .popupSincro .orange h2{ font-size:14px; font-weight:bold; color:#ffffff; width:390px; height:14px; float:left; margin: 0; line-height:17px; } .popupSincro .orange a{ background-position:-1191px -1550px; width:9px; height:9px; text-indent:-20000px; float:right; margin:5px 3px 0 0; position:static; } .popupSincro p{ margin:5px 10px; } .popupSincro ul li{ float:left; } .popupSincro ul li a{ background-repeat:no-repeat; width:150px; height:50px; float:left; display:inline; text-indent:-1000%; margin:5px 10px; } .popupSincro ul li a.facebook{ background-position:0 0; } .popupSincro ul li a.google{ background-position:0 -50px; } .popupSincro ul li a.windowslive{ background-position:0 -100px; } .popupSincro ul li a.myspace{ background-position:0 -150px; } .popupSincro ul li a.twitter{ background-position:0 -200px; } .popupSincro ul li a.yahoo{ background-position:0 -250px; } .popupLog fieldset{ height:115px; float:left; } html body .popupLog{ width:450px; height:135px; border:5px #ff9900 solid; position:absolute; background:#ffffff; z-index:999; display:none; padding:0; } .popupLog .orange{ width:450px; height:22px; background:#ff9900; } .popupLog .title h2{ font-size:14px; font-weight:bold; color:#ffffff; width:392px; height:14px; float:left; margin: 0; line-height:17px; } .popupLog .orange a{ background-position:-1191px -1550px; width:9px; height:9px; text-indent:-20000px; float:right; margin:5px 3px 0 0; position:static; } .popupLog fieldset.terraUser{ width:400px; } .popupLog fieldset.openId{ width:400px; margin:20px 0 0 0; } .popupLog fieldset fieldset{ border:none; height:auto; float:left; padding:0 0 0 10px; margin:0; } .popupLog fieldset legend{ font-size:12px; color:#5d5950; padding:5px 10px; } * html .popupLog fieldset legend{ margin:10px 2px 5px; } .popupLog fieldset label{ font-size:12px; color:#b7b3af; display:block; font-weight:normal; margin:0; line-height:12px; height:14px; } .popupLog fieldset label.info{ width:50px; font-size:9px; float:left; display:inline; margin:0 0 0 10px; } .popupLog form .terraUser .password label span{ font-size:9px; } .popupLog fieldset input{ border:#b7b3af 1px solid; width:165px; font-size:12px; color:#5d594e; float:left; padding:3px; margin:0; } .popupLog fieldset.password input{ width:130px; } .popupLog fieldset a{ float:left; color:#ff9900; margin:0 0 0 184px; } .popupLog fieldset a:hover{ text-decoration:underline; } .popupLog form .terraUser .data{ width:450px; } .popupLog fieldset .data input{ border:0; width:14px; height:14px; float:left; clear:left; } .popupLog fieldset .data label.info{ width:150px; } .popupLog form .terraUser .btnSend{ background-repeat:no-repeat; background-position:-450px 0; width:105px; height:28px; text-indent:-1000%; float:left; margin:11px 0 0 8px; } .popupLog form .terraUser .ask{ float:left; color:#B7B3AF; margin:5px 5px 0 10px; } .popupLog form .terraUser .criar{ float:left; color:#ff9900; margin:5px 0; } .shopping{ background-color:#E6E2DC; width:100%; float:left; display:inline; } .shopping h2{ margin:0 0 10px; } .shopping .shopping_content{ background-color:#F2F0ED; width:700px; min-height:400px; float:left; display:inline; padding:20px; } * html .shopping .shopping_content{ height:400px; } .shopping .shopping_list{ border:#47433A 1px solid; width:697px; float:left; display:inline; overflow:hidden; } .shopping .shopping_list table{ width:698px; border-right:0; font-weight:bold; } .shopping .shopping_content .shopping_list table th, .shopping .shopping_content .shopping_list table td{ border-right:#B7B3AF 1px solid; font-weight:bold; text-align:left; } .shopping .shopping_content .shopping_list table th{ background-color:#47433A; color:#fff; font-size:12px; padding:5px; } .shopping .shopping_content .shopping_list table .addField{ width:150px; } .shopping .shopping_content .shopping_list table .itenField{ width:343px; } .shopping .shopping_content .shopping_list table .priceField{ width:80px; } .shopping .shopping_content .shopping_list table .actionField{ width:18px; } .shopping .shopping_content .shopping_list table td{ background-color:#fff; color:#47433A; line-height:20px; vertical-align:middle; padding:3px 5px; } .shopping .shopping_content .shopping_list table .striped td{ background-color:#F2F0ED; } .shopping .shopping_content .shopping_list table td h4{ width:320px; height:17px; float:left; display:inline; overflow:hidden; font-size:11px; line-height:20px; } .shopping .shopping_content .shopping_list table td h4 a{ color:#ABA299; padding:0 5px 0 0; } .shopping .shopping_content .shopping_list table td h4 strong, .shopping .shopping_content .shopping_list table td h4 span{ max-width:150px; float:left; display:inline; overflow:hidden; } * html .shopping .shopping_content .shopping_list table td h4 strong, * html .shopping .shopping_content .shopping_list table td h4 span{ width:150px; } .shopping .shopping_content .shopping_list table td h4 span a{ color:#5D5950; } .shopping .shopping_content .shopping_list table td a:hover{ text-decoration:underline; } .shopping .shopping_content .shopping_list table td a.btnInfo{ float:right; display:inline; margin:1px 0 0; } .shopping .shopping_content .shopping_list table td a.btnDel{ float:left; display:inline; } .shopping .shopping_content .shopping_total{ background:#e8e5e2; width:690px; float:left; display:inline; text-align:right; padding:5px; margin:10px 0; } .shopping .shopping_content .shopping_total h4, .shopping .shopping_content .shopping_total h5, .shopping .shopping_content .shopping_total h6{ float:left; display:inline; font-size:14px; line-height:25px; } .shopping .shopping_content .shopping_total h4{ color:#8a837c; } .shopping .shopping_content .shopping_total h5{ color:#47423A; } .shopping .shopping_content .shopping_total h6{ font-size:12px; color:#8a837c; } .shopping .shopping_content .shopping_total h4 strong, .shopping .shopping_content .shopping_total h6 strong{ color:#47423A; } .shopping .shopping_content .shopping_total a.btnShopClose, .shopping .shopping_content .shopping_total a.btnPayment, .shopping .shopping_content .shopping_total a.btnPaymentBack, .shopping .shopping_content .shopping_total a.btnShopNext{ height:25px; float:right; display:inline; text-align:left; text-indent:-200000px; margin:0 0 0 20px; } .shopping .shopping_content .shopping_total a.btnShopClose{ background-position:-300px -1400px; width:120px; } .shopping .shopping_content .shopping_total a.btnShopClose:hover{ background-position:-600px -1400px; } .shopping .shopping_content .shopping_total a.btnPayment{ background-position:-300px -1350px; width:145px; } .shopping .shopping_content .shopping_total a.btnPayment:hover{ background-position:-600px -1350px; } .shopping .shopping_content .shopping_total a.btnPaymentBack{ background-position:-300px -1300px; width:55px; } .shopping .shopping_content .shopping_total a.btnPaymentBack:hover{ background-position:-600px -1300px; } .shopping .shopping_content .shopping_total a.btnShopNext{ background-position:-300px -1250px; width:75px; } .shopping .shopping_content .shopping_total a.btnShopNext:hover{ background-position:-600px -1250px; } .shopping .shopping_info{ width:240px; float:right; display:inline; padding:10px; } .shopping .shopping_info h3{ color:#5D5950; font-size:12px; font-weight:bold; text-transform:uppercase; padding:10px; } .shopping .shopping_info ul{ padding:0 10px; } .shopping .shopping_info li{ line-height:12px; list-style:disc; color:#47433A; font-size:10px; font-weight:bold; margin:0 0 10px 15px; } .shopping .shopping_info .cardBox{ background-color:#FDFCFC; width:231px; float:left; display:inline; padding:5px; margin:0 0 1px; } .shopping .shopping_info .cardBox h3{ color:#5D5950; font-size:11px; text-transform:none; padding:0 0 5px; } .shopping .shopping_info .cardBox dl{ width:100%; float:left; display:inline; margin:0 0 5px; } .shopping .shopping_info .cardBox dt{ width:40px; line-height:30px; color:#5D5950; font-size:10px; float:left; display:inline; } .shopping .shopping_info .cardBox dd{ width:40px; height:30px; text-indent:-200000px; float:left; display:inline; margin:0 0 0 5px; } .shopping .shopping_info .cardBox dd.am{ background-position:0 -980px; } .shopping .shopping_info .cardBox dd.mc{ background-position:-40px -980px; } .shopping .shopping_info .cardBox dd.visa{ background-position:-80px -980px; } .shopping .shopping_info .cardBox dd.aura{ background-position:-120px -980px; } .shopping .shopping_info .cardBox dd.bradesco{ background-position:-160px -980px; } .shopping .shopping_info .cardBox dd.itau{ background-position:-200px -980px; } .shopping .shopping_info .cardBox dd.bb{ background-position:-240px -980px; } .shopping .shopping_info .cardBox dd.banri{ background-position:-280px -980px; } .shopping .shopping_info .btnSonoraClube{ background-position:0 -450px; width:240px; height:75px; float:left; display:inline; text-indent:-200000px; margin:10px 0 0; } .shopping .resume .shopping_total{ text-align:left; } .shopping .resume .shopping_total h4{ float:left; display:inline; } .shopping .resume .shopping_total h5{ float:right; display:inline; } .shopping .success{ width:960px; } .shopping .success .shopping_user{ width:420px; float:left; display:inline; margin:20px 0 0; } .shopping .success .shopping_user p, .shopping .success .shopping_user h3, .shopping .success .shopping_user h4, .shopping .success .shopping_user a{ color:#5D5950; } .shopping .success .shopping_user h3{ font-size:16px; line-height:18px; margin:0 0 20px; } .shopping .success .shopping_user p{ font-size:12px; display:block; margin:0 0 10px; } .shopping .success .shopping_user h4{ font-size:13px; margin:30px 0 10px; } .shopping .success .shopping_user .icoDownload{ background-position:-1185px -850px; font-size:12px; line-height:16px; font-weight:bold; padding:0 0 0 20px; } .shopping .success .shopping_user .icoDownload:hover{ color:#ff9900; } .shopping .success .shopping_list{ width:450px; float:right; display:inline; margin:20px 0 0; } .shopping .success .shopping_list table{ width:452px; } .shopping .success .shopping_list table td{ vertical-align:top; } .shopping .success .shopping_list table td strong{ display:block; line-height:14px; margin:5px 0 0; } .shopping .success .shopping_list table .itemField{ width:250px; } .shopping .success .shopping_list table img{ width:60px; float:left; display:inline; margin:2px 10px 2px 0; } .shopping .success a.btnDownloadPage{ background-position:-300px -1450px; width:300px; height:25px; float:right; display:inline; text-indent:-2000000px; margin:20px 0 0; } .shopping .success a.btnDownloadPage:hover{ background-position:-600px -1450px; } .shopping .payment h3{ font-size:16px; display:block; padding:20px 0 5px; } .shopping .payment ul{ border-left:#E8E5E2 1px solid; float:left; display:inline; margin:0 0 30px; } .shopping .payment ul li{ border:#E8E5E2 solid; border-width:5px 1px 5px 0; width:115px; float:left; display:inline; } .shopping .payment ul li input{ width:14px; height:14px; float:left; margin:0 5px 0 10px; } .shopping .payment ul li label{ background-color:#faf8f4; width:105px; float:left; display:inline; cursor:pointer; padding:5px; } .shopping .payment ul li:hover label{ background-color:transparent; } .shopping .payment ul li .icoVisa, .shopping .payment ul li .icoMaster, .shopping .payment ul li .icoDinners, .shopping .payment ul li .icoAmex, .shopping .payment ul li .icoAura, .shopping .payment ul li .icoHiper{ border-top:0; width:80px; height:50px; text-indent:-200000px; padding:0; margin:5px 19px; } .shopping .payment ul li .icoVisa{ background-position:0 -1010px; } .shopping .payment ul li .icoMaster{ background-position:-80px -1010px; } .shopping .payment ul li .icoDinners{ background-position:-160px -1010px; } .shopping .payment ul li .icoAmex{ background-position:-240px -1010px; } .shopping .payment ul li .icoAura{ background-position:-320px -1010px; } .shopping .payment ul li .icoHiper{ background-position:-400px -1010px; } .shopping .payment form{ display:block; clear:left; padding:10px 0 50px; } .shopping .payment form fieldset{ clear:left; padding:5px 0; } .shopping .payment form fieldset label{ width:150px; float:left; display:inline; text-align:right; font-weight:bold; padding:5px 10px; } .shopping .payment form fieldset input{ background:#E8E5E2; border:#fff 1px solid; width:180px; float:left; padding:2px; } .shopping .payment form fieldset select{ background:#E8E5E2; border:#fff 1px solid; float:left; display:inline; padding:2px; margin:0 5px 0 0; } .shopping .payment form fieldset select.day{ width:45px; } .shopping .payment form fieldset select.year{ width:65px; } .shopping .payment form fieldset span{ float:left; display:inline; padding:5px; } .shopping .payment .shopping_total{ text-align:left; } .shopping .payment .error h3{ color:#bb0000; } .shopping .payment .error h4{ font-size:12px; padding:5px 0 0; } .shopping .payment .error h5{ font-size:12px; padding:15px 0 0; } .shopping .payment .error .shopping_total{ margin:30px 0 0; } div.artist{ background:#fff; width:1000px; float:left; display:inline; overflow:hidden; padding:0 0 20px; } .artist .artist_header{ background:#fff; border-bottom:#e9e5e2 10px solid; width:1000px; height:156px; float:left; display:inline; } .artist .artist_header img{ border:#C6BFB9 8px solid; width:120px; height:120px; float:left; display:inline; margin:10px 20px 10px 10px; } .artist .artist_header .data{ width:500px; float:left; display:inline; } .artist .artist_header h2{ width:500px; height:32px; line-height:30px; font-size:30px; color:#47423A; float:left; display:inline; overflow:hidden; margin:15px 0 5px; } .artist .artist_header h3{ font-size:12px; color:#47423A; display:block; clear:left; } .artist .artist_header h3{ font-size:12px; color:#47423A; display:block; clear:left; } .artist .artist_header h3 a{ color:#ff9900; } .artist .artist_header h3 a:hover{ text-decoration:underline; } .artist .artist_header h4{ height:21px; line-height:21px; color:#7F7870; font-size:12px; margin:10px 0; } .artist .artist_header h5{ height:21px; line-height:21px; color:#7F7870; font-size:12px; float:left; display:inline; margin:0 5px 0 0; } .artist .artist_header dl{ background:#ABA298; width:280px; height:134px; color:#fff; float:right; display:inline; padding:0 10px 0; margin:10px; } .artist .artist_header dl dt{ padding:5px 0 0; } .artist .artist_header dl dt strong{ text-align:center; display:block; } .artist .artist_header dd{ float:left; display:inline; } .artist .artist_header dd a{ width:87px; height:90px; color:#fff; float:left; overflow:hidden; display:inline; text-align:center; margin:10px 3px 0; } .artist .artist_header dd a strong{ display:block; text-align:center; } .artist .artist_header dd a:hover{ text-decoration:underline; } .artist .artist_header dd a:hover img{ border:#ff9900 1px solid; } .artist .artist_header dd a img{ border:#ABA298 1px solid; width:60px; height:60px; margin:0 0 0 12px; } .artist .artist_nav{ background:#F2F0ED; width:205px; float:left; display:inline; overflow:hidden; padding:10px 10px 20000px; margin:0 0 -20000px; } .artist .artist_nav .scroll{ height:350px; overflow-y:auto; overflow-x:hidden; } .artist .artist_nav a{ background-color:#fff; border:#fff 1px solid; height:60px; color:#6A665F; font-size:11px; display:block; padding:2px; margin:0 0 5px; } .artist .artist_nav ul li a img{ width:60px; height:60px; float:left; display:inline; margin:0 5px 0 0; } .artist .artist_nav h3 a{ height:35px; line-height:35px; font-size:14px; text-indent:40px; } .artist .artist_nav h3 a.musics{ background-position:-1165px -500px; } .artist .artist_nav h3 a.albums{ background-position:-1165px -550px; } .artist .artist_nav a.selected, .artist .artist_nav a:hover{ border-color:#ff9900; } .artist .artist_nav li a:hover{ color:#ff9900; } .artist .artist_content h3{ font-size:17px; font-weight:bold; color:#47433A; display:block; margin:15px 0; } .artist .artist_content{ width:445px; float:left; display:inline; position:relative; margin:0 0 0 10px; } .artist .artist_content .album_header{ width:430px; height:80px; float:left; display:inline; margin:10px 0 0; } .artist .artist_content .album_header img{ width:60px; height:60px; float:left; display:inline; margin:0 10px 0 0; } .artist .artist_content .album_header h3{ margin:5px 0 0; } .artist .artist_content .album_header h4{ height:21px; line-height:21px; font-size:12px; color:#7F7870; margin:5px 0 0; } .artist .music_list{ margin:0 0 10px; } .artist .pagination{ margin:2px 0 0; } .artist .filter dt{ background-position:-150px -250px; width:60px; height:25px; float:left; display:inline; text-indent:-200000px; } .artist .filter dd{ float:left; display:inline; } .artist .filter a{ height:25px; display:block; text-indent:-200000px; margin:0 5px 0 0; } .artist .filter a.new{ background-position:-900px -900px; width:80px; } .artist .filter a.new:hover, .artist .filter .selected a.new{ background-position:-1000px -900px; } .artist .filter a.top{ background-position:-900px -950px; width:80px; } .artist .filter a.top:hover, .artist .filter .selected a.top{ background-position:-1000px -950px; } .artist .generic_list{ float:left; display:inline; margin:20px 0; } .artist .generic_list li{ width:214px; float:left; display:inline; position:relative; padding:1px; margin:10px 0; } .artist .generic_list .image, .artist .generic_list .image img{ width:65px; height:65px; } .artist .generic_list .image{ margin:0 5px 0 0; } .artist .generic_list .striped{ background:#F4F3F2; } .artist .generic_list .info{ width:140px; float:left; display:inline; } .artist .generic_list .info h3, .artist .generic_list .info h4, .artist .generic_list .info h5{ max-width:145px; height:11px; overflow:hidden; } .artist .generic_list .info h3, .artist .generic_list .info h3 a, .artist .generic_list .info h4, .artist .generic_list .info h4 a, .artist .generic_list .info h5, .artist .generic_list .info h5 a{ line-height:11px; font-size:10px; font-weight:normal; margin:0; } .artist .generic_list .info h3{ height:auto; max-height:22px; } .artist .generic_list .info h3, .artist .generic_list .info h3 a{ color:#6A665F; } .artist .generic_list .info h4, .artist .generic_list .info h4 a{ color:#ACA39A; } .artist .generic_list .info h5, .artist .generic_list .info h5 a{ color:#FF9900; } .artist .generic_list .info a:hover{ text-decoration:underline; } .artist .generic_list .actions{ position:absolute; left:72px; bottom:3px; } .artist .related_list .generic_list li .image{ width:65px; height:65px; } .artist .legend{ background-color:#625950; width:425px; height:17px; display:block; padding:4px 10px; margin:-10px 0 0; } .artist .legend h4{ color:#fff; font-size:11px; font-weight:normal; } .artist .legend .rankingAlbum{ float:none; display:inline-block; margin:0; } .artist .workInfoBox{ border:1px solid #D9D7D4; width:423px; clear:left; padding:10px; margin:0 0 10px; } .artist .workInfoBox h4{ color:#534F46; font-size:11px; font-weight:normal; padding:0 0 5px; } .artist .workInfoBox a{ background-position:-1185px -600px; color:#ff9900; font-size:11px; font-weight:bold; padding:0 0 0 20px; } .artist .workInfoBox a:hover{ text-decoration:underline; } .artist .musicControl{ margin:-10px 0 10px; } .related_list{ width:300px; float:right; clear:right; display:inline; position:relative; margin:10px 10px 0 0; } .related_list h3{ font-size:14px; color:#47433A; margin:0 0 25px 0; } .related_list h3 strong{ color:#ff9900; font-size:14px; } .related_list .pagination{ float:left; display:inline; margin:0 0 5px; } .related_list .generic_list{ width:300px; float:left; display:inline; margin:0 0 5px; } .related_list .generic_list li{ background:#FAFAFA; border:#fff 1px solid; width:292px; color:#6A665F; font-size:11px; overflow:hidden; padding:2px; margin:0; } .related_list .generic_list li:hover{ border-color:#ff9900; } .related_list .generic_list li .image{ margin:0 5px 0 0; } .related_list .generic_list li .image img{ float:left; display:inline; } .related_list .generic_list li .info{ width:200px; margin:5px 0 0; } .related_list .generic_list li .info h3, .related_list .generic_list li .info h3 a{ color:#47423A; } .related_list .generic_list li .info h4, .related_list .generic_list li .info h4 a{ color:#ff9900; } .related_list .generic_list li .info h3, .related_list .generic_list li .info h4, .related_list .generic_list li .info h3 a, .related_list .generic_list li .info h4 a{ line-height:14px; height:16px; font-size:11px; margin:0; } .related_list .generic_list li .info a:hover{ color:#ff9900; text-decoration:none; } .related_list .generic_list li .info h4 a:hover{ text-decoration:underline; } .related_list .generic_list li .info .fav{ margin:5px 0 0; } .related_list .generic_list li .actions{ top:auto; left:auto; bottom:5px; right:5px; } .fast_playlist{ background:#fff; width:980px; min-height:600px; float:left; display:inline; padding:10px; } * html .fast_playlist{ height:600px; } .fast_playlist h3{ color:#625950; float:left; display:inline; margin:10px 0 0 10px; } .fast_playlist .title h2{ border-bottom:#eee 1px solid; height:60px; display:block; margin:0; } .fast_playlist .title{ padding:0 10px; } .fast_playlist .title h2 span{ background-position:0 -550px; width:225px; height:60px; float:left; display:inline; text-indent:-2000000px; } .fast_playlist .title h3{ border-top:1px solid #f0f0f0; font-size:14px; color:#47433A; float:none; display:block; padding:15px 40px; margin:0; } .fast_playlist .item{ background-position:-1180px -1050px; width:20px; height:22px; line-height:23px; font-size:16px; font-weight:bold; color:#fff; text-align:center; display:inline-block; } .fast_playlist .genreBlock{ background:#7B7369; width:332px; height:380px; float:left; display:inline; position:relative; z-index:1; padding:20px; margin:15px 0 50px 30px; } .fast_playlist .genreBlock .arrow{ background-position:0 -650px; width:100px; height:50px; position:absolute; right:-23px; top:20px; z-index:-1; } .fast_playlist .genreBlock h3{ color:#fff; line-height:23px; font-size:16px; margin:0 0 5px; } .fast_playlist .genreBlock h5{ width:100%; color:#fff; font-size:11px; font-weight:normal; float:left; display:inline; margin:10px 0 0; } .fast_playlist .genreBlock ul{ float:left; display:inline; margin:15px 30px; } .fast_playlist .genreBlock ul li{ float:left; display:inline; padding:5px 0; } .fast_playlist .genreBlock ul li strong{ width:20px; height:23px; line-height:23px; font-size:16px; color:#fff; text-align:center; font-weight:bold; float:left; display:inline; margin:0 10px 0 0; } .fast_playlist .genreBlock ul li input{ width:182px; height:16px; font-size:12px; float:left; padding:2px 3px; } .fast_playlist .genreBlock ul li .del{ background-position:-920px -550px; width:17px; height:18px; float:left; display:inline; text-indent:-2000000px; margin:3px 0 0 5px; } .fast_playlist .genreBlock ul li .del:hover{ background-position:-1020px -550px; } .fast_playlist .genreBlock ul li .dropdown{ background-position:0 -200px; width:192px; height:21px; float:left; display:inline; cursor:pointer; position:relative; } .fast_playlist .genreBlock ul li .dropdown span{ width:158px; height:15px; color:#47423A; line-height:15px; font-size:11px; overflow:hidden; float:left; display:inline; padding:3px; margin:0; } .fast_playlist .genreBlock ul li .dropdown ul{ border:#ff9900 3px solid; background-color:#fff; width:264px; display:none; position:absolute; top:22px; left:0; z-index:9999; margin:0; } .fast_playlist .genreBlock ul li .dropdown li{ display:block; position:relative; float:none; padding:0; } .fast_playlist .genreBlock ul li .dropdown li a{ width:100%; height:23px; line-height:23px; color:#47423A; font-size:11px; text-align:left; font-weight:bold; text-indent:5px; display:block; overflow:hidden; } .fast_playlist .genreBlock ul li .dropdown li a.striped{ background:#f2f0ed; } .fast_playlist .genreBlock ul li .dropdown li a:hover, .fast_playlist .genreBlock ul li .dropdown li a.selected{ background:#ff9900; color:#fff; } .fast_playlist .genreBlock ul li .dropdown li ul{ background-color:#fff; width:142px; display:none; position:absolute; top:0; z-index:9999; } .fast_playlist .genreBlock ul li .dropdown li ul a{ height:20px; line-height:20px; color:#978e81; } .fast_playlist .genreBlock a.btnPlaylist{ background-position:-300px -1500px; width:200px; height:40px; float:right; display:inline; text-indent:-2000000px; } .fast_playlist .tagcloud{ background:#eee; width:530px; height:390px; float:left; display:inline; position:relative; z-index:0; overflow:hidden; padding:15px 20px 20px 40px; margin:35px 0 0 -20px; } .fast_playlist .tagcloud h3{ width:100%; line-height:20px; color:#47423A; font-size:18px; text-align:left; padding:0; } .fast_playlist .tagcloud h5{ color:#47423A; font-size:11px; text-align:left; margin:0 0 10px 10px; } .fast_playlist .tagcloud div{ width:530px; height:300px; float:left; display:inline; overflow:hidden; padding:10px 0; } .fast_playlist .tagcloud a{ line-height:28px; font-weight:bold; padding:0 10px; } .fast_playlist .tagcloud a.size1{ color:#47423A; font-size:24px; } .fast_playlist .tagcloud a.size2{ color:#47423A; font-size:18px; } .fast_playlist .tagcloud a.size3{ color:#5D5950; font-size:16px; } .fast_playlist .tagcloud a.size4{ color:#5D5950; font-size:11px; font-weight:normal; } .fast_playlist .tagcloud a:hover{ color:#ff9900; } .fast_playlist .tagcloud a.selected, .fast_playlist .tagcloud a.selected:hover{ background-color:#ff9900; color:#fff; } .fast_playlist .choices{ background:#F2F0ED; width:400px; float:right; display:inline; padding:10px; margin:0 10px 0 0; } .fast_playlist .choices h3{ color:#47433A; font-size:14px; margin:0 0 5px; } .fast_playlist .choices ul{ width:400px; float:left; display:inline; margin:8px 0 10px; } .fast_playlist .choices ul li{ width:120px; float:left; display:inline; padding:0 10px 0 0; } .fast_playlist .choices ul li img{ width:40px; float:left; display:inline; margin:0 5px 0 0; } .fast_playlist .choices ul li h5{ width:75px; color:#79796E; font-weight:normal; font-size:11px; overflow:hidden; float:left; display:inline; } .fast_playlist .choices .genres{ background:#fff; clear:left; display:block; padding:2px 5px; } .fast_playlist .choices .genres h6{ color:#79796E; font-size:11px; } .fast_playlist .fast_playlist_list{ width:635px; float:left; display:inline; position:relative; padding:0 15px 15px; margin:20px 0 0; } .plugins{ width:980px; float:left; display:inline; padding:10px; } .plugins ul{ border:#E9E5E2 10px solid; } .plugins li{ border-top:#E9E5E2 1px solid; display:block; position:relative; padding:0 0 0 80px; } .plugins li h3, .plugins li h4{ display:none; } .plugins li.system_ok{ background-position:0 0; height:90px; } .plugins li.system_error{ background-position:0 -90px; height:100px; } .plugins li.browser_ok{ background-position:0 -190px; height:80px; } .plugins li.browser_error{ background-position:0 -270px; height:220px; } .plugins li.flash_ok{ background-position:0 -490px; height:90px; } .plugins li.flash_error{ background-position:0 -580px; height:150px; } .plugins li.mediaplayer_ok{ background-position:0 -730px; height:90px; } .plugins li.mediaplayer_error{ background-position:0 -820px; height:140px; } .plugins li.browser_error dl{ width:200px; float:left; display:inline; text-indent:-200000px; margin:95px 0 0 0; } .plugins li.browser_error dt{ width:200px; float:left; display:inline; padding:5px; } .plugins li.browser_error dd a{ width:200px; float:left; display:inline; padding:6px; } .plugins li.browser_error dd a{ width:200px; float:left; display:inline; } .plugins li a.btn{ width:325px; height:45px; float:left; display:inline; text-indent:-200000px; margin:80px 0 0 0; } .plugins .continue{ background:#E9E5E2; height:20px; display:block; position:relative; padding:10px 20px 20px; } .plugins .continue h3{ font-size:16px; float:left; display:inline; } .plugins .continue a{ background:#fff; font-size:16px; font-weight:bold; padding:5px 20px; margin:0 0 0 10px; } .plugins .continue a:hover{ background:#ff9900; color:#fff; } .error404{ width:960px; height:400px; float:left; display:inline; padding:20px; } .error404 h3{ color:#ff9900; font-size:30px; padding:20px; } .error404 h4{ padding:0 20px; } .error404 h4, .error404 h4 a{ font-size:22px; display:block; } .error404 h4 a:hover{ color:#ff9900; } .errorHttp h3{ color:#ff9900; font-size:14px; } .errorHttp h4, .errorHttp h4 a{ display:none; } .text_page{ width:858px; float:left; display:inline; padding:40px; } .text_page h3{ font-size:16px; } .text_page h4{ font-size:13px; padding:20px 0 10px; } .text_page p{ font-size:11px; line-height:20px; padding:0 0 10px; } .text_page p a{ color:#ff9900; } .text_page em{ font-style:normal; text-decoration:underline; } .devices{ width:920px; min-height:500px; float:left; display:inline; padding:40px; } * html .devices{ height:500px; } .devices h3{ font-size:16px; padding:0 0 10px; } .devices .devices_list{ width:920px; float:left; display:inline; position:relative; } .devices h4{ font-size:14px; color:#BEB7AF; padding:0 0 20px; } .devices dl{ width:86px; float:left; display:inline; } .devices dt{ background:#5D5950; width:76px; display:block; font-size:14px; font-weight:bold; color:#fff; float:left; display:inline; padding:5px; margin:15px 0 0; } .devices dl dd{ background:#F2F0ED; float:left; display:inline; padding:1px 2px; } .devices dl dd a{ border:#F2F0ED 1px solid; float:left; display:inline; } .devices dl dd a:hover, .devices dl dd a.selected{ border-color:#ff9900; } .devices dl dd a img{ float:left; display:inline; } .devices ul{ width:750px; position:absolute; right:0; top:0; overflow:hidden; display:none; } .devices ul li{ width:170px; height:150px; float:left; display:inline; padding:20px 0; } .devices ul li span{ width:100%; height:100px; text-align:center; float:left; display:inline; } .devices ul li h5, .devices ul li h6{ background:none; display:block; text-align:center; font-weight:normal; } .loading{ background:#fff url(/Content/images/ajax-loader.gif) no-repeat center 50px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:999999; display:none; } table .hover ul.actions a.load, table .hover ul.actions a.load:hover, .radio .generic_list .load, .radio .generic_list .load:hover, .actionsMusic a.load, .actionsMusic a.load:hover, ul.actions a.load, ul.actions a.load:hover, .striped ul.actions a.load, .striped ul.actions a.load:hover{ background-image:url(/Content/images/small_ajax_loader.gif)!important; background-position:center!important; cursor:default; } ul.actions a.load, ul.actions a.load:hover, .striped ul.actions a.load, .striped ul.actions a.load:hover{ width:18px!important; height:16px!important; margin-top:0!important; } .radio .generic_list .load, .radio .generic_list .load:hover{ background-position:left center!important; } .myaccount .myaccount_nav dl dd a.manager{ background-position:-1185px -1350px; } .myaccount .myaccount_nav dl dd a.device{ background-position:-1185px -1400px; } .myaccount .myaccount_content .action_btns a{ width:130px; height:15px; float:left; text-indent:-20000000px; margin:20px 15px 0 0; } .myaccount .myaccount_content .restart_downloads{ background-position:-900px -1400px; } .myaccount .myaccount_content .restart_downloads:hover{ background-position:-900px -1420px; } .myaccount .myaccount_content .cancel_all{ background-position:-900px -1450px; width:104px; } .myaccount .myaccount_content .cancel_all:hover{ background-position:-900px -1470px; } .myaccount .myaccount_content .pause{ background-position:-900px -1500px; width:120px; } .myaccount .myaccount_content .pause:hover{ background-position:-900px -1520px; } .myaccount .myaccount_content .download_list table .musicField_g, .myaccount .myaccount_content .download_list table .artistField_g{ width:195px; } .myaccount .myaccount_content .download_list table .albumField_g{ width:40px; } .myaccount .myaccount_content .download_list table .statusField_g{ width:210px; } .myaccount .myaccount_content .download_list table tr td .action_bar{ float:left; margin:2px 0; } .myaccount .myaccount_content .download_list table tr td .action_bar a{ width:11px; height:11px; font-weight:normal; text-indent:-2000000px; float:left; margin:1px 2px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.cancel{ background-position:-900px -1550px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.cancel{ background-position:-900px -1570px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.cancel:hover{ background-position:-1000px -1550px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.cancel:hover{ background-position:-1000px -1570px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.pause{ background-position:-900px -1600px; width:35px; text-indent:0; padding:0 0 0 15px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.pause:hover{ background-position:-1000px -1600px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.pause{ background-position:-900px -1620px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.pause:hover{ background-position:-1000px -1620px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.play{ background-position:-900px -1650px; width:39px; text-indent:0; padding:0 0 0 15px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.play:hover{ background-position:-1000px -1650px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.play{ background-position:-900px -1670px; } .myaccount .myaccount_content .download_list table tr.striped td .action_bar a.play:hover{ background-position:-1000px -1670px; } .myaccount .myaccount_content .download_list table tr td .action_bar a.empty{ background:none; text-indent:3px; } .myaccount .myaccount_content .download_list table tr td .action_bar .bar{ width:120px; border:1px solid #beb7af; float:left; margin:0 4px; } .myaccount .myaccount_content .download_list table tr td .action_bar .bar span{ width:50%; background:#ff9900; } .myaccount .myaccount_content .download_list table tr td p{ float:left; clear:both; width:200px; color:#beb7af; font-size:10px; margin:2px 2px; } .myaccount .myaccount_content .download_list table tr td p span{ color:#000; display:inline; } .myaccount .myaccount_content .list_permissions{ margin:10px 0 15px 0; } .myaccount .myaccount_content .device_control{ background:#fff; padding:10px 20px; float:left; } .myaccount .myaccount_content .device_control hr{ margin:0 0 10px 0; } .myaccount .myaccount_content .device_control p{ background:#E6E2DC; padding:10px; } .myaccount .myaccount_content .device_control p a{ color:#ff9900; font-weight:bold; } .myaccount .myaccount_content .device_control p.activation{ background:#ffffff; } .myaccount .myaccount_content .device_control p.activation strong{ color:#ff9900; font-size:12px; } .myaccount .myaccount_content .device_control ul{ list-style:none; } .myaccount .myaccount_content .device_control ul li{ float:left; width:230px; margin:20px 0 10px 0; } .myaccount .myaccount_content .device_control ul img{ border:3px solid #ff9900; float:left; } .myaccount .myaccount_content .device_control ul h4{ font-size:12px; width:118px; padding:0 7px; margin:3px 0 5px 0; height:30px; overflow:hidden; } .myaccount .myaccount_content .device_control ul h5, .myaccount .myaccount_content .device_control ul h6{ width:118px; padding:0 7px; overflow:hidden; height:14px; font-weight:normal; margin:4px 0; } .myaccount .myaccount_content .device_control ul a{ font-weight:normal; margin:2px 7px; color:#f90; float:left; } .loginBox{ background:#fff; border:#ff9900 4px solid; width:706px; height:356px; position:absolute; top:0; left:50%; z-index:999; display:none; margin:0 0 0 -355px; } .loginBox .title{ background:#ff9900; height:23px; text-indent:-1000%; position:relative; } .loginBox .title h3{ background-position:-50px -850px; width:190px; height:23px; float:left; display:inline; margin:0 0 0 10px; } .loginBox .title a.close{ background-position:-1187px -400px; width:13px; height:13px; float:right; display:inline; margin:4px 5px 0 0; } .loginBox .content{ width:676px; float:left; padding:15px; } .loginBox .content h4{ font-size:14px; color:#5d5950; } .loginBox .content fieldset{ border:#b7b3af 1px solid; height:255px; float:left; } .loginBox .content fieldset.terraUser{ width:220px; margin:20px 0 0 0; } .loginBox .content fieldset.openId{ width:400px; margin:20px 0 0 0; } .loginBox .content fieldset fieldset{ border:none; height:auto; float:none; clear:left; display:block; padding:5px 10px; margin:0; } .loginBox .content fieldset legend{ font-size:12px; color:#5d5950; padding:5px; margin:10px 10px 5px; } * html .loginBox .content fieldset legend{ margin:10px 2px 5px; } .loginBox .content fieldset h3{ font-size:19px; font-weight:normal; color:#5d5950; padding:10px; } .loginBox .content fieldset label{ font-size:12px; color:#b7b3af; display:block; } .loginBox .content fieldset label.info{ width:50px; font-size:9px; float:left; display:inline; margin:0 0 0 10px; } .loginBox .content fieldset input{ border:#b7b3af 1px solid; width:165px; font-size:12px; color:#5d594e; float:left; padding:3px; } .loginBox .content fieldset.password input{ width:110px; } .loginBox .content fieldset a{ float:left; color:#ff9900; margin:0 0 10px; } .loginBox .content fieldset a:hover{ text-decoration:underline; } .loginBox .content fieldset .data input{ border:0; width:14px; height:14px; float:left; clear:left; } .loginBox .content fieldset .data label.info{ width:150px; } .loginBox .content fieldset .data .btnSend{ background-position:-450px 0; width:105px; height:28px; text-indent:-1000%; display:block; clear:left; margin:10px 0 0; } .loginBox .content .or{ background-position:0 -850px; width:35px; height:35px; text-indent:-1000%; float:left; margin:135px 0 0; } .loginBox .content .openId ul{ padding:3px 30px; } .loginBox .content .openId ul li{ float:left; } .loginBox .content .openId ul li a{ background-repeat:no-repeat; width:150px; height:50px; float:left; display:inline; text-indent:-1000%; margin:5px 10px; } .loginBox .content .openId ul li a.facebook{ background-position:0 0; } .loginBox .content .openId ul li a.facebook:hover{ background-position:-150px 0; } .loginBox .content .openId ul li a.facebook:active{ background-position:-300px 0; } .loginBox .content .openId ul li a.google{ background-position:0 -50px; } .loginBox .content .openId ul li a.google:hover{ background-position:-150px -50px; } .loginBox .content .openId ul li a.google:active{ background-position:-300px -50px; } .loginBox .content .openId ul li a.windowslive{ background-position:0 -100px; } .loginBox .content .openId ul li a.windowslive:hover{ background-position:-150px -100px; } .loginBox .content .openId ul li a.windowslive:active{ background-position:-300px -100px; } .loginBox .content .openId ul li a.myspace{ background-position:0 -150px; } .loginBox .content .openId ul li a.myspace:hover{ background-position:-150px -150px; } .loginBox .content .openId ul li a.myspace:active{ background-position:-300px -150px; } .loginBox .content .openId ul li a.twitter{ background-position:0 -200px; } .loginBox .content .openId ul li a.twitter:hover{ background-position:-150px -200px; } .loginBox .content .openId ul li a.twitter:active{ background-position:-300px -200px; } .loginBox .content .openId ul li a.yahoo{ background-position:0 -250px; } .loginBox .content .openId ul li a.yahoo:hover{ background-position:-150px -250px; } .loginBox .content .openId ul li a.yahoo:active{ background-position:-300px -250px; } .loginBox .content h5{ color:#5d5950; font-weight:normal; float:left; margin:5px 0 0; } .loginBox .content h5 a{ color:#ff9900; } .loginBox .content h5 a:hover{ text-decoration:underline; } .loginFooter{ background:#fff; border-top:#ff9900 4px solid; width:100%; height:57px; position:fixed; bottom:0; left:0; z-index:99999; } .loginFooter .wrapper{ width:1000px; height:52px; position:relative; margin:auto; } * html .loginFooter{ position:absolute; } * html .loginFooter .wrapper{ left:-9px; } .loginFooter .wrapper .title{ background:#ff9900; width:300px; height:21px; float:left; position:relative; margin:-25px 0 0; } .loginFooter .wrapper .title h3 a{ background-color:#ff9900; background-position:0 -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .loginFooter .wrapper .title h4 a{ background-color:#ff9900; background-position:-150px -100px; width:150px; height:25px; float:left; display:inline; text-indent:-1000%; } .loginFooter .wrapper .content{ clear:left; padding:3px; } .loginFooter .wrapper .content h5{ border-right:#f2f0ed 2px solid; width:545px; font-weight:normal; float:left; padding:3px 10px; } .loginFooter .wrapper .content h5 a{ float:left; position:relative; } .loginFooter .wrapper .content h5 a *{ cursor:pointer; } .loginFooter .wrapper .content h5 a strong{ font-size:14px; float:left; } .loginFooter .wrapper .content h5 a span{ font-size:13px; line-height:30px; float:left; } .loginFooter .wrapper .content h5 a span.icons{ background-position:-515px -980px; width:180px; height:30px; float:right; text-indent:-1000%; } .loginFooter .wrapper .content h4{ width:395px; height:20px; font-size:14px; line-height:16px; float:left; display:inline; padding:5px 15px 0; } .loginFooter .wrapper .content ul{ width:395px; height:20px; float:left; display:inline; overflow:hidden; margin:0 15px 0; } .loginFooter .wrapper .content ul li{ float:left; display:inline; margin:0 2px; } .loginFooter .wrapper .content ul li a{ background:#f2f0ed; font-size:12px; display:block; padding:2px 4px; } .loginFooter .wrapper .content ul li a:hover{ background:#ff9900; color:#fff; } .social_networks .sonora_header .search_field{ width:824px; } .social_networks .sonora_header .search_field span{ color:#5d5950; font-size:24px; margin:30px 0 0 0; float:left; } .social_networks .sonora_content{ height:350px; } .social_networks h2{ font-size:18px; font-weight:normal; margin:15px 0 0 10px; } .social_networks .data{ margin:0px 0 15px 10px; font-size:12px; float:left; width:978px; } .social_networks .your_data, .social_networks .synchronize{ float:left; width:370px; border:1px solid #b4b4b4; height:180px; margin:25px 0 0 15px; position:relative; padding:20px 15px; } .social_networks h3{ color:#5d5950; position:absolute; top:-15px; font-size:14px; background:#fff; left:10px; padding:5px; } .social_networks .your_data .avatar{ width:80px; height:80px; float:left; cursor:pointer; display:inline; position:relative; overflow:hidden; border:1px solid #b3ab9a; } .social_networks .your_data .avatar img{ width:80px; height:80px; float:left; } .social_networks .your_data .avatar span{ background-position:-300px -100px; width:60px; height:20px; display:none; position:absolute; top:55px; left:10px; } .social_networks .your_data .hover span{ display:block; } .social_networks fieldset{ margin:0 0 13px 0; float:left; border:1px solid #fff; } .social_networks fieldset label{ font-size:14px; font-weight:bold; float:left; padding:3px 0 0 0; color:#5d5950; width:60px; text-align:right; } .social_networks fieldset input{ width:180px; height:16px; font-size:14px; border:1px solid #cbcac7; margin:0 0 0 10px; float:left; padding:2px; } .social_networks fieldset .password{ width:110px; } .social_networks .synchronize p.info{ color:#5d5950; font-size:14px; margin:0 0 15px 0; } .social_networks .synchronize fieldset small{ float:left; font-size:10px; color:#b6b3ae; width:55px; margin:0 10px; line-height:10px; } .social_networks .synchronize fieldset a{ float:left; font-size:10px; color:#ff9900; margin:9px 0 0 0; word-spacing:0px; } .social_networks .synchronize .checkbox{ height:14px; width:14px; float:left; margin:0 0 0 70px; } .social_networks .synchronize small.save{ width:170px; padding:1px 0 0 0; } .social_networks div a.enter_sonora{ position:absolute; width:180px; height:30px; background-position:-300px -1850px; text-indent:-20000px; bottom:10px; left:100px; } .social_networks .or{ float:left; width:38px; height:38px; text-indent:-20000px; background-position:0 -900px; margin:115px -10px 0 5px; }