@import url(page.css);

/* toc
---------------------- */
#content .toc ul {margin-top: 0.6em}
#content .toc li {background-image: none; padding: 0; font-weight: bold}
#content .toc li span,
#content .toc li a {display: block; margin-bottom: 1em; padding-left: 9px; text-decoration: none}
#content .toc li a:hover {text-decoration: underline}
#content .toc li li span,
#content .toc li li a {margin-bottom: 0}
#content .toc a {color: #333; background: url(i/markers/li.png) 0 0.2em no-repeat; font-weight: bold; text-decoration: none}
#content .toc span {background: none; font-weight: bold}
#content .toc li li li a,
#content .toc li li li span {font-weight: normal}
#content .toc li {margin-bottom: 2em; font-size: 1.1em}
#content .toc li li {padding-left: 23px; margin-bottom: 0.6em; font-size: 0.9em}
#content .toc li li li {font-size: 1em}
* html #content .toc a {height: 1%; display: inline-block}

/* Navigator
---------------------- */
#content .navigator {margin: 2em 0; border-top: solid 1px #d9dee2; padding: 2px 0; clear: both}
#content .prime {border-top: none; border-bottom: solid 1px #d9dee2}
#content .navigator li {padding-left: 10px; background: url(i/markers/li.png) 0 60% no-repeat}
#content .navigator a {color: #5a5a73; text-decoration: none}
#content .navigator a:hover {text-decoration: underline}
#content .navigator li.previous {float: left; width: 40%; background-image: url(i/markers/li-inversed.png)}
#content .navigator li.start {float: left; width: 33%}
#content .navigator li.next {float: right; padding: 0 10px 0 0; background-position: 97% 60%}

/* Clear Floats
---------------------- */
#content .navigator:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden}
/* \*/
* html #content .navigator {height: 1%}
/* */

/* IE Mac fixes
---------------------- */
/* \*//*/
#content .navigator {display: inline-block}
/* */