/* South Oxfordshire Quiz League 2007 */

body { color: #000080; background: #FFFFFF; margin: 0; text-align: center; font: 80% Arial, Helvetica, sans-serif;}
#page { position: relative; width: 800px; margin: 0 auto 20px auto; text-align: left; padding: 0 0 30px 0; border-bottom: 1px solid #1B80C9;}
#pagetop { height: 145px; background: #FFFFFF url("images/pagetopl.gif") no-repeat;}
h1 { display: none;}
h2 { color: #CCCCFF; background-color: #1B80C9; margin: 5px 0 15px 0; padding: 5px 40px; font-size: 150%; font-weight: normal;}
h3 { font-size: 120%;}
h4 { font-size: 120%;  text-transform: uppercase; border-bottom: 1px solid #1B80C9;}
h3, h4, p, .key, .note, .comment { margin: 0 40px 15px 40px;}
table { width: 716px; margin: 0 40px 15px 40px; border-collapse: collapse; text-align: left;}
th, td { padding: 3px; text-align: left;}
td { color: #1B80C9;}
a { color: #1B80C9; text-decoration: none;}
#ltable td, #ltable th.number { width: 50px; text-align: right; padding-right: 10px;}
#ltable thead tr { border-bottom: 1px solid #000080;}
#ltable tbody th, #ltable tbody td { border-bottom: 1px solid #CCCCFF;}
#ltable tbody { color: #1B80C9;}
#ltable tbody th {width: 200px; font-weight: normal;}
#ftable td { font-size: 90%;}
#ftable th { color: #CCCCFF; background-color: #000080;}
#ftable .score { width: 30px; padding-right: 120px; text-align: right;}
.round td { color: #CCCCFF; background-color: #1B80C9;}
.key { line-height: 150%;}
.champ { color: #CCCCFF; background-color: #4040FF;}
.winners { color: #CCCCFF; background-color: #CC0000;}
#messagebox { margin: 10px 0; padding: 10px; border: 1px solid #1B80C9;}
#messagebox p { margin: 0 0 5px 0; padding: 0;}
#contactmessage { position: absolute; top: 52.5ex; right: 50px; width: 230px; padding: 10px; border: 1px solid #4040FF;}
#advert { position: absolute; top: 150px; left: 225px; width: 310px; padding: 20px; background-color: #FFFFFF; border: 2px solid #1B80C9; display: none;}
#announcement { margin: 0 50px; text-align: center; border: 1px solid #1B80C9;}
#announcement p { margin: 0 0 15px 0; padding: 0;}
#announcement img { padding-bottom: 20px;}

form { width: 408px; margin: 0 40px 15px 0; padding: 0 0 0 35px; float: left;}
form ul { list-style: none; margin: 5px 50px 10px 50px; padding: 0;}
form li { margin: 0; padding: 5px 0;}
fieldset { margin: 0 0 15px 0; padding: 0; border: 1px solid #1B80C9;}
legend { margin-left: 5px;}
label { display: block; margin: 0 0 3px 0;}
input, textarea, select, option { width: 300px; font: 100% Arial, Helvetica, sans-serif; margin: 0; color: #000080;}
input, textarea, select { border: 1px solid #1B80C9;}
.submit { border: none; text-align: right;}
.submit #sent { width: 125px; margin: 0; color: #CCCCFF; background-color: #1B80C9; border-bottom: 2px solid #092B98; border-right: 2px solid #092B98; border-top: 2px solid #91B3CB; border-left: 2px solid #91B3CB;}
.errorbox { margin: 40px 40px 40px 0; color: #FF0000;}

.clear { clear: both;}
.close { text-align: right;}
.comment { border-bottom: 1px solid #1B80C9;}
.copt label, .copt input { text-align: left; display: inline; width: auto; border: 0;}
.emphasis { font-weight: bold; color: #FF0000;}
.headline { margin-bottom: 25px; font-size: 160%; font-weight: bold;}
.icon { vertical-align: middle; margin-right: 15px; border: none;}
.link { text-align: right;}
.score label { display: inline;}
.score input { width: 50px;}
.smalltext { font-size: 85%;}
.tail { margin: 0; text-align: right;}
.topic { padding-bottom: 20px;}

#navigation { position: relative; top: 115px; padding: 0 0 0 35%; text-align: right;}
#navigation ul { list-style: none; margin: 0 8px 0 0; padding: 0;}
/* Hidden from IE Mac \*/
#navigation ul { margin: 0;}
/* End of IE filter */
#navigation li { display: inline; margin: 0 0 0 -1px; padding: 0; color: #1B80C9;}
#navigation a, .link a{ color: #CCCCFF; margin: 0; padding: 3px 8px; text-decoration: none; background-color: #000080;}
#navigation a#knockout { background-color: #008811; white-space: nowrap;}
#navigation a.thispage { background-color: #1B80C9;}

#overlay { position: absolute; top: 145px; left: 20%; width: 60%; border: 3px solid #CCCCFF; background-color: #CCCCFF;}
#overlay h1 { display: block; font-size: 200%; text-align: center; margin-top: 20px;}
#overlay img { display: block; margin: 0 auto; text-align: center;}