@charset "UTF-8";

.Accordion {
	overflow: hidden;
	background-color:#0083c0;
}

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

.AccordionPanelTab {
	color:#000000;
	background-color:#ffffff;
	font-size:14px;
	line-height:18px;
	margin: 0px;
	height:20px;
	padding: 5px 0px 5px 10px;
	cursor: pointer;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image:url(../images/shadowBottom.png);
	background-repeat:repeat-x;
}

/* 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: 0;
	padding: 0px;
	height: 200px;
}

.AccordionPanelOpen .AccordionPanelTab {
	color:#ffffff;
	background-color:#0083c0;
	background-image:url(../images/shadowTop.png);
	background-repeat:repeat-x;
}

.AccordionPanelTabHover {
	color: #f4c20e;
	background-color:#0083c0;
	background-image:url(../images/shadowTop.png);
	background-repeat:repeat-x;
}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #f4c20e;
}


.AccordionFocused:focus {outline: none;}

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

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