/*
div { border: thin solid red; }
img { border: thin solid yellow; }
*/

body {
    font-family: "arial", "helvetica", "sans-serif";
    font-size: 0.9em;
    padding: 0em;
    margin: 0em;
    background-color: #BBB;
    color: black;
}

div#header {
    background-color: #04D;
    padding: 1em 1.3em 0em 1.3em;
}

div#header img {
    border: none;
}

div#content {
    background-color: white;
    clear: both;
    padding: 1.5em 2em 1.5em 2em;
    /* Do something sensible in case of floated content */
    overflow: auto;
}

div#content p {
    padding-left: 3em;
}

div#footer {
    color: white;
    background-color: #04D;
    text-align: center;
    padding: 0.1em;
}

div#footer p {
    margin: 0.5em;
}

div#footer a {
    color: #F44;
}

div.clear {
    clear: both;
}

img#img-logo {
    float: right;
}

div#buttons img {
    padding: 0.7em 1em 0.7em 1em;
    /*border-radius: 0.7em;*/
    /* browser-specific hacks until CSS3 is finalised */
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
}

div#buttons img.on {
    background-color: #69F;
}

div#buttons img.off {
    background-color: inherit;
}

div#buttons img.selected {
    background-color: #69F;
}

div#title-spacer {
    height: 2.2em;
}

div#buttons ul {
    padding: 0em;
    margin: 0em;
}

div#buttons li {
    display: inline;
    margin: 0em 1.5em 1em 0em;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1em;
}

div.seminars {
    margin: 0.5em 3em 0.5em 3em;
    padding: 0.5em;
    border: 1px solid #999;
    background-color: #EEE;
}

div.seminars p {
    margin: 0em;
    padding-left: 0em !important;
    
}

ul, ol {
    /* Almost the same as the (Firefox) default, but make it match my 'p'
     * default */
    padding-left: 3em;
}

.indent {
    margin-left: 3em;
}

legend {
    font-weight: bold;
    color: white;
    border: 1px solid black;
    background-color: red;
    padding: 0.1em 0.4em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

fieldset {
    border: 1px solid gray;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.notification {
    background-color: #DDF;
    border: 0.1em solid #04D;
    overflow: auto;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    margin: 1em 3em 1em 3em;
    padding: 0.5em !important;
}

.notification:before {
  content: 'NOTE: ';
  font-weight: bold;
}

.notification #icon {
    float: left;
    vertical-align: top;
}

@media handheld, print, projection, screen, speech, tv {
  .accessibility {
    display: none;
  }
}

.venue td {
  vertical-align: top;
}

.venue dl {
  margin-top: 0em;
  padding-right: 2em;
}

.box {
    background-color: #e5e5ff;
    border: 0.1em solid #66f;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    margin-bottom: 1em;
    padding: 0.5em;
}

.box p {
    padding-left: 0em !important;
}

table.classes {
  border-collapse: collapse;
  border: 1px solid gray;
  margin-left:  3em;
  margin-right: 3em;
}

table.classes thead {
  background-color: #ccc;
  font-weight: bold;
}

table.classes td, table.classes th {
  border: 1px solid gray;
  padding: 0.3em;
}