#content .calendar-wrapper { font-family: Trebuchet MS; font-size: 10px; color: #000000; border-style: none; border-width: 1px; border-color: #002878; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .header { background-color: #002878; background-image: none; background-position: 0px 0px; background-repeat: no-repeat; border-bottom-style: none; border-bottom-width: 0px; }
#content .calendar-wrapper .header .date { border-right-width: 1px; border-right-style: solid; border-right-color: #ffffff; float: left; padding-right: 10px; color: #ffffff; }
#content .calendar-wrapper .header .events { border-left-color: #ffffff; border-left-style: solid; border-left-width: 1px; }
#content .calendar-wrapper .header .date .weekday { color: #ffffff; font-size: 11px; font-weight: normal; }
#content .calendar-wrapper .header .date .day { color: #ffffff; font-size: 22px; font-weight: normal; }
#content .calendar-wrapper .header .date .month { color: #000000; font-size: 11px; font-weight: normal; }
#content .calendar-wrapper .header .date .year { color: #000000; font-size: 11px; font-weight: normal; }
#content .calendar-wrapper .header .events .event a { font-size: 10px; font-weight: normal; color: #cccccc; text-decoration: none; }
#content .calendar-wrapper .header .events .event a:hover { font-size: 10px; font-weight: normal; color: #ffffff; text-decoration: none; }
#content .calendar-wrapper .navigation { background-color: #eeeeee; background-position: 0px 0px; background-repeat: no-repeat; width: 100%; border-bottom-style: none; border-bottom-width: 0px; border-top-style: none; border-top-width: 0px; }
#content .calendar-wrapper .navigation .previous-month { float: left; padding: 5px 0px; }
#content .calendar-wrapper .navigation .next-month { float: right; padding: 5px 0px; }
#content .calendar-wrapper .navigation .previous-month a, #content .calendar-wrapper .navigation .next-month a { color: #808080; font-size: 33px; font-weight: normal; line-height: 12px; padding: 0px 4px; text-decoration: none; display: block; }
#content .calendar-wrapper .navigation .previous-month a:hover, #content .calendar-wrapper .navigation .next-month a:hover { color: #353535; font-weight: normal; text-decoration: none; }
#content .calendar-wrapper .navigation .current-month { padding: 4px 33px; }
#content .calendar-wrapper .navigation .current-month .month { color: #808080; font-size: 12px; font-weight: bold; }
#content .calendar-wrapper .navigation .current-month .year { color: #808080; font-size: 12px; font-weight: bold; }
#content .calendar-wrapper div.calendar { border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #002878; border-top-style: none; border-top-width: 0px; background-color: #eeeeee; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .day-legend-1, #content .calendar-wrapper .calendar table .day-legend-2, #content .calendar-wrapper .calendar table .day-legend-3, #content .calendar-wrapper .calendar table .day-legend-4, #content .calendar-wrapper .calendar table .day-legend-5, #content .calendar-wrapper .calendar table .day-legend-6, #content .calendar-wrapper .calendar table .day-legend-7 { color: #000000; font-size: 11px; font-weight: normal; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .day-legend-7 { color: #cc0000; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .week-number { color: #000000; font-size: 11px; font-weight: normal; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .text { line-height: 200%; }
#content .calendar-wrapper .calendar table .other-month .text { color: #808080; font-weight: normal; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .other-month.su .text { color: #ffcccc; font-weight: normal; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .current-month .text { color: #000000; font-weight: normal; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .current-month.su .text { color: #cc0000; font-weight: normal; background-position: 0px 0px; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .current-day .text { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_currentday.gif"); background-position: center center; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .current-day.su .text { color: #cc0000; font-weight: normal; background-image: url("/www/images/icons/bg_currentday.gif"); background-position: center center; background-repeat: no-repeat; }
#content .calendar-wrapper .calendar table .single-event .text a { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_single.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event .text a:hover { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_single-hover.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event.su .text a { color: #ffcccc; font-weight: normal; background-image: url("/www/images/icons/bg_single.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event.su .text a:hover { color: #ffcccc; font-weight: normal; background-image: url("/www/images/icons/bg_single-hover.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event.current-day .text a { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_single.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event.current-day .text a:hover { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_single-hover.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event.current-day.su .text a { color: #ffcccc; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .single-event.current-day.su .text a:hover { color: #ffcccc; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events .text a, #content .calendar-wrapper .legend .type.multiple-events { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_multiple.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events .text a:hover { color: #ffffff; font-weight: normal; background-image: url("/www/images/icons/bg_multiple-hover.gif"); background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events.su .text a { color: #ffcccc; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events.su .text a:hover { color: #ffcccc; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events.current-day .text a { color: #ffffff; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events.current-day .text a:hover { color: #ffffff; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events.current-day.su .text a { color: #ffcccc; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table .multiple-events.current-day.su .text a:hover { color: #ffcccc; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.tapahtuma, #content .calendar-wrapper .legend .type.tapahtuma { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.koulutus, #content .calendar-wrapper .legend .type.koulutus { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.uutinen, #content .calendar-wrapper .legend .type.uutinen { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.kokous, #content .calendar-wrapper .legend .type.kokous { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.julkaisu, #content .calendar-wrapper .legend .type.julkaisu { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.tiedote, #content .calendar-wrapper .legend .type.tiedote { color: #000000; font-weight: normal; background-image: none; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.jasentiedote, #content .calendar-wrapper .legend .type.jasentiedote { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .calendar table a.extranet, #content .calendar-wrapper .legend .type.extranet { color: #000000; font-weight: normal; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
#content .calendar-wrapper .legend { background-position: center center; background-repeat: no-repeat; border-top-style: solid; border-top-width: 1px; border-top-color: #FFFFFF; width: 100%; }
#content .calendar-wrapper .legend .type { float: left; height: 20px; line-height: 20px; margin: 2px; text-align: center; width: 20px; }
#content .calendar-wrapper .tooltip { text-align: left; }
#tooltip { background-color: eeeeee; background-position: 0px 0px; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #dddddd; padding: 0px; }
#tooltip .event, #tooltip .headerevent { text-align: left; background-position: 0px 0px; background-repeat: no-repeat; margin: 5px; padding: 5px; }
#tooltip .event .icon, #tooltip .headerevent .icon { width: 30px; }
#tooltip .event .info, #tooltip .headerevent .info { margin-left: 30px; }
#tooltip .event .info .startdatetime_mid, #tooltip .headerevent .info .startdatetime_mid { font-weight: bold; font-size: ; color: ; padding: 0; }
#tooltip .event .info .title, #tooltip .headerevent .info .title { font-weight: bold; font-size: 14px; color: ; padding: 5px 0px 2px 0px; }
#tooltip .event .info .description, #tooltip .headerevent .info .description { font-weight: ; font-size: ; color: ; padding: 0; }
#tooltip .event.tapahtuma, #tooltip .headerevent.tapahtuma { background-color: #ffeeff; background-position: 0px 0px; background-repeat: no-repeat; }
#tooltip .event.koulutus, #tooltip .headerevent.koulutus { background-position: 0px 0px; background-repeat: no-repeat; }
#tooltip .event.uutinen, #tooltip .headerevent.uutinen { background-color: #eeeeff; background-position: 0px 0px; background-repeat: no-repeat; }
#tooltip .event.kokous, #tooltip .headerevent.kokous { background-position: 0px 0px; background-repeat: no-repeat; }
#tooltip .event.tiedote, #tooltip .headerevent.tiedote { background-position: 0px 0px; background-repeat: no-repeat; }
#tooltip .event.jäsentiedote, #tooltip .headerevent.jäsentiedote { background-position: 0px 0px; background-repeat: no-repeat; }
#tooltip .event.extranet, #tooltip .headerevent.extranet { background-position: 0px 0px; background-repeat: no-repeat; }