body {
  margin-top: .5em;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-left: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: black;
  background-color: white;
}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}

/* 
 * linkkien väritys 
 */

div.content a, div.top a {
  color: black;
}

/*
 * otsikot
 */
h1 {
  margin-top: 0em;
  padding-top: 0em;

  font-size: large;
  font-weight: bold;
}

h2 {
  margin-top: 0.7em;
  padding-top: 0em;

  font-size: medium;
  font-weight: bold;
}

.hidden_link a {
  text-decoration: none;
}

.hidden_link a:hover {
  text-decoration: underline;
}

h3 {
  font-size: small;
  font-weight: bold;
}

h4 {
  margin-top: 0em;
  padding-top: 0em;
  margin-bottom: 0em;
  padding-bottom: 0em;
  font-size: small;
  font-weight: normal;
  font-style: italic;
}

/*
 * Kuvat
 */
img {
  border: none;
}

img.left {
  float: left;
  margin: 1em;
}

img.right {
  float: right;
  margin: 1em;
}

div.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.thumbnail {
  margin-right: 1em;
  margin-bottom: 1em;  
  text-align: right;
}

span.thumbnail_caption {
  font-weight: bold;
}

/* 
 * Sivun yläreuna, jossa on logo ja mahdollisesti kielivalinta. 
 */
div.top {
  padding-top: 0.8em;
  padding-left: 2.3em;
  padding-bottom: 0.5em;
/*  width: 100%;*/
}

/* Logo sivun vasemmassa yläkulmassa. */
div.logo {
}

/* Kielivalinnat sivun oikeassa yläkulmassa. */
div.lang {
  float: right;
  font-size: small;
}

/* Kielivalinta */
span.lang {
}

/* Valittu kielivalinta */
span.lang_selected {
  font-weight: bold;  
}

/* 
 * Päänavigaatiopalkki. 
 */
div.navi_collection {
  margin-right: 1em;
  font-size: small;

  clear: both;
}

/* Ryhmä navigaatiopalkin painikkeita */
div.navi_group {
  margin-bottom: 1em; /* XXX painikeryhmien välinen etäisyys */
}

div.navi_group a {
  text-decoration: none;
}

/* Navigaatiopalkin painike. */
div.navi {
  padding: 0.5em;
  padding-left: 0.8em;
  padding-right: 1.5em;
  margin-bottom: 0.3em;
  border: 1px solid;
  border-color: black;

  cursor: pointer;
  cursor: hand;

  border-bottom-right-radius: 1em;
  -moz-border-radius-bottomright: 1em;
}

/* Poikkeava navigaatiopalkin painike (esim. PK 100 vuotta). */
div.navi_special {
  padding: 0.5em;
  padding-left: 0.8em;
  padding-right: 1.5em;
  margin-top: 0em;
  margin-bottom: 0.3em;
  border: 1px solid;
  border-color: black;
  font-style: italic;

  cursor: pointer;
  cursor: hand;

  border-bottom-right-radius: 1em;
  -moz-border-radius-bottomright: 1em;
}

div.navi, div.navi_special, div.navi a, div.navi_special a {
  color: white;
  background-color: black;
}

div.navi:hover a, div.navi_special:hover a, div.navi a:hover, div.navi_special a:hover {
  text-decoration: underline;
}

/* Valittu navigaatiopalkin painike. */
div.navi_selected {
  padding: 0.5em;
  padding-left: 0.8em;
  padding-right: 1.5em;
  margin-top: 0em;
  margin-bottom: 0.3em;
  border: 1px solid;

  border-bottom-right-radius: 1em;
  -moz-border-radius-bottomright: 1em;
}

/* Poikkeava valittu navigaatiopalkin painike (esim. PK 100 vuotta). */
div.navi_special_selected {
  padding: 0.5em;
  padding-left: 0.8em;
  padding-right: 1.5em;
  margin-top: 0em;
  margin-bottom: 0.3em;
  border: 1px solid;
  font-style: italic;

  border-bottom-right-radius: 1em;
  -moz-border-radius-bottomright: 1em;
}

div.navi_selected, div.navi_special_selected, div.navi_selected a, div.navi_special_selected a {
  color: black;
  background-color: white;
}

/* 
 * Sisältösivu, joka voi sisältää välilehtiä.
 */
div.content {
}

/* Välilehtien valintapainikkeet. */
div.tab_collection {
  font-size: small;
}

div.tab_collection a {
  color: black;
}

/* Välilehtien valintapainike. */
div.tab {
  float: left;

  padding: 0.2em 0.5em 0.2em 0.5em;
  margin-right: 0.2em;
  margin-bottom: 0.3em;

  border: 1px solid white;

  cursor: pointer;
  cursor: hand;
}

/* Valittu välilehtien valintapainike. */
div.tab_selected {
  float: left;

  padding: 0.2em 0.5em 0.2em 0.5em;
  margin-right: 0.2em;
  margin-bottom: 0.3em;

  border: 1px solid black;
}

/* Välilehtien valintapainike jota ei voi valita. */
div.tab_disabled {
  color: gray;
  float: left;

  padding: 0.2em 0.5em 0.2em 0.5em;
  margin-right: 0.2em;
  margin-bottom: 0.3em;

  border: 1px solid white;
}

/* Välilehtiä sisältävän sivun sisältö. */
div.tabbed_content {
  padding-top: 1.5em;
  padding-left: 1em;

  border-top: 1px solid silver;
  border-left: 1px solid silver;

  clear: both;
}

/* Toisen tason navigaatiopalkki */
div.content_navi_collection {
  font-size: small;
}

div.content_navi_collection a {
  text-decoration: none;
}

div.content_navi_collection img {
  padding: 0em;
  margin: 0.5em 0.5em 0em 0.5em;
}

/* Toisen tason navigaatiopalkin painike. */
div.content_navi {
  padding: 0.5em;
  margin-bottom: 0.5em;

  border: 1px solid white;

  cursor: pointer;
  cursor: hand;
}

/* Valittu toisen tason navigaatiopalkin painike. */
div.content_navi_selected {
  padding: 0.5em;
  margin-bottom: 0.5em;

  border: 1px solid black;
}

/* Tiivis toisen tason navigaatiopalkin painike. */
div.content_navi_tight {
  padding: 0.1em 0.5em 0.1em 0.5em;
  margin-bottom: 0.1em;

  border: 1px solid white;

  cursor: pointer;
  cursor: hand;
}

/* Tiivis valittu toisen tason navigaatiopalkin painike. */
div.content_navi_selected_tight {
  padding: 0.1em 0.5em 0.1em 0.5em;
  margin-bottom: 0.1em;

  border: 1px solid black;
}

/* Välilehtiä ja toisen tason navigaatiopalkin sisältävän sivun sisältö */
div.navigated_content {
  border-left: 1px solid silver;
  margin-left: 1em;
  padding-left: 1em;
}

/* Toisen tason navigaatiopalkissa oleva teksti */
div.content_navi_label {
  padding: 0.5em;
  margin-bottom: 0.5em;

  border: 1px solid white;
  font-size: small;
}

div.content_navi_label a {
  text-decoration: underline;
}

/*
 * Konsertit.
 */
div.concerts {
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  padding: 1em 0em 1em 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}

div.concerts_title {
  margin-bottom: 0.5em;
  font-size: medium;
  font-weight: bold;
}

div.concerts_title a {
  text-decoration: none;  
  color: black;
  background-color: white;
}

div.concerts_title a:hover {
  text-decoration: underline;
}

span.concert_date {
}

span.concert_name {
}

span.concert_location {
}

span.concert_puff { 
}

/*
 * Puffi.
 */

div.puff {
  clear: both;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  padding: 1em 0em 0em 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}

div.puff_title {
  margin-bottom: 0.5em;
  font-size: medium;
  font-weight: bold;
}

div.puff_title a {
  text-decoration: none;
  color: black;
  background-color: white;
}

div.puff_title a:hover {
  text-decoration: underline;
}

div.puff_text {
}

/*
 * Lehdistötiedotteet.
 */
div.press_releases {
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  padding: 1em 0em 0em 1em;
}

div.press_releases_title {
  margin-bottom: 0.5em;
  font-size: medium;
  font-weight: bold;
}

div.press_releases_title a {
  text-decoration: none;
  color: black;
  background-color: white;
}

div.press_releases_title a:hover {
  text-decoration: underline;
}


span.press_release_date {
}

span.press_release_title {
}

/*
 * Tukijat
 */
div.sponsors {
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: small;
}

div.sponsors_title {
}

div.sponsor {
  
}

/*
 * Viimeisin päivitys.
 */
div.updated {
  clear: both;
  color: gray;
  text-align: center;
  font-style: italic;
  font-size: small;
}

/*
 * Jäsenluettelo
 */
tr.even {
  background: #f0f0f0;
}

tr.odd {
}

.high_even {
  background: #d0d0d0;
}

.high_odd {
  background: #d7d7d7;
}

.low_even, .low_even td a {
  background: #f0f0f0;
  color: gray;
}

.low_odd, .low_odd td a {
  background: #ffffff;
  color: gray;
}

tr.yellow {
  background: #ffffa0;
}

tr.green {
  background: #a0ffa0;
}

/*
 * Tekstin muotoilu.
 */


p {
/*
  margin-left: 2em;
  margin-right: 2em;
*/
}

pre.example {
  color: black;
  background: #f0f0f0;
}

.note {
  color: green;
  font-weight: bold;
}

.error, .error a {
  color: red;
  font-size: medium;
}

div.center {
  text-align: center;
}

p.center {
  text-align: center;
}

span.center {
  text-align: center;
}

div.disabled {
  background-color: lightgray;
}

/*
 * Sekalaiset
 */

div.breadcrumb {
  font-style: italic;
  margin-bottom: 1em;
}

div.message_header {
  padding-left: 0.5em;
  background-color: #f0f0f0;
}

table.valign td {
  vertical-align: top;
}

table.padded td {
  vertical-align: top;
  padding-right: 2em;
  padding-bottom: 1em;
}

table.nonpadded td {
  vertical-align: top;
  padding-right: 0.2em;
  padding-bottom: 0.2em;
}

.hidden_links a {
  text-decoration: none;
}

.hidden_links a:hover {
  text-decoration: underline;
}

div.right {
  float: right;
}

div.floatright {
  float: right;
  margin: 1em;
  text-align: center;
}

div.floatleft {
  float: left;
  margin: 1em;
  text-align: center;
}

div.clearright {
  clear: right;
}

div.clearboth {
  clear: both;
}

div.frame {
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  padding: 0em 0em 0em 1em;
  margin-bottom: 1em;
  margin-right: 1em;  
}

div.frame_title {
  margin-bottom: 0.5em;
  font-size: medium;
  font-weight: bold;  
}

div.frame_title a {
  text-decoration: none;  
  color: black;
  background-color: white;
}

span.bold_links {
  font-weight: bold;
}

span.bold_links a {
  text-decoration: none;  
}

span.bold_links a:hover {
  text-decoration: underline;  
}

div.box {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  padding: 0em 0.5em 0.5em 0.5em;
  border: 1px solid silver;
}

/*
 * Kaksi palstaa
 */
div.leftcolumn {
  padding-right: .5em;
}

div.rightcolumn {
  padding-left: .5em;  
}

/*
 * Senioreiden, kuorolaisten tai establishmentin aikataulu
 */
table.schedule_print th {
  text-align: left;
}


table.schedule_print td {
  vertical-align: top;
  padding-right: .2em;
}

table.schedule {
  border-collapse: collapse;
}

table.schedule a {
  text-decoration: none;
}

//table.schedule a:hover {
//  text-decoration: underline;
//}

table.schedule th {
  text-align: left;
  padding-left: 0.2em;
}

table.schedule th.date {
  padding-left: 0.5em;
}


table.schedule td {
  vertical-align: top;

  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

table.schedule td.date {
  padding-left: 0.5em;
  padding-right: 0.2em;

  cursor: pointer;
  cursor: hand;
}


table.schedule td.date_selected {
  padding-left: 0.5em;
  padding-right: 0.2em;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.schedule td.time {
  padding-left: 0.2em;
  padding-right: 0.2em;

  cursor: pointer;
  cursor: hand;
}

table.schedule td.time_selected {
  padding-left: 0.2em;
  padding-right: 0.2em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.schedule td.name {
  padding-left: 0.2em;
  padding-right: 0.2em;

  cursor: pointer;
  cursor: hand;
}

table.schedule td.name_selected {
  padding-left: 0.2em;
  padding-right: 0.2em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.schedule td.responsible {
  padding-left: 0.2em;
  padding-right: 0.5em;

  cursor: pointer;
  cursor: hand;
}

table.schedule td.responsible_selected {
  padding-left: 0.2em;
  padding-right: 0.5em;
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.schedule td.gig {
  padding-left: 0.2em;
  padding-right: 0.2em;

  cursor: pointer;
  cursor: hand;
}

table.schedule td.gig_selected {
  padding-left: 0.2em;
  padding-right: 0.2em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.schedule td.singers {
  padding-left: 0.2em;
  padding-right: 0.5em;

  cursor: pointer;
  cursor: hand;
}

table.schedule td.singers_selected {
  padding-left: 0.2em;
  padding-right: 0.5em;
  border: 1px solid black;
  border-left: hidden;
}

/*
 * Kuorolaisten ilmoitustaulu
 */

div.bulletin_board a {
  text-decoration: none;
}

div.bulletin_board a:hover {
  text-decoration: underline;
}

div.bulletin {
  padding-bottom: 1em;
}

/*
 * Keskusteluforum
 */
div.message_body {
  font-family: Courier New, Courier, monospace;
  font-size: medium;
}

/*
 * Tilauslomake
 */
table.thright th {
  vertical-align: top;
  text-align: right;
}

/*
 * Levyn kansikuva
 */
img.disc_cover, img.disc_cover_small {
  border: 1px solid silver;
}

/*
 * Levysivujen verkkokauppapuffit ja ostoskoripainikkeet
 */
div.ostoskoripuffi {
  float: right;
  width: 200px;
  background-color: #2C2727;
  color: white;
  border: 1px solid #605858;
  padding: 1em 2em 1em 1em;
  margin-bottom: 2em;
  margin-left: 2em;
}
  
div.ostoskoripuffi td {
  vertical-align: middle;
}
  
div.ostoskoripuffi h1 {
  margin-top: 0;
  margin-bottom: 0;
}

div.ostoskoripuffi h2 {
  margin-top: 0;
  margin-bottom: 0;
}
 
div.ostoskoripuffi p {
  margin-bottom: 0;
}
  
div.ostoskoripuffi strong {             
  color: #FF9060;
}

div.ostoskoripuffi div {
  float: left;
  margin-right: 0.5em;
}

form.ostoskori {   
  float: left;
  background-color: #2C2727;
  color: white; 
  border: 0px solid #605858;
  padding: 0em;
} 

button.ostoskori {
  float: left;
  font-size: 100%;
  padding: 4px 16px 4px 16px;
  background-color: #aaffaa;  
  font-weight: bold;
}

button.ostoskori:active {
  background-color: #88ff88;  
}

table.summary td, table.summary th {
  padding: 1em;
  background-color: #f0f0f0;
}