h1, h2 { 
  color: #323366;
}

h1 { 
  margin-top: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}

ul.errors {
  color: #D00;
}

a { 
  color: #323366;
}

img { 
  border: none;
}

/* Common form tables */

table.kkal-form {
  table-layout: fixed;
  width: 600px;
  xborder: 1px solid yellow;
}

table.kkal-form td {
  padding: 0;
  xborder: 1px solid yellow;
}

table.kkal-form th {
  text-align: left;
  vertical-align: top;
  padding: 0;
  width: 120px;
}

input.kkal-text, textarea, .category-picker, table.kkal-form select,
input.kkal-date, input.kkal-time
{
  border: 1px solid #b9b9b9;
  background: #fffff5;
}

input.kkal-text, textarea, .category-picker, table.kkal-form select {
  width: 478px;
}

table.kkal-form.kkal-searchform { 
  width: 370px;
}

.kkal-searchform input.kkal-text, 
.kkal-searchform textarea, 
.kkal-searchform .category-picker, 
table.kkal-form.kkal-searchform select {
  width: 210px;
}

.kkal-obligatory {
  color: #D00;
}

/* Add arrangement */

/* Table of prices */

table.kkal-price {
  border-collapse: collapse;
  border-spacing: 0;
  width: 482px;
}

table.kkal-price td.kkal-title input {
  width: 380px;
}

table.kkal-price td.kkal-price {
  text-align: right;
}

table.kkal-price td.kkal-price input {
  width: 50px;
}

/* Postal code */

table.kkal-postal-code {
  border-collapse: collapse;
  border-spacing: 0;
  width: 482px;
}

td.kkal-postal-code input {
  width: 50px;
}

td.kkal-postal-area {
  text-align: right;
}

td.kkal-postal-area input {
  width: 418px;
}

/* Single show */

input.kkal-date {
  width: 6em;
}

input.kkal-time {
  width: 3.5em;
}


/* Multi showings table */

table.kkal-multishow {
  table-layout: fixed;
  border-collapse: collapse;
}

table.kkal-multishow td {
  padding: 0;
}

table.kkal-multishow th.kkal-date {
  width: 140px;
}

table.kkal-multishow th.kkal-time {
  width: 50px;
}

table.multishow input.kkal-time {
  width: 100%;
}

table.kkal-multishow th.kkal-separator {
  width: 15px;
}

table.kkal-multishow td.kkal-separator {
  text-align: center;
}

table.kkal-multishow th.kkal-venue {
  width: 217px;
  padding-left: 10px;
}

table.kkal-multishow td.kkal-venue {
  padding-left: 10px;
}


/* Periodic showing table */

table.kkal-periodic-show {
  table-layout: fixed;
  border-collapse: collapse;
}

table.kkal-periodic-show th.kkal-weekdays {
  width: 310px;
}

table.kkal-periodic-show th.kkal-time {
  width: 50px;
}

table.kkal-periodic-show th.kkal-separator {
  width: 15px;
}

table.kkal-periodic-show td.kkal-separator {
  text-align: center;
}

table.kkal-periodic-show input.kkal-time {
  width: 100%;
}

table.kkal-periodic-show td {
  padding: 0;
  Xborder: 1px solid red;
}


/* Category picker */

.category-picker hr {
    width: 98%;
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid #ccc;
}

.category-picker .group {
    text-indent: -6em;
    margin-left: 6em;
}

.category-picker .ODD {
  background: #eee;
}

.category-picker .disabled {
  color: #bbb;
}

.category-picker .maintag { 
  color: black;
  font-weight: bold;
}



/* Pager */

.kkal-pager .kkal-separator {
  display: none;
}

.kkal-pager a {
  color: #608FD4;
  text-decoration: underline;
}

.kkal-pager a:hover {
  outline: 1px solid #608FD4;
}

.kkal-pager a, .kkal-pager .kkal-current {
  padding: 2px 4px;
}

.kkal-pager .kkal-current {
  color: #323366;
  font-weight: bold;
}


/* List of showings */

.kkal-result { 
  border-spacing: 0;
}

.kkal-result img {
  border: none;
  vertical-align: bottom;
}

.kkal-result th,
.kkal-result td {
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
}

.kkal-result th {
  text-align: left;
  color: #323366;
  border-bottom: 1px solid black;
}

.kkal-result .kkal-arrangement {
  color: #323366;;
}

.kkal-result tr.EVEN {
  background-color: #F3F3F3;
}

/* Arrangement info popup */

.kkal-info-popup {
  display: none;		  
  border: 1px solid #AAA;
  background-color: #FFFFF4;
  position: absolute;
  padding: 5px;
  display: none;
  margin-left: 100px;
  width: 300px;
  overflow:hidden;
}

.kkal-info-popup.visible {
  display: block;
}

.kkal-result tr.kkal-hover {
  background-color: #EDF6F6 !important;
}

.kkal-info-popup p { 
  margin: 0;
}

.kkal-info-popup h2 { 
  font-size: 100%;
  margin: 0;
  margin-top: 0.5em;
}

.kkal-info-popup ul { 
  margin: 0;
  padding: 0;
  list-style: none;
}

.kkal-info-popup .kkal-showings { 
  cell-spacing: 0;
  border-collapse: collapse;
}

.kkal-info-popup .kkal-showings td { 
  padding: 0;
  padding-right: 10px;
}

/* Show arrangement */

.kkal-ingress { 
  font-weight: bold;
}

h1 {
  font-size: 170%
}

h2 { 
  font-size: 120%;
  margin-bottom: 0.2em;
}

.kkal-arrangement-image-frame { 
  float: right;
}


/** API documentation */

pre.relaxng {
    font-size: 120%;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 2px;
    border: 1px dotted #AAA;
    background-color: #EEE;
}

.params {
    border-collapse: collapse;
}

.params td {
    padding: 3px;
    border:1px solid #608FD4;
}


/* End of common-styles-nml ------------------------------------------------ */

body { 
  background-color: white;
}

.kkal-grouped-by-day {
  border-spacing: 5px;
}

th.kkal-day-header {
  text-align: left;
  padding-top: 10px;
}