@charset "UTF-8";

.Accordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: dashed 0px #993300;
	overflow: hidden;
	padding-top:8px;
	outline:none;
}


.AccordionPanel {
	margin: 0px;
	padding:4px 0px 0px 0px; outline:none;
	
	
}


.AccordionPanelTab 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b5bdd0;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #e4def8;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-right: 5px;cursor: pointer;
	padding-left: 12px;background-image:url(../images/closeArrow.gif); background-repeat:no-repeat; background-position:638px 5px;
	/*
	background-color: #49608b;
	margin-top:0px;
	height:26px;	
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none; 
	 font-size: 12px; font-weight:bold; color:#e2c8c7; padding-left:20px;*/
}


.AccordionPanelContent {
	overflow:auto;
	
	margin: 0px;
	
	color:#000000;	
		
}
.AccordionPanelContent2 {
	overflow: auto;
	margin: 0px;
	padding:10px 20px;
	color:#ebdcb9;
		
}

/*.AccordionPanelContent h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:ebdcb9;
							border-bottom:1px dotted; padding:5px 0px 10px 0px;}*/

.AccordionPanelContent h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ebdcb9;
							padding:5px 0px 1px 0px; margin:0px;}
							
.dot_border{ background-image:url(../images/dot_border.gif); background-repeat:no-repeat;
height:5px; padding-bottom:4px;}
							
.AccordionPanelContent a{color:#FFFFFF; text-decoration:underline;}

.AccordionPanelContent a:hover{text-decoration:none; color:#FFFFFF}

.AccordionPanelOpen .AccordionPanelTab {
	 font-size: 12px; font-weight:bold; color:#000; background-image:url(../images/openArrow.gif); background-repeat:no-repeat; cursor:pointer; background-position:638px 5px;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	 font-size: 12px; font-weight:bold; color:#265b90; background-image:url(../images/closeArrow.gif); background-repeat:no-repeat;background-position:638px 5px;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	 font-size: 12px; font-weight:bold; color:#000; background-image:url(../images/openArrow.gif); background-repeat:no-repeat;background-position:638px 5px;
}

/* 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 {
	 font-size: 12px; font-weight:bold; color:#000; background-image:url(../images/closeArrow.gif); background-repeat:no-repeat;background-position:638px 5px;
}

/* 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 {
	 font-size: 12px; font-weight:bold; color:#000; background-image:url(../images/openArrow.gif); background-repeat:no-repeat;background-position:right;
}