/* Global */

html { direction: rtl; }
body { direction: rtl; font-family: sans-serif; padding: 0 0.5em 0 0.5em; }

DIV#navbar { position: relative; height: 92px; border-bottom: 1px solid red; margin-bottom: 20px; }
IMG#navbar-image { position: absolute; left: 0; top:0; z-index: -1; }
DIV#navbar-menu { position: absolute; bottom: 0; font-family: sans-serif; }

:focus { outline: none; }

.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.navbar, TABLE.navbar TD { vertical-align: bottom; padding: 0px; padding-bottom: 2px; border: 0px none; border-bottom: 1px solid red; }

/* TABLE.layout { height: 100%; } */
TABLE.layout, TABLE.layout TD { padding: 0px; border: 0px none; }
TABLE.form, TABLE.form TD { width: auto; padding: 0.2em 0; }

TABLE.center, TABLE.center TD { text-align: center; }

THEAD { background-color: rgb(240,240,240); font: 110% bold; }
TFOOT { background-color: rgb(240,240,240); font: 90% bold; }

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; }

P { margin: 0.3em; }

.main-title { font-weight: bold; font-size: 200%; color: rgb(9,79,163); text-align: center; }
.main-subtitle { font-weight: bold; font-size: 120%; color: rgb(9,79,163); text-align: center; }
.section-title, SPAN.section-title { font-weight: bold; font-size:140%; color: green; }
.section-subtitle, SPAN.section-subtitle { font-weight: bold; font-size: 120%; color: rgb(0,130,132); }
.section-title3, SPAN.section-title3 { font-weight: bold; font-size: 100%; }

.filepath { direction: ltr; font-weight: bold; font-style: italic; }
.notice { color: red; font-weight: bold; }
.warning { background-color: rgb(196, 0, 0); color: yellow; font-weight: 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; }
.indent { margin: 0 1em; }

.bikbon , .mevakeret { font-family: serif; font-weight: bold; color: rgb(9,79,163); }
.mevakeret { font-style: italic; }

UL { margin: 0 1.4em; padding: 0; } /* Margin set on both sides becuase IE doesn't interpret the following lines */
OL { margin: 0 1.6em; 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; }
UL.checkmark, OL.checkmark { margin: 0 1.8em; padding: 0; list-style-image: url("image/checkmark.gif"); }
UL.checkmark-green, OL.checkmark-green { margin: 0 1.8em; padding: 0; list-style-image: url("image/checkmark_green.gif"); }

#navbar-menu A, pseudo-link, SPAN.pseudo-link { text-decoration: none; font-weight: bold; }
A:link, pseudo-link, SPAN.pseudo-link { color: blue; }
A:visited { color: blue; }
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; }
HR.space { margin: 1em 25%; color: rgb(192,192,192); border-top: dotted; }

IMG { border: none; }
IMG.nowrap { clear: both; }
IMG.left { float: left; }
IMG.right { float: right; }

.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-weight: bold; font-size: 100%; color: red; }
.input-readonly, SPAN.input-readonly, .input-readonly INPUT, .input-readonly TEXTAREA, .input-readonly SELECT { background-color: rgb(224, 224, 255); }
INPUT, TEXTAREA, SELECT { border: 0px none; border-bottom: solid 1px rgb(0,255,0); background-color: rgb(255,255,231); }
INPUT.fill, TEXTAREA.fill, SELECT.fill { width: 100%; }
BUTTON, INPUT.input-button { font-weight: bold; font-size: 100%; background-color: rgb(231,211,198); border: 1px outset silver; }

/* All content pages */
/* BODY.content { background: url('images/grid.gif'); } */

/* 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-weight: bold; font-size: 150%; color: blue; }
.site-sub-title { font-weight: bold; font-size: 120%; color: rgb(26,103,205); }

/* Navbar */
/* BODY.navbar { background: url('images/grid_reverse.gif'); } */

/* Copyright */

BODY.copyright { background: url('image/copyright_bg.png'); padding: 0; }
.copyright { text-align: center; color: #0050A0; font-weight: bold; font-size: 70%; }

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

@page { margin: 1cm; }

@media print {
  FORM TABLE TD { padding-top: 0.4em; padding-bottom: 0.4em; }
  .warning { background-color: yellow; color: red; font: 100% 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; }
  }