body {
    background-color: black;
    color: white;
}

body a:link {
  color: white;
  font-weight: normal;
}

body a:visited {
  color: #d0d0d0;
}

body a:hover {
  color: white;
  font-weight: bold;
}
body a:active {
  color: white;
  font-weight: bold;
}

input:disabled {
    color: black;
    background-color: gray;
}

select:disabled {
    color: black;
    background-color: gray;
}

.header img {
    width: 250px;
    height: 150px;
    vertical-align: middle;
}

.header {
    top: 0px;
    color: #D0D0D0;
    font-weight: bold;
    font-size: 70px;
    text-shadow: 6px 6px 5px #808080;
    padding: 0px 0px;
    white-space: nowrap;
    position: fixed;
    background: black;
}


/* Add a black background color to the top navigation */
.topnav {
    top: 150px;
    position: fixed;
    background-color: #303030;
    overflow: hidden;
    padding: 0px 250px;
    left: 0px;
    width: 100%;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    font-size: 20px;
    text-decoration: none;
    font-weight:normal;    
}

/* Change the color of links on hover */
.topnav a:visited {
    background-color: #d0d0d0;
    color: white;
    text-decoration: none;
    font-weight:normal;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #d0d0d0;
    color: black;
    text-decoration: none;
    font-weight:normal;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #800000;
    color: white;
    text-decoration: none;
    font-weight:normal;
}

/* The sidebar menu */
.leftnav {
    width: 250;
    position: fixed;
    z-index: 1;
    top: 205px;
    left: 0px;
    background-color: #303030;
    overflow-x: hidden;
    padding-top: 20px;
    height: 100%;
}

/* The navigation menu links */
.leftnav a {
    padding: 6px 8px 6px 16px;
    font-size: 20px;
    color: #f2f2f2;
    display: block;
    text-decoration: none;
    font-weight:normal;
}

/* When you mouse over the navigation links, change their color */
.leftnav a:hover {
    background-color: #d0d0d0;
    color: black;
    text-decoration: none;
    font-weight:normal;
}

/* Style page content */
.mainContent {
    margin-top:216px;
    margin-left: 248px;
    padding: 0px 4px;
    z-index: -1;
}

.calendar table {
  border: 1px solid #666;
  border-collapse: collapse;
}

.calendar th {
  border: 1px solid #666;
  padding: 12px;
  text-align: left;
  background-color: #800000;
  color: white;
}

.calendar td {
  border: 1px solid #666;
  padding: 8px;
  color: white;
}

.calendar .ownColumn{
  cursor: pointer;
  border-left: 2px solid #AAA;
  border-right: 2px solid #AAA;
}

.calendar .ownColumnTop{
  border-top: 2px solid #AAA;
}
.calendar .ownColumnBottom{
  border-bottom: 2px solid #AAA;
}

.calendar .ownColumnForbidden{
  cursor: not-allowed;
}

.calendar tr {
  background-color: #444;
}

.calendar tr:hover {
  background-color: #888;
}

.calendar tr:hover .sureYes {
  background-color: #0A0;
}

.calendar tr:hover .perhapsYes {
  background-color: #0F0;
}

.calendar tr:hover .perhapsNo {
  background-color: #F00;
}

.calendar tr:hover .sureNo {
  background-color: #A00;
}

.sureYes {
  background-color: #060;
  text-align:center;
  font-weight:bold;
}

.noDecission {
  text-align:center;
  font-weight:bold;
}

.perhapsYes {
  background-color: #0C0;
  color:white;
  text-align:center;
  font-weight:bold;
}

.perhapsNo {
  background-color: #C00;
  text-align:center;
  font-weight:bold;
}

.sureNo {
  background-color: #600;
  text-align: center;
  font-weight: bold;
}

.calendar .probabilityColumn {
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}

.calendar .probabilityColumnForbidden {
  cursor: not-allowed;
}

.calendar .probabilityColumnBorder {
  border-left: double 3px #AAA;
}

.calendar .voteColumn {
  text-align: center;
  font-weight: bold;
}

.calendar .voteColumnBorder {
  border-left: double 3px #AAA;
}

.calendar .dateColumnBorder {
  border-right: double 3px #AAA;
}

.calendarMenueButton {
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  text-decoration: none;
  padding: 4px 4px;

  border-top: 3px solid #CCC;
  border-left: 3px solid #CCC;
  border-bottom: 3px solid #666;
  border-right: 3px solid #666;
}

.calendarMenueButton:active {
  border-top: 3px solid #666;
  border-left: 3px solid #666;
  border-bottom: 3px solid #CCC;
  border-right: 3px solid #CCC;
}

.calendarCellMenuContent {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #333;
  padding: 7px 0px;
  border: 3px solid #333;
}

.showCellMenue {
  display: inline;
}

.showProposeMenue {
  display: inline;
}

.showVoteMenue {
  display: inline;
}

.sureYesButton {
  background-color: #060;
}

.perhapsYesButton {
  background-color: #0C0;
}

.resetButton {
  background-color: #333;
}

.perhapsNoButton {
  background-color: #C00;
}

.sureNoButton {
  background-color: #600;
}

.adventureMainTable table {
  border: 1px solid #666;
  border-collapse: collapse;
}

.adventureMainTable th {
  border: 1px solid #666;
  padding: 12px;
  text-align: left;
  background-color: #800000;
  color: white;
}

.adventureMainTable td {
  border: 1px solid #666;
  padding: 8px;
  cursor: pointer;
}

.adventureMainTable tr:nth-child(even){
  background-color: #444;
}

.adventureMainTable tr:hover {
  background-color: #888;
}

.adventurePlayerSelect select {
  min-width: 200px;
}

.adventurePlayerSelect option:hover {
  background-color: #888;
}

.adventurePlayerSelect option:checked {
  background-color: #BBB;
}

.hero table {
  border: 1px solid #666;
  border-collapse: collapse;
}

.hero th {
  border: 1px solid #666;
  padding: 12px;
  text-align: left;
  background-color: #800000;
  color: white;
}

.hero td {
  border: 1px solid #666;
  padding: 8px;
  cursor: pointer;
}

.hero tr:nth-child(even){
  background-color: #444;
}

.hero tr:hover {
  background-color: #888;
}

.HeroAdventureColumn {
  text-align: right;
}

.HeroDocumentColumn {
  text-align: right;
}

.voting {
  margin-top:170px;
}

.login {
  margin-top:105px;
}

.error {
    color: white;
}

.error a:link {
    color: #B00000;
}

.error a:visited {
    color: #800000;
}

.error h3 {
    color: #B00000
}