/* Not sure why this isn't in base.css */

/* background of left menu and page table of contents button */
.nav-box {background-color: #86954A}
/* background of disabled page table of contents button */
#page-section-links-toggle.disabled {background-color: #9C9E81}

/* Navigation tabs in page content (conceptual models) */
ul.horizontal-tabs li {background-color: #86954A} /* background of tabs */
ul.horizontal-tabs li {border-color: #86954A} /* outline of tabs */
ul.horizontal-tabs li {border-bottom-color: #9C9E81} /* thick line under tabs */
ul.horizontal-tabs a, ul.horizontal-tabs a:link, ul.horizontal-tabs a:visited {color: white} /* text */
ul.horizontal-tabs li.open a, ul.horizontal-tabs li.open a:link, ul.horizontal-tabs li.open a:visited {color: black} /* text of selected tab */
ul.horizontal-tabs li.open {background-color: white} /* background of selected tab */
ul.horizontal-tabs li.open {border-color: #cccccc} /* outline of selected tab */
ul.horizontal-tabs li.open {border-bottom-color: white} /* thick line under selected tab */

/* Hide/view this sectionbuttons */
.section-button {background-color: #86954A} /* normal */
.section-button:hover {background-color: #9C9E81} /* hover */

/* Gradient colours in left menu. Each colour decreases or increases the brightness by 40 over the base colour #86954A using the GIMP brightness function */
#secondarynav {background-color: #434b25}
#secondarynav > div > .ul {background-color:#50592c}
#secondarynav > div > .ul > div > .ul {background-color:#5f6a34}
#secondarynav > div > .ul > div > .ul > div > .ul {background-color:#717e3e}
#secondarynav > div > .ul > div > .ul > div > .ul > div > .ul {background-color:#86954A}
#secondarynav > div > .ul > div > .ul > div > .ul > div > .ul > div > .ul {background-color:#99a667}
#secondarynav > div > .ul > div > .ul > div > .ul > div > .ul > div > .ul > div > .ul {background-color:#a9b47f}
/* gradient from standard colour to darker
#secondarynav > div > .ul {background-color:#717e3e}
#secondarynav > div > .ul > div > .ul {background-color:#5f6a34}
#secondarynav > div > .ul > div > .ul > div > .ul {background-color:#50592c}
#secondarynav > div > .ul > div > .ul > div > .ul > div > .ul {background-color:#434b25}
*/
/* gradient from standard colour to lighter, looks washed out
#secondarynav > div > .ul {background-color:#99a667}
#secondarynav > div > .ul > div > .ul {background-color:#a9b47f}
#secondarynav > div > .ul > div > .ul > div > .ul {background-color:#b7c093}
#secondarynav > div > .ul > div > .ul > div > .ul > div > .ul {background-color:#c2caa4}
*/

/* This first line must NOT be prefixed with #secondarynav as it is also used to style #rehab-bookmark */
/* Gradient colours increas the brightness by 40 over the base colour using the GIMP brightness function */
.rehab-menu-color {background-color:#15404F} /* dark blue #15404F / original blue #558BBA / other blues #4D7886 or #516473 / yellow #E4AB37 / brown #985420 / dark green #7B7E57 / grey #545454 */
.rehab-menu-color > .ul {background-color:#3a5e6b !important}
.rehab-menu-color > .ul > div > .ul {background-color:#597782 !important}
.rehab-menu-color > .ul > div > .ul > div > .ul {background-color:#738c96 !important}
.rehab-menu-color > .ul > div > .ul > div > .ul > div > .ul {background-color:#899ea7 !important}
.rehab-menu-color > .ul > div > .ul > div > .ul > div > .ul > div > .ul {background-color:#9cadb5 !important}