* {
    font-family: Trebuchet MS, Verdana, sans-serif;
}
body {
   background: linear-gradient( to bottom,  #dde7d2 100px, #fff 200px ) no-repeat;
    margin: 2em auto;
    position: relative;
    width: 1000px;
    padding-bottom: 30px;
}
h1 {
    margin-bottom: 12px;
    font-size: 30px;
    border-bottom: 5px solid #fff;
    /*width: 960px;*/
}
legend {
    font-size: 18px;
    font-weight: bold;
}
fieldset {
    border: 0px;
    padding: 0.4em
}
th {
    font-size: 80%;
    font-weight: normal;
    text-align: left;
}
td {
    vertical-align: top
}

#application {
    display: none;
    
}

#controlls {
    float: left;
    width: 280px;
    background: #fcfcfc url("ikony/menu.jpg") -20px 0px no-repeat;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 10px 5px;
    border: 1px solid #ddd;
}
#controlls fieldset {
    width: auto;
    margin-top: 1em;
}
#question {
    float: left;
    border: 1px solid #ddd;
    padding: 0.5em;
    margin: 10px;
    /*width: 500px;*/
    /* margin-left: 20px;
      margin-right: auto;*/
    /*display: none;*/
    background: #f9f9f9 url("ikony/w.png") 0px 0px repeat-y;
}
#question textarea {
    border: 1px solid #aaa;
    font-family: Verdana, sans-serif;
    font-size: smaller;
    padding: 0.2em;
}
#question li,
#question textarea {
    vertical-align: top;
}
#output {
    /* clear: both;
      display: none;*/
}
#numberingType {
    visibility: hidden;
}
.abc_big {
    list-style-type: upper-alpha;
}
.abc {
    list-style-type: lower-alpha;
}
.decimal {
    list-style-type: decimal
}
.bullets {
    list-style-type: disc
}
.no-bullets {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0
}
textarea {
    width: auto
}
#q_title textarea {
    font-weight: bold;
    font-size: 120%;
    width: 600px;
}
#q_task textarea {
    font-weight: bold;
    font-size: 100%;
    width: 600px;
}
input.btn {
    border: 2px outset rgb(212, 208, 200) padding: 2px;
    background: rgb(212, 208, 200)
}
input {
    margin: 2px;
    font-family: Verdana, sans-serif;
}
input.wdt {
    width: 80px
}
input.wdt2 {
    width: 200px
}
/* styly pro ukazkova okno */

#shower, #importer {
    z-index: 100;
    visibility: hidden;
    position: fixed;
    top: 2em;
    left: 290px;
    width: 670px;
    /*height: 20em;*/
    background: #fff;
    border: 2px solid #777;
    /*padding: 0.3em*/
}
/* titulek ukazkoveho okna*/

#shower_heading, #importer_heading {
    background-color: #777;
    color: white;
    font-weight: bold;
    padding: 0.3em;
    height: 1em;
}
#shower-title, #importer-title {
    float: left;
    margin-top: -3px;
    padding: 0px 0px 0px 10px;
    display: block;
    cursor: pointer;
}
img.closer {
    float: right;
    cursor: pointer;
}
#shower-content, #importer-content {
    clear: both;
    padding: 0.5em;
    max-height: 400px;
    overflow: auto;
}
#shower-content h3, #importer-content h3 {
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    margin-top: 1em;
    margin-bottom: 0.2em
}
#shower-content p {
    margin-top: 0em;
    margin-bottom: 0.2em
}
pre.example,
div.example {
    background: #eee;
    border: 1px solid #ccc;
    padding: 5px;
    line-height: 150%
}
/* nadpis nahledu otazky */

#shower .title {
    font-weight: bold;
    font-size: 120%;
    margin: 0.8em 0 0.3em 0;
}
/* nadpis zdani otazky */

#shower .task {
    font-weight: bold;
    margin: 0.5em 0 0.5em 0
}
/* obsah nahledu otazky */

#shower .content {
    margin-left: 2em
}


#import-content {
    width: 90%;
}

.question {
    padding: 0.3em
}
.clearer {
    clear: both
}
.helper {
    display: none
}
a.help {
    padding-left: 21px;
    background: url(ikony/n-aplikace-help-ico.gif) 3px 0px no-repeat;
    cursor: help;
}
/* matematicke otazky typu l */

span.math {} span.math img {
    vertical-align: middle
}
img.maple_result {
    visibility: hidden
}
img.syntax_checker {
    cursor: pointer
}
.questionFormBut {
    border-color: #ada;
}
table {
    border-collapse: collapse;
    border: 1px solid #bbb;
    font-size: 100%;
}
td {
    border: 1px solid #bbb;
    padding: 0.2em;
    text-align: center;
    background-color: #ddd;
    cursor: pointer
}
td input {
    width: 1em;
    border: 0px none;
    /*font-weight: bold;*/
    text-align: center
}
td.focused,
td.focused input {
    background-color: #abc
}
td.tajenka,
td.tajenka input {
    background-color: #fed;
    font-weight: bold
}
td.legenda {
    width: 25em;
    background: white;
    text-align: left;
    font-size: 90%;
    cursor: text
}
.bd_top {
    border-top: 2px solid black
}
.bd_left {
    border-left: 2px solid black
}
.bd_right {
    border-right: 2px solid black
}
.bd_bottom {
    border-bottom: 2px solid black
}
.cwfield {
    background-color: #fff;
    border: 2px solid black;
    cursor: pointer;
    vertical-align: middle;
}
#q_title,
#q_task {
    font-size: 120%;
    font-weight: bold;
    min-height: 2em;
    background: #efd;
    padding: 0.2em;
    border: 1px dashed #bbb;
    cursor: text;
}
#q_task {
    font-size: 100%;
    background: #def
}
.vpravo {
    text-align: right
}

.warning {
    margin: 2em 0;
    border: 1px solid red;
    padding: 1.5em;
    padding-left: 80px;
    background: url(ikony/dialog-warning-48.png) no-repeat 10px center;
    
    
}
label {
  cursor: pointer;
}

:checked + label {
  font-weight: bold; 
 }

.legend {
    width: 90%;
/*    border: 1px solid red;*/
/*    padding: 0.1em;*/
    min-height: 1.5em;
    counter-increment: legend;
    margin-left: 1.5em;
    position: relative;
}

.legend:focus {
    background-color: #ffd;
    
}
.legend:empty {
    content: "legenda";
}
.legend::before {
    position: absolute; 
    left: -1.7em;
    content: counter(legend) ". ";
    width: 1.5em;
    text-align: right;
}
table { 
    counter-reset: legend;
}

footer {
    margin-top: 1.5em;
    border-top: 1px solid #bbb;
}