BODY {margin: 0; padding: 0; background:url(/fi/img/tausta-crop.gif) -4px 0 repeat-y; }
SMALL {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
TD, TR, P, UL {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
TD, TR, P, UL {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
H1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }
H2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; }
.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold;}
H3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.oslis {margin-left: 2em; font-size: smaller; }
.oslisma {font-size: smaller; }
.top5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; }
.plazacont {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; }
#popup	{visibility:hidden;background-color:#E0E0E0;border:2px outset #B0B0B8;position:absolute;left:200px;top:250px;width:350px;padding:5px 10px; }
#popup h2	{font:bold 11px verdana,arial,sans-serif;}
#popup p	{font:normal 11px verdana,arial,sans-serif;}
#popup .btn	{background-color:#D0D0D4;border:1px outset #C0C0C0;padding:2px;display:block;width:40px;text-align:center;margin:0.5em 0px;}
#popup .btn:hover	{background-color:#D8D8C0;text-decoration:none;}
#popup .reject	{text-decoration:underline;color:#0066CC;}
#popup .reject:hover	{color:#3399F0;}

.piracy {
	text-align:left;
	margin-left:30px;
}

.valkoinen_vali {
	width:4px;
}

IMG {
	border:0;
}
.valikko {
	width: 128px;
	white-space:nowrap;
}

.valikko table {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.valikko table tr td {
        margin:0;
        padding:0;
}

.ads_right a {
	text-decoration:none;
}

.ads_right {
	vertical-align:top;
	margin: 12px 0 0 0;
}

.ads_right table tr td {
	vertical-align:top;
	padding:0 0 10px 3px;
}

.ads_middle {
	padding:20px 0 20px 0;
}

.main {
	width:520px;
}

.first_col {
	width:250px;
}

.first_col table {
	border-collapse:collapse;
	text-align:left;
	width:245px;
}

.t_show {
	background:#FFF8DC;
	border:solid 1px #000;
	margin-bottom:20px;
	margin-right:8px;
}

.t_show th {
	background:#fc0;
}

.t_show td {
	padding:2px;
	margin:0;
}

.t_orange {
	border:solid 1px #F90;
	margin-bottom:20px;
	margin-right:8px;
}

.t_orange th {
	background:#f90;
	color:#fff;
}

.t_orange td {
	padding:2px;
	margin:0;
}

.second_col {
	width:270px;
}

.second_col table {
	text-align:left;
}

.kesa table {
	border-collapse:collapse;
	padding-bottom:20px;
}

.kesa table td {
	vertical-align:bottom;
	padding:1px 10px 0 0;
	border-bottom:1px solid #aaa;
}

.kesa span {
	font-size:x-small;
}

.kesa {
	border:1px solid #aaa;
	padding:0 2px 0 2px;
	margin:10px 0 30px 0;
	background-color:#efe;
}

.kesa h3 {
	margin-top:3px;
	padding-top:0;
	font-size:16px;
	color:#070;
}

.cont table td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.cont {
        font-family:Verdana, Arial, Helvetica, sans-serif;
}

.kirjautuminen {
        font-family: serif;
}

.small_font td {
	font-size:x-small;
	font-weight:bold;
        height:10px;
}

.huutokuvat {
	background-color:#fff;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

.huutokuvat td {
	padding:2px;
	border-right:solid 1px #999;
	border-top:solid 1px #999;
	vertical-align:bottom;
}

.huutokuvat td td {
	padding:0;
	border:0;
}

.naytekuvat {
	background-color:#fff;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}

.naytekuvat td {
	padding:2px;
	vertical-align:bottom;
}

.naytekuvat td td {
	padding:0;
}

.nayteraamit {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}

.nayte_border_tl {
	border-right:solid 1px #999;
	border-top:solid 1px #999;
}
.nayte_border_t {
	border-top:solid 1px #999;
}

.bids td {
	font-size:x-small;
	border-bottom:1px dotted #f9f9f9;
	height:10px;
}

.admintool .field {
	display:block;
	padding:3px;
	width:260px;
	text-align:right;
	float:right;
}

.admintool .field_left {
	display:block;
	padding:3px 3px 3px 10px;
	width:260px;
	text-align:left;
	float:left;
}

.admintool .admin_textinput_right {
	width:119px;
	margin:2px;
}


.admintool .admin_textinput {
	width:70px;
	margin:2px;
}

.admintool img {
	vertical-align:bottom;
}

.admintool br {
	clear:both;
}

.admintool {
	position:absolute;
	width:560px;
	border:2px solid #c00;
	background-color:#fff;
}

.admintool h3 {
	text-align:left;
	padding:0;
	margin:10px 2px 2px 2px;
}
.admintool h4 {
	text-align:left;
	padding:0;
	margin:10px 2px 2px 10px;
}

.admintool_left {
	width:270px;
	float:left;
}

.admintool_right {
	width:270px;
	float:right;
}

.admin-drag {
	background-color:#c00;
	width:100%;
	height:10px;
}

#vaihtaja {
	margin:2px 0 0 0;
}

.error {
	color:#f00;
	font-weight:bold;
	padding:10px;
}

.error ul {
	padding-left:25px;
	margin:0;
	list-style:none;
}

.tellafriend .field {
	width:340px;
	margin:3px 5px;
}

.tellafriend .top {
	padding-top:5px;
	vertical-align:top;
}

.tellafriend .left {
        text-align:left;
}

.tellafriend tr td {
	text-align:left;
	padding:3px 5px;

}
.tellafriend_frame {
	border-collapse:collapse;
	border:0;
	padding:0;
	margin:0;
}


.tellafriend_frame td {
	border-collapse:collapse;
	border:0;
	padding:0;
	margin:0;
}

.tellafriend_sides {
	background-image: url(/fi/img/tellafriend_sides.gif);
	background-repeat: repeat-y;
}





/*------------------------------------------{    REGISTER.PHP3    }-------------------------------------------*/

.onnistuneetvirheet {
			border-top: 2px solid #cc9977;
			border-bottom: 2px solid #cc9977;
			border-left: 1px dashed #cc9977;
			border-right: 1px dashed #cc9977;
			background-color: #ffcc99;
			font-size: 12px;
/*			font-weight: bold;*/
			padding: 16px;
			padding-left: 60px;
			margin-left: 40px;
			width: 390px;
			background-image: url("img/error.gif");
			background-position: 6px center;
			
			background-repeat: no-repeat;
			}
.onnistuneetvirheet li {
			list-style-type: disc;
			}

.virheet {
			border-top: 2px solid #a07878;
			border-bottom: 2px solid #a07878;
			border-left: 1px dashed #a07878;
			border-right: 1px dashed #a07878;
			background-color: #e1c4c4;
			font-size: 12px;
/*#			font-weight: bold;*/
			padding: 16px;
			padding-left: 60px;
			margin-left: 40px;
			width: 390px;
			background-image: url("img/error.gif");
			background-position: 6px center;
			
			background-repeat: no-repeat;
			}
.virheet li {
			list-style-type: disc;
			}

.onnistunut {
			border-top: 2px solid #82a078;
			border-bottom: 2px solid #82a078;
			border-left: 1px dashed #82a078;
			border-right: 1px dashed #82a078;
			background-color: #cbe1c4;
			font-size: 12px;
/*#			font-weight: bold;*/
			padding: 16px;
			padding-left: 20px;
			margin-left: 40px;
			width: 430px;
			}
.onnistunut li {
			list-style-type: disc;
			}

#register .taulu {
			width: 650px;
			}

#register .otsikko_kentta {
			width: 200px;
			font-weight: bold;
			}

#register .teksti_kentta {
                        width: 400px;
                        background-color: #eeeeee;
			padding: 3px 8px;
                        }

#register .teksti_kentta input, #register .teksti_kentta select {
			width: 200px;
			}

#register .teksti_kentta_noinput {
                        width: 400px;
                        background-color: #eeeeee;
                        padding: 3px 8px;
                        }

#register .teksti_kentta_tunnus {
                        width: 400px;
			font-weight: bold;
                        background-color: #dddddd;
			padding: 3px 8px;
                        }

#register .teksti_kentta_tunnus input {
			width: 200px;
			}

.pakko {
                        list-style-image: url("img/star.gif");
                        }
.pakko_lihavoitu {
			list-style-image: url("img/star.gif");
			font-weight: bold;
			}
.eipakko {
			list-style-image: url("img/star_blank.gif");
			}

#register a {
			color: #005572;
			text-decoration:underline;
			}

#register a:hover {
			background-color: #005572;
			color: #ffffff;
			text-decoration:none;
			}


/*------------------------------------------{    OWN_CHANGEREG.PHP3    }-------------------------------------------*/

.valilehti {
			border-bottom: 1px solid #999999;
			}
.valilehti b {
			text-align: center;
			border-top: 3px solid #ffcc99;
			border-right: 1px solid #999999;
			border-bottom: 0px solid #ffffff;
			border-left: 1px solid #999999;
			padding: 0px 10px 0px 10px;
			font-weight: bold;
			font-size: 12px;
			}

.valilehti a {
			text-align: center;
			border-top: 3px solid #999999;
			border-right: 1px solid #999999;
			border-bottom: 0px solid #ffffff;
			border-left: 1px solid #999999;
			padding: 0px 10px 0px 10px;
			background-color: #eeeeee;
			text-decoration: none;
			color: #777777;
                        font-weight: bold;
                        font-size: 12px;
			}
.valilehti a:hover {
			border-top: 3px solid #ffcc99;
			color: #000000;
			}
.valilehti_tyhjaa {
			border-bottom: 1px solid #999999;
			}


/*------------------------------------------{    LEIVASTALOPPUUN.PHP3 / KEPÖ SEARCH   }-------------------------------------------*/

.submit {
			margin-left: 10px;
/*#			vertical-align: text-top;*/
			}

.hakukentta {
			background-color: #ffffff;
			border: 1px solid #92a1b2;
			font-weight: bold;
			font-size: 12px;
			padding: 2px;
			width: 200px;
			}

.kepo_search2 {
			background-color: #f4f2ea;
			border: 1px solid #92a1b2;
			font-weight: bold;
			}
.haku {
			padding: 10px 0px 10px 100px;	
			}

/*------------------------------------------{    SHOWLIST.PHP3 / NAVIGOINTI PALKKI    }-------------------------------------------*/

#showlist .navigointi b {
			font-size: 12px;
			padding: 2px 5px 2px 5px;
			}
#showlist .navigointi a {
			font-size: 12px;
			background-color: #dddddd;
			border: 1px solid #cccccc;
			padding: 2px 5px 2px 5px;
			color: #444444;
			text-decoration: none;
			}
#showlist .navigointi a:hover {
			background-color: #ff9900;
			border: 1px solid #ff9900;
			color: #000000;
			}
#showlist .nextprev a {
			font-size: 12px;
                        color: #555555;
                        text-decoration: none;
			}
#showlist .nextprev a:hover {
                        color: #000000;
			}
#showlist .tulokset {
			font-size: 12px;
                        color: #333333;
			}

/*----------------------------------------------{    EDITSHOP.PHP3    }------------------------------------------------*/


#muokkaa_kauppaa .otsikko {
                        width: 400px;
                        background-color: #ff9900;
                        padding: 3px 8px;
			font-weight: bold;
			font-size: 12px;
			width: 30%;
			}

#muokkaa_kauppaa .kentta {
                        width: 400px;
                        background-color: #eeeeee;
                        padding: 3px;
			font-size: 12px;
			width: 70%;
			}
#muokkaa_kauppaa .kentta input {
                        width: 95%;
                        padding: 1px 3px;
			}
#muokkaa_kauppaa .huomio {
                        width: 400px;
                        background-color: #dddddd;
                        padding: 3px;
			font-size: 12px;
			width: 70%;
			}

.kaupan_otsikko {
			width: 100%;
			border: 1px dashed #888888;
			padding: 4px;
			}

#kategoriat .kategoria {
                        text-align: left;
			width: 50%;
                        text-decoration: none;
                        color: #000000;
                        font-weight: bold;
                        font-size: 12px;
			}
.huom {
			border-top: 2px solid #5897ad;
			border-bottom: 2px solid #5897ad;
			border-left: 1px dashed #5897ad;
			border-right: 1px dashed #5897ad;
			background-color: #9ac1cc;
			font-size: 12px;
/*			color: #ffffff;
			font-weight: bold;*/
			padding: 16px;
			padding-left: 20px;
/*			margin-left: 40px;*/
			width: 480px;
/*			width: 430px;
			background-image: url("img/error.gif");
			background-position: 6px center;
			background-repeat: no-repeat;*/
			}
.valiotsikko {
			font-weight: bold;
			font-size: 14px;
			padding-top: 18px;
			}


/*----------------------------------------------{    KAUPPA_TILASTOT_KAYTTAJA.PHP    }------------------------------------------------*/

#table1 {
			width: 100%;
			}
#table2 {
			border-left:	1px solid #444;
			border-right:	1px solid #444;
			border-top:	2px solid #444;
			border-bottom:	1px solid #444;
			width: 100%;
			}
#table3 {
			border-left:	1px solid #444;
			border-right:	1px solid #444;
			border-top:	2px solid #444;
			border-bottom:	1px solid #444;
			width: 100%;
			}
#table2 .komissio_sarake {
			border-bottom: 1px solid #444;
			background-color: #ff9900;
			font-size: 12px;
			padding: 10px;
			font-weight: bold;
			text-align: center;
			}
#table2 .komissio_aika {
			border-bottom: 1px solid #444;
/*			background-color: #eeeeee;*/
			font-size: 12px;
			padding: 10px;
			}
#table2 .komissio_maara {
			border-bottom: 1px solid #444;
			border-left: 1px dashed #888;
/*			background-color: #dddddd;*/
			font-size: 12px;
			padding: 10px;
			font-weight: bold;
			text-align: center;
			}
#table3 .tilastot_otsikko {
			background-color: #ff9900;
			font-size: 12px;
/*			padding: 3px 5px 3px 5px;*/
			padding: 10px;
			text-transform:capitalize;
			}
#table3 .komissio_tieto {
			border-bottom: 1px solid #888;
			font-size: 12px;
			padding: 3px 5px 3px 5px;
			}
#table3 .tilastot_yht {
			border-bottom: 1px solid #444;
			border-top: 1px solid #444;
			text-align: center;
                        background-color: #ff9900;
                        font-size: 12px;
/*                        padding: 10px;*/
			font-weight: bold;
                        }


/*----------------------------------------------{    SHOP.PHP3    }------------------------------------------------*/
#osastot .otsikko {
                        text-align: center;
                        background-color: #ff9900;
                        font-size: 12px;
                        font-weight: bold;
			padding: 4px;
			}
#osastot .palsta {
                        background-color: #eeeeee;
			padding: 4px;
			}
#osastot .subcategory {
			font-size: 12px;
			padding-left: 15px;
			font-weight: normal;
			}
#osastot .maincategory {
			font-size: 12px;
			padding-left: 0px;
			font-weight: bold;
			}


/*----------------------------------------------{    LEFT NAVI    }------------------------------------------------*/

.navi {
			margin:0 0 0 23px;
}

.navi A{
			display:block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-decoration: none;
			color: #FFFFFF;
}

.valikko b, .valikko br {
			display:none;
}

#etusivu, #ohjeet, #keskustelu, #haku, #osasto, #kauppa, #omasivu, #ilmoitakohde, #rekister, #palaute {
                        position: relative; z-index: 4; float: left;
}

#etusivu a {            display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_etusivu.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#ohjeet a {             display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_ohjeet.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#keskustelu a {         display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_keskustelu.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#haku a {               display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_haku.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#osasto a {             display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_osastot.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#kauppa a {             display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_kaupat.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#omasivu a {            display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_omasivu.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#ilmoitakohde a {       display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_ilmoita.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#rekister a {           display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_rekister.gif); background-position: -148px 0px; background-repeat: no-repeat; }
#palaute a {            display: block; height: 23px; width: 148px; background-image: url(/fi/img/c_palaute.gif); background-position: -148px 0px; background-repeat: no-repeat; }

#etusivu a:hover, #ohjeet a:hover, #keskustelu a:hover, #haku a:hover, #osasto a:hover, #kauppa a:hover, #omasivu a:hover, #ilmoitakohde a:hover, #rekister a:hover, #palaute a:hover {
                        display: block; background-position: 0 0;
}



/*------------------------------------------{    EDIT_INVOICING.PHP3    }------------------------------------------*/

#invoice .textarea {
			width: 100%;
			height: 100px;
			}
#invoice .input {
			width: 430px;
			}
#invoice .input2 {
			width: 140px;
			}

/*------------------------------------------------{    KAUPAT.PHP3    }---------------------------------------------*/

#tyokalut_menestykseen li {
			list-style-image: url(/fi/img/pallukka.gif);
			list-style-type: circle;
			}
#komissio_taulukko {
			width: 500px;
			border-left: 1px solid #aba99d;
			border-top: 1px solid #aba99d;
			}
#komissio_taulukko .otsikko {
			background-color: #f0f9c2;
			color: #000;
			font-weight: bold;
			text-align: center;
			border-right: 1px solid #aba99d;
			border-bottom: 1px solid #aba99d;
			}
#komissio_taulukko .tiedot {
			color: #000;
			text-align: left;
			border-right: 1px solid #aba99d;
			border-bottom: 1px solid #aba99d;
			}
#stepit {
			background-image: url("/fi/img/stepit.jpg");
			background-position: top left;
			background-repeat: no-repeat;
			width: 470px;
			height: 194px;
			padding-left: 13px;
			}
#stepit div {
			position: relative;
			z-index: 1;
			width: 143px;
			text-align: center;
			float: left;
			padding: 79px 0 76px 0;
			}
#stepit a {
                        z-index: 2;
			text-decoration: none;
			font-weight: bold;
			}
#stepit u {
			color: #0000ff;
			}



/*-------------------------------------------{    RETURN_COMMISSION.PHP    }----------------------------------------*/

#return_commission {
			border: 0px solid #fff;
			padding: 3px;
			text-align: left;
			}

#return_commission .otsikko {
			padding: 3px;
			background-color: #FF9900;
			font-weight: bold;
			}

#return_commission .solu {
			padding: 3px;
			background-color: #eee;
			}

#return_commission .toiminnot {
			padding: 3px;
			background-color: #fff;
			text-align: right;
			}