/* highlight topics navigation 
------------------------------------*/
#mainNavBar .nav li.activities a b {background-color: #9bd4df; border-color: #9bd4df; color: #ffffff; padding-left: 3px; padding-right: 3px; font-weight: bold; font-size: 13pt;}
#mainNavBar .nav li.activities a:hover b {color: #000000;} 



/* general rules
------------------------------------*/
#mainRow {margin-bottom: 24px; margin-top: 24px;}
p.image.right {width: auto; float: right; margin: 0 6px 6px 12px; padding: 6px;background-color: #ffffff; }
.headingWrapper {margin: 0 0 12px 0; border-width: 2px 0; padding: 0; border-style: solid; border-color: #cfcfcf; }
.headingWrapper h1 {margin: 0 2px; font-size: 20pt; color: #8c8c8c}



/* intro
-----------------------------------*/
.introSection {background-color: #f3f3f3; padding: 6px;}
.introSection h2 {margin: 0; font-size: 14pt; color: #4c4c4c;}
.introSection p {font-size: 11pt; color: #4c4c4c; margin: 3px 0 6px 0; line-height: 1.6;}
.introSection p.updateDate {font-size: 11pt; color: #6c6c6c;}
.introSection .image img {width: 96%; border: 1px solid #dedede; padding: 1%; background-color: #ffffff;}



/* tab navigation and tab content
-----------------------------------*/
.tabbedContentSection {margin-top: 12px;}
ul.nav-tabs {margin-bottom: 6px;}
ul.nav-tabs > li > a {padding: 3px 9px; outline: none; font-weight: bold;}
ul.nav-tabs.coloured > li:nth-child(1) > a {color: #fec357;}
ul.nav-tabs.coloured > li:nth-child(2) > a {color: #b3d455;}
ul.nav-tabs.coloured > li:nth-child(3) > a {color: #7da7d9;}
ul.nav-tabs.coloured > li:nth-child(4) > a {color: #f58466;}
ul.nav-tabs.coloured > li:nth-child(5) > a {color: #9bd4df;}
.tab-content h2 {margin-top: 0px;}
.tab-content h3 {font-size: 11pt; padding: 2px; margin:6px 0 0 0;}
.tab-content p, .tab-content li {font-size: 10pt;}

/* sibling navigation
-----------------------------------*/

#siblingNavigation .nav-list li {font-size: 10pt; line-height: 1.3; margin-bottom: 6px;}
#siblingNavigation .nav-list li.nav-header {text-transform: none; background-color: #9c9c9c; padding-left: 2px; font-size: 8pt; font-weight: bold; text-transform: uppercase;}
#siblingNavigation .nav-list li.nav-header a {padding: 0; margin: 0;}
#siblingNavigation .nav-list {border: 1px solid #f3f3f3; background-color: #ffffff}
#siblingNavigation .nav-list a {color: #3c3c3c; padding: 2px 2px 2px 4px;  text-shadow: none; font-size: 9pt;}
#siblingNavigation .nav-list li a:hover {background-color: #dfdfdf !important; color: black;}
#siblingNavigation .nav-list li.active a {font-weight: bold; background: #ffffff; text-shadow: none; color: #000000;}
/* subheads and indents  */
#siblingNavigation .nav-list li.subHead a { }
#siblingNavigation .nav-list li.subHead a:hover {}
#siblingNavigation .nav-list li.subHead {margin-top: 12px;}
#siblingNavigation .nav-list li.indent {margin-left: 9px;}

#siblingNavigation .nav-list.green li.nav-header {background-color: #b3d455;}
#siblingNavigation .nav-list.green {border: 1px solid #b3d455;}
#siblingNavigation .nav-list.green li.active a {color: #b3d455}
#siblingNavigation .nav-list.green a:hover, #siblingNavigation .nav-list.green a:focus {background-color: #d7e7aa}


#siblingNavigation .nav-list.yellow li.nav-header {background-color: #fec357; color: #ffffff;}
#siblingNavigation .nav-list.yellow {border: 1px solid #fec357; background-color: #ffffff}

#siblingNavigation .nav-list.blue li.nav-header {background-color: #7da7d9; color: #ffffff;}
#siblingNavigation .nav-list.blue {border: 1px solid #7da7d9; background-color: #ffffff}

#siblingNavigation .nav-list.red li.nav-header {background-color: #f58466; color: #ffffff;}
#siblingNavigation .nav-list.red {border: 1px solid #f58466; background-color: #ffffff}

#siblingNavigation .nav-list.turquoise li.nav-header, #siblingNavigation .nav-list.turquoise li.nav-header a {background-color: #9bd4df; color: #666666;}
#siblingNavigation .nav-list.turquoise {border: 1px solid #9bd4df; background-color: #9bd4df}
#siblingNavigation .nav-list.turquoise a {background-color: #9bd4df}


/* tooltips 
---------------------------------------------------------------*/
.tooltip-inner {max-width: 300px; padding: 8px; color: #000000; font-family: arial; text-align: left; text-decoration: none; background-color: #b3d455; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 10pt;}
.tooltip.in {opacity: 0.9; filter: alpha(opacity=90);}
.tooltip.top .tooltip-arrow {bottom: 0; border-top-color: #b3d455;}