body {background:#f8f8f8 url(../img/bg.png) 50% 0 repeat;}
a {text-decoration:none;color:#ca006c;font-weight:bold;}
a:focus, a:hover {color:#ca006c;text-decoration:underline;}
h2 {font-size:1.5em;text-transform:uppercase;}
h2 a {color:#232323;}
h2 a:hover {color:#232323;}
h3 {font-size:1.25em;font-weight:bold;line-height:1;margin-bottom:1em;}

#header-wrapper {border-top:4px solid #000;background:#f0f0f0 url(../img/header-bg.png) 0 100% repeat-x;border-bottom:3px solid #d1d1d1;}
#header {width: 950px;padding:0 10px 30px;margin:-4px auto 0;border-top:11px solid #ca006c;position:relative;overflow:hidden;}
#header h1 {margin:25px 0 0 0;float:left;width:110px;height:43px;padding:5px;background:url(../img/musiikkituottajat.png) 0 0 no-repeat;}
#header h1 a {display:block;height:100%;text-indent:-9999px;overflow:hidden;}
#header .inEnglish {position:absolute;right:10px;font-weight:normal;font-size:11px;}

#navigation {float:right;margin-top:36px;}
#navigation ul {list-style:none;margin:0;padding:0;}
#navigation li {float:left;margin-left:40px;}
#navigation li.selected a {color:#ca006c;}
#navigation li a {font-weight:bold;text-decoration:none;color:#000;font-size:1.167em;}
#navigation li a:hover {text-decoration:underline;color:#000;}

#description {width:950px;margin:0 auto;position:relative;}
#description p {font-size:1.75em;width:710px;line-height:1.4;margin-bottom:0;}

#graph {position:relative;}
#chart-legend {bottom:-54px;position:absolute;z-index:20;}
#graph #chart {min-width:950px;min-height:162px;border-bottom:3px solid #555;}

#ifpi {background: #e2e2e2 url(../img/ifpi-bg.png) 0 0 repeat-x;margin-top:-5px;}
#ifpi div {width:950px;margin:0 auto;}
#ifpi p {background:url(../img/ifpi.png) 0 18px no-repeat;padding:1.5em 80px 1.5em 320px;color:#9c9c9c;line-height:1;margin:0;}

#ajankohtaista {padding-top:1em;}
#ajankohtaista,#kansainvalisia,#muuta,#listat,#footer {clear:both;float:left;width:100%;}
#ajankohtaista ul,#kansainvalisia ul {float:left;width:100%;padding:0;margin: 0 0 2.5em;list-style:none;}
#ajankohtaista li {float:left;width:270px;margin-right:50px;}
#ajankohtaista li.last {margin-right:40px;}
#ajankohtaista li a {color:#232323;}
#ajankohtaista li strong a,#ajankohtaista li a.more {font-size:1.167em;font-weight:bold;line-height:1.3;}
#ajankohtaista li a:hover span {text-decoration:underline;}
#ajankohtaista li .date,#ajankohtaista li .tags {font-size:12px;font-weight:normal;text-decoration:none;}
#ajankohtaista li a:hover .date,#ajankohtaista li a:hover .tags {text-decoration:none;}
#ajankohtaista li .tags {color:#ec008c;}
#ajankohtaista li .description {font-weight:normal;display:block;margin: 1.5em 0;font-size:1.167em;}
#ajankohtaista li a:hover,#ajankohtaista li .description:hover {text-decoration:none;}

#kansainvalisia {border-top:1px solid #adadad;}
#kansainvalisia h3 {font-weight:bold;padding-top:10px;font-size:12px;}
#kansainvalisia li {float:left;width:190px;margin-right:10px;font-size:11px;}
#kansainvalisia a {display:block;}
#kansainvalisia a:hover {text-decoration:none;background:#fff;padding:10px;margin:-10px;}
#kansainvalisia span.date {font-weight:normal;color:#232323;}
#kansainvalisia li.more {margin-right:0;width:110px;background:url(../img/more.png) 100% 4px no-repeat;padding:0 30px 0 10px;font-size:12px;line-height:1.2;}
#kansainvalisia li.more a {color:#232323;}
#kansainvalisia li.more a:hover {text-decoration:underline;}

#listat, #muuta {border-top:3px solid #c6c6c6;margin-bottom:2em;padding-top:1em;}
#listat .latauslista, #listat .virallinen,#listat .vuosimyynti {width:310px;float:left;margin-right:10px;}
#listat .latauslista h2, #listat .virallinen h2 {height:2.5em;}
#listat .vuosimyynti {margin-right:0;}
#listat .vuosimyynti h2 span {color:#828282;width:140px;float:left;line-height:1.2;}
#listat .vuosimyynti h2 strong {font-size:50px;line-height:.8;}
#listat .vuosimyynti ul {list-style:none;margin:0;padding:0;}
#listat .vuosimyynti .pdf {background:url(../img/pdf.png) 15px -5px no-repeat;padding-left:80px;height:50px;float:left;}
#listat .vuosimyynti  li span {color:#232323;font-weight:normal;}
#listat .vuosimyynti  li span.size {color:#808080;}
#listat .vuosimyynti  li strong {display:block;}
#listat .vuosimyynti  li a:hover {text-decoration:none;}
#listat .vuosimyynti  li a:hover strong {text-decoration:underline;}
#lista-info {margin-top:1em;font-size:11px;color:#4b4b4b;}
#lista-info a {color:#4b4b4b;}
#lista-info a:hover {color:#4b4b4b;}

#palkinnot .palkinnot {width:270px;float:left;padding-right:40px;margin-right:10px;}
#palkinnot .palkinnot a {color:#ca006c;font-size:1.5em;font-weight:normal;line-height:1.2;}
#palkinnot .lausunnot {width:270px;float:left;padding-left:40px;margin-left:10px;}


#palkinnot .emma {width:270px;float:left;}
#palkinnot .emma a {display:block;background:url(../img/emma2012.png) 0 0 no-repeat;padding-top:80px;font-weight:normal;font-size:11px;color:#4b4b4b;position:relative;margin-top:0;}
#palkinnot .emma a:hover {text-decoration:none;}
#palkinnot .emma a strong {display:block;}
#palkinnot .emma a:hover strong {text-decoration:underline;}
#isrc ul {list-style:none;margin:0;padding:0;}
#isrc ul li {float:left;width:150px;}
#isrc ul li.pdf {margin-right:10px;}
#isrc ul li.pdf a {background:url(../img/pdf.png) -8px 0 no-repeat;padding:5px 0 5px 50px;height:50px;float:left;}
#isrc ul li.pdf a:hover {text-decoration:none;}
#isrc ul li.pdf strong {display:block;}
#isrc ul li.pdf a:hover strong {text-decoration:underline;}
#isrc ul li.pdf span {color:#232323;font-weight:normal;}
#isrc ul li.more a,.chart .more a {background:url(../img/more.png) 100% 50% no-repeat;padding: 5px 30px 5px 0;float:left;width:120px;text-align:right;}
.chart .more {clear:both;}
.chart .more a {}

#footer {border-top:3px solid #d1d1d1;background:#f0f0f0 url(../img/footer-bg.png) 0 0 repeat-x;position:relative;}
#footer .container {background:url(../img/musiikkituottajat-footer.png) 0 30px no-repeat;padding:3em 0 2em 160px;width:790px;}
#footer .container div {float:left;width:140px;}
#footer .container div.info  {width:310px;}
#footer .container div.palvelut-musiikkituottajat,#footer .container div.piratismi-ifpi,#footer .container div.julkaisut-ja-lausunnot {width: 310px; margin-bottom: 1.5em;}
#footer .container div.info-palvelut,#footer .container div.info-piratismi,#footer .container div.info-julkaisut-ja-lausunnot {margin-right:30px;}
#footer .container div.uutiset,#footer .container div.palkinnot  {width:100px;}
#footer .container div.uutiset {margin-left:40px;}
#footer h4 a {font-size:11px;color:#232323;text-transform:uppercase;}
#footer ul {margin:0;padding:0;list-style:none;}
#footer ul ul {margin-bottom:1.5em;}
#footer li a {font-weight:normal;font-size:11px;color:#232323;padding-left:10px;background:url(../img/bullet.png) 0 3px no-repeat;display:block;}
#footer h5 {margin:0;}
#footer h5 a {font-size:11px;color:#232323;padding:0;background:none;font-weight:bold;}

.chart {font-size:12px;border-top:1px solid #C6C6C6;padding-top:1em;clear:both;}
.etusivu .chart {padding-top:0;border-top:0;}
.chart .row,.chart .header {clear:both;margin-bottom:8px;width:100%;float:left;position:relative;}
.chart .odd {background:#FFF;margin:-5px 0 8px -5px;padding:5px 0 5px 5px;}
.chart .position,.chart .album-art {margin-right:10px;}
.etusivu .chart .position {font-size:30px;font-weight:100;}
.chart .position,.chart .album-art,.chart .album-info,.chart .position-last-week,.chart .weeks-on-chart,.chart .extra {float:left;}
.chart .extra {position:absolute;right:0;top:5px;}
.chart .extra .extra-levyale2011 {display:block;width:70px;height:44px;}
.chart .artist, .chart .title {display:block;}
.chart .title {font-weight:normal;color:#232323;}
.chart .sales {width:70px;float:left;margin-right:10px;text-align:right;font-size:14px;}
.chart .total {font-weight:bold;}
.chart .prizes {width:150px;float:left;}
.chart .prizes span {display:block;padding-left:30px;}
.chart .prizes .gold {background:url(../img/gold.png) 9px 0 no-repeat;}
.chart .prizes .platinum {background:url(../img/platinum.png) 9px 0 no-repeat;}
.chart .prizes .double-platinum {background:url(../img/double-platinum.png) 5px 0 no-repeat;}
.chart .prizes .multi-platinum {background:url(../img/multi-platinum.png) 0 0 no-repeat;}
.chart .header,.chart .header .sales,#listHeader {font-size:11px;}
.chart .header strong {display:block;}
.chart .header span {padding:0;}

#myydyimmat-levyt .album-info {width:222px;margin-right:10px;}
#myydyimmat-levyt .chart .header .album-info {width:308px;}
#kultalevyt .album-info,#myydyimmat-levyt-kaikki .album-info {width:332px;margin-right:10px;}
#kultalevyt .chart .header .album-info,#myydyimmat-levyt-kaikki .chart .header .album-info {width:400px;}
#virallinen-lista .position,#virallinen-lista .position-last-week {width:30px;}
#virallinen-lista .position strong {font-size:30px;font-weight:100;}
#virallinen-lista .chart .header .position strong {font-size:11px;font-weight:bold;}
#virallinen-lista .chart .header .position {width:158px;}

#virallinen-lista .chart .album-info {padding-left:30px;width:370px;}
#virallinen-lista .chart .header .album-info {padding-left:0;width:370px;}
#virallinen-lista .chart .header .weeks-on-chart {float:left;width:100px;}
#virallinen-lista-artisti .album-art {width:58px;}
#virallinen-lista-artisti .positions {float:left;clear:both;width:100%;margin-bottom:1.5em;}
#virallinen-lista-artisti .positions ul {list-style:none;margin:0 0 0 68px;;padding:0;}
#virallinen-lista-artisti .positions strong {margin-left:68px;}
#virallinen-lista-artisti .positions ul strong {margin-left:0;color:#000;}
#virallinen-lista-artisti .positions ul strong,#virallinen-lista-artisti .positions ul span {float:left;}
#virallinen-lista-artisti .positions ul span {width:80px;}
#virallinen-lista-artisti .positions ul li {float:left;width:170px;}
.chart .position-same .album-info {background: url(../../img/position-same.png) 0 50% no-repeat;}
.chart .position-up  .album-info {background: url(../../img/position-up.png) 0 50% no-repeat;}
.chart .position-down  .album-info {background: url(../../img/position-down.png) 0 50%  no-repeat;}
.chart .position-re  .album-info {background: url(../../img/position-re.png) 0 50% no-repeat;}
.chart .position-new  .album-info {background: url(../../img/position-new.png) 0 50% no-repeat;}

#virallinen-lista-arkisto h3 {margin: 0;}
#virallinen-lista-arkisto ul {margin: 0 0 1.5em 0;list-style: none;float:left;width:620px;}
#virallinen-lista-arkisto li {float:left;margin-right:10px;text-align:right;width:60px;}

#artists a {font-weight:normal;}
#artists div.span-5 {line-height:1.2;}
#artists div.span-16 {padding: 5px 4px;width:622px;}
#artists div.span-16:nth-child(2n+1) {background:#fff;}
#artists .artists {margin-bottom:1.5em;overflow:hidden;}
#artists .letters {list-style:none;margin:0 0 1.5em 0;overflow:hidden;padding:0;}
#artists .letters li {float:left;width:32px;text-align:center;margin-right:10px;margin-bottom:2px;}
#artists .letters li.selected {font-weight:bold;}
#artists .letters a {color: #575050;padding:2px;display:block;text-decoration:none;background:#fff;font-weight:normal;}
#artists .letters a:hover {color:#fff;background: #696A64;}

#document-header {border-bottom:3px solid #c6c6c6;padding:2em 0;margin-bottom:2em;}
#document-title {font-size:24px;font-weight:bold;text-transform:none;line-height:1;width:590px;}
#document-title.official-chart {margin-left:177px; width: 400px;} 
#content #document-header h2 {font-size:30px;font-weight:500;margin-bottom:0;text-transform:uppercase;}

#document-title a.ovi-download,.chart .more a.ovi-download {float:right;font-size:12px;line-height:24px;color:rgb(202,0,108);font-weight:bold;margin-right:-50px;background:none;padding-left:40px;position:relative;}
.chart .more a.ovi-download {margin:0;width:auto;padding-right:0;line-height:18px;background-position:0 50%;}

#content {margin-bottom:4em;}
#main {font-size:14px;width:590px;float:left;margin-right:10px;padding-right:80px;}
#main.wide {width:640px;padding-right:30px;}
#main .desc {font-size:18px;}
.virallinen-lista #main .desc img {position:relative;float:left;margin:-50px 28px 30px 0;}
#main .desc span span {font-size: 12px; line-height: 1; display: block; margin-top: 1em;}
#aside {font-size:14px;float:left;width:240px;margin:0;padding-right:30px;}

#subnav {margin-bottom:1em;}
.in-english #subnav {display:none;}
#subnav ul {list-style:none;margin: 0 0 1.5em 0; padding:0;}
#subnav a {font-weight:normal;color:#232323;padding-left:10px;background:url(../img/bullet.png) 0 6px no-repeat;display:block;}
#subnav a.folder {background:none;color:#ca006c;font-weight:bold;padding:0;}
#subnav .selected a {font-weight:bold;}
#subnav .selected ul a {font-weight:normal;}
#subnav ul ul .selected a {font-weight:bold;}
#subnav ul ul {font-size:12px;margin-left:20px;}
#sidebarContent {font-size:12px;}
#sidebarContent .pdf {background:url(../img/pdf.png) -8px 4px no-repeat;padding: 12px 0 4px 50px;height:50px;display:block;border-bottom:1px dotted #000;border-top:1px dotted #000;}
.virallinen-lista #sidebarContent .pdf {padding-right:30px;}
#sidebarContent .format {display:none;}

#breadcrumbs {font-size:11px;}
#breadcrumbs a {color:#232323;font-weight:normal;}

.years {overflow:hidden;margin: 0 0 1.5em 0;border-top:2px solid #c6c6c6;padding-top:1em;}
.years ol {list-style:none;float:left;padding:0;margin:0 40px 0 0;width:40px;}
.years ol a {font-weight:normal;color:#232323;}
.years ol span {display:none;}

.chart-nav {margin: 0 0 1.5em 0;border-top:2px solid #c6c6c6;padding-top:1em;}
#kultalevyt .chart-nav {border-top:0;}
.chart-nav h3 {font-size:18px;font-weight:bold;float:left;}
.chart-nav div {margin:0;padding:0;font-size:12px;clear:right;float:right;}
.chart-nav div a {color:#0c0c0c;}
.chart-nav div a.selected {color:#ca006c;}
#main .chart-nav .desc {clear:both;font-size:14px;}

#prev-next-year a {font-size:12px;}
#prev-year a {position:fixed;left:20px;padding:6px 0 4px 32px;background:url(../img/previous.png) 0 0 no-repeat;top:50%;margin-top:-16px;}
#next-year a {position:fixed;right:20px;padding:6px 32px 4px 0;background:url(../img/next.png) 100% 0 no-repeat;top:50%;margin-top:-16px;}

#albumSearch {margin-bottom: 3em;}
#albumSearch h4 {float:left;width:120px;font-size:18px;color:#808080;margin:0;padding-top:10px;}
#albumSearch .searchPhrase, #newsletter-email {padding:8px;border:2px solid #bebebe;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:360px;margin-right:10px;float:left;}
.submitBtn,.submit-button {font-size:18px;border:0;background:url(../img/more.png) 100% 50% no-repeat;color:#ca006c;font-weight:bold;cursor:pointer;padding: 5px 20px 5px 0;float:left;margin-top:5px;}
#newsletter .submit-button {float:right;padding-top:0;}
#albumSearch p {font-size:12px;color:#7c7c7c;clear:both;margin:0 0 1.5em 140px;}

#news h4 {margin-bottom:0;font-size:1em;}
.international-news {list-style:none;padding:0;}
.international-news li {margin-bottom:.5em;}
.arkisto #news h4 {margin-bottom:1.5em;}
#news .date {font-size:12px;}
a.top {float:right;font-size:12px;}

#palkintoLista h3 {margin-bottom:.5em;}
#palkintoLista .lista {border-bottom:1px solid #eee;clear:both;margin-bottom:3em;overflow:hidden;padding-top:.5em;}
.palkinto {float:left;clear:both;width:100%;padding:5px 0;border-top:1px solid #EEEEEE;}
#content .palkinnot .palkinto:first-child {border-top:1px solid #ccc;}
.palkinto:nth-child(2n+1) {background:#fff;}
.palkinto .kategoria {color:#2A2A2A;float:left;font-size:11px;font-weight:bold;margin-right:10px;padding-left:4px;text-align:left;text-transform:uppercase;width:150px;}
.palkinto .voittaja {width:390px;float:left;}


.pages {padding: 6px 10px; background: #fff; float: left;width: 620px;margin: 1em 0;}
.pages .selected {font-weight: bold;color: #BD295B;}
.pages a:hover  {color: #BD295B;text-decoration: underline;}
.pages a {padding: 2px;color: #333;text-decoration: none;font-weight:normal;}
.pages .previous {float: left;font-weight:bold;}
.pages .next {float: right;font-weight:bold;}
.pages span {width: 400px; text-align: center; float: left;}

.odd {background:#fff;}
tr.even td {background:none;}
#fileList .file {padding: 5px 0;}

#fileList.lausunnot .file {padding: 10px 0;}
#fileList.lausunnot a {padding-left:80px;background:url(../img/pdf.png) 15px -5px no-repeat;display:block;min-height:45px;}
#fileList.lausunnot a:hover {text-decoration:none;}
#fileList.lausunnot a:hover .title {text-decoration:underline;}
#fileList.lausunnot a span {display:block;}
#fileList.lausunnot a .date,#fileList.lausunnot a .info {color:#232323;font-weight:normal;}
#fileList.lausunnot a .date {font-size:12px;}

#ovi-musiikki,#virallinen-lista-albumit-singlet,#virallinen-lista-muut {overflow:hidden;margin-bottom:1.5em;}
#ovi-musiikki h3,#virallinen-lista-albumit-singlet h3,#virallinen-lista-muut h5 {font-size:18px;margin-bottom:.5em;}
#ovi-musiikki h3 a,#virallinen-lista-albumit-singlet h3 a,#virallinen-lista-muut h5 a {color:#232323;text-transform:uppercase;}
#myydyimmat-levyt-kaikki .chart-nav {border:0;}
#ovi-musiikki-info,#virallinen-albumit,#virallinen-midprice {margin-right:20px;}
#ovi-musiikki,#ovi-musiikki-info,#virallinen-albumit,#virallinen-singlet,#virallinen-midprice,#virallinen-musicdvd {float:left;width:310px;}
#ovi-musiikki .chart .position,#virallinen-singlet .chart .position,#virallinen-albumit .chart .position,#virallinen-lista-muut .chart .position {font-size:30px;font-weight:100;}
#virallinen-lista-muut .chart .position {line-height:1;}
#virallinen-lista-info {font-size:12px;}
#ovi-musiikki-info {margin-top:28px;}
#ovi-musiikki-info p {font-size:11px;color:#555;width:230px;margin-left:20px;}

#newsletter {padding:10px;background:#fff;background: #fff;overflow:hidden;margin-bottom:10px;}
#newsletter h5 {line-height:1.2;margin-bottom:12px;overflow:hidden;}
#newsletter p.note {color:#555555;float:left;font-size:11px;line-height:1.2;margin-bottom: 1.5em;}
#newsletter p.email{width:220px;float:left;margin-bottom: 0;vertical-align:top;}
#newsletter .text {width:200px;margin-right:0;margin-top:0;}
#newsletter .default-text {color:#666;font-style:italic;}
#newsletter p.email span {display:block;clear:both;}
#newsletter .error-msg {font-weight:bold;color:red;}
#newsletter .ok {font-weight:bold;color:blue;line-height:1.2;}

.info span a img.top {float:left;margin-right:10px;margin-bottom:20px;}

#members .member {float:left;width:285px;margin-right:10px;font-size:12px;}

#emma-nosto {margin-bottom:1.5em;}
#emma-nosto a {color:#232323;text-decoration:none;}
#emma-nosto a img {margin-right:50px;vertical-align:top;}
#emma-nosto a strong {font-size:21px;}

#emma-nosto a:hover strong {text-decoration:underline;}


#login {margin: 0 auto;width: 500px;}
#login .text {width: 200px;}
#login ol {list-style: none;}

#login .submit {padding-left:155px;margin-top:10px;}
#login label {display:block;width:150px;float: left;text-align: right;margin-right: 5px; padding-top: 4px;}

#share {margin-top:-60px;padding:10px;margin-bottom:10px;overflow:hidden;}
#share h5 {font-size:11px;margin-bottom:.5em;}
#share a {display:block;color:#232323;display:block;font-weight:normal;margin-bottom:.5em;font-size:12px;float:left;margin-right:10px;}
#share a.fb {background:url(../img/f.png) 0 50% no-repeat;padding-left:24px;line-height:24px;}
#share a.twitter {background:url(../img/tweet.png) 0 50% no-repeat;padding-left:24px;line-height:24px;}
#share p {margin:0;}