body {
  margin: 0;
  background: #fff url(../img/body-bg.png) repeat;
  color: #222;
}

a {
  color: #bd295b;
}

#main h2 a {
	text-decoration: none;
	color: #111;
}

#main h2 a:hover {
	color: #111;
}

#bg {
  text-indent: -9999px;
  height: 500px;
  position: absolute;
  z-index: 0;
  width: 970px;
}

.etusivu #bg {
  background: url(../img/homepage-figure.png) top left no-repeat;
  width: 468px;
  margin-top: 0;
  z-index: 1;
}

.etusivu #bg div {
  background: url(../img/homepage-curve.png) top left no-repeat;
  position: relative;
  height: 237px;
  width: 595px;
  left: 375px;
  top: 83px;
}

#bg {
  background: url(../img/curve.png) top right no-repeat;
  margin-top: 60px;
}

#banner-container {background: #000; height: 100px; padding-top: 10px;}
#banner {width: 728px; margin: 0pt auto;}

#home-raise {padding: 15px 20px 10px 20px; background: rgba(255, 255, 255, 0.8); position: absolute; font-size: 16px;width: 440px; left: 718px; top: 295px; z-index: 100;}
#home-raise {top:405px;} /* with banner */
#home-raise .img {padding-right: 5px;}

/* HEADER & NAVIGATION */

#header {
  padding-top: 34px;
  position: relative;
  z-index: 10;
}

#header h1 {
  width: 305px;
  height: 51px;
  margin: 0 45px 0 0;
  padding: 0;
  background: url(../img/logo.png) top left no-repeat;
  text-indent: -9999px;
  float: left;
  position: relative;
  z-index: 20;
}

.etusivu #header h1 {
  background: url(../img/logo-homepage.png) top left no-repeat;
}

#header h1 a {
  display: block;
  height: 100%;
  outline: none;
}

#navigation {
  position: relative;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  float: left;
  width: 95px;
  height: 3.7em;
  line-height: 1.1;
  padding: 0;
  margin-right: 10px;
  position: relative;
}

#navigation li.selected a,#navigation li a:hover {color: #BD295B;}

#navigation #navi-ifpi {
  margin-right: 0;
}

#navigation a {
  padding: 0 0 0 5px;
  border-left: 2px solid #fff;
  /*margin: 0 0 0 -10px;*/
  text-decoration: none;
  color: #2d2b2b;
  font-size: 1.2em;
  display: block;
  height: 100%;
  position: relative;
  text-transform: uppercase;
}

#header a.inEnglish {
  width: 200px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 750px;
  color: #2d2b2b;
  text-decoration: none;
}

#leftBg, #rightBg {
	overflow: hidden;
	float: left;
	top: 233px;
	top: 343px; /* with banner */
}

#header a.inEnglish:hover {
  text-decoration: underline;
}

#navi-etusivu a {border-color: #ffd237;}
#navi-uutiset a {border-color: #3da5e2;}
#navi-tilastot a {border-color: #bd295b;}
#navi-palkinnot a {border-color: #b2c136;}
#navi-info a {border-color: #fb991b;}
#navi-ifpi a {border-color: #515151;}

#navigation a:hover, #navigation .selected a  {
  /*border-left: 2px solid #00bbe5; */
}
#navigation a span {
  font-size: .83em;
  display: block;
  text-transform: none;
}

/* FRONTPAGE */

#frontpage {
  margin-top: 265px;
}

#listat, #myynti {
  background: rgba(255, 255, 255, 0.7);
	position:relative;
	z-index:2;  
}

#listat h2, #myynti h2 {
  background: url(../img/title-background.png) top left repeat-x;
  margin: 4px;
  padding: 0;
  color: #fff;
  line-height: 1em;
  position: relative;
  font-size: 1em;
  font-weight: lighter;
  border-bottom: 2px solid #fff;
}
#listat h2 span, #myynti h2 span {
  background:  url(../img/header-bullet.png) 10px 50% no-repeat;
  display: block;
  padding: 10px 10px 0 30px;
  
}

#listat h2 strong, #myynti h2 strong {
  line-height:.1em;
  font-weight: normal;
  font-size: 1.1em;
}
#listat h2 em, #myynti h2 em {
  display: block;
  color: #fff;
  font-size: 1.5em;
  font-style: normal;
  margin: 4px 0 0 0;
  height: 22px;
}
#listat h2 a, #myynti h2 a {
  color: #fff;
  background-image: url(../img/homepage-tabs.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  outline: none;
  display: block;
  float: left;
  height: 22px;
}

#listat h2 a.showLatauslista {
  width: 105px;
  background-position: 0 0;
}

#listat h2 a.showTop40 {
  width: 176px;
  background-position: -105px 0;
}

#listat #top40 h2 a.showLatauslista {
  background-position: 0 -22px;
}
#listat #top40 h2 a.showTop40 {
  background-position: -105px -22px;
}

#myynti h2 a.showKotimaiset {
  width: 105px;
  background-position: 0 -44px;
}

#myynti h2 a.showUlkomaiset {
  width: 105px;
  background-position: -105px -44px;
}

#myynti #ulkomaiset h2 a.showKotimaiset {
  background-position: 0 -66px;
}
#myynti #ulkomaiset h2 a.showUlkomaiset {
  background-position: -105px -66px;
}

#listat h2  .logo {
  position: absolute;
  top: 0;
  right:0; 
  width: 140px;
  height: 47px; 
  background: url(../img/latauslista.png) 10px 4px  no-repeat;
  text-indent: -9999px;
  outline: none;
}

#top40 h2 .logo {
  background: url(../img/top40.png) 60px 4px  no-repeat;
}

#listat .header, .myyntiHeader {
  margin-top: .5em;
}

#listat .header div, .myyntiHeader div {
  font-size: .9em;
  border-bottom: 1px dotted #000;
}

#listat .data img,#myynti .data img {
  border: 1px solid #333;
  float: left;
}

#myynti .data img {
  margin-right: 10px;
}

#listat .data,#myynti .data {
  margin-bottom: 1em;
  position: relative;
  z-index: 10;
}

#listat .data strong,#myynti .data strong {
  font-weight: bold;
  color: #c13765;
  display: block;
}  
#listat .data .player {
  float: left;
  width: 20px;
  height: 38px
}

#latauslista .data .buy a {
  font-weight: bold;
  color: #00ad08;
}

#latauslistaFooter,#top40footer {
  background: url(../img/latauslista-footer.png) top left no-repeat;
  position: relative;
  margin: -30px 0 20px 10px;
  height: 145px;
  z-index: 5;
}

a.lisaaTilastoja {
  background: url(../img/lisaa-tilastoja.png) top left no-repeat;
  width: 127px;
  height: 27px;
  float: right;
  margin-right: 35px;
  margin-top: -10px;
  margin-bottom: 15px;
  text-indent: -9999px;
  outline: none;  
}

#latauslistaFooter p,#top40footer p {
  color: #fff;
  position: absolute;
  width: 275px;
  left: 160px;
  top: 56px;
}

#top40footer p {
  top: 50px;
}

#latauslistaFooter p a,#top40footer p a {
  color: #fff;
  font-weight: bold;
}

#nostot {
  margin-top: 3em;
}

#nostot h2 {
  font-size: 1em;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1.2em;
  padding: 15px 10px;
}

#nostot h2 span {
  border-left: 2px solid red;
  padding-left: 20px;
  height: 0;
}

#nostot h2.uutiset span {border-color: #3DA5E2;}
#nostot h2.ifpi span {border-color: #515151;}
#nostot h2.info span {border-color: #FB991B;}
#nostot h2.tilastot span {border-color: #BD295B;}
#nostot h2.palkinnot span {border-color: #B2C136;}

#nostot h2 span span {
  font-size: 1.5em;
  display: block;
  padding-bottom: 10px;
}

#news, #ifpi-org {
	position: relative;
}

#ifpi-org ul {list-style: none;margin: 0;}
#ifpi-org li {margin-bottom: .5em;clear:both;}

#news div, #ifpi-org div {
  text-align:right;
  float: left;
  margin-right: 10px;
  position: relative;
  margin-left:-70px;
  width: 60px;
}

#ifpi-org h4 {float: left;width: 360px;}

* html #ifpi-org div {margin-left: -40px;}
* html #news div {margin-left: -40px;}

#news h4 a,#ifpi-org h4 a {
  text-decoration: none;
  font-weight: bold;
}

#nostot p {
  color: #504d4d;
  margin-left: 35px;
  margin-right: 10px;
}

#news p {
  margin-left: 0;
}

a.lisaaUutisia {
  background: url(../img/lisaa-uutisia.png) top left no-repeat;
  width: 127px;
  height: 27px;
  float: right;
  margin-bottom: 15px;
  text-indent: -9999px;
  outline: none;  
}

a.top {
 float:right;
 font-size: .9em;
}

/* PALKINNOT */

#palkintoLista h3 {
  clear: both;
  margin-bottom: 0;
  border-bottom: 1px solid #000;
}

#palkintoLista .palkinto {
  float: left;
  margin-right: 0;
  width: 620px;
  border-bottom: 1px dotted #000;
  margin-bottom: .5em;
  padding: .5em 0;
}

#palkintoLista .kategoria {
  text-align: right; 
  font-weight: bold;
  float: left;
  margin-right: 10px;
  width:270px;
}

#palkintoLista .voittaja {
  float: left;
  margin-right: 0px;
  width:340px;
}

.statLinks a {
	background: url(/assets/img/select-chart-type.png) -140px 0 no-repeat;
	display:block;
	float:left;
	text-align:center;
	width:70px;
	height:32px;
	line-height:1;
	padding-top:5px;
	text-decoration: none;
	font-size: .9em;
	color: #3b3b3b;
	margin-right: 5px;
}

.statLinks a span {
	display: block;
	
}

.statLinks a:hover {
  background: url(/assets/img/select-chart-type.png) -70px 0 no-repeat;
}
	
.statLinks .selected,.statLinks a.selected:hover {
  font-weight: bold;
  background: url(/assets/img/select-chart-type.png) 0 0 no-repeat;
  color: #fff;
}

.statLinks a em {
	font-weight: normal;
	font-style: normal;
}

.statLinks {
  margin-bottom: 2em;
  clear: both;
  float: right;
  	width: 380px;
}
.statLinks .header {
	float: left;
	width: 380px;
	font-size: .9em;
}

.statLinks div {
	float: left;
	margin-right: 5px;
}

.statLinks div.last {
	margin: 0;
}

.statLinks .header strong {
		float: left;
		width: 155px;
}

#listHeader {
  text-align:right;
  margin-bottom: .5em;
}

#listHeader div {
  border-bottom:1px solid #ccc;
  text-align:left;
}
#listHeader strong {
  display: block;
}
#listHeader span {
 font-size: .9em;
}

#albums .odd {
  background:rgba(255,255,255,0.5);
}


#albums .album {
  margin-bottom:1em;
  padding: .2em 0;
  line-height: 1.2;
  float:left;
  width:620px;
}

#albums .image {
  float:left;
  margin-right:10px;
  width:60px;
}

#albums .image img {
  border: 1px solid #000;
}

#albums .info {
  float:left;
  margin-right:10px;
  width:340px;
}

#albums .infoSales {
  float:left;
  margin-right:10px;
  width:235px;
}

#albums .info a,#albums .infoSales a {
  font-weight: bold;
  display: block;
}

#albums .info em,#albums .infoSales em {
  font-style: normal;
  display: block;
}

#albums .info span,#albums .infoSales span {
  font-size: .9em;
  color: #5f5e5e;
}

#albums .position {
  float:left;
  margin-right:10px;
  width:25px;
}

#albums .sales {
  float:left;
  margin-right:10px;
  width:55px;
  text-align: right;
  padding-right: 5px;
}

#albums .prizes {
  float:left;
  width:130px;
}

#albums .prizes span {
  display: block;
}

#fileList .span-18 {
  margin-bottom:1em;
  padding: .5em 0;
}

#fileList span {
	display: block;
	font-size: .9em;
}

#fileList .odd {
    background: rgba(255, 255, 255, 0.5);
}

.newsTitle span {
  color:#333333;
  display:block;
  font-size:0.5em;
  line-height:1em;
  padding-bottom:0.2em;
}

.newsTitle strong {
  font-weight:normal;  
}

/* FOOTER */

#footer {
  background: #53544d;
  color: #d4d4d4;
  padding: 1em 0 2em 0;
  margin-top: 2em;
  position: relative;
}

#footer a {
  color: #d4d4d4;
  text-decoration: none;
  float: left;
  width: 100%;
  margin-left:1em;  
}

#footer h4 a {margin-left: .1em;}

#footer h5 {
  margin: 0 0 0 -1em;
}

#footer ul {
  margin: 0;
  list-style: none;
}

#footer ul ul {
  
}

#footer li span {
  margin-left:-10px;
  position:relative;
}

#footer h4 {
  margin-bottom: .5em;
  padding-bottom: .5em;
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px dotted #d4d4d4;
}

#footer .container div {
  border-left: 2px solid #3DA5E2;
  padding-left: 10px;
  float:left;
  margin-right:10px;
  padding-right:35px;
  width:118px;  
}
#footer .container .palkinnot {
  padding-right: 0;
}

#footer .container .akt {
  padding-right: 0;
  margin-right: 0;
}

#footer .container .uutiset {border-color: #3DA5E2;}
#footer .container .tilastot {border-color: #BD295B;}
#footer .container .palkinnot {border-color: #B2C136;}
#footer .container .info {border-color: #FB991B;}
#footer .container .ifpi {border-color: #d4d4d4;}
#footer .container .akt {
  border: 0;
  background: url(../img/logo-akt.png) top left no-repeat;
  width: 118px;
  height: 36px;
  text-indent: -9999px;
}

/* CONTENT */

#description {
  margin: 70px 0 26px -10px;
}

#description h2 {
  background: url(../img/description-bg.png) left center no-repeat;
  font-size:  3em;
  margin-bottom: 0;
}

#description h2 span {
  width: 245px; 
  display: block; 
  text-align: right;
}

#breadcrumbs {
  text-align: right;
  margin-top:-1.8em;
}
#breadcrumbs a,#breadcrumbs span {
  font-size: .9em;
  background: #fff;
  color: #575050;
  padding: 2px 4px;
  text-decoration: none;
}

#subnavi {
  margin-left: -10px;
  width:245px;
}
#subnavi ul {
  list-style: none;
  margin: 0;
  border-bottom:1px dotted #000000;
  width:235px;  
}
#subnavi li {
  width: 235px;
  padding: 1px 0;
  border-top: 1px dotted #000;
}

#subnavi li a {
  line-height: 34px;
  text-decoration: none;
  color: #302a2a;
  font-size: 1.1em; 
  display: block;
  padding-left: 10px;
  width: 235px;
}

#subnavi li a:hover,#subnavi li.selected a {
  background: url(../img/subnavi-bg.png) top left no-repeat;
  color: #fff;
}
#subnavi ul li.selected ul li {
  border: 0;
  margin-left: 20px;
}

#subnavi ul li.selected ul {
  border: 0;
  margin: .5em 0 1em 0;
}

#subnavi ul li.selected ul a {
  background: none;
  color: #BD295B;
  
  border: 0;
  display:inline;
  
  line-height:1.2em;
  padding: 0;
  text-decoration:none;
  width:auto;
}


#sidebarContent {
  margin-top: 2em;
}

.desc span {
  color: #302a2a;
  font-size:1.4em;
}

.years {
  clear: both;
}

.years a, .years span {
  display: block;
  float: left;
  width: 4em;
}

.years ol  {
  list-style: none;
  padding: 0;
  margin: 0;
}

.years ol li {
  display: inline;
  margin-right: 1em;
}

.albumBox {
  float: left;
  width: auto;
  padding: 10px;
}

.albumBox p {
	margin-top: 2em;
}

.albumBox h4 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1em;
}
.albumBox .years a, .albumBox .years span {
  width: 3em;
}

#albumSearch {
  width: 180px;
  float: left;
  margin-right: 10px;
}

.albumBox .years {
  float: left;
  width: 400px;
  clear: right;
}

#albumSearch .searchPhrase {
  border: 1px solid #bcbcb9;
  padding: 4px;
  width: 130px;
}

#albumSearch p {
  margin-top: 1em;
  color: #666;
  font-size: .9em;
}

.pages {
	padding: 6px 10px; 
	background: rgba(255,255,255,0.7); 
	float: left;
	width: 600px;
	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;
}

.pages .previous {
	float: left;
}

.pages .next {
	float: right;
}

.pages span {
	width: 400px; 
	text-align: center; 
	float: left;
}

a.pdf {
	background: transparent url(../img/pdf.png) no-repeat top left; 
	padding-left: 20px; 
}

span.format {
	padding-left: 20px;
	font-size: .9em;
}

#prevNextYear a {
	color: #333;
	text-decoration: none;
}

#prevNextYear a:hover {
	color: #BD295B;
	text-decoration: underline;
}

#nextYear {
	text-align: right;
	margin-bottom: 0;
}

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

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

#rin {
  display:block;
  float:left;
  margin-bottom:1.5em;
  margin-left:30px;
  margin-right:0;
  margin-top:5px;
}

#virallinen-albumit,#virallinen-singlet {width:305px;float:left;margin-right:10px;background:rgba(255, 255, 255, 0.7);position: relative;}
#virallinen-singlet {margin-right: 0;}
#virallinen-lista-albumit-singlet {margin-bottom: 1.5em;overflow: hidden;position: relative;}

#virallinen-lista-muut h5, #virallinen-lista-albumit-singlet h3 {margin: 4px;background: url(../img/title-background.png) 0 0 repeat-x;padding:10px 15px;}
#virallinen-lista-muut h5 {margin:0 0 1em 0;}
#virallinen-lista-muut h5 a, #virallinen-lista-albumit-singlet h3 a {color: #fff;text-decoration: none;}
#virallinen-lista-muut h5 a:hover, #virallinen-lista-albumit-singlet h3 a:hover {color: #fff;text-decoration: underline;}
#virallinen-lista-albumit-singlet .header,#virallinen-lista-albumit-singlet .album {float:left;width:301px;position: relative;}
#virallinen-lista-albumit-singlet .header div {border-bottom:1px dotted #000000;font-size:.9em;float:left;position:relative;margin:0 10px 1.5em 19px;width:25px;}
#virallinen-lista-albumit-singlet .header .title {width:240px;margin:0;}
#virallinen-lista-albumit-singlet .album {margin-bottom: 1.5em;}
#virallinen-lista-muut .position, #virallinen-lista-albumit-singlet .album .position {margin-left:20px;float:left;margin-right:10px;width:25px;}
#virallinen-lista-muut .position {margin-right:0;}
#virallinen-lista-albumit-singlet .album img {border:1px solid #333;float:left;margin-right:10px;}
#virallinen-lista-muut .album strong, #virallinen-lista-muut .album span, #virallinen-lista-albumit-singlet .album strong,#virallinen-lista-albumit-singlet .album span {display:block;}
#virallinen-lista-albumit-singlet .album .info {float:left;width:235px}
#virallinen-lista-muut .info {float:left;width:145px;margin-right:0;}
#virallinen-lista-muut .more, #virallinen-lista-albumit-singlet .more {display: block;padding: 1em;text-align: right;font-weight: bold;}
#virallinen-lista-muut .more{float:left;margin-left:45px;margin-top:1em;padding:0;text-align:left;}

#albums .position-same,#albums .position-up,#albums .position-down,#albums .position-re,#albums .position-new {float:left;height:58px;width:70px;text-align:right;position:relative;}
#albums .position-same {background: url(../img/position-same.png) 50% 100% no-repeat;}
#albums .position-up {background: url(../img/position-up.png) 50% 100% no-repeat;}
#albums .position-down {background: url(../img/position-down.png) 50% 100% no-repeat;}
#albums .position-re {background: url(../img/position-re.png) 50% 100% no-repeat;}
#albums .position-new {background: url(../img/position-new.png) 50% 100% no-repeat;}
#albums a.album-name {font-weight: normal;margin-top:1em;}

#albums .sijoitukset {margin:0 0 1.5em 70px;clear:both;float:left;width:550px;}
#albums .sijoitukset ul {margin:0;padding:0;list-style: none;}
#albums .sijoitukset li {width:110px;float:left;}
#albums .sijoitukset a span {float:left;width:50px;text-align:right;margin-right:10px;}
#albums .sijoitukset a strong {float:left;text-decoration: none;color: #111111;text-align:right;width:20px;}

h3.artist-title {margin-top: -1em;position:relative;}

#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 .artists {margin-bottom:1.5em;overflow:hidden;}
#artists .letters {list-style:none;margin:0 0 1.5em 0;overflow:hidden;}
#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;}
#artists .letters a:hover {color:#fff;background: #696A64;}

#newsletter {padding:10px;background:#fff;background: rgba(255, 255, 255, 0.7);overflow:hidden;margin-bottom:10px;}
#newsletter h5 {border-bottom:1px dotted #000;padding-bottom: 5px;margin-bottom:5px;}
#newsletter p.note {color:#555555;float:left;font-size:11px;line-height:1.2;width:290px;margin-right:20px;margin-bottom: 0;}
#newsletter p.email{width:280px;float:left;margin-bottom: 0;vertical-align:top;}
#newsletter .text {width:180px;margin-right:10px;margin-top:0;}
#newsletter .default-text {color:#666;font-style:italic;}
#newsletter p.email span {display:block;}
#newsletter .error-msg {font-weight:bold;color:red;}
#newsletter .ok {font-weight:bold;color:blue;}