body {          
    font-family: verdana, arial, sans-serif; 
    color: white;
    font-size: 9pt;
    background-color: #b7b7b7;
    margin-top: 10px;
}

/* ---- main table --- */
table.main {
    background-color: white;
    border: 1px solid white;
}

/* ---- horni radek - logo + nadpis  + orang kostky --- */
img.logo {
    border: 0pt;
    position: relative;
    top: 15px;
}

td.std_title {
    vertical-align: bottom;
}

span.orange {
    background-color: #ffa500;
    border-top: 15px solid #ffa500;
    border-left: 10px solid #ffa500;
    position: relative;
    bottom: 1px;
}

div.title_orange {
    color: #ffa500;
    font-size: 11pt;
    position: relative;
    left: 35px;
}

div.title_gray {
    color: #5e5e5e;
    font-size: 9pt;
    float:right;
    position: relative;
    right: 100px;
}

/* --- horni podmenu --- */
td.top_menu {
    background-color: #3e6fa9;
    height: 16pt;
    vertical-align: top;
    border-right: 25px solid #ffa500;
    white-space: nowrap;
}

span.top_menu_item {
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

td.top_menu a:link, td.top_menu a:visited {
    font-size: 9pt;
    color: white;
    text-decoration: none;
}

td.top_menu a:hover, td.top_menu a:active {
    color: #ffa500;
    text-decoration: underline;
}


/* ---- bocni menu - menu1 + menu2 + menu3 podle barevneho cleneni  --- */
td.left {
    width: 175px;
    height: 600px;
    vertical-align: top;
    border-top: 20px solid white;
    background-image: url(img/left_bg.png); 
}

div.menu1, div.menu2, div.menu3 {
    border-top: 7px solid #6bb0ed;
    border-right: 1px solid white;
    border-bottom: 7px solid white;
}

div.menu2 {
    border-top: 7px solid #335f92;
}

div.menu3 {
    border-top: 7px solid #608cbf;
    border-bottom: 1px solid white;
}

div.menu1_item, div.menu2_item, div.menu3_item {
    font-size: 9pt;
    height: 14pt;
    color: white;
    border-top: 1px solid white;
    padding-left: 25px;
    vertical-align: middle;
    padding-top: 3px;
    position: relative;
}

div.menu1_doubleitem, div.menu2_doubleitem, div.menu3_doubleitem {
    font-size: 9pt;
    height: 28pt;
    color: white;
    border-top: 1px solid white;
    padding-left: 25px;
    vertical-align: middle;
    padding-top: 3px;
    position: relative;
}

div.menu1_item, div.menu1_doubleitem {
    background-image: url(img/menu1_bg.png); 
}

div.menu2_item, div.menu2_doubleitem {
    background-image: url(img/menu2_bg.png); 
}

div.menu3_item, div.menu3_doubleitem {
    background-image: url(img/menu3_bg.png); 
}

td.left  a:link, td.left a:visited {
    font-size: 9pt;
    color: white;
    text-decoration: none;
}

td.left a:hover, td.left a:active {
    color: #ffa500;
    text-decoration: underline;
}

td.left  a.active:link, td.left a.active:visited {
    font-size: 9pt;
    color: #ffa500;
    text-decoration: none;
}

td.left a.active:hover, td.left a.active:active {
    color: #ffa500;
    text-decoration: underline;
}

img.active {
    background-color: white;
    position: absolute;
    left: 6pt;
    top: 5pt;
    left: 7pt;
    width: 4pt;
    height: 4pt;
}


/* ---- leve menu - menu1 + menu2 + menu3 podle barevneho cleneni  --- */
td.bottom_narrow {
    background-color: #093d78;
    border-top: 1px solid white;
    height: 10px;
}

td.bottom_wide {
    background-color: #3e6fa9;
    border-top: 1px solid white;
    height: 40px;
    text-align: center;
}

span.bottom_wide_item {
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

td.bottom_wide a:link, td.bottom_wide a:visited {
    font-size: 9pt;
    color: white;
    text-decoration: none;
}

td.bottom_wide a:hover, td.bottom_wide a:active {
    color: #ffa500;
    text-decoration: underline;
}


/* ---- obsah - nadpis + texty  --- */
td.content {
    vertical-align: top;
}

div.content {
    padding: 25px;
    color: black;
    font-size: 9pt;
}

div.title {
    color: #6bb0ed;
    font-size: 16pt;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 15px;
}
.normal {
}
.normalbold {
    font-weight: bold;
}
.emphasize {
    color: red;
}
.emphasizebold {
    color: red;
    font-weight: bold;
}
.over {
    color: lightgrey !important;
}
.date_comment {
    color: grey !important;
    font-size: 7pt; /* normal here is div.content 9pt */
}
.over .emphasize, .over .emphasizebold {
    color: lightgrey !important;
}
.over a:link, .over a:visited {
    color: lightgrey !important;
}
.over a:hover, .over a:active {
    color: lightgrey !important;
}

/* ---- program  --- */
.invpres {
    font-weight: bold;
    font-size: 12pt;
}
.invpreso {
    font-weight: bold;
    font-size: 12pt;
    color: #f28200;
}
.pres {
    font-weight: bold;
    font-size: 12pt;
}
.paperid {
    color:black;
    font-weight: bold;
    font-size: 10pt;
}
.author {
    color:black;
    font-weight: bold;
    font-size: 10pt;
}
.pres .comment {
    color:black;
    font-weight: bold;
    font-size: 10pt;
}
.invpres .comment, .invpreso .comment {
    color:black;
    font-weight: bold;
    font-size: 10pt;
}
.comment {
    color:black;
    font-size: 10pt;
}
.invpres .author, .invpreso .author {
    color:black;
    font-weight: bold;
    font-size: 12pt;
}
.invauthor {
    color:black;
    font-weight: bold;
    font-size: 12pt;
}
.title {
    color:black;
    font-size: 10pt;
}   
.invpres .title, .invpreso .title {
    color:black;
    font-weight: bold;
    font-size: 12pt;
}
.pages {
    color:black;
    font-weight: bold;
    font-size: 12pt;
}
.time {
    font-size: 10pt;
    font-weight: bold;
    color:black;
}   
.table_content {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    color:black;
}
.day {
    font-size: 16pt;
    font-weight: bold;
    color: black;
}

td.invpres {
    background-color: #ffe594;
}
td.invpreso {
}
td.cancel {
    /* text-decoration: line-through; */
    font-family :  "Arial", Helvetica, sans-serif;
    background-color: #cccccc;
}
td.pres a:link, td.pres a:visited {
    font-weight: bold;
    font-size: 12pt;
    text-decoration: none;
    color: black;
    border-bottom: 1px dotted black;
}

td.pres a:hover, td.pres a:active {
    color: #ffa500;
    text-decoration: underline;
}

td.invpres a:link, td.invpres a:visited {
    font-size: 12pt;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px dotted black;
}

td.invpres a:hover, td.invpres a:active {
    color: #ffa500;
    text-decoration: underline;
}

td.invpreso a:link, td.invpreso a:visited {
    font-size: 12pt;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px dotted black;
}

td.invpreso a:hover, td.invpreso a:active {
    color: #ffa500;
    text-decoration: underline;
}

td.overview a:link, td.overview a:visited {
    font-size: 10pt;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px dotted black;
}

td.overview a:hover, td.overview a:active {
    color: #ffa500;
    text-decoration: underline;
}

td.break a:link, td.break a:visited {
    text-decoration: none;
}

td.break a:hover, td.break a:active {
    color: #ffa500;
    text-decoration: underline;
}

a:link, a:visited {
    font-size: 9pt;
    color: #f28200;
    text-decoration: underline;
}

a:hover, a:active {
    color: #ffa500;
    text-decoration: underline;
}

ul {
    list-style-type: square;
}

div.content table.border {
    color: black;
    font-size: 9pt;
    border: 1px solid #608cbf;
    margin: 10px;
    padding: 2px;
}

div.content table {
    color: black;
    font-size: 9pt;
    border: 0px;
    margin: 10px;
    padding: 2px;
}

table.numbers td {
    text-align: right;
}
table.numbers td.rhead {
    text-align: left;
}
table.numbers {
    color: black;
    font-size: 9pt;
    border: 1px solid #608cbf;
    margin: 10px;
    padding: 2px;
}


/* ---- obsah - nadpis + texty  --- */
th.text {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #ff8888;
    width: 48%;
}
th.speech {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #40a0ff;
    width: 48%;
}
th.dialogue {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #88ff88;
    width: 48%;
}
td.text {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #ffbbbb;
}
td.speech {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #aae0ff;
}
td.dialogue {
    font-family :  "Arial", Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #bbf4bb;
}

.opening {
    font-size: 25pt;
}
.opening_author {
    font-size: 25pt;
}
.opening_song {
    font-style: italic;
    font-size: 25pt;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: white;
    color: #000;
    text-align: center;
    /*
    width: 120px;
    border-radius: 2px;
    padding: 2px 0;*/

    /* Position the tooltip */
    position: absolute;
    left: -20em;
    top: 2em;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

div.textimgleft {
    float: left;
    text-align: left;
    margin:1ex 1ex 1ex 1ex;
    width:25%;
    max-width:250px;
}

div.textimgleftportrait {
    float: left;
    text-align: left;
    margin:1ex 1ex 1ex 1ex;
    width:20%;
    max-width:180px;
}

img.textimgleft {
    float: left;
    width: 100%;
}

div.textimgright {
    float: right;
    text-align: right;
    margin:1ex 1ex 1ex 1ex;
    width:25%;
    max-width:250px;
}

div.textimgrightportrait {
    float: right;
    text-align: right;
    margin:1ex 1ex 1ex 1ex;
    width:20%;
    max-width:180px;
}

img.textimgright {
    float: right;
    width: 100%;
}


@media print {
    .logo, .left, .top_menu, .bottom_narrow, .bottom_wide, .noprint {
        display: none;
    }
    div.content {
        padding: 0px;
    }
    div.content table {
        padding: 0px;
        margin: 0px;
    }
    div.content table.border {
        padding: 0px;
        margin: 0px;
    }
}

/* vim: set ts=8 sts=4 sw=4 et: */