/* RESET EVERYTHING*/
*,html,body {padding:0; margin:0;}

/* Set Font-Family */ 
body {font-family: Arial, Trebuchet, "Times New Roman";}

#header {}
     h1 a {font-weight: normal; text-decoration: none; color: #333333; padding-left: 5px;}
     h1 a span {font-size: .8em; color: #CCCCCC;}

     #header p {height: 36px; margin-top: .5em; background: url('../images/banner.jpg') repeat-x; font-weight: bold; color: #FFFFFF; padding-top: 10px; padding-left: 5px;}
     p span {color: #999999;}
div#lastmin {width: 66%; border: 1px solid #ECECEC; margin: 0 auto 3em; padding: 1em; background: #FFFFCC; font-size: 1.1em; color: #666;}


#content { padding-top: 10%; position: relative;}
     h2 { position: relative;width: 80%; margin: 0 auto 10px; padding: 10px 0 7px 0; border-bottom: 1px solid #CCC; font-size: 1.2em; font-weight: normal; color: #FFFFFF;}
     h2 span {background: #7E1616; margin-right: 5px; display: inline; padding: 6px; border: 3px solid #E1E1E1;}
     h2 span a {color: #FFFFFF; text-decoration: none;}
	 h2 span.current { color:#FFFFFF; background: #681;} 
	 h2 span#resultview {border: none; background: none; float: right; position: absolute; right: 0; top: 0px;}
     h2 span#resultview a {color: #003366; text-decoration: none; margin:0 20px; background: #F1F1F1; font-size: .9em; font-weight: bold; padding: 5px 10px;}
	 h2 span#resultview a.currentview {background: #DDD; color: #115599}
	 #subnav {width: 80%; margin: auto; background: #FFFFFF; color: #CCCCCC; PADDING: 0; }
     #nav {position: absolute; top: .1em; right: 1%;}
     #nav a {color: #888; text-decoration:none; font-size: 1.2em; }
     div#login {width: 30%; margin: 0 auto; position: relative; }
       #login p span {color: #8E2828; font-size: 1.2em;}
       #login h3, #details h3 {color: #333; border-bottom: 1px solid #DDD; margin-bottom: 1em; font-size: 1.5em;}
        #login input#username, #login input#password {margin: .1em 0 1em; width: 90%; font-size: 1.5em;}
        #login input#submit {display: block; width: 91%; border: 1px solid #ECECEC; background: #333; color: #FFF; padding: .1em 0; font-size: 1.1em;}
        #date {background: #FFFFEE; padding: .5em; display: block; text-align: center; border: 1px dashed #CCC;}
         .teams {width: 70%; margin: 0 auto 1em; border: 2px solid #F1F1F1; padding: 0 0 6em 0; display: block; position: relative; }
         .teams legend {padding: .1em 1em; border: 1px solid #ECECEC; margin-left: 1em; background: #F1F1F1; color: #333; font-weight: bold; }
         
         .teams table td {padding: .3em .5em; color: #114466; }
         .quizzers, .teamname {font-size: 1em; border: 1px solid #ECECEC; background: #F8F8F8;}
       
         form p#sub {width: 70%; margin: .5em auto;}
         .registerteam {width: 53%; float: left;}
         table.registerdetails {width: 40%; position: absolute; right:0; }
		  .teams table td.rk {text-align: center;}
		   .notes { margin:0; padding:0; width: 14em;height: 110%;}
		   .dropmenu {width: 12em; border: 1px solid #ECECEC; font-size: 1em;}
	  #confirmation { font-size: 1.1em; width: 70%; margin: 0 auto 2em; border: 5px solid #EEE; padding: .5em; background: #114466; color: White;}
          #confirmation a {font-size: 1em; text-decoration: none; color: #FFA; font-weight: bold;}   
          .toggleLinks {width: 70%; margin: -2em auto 2em;}
          .toggleLinks a {line-height: 2em; margin-right: 1em; border: 4px solid #ECECEC; padding: .2em 2em; text-decoration: none; color: #FFF; background:#580; }
          .toggleLinks h3 {font-size: 2em; color: #444;}
          .toggleLinks ol {margin-bottom: .5em;}
          .toggleLinks ol li {margin-left: 1.5em;}
		  #register {border: 1px solid #F1F1F1; background: #333; color: white; padding: .5em 1em;}
         #team2 legend {background: #A00; color: white;}
         #team3 legend {background: #15A; color: white;}
	 #schedule, #results {padding: 5px; background: #FFFFFF;  margin: 0 auto 10%; width: 80%; border-spacing: 0px; border: 6px solid #EFEFEF;}
     #schedule th, #results th {height: 52px; color: #FFFFFF; background: url('../images/tableheading.jpg') repeat-x; background-color: #333333;}

	 #schedule tr#head, #results tr#head {background: url('/images/tableheading.jpg') repeat-x;}
     #schedule td, #schedule th {font-size: 1.2em; text-align: center; border: 2px solid #FFFFFF;}
	 #results td, #results th {font-size: 1.2em; text-align: left; border: 2px solid #FFFFFF;}
     #results th {padding-left: .5em;}
	 #results span {color: #444;}
	 #results .score {color: #8E2828; text-align: center; }
	 #schedule td, #results td {padding: .9em; background: #F8F8F8; color: #003366;}
	 #results td {padding: .4em;}
     #schedule .odd td, #results .odd td {background: #EBEBEB;}
     #schedule td a, #results td a {text-decoration: none; color: #8E2828;}
     #schedule  .no {text-indent: -9999px; background: #F8F8F8 url('../images/nol.jpg') no-repeat center;}
     #schedule .yes {text-indent: -9999px; background: #F8F8F8 url('../images/yesl.jpg') no-repeat center;}
     #schedule .odd .no {text-indent: -9999px; background: #EBEBEB url('../images/nod.jpg') no-repeat center;}
     #schedule .odd .yes {text-indent: -9999px; background: #EBEBEB url('../images/yesd.jpg') no-repeat center;}

     #content div#details {width: 75%; margin: 0 auto;}
     #content div#details p {margin: 1em 0; }
     #content div#details ul, #details ol { margin: 1em 0; padding-left: 3em; display: block;  width: 100%; }
     #content div#details ol li {margin: .5em 0;}
     #content div#details strong {color: #235;}
	 #footer {text-align: center; margin-top: 5em;}
#registerlink {font-size: 1.2em;width: 300px; padding: 1em 1em 0 0; }
#registerlink a {color: #800; text-decoration:none;}
#confirm {width: 60%; margin: 0 auto 4em; list-style: none; padding:0; }
#confirm li {margin-top: .5em; }
#confirmh3 { width: 70%; margin: 0 auto; margin-bottom: 1em; color: #555;}