body {
	background:#E0E0E0;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 110%;
}

#mainOuter { 
	margin:auto;
	width: 780px;
	text-align: left;
}

#mainInner { 
	background-color: #FFF;
	padding: 5px 35px;
	border-width: 0px 1px 0px 1px;
	border-color: #909090;
	border-style: solid;
}

#left {
    width: 49%;
    float: left;
}

#right {
    width: 49%;
    float: left;
    border-left: 1px solid black;

}

#footer {
	font-size: 80%;
	text-align: center;
	color: silver;
	clear: both;
}

#lower {
	clear: both;
	padding-top: 1em;
	border-top: 1px solid black;
	text-align: center;
	font-size: 200%;
}



h1 { 
	text-align: center;
}

.info {
    font-size: 70%;
}

.highlight {
    border: 2px solid green;
    background-color: LightGreen;
}

.clockBox {
    height: 200px;
    float: left;
    text-align:center;
}

.clockBox input {
    margin:auto;
    width: 4em;
}

.renderClock, .recogClock {
    width:140px;
    height: 140px;
    border:1px solid black;
}

.big {
    font-size: 120%;
    width: 1.5em;
    text-align: center;
    margin: 1px;
}

.button {
    width: 1.5em;
    border: 1px solid black;
    font-size: 120%;
    text-align: center;
}

table {
    border-collapse: collapse;
}

.stats, .stats td, .stats th {
    border: 1px solid black;
    padding:1px;
}

#keyboard {
    /*position:absolute;*/
    background-color: white;
}
#submit {
    font-size: 150%;
}

.f1 {
    font-weight: bold;
    text-decoration: underline;
}

.f2 {
    color: blue;
}

input {
    margin:2px;
    margin-right: 6px;
}