/*
 *	Formulář se záložkami
 *
 *	CSS
 *
 *	Popis:
 *	Vloží do dokumentu formulář s libovolným počtem záložek a částí společnou
 *	pro všechny záložky (obvykle spodní část obsahující tlačítka OK a
 *	Zrušit). Každá záložka formuláře i společná část je samostatný blokový
 *	element, který může uživatel naplnit libovolným HTML kódem. Každá záložka
 *	má titulek, pořadí záložek lze interaktivně měnit tažením za titulek.
 *
 * 	author: 	Jiří Pagáč
 *	e-mail: 	xpagac02@stud.fit.vutbr.cz
 *	date:		Mon 16 Feb 2009 09:26:09 PM CET
 *
 * CSS styly pro vytvoření lišty záložek jsou založeny na postupu uvedeném v:
 * BOWMAN, Douglas. Sliding Doors of CSS [online]. Poslední aktualizace 20. 10. 2003 [cit. 2009-03-11].
 *       Dostupné z WWW <http://www.alistapart.com/articles/slidingdoors/>
 */

/*
 *   kontejner dokterého se umisťují záložky
 */
.tab-container {
    background-color:     white;

}

/*
 *   třída pro samotný obsah záložky
 */
.tab-container.tab {    
    min-height:     220px;
    margin:         0;
    padding:10px; 
    border:1px solid #ccc;   
    border-bottom:1px solid #ddd;;
}


/*
 *    třída pro sdílený blok
 */
.tab-container.shared {
    padding:        10px 10px 10px 10px;
    border:         1px #ccc dotted;
    margin:         10px;
    margin-top:     20px;
    background-color:#eee;
    position:relative;
}
  .tab-container.shared p#shared1 {
                         position:absolute;left:10px; bottom:15px;
  }
    .tab-container.shared p#shared2 {        position:absolute;right:0; bottom:auto;
  }
/*
 *    lišta záložek - pokud chcete přejmenovat,
 *    tak je třeba toto zohlednit v konstruktoru
 *    objektu v kodu JavaScriptu
 */
.tab-container.tab-heading {
    float:          left;
    width:          100%;
    background:     white;
    border-bottom:1px solid #ccc;
    font-size:      70%;
    line-height:    normal;
    margin-bottom:30px;
}


/*
 *    tato třída se používá pro vytvoření horizontálního
 *    menu, které slouží jako lišta záložek.
 *    Menu je generováno JavaScriptem.
 */
.tab-container.tab-heading ul {
    margin:         0;
    padding:        10px 10px 0;
    list-style:     square;
    cursor:         pointer;
}

/*
 *    položka seznamu - záložka
 */
.tab-container.tab-heading li {
    float:          left;
    background:     #E0EFF9;
    margin:         0;
    padding:        0 0 0 9px; margin:0 1px;    border:1px solid #ccc;margin-bottom:-1px;
}

/*
 *    položka seznamu - obsah záložky
 */
.tab-container.tab-heading a {
    display:        block;
    background:     #E0EFF9;
    padding:        5px 15px 4px 6px;
    font-weight:    normal;
    text-decoration:none;    
    color:          #333; margin:0 1px;   
}

/*
 *    barva textu (odkazu) záložky při najetí myši
 */
.tab-container.tab-heading a:hover {
    color:          #888;
}

/*
 *    třída pro aktuálně vybranou záložku
 */
.tab-container.tab-heading li.current {
    background:     #fff;
     border:1px solid #ccc;
     border-bottom:1px solid #fff;z-index:22;
    
     
}

/*
 *    třída pro aktuální záložku, text odkazu
 */
.tab-container.tab-heading a.current {
    background:      #fff;
    color:          #000;
 
}