/*
  #292929 tmave seda
  #696969 svetle seda
  #009738 zelena
  #fdde3f zluta
*/
body {
  background-color: black;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  color: white;
  padding: 1em 0 2em 0;
  margin: 0;
  
  text-align: center;
  font-size: 11pt;
  /*overflow: scroll;*/
}

img {
  border: none;
  vertical-align: text-bottom;
}


p {
  margin: 0;
  margin-bottom: 0.3em;
}

.ticket p {
  text-indent: 0;
}

fieldset {
  border: 1px #696969 solid;
  padding: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

legend {
  color: #fdde3f;
  font-weight: bold;
}

input[type=submit] {
  background-color: #292929;
  color: #fdde3f;
  border: 1px #fdde3f solid;
}

input.text, textarea, select {
  background-color: #555555;
  color: white;
  border: 1px white solid;
}

input.button {
  background-color: #444444;
  color: #fdde3f;
  border: 1px #fdde3f solid;
}

a {
  color: #fdde3f;
}

th {
  text-align: left;
}

td {
  vertical-align: top;
}

form {
  padding: 0;
  margin: 0;
}


#page {
  max-width: 60em;
  min-width: 32em;
  width:expression( 
      document.body.clientWidth > (1000/12) * 
      parseInt(document.body.currentStyle.fontSize) ? "63em" : "auto" );
  margin-left: auto;
  margin-right: auto;
  margin-left: expression("0");
  margin-right: expression("0");
  overflow: hidden;
  
  text-align: left;
}

#erb {
  float: left;
  margin-left: 3em;
  margin-top: 1.5em;
  position: absolute;
}

#logo {
  float: left;
}

#webInfoBar {
  padding: 1em 2em 0.2em 15em;
  font-size: 80%;
  margin: 0 15px 0 15px;
  background-color: #111111;
  border-top: 1px #fdde3f solid;
  border-left: 1px #fdde3f solid;
  border-right: 1px #fdde3f solid;
}

#loginBlock {
  float: right;
}

#logoBar {
  clear: both;
  background-image: url(images/logo.gif);
  background-position: 15em center;
  background-repeat: no-repeat;
  
  background-color: #009738;
  color: white;
  margin: 0 3px 0 3px;
  padding-left: 14em;
  
  border: 1px #fdde3f solid;
}

#banner {
  font-size: 70%;
  border: 1px #292929 solid;
  margin: 0.5em 1em 0.5em 220px;
  padding: 0.5em;
  display: block;
  height: 60px;
  /*overflow: hidden;*/
  overflow: auto;
}

#banner a {
  color: #fdde3f;
}

#banner hr {
  border-color: black;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

#mainMenuBar {
  margin: 0 3px 0 3px;
  clear: both;
  background-color: #fdde3f;
  padding: 0.2em 2em 0.2em 14em;
  color: black;
  border-bottom: 1px #fdde3f solid;
  border-left: 1px #fdde3f solid;
  border-right: 1px #fdde3f solid;
  /*font-weight: bold;*/
  font-size: 100%;
}

#contextMenu {
  text-align: right;
}

#mainMenuBar a {
  text-decoration: none;
  color: black;
}

#mainMenuBar a:hover {
  text-decoration: underline;
}

h1 {
  padding: 0;
  
  margin: 0 0 0.1em 0;
  font-size: 1.5em;
  
  color: #fdde3f;
}

h2 {
  margin: 1em 0 0.1em 0;
  font-size: 1.2em;
}

h3 {
  margin: 1em 0 0.1em 0;
  font-size: 1.1em;
}

h4 {
  margin: 1em 0 0.1em 0;
}

hr {
  color: #009738;
  border-style: solid none none none;
  border-top: 1px #009738 solid;
  margin: 1em 0em 1em 0em;
}

#leftpanel {
  float: left;
  width: 13em;
  min-width: 135px;
  margin-left: 0;
  padding: 40px 0.2em 70px 0.2em;
}

#rightpanel {
  float: right;
  width: 15em;
  margin: 0em 0.2em 0.5em 0.5em;
}

#mainFrame {
  background-color: #111111;
  margin: 0 15px 0 15px;
  border-left: 1px #fdde3f solid;
  border-bottom: 1px #fdde3f solid;
  border-right: 1px #fdde3f solid;
}

#main {
  margin-left: 13em;
  padding: 0.8em 0.8em 1.8em 0.8em;
}

#copyright {
  /*clear: both;*/
  text-align: right;
  font-style: italic;
  font-size: 80%;
  margin: 0.3em 15px 1em 15px;
}

.menu {
  border: 1px #009738 solid;
  padding: 0.1em;
  margin-bottom: 1.5em;
  /*background-color: #292929;*/
  background-color: #fdde3f;
  color: black;
}

.menu div a {
  display: block;
  padding: 0.1em;
  border-bottom: 1px #d9b317 solid;
  text-decoration: none;
  color: black;
}

.menu div a:hover {
  display: block;
  background-color: #696969;
  color: #fdde3f;
}

.menu h2, .contextMenu h2 {
  background-color: #009738;
  margin: 0 0 0.5em 0;
  padding: 0.1em;
  font-size: 1em;
  text-align: center;
  color: white;
  border-bottom: 1px black solid;
}


#main p {
  text-align: justify;
}

.contextMenu {
  background-color: #292929;
  border: 1px solid #fdde3f;
  
  margin-top: 1em;
}


.multiEdit {
  width: 100%;
  font-size: 80%;
}

.multiEdit td, .multiEdit th {
  border: 1px #111111 solid;
}

.multiEdit td {
  background-color: #555555;
}

.multiEdit th {
  text-align: left;
  background-color: #666666;
  font-weight: normal;
}

table {
  border-collapse: collapse;
}

table th td {
  border: 1px white solid;
}

thead th {
  vertical-align: bottom;
}

tfoot th {
  vertical-align: top;
}

.multiEdit tr.highlight td {
  background-color: #666666;
}

th.center, td.center {
  text-align: center;
}

th.narrow, td.narrow {
  text-align: center;
  width: 0.1em;
}

dl {
  margin: 0;
}

.report {
  font-size: 110%;
  color: #009738;
}

.report p, .report div {
  border-left: 0.3em #009738 solid;
  padding-left: 0.2em;
}

.framed {
  border: 1px black solid;
}






#disList {
  border-top: 1px white solid;
}

#disList .even, #disList .odd {
  border-bottom: 1px white solid;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

#disList .konftitle {
  font-size: 13pt;
  font-weight: bold;
  /* float: left; */
  left: 2px;
  /*position: absolute;*/
}

#disList .konfdes {
  display: block;
  margin-top: 4px;
  font-style: italic;
  font-size: 9pt;
  overflow: hidden;
}

#disList .konfinfo {
  /*display: block;*/
  width: 100%;
  text-align: right;
  font-size: 10pt;
}

.contribution legend {
  color: white;
  font-weight: normal;
}

.contribution .time {
  font-size: 80%;
  text-align: right;
}

.right {
  text-align: right;
}

.imgRight {
  float: right;
  margin: 1em 0 1em 1em;
}

.imgLeft {
  float: left;
  margin: 1em 1em 1em 0;
  
}

.help {
  cursor: help;
}

.edited table {
  border-collapse: collapse;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.edited table td, .edited table th {
  border: 1px white solid;
  margin: 0;
  padding: 0.2em;
}

.edited p {
  margin-bottom: 0.5em;
}

/* interactive */
.showable {
  overflow: hidden;
  position: absolute;
  background-color: #292929;
  padding: 0.3em;
  height: 1.1em;
  border: 1px #696969 solid;
}

.showable:hover {
  height: auto;
}


.ticket {
  border: 1px #696969 solid;
  margin: 0 0 0.6em 0;
  padding: 0.1em;
}

.ticket .caption {
  margin: 0;
  padding: 0.1em;
  background-color: #009738;
  border-bottom: white solid 1px;
}

.ticket .caption .date {
  float: right;
  font-style: italic;
  font-size: 80%;
}

.ticket .caption h3 {
  margin: 0;
  font-size: 100%;
}

.subscription {
  text-align: right;
  font-style: italic;
}

.helpText {
  font-style: italic;
  color: #bbbbbb;
  font-size: 80%;
}

.editTable {
  border-collapse: collapse;
  
}

.editTable td, .editTable th {
  border: 1px #292929 solid;
}

#elementForm table {
  width: 100%;
}

#elementForm input.text, #elementForm select {
  width: 25em;
}




.kalendar {
  border: solid 1px white;
  border-bottom: none;
  margin-left: 20px;
  padding: 0;
  border-collapse: collapse;
}

.kalendar td {
  margin: 0px;
  padding: 1px;
}

.kalendar tr.lastDay td {
  border-bottom: white solid 1px;
}


.kalendar .workday, .kalendar .saturday, .kalendar .sunday {
  width: 20px;
  border: white solid 1px;
}

.kalendar .workday {
}

.kalendar .saturday {
  background-color: #444444;
}

.kalendar .sunday {
  background-color: #555555;
}

.kalendar .holiday, .kalendar .nonholiday {
  text-align: right;
  width: 20px;
  padding-right: 4px;
  border: white solid 1px;
}

.kalendar .akce {
  border: 1px white solid;
  width: 7px;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
}

.kalendar .colordot {
  width: 7px;
  height: 12px;
  float: left;
  margin-right: 3px;
  border: 1px white solid;
}

.kalendar .holiday {
  background-color: #aa2222;
}

.kalendar .svislymesic {
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  width: 20px;
  border: 1px white solid;
}

.kalendar .svislymesic div {
  padding-bottom: 8px;
  padding-top: 8px;
  font-weight: bold;
}

.kalendar .tykase {
  font-size: 10px;
  font-style: italic;
}



.gallery {
  border-collapse: collapse;
  width: 100%;
}

.gallery .shot {
  width: 150px;
  height: 180px;
  float: left;
  background-color: #333333;
  border: 1px white solid;
}

.gallery .thumb {
  width: 150px;
  height: 150px;
  line-height: 145px;
  text-align: center;
  vertical-align: middle;
}

.gallery .listThumb {
  width: 150px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}

.gallery .description {
  height: 30px;
  text-align: center;
  color: white;
  font-size: 65%;
  
  border-top: dotted 1px #dddddd;
  background-color: #555555;
}

.gallery .shot .thumb img {
  vertical-align: middle;
}

.even {
}

.odd {
  background-color: #555555;
}

#eventList {
  float: right;
  border: 1px white solid;
  padding: 0.5em;
}


/* Date picker */
.dpTable {
  background-color: #555555;
  border: 1px white solid;
  border-collapse: collapse;
}

.dpTable td {
  padding: 0;
}

.dpDayTD {
  border-bottom: white solid 1px;
  width: 2.1em;
}
.dpButton, .dpTodayButton {
  background-color: #292929;
  color: #fdde3f;
  border: 1px #fdde3f solid;
}

.dpDayHighlightTD {
  background-color: #292929;
  color: black;
}

.dpTitleTD {
  font-weight: bold;
}

.warning {
  color: red;
}


.error p {
  border: 1px red solid;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

span.changeAdd {
  border-bottom: solid 1px red;
}

span.changeRemove {
  text-decoration: line-through;
  background-color: #ff8080;
}

.hostinglogo {
  float: left;
  margin-left: 15px;
}

.toomuch {
  color: red;
}

.concurrents {
  color: red;
}