@charset "UTF-8";

.Accordion {
/*	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
	border:none;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	color:#000000;
	background-color: #F8F8F8;
	font-size:14px;
	line-height:21px;
	margin: 5px 0px 0px 0px;
	height:25px;
	padding: 3px 0px 0px 3px;
	cursor: pointer;
	border:1px solid #000000;
	border-bottom:none;
	background-image:url(../images/button.jpg);
	background-repeat:repeat-x;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 200px;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #000000;
	border-top:none;
}

.AccordionPanelOpen .AccordionPanelTab {
	font-weight:bold;
}

.AccordionPanelTabHover {
	font-weight:bold;
}
.AccordionPanelOpen .AccordionPanelTabHover {
}


.AccordionFocused:focus {outline: none;}

/*
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #80CC80;
}
*/