@media print {
   .paivitystieto {
      margin-right: 1pc;
      color: #040;
   }
   .credits {
      display: none;
   }
   .pikkuohje {
      display: none;
   }
   .userinterface {
      display: none;
   }
   .infoicon {
      display: none;
   }
   .toimintolinkit, .litelink {
      display: none;
   }
   .eliminoidut {
      display: none;
   }
   h2 {
      margin-top: 0;
   }
   table {
      margin-bottom: 0;
      page-break-inside: avoid;
   }
   .otsikko .pieni {
      display: none;
   }
   .debug {
	   display: none;
   }
}

body {
   background-color: #fff;
   margin: 0;
   padding: 0;
}

.headerarea {
	background-color: #bae;
	color: black;
	padding: 4pt;
	border-bottom: 3px solid black;
}
.bottomarea {
	background-color: #bae;
	color: black;
	padding: 4pt;
	border-top: 3px solid black;
	clear: both;
}
.tapahtumanimi {
    font-weight: bold;
    font-size: 14pt;
}
.ylarivi {
	padding-bottom: 4pt;
	border-bottom: 1px solid black;
	margin-bottom: 2pt;
}
.presetrow, .customrow {
    margin-bottom: 2pt;
}
.presetrow form, .customrow form {
    margin: 0;
}
.mainarea {
	margin: 2pt;
	padding: 2pt;
}
.infoicon {
    margin-left: 2pt;
    font-size: 6pt;
    color: #777;
    /* <sup> in html... */ 
}
form.nappi {
    display: inline;
}
input.number {
    width: 2pc;
}

td {
   vertical-align: top;
/*
   background-color: #eee;
*/
}

.pieni {
	font-size: 6pt;
}

.insignificant {
	color: #aaa;
}

.pieni .insignificant {
	magrin-left: 1.5pt;
}

#Ilmot {
   font-size: 6pt;
}

.evclass {
   background-color: #eee;
}

.evclass0 {
   background-color: #fbb; /* Red 1 - Salmon */
}

.evclass1 {
   background-color: #ccf; /* Blue 1 - Marine*/
}

.evclass2 {
   background-color: #bea; /* Green 1 - light */
}

.evclass3 {
   background-color: #ffa; /* Yellow 1 - light*/
}

.evclass4 {
   background-color: #fac; /* Pink 1 - light*/
}

.evclass5 {
   background-color: #fed; /* Red 2 - Beige */
}

.evclass6 {
   background-color: #cdf; /* Blue 2 - Cyan */
}

.evclass7 {
   background-color: #cda; /* Green 2 - Dark */ 
}

.evclass8 {
   background-color: #eda; /* Yellow 2 - Brown */
}

.evclass9 {
   background-color: #dad; /* Pink 2 - Rose */ 
}

.evclass10 {
   background-color: #eba; /* Red 3 - Light brown */ 
}

.evclass11 {
   background-color: #baf; /* Blue 3 - dark */
}


table {
   font-size: 8pt;
   border: solid thin black;
   empty-cells: hide;
}


#pagebreakafter {
   page-break-after: always;
}

.nowrap {
   white-space: nowrap;
}

.ohjelmanotsikko {
   font-family: verdana;
   font-weight: bold;
   font-size: 12pt;
   background-color: black;
   color: white;
   padding: 1pt 6pt;
   letter-spacing: 1pt; 
   border: 3px double white;
   border-width: 1px 3px;
   margin-right: 1pc;
}

td {
   border: solid 1px black;
}

td.empty {
   border: none;
}

td.lowlited {
   border: 1px dashed;
}

div.alusta {
   border: none;
}

td.eliminated {
   background-color: inherit;
}

td.eliminated div.alusta {
   display: none;
}

td.hilited {
   border: 3px solid black;
}

td.aika {
   border-left: none;
   border-right: none;
   border-bottom: none;
   border-top: dotted thin gray;
   background-color: #fff;
}

td.otsikko {
   background-color: #eee;
   border-left: none;
   border-right: none;
   border-bottom: solid thin black; 
   border-top-color: #eee;
   border-top: none;  
   text-align: center;
   white-space: nowrap;
}

h1, h2
{
   padding:2pt;
   border:solid thin black;
   background-color:#6b6;
   margin-left:0%;
   margin-right:0%;
   padding-left:5%;
   padding-right:20%;
/*   text-transform: uppercase;
   letter-spacing: 0.1em; */
}

.pvm {
   margin-left: 1em;
   font-size: 8pt;
}

.legendarea {
}

@media screen {
   table.legend {
      margin: 2pt 0;
   }
}

table.legend {
   float: right;
   margin-top: none;
   border: dashed thin black;
}

.legend td {
   font-weight: bold;
   text-align: center;
   border: solid thin black;
   padding: 0.4em 0.7em;
}

fieldset.typefilter {
    margin: 0;
	padding: 2pt;
	border: 1px solid grey;
}
fieldset.typefilter legend {
	margin-left: 1pc;
}

table.typefilter {
   margin: 0;
   border: none;
}

.typefilter td {
   text-align: center;
   padding: 0.2pc 0.5pc;
   border: solid thin black;
   font-weight: bold;
}

.typefilter td.otsikko {
   background-color: inherit;
   font-weight: normal;
   font-size: 12pt;
   border: none;
   padding: 0 2pt;
}

.typefilter td.filtered {
   border: dotted thin black;
   font-weight: normal;
}

a.silent:link, a.silent:hover, a.silent:visited {
  padding: 0;
  border: none;
  background-color: inherit;
  color: inherit;
  text-decoration: inherit;
}

a:link, a:visited {
   text-decoration:none;
   color: #004;
}
a:hover {
   padding: 0;
   text-decoration: underline;
}

.toimintolinkit {
   font-size: 6pt;
   float: right;
   margin-top: 1px;
}

a.litelink {
   border: 1px solid grey;
   color: grey;
   padding: 0;
   margin-left: 1px;
   font-family: Fixed, monospace;
}
a.litelink:hover {
   color: black;
   border: 1px solid black;
   background-color: #ccc;
   text-decoration: none;
}
.tapahtumanaika {
   border-bottom: 1px dotted grey;
   padding-bottom: 3px;
   font-size: 6pt;
   font-family: arial, sans-serif;
}


.paivitystieto {
	float: right;
	clear: right;
	font-size: 8pt;
}
@media screen {
   .paivitystieto {
	color: #064;
   }
}

.credits {
	margin-top: 0;
	float: right;
	clear: right;
	font-size: 8pt;
	color: #484;
}

.pikkuohje {
	margin-top: 0;
	float: right;
	clear: right;
	font-size: 8pt;
	color: #535;
}

div.eliminoidut {
	clear: right;
	font-size: 8pt;
}

table.eliminoidut {
	border-collapse: collapse;
	border-color: #535;
}

.eliminoidut td {
	border: none;
	color: #533;
	border-bottom: 1px solid #a9a;
}

.debug {
/*
	position:absolute;
	right: 10pt;
*/
	float: right;
	clear: right;
	font-size: 8pt;
	color: #777;
}


/*

  	---------------------
  	Style for info window
  	---------------------
  	
*/


.infowindow {
    padding: 4pt;
    
}
.infowindow .header {
    margin-bottom: 1pc;
}
.infowindow .eventname {
    font-weight: bold;
}
.infowindow .types {
    float: right;
}
.infowindow .type {
    font-size: 8pt;
    margin: 1pt;
    padding: 2pt 4pt;
    border: 1px solid #444;
}
.infowindow .eventtime {
    font-size: 10pt;
    font-style: italic;
}
.infowindow .eventorganizer {
    font-size: 10pt;
    font-style: italic;
}
.infowindow .infocloserow {
    text-align: center;
    margin-top: 1pc;
}
.infowindow .infocloserow input {
    padding: 6pt 2pc;
}