/* SUPERSONIC CSS STYLE   */

body,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

Table,tbody {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
}

a.usrnavi { 
	font-size:9px;
	font-weight: bold;
	color: #800080; 
	text-decoration: underline;
	background-color:transparent; 
}


a.usrnavi:hover {
	font-size:9px;
	font-weight: bold; 
	color: #f0efea; 
	text-decoration: none;
	background-color:#800080; 
}

a { 
	font-size:10px;
	font-weight: normal;
	color: #02bdfb; 
	text-decoration: none;
	background-color:transparent; 
}


a:hover {
	font-size:10px;
	font-weight: normal; 
	color: #02bdfb; 
	text-decoration: underline;
	background-color:transparent; 
}



div.mymenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:12px;
	width: 700px;
	height: 16px;
	position: absolute;
	top: 42px;
	left: 220px;
	background: #000000;
	vertical-align: bottom; 
}

a.mainmenu { 
	font-size:12px;
	color: #777777;
	font-weight: bold; 
	text-decoration: none;
	background-color:transparent;  
}

a.mainmenu:link { 
	font-size:12px;
	color: #777777;
	font-weight: bold; 
	text-decoration: none;
	background-color:transparent;  
}


a.mainmenu:hover {
	font-size:12px; 
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
	background-color:transparent;   
}

span.mainmenuSel {
	font-size:12px; 
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
	background-color:#ed008c;   
}

td.lefttd {
	width: 180px;
	background-color:transparent; 
}

td.maintd {
	width: 600px;
	background-color:transparent; 
}

td.cleartd {
	width: 20px;
	background-color:transparent; 
}

span.header{
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	font-weight:Bold;
	vertical-align: bottom;
	z-index: 2;
	position: relative;
}

div.contentdiv {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	background: URL('/imgs/tdbg.png');
	border: 0px SOLID #6f6966;
	padding: 5px;
	margin-top: -4px;
	z-index: 1;
	position: relative;
	height: auto;
	width: 580px;
}

td.content {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
}

.contentx a { 
	font-size:12px;
	font-weight:Bold;
	text-decoration: none; 
	color:#ffffff;
	background-color:#800080; 
}

.contentx a:link { 
	font-size:12px;
	font-weight:Bold;
	text-decoration: none; 
	color:#ffffff;
	background-color:#800080; 
} 

.contentx a:hover { 
	font-size:12px;
	font-weight:Bold;
	text-decoration: none; 
	color: #333333;
	background-color:#02dbfb; 
}

div.ENDsep{
	font-size: 10px;
	color: #4f4f4f;
	font-weight: bold;
	background: transparent;
	margin-top: 10px;
	width: 600px;
}


div.newsnavi {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}

a.newssivu { 
	font-size:10px;
	font-weight: normal;
	color: #FFF; 
	text-decoration: none;
	background-color:transparent; 
}


a.newssivu:hover {
	font-size:10px;
	font-weight: normal; 
	color: #FFF; 
	text-decoration: underline;
	background-color:transparent; 
}

span.newssivu { 
	font-size:10px;
	font-weight: normal;
	color: #ed008c; 
	text-decoration: none;
	background-color:transparent;
}

td.newsheader {
	width: 580px; 
	font-size:10px;
	font-weight: normal;
	color: #666666; 
	text-decoration: none;
	background-color:transparent;
	height: 12px;
}

td.newscontent {
	width: 580px; 
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF; 
	text-decoration: none;
	background-color:transparent;
}

a.readmore { 
	font-size:11px;
	font-weight: normal;
	color: #02bdfb; 
	text-decoration: none;
	background-color:transparent; 
}


a.readmore:hover {
	font-size:11px;
	font-weight: normal; 
	color: #02bdfb; 
	text-decoration: underline;
	background-color:transparent; 
}

td.thumb {
	width: 135px;
	height: 315px;
	border
}

div.thumbdiv {
	overflow-y: auto;
	overflow-x: hidden;
	height: 315px;
	width: 135px;
	float: left;

	scrollbar-face-color:#02bdfb;
	scrollbar-track-color: #000;
	scrollbar-3dlight-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-arrow-color:#ffffff;
}

#thumbdiv img, a{	
	margin-bottom: 5px;
}

td.photo {
	width: 440px;
	height: 310px;

}
div.imgtext {
	width: 420px;
	color: #FFF;
	height: auto;
	background: URL('/imgs/tdbg.png');
	float: bottom;
	position: relative;
	vertical-align: middle;
	padding: 5px;
}

a.comment {
	font-size:10px;	
	color:#FFFFFF;
	font-weight:Bold;
	background-color:transparent;
	text-decoration:underline;

}

a.comment:hover {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: Bold;
	background: transparent;
	text-decoration: underline;
}

.USRCMTB{
	BORDER-BOTTOM: 1px SOLID #766e66;
}

td.commenttd {
	font-size: 11px; 
	color: #FFF;
	background: transparent
}

div.commentbox {
	color: #FFF;
	height: auto;
}

a.headnews {
	font-size: 16px;	
	color: #ed008c;
	font-weight: Bold;
	background: transparent;

}

a.headnews:hover {
	font-size: 16px;
	color: #ed008c;
	font-weight: Bold;
	background: #000000;
}

span.headnews {
	font-size: 16px;	
	color: #ed008c;
	font-weight: Bold;
	background: transparent;

}


a.acomments { 
	font-size: 10px;
	font-weight: normal;
	color: #02bdfb; 
	text-decoration: none;
	background: transparent; 
}


a.acomments:hover {
	font-size: 10px;
	font-weight: normal; 
	color: #02bdfb; 
	text-decoration: underline;
	background: transparent; 
}

#commentsform label {
	color: #cccccc;
	font-size: 9px;
}

#commentsform form{
	text-align: left;
	margin: 0px;
}

#commentsform p {
	margin: 5px;
	width: 90%;
}

#contactformdiv p {
	margin: 5px;
	width: 90%;
}

#contactformdiv label {
	font-size: 9px;
	color: #CCCCCC
	vertical-align: top;
	float: right; 
}


#author, #comment, #submit, #pois, #comsubmit {
	background: #444444;
  color: #CCCCCC;
  border: 1px #666666 solid;
  font-size: 11px;
  font-family: Arial;
  
  overflow-y: auto;
  scrollbar-face-color:#ed008c;
	scrollbar-track-color: #000;
	scrollbar-3dlight-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-arrow-color:#ffffff;
}

#author {
	width: 250px;
}

#comment {
	width: 380px;
}

#send, #clear {
	background: #000000;
  color: #9f9e9e;
  border: 1px #666666 solid;
  font-size: 11px;
  font-family: Arial;
}

#Viesti, #Nimi, #Sähköposti {
	background: #000000;
  color: #9f9e9e;
  border: 1px #666666 solid;
  font-size: 11px;
  font-family: Arial;
  overflow-y: auto;
  width: 225px;

	scrollbar-face-color:#ed008c;
	scrollbar-track-color: #000;
	scrollbar-3dlight-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-arrow-color:#ffffff;
  }


#commentsUSERform form{
	text-align: left;
	margin: 0px;
}

#commentsUSERform p {
	margin: 5px;
	color: #CCCCCC;
	font-size: 10px;
}

#box input {
border: 1px SOLID #666666;
background: #444444;
}

#authordiv {
	font-size: 10px;
	color: #CCCCCC;
	background: transparent;
	padding: 5px;
}

#authorcomdiv {
	font-size: 10px;
	color: #CCCCCC;
	background: #2d2d2d;
	padding: 5px;
}

.failmail {
	font-size: 10px;
	color: #cd0202;
}

.succesmail {
	font-size: 10px;
	color: #87b438;
}

td.yhteysdeco {
	background: URL('/imgs/ota.png') top right no-repeat;
	width: 100px;
}

div.tourdiv {
	font-size: 11px;
	color: #FFF;
	width: 180px;
	font-weight: normal;
	background: URL('/imgs/tdbg.png');
	border: 1px SOLID #6f6966;
	margin-top: -4px;
	z-index: 1;
	position: relative;
	height: auto;
}

td.tourtd {
	width: 180px;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	background: URL('/imgs/eltgfx.gif') bottom right no-repeat;
}

#tourtd p {
	width: 170px;
	margin: 5px;
	margin-bottom: 10px;
}

a.showall { 
	font-size:1 0px;
	font-weight: normal;
	color: #ed008c; 
	text-decoration: none;
	background: transparent; 
}


a.showall:hover {
	font-size: 10px;
	font-weight: normal; 
	color: #ed008c; 
	text-decoration: underline;
	background: transparent; 
}

div.Shoutdiv {
	font-size: 11px;
	color: #FFF;
	width: 180px;
	font-weight: normal;
	background: URL('/imgs/tdbg.png');
	border: 1px SOLID #6f6966;
	margin-top: -4px;
	z-index: 1;
	position: relative;
	height: auto;
}

td.shouttd {
	width: 180px;
	color: #FFF;
	font-weight: normal;
	background: URL('/imgs/eltgfx.gif') bottom right no-repeat;
}

#shouttd p {
	width: 160px;
	margin: 5px;
}

#shoutauthor, #shoutmessage {
	background: transparent;
  color: #9f9e9e;
  border: 1px #666666 solid;
  font-size: 11px;
  font-family: Arial;
  overflow-y: auto;
  width: 160px;
  margin-bottom: 5px;
	margin-left: 5px;
	
	overflow-y: auto;
	scrollbar-face-color:#02bdfb;
	scrollbar-track-color: #000;
	scrollbar-3dlight-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-arrow-color:#ffffff;
}

#shoutsubmit {
	background: #000000;
  color: #9f9e9e;
  border: 1px #666666 solid;
  font-size: 11px;
  font-family: Arial;
  margin-left: 5px;
}

div.smilediv {
	width: 50px;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	background: URL('/imgs/eltgfx.gif') bottom right no-repeat;
	border: 1px SOLID #6f6966;
	padding: 10 10 10 10;
	margin-top: -4px;
	z-index: 1;
	position: relative;
	height: auto;
}

a.smile { 
	font-size:1 0px;
	font-weight: normal;
	color: #FFF; 
	text-decoration: none;
	background: transparent; 
}


a.smile:hover {
	font-size: 10px;
	font-weight: normal; 
	color: #FFF; 
	text-decoration: underline;
	background: transparent; 
}

div.smilediv2 {
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	background: URL('/imgs/eltgfx.gif') bottom right no-repeat;
	border: 1px SOLID #6f6966;
	padding: 0;
	margin-top: -4px;
	z-index: 1;
	position: relative;
	height: auto;
}