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

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

.yui-skin-sam .yui-accordionview {
	border-bottom: 1px #ffffff solid;
}

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

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

/* 	
	090812 this was a MAJOR pain in the ass. created these as classes we may use to manipulate the
	accordion panel heads. we were have major trouble doing it any other (simpler) way as we were
	unable to get an event fired or callback called when the accordion had finished building itself
	as such, we manipulate these classes. initially in ioaccordion2ndnav.html
	no need to populate attributes for the classes here as we do it through jquery in the above .html file
*/

.mgAccordionTopPanel-1{
}
.mgAccordionTopPanel-2{
}
.mgAccordionTopPanel-3{
}
.mgAccordionTopPanel-4{
}
.mgAccordionTopPanel-5{
}
.mgAccordionTopPanel-6{
}
.mgAccordionTopPanel-7{
}
.mgAccordionTopPanel-8{
}
.mgAccordionTopPanel-9{
}
.mgAccordionTopPanel-10{
}
.mgAccordionTopPanel-11{
}
.mgAccordionTopPanel-12{
}




/* accordion panel title in non-selected state*/
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	border: 1px #ffffff solid;
	border-bottom: none;
	padding: 0.3em;
	height: 1.5em;
	padding-left: 0.5em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	/*background-color:#ff0000;*/
	/*background: url(sprite.png) repeat-x;*/ /*this was the god-awful electric blue gradient*/
	/*background-position: 0 -1500px;*/
	position: relative;
	cursor: pointer;
}



.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover {
	/*background-position: 0 -1300px;*/ /* uncomment in sync with 2 bg lines in class above, and 1 bg line class below*/
	font-weight:lighter;
	background-color:#f00000;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	/*background-position: 0 -1400px;*/ /* uncomment in sync with the 2 background lines in the 2nd class up*/
	border-color: #ffffff;
	border-bottom: 1px #ffffff solid;
	/*color: #fff;*/
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover {
	/* background-position: 0 -1400px;*/
}

/* the + - expand/contract indicators */
/* strange: @ -350 is an x indicator, but commenting out the 14 here killed the + indicator? */
.yui-skin-sam .yui-accordion-toggle .indicator {
	display: block;
	width: 0px;/*14*/
	height: 0px;/*14*/
/*	background: url(sprite.png) 0 -350px;*/
	position: absolute;
	right: 0.5em;
	top: 25%;
}
.yui-skin-sam .yui-accordion-toggle.active .indicator {
/*	background: url(sprite.png) 0 -400px; */ /* this is the + indicator */
}

.yui-skin-sam .yui-accordion-content {
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	/*background: #EDF5FF;*/
    _zoom: 1;
}

.yui-skin-sam ul.submenu {
	/*background: #fff;*/
}

.yui-skin-sam ul.submenu li a {
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	padding: 0.3em;
	padding-left: 0.5em;
	text-decoration: none;
	color: #000;
}
.yui-skin-sam ul.submenu li a:hover {
	/*background: #b3d4ff;*/
}
.yui-skin-sam ul.submenu li a:visited, .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.link:visited {
	color: #777;
}

/* this was underlining the accordion panel title when selected: ugly and confusing */
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:focus {
	/*text-decoration: underline;*/
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.activepanel {
	/*text-decoration: underline;*/
}