/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
 }

/* Month and Year Row Setup */
.monthYearRow {
    line-height: 16pt;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;

	}
/* Month and Year Text Setup */
.monthYearText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #000000;
	}

/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
	background-color: #d8eced;
	text-align: center;
	vertical-align: middle;
	}
/* Day Name Setup */
.dayNamesText {
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #433D27;

	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px; 
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	color: #CF0000; 
	font-weight : bold;
    }
/*

/* OverLIB popup text size */
.oLib {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
    }
	

	
/*


---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

Remove the "background-image..." lines to remove graphics as table cell background images.

If you do use images, change the "background-color..." to a sililar color to that
of your image. This will help persons with slow connections to see the event markings.

You can optionally remove the "background-color..." lines to only use graphics.

*/

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-image:  url("cdefb.gif");
	background-color: #EEEEEE;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-image:  url("cdef.gif");
	background-color: #EBEBEB;
	}
/* Mark Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s21 {
	background-image:  url("cdefb.gif");
	background-color: #F5E0D8;
	font-weight: Bold;	
	}
/* Mark Solid Cell Background (solid marked event date background) */
.s22 {
	background-image:  url("cdefb.gif");
	background-color: #F5E0D8;
	font-weight: Bold;
	}
/* Mark End Cell Background (usually a slashed graphic to show availability or solid for events) */
.s23 {
	background-image:  url("cdefb.gif");
	background-color: #F5E0D8;
	font-weight: Bold;	
	}
/* Mark End/Start Cell Background (usually a slashed graphic to show availability or solid for events) */
.s24 {
	background-image:  url("cdefb.gif");
	background-color: #F5E0D8;
	font-weight: Bold;	
	}
	
body  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}


TD  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}

.harmaa  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #7C7C7C;
text-decoration : none;
}

.red {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FF0000;
text-decoration : none;
font-weight : bold;
}

.red2 {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FF0000;
text-decoration : none;
}
 
.musta  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}
 
.vara  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #012476;
text-decoration : none;
}

.valkoinen  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
}

.alaotsikko  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
text-decoration : none;
font-weight : bold;
}

.otsikko  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #000000;
text-decoration : none;
}

.otsikko_valk  {
font-family : Tahoma, Arial, sans-serif;
font-size : 14pt;
color : #FFFFFF;
text-decoration : none;
}

.copy  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #c0c0c0;
text-decoration : none;
}

.rules  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-decoration : none;
font-weight : bold;
}

.title  {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #000000;
text-decoration : none;
font-weight : bold;
}

.title2  {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-decoration : none;
font-weight : bold;
}

.links  {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}

.date  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #000000;
text-decoration : none;
}

a  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #012476;
text-decoration : none;
}

a:hover  {
color : #000000;
text-decoration : underline;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}



.lomake  {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #C2DEE9;
}

.lomake_nappi  {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #C2DEE9;
}