@import url("extrat.css"); /* Kutsutaan legioonat avuksi */





* {
	margin: 0;
	padding: 0;
	}


div.top_priority_ad {
	clear: both;
	width: 700px;
	cursor: pointer;
	padding: 15px 15px;
	margin: 10px auto 0;
	border: 2px solid #000;
	background: red;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
	text-align: center;


}

a {
	color: #000;
	text-decoration: none;
	}
	
img {
	border: 0;
	}


/* Rikotaan vähän oletustyylejä... */
input,
select {
	border: 1px solid #888;
	font-size: 0.8em;
	padding: 2px 1px 3px 2px;
	color: #333;
	}

textarea {
	border: 1px solid #888;
	padding: 2px 1px 3px 2px;
	color: #333;
	}

body {
	/* background: #52A600 url(../img/bg1.png) repeat-x 50% 5%; */
	background: #243A52 url(../img/bg2.png) repeat-x 50% 5%;
	padding: 0;
	margin: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#wrapper {
	margin: 0 auto;
	width: 970px;
	padding-right: 160px;
	position: relative;
	background: url(../img/middle-fade.png) repeat-y -15px 0;
	border-left: 1px solid #000;
	}
	
#skipnavi {
	display: none;
	}

#header {
	min-height: 90px;
	height: auto;
	_height: 90px;
	background: #2F2F2F url(../img/hbg2.png) repeat-x 0 0;
	position: relative;
	}
	
.varoitus {
	color: #CC0000 !important;
	font-weight: bold;
	font-size: 14px !important;
	}
	
/* Logo */

#header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 10px;
	height: 81px;
	width: 96px;
	}
	
#header h1 a {
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-indent: -9999px;
	height: 89px;
	width: 323px;
	background: url(../img/mesenet-logo4.png) no-repeat 0 0;
	}
	
#header h1 a:focus {
	outline: none;
	}
	
/* Navigaatio */

#navibg ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #6A6A6A url(../img/navi-fade3.png) repeat-x 100% 100%;
	min-height: 30px;
	height: auto;
	_height: 30px;
	font-size: 0.85em;
	font-weight: bold;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	}

#navibg li {
	display: inline;
	}
	
#navibg li a {
	padding: 7px 14px 7px 13px;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	border-right: 1px solid #666;
	background: #6A6A6A url(../img/navi-fade3.png) repeat-x 100% 100%;
	}
	
#navibg li#viimeinen a {
	border-right: 0;
	}

#navibg li a:hover,
#navibg li a:focus {
	color: #ECC823;
	background: #657586 url(../img/navi-fade2.png) repeat-x 0 100%;
	}
	
#navibg li a:focus {
	outline: none;
	background: #657586 url(../img/navi-fade.png) repeat-x 0 100%;
	}

/* Keskusta */

#middle {
	background: #FFF;
	text-align: left;
	clear: both; /* Tämä takaa sen, ettei fontin suurentaminen muljauta navia sisältöalueelle */
	}

#leftcol {
	width: 210px;
	float: left;
	display: inline;
	margin-top: 4px;
	}

#midcol {
	width: 750px;
	float: right;
	display: inline;
	margin-right: 5px;
	}

/* Footer */

#footer {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #000;
	background: #ECECEC url(../img/footer-fade.png) repeat-x 0 0;
	color: #333;
	}

#footer ul {
	list-style: none;
	text-align: right;
	margin: 5px 0;
	padding: 0;
	font-size: 0.9em;
	position: relative;
	}
	
#footer ul li {
	display: inline;
	}
	
#footer ul li#copyright {
	position: absolute;
	top: 0;
	left: 10px;
	letter-spacing: 1px;
	color: #666;
	}
	
#footer ul li a {
	text-decoration: none;
	color: #333;
	background: url(../img/footer-deco.png) no-repeat 100% 50%;
	padding: 0 10px 0 5px;
	}
	
#footer ul li#vika a {
	background: none;
	}
	
#footer ul li a:hover {
	color: #C00;
	}

/* Kirjautumislaatikko */
div.leftblockgoogle{
	display: inline;
	bgcolor: white;
	}
div.leftblock form ul li.kirj_submit {
	display: inline;
	}
	
div.leftblock form ul li.rek_linkki {
	display: inline;
	margin: 0 0 0 6px;
	font-weight: bold;
	}
	
div.leftblock form ul li.rek_linkki #rek_linkki_a {
	background: url(../img/icons/action_forward.gif) no-repeat 100% 50%;
	padding: 0 20px 0 0;
	text-decoration: none;
	}
	
/* Kirjautuneena */

div.leftblock ul li.kom_uusi_kuva a {
	background: url(../img/icons/comment.png) no-repeat 0 50%;
	}

div.leftblock ul li.kom_uusia_kuva a {
	background: url(../img/icons/comments.png) no-repeat 0 50%;
	}

div.leftblock ul li.kom_uusi_yht a {
	background: url(../img/icons/comment.png) no-repeat 0 50%;
	}

div.leftblock ul li.kom_uusia_yht a {
	background: url(../img/icons/comments.png) no-repeat 0 50%;
	}

div.leftblock ul li.kom_ei_uusia a {
	background: url(../img/icons/tick.png) no-repeat 0 50%;
	}

div.leftblock ul li.galleriakayttoon a {
	background: url(../img/icons/picture_go.png) no-repeat 0 50%;
	}

div.leftblock ul li.lisaakuva a {
	background: url(../img/icons/picture_add.png) no-repeat 0 50%;
	}

div.leftblock ul li.killingit_loppu a {
	background: url(../img/icons/exclamation.png) no-repeat 0 50%;
	}

div.leftblock ul li.killingit_vahan a {
	background: url(../img/icons/coins_few.png) no-repeat 0 50%;
	}

div.leftblock ul li.killingit a {
	background: url(../img/icons/coins.png) no-repeat 0 50%;
	}

div.leftblock ul li.killingit_paljon a {
	background: url(../img/icons/coins_many.png) no-repeat 0 50%;
	}

div.leftblock ul li.killingit_hirveasti a {
	background: url(../img/icons/money.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.kayttajat a {
	background: url(../img/icons/group.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.yhteisot a {
	background: url(../img/icons/newspaper.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.yht_luo a {
	background: url(../img/icons/newspaper_add.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.yht_luettelo a {
	background: url(../img/icons/newspaper_go.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.yht_omat a {
	background: url(../img/icons/newspaper_link.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat a {
	background: url(../img/icons/user.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat_oletus a {
	background: url(../img/icons/picture.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat_arkisto a {
	background: url(../img/icons/pictures.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat_profiili a {
	background: url(../img/icons/user_edit.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat_kaverit a {
	background: url(../img/icons/user_green.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat_estot a {
	background: url(../img/icons/user_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.omat_modit a {
	background: url(../img/icons/page_white_paint.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.tilastot a {
	background: url(../img/icons/chart_curve.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.til_ika a,
div.leftblock ul li.til_paikkakunta a {
	background: url(../img/icons/chart_pie.png) no-repeat 0 50%;
	}

div.leftblock ul li.til_kayttajat a {
	background: url(../img/icons/group.png) no-repeat 0 50%;
	}

div.leftblock ul li.til_yhteiso a {
	background: url(../img/icons/chart_bar.png) no-repeat 0 50%;
	}

div.leftblock ul li.til_yhteisot a {
	background: url(../img/icons/newspaper_go.png) no-repeat 0 50%;
	}

div.leftblock ul li.yllapito a {
	background: url(../img/icons/award_star_gold_1.png) no-repeat 0 50%;
	}

div.leftblock ul li.yllapitokeskustelu a {
	background: url(../img/icons/list_comments.gif) no-repeat 0 50%;
	}

div.leftblock ul li.muistio a {
	background: url(../img/icons/note.png) no-repeat 0 50%;
	}

div.leftblock ul li.viesti a {
	background: url(../img/icons/email.png) no-repeat 0 50%;
	}

div.leftblock ul li.viestit_eiuusia a {
	background: url(../img/icons/email_open.png) no-repeat 0 50%;
	}

div.leftblock ul li.viestit_uusia a {
	background: url(../img/icons/email.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.kirj_ulos a {
	background: url(../img/icons/door_in.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.luo_kansio a {
	background: url(../img/icons/folder_add.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.siirra_kuvat a {
	background: url(../img/icons/folder_go.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.siirry_oletukseen a {
	background: url(../img/icons/picture_go.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.asetukset a {
	background: url(../img/icons/picture_edit.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.oletukseen a {
	background: url(../img/icons/folder_picture.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.piilota a {
	background: url(../img/icons/picture_shade.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.piilota ul li.sub_piilota a {
	background: url(../img/icons/picture_shade.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.piilota ul li.sub_palauta a {
	background: url(../img/icons/picture.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.siirra a.siirra {
	background: url(../img/icons/picture_go.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.poista a {
	background: url(../img/icons/picture_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_poista a {
	background: url(../img/icons/bin_empty.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.kansiot_poista a {
	background: url(../img/icons/folder_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.vesileima a {
	background: url(../img/icons/key.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.peruuta a {
	background: url(../img/icons/cancel.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_vesileima a {
	background: url(../img/icons/key_add.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_vesileima_palauta a {
	background: url(../img/icons/key_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.vesileimaus_tallenna a {
	background: url(../img/icons/disk.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.vesileimaus_autom_on a {
	background: url(../img/icons/control_play_blue.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.vesileimaus_autom_off a {
	background: url(../img/icons/control_pause_blue.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.modaus a {
	background: url(../img/icons/page_white_paint.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_modaus_uusi a {
	background: url(../img/icons/page_white.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_modaus_muokkaa_nykyinen a,
div.leftblock ul li.sub_modaus_muokkaa_vanha a {
	background: url(../img/icons/page_white_edit.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_modaus_vaihda a {
	background: url(../img/icons/page_white_swoosh.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.sub_modaus_poista a {
	background: url(../img/icons/page_white_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.oletukset_eiuusia a {
	background: url(../img/icons/tick.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.oletukset_uusia a {
	background: url(../img/icons/error.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.galleriapois a {
	background: url(../img/icons/picture_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.stop a {
	background: url(../img/icons/stop.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.eye a {
	background: url(../img/icons/eye.png) no-repeat 0 50%;
	}

div.leftblock ul li.brick a {
	background: url(../img/icons/brick.png) no-repeat 0 50%;
	}

div.leftblock ul li.email_edit a {
	background: url(../img/icons/email_edit.png) no-repeat 0 50%;
	}

div.leftblock ul li.key_go a {
	background: url(../img/icons/key_go.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.salli a {
	background: url(../img/icons/user.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.esta a {
	background: url(../img/icons/user_delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.delete a {
	background: url(../img/icons/delete.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.table_key a {
	background: url(../img/icons/table_key.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.table a {
	background: url(../img/icons/table.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.group_add a {
	background: url(../img/icons/group_add.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.group_go a {
	background: url(../img/icons/group_go.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.user_suit a {
	background: url(../img/icons/user_suit.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.images a {
	background: url(../img/icons/images.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.door_out a {
	background: url(../img/icons/door_out.png) no-repeat 0 50%;
	}
	
div.leftblock ul li.door_open a {
	background: url(../img/icons/door_open.png) no-repeat 0 50%;
	}

div.leftblock ul li.medal_gold_1 a {
	background: url(../img/icons/medal_gold_1.png) no-repeat 0 50%;
	}
	
#muutoslinkki a {
	background: url(../img/icons/pencil.png) no-repeat 0 50%;
	padding: 0 0 0 20px;
	text-decoration: none !important;
	}
	
#muutoslinkki a:hover {
	text-decoration: underline !important;
	}
	
/* Kuva */

#galleriakuva {
	padding-bottom: 0px;
	background: #F3F3F3;
	border-top: 1px solid #FED61F;
	border-left: 1px solid #FED61F;
	border-right: 1px solid #FED61F;
	text-align: center;
	margin-top: 5px;
	}

#galleriakuva p {
	padding-bottom: 10px;
	border-bottom: 1px solid #FED61F;
	}

#galleriakuva div#kuvakuva {
	max-width: 650px;
	margin: auto;
	}

#galleriakuva div#kuvakuva div {
	max-width: 640px;
	max-height: 640px;
	padding: 2px;
	margin: auto;
	border: 1px inset #000;
	}

#galleriakuva div#kuvakuva div:hover {
	background-color: #EAC723 !important;
	}

#galleriakuva div#kuvakuva p {
	color: #333;
	padding: 0 15px 10px 15px;
	font: oblique 0.95em Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	border-bottom: 0;
	}

#galleriakuva div#kuvakuva p a {
	color: #C00;
	}

#galleriakuva div#kuvakuva p.kuvainfo {
	color: #333;
	padding: 0 15px 10px 15px;
	font: 0.85em Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	border-bottom: 0;
	}
	
/* Kommentit */

#kommentit {
	text-align: left;
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #FED61F;
	background: #F3F3F3;
	font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
/* Ja kommenttien ja muiden otsikkotasojen yms. yhteisiä systeemejä: */
	
#kommentit h4,
#kommentit table tr th,
#galleriakuva h3,
div.laatikko h1,
div.laatikko h2,
div.laatikko h3,
div.laatikko h4,
div.laatikko h5,
div.laatikko h6,
div.errorlaatikko h1,
div.errorlaatikko h2,
div.errorlaatikko h3,
div.errorlaatikko h4,
div.errorlaatikko h5,
div.errorlaatikko h6,
div.errorlaatikko-nobg h1,
div.errorlaatikko-nobg h2,
div.errorlaatikko-nobg h3,
div.errorlaatikko-nobg h4,
div.errorlaatikko-nobg h5,
div.errorlaatikko-nobg h6,
div.leftblock h1,
div.leftblock h2,
div.leftblock h3,
div.leftblock h4,
div.leftblock h5,
div.leftblock h6,
div#tilastot table tr th {
	font: bold 0.95em "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #FFF;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	background: #E0BD1F url(../img/input-fade2.png) repeat-x 0 100%;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #000;
	text-align: left;
	}
	
div.leftblock h1,
div.leftblock h2,
div.leftblock h3,
div.leftblock h4,
div.leftblock h5,
div.leftblock h6,
div.puolikas h1,
div.puolikas h2,
div.puolikas h3,
div.puolikas h4,
div.puolikas h5,
div.puolikas h6,
div#yhteisot h1,
div#yhteisot h2,
div#yhteisot h3,
div#yhteisot h4,
div#yhteisot h5,
div#yhteisot h6,
div#tilastot h1,
div#tilastot h2,
div#tilastot h3,
div#tilastot h4,
div#tilastot h5,
div#tilastot h6 {
	margin-bottom: 0;
	border-bottom: 1px solid #F3F3F3;
	}
	
div.puolikas h1,
div.puolikas h2,
div.puolikas h3,
div.puolikas h4,
div.puolikas h5,
div.puolikas h6 {
	border-bottom: 2px solid #FFF;
	}
	
/* Jatketaan kommenteilla */
	
#kommentit table tr th {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	}

#kommentit p {
	color: red;
	margin: 0 10px 10px 10px;
	padding: 10px 10px 0 0;
	font-weight: bold;
	border-top: 1px solid #CCC;
	}

#kommentit form {
	padding: 0 5px;
	margin: 0;
	text-align: center;
	}

#kommentit form input#kommentti {
	width: 723px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 2px;
	background: #F3F3F3 url(../img/input-fade1.png) repeat-x 0 0;
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 10px;
	}

#hymiot {
	color: #666;
	padding-bottom: 5px;
	}

#hymiot ul li {
	margin-right: 4px;
	}
	
#kom_valinnat ul {
	text-align: left;
	list-style: none;
	color: #333;
	padding-bottom: 10px;
	margin-left: 5px;
	}
	
#kom_valinnat ul li {
	padding-left: 20px;
	margin-top: 5px;
	}
	
#kom_valinnat ul li#kom_yksityinen {
	background: url(../img/icons/lock.png) no-repeat 0 50%;
	}
	
#kom_valinnat ul li#kom_yllapidolta {
	background: url(../img/icons/lightning.png) no-repeat 0 50%;
	}
	
#kom_valinnat ul li label {
	margin-right: 4px;
	}
	
#kom_valinnat ul li input {
	margin-bottom: 2px;
	}
	
/* Kommenttitaulukko */
	
#kommentit div#sivut {
	width: 718px;
	margin: 0;
	padding: 5px 15px;
	color: #333;
	border-top: 1px solid #FED61F;
	background: #F3F3F3;
	}

#kommentit ul#kommenttitaulu {
	list-style-type: none;
	width: 715px;
	margin: 0 10px;
	padding: 0 15px;
	color: #333;
	border-top: 1px solid #CCC;
	background: #F3F3F3;
	padding: 5px;
	}
	
#kommentit ul#kommenttitaulu li {
	overflow: auto;
	border-bottom: 1px solid #CCC;
	padding: 4px 0;
	}

#kommentit a.lahetysaika {
	background: url(../img/icons/information.png) no-repeat 50% 50%;
	padding: 0 6px;
	}

#kommentit a {
	color: #C00;
	}

#kommentit ul#kommenttitaulu li a.poistolinkki {
	background: url(../img/icons/comment_delete.gif) no-repeat 50% 50%;
	padding: 0 6px;
	}
	
#kommentit ul#kommenttitaulu li a.poistolinkki:hover {
	background: url(../img/icons/comment_delete.png) no-repeat 50% 50%;
	}
	
#kommentit span.uusi {
	background: url(../img/icons/asterisk_yellow.png) no-repeat 50% 50%;
	padding: 0 6px;
	}
	
#kommentit span.yksityinen {
	background: url(../img/icons/lock.png) no-repeat 50% 50%;
	padding: 0 6px;
	}
	
#kommentit span.yllapidolta {
	background: url(../img/icons/exclamation.png) no-repeat 50% 50%;
	padding: 0 6px;
	}

#kommentit li.yksit_kommentti {
	background: #FFE87D url(../img/privaviesti.png) repeat-x 0 0;
	}
	
#kommentit span.kommentti a {
	text-decoration: underline;
	color: #C00;
	}
	
#kommentit div.kommentti a:hover {
	text-decoration: underline;
	color: #333;
	}
	
/* Sekalaiset */
	
br.tyhjennys {
	clear: both;
	}
	
/* Laatikko */

div.laatikko {
	border: 1px solid #FED61F;
	}
	
#middle div.laatikko {
	margin: 5px 0 0 0;
	background: #F3F3F3;
	clear: both;
	}
	
div.errorlaatikko,
div.errorlaatikko-nobg {
	clear: both;
	border-bottom: 1px solid #FED61F;
	min-height: 350px;
	}
	
	
div.errorlaatikko {
	background: #F3F3F3 url(../img/error_big.png) no-repeat 98% 50%;
	}

/* Laatikon ja leftblockin tekstikappaleet yms. */

div.laatikko p,
div.errorlaatikko p,
div.errorlaatikko-nobg p,
div.laatikko ul,
div.laatikko ol,
div.laatikko dl,
div.leftblock p,
div.leftblock ul,
div.leftblock ol,
div.leftblock dl {
	font-size: 0.9em;
	padding: 0 10px 10px 10px;
	margin: 0;
	line-height: 180%;
	color: #333;
	}

div.laatikko form {
	padding: 0 10px 10px 10px;
	margin: 0;
	line-height: 180%;
	color: #333;
	}
	
div.errorlaatikko p,
div.errorlaatikko-nobg p {
	width: 45%;
	}
	
div.errorlaatikko p#verbose-link,
div.errorlaatikko-nobg p#verbose-link {
	width: 91%;
	margin-top: 120px;
	text-align: right;
	}
	
div.errorlaatikko table,
div.errorlaatikko-nobg table {
	width: 65%;
	font-size: 12px;
	padding: 0;
	margin: 10px 10px 10px 10px;
	color: #333;
	border-top: 1px solid #333;
	}

div.errorlaatikko-nobg td.yllapito-nodb-nick {
	font-weight: bold;
	}

div.errorlaatikko-nobg td.yllapito-nodb-info {
	font-style: italic;
	font-size: 13px;
	}
	
div.laatikko a,
div.errorlaatikko a,
div.errorlaatikko-nobg a {
	color: #C00;
	text-decoration: underline;
	}
	
div.laatikko a:hover,
div.errorlaatikko a:hover,
div.errorlaatikko-nobg a:hover {
	color: #333;
	}
	
div.leftblock p,
div.leftblock ul,
div.leftblock ol,
div.leftblock dl {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background: #F3F3F3 url(../img/leftblock-bg1.png) repeat-x 0 0;
	padding: 5px 5px 10px 5px;
	}
	
div.leftblock ul,
div.leftblock ol {
	list-style: none;
	}
	
div.leftblock ul.profiili,
div.leftblock ol.profiili {
	overflow: auto;
	}
	
div.leftblock ul li,
div.leftblock ol li {
	border-bottom: 1px solid #CCC;
	}
	
div.leftblock ul li span {
	color: #000;
	margin-left: 5px;
	}
	
div.leftblock ul li a,
div.leftblock ol li a {
	color: #333;
	text-decoration: none;
	}
	
div.leftblock ul li a:hover,
div.leftblock ol li a:hover {
	color: #C00;
	}
	
div.leftblock ul li strong,
div.leftblock ol li strong {
	padding-right: 20px;
	}
	
div.leftblock ul li strong.online,
div.leftblock ol li strong.online {
	background: url(../img/icons/status_online.png) no-repeat 100% 1px;
	color: #60A432;
	}
	
div.leftblock ul li strong.offline,
div.leftblock ol li strong.offline {
	background: url(../img/icons/status_offline.png) no-repeat 100% 1px;
	color: #C00;
	}
	
/* Meseukko(ja) menossa mukana */
	
div.laatikko p.ukollinen {
	padding-right: 110px;
	min-height: 90px;
	height: auto;
	_height: 90px;
	background: url(../img/meseukko1.png) no-repeat 99% 25%;
	}
	
/* Mesekupl(i)a menossa mukana */
	
div.laatikko p.kupla {
	padding-left: 90px;
	min-height: 90px;
	height: auto;
	_height: 90px;
	background: url(../img/mesekupla1.png) no-repeat 10px 0;
	}
	
/* Vasemman palstan tavaraa */

div.leftblock {
	margin: 1px 0 4px 5px;
	border: 1px solid #FED61F;
	}
	
/* Tervetuloa-laatikko */

#middle div#tervetuloa {
	margin-top: 2px;
	}
	
/* Kirjaudu */

form#kirjautuminen ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 5px;
	}
	
form#kirjautuminen ul li {
	border-bottom: 0;
	line-height: 200%;
	}
	
form#kirjautuminen ul li label {
	float: left;
	width: 80px;
	}
	
form#kirjautuminen ul li input#kayttajanimi,
form#kirjautuminen ul li input#salasana {
	width: 105px;
	}
	
form#kirjautuminen ul li input#salasana {
	margin-bottom: 5px;
	}

form#kirjautuminen ul li input#submitkirjaudu {
	border: 1px outset #F33;
	background: #FFD71F url(../img/input-fade2.png) repeat-x 0 0;
	width: 60px;
	height: 21px;
	}
	
form#kirjautuminen ul li input#submitkirjaudu:hover {
	border: 1px outset #C00;
	background: #FFD71F url(../img/input-fade2.png) repeat-x 0 100%;
	}


form#kirjautuminen ul li input#submitkirjaudu:active {
	border: 1px inset #C00;
	background: #E0BD1F url(../img/input-fade2.png) repeat-x 0 100%;
	}
	
form#kirjautuminen ul li.inline {
	line-height: 250%;
	}
	
form#kirjautuminen ul li a {
	color: #C00;
	text-decoration: underline;
	}
	
form#kirjautuminen ul li a:hover {
	color: #333;
	}
	
form#kirjautuminen ul li.inline a {
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	margin-left: 15px;
	}
	
/* Hae nikkiä tai yhteisöä */
	
form.hakulomake {
	padding: 5px;
	margin: 0;
	text-align: center;
	}
	
form.hakulomake ul li {
	border-bottom: 0;
	}
	
form.hakulomake label {
	display: none;
	}
	
form.hakulomake input#nimimerkki,
form.hakulomake input#yhteiso {
	margin-right: 5px;
	width: 120px;
	}
	
.pikahakusubmit {
	width: 45px;
	height: 20px;
	margin: 0;
	padding: 0px 0 2px 0;
	border: 1px solid #888;
	color: #333;
	background: #FED61F url(../img/input-fade2.png) repeat-x 0 0;
	}

div.pikahaku ul li {
	border-bottom: 0;
	}

/* Käyttäjän kuva vas. sivupalkissa = krediiteillä ostettua näkyvyyttä? */

div.kkuva ul {
	padding: 5px 0 0 0;
	margin: 0;
	text-align: center;
	}
	
div.kkuva ul li {
	border-bottom: 0;
	}
	
div.kkuva ul li img {
	max-width: 190px !important; /* Ettei esim. 1600px leveää kuvaa näytetä 1:1 */
	min-width: 90px !important;
	border: 1px inset #F3F3F3;
	background: #FFF;
	padding: 3px;
	margin: 0;
	float: none;
	}
	
div.kkuva ul li.kkuvateksti {
	padding: 5px 15px 10px 15px;
	font: oblique 0.95em Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	overflow: auto;
	}
	
div.kkuva ul li.kkuvateksti:before,
div.kkuva ul li.kkuvateksti:after {
	content: '"';
	}
	
div.kkuva ul li#kjono,
div.kkuva ul li.klisapalvelut {
	font-weight: bold;
	text-align: right;
	line-height: normal;
	padding-right: 5px;
	}
	
div.kkuva ul li.klisapalvelut a {
	color: #C00;
	text-decoration: none;
	}
	
div.kkuva ul li.klisapalvelut a:hover {
	color: #333;
	}
	
/* Spammiboksi */

#spammiboksi form ul {
	margin: 0;
	padding: 5px 5px 0 5px;
	text-align: right;
	border-bottom: 0;
	}
	
#spammiboksi form ul li {
	background: url(../img/icons/comment_new.gif) no-repeat 2px 25%;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 2px;
	}
	
#spammiboksi form ul li.spam_vainvip {
	text-align: left;
	background: none;
	padding: 0 5px 5px 5px;
	border: 0;
	}
	
#spammiboksi form ul li.spam_vainvip:hover {
	background: none;
	}
	
#spammiboksi form ul li:hover {
	background: url(../img/icons/comment_add.png) no-repeat 0 25%;
	}
	
#spammiboksi form ul li label {
	display: none;
	}
	
#spammiboksi form ul li input#spammiviesti {
	width: 161px;
	}
	
#spammiboksi ul#spadam {
	padding-top: 0;
	background-image: none;
	overflow: auto;
	max-height: 300px;
	}
	
#spammiboksi ul#spadam li {
	padding: 5px 2px;
	line-height: 125%;
	}
	
#spammiboksi ul#spadam li.omaspamviesti {
	font-weight: bold;
	background: #fdf0b8 url(../img/spam_oma_fade.png) repeat-x 0 0;
	}
	
#spammiboksi ul#spadam li a {
	text-decoration: none;
	color: #C00;
	}
	
#spammiboksi ul#spadam li a.lahetysaika {
	background: url(../img/icons/information.png) no-repeat 50% 50%;
	padding: 0 6px;
	}
	
#spammiboksi ul#spadam li a.poistolinkki {
	background: url(../img/icons/comment_delete.gif) no-repeat 50% 50%;
	padding: 0 6px;
	}
	
#spammiboksi ul#spadam li a.poistolinkki:hover {
	background: url(../img/icons/comment_delete.png) no-repeat 50% 50%;
	}

#spammiboksi ul#spadam li a:hover {
	color: #333;
	}

/* Leftblock: yhteistyössä Labyrintin kanssa */

ul#yhteistyossa-labyrintti {
	margin: 0;
	padding: 10px;
	}
	
ul#yhteistyossa-labyrintti li {
	border-bottom: 0;
	}

ul#yhteistyossa-labyrintti li a {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 30px;
	background: url(../img/labyrintti-media.gif) no-repeat 50% 0;
	}
	
/* Puolikas laatikko = kaksi vieretysten */

div.puolikas {
	display: block;
	float: left;
	width: 370px;
	margin-top: 5px !important;
	border-bottom: 1px solid #EAC723;
	padding-bottom: 2px;
	clear: none !important;
	}
	
/* Puolikkaat laatikot aiheuttavat ongelmia muille laatikoille. */

div.irtiotto {
	margin-top: 145px !important;
	}
	
/* Tämä on oikeanpuoleinen puolikas */
	
div.oikeapuolikas {
	float: right;
	}
	
/* Kuria ja järjestystä */

div.esittely div,
div.uutiset div,
div.rekisteroidy ul,
div.selainpropaganda ul,
div.sivustopropaganda ul {
	display: block;
	height: 250px;
	overflow: auto;
	background: #F3F3F3 url(../img/leftblock-bg1.png) repeat-x 0 0;
	}

/* Esittelyn viilausta */

div.esittely div p {
	padding-top: 10px;
	}
	
/* Ja näistä keskustellaan */

div.naista-keskustellaan {
	height: 284px;
	display: block;
	background: #F3F3F3 url(../img/leftblock-bg1.png) repeat-x 0 0;
	padding: 0 0;
	color: #333;
	}

div.naista-keskustellaan ul {
	list-style: none;
	height: 212px;
	overflow: auto;
	}
	
div.foorumiviestit ul li,
div.mesekamuhaku ul li {
	padding-top: 2px;
	border-bottom: 1px solid #CCC;
	padding-left: 20px;
	}
	
div.foorumiviestit ul li {
	background: url(../img/icons/comments.png) no-repeat 0 50%;
	}
	
div.mesekamuhaku ul li {
	background: url(../img/icons/user_comment.png) no-repeat 0 50%;
	}
	
div.naista-keskustellaan ul li a {
	text-decoration: none;
	color: #C00;
	}
	
div.naista-keskustellaan ul li a:hover {
	color: #333;
	}
	
div.mesekamuhaku div,
div.foorumiviestit div {
	border-top: 1px solid #FED61F;
	padding: 5px 0 5px 30px;
	font-size: 0.9em;
	color: #390;
	font-weight: bold;
	background-color: #FFF;
	}
	
div.mesekamuhaku div {
	background: #FFF url(../img/icons/user_add.png) no-repeat 10px 50%;
	padding-right: 150px;
	}

div.foorumiviestit div {
	background: #FFF url(../img/icons/action_forward.gif) no-repeat 10px 50%;
	padding-right: 190px;
	}
	
div.uutiset div.add {
	background: #FFF url(../img/icons/add.png) no-repeat 5px 50%;
	padding: 5px 0 5px 25px;
	height: auto;
	font-weight: bold;
	border-bottom: 1px solid #FED61F;
	font-size: 12px;
	
	}
	
div.mesekamuhaku div a,
div.foorumiviestit div a,
div.uutiset div.add a {
	text-decoration: none;
	}
	
/* Kuvataulukko: uusimmat käyttäjät ja kakkostason kuvataulu */

div.kuvataulu table {
	margin: 0;
	padding: 0 5px 5px 5px;
	width: 100%;
	color: #333;
	font-size: 0.9em;
	text-align: center;
	border-bottom: 1px solid #EAC723;
	}
	
div.kuvataulu table tr td a {
	text-decoration: none;
	color: #666;
	padding: 2px;
	margin: 2px;
	display: block;
	}
	
div.kuvataulu table tr td a:hover {
	color: #333;
	}
	
div.kuvataulu table tr td a img {
	border: 1px inset #F3F3F3;
	background: #FFF;
	padding: 2px;
	width: 60px !important;
	height: 60px !important;
	}
	
div.kuvataulu table tr td a:hover img {
	background: #EAC723;
	}
	
#middle div.kuvataulu2 {
	margin-top: 5px;
	}
	
/* Uutinen */

div.uutiset div blockquote {
	padding: 10px;
	font: 0.95em "Trebuchet MS";
	color: #333;
	}

div.uutiset div blockquote div {
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}
	
div.uutiset div p.uutisotsikko {
	text-align: center;
	padding: 5px 10px;
	color: #333;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	font-weight: bold;
	font-size: 14px;
	}
	
/* Tietoa uutisen kirjoittajasta ja julkaisuhetkestä */

div.uutiset div p.julkaisuinfo {
	padding: 5px 10px;
	color: #666;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-left: 30px;
	background: #FFF url(../img/icons/date.gif) no-repeat 10px 7px;
	font-size: 11px;
	}
	
div.uutiset div p.julkaisuinfo a {
	text-decoration: none;
	color: #390;
	}
	
div.uutiset div p.julkaisuinfo a:hover {
	color: #333;
	}
	
/* Rekisteröidy */

div.rekisteroidy ul {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #333;
	list-style: none;
	}
	
div.rekisteroidy ul li {
	padding: 10px 10px 0 10px;
	}
	
div.rekisteroidy ul li#rekisteroidy-heti {
	padding: 5px;
	margin-top: 10px;
	background: #FFF;
	border-top: 1px solid #CCC;
	display: block;
	}
	
div.rekisteroidy ul li a {
	color: #390;
	text-decoration: none;
	padding-left: 25px;
	background: url(../img/rekisteroidy.gif) no-repeat 5px 1px;
	}
	
div.rekisteroidy ul li a:hover {
	color: #333;
	}
	
/* Hymiöiden lisääminen kommentteihin */

div#hymiot ul {
	list-style: none;
	margin: 0 5px;
	padding: 0 0 6px 0;
	text-align: left;
	border-bottom: 1px solid #CCC;
	}
	
div#hymiot ul li {
	display: inline;
	}
	
div#hymiot ul li img {
	vertical-align: top;
	}
	
/* Vasemman palkin ajateloota */

div#ajateloota blockquote {
	background: url(../img/ajateloora.png) no-repeat 95% 2%;
	min-height: 150px;
	padding: 0;
	margin: 0;
	border: 0;
	}

div#ajateloota p {
	margin: 0;
	padding: 5px;
	border-bottom: 0;
	background: transparent;
	}
	
div#ajateloota p a {
	text-decoration: underline;
	color: #C00;
	}
	
div#ajateloota p a:hover {
	color: #333;
	}
	
div#ajateloota div {
	background: #F3F3F3 url(../img/leftblock-bg1.png) repeat-x 0 0;
	overflow: auto;
	}
	
div#ajateloota img {
	max-width: 189px;
	}
	
/* Nettiselainpropaganda */

div.selainpropaganda ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	text-align: center;
	position: relative;
	height: 62px;
	}
	
div.selainpropaganda ul li {
	display: inline;
	}

div.selainpropaganda ul li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 20px;
	}
	
div.selainpropaganda ul li#prop-firefox a {
	background: url(../img/firefox.png) no-repeat 0 0;
	left: 30%;
	}
	
div.selainpropaganda ul li#prop-opera a {
	background: url(../img/opera.png) no-repeat 0 0;
	left: 50%;
	}
	
/* Nettisivustopropaganda */

div.sivustopropaganda ul {
	list-style: none;
	margin: 0;
	padding: 30px 10px 10px 10px;
	text-align: center;
	height: 42px;
	}
	
div.sivustopropaganda ul li {
	margin-right: 20px;
	display: inline;
	}
	
div.sivustopropaganda ul li a {
	text-decoration: none;
	color: #666;
	}
	
div.sivustopropaganda ul li a:hover {
	color: #333;
	}
	
div.sivustopropaganda ul li a span {
	font-weight: bold;
	font-size: large;
	color: #C00;
	}
	
div.sivustopropaganda ul li a:hover span {
	color: #333;
	}
	
/* Selain- ja sivustopropagandan yhteiset */

div.sivustopropaganda ul,
div.selainpropaganda ul {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	}
	
/* Arvostele kuva */

div#kuva-arvostelu,
div#arvostele-arvostelu {
	margin: 10px 20px 10px 20px;
	border: 2px solid #EAC723;
	text-align: left;
	}

div#kuva-arvostelu p,
div#arvostele-arvostelu p {
	margin: 5px;
	padding: 0;
	border: 0;
	font: 0.95em "Trebuchet MS";
	color: #333;
	}

div#kuva-arvostelu p span,
div#arvostele-arvostelu p span {
	font-weight: bold;
	}
	
div#kuva-arvostelu form,
div#arvostele-arvostelu form {
	background: #F3F3F3;
	margin: 5px;
	padding: 0;
	}
	
div#kuva-arvostelu form select {
	margin-right: 5px;
	width: 150px;
	}
	
div#kuva-arvostelu form input {
	width: 100px;
	}
	
/* Yhteisöjen ja tilastojen sivut */

div#yhteisot,
div#tilastot {
	border-bottom: 1px solid #EAC723;
	}

div#yhteisot ul,
div#tilastot ul {
	list-style: none;
	padding: 10px 5px;
	margin: 0;
	font-size: 0.9em;
	background: #FFF;
	text-align: center;
	border-bottom: 1px solid #CCC;
	}
	
div#tilastot ul {
	border-bottom: 0;
	}
	
div#yhteisot ul li,
div#tilastot ul li {
	display: inline;
	}
	
div#yhteisot ul li a,
div#tilastot ul li a {
	color: #C00;
	text-decoration: none;
	border: 1px outset #CCC;
	background: #E0BD1F url(../img/input-fade2.png) repeat-x 0 0;
	padding: 1px 6px;
	}
	
div#yhteisot ul li a:hover,
div#tilastot ul li a:hover {
	color: #333;
	border: 1px outset #CCC;
	background: #E0BD1F url(../img/input-fade2.png) repeat-x 0 100%;
	}
	
div#yhteisot ul li#akt-yhteiso a {
	background: #FED61F;
	background-image: none;
	color: #000;
	font-weight: bold;
	}
	
div#yhteisot table,
div#tilastot table {
	font-size: 0.9em;
	color: #333;
	margin: 10px 5px;
	padding: 0;
	width: 98%;
	}
	
div#tilastot table {
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0 0 15px 0;
	width: 100%;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	}
	
div#tilastot table tr th {
	text-align: center;
	border-right: 0;
	border-left: 0;
	}
	
div#yhteisot table tr td,
div#tilastot table tr td {
	vertical-align: middle;
	padding: 5px;
	}
	
div#tilastot table tr td {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	padding: 0 5px;
	text-align: center;
	}
	
div#yhteisot tr td a {
	color: #C00;
	text-decoration: none;
	}
	
div#yhteisot tr td a:hover {
	color: #333;
	}

div#tilastot tr td div {
	height: 6px;
	float: left;
}

div#tilastot tr td div.pojat {
	background-color: #44F;
}

div#tilastot tr td div.tytot {
	background-color: #C00;
}

div#tilastot tr td div.pojat:hover,
div#tilastot tr td div.tytot:hover {
	border: 2px outset #333;	
	height: 2px;
}

div#tilastot tr td div.pojat:active,
div#tilastot tr td div.tytot:active {
	border: 2px inset #333;	
}
	
/* Kuva-arkisto */

div#kuva-arkisto table {
	width: 100%;
	margin: 0;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #FED61F;
	font-size: 0.9em;
	text-align: center;
	}
	
div#kuva-arkisto table tr td {
	vertical-align: top;
	}
	
div#kuva-arkisto table tr td span {
	display: block;
	color: #666;
	}
	
span.pikkukuva {
	border: 1px inset #F3F3F3;
	background-color: #FFF !important;
	padding: 2px;
	max-width: 128px;
	max-height: 128px;
	margin: auto;
	text-align: left;
	}
	
div#kuva-arkisto table tr td a span.pikkukuva img {
	margin: 1px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	}
	
div#kuva-arkisto table tr td a span.piilossa {
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	background-color: black !important;
	}
	
div#kuva-arkisto table tr td a span.oletus {
	background-color: lightgreen !important;
	}

div#kuva-arkisto table tr td a span.pikkukuva:hover {
	background-color: #EAC723 !important;
	}
	
div#kuva-arkisto table tr td q:before {
	content: no-open-quote;
	}
	
div#kuva-arkisto table tr td q:after {
	content: no-close-quote;
	}
	
div#kuva-arkisto table tr td q {
	padding-bottom: 10px;
	display: block;
	}
	
div#kuva-arkisto table tr td a {
	text-decoration: none;
	color: #333;
	}

div#kansio_header {
	border-top: 1px solid #ffe46b;
	min-height: 80px;
	margin: 0 10px 10px 10px;
	background: #FED61F url(../img/fade2.png) repeat-x 0 0;
	}


div#kansio_header p#otsikko {
	font-weight: bold;
	margin-top: 1px;
	padding: 0 10px 0 10px;
	}

div#kansio_header p#kuvaus {
	margin-top: 5px;
	padding: 0 10px 3px 10px;
	overflow: auto;
	}


/* Sisältönavin toinen vaihtoehto */

div#snavi {
	margin: 5px 0;
	border-bottom: 1px solid #FED61F;
	background: #E0BD1F url(../img/input-fade2.png) repeat-x 0 100%;
	padding: 5px 0;
	}
	
div#snavi ul,
div#snavi form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	display: inline;
	}
	
div#snavi ul li {
	display: inline;
	}
	
div#snavi form {
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
	font-size: 0.9em;
	}
	
div#snavi form ul li {
	display: inline;
	}
	
div#snavi form ul li input#nimimerkki,
div#snavi form ul li input#yhteiso {
	width: 50px;
	margin: 0;
	border: 1px solid black;
	}
	
div#snavi form ul li.submit input {
	background: none;
	border: 0;
	margin: 0;
	}

/* Käyttäjän tiedot popup */

div.overlib {
	width: 160px;
	background: #FFF;
	display: block;
	border: 2px outset #FED61F;
	padding: 2px 2px 10px 2px;
	margin: 0;
	background: #F3F3F3 url(../img/leftblock-bg1.png) repeat-x 0 32px;
	text-align: left;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
div.viesti-info {
	background: #FFF;
	display: block;
	border: 2px outset #FED61F;
	padding: 4px;
	margin: 0;
	background: #F3F3F3;
	text-align: left;
	}
	
div.viesti-info span {
	font-weight: bold;
	}

div.overlib h2 {
	padding: 5px 0 5px 5px;
	background: #E0BD1F url(../img/input-fade2.png) repeat-x 0 100%;
	width: 155px;
	height: 18px;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 1px 0;
	}

div.overlib h3,
div.overlib ul {
	list-style: none;
	}

div.overlib h3 {
	padding-top: 10px;
	text-align: center;
	font-size: 10px;
	}

div.overlib h3 img {
	background: #FFF;
	border: 1px inset #F3F3F3;
	padding: 3px;
	margin-bottom: 5px;
	}

div.overlib p {
	margin: 0;
	padding: 0 10px 0 10px;
	width: 126px;
	overflow: hidden;
	}
 
div.overlib p span {
	color: #666;
	}
 
div.overlib p.arvo {
	padding-top: 5px;
	}
 
div.overlib p.arvo span {
	color: #000;
	font-weight: bold;
	}

/* Supernavi, pudotusvalikko */

div.leftblock ul.sisaltonavi {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	}

div.leftblock ul.eikirj_sisnavi {
	background: #F3F3F3;
	margin-top: -2px;
	padding-top: 0;
	}

div.leftblock ul.sisaltonavi a {
	padding: 0 0 0 20px;
	}
	
ul.sisaltonavi {
	margin: 0;
	padding: 0 5px;
	list-style: none;
	width: 189px;
	background: #F3F3F3;
	}

ul.sisaltonavi li {
	position: relative;
	}
	
ul.sisaltonavi li.vikvik {
	border-bottom: 0;
	padding-bottom: 1px;
	}
	
ul.sisaltonavi li.lissee {
	background: url(../img/icons/arrow_right.png) no-repeat 99% 50%;
	}
	
ul.sisaltonavi li ul {
	position: absolute;
	left: 198px;
	top: 0;
	display: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	width: 180px;
	background: #F3F3F3;
	background-image: none;
	}

ul.sisaltonavi li a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
	}

ul.sisaltonavi li ul {
	padding: 0 5px;
	border: 2px outset #000;
	background: #F3F3F3;
	}
	
ul.sisaltonavi li ul li a {
	padding: 2px 5px;
	}
		
ul.sisaltonavi li:hover ul,
ul.sisaltonavi li.over ul {
	display: block;
	left: 189px;
	}
		
ul.sisaltonavi li.lissee ul li:hover {
	background-color: #FFF;
	}

ul.kuvakansiot {
	overflow: hidden;
	}

ul.kuvakansiot a {
	margin: 0 0 0 20px;
	}
	
ul.kuvakansiot li.luo_kansio a {
	margin: 0;
	padding: 0 0 0 20px;
	}

ul.kuvakansiot a.kansioinfo {
	background: url(../img/icons/information.png) no-repeat 50% 50%;
	padding: 0 6px;
	margin: 0;
	float: right;
	}

ul.kuvakansiot a.editkansio {
	background: url(../img/icons/folder_edit.png) no-repeat 50% 50%;
	padding: 0 6px;
	margin: 0;
	float: right;
	}
	
ul.kuvakansiot li.vikvik {
	border-bottom: 0;
	padding-bottom: 1px;
	margin-bottom: -12px;
	}

#yhteisolista span {
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0;
	}

#yhteisolista span.omat {
	background: url(../img/icons/group_key.png) no-repeat 0 50%;
	}

#yhteisolista span.muut {
	background: url(../img/icons/group_link.png) no-repeat 0 50%;
	}

#yhteisolista a.yhteisoinfo {
	background: url(../img/icons/information.png) no-repeat 50% 50%;
	padding: 0 6px;
	margin: 0;
	float: right;
	}

#hyvaksymisnappi {
	text-align: left;
	padding: 0 0 10px 10px;
	}

/* Vesileimauksen jutut */

div.laatikko form#vesileimaus {
	padding: 0;
	margin: 0;
}

div.laatikko form#vesileimaus div.vasen {
	float: left;
	width: 48%;
	border: 1px solid #FED61F;
	margin: 0 5px 5px 10px;
	padding: 0 0 10px 0;
}

div.laatikko form#vesileimaus div.oikea {
	float: right;
	width: 48%;
	border: 1px solid #FED61F;
	margin: 0 10px 5px 0;
	padding: 0 0 10px 0;
}

div.laatikko form#vesileimaus p {
	padding: 0;
}

div.laatikko form#vesileimaus p.paivitysnappi {
	margin-bottom: 15px;
}

div.laatikko form#vesileimaus p.paivitysnappi input {
	border: 1px solid #C00;
	font-size: 0.9em;
	color: #333;
	background-color: #FED61F;
	padding: 1px 2px;
}

div.laatikko form#vesileimaus p span {
	margin: 5px 10px;
	text-align: left;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDD;
	
}

div.laatikko form#vesileimaus p span.otsikko {
	margin: 0;
	padding: 1px 5px;
	font-weight: bold;
	border-bottom: 1px solid #FED61F;
	background: #FED61F url(../img/input-fade2.png) repeat-x 0 0;
}

div.laatikko form#vesileimaus label {
	margin: 0 10px;
	text-align: left;
	display: block;
}

div.laatikko form#vesileimaus p input {
	margin: 0 0 0 10px;
}

div.laatikko form#vesileimaus #teksti {
	height: 200px;
	width: 270px;
	margin: 0 10px;
}

div.laatikko form#vesileimaus div#suuntavalikko {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	top: -40px;
	left: -75px;
	position: relative;
}

div.laatikko form#vesileimaus div#varjosuuntavalikko {
	margin: 0 0 0 10px;
	padding: 0;
}

div.laatikko form#vesileimaus p input.kolme {
	text-align: left;
	width: 28px;
}

div.laatikko form#vesileimaus p input.kuusi {
	text-align: left;
	width: 56px;
}

div.laatikko form#vesileimaus div#fontit {
	margin: 0 10px 10px 10px;
}

div.laatikko form#vesileimaus div#fontit input {
	margin: 0 5px 6px 0;
}

div.laatikko form#vesileimaus span#vv_box,
div.laatikko form#vesileimaus span#tv_box {
	text-decoration: none;
	background: url(../img/icons/color_wheel.png) no-repeat 2% 50%;
	width: 54px;
	height: 18px;
	border: 1px solid black;
	padding: 0;
}

/* Värikuutio jota tarvitaan ainakin vesileimauksessa */

#cp_window {
	margin: 0px;
	border: none 0px;
	font-family: Verdana,Arial,sans-serif;		
	font-size: 12px;		
	z-index: 10;
}

#cp_window .edit {
	border-width: 1px;
	padding: 1px;
	margin-left: 1px;
	font-family: Verdana,Arial,sans-serif;				
	font-size: 12px;
}

#cp_window .button {
	border-width: 1px;
	padding: 2px;
	margin: 0px;
	font-family: Verdana,Arial,sans-serif;				
	font-size: 12px;
}

#cp_window td {
	border: none;	
	padding: 4px;
	margin: 0px;
	background-color: #eee;
	vertical-align: top;	
}

#cp_window .cp_label {
	font-family: Verdana,Arial,sans-serif;		
	font-size: 12px;
	color: #444;
}

#cp_window .tinylabel {
	font-family: Verdana,Arial,sans-serif;		
	font-size: 9px;
	font-weight: normal;
	color: #666;
}

#cp_table {
	border: outset 1px #000;
	background-color: #eee;
	padding: 2px 4px 4px 4px;
}
	
#cp_title {
	border: inset 1px #000;		
	padding: 1px;		
	background-color: #ccc;
	color: #fff;		
	font-family: Verdana,Arial,sans-serif;				
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}

#cp_cube {
	border: inset 1px #000;
	margin: 0px;
}

#cp_gradient {
	border: inset 1px #000;
	padding: 0px;
	margin: 0px;
	width: 28px;
}

#cp_palette div {
	margin: 0px;
	border: inset 1px #eee;
}
		
#cp_palette td {
	padding: 0px;
	margin: 0px;
	border: none 0px;
}

#cp_animbox {
	position: absolute;
	margin: 0px;
	border: inset 1px #eee;
	visibility: hidden;
}		
		
#cp_colorbox {
	border: inset 1px #000;
	margin: 0px;
	height: 18px;
	width: 128px;
	float: left;
}
				
.cp_color_field_box {
	text-decoration: none;
	font-size: 12px;
	border: solid 1px #000;
}

/* Modaushommelin sivut */

div#modaukset form {
	padding: 0;
	margin: 0;
	text-align: center;
}

div#modaukset form p {
	text-align: left;
}

div#modaukset form span {
	position: relative;
	left: 0px;
}

div#modaukset form p label {
	display: block;
}

div#modaukset form p input {
	width: 349px;
	margin-bottom: 5px;
}

div#modaukset form input#mod_tallenna {
	text-align: center;
	border: 1px solid #888;
	font-size: 0.8em;
	color: #333;
	background: #FED61F url(../img/input-fade2.png) repeat-x 0 0;
	padding: 2px 3px 1px 3px;
	width: 349px;
}

div#modaukset form {
	text-align: left;
}

div#modaukset form select {
	width: 400px;
	margin: 0 10px 10px 10px;
}

/* Kuvakansioiden luonti ja muokkaus */

div#kansiot form {
	margin: 0;
	padding: 0;
	}
	
div#kansiot form label {
	display: block;
	}
	
div#kansiot form input {
	width: 250px;
	}
	
div#kansiot form input.lahetysnappi {
	width: 120px;
	margin: 0 0 10px 10px;
	border: 1px solid #888;
	background: #FED61F url(../img/input-fade2.png) repeat-x 0 0;
	font-size: 0.8em;
	padding: 2px 3px 1px 3px;
	color: #333;
	}

div#kansiot form span.kansioerror {
	color: #C00;
	display: block;
	}
	
/* Yhteisön asetukset */


div#yhteisosaato form {
	margin: 5px;
	padding: 0;
	}
	
div#yhteisosaato form label {
	display: block;
	}
	
div#yhteisosaato form input,
div#yhteisosaato form textarea {
	width: 250px;
	}
	
div#yhteisosaato form select {
	width: 121px;
	font-size: 1em;
	}
	
div#yhteisosaato form input.lahetysnappi {
	width: 120px;
	margin: 0 0 10px 10px;
	border: 1px solid #888;
	background: #FED61F url(../img/input-fade2.png) repeat-x 0 0;
	font-size: 0.8em;
	padding: 2px 3px 1px 3px;
	color: #333;
	}
	
/* Lomakejuttuja */

.form-valinta select,
.form-tiedosto input,
.form-teksti input {
	width: 250px;
	}

form#kuva-asetukset {
	text-align: left;
	padding: 10px;
	}

form#kuva-asetukset label {
	display: block;
	font-size: 0.95em;
	color: #333;
	}

form#kuva-asetukset #kuvateksti {
	width: 400px;
	}

#kuvasaato-tallenna {
	text-align: left;
	font-size: 0.95em;
	color: #333;
	padding: 10px;
	margin-bottom: 5px;
	}

#kuvasaato-tallenna a {	
	color: #C00;
	}

/* Rekisteröityminen */

form#rekisteroitymislomake {
	font-size: 0.9em;
	}

form#rekisteroitymislomake label {
	display: block;
	}

form#rekisteroitymislomake input.teksti {
	width: 300px;
	}

form#rekisteroitymislomake select {
	width: 305px;
	}

form#rekisteroitymislomake select#syntymapv,
form#rekisteroitymislomake select#syntymakk {
	width: 95px;
	}

form#rekisteroitymislomake select#syntymav {
	width: 105px;
	}

form#rekisteroitymislomake label.inline {
	display: inline;
	}

form#rekisteroitymislomake span {
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	border: 2px dotted #E0BD1F;
	background-color: #EFCB24;
	padding-left: 5px;
	}

form#rekisteroitymislomake #skype {
	margin-bottom: 10px;
	}

form#rekisteroitymislomake #skype {
	margin-bottom: 10px;
	}

form#rekisteroitymislomake input#reknappi {
	width: 150px;
	height: 20px;
	font-size: 0.9em;
	display: block;
	margin-top: 20px;
	border: 2px outset #E08D1F;
	background-color: #FED61F;
	}

form#rekisteroitymislomake input#reknappi:active {
	border: 2px inset #E0BD1F;
	}

/* Viestit ylläpidolle */

div.laatikko table#viestit {
	margin: 10px;
	color: #333333;
	font-size: 0.9em;
	}

div.laatikko table#viestit td {
	border: 1px solid #333;
	padding: 3px;
	}

/* Profiili */

div#profiili form {
	color: #333333;
	font-size: 0.9em;
	}

div#profiili form label {
	display: block;
	}

div#profiili form input {
	width: 200px;
	}

div#profiili form input.lahetysnappi {
	width: 150px;
	}

div#profiili form input.viiminen {
	display: block;
	margin-bottom: 10px;
	}

div#profiili form#asetukset label {
	display: inline;
	font-weight: bold;
	}

div#profiili form#asetukset p {
	font-size: 1em;
	display: block;
	}

div#profiili form#asetukset input {
	width: 14px;
	display: inline;
	margin-right: 5px;
	}

div#profiili form#asetukset input#nappi {
	width: 150px;
	display: inline;
	}

div#profiili form input.inline,
div#profiili form label.inline {
	display: inline;
	margin-left: 5px;
	}

div#profiili form input.raksi {
	width: 14px;
	}

div#profiili form#muokkaa label {
	font-weight: bold;
	margin-top: 5px;
	}

div#profiili form#muokkaa p {
	font-size: 1em;
	padding: 0;
	margin: 0;
	}

div#profiili form#muokkaa p.sub {
	margin-left: 5px;
	}

div#profiili form#muokkaa input#lahetysnappi {
	margin-top: 10px;
	display: block;
	}

hr.erotin {
	border: none;
	border-bottom: 1px solid #666; /*#FED61F;*/
	margin: 10px 0 10px 0;
	}

/* Käyttäjähaku */

div#haku form {
	color: #333333;
	font-size: 0.9em;
	}

div#haku form label {
	display: block;
	}

div#haku form input.inline {
	display: inline;
	}

div#haku form input,
div#haku form select {
	width: 200px;
	}

div#haku form input#svmin,
div#haku form input#svmax {
	width: 89px;
	}

div#haku form input.lahetysnappi {
	width: 150px;
	}

div#haku form input#vg {
	width: 14px;
	display: block;
	margin-bottom: 10px;
	}

/* Luo yhteisö */

div.laatikko form#luoyhteiso label {
	display: block;
	}

div.laatikko form#luoyhteiso input,
div.laatikko form#luoyhteiso textarea,
div.laatikko form#luoyhteiso select {
	display: block;
	width: 200px;
	}

/* Mainokset */

/* Headerin banneri 468x60 */
#head_banneri {
	text-align: right;
	list-style: none;
	/*width: 468px;*/
	width: 500px;
	height: 60px;
	position: absolute;
	top: 5px;
	right: 10px;
	}

/* Oikean reunan mainoksia .. */
ul#right-ads {
	position: absolute;
	top: 50px;
	right: 0;
	width: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:18px;
	}
	
ul#right-ads li {
	display: inline;
	margin-bottom: 10px;
	font-size:18px;
	}
	
ul#right-ads li a img {
	border: 0;
	display: inline;

	}
	
div.jattibanneri {
	margin: 5px 0 0 0;
	padding: 4px 5px 0 5px;
	text-align: center;
	border: 1px solid #FED61F;
	background: #F3F3F3;
	font-size:22px;
	}
		
.piilokuva {
	border: 0;
	visibility: hidden;
	display: none;
	}
	
/* Hymiöt, taustat, avatarit ym */


div.hymiot table {
	width: 100%;
	margin: 0;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #FED61F;
	font-size: 0.9em;
	text-align: center;
	}
	
div.hymiot table tr td {
	vertical-align: top;
	}
	
div.hymiot table tr td span {
	display: block;
	color: #666;
	}
	
div.hymiot table tr td a span.pikkukuva {
	border: 1px inset #F3F3F3;
	background-color: #FFF !important;
	padding: 2px;
	max-width: 128px;
	max-height: 128px;
	margin: auto;
	text-align: left;
	}

div.hymiot table tr td a span.pikkukuva:hover {
	background-color: #EAC723 !important;
	}
	
div.hymiot table tr td q:before {
	content: no-open-quote;
	}
	
div.hymiot table tr td q:after {
	content: no-close-quote;
	}
	
div.hymiot table tr td q {
	padding-bottom: 10px;
	display: block;
	}
	
div.hymiot table tr td a {
	text-decoration: none;
	color: #333;
	}