@charset "UTF-8";

.Accordion {
	overflow: hidden;
}

/* Selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but 
 * make sure that it has zero margin and padding.
*/
.AccordionPanel {
	overflow:hidden;
	margin-bottom:0px;
	padding-bottom: 8px;
}

/* This is the selector for the AccordionPanelTab which houses
 * the panel title. Its  also the container that the user clicks
 * on to open a specific panel.
 */
.AccordionPanelTab {
	overflow:hidden;
	background-color: #cacaca;
	background-image: url(../reb_files/arrow-right.gif);
	background-repeat: no-repeat;
	border-left:#cacaca 1px solid;
	border-right:#cacaca 1px solid;
	border-top: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
	margin: 0px;
	padding: 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
}

.AccordionPanelTitle {
	PADDING-LEFT:11px;
}

/* Selector for panel content.
 * Height *MUST* be specified!
 */

.AccordionPanelContent {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	OVERFLOW: auto;
	PADDING-TOP: 0px;
	HEIGHT: 117px;
	border-left:#cacaca 1px solid;
	border-right:#cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
}

.AccordionTextContainer {
	overflow-x:auto;
	padding: 12px 10px 12px 20px;
	margin:0px;
}

/* Appearance of a panel tab that is currently open.
 * "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	overflow:hidden;
	background-color: #f1f1f1;
	background-image: url(../reb_files/arrow-down.gif);
	background-repeat: no-repeat;
	color: #d4001a;	
}

/* Appearance of a panel tab as the user's mouse hovers over it.
 * "AccordionPanelTabHover" is programatically added and removed from
 * panel tab containers as the mouse enters/exits the tab container.
 */
.AccordionPanelTabHover {
	overflow:hidden;
	text-decoration: underline;
	color: #0000ff;
}


/* Panel appearance when an accordion tab has focus.
 */
.AccordionFocused .AccordionPanelTab {
	overflow:hidden;
	background-color: #cacaca;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	overflow:hidden;
	background-color: #f1f1f1;
	text-decoration: none;
	color: #d4001a;
}