.yui-accordionview div.yui-accordion-content {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.hidden {
	visibility: hidden;
	position: absolute;
}

.almosthidden {
	position: absolute;
	left: -9999px;
	z-index: -10;
}


.yui-accordionview li.yui-accordion-panel {
	display: inline;
}

ul.yui-accordionview ul.yui-accordionview {
    zoom: 1;
}

.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	padding: 0.3em;
	height: 20px;
	*height: 18px;
	padding-left: 0.5em;
	color: #000;
	text-decoration: none;
	background-position: 0 -1500px;
	position: relative;
	cursor: pointer;
	margin-top: 2px;
}

.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover {
	background-position: 0 -1300px;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	background-position: 0 -1400px;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover {
	background-position: 0 -1400px;
}

.yui-accordion-toggle .indicator {
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 0.5em;
	top: 25%;
}
.yui-accordion-toggle.active .indicator {
}

.yui-accordion-content {
    _zoom: 1;
}

ul.submenu {
	margin: -3px 0 10px;
}

ul.submenu li a {
	display: block;
	_height: 1.5em;
	line-height: 1.5em;
	padding: 0.3em;
	padding-left: 1.6em;
	text-decoration: none;
	color: #fff;
	font-size: 10px !important;
	background: url(../img/arrow.gif) 11px 10px no-repeat;
}
ul.submenu li a.active { font-weight: bold; background: url(../img/arrow.gif) 11px 10px no-repeat; }
ul.submenu li a:hover {
	color: #ffc9a9;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:focus {
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.activepanel {
	text-decoration: underline;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    height:383px;
	width:190px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div#scrollable div#menu { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
} 


	li.yui-accordion-panel a { outline: none; }
	.padded {
		padding: 10px;
		clear: both;
		zoom: 1;
	}

	.padded ul li {
		list-style: inside square;
	}

	.block {
		display: block;
	}

	ul.info li {
		list-style: inside square;
	}
	ul.info {
		margin-bottom: 1em;
	}
	p.code {
		background: #000;
		color: #cfc;
		padding: 20px;
		font-family: Courier;
		font-size: 1.2em;
		margin-left: 4em;
	}

	h1 {
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 1em;
	}

	li h3 {
		display: inline;
	}

	p {
		margin-bottom: 1em;
	}
	strong {
		font-weight: bold;
	}
	ol.code { font-size: 1.2em;border: 1px solid #ccc; padding: 5px; margin: 0 0 1em 4em; }
	ol.code code { display: block; padding: 3px; margin-bottom: 0; }
	.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; list-style-type: decimal-leading-zero; }
	.indent1 { padding-left: 1em; }
	.indent2 { padding-left: 2em; }
	.indent3 { padding-left: 3em; }
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}

	.clearfix {
	    display: inline-block;
	}

	html[xmlns] .clearfix {
	    display: block;
	}

	* html .clearfix {
	    height: 1%;
	}
	
	.yui-accordionview {
		margin-bottom: 1.5em;
	}
	pre {
			font-size: 1.2em;
			padding: 10px;
			margin-bottom: 2em;
		}
		
		a#a1 { text-indent: -9999px; background: url(../img/menu.jpg) top left no-repeat; }
		  a#a1:hover, a#a1.active { background-position: -194px 0; }
		a#a2 { text-indent: -9999px; background: url(../img/menu.jpg) 0 -85px no-repeat; }
		  a#a2:hover, a#a2.active { background-position: -194px -85px; }
		a#a3 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -169px no-repeat; }
		  a#a3:hover, a#a3.active { background-position: -194px -169px; }
		  
		a#a4 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -199px no-repeat; } 
		  a#a4:hover, a#a4.active { background-position: -194px -199px; }
		a#a5 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -227px no-repeat; }
		  a#a5:hover, a#a5.active { background-position: -194px -227px; }
		a#a6 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -253px no-repeat; }
		  a#a6:hover, a#a6.active { background-position: -194px -253px; }
		a#a7 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -280px no-repeat; }
		  a#a7:hover, a#a7.active { background-position: -194px -280px; }
		a#a8 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -308px no-repeat; }
		  a#a8:hover, a#a8.active { background-position: -194px -308px; }
		a#a9 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -335px no-repeat; }
		  a#a9:hover, a#a9.active { background-position: -194px -335px; }
		  
		  a.mouseover_up { background: url(../img/up.jpg) 0 0 no-repeat; width: 11px; height: 11px; display: inline-block; }
		  a.mouseover_down { background: url(../img/down.jpg) 0 0 no-repeat; width: 11px; height: 10px; display: inline-block; margin: 0 0 1px 20px; }
		  a.mouseover_up:hover { background-position: 0 -20px; }
		  a.mouseover_down:hover { background-position: 0 -21px; }
		  div#scrollLinks { width: 180px; text-align: center; margin-top: 5px; }
		
	a#mymenu-2-label { text-indent: -9999px; background: url(../img/menu.jpg) 0 -28px no-repeat; }
	a#mymenu-2-label:hover, a#mymenu-2-label.active { background-position: -194px -28px; }
	a#mymenu-3-label { text-indent: -9999px; background: url(../img/menu.jpg) 0 -55px no-repeat; }
	a#mymenu-3-label:hover, a#mymenu-3-label.active { background-position: -194px -55px; }
	a#mymenu-4-label { text-indent: -9999px; background: url(../img/menu.jpg) 0 -115px no-repeat; }
	a#mymenu-4-label:hover, a#mymenu-4-label.active { background-position: -194px -115px; }
	a#mymenu-6-label { text-indent: -9999px; background: url(../img/menu.jpg) 0 -142px no-repeat; }
	a#mymenu-6-label:hover, a#mymenu-6-label.active { background-position: -194px -142px; }
	
	a#mymenu-6-label { text-indent: -9999px; background: url(../img/menu.jpg) 0 -142px no-repeat; }
	a#mymenu-6-label:hover, a#mymenu-6-label.active { background-position: -194px -142px; }
	
	a#mymenu-12-label { text-indent: -9999px; background: url(../img/menu.jpg) 0px -335px no-repeat; }
	a#mymenu-12-label:hover, a#mymenu-12-label.active { background-position: -194px -335px; }

	li.yui-accordion-panel a { outline: none; }
	.padded {
		padding: 10px;
		clear: both;
		zoom: 1;
	}

	.padded ul li {
		list-style: inside square;
	}

	.block {
		display: block;
	}

	ul.info li {
		list-style: inside square;
	}
	ul.info {
		margin-bottom: 1em;
	}
	p.code {
		background: #000;
		color: #cfc;
		padding: 20px;
		font-family: Courier;
		font-size: 1.2em;
		margin-left: 4em;
	}

	h1 {
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 1em;
	}

	li h3 {
		display: inline;
	}

	p {
		margin-bottom: 1em;
	}
	strong {
		font-weight: bold;
	}
	ol.code { font-size: 1.2em;border: 1px solid #ccc; padding: 5px; margin: 0 0 1em 4em; }
	ol.code code { display: block; padding: 3px; margin-bottom: 0; }
	.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; list-style-type: decimal-leading-zero; }
	.indent1 { padding-left: 1em; }
	.indent2 { padding-left: 2em; }
	.indent3 { padding-left: 3em; }
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}

	.clearfix {
	    display: inline-block;
	}

	html[xmlns] .clearfix {
	    display: block;
	}

	* html .clearfix {
	    height: 1%;
	}
	
	.yui-accordionview {
		margin-bottom: 1.5em;
	}
	pre {
			font-size: 1.2em;
			padding: 10px;
			margin-bottom: 2em;
		}
		
		a#a1 { text-indent: -9999px; background: url(../img/menu.jpg) top left no-repeat; }
		  a#a1:hover, a#a1.active { background-position: -194px 0; }
		a#a2 { text-indent: -9999px; background: url(../img/menu.jpg) 0 -85px no-repeat; }
		  a#a2:hover, a#a2.active { background-position: -194px -85px; }
		a#a3 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -169px no-repeat; }
		  a#a3:hover, a#a3.active { background-position: -194px -169px; }
		  
		a#a4 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -199px no-repeat; } 
		  a#a4:hover, a#a4.active { background-position: -194px -199px; }
		a#a5 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -227px no-repeat; }
		  a#a5:hover, a#a5.active { background-position: -194px -227px; }
		a#a6 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -253px no-repeat; }
		  a#a6:hover, a#a6.active { background-position: -194px -253px; }
		a#a7 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -280px no-repeat; }
		  a#a7:hover, a#a7.active { background-position: -194px -280px; }
		a#a8 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -308px no-repeat; }
		  a#a8:hover, a#a8.active { background-position: -194px -308px; }
		a#a9 { text-indent: -9999px; background: url(../img/menu.jpg) 0px -335px no-repeat; }
		  a#a9:hover, a#a9.active { background-position: -194px -335px; }
		  
		  a.mouseover_up { background: url(../img/up.jpg) 0 0 no-repeat; width: 11px; height: 11px; display: inline-block; }
		  a.mouseover_down { background: url(../img/down.jpg) 0 0 no-repeat; width: 11px; height: 10px; display: inline-block; margin: 0 0 1px 20px; }
		  a.mouseover_up:hover { background-position: 0 -20px; }
		  a.mouseover_down:hover { background-position: 0 -21px; }
		  div#scrollLinks { width: 180px; text-align: center; margin-top: 5px; }