@charset "UTF-8";

/*SpryAccordion.css-Revision:SpryPreviewRelease1.4*/

/*Copyright(c)2006.AdobeSystemsIncorporated.Allrightsreserved.*/

/*ThisistheselectorforthemainAccordioncontainer.Forourdefaultstyle,
*wedrawbordersontheleft,right,andbottom.ThetopborderoftheAccordion
*willberenderedbythefirstAccordionPanelTabwhichnevermoves.
*
*IfyouwanttoconstrainthewidthoftheAccordionwidget,setawidthon
*theAccordioncontainer.Bydefault,ouraccordionexpandshorizontallytofill
*upavailablespace.
*
*Thenameoftheclass("Accordion")usedinthisselectorisnotnecessary
*tomakethewidgetfunction.Youcanuseanyclassnameyouwanttostylethe
*Accordioncontainer.
*/
.Accordion{
	overflow: hidden;
	margin: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*ThisistheselectorfortheAccordionPanelcontainerwhichhousesthe
*paneltabandapanelcontentarea.Itdoesn'trendervisually,butwe
*makesurethatithaszeromarginandpadding.
*
*Thenameoftheclass("AccordionPanel")usedinthisselectorisnotnecessary
*tomakethewidgetfunction.Youcanuseanyclassnameyouwanttostylean
*accordionpanelcontainer.
*/
.AccordionPanel{
	margin: 16px;
	padding: 6px;
	height: auto;
}

/*ThisistheselectorfortheAccordionPanelTab.Thiscontainerhouses
*thetitleforthepanel.Thisisalsothecontainerthattheuserclicks
*ontoopenaspecificpanel.
*
*Thenameoftheclass("AccordionPanelTab")usedinthisselectorisnotnecessary
*tomakethewidgetfunction.Youcanuseanyclassnameyouwanttostylean
*accordionpaneltabcontainer.
*/
.AccordionPanelTab{
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/*ThisistheselectorforaPanel'sContentarea.It'simportanttonotethat
*youshouldneverputanypaddingonthepanel'scontentareaifyouplanto
*usetheAccordionspanelanimations.Placinganon-zeropaddingonthecontent
*areacancausetheaccordiontoabruptlygrowinheightwhilethepanelsanimate.
*
*AnyonewhostylesanAccordion*MUST*specifyaheightontheAccordionPanel
*Contentcontainer.
*
*Thenameoftheclass("AccordionPanelContent")usedinthisselectorisnotnecessary
*tomakethewidgetfunction.Youcanuseanyclassnameyouwanttostylean
*accordionpanelcontentcontainer.
*/
.AccordionPanelContent{
	overflow: auto;
	padding: 0px;
	border-top-style: none;
	overflow: hidden
}

/*Thisisanexampleofhowtochangetheappearanceofthepaneltabthatis
*currentlyopen.Theclass"AccordionPanelOpen"isprogramaticallyaddedandremoved
*frompanelsastheuserclicksonthetabswithintheAccordion.
*/
.AccordionPanelOpen.AccordionPanelTab{
	background-color:#EEEEEE;
}

/*Thisisanexampleofhowtochangetheappearanceofthepaneltabasthe
*mousehoversoverit.Theclass"AccordionPanelTabHover"isprogramaticallyadded
*andremovedfrompaneltabcontainersasthemouseentersandexitsthetabcontainer.
*/
.AccordionPanelTabHover{
	color:#555555;
}
.AccordionPanelOpen.AccordionPanelTabHover{
	color:#555555;
}

/*Thisisanexampleofhowtochangetheappearanceofallthepaneltabswhenthe
*Accordionhasfocus.The"AccordionFocused"classisprogramaticallyaddedandremoved
*whenevertheAccordiongainsorloseskeyboardfocus.
*/
.AccordionFocused.AccordionPanelTab{
	background-color:#3399FF;
}

/*Thisisanexampleofhowtochangetheappearanceofthepaneltabthatis
*currentlyopenwhentheAccordionhasfocus.
*/
.AccordionFocused.AccordionPanelOpen.AccordionPanelTab{
	background-color:#33CCFF;
}