/*SpryAccordion Override styling classes*/
 * *ALL* accordions must specify a width for their content panels. Here, we
 * are overriding the default content panel height (200px) to be something else.

#Acc2 .Content {
	height: 150px;
}
#Acc2 .Content, #Acc3 .Content, #Acc4 .Content, #Acc5 .Content, #Acc6 .Content, #Acc8 .Content {
	height: 150px;
}



/* Specifying the width of an accordion is optional. If not specified, it will
 * expand horizontally as much as it can.
 */
#Acc1, #Acc7, #don {
	width: 100%;
	margin: 0px;
}
#Acc2, #Acc3, #Acc4, #Acc5, #Acc8 {
	width: 100%;
	margin: 0px;
}

*/

/* Here's an example of an accordion Aqua Gradient theme that uses
 * different class names from the ones used in SpryAccordion.css,
 * to style the different parts of the accordion.
 */
.AquaAccordion {
/*	border-left: solid 1px gray;*/
/*	border-left-style: none;*/
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;*/
/*	border-right: solid 1px gray;*/
	font-family: inherit;
	font-size: 11px;
}

.AquaAccordion .Tab {
	height: 17px;
	/*	background-image: url(/images/aqua-gradient.gif); */
	background-repeat: repeat-x;
	background-color: #B8AA9C;
	/*border-top: solid 1px #503434;*/
	border-bottom: solid 1px #503434;
	border-left: solid 1px #B8AA9C;
	/*border-right: solid 1px #503434;*/
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bot: 1px;
	padding-left: 7px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: left;
	font-weight: normal;
	color: #000000;
}

.AquaAccordion .Content {
	overflow: auto;
	margin: 1px;
	padding: 2px;
	background-image: url(../images/gray-gradient.gif);
	background-repeat: repeat-x;
}

.AquaAccordion .hover {
	background-image: none;
	background-color: #33CCFF;
}

.AquaAccordion .open {
	/* Add properties here. */
}

.AquaAccordion .closed {
	/* Add properties here. */
}

.AquaAccordion .focused {
	/* Add properties here. */
}