@charset "UTF-8";
/* CSS Document */


body,td,th {
	font-family: 0;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	background: #FFF;
}

.text11{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
.text12{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.text14{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}
.general_text{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	}

body a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
body a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
body a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
body a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BDBDBD;
	text-decoration: underline;
}

img {
	border: 0;
}
* { margin: 0; padding: 0; }
.cleaner{
clear:both;
}
#cleaner{
clear:both;
}
.cleaner820{
clear:both;
width:820px;
}
#content{
width:985px;
padding:5px;
}
.margin5{
height:5px;
width:820px;}

#ifrm1{
width:975px;
height:120px;
margin-bottom:5px;
}
#ifrm2{
width:820px;
height:80px;
float:left;
margin-right:5px;
margin-bottom:5px;
}
#ifrm3{
width:160px;
height:1100px;
float:right;
}
#seoikea{
width:820px;
float:left;
margin-top:5px;
background: #FFF;
}

#top{
width:820px;
height:140px;
}

#menu{
background-image:url("images/background_menu.gif");
background-repeat:no-repeat;
padding-left:15px;
margin-top:5px;
padding-bottom:5px;
width:805px;
height:35px;
}

#menu ul {
	  margin:0;
      padding:0px;
	  list-style:none;
}

 #menu li {
      display:inline;
      padding:0;
      }
      
    #menu a:hover span {
    }
	
    #menu li a:hover h1 {
      background-position:0% -30px;
      }
    #menu a:hover span {
      background-position: 100% -42px;
      }	  



.etusivo_menu{

background-image:	url("images/menu/etusivu.gif");
background-repeat:no-repeat;
width:90px;
height:30px;
float:left;
cursor:pointer;}

#match_view{
	margin-left:10px;
	padding-top:10px;
	width:160px;
	height:56px;
	margin-bottom:10px;
	background-image:url("images/backgrd_match.jpg");
	background-repeat:no-repeat;
	
	}




.haku_menu{background-image:	url("images/menu/haku.gif");
background-repeat:no-repeat;
width:67px;
height:30px;
float:left;
cursor:pointer;}

.lemme_menu{

background-image:	url("images/menu/lemmentohtori.gif");
background-repeat:no-repeat;
width:156px;
height:30px;
float:left;
cursor:pointer;


}

.chat_menu{background-image:	url("images/menu/chat.gif");
background-repeat:no-repeat;
width:68px;
height:30px;
float:left;
cursor:pointer;}
.extra_menu{background-image:	url("images/menu/extra.gif");
background-repeat:no-repeat;
width:74px;
height:30px;
float:left;
cursor:pointer;}
.top_list_menu{background-image:	url("images/menu/top_listat.gif");
background-repeat:no-repeat;
width:115px;
height:30px;
float:left;
cursor:pointer;}
.rekister_menu{background-image:	url("images/menu/rekisterointi.gif");
background-repeat:no-repeat;
width:135px;
height:30px;
float:left;
cursor:pointer;}

.jasenyys_menu{
	background-image:	url("images/menu/jasenyys.gif");
	background-repeat:no-repeat;
	width:135px;
	height:30px;
	float:left;
	cursor:pointer;
}
.ohjeet_menu{background-image:	url("images/menu/ohjeet.gif");
background-repeat:no-repeat;
width:91px;
height:30px;
float:left;
cursor:pointer;}








#main{
width:820px;

}
#column{
width:180px;
margin-right:10px;


float:left;}

#info{
width:630px;
float:right}

#columntop{
background-image:url("images/backgrd_columntop.gif");
height:10px;

;}

#columnmain{
	background:#ffc82d url(images/backgrd_columnmain.gif) repeat-y scroll center top;
}
#columnbottom{
background-image:url("images/backgrd_columnbottom.gif");
background-position:	bottom;
height:10px;

}

#search{
width:340px;
height:220px;
padding-top:60px;
padding-left:290px;
background-image:url("images/backgrd_search.jpg");
}
#search_box { padding-left:24px; }

#search_box input[type=submit] {
	display: block;
	border: 0;
	width: 90px;
	height: 35px;
	background: transparent url("images/hae_off.jpg") top left no-repeat;
}
#search_box input[type=submit]:hover {
	background: transparent url("images/hae_on.jpg") top left no-repeat;
}
.hae_haku {
	display: block;
	border: 0;
	width: 90px;
	height: 35px;
	background: transparent url("images/hae_off.jpg") top left no-repeat;
}
.hae_haku:hover {
	background: transparent url("images/hae_on.jpg") top left no-repeat;
}
#register_box{
padding-left:132px;
padding-top:52px;
}
#register_box a {
	display: block;
	border: 0;
	width: 197px;
	height: 35px;
	background: transparent url("images/button_rekisteroidy_off.jpg") top left no-repeat;
}
#register_box a:hover {
	background: transparent url("images/button_rekisteroidy_on.jpg") top left no-repeat;
}

#login{
	padding-left:10px;
	margin-left:10px;
	
	padding-top:10px;
	padding-right:10px;
	width:150px;
	height:180px;
	background-image:url("images/backgrd_login.jpg");
	background-repeat:no-repeat;
	
}
.button_login {
float: right;
display: block;
border: 0;
width: 60px;
height: 15px;
background: transparent url("images/kirjaudu_off.jpg") top left no-repeat;
}

input[class=button_login]:hover {
background: transparent url("images/kirjaudu_on.jpg") top left no-repeat;
}

#userjoin{
margin-left:10px;
	padding-top:10px;
	width:160px;
	margin-bottom:10px;
	
	}

#nickname{
	width:95px;
	height:35px;
	padding-top:25px;
	padding-left:65px;
	margin-bottom:10px;
	background-repeat:no-repeat;
}


#listuser{background-image:url("images/backgrd_userlistmain.jpg");
background-repeat:repeat-y;}

#listusertop{
height:10px;
background-image:url("images/backgrd_userlisttop.jpg");
background-repeat:no-repeat;
}
#listuserbottom{
height:22px;
background-image:url("images/backgrd_userlistbottom.jpg");
}
#listusermain{

background-image:url("images/backgrd_userlistmain.jpg");
background-repeat:repeat-y;
}
#listusermain li{
margin-bottom:3px;
margin-left:5px;
padding-left:20px;
list-style: none;
background: url("images/bullet.jpg") left center no-repeat;
display:block;


}


.imput-login{
	background-repeat: repeat-y;
	height: 17px;
	width: 140px;
	border: 1px solid #959595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	_background-color: #FFFFFF;
	background-color:#FFFFFF;
}
.imput-motto{


	background-repeat: repeat-y;
	height: 45px;
	width: 140px;
	border: 1px solid #959595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	_background-color: #FFFFFF;
	background-color:#FFFFFF;
}


.imput-kuvaus{
	height: 50px;
	width: 445px;
	border: 1px solid #959595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	_background-color: #FFFFFF;
	background-color:#FFFFFF;
}

#vip{
height:315px;
background-image:url("images/backgrd_vip.jpg");
background-repeat:no-repeat;
margin-left:10px;
margin-right:10px;
padding-top:30px;
text-align: center;
}
#vip a {
  text-decoration: none;
}
#vip img {
height:140px;
width:140px;
margin-bottom:12px;
}
#vip span {
   font-weight: bold;
}
#stadistic{
	background-image:url("images/backgrd_stadistic.jpg");
	background-repeat:no-repeat;
	width:140px;
	height:80px;
	margin-left:10px;
	margin-top:5px;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;

}

#preview_news{

background-image:url("images/backgrd_news.jpg");
background-repeat:no-repeat;
width:160px;
height:190px;
margin-left:10px;
margin-top:5px;
padding-top:40px;

}

#preview_news li{
padding-left:3px;
padding-right:3px;
list-style: none;
background-color:	#f9f9f9;
margin-bottom:5px;


}

.imput01{
	background-image: url("images/backgrd_imput.gif");
	_background-image: url(images/backgrd_imput.gif);
	background-repeat: repeat-y;
	height: 16px;
	width: 122px;
	border: 1px solid #959595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	_background-color: #FFFFFF;
}
.imput02{
	background-image: url("images/backgrd_imput.gif");
	_background-image: url(images/backgrd_imput.gif);
	background-repeat: repeat-y;
	height: 16px;
	width: 52px;
	border: 1px solid #959595;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	_background-color: #FFFFFF;
}



#bannerchat{
height:180px;
background-image:url("images/backgrd_chattop.jpg");
background-repeat:no-repeat;
}
#chat{
padding-top:40px;
background-image:url("images/backgrd_chatmaintop.jpg");
background-repeat:no-repeat;
}
#chatmain{
background-image:url("images/backgrd_chatmainbottom.jpg");
background-repeat:no-repeat;
background-position:bottom;
padding-bottom: 100px;
color: #fff;
}
#chatmain ul{
background-image:url("images/backgrd_chatmainul.jpg");
height:548px;
background-repeat:repeat-y;
padding-left:30px;
padding-right:30px;
padding-top:5px;
overflow:hidden;}

#chatmain li{
list-style: none;
min-height:58px;
_min-height:58px;
background-color:	#FF6600;
margin-top:5px;
margin-bottom:5px;
padding-bottom:5px;}

#chatmain ul li h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color:#933700;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:2px;
}
#chatmain ul li p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	text-align: justify;
}

#scrollers{
padding-top:10px;
background-repeat:repeat-y;
height:15px;
padding-left:30px;
padding-bottom:10px;
}
#scrollers a {
width:60px;
margin-right:10px;
float:left;
}
#outstanding{
	margin-top:10px;
	padding-left:20px;
	padding-top:6px;
	width:610px;
	background-image:url("images/backgrd_outstanding.jpg");
	background-repeat:no-repeat;
	height:1025px;
}
#title_listat{
padding-bottom:2px;
}

#imageoutstanding{
margin-bottom:8px;
padding-left:7px;

}

#banner_index{
width:590px;
height:120px;
margin-top:10px;
margin-bottom:10px;
}
#banner_index{
width:590px;
height:120px;
margin-top:10px;
margin-bottom:10px;
}

#title_viimeksi{
width:590px;
height:35px;
margin-bottom:10px;


}


#outstanding_list li {
	margin-right:3px;
	text-align:center;
	float:left;
	list-style: none;
	width:90px;
	height:124px;
	background-image:url("images/backgrd_ulli_top.jpg");
	background-repeat:no-repeat;
	font-weight: bold;
	padding-top: 7px;
	vertical-align: bottom;
	padding-right:7px;
}

#outstanding_list li a {
	text-align:center;
	display: block;
}
#outstanding_list li a:hover {
	
	
	text-decoration:none;
}
#outstanding_list li img {
padding-bottom:10px;
}
#outstanding_bottom{

width:630px;
height:50px;

background-image:url("images/backgrd_infobottom.gif");}

#menu_foot{
padding-top:10px;
color: #ffa000;
}

#menu_foot a, #menu_foot a:hover, #menu_foot a:link, #menu_foot a:visited { color: #ffa000; font-size: 12px; }

.text_bottom {
	color: #BDBDBD;
	font-weight: bold;
	font-family: verdana;
	font-size: 10px;
	text-decoration:none;
	
}

#text_foot{
width:820px;
padding-top:50px;
height:30px;
}

#foot{
background-image:url("images/backgrd_foot.jpg");
background-repeat:no-repeat;
	
	
	width:820px;
	height:100px;

	
	margin-top:5px;
	
	text-align: center;
	
	
}
#formbox{
height:60px;
width:430px;
}

#formbottom{
float:right;
width:132px;
padding-right:30px;
padding-top: 45px;
}

#formchat{
	padding-left:30px;
	vertical-align: super;
}

#formchat label {
	font-weight: bold;
}

#formchat input[type="radio"] {
	margin-right:5px;
}

#formchat p {
	margin-bottom:5px;
}

.imput_chat {
	height: 50px;
	width: 420px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #959595;
	line-height: 16px;
}
#join{
	width:630px;
	min-height:590px;
	_min-height:590px;
	background-image:url("images/backgrd_join.jpg");
	background-repeat:no-repeat;
}

#top_join{
background-image:url("images/top_join.jpg");
width:630px;
height:220px;
background-repeat:no-repeat;
margin-bottom:10px;}

#form_join1{
width:590px;
height:330px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}
#form_join2{
	width:590px;
	height:330px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
#form_join3{
	width:590px;
	height:330px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-image:url("images/backgrd_join.jpg");
	background-position:bottom;
background-repeat:no-repeat;
	
	
}
#form_join4{
	width:590px;
	height:330px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-image:url("images/backgrd_join.jpg");
	background-position:bottom;
background-repeat:no-repeat;
	
	
}


#form_join5{
	width:600px;
	height:720px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	background-image:url("images/backgrd_join5.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
}
#main_join5 ul li {
   list-style: none;
   padding: 2px;
}
#join5right{
float:right;
width:295px;}

#join5left{
float:left;
width:295px;}


#up_join{
width:590px;
height:42px;
margin-bottom:20px;}
#title_join{

width:160px;}
#title_join2{

width:364px;}



#number_join{
width:218px;
float:right;}
#main_join{
height:204px;
margin-bottom: 5px;}
#main_join5{
height:500px;}
#picmain_join{
width:300px;
height:204px;
float:right;}

#picmain_join2{
width:301px;
height:175px;
float:right;}



#butom_join1{
margin-top:20px;
_margin-top: 10px;
float: right;}

#formmain_join{
width:285px;
height:204px;}
#formmain_join2{
width:285px;
height:146px;}


#butom_next{
float:right;
width:102px;
margin-left:20px;}
#butom_previus{
float:right;
width:153px;}

.join_next {
float: right;
display: block;
border: 0;
width: 102px;
height: 35px;
background: transparent url("images/butom_lisa_off.jpg") top left no-repeat;
}

a[class=join_next]:hover {
background: transparent url("images/butom_lisa_on.jpg") top left no-repeat;
}

.join_previus {
float: right;
padding-right: 20px;
display: block;
border: 0;
width: 153px;
height: 35px;
background: transparent url("images/butom_edelline_off.jpg") top left no-repeat;
}

a[class=join_previus]:hover {
background: transparent url("images/butom_edelline_on.jpg") top left no-repeat;
}

#joinsend {
float: right;
display: block;
border: 0;
width: 127px;
height: 35px;
background: transparent url("images/button_laheta_register_off.jpg") top left no-repeat;
}

#upicon{
float:left;
display: block;
border: 0;
width: 128px;
height: 27px;
background: transparent url("images/valitse_ikoni.png") top left no-repeat;}

#upicon:hover {
background: transparent url("images/valitse_ikoni.png") top left no-repeat;
}

#joinsend:hover {
background: transparent url("images/button_laheta_register_on.jpg") top left no-repeat;
}

#vip_join{
width:590px;
height:280px;
background-image:url("images/backgrd_vip_join.jpg");
background-repeat:no-repeat;
margin-top:10px;
padding:20px;

}


#title_vip_join{
margin-bottom:10px;}

#vipjoin1{
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:15px;
height:215px;
width:250px;
background-image:url("images/backgrd_vip_joinuser.jpg");
background-repeat:no-repeat;
float:left;
color: #fff;
}

#vipjoin2{
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:15px;
height:215px;
width:250px;
background-image:url("images/backgrd_vip_joinuser.jpg");
background-repeat:no-repeat;
float:right;
color: #fff;
}

#textvipjoin{
margin-top:25px;
width:94px;
float:right;}

#secondtextvipjoin{
margin-top:35px;}

#top_muoka{
background-image:url("images/back_omaprofiilimuokka.jpg");
width:630px;
height:226px;
background-repeat:no-repeat;
margin-bottom:10px;}

#div_pointrivias ul li{
height:30px;
margin-right:10px;
width:270px;
list-style:none;
float:left;}

#test1 ul li{
list-style:none;}


#bannerlemmen{
height:180px;
background-image:url("images/backgrd_lemmentop.jpg");
background-repeat:no-repeat;}

#confirm-result { background: transparent url('images/bg_confirm_result.gif') top center no-repeat; font-size: 14px; font-weight: bold; text-align: justify; height: 130px; width: 590px; padding: 20px; line-height: 24px;}
#freesms-left { margin-bottom: 5px; }

#joinform .text11, #joinsum .text12, #joinsum .text14 {color: #bdbdbd; }