<!--

/* Estilos relacionados con colores */

.tabpanel_container {
    border-left: 0.1em solid #7e9fff;
    border-right: 0.1em solid #7e9fff;
    border-bottom: 0.1em  solid #7e9fff;
}
.tab_selector {
    border-bottom: 0.1em solid #7e9fff; /*Add border strip to bottom of menu*/
}


/* Estilos propios para contenedor de paneles */

.tabpanel_container {
    overflow: auto;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    clear: left;
    position: relative;
}

@media screen {
    .tab_oculto {
        display: none;
        visibility: hidden;
        font-size: 0;
    }
}

/* Solo IE \*/
* html .tabpanel_container {
    padding-top: 0.5em;
}
/* Fin IE */

/* Estilos para impresion */
@media print {
    .tab_selector {
        display: none;
        visibility: hidden;
        font-size: 0;
    }
    .tabpanel_container {
        border: 0;
        clear: none;
        overflow: visible;
    }
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.tab_selector {
float:left;
width:100%;
font-size:90%;
line-height:normal;
}

.tab_selector {
list-style-type: none;
margin:0;
padding:0;
}

.tab_selector li{
display:inline;
margin:0;
padding:0;
}

.tab_selector a{
float:left;
background:url(../../i18n/img/tabs/tab-left.gif) no-repeat left top;
margin:0;
margin-right: 0.5em; /*spacing between each tab*/
padding:0 0 0 0.8em;
text-decoration:none;
}

.tab_selector a span{
float:left;
display:block;
background:url(../../i18n/img/tabs/tab.gif) no-repeat right top;
padding: 0.3em 1.1em .2em .3em;
font-weight:bold;
color:#7B7B7B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tab_selector a span {float:none;}
/* End IE5-Mac hack */

.tab_selector a:hover span {
color: black;
}

.tab_selector .current_tab a{ /*Selected Tab style*/
background-position:0 -7em; /*Shift background image up to start of 2nd tab image*/
}

.tab_selector .current_tab a span{ /*Selected Tab style*/
background-position:100% -7em; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.tab_selector a:hover{ /*onMouseover style*/
background-position:0% -7em; /*Shift background image up to start of 2nd tab image*/
}

.tab_selector a:hover span{ /*onMouseover style*/
background-position:100% -7em; /*Shift background image up to start of 2nd tab image*/
}

-->