html {font-family:helvetica;}
table {border-collapse:collapse; }
td {vertical-align:top;}

.game_board {border:7px solid #eee; background-color:#eee; position:relative;}
.space {background-color:lightgrey; border:1px solid #eee; padding:0;}
.space, .piece {width:80px; height:80px;}
.piece img {max-width:80px; max-height:80px; display:block;}

#logout-form, #login-form {display:inline;}

.red-player {background-color:red;}
.blue-player {background-color:blue;}

.highlight {background-color:yellow !important;}
.highlight .piece {background-color:orange;}
.dragging {opacity:0.5;}
/*input {width:80px; height:80px; background-color:green;}*/

/*h2 {background-color:#00808d; color:white; margin:1ex 0 !important; text-align:center; padding-top:.2ex;}*/
h2 {text-align:center; font-size:2em; margin:1ex;}
h1, h3 {text-align:center;}

p{ margin-left:5ex; margin-right:5ex;}

.player_indicator {padding:.7ex 1ex .4ex; margin:0 .5ex;}
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.player_indicator.current.red {background-color:red; color:white;}
.player_indicator.current.blue {background-color:blue; color:white;}

.game_controls {text-align:center;}
.game_controls > * {display:inline-block; vertical-align:top;}

.chat_box {width:406px; height:486px; border:7px solid #eee;}
.chat_messages {height:445px; text-align:left; overflow-y:scroll; padding:1ex;}
.chat_messages p {margin:.5ex;}
/*.chat_input {width:200px;} */
a {text-decoration:none; color:blue;}

.move {font-size:.8em; color:gray;}
.winner {position:absolute; right:50%; width:100%; margin-right:-50%; padding:.7ex 0 .4ex;
  margin-top:-1.5ex; color:white; top:50%; font-size:3em; background-color:red}
.winner.undecided {display:none;}
.winner.blue {background-color:blue;}
.winner.red  {background-color:red;}
/*.inner_winner {position:absolute; right:-50%;}*/

#new_user_panel {background-color:#fffabd;}
#new_user_panel form {display:inline;}

h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em; font-weight:normal;}
input {font-family:inherit; font-size:inherit;}
#header a {text-align:center; display:block;}
#header {margin:1ex 0 3ex;}