body {
	background: #fff;
    font-family: monospace;
}

#clock {
    text-align: center;
}
#clock-display {
    font-size: 8em;
    margin: 0;
}

#signature-back {
    text-align: center;
    margin-top: 1em;
    font-size: 4em;
}

.window {
	position: fixed;
	width: 40em;
	height: 20em;
	border: none;
    border-radius: 0.5em;
	box-shadow: 0 0 2em rgba(0,0,0,0.3);
	background: transparent;
}

.window-content {
	background: #fff;
	color: #000;
	padding: 0.5em;
    border: 1px solid #000;
    border-radius: 0 0 0.5em 0.5em;
}

.window-input {
	display: block;
	font-family: monospace;
	width: calc(100% - 1em);
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
    padding: 0.5em;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	outline: 0;
}

.window-top, .window-top-no-bind {
	cursor: move;
	text-align: left;
	height: 1em;
	border: 1px solid rgba(0,0,0,0.5);
    border-radius: 0.5em 0.5em 0 0;
	padding: 0.5em;
	background-color: #444;
    color: #fff;
}

.window-top-no-bind {
	cursor: inherit;
}

.window-close {
    margin: 0;
    float: right;
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
}
.window-close:before,
.window-close:after {
    position: absolute;
    right: 1.15em;
    top: 0.45em;
    content: ' ';
    height: 1.5em;
    width: 2px;
    background-color: #fff;
}
.window-close:before {
    transform: rotate(45deg);
}
.window-close:after {
    transform: rotate(-45deg);
}

#sessionWindow {
	z-index: 999;
	width: 40em;
	height: auto;
}
#sessionWindow .window-content {
    height: 20em;
}

#guideWindow {
    z-index: 998;
    width: 40em;
    height: auto;
}
#guideWindow .window-content {
    height: 48em;
    overflow: auto;
}

#promptWindow {
    z-index: 1002;
	width: 40em;
	height: auto;
}
#promptWindow .window-content {
    height: 16em;
}

.button {
    margin: 0.5em;
    padding: 1em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.red {
    background-color: #d00;
}
.green {
    background-color: #0b0;
}
.blue {
    background-color: #08e;
}
.gray {
    background-color: #aaa;
}
.right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.thumb {
    width: 12em;
    display: inline-block;
    padding: 0.5em;
    background-color: #eee;
    border-radius: 0.5em;
}
.tright {
    float: right;
}

a {
    color: #08e;
}

iframe {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0 0 0.5em 0.5em;
}