@import url("reset.css");
@import url("basic.css");
@import url("type.css");

/* Headings */

h2.border {
margin: 0 -50px 10px;
padding: 0 50px 5px;
background: url(../img/divider-1.png) no-repeat 50% 100%;
}

div.sitemap ul {
font-size: 1.4em;
}

div.sitemap ul li ul {
font-size: 0.85em;
margin: 0 0 0 20px;
}

div.sitemap ul li ul li ul {
font-size: 1em;
}

/* Content Modules */

div.content-module {
margin: 0 -35px 25px;
padding: 0 165px 5px 35px;
background: url(../img/divider-2.png) no-repeat 50% 100%;
}

div.download-module {
padding-right: 35px !important;
}

/* Support */

div.support-download {
position: relative;
padding: 0 0 0 75px;
}

div.support-download p {
font-size: 1.2em;
}

div.support-download img {
position: absolute;
top: 0;
left: 0;
}

div.support-download-text {
float: left;
width: 260px;
margin: 0 25px 0 0;
}

div.support-download ul {
float: left;
width: 160px;
margin: 0;
padding: 5px 10px;
list-style: none;
font-size: 1.2em;
line-height: 30px;
background: url(../img/black-20p.png);
}

div.support-download ul li a {
padding: 2px 0 5px 30px;
background: url(../img/icon-download.png) no-repeat;
}

div.support-download ul li a.external {
background-image: url(../img/icon-external.png);
}

/* Paging */

div.paging {
font-size: 1.2em;
height: 1.5em;
margin: 0 -50px;
padding: 10px 50px 0;
background: url(../img/divider-1.png) no-repeat 50% 0;
}

div.paging ul {
float: right;
font-size: 1em;
}

div.paging ul li {
float: left;
margin: 0 5px 0 0;
}

div.paging ul li.sel a {
color: #9c9c9c;
text-decoration: none;
}

/* FAQ */

ul.faq {
line-height: 30px;
margin-left: -4px !important;
list-style: none !important;
}

ul.faq li {
background: url(../img/icon-faq.png) no-repeat;
padding: 0 0 0 30px;
}

/* Premium message */

div.premium-message p {
margin: 0;
}

div.premium-message p span {
display: block;
height: 0;
width: 0;
overflow: hidden;
}

div.premium-message a,
ul.functions li div.premium-message a {
display: block;
width: 118px;
height: 73px;
margin: 0 -3px 0 0;
background: url(../img/langs/se/premium-message.png);
text-indent: -999em;
overflow: hidden;
}

/* Playlists */

ul.playlist {
width: 840px;
margin: 0 -20px 0 0;
}

ul.playlist li {
float: left;
width: 260px;
margin: 0 20px 0 0;
}

ul.playlist li.over {
background: url(../img/playlist-over.png) no-repeat;
}

ul.playlist li div.item {
position: relative;
width: 165px;
padding: 9px 0 29px 95px;
/*margin: 0 -5px 0px;*/
height: 90px;
background: url(../img/divider-3.png) no-repeat 50% 100%;
}

ul.playlist li img {
border: 3px solid #fff;
}

ul.playlist li div.img-wrap,
ul.playlist li img {
position: absolute;
top: 9px;
left: 0;
}

ul.playlist li div.img-wrap img {
top: 0;
}

ul.playlist li .shine {
position: absolute;
display: block;
top: 3px;
left: 3px;
width: 80px;
height: 80px;
background: url(../img/playlist-shine-85x85.png) no-repeat 100% 0;
}

ul.playlist li h3 {
float: left;
width: 160px;
margin: 0 0 3px;
}

ul.playlist li p {
margin: 0 0 2px;
/*margin: 0 0 -110px;*/
font-size: 1.1em;
line-height: 1.15;
color: #dadada;
}

ul.playlist li p.genre {
font-weight: bold;
margin: 0;
}

/* Playlist functions */

ul.functions {
height: 29px;
}

ul.functions li {
display: inline;
float: left;
margin: 0 8px 0 0;
line-height: 29px;
text-transform: uppercase;
width: auto !important;
padding: 0 !important;
background: none !important;
min-height: 0 !important;
}

ul.functions li a {
font-weight: normal;
color: #cacaca;
}

ul.functions li.like,
ul.functions li.buy {
margin-right: 0px;
}

ul.functions li.listen {
position: relative;
margin-right: 5px;
}

ul.functions li.listen a {
display: block;
background: url(../img/icon-listen.png) no-repeat 0 100%;
width: 26px;
height: 29px;
text-indent: -999em;
overflow: hidden;
}

ul.functions li.listen a.locked {
background-image: url(../img/icon-listen-locked.png);
}

ul.functions li.long a {
background-image: url(../img/langs/se/icon-listen-long.png);
width: 91px;
height: 29px;
}

ul.functions li.large a {
background-image: url(../img/langs/se/icon-listen-long-large.png);
width: 115px;
height: 39px;
}

ul.functions li.large a.locked {
background-image: url(../img/langs/se/icon-listen-long-large-locked.png);
}

ul.functions li.listen div.listen-menu,
div.listen-menu {
display: none;
position: absolute;
top: 0;
left: 0;
/*width: 189px;*/
height: 114px;
padding: 12px 15px 15px 12px;
background: url(../img/listen-bg.png);
color: #fff;
overflow: hidden;
z-index: 100;
}

ul.functions li.listen div.listen-menu h4,
div.listen-menu h4 {
font-size: 1.2em;
line-height: 15px;
margin: 0 0 10px;
background: url(../img/icon-speaker.png) no-repeat;
padding: 0 0 0 16px;
}

ul.functions li.listen div.listen-menu ul li,
div.listen-menu ul li {
float: left;
padding: 0 !important;
margin: 0;
}

ul.functions li.listen div.listen-menu ul li.spotify,
div.listen-menu ul li.spotify {
margin-right: 19px;
}

ul.functions li.listen div.listen-menu ul li a,
div.listen-menu ul li a {
float: left;
width: 85px;
height: 90px;
text-indent: 0;
background: none;
color: #bbbbbb;
text-transform: none;
text-align: center;
}

ul.functions li.listen div.listen-menu ul li a span,
div.listen-menu ul li a span {
display: block;
height: 10px;
line-height: 10px;
padding: 70px 0 10px;
background: url(../img/spotify.png) no-repeat 50% 11px;
}

ul.functions li.listen div.listen-menu ul li.itunes a span,
div.listen-menu ul li.itunes a span {
background: url(../img/itunes.png) no-repeat 50% 6px;
}

ul.functions li.listen div.listen-menu ul li.wimp a span,
div.listen-menu ul li.wimp a span {
background: url(../img/wimp.png) no-repeat 50% 6px;
}

ul.functions li.listen div.listen-menu ul li a:hover,
div.listen-menu ul li a:hover {
color: #fff;
background: url(../img/listen-item-bg.png);
}

ul.functions li.listen div.listen-menu p.close,
div.listen-menu p.close {
position: absolute;
top: 13px;
right: 15px;
}

ul.functions li.listen div.listen-menu p.close a,
div.listen-menu p.close a {
display: block;
background: url(../img/icon-close.png);
height: 7px;
width: 7px;
text-indent: -999em;
overflow: hidden;
}

ul.functions li div.premium-message {
margin: 15px 0 0;
}

ul.functions li.more {
float: right;
margin: 0;
}

ul.functions li.like a {
background: url(../img/icon-like.png) no-repeat 0 2px;
padding: 0 0 0 15px;
}

ul.functions li.share a {
background: url(../img/icon-share.png) no-repeat 0 1px;
padding: 0 0 0 20px;
margin-left: -5px;
}

/* Artist playlist */

ul.artist-playlist {
width: 840px;
}

ul.artist-playlist li {
float: left;
width: 260px;
height: 265px;
background: url(../img/artist-playlist-bg.png) no-repeat;
color: #646464;
padding: 0 4px 4px 0;
margin: 0 16px 0 0;
}

ul.artist-playlist li div.item {
width: 234px;
padding: 7px 13px;
}

ul.artist-playlist li img {
display: block;
margin: 0 -6px 10px;
}

ul.artist-playlist li h3 {
color: #556b8d;
font-size: 1.4em;
font-weight: bold;
margin: 0;
}

ul.artist-playlist li p {
font-size: 1.1em;
line-height: 1.45;
margin: 0 0 10px;
}

ul.artist-playlist li a {
color: #6c6d6c;
}

ul.artist-playlist ul.functions {
padding-right: 5px;
}

ul.artist-playlist ul.functions li {
height: auto;
}

/* Playlist Browser */

div.playlist-browser {
position: relative;
width: 100%;
padding: 0 40px;
margin: 0 -40px;
}

div.playlist-browser div.next,
div.playlist-browser div.prev {
position: absolute;
width: 40px;
height: 269px;
top: 0;
right: 0;
background: url(../img/control-next.png) no-repeat 50% 50%;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}

div.playlist-browser div.prev {
left: 0;
right: auto;
background-image: url(../img/control-prev.png);
}

div.playlist-browser div.list-wrapper {
width: 823px;
overflow: hidden;
position: relative;
}

/* Playlist page */

div.playlist-page div#column-1 {
position: relative;
width: 410px;
margin-right: 35px;
margin-bottom: 10px;
}

div.playlist-page div#column-2 {
width: 375px;
margin-bottom: 10px;
}

div.playlist-page div#column-1 img {
display: block;
border: 5px solid #fff;
}

div.playlist-page div#column-1 div.shine {
position: absolute;
top: 5px;
left: 5px;
width: 400px;
height: 400px;
background: url(../img/playlist-shine-400x400.png) no-repeat 100% 0;
}

div.playlist h2 {
margin: 0;
}

div.playlist h3 {
font-size: 1.2em;
margin: 0 0 1em;
color: #919191;
}

div.playlist p.back {
float: right;
text-transform: uppercase;
line-height: 22px;
}

div.playlist p.back a {
display: block;
background: url(../img/icon-back.png) no-repeat;
padding: 0 0 0 30px;
text-decoration: none;
}

div.playlist dl {
position: relative;
font-size: 1.2em;
background: url(../img/divider-4.png) no-repeat 50% 100%;
padding: 0 10px 5px;
margin: 0 -10px 20px;
}

div.playlist dl dt {
float: left;
padding: 10px 0;
margin: 0 10px 0 0;
color: #919191;
text-transform: uppercase;
}

div.playlist dl dd {
padding: 10px 0;
}

div.playlist dl dt.genre,
div.playlist dl dt.suitable {
padding-left: 15px;
}

div.playlist dl dd.genre,
div.playlist dl dd.suitable {
background: url(../img/black-40p.png);
}

div.playlist dl dd.genre,
div.playlist dl dt.genre {
padding-bottom: 0;
}

div.playlist dd.suitable,
div.playlist dl dt.suitable {
padding-top: 5px;
}

div.playlist div.text {
margin: 0 0 20px;
}

div.playlist div.text p {
font-size: 1.2em;
}

div.playlist div.text div.author img {
float: left;
border: 3px solid #fff;
margin: 0 10px 0 0;
}

div.playlist div.text div.author {
height: 56px;
}

div.playlist div.text div.author p {
padding: 10px 0;
margin: 0;
}

div.playlist div.text div.author span.name {
font-weight: bold;
}

div.playlist div.text div.author span.title {
font-style: italic;
}

div.playlist div.text ul.functions {
float: right;
width: 115px;
height: auto;
margin: 0 0 20px 20px;
}

div.playlist div.text ul.functions li {
display: block;
float: none;
margin: 0;
padding: 0 0 0 12px !important;
line-height: 22px;
}

div.playlist div.text ul.functions li.listen {
padding: 0 !important;
margin: 0 0 10px;
}

p.show-tracks {
clear: both;
float: right;
width: 110px;
margin: -45px 0 0;
background: url(../img/black-40p.png);
font-size: 1.2em;
overflow: hidden;
}

p.show-tracks a {
display: block;
line-height: 25px;
font-weight: normal;
background: url(../img/icon-tracks.png) no-repeat 8px 50%;
padding: 0 10px 0 35px;
overflow: hidden;
}

div.playlist div.tracks {
background: url(../img/divider-4.png) no-repeat 50% 0;
padding: 22px 10px 0;
margin: 0 -10px;
}

div.playlist div.tracks ol {
font-size: 1.2em;
font-weight: bold;
list-style: decimal;
margin: 0 0 0 20px;
}

div.playlist div.tracks ol li span {
font-weight: normal;
}

/* Icons */

.icon {
padding: 8px 0 7px 17px;
background: url(../img/icon-dinner.png) no-repeat 0 50%;
}

/*.icon-romantic {
background-image: url(../img/icon-romantic.png);
}

.icon-relax {
padding-left: 20px;
background-image: url(../img/icon-relax.png);
}*/

.icon-party {
padding-left: 35px;
background-image: url(../img/suitable/icon-party.png);
}

.icon-dinner,
.icon-middag {
padding-left: 25px;
background-image: url(../img/suitable/icon-dinner.png);
}

.icon-mingle,
.icon-mingel {
padding-left: 30px;
background-image: url(../img/suitable/icon-socialize.png);
}

.icon-relaxation,
.icon-avkoppling {
padding-left: 35px;
background-image: url(../img/suitable/icon-relax.png);
}

.icon-celebration,
.icon-hoegtid {
padding-left: 28px;
background-image: url(../img/suitable/icon-xmas.png);
}

.icon-romance,
.icon-kaerlek {
padding-left: 33px;
background-image: url(../img/suitable/icon-romantic.png);
}

.icon-workout,
.icon-traening {
padding-left: 40px;
background-image: url(../img/suitable/icon-excercise.png);
}

.icon-children,
.icon-barn {
padding-left: 28px;
background-image: url(../img/suitable/icon-kids.png);
}

/* Page - Register */

input.field {
background: #ddd;
color: #222;
border: none;
padding: 5px;
font-size: 14px;
}

input.focus {
background: #fff;
}

input.error {
background: #d1a8a8;
}

.button {
display: block;
width: 109px; 
height: 37px;
background: url(../img/langs/se/button-next.png);
text-indent: -999em;
overflow: hidden;
}

.button-next-2 {
background-image: url(../img/langs/se/button-next-2.png);
}

.button-choose {
background-image: url(../img/langs/se/button-choose.png);
}

.button-buy {
background-image: url(../img/langs/se/button-buy.png);
}

.button-pay {
background-image: url(../img/langs/se/button-pay.png);
}

.button-end {
background-image: url(../img/langs/se/button-end.png);
}

.button-send {
background-image: url(../img/langs/se/button-send.png);
}

.button-save {
width: 69px;
background-image: url(../img/langs/se/button-save.png);
}

.button-startpage {
width: 196px;
height: 43px;
background-image: url(../img/langs/se/button-startpage.png);
}

.button-register {
width: 366px;
height: 69px;
background-image: url(../img/langs/se/button-register.png);
}

span.error {
display: block;
font-size: 1.2em;
color: #e3b9b9;
}

div.error-summary {
padding: 5px;
background: #bf5f5f;
color: #e3b9b9;
margin: 0 0 10px;
}

div.error-summary ul {
font-size: 1.2em;
list-style: disc;
margin: 0 0 0 20px;
}

div.register {
width: 460px;
margin: 0 auto;
}

div.register div.register-i {
padding: 25px 30px 30px;
background: url(../img/white-10p.png);
color: #ddd;
}

p.buttons {
margin: 0;
}

div.register p.buttons {
margin: 0 0 10px;
}

div.register p.guide {
font-size: 1.2em;
line-height: 36px;
padding: 0 0 0 85px;
text-transform: uppercase;
background: url(../img/guide.png) no-repeat;
}

div.register div.register-i .button {
float: right;
}

div.register div.register-i p.buttons {
margin: 0;
height: 37px;
}

div.register p.price-tag {
float: right;
background: url(../img/langs/se/register-price.png);
width: 77px;
height: 76px;
margin: -30px 0 0;
text-indent: -999em;
overflow: hidden;
}

div.register p.price-tag a {
display: block;
height: 76px;
margin: -1.5em 0 0;
}

div.register p.total {
float: left;
margin: 0;
padding: 0 15px;
font-size: 1.8em;
line-height: 43px;
background: url(../img/black-40p.png);
}

div.register p.register-step {
float: right;
width: 103px;
height: 34px;
margin: -50px 0 0;
background: url(../img/registration-steps.png) no-repeat;
text-indent: -999em;
overflow: hidden;
}

div.register p.step-2 {
background-position:  0 -34px;
}

div.register p.step-3 {
background-position:  0 -68px;
}

ol.form li {
margin: 0 0 10px;
}

ol.form li.focus {
background: url(../img/black-40p.png);
padding: 15px;
}

ol.form li label {
font-size: 1.4em;
font-weight: bold;
}

ol.form li fieldset legend,
ol.form li h3 {
font-size: 1.4em;
font-weight: bold;
text-transform: none;
margin: 0 0 5px;
}

ol.forml li h3 label {
padding-left: 5px;
font-size: 1em;
}

ol.form li fieldset ul {
margin: 0;
}

ol.form li fieldset ul li {
float: left;
margin: 0 20px 0 0;
padding: 0;
background: none;
}

ol.form li fieldset ul li label {
font-size: 1em;
font-weight: normal;
}

div.register dl.register-summary {
font-size: 1.6em;
line-height: 35px;
margin: 0 0 23px;
}

div.register dl.register-summary dt {
float: left;
width: 180px;
padding: 0 0 0 15px;
}

div.register textarea.agreement {
padding: 10px;
width: 380px;
margin: 0 0 20px;
background: #ccc;
border: none;
color: #333;
font: 12px/1.2 Arial, Helvetica, sans-serif;
}

div.register div.agreement {
padding: 10px;
width: 380px;
height: 200px;
margin: 0 0 20px;
background: url(../img/black-40p.png);
border: none;
color: #ccc;
overflow: scroll;
}

div.register div.agreement h2 {
font-size: 1.5em;
margin: 0 0 10px;
}

div.register div.agreement h3 {
font-size: 1.2em;
font-weight: bold;
margin: 0;
}

div.register div.agreement p {
font-size: 1.1em;
line-height: 1.3;
margin: 0 0 1em;
}

div.register dl.register-summary dd {
font-weight: bold;
margin: 0 0 2px;
background: url(../img/black-40p.png);
}

div.register p.agree {
float: left;
margin: 0;
}

div.register p.agree input {
margin-left: 0;
}

p#asterix {
font-size: 1.2em;
}

div.register div.offer img {
float: right;
display: inline;
}

div.register div.offer h3 {
font-size: 2.4em;
}

div.register div.offer-premium img {
position: relative;
margin: -90px -25px -20px 0;
}

div.register div.offer-free img {
margin: -40px 0 0;
}

div.register div.offer-voucher {
background: url(../img/black-20p.png);
padding-right: 10px;
}

div.register div.offer-voucher h3 {
margin: 0 0 10px;
font-size: 1.4em;
font-weight: bold;
}

div.register div.offer-voucher ol.form {
float: left;
}

div.register div.offer-voucher ol.form input.field {
width: 110px;
padding-top: 9px;
padding-bottom: 8px;
}

div.register div.offer-voucher div.error-summary {
clear: both;
margin: 0;
}

div.register div.offer-voucher p {
float: left;
width: 180px;
margin: 0 20px 0 0;
font-size: 1.2em;
}

div.register div.offer-voucher p.buttons {
float: left;
width: auto;
margin: 0;
}

div.price-buttons p.buttons,
div.price-buttons p.price,
div.price-buttons .button {
float: left !important;
}

div.price-buttons p.buttons {
margin: 0 10px 0 0 !important;
}

div.price-buttons p.price {
background: url(../img/black-40p.png);
padding: 0 12px;
margin: 0;
font-size: 1.6em;
line-height: 37px;
}

ul.checklist {
font-size: 1.4em;
font-weight: bold;
line-height: 1.2;
margin: 0 0 20px;
}

ul.checklist li {
background: url(../img/icon-check.png) no-repeat 0 -3px;
padding: 0 0 0 25px;
margin: 0 0 10px;
}

ul.checklist li span {
font-size: 0.85em;
font-weight: normal;
}

div.registration-page div#column-1 {
margin: 0 20px 0 0;
}

div.registration-page div#column-1,
div.registration-page div#column-1 div.register {
width: 480px;
}

div.registration-page div#column-2,
div.registration-page div#column-2 div.register {
width: 320px;
}

/* Page - Settings */

div.settings-page div#column-1 {
width: 455px;
margin: 0 25px 0 0;
}

div.settings-page div#column-2 {
width: 340px;
}

div.upgrade-module {
padding: 20px;
background: url(../img/white-10p.png);
}

div.upgrade-module img {
display: block;
margin: -60px -36px 15px 0;
}

div.settings div.section h3 {
font-size: 2.4em;
font-weight: bold;
margin: 0 0 -1px;
background: url(../img/divider-4.png) no-repeat 50% 100%;
}

div.settings div.section h3 span {
display: block;
padding: 10px 0 10px;
background: url(../img/toggle-arrows.png) no-repeat 100% -35px;
}

div.settings div.section h3.closed span {
cursor: pointer;
background-position: 100% 10px;
}

div.settings div.section-content-i {
background: url(../img/white-10p.png);
padding: 20px 30px 30px;
}

span.premium-end {
font-size: 1.7em;
}

/* Layout */

body {
background: #181818;
color: #fff;
}

div#wrapper {
background: #6d6d6d url(../img/body-bg.gif);
}

div#wrapper-i {
background: url(../img/body-bg-gradient.gif) repeat-x;
}

div#wrapper-i-i {
width: 820px;
padding: 0 40px;
margin: 0 auto;
position: relative;
}

div#content {
padding: 0 0 45px;
}

div#column-1 {
float: left;
}

div#column-2 {
float: left;
}

div#full-width {
float: left;
width: 100%;
}

div#full-width h2 {
font-size: 1.6em;
}

div.text-page div#column-1 {
width: 260px;
}

div.text-page div#column-2 {
width: 560px;
}

/* Header */

div#header {
height: 85px;
padding: 30px 0 35px;
overflow: hidden;
}

div#logo {
float: left;
width: 160px;
height: 114px;
margin: -15px 20px -14px 0;
}

div#logo h1 a {
display: block;
background: url(../img/digster.png);
width: 160px;
height: 114px;
text-indent: -999em;
overflow: hidden;
}

/* Navigation */

div#navigation {
float: left;
padding: 25px 0 0 0;
height: 30px;
}

div#navigation ul {
float: left;
}

div#navigation ul li {
float: left;
margin: 0 25px 0 0;
}

div#navigation ul li a {
float: left;
width: 71px;
height: 30px;
background: url(../img/langs/se/menu.png);
text-indent: -999em;
overflow: hidden;
}

div#navigation ul li.sel a,
div#navigation ul li a:hover {
background-position: 0 -30px;
}

div#navigation ul li#m-alla-samlingar a {
width: 147px;
background-position: -88px 0;
}

div#navigation ul li#m-alla-samlingar.sel a,
div#navigation ul li#m-alla-samlingar a:hover {
background-position: -88px -30px;
}

div#navigation ul li#m-support a {
width: 86px;
background-position: -260px 0;
}

div#navigation ul li#m-support.sel a,
div#navigation ul li#m-support a:hover {
background-position: -260px -30px;
}

/* Control Panel */

div#control-panel {
float: right;
background: url(../img/control-panel-bg-left.png) no-repeat 0 100%;
padding: 0 0 0 10px;
}

div#control-panel-i {
overflow: hidden;
float: left;
background: url(../img/control-panel-bg.png) 100% 0;
height: 65px;
padding: 10px 10px 10px 0px;
}

div#control-panel a {
font-weight: normal;
}

div#control-panel-i h2 {
float: left;
font: 1.1em/1.45 Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
margin: 0 0 10px;
}

div#control-panel-i h2 span {
display: block;
}

div#control-panel-i h2 span.logged-in-as {
width: 92px;
height: 16px;
background: url(../img/langs/se/logged-in-as.png);
margin: 0 9px 0 -4px;
text-indent: -999em;
overflow: hidden;
}

div#control-panel p.error {
float: left;
clear: both;
width: 250px;
margin: -12px 0 -5px;
padding: 0 4px;
font-size: 1em;
color: #e55;
}

div#control-panel div.row {
float: left;
width: 170px;
margin: 3px 10px 15px 0;
}

div#control-panel div.row input {
width: 160px;
padding: 5px;
border: none;
background: #c4c4c4;
}

div#control-panel div.password {
margin-right: 0;
}

div#control-panel ul {
clear: both;
height: 23px;
font: 1.1em/23px Verdana, Arial, Helvetica, sans-serif;
}

div#control-panel ul li {
float: left;
display: inline;
margin: 0 15px 0 0;
}

div#control-panel ul li.remember-me input {
margin-left: 0;
}

div#control-panel ul li.settings a {
background: url(../img/icon-user.png) no-repeat 0 -3px;
padding: 0 0 0 22px;
margin: 0 0 0 -4px;
}

div#control-panel ul li.forgot,
div#control-panel ul li.login,
div#control-panel ul li.logout {
float: right;
margin: 0 0 0 10px;
}

div#control-panel ul li.login a,
div#control-panel ul li.logout a {
float: right;
width: 74px;
height: 23px;
background: url(../img/langs/se/button-logout.png);
text-indent: -999em;
overflow: hidden;
}

div#control-panel ul li.login a {
background-image: url(../img/langs/se/button-login.png);
}

/* Footer */

div#footer {
width: 820px;
padding: 35px 40px 0;
margin: 0 auto;
background: #181818;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#footer p {
font-size: 1em;
margin: 0;
}

div#footer-navigation {
margin: 0 0 25px;
}

div#footer-navigation ul {
height: 33px;
}

div#footer-navigation ul li {
float: left;
margin: 0 25px 0 0;
}

div#footer-navigation ul li a {
float: left;
width: 71px;
height: 30px;
line-height: 30px;
background: url(../img/langs/se/menu-footer.png);
text-indent: -999em;
overflow: hidden;
}

div#footer-navigation ul li.sel a,
div#footer-navigation ul li a:hover {
background-position: 0 -32px;
}

div#footer-navigation ul li#f-alla-samlingar a {
width: 147px;
background-position: -89px 0;
}

div#footer-navigation ul li#f-alla-samlingar.sel a,
div#footer-navigation ul li#f-alla-samlingar a:hover {
background-position: -89px -32px;
}

div#footer-navigation ul li#f-support a {
width: 86px;
background-position: -261px 0;
}

div#footer-navigation ul li#f-support.sel a,
div#footer-navigation ul li#f-support a:hover {
background-position: -261px -32px;
}

div#footer-navigation ul li#f-tipsa {
margin: 0;
float: right;
}

div#footer-navigation ul li#f-tipsa a {
width: 233px;
background-position: -350px 0;
}

div#footer-navigation ul li#f-tipsa.sel a,
div#footer-navigation ul li#f-tipsa a:hover {
background-position: -350px -32px;
}

div#footer-navigation ul li#f-mina-installningar {
display: inline;
margin: 0 0 0 10px;
padding: 0 0 0 26px;
border-left: 1px solid #4b4b4b;
}

div#footer-navigation ul li#f-mina-installningar a {
text-indent: 0;
width: auto;
background: url(../img/icon-user.png) no-repeat 0 4px;
color: #929292;
padding: 0 0 0 25px;
font-weight: normal;
}


div#footer-about {
float: left;
width: 460px;
padding: 0 0 40px 100px;
margin: 0 30px 0 0;
background: url(../img/universal-music.gif) no-repeat;
color: #505050;
}

div#footer-about strong {
text-transform: uppercase;
}

div#footer-extra {
float: left;
width: 165px;
}

div#footer-extra a {
color: #939393;
font-weight: normal;
}

div#footer-extra ul {
text-transform: uppercase;
line-height: 1;
margin: 0 0 10px -5px;
overflow: hidden;
}

div#footer-extra ul li {
float: left;
display: inline;
border-left: 1px solid #939393;
padding: 0 5px;
margin: 0 0 0 -1px;
}

div#footer-extra ul li a {
text-decoration: none;
}

/* Start Page - Logged in */

div#start-flash {
margin: 0 -32px 20px -33px;
}

div#start-flash img {
display: block;
}

div#start-playlists-spotlight {
float: left;
width: 260px;
margin: 0 20px 10px 0;
}

div#start-playlists-spotlight img {
display: block;
background: url(../img/spotlight-bg.png);
padding: 8px 52px 12px 41px;
margin: 0 0 6px -35px;
}

div#start-playlists-spotlight p {
font-weight: bold;
/*text-transform: uppercase;*/
margin: 0 0 20px;
}

div#start-playlists-spotlight ul.functions li.more {
float: left;
display: inline;
margin: 0 0 0 10px;
}

div#start-playlists-latest {
float: left;
width: 540px;
margin: 0 0 10px;
}

div#start-playlists-latest ul.playlist {
width: 560px;
}

div#start-playlists-more {
clear: both;
background: url(../img/more-long.png);
line-height: 30px;
padding: 0 30px 3px 0;
margin: 0 0 20px;
text-align: right;
}

div#start-playlists-more p {
font-size: 1.2em;
margin: 0;
}

div#start-playlists-artists h2 {
font-size: 1.6em;
}

div#start-message.premium-message a {
width: 823px;
margin-bottom: 15px;
background-image: url(../img/langs/se/premium-message-large.png);
}

/* Start Page */

div#start-intro {
background: url(../img/white-10p.png);
padding: 30px 30px 20px;
}

div#start-intro-image {
float: left;
width: 390px;
}

div#start-intro-image img {
display: block;
background: url(../img/start-intro-image-frame.png);
padding: 0 4px 4px 0;
margin: 0 0 10px;
}

div#start-intro-image p {
margin: 0;
}

div#start-intro-text {
float: left;
width: 370px;
}

div#start-intro-text h2 {
font-size: 3em;
font-weight: bold;
margin: 0 0 14px;
}

div#start-intro-text p.leading {
margin: 0 0 27px;
}

div#start-intro-listen {
float: left;
width: 120px;
padding: 15px 15px 12px;
margin: 0 25px 0 0;
background: url(../img/white-10p.png);
}

div#start-intro-listen h3 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 10px;
}

div#start-intro-listen ul li {
float: left;
width: 58px;
height: 51px;
background: url(../img/spotify.png);
margin: 0 12px 0 0;
text-indent: -999em;
overflow: hidden;
}

div#start-intro-listen ul li.itunes {
width: 59px;
height: 59px;
background: url(../img/itunes.png);
margin: -2px -9px 0 0;
}

div#start-intro-listen ul li.wimp {
width: 58px;
height: 51px;
background: url(../img/wimp.png);
margin: -2px -9px 0 0;
}

div#start-intro-more {
float: left;
width: 195px;
padding: 15px 0 0;
}

div#start-intro-more p {
font-size: 1.2em;
}

div#start-intro-2 div.intro {
float: left;
padding: 15px 20px;
min-height: 110px;
background: url(../img/black-20p.png);
}

div#start-intro-2 div.intro h2 {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 5px;
}

div#start-intro-2 div.intro p {
font-size: 1.2em;
line-height: 1.3;
}

div#start-how-it-works {
width: 473px;
margin: 0 2px 0 0;
}

div#start-how-it-works img {
float: right;
margin: 0 0 0 50px;
}

div#start-how-it-works.intro p.more {
background: url(../img/steps.png) no-repeat 0 50%;
padding: 0 0 0 125px;
line-height: 35px;
margin: 0;
}

div#start-voucher {
width: 265px;
}

div#start-voucher ol.form {
float: left;
}

div#start-voucher ol.form input.field {
width: 140px;
padding-top: 9px;
padding-bottom: 8px;
}

div#start-voucher p.buttons {
float: left;
}

div#start-push {
width: 840px;
}

div#start-push div.push {
float: left;
width: 260px;
margin: 0 20px 0 0;
padding: 10px 0 0;
background: url(../img/start-box-top.png) no-repeat;
}

div#start-push div.push div.push-i {
background: url(../img/start-box.png) no-repeat 0 100%;
padding: 0 10px 10px
}

div#start-push div.push img {
display: block;
border: 7px solid #fff;
margin: 0 0 10px;
}

div#start-push div.push h3 {
float: left;
clear: both;
margin: 0 0 8px;
padding: 0 15px 0 0;
background: url(../img/arrow-right-small.png) no-repeat 100% 50%;
font-size: 1.4em;
font-weight: bold;
}

div#start-push div.push p {
clear: both;
font-size: 1.2em;
line-height: 1.3;
margin: 0;
}

/* Lang - NO */

div#navigation ul li#m-alle-samlinger a {
width: 147px;
background-position: -88px 0;
}

div#navigation ul li#m-alle-samlinger.sel a,
div#navigation ul li#m-alle-samlinger a:hover {
background-position: -88px -30px;
}

div#footer-navigation ul li#f-alle-samlinger a {
width: 147px;
background-position: -89px 0;
}

div#footer-navigation ul li#f-alle-samlinger.sel a,
div#footer-navigation ul li#f-alle-samlinger a:hover {
background-position: -89px -32px;
}

body.no div#footer-navigation ul li#f-tipsa a {
width: 260px;
}

div#footer-navigation ul li#f-mina-innstillinger  {
display: inline;
margin: 0 0 0 10px;
padding: 0 0 0 26px;
border-left: 1px solid #4b4b4b;
}

div#footer-navigation ul li#f-mina-innstillinger a {
text-indent: 0;
width: auto;
background: url(../img/icon-user.png) no-repeat 0 4px;
color: #929292;
padding: 0 0 0 25px;
font-weight: normal;
}

body.no div.premium-message a,
body.no ul.functions li div.premium-message a {
background-image: url(../img/langs/no/premium-message.png);
}

body.no ul.functions li.long a {
width: 71px;
background-image: url(../img/langs/no/icon-listen-long.png);
}

body.no ul.functions li.large a {
width: 90px;
background-image: url(../img/langs/no/icon-listen-long-large.png);
}

body.no ul.functions li.large a.locked {
width: 88px;
background-image: url(../img/langs/no/icon-listen-long-large-locked.png);
}

body.no .button {
background-image: url(../img/langs/no/button-next.png);
}

body.no .button-next-2 {
background-image: url(../img/langs/no/button-next-2.png);
}

body.no .button-choose {
background-image: url(../img/langs/no/button-choose.png);
}

body.no .button-buy {
background-image: url(../img/langs/no/button-buy.png);
}

body.no .button-pay {
background-image: url(../img/langs/no/button-pay.png);
}

body.no .button-end {
width: 94px;
background-image: url(../img/langs/no/button-end.png);
}

body.no .button-send {
width: 83px;
background-image: url(../img/langs/no/button-send.png);
}

body.no .button-save {
width: 68px;
background-image: url(../img/langs/no/button-save.png);
}

body.no .button-startpage {
background-image: url(../img/langs/no/button-startpage.png);
}

body.no .button-register {
background-image: url(../img/langs/no/button-register.png);
}

body.no div#control-panel ul li.logout a {
width: 67px;
background-image: url(../img/langs/no/button-logout.png);
}

body.no div#control-panel ul li.login a {
background-image: url(../img/langs/no/button-login.png);
}

body.no div#control-panel-i h2 span.logged-in-as {
width: 97px;
background-image: url(../img/langs/no/logged-in-as.png);
}

body.no div#navigation ul li a {
background-image: url(../img/langs/no/menu.png);
}

body.no div.register p.price-tag {
background-image: url(../img/langs/no/register-price.png);
}

body.no div#start-message.premium-message a {
background-image: url(../img/langs/no/premium-message-large.png);
}

body.no div#footer-navigation ul li a {
background-image: url(../img/langs/no/menu-footer.png);
}

/* Lang - FI */

body.fi div#navigation ul li {
margin: 0 20px 0 0;
}

div#navigation ul li#m-koti a,
div#footer-navigation ul li#f-koti a {
width: 64px;
}

div#navigation ul li#m-koti.sel a,
div#navigation ul li#m-koti a:hover {
background-position: 0 -30px;
}

div#navigation ul li#m-tuki a,
div#footer-navigation ul li#f-tuki a {
width: 86px;
background-position: -260px 0;
}

div#navigation ul li#m-tuki.sel a,
div#navigation ul li#m-tuki a:hover {
background-position: -260px -30px;
}

div#navigation ul li#m-kaikki-soittolistat {
margin: 0 15px 0 0;
}

div#navigation ul li#m-kaikki-soittolistat a,
div#footer-navigation ul li#f-kaikki-soittolistat a {
width: 168px;
background-position: -88px 0;
}

div#navigation ul li#m-kaikki-soittolistat.sel a,
div#navigation ul li#m-kaikki-soittolistat a:hover {
background-position: -88px -30px;
}

div#footer-navigation ul li#f-kaikki-soittolistat.sel a,
div#footer-navigation ul li#f-kaikki-soittolistat a:hover {
background-position: -88px -32px;
}

body.fi div#footer-navigation ul li#f-tipsa a {
width: 244px;
}

div#footer-navigation ul li#f-omat-asetukset  {
display: inline;
margin: 0 0 0 10px;
padding: 0 0 0 26px;
border-left: 1px solid #4b4b4b;
}

div#footer-navigation ul li#f-omat-asetukset a {
text-indent: 0;
width: auto;
background: url(../img/icon-user.png) no-repeat 0 4px;
color: #929292;
padding: 0 0 0 25px;
font-weight: normal;
}

body.fi div.premium-message a,
body.fi ul.functions li div.premium-message a {
width: 118px;
background-image: url(../img/langs/fi/premium-message.png);
}

body.fi ul.functions li.long a {
width: 105px;
background-image: url(../img/langs/fi/icon-listen-long.png);
}

body.fi ul.functions li.large a {
width: 133px;
background-image: url(../img/langs/fi/icon-listen-long-large.png);
}

body.fi ul.functions li.large a.locked {
width: 130px;
background-image: url(../img/langs/fi/icon-listen-long-large-locked.png);
}

body.fi .button {
background-image: url(../img/langs/fi/button-next.png);
}

body.fi .button-next {
width: 118px;
}

body.fi .button-next-2 {
width: 125px;
background-image: url(../img/langs/fi/button-next-2.png);
}

body.fi .button-choose {
background-image: url(../img/langs/fi/button-choose.png);
}

body.fi .button-buy {
background-image: url(../img/langs/fi/button-buy.png);
}

body.fi .button-pay {
background-image: url(../img/langs/fi/button-pay.png);
}

body.fi .button-end {
width: 103px;
background-image: url(../img/langs/fi/button-end.png);
}

body.fi .button-send {
width: 94px;
background-image: url(../img/langs/fi/button-send.png);
}

body.fi .button-save {
width: 78px;
background-image: url(../img/langs/fi/button-save.png);
}

body.fi .button-startpage {
background-image: url(../img/langs/fi/button-startpage.png);
}

body.fi .button-register {
background-image: url(../img/langs/fi/button-register.png);
}

body.fi div#control-panel ul li.logout a {
width: 98px;
background-image: url(../img/langs/fi/button-logout.png);
}

body.fi div#control-panel ul li.login a {
width: 113px;
background-image: url(../img/langs/fi/button-login.png);
}

body.fi div#control-panel-i h2 span.logged-in-as {
width: 112px;
background-image: url(../img/langs/fi/logged-in-as.png);
}

body.fi div#navigation ul li a {
background-image: url(../img/langs/fi/menu.png);
}

body.fi div.register p.price-tag {
background-image: url(../img/langs/fi/register-price.png);
}

body.fi div#start-message.premium-message a {
background-image: url(../img/langs/fi/premium-message-large.png);
}

body.fi div#footer-navigation ul li a {
background-image: url(../img/langs/fi/menu-footer.png);
}

body.fi div#start-voucher ol.form input.field {
width: 130px;
}

body.fi p.show-tracks {
width: 140px;
}


/* Lang - DK */

div#navigation ul li#m-alle-samlinger a {
width: 147px;
background-position: -88px 0;
}

div#navigation ul li#m-alle-samlinger.sel a,
div#navigation ul li#m-alle-samlinger a:hover {
background-position: -88px -30px;
}

div#footer-navigation ul li#f-alle-samlinger a {
width: 147px;
background-position: -89px 0;
}

div#footer-navigation ul li#f-alle-samlinger.sel a,
div#footer-navigation ul li#f-alle-samlinger a:hover {
background-position: -89px -32px;
}

body.dk div#footer-navigation ul li#f-mine-indstillinger a {
background-position: -389px 0;
}

body.dk div#footer-navigation ul li#f-tipsa a {
width: 260px;
}

div#footer-navigation ul li#f-mine-indstillinger  {
display: inline;
margin: 0 0 0 10px;
padding: 0 0 0 26px;
border-left: 1px solid #4b4b4b;
}

div#footer-navigation ul li#f-mine-indstillinger a {
text-indent: 0;
width: auto;
background: url(../img/icon-user.png) no-repeat 0 4px;
color: #929292;
padding: 0 0 0 25px;
font-weight: normal;
}


body.dk div.premium-message a,
body.dk ul.functions li div.premium-message a {
background-image: url(../img/langs/dk/premium-message.png);
}

body.dk ul.functions li.long a {
width: 71px;
background-image: url(../img/langs/dk/icon-listen-long.png);
}

body.dk ul.functions li.large a {
width: 115px;
background-image: url(../img/langs/dk/icon-listen-long-large.png);
}

body.dk ul.functions li.large a.locked {
width: 88px;
background-image: url(../img/langs/dk/icon-listen-long-large-locked.png);
}

body.dk .button {
background-image: url(../img/langs/dk/button-next.png);
}

body.dk .button-next-2 {
background-image: url(../img/langs/dk/button-next-2.png);
}

body.dk .button-choose {
background-image: url(../img/langs/dk/button-choose.png);
}

body.dk .button-buy {
background-image: url(../img/langs/dk/button-buy.png);
}

body.dk .button-pay {
background-image: url(../img/langs/dk/button-pay.png);
}

body.dk .button-end {
width: 94px;
background-image: url(../img/langs/dk/button-end.png);
}

body.dk .button-send {
width: 83px;
background-image: url(../img/langs/dk/button-send.png);
}

body.dk .button-save {
width: 68px;
background-image: url(../img/langs/dk/button-save.png);
}

body.dk .button-startpage {
background-image: url(../img/langs/dk/button-startpage.png);
}

body.dk .button-register {
background-image: url(../img/langs/dk/button-register.png);
}

body.dk div#control-panel ul li.logout a {
width: 67px;
background-image: url(../img/langs/dk/button-logout.png);
}

body.dk div#control-panel ul li.login a {
background-image: url(../img/langs/dk/button-login.png);
}

body.dk div#control-panel-i h2 span.logged-in-as {
width: 94px;
background-image: url(../img/langs/dk/logged-in-as.png);
}

body.dk div#navigation ul li a {
background-image: url(../img/langs/dk/menu.png);
}

body.dk div.register p.price-tag {
background-image: url(../img/langs/dk/register-price.png);
}

body.dk div#start-message.premium-message a {
background-image: url(../img/langs/dk/premium-message-large.png);
}

body.dk div#footer-navigation ul li a {
background-image: url(../img/langs/dk/menu-footer.png);
}


/* Lang - UK */

div#navigation ul li#m-all-collections a {
width: 147px;
background-position: -88px 0;
}

div#navigation ul li#m-all-collections.sel a,
div#navigation ul li#m-all-collections a:hover {
background-position: -88px -30px;
}

div#navigation ul li#m-support a {
width: 88px;
background-position: -260px 0;
}

div#navigation ul li#m-support.sel a,
div#navigation ul li#m-support a:hover {
background-position: -260px -30px;
}

div#footer-navigation ul li#f-all-collections a {
width: 147px;
background-position: -89px 0;
}

div#footer-navigation ul li#f-all-collections.sel a,
div#footer-navigation ul li#f-all-collections a:hover {
background-position: -89px -32px;
}

body.uk div#footer-navigation ul li#f-tipsa a {
width: 260px;
}

div#footer-navigation ul li#f-support a {
width: 88px;
background-position: -261px 0;
}

div#footer-navigation ul li#f-support.sel a,
div#footer-navigation ul li#f-support a:hover {
background-position: -261px -32px;
}


div#footer-navigation ul li#f-settings  {
display: inline;
margin: 0 0 0 10px;
padding: 0 0 0 26px;
border-left: 1px solid #4b4b4b;
}

div#footer-navigation ul li#f-settings a {
text-indent: 0;
width: auto;
background: url(../img/icon-user.png) no-repeat 0 4px;
color: #929292;
padding: 0 0 0 25px;
font-weight: normal;
}

body.uk div.premium-message a,
body.uk ul.functions li div.premium-message a {
background-image: url(../img/langs/uk/premium-message.png);
}

body.uk ul.functions li.long a {
width: 71px;
background-image: url(../img/langs/uk/icon-listen-long.png);
}

body.uk ul.functions li.large a {
width: 90px;
background-image: url(../img/langs/uk/icon-listen-long-large.png);
}

body.uk ul.functions li.large a.locked {
width: 88px;
background-image: url(../img/langs/uk/icon-listen-long-large-locked.png);
}

body.uk .button {
background-image: url(../img/langs/uk/button-next.png);
}

body.uk .button-next-2 {
background-image: url(../img/langs/uk/button-next-2.png);
}

body.uk .button-choose {
background-image: url(../img/langs/uk/button-choose.png);
}

body.uk .button-buy {
background-image: url(../img/langs/uk/button-buy.png);
}

body.uk .button-pay {
background-image: url(../img/langs/uk/button-pay.png);
}

body.uk .button-end {
width: 94px;
background-image: url(../img/langs/uk/button-end.png);
}

body.uk .button-send {
width: 83px;
background-image: url(../img/langs/uk/button-send.png);
}

body.uk .button-save {
width: 68px;
background-image: url(../img/langs/uk/button-save.png);
}

body.uk .button-startpage {
background-image: url(../img/langs/uk/button-startpage.png);
}

body.uk .button-register {
background-image: url(../img/langs/uk/button-register.png);
}

body.uk div#control-panel ul li.logout a {
width: 67px;
background-image: url(../img/langs/uk/button-logout.png);
}

body.uk div#control-panel ul li.login a {
background-image: url(../img/langs/uk/button-login.png);
}

body.uk div#control-panel-i h2 span.logged-in-as {
width: 93px;
background-image: url(../img/langs/uk/logged-in-as.png);
}

body.uk div#navigation ul li a {
background-image: url(../img/langs/uk/menu.png);
}

body.uk div.register p.price-tag {
background-image: url(../img/langs/uk/register-price.png);
}

body.uk div#start-message.premium-message a {
background-image: url(../img/langs/uk/premium-message-large.png);
}

body.uk div#footer-navigation ul li a {
background-image: url(../img/langs/uk/menu-footer.png);
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */