@charset "utf-8";
/* for simple TOC 
dependencies /climate/jquery/external/jquery.toc.min.js
/climate/scripts/toc-simple.js
*/

#content {position:relative;}
 
#toc-container {position:fixed; width:200px; height:auto; margin-left:712px; overflow:hidden;z-index:99999999; padding-top: 3px;}

.toc {
position:relative;
width: 200px;
margin-left:127px;/**/

color: #333;
z-index:99999999;
}

.toc a {
color: #333;
text-decoration:none;
padding:4px; 
display:block;
}
.toc a:hover, .toc a:focus {
	background-color: #efefef;
}
.toc .tocH2 {
margin-left: 10px
}
.toc .tocH3 {
margin-left: 20px
}
.toc-active {
color: #000;
font-weight: bold;
}

.toc ul {
	border: 1px solid #ddd;
	background: #fefefe;
	display:none; 
	padding:0; 
	margin:-6px 0 6px 18px;
	box-shadow: #ccc 2px 2px 4px 2px;
border-radius: 0 0  0 12px;
} 

/*screenreaders nav by headings so TOC redundant */
.toc li {margin:0; padding:0; border-bottom:1px dotted #efefef; list-style-type:none; list-style-image:none; list-style:none}


p#page-toc {font-weight:bold; padding:4px 4px 4px 16px; margin:0 0 6px 3px; background-color:#999; border-radius:12px 0 0 12px;  color:#fff; box-shadow: #333 1px 1px 6px}/* 2px; */

.arrow-left  {padding-left:16px; background:#999 url(/climate/images/symbols/icon-arrow-white-left.png) no-repeat 4px 6px}
.arrow-right {padding-left:16px; background:#999 url(/climate/images/symbols/icon-arrow-white-right.png) no-repeat 4px 6px}