/*
  crosslink, equation a smallcapital jsou pouzity v parse_data.py
*/

body {
  background:   #00AFA5; /*saddlebrown;*/
  color:        ivory;
  margin:       0; 
  padding:      0;
  font-family:  calibri, arial, verdana;
}

/* nadpisy na vetsine stranek */
h4 {
  margin: 1ex;
}

a:visited {
  color: #00AFA5; /*saddlebrown;*/
}

img {
  color:        red;
  font-weight:  bold;
}

label {
  cursor:       pointer;
}

label:hover {
}

/* odstavce v uvodu prof. Kodicka */
p {
  text-indent: 2em;
  text-align:  justify;
}

/* pouzito pro mereni sirky textu */
#text_measure {
  position:   absolute;
  visibility: hidden;
  height:     auto;
  width:      auto;
}

/* stojate pismo v indexu */
.rm {
  font-style: normal
}

.inactive_link {
  color: gray;
}

#advanced_search_title,
.crosslink, 
.link {
  cursor:           pointer;
  text-decoration:  underline;
}

.download_link:hover,
.close_button:hover, 
.crosslink:hover, 
.link:hover {
  color: #E74011; /*red;*/
}

/* tlacitka menu */
.link_button:hover {
  background:   ivory;
  color:        black;
}

.link_button {
  cursor:       pointer;
  font-weight:  normal; /*bold;*/
  font-size:    100%; /* 80% */     
  padding:      3px 10px 3px 10px;
  margin:       5px;
  border:       none; /*solid black 1px;*/
}

/* zaviraci tlacitko v dialozich help a adv. search*/
.close_button {
  cursor:         pointer;
  position:       absolute;
  top:            2px;
  right:          2px;
  font-size:      80%;
  text-align:     center;
  vertical-align: middle;
  padding:        0;
  margin:         0;
}


/* obrazek pomnenek v uvodu prof. Kodicka */
img.intro {
  float: right;
  margin: 0 10px 10px 10px;
}

/* Odstavec na strance */
.technical {
  padding-left: 2em;
  text-align:   justify;
}


/*********** Titulni stranka ***********/

table.download {
  color:          black;
  margin-top:     2em;
  margin-bottom:  3em;
}

td.download_link {
  width:          6em;
  text-align:     center;
  vertical-align: middle;
}

table.history{
  color:          black;
  padding-left:   1em;
  margin-bottom:  2em;
}

td.cell_date {
  width:          10em;
  text-align:     left;
  vertical-align: top;
}

/* radek na uvodni strance (odkazy na uvod, 
vynechana hesla a technicke podrobnosti) */
.title {
  margin-bottom:  1em;
}

/* nadpis uvodni stranky */
.title_welcome {
  margin-top:     1em;
  margin-bottom:  1.5em;
  font-size:      140%;
}


/*********** Rejstrik ***********/

#index {
  text-align:   center; 
}

#index a:link {
  margin-left:  1ex;
  color:        #00AFA5; /*saddlebrown;*/
  font-weight:  bold;
}

#index table {
  text-align:   left; 
  margin:       0 auto 0 auto;
  color:        black;
}

#index td {
  vertical-align: top;
}


/*********** Slovnikove heslo ***********/

/* predchozi/dalsi */
#navigation {
  color:          #008080; /*maroon;*/
  font-size:      80%;
  padding-bottom: 1ex;
}

/* seznam tagu */
.record_tags {
  font-size:      80%;
  color:          #008080; /*maroon;*/
  margin:         1ex 0 1em 0;
}

/* D-ribosa, L-ribosa */
.smallcapital {
  font-size:      85%;
}

img.equation {
  display:        inline-block;
  vertical-align: middle;
}

.record_title {
  font-size:      150%;
  font-weight:    bold;
}

.record_body {
  text-align:     justify;
}


/*********** Layout ***********/

#info {
  position:       absolute;
  right:          15px;
  font-size:      90%;
}

#logo_vscht {
  float:          left;
  margin:         20px;
  width:          60px;
  height:         60px;
}

#header_title {
  cursor:         pointer;
  font-size:      250%;
  margin-left:    85px;  /*obrazek+mezera*/
  width:          600px;
  height:         70px;
  padding:        25px 15px 5px 15px;
  color:          ivory;
}

#toolbar {
  color:          ivory;
  padding:        1ex;
  margin-left:    85px;
  border-top:     none; /*solid black 1pt;*/
  border-bottom:  none; /*solid black 1pt;*/
}

#header {
  margin:              0; 
  padding:             0;
  height:              140px;
  background-image:    url("img/header_bg.png");
  background-position: top right;
  background-repeat:   no-repeat;
}

#textarea {
  color:          black;
  padding:        1ex;
  background:     ivory;
  min-height:     20em;
}

#footer {
  padding:        1ex;
  border-top:     none; /*solid black 1pt;*/
}

#footer table {
  margin:         0;
  padding:        0;
  font-size:      80%;
}


/*********** Vyhledavani ***********/

/* input + tlacitko */
#searchbox {
  position:     absolute;
  right:        15px;
  margin:       0;
  top:          1.5em;
  text-align:   right;
}

#btn_search {
  cursor: pointer;
}

/* vlastni input */
#search {
  color:        #00AFA5; /*saddlebrown;*/
  background:   ivory;
  border:       none; /*solid black 1pt;*/
  margin:       0;
}

/*  radek nad vyhledavacim polem - napoveda, stahovani*/
#above_search {
  position:     absolute;
  top:          0;
  right:        5px;
  font-size:    80%;
}

.download_link {
  font-size:    85%;
  color:        maroon;
  font-weight:  bold;
}

/* radek pod vyhledavacim polem - aktivni filtry = advanced_search_title, advanced_search */
#under_search {
  font-size:      80%;
  text-align:     left;
  padding-top:    5px;
}

#advanced_search {
  position:       relative; /*potreba pro zindex*/
  background:     white;
  border:         solid black 1pt;
  display:        none;
  text-align:     left;
  padding:        5px 10px 5px 10px;
  z-index:        9999;
  color:          black;
}

/* seznam tagu */
#tag_table td {
  vertical-align: top;
  font-size:      80%;
  color:          black;
}

/* rozbalovaci tlacitko ve vysledcich vyhledavani */
.close_btn {
  font-weight:      bold;
  font-style:       normal;
  margin:           0 1ex 0 2ex;
}

/* oddelovaci cara zobrazena pri rozbalenem vysledku vyhledavani */
.separator_pseudoline {
  height:         2px; 
  border-bottom:  dashed maroon 1pt;
  padding-left:   90%;
  position:       relative; 
  top:            -0.5em;
}

.ignore_filters {
  font-size:      80%;
  border-top:     solid black 1pt;
  margin-top:     0.5ex;
  padding:        5px 0px 5px 0px;
}

.result {
  padding-left:   4em;
  display:        none;
}



/*********** Napoveda ***********/

#help {
  position:     absolute; 
  top:          0;
  left:         0;
  max-width:    40em;
  background:   ivory;
  border:       solid black 1pt;
  display:      none;
  text-align:   left;
  padding:      5px 10px 5px 10px;
  z-index:      99999;
  color:        black;
}

#help h1 {
  font-size:        100%;
  font-weight:      bold;
  margin:           5px;
  text-decoration:  underline;
}

#help h2 {
  font-size:        95%;
  font-style:       italic;
  text-decoration:  underline;
}

#help table {
  font-size:        90%;
}

#help td {
  padding-right:    1em;
}
