html {height: 100%;}
body {height: 100%; margin: 0; background: #CCCCFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;}
hr {width: 100%;}
ul, ol {margin: 0; padding-left: 40px;}
fieldset {margin-top: 6pt; margin-bottom: 6pt;}
h1, h2, h3, h4, h5, h6, h7 {margin-top: 0; margin-bottom: 6pt;}
pre {line-height: normal; white-space: pre-wrap; white-space: -moz-pre-wrap;
    white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
sup {font-size: 60%;}
a:link {color: #0000FF;}
a:visited {color: #000099;}
a:hover {color: #3366FF;}
a:active {color: #3366FF;}
img {border: 0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {color: inherit !important;
    text-decoration: none;}

.expandHorizontal {width: 100%;}
.compactVertical {margin-top: 0; margin-bottom: 0;}
.compact {margin: 0;}
.topSpacerLarge {margin-top: 18pt;}
.bottomSpacerSmall {margin-bottom: 6pt;}
.rightBuffer {padding-right: 10px;}
.rightSpacer {padding-right: 10px;}
.printSpacer {font-size: 0;}
.nowrap {white-space: nowrap;}
.xLarge {font-size: x-large;}
.smaller {font-size: smaller;}
.larger {font-size: larger;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.smallCaps {font-variant: small-caps;}

.red {color: #FF0000;}
.green {color: #009900;}

.error {color: #FF0000;}
.confirmation {color: #009900;}

pre.output {margin-top: 0; background-color: #000000; color: #FFFFFF;
    padding: 5px;}
.link:hover {cursor: pointer;}

.navbar a {text-decoration: none;}
.navbar h1, .navbar h2, .navbar h3, .navbar h4, .navbar h5, .navbar h6,
    .navbar h7 {color: blue;}
.side_navbar td.link {border-bottom: 3px solid blue;}
.side_navbar td.link:hover {background: #9999FF;}