/* selected styles from normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

button,
input,
select {
  font-family: sans-serif;
  font-size: 100%;
  margin: 0; }

button,
input {
  overflow: visible; }

fieldset {
  border: 1px solid #c0c0c0; }

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* my styles */
.color-luxor {
  background-color: red; }

.color-tower {
  background-color: yellow; }

.color-american {
  background-color: blue; }

.color-festival {
  background-color: lime; }

.color-worldwide {
  background-color: #804000; }

.color-continental {
  background-color: cyan; }

.color-imperial {
  background-color: magenta; }

.color-nothing {
  background-color: #ffffc0; }

.color-nothing-yet {
  background-color: black;
  color: white; }

.color-cant-play-ever {
  background-color: gray; }

.color-i-have-this {
  background-color: #ffe0a0;
  cursor: pointer; }

.color-will-put-lonely-tile-down {
  background-color: silver; }

.color-have-neighboring-tile-too {
  background-color: #c0ffc0; }

.color-will-form-new-chain {
  background-color: white; }

.color-will-merge-chains {
  background: url(../static/merge1.png); }

.color-cant-play-now {
  background-color: #606060; }

.color-player {
  background-color: #c0c0ff; }

.color-cash-net {
  background-color: green; }

body.enable-high-contrast-colors .color-luxor,
body.enable-high-contrast-colors .color-american,
body.enable-high-contrast-colors .color-worldwide,
body.enable-high-contrast-colors .color-imperial,
body.enable-high-contrast-colors .color-cant-play-now,
body.enable-high-contrast-colors .color-cash-net {
  color: white; }

body.enable-text-background-colors span.username {
  background-color: #f6f4f2; }

body.disable-text-background-colors span.chain.color-luxor, body.disable-text-background-colors span.chain.color-tower, body.disable-text-background-colors span.chain.color-american, body.disable-text-background-colors span.chain.color-festival, body.disable-text-background-colors span.chain.color-worldwide, body.disable-text-background-colors span.chain.color-continental, body.disable-text-background-colors span.chain.color-imperial {
  background-color: transparent;
  color: black; }

body.color-scheme-netacquire {
  background-color: #f6f4f2; }
  body.color-scheme-netacquire #game-history,
  body.color-scheme-netacquire #lobby,
  body.color-scheme-netacquire .chat-history {
    background-color: #c0c0ff; }
  body.color-scheme-netacquire #score-sheet .team-empty,
  body.color-scheme-netacquire #score-sheet .team-border-bottom,
  body.color-scheme-netacquire #score-sheet .team-border-right {
    background-color: #f6f4f2; }

body.enable-text-background-colors.color-scheme-netacquire span.username {
  background-color: lightgrey; }

body {
  background-color: white;
  color: black;
  font-size: 16px; }

body.hide-overflow {
  overflow: hidden; }

input,
select {
  color: black; }

.page {
  display: none;
  padding-left: 0.5em;
  padding-right: 0.5em; }

#page-loading {
  display: block; }

#login-error-message,
#set-password-error-message {
  color: red;
  font-weight: bold; }

#set-password-success-message {
  color: green;
  font-weight: bold; }

.lobby-section {
  margin-bottom: 1em;
  white-space: nowrap; }
  .lobby-section .header {
    font-weight: bold; }
  .lobby-section .player {
    font-weight: bold; }
    .lobby-section .player.missing {
      color: grey;
      font-style: italic; }

#game-board {
  position: absolute;
  text-align: center;
  font-weight: bold;
  table-layout: fixed; }
  #game-board td {
    border: 2px solid #f6f4f2;
    width: 8.33333%;
    height: 11.11111%;
    overflow: hidden; }

#score-sheet {
  position: absolute;
  font-weight: bold;
  table-layout: fixed; }
  #score-sheet td {
    border: 2px solid #f6f4f2;
    overflow: hidden;
    white-space: nowrap; }
  #score-sheet .name {
    width: 27.77778%;
    text-align: left;
    padding-left: 3px; }
    #score-sheet .name.missing {
      color: grey;
      font-style: italic; }
  #score-sheet tr {
    height: 0px; }
  #score-sheet tr.my-turn .name {
    background-color: #ffc0c0; }
  #score-sheet tr.my-sub-turn .name {
    background-color: #ffe0e0; }
  #score-sheet .luxor,
  #score-sheet .tower,
  #score-sheet .american,
  #score-sheet .festival,
  #score-sheet .worldwide,
  #score-sheet .continental,
  #score-sheet .imperial {
    width: 5.55556%;
    text-align: center; }
  #score-sheet .cash,
  #score-sheet .net,
  #score-sheet .teams {
    width: 16.66667%;
    text-align: right;
    padding-right: 3px; }
  #score-sheet .teams {
    border: none;
    background-color: white;
    display: none; }
  #score-sheet .team-border-bottom {
    border-bottom: 2px solid #f6f4f2; }
  #score-sheet .team-border-right {
    border-right: 2px solid #f6f4f2; }
  #score-sheet .team-net {
    background-color: white;
    border: 2px solid #f6f4f2; }

.score-sheet-player {
  background-color: white;
  display: none; }
  .score-sheet-player .safe {
    background-color: #ffc080; }

#score-sheet-available td,
#score-sheet-chain-size td,
#score-sheet-price td {
  background-color: #c0ffff; }

#score-sheet-available .safe,
#score-sheet-chain-size .safe,
#score-sheet-price .safe {
  background-color: #ffc080; }

#lobby,
#options,
#global-chat,
#game-chat,
#templates {
  display: none; }

#game-tile-rack,
#game-action,
#game-history,
#game-history-new-messages,
#game-status,
#game-buttons,
#lobby,
#options,
.chat-history,
.chat-history-new-messages,
.chat-message {
  position: absolute;
  box-sizing: border-box; }

#game-tile-rack .button-hotel {
  visibility: hidden; }

#game-action {
  overflow: hidden; }
  #game-action > div {
    display: none; }

#lobby,
#options,
.chat-history,
#game-history {
  padding: 0 2px;
  overflow-y: scroll; }

#game-history .game-state {
  font-weight: bold; }

#game-history-new-messages,
.chat-history-new-messages {
  display: none;
  background-color: lightgreen;
  overflow: hidden;
  line-height: 22px; }

.game-history-turn-began {
  border-top: 1px solid black;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: block;
  text-align: center;
  margin: 0;
  padding: 0; }
  .game-history-turn-began legend {
    padding: 0 5px; }

#game-status {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap; }

#options .header {
  font-weight: bold; }

.disabled {
  color: grey; }

#global-chat .chat-message,
#global-chat .chat-message-contents,
#game-chat .chat-message,
#game-chat .chat-message-contents {
  color: blue; }

#game-buttons {
  overflow: hidden; }

#option-volume {
  text-align: right; }

#game-action fieldset {
  display: inline-block;
  margin: 0;
  padding: 0 3px 3px; }
  #game-action fieldset legend {
    padding: 0 5px; }

#game-action-dispose-of-shares span {
  display: inline-block;
  text-align: right;
  width: 1.5em; }

#game-action-dispose-of-shares input {
  color: black; }
  #game-action-dispose-of-shares input:disabled {
    color: grey; }

#game-action-purchase-shares input:disabled {
  background-color: lightgrey;
  color: #555; }

#ps-row1 > * {
  vertical-align: top; }

#ps-cost-table tr :nth-child(1) {
  text-align: left; }

#ps-cost-table tr :nth-child(2) {
  text-align: right;
  width: 4em; }

span.username {
  white-space: nowrap; }

.button-hotel {
  font-weight: bold;
  padding: 1px; }
  .button-hotel:focus {
    box-shadow: 0px 0px 2px 0px #323232; }