/* ================= general ================= */
table {
    font-size: 12px;
    font-family: 'Courier New', monospace;
    color: black;
    border-collapse: collapse;    
}


th {
    font-family: 'Courier New', monospace;
    }

td {
    font-family: 'Courier New', monospace;
    }

/* ================= page structure ================= */
#sticked
    {
    position:absolute;
    top:0px;
    left:0px;
    width: 200px;
    height: 200px;
    background-color: green;
    z-index: 255;
    }


#topbar
    {
    position:absolute;
    top:10px;
    left:10px;
    width:1030px;
    height: 70px;
    border-bottom: solid 1px #808080;

    }

    
#topbar h1
    {
    font-family: 'trebuchet ms',arial,sans-serif;
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 5px;
    text-align: center;    
    }

    
#canvas
    {
    position:absolute;
    top:100px;
    left:0px;
    }

#sidebar
    {
    font-family: 'trebuchet ms',verdana,sans-serif;
    position:absolute;
    top:0px;
    left:10px;
    width: 200px;
    }


#sidebar .title
    {
    font-family: 'trebuchet ms',verdana,sans-serif;
    background-color: #c0c0c0;
    font-weight: bold;
    font-size: 26px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;    
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    }
    
#sidebar .caption {
    font-size: 13px;
    background-color: #b0b0b0;
    font-weight: bold;
    text-align: center;
    }

#sidebar .wayback a { color: #805050;    }
#sidebar .wayback a:hover { color: #FF5050;    }

#sidebar .block
    {
    font-size: 13px;
    margin-bottom: 10px;
    border: solid 2px #c0c0c0;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    }
#sidebar .pad {padding: 10px 10px 10px 10px;}

    
    
#workbench
    {
    position:absolute;
    top:0px;
    left:230px;
    width:800px;
    }
    

#foot
    {
    position: absolute;
    top: auto;
    z-index: 1;
    margin-top: 10px;
    border-top: solid 1px #303030;
    width: 800px;
    color: #808080;
    font-size: 10px;
    text-align: right;
    }

/* ================= fixes ================= */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    /* resi bug s clear:both u IE */

/* ================= obsah ================= */
.toc
    {
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    }
    
    
.subToc
    {
    list-style: none;
    margin: 25px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    }

.subToc .title
    {
        background-color: #f0f0f0;
        padding: 2px 5px 2px 20px;
        border-top: dotted 1px #303030;
        border-bottom: dotted 1px #303030;
        margin-bottom: 5px;
        font-weight: bold;
    }
.subToc .nav
    {
        float: right;
        font-weight: normal;
    }
    
.toc li,
.subToc li
    {
    text-indent: 0px;
    padding: 1px 0px 1px 0px;
    margin-top: 5px;
    margin-left: 0px;
    cursor: pointer;
    
    }
    
.toc .level1 {
    border-bottom: dotted 1px black;
    font-weight: bold;
    margin-left: 0;
    padding-left: 10px;
                }
.toc .level2 {padding-left: 20px; }

.subToc .section, .subToc .level1, .subToc .level2, .subToc .level3,
.toc .section
     {padding-left: 30px; margin-top:0px;}

.toc .section a {color: #808080;font-style: italic;}

.toc a {color:black;text-decoration: none;}

.toc .hi {background-color: #ffb080;}

/* ===================== HR table ===================== */
.HRtable
        {
        border: solid 2px #000000;
        margin-bottom: 5px;
        }


.HRtable td
        {
        /*background-color: #f8f8f8;*/
        border-top: solid 1px #c0c0c0;
        border-left: solid 1px #c0c0c0;
        padding: 2px 5px 2px 5px;
        }



.HRtable th {
        padding: 2px 5px 2px 5px;
        background-color: #B9D7F4;
        font-weight: normal;
        text-align: center;
        border-top: solid 1px #c0c0c0;
        border-left: solid 1px #c0c0c0;
        white-space: pre;
        }
            
.HRtable .units th
        {
        background-color: #f0f0ff;
        font-size: 12px;
        }

            
/* specialni styly uvnitr tabulky */
.HRtable .odd {background-color: #f8f8d8;}
.HRtable .even {background-color: #f8f8f8;}
.HRtable .hi {background-color: #ffb0b0;}
.HRtable .fix {background-color: #00ff00;}

        
.HRtable .topline
        {
        border-top: solid 2px #000000;
        }

.HRtable .ar {text-align: right;}
.HRtable .al {text-align: left;}
.HRtable .ac {text-align: center;}
.HRtable .delim {border-right: solid 2px black;}
.HRtable .hdelim {border-top: solid 2px black;}
.wrap { white-space: normal; }
.pre { white-space: pre; }
        


.HRtable .stealth
         {
        border-bottom : none;
        border-top : none;
        }
            
.tableSideBar
    { 
    } 
           
.tableFoot
    {
    font-family: 'trebuchet ms',arial,sans-serif;
    font-style: italic;
    font-size: 13px;
    }

.tableNotes
    {
    margin-top: 10px;
    font-family: 'trebuchet ms',arial,sans-serif;
    font-size: 14px;
    }
           
/* --------------- MONTH TABS ----------- */


.monthBar
    {
    font-family: 'trebuchet ms',arial,sans-serif;
    margin-bottom: 20px;
    }
    
.monthTab
    {
    padding: 3px 7px 1px 7px;
    margin-top: 2px;
    background-color: #c0c0c0 ;
    border: solid 1px #b0b0b0;
    /* ------------ CSS3 ------------ */
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
    
    }
    
.monthBar a
    { color: black; }

.monthBar .active
    {
    background-color: #c08080;
    border-color: #a06060;
    color: white;
    font-weight: bold;
    }
    
    
/* -------------- MODULES ------------- */
.toolbox
    {
    font-family: 'trebuchet ms',arial,sans-serif;
    margin-top: 2px;
    text-align: center;
    margin-left: 0px;
    }
    
.toolbox .tool
    {
    background-color: #c0c0c0 ;
    border: solid 1px #b0b0b0;
    padding: 3px 3px 3px 3px;
    z-index: 5;
    width: 80px;
    font-size: 10px;
    margin-top: 5px;
    margin-left: 0px;
    /* ------------ CSS3 ------------ */
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    }
.toolbox a {color:black;}

/* -------------- interpolator ------------- */
#interpolator {}

#interpolator .title { font-size: 15px; font-weight: bold; text-align: center; border-bottom: solid 2px black; }

#interpolator .interData { margin-left: 20px;}
#interpolator .interData th { text-align: right; padding: 3px 3px 3px 3px;}
#interpolator .interData td { text-align: left; font-weight: bold; }


#interpolator .interSelector
    {
    background-color: #e0e0e0;
    margin-bottom: 15px;
    }
#interpolator .interSelector td
    {
    border: solid 1px black;
    background-color: #f8f880;
    height: 30px;
    cursor: pointer;
    }

#interpolator #interDate
    {
    background-color: #a0a0a0;
    border: none;
    text-align: center;
    cursor: pointer;
    }

#interpolator .interSelector th
    {
    border: none;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    }
    
    
/* -------------- geo ------------- */
#geo {}
#occult {}

#occult .title,
#geo .title
 { font-size: 15px; font-weight: bold; text-align: center; border-bottom: solid 2px black; }

#occult .fields
    { 
    background-color: #e0e0f0;
    padding: 2px 5px 2px 5px;
    border: dotted 1px black;
    text-align: center;
    font-weight: bold;
    white-space: pre;
    width: 50px;
    color: black;
    }

#geo .fields
    { 
    position:absolute;
    background-color: #e0e0f0;
    padding: 2px 5px 2px 5px;
    border: dotted 1px black;
    width: 50px;
    text-align: center;
    font-weight: bold;
    }

#occult .coords,
#geo .coords
    {
    position:absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    background-color: #e0e0f0;
    width: 130px;
    padding: 2px 2px 2px 2px;
    border: dotted 1px black;
    z-index: 20;
    }
    
#geoLatLine,
#occultLatLine
 {
        position: absolute;
        top: 20px;
        left: 0px;
        z-index: 11;
        }

#geoLongLine,
#occultLongLine {
        position: absolute;
        top: 0px;
        left: 50px;
        z-index: 11;
        }
    
#occultMap,
#geoMap
    {
    position: relative;
    top: auto;
    left: auto;
    z-index: 10;
    cursor: crosshair;
    }

/* ===================== xFrame ===================== */
#xContainer {
        font-family: 'trebuchet ms',arial,sans-serif;
        position: relative;
    }

    
#xFrame {
    position: absolute;
    display: none; 
    top: 10px;
    left: 0px;
    border: solid 2px #80a0c0;
    background-color: #a0c0f0;
    z-index: 50;
    /* ------------ CSS3 ------------ */
    -moz-border-radius: 25px;
    border-radius: 25px;
    }

.xFrameIcon { position: absolute; cursor: pointer; }
    
#xContent {
    border: solid 2px #808080;
    background-color: #ffffff;
    margin: 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    /* ------------ CSS3 ------------  */
    -moz-border-radius: 25px;
    border-radius: 25px;
    }

#xHelp {
        position: absolute;
        top: 20px;
        right: 10px;
        padding: 5px 5px 5px 5px;
        background-color: #b0e0ff;
        display: none;
        font-size: 11px;
        border: solid 2px #3080b0;
        width: 200px;
        cursor: pointer;
        z-index: 200;
        }    

/* ==================== HTML ================ */
.html
    {
    }
     
.html p
    {
    margin-bottom: 10px;
    text-indent: 20px;
    }
        
.html .i0 {text-indent: 0px;}
.html .indent {margin-left: 40px;text-indent: 0px;}
.html .center {text-indent: 0px;text-align:center;}
.html .pad {margin-bottom: 15px;}

.html h1 {margin-top: 0px;margin-bottom: 15px; }

/* ==================== IMAGE ================ */
.image
    {
    position: relative;
    margin-bottom: 20px;
    }
.link .title,
.image .title
	{
	margin-bottom: 0px;
	margin-top: 10px;
	font-weight: bold;
	}
.image .palette
    {
    position: absolute;
    display: none;
    text-align: center;
    top: 5px;
    left: 5px;
    border: solid 2px red;
    background-color: #cfa0a0;
    padding: 5px 5px 5px 5px;
    /* ------------ CSS3 ------------  */
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
     
/* -------------- */
.todo {color:fuchsia;animation: blinker 2s linear infinite;}

@keyframes blinker {  
  50% { opacity: 0; }
}