body {background: black;}
.PuzzlePiece {background: black; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
.PuzzlePieceRed {background: red; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
.PuzzlePieceOrange {background: orange; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
.PuzzlePieceYellow {background: yellow; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
.PuzzlePieceGreen {background: green; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
.PuzzlePieceBlue {background: blue; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
.PuzzlePiecePurple {background: purple; color: black; font-family: Courier, "Courier New", monospace; font-size: 50px; text-align: center; cursor: default;}
#MenuBox {
position: absolute;
left: 30%;
width: 40%;
background: white;
border: 2px solid black;
padding: 10px;
cursor: default;
}
.MenuTitleBackground {background: black; color: black; font-family: Courier, "Courier New", monospace; font-size: 40px; text-align: center; cursor: default;}
.MenuTitleRed {background: red;}
.MenuTitleOrange {background: orange;}
.MenuTitleYellow {background: yellow;}
.MenuTitleGreen {background: green;}
.MenuTitleBlue {background: blue;}
.MenuTitlePurple {background: purple;}
.MenuHeader {
width: 100%;
color: black; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 30px; text-align: center; font-weight: bold; text-decoration: underline; font-variant: small-caps;
cursor: default;
}
.MenuTextCenter {
color: black; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: center;
cursor: default;
}
.MenuTextLeft {
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left;
cursor: default;
}
.MenuTextRed {color: red; font-weight: bold;}
.MenuTextOrange {color: darkorange; font-weight: bold;}
.MenuTextYellow {color: #cccc00; font-weight: bold;}
.MenuTextGreen {color: green; font-weight: bold;}
.MenuTextBlue {color: blue; font-weight: bold;}
.MenuTextPurple {color: purple; font-weight: bold;}
.MenuClose {
float: right;
cursor: hand; cursor: pointer;
background: black; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: center;
}
.MenuCloseInverse {
float: right;
cursor: hand; cursor: pointer;
background: #666666; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: center;
}
.Button {
cursor: hand; cursor: pointer;
background: black; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: center;
}
.ButtonInverse {
cursor: hand; cursor: pointer;
background: #666666; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: center;
}
.ButtonTitle {
cursor: hand; cursor: pointer;
background: black; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; text-align: center;
}
.ButtonTitleInverse {
cursor: hand; cursor: pointer;
background: #666666; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px; text-align: center;
}
.ButtonLevel {
cursor: hand; cursor: pointer;
background: black; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left;
}
.ButtonLevelInverse {
cursor: hand; cursor: pointer;
background: #666666; color: white;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left;
}
.LevelCodeHidden {
visibility: hidden;
padding: 4px;
cursor: default;
color: black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left;
}
.LevelCodeButton {background: black; color: white; font-weight: bold; text-align: center; border: 2px solid black; cursor: hand; cursor: pointer;}
.LevelCodeButtonInv {background: #666666; color: white; font-weight: bold; text-align: center; border: 2px solid black; cursor: hand; cursor: pointer;}
#LevelCodeBox {background: white; color: black; text-align: left; border: 2px solid black;}
.LevelChooser {height: 80px; overflow: auto;}
#LevelChosen {font-weight: bold;}
#LevelCodeIncorrect {color: red; font-size: 10px; text-align: center;}
.ScrollText {height: 200px; overflow: auto;}
.Question {
cursor: hand; cursor: pointer;
background: white; color: black;
border: 2px solid white;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left; font-weight: bold;
}
.QuestionInverse {
cursor: hand; cursor: pointer;
background: #cccccc; color: black;
border: 2px solid black;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left; font-weight: bold;
}
.MenuTextHidden {
visibility: hidden;
height: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left;
cursor: default;
}
.MenuTextVisible {
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; text-align: left;
cursor: default;
}