body { width: 920px; margin: 8px auto; font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif; font-size: 70%; text-align: left; }
table, td { font-size: 100%; text-align: left; }
th { text-align: center; }
form { margin: 0; }
a { color: #c97000; }
a:hover { color: #666; }
ul, ol { text-align: left; }
pre { font-family: Consolas, Lucida Console, Courier New, Courier, Monospaced; font-size: 120%; text-align: left; }
abbr { border-bottom: 1px dotted #333; }
h1 { clear: both; background: #bbb; font-size: 167%; font-weight: normal; text-align: left; margin: 0.25em 0 0.25em 0; padding: 0.15em; }
h2 { clear: both; background: #ddd; font-size: 130%; font-weight: normal; text-align: left; margin: 0 0 0.25em 0; padding: 0.15em; }
h1 input { font-size: 67%; }
input, select { font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif; font-size: 120%; border: 1px solid #999; }
input:disabled, select:disabled { background: #ebebe4; }

#notice { background: #8f8; margin: 1px; padding: 0.3em; border: 1px solid #3f3; font-size: 100%; text-align: left; }
#error { background: #fbb; margin: 1px; padding: 0.3em; border: 1px solid #f33; font-size: 100%; text-align: left; }

#notYet { font-size: 167%; text-align: center; }

.floatLeft { float: left; margin: 0.5em 1em 0.5em 0; }
.floatRight { float: right; margin: 0.5em 0 0.5em 1em; }

#header { width: 100%; height: 100px; font-size: 100%; margin: 0; padding: 0; border-bottom: 2px solid #666; text-align: center; }
#title { width: 18%; height: 100%; padding: 0em; background: #ddd; float: left; }
#title #logo { width: 100%; height: 100%; object-fit: contain; }
#countdownArea { width: 60%; height: 100%; padding: 0em; background: #ddd; float: left; }
#countdownArea td { text-align: center; }
#menu { width: 22%; padding: 0em; background: #ffdebf; text-align: center; vertical-align: text-top; float: left; }
#menu a { color: #666; }
#menu a:hover { color: #c97000; }
#menu #name { font-size: 120%; font-weight: bold; background: #ffaa5e; border-bottom: 2px solid #c97000; }

#countdown { font-weight: bold; font-size: 190%; padding: 0.3em; }
#countdown span { padding: 0.15em; }

#login input { font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif; font-size: 100%; text-align: left; }
#login .label { font-weight: bold; text-align: right; }
#login #loginButton { background: #ffaa5e; text-align: center; }

#adminPanel { background: #c97000; color: #fff; border-bottom: 2px solid #666; text-align: center; }
#adminPanel span { margin: 0 0.5em; }
#adminPanel a { color: #ffdebf; margin: 0 0.25em; }
#adminPanel a:hover { color: #ccc; }

#main { width: 100%; margin: 0.5em 0; padding: 5px; }

#bracket { width: 650px; float: left; }
#bracket table { margin-bottom: 1em; }
#bracket .submit { text-align: center; background: #ffdebf; margin: 1em 0; padding: 0.3em; }
#bracket .submit input { background: #ffaa5e; border: 1px solid #c97000; }

#footer { clear: both; width: 100%; margin: 0; color: #666; font-size: 100%; padding: 0.3em; border-top: 2px solid #666; border-bottom: 1px solid #666; background: #eee; }
#footer a, #footer a:visited { color: #666; }
#footer a:hover { color: #c97000; }

#nav { margin: 0 0.2em; padding: 0.2em; }
#nav ul { padding-left: 1em; }
#nav li { list-style-type: none; margin: 0; padding: 0; }

#settings input { font-family: Tahoma, Verdana, Arial, Helvetica, Sans Serif; text-align: left; }
#settings .label { font-weight: bold; text-align: right; }

#intro { font-size: 120%; padding: 0.5em; }

#social { width: 250px; }
#socialPrompt { font-weight: bold; padding: 0.5em 0; }

#scores { width: 250px; }

#standings { background: #ffdebf; padding: 0.5em; text-align: center; }
#standings h1 { background: #ffaa5e; font-size: 130%; text-align: center; border-bottom: 2px solid #c97000; margin: 0.25em 0 0.5em 0; }
#standings #yourScore { text-align: center; font-weight: bold; font-size: 215%; }
#standings #outOf { text-align: center; font-weight: bold; font-size: 130%; color: #666; }
#standings .roundScore { text-align: right; }
#standings .roundAvailable { text-align: left; color: #666; }
#standings #rankings .score { text-align: right; }

#faq { margin-top: 2em; }
#faq table { margin: 0.3em; }
#faq .question { font-weight: bold; font-size: 130%; margin-top: 1em; margin-bottom: 0.5em; }
#faq p, #faq li { margin-top: 0.5em; margin-bottom: 0.5em; }

.podLocation { font-weight: bold; font-size: 83%; text-align: center; vertical-align: middle; }
.matchup { text-align: left; padding: 0.3em; }

.pick { text-align: center; padding: 0.3em; }
.pick input { text-align: center; margin: 1px; border: 1px solid #999; }
.pick .invalid { background: #fee; color: #c33; font-weight: bold; }
.pick .invalid:disabled { color: #999; }
.pick .right { background: #8f8; color: #545454; }
.pick .wrong { background: #fbb; color: #545454; }

.pick .gameTime { font-size: 100%; text-align: center; }
.pick .network { font-size: 83%; text-align: center; }
.pick .winner { font-size: 100%; font-weight: bold; text-align: center; }
.pick .gameResult { font-size: 83%; text-align: center; color: #999; }

.pick .locks { font-size: 83%; font-weight: normal; color: #999; }
.pick .locked { font-size: 83%; font-weight: bold; color: #999; }
.pick .points { font-size: 83%; font-weight: bold; color: #080; }
.pick .noPoints { font-size: 83%; font-weight: normal; color: #c00; }

.seed { font-size: 83%; color: #666; padding-right: 0.35em; font-weight: normal; }

.explain, .explain a { clear: both; text-align: left; color: #666; }
.explain a:hover { color: #c97000; }