/* Global */

body { font-family: serif; }
.border { border: solid 1px silver; }
.no-border { border: 0px none; }
.no-wrap { white-space: nowrap; }
TABLE { width: 100%; vertical-align: middle; margin: 0px; padding: 1px; border: solid 1px silver; border-collapse: collapse; }
TD { margin: 0px; padding: 1px; border: solid 1px silver; border-collapse: collapse; }
TABLE.layout { height: 100%; }
TABLE.layout, TABLE.layout TD { padding: 0px; border: 0px none; }
THEAD { background-color: rgb(240,240,240); font: bold 110%; }
TFOOT { background-color: rgb(240,240,240); font: bold 90%; }
P { margin: 0 0 0.5em 0; }
BR.sep1 { margin: 0.1em 0 0.1em 0; }
BR.sep2 { margin: 0.2em 0 0.2em 0; }
.pseudo-list IMG { margin: 0 1px 0 3px; vertical-align: middle; }
.title-main { font: bold 200% serif; color: red; text-align: center; }
.title-sub { font: bold 125% serif; color: green; text-align: center; }
.title-section, SPAN.title-section { font: bold 110% serif; color: green; }
.title-detail, SPAN.title-detail { font: bold 110% serif; color: green; text-decoration: underline; }
.detail { font-family: sans-serif; }
.warning { background-color: rgb(196, 0, 0); color: yellow; font: bold; }
.big { font-size: 120%; }
biggish { font=size: 110%; }
.smallish { font-size: 90%; }
.small { font-size: 80%; }
.center { text-align: center; }
.align { text-align: right; }     /* In CSS3 change to start and then the subsequent will be redundant */
.heb-align, .num-align { text-align: right; }
.lat-align { text-align: left; }
UL { margin: 0 1.2em; padding: 0; } /* Margin set on both sides becuase IE doesn't interpret the following lines */
OL { margin: 0 2.4em; padding: 0; } /* Margin set on both sides becuase IE doesn't interpret the following lines */
/* [dir=ltr] UL { margin-left: 1.2em }  */
/* [dir=rtl] UL { margin-right: 1.2em } */
LI { margin: 0; padding: 0; }
OL.space LI, UL.space LI  { margin: 1em 0; }
A, pseudo-link, SPAN.pseudo-link { text-decoration: none; font-weight: bold; }
A:link, pseudo-link, SPAN.pseudo-link { color: rgb(96,96,192); }
A:visited { color: rgb(96,96,192); }
A:hover { background-color: rgb(255,255,160); }
.warning A:link, .warning A:visited, .warning SPAN.pseudo-link { color: cyan; }
HR { border-top: solid 1px; border-bottom: none; border-left: none; border-right: none; }
IMG { border: none; }
.page-break { page-break-after: always; }
.simple-border TD, .simple-border TH { border: inset 1px silver; }
SUP { font-size: 70%; }
SUB { font-size: 70%; }

/* Form */
.input-normal, SPAN.input-normal {  }
.input-must, SPAN.input-must { font: bold; color: red; }
.input-readonly, SPAN.input-readonly, .input-readonly INPUT, .input-readonly TEXTAREA, .input-readonly SELECT { background-color: rgb(224, 224, 255); }
FORM TABLE INPUT, FORM TABLE TEXTAREA, FORM TABLE SELECT { border: 0px none; background-color: rgb(245, 245, 245); }
FORM TABLE INPUT.fill, FORM TABLE TEXTAREA.fill, FORM TABLE SELECT.fill { width: 100%; }
FORM TABLE INPUT.input-button { background-color: rgb(208, 208, 208); border: 1px outset silver; }

/* All content pages */
BODY.content { background: url('images/torii.png') no-repeat fixed center; }

/* Plan pages */

.plan-details IMG { border: 1px solid black; }
.day { border: solid thin; background-color: #f0f0ff; }
.day-sep { }
p.day-head { font-weight: bold; background-color: #e0e0f0; }
span.day-title { font-weight: bold; color: green; }
span.day-text { }

/* Welcome page */

.site-title { font: bold 300% serif; color: red; }
.site-sub-title { font: bold 150% serif; color: green; }

/* Navbar */

.navbar { background-color: #FFCC66; }
.navbar LI { padding: 5 0 5 0; }
.navbar UL { margin: 0 1em; padding: 0; list-style-image: url('red_bullet.png'); }
.navbar UL UL { list-style-image: url('red_bullet_torii.png'); }

/* Copyright */

.copyright { text-align: center; color: red; border-top: 1px solid silver; font: 75% sans-serif bold; }

/* Media */
.hidden { display: none; }

@page { margin: 1.25cm; }

@media print {
  FORM TABLE TD { padding-top: 0.4em; padding-bottom: 0.4em; }
  .warning { background-color: yellow; color: red; font: bold; text-decoration: underline overline; }
  .warning A:link, .warning A:visited, .warning SPAN.pseudo-link { color: fuchsia; }
  .print-bigger { font-size: 120%; }
  .screen-only, INPUT, TEXTAREA, SELECT { display: none; } 
  INPUT.input-readonly, INPUT.input-checkbox, INPUT.input-radio-sim { display: inline; border: 0px none; }
  }
@media screen { 
  .print-only, INPUT.input-radio-sim { display: none; }
  }