* {
  font-family: Verdana, sans-serif;
  color: black;
}

body {
  background-color: #335577;
  font-size: 70%;
}

a {
  color: #445566;
  text-decoration: underline;
}
.linkbutton_enabled {
  color: black;
  text-decoration: underline;
}
.linkbutton_important {
  font-weight: bold;
}
.linkbutton_disabled {
  color: black;
  text-decoration: none;
}

.menu_panel {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
}

.timestamp_panel {
  text-align: right;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 7px;
  margin-top: 2px;
}

/* hlavni konstrukce stranky */
.main_table {
  margin: auto;
}

.column {
  vertical-align: top;
}

.column_left {
  width: 150px;
  max-width: 150px;
  overflow: hidden;
}

.column_right {
  width: 150px;
  max-width: 150px;
}

.knights {
  position: absolute;
  right: -2px;
  top: 15px;
}

.longest_path {
  position: absolute;
  right: -2px;
  top: 35px;
}

.main {
  background-color: #ddddbb;
  width: 1024px;
  min-height: 798px;
  margin: auto;
  margin-top: 10px;
  padding: 5px;
  padding-top: 10px;
  position: relative;
  border: solid 1px black;
}

/* napovedni tabulka */
fieldset.help_table {
  padding: 0px;
}
table.help_table {
  width: 100%;
  font-size: 70%;
  table-layout: fixed;
}

table.help_table td {
  width: 25%;
  text-align: center;
  font-weight: bold;
}

table.help_table tr.wood td {
  background-color: #006600;
}

table.help_table tr.clay td {
  background-color: #cc9966;
}

table.help_table tr.sheep td {
  background-color: #99cc66;
}

table.help_table tr.grain td {
  background-color: #ffff66;
}

table.help_table tr.rock td {
  background-color: #999999;
}

table.help_table tr td.empty {
  background-color: #ffffdd;
}

cite {
  display: block;
  padding: 0 1em;
  font-style: normal;
  font-weight: normal;
}

blockquote {
  border-style: solid;
  border-width: 1px;  
  margin: 0.75em 1em;
  padding: 1em 0.75em;
  background-color: #ddddbb;
}

/* formulare */
input, select, textarea {
  margin-right: 0.2em;
  vertical-align: middle;
  font-size: 100%;
}

.required label {
  color: red;
}

.button {
  font-size: 100%;
  border: none;
  padding: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #335577;
  color: #eeeecc;
}

.big_button {
  font-size: 100%;
  width: 100%;
  padding: 0px;
  margin: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
}

.disabled {
  color: #b3b3b3;   
  background-color: #4c4c4c;
}

.textbox {
  border: none;
  background-color: #ddddbb;
}

.colors {
  background-repeat:   no-repeat;
  background-position: bottom left;
  padding-left:        25px;
}

.selectbox {
  border: none;
  background-color: #ddddbb;
}

fieldset {
  background-color: #ffffdd;
}

fieldset legend {
  background-color: #ddddbb;
}

fieldset.current_player {
  background-color: #f5e5a9;
}

.player {
  width: 100%;
}

table.player tr.important {
  font-weight: bold;
}

.last_thrown_number {
  font-weight: bold;
}

/* Game tables - lists */
table.list {
  text-align: center;
  margin: auto;
  border: 1px solid;
  border-color: black;
  background-color: #ffffdd;
  border-collapse: collapse;
  width:		100%;
}

table.list thead tr th {
  border: 1px solid;
}

table.list thead tr {
  border: 1px solid;
}

table.list tbody tr {
  border: 1px solid;
}

table.list tbody tr td {
  border: solid 1px black;
  padding: 3px;
}

table.list tbody .current_on_turn {
  background-color: #335577;
  color:            #ffffdd;
}

table.list tbody .current_on_turn td {
  color: #ffffdd;
}

table.list tbody .current_on_turn a {
  color:            #ffffdd;
}

/* Sortable tables */
table.sortable {
  margin-top:		10px;
}

table.sortable thead tr th {
  background-image:    url(/static/images/bg.gif);
  background-repeat:   no-repeat;
  background-position: center left;
  padding-left:        30px;
  padding-right:       5px;
}

table.sortable thead tr th.headerSortUp {
  background-image:    url(/static/images/asc.gif);
  background-position: left;
}

table.sortable thead tr th.headerSortDown {
  background-image:    url(/static/images/desc.gif);
  background-position: left;
}

.accordion_toggle {
}

.accordion_toggle_active {
}

.accordion_header_icon {
  background: url(/static/arrow-right.gif) no-repeat left #ddddbb;
  padding-left: 12px;
}

.accordion_header_icon_selected {
  background: url(/static/arrow-down.gif) no-repeat left #ddddbb;
  padding-left: 12px;
}

.accordion_content {
  vertical-align: top;
}

table.accordion_content {
  font-family: Verdana, sans-serif;
  color: black;
}

.username_online {
  font-weight: bold;
}

table.list tbody .current_on_turn span {
  background-color: #335577;
  color: #ffffdd;
}

table.list tbody .current_on_turn span.username_online {
  color: #ffffdd;
}

.center {
  text-align: center;
}

td.submit {
  text-align: right;
}

.ui-widget-overlay {
   position: fixed;  /* <---------- scrollbar fix! */
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.ui-dialog {
  background-color: #ddddbb;
  border: solid 3px black;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

.ui-dialog-titlebar {
  font-weight: bold;
}

.ui-dialog-buttonpane {
  text-align: right;
}

.ui-dialog-buttonpane button {
  font-size: 100%;  
  border: none;
  margin: 5px;
  background-color: #335577;
  color: #eeeecc;
  width: 60px;
}

.codebox {
  border-style: solid;
  border-width: 1px;
  margin: 0.75em 1em;
  padding: 1em 0.75em;
  background-color: #ccccaa;
}

.codebox code {
  font-family: monospace;
}


/* DataTables */
.dataTables_paginate {
  width: 44px;
  float: right;
  text-align: right;
}

.paging_full_numbers { 
  width: 400px;
  height: 22px;
  line-height: 22px;
}

.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
  background-color:		#ffffdd;
  border:			1px solid #aaaaaa;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  cursor: pointer;
}

.paging_full_numbers span.paginate_active {
  border: 2px solid black;
}

.dataTables_length {
  display: inline;
  margin-top: 10px;
}

.dataTables_processing {
  color: red;
}

.sorting, .sorting_asc, .sorting_desc {
  cursor: pointer;
}