*.warning { font-weight: bold;
            font-size: small}

*.small { font-size: 10pt; }

/* the form */

form { padding: 20px 10px;
       margin: 0px;
       background-color: #ffe6a2;
       border-top: solid 1px black;
       border-bottom: solid 1px black;
       }


input.long-input { width: 100%;
                   font-size: 9pt;}



body { 
       margin: 0px 20px;
       padding: 0px;
       background-color: #777777;
       color: #000000;
       font-size: 12pt;
       font-family: sans-serif;
       }


#main-header img { margin-top: 10px; }


/* sidebar */

#sidebar { margin-left: 0px;
           margin-right: 0px;
           margin-top: 0px;
           margin-bottom: 0px;
           padding: 0px;
           padding-bottom: 0px;
           width: 180px;
           float: left;
           }


/* toolbar */

#toolbar { margin-left: 0px;
           margin-right: 0px;
           margin-top: 10px;
           margin-bottom: 10px;
           padding: 10px;
           padding-bottom: 50px;
           background-color: white;
           border: solid 1px black;
           width: 180px;
           float: left;
           }



#toolbar ul { list-style: url("bullet3.png") disc;
              padding-left: 0px;
              margin-top: 20px;
	      margin-left: 10px;
	      margin-bottom: 0px;
              }


#toolbar li { padding-left: 0px;
              margin-left: 10px;}


#toolbar li:hover { color: black;
                    list-style: url("bullet.png") disc;
                    font-weight: bold;
                    text-decoration: none}



#toolbar a { text-decoration: none;
             font-weight: bold;
             font-size: 11pt;
             color: #555555;}


#toolbar img { padding: 3px 30px; }



/* validity marks */

#validity-marks { text-align: right;
               }



/* main window */

#main-window { margin-left: 220px;
               margin-right: 0px;
               margin-top: 10px;
               margin-bottom: 10px;
               padding: 10px 20px;
               background-color: white;
               border: solid 1px black;
               }


#navbar { background-color: #3c458a;
          }

#navbar a { padding: 0em 1em;
            font: bold 12pt sans-serif;
            text-decoration: none;
            color: white;
            }


#outpng { padding: 10px; }



#output { /*background-color: #ffaaaa;*/
          /* border-top: solid 1px black;
          border-bottom: solid 1px black;*/
          padding: 10px;
          margin-top: 0px;
          /*background-color: blue;*/
          }

#error { background-color: #f66;
         padding: 10px 0px;}


*.hidden { display: none; }


/* table */



caption { font-size: 120%;
          font-style: italic;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          }


table.bordered { border-collapse: collapse;
                 border: solid 2pt black;
                 margin-bottom: 30px;
                 text-align: center;
                 margin-left: auto;
                 margin-right: auto;
                 }


table.bordered thead { border-bottom: solid 2pt black;
                       margin-top: 30px;
                       }
                       

table.bordered td { border: solid 1pt black;
                    padding: 0.5em;}



table.bordered tbody td { vertical-align: bottom; 
                          }

table.bordered thead td { font-weight: bold;
                          text-align: center;
                          vertical-align: middle;
                          }


/*#input-table  { width: 100%; }*/

#input-table  col.first { width: 4.5em; }

#input-table  col.second { width: 100%; }


div.progress { font-weight: bold;
               color: blue;}


#answer { visibility: hidden;
          width: 1px;
          height: 1px;
          }


li.separated { margin-top: 10px;
               padding-top: 10px;
               border-top: solid 0.5px #cccccc;
               }



/* the sister sites */

#sister-sites { margin-left: 5px;
                margin-right: 0px;
                margin-top: 40px;
                margin-bottom: 10px;
                padding: 10px;
                padding-bottom: 50px;
                /*background-color: #dddddd;
                border: solid 1px black;*/
                
                width: 180px;
                float: left;
           }


#sister-sites div { font-size: 9pt;
                    }

div.sister-link { padding-top: 5px; }

#sister-sites a { font-weight: bold;
                  font-size: 10pt;
                  color: white;
                  }


h2.sister-head { font-size: 12pt;
                 padding: 0px 0px;
                 margin: 3px 0px;}


#toolbar ul.topborder { border-top: solid 1px #cccccc;
                        padding-top: 10px;
                        margin-top: 10px;}



#toolbar img { margin: 0px;
               border: none;
               padding: 0px;
               }

div.error#output { color: red;
                   font-size: 12pt;
                   background-color: #fbb;
                   border-top: solid thin #f55;
                   border-bottom: solid thin #f55;
                   }

div.ok#output { background-color: #bcf;
                border-top: solid thin #59f;
                border-bottom: solid thin #59f;
                }

div#doplnek { background-color: #fff;
              border: solid 1px black;
              padding: 10px;
              text-align: right;
              margin-left: 220px;
              font-size: smaller}

div#doplnek a { color: #444; }