* { margin: 0px; padding: 0px; }
body { background-color: #3C3C3C; border: none; }
body, table, th, tr, td, input, textarea, a, div, select { color: #0A0907; font-family: Verdana, Arial, Sans; font-size: 12px; text-align: left; text-decoration: none; }
img, table, div { border: none; border-collapse: collapse; }
p, table { margin: 6px; padding: 3px; width: 95%; }
h1, h2, h3 { margin: 0px; padding: 10px; }
a { color: #2859E4; }
a:hover { color: #2B1E62; text-decoration: underline; }
option { margin: 2px; padding: 2px; }
input, select { border: 1px solid #A9A9A9; height: 22px; vertical-align: bottom; background-color: #FFFFFF; padding: 3px; }
input[type='radio'], input[type='checkbox'], .noborder { border: none; }
select { height: 26px; }
input:hover, select:hover { border: 1px solid #0A0907; }
input:focus, select:focus { border: 1px solid #2859E4; }
h1, h1 a { color: #7B0000; font-size: 16px; text-align: center; }
h2, h2 a { color: #6E0000; font-size: 14px; }
h3, h3 a { color: #5E0000; font-size: 13px; }
hr { border: 1px solid #ccc; width: 98%; margin: 5px; }
th { font-weight: bold; }
td, th { padding: 4px; }
img { display: inline; margin: 4px; }
ul, ol { margin-bottom: 10px; padding: 2px; padding-left: 16px; }
ul { list-style: circle inside none; }
ol { list-style: decimal inside none; }
textarea { height: 160px; }

.dates { font-size: smaller; color: #3C3C3C; text-align: right; display: block; margin-top: -14px; }
.w40 { width: 40px; }
.w90 { width: 90px; }
.w140 { width: 140px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w600 { width: 600px; }
.h200 { height: 200px; }
.h300 { height: 300px; }
.nonpublished { color: #121212; text-decoration: line-through; }
.season-spring { background-color: #DBFFDB; }
.season-summer { background-color: #C8F2CC; }
.season-autumn { background-color: #FFE5AE; }
.seminar { margin: 10px; padding-bottom: 8px; border: 1px solid #C0C0C0; display: block; clear: both; }
.seminar:hover { border: 1px solid #0A0907; background-color: #DDDDDD; }
.seminar img { float: left; width: 80px; height: 50px; margin: 10px; }
.seminar div { margin: 10px; margin-left: 100px; }
.seminar h2, .seminar span { padding-top: 2px; padding-left: 4px; }
.seminar span { margin-bottom: 6px; padding-bottom: 8px; }
.button { width: 140px; text-align: center; background-color: #2859E4; color: #0A0907; border: 1px solid #0A0907; display: block; vertical-align: middle; }
.button:hover { color: #F5F6F7; text-decoration: none; }
.userknow { width: 400px; border: 1px dotted #A9A9A9; height: 20px; padding: 3px; display: block; }
.keskustelu { border: none; border-collapse: collapse; background-color: #F5F6F7; width: 99%; }
.keskustelu tr { border: 1px solid #0A0907; background-color: #F5F6F7; width: 99%; margin-top: 2px; margin-bottom: 2px; padding: 2px; }
.keskustelu td { border-collapse: collapse; background-color: #ABBFE3; margin: 1px; }
.hiddenpower { display: none; }
.preview { background-color: #A9A9A9; }
.menuarea, .copyright { width: 700px; height: 16px; vertical-align: middle; border: 1px solid #0A0907; background-color: #2859E4; }
.copyright, .copyright a { color: #0A0907; font-size: 10px; text-align: center; }
.menuarea ul { list-style: none; display: inline; float: left; height: 16px; margin: 0px; padding: 0px; }
.menuarea ul li { float: left; height: 16px; display: inline; width: 69px; text-align: center; vertical-align: middle; }
.menuarea ul li a, .menuarea ul li a.current { width: 69px; background-color: #2859E4; height: 16px; text-align: center; vertical-align: bottom; font-size: 9px; display: block; text-decoration: none; font-weight: bold; color: #0A0907; }
.menuarea ul li a.current { background-color: #ABBFE3; }
.menuarea ul li a:hover, .menuarea ul li a.current:hover { background-color: #2B1E62; color: #F5F6F7; text-decoration: none; }

#wrapper { width: 700px; margin-top: 3px; margin-left: auto; margin-right: auto; margin-bottom: 5px; border: none; background-color: inherit; }
#wrapper h1, #wrapper h2, #wrapper h3 { width: 680px; }
#topimage { width: 700px; height: 150px; vertical-align: middle; border: 1px solid #0A0907; border-bottom: none; text-align: center; vertical-align: middle; overflow: hidden; }
#topimage img, #flickrgallery img { margin: 0px; }
#content { background-color: #F5F6F7; width: 700px; border-left: 1px solid #0A0907; border-right: 1px solid #0A0907; }
#flickrgallery { display: none; border: 1px solid #2859E4; background-color: #F5F6F7; z-index: 24; width: 700px; }
#flickrgallery img { border: 2px solid #A9A9A9; height: 75px; width: 75px; }
#flickrgallery img:hover { border: 2px solid #FF0084; }
#flickrgallery ul { list-style: none; }
#flickrgallery li { display: inline; padding: 1px; }
ul#flickr { list-style: none; }
ul#flickr li { display: block; float: left; }
#closegallery { width: 100%; display: block; height: 22px; background-color: #FF0084; color: #F5F6F7; text-align: center; }
/* jQuery lightBox plugin */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 190; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 200; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #F5F6F7; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 36; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #F5F6F7; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #2859E4; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/* cluetip global */
#cluetip img { margin: 0px; }
#cluetip-close img { border: 1px solid #F5F6F7; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 42px; height: 42px; position: absolute; background-image: url("../images/ico-loading.gif"); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }
.cluetip-default { background-color: #F5F6F7; border: 1px solid #0A0907; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #F5F6F7; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #2859E4; color: #F5F6F7; }
.cluetip-default #cluetip-title a { color: #231700; font-size: 0.95em; }  
.cluetip-default #cluetip-inner { padding: 10px; }
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #231700; }
/* default arrows */
.clue-right-default .cluetip-arrows { background-image: url("../images/darrowleft.png"); }
.clue-left-default .cluetip-arrows { background-image: url("../images/darrowright.png"); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url("../images/darrowdown.png"); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }  
.clue-bottom-default .cluetip-arrows { background-image: url("../images/darrowup.png"); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; }
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px; }
#datepicker_div { display: none; border: 1px solid #0A0907; z-index: 10; /*must have*//*must have*/ }
.datepicker_inline { float: left; display: block; border: 0; }
.datepicker_dialog { padding: 5px !important; border: 4px ridge #ddd !important; }
button.datepicker_trigger { width: 25px; }
img.datepicker_trigger { margin: 2px; vertical-align: middle; }
.datepicker_prompt { float: left; padding: 2px; background: #ddd; color: #0A0907; }
* html .datepicker_prompt { width: 185px; }
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker { clear: both; float: left; width: 100%; color: #F5F6F7; }
.datepicker_control { background: #2859E4; padding: 2px 0px; }
.datepicker_links { background: #0A0907; padding: 2px 0px; }
.datepicker_control, .datepicker_links { font-weight: bold; font-size: 80%; letter-spacing: 1px; }
.datepicker_links label { /* disabled links */ padding: 2px 5px; color: #888; }
.datepicker_clear, .datepicker_prev { float: left; width: 34%; }
.datepicker_current { float: left; width: 30%; text-align: center; }
.datepicker_close, .datepicker_next { float: right; width: 34%; text-align: right; }
.datepicker_header { padding: 1px 0 3px; background: #333; text-align: center; font-weight: bold; height: 1.3em; }
.datepicker_header select { background: #333; color: #F5F6F7; border: 0px; font-weight: bold; }
.datepicker { background: #ccc; text-align: center; font-size: 100%; }
.datepicker a { display: block; width: 100%; }
.datepicker_titleRow { background: #777; }
.datepicker_daysRow { background: #F5F6F7; color: #666; }
.datepicker_weekCol { background: #777; color: #F5F6F7; }
.datepicker_daysCell { color: #0A0907; border: 1px solid #ddd; }
.datepicker_daysCell a { display: block; }
.datepicker_weekEndCell { background: #ddd; }
.datepicker_daysCellOver { background: #F5F6F7; border: 1px solid #777; }
.datepicker_unselectable { color: #888; }
.datepicker_today { background: #F5F6F7 !important; }
.datepicker_currentDay { background: #999 !important; }
.datepicker_status { background: #ddd; width: 100%; font-size: 80%; text-align: center; }
/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #0A0907; }
.datepicker_inline .datepicker_links a { padding: 0 5px !important; }
.datepicker_control a, .datepicker_links a { padding: 2px 5px !important; color: #F5F6F7 !important; }
.datepicker_titleRow a { color: #F5F6F7 !important; }
.datepicker_control a:hover { background: #F5F6F7 !important; color: #333 !important; }
.datepicker_links a:hover, .datepicker_titleRow a:hover { background: #ddd !important; color: #333 !important; }
/* ___________ MULTIPLE MONTHS _________*/
.datepicker_multi .datepicker { border: 1px solid #777; }
.datepicker_oneMonth { float: left; width: 185px; }
.datepicker_newRow { clear: left; }
/* ___________ IE6 IFRAME FIX ________ */
.datepicker_cover { display: none; /*sorry for IE5*/ display: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*//*must have*/ }

#googlesearch { width: 290px; margin-left: 395px; }
#googlesearch td, #googlesearch input.noborder { background-color: #F5F6F7; }
#googlesearch table, #googlesearch tr, #googlesearch td { margin: 0px; padding: 0px; }
#googlesearch input { padding: 1px; height: auto; }
#googlesearch input.noborder { border: none }
#googlesearch .button, #googlesearch #sbi { display: inline; width: 140px; }

/* WYMeditor */
/* PARA: Date */
.date p /* p */ {
  color: #ccf;
  /* background-color: #ff9; border: 2px solid #ee9; */
}
/* PARA: Hidden note */
.hidden-note p /* p[@class!="important"] */ {
     display: none;
    /* color: #999; border: 2px solid #ccc; */
}
/* PARA: Important */
.important p /* p[@class!="hidden-note"] */ {
    color: red; font-weight: bold;
    /* color: red; font-weight: bold; border: 2px solid red; */
}
/* IMAGE: Border */
.border img /* img */ {
    border: 1px solid #ccc;
    /* border: 4px solid #ccc; */
}
/* LIST: Special */
.special ul,
.special ol /* ul,ol */ {
    color: green;
    /* background-color: #fc9; border: 2px solid red; */
}
/* /WYMeditor */
/* tables */
table.sorted {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.sorted thead tr th, table.sorted tfoot tr th {
	background-color: #e6EEEE;
	padding: 4px;
}
table.sorted thead tr .header {
	background-image: url("../images/tablesorter-bg.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.sorted tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.sorted tbody tr.odd td {
	background-color:#F0F0F6;
}
table.sorted thead tr .headerSortUp {
	background-image: url("../images/tablesorter-asc.gif");
}
table.sorted thead tr .headerSortDown {
	background-image: url("../images/tablesorter-desc.gif");
}
table.sorted thead tr .headerSortDown, table.sorted thead tr .headerSortUp {
	background-color: #8dbdd8;
}

.preloadeble {
	background-image: url("../images/ico-loading.gif");
	background-image: url("../images/btn-prev.fi.png");
	background-image: url("../images/btn-prev.en.png");
	background-image: url("../images/btn-next.fi.png");
	background-image: url("../images/btn-next.en.png");
	background-image: url("../images/btn-close.fi.png");
	background-image: url("../images/btn-close.en.png");
	background-image: url("../images/blank.gif");
}