h1 { font-weight: normal; font-size: 1.5em; }
h2 { font-weight: normal; font-size: 1.3em; margin-bottom: .25em; margin-top: 1em; }

#topLeft { text-align: right; width: 30%; float: left; }
#topRight { height: 57px; position: relative; padding: 13px 0px 0px 20px; overflow: hidden; }
#middle { margin-top: 1em; }
#middleLeft { position: relative; width: 30%; float: left; clear: both; }
#middleCenter { position: relative; width: 70%; float: left; }

#topLeft a { text-decoration: none; }
#topRight h1 { margin: 0px; }
#topRight h2 { margin: 0px; font-size: 1em; font-weight: normal; color: #7292C1; }

#show_all, #hide_all { text-decoration: none; color: #589de3; border-bottom: 1px dotted #d8e0ed; margin-right: 2em; cursor: pointer; }
#show_all:hover, #hide_all:hover { color: #ff5e64; border-color: #ffaeb1; }
#show_all.inactive, #hide_all.inactive { text-decoration: none; border: none; color: #caccd2; cursor: auto; }

dl { margin-top: 2em; }
dt { margin-right: 1em; font-size: 1.25em; line-height: 1.5em; color: #7292c1; white-space: nowrap; }
dt.active { display: inline; border-bottom: 1px dotted #d8e0ed; cursor: pointer; }
dt.opened { display: block; color: #2b334c; border-color: #9599a6; }
dt:hover, dt.opened:hover { color: #e35883; border-color: #f1acc1; }
dd { margin: 1em -20px 3em -20px; padding-left: 20px; position: relative; }

.description { font-size: .85em; width: 42.8%; left: -42.8%; position: absolute; }

.mosaic { position: relative; }
.mosaic img { display: block; float: left; margin: 0px 0px -1px -1px; padding: 0px; border: 1px solid transparent; }
.mosaic img:hover { border: 1px solid #f1acc1; }
.mosaic-title { position: absolute; display: none; width: 42.8%; left: -42.8%; margin-top: -1.5em; text-align: right; }
.mosaic-title div { margin-right: 20px; padding: .25em .5em; background-color: #edf3fa; float: right; }

ul { margin: 0px; padding: 0px; }
li { margin-top: .5em; }
.details { color: #9599a5; font-size: .85em; }

#feedback { margin-top: 2em; }
#feedback legend { font-size: 1.25em; padding: 0px; margin: 0px; color: #2b334c; }
#feedback label { display: block; }
input, textarea { width: 95%; padding: 2px; }
#submit { width: auto; font-size: 1.5em; display: block; margin: 1em auto; }

.required { border: 1px inset #d8e0ed; }
.error-message { color: #e35883 !important; font-size: .9em !important; padding: 3px !important; width: 95% !important; }
.error { border: 1px inset #e35883; }
#submit { display: block; margin: 1em auto; font-size: 1.25em; width: auto; }

#recaptcha_area { margin: -7px; }
#recaptcha_area .recaptchatable { border: none !important; }
#recaptcha_response_field { border: 1px inset #d8e0ed !important; }
#recaptcha_response_field.error, .recaptcha_had_incorrect_sol #recaptcha_response_field { border: 1px inset #e35883 !important; }