/* fonts */
body, .serif { font-family: Georgia,"Times New Roman",Times,serif; }
div.eventname, span.title3, div.schedule_gridcell div.label, div.schedule_leftheadercell, .sans-serif { font-family: Arial,Helvetica,sans-serif }

/* general things */
body { background-color: #f8f8f8; color: #000; margin: 0; font-size: 12pt }
a:link, a:visited { color: #880000; text-decoration: none }
a:hover, a:active { color: #dd0000; text-decoration: underline }
h1 { font-size: 24pt; text-align: center; margin: 0 0 12px }
h1.hassuffix { margin-bottom: 0 }
h2 { font-size: 18pt }
table { margin: auto }
th, td { vertical-align: top }


/* layout things */
div#header { height: 90px; background-image: url(/static/img/layout/header-edges.gif); background-repeat: repeat-x; margin: 0 }
div#headerimg { position: relative; width: 700px; height: 90px; background-image: url(/static/img/layout/header.gif); background-repeat: no-repeat; margin: 0 auto; }
a#headerbar { position: absolute; display: block; width: 700px; height: 60px; top: 0; left: 0 }
div#headerimg span { display: none }

div.eventname { text-align: center; font-size: 12pt; color: #666; text-transform: uppercase }
div.textblock { max-width: 680px; margin: auto }
div.pagetype { text-align: center; font-size: 12pt; color: #666; text-transform: uppercase }
div.nav { padding-top: 24pt; padding-bottom: 24pt; text-align: center }
div.nav span { display: inline-block; background-color: #dddddd; padding: 5px }
div.legal { padding: 1em; width: 680px; margin: 0 auto; border-top: 1px solid #ccc }
.legal { color: #999; font-size: 8pt }
.legal a:link, .legal a:visited { text-decoration: underline; color: #999 }
.legal a:hover, .legal a:active { text-decoration: none }

div.message { max-width: 680px; background-color: #ddd; padding: 1em; text-align: center; margin: 1em auto }

ul.errorlist { padding: 0; margin: 0 }
ul.errorlist li { list-style-type: none; display: block; color: #990000; font-size: smaller }

table#nav { font-size: 10px; line-height: 12px; background-color: #dddddd; width: 700px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; margin-bottom: 12px }
table#nav td, table#nav th { padding: 3px }
table#nav th { width: 150px; text-align: right }

td#breadcrumb { }
td#breadcrumb a:link, td#breadcrumb a:visited { color: #777; text-decoration: underline }
td#breadcrumb a:hover, td#breadcrumb a:active { color: #555; text-decoration: none }

ul#nav { position: absolute; left: 20px; bottom: 0px; right: 0px; height: 24px; line-height: 24px; padding: 3px; margin: 0; color: #ffffff }
ul#nav li { display: inline; font-weight: bold }
ul#nav li a:link, ul#nav li a:visited { padding: 3px 15px; color: #ffffff }
ul#nav li a:hover, ul#nav li a:active { background-color: #330000; color: #ffffff; text-decoration: none }

div#body { padding: 10px }
span.title1 { font-size: 36px; text-transform: lowercase; font-weight: bold; color: #fbb }
span.title2 { font-size: 36px; color: #ffffff }
span.title3 { font-size: 12px; color: #c66 }

/* form table stuff */

table.form { max-width: 700px; background-color: #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius: 4px; line-height: 20px }
table.form th, table.form td { padding: 3px }
table.form th { text-align: right; padding-left: 15px }
table.form td { text-align: left; padding-right: 15px }
div.buttons { text-align: center; max-width: 700px; padding: 3px; margin: 6px auto 12px }

/* info table stuff */

table.info th, table.info td { padding: 10px }
table.info th { text-align: right }
table.info td { text-align: left }
table.info p:first-child { margin-top: 0 }
table.info p:last-child { margin-bottom: 0 }
table.info tr.odd th, table.info tr.odd td { background-color: #dddddd }

/* block list stuff */
p.tinylist { color: #999; margin-left: 2em; margin-top: -1em; font-size: 8pt }
p.tinylist a:link, p.tinylist a:visited { color: #999; text-decoration: none; white-space: nowrap }
p.tinylist a:hover, p.tinylist a:active { color: #000; text-decoration: underline }

/* schedule grid stuff */
div.schedule_container { position: relative; background-color: #ccc; margin: auto }
div.schedule_grid { position: absolute; bottom: 0px; right: 0px }
div.schedule_headertop { position: absolute; top: 0px; right: 0px; background-color: #ddd }
div.schedule_topheadercell { position: absolute; bottom: 0px; text-align: center; padding: 3px; font-size: 9pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
div.schedule_topaxislabel { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; text-transform: uppercase; font-size: 8pt; font-weight: bold; padding: 3px; text-align: center }
div.schedule_headerleft { position: absolute; left: 0px; bottom: 0px; background-color: #ddd }
div.schedule_leftheadercell { position: absolute; text-align: right; padding: 3px; left: 0px; right: 0px; font-size: 9pt }
div.schedule_gridcell { position: absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 8pt; color: #fff; font-weight: bold; background-color: #900; cursor: pointer; z-index: 0 }
div.schedule_gridcell div.label { position: absolute; top: 0; left: 2px; right: 2px; bottom: 15px; overflow: hidden; cursor: pointer; white-space: nowrap }
div.schedule_gridcell div.main { position: absolute; top: 15px; left: 2px; bottom: 2px; right: 2px; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-radius: 0 0 4px 4px; background-color: #ffffff; padding: 0 2px; color: #000; font-size: 8pt; font-weight: normal; cursor: pointer; overflow: hidden; text-overflow: ellipsis }
div.schedule_gridcell.hover { z-index: 1 }
div.schedule_gridcell.hover div.main { text-decoration: underline }

/* block table stuff */
table.blocklist { width: 100% }
table.blocklist tr.odd { background-color: #ddd }
table.blocklist tr.even { background-color: #fff }
table.blocklist td { vertical-align: top; padding: 6px 3px }
table.blocklist td.a { text-align: right; padding-left: 10px }
table.blocklist td.b { text-align: center }
table.blocklist td.c { text-align: right}
table.blocklist td.d { width: 100%; padding: 6px 10px; text-align: left }