/* CSS Document */
/* ------- TIETOSUUNTA TYYLIT ---------*/

/* VERTICAL MENU v-menu */

#navigation {width:160px;}

/*Main Menu*/
#navigation ul {margin:0px; padding:4px 4px 4px 4px;; background-color:#ffffff;}

#navigation ul li {
	/*height:25px;
	line-height:25px; */
	font-size:11px;
	list-style:none; 
	padding:2px 10px 2px 0px;
	border-top:#fff solid; 
	border-bottom:#fff solid; 
	border-width:0px;
	cursor:pointer; 
}

#navigation ul li a {/*text-decoration:underline;*/} /*Link's Styles*/

#navigation ul li:hover {position:relative;}

/*Sub Menu*/
#navigation ul ul {display:none; position:absolute; left:75px; top:0px;}
/*#navigation ul ul {display:none; position:absolute; left:75px; top:5px; border:#fff solid; border-width:1px; background-color:#999; }*/

#navigation ul li:hover ul {	/*Styles in Submenu*/
	display:block; 
	background:#96BCE2;
	border:1px #ffffff solid; 
}
#navigation ul li:hover ul a {	/*Link's Styles in Submenu*/
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#navigation ul ul li { width:160px; float:left; display:inline; border:none;}
#navigation ul ul li:hover {border:none;font-weight:bold;}
 
#navigation li:hover ul li ul {display:none;}

#navigation ul ul li ul {left:110px;}
#navigation ul ul li:hover ul {display:block;}

/* END OF VERTICAL MENU */

/* ------- BODY JA RAAMIT TYYLIT ---------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0em;
	/*background-image:url(images/sivujentaustav2.gif);*/
	/*background-image:url(images/palkit/tausta_yksivar.gif)*/
	/*background-image:url(images/palkit/viivatausta.gif);*/
	/*background-image:url(images/tausta12.gif);
	background-repeat:repeat;*/
	margin-bottom: 1em;
}

.div_line {
	border-top:1px solid #6699CC;
}

#div_laskutus,#div_kirjanpito,#div_palkat,#div_ostot {
	display:none;
}

.overlay_table {
	cursor:pointer;
	border:4px solid #6699CC;
	font-size:11px;
	text-align:left;
	margin:0;
	border-collapse:collapse;
}
#overlay_table_header {
	text-align:right;
	font-weight:bold;
	background:#93C6E3;
}

.overlay_table td {
	background-color:#FFFFFF;
	border-bottom:1px solid #6699CC;
	border-collapse:collapse;
	padding:0.0;
}

.order_rows_table {
	font-size:11px;
	text-align:left;
}

.order_rows_table td {
	border-bottom:1px solid #6699CC;
	border-collapse:collapse;
	padding:0.0;
}

.tekijateksti {
	font-size:9px;
	color:#FF9900;
}
.raamit {
	border-left:20px;
	border-top:0px;
	border-right:20px;
	border-style:solid;
	border-color:#ffffff;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
}
.kehykset {
	border:0px;
	border-color:#FFFFFF;
	border-style:solid;
	background-color: #FFFFFF;
}
/* ------- YLAOSAN TYYLIT ---------*/
.t_kuvakkeet {
	padding-top:0.2em;
	padding-right:0.5em;
	font-size:9px;
	color:#000000;
	float:right;
}
.t_kuvakkeet img {
	margin-top:0.5em;
	padding:0.3em;
	float:right;
}
.t_kuvakkeet a, .t_kuvakkeet a:visited {
	color:#000000;/*#F4F4FF;*/
}
.t_kuvakkeet a:hover {
	background-color:#FF9900;
	color:#000000;
}
.t_kuvakkeet a:link img, .t_kuvakkeet a:visited img {
	/*kuvakkeet linkkinä ja käytynä */
}	
.t_kuvakkeet a:hover img {
	/* kuvakkeiden hover */
}
/* -------- TOOLTIP ---------------- */
#tooltip {
    padding: 3px;
    background: #f9f9f9;
    border: 1px;
	border-style: solid;
	border-color:#FF9900;
    text-align: center;
    font-size: 9px;
}

span.tip {
    border-bottom: 0px solid #eee;
}
/* ------- SISALLON TYYLIT ---------*/
.t_sisalto {
	/*background-image:url(images/raamit_tausta_v2.jpg);*/
	background-position:top left;
	background-repeat:repeat-x;
	font-size:11px;
/*	padding-bottom: 1em;
	padding-top: 1em;*/
	text-align:left;
	border:0;
}
.t_sisalto img {
	padding:0em;
}
.t_sisalto td {
	vertical-align:top;
}
.t_sisalto ul {
/*	list-style-image:url(images/oranssi_nuoli.gif);*/
}
/* SIVUILLA OLEVIEN TAULUJEN OTSIKOT */
.t_sisalto h1 {
	color:#000000;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-left:0em;
	padding-right:0em;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
/* --------------KESKITAULUN OTSIKKO --------------------- */
.t_sisalto h2 {
	font-size:12px;
	font-weight:bold;
}
.t_sisalto a, a:visited {
	color:#000000; /* KAYDYT JA PERUSLINKKIVARI - MUSTA */
}
.t_sisalto a:hover {
	background-color: #FF9900; /* ORANSSI */
	color:#000000; /* MUSTA */
}
.t_logo {
	height:131px;  /*131px;  145px */
	background-image:url(images/logo_tietosuunta.gif);
	background-repeat:no-repeat;
	border:0;
}
/* -------------SIVUILLA OLEVIEN TAULUJEN TYYLIT ----------*/
/* -----------------VASEMMALLA OLEVAT --------------------*/
/* ------------------OTSIKON TYYLI ------------------------*/
.t_small_left h1 {
	color:#000000;
	margin-top:0.5em;
	margin-bottom:0.5em;
	/*padding-left:3.5em;*/
	padding-right:0.1em;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
/* ------------VASEMMALLA OLEVIEN TAULUJEN TYYLIT ------*/
.t_small_left {
	font-size:11px;
	width:165px;
	text-align:left;
	border: 0px;
	border-color:#FF9900;
	border-style:outset;
	margin-bottom:1em;
}

.t_small_left td {
	background-color:#FFFFFF; /*#F4F4FF;*/ /* FFEEDF */
	padding:0.5em;
	background-image:url(images/palkit/table_background3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:1.5em;
	padding-left:0.7em;
	padding-right:0.7em;
}
.t_small_left img {
	padding:0.4em;
}
.t_small_left a:link img, .t_small_left a:visited img {
	background-color:#FFFFFF;/*#F4F4FF;*/
}
.t_small_left a:hover img {
	background-color:#FFFFFF;/*#F4F4FF;*/
	color:#FFFFFF;/*#F4F4FF;*/
}
/* ----------------OIKEALLA OLEVAT ---------------------*/
/* -----------------OTSIKON TYYLI ----------------------*/
.t_small_right h1 {
	color:#000000;
	margin-top:0.5em;
	margin-bottom:0.5em;
	/*padding-left:3.5em;*/
	padding-right:0.1em;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
/* -----------------TAULUJEN TYYLIT OIKEALLA-------------- */
.t_small_right {
	font-size:11px;
	clear:both;
	width:165px;
	text-align:right;
	border: 0px;
	border-color:#FF9900;
	border-style:outset;
	margin-bottom:1em;
}
.t_small_right td {
	background-color:#FFFFFF;  /*#F4F4FF;*/
	padding:0.5em;
	/*background-image:url(images/palkit/palkki2_pohja_reunoilla_tau.gif);
	background-position:bottom right;
	background-repeat:no-repeat;*/
	background-image:url(images/palkit/table_background3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:1.5em;
	padding-left:0.7em;
	padding-right:0.7em;
}
.t_small_right img {
	float:left;
	padding:1em;
}
/* ------ MAINOSKUVAT -----*/
.mainoskuvat {
	background-color:#FFFFFF;/*#F9FFFC;*/
	width:165px;
	padding:0;
	border:1px;
	border-color: #FF9900;
	border-style: solid;
}
.mainoskuvat td {
	padding:0;
}
.mainoskuvat img {
	border:0;
}

/* ----------  PALKKIEN TAUSTOJEN MÄÄRITYKSET ---------------*/
/* KAYTETAAN LATAUSKOHDISSA, JOSSA ILMOITETAAN, ETTA JOTAIN LADATTAVANA */
.th_tausta_palkki_ohjelmistot {
	background-image:url(images/palkit/tr_ohjelmistot2.gif);
	background-repeat:no-repeat;
}
.th_tausta_palkki_tiedote {
	background-image:url(images/palkit/tr_tiedote2.gif);
	background-repeat:no-repeat;
}
.th_tausta_palkki_uutinen {
	background-image:url(images/palkit/tr_uutinen2.gif);
	background-repeat:no-repeat;
}
.th_tausta_palkki_home {
	background-image:url(images/palkit/tr_home2.gif);
	background-repeat:no-repeat;
}
.th_tausta_palkki_jakari {
	background-image:url(images/palkit/tr_jakari2.gif);
	background-repeat:no-repeat;
}
.th_tausta_keski_400 {
	background-image:url(images/palkit/tr_keski_400.gif);
	background-repeat:no-repeat;
}

/*.th_tausta_sininen_liuku {
	background-image:url(images/palkit/palkkitausta_sininen_liuku.jpg);
	background-repeat:repeat-x;
}VANHA LIUKU*/
.th_tausta_sininen_liuku {
	background-image:url(images/palkit/tr_keski_600.gif);
	background-repeat:repeat-x;
}
.th_tausta_sininen_liuku_420 {
	background-image:url(images/palkit/tr_keski_420.gif);
	background-repeat:repeat-x;
}
.th_tausta_oranssi_liuku {
	background-image:url(images/palkit/palkkitausta_oranssi_liuku.jpg);
	background-repeat:repeat-x;
}
.th_tausta_disketti {
	background-image:url(images/palkit/palkkitausta_disketti_oranssi_liuku.jpg);
	background-repeat:no-repeat;
}
/* KAYTETAAN ESIM. ETUSIVULLA KATTELY KUVA */ 
.th_tausta_kattely {
	background-image:url(images/palkit/palkkitausta_kattely_oranssi_liuku.jpg);
	background-repeat:no-repeat;
}
/* KAYTETAAN TIEDOTUSTAULUSSA MM. ETUSIVULLA */
.th_tausta_tiedotus {
	background-image:url(images/palkit/palkkitausta_tiedotus_oranssi_liuku.jpg);
	background-repeat:no-repeat;
}
/* KAYTETAAN ETUSIVULLA YHTEYSTIEDOT TAULUSSA */
.th_tausta_yhteystiedot {
	background-image:url(images/palkit/palkkitausta_yhteystiedot_oranssi_liuku.jpg);
	background-repeat:no-repeat;
}
.th_tausta_ohjelmistot_oranssi_liuku {
	background-image:url(images/palkit/palkkitausta_ohjelmistot_oranssi_liuku.jpg);
	background-repeat:no-repeat;
}
/* --------------- PUNAINEN TUKI TAUSTA -----------------------*/
.th_tausta_tuki_red {
	background-image:url(images/palkit/palkkitausta_tuki_oranssi_liuku.jpg);
	background-repeat:no-repeat;
}
/* --------------KESKELLÄ OLEVIEN TAULUJEN TYYLIT------------- */
/* ------TOINEN OTSIKKO TYYLI, UPPERCASE JA ORANSSI ALAVIIVA--- */
.t_big h2, .t_big_levea h2 {
	color:#000000;
	text-transform:uppercase;
/* 28.5.2007 st - poistettu alaviiva ja keskitys
/*	text-align:center; */
/*	border-bottom:1px; */
/*	border-bottom-color:#FF9900; */
/*	border-bottom-style:dashed; */
}
.t_big {
	font-size:11px;
	text-align:left;
	width:420px;
	border: 1px;
	border-color: #6699cc;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
}
.t_big th {
	background-color:#ffffff;
}
.t_big td {
	font-size:11px;
	background-color:#FFFFFF;/*#F4F4FF;*/
	padding:0.4em;
}
.t_big img {
	float:left;
}
/* LEVEAMPAA KESKUSTAULUA KAYTETAAN ESIMERKIKSI OHJELMISTOJEN ESITTELYSSA
JOSSA ON KAYTOSSA VAIN KAKSI PALSTAA KOLMEA PALSTAA KAYTETTAESSA KAYTETAAN T_BIG MAARITYKSIA */
.t_big_levea {
	width:600px;
	font-size:11px;
	text-align:left;
	border: 0px;
	border-color: #6699CC;
	border-style: solid;
	border-left:none;
	border-right:none;
}

.t_big_levea th {
	background-color:#6699CC;
}
.t_big_levea td {
	font-size:11px;/*#F4F4FF;*/
	padding:0.4em;
}
.t_big_levea img {
	border:0px;
	/*
	border-color:#FF9900;
	border-style:dashed;*/
	padding:1px;
}
.t_big_levea a, .t_big_levea a:visited img {
	background-color:#FFFFFF;/*#F4F4FF;*/
	color:#FFFFFF;/*#F4F4FF;*/
}
.t_big_levea a:hover img {
	background-color:#FFFFFF;/*#F4F4FF;*/
	color:#FFFFFF;/*#F4F4FF;*/
}
.t_big_levea_teksti {
	text-align:left;
	padding:1em;
}
.t_big_levea a, a:visited {
	color:#000000;
}
/* ------ HAKU TAULUN TYYLIMAARITYKSET -------*/
.google {
	font-size:11px;
	text-align:left;
}
.google a:link img, .google a:visited img {
	background-color:#FFFFFF;
	border:none;
}
.google a:hover img{
	border:none;
}
.vertailu td {
	border-spacing:0px;
	padding:1px;
	border-top:1px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-color:#6699CC;
	border-style:dotted;
}
.vertailu img {
	padding:0;
}
.ohjelmistoesittely {
	border-bottom:1px;
	border-bottom-color:#6699CC;
	border-bottom-style:dotted;

}

.ohjelmistoesittely img {
	padding-left:0.3em;
}

/* ------- TYHJENNYS --------------*/
.tyhjennys {
	clear:both;
}
/* ------- ALAOSAN TYYLIT ---------*/
.t_alaosa {
	height:25px;
	/*background-color:#6699CC;*/
	background-image:url(images/palkit/footer_background2.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#000000;
	border-top:0px;
	border-top-color: #000000;
	border-top-style: solid;
	font-size:11px;
	text-align:center;
	padding:0em;
}
/* --------- FORMIN TYYLIT ----------*/
form {
	padding:0.5em;
}
input {
	font-size:11px;
}
#submit {
	background-color:#FF9900;
}
.tilauslomake td {
	padding:0em;
}	
/* ---------- VERKKOKAUPPA ----------*/
.ostotaulu {
	padding:0em;
	padding-left:0.5em;
	/*border:1px;
	border-color:#E1DFFF;
	border-style:solid;*/
}
.ostotaulu td {
	padding:0.1em;
	vertical-align:middle;
}
.ostotaulu img {
	padding:0em;
	float:right;
}

.ostotaulu a:link img, .ostotaulu a:visited img {
	background-color:#FFFFFF;
	border:none;
}
.ostotaulu a:hover img{
	border:none;
}
.admin {
	padding:0em;
	width:100%;
}
.admin td {
	padding:0.1em;
}
.admin a, a:visited {
	color:#000000; /* KAYDYT JA PERUSLINKKIVARI - MUSTA */
}
.admin a:hover {
	background-color: #FF9900; /* ORANSSI */
	color:#000000; /* MUSTA */
}
/* ----------- MENU START -----------*/
#nav, #nav ul {
	z-index:500;
	height:30px;
	list-style: none;
	line-height: normal;
	font-weight: bold;
	padding: 0;
	border: solid #000000;
	border-width: 0px 0;
	margin: 0 0 0 0;
	margin-bottom:0.3em;
}
#nav a {
	display: block;
	width: 9em;
	font-size:12px;
	color:#000000;
	text-decoration: none;
	padding: 0.25em 1em;
}
#nav li {
	float: left;
	padding: 0;
	width: 6em; /*10em*/
}
#nav li ul {
	background-color:#96bce2;
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: bold;
	border-width: 0px;
	border-color:#000000;
	margin: 0;
}
#nav li li {
	padding-right: 0em; /* 1em tekstin etäisyys alavalikon reunasta*/ 
	width: 13.9em; /*13em 14em toimii ie:ssa mustan palkin leveys hiiri päällä */
}
#nav li ul a {
	width: 16em; /*16em; 13em 16emie */
}
#nav li ul ul {
	/*margin: -1.75em 0 0 14em; */	
	margin: -1.75em 0 0 12em;
	border-width: 1px;
	border-color:#fff;	
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	/*background-color:#FF9900; /* A:HOVER VÄRI */
}
#nav a:hover {
	text-decoration:underline;
	/*color:#FF9900;*/
}
#nav li ul li a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/*filter {
	filter:alpha(opacity=90);
   	-moz-opacity:0.9;
   	opacity:0.9;
}*/
/* ---------- MENU END  --------------*/