/***************************************************************************************************
  Internetová aplikace SAS
  Stylování layoutu aplikace ISAS.

  (c) Tomáš Borek, MP-Soft, a.s. 2006-2009
***************************************************************************************************/

/* ----------- styly standartnich tagu ---------------------------------------------------------- */

html {
  font: 12px Tahoma, Arial, serif;
}

body {
  margin: 8px;
}

a {
  color: #FFA500;
  background-color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

th {
  text-align: left;
}

pre {
  font: 12px Tahoma, Arial, serif;
}

input {
  font: 11px Tahoma, Arial, serif;
  border: 1px solid #808080;
  padding: 1px 3px;
  background: #ffffff url('img/input.gif') top left no-repeat;
}

input.submit {
  font-weight: bold;
  background: #ffffff url('img/submit.gif') top left no-repeat;
}

.checkBox
{
    border: none;
}

.noBorderSubmit
{
    color: #ffa500;
    font-weight: bold;
    background: #ffffff;
    border: none;
    padding: 0px;
}

textarea {
  font: 11px Tahoma, Arial, serif;
  border: 1px solid #808080;
  padding: 1px 3px;
  background: #ffffff url('img/textarea.gif') top left no-repeat;
}

legend {
    font-weight: bold;
}

/* ========== stylovani stranky ================================================================= */

/* celkove rozvrzeni stranky v tabulce (tag TABLE) */
#page {
  margin: 0px;
  width: 100%;
  border: 1px solid #000000;
}

/* zahlavi stranky v tabulce (tag TD) */
#topbar {
  color: #000000;
  background-color: #FFDEAD;
  vertical-align: top;
  border: none;
  height: 80px;
  padding: 4px 8px;
  white-space: nowrap;
/*-- logo v zahlavi zobrazovane na pozadi --
  background-image: url('img/topbar.gif');
  background-repeat: no-repeat;
  background-position: right center; */
}
#topbar_skola {
  font: bold 18px Tahoma, Arial, serif;
}
#topbar_adresa {
  font: bold 12px Tahoma, Arial, serif;
}

/* leve menu (tag TD) */
#menu {
  color: #000000;
  background-color: #FFDEAD;
  vertical-align: top;
  border: none;
  width: 180px;
  height: 540px;
}

/* pracovni plocha (tag TD) */
#workspace {
  color: #000000;
  background-color: #FFFFFF;
  vertical-align: top;
  border-top: 1px solid #EECD9C;
  border-right: 1px solid #EECD9C;
  border-bottom: 1px solid #EECD9C;
  border-left: 1px solid #EECD9C;
  padding: 4px 6px;
}

#leftbar {
  color: #BB9A69;
  background-color: #FFDEAD;
  width: 9px;
  border: none;
}

/* zapati stranky v tabulce (tag TD) */
#footer {
  color: #997867;
  background-color: #FFDEAD;
  font: 9px Tahoma, Arial, serif;
  text-align: right;
  border: none;
  padding: 0px 10px;
}
#footer a {
  color: #997867;
  background-color: #FFDEAD;
}

/* =========== stylovani polozek menu =========================================================== */

.menu_section {
  color: #000000;
  background-color: #EECD9C;
  font-weight: bold;
  text-align: center;
  margin: 0px 1px 2px 1px;
  padding: 2px 3px;
  white-space: nowrap;
  width: 180px;
}
.menu_item {
  border: 1px solid #EECD9C;
  padding: 1px 3px;
  margin: 0px 0px 2px 0px;
  white-space: nowrap;
  width: 180px;
}
.menu_section a {
  color: #000000;
  background-color: #EECD9C;
}
.menu_item a {
  color: #000000;
  background-color: #FFDEAD;
  font-weight: normal;
}

/* ========== spolecne styly ==================================================================== */

.title { /* titulek stranky */
  font: bold 12px Tahoma, Arial, serif;
}

.bar {
  font: bold 12px Tahoma, Arial, serif;
  color: #000000;
  background-color: #FFDEAD;
  border: 1px solid #EECD9C;
  padding: 1px 3px;
  margin: 1eM 0px;
}

.bar a {
    background: transparent;
}

.error { /* chybove hlaseni */
  color: #FF0000;
  font-weight: bold;
  background-color: #FFFFFF;
/*  border: 2px solid #EECD9C; */
  padding: 2px 2px;
}

.small_info {
  font: bold italic 10px Tahoma, Arial, serif;
  color: #A0A0A0;
  background-color: transparent;
}

.noborder {
  border: none;
}

/* ----------- KARTA ---------------------------------------------------------------------------- */

.karta {
  border: 1px solid #000000;
  width: 600px;
  width: 100%;
}
.karta_zalozka {
  font: bold 12px Tahoma, Arial, serif;
  background-image: url('img/zalozka_pasive.gif');
  background-repeat: no-repeat;
  border-top: none;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #A0A0A0;
  border-left: none;
  padding: 2px 6px 1px 9px;
  margin: 0px 1px 0px 0px;
  float: left;
  white-space: nowrap;
}
.karta_zalozka a {
  background-color: transparent;
}
.karta_zalozka_active {
  color: #000000;
  background-color: #FFFFFF;
  background-image: url('img/zalozka_active.gif');
  background-repeat: no-repeat;
  font: bold 12px Tahoma, Arial, serif;
  border-top: none;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #404040;
  border-left: none;
  padding: 2px 6px 1px 9px;
  margin: 0px 1px 0px 0px;
  float: left;
  white-space: nowrap;
}
.karta_light {
  color: #000000;
  background-color: #FFFFFF;
  padding: 2px 6px 2px 6px;
}
.karta_light a {
  color: #FFA500;
  background-color: #FFFFFF;
}
.karta_dark {
  color: #000000;
  background-color: #FFEFD5;
  padding: 2px 6px 2px 6px;
}
.karta_dark a {
  color: #FFA500;
  background-color: #FFEFD5;
}
.karta_group_light {
  font: bold 11px Tahoma, Arial, serif;
  color: #404040;
  background-color: #FFFFFF;
  padding: 2px 6px 2px 6px;
}
.karta_group_dark {
  font: bold 11px Tahoma, Arial, serif;
  color: #404040;
  background-color: #FFEFD5;
  padding: 2px 6px 2px 6px;
}
.karta_zalozka_back {
  background-color: #FFEFD5;
  float: left;
}

/* ----------- SEZNAM --------------------------------------------------------------------------- */

.seznam_table {
  border: 1px solid #000000;
}
.seznam_header {
  color: #000000;
  background-color: #FFDEAD;
  padding: 1px 6px 1px 6px;
}
.seznam_header a {
  color: #FFA500;
  background-color: #FFDEAD;
}
.seznam_footer {
  font: 11px Tahoma, Arial, serif;
  color: #000000;
  background-color: #FFDEAD;
  padding: 1px 6px 1px 6px;
}
.seznam_footer a {
  color: #FFA500;
  background-color: #FFDEAD;
}
.seznam_light {
  color: #000000;
  background-color: #FFFFFF;
  padding: 1px 6px 1px 6px;
}
.seznam_light a {
  color: #FFA500;
  background-color: #FFFFFF;
}
.seznam_dark {
  color: #000000;
  background-color: #FFEFD5;
  padding: 1px 6px 1px 6px;
}
.seznam_dark a {
  color: #FFA500;
  background-color: #FFEFD5;
}

.fotografie {
  border: 1px solid #000000;
}

.listek {
  text-align: center;
  width: 60px;
  height: 60px;
  padding: 0px;
  background-image: url('img/listek.gif');
}

.hodina {
  color: #000000;
  background-color: #FFEFD5;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  padding: 0px;
  background-image: url('img/listek.gif');
}
.hodina_cas {
  font: bold 11px Tahoma, Arial, serif;
  letter-spacing: 1px;
}
.hodinar {
  color: #000000;
  border: 1px solid #000000;
  background-color: #FFEFD5;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  padding: 4px 0px;
}

/* =========== stylovani rozvrhu ================================================================ */

.timetable {
    border: 1px solid #000000;
}

.timetableLesson {
    text-align: center;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
    border: 1px solid #000000;
}

.timetableCorner {
    text-align: center;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
    border: 1px solid #000000;
}

.timetableDay {
    text-align: center;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
    border: 1px solid #000000;
}

.timetableLunch {
    text-align: center;
    border: 1px solid #000000;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
}

.timetableTicket {
    text-align: center;
    border: 1px solid #000000;
}

.timetableEmpty {
    background: #f0f0f0;
}

/* =========== suplování ======================================================================== */

.supply {
    border: 1px solid #000000;
}

.supplyLesson {
    text-align: center;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
    border: 1px solid #000000;
}

.supplyCorner {
    text-align: center;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
    border: 1px solid #000000;
}

.supplyDesc {
    text-align: center;
    background:#d0d0d0 url('img/timetable/lesson.gif') no-repeat;
    border: 1px solid #000000;
}

.supplyTicket {
    text-align: center;
    border: 1px solid #000000;
}

.supplyEmpty {
    background: #f0f0f0;
}

.supplyDescTicket {
    text-align: center;
    border: 1px solid #a0a0a0;
    padding: 2px 4px;
    font-size: 11px;
    color: #808080;
}

/* =========== plán akcí ======================================================================== */

.action {
    border: none;
    margin-bottom: 1eM;
}

.actionTitle {
    background: #ffdead;
    border: 1px solid #000000;
    padding: 2px 4px;
}

.actionTitle a {
    background: transparent;
}

.actionDesc {
    border: 1px solid #a0a0a0;
    border-top: none;
    padding: 2px 4px;
}

.actionCanceledTitle {
    color: #f00000;
}

/* =========== kalendář ========================================================================= */

.calendar {
    border: 1px solid #000000;
}

.calendar a {
    background: transparent;
}

.calNavi {
    text-align: left;
    padding-left: 4px;
}

.calDate {
    text-align: right;
    padding-right: 4px;
}

.calDayName {
    font-weight: bold;
    text-align: center;
    border: 1px solid #808080;
    background: #eecd9c;
}

.calEmptyDay {
    border: 1px solid #a0a0a0;
    width: 38px;
    height: 38px;
}

.calNormalDay {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #404040;
    background: #ffdead;
    width: 38px;
    height: 38px;
}

.calCurrentDay {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #f00000;
    background: #eecd9c;
    width: 38px;
    height: 38px;
}

/* Nastavení lístku */
.ticketSetupTable {
    border: none;
}

.ticketSetupCell {
    border: 1px solid #000000;
    width: 80px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.ticketNote
{
    font-size: 10px;
}

/* =========== nástěnka ========================================================================= */
.noticeBoard {
    width: 100%;
    border: 1px solid #000000;
}

.noticeBoard a {
    background: transparent;
}

.nb_top_left {
    width: 16px;
    height: 18px;
    background-image: url('img/noticeboard/s_top_left.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.nb_top_right {
    width: 16px;
    height: 18px;
    background-image: url('img/noticeboard/s_top_right.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
}

.nb_bottom_left {
    width: 16px;
    height: 18px;
    background-image: url('img/noticeboard/s_bottom_left.gif');
    background-repeat: no-repeat;
    background-position: right top;
}

.nb_bottom_right {
    width: 16px;
    height: 18px;
    background-image: url('img/noticeboard/s_bottom_right.gif');
    background-repeat: no-repeat;
    background-position: left top;
}

.nb_body {
    padding: 4px;
}

.nb_small {
    font-size: 10px;
}

/* =========== Nastevní ========================================================================= */

.technical
{
    font-family: 'Lucida Sans Unicode', 'Lucida Console', 'Courier New', sans-serif;
}

.bordered
{
    border: 1px solid #a0a0a0;
    padding: 2px 8px;
}

.diary-empty
{
    color: #808080;
    font-family: serif;
    font-style: italic;
    text-align: left;
}

.diary-unformatted
{
    color: #000000;
    font-family: monospace;
    font-style: normal;
    text-align: left;
}

.diary-formatted
{
    color: #000000;
    font-family: sans-serif;
    font-style: normal;
    text-align: left;
}

.diary-basefont
{
    margin: 0;
    padding: 0;
}

.diary-paragraph
{
    margin: 0;
    padding: 0;
}
