@charset "UTF-8";
#levelPreview           { border: 1px solid #000000; width: 160px; height: 120px; position: absolute; left: 148px; }
#snake-levelSelector    { border: 1px solid #000000; width: 400px; height: 140px; position: absolute; right: 8px; bottom: 36px; z-index: 1; }
#snake-levelList        { border: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; overflow-y: scroll; }
#snake-levels           { width: 100%; border-collapse: collapse; background-color: #444444; }

.snake-canvas           { border: 1px solid black; /* background-color: #555555; */ background-image: url(snake-background.gif); }

.snake-level            { height: 20px; }
.snake-level-completed  { color: #00ff00; }
.snake-level-unlocked   { color: #ffff00; }
.snake-level-locked     { color: #ff0000; }
.snake-level-selected   { background-color: #888888; cursor: pointer; }

.snake-level-number     { }
.snake-level-name       { }

.snake-menu             { background-color: rgba(0,0,0,0.5); font-family: monospace; font-size: 8pt; font-weight: bold; }
.snake-menu-version     { position: absolute; width: 150px; left: 10px; bottom: 10px; color: #aaaaaa; text-align: left; font-size: 8pt; }
.snake-menu-players     { position: absolute; width: 250px; left: 8px; bottom: 120px; color: #ffffff; }
.snake-menu-players input { vertical-align: text-bottom; }