/*
 * Licensed Materials - Property of IBM
 * (C) Copyright IBM Corp. 2010, 2012 All Rights Reserved
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

/* Accordion
 * 
 * Styling AccordionContainer basically means styling the accordion pane (dijitAccordionInnerContainer)
 * and the title inside of it (dijitAccordionTitle).   There are 4 basic states to style:
 * 
 * 1. closed pane (and default styling): 
 * 		.dijitAccordionInnerContainer - container for each accordion child
 * 		.dijitAccordionTitle - title for each accordion child
 *
 * 2. active closed pane (ie, mouse down on a title bar)
 * 		.dijitAccordionInnerContainerActive - for background-color, border
 * 		.dijitAccordionInnerContainerActive dijitAccordionTitle - for text color
 * 
 * 3. open pane (expanded child)
 *		.dijitAccordionChildWrapper - wraps around the child widget (typically ContentPane)
 *			setting a margin so that there's blue trim all the way around the child
 *
 * 		These rules need to override the closed pane active:
 *
 * 		.dijitAccordionInnerContainerSelected - for background-color, border
 * 		.dijitAccordionInnerContainerSelected .dijitAccordionTitle - for text color
 * 
 * 4. hovered pane, open or closed
 * 		The selectors below affect hovering over both a closed pane (ie, hovering a title bar),
 * 		and hovering over an open pane.   Also, treat mouse down on an open pane as a hover:
 *
 * 		.dijitAccordionInnerContainerHover, .dijitAccordionInnerContainerSelectedActive - for background-color, border
 * 		.dijitAccordionInnerContainerHover .dijitAccordionTitle - for text color
 */
.oneui .dijitAccordionContainer {
	border: none;
}
.oneui .dijitAccordionInnerContainer {
	background-color: #fff;
	border: solid 1px #ddd;
	margin-bottom: 1px;
}
.oneui .dijitAccordionTitleFocus {
	padding: 5px;
}
.oneui .dijitAccordionContainer .dijitAccordionChildWrapper {
	background-color: #ffffff;
	border-top: 1px solid #ddd;
	margin: 0 2px 2px;
	padding-top:2px;
}
.oneui .dijitAccordionContainer .dijitAccordionContainer-child {
	/* this is affecting the child widget itself */
  padding: 9px 7px 7px;
}
/* Active state for closed pane */
.oneui .dijitAccordionInnerContainerActive {
	border: 1px solid #ddd;
	background: #cccccc; /* Old browsers */
}
.oneui .dijitAccordionInnerContainerActive .dijitAccordionTitle{
	background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ededed 0%, #ffffff 100%); /* W3C */
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
/* Open (a.k.a. selected) pane */
.oneui .dijitAccordionInnerContainerSelected {
	border-color: #ddd;
	background-color: #fff;
}
.oneui .dijitAccordionInnerContainerHover {
	border: 1px solid #ddd;
	background: #e5e5e5; /* Old browsers */
}
.oneui .dijitAccordionInnerContainerHover .dijitAccordionTitle{
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #ededed 100%); /* W3C */
}
.oneui .dijitAccordionInnerContainerSelectedHover, .oneui .dijitAccordionInnerContainerSelectedActive {
	background-color:none;
}