/*
 * Main stylesheet for keyboard application
 */

/* Input element attached to keyboard */
input.keyboard 
{
	background-color: #FFF5C5;
}

/* Icon for opening keyboard */
img.inputkeyboardicon {
    cursor:pointer;
    margin-left:5px;
}

/* Keyboard div */
div#keyboard {
	position: absolute;
	display: none;
	background-color: #FFF5C5;
	border: solid 2px #FFE361;
	margin: 5px;
	padding: 0px;
	font-family: monospace;
	font-size: 14pt;
    z-index: 100;
}

/* Close link */
div#keyboard a#closelink {
	position: absolute;
	right: 5px;
	bottom: 2px;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FACE00;
}

/* Keyboard container */
div#keyboard div#keyboardcontainer {
	padding: 20px;
	text-align: center;
}

/* Keyboard row container */
div#keyboard div#keyboardcontainer div.keyboardrowcontainer {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

/* Keys */
div#keyboard a.key {
	font-family: monospace;
	border-top: solid 1px #C8A500;
	border-left: solid 1px #C8A500;
	border-right: solid 1px #3C3100;
	border-bottom: solid 1px #3C3100;
	margin: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: #7E6800;
	text-decoration: none;
}

div#keyboard a.key:hover {
	background-color: #FFDA2D;
}

div#keyboard a.key:active {
	background-color: #FFDA2D;
	border-top: solid 1px #3C3100;
	border-left: solid 1px #3C3100;
	border-right: solid 1px #C8A500;
	border-bottom: solid 1px #C8A500;
}

/* Space key */
div#keyboard a#keyspace {
	padding-left: 50px;
	padding-right: 50px;
}

/* Shift key - shift on */
div#keyboard a#keyshifton {
	color: #FFF5C5;
	background-color: #7E6800;
	border-top: solid 1px #3C3100;
	border-left: solid 1px #3C3100;
	border-right: solid 1px #C8A500;
	border-bottom: solid 1px #C8A500;
}

/* Shift key - shift off */
div#keyboard a#keyshiftoff {
}