@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 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #F8F8F8;
	font-size:14px;
	margin: 1px 0px 0px 0px;
	height:20px;
	padding: 0px 10px 0px 20px;
	cursor: pointer;
	font-weight:bold;
	border:1px solid #ffffff;
	background-image:url(../images/right.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	-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/shadow.png);
	background-repeat:repeat-x;
}

.AccordionPanelOpen .AccordionPanelTab {
	color:#354D97;
	background-image:url(../images/down.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}

.AccordionPanelTabHover {
	color: #354D97;
	background-color:#ffffff;
/*	background-image:url(../images/border2.jpg);
	background-repeat:no-repeat;
	background-position:top right;
*/}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #354D97;
}


.AccordionFocused:focus {outline: none;}

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

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