html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.fullwidth { width: 100%; }
.fullheight { height: 100%; }

div#navigation {
    height: 25px;
    line-height: 25px;
    font-size: 25px;
}

*>div#navigation {
    font-size: 11px;
}

#tocButton { margin:0px 30px 0px 10px; }
#pageNumberInput { border:1px solid #CCCCCC; font-size:10px; text-align: right; margin:0px 5px 1px 30px; vertical-align: middle; }
.navButton { margin:0px 5px 0px 5px; cursor:pointer; vertical-align: middle; font-size: 11px;}

div#toc {
    position:absolute;
    top: 25px;
    left: 0px;
    margin: 5px 5px 5px 5px;
    width:200px;
    max-width:200px;
    height:450px;
    max-height:450px;
    overflow:auto;
    border:1px solid #333333;
    padding:3px;
    background-color:#FFFFFF;
    display:none;
    filter:alpha(opacity=92);
    -moz-opacity:.92;
    opacity:.92;
}

div#toc table {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.tocTitle { font-weight:bold; }
.tocRowSelected { background-color:#E6E6E6; font-weight:bold; }
.tocEntry { white-space:nowrap; }
.tocEntry:hover { background-color:#E6E6E6; }
.tocEntry a { color:#00337F; text-decoration:none; }
.tocEntry a:hover { color:#FF0000; }
.tocSubLink { font-size:9px; }
.tocSubLinkSelected { color:#FF0000 !important; }