body {
	background-color: #FFFFFF;
	background-image: url(/stc/images/bg_alasivu.gif);
	background-repeat: repeat-x;
	
}

h1	 {
	font-family:Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size:13px;
	color:#FF9600;
	}
	
.h1_print	 {
	font-family:Arial, Helvetica;
	font-size:18px;
	color:#000000;
	}	

h2	 {
	font-family:Verdana,Arial, Helvetica;
	font-weight: bold;
	font-size:12px;
	color:#006339
	}	

h3 {
	font-family:Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size:10px;
	color:#FFA900
	}

.text_print{
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000
	}

p.pieni{
	font-family:Verdana, Arial, Helvetica;
	font-size:10px;
	color:#303030;
	}

div.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

div.valkoinen {
	margin-top: 13px;
	margin-right: 8px;
	margin-bottom: 15px;
	margin-left: 12px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica;
	font-size:11px; 
	color: #FFFFFF;
}

div.valkoinen a:link { color: #FFFFFF; text-decoration: underline; }
div.valkoinen a:visited { color: #FFFFFF; }
div.valkoinen a:active { color: #FFFFFF; }
div.valkoinen a:hover { text-decoration: none; }

div.otsikko_etusivu {
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 7px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px; 
	font-weight: bold;
	color: #FFFFFF;
}

div.otsikko_etusivu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
div.otsikko_etusivu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
div.otsikko_etusivu a:visited { color: #FFFFFF; }
div.otsikko_etusivu a:active { color: #FFFFFF; }
div.otsikko_etusivu a:hover { text-decoration: underline; }

.alasivu_otsikko { font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	padding-left:17px; color: #FFFFFF; }

.oikeasivu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; padding-left:9px; padding-top:22px; padding-right:9px; line-height: 15px; }

.leipis { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-left:24px; padding-top:22px; padding-right:15px; line-height: 15px;}
div.uutinen { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; color: #101010; }

div.iso_otsikko { font-family:Arial, Helvetica, sans-serif, Verdana; font-size: 17px; font-weight: bold; color: #101010; }
.leipaotsikko { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF9600; }
div.leipaotsikko_small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FF9600; }
div.leipa_uutisotsikot { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #303030; margin-top: 20px; margin-right: 8px; margin-bottom: 40px; margin-left: 8px; }
div.leipa_vihrea { color: #00623A; margin-top: 10px; margin-right: 7px; margin-bottom: 10px; margin-left: 12px; }
div.leipa_tiivis { margin-top: 10px; margin-right: 7px; margin-bottom: 10px; margin-left: 12px; }
div.extralogin p { margin:0; padding:0; }
p.navigo-login-message { margin:0; padding:0; }

.uutiset_etusivu { color: #FF9600; }
.uutiset_etusivu a { color: #FF9600;} 
.uutiset_etusivu a:visited { color: #FF9600; }
.uutiset_etusivu a:active { color: #FF9600;}
.uutiset_etusivu a:hover { color: #FF9600;}

div.ajankohtaista { margin-top: 6px; margin-right: 10px; margin-left: 12px; color: #FF9600;}
div.ajankohtaista a { color: #FF9600;}
div.murupolku { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00623A; margin-top: 6px; margin-right: 6px; margin-bottom: 6px; }

div.yhdistyshaku { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #000000; text-decoration: none; 
	border: 1px solid #C2CBC7; background-color: #EEEEEE; 
	padding-left: 20px; padding-top: 15px; padding-right: 20px; padding-bottom: 15px;
	margin-left: 0px; margin-top: 0px; margin-right: 1px; margin-bottom: 1px;
}

div.yhdistyshaku_orange { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #000000; text-decoration: none; 
	border: 1px solid #FFC169; background-color: #FFEDD3; 
	padding-left: 20px; padding-top: 15px; padding-right: 20px; padding-bottom: 15px;
	margin-left: 0px; margin-top: 0px; margin-right: 1px; margin-bottom: 1px;
}

div.valkoinen {
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-size:11px; 
	color: #FFFFFF;
}


input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

input.submit {
	width: 49px;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 1px 6px;
}

a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00623A; text-decoration: underline; }
a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00623A; text-decoration: underline; }
a:visited { color: inherit; }
a:active { color: inherit; }
a:hover { text-decoration: none; }

.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.footer a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.footer a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
.footer a:visited { color: #FFFFFF; }
.footer a:active { color: #FFFFFF; }
.footer a:hover { text-decoration: underline; }

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.navi_yhteys {
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #404040;
	text-align: left;
	float: left; 
	border-bottom: 1px solid #FFFFFF;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 12px;
}

td.otsikko {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #006339;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	padding: 16px;
}

td.content_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #303030;
	margin: 0px;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 22px;
	padding-bottom: 30px;
}

td.content_etusivu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #303030;
	margin: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 14px;
}


td.content_etusivu_even {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	background-color: #FFFFFF;
	color: #303030;
	margin: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 8px;
}

td.content_etusivu_odd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	background-color: #F3F3F3;
	color: #303030;
	margin: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 8px;
}


/* 1. TASON NAVIGAATIO */
div.menuspacer {
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #404040;
	margin: 0px;
	border-bottom: 2px solid #DCDCDC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	3px;
	padding-bottom:	3px;
}
td.navi_a {
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #404040;
	text-align: left;
	float: left; 
	border-bottom: 1px solid #FFFFFF;
}
a.navi_a {
	background: #EEEEEE url(/stc/images/menu_bullet_yhtio.gif) no-repeat 20px 7px; 
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #404040;
	margin: 0px;
	border-bottom: 2px solid #DCDCDC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	35px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	6px;
}
a.navi_a:hover {
	background-color: #DEDEDE;

}
td.navi_a a.open {
	background-color: #EEEEEE;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #006339;
	margin: 0px;
	border: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	4px;
}
td.navi_a a.open:hover {
	background-color: #EEEEEE;
	color: #006339;
	text-decoration: none;
	margin: 0px;
	border: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	4px;
}
td.navi_a a.open_sub {
	background-color: #EEEEEE;
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #404040;
	margin: 0px;
	border: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	1px;
	padding-bottom:	1px;
}
td.navi_a a.open_sub:hover {
	background-color: #EEEEEE;
	color: #006339;
	text-decoration: none;
	margin: 0px;
	border: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	1px;
	padding-bottom:	1px;
}
a.navi_a_sel {
	background: #FF9600 url(/stc/images/menu_bullet_sel.gif) no-repeat 20px 7px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	border-bottom: 2px solid #FBD094;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	35px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	6px;
}
td.navi_a a.sel:hover {
	background-color: #61AACF;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	border-bottom: 2px solid #599DBF;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	6px;
}

/* 1. TASON NAVIGAATIO */

a.navi_b {
	background: #EEEEEE url(/stc/images/menu_bullet_sel_sub.gif) no-repeat 20px 3px; 
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #404040;
	margin: 0px;
	border-bottom: 2px solid #DCDCDC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	35px;
	padding-right:	10px;
	padding-top:	1px;
	padding-bottom:	1px;
}

a.navi_b:hover {
	background-color: #DEDEDE;
	}
	
a.navi_b_sel {
	
    background: #EEEEEE url(/stc/images/menu_bullet_sel_sub.gif) no-repeat 20px 3px; 
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #00623A;
	margin: 0px;
	border-bottom: 2px solid #DCDCDC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	35px;
	padding-right:	10px;
	padding-top:	1px;
	padding-bottom:	1px;

}
	
a.navi_c {
	background: EEEEEE url(/stc/images/menu_bullet_sel_sub.gif) no-repeat 20px 7px; 
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #404040;
	margin: 0px;
	border-bottom: 2px solid #DCDCDC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	35px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	6px;
}

a.navi_c:hover {
	background-color: #DEDEDE;
	}
	
a.navi_c_sel {
	background-color: #006339;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #00623A;
	margin: 0px;
	border-bottom: 2px solid #599DBF;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-left:	20px;
	padding-right:	10px;
	padding-top:	6px;
	padding-bottom:	6px;
}

/* PUUN HINTATAULUKKO */

td.puu_head1 {
	background-color: #61AACF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

td.puu_head2 {
	background-color: #C6C6C6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

td.puu_odd_title {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006339;
	text-align: left;
}

td.puu_even_title {
	background-color: #E7E7E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006339;
	text-align: left;
}

td.puu_odd {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

td.puu_even {
	background-color: #E7E7E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

/* PUUN HINTATAULUKKO */

/* MUUT TAULUKOT */

/* Vakiotaulukko */

.u4-table-default { border-spacing: 1px; }
.u4-table-default-header { vertical-align: top; }	
.u4-table-default-header2 { vertical-align: top; }
.u4-table-default-odd { vertical-align: top; }
.u4-table-default-even { vertical-align: top; }

/* Henkilolista */

.u4-table-henkilosto { border-spacing: 1px; }
.u4-table-henkilosto-header { vertical-align: top; background-color: #EFEFEF; padding: 15px; line-height: 15px; }	
.u4-table-henkilosto-header2 { vertical-align: top; background-color: #F9F9F9; padding: 15px; line-height: 15px; }
.u4-table-henkilosto-odd { vertical-align: top; background-color: #EFEFEF; padding: 15px; line-height: 15px; }
.u4-table-henkilosto-even { vertical-align: top; background-color: #F9F9F9; padding: 15px; line-height: 15px; }

/*  Vihrea mhy-taulukko (keltainen ylarivi, muut rivit vuorotellen valkoisia ja harmaita) */

.u4-table-green { border-spacing: 1px; }
.u4-table-green-header { font-weight: bold; vertical-align: top; background-color:#64A886; color: #FFFFFF; padding: 3px;}	
.u4-table-green-header2 { background-color: #DDEBE4; vertical-align: top; padding: 3px;}
.u4-table-green-odd { background-color: #DDEBE4; vertical-align: top; padding: 3px;}
.u4-table-green-even { background-color: #DDEBE4; vertical-align: top; padding: 3px;}

/*  Siniharmaa mhy-taulukko (keltainen ylarivi, muut rivit vuorotellen valkoisia ja harmaita) */

.u4-table-bluegrey { border-spacing: 1px; }
.u4-table-bluegrey-header { font-weight: bold; vertical-align: top; background-color:#61AACF; color: #000000; padding: 3px;}	
.u4-table-bluegrey-header2 { background-color: #E7E7E7; vertical-align: top; padding: 3px;}
.u4-table-bluegrey-odd { background-color: #FFFFFF; vertical-align: top; padding: 3px;}
.u4-table-bluegrey-even { background-color: #E7E7E7; vertical-align: top; padding: 3px;}

/*  Harmaa kirjain-taulukko */

table.greyletter td.greyletter { border-width:1px; border-style:solid; border-color:#C2CBC7; background-color:#EEEEEE; width:460px; padding-left:20px; padding-top:17px; padding-bottom:17px;  }
/*
td.greyletter { border:none; background-color:#EEEEEE; width:460px; padding-left:20px; padding-top:17px; padding-bottom:17px;  }
*/

/*  Oranssi yhdistyshaku-taulukko */

.u4-table-orange { border-width:1px; border-style:solid; border-color:#FFC169; background-color:#FFEDD3; width:460px; padding-left:20px; padding-top:17px; padding-bottom:17px;  }
.u4-table-orange td { border:none; background-color:#FFEDD3; padding-left:20px; padding-top:17px; padding-bottom:17px;  }


/*  Kirjain-taulukko */

.u4-table-letter { border:0px; background-color:#F0F0F0; width:460px; padding-left:9px; padding-top:4px; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FF9600;   }
.u4-table-letter-header{ border:0px; background-color:#F0F0F0; width:460px; padding-left:9px; padding-top:4px; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FF9600;  }
.u4-table-letter-header2 { border:0px; background-color:#F0F0F0; width:460px; padding-left:9px; padding-top:4px; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FF9600;  }
.u4-table-letter-odd { border:0px; background-color:#F0F0F0; width:460px; padding-left:9px; padding-top:4px; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FF9600;  }
.u4-table-letter-even { border:0px; background-color:#F0F0F0; width:460px; padding-left:9px; padding-top:4px; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FF9600;  }

/* MUUT TAULUKOT */

/* NAVIGO-LOMAKE */

.textInputTd, .senderInputTd {
    width : 300px;
}

.selectInputTd {
    width : 50px;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }





#myyntipaivakirjalistaDiv
{
	width: 500px;
	overflow: auto;
}
#myyntipaivakirjalista thead
{
	background-color: #ff9600;
	color: #ffffff;
}
#myyntipaivakirjalista .row0 td
{
	background-color: #ededed;
}
#myyntipaivakirjalista .row1 td
{
	background-color: #f7f7f7;
}





table.vaalitaulukko
{
	border-collapse: collapse;
}
table.vaalitaulukko thead td
{
	background-color: #64A886;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
table.vaalitaulukko tbody td
{
	background-color: #DDEBE4;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 2px solid #ffffff;
	width: 150px;
}
