body  {
	font-family : sans-serif;
	font-size : 12px;
	color : #000000;
}

a  {
	color : #000080;
}

a:hover  {
	background-color : #edf0f5;
	color : #000080;
}

a:visisted  {
	color : #800000;
}

a:active  {
	background-color : #edf0f5;
	color : #800000;
}

.vasen a  {
	text-decoration : none;
	color : #000080;
}

.vasen a:hover  {
	text-decoration : none;
	background-color : #edf0f5;
	color : #000080;
}

.vasen a:visisted  {
	text-decoration : none;
	color : #800000;
}

.vasen a:active  {
	text-decoration : none;
	background-color : #edf0f5;
	color : #800000;
}

.ala  {
	text-align : right;
}

.ala a  {
	text-decoration : none;
	color : #000080;
}

.ala a:hover  {
	text-decoration : none;
	background-color : #edf0f5;
	color : #000080;
}

.ala a:visisted  {
	text-decoration : none;
	color : #800000;
}

.ala a:active  {
	text-decoration : none;
	background-color : #edf0f5;
	color : #800000;
}

td,p,div,li  {
	font-family : Arial, Verdana, Helvetica;
	font-size : 12px;
	color : #000000;
}

th {
    text-align: left;
	font-size: 12px;
}

select  {
	font-family : verdana, helvetica;
	font-size : 10px;
}

input  {
	font-family : arial, verdana, helvetica;
	font-size : 11px;
}

.pieni  {
	font-size : 70%;
	color : #000000;
}

H1, H2, H3, H4  {
	color : #000000;
	font-weight : bold;
	text-align : left;
}

H1  {
	font-family : Verdana, Arial, Helvetica;
	font-size : 20px;
	text-align : left;
}

H2  {
	font-family : Verdana, Arial, Helvetica;
	font-size : 16px;
}

H3  {
	font-family : Arial, Helvetica;
	font-size : 14px;
}

H4  {
	font-family : Arial, Helvetica;
	font-size : 12px;
}

.ots  {
	font-weight : bold;
	color : #000000;
	background-color : #A0A0A0;
}

.keski  {
	text-align : center;
}

.oikea  {
	text-align : right;
}

.kpieni  {
	font-size : 65%;
	text-align : center;
	font-family : Arial, Helvetica;
}

.uutinen p {
	text-align : justify;
	margin-top : 10;
	margin-bottom : 2;
}

.iso  {
	font-size : 120%;
}

.uutinen b  {
	font-size : 103%;
	font-weight : bold;
	padding-top : 10px;
	padding-bottom : 4px;
}

.opieni  {
	font-size : 11px;
	text-align : right;
}

.tapahtumakalenteri td {
	font-size : 13px;
}

.otsikko {
	font-size : 13px;
	font-weight : bold;
}

.ilmot_kurssi {
	background-color: #000080;
}

.ilmot_kurssi th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_kurssi td {
	background-color: #FFFFFF;
}	


.ilmot_Vihreä {
	background-color: #009933;
}

.ilmot_Vihreä th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_Vihreä td {
	background-color: #FFFFFF;
}	

.ilmot_Oranssi {
	background-color: #FF9900;
}

.ilmot_Oranssi th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_Oranssi td {
	background-color: #FFFFFF;
}	

.ilmot_Sininen {
	background-color: #0000FF;
}

.ilmot_Sininen th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_Sininen td {
	background-color: #FFFFFF;
}	

.ilmot_Punainen {
	background-color: #FF0000;
}

.ilmot_Punainen th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_Punainen td {
	background-color: #FFFFFF;
}	

.ilmot_Ruskea {
	background-color: #996600;
}

.ilmot_Ruskea th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_Ruskea td {
	background-color: #FFFFFF;
}	

.ilmot_Harmaa {
	background-color: #999999;
}

.ilmot_Harmaa th {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}

.ilmot_Harmaa td {
	background-color: #FFFFFF;
}	

.pieninappi {
	font-size: 75%;
}

@media print {
  .eitulostusta {
    display: none;
  }
  .vasen {
    display: none;
  }
}

.email {
  vertical-align: bottom;
}

.piirivihje p {
  max-width: 40em;
  margin-top: 0.3em;
  margin-bottom: 0em;
}

.piirivihje h3,h4 {
  margin-top: 0.6em;
  margin-bottom: 0em;
}

.piirivihje li {
  max-width: 37em;
}


.ohje p {
  max-width: 45em;
}

table.reunataulu {
  padding: 0;
  background-color: #000080;
}

.reunataulu th {
  text-align: left;
  color: #fff;
  background-color: #000080;
  vertical-align: top;
}

.reunataulu td {
  background-color: #fff;
  vertical-align: top;
}

table.ilmolomake {
  width: 30em;
  padding: 0;
  margin: 0;
  background-color: #000080;
}

.ilmolomake th {
  text-align: left;
  color: #fff;
  background-color: #000080;
  vertical-align: top;
  border-bottom: solid 0.3pt #eee;
}

.ilmolomake td {
  /*border: solid 1pt #000080;*/
  background-color: #eee;
  vertical-align: top;
}

/*.v {
  width: 10em;
}

.o {
  width: 20em;
}*/

.ohjeteksti {
  color: #555;
  font-size: 86%;
}

.pisteviivapysty {
  background-image: url(/kuvat/pisteviiva_pysty.gif); /* only jpg version - png too big! */
}

.pisteviivavaaka {
  background-image: url(/kuvat/pisteviiva_vaaka.gif); /* only jpg version - png too big! */
}

.uutiskuva {
  margin-bottom: 2em;
}

.ukk p {
  max-width: 40em;
}

.ukk_kysymys {
  font-weight : bold;  
}

.ukk_kysyja {
  font-size : 90%;
  font-style : italic;
}

.ukk_vastaus {
  margin-top: 0.3em;
}

.ukk_vastaus p {
  max-width: 30em;
  margin-bottom: 0.3em;
}

.ukk_vastaaja {
  font-size : 90%;
  font-style : italic;
}

.runo p {
  max-width: 30em;
  text-align: center;
  margin-left: 4em;
}

body {
	background-color : #e3e4d0;
    font-family : sans-serif, arial, helvetica;
	font-size : 10pt;
}


p { max-width: 35em; }

#ylapalkki {
  border-top: 1.5pt solid #000066;
  border-right: 1.5pt solid #000066;
  border-left: 1.5pt solid #000066;
  border-bottom: none;
  background-image: url(https://www.tulospalvelu.fi/kuvat/jatko_login_ylapalkki.png);
  background-repeat: no-repeat;
  background-color: #000080;
  height: 59px;
  background-position: left;
  margin:0; padding:0;
  font-size: 200%;
}

#loota {
  font-size : 8pt;
  background-color: white;
  border: 0.5pt solid black;
  text-align: right;
  margin-right: 0.5em;
  width: 15em;
  height: 45px;
}

#linkki span a, #linkki span a:visited, #linkki span a:hover, #linkki span a:active{
  display: block;
  float: left;
  background-color: transparent;
  height: 45px;
  width: 70%;
}

#linkki a {
  text-decoration: none;
  background-color: none;
}

#loginsivu {
	background-color:white;
	width: 28em;
	padding: 1em;
	border: 1.5pt solid black;
	text-align: left;
}

#indexsivu {
	background-color:white;
	width: 40em;
	padding: 1em;
	border: 1.5pt solid black;
	text-align: left;
	position: relative;
	left: 50%;
	margin-left: -20em;	
}


#loginsivu .loginvirhe {
	/*background-color:gray;
	border : 1.5pt dashed #FFBBBB;*/
	border: 1.5pt solid #ddd;
	padding: 3;
	FONT-WEIGHT : bold;
}

#loginsivu h2, #indexsivu h2 {
	border-bottom: 1.5pt solid black;
}

#keltainenpalkki {
	background-color : white;
	border-bottom: 1.5pt solid #000066;
	border-right: 1.5pt solid #000066;
	border-left: 1.5pt solid #000066;
}

#keltainenpalkki table, #loginsivu table{
  padding: 2;
  margin: 2;
  border-spacing: 0;
  border-collapse: collapse
}

#keltainenpalkki table th {
	background-color: #eeeeee;
	border-bottom:0.8pt solid #555;
	border-top:0.8pt solid #555;
	padding-right: 2em;
}

#keltainenpalkki table a {
	text-decoration: none;
}

#keltainenpalkki table td,#loginsivu table th,#loginsivu table td {
	border-top:0.5pt solid #3078c2;
	border-bottom:0.5pt solid #3078c2;
	padding-top: 1;
	padding-bottom: 1;
	padding-left: 2;
	padding-right: 4;
	margin: 0;
	background-color: #79b2Df;
}

#keltainenpalkki tr.pariton  td {
	background-color: #5a93bf;
}

.luettelo td {
	font-size : 10pt;
	background-color : #ffffff;
}

.luettelonOtsikko td {
	font-size : 10pt;
	background-color : #ffffff;
	font-weight : bold;
	border-bottom:0.8pt solid #000000;
}


#keltainenpalkki .virhe td {
	background-color : #FFBBBB;
}

#keltainenpalkki .sivulinkit td {
	background-color : white;
	border: none;
}	

#keltainenpalkki .valkoinen td {
	background-color : white;
	border: none;
	vertical-align: top;
}

#keltainenpalkki p {
  max-width: 35em;
}

#keltainenpalkki #tiedostot td {
	background-color : #f7f7f7;
}


.virhe {
	background-color : #FFBBBB;
	font-weight : bold;
}

.taulukkorivi td {
	font-size : 10pt;
	background-color : #79b2df;
	border-bottom: 0pt;
	border-top   : 0pt;
	border-left  : 0pt;
	border-right : 0pt;
}

.otsikkorivi td {
	font-size : 10pt;
	background-color : #3078c2;
	font-weight : bold;
	border-bottom:0.8pt solid #000000;
	border-top   : 0pt;
	border-left  : 0pt;
	border-right : 0pt;
}

.iso td {
     font-size : 150%;
}

.tietuevalinta select {
	font-size : 80%;
	margin-left: 1em;
	margin-right: 1em;
	width: 30em;
}

#keltainenpalkki .tiukka {
  padding-right: 0;
  width: 1.6em;
  text-align: center;
}

#keltainenpalkki .tiukkavari {
  padding-right: 0;
  width: 1.6em;
  text-align: center;
  background-color: green;
}

#keltainenpalkki .tiukkapunainen {
  padding-right: 0;
  width: 1.6em;
  text-align: center;
  background-color: red;
}

#keltainenpalkki .tiukkakeltainen {
  padding-right: 0;
  width: 1.6em;
  text-align: center;
  background-color: yellow;
}

#ruokavaliotaulukko h4 {
	font-weight : bold;
	margin-top: 0;
	margin-bottom: 0;
}

#keltainenpalkki #ruokavaliotaulukko ul,p {
	margin-top: 0;
	margin-bottom: 0;
}