@charset "UTF-8";

 
.Accordion {
font-size:0.9em;
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	overflow: hidden;
	width: 682px;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
}

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


.AccordionPanelTab {
 	background-image: url(../../images/bg-open-acor-tab.png);
    text-align:left
	xbackground-color: #CCCCCC;
	border-top: solid 0px black;
	border-bottom: solid 0px gray;
	margin: 0px;
	padding-left: 35px;
	padding-top: 18px;
	padding-bottom: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}



.AccordionPanelContent {
	background-image: url(../../images/bg-open-acor.png);
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;

}

.AccordionPanelContent2 {
	background-image: url(../../images/bg-open-acor2.png);
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;

}

.AccordionPanelContent3 {
	background-image: url(../../images/bg-open-acor.png);
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 300px;

}

.AccordionPanelOpen .AccordionPanelTab {
	xbackground-color: #f7f7f7;
	background-image: url(../../images/bg-open-acor-tab-on.png);
}

 
 
 

.AccordionPanelopOpen .AccordionPanelTabop {
	 
	background-image: url(../../images/bg-open-acor-tab-on.png);
} 
 
 
 
 
 
 
 
 
 
 
 
.AccordionPanelTabHover {
	color: #C53537;padding-left: 35px;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color:  #263C47;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	xbackground-color: #3399FF;	 
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	xbackground-color: #33CCFF;	 
}