﻿
/*
@CHARSET "UTF-8";

Oranssi: #ff852f;
Sininen: #7faeda;
Harmaa teksti: #a1a1a1;
Vihreä: #39b54a;
Punainen: #b53939;

*/

body{
	background-color:#f8f7f8;
	background-image:url(../images/bg_slice.png); 
	background-repeat:repeat-x;
	font-family:"Verdana", "Arial", Helvetica; 
	font-size:10pt; 
	color:#111111;
	margin:0; 
	padding:0; 
	margin-bottom:100px;
	text-align:center;
}

#main{
	overflow:visible;
	position:relative;
	text-align:left;
	width:891px;
}

#toptopcontainer{
	width:891px;
	height:125px;
}

#topbg{
	position:absolute;
	left:-231px;
	background-image:url(../images/top_bg.png); 
	background-repeat:no-repeat;
	width:1488px;
	height:124px;
}

.orange{
	color:#ff852f;
}

#toplink1{
	display:block;
	position:absolute;
	left:-195px;
	top:22px;
	width:180px;
	height:5px;
}

#toplink2{
	display:block;
	position:absolute;
	left:-230px;
	top:52px;
	width:180px;
	height:10px;
}

#toplink3{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:-190px;	top:90px;
}

#toplink4{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:230px;	top:20px;
}

#toplink5{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:232px;	top:40px;
}

#toplink6{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:263px;	top:72px;
}

#toplink7{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:245px;	top:100px;
}

#toplink8{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:540px;	top:20px;
}

#toplink9{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:575px;	top:43px;
}

#toplink10{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:535px;	top:65px;
}

#toplink11{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:646px;	top:90px;
}

#toplink12{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:757px;	top:14px;
}

#toplink13{
	width:180px;	height:10px;	display:block;	position:absolute;	
	left:883px;	top:69px;
}

.blue_clear_link{
	color:#80afda;
	clear:both;
	/*text-transform:uppercase;*/
}

#topcontainer{
	background-image:url(../images/topbg.png); 
	background-repeat:no-repeat;
	width:891px;
	height:119px;
}

#contentcontainer{
	background-image:url(../images/contentbg.png); 
	background-repeat:repeat-y;
	width:831px;
	padding:31px;
	padding-top:10px;
}

#bottomcontainer{
	background-image:url(../images/bottombg.png); 
	background-repeat:no-repeat;
	width:891px;
	height:32px;
	
}

#logocontainer{
	position:absolute;
	top:0px;
	left:-2px;
}

#logo{
	border:0;
}

#toplogincontainer{
	position:absolute;
	top:150px;
	left:300px;
}

#allcontainer{
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:1070px;
}

.clear{
	clear:both;
}

h1{
	font-family:"Trebuchet MS", verdana, arial;
}

h2{
	font-family:"Trebuchet MS", verdana, arial;
}

h3{
	font-family:"Trebuchet MS", verdana, arial;
}

a{
	text-decoration:none;
	color:#000000;
}

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

textarea{
	font-family:"Verdana", "Arial", Helvetica; 
}

input{
	font-family:"Verdana", "Arial", Helvetica; 
}

ul{
	margin-top:0;
	padding-left:0;
	margin-left:10px;
	list-style-position:outside;
}

.gray_text{
	color:#a1a1a1;
}

.green_text{
	color:#70cc33;
}

.dark_gray_text{
	color:#636363;
}

#linkbar{
	background-image:url(../images/linkbar.png); 
	background-repeat:no-repeat;
	width:823px;
	height:40px;
	padding-top:15px;
	position:relative;
	top:62px;
	left:26px;
}

.linkbar_link{
	font-family:"Trebuchet MS", verdana, arial;
	font-size:14pt;
	color:#ffffff;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

.linkbar_link:hover{
	color:#e1e1e1;
	text-decoration:none;
}

.leftcolumn{
	width:405px;
	overflow:hidden;
	float:left;
	padding-right:5px;
}

.rightcolumn{
	width:405px;
	overflow:hidden;
	float:left;
}

.columnheader1{
	height:32px;
	width:395px;
	margin-top:5px;
	padding-top:8px;
	padding-left:10px;
	background-image:url(../images/columnheader1bg.png); 
	background-repeat:no-repeat;
	color:#ffffff;
}

.columnheader1 h1{
	padding:0;
	margin:0;
	font-size:14pt;
	font-weight:normal;
}

.columnheader2{
	height:32px;
	width:395px;
	margin-top:5px;
	padding-top:8px;
	padding-left:10px;
	background-image:url(../images/columnheader2bg.png); 
	background-repeat:no-repeat;
	color:#ffffff;
}

.columnheader2 h1{
	padding:0;
	margin:0;
	font-size:14pt;
	font-weight:normal;
}

.columncontent1{
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-left:1px solid #d6e5f2;border-right:1px solid #d6e5f2;border-bottom:1px solid #d6e5f2;
}

.columncontent2{
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-left:1px solid #d6e5f2;border-right:1px solid #d6e5f2;border-bottom:1px solid #d6e5f2;
}

.chosen_question_header{
	padding:0;
	margin:0;
	font-size:14pt;
	font-weight:normal;
	padding-bottom:3px;
}

.vastaus_img{
	padding-top:10px;
}

.chosen_question_replyheader{
	padding:0;
	margin:0;
	font-size:14pt;
	font-weight:normal;
	padding-bottom:3px;
}

.chosen_question_introduction{
	padding:0;
	margin:0;
	font-size:12pt;
	font-weight:normal;
	font-style:italic;
}

.chosen_question_replydescription{
	line-height:1.3;
	
}

.chosen_question_link{
	text-decoration:none;
	color:#000000;
	font-size:11pt;
	display:block;
	width:373px;
	padding:2px;
	-moz-border-radius:5px 5px 5px 5px; 
	background-color:#eff4f8;
	border:1px solid #ffffff;
}

.chosen_question_link:hover{
	background-color:#a8caea;
	border:1px solid #ffffff;
	text-decoration:none;
	color:#000000;
}

.chosen_question_link:hover div{
	color:#000000;
}

.new_question_link{
	text-decoration:none;
	color:#000000;
	font-size:10pt;
	display:block;
	width:373px;
	padding:2px;
	-moz-border-radius:5px 5px 5px 5px; 
	background-color:#eff4f8;
	border:1px solid #f1f1f1;
}

.new_question_link:hover{
	background-color:#a8caea;
	border:1px solid #ffffff;
	text-decoration:none;
	color:#000000;
}

.new_question_link:hover div{
	color:#000000;
}

.question_link_additional_info{
	color:#EFF4F8;
	font-size:8pt;
}

.chosen_question{
	font-size:12pt;
	padding-top:4px;
}

.new_question{
	padding-top:4px;
}

.small_textarea_bold{
	width:380px;
	height:60px;
	font-weight:bold;
}

.small_text_bold{
	width:380px;
	font-weight:bold;
}

.small_textarea_normal{
	width:380px;
	height:60px;
	font-weight:normal;
}

.big_textarea_bold{
	width:680px;
	height:60px;
	font-weight:bold;
	font-size:16pt;
}

.big_text_bold{
	width:680px;
	font-weight:bold;
	font-size:16pt;
}

.big_textarea_normal{
	width:680px;
	height:60px;
	font-weight:normal;
	font-size:12pt;
}

.left_quarter_column_small{
	float:left;
	width:190px;
}

.right_quarter_column_small{
	float:left;
	width:190px;
}

.left_quarter_column_big{
	float:left;
	width:300px;
}

.right_quarter_column_big{
	float:left;
	width:300px;
}

.medium_textinput{
	width:190px;
	
}

.mandatory{
	font-size:8pt;
	color:#ff852f;
}

#siteinfo{
	width:390px;
	height:260px;
	padding-top:22px;
	font-size:12pt;
	color:#a1a1a1;
}

#siteinfo2{
	width:390px;
	height:260px;
	padding-top:22px;
	font-size:10pt;
	color:#a1a1a1;
}

.subjectimage{
	border:1px solid #000000;
	margin-bottom:2px;
}

h1.subjectheader{
	padding:0;
	margin:0;
}

h1.mainheader{
	padding:0;
	margin:0;
	font-size:26pt;
	font-weight:normal;
}

h1.replyheader{
	padding:0;
	margin:0;
	font-size:22pt;
	font-weight:normal;
}

h3.mainintroduction{
	padding:0;
	margin:0;
	font-size:14pt;
	font-style:italic;
}

.replyheader img{
	position:relative;
	top:4px;
}

.narrow_leftfloater{
	float:left;
	width:100px;
	margin-right:15px;
}

.wide_leftfloater{
	float:left;
	width:710px;
}

.bothcoluns{
	clear:both;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	
}

h3 .headerlink{
	font-size:12pt;
	color:#7faeda;
}

.subjectstext{
	font-size:12pt;
	color:#a1a1a1;
	margin-bottom:10px;
}

h3 .subjectslink{
	font-size:12pt;
	color:#7faeda;
}

#inner_container{
	position:relative;
	top:40px;
}

#inner_top_container{
	background-image:url(../images/inn_topbg.png); 
	background-repeat:no-repeat;
	width:828px;
	height:15px;
	overflow:visible;
	position:relative;
}

.inner_leafimage{
	position:absolute;
	top:-33px;
	left:10px;
}

#inner_center_container{
	background-image:url(../images/inn_centerbg.png); 
	background-repeat:repeat-y;
	width:828px;
	overflow:hidden;
}

#inner_bottom_container{
	background-image:url(../images/inn_bottombg.png); 
	background-repeat:no-repeat;
	width:828px;
	height:15px;
}

.baar{
	background-color:#39b54a;
}

.baar1{
	background-color:#b53939;
}

.reply_container{
	padding-top:20px;
	padding-bottom:20px;
}

.replybottom{
	margin-left:15px;
	margin-right:15px;
	width:798px;
	border-bottom:1px solid #D9D9EB;
	border-top:8px solid #f2f2f2;
}

.reply_container_left{
	float:left;
	width:553px;
	position:relative;
	left:15px;
	padding-right:15px;
	/*border-top:3px solid #f2f2f2;*/
}

.reply_container_right{
	background-color:#f2f2f2;
	float:left;
	width:252px;
	height:100%;
	padding-left:3px;
	position:relative;
}

.replypoints{
	position:absolute;
	top:-14px;
	left:1px;
	font-size:22pt;
}

.reply_usernametime{
	padding:4px;
	background-color:#f2f2f2;
	width:535px;
}

h4.questionreply_info{
	padding:0;
	padding-top:10px;
	width:200px;
	margin:0;
	font-size:14pt;
	color:#111111;
	font-weight:normal;
}

.reply_replytext{
	padding-top:10px;
	line-height:1.3;
	font-size:10pt;
}

.reply_rate_container{
	width:553px;
	padding-top:25px;
}

.ratetext_container{
	width:553px;
	font-size:8pt;
	color:#a1a1a1;
}

.ratetext_left{
	width:200px;
	float:left;
	text-align:left;
}

.ratetext_center{
	width:110px;
	float:left;
	text-align:left;
}

.ratetext_right{
	width:140px;
	float:left;
	text-align:left;
}

.rateimagecontainer{
	margin-left:30px;
	width:361px;
	height:53px;
	background-image:url(../images/asteikko_2.png); 
	background-repeat:no-repeat;
}

.commercepush{
	height:45px;
	width:250px;
}

.rating_part{
	width:80px;
	height:33px;
	float:left;
	cursor:pointer;
}

.rating_part2{
	width:67px;
	height:33px;
	float:left;
	cursor:pointer;
}

.error{
	background-color:#FFF5F5;
	border:2px solid #CC6666;
	color:#CC3333;
	font-weight:bold;
	margin-bottom:8px;
	padding:10px;
	width:500px;
}

.notice{
	background-color:#f6fff5;
	border:2px solid #77cc66;
	color:#70cc33;
	font-weight:bold;
	margin-bottom:8px;
	padding:10px;
	width:500px;
}

.notice_big{
	background-color:#f6fff5;
	border:2px solid #77cc66;
	color:#70cc33;
	font-weight:bold;
	margin-bottom:8px;
	padding:10px;
	width:500px;
}

.notice_huge{
	background-color:#f6fff5;
	border:2px solid #77cc66;
	color:#70cc33;
	font-weight:bold;
	margin-bottom:8px;
	padding:10px;
}

.notice_small{
	background-color:#f6fff5;
	border:2px solid #77cc66;
	color:#70cc33;
	font-weight:bold;
	margin-bottom:8px;
	padding:10px;
	padding-left:90px;
	width:300px;
}

.loginform_left{
	float:left;
	width:250px;
}

.loginform_right{
	float:left;
	width:250px;
	font-weight:normal;
}

.loginform_right ul{
	padding:0;
	margin:0;
}

.loginform_right li{
	padding-top:5px;
}

.loginform_right h3{
	padding:0;
	margin:0;
	font-size:13pt;
}

.loginform_left h3{
	padding:0;
	margin:0;
	font-size:13pt;
}

#write_reply_container{
	width:770px;
	margin-top:30px;
	margin-left:20px;
	padding:10px;
	border:1px solid #d9d9eb;
	position:relative;
	background-color:#f2f2f2;
}

#vastaa_img{
	position:absolute;
	top:-10px;
	left:-10px;
}

.replyrow{
	border-bottom:2px solid #cdcdcd;
	padding-top:10px;
	padding-bottom:10px;
}

.reply_wide_text{
	width:530px;
	font-weight:bold;
}

.reply_wide_textarea{
	width:530px;
	height:180px;
}

.replyrow_left{
	width:180px;
	float:left;
}

.replyrow_right{
	width:535px;
	float:left;
}

.more_link{
	font-size:8pt;
	color:#0000FF;
	cursor:pointer;
}

.username_big{
	color:#ff852f;
	font-size:8pt;
}

.username_small{
	color:#ff852f;
	font-size:8pt;
}

.linkimage{
	border:0;
	margin:2px;
}


#small_suggestionBox { border: 1px solid silver; background-color:#ffffff; }
#big_suggestionBox { border: 1px solid silver; background-color:#ffffff; }

div#small_suggestionBox {
  position:absolute;
  width:378px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  font-size:10pt;
  color:#000000;
}
div#small_suggestionBox ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div#small_suggestionBox ul li.selected { background-color: #ffb;}
div#small_suggestionBox ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:18px;*/
  cursor:pointer;
}
div#big_suggestionBox {
  position:absolute;
  width:678px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  font-size:11pt;
  color:#000000;
}
div#big_suggestionBox ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div#big_suggestionBox ul li.selected { background-color: #ffb;}
div#big_suggestionBox ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:22px;*/
  cursor:pointer;
}
div#basic_suggestionBox {
  position:absolute;
  left:72px;
  top:33px;
  width:298px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  font-size:10pt;
  color:#000000;
}
div#basic_suggestionBox ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div#basic_suggestionBox ul li.selected { background-color: #ffb;}
div#basic_suggestionBox ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:22px;*/
  cursor:pointer;
}

.questioninput_container{
	width:506px;
	height:62px;
	background-image:url(../images/kysy_bg.jpg); 
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
	left:165px;
}

.questioninput{
	width:300px;
	height:24px;
	position:absolute;
	left:76px;
	top:17px;
	border:1px solid #5f9eda;
}

.questioninput_img{
	border:0;
	position:absolute;
	left:385px;
	top:0px;
}

.left_third_column{
	float:left;
	width:250px;
	padding-top:10px;
	padding-bottom:10px;
}

.center_third_column{
	float:left;
	width:250px;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
}

.right_third_column{
	float:left;
	width:250px;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
}

.subject_third_link{
	display:block;
	background-color:#f5f5f5;
	border:1px solid #ffffff;
	-moz-border-radius:5px 5px 5px 5px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-size:10pt;
	text-decoration:none;
}

.subject_third_link:hover{
	color:#000000;
	background-color:#aaff99;
	border:1px solid #ffffff;
	-moz-border-radius:5px 5px 5px 5px;
	text-decoration:none;
}

.box_commerce_container{
	padding-left:33px;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#bottombar {
width: 100%;
background: #cccccc;
text-align: left;
padding-bottom:5px;
border-top:1px solid #c1c1c1;
font-family:Verdana, Arial, "Times New Roman", Helvetica;
position:fixed;
bottom:0px;
}
.bottombar_links{
text-decoration:underline;
color:blue;
font-size:8pt;
padding-left:4px;
}
.bottombar_info{
color:#222222;
font-size:8pt;
padding-left:10px;
padding-right:5px;
}

.usertoplink{
	color:#7faeda;
}

.user_img_reply_container{
	padding:10px;
	background-color:#f2f2f2;
	float:left;
	position:relative;
	top:-10px;
	margin-right:15px;
}

.user_img_left_container{
	padding:10px;
	background-color:#f2f2f2;
	float:left;
	margin-right:15px;
}

.user_img_right_container{
	padding:10px;
	background-color:#f2f2f2;
	float:right;
	margin-left:15px;
}

.tiny_question_text{
	font-size:8pt;
}

.tiny_question_header{
	font-size:12pt;
	margin:0;
	margin-bottom:5px;
}

.user_img_question_container{
	padding:10px;
	background-color:#f2f2f2;
	float:left;
	margin-right:15px;
}

.link_to_reply{
	color:#c2c2c2;
	font-size:8pt;
	padding-top:10px;
	clear:both;
}

.previous{
	cursor:pointer;
	position:absolute;
	top:-25px;
	left:260px;
	color:#ffffff;
	height:15px;
}

.next{
	cursor:pointer;
	position:absolute;
	top:-25px;
	left:330px;
	color:#ffffff;
	height:15px;
}

.reply_container a{
	color:#002EB8;
}

