/*
This file sets the CSS styles for the Accordion Widget.
The changes that were made to the styles are detailed in comments throughout the file.

*/

/* change the color of the top line in the content portion of the accordion here */
.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 #A3A3A3 solid;
}

/* 
	CHANGED: fonts
	Change the background color of the accordion bar here
*/
.yui-skin-sam .yui-accordionview li.yui-accordion-panel {
	display: inline;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

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


/* changes the accordion bar here */
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	border: 1px #A3A3A3 solid;
	border-bottom: none;
	padding: 0.3em;
	height: 1.2em;
	padding-left: 0.5em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

/* CHANGED: color and background color for the hover over the accordion bar */
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover {
	background-position: 0 -1300px;
	color:white;
	background-color: #33C;
	
}
/* CHANGED: color from white to black for the open(or active) accordion bar */
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	background-position: 0 -1400px;
	border-color: #243356;
	border-bottom: 1px #243356 solid;
	color: #000;
}
/* active header hover color changed to white */
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover {
	background-position: 0 -1400px;
	color:white;
}


.yui-skin-sam .yui-accordion-toggle .indicator {
	display: block;
	width: 14px;
	height: 14px;
	/* the following line puts a plus sign on the right of the accordion bar */
	/* background: url(sprite.png) 0 -350px; */
	position: absolute;
	right: 0.5em;
	top: 25%;
}
.yui-skin-sam .yui-accordion-toggle.active .indicator {
	/* the following line puts a minus sign on the right of the accordion bar */
	/* background: url(sprite.png) 0 -400px;*/
}

/* change background color of accordion content here */
.yui-skin-sam .yui-accordion-content {
	border-left: 1px #A3A3A3 solid;
	border-right: 1px #A3A3A3 solid;
	background: #EDF5FF;
    _zoom: 1;
}
/* the spectruck.jsp page needed the content area background white, so the 'white-content' class
was added to the content of that page */
.yui-skin-sam .white-content .yui-accordion-content {
	background: white;
}

.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;
}


.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;
}

/* another way to set the content section header font characteristics */
.yui-skin-sam .yui-accordionview .section-header {
	font-size: 14px;
	font-weight: bold;
}
/* content section header */
.yui-skin-sam .yui-accordionview .content-table {
border-spacing: 2px;
}