/* quickgra.de main.css*/
body {background-color: #f6f6f6;}
html, body, * {font-family: Futura, Calibri, Verdana, sans-serif; font-style: italic; font-size: 14pt; color: #264C4C;}

#banner {margin-bottom: 10pt; margin-left: 60px; display: block;}

.copy, .copy * {text-align: left; font-size: 10pt; font-style: normal; line-height: 120%; margin-bottom: 1em;}
.copy li {margin: 0; padding: 0;}
.copy a {}
.copy a:hover {background-color: #00CCB2; color: white;}

form {margin-left: auto; margin-right: auto}
input[type="text"] {font-family: "American Typewriter",Consolas,Andale Mono,monospace; font-style: normal; font-size: 22pt; width: 60pt; background-color: #DBD3D8;}
input[type="button"] {margin-bottom: 10pt; padding: 12pt; width: 100%;}
input[type="checkbox"] {margin-left: 10pt; }

#clearbutton {font-size: 24pt;}
#incrementbutton {font-size: 46pt;}
#scorediv {font-family: "American Typewriter",Consolas,Andale Mono,monospace; font-style: normal; padding: 16pt; font-size: 54pt; background-color: #CC4C00; color: #fff; display: block; text-align:center; border: 1px solid #eee;}

.centered {margin: 10pt 0 10pt 0; text-align: center; vertical-align: middle;}
.centered * {display: inline;}
.centered input:first-child :after {margin-left: 10pt;}

#gradetable td {font-family: Consolas,Andale Mono,monospace; font-style: normal; font-size: 12pt; }
#gradetable {margin-left: auto; margin-right: auto;}
#gradetable tr.even {background-color: #eee;}
#gradetable tr.odd {background-color: #ddd;}
#gradetable tr:hover {background-color: #00CCB2;}
#gradetable tr td:first-child {text-align: right;}
#gradetable td {margin: 0; padding: 0; padding: 0 10pt;}
#gradetable tr {margin: 0; padding: 0;}

.invalid {background-color: red !important;}
.highlighted {background-color: #00CCB2 !important;}

#highlightbox {margin: -8px; border: 8px solid #00CCB2; position: absolute; z-index: 10;}

.addthis_toolbox a:hover {background-color: transparent;}
#at20mc *, #at15s * {font-family: sans-serif; font-style: normal; font-size: 100%; color: #222;}