.introText { text-align: center; margin-top: 0px; }
.contentText { text-align: left; margin-top: 10px; }

.inputTitle, .inputTitleUnderline { margin: 5px 0px 5px 0px; font-weight: bold; color: #ffffff;}
.inputTitleUnderline { text-decoration: underline;}
.regError { margin: 5px 0px 5px 0px; color: red; }
input.register { width: 200px; margin-bottom: 7px; }
input.registerShort { width: 165px; margin-bottom: 7px; }


.backLink{ text-align: left; margin-top: 10px;}


.footerText { width: 415px; text-align: center; margin-top: 20px; color: #6f686a; }
.footerText a:link, .footerText a:active, .footerText a:visited{ text-decoration: none; color: #6f686a;}
.footerText a:hover { text-decoration: underline; color: #6f686a;}

.descriptionText { position: relative; font-size: 16px; text-align: center; margin: 0px 0px 10px 0px; }

ol.download, ul.download { margin-left: 0px; padding-left: 15px;}
ol.download li { margin-bottom: 20px; }

/* uudet sparkki stylet */

body { font-family: helvetica, arial, sans-serif; font-size: 12px; color: #ffffff; background-color: black;}
.pageWidth { width: 410px;}
a:link, a:visited, a:active { color: #c1c1c1; text-decoration: underline;}
a:hover {color: white; text-decoration: underline;}
.sparkBox { position: relative; width: 413px; height: 645px; overflow: hidden; background: url('../images/bg_sparkbox.png') bottom center no-repeat; } 
.sparkFooter { position: absolute; bottom: 25px; height: 30px; width: 100%; text-align: center; overflow: hidden; }

.box-tl { width: 10px; height: 27px; background: url('../images/bg-1.png') top left no-repeat; }
.box-tc { width: 360px; background: url('../images/bg-1.png') top center no-repeat; }
.box-tr { width: 10px; height: 27px; background: url('../images/bg-1.png') top right no-repeat; }

.box-t { width: 380px; height: 28px; background: url('../images/bg-1.png') top center no-repeat; }

.box-m { width: 380px; background: url('../images/bg-content.jpg') bottom center no-repeat; }
.message-bg { width: 370px; text-align: center; font-weight: bold; height: 31px; overflow-y: auto; background: url('../images/bg-header.png') top left repeat-x; color: #2c3232; padding: 2px 5px 2px 5px; }
.content-bg { height: 285px; width: 380px; overflow: hidden; background: url('../images/bg-content.jpg') top center no-repeat;}
.sender-bg { height: 41px; width: 380px; overflow: hidden; background: url('../images/bg-sender.png') top center repeat-x;}
.content-bg img { max-width: 380px; max-height: 285px; }
.rating-bg { height: 50px; min-width: 48px; background: url('../images/bg-rating.png') top left repeat-x; color: #2c3232; text-align: center;}
.rating-bg img { border: 0px; }

.box-bl { width: 52px; height: 52px; background: url('../images/bg-5.png') bottom left no-repeat; }
.box-bc { width: 278px; background: url('../images/bg-5.png') bottom center no-repeat; font-size: 12px; line-height: 13px;}
.box-br { width: 52px; background: url('../images/bg-5.png') bottom right no-repeat; }
.box-be { width: 52px; height: 52px; }

.imageSpark { height: 250px; overflow: hidden; text-align: center;}
.imageSpark img{ max-height: 250px; } 
.textSpark { height: 285px; overflow-x: hidden; overflow-y: auto; font-size: 16px; text-align: center; }
.textSpark a{ color: white; }
.videoSpark { height: 250px; overflow: hidden;}
.audioSpark { height: 250px; overflow: hidden;}

a.pageLink { width: 52px; height: 52px; }

.inputTitle { color: #ffffff; }

.pageText { color: #FFFFFF; font-size: 14px; font-weight: bold; text-align: center; padding: 0px 0px 0px 80px;}

.sparkComments { height: 168px; overflow-y: auto; }
.chatMsgDiv { max-width: 370px; border-bottom: 1px solid #232323; overflow: hidden; padding-top: 5px;}
.chat-nick { font-weight: bold; color: #d8b100; cursor: pointer; }
.chat-avatar { cursor: pointer;  }
.chat-time { font-weight: bold; color: #ffffff; margin: 0px 3px 0px 0px;}
.chat-message { color: #ffffff; margin: 0px 3px 3px 0px;}

.numList { margin: 10px 0px 0px 0px; padding: 3px 0px 15px 30px;  }

.lightBold { font-weight: bold; color: #ffffff;  }
.dark { color: #000000; }
.darkBold { font-weight: bold; color: #000000; }
.light1 { color: #d8b100;}

.bandLogo { display: none; }

/* User info popup*/
.UIouterDiv{
	position: relative;
	width: 227px;
	overflow: hidden;		
}
.UItopDiv{
	position: relative; left: 13px;
	width: 206px; height: 20px;
	background: url('../images/userBox-bg.png') no-repeat top center;
	overflow: hidden;
}
.UImiddleDiv{		
	position: relative; left: 13px;
	width: 206px; min-height: 150px;
	background: url('../images/userBox-middle-bg.png') bottom center;
	overflow: hidden;	
}
.UIbottomDiv{		
	position: relative; left: 13px;
	width: 206px; height: 28px;
	background: url('../images/userBox-bg.png') no-repeat bottom center;
	overflow: hidden;
}
.UIboxArrow { 
	width: 21px; height: 23px;
	position: absolute; left: 7px; top: 70px;
	background: url('../images/userBox-arrow.png') no-repeat bottom; 
	z-index: 2;
}
.UItext {
	width: 156px; overflow: hidden;
	margin: 0px 28px 0px 22px; 
	color: black;
}