/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.35;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Basic styles */
* { background-repeat:no-repeat; }

ul, ol { margin-left:15px; padding-left:15px; }

ul {
    list-style-type:disc;
}

a { text-decoration:none; color:#0091c1; outline:none; -moz-outline-style: none; }
a:hover { text-decoration: underline; }
a:hover b { text-decoration:none; }

body { background:#191919; background-image:url(/images/bg.jpg); color:#333; }

body, td, input, select {
  font-family: 'OpenSans', Arial, sans-serif;
  font-size: 14px;
}
input, select {
  color: #303030;
}

table { border-collapse: collapse; }
table td , table th {  padding:5px 10px 5px 0; vertical-align:top; }
p, ul, h1, h2, h3, h4, h5, h6 { padding-top:5px;padding-bottom:5px; }

p {
    line-height:1.35;
}

h1, h2, h3, h4, h5, h6,
.navi2 a span {
    font-family: "OpenSansCondensed",sans-serif;
    font-weight:bold;
}

b, strong {
    font-weight:bold;
}

fieldset { border:0; }
label { vertical-align: middle; }
label input { vertical-align: middle; }
input, select, textarea { margin-top:1px }

textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-sizing: border-box;
}

#contents li,
#contents dt,
#contents dd { line-height: 135%; }

h3 { font-size: 18px; font-weight: bold; }
h3 small, h3 .small {
    font-family: 'OpenSans', arial, sans-serif;
}

h3 .small {
    font-size:0.8em;
    font-weight:normal;
}

h4 { font-size: 16px; font-weight: bold; }
em, i { /* font-size:11px; color:#666; */ font-style:italic; }

.error { /*background:#FF5000;*/padding:10px 0;color:#FF5000;margin:10px 0 5px; }
.note { background:#fafafa;padding:10px;margin:10px 0;text-align:center }
.successnote { /*background:#D1F0B4;*/padding:10px 0;color:#39c61d;margin:10px 0 5px; }
.loginform .field { margin:10px; padding:5px; }


textarea.field,
select.field,
input.field, input, select, input[type="file"] {
    border: 1px solid #ccc;
    background-color:#e8e8e8;
    padding:6px 7px;
    color:#333;
    border-radius:4px;
}
select,
input[type="text"] {
    -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.1s;
       -moz-transition: border linear 0.2s, box-shadow linear 0.1s;
         -o-transition: border linear 0.2s, box-shadow linear 0.1s;
            transition: border linear 0.2s, box-shadow linear 0.1s;
}
select:focus,
input[type="text"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.2);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.2);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.2);
}
input.normal {
    width:337px;
}
textarea.field {
	font-family:'OpenSans', arial, sans-serif;
	font-size:12px;
    width:353px;
    height:120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.phototools { font-size:11px }
.small, small, .nocontent { font-size:12px; }

.nocontent { /*background:#efefef; display:inline;padding:0*/ color:#777; }
#topblock .nocontent {
    color:#fff;
    font-size:14px;
}

#visits table h2 { font-size: 18px; }

.expand a { text-decoration: none; }

/**
 * LAYOUT
 */

/* Main layout */

#body_container {
    position:relative;
}

#body_container:before,
#body_container:after {
    content:"";
    display:table;
}
#body_container:after {
    clear:both;
}

.main-container {
    width:1000px;
    float:left;
}

.sitediv {
    margin:0 auto;
    width:1160px;
    position:relative;
}

.headerdiv { z-index:1; margin-top:20px; float:left; }

#contents {
    float:left;
    padding: 15px 10px 0;
    width: 980px;
    position:relative;
    min-height:300px;
    box-shadow:0 4px 7px rgba(0,0,0,0.3);
    background-color:#f9f9f9;
}
.leftblock, #leftblock { width:240px; float:left; text-align:left; padding:0; margin:0 5px 15px; }
#leftblock-empty { width:10px; float:left; text-align:left; padding:0 0 5px 5px; display:none; }
#rightcell { float:right; text-align:left; padding:0 15px 15px 5px; width:200px }

.bottomblock {
    float:left;
    width:980px;
    margin-top:2em;
    margin-bottom:15px;
}

.ad-block {
    float:right;
    clear:right;
    width:160px;
    text-align:center;
    z-index:10;
    position:relative;
}

.ad-block.artist {

}

.ad-block .spacer { height: 15px; }

.moontv-banner {
    border-radius:0 !important;
    display:block !important;
}

.midblock, #midblock { width:720px; float:left; text-align:left; margin:0 5px 15px; }

.wideblock {
    width:970px;
    float:left;
    margin:0 5px 1em;
}

.topblock,
#topblock {
    width:970px;
    float:left;
    padding:15px;
    background:#007ea7;
    color:#fff;
}

.topblock .spot,
#topblock .spot { padding:0 }
.spacer { clear:both; }

.leftblock .spacer,
.topblock .spacer,
#leftblock .spacer,
#topblock .spacer {
    height: 10px;
}

.midblock .spacer,
#midblock .spacer,
#rightcell .spacer {
    height: 10px;
}

#footer {
    float:left;
    width:970px;
    padding-top:5px;
    margin:5px 15px;
    height: 52px;
    font-size:12px;
    text-align:center;
}
#footer p { padding: 3px 0 3px 0; }
#footer, #footer a { color:#ccc; }
#footer .copyright, #footer .copyright a { font-size:10px; color:#666 }

.profilelayout #midblock,
.widelayout #midblock {
    width:970px;
}

/* Inputeja ym. varten */

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

/**
 * Thumbnails (sisältää pätkiä Twitter Bootstrapista)
 */

.thumbnails {
    margin:0 0 0 -20px;
    padding:0;
    list-style-type:none;
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
}

.thumbnails [class*="images"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.thumbnail:hover, a.thumbnail:focus {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnails .images1 {
    width:720px;
}

.thumbnails .images2 {
    width:350px;
}

.thumbnails .images3 {
    width:226px;
}

.thumbnails .images4 {
    width:165px;
}

.thumbnails .images5 {
    width:128px;
}

.thumbnails .images6 {
    width:103px;
}

.thumbnail .actions {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}

.thumbnail .actions > li {
    margin-bottom:5px;
}


/*******************************************************************/
/**  Boksit                                                       **/
/*******************************************************************/

/* Boksi tuplareunuksilla. */
.spot,
.section {
  clear:both;
  padding:0;
  margin:0;
}

/* Clearataan */
.spot:before,
.spot:after,
.section:before,
.section:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.spot:after,
.section:after {
    clear: both;
}

.leftblock .spot,
#leftblock .spot {
    margin-bottom:1em;
}

.leftblock .spot h2,
#leftblock .spot h2 {
    border-bottom: 0;
}

.spot h2 a {
    vertical-align:middle;
}

.spot h2,
.section > h2 {
    font-size: 24px;
    text-transform:uppercase;
    text-decoration:none;
    margin: 0 0px 10px 0px;
    border-bottom:2px solid #0091c2;
    line-height:30px;
    vertical-align:bottom;
}

h1 {
    font-weight:bold;
    font-size:24px;
}

h2 {
	font-size:16px;
	margin-bottom:10px;
    /* color:#0091c1; */
    color:#4f4f4f;
}

.section > h2 a,
.section > h2,
.spot .h2 h2 a,
.spot .h2 h2,
.spot .inner > h2,
.spot .inner > h2 a {
    color:#4f4f4f;
}


/* Main navi */


.navi-container:before,
.navi-container:after {
    content: " ";
    display: table
}

.navi-container:after {
    clear: both;
}

.navi2 {
    float:right;
    margin:10px 0;
    padding:0;
    width:665px;
}
.navi2 li {
    list-style-type:none;
    float:left;
    border-radius:5px;
}
.navi2 a span {
    display:block;
    padding:4px 8px;
    text-shadow:0 1px 4px rgba(0,0,0,0.7);
}
.lt-ie9 .navi2 li {
    margin-left:2px;
    background-color:#5cacc7;
}
.navi2 a:link,
.navi2 a:visited {
    color:#fff;
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
}

.navi2 a:hover {
    text-decoration:none;
}

.navi2 li.sel_top {
    background: #007ea7;
}

.navi2 li.sel_top a span {
    text-shadow:none;
    text-shadow:0 1px 2px rgba(0,0,0,0.5);
}


/* Logobar */

.logodiv {
    float:left;
    width:300px;
    height:57px;
    margin-left:5px;
    position:relative;
}
.logodiv h1 { padding:0; }
.logodiv h1 a { display:block;width:300px;height:57px; padding:0; background:url(/images/2013/logo_protected2.png) no-repeat center center; }
.logodiv h1 a span { display: none; }

/* Header toolbar (login, search etc) */

.tools {
    float:left;
    position:relative;
    white-space:nowrap;
    width:100%;
    margin-bottom:5px;
    margin-top:5px;
}
.tools .tools-inner {
    padding:2px 15px;
    line-height:32px;
    background: #ececec;
    overflow:hidden;
    box-shadow:0 2px 7px rgba(0,0,0,0.3);
}

.tools .tools-inner .login-wrapper a {
    color: #555;
    font-size:16px;
    font-family:'OpenSansCondensed', Arial, sans-serif;
    margin-left:15px;
    display:inline-block;
    vertical-align:middle;
    font-weight:bold;
}

.tools .tools-inner > a.username {

}

.tools .tools-inner > a.messages {
    margin:0;
}

.tools .tools-inner > span {
    display:inline-block;
}

.tools .tools-inner > b a { margin-right:0 }

.headerdiv .tools {
    text-align:right;
}

.fb-login-wrapper {
    float:right;
    margin-top:6px;
    line-height:1;
    min-width:82px;
}

.facebook-login-button {
    display:block;
    line-height:22px;
}

.login-wrapper {
    float:right;
}

/* Search box */
.searchbox {
    float:right;
    text-align:right;
    margin-left:20px;
}

.searchbox #qs select {
    border:0;
    padding:5px 5px 4px;
    background:#fff;
    margin:0;
}
.searchbox img { margin:0px 0px 0px -1px; width: 20px; height: 18px; cursor: pointer; }
.qs_button { margin-left:5px; height:18px; width:18px; padding:0; border:0; background:transparent url('/skins/common/slices/header-sprite.png') 100% -160px no-repeat; cursor:pointer; }
.searchbox select { padding:1px; font-size:12px; }

.searchbox input,
.searchbox button {
    padding:5px 10px;
    border-radius:3px;
    line-height:1;
}

.searchbox input {
    background:#fff;
    border-width:1px;
    border-style:solid;
    border-color:#bbb #ddd #ddd #ddd;
    width:140px;
}

.searchbox button {
    border-width:1px 0 1px 0;
    border-color:#ddd #ddd #eee;
    margin-left:5px;
    background: #f9f9f9;
    cursor:pointer;
    padding:7px 10px;
}

.searchbox button:active {
    border-color:#eee #ddd #ddd;
}

/* User login box */
#quicklogin {
    background:#fff;
    display:none;
    position:absolute;
    right:320px;
    top:35px;
    padding:0.5em 1em;
    z-index:100;
    border:2px solid #ddd;
    border-radius:4px;
    -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.5);
    box-shadow:1px 1px 10px rgba(0,0,0,0.5);
    text-align:left;
    color:#333;
}

#quicklogin p {
    color:#333;
}

#quicklogin span { white-space:nowrap;margin-left:5px; }

#quicklogin .login-details {
    font-size:14px;
}

/* Submenuarea layout */
#submenuarea { margin:10px 0 0 0; }
#submenuarea .tops { padding:20px;margin-bottom:10px;background-color:#f9f9f9; color:#333; border-radius:2px; }
#submenuarea h1 {	font-size:18px;	}
#submenuarea .tools {	margin-top:5px;	font-size:11px; }

/* Tabbed submenu */
ul.submenu {
    margin:0;
    padding:0;
    font-size:14px;
    overflow:hidden;
    z-index:2;
}
ul.submenu li {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    list-style-type:none;
    float:left;
    padding:10px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    background-color:rgb(240, 245, 247);
    background-color:rgba(240, 245, 247, 0.9);
    margin-right:4px;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.05) inset;
    text-shadow:0 1px 1px rgba(255,255,255,0.95);
}
ul.submenu li.sel {
    background-color:#007ea7;
    box-shadow:none;
    text-shadow:0px 1px 1px rgba(0,0,0,0.5)
}
ul.submenu li a {
    color:#333;
    font-weight:bold;
    text-transform:uppercase;
}
ul.submenu li.sel a {
    color:#fff;
}
.spot ul.submenu li.sel { border-bottom:3px solid #222; }

/* Submenu 2nd (usually left navi) */
ul.navioptions {
    margin:0 10px;
    padding:0;
    list-style-type:none;
}
ul.arrows { margin:0 !important; padding:0 !important;  }
ul.navioptions li, ul.arrows li {	list-style-type:none; display:block; float:left; margin:0 10px 0 0; padding:0; border-radius:5px; }
ul.arrows li {
    margin-bottom:1em;
}
ul.arrows li.sep {
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:1px dashed #ddd;
}
ul.arrows { margin-top:10px !important; }
ul.navioptions li { font-size:14px; }
ul.navioptions li a {
    display:block;
    color:#fff;
}
ul.arrows li a {	display:block; color:#272525; }
ul.navioptions li a, ul.arrows li.sel a {	padding:5px 8px 5px 8px; }
ul.arrows li.sel a { padding-top:5px;	}

ul.navioptions li.sel {
    background:#eee;
}

ul.arrows li.sel {
    background:#0091c1;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}

ul.navioptions li.sel a {
    color:#111;
}

ul.arrows li.sel a {
    color:#fff;
}
ul.arrows li { clear:both; line-height:100%; }
ul.arrows li a { padding-left:5px }

ul.arrows li a ~ span {
    padding-left:5px;
    display:block;
}

/**
 * Icons
 */

[class^="icon30-"],
[class*=" icon30-"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-position:0 0;
    background-repeat: no-repeat;
    background-image:url(/images/2013/icons/icons.png);
}

.icon30-keskustelut {
    background-position:0 -60px;
}
.icon30-kommenttirinki {
    background-position:0 -360px;
}
.icon30-radio {
    background-position:0 0;
}
.icon30-toplistat {
    background-position:0 -480px;
}
.icon30-showcase {
    background-position:0 -240px;
}
.icon30-uutiset {
    background-position:0 -120px;
}
.icon30-viikonbiisit {
    background-position:0 -300px;
}
.icon30-valokeilassa {
    background-position:0 -180px;
}
.icon30-dashboard {
    background-position:0 -420px;
}
.icon30-play {
    background-position:0 -540px;
}
.icon30-download {
    background-position:0 -600px;
}
.icon30-toplaylist {
    background-position:0 -660px;
}

/**
 * Ajax loader
 */

.ajax-loader {
    display:inline-block;
    width:32px;
    height:32px;
    background:url(/images/ajax-loader.gif) no-repeat;
}
.ajax-loader.off {
    display:none;
}

h2 [class^="icon30-"],
h2 [class*=" icon30-"] {
    vertical-align:bottom;
}

/* Page specific */

.section {
    margin-bottom:1em;
}

/**
 * Registration lift
 */
.register-ad {
    float:left;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:5px;
    width:1000px;
    height:218px;
    background:url(/images/bg-register-ad.png);
    padding:25px 35px;
}

.register-ad > p {
    font-size:22px;
    color:#fff;
    font-family: 'OpenSansCondensed', Arial, Helvetica, sans-serif;
    font-weight:normal;
}

.register-ad > p > .headline {
    font-size:40px;
    font-weight:bold;
}

/**
 * Sidebar listings (frontpage)
 */

.sidebar-list {
    list-style-type:none;
    margin:0 0 1em;
    padding:0;
}
.sidebar-list li {
    padding: 6px 15px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.sidebar-list li > a {
    font-size:20px;
    font-family: 'OpenSansCondensed', Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:1.2;
    display:block;
}

/**
 * Frontpage sidebar radio
 */

.frontpage-radio { }
.sidebox h2 a {	color:#fff; }


.frontpage-radio h4 {
    margin-left:15px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    text-transform:uppercase;
}

.frontpage-radio a {

}
.frontpage-radio a:hover {
    text-decoration:none;
}
.frontpage-radio input { border:0; }

.frontpage-radio input[type="text"] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
}

.frontpage-radio input[type="submit"] {
    background:#272727;
}

.frontpage-radio .radio-search-tabs {
    margin-left:15px;
}

.frontpage-radio .radio-search-tabs.active {
    color:#333;
    font-weight:bold;
}

/**
 * Frontpage sidebar forum lift
 */

.frontpage-forum-lift {

}

.frontpage-forum-lift li span a,
.frontpage-forum-lift li span {
    font-size:12px;
    color:#666;
    font-weight:normal;
}

.frontpage-forum-lift li .thread-title {
    word-break:break-word;
}

/**
 * Band showcase
 */

.band-showcase {

}

.band-showcase .promo-image {
    position:relative;
}

.band-showcase .promo-image img {
    max-width:100%;
    display:block;
}

.band-showcase .meta {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(255,255,255,0.65);
}

.lt-ie9 .band-showcase .meta {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5FFFFFF,endColorstr=#A5FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5FFFFFF,endColorstr=#A5FFFFFF);   /* IE6 & 7 */
      zoom: 1;
}

.band-showcase .meta h2 {
    padding:10px 20px 20px;
    font-size:18px;
    line-height:1;
    border:0;
    margin:0;
    color:#333;
}

.band-showcase .meta h2 a {
    display:inline-block;
    font-size:48px;
    font-weight:bold;
    text-transform:uppercase;
}

.band-showcase .meta h2 .comment {
    font-weight:normal;
    font-family:'OpenSans', Arial, Helvetica, sans-serif;
}

.band-showcase .meta h2 .listen-now {
    float:right;
    font-size:14px;
    padding:10px 0 0 10px;
    vertical-align:bottom;
}

.band-showcase .listen-now a {
    color:#fff;
}

.band-showcase .promo-image.no-artist p {
    bottom:50px;
    left:40px;
    right:40px;
    position:absolute;
    text-align:center;
    color:#fff;
    font-size:18px;
    line-height:1.5;
    text-shadow:0 1px 1px rgba(0,0,0,0.8);
    font-weight:bold;
}

.band-showcase .promo-image.no-artist a {


}

/**
 * Media song element
 */

.song-body {
    overflow:hidden;
    position:relative;
}

.song-body .cover-image {
    float:left;
    margin-right:10px;
    display:block;
}

.song-body .meta {
    overflow:hidden;
}

.song-body .meta.dark {
    color:#fff;
    background:#000;
    padding:10px;
}

.song-body .comment a {
    color:#fff;
}

.song-body .listen-now a {
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
}

.song-body p {
    margin:0;
    padding:0;
}

.song-body h4 {
    font-size:20px;
    text-transform:uppercase;
    font-weight:bold;
}

.song-body h4 a {
    color:#333;
}

.song-body .dark h4 a:first-child,
.song-body h4 a:first-child {
    color:#0091c1;
}

.song-body .dark h4 a {
    color:#fff;
}

.pay-showcase .meta.dark {
    min-height:80px;
    padding:20px;
}

/**
 * Viikon biisi -nostot
 */

.song-lift > ul {
    margin:0 0 0 -20px;
    padding:0;
    list-style-type:none;
}

.song-lift > ul > li {
    float:left;
    width:345px;
    margin-left:20px;
    margin-bottom:1em;
}

.song-lift > ul > li:nth-child(odd) {
    clear:left;
}

.song-lift .meta h4,
.song-lift .meta > div {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:260px;
}

.song-lift .song-body .cover-image {
    width:70px;
    height:70px;
}

.song-lift .song-body .cover-image img {
    max-width:100%;
    max-height:100%;
}

.song-lift .song-body .week-number {
    color:#ccc;
    position:absolute;
    top:0;
    right:0;
    width:50px;
    text-align:right;
}

.song-lift .song-body .listen-now {
    margin-right:50px;
    width:auto;
}

/**
 * Etusivun Mikseri suosittelee, uudet biisit ja uudet artistit
 */

.cover-list {
    margin:0 0 1em;
    background-position:left center;
    background-repeat:no-repeat;
}

.cover-list.recommended {
    background-image:url(/images/2013/t_mikserisuosittelee.png);
}
.cover-list.latest-songs {
    background-image:url(/images/2013/t_uudetbiisit.png);
}
.cover-list.latest-artists {
    background-image:url(/images/2013/t_uudetartistit.png);
}

.cover-list > ul {
    overflow:hidden;
    background:url(/images/bg.png);
    padding:10px 10px 0 0;
    margin:0 0 0 20px;
    list-style-type:none;
}

.cover-list > ul > li {
    float:left;
    margin:0 0 10px 10px;
    position:relative;
}
/* DEVAUSKOODIA */
.cover-list li:nth-child(n+6) {
    display:none;
}


.cover-list img,
.cover-list a {
    display:block;
    width:178px;
    height:178px;
}

.cover-list a:hover {
    text-decoration:none;
}

.cover-list .label {
    position:absolute;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    padding:2px;
    color:#fff;
    font-weight:bold;
}
.cover-list .label a {
    width:auto;
    height:auto;
    display:inline;
    color:#fff;
}

/*
.cover-list > ul > li:first-child {
    margin-left:0;
}
*/

/**
 * Admin pages
 */

.admin-spotlight {

}

.admin-spotlight ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.admin-spotlight ul li {
    line-height:50px !important;
    vertical-align:middle;
    overflow:hidden;
    margin-bottom:1em;
}

.admin-spotlight ul .genre {
    float:right;
}

.admin-spotlight ul .artist {
    font-size:16px;
}

.admin-spotlight ul .promoimage {
    display:block;
    height:50px;
    width:50px;
    margin-right:20px;
    float:left;
}

.admin-spotlight ul.sortable-list li {
    border:1px solid #ddd;
    padding:5px;
    margin-bottom:5px;
    background:#fff;
}

.admin-spotlight ul.candidates li {
    padding-top:5px;
    line-height:1 !important;
}

.admin-spotlight ul.candidates .promoimage {
    margin-top:-5px;
}

.admin-spotlight ul.candidates form {
    margin:1em 0;
    padding-left:70px;
}

.admin-spotlight ul.candidates label {
    font-size:12px;
}

/**
 * Sortable list
 */

.sortable-list li {
    cursor:move;
}


/**
 * Ads
 */

.ad-container {
}

.ad-container .ad-468x400 {
    width:468px;
    margin:0 auto;
}

/**
 * Misc
 */

.playlist-row .sortable-list li {
    border:1px solid #ddd;
}

.playlistsongs li {
    background:#fcfcfc;
    padding:7px 10px;
    margin:0 0 4px;
}
.playlistsongs { list-style-type:none; margin:10px 0px 10px 0px; padding:0; }

.playlist-comments .ad_warning {
    display:none;
}

.eventinfo td { vertical-align:top }
.eventinfo td h4 { white-space:nowrap }

.listcell1, .listcell2 { padding:7px; }
h2.top40 { background:url('slices/bg-titles.png') no-repeat left center; background-position:0px -142px; padding-left:50px; }
/* h2.comments, h3.comments {	background:url('slices/bg-titles.png') 0 -212px no-repeat;	padding-left:35px } */

/*
h2.forum { background:url('slices/bg-titles.png') no-repeat left center; background-position:0px -69px;	padding:10px;	padding-left:40px }
*/
h2.gigs {
	background:url('slices/bg-titles.png') no-repeat left center;
	background-position:0px -108px;
	padding-bottom:6px;
	padding-left:58px;
	padding-top:5px;
}

.listeners {
	list-style-type:none; margin:0; padding:0;
}
.listeners li {
	float:left;width:50px;height:80px;font-size:11px;margin-right:25px;
}
.listeners li img {
	max-width:50px;max-height:50px; margin-bottom:3px; margin-right:5px;
}
.listeners li div {

}

/* Etusivun keikat */
.title1 {	font-weight:bold; }
.title3, .title3 a, .date {	color:#999; }
.title1 img {	vertical-align:middle; }
.title3 {	font-size:11px; }
.commonlist .listen {	display:inline;	text-align:right;	}
.commonlist td { padding:2px 0; }
.commonlist .listen a, a.listen {	background:url('slices/s-play.png') no-repeat left center; padding-left:17px; }
.commonlist a img {
    vertical-align:middle;
}

.commonlist.playlists p {
    line-height:2;
}


a.listenb {	background:url('/images/play26.png')no-repeat left center; padding:7px 0 7px 34px; }
a.mun {	background:url('/images/mun.gif')no-repeat left center;	padding:5px 22px; }
.eventratings .ratingcontainer { width:200px; border:1px solid #666 }
.eventratings .rating { display:block;height:20px;background-color:#FFDC3F }

.readmore { margin-top:1em; padding:3px 0 3px 7px; font-size:14px; font-weight:bold; text-align:right; border-bottom:2px solid #0091c2; text-transform:uppercase; }
.readmore a {
    color:#333;
}
#midblock .readmore {
    border-bottom:0;
    margin:0;
}
a.tooltip {	position:relative; z-index:24; text-decoration:none; }
a.tooltip:hover {	z-index:25; }
a.tooltip span { display: none }
a.tooltip:hover span {
		padding:10px;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    background-color:#FFDC3F; color:#000;
    text-align: center
}

/* Song list */
.listsongstable td { border-bottom:1px solid #ddd; padding:6px; vertical-align:top; }
.listsongstable .title { font-weight:bold; font-size:14px; }
.listsongstable .artist { font-size:11px; color:#333; }
.listsongstable .rank h1 { font-size:20px; margin:0; padding:0; }
.listsongstable .rank .lastrank {	font-size:9px; padding-left:2px; }
.listsongstable .genre, .listsongstable .genre a { font-size:11px; color:#777; white-space:nowrap; }

.listsongstable .genre a {
    display:inline-block;
}

.listsongstable .genre img {
    vertical-align:baseline;
}

.goldmember {
	font-size:14px;
	text-transform:uppercase;
	background-color:#E8B408;
	padding:3px;
	color:#fff;
    border-radius:3px;
}


.adh { width:728px; margin: 0 auto; margin-bottom: 15px; }


/* Nostolaatikko */
.box_highlight { background:url('/images/bg-music.jpg') no-repeat; padding:15px 15px 6px 15px; margin:auto auto; height:200px; }
.box_highlight_music ul li { list-style-type:none; float:left; width:160px;height:160px;display:block;margin-right:45px;text-align:center; }
.box_highlight_music span { position:relative;top:-50px; background:#000; display:block; }

/*Nostolaatikon mosaiikki*/
.mosaic_music {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  height: 188px;
  width: 752px;
  padding-left: 1px;
  padding-top: 1px;
  background-color: #000;
}

.mosaic_music a {
  display: block;
  float: left;
  opacity: .75;
  -webkit-transition: opacity;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
}

.mosaic_music img {
  width: 93px;
  height: 93px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.mosaic_music a:hover {
  opacity: 1;
  -webkit-transition: opacity;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
}

.box_highlight_frontpage a { color:#fff;}
.box_highlight_frontpage { background:url('/images/bg-music.jpg') no-repeat; padding:0 30px; float:left; height:152px; width:100%; }
.box_highlight_frontpage h2, .box_highlight_frontpage h1, .box_highlight h1, .box_highlight h2 { color:#fff; font-weight:normal; }
.box_highlight_frontpage h1, .box_highlight h1 { font-size:2.5em; }
.box_highlight_frontpage h2, .box_highlight h2 { font-size:1.5em; padding-top:0; }

.notifications ul { margin:0; padding:0 }
.notifications li { list-style-type:none; margin:0; padding:0 }
#notifications {
    padding:10px;
}
#notifications h2{
    border-color:#fff;
    color:#fff;
}
#notifications a {
    color:#fff;
}
#notifications .light {
    color:#eee;
}

/* Nostolaatikon haku */
.finder { white-space:nowrap; padding:7px 10px 10px 10px; }
.finder span { float:left; padding:10px 10px 10px 0 }
.finder input.field { width:75% }
.finder select, .finder span, .finder .field, .finder span, .finder input, .finder .smallsubmit { font-size:15px; }



/* Buttons */
input[type="submit"], input.submit, input.smallsubmit, .button, .smallbutton, .editor_ok_button {
	margin-top:5px;
    display:inline-block;
	cursor:pointer;
	cursor:hand;
	padding:6px 14px;
    background-color: rgb(0,145,193); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgba(0,145,193,1) 0%, rgba(0,127,165,1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,145,193,1)), color-stop(100%,rgba(0,127,165,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgba(0,145,193,1) 0%,rgba(0,127,165,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgba(0,145,193,1) 0%,rgba(0,127,165,1) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgba(0,145,193,1) 0%,rgba(0,127,165,1) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(0,145,193,1) 0%,rgba(0,127,165,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091c1', endColorstr='#007fa5',GradientType=0 ); /* IE6-9 */
    background-repeat:no-repeat;
	/*background:url('slices/btn-bg.gif') repeat-x;*/
	/*background:url('slices/nav-bg.gif') repeat-x;*/
	/*background-position:0px 0px;*/
	color:#fff;
	font-weight:bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-radius:5px;
	border:0;
    -moz-transition: background-position .1s linear 0s;
    -webkit-transition: background-position .1s linear 0s;
    transition: background-position .1s linear 0s;
}
.button:hover, .submit:hover {
    background-position:left 7px;
    -moz-transition: background-position .1s linear 0s;
    -webkit-transition: background-position .1s linear 0s;
    transition: background-position .1s linear 0s;
}
.button:active, .submit:active {
    background:#0091c1;
    box-shadow:0 0 5px rgba(0,0,0,0.3) inset;
}
.button.graybtn {
    display:inline-block;
    color:#333;
    font-weight:normal;
    text-shadow: -1px -1px 1px rgba(255,255,255,0.5);
    background-color: rgb(238,238,238); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.button.graybtn:active {
    background-color: rgb(238,238,238); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.button.greenbtn {
    border-radius:10px;
    display:inline-block;
    padding:6px 30px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    font-size:16px;
    font-weight:bold;
    background-color: rgb(84,221,9); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgba(84,221,9,1) 0%, rgba(68,165,15,1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,221,9,1)), color-stop(100%,rgba(68,165,15,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgba(84,221,9,1) 0%,rgba(68,165,15,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgba(84,221,9,1) 0%,rgba(68,165,15,1) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgba(84,221,9,1) 0%,rgba(68,165,15,1) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(84,221,9,1) 0%,rgba(68,165,15,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54dd09', endColorstr='#44a50f',GradientType=0 ); /* IE6-9 */
}
.button.greenbtn:active {
    background: rgb(75,183,17);
    box-shadow:0 0 5px rgba(0,0,0,0.3) inset;
}
.button.goldbtn {
    border-radius:10px;
    display:inline-block;
    padding:6px 30px;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    font-size:16px;
    font-weight:bold;
    background-color: rgb(249,220,0); /* Old browsers */
    background-image: -moz-linear-gradient(top,  rgba(249,220,0,1) 0%, rgba(181,162,41,1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,220,0,1)), color-stop(100%,rgba(181,162,41,1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  rgba(249,220,0,1) 0%,rgba(181,162,41,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  rgba(249,220,0,1) 0%,rgba(181,162,41,1) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  rgba(249,220,0,1) 0%,rgba(181,162,41,1) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  rgba(249,220,0,1) 0%,rgba(181,162,41,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dc00', endColorstr='#b5a229',GradientType=0 ); /* IE6-9 */


}
.button.goldbtn:active {
    background: rgb(249,220,0);
    box-shadow:0 0 5px rgba(0,0,0,0.3) inset;
}
a.forumbtn {
	background:#fcfcfc;
	border:1px solid #eee;
	color:#0091c1;
	font-weight:normal;
    text-shadow:none;
    filter:none;
}
a.forumbtn:hover {
	text-decoration:underline !important;
	color:#aaa !important;
}
a.button lbig, .large {
	font-size:16px !important;
	padding:8px 14px !important;
}

.button img {
    vertical-align:middle;
}

/*
input.submit:hover, .button:hover, .editor_ok_button:hover, .smallsubmit:hover { background-position:0px -58px; text-decoration:none; }
*/
input.smallsubmit, .editor_ok_button { font-size:11px; padding:3px 5px; }
.editor_ok_button { margin-right:3px; }

.smallbutton,
.button.smallbutton {
    font-size:11px;
    padding:3px;
}

.accept_button { height:16px; width:16px; margin:0; padding:0; border:0; background: transparent url('/images/icon-accept.gif') no-repeat center top; cursor: pointer; }
.delete_button {
	height:16px; width: 16px; margin:0; padding: 0;border: 0; background: transparent url('/images/icon-decline.gif') no-repeat center top; cursor: pointer;
}

.graybox { padding:20px; }


/* Ads */
#offsiteads { float:left;padding-left:15px;width:160px; }
#offsiteads .spacer { height: 15px; }
#placeholder-leaderboard {
    width:1160px;margin:5px auto;
}

#placeholder-leaderboard .ad-wrapper {
    width:980px;margin:0 10px;float:left;
}

.contentwarning { margin: 10px 0 0 0; width: 75%; text-align: center; padding: 15px; border: 2px solid #f00; }


/* Profiilisivu */
.club_con { float:left }
#club_con ul { margin:0; padding:0 }

/* Profiilin työkalut */
#leftblock .spot .profiletools { }
#leftblock .spot .profiletools ul { list-style-type: none; margin-left:0; }
#leftblock .spot .profiletools ul li { }
#leftblock .spot .profiletools ul li a { display:block; padding: 4px 0 2px 0; padding-left: 20px; font-weight: normal; background-position: center left; height:18px;}
#leftblock .spot .profiletools ul li a span { }

/* Oletusikoni */
#leftblock .spot .profiletools ul li a { background-image: url('/skins/basic/images/icon-common.gif'); }

#informcontainer ul { padding-top:0;}

/* Suosikit-listat */
.favorites ul { list-style-type: none; }
.favorites ul li { display: inline; }
.favorites .empty { padding-top:0; margin-left: 10px; padding-bottom:8px; }

#leftblock .spot .center { text-align: left; }
#leftblock .spot .center .h2 h2 { text-align: left;}

/* Etusivu */

/*Maksalaatikko*/
.maksalaatikko { margin-bottom:10px; padding-top:5px; }
.maksalaatikko .cover { float:left; margin-right:5px; }
.maksalaatikko .cover img { width:120px; height:120px; border: 1px solid #000; }
.maksalaatikko h2 { background:url('slices/bg-titles.png') no-repeat left center; background-position:0px 0px; padding-left:30px; margin-bottom:10px; }
.maksalaatikko h3 { font-size: 22px; }
.maksalaatikko p { overflow: hidden; }
.maksalaatikko .title { font-weight:bold; }
.maksalaatikko .comment { color:#B3B3B3; }
.maksalaatikko .fo {
  float: left;
  padding-top: 15px;
  padding-left: 15px;
  height: 105px;
  width: 391px;
  border: 1px solid #000;
  border-radius: 5px;
  background: rgb(203,235,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(203,235,255,1) 0%, rgba(68,89,115,1) 0%, rgba(43,59,92,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,235,255,1)), color-stop(0%,rgba(68,89,115,1)), color-stop(100%,rgba(43,59,92,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(68,89,115,1) 0%,rgba(43,59,92,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(68,89,115,1) 0%,rgba(43,59,92,1) 100%);
  background: -ms-linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(68,89,115,1) 0%,rgba(43,59,92,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(203,235,255,1) 0%,rgba(68,89,115,1) 0%,rgba(43,59,92,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbebff', endColorstr='#2b3b5c',GradientType=0 ); /* IE6-9 */
}

/*Pieni Maksalaatikko*/
.maksalaatikko_small {
    background-color: #fff;
    border:1px solid #aaa;
    padding:10px;
}

/*Viikonbiisi*/
.viikonbiisi .cover { float:left; margin-right:10px; }
.viikonbiisi .cover img { width:70px; height:70px; }
.viikonbiisi .fo { float:left; width:370px; padding-top:3px; }
.viikonbiisi .title { font-weight:bold; }
.viikonbiisi .comment { color:#B3B3B3; }
.viikonbiisi h2 { background:url('slices/bg-titles.png') no-repeat left center;	background-position:0px -32px; padding-left:30px; margin-bottom:10px; }
.viikonbiisi { clear:both; }

.biisinostot td { vertical-align:top; }


/* Browser-list */
.browserlist { }
.listingtools { text-align:center;padding:1px 1px 1px 1px; margin-bottom:15px;}

.browserlist table { width:100%; border-collapse:separate;  }
.browserlist table td { padding-bottom:20px; vertical-align:top; text-align:center;  }

.browserlist table.large { }
.browserlist table.large td { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }

.browserlist table.album {  margin-top: 15px; margin-bottom: 30px; }
.browserlist table.album td {  vertical-align: top;  }
.browserlist table.album td img { margin:0 }
.browserlist table.blog { width:100%; margin-bottom:15px; }
.browserlist table.blog td.mini { text-align:center;padding-right:15px;}
.browserlist table.blog td p.readmore { font-weight: bold; }
.browserlist table.blog td { text-align: left; padding-top: 15px; padding-bottom: 15px; vertical-align: top; border-bottom: 1px solid #f0f0f0; }
.browserlist table.blog tr.last td { border-bottom:0; }
.browserlist table.blog td h3 { padding:0; font-size:18px; }

.browserlist table.onlineusers { margin-bottom:15px; }
.browserlist table.onlineusers td { padding-top: 15px; padding-bottom: 15px; vertical-align: top; border-bottom: 1px solid #f0f0f0; }
.browserlist table.onlineusers tr.last td { border-bottom:0; }

.browserlist table.events { margin-bottom:15px; }
.browserlist table.events td { padding-top: 15px; padding-bottom: 15px; vertical-align: top; border-bottom: 1px solid #f0f0f0; }
.browserlist table.events td p.timestamp { padding-bottom: 3px; }
.browserlist table.events tr.last td { border-bottom:0; }

.browserlist table.events td h3 { padding:0;}


/* List tools */
.pages {
    padding:10px;
    line-height:2;
}
.pages, .prevnextlinks, .listingtools { text-align:center; color:#4d4d4d; }
.pages a, .prevnextlinks a, .listingtools a, .pages b, .prevnextlinks b, .listingtools b { font-weight:normal; padding:3px 6px; }
.pages a:hover, .prevnextlinks a:hover, .listingtools a:hover {}
.pages b, .prevnextlinks b, .listingtools b { color:#777;text-shadow:0 -1px 0 #ddd; background:#f5f5f5; border-radius:4px; }


/* Thumbnail */
div.smthmb { margin-left:auto; margin-right:auto; /*width:60px;*/ }
div.smthmb img.hidden { filter: Alpha(opacity=50); opacity: 0.5; }
div.smthmb div.t { display:inline; }
/*div.smthmb div.t a img { border: 1px solid #000; }
div.smthmb div.t a:hover img { border: 1px solid #df7300; }*/
div.smthmb div.t a img.selected { border: 2px solid #df7300; background-color: #fff; padding: 1px; }
div.smthmb div.u { padding-top: 1px; font-size:11px }
/*div.smthmb div.u a { }*/

/* Albumi */
ul.photofolders { }
ul.photofolders .displall { padding-bottom: 15px; }

/* Comment lists */
#commentbox { padding-bottom: 10px; }
#comment_indicator { }
#commentform { margin-bottom: 15px; }
#commentform .smilieadd { padding-top: 6px; }
#commentform .smilieadd span { cursor: pointer; margin-left: 3px; }
#commentform .smilieadd span img { margin:3px; border: 0; vertical-align: middle; }
#tmpcomments { display: none; }
#confirmdeleteall { display: none; }
table#commenter {width:100%;}
#commenter td { padding:2px 5px 5px 0; vertical-align:center }
#commenter textarea { width:100%; height:120px; }
.rateselect td { padding:5px; }
.rate-comment { font-weight:bold;float:right;white-space:nowrap }
.rate-comment a { font-weight:normal; }

.tblcomments { width: 100%; }
.tblcomments tr { padding:10px;  }
.tblcomments tr.last_comment td { }
.tblcomments tr.pri td, .listing tr.pri td { }
tr.pri td .n, label.priv { color:#cc3333; }
.tblcomments .c { width:100%; max-width:500px; overflow:hidden; }
.tblcomments tr.owner td .c { font-weight:bold; }
.tblcomments tr.adm td { font-weight:normal; }
.tblcomments tr.adm td .c, .tblcomments tr.adm td .n, label.adm { font-weight:bold; /*color: #777;*/ }
.tblcomments tr.adm td .light { font-weight:normal }
.tblcomments tr.adm td .c a { font-weight: bold; }
.tblcomments tr.own td { }
.tblcomments tr.new td { }
.tblcomments tr.newcomments td { padding-left: 0; padding-top: 0; border-top: 0; }
.tblcomments tr.oldcomments td { padding-left: 0; padding-top: 20px; }

.tblcomments td { padding:4px 4px 4px 4px; line-height:135%; vertical-align:top; font-size:12px; }
.tblcomments .p { vertical-align: top; width:40px; text-align: center;}
.tblcomments .p img { max-width:50px; max-height:50px; }
.tblcomments .nc { vertical-align: top; }
.tblcomments .nc { width:100% }
.tblcomments .nc .dt, .listing .nc .dt { font-size:11px; color:#777; }
.tblcomments .d { text-align:right; white-space:nowrap; width:32px; }
.tblcomments .d img { /*width: 12px; height: 14px;*/ border: 0; cursor: pointer; }
.tblcomments .d .confirm { visibility:hidden; text-align:right; }

/* Flat list */
.results .toplinks { width: 100%; }
.results .toplinks td { padding: 10px; border-bottom: 1px solid #000000; background-color: #F5F6E7; text-align: center; }
.listing { width: 100%; }
.listing td,
.listing th { }
.listing th, .listing tr.th th { text-align: left; }
.listing tr.th th h2 { font-size:12px  }
.listing h3 { font-size: 13px; }
.listing .hiddenbg1 { display: none; }
.listing .hiddenbg2 { display: none; }
a.expand { font-size: 24px; color: #555; text-decoration: none; }

/* List visits */
table.visits {
    margin-bottom:1em;
}
table.visits th { background:#1E2328; font-weight:normal; color:#fff; font-size:11px; padding:2px 4px; }
table.visits td { padding:4px }
.caldate { padding:2px; width:27px;height:30px; text-align:center; font-weight:bold;font-size:14px;background:#1E2328;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff; margin-bottom:5px; }
.caldate .m { font-weight:normal; font-size:8px; display:block; text-transform:lowercase; background:url('/skins/basic/images/dotline.gif') repeat-x bottom; padding-bottom:2px;color:#ff5000; }
table.visits .event td { border-bottom:1px solid #ddd; padding:7px 3px; }
#visits #searchvisits { display: none; }
#visits #addvisit { padding: 5px; }
#visits #addvisit #addvisit_inner { background-color: #f0f0f0; padding: 0; text-align: center; }
#visits #visits_nav { padding-top: 5px; padding-bottom: 5px; text-align: center; }
#visits #eventlist { padding-bottom: 5px; }
#visits #eventlist .list_title { padding-top:60px; }

#searchvisits .field { padding: 5px; font-size: 130%; }

.greybg { background-color: #f0f0f0; }


/********************************************************************
	 Photo listings
********************************************************************/
.photoadmintools { margin-bottom:15px;padding:10px; border: 1px dashed #ccc; background-color: #f7f7f7; }
.photoadmintools table { width:100%;table-layout:fixed; }

.photolisting { width: 100%; border: 0; }
.photolisting .cell { border-bottom: 1px solid #9D5D9D; text-align: center; vertical-align: top; background-color: #F5F6E7; }

.photolisting .cell3,
.photolisting .cell2,
.photolisting .cell1 { border-right: 1px solid #9D5D9D; }

.photolisting .last .cell { border-bottom: none; }

.photolisting .photo { height: 190px; padding: 5px; background-color: #fff; }
.photolisting .photo img { z-index: 99999; }
.photolisting .admintools { padding: 5px; border-top: 1px solid #F5F6E7; }

#albumtools { width: 100%; }
#albumtools td { padding: 10px; border-bottom: 1px solid #9D5D9D; background-color: #F5F6E7; text-align: center; }
#albumtools #prevpage { text-align: left; }
#albumtools #nextpage { text-align: right; }


/********************************************************************
	 Blogs
********************************************************************/
/* Blog info */
#blogdata { width: 100%; padding-top: 3px; padding-bottom: 3px; }
#blogdata th { width: 33%; border-bottom: 1px solid #ccc; }
#blogdata td { width: 33%; vertical-align: top; color: #aaa; }


/********************************************************************
	 Users
********************************************************************/
#usersearch { width: 100%; padding-top: 5px; padding-bottom: 5px; }
#usersearch label { display: block; float: left; font-weight: bold; width: 110px; }
#usersearch input { margin: 1px; vertical-align: middle; }

#metasearchenter { width: 100%; padding-top: 5px; padding-bottom: 5px; }
#metasearchenter td { }
#metasearchenter td.blank { background-color: #fff; padding: 0; }
#metasearchenter td a { display: block; padding: 40px; background-color: #f0f0f0; font-size: 24px; text-align: left; text-decoration: none; font-weight: bold; }
#metasearchenter td a:hover { background-color: #e0e0e0; }
#metasearchenter td a span { display: block; padding-top: 2px; font-size: 14px; color: #000; text-decoration: none; color: #555; font-weight: normal; }

.fpspot { width: 100%; padding: 2px; border-collapse: collapse; }
.fpspot td { text-align: center; /*background-color: #F5F6E7;*/ vertical-align: top; /*padding: 10px;*/ /*border: 5px solid #fff;*/ }


/********************************************************************
	 Photos
********************************************************************/
#searchphotos .field { background-color: #fff; font-size: 18px; padding: 5px; width: 75%; color: #000; }
#searchphotos .submit { text-transform: uppercase; border: 2px outset; background-color: #555; padding: 5px; font-size: 14px; font-weight: normal; color: #fff; height: 32px; vertical-align: middle; }


/********************************************************************
	 Visits
********************************************************************/
#eventlist .dudes { width: 100%; }
#eventlist .dudes img { vertical-align: bottom; }
#eventlist .userlist { padding-left: 15px; }

.cal { border: 0; width: 100%; table-layout:fixed; }
.cal td, .cal th { text-align: center; padding:2px; }

.cal th { }
.cal .calfooter td {
    padding:1em 0;
    font-size:15px;
}
.cal .calfooter td small {
    font-size:15px;
}
.cal td { }

.cal .calwrongmonth a { color:#4d4d4d; }
.cal .calselected { background-color:#0091c1; font-weight: bold; }

.cal .calselected a {
    color:#fff;
}

#visitajax select { width: 50px; }

/**********************************************************
* FORUM                                                   *
**********************************************************/

#forum { padding: 0; }
table.forum { margin: 0 0 1em 0; width: 100%; border-collapse: collapse; }

table.forum tr td { padding:0 10px; }

table.forum tr.th { }
table.forum tr.th th { color:#333; border-bottom:1px solid #eee; padding:5px !important; font-weight:bold; font-size:16px; }
table.forum tr.th th h2 { padding:0; font-size: 15px; font-weight: bold; }

table.forum tr.forumspacer td { padding:5px; background:#fff url('/skins/basic/images/dotline.gif') repeat-x center center; }
/*table.forum tr.forummessage { background:#fff url('/skins/basic/images/dotline.gif') repeat-x bottom center; }*/
table.forum td.spacer { padding-bottom:5px;  }
#forum td { padding:10px; padding-right:20px; }
.forum td.bg1, .forum td.bg2 { }

.forummessage .msgcnt p {
    word-break: break-word;
}

.discussions .title a {
    color:#333;
    font-size:14px;
}

/*table.forum tr.forummessage td.bg1, table.forum tr.forummessage td.bg2 { background:#fff url('/skins/basic/images/dotline.gif') repeat-x bottom center; }*/
/*#forum table.forum tr.forumtools td.bg1, #forum table.forum tr.forumtools td.bg2 { font-size:11px; }*/
#forum tr.forumtools p { margin-top:5px;  }
#forum tr.forumtools a { margin-right:2px }
/* Borders */
#forum tr.forumtools td.small,
#forum tr.forumtools td.emp  {
    padding-bottom:20px;
}
#forum tr.forumtools td.emp a { color:#808080 }
#forum tr.forummessage td.writt { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;border-top-left-radius:10px; }
#forum tr.forummessage td.msgcnt { -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;border-top-right-radius:10px; }

#forum div.forummsgheader { margin-bottom: 2px; font-size: 10px; }

/* Forumviestit */
#forum div.bbcode { white-space: normal; }
#forum div.bbcode div { white-space: normal; }
#forum ul.bb-list-unordered { }
#forum ol.bb-list-ordered { }
#forum ol.bb-list-ordered-d { list-style-type: decimal; }
#forum ol.bb-list-ordered-lr { list-style-type: lower-roman; }
#forum ol.bb-list-ordered-ur { list-style-type: upper-roman; }
#forum ol.bb-list-ordered-la { list-style-type: lower-alpha; }
#forum ol.bb-list-ordered-ua { list-style-type: upper-alpha; }
#forum ol.bb-listitem { }

#forum .bb-code, #forum .bb-php { border: 1px solid black; padding: 10px; font-family: Courier; }
#forum .bb-quote { background:#f0f0f0; padding:10px; font-size:12px; color:#666; white-space: normal; display:block; margin-right:5px; margin-bottom:5px; }
#forum .bb-quote .bb-quote { display: none; }
#forum tr.forummessage td { }
#forum tr.forumtools td{ border-bottom:1px solid #ddd; }
#forum .bb-email { }
#forum .bb-url { }
#forum .bb-image { border-width: 0; border-style: none; }

.forum-search td{
    vertical-align:middle;
}

#forum_message_field {
    width:60%;
    height:180px;
}

/**
 * Breadcrumbs from Bootstrap
 */

.breadcrumb {
    padding: 8px 15px;
    margin:0;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #ffffff;
    *zoom: 1;
}

.breadcrumb .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb .active {
  color: #999999;
}

.forum-breadcrumb .selected {
    font-size:16px;
}

.th-bg th {
    color: #000;
    background: #ddd;
    padding: 5px !important;
}

/*****************************************************************************/
/* Kaverit			                                                             */
/*****************************************************************************/
.friends_tellAboutFriend { font-size:9px; color:#999; width:120px; text-align:center; margin-left:22px; margin-top:10px; padding:5px; border-top:1px dashed #CCC; }
.public_friend_aboutFriend { font-size:9px; color:#999; width:120px; text-align:center; margin-left:22px; margin-top:10px; padding:5px; border-top:1px dashed #CCC; }

/*****************************************************************************/
/* Clubs  				                                                           */
/****************************************************************************/
#clublisting { padding:10px; }
#clublisting .clublisting_header { }
#clublisting .clublisting_title { font-size:16px;font-weight:bold;padding-top:10px; }

#clublisting .alphabetsearch { margin-top:10px; }
#clublisting .alphabetsearch a { font-weight:bold; }
#clublisting .alphabetsearch .quicksearch { display: inline; }
#clublisting .alphabetsearch .order { display:inline; margin-left:20px; margin-right:20px; }
#clublisting .alphabetsearch .order span { }
#clublisting .prevnextlinks { padding:4px;margin-bottom:16px; }
#clublisting .prevnextlinks a {  }

#clublisting .clublisting_clubtable { width:100%; }
#clublisting .clublisting_clubtable .blackbox { height:100%; }
#clublisting .clublisting_clubtable .blackbox table { }
#clublisting .clublisting_clubtable .blackbox table td { vertical-align: top; }
#clublisting .clublisting_clubtable .blackbox .clubimg img { margin-right:7px; max-height:50px; max-width:50px; }
#clublisting .clublisting_clubtable .blackbox .clubcontent { width:100%; }
#clublisting .clublisting_clubtable .blackbox .clubcontent span a { font-weight:bold; }

#clublisting .clublisting_clubtable .blackbox .clubmembercount { text-align:right;white-space:nowrap; }
#clublisting .clublisting_clubtable .blackbox .clubmembercount span a { font-size:10px; font-weight:normal;color:#777 }

#clubcategories { padding-bottom:15px;text-align:center; }
#clubcategories .feelingimg { margin-top:12px;margin-bottom:10px; }
#clubcategories .block { width:100%;margin-top:3px; }
#clubcategories .block td div { padding:12px 0;margin:0px 15px 8px 0px; }
#clubcategories .block td div span .name { font-weight:bold; }
#clubcategories .block td div span .clubcount { color:#999999; }

#interestclubs { width:100%; }
#interestclubs th { width:50%;padding-bottom:5px; }
#interestclubs .friends_joined { vertical-align:top;width:50%;padding-right:10px; }
#interestclubs .friends_joined table { width:100%; }
#interestclubs .friends_joined .spacer p { padding:5px; }
#interestclubs .active_clubs { vertical-align:top;width:50%; }
#interestclubs .active_clubs table { width:100%; }
#interestclubs .clubimg { height:55px; }
#interestclubs .clubcontent { width:100%;vertical-align:top;padding:5px; }
#interestclubs .clubcontent .light { font-size:10px; }
.community_name { font-weight:bold; }
#interestclubs .norecentchanges .light { margin-right:6px; }
#interestclubs .notopicimg { margin-right:7px; width:50px; height:50px; }


/*****************************************************************************/
/* Live Frontpage                                                            */
/*****************************************************************************/

/*Viimeksi kirjautuneet*/

/*#live .thumb { overflow:hidden;display:block;float:left;font-size:11px;}
#live .ithumb { display:block;width:50px;height:50px;overflow:hidden;margin-bottom:3px; }*/

#live {
  margin-top:6px;
  padding-left: 2px;
}

#live img{
  width: 52px;
  height: 52px;
  float: left;
  padding-left: 1px;
  padding-top: 1px;
}

/*Kommenttiringin buffaus*/

.ringbuff {

}

.ringbuff .icon_messages {
  padding-right:20px;
  float:left;
}

.ringbuff p {
    overflow:hidden;
    margin:0;
    padding:10px 0;
}

/*
.ringbuff_music h2 {
  background: url("slices/bg-titles.png") no-repeat scroll 0 -212px transparent;
  padding-left: 30px;
  margin-top: 7px;
}
*/

.ringbuff_music p{
  float: left;
  padding-left: 5px;
}

.spot .ringbuff h2 {
  border-bottom: 1px solid #475158;
}

#btn-play { cursor: pointer; display: block; position: absolute; top: 1px; right: 3px; width: 15px; height: 15px; line-height: 15px; font-size: 1px; }

.llplaying { background-image: url('/skins/basic/images/btn-play-down.gif'); }
.llstopped { background-image: url('/skins/basic/images/btn-play-up.gif'); }

/*Etusivun nostojen mosaiikki*/

.mosaic_frontpage {
  position: relative;
  width: 534px;
  height: 356px;
  padding-left: 1px;
  padding-top: 1px;
  background-color: #000;
  margin-top: 15px;
}

.mosaic_frontpage a {
  display: block;
  float: left;
  opacity: .75;
  -webkit-transition: opacity;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
}

.mosaic_frontpage a:hover {
  opacity: 1;
  -webkit-transition: opacity;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
}

.mosaic_frontpage img {
  width: 88px;
  height: 88px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

/* ARTISTIT */

#topartists {
  margin-top:15px;
  text-align: left;
  margin-left: -15px;
}

 #topartists .topa {
  float:left;
  width:168px;
  height:100%;
  line-height:120%;
  overflow:hidden;
  padding-bottom: 15px;
  margin-left: 15px;
}

 #topartists .topat {
  float:left;
  width:168px;
  display:block;
  overflow:hidden;
}

#topartists img {
  width: 168px;
  height: 168px;
}

/********************************************************************
	 Misc stuff
/********************************************************************
/* Invite form */
#invite {  }
#invite .submit { font-size: larger; }
#invite table { margin-left: 80px; }
#invite table .spacer { height:5px; }
#invite table .label { text-align:right; }
#invite table .label .small { font-size:10px;color:#777; }
#invite table td { padding: 3px; vertical-align: top; }

/* Invite block */
#invite_ur_friend table { width:100%; }
#invite_ur_friend .left {  }
#invite_ur_friend .right { padding-bottom: 12px; padding-left: 8px; }

/* MMS */
#mms_phone { padding: 3px; }
#mms_phone div { width: 165px; height: 345px; background-image: url('/images/nokia_n70.gif'); background-repeat: no-repeat; }

/* SMS send */
#sms_send { width: 100%; }
#sms_send td { text-align: center; }
#sms_send .sms { border:1px dashed #52A500;background:#CCFF99; padding: 6px; font-family: 'courier new', monospace; font-size: 20px; letter-spacing: -1px; font-weight: bold; }
#sms_send .to_number { padding: 3px; }
#sms_send .price { font-size: 14px; }

/* Presentation */
#presentation { padding-top: 15px; }
#presentation td { vertical-align: middle; }
#presentation .p { padding-bottom: 15px;}
#presentation .p img { width: 125px; height: 125px;}
#presentation .t { padding-left: 20px; }
#presentation .t b { font-size: 16px; }

/* Register */
#register .k { vertical-align: top; padding-right: 30px; background-color: #e0eaf1; color: #2e3941; }
#register .v { vertical-align: top; background-color: #f7f7f7; font-size: 10px; }
#register .checkbox, .checkbox { vertical-align: middle; }

#register #f th,
#register #f td { padding: 10px 10px 10px 0; vertical-align: top; white-space:nowrap; }
#register #f td { color: #777; }
#register #f td input { font-size: 14px; }

/* Music */
.songlist { width: 100%; }
.songlist tr td { border-bottom: 1px dashed #ccc;padding:8px 10px 8px 10px; vertical-align:top;color:#000;}
.songlist tr td.rank { font-size: 24px; font-weight: bold; text-align: right; }
.songlist tr td.logo { width: 15%; }
.songlist tr td.logo img { width:70px;height:70px; border: 1px solid #a0a0a0; padding: 1px; background-color: #fff; }
.songlist tr td.songband { width: 85%; }
.songlist tr td.songband h3 { padding-top:0; }
.songlist img.cover { width:70px;height:70px; border: 1px solid #a0a0a0; padding: 1px; background-color: #fff; }

.artistdata { width: 100%; padding:5px 0 5px 0;}
.artistdata th { font-weight: bold; border-bottom: 1px solid #aaa; font-size: 11px; color: #000; }
.artistdata th.genre { width: 20%; }
.artistdata th.fans { width: 30%; }
.artistdata th.idols { width: 50%; }
.artistdata td { vertical-align: top; color: #333; }

#profileuserdescription { background:#efefef;padding:10px; max-width:517px !important; width: expression(this.width > 517 ? 517: true); overflow: hidden; }
#profileuserdescription p,
#profileuserdescription li,
#profileuserdescription dt,
#profileuserdescription dd { line-height: normal; }

.profile-description {

}

.profile-description h1,
.profile-description h2,
.profile-description h3,
.profile-description h4,
.profile-description h5,
.profile-description h6 {
    color:#333;
}

.profile-description h2 {
    border-bottom:0;
    text-transform:none;
}

.profile-description img {
    max-width:100%;
}

.profilefriends img { padding: 0 4px 4px 0; }

.profile-menu {

}

.profile-menu td {
    padding:10px;
/*    background:#fff; */
}

.profile-menu td a {
    display:inline-block;
}

.txtusername .ui_bd { padding-right: 13px; background-image: url('/skins/common/images/ui/bd.gif'); background-position: right center; background-repeat: no-repeat; }
.txtusername .ui_wap { padding-right: 20px; background-image: url('/images/uicon-wap.gif'); background-position: right center; background-repeat: no-repeat; }

#fp_cal { padding-top:0;padding-bottom:0; }
#fp_cal .first_date { margin:0; padding: 0px; padding-bottom:1px; font-weight:bold; color: #aaa; font-size: 9px; font-family: tahoma; border-bottom:1px solid #cccccc; }
#fp_cal .date { margin:0; padding: 6px 0px 0px 0px; padding-bottom:1px; font-weight:bold; color: #aaa; font-size: 9px; font-family: tahoma; border-bottom:1px solid #cccccc;  }



/*******************************************************************/
/**  Profiilin / klubin newsfeed                                  **/
/*******************************************************************/
.newsfeedwide .newsfeed { margin:0; padding:3px 10px 3px 3px;  }
.newsfeedwide .newsfeed li { list-style:none; margin:0; padding:5px 0 5px 0px;  }
.newsfeedwide .newsfeed li.entry { clear:both;  }
.newsfeedwide .newsfeed li.date { border-bottom: 1px solid #ccc; color: #aaa; padding:0; margin:10px 0 5px 0; clear: both; list-style-type: none; font-weight:bold; font-size:10px; }
.newsfeedwide .newsfeed ul { list-style:none; margin:0; padding:0; }
.newsfeedwide .newsfeed ul.quote li { padding:15px;font-family:georgia,times;font-size:10px;color:#aaa; }


.newsfeedwide .newsfeed  div.photos { border:0px solid lime; padding:7px 0 7px 0; text-align:left; width:100%; }
.newsfeedwide .newsfeed  div.photos img { vertical-align:top; margin:2px;}
.newsfeedwide .newsfeed  div.photos a { border:0; }
.newsfeedwide .newsfeed small.newsfeed_ts_light { color:#999 }


.dotted_spacer, .lined_spacer {
	height:5px;
	border-bottom:1px solid #eee;
	margin-bottom:5px;
	width:100%;
}
.tblcomments td .lined_spacer { height:1px; margin-bottom:1px; }

#vip_random { top:63px; float:left; margin-left:680px; position:absolute; width:200px; border:1px solid black; clear:both; display:block; background-color:white; }

.ad_warning { font-size:11px; }

.edit-in-place {
	border: 1px solid #000;
	padding: 3px;
}

/* ARTISTIHALLINTA */

.admin-tasklist {
    list-style-type:none;
    margin:0;
    padding:0;
}

.admin-tasklist li {
    float:left;
    box-sizing:border-box;
    width:33%;
    padding:1%;
    margin-bottom:20px;
}

.admin-tasklist li:nth-child(3n+1) {
    clear:left;
}

.admin-tasklist a.title {
    font-size:1.5em;
    font-weight:bold;
}

.songadmin th { text-align:right; white-space:nowrap}
.songadmin td, .songadmin th { padding:3px 5px; }
.songadmin small { font-weight:normal }
.bandadmin-form label { width:150px; float:left }
.largerate {
	font-weight:bold;
	font-size:20px !important;
	padding:19px 7px 0 7px !important;
	width:30px;
	background:url('/images/bg-rates.png') no-repeat center top !important;
	text-align:center;
}

.ringtone, .songtool {
	font-size:11px;
	padding:0px 4px;
	/*background:#C4C5C6 url(/skins/common/slices/bg-artistinfo.gif) repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;*/
	margin:3px 0 0 3px;
	line-height:200%;
	color:#000 !important;
	/*padding:3px;*/
}
.ringtone:active, .songtool:active {
	background:#666;
}
.songtool:hover, .ringtone:hover {
	background-color:#d6d6d6;
	text-decoration:none;
}

/* FORMIT */
.tblform th, .tblform td {
	vertical-align:top;
}
.tblform th {
	padding-top:9px;
	white-space:nowrap;
}


/* TUMMA ULKOASU */

ul.arrows li a {
	color:#0091c1;
}
.pages a, .prevnextlinks a, .listingtools a {
	border:none;
}
table.settingsform td {
    vertical-align:middle;
	border-color:#191919;
}
.light {
	color:#666;
}
/*
.graybox, #profileuserdescription, .spot, #forum td {
	background:#2F373D;
}
.graybox, #profileuserdescription, .spot {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
*/

.graybox {
/*    background:#fff; */
}

#smilietoggle {
	background:#1E2328;
	border:1px solid #000;

}

.discussions h3,
.discussions h4 {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
}

.discussions h3 {
    font-size:16px;
}

.discussions th {
    /*border-bottom:1px solid #2F373D;*/
    text-align:left;
    font-size:16px;
    font-weight:bold;
}

.discussions td {
}

/* AJAX-DIALOGIT */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.sharelinks {
	clear:both;
	display:none;
	background:#ccc;
  padding:5px;
  position:absolute;
  margin-left:165px;
  margin-top:20px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #bbb;
}
.sharelinks b {
	color:#000;
	display:block;
	margin-bottom:5px;
}
.sharelinks a {
	color:#000;
	margin-right:5px;
	display:block;
	padding:2px 2px 2px 22px;
}
.sharelinks a:hover {
	background-color:#d6d6d6;
	text-decoration:none;
}
.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color:#1E2328 ;
    color:#fff !important;
    border: 1px solid #6586A4;
    padding: 12px;

}
.jqmWindow .scroll {
		height:400px;
   	overflow:auto;
 }
.jqmWindow h1, .jqmWindow p, .jqmWindow h2 {
	color:#fff !important;
}
.jqmWindow a, .sharelinks a {
	color:#009CF4 !important;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindow .jqmClose img {
	position: absolute;
  right: 15px;
  top: 20px;
}

/************ AUTOCOMPLETE ***********************/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


/* Bandin listaelementti */
.bandlist {
	clear:both;
	margin-bottom:5px;
	margin-top:5px;
	padding:5px 0;
	line-height:130%;
}
.bandlist a:hover {
	text-decoration:none;
}
.bandlist a:hover strong {
	text-decoration:underline;
}
.bandlist img {
	float:left;
	margin-right:5px;
	border:1px solid #475158;
}
.bandlist small:hover {
	text-decoration:none !important;
}
.lastplays {
	list-style-type:none;
	margin:0; padding:0;
	font-size:11px;
}
.lastplays li img {
	max-width:25px; max-height:25px; float:left; margin-right:7px; margin-bottom:5px;
}
.lastplays li div {
}
.lastplays li {
	float:left;
	width:220px;
	margin-right:30px;
}
/*.bandlist img:hover {
	border:1px solid #00A8FF;
}*/
.friendsonline, .mksl { text-align:left;font-size:11px; }
.friendsonline .bandlist img { max-width:25px; max-height:25px; }
.bandlist small:hover  {
	text-decoration:none;
}
.mksl h3 { margin-bottom:3px; text-transform:uppercase; padding-top:0; }
.mksl h3 a {
    color:#333 !important;
}
.mksl a {
    color:#0091c1 !important;
}
.mksl b { font-size:13px; font-weight:normal; }
.mksl a.cmtlink { color:#D69015 !important;font-size:10px }
.mksl .yourtrack { clear:both;margin-top:5px;}
.mksl .yourtrack a { color:#636e75 !important; }
.mksl .splayb { position:absolute;margin-left:-30px;margin-top:10px;width:12px; }
.mksl .cover { width:28px;float:left;margin-right:10px;margin-top:2px;margin-bottom:5px }

/* Näytä/piilota kommenttiin liittyvät työkalut */
.tblcomments tr td.d div.remove_comment { visibility:hidden; }
.tblcomments tr:hover td.d div.remove_comment { visibility:visible; }
/*.tblcomments tr .c p { visibility:hidden; }
.tblcomments tr:hover .c p { visibility:visible; }*/

/* Näytä/piilota albumin kuvaan liittyvät työkalut */
.album td .phototools { visibility:hidden; }
.album td:hover .phototools { visibility:visible; }

/* Ikonit */
.forum_online { width:16px; background:url('/skins/common/slices/header-sprite.png?100209') no-repeat -12px -159px; padding:0 20px 4px 0; display:inline; }
.downloadbtn { background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -188px; padding-left:12px; }
.sharebtn { background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -295px; padding-left:12px; }
.embedbtn { background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -314px; padding-left:22px; }
.advertisebtn { background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -330px; padding-left:12px; }
/* .favoritebtn { background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -215px; padding-left:13px; } */
/* .meta-rate { background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -239px; padding-left:15px; } */
.meta-rate { background:url(/images/2013/icons/keskiarvo16px.png) no-repeat; padding-left:20px; }

/*
.scrollto,
.meta-comments {
    background:url('/skins/common/slices/header-sprite.png?100226') no-repeat 0 -265px;
    padding-left:16px;
    padding-right:10px;
}
*/
.scrollto,
.meta-comments {
    background:url(/images/2013/icons/kommentit16px.png) no-repeat;
    padding-left:20px;
    padding-right:10px;
}

.facebookshr { background:url(/skins/common/slices/icon-facebook.png) no-repeat; padding-left:22px; }
.emailshr { background:url(/skins/common/slices/icon-email.gif) no-repeat; padding-left:22px; }

.arrow { background:url(slices/header-sprite.png) no-repeat -45px -158px !important; padding-left:5px; padding-right:5px; vertical-align:middle; }
a.removex { color:#D8290D; float:right; font-size:16px; }
a.removex:hover { text-decoration:none; }

b.newfeature { text-transform:uppercase;font-size:11px }


/*
 * FancyBox - jQuery Plugin
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}
* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}
#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/js/fancybox/fancybox.png');
}
#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}
* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}
#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}
#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}
#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'OpenSans', arial, sans-serif;
	font-size: 12px;
	z-index: 1102;
}
.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}
.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
.fancybox-title-over {
	color: #FFF;
	text-align: left;
}
#fancybox-title-over {
	padding: 10px;
	background-image: url('/js/fancybox/fancy_title_over.png');
	display: block;
}
#fancybox-title-wrap {
	display: inline-block;
}
#fancybox-title-wrap span {
	height: 32px;
	float: left;
}
#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}
#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/js/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}
#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}
#fancybox-right {
	right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}
#fancybox-left-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}
#fancybox-right-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}
#fancybox-left:hover span {
	left: 20px;
}
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}
.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
    background-repeat:repeat;
}
#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/fancybox/fancybox-x.png');
}
#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}
#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}
#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -182px;
}
#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}
#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}
#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/js/fancybox/fancybox-y.png');
}
#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}
/* IE */
#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#front-hot-songs.sel, #front-new-songs.sel, #front-top-artists.sel { color:#B2B2B2; text-decoration:none !important; border:1px solid #475158; border-bottom:2px solid #2F373D; }
#front-hot-songs, #front-new-songs, #front-top-artists {  color:#B2B2B2; padding:5px 10px; margin-right:3px; border:1px solid #2F373D; border-bottom:0; }

#fancybox-inner,
#fancybox-inner td ,
#fancybox-inner h3,
#fancybox-inner h2,
#fancybox-inner p,
#fancybox-inner label,
#fancybox-inner span {
    color:#333 !important;

}
#fancybox-inner span.request-ui-message {
    color:#00aa00 !important;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* POP DIGITAL PALKKI */
#pop_digital_header_bar_container {
	height:30px;width:100%;background:#262626;margin:0;
}
#pop_digital_header_bar {
	width:980px;margin:0 auto;
}
#pop_digital_header_bar a {
	display:block;height:30px;color:#eeeeee;font-weight:bold;font-family:arial, Helvetica, sans-serif;font-size:12px;line-height:16px;text-decoration:none;overflow:hidden;
}
.popd {
	height:30px;float:left;
}
.popd a:hover {
	background:#2e2e2e;color:#53abb4!important;
}
.popd_two {
	position:relative;top:8px;left:8px;height:22px;width:14px;float:left;
}
.popd_position_one {
	position:relative;top:8px;padding:0 7px;
}
.popd_clear {
clear: both;
}
.popd_special {
	position:relative;top:6px;left:8px;height:22px;width:85px;float:left;
}
.popd_special_two {
	position:relative;top:6px;left:8px;height:22px;width:45px;
}
.popd_site_zero {
	width: 90px;
}
.popd_icon_zero {
background: url('/images/popd-ikonit.png') no-repeat -43px -31px;
}
.popd_site_ten {
	width:45px;float:right;margin:0 10px 0 0;
}
.popd_icon_ten {
background: url('/images/popd-ikonit.png') no-repeat -3px -32px;
}
/* loppu.POP DIGITAL PALKKI */