/*
    Modifica la siguiente hoja de estilos como desees para conseguir el diseņo deseado
    y el esquema de colores que mas te guste. Observar que para cada definicion de pestaņa
    debes tambien cambiar el atributo "width" para que encaje con el diseņo
*/

.tab-button	 {
    font-size: 11;
    font-family: Verdana;
    width: 90px;
    height: 20px;
    font-weight: normal;
    background: #e0e0e0;
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonhighlight;
    border-right: 1px solid buttonshadow;
    text-decoration: none;
    text-transform:none;
    cursor: hand;
    padding-top: 2px;
    padding: 3;
}

.tab-body	{
    font-size: 11;
    font-family: Verdana;
    background: #EEEEEE;
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonshadow;
    border-right: 1px solid buttonshadow;
    border-style: ridge;
    position: absolute;
    padding: 10;
/*    right:100px; */
    left:100px;
    top: auto;
    width:650px;
    visibility: hidden;
}

a, A:link, a:visited, a:active {
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        font-family: Verdana;
        font-size: 11px }

A:hover	{
        color: #0000aa;       
        text-decoration: bold;
	font-weight: bold;
        font-family: Verdana;
        font-size: 11px}