/*******************
 * default fonts etc
 */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  background-color: #fff;
  margin: 0; padding: 0;
}
form { margin: 0; padding: 0; }
h1 {
  font-size: 130%;
  font-weight: bold;
  padding: 0.5em 0;
  margin: 0;
}
h1, h1 a { text-decoration: none; }
h1 a { font-size: 100%; }

h2 {
  font-size: 100%;
  font-weight: bold;
  padding: 0.5em 0;
  margin: 0;
}
p { padding: 0.5em 0; margin: 0; }
img { border: none; }
input, textarea, select {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr {
  border: none;
  height: 1px;
  background-color: #666;
  width: 98%;
  text-align: left; margin-left: 0;
}


/* Users tables from wysiwyg */
table.user_table, table.user_table_noborder { border-collapse: collapse; }
table.user_table td { border: 1px solid #000; padding: 3px 8px; }
table.user_table_noborder td { border: none; padding: 3px 8px; }

.inner { margin: 0 10px; }

 /* For IE min-height hack */
.min-height {
  height: 200px;
  float: right;
  width: 1px;
}

 /* For clearing floats */
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}
.block { display: block; }


/* Table */
table { border: none; }
tr, th, td, thead, tbody, tfoot {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 100%;
  vertical-align: top;
  background: transparent;
}
th, td { padding: 0 6px; text-align: left; }
.right { text-align: right; }
.center {
  text-align: center;
}
.nowrap { white-space: nowrap; }

.wide { width: 98%; }
table.small tr td, table.small tr th { padding: 0; font-size: 11px; }

/* Content */
div#content div.inner img { margin: 0 6px; max-width: 99%; }
div#content div.inner a img, div#content div.inner table tr td img { max-width: none; }
#content_top, #content_bottom { display: none; }


/* Footer */
#footer {
  text-align: center;
  font-size: 70%;
  padding: 0 0 5px 0;
  clear: both;
}

/* General class for small text */
.small, .small a { font-size: 9px; }
.err {color: #f00;}
.error_message { color: #f00; font-weight: bold; }
.ok_message { color: #00AF00; font-weight: bold; }

.error { color: #f00; }

#top-bar { overflow: hidden; }


/* Extras */
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6, #headblock, #footerblock { display: none; }


/* Form */
.form_table { border: none; border-collapse: collapse; }
.form_table tr td { padding-bottom: 1em; }
.form_table td.label { text-align: right; padding-right: 6px; }

/* Left and right columns */
.column_top, .column_bottom {
  display: none;
}
/*************************************************
 * Default styles for left and right columns boxes
 */
.box {
  width: 180px;
  border: 1px solid #000;
  margin: 9px 0 10px 9px;
  z-index: 1;
}
.box .header {
  background-color: #eee;
  padding: 5px 0; margin: 0;
}
.box .content { background-color: #fff; }
.box .content .content_top, .box .content .content_bottom { display: none; }

.box h1 {
  font-size: 110%;
  font-weight: bold;
  padding: 0;
  margin: 0 5px;
}
.box p { padding: 5px 0; margin: 0 5px; }
.box .link {
  display: block;
  margin-bottom: 6px;
}
/* center block */
#content .box { margin: 0 10px; }


#blocks_center { margin-top: 40px; }
#blocks_center .box, blocks_center .bannerbox {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}

/****************************
 * Default styles for banners
 */
.banners, #left-bar .banners, #right-bar .banners {
  text-align: center;
  background: none;
  border: none;
  text-align: center;
}
.banners img { margin: 3px 0; }
#banner_top, #banner_bottom { display: none; }

.bannerbox .content {
  padding: 20px 0;
  text-align: center;
}
#left-bar .bannerbox .content a, #right-bar .bannerbox a,
#left-bar .banners .content a, #right-bar .banners a { padding: 0; background: none; }

/**************************************
 * Default styles for subsets linkblock
 */
.linkblock ul {
  list-style: none;
  padding: 0 0 10px 0; margin: 0 10px;
}
.linkblock ul li a { margin: 4px 0; }


/*****
* News
*/
table.news_list tr td {
  padding-right: 1em;
}
table.news_list tr td.date {
  width: 85px;
}
div.news_item {
  margin-bottom: 1em;
}
/*
* Album
*/
.album_newest .content p, .album_random .content p {
  overflow: auto;
  width: 155px;
  padding: 10px 0 10px 0;
  margin-right: 0;
}
#right-bar .box p .album_block_frame a,
#right-bar .box p .album_block_frame_big a,
#left-bar .box p .album_block_frame a,
#left-bar .box p .album_block_frame_big a {
  padding: 0;
}
.album_block_frame, .album_block_frame_big {
  display: block;
  margin: 0;
  float: left;
  padding: 5px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 3px;
  background-color: #000000;
}
.album_block_image, .album_block_image_big {
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.album_block_image, .album_block_frame { width: 60px; height: 60px; }
.album_block_image_big, .album_block_frame_big  { width: 135px; height: 135px; }
.album_folder_image {
  display: block;
  width: 52px; height: 48px;
  background: transparent url( /Kotisivukone/functions/album/folder.png ) no-repeat top left !important;
  background: transparent url( /Kotisivukone/functions/album/folder.gif ) no-repeat top left; /* IE6 */
}

/********
* Sitemap
*/
.sitemap ul {
  padding: 0;
  margin: 0 0 1em 0;
}
div.sitemap ul li {
  list-style: none;
  margin: 0; padding: 0;
}
div.sitemap ul li ul {
  margin-left: 1.5em;
}


/*************
* Messageboard
*/
table.messageboard {
  width: 98%;
  margin-bottom: 1em;
}
.messageboard th { padding: 3px; background-color: #eee; }
.messageboard td { padding: 1px; }
table.messageboard tr.evenrow td { background-color: #eee; }
table.messageboard td.mb_sender { width: 25%; }
table.messageboard td.mb_sender_admin {
  width: 25%;
  text-align: right;
  font-weight: bold;
}
table.messageboard td.mb_title { width: 50%; }
table.messageboard td.mb_date { width: 25%; text-align: center; }

/* Hide right column */
body.keskustelu #page #right-bar, body.messageboard #page #right-bar { display: none; }
body.keskustelu #page #content, body.messageboard #page #content { margin-right: 20px; }
/*
.messageboard_block div.content {
  padding: 0.5em 0;
}*/

.messageboard_block ul {
  margin: 0;
  padding: 0 0 0.5em;
  list-style: none;
}
.messageboard_block li {
  padding: 0 0 0 1em;
  margin-bottom: 4px;
}
.messageboard_block li a { display: block; }


/* Giftlist */
.giftlist { width: 98%; }
.giftlist td, .giftlist th { padding-left: 0; margin-left: 0; }
table#giftlist_reserve td { padding: 2px 6px 2px 0; }

/*******
* Gallup
*/
.gallup .button {
  margin: 8px 0 6px 8px;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.gallup p.question {
  margin: 0 0 0 12px;
  padding: 4px 0;
}
.gallup label {
  display: block;
  padding-left: 18px;
  text-indent: -18px;
  margin-bottom: 5px;
}
.gallup .radio {
  vertical-align: bottom;
  height: 13px;
}
.gallup span.link {
  /*margin: 0 0 0 10px;*/
  font-size: 10px;
}
.gallup span.link a {
  color: #000;
}

/**
* Content-tables
*/
table.content_table {
  border-collapse: collapse;
  width: 95%;
}
.content_table, .content_table td {
  margin: 0; padding: 0;
  border: none; background: none;
}
td.padr { padding-right: 1em; }


/*********
* Calendar
*/
.calendar_block {
  margin: 0 auto 10px auto;
  width: 95%;
  font-size: 10px;
  text-align: center;
  border: none;
  border-collapse: collapse;
  color: #000;
}

table.calendar_block_white th.calHeader { color: #444; }
table.calendar_block_white td.calReserved, table.calendar_block_white td.calReserved a { background-color: #444; }

table.calendar_block_blue th.calHeader { color: #206080; }
table.calendar_block_blue td.calReserved, table.calendar_block_blue td.calReserved a { background-color: #206080; }

table.calendar_block_green th.calHeader {  color: #373; }
table.calendar_block_green td.calReserved, table.calendar_block_green td.calReserved a { background-color: #373; }

table.calendar_block_red th.calHeader {  color: #600; }
table.calendar_block_red td.calReserved, table.calendar_block_red td.calReserved a { background-color: #600; }


.calendar_block td, .calendar_block th {
  border: 1px solid #808080;
  padding: 0;
  margin: 0;
  text-align: center;
}
.calendar_block td.calDay a {
  padding: 1px 0;
  display: block;
  color: #000;
  text-decoration: none;
}
#right-bar .calendar_block a, #left-bar .calendar_block a { background: none; padding: 1px 0;}
#right-bar .calendar_block .calHeader a, #left-bar .calendar_block .calHeader a { text-decoration: none; font-size: 9px; }

.calendar_block td.calDay a:hover {
  background-color: #ccc;
}
.calendar_block .calHeader {
  background-color: #f8f8f8;
  font-weight: bold;
  font-size: 110%;
}
.calendar_block .calDayName {
  font-weight: bold;
  background-color: #f8f8f8;
}
.calendar_block .calWeekNumber {
  padding: 1px 3px 1px 0;
  font-weight: bold;
  text-align: right;
  background-color: #fff;
  color: #000;
}
.calendar_block .calDay { background-color: #fff; }
.calendar_block td.calGreyed, .calendar_block td.calGreyed a { color: #a9a9a9; }
.calendar_block td.calReserved, .calendar_block td.calReserved a { color: #fff; }
.calendar_block td.calToday, .calendar_block td.calToday a {
  font-weight: bold;
  text-decoration: underline;
}

.calendar_content p {
  padding-bottom: 0;
}

b.calendar_date {
 display: block;
 border-bottom: 1px #000 solid;
}

.eventsCalendarNew {
  color: #333333;
  font-family: Verdana,Arial;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  width: 98%;
  table-layout: fixed;
}

.eventsCalendarNew .eventsCalendarNewHeader {
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  height: 20px;
  vertical-align: middle;
}

.eventsCalendarNew td {
  background-color: #cccccc;
  overflow: hidden;
  padding: 0px;
}

.eventsCalendarLineFrontPage {
  margin-top: 8px;
}

.eventsCalendarLineFrontPage p {
  margin-left: 20px;
  padding: 0px;
}

.eventsCalendarColor {
  vertical-align: middle;
  height: 10px;
  width: 10px;
  border: 1px solid #666;
  margin: 3px 0 0 0;
  float: left;
}

.eventsCalendarColorLine {
  margin: 0 10px;
}

.eventsCalendarColorLine p {
  margin-left: 20px;
  padding: 0px;
  font-size: 13px;
}

.eventsCalendarLine {
  width:98%;
  overflow:auto;
}

.eventsCalendarUsual {
  margin: 12px 0px;
}

.eventsCalendarSiteLeader, .calendar_block td.eventsCalendarSiteLeader {
  background: yellow;
}

.eventsCalendarBlockUsual {
  margin-left: 20px;
  padding: 0px;
}

.eventsCalendarTableUsual {
  padding: 12px 2px;
  margin: 0px;
}

.eventsCalendarLine .eventsCalendarLineJoin {
  float: left;
}

.eventsCalendarLine .eventsCalendarLineJoinUrl {
  text-align: right;
  margin-top: 0.1em;
  padding: 0em 0.2em 0em 0.2em;
}

.eventsCalendarLine .eventsCalendarLineCategory {
  width: 70px;
  height: 0px;
  margin-bottom: 4px;
}


/***********
 * Main menu
 */
#menu { padding: 0; margin: 0; }
#menu ul {
  list-style: none;
  padding: 0; margin: 0;
  z-index: 1;
}
#menu li {
  float: left;
  padding: 0; margin: 0;
  z-index: 2;
}
#menu li ul, #ableft { position: absolute; left: -999em; }
#menu ul ul { left: -999em; }
#menu li:hover ul, #menu li.hover ul{ left: auto; }
#menu li:hover, #menu li.hover { position: static; }

#menu ul.top li ul li { width: 12.5em; }
#menu ul.top li ul { }
#menu ul.left li { z-index: auto; }
#menu ul.left li ul { margin: -1em 0 0 12.5em; width: 12.5em; }

#menu ul a {
  vertical-align: middle;
  text-decoration: none;
  color: #2C618A;
  font-weight: bold;
  padding: 0 6px;
  display: block;
  white-space: nowrap;
}
#menu ul.left a { white-space: normal; }
#menu ul a:hover { color: #58A7E4; }
#menu ul li ul {
  border: 1px solid #666;
  background-color: #F5F6F7;
  width: 12.5em;
  overflow: hidden;
}
#menu ul li ul a { white-space: normal; }
#menu ul li ul li.clearli {
  clear: both;
  height: 1px;
  overflow: hidden;
}
#menu li.active_link a { text-decoration: underline; }
#menu li.active_link ul a { text-decoration: none; }

/*************************************
 * Search engine and mailinglist block
 */
#searchengine {
  clear: right;
  float: right;
  padding: 5px;
  margin: 5px;
  background-color: #fff;
  border: 1px solid #b2b2b2;
  font-size: 12px;
}
#searchengine input.search_field { font-size: 12px; }

/* For blocks */
.searchengine form, .mailinglist form { padding-bottom: 10px; }
.searchengine form table, .mailinglist form table {
  border: none; background-color: transparent; background: none;
  border-collapse: collapse;
  width: 96%;
  margin: 0 0 0 4px;
}
.searchengine form td, .mailinglist form td { text-align: right; padding: 0 2px; }
.searchengine form input.search_field, .mailinglist form input.search_field, .mailinglist form select.search_field  {
  margin: 0 0 4px 0;
  width: 95%;
}
.searchengine form input.search_button, .mailinglist form input.search_button { margin: 0; }
.searchengine form td.info, .mailinglist form td.info {
  text-align: left;
  padding: 0 0 10px 0;
}
.mailinglist form td.info input {
  margin: 0; padding: 0;
  vertical-align: middle;
}

/******
 * Blog
 */
.blogposts { }
.blogposts h1 { padding-bottom: 0; }
.blog_date, .blog_bottom { font-size: 10px; }
.blog_bottom { padding-bottom: 20px; }
.blogposts_nextprev {
  font-size: 80%;
  float: right;
  margin: 4px 0;
  text-align: center;
}
.blogposts_nextprev a { padding: 0 4px; }

/* tools */
.blogtools {
  border: 1px solid #000;
  background-color: #fff;
  padding: 5px; font-weight: bold;
}
.blogtools input { margin: 10px 0; }
.blog_unaccepted_comment { color: red; }

.blog_newest_posts ul {
  margin: 0;
  padding: 0 0 0.5em;
  list-style: none;
}
.blog_newest_posts li {
  padding: 0 0 0 1em;
  margin-bottom: 4px;
}

/* Logo */
#logo, #logo_text {
  margin: 10px 0 0 10px;
  font-size: 20px;
  background-color: transparent;
  float: left; position: absolute;
  color: #fff; font-family: verdana, arial, sans-serif;
}

/* Formeditor */
table.formeditor { width: 95%; }
table.formeditor td { padding-bottom: 1em; }
table.formeditor td.label { padding-right: 8px; text-align: right; width: 30% }
table.formeditor td.field { width: 70%; }
table.formeditor td input { margin-right: 6px; }
table.formeditor td textarea { width: 95%; }
table.formeditor td span input { vertical-align: -30%; }
table.formeditor td input.textinput {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 40%;
}

/* Auctions */
table.auctions { width: 98%; }

/* Background music */
#backgroundmusic_controls {
  clear: right;
  float: right;
  padding: 5px;
  margin: 5px 10px;
  background-color: #003974;
  border: 1px solid #fff;
}
#backgroundmusic_controls a {
  font-size: 10px; color: #fff; text-decoration: none; font-weight: normal; font-family: verdana, sans-serif;
}
#backgroundmusic_controls a img {
 vertical-align: -50%; background-color: #fff; padding: 1px; margin-right: 3px;
}


.date_greyed {
  color:     #A0A0A0;
  font-size: 10px;
}
#rss_feed a {
  display:block;
}

.statistics_public_counter {
  font-size: 20px;
}

/* Content wizard */
#content_wizard div.input_field {
  margin-bottom: 10px;
}

#content_wizard {
  width: 340px;
  margin-left: 20px;
  margin-top: 10px;
}

#content_wizard div.input_field div.label {
  text-align: left;
  margin-bottom: 2px;
  width: 90%;
}

#content_wizard div.input_field div.field {
  margin-left: 0;
}

#content_wizard div.label {
  text-align: left;
  margin-bottom: 2px;
}
/* Hide "close" and "minimize" buttons in front page popup window */
.x-dlg-toolbox{
  display:none;
}