@charset "UTF-8";

/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* To je selektor pro nastavení hlavního kontejneru Accordion. Pro náš výchozí styl,
  * nakreslíme hranice vlevo, vpravo a dole. Horní hranice Accordion
  * Bude vykreslen první AccordionPanelTab který nikdy pohybuje.
  *
  * Chcete-li omezit šířku widgetu Accordion, nastavte šířku na
  * Accordion kontejneru. Ve výchozím nastavení se náš akordeon rozšiřuje vodorovně, aby zaplnil
  * _ volné místo.
  *
  * Název třídy ("Accordion"), použitý v této volbě není nutný
  * pro funkci widgetu . Můžete použít libovolný název třídy
 */
.Accordion {
	border-left: solid 2px white;
	border-right: solid 2px white;
	overflow: hidden;
	width: 200px;
	z-index: 12;
	background-color: rgb(225.225.225);
	background-color: rgba(225,225,225,0.2);
	margin-bottom: 10px;
	/* [disabled]margin-bottom: -99999px; */
	padding-bottom: 600px;
	margin-left: 10px;
	float: left;
	height: 100%;
}

/* To je selektor pro nastavení AccordionPanel kontejneru, který obsahuje
* Štítek panelu a obsah panelu. To nečiní vizuálně, ale
* Ujistěte se, že má nulový margin a padding.
*
* Název třídy ("AccordionPanel"), použitý v této volbě není nutný
* pro funkci widgetu . Můžete použít libovolný název třídy
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/*Toto je selektor pro nastavení AccordionPanelTab. Tento kontejner obsahuje
* Název panelu. To je také kontejner, na který uživatel klikne
* pro otevření konkrétního panelu..
*
* Název třídy ("AccordionPanelTab"), použitý v této volbě není nutný
* pro funkci widgetu . Můžete použít libovolný název třídy, který chcete 
*
* Poznámka:
* Toto pravidlo používá-moz-user-selekt-a khtml-user-select vlastnosti, aby se zabránilo
* Uživatel ve výběru textu v AccordionPanelTab. Jedná se o proprietární prohlížeče
* Vlastnosti, které fungují pouze v prohlížečích založených na Mozille (např. Firefox) a KHTML na základě
* Prohlížeče (např. Safari), takže neprojde W3C validaci. Pokud chcete, aby vaše dokumenty
* validovat, a je jedno, jestli si uživatel může vybrat text v rámci AccordionPanelTab,
* Můžete bezpečně odstranit tyto vlastnosti bez vlivu na funkčnost widgetu.
 */
.AccordionPanelTab {
	background-color: rgb(225.225.225);
	background-color: rgba(225,225,225,0.8);
	border-top: solid 2px black;
	border-bottom: solid 2px gray;
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align: left;
}

/* Toto je tlačítko pro panel, v oblasti obsahu. Je důležité si uvědomit, že
* Nikdy byste neměli dát žádný padding na panelu oblasti obsahu, pokud plánujete
* Používat harmoniky panelu. animace. Umístění nenulovou padding pro obsah
* Oblast může způsobit, že se náhle akordeon růst do výšky, zatímco panely animaci.
*
* Každý, kdo styly Accordion * musí * určit výšku na Accordion panelu
* Obsah kontejneru.
*
* Název třídy ("AccordionPanelContent"), použitý v této volbě není nutný
* pro funkci widgetu . Můžete použít libovolný název třídy, který chcete 
* Akordeon panelu. obsah kontejneru.
 */
.AccordionPanelContent {
	overflow: hidden;
	margin: 0px;
	height: auto;
	background-color: rgb(255.255.255);
	background-color: rgba(255,255,255,0.4);
	font-size: 14px;
	line-height: 20px;
	padding: 5px;
	text-align: left;
}

/* Toto je příklad toho, jak změnit vzhled panelu na kartě, která je
* Aktuálně otevřená.Třída "AccordionPanelOpen" je programově přidávána
* Z panelů, když uživatel klikne na kartu v rámci Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: rgb(225.225.225);
	background-color: rgba(225,225,225,0.7);
	padding: 10px;
	color: #FF0;
}

/*Toto je příklad toho, jak změnit vzhled panelu na kartě když
* Přesunete ukazatel myši nad ním.Třída "AccordionPanelTabHover" je přidána programově
* A odebraný ze záložky panelu když kurzor myši vstoupí a vystoupí na záložku kontejneru.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/*Toto je příklad toho, jak změnit vzhled všech panelů záložek, když
* Accordion je vybraný."AccordionFocused" Třída je programově přidávána
* Pokud Accordion získá nebo ztratí fokus klávesnice.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: rgb(225.225.225);
	background-color: rgba(225,225,225,0.7);
}

/*Toto je příklad toho, jak změnit vzhled panelu na kartě, která je
  * V současné době otevřená, když Accordion je vybraný.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: rgb(225.225.225);
	background-color: rgba(225,225,225,0.7);
	color: #FF0;
}
/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}