body
{
	font-family: Arial, Verdana, sans-serif, Tahoma, Helvetica;
	font-size: 9pt;
	background-color: #C0D0F0;
	color: black;
    margin:0px;
    border-width:0px;
}
table
{
    border: 0px none white;
}
td
{
    border: 0px none white;
    margin:0px;
}
hr
{
    height: 0px;
    border-style: inset;
}
.tabContext
{
    width:100%;
}
.tdMenu
{
    height:145px;
}
.areaMenu
{
    width:100%; 
    height:145px; 
    border:0 none #FFFFFF; 
    overflow:hidden;
}
.areaWork
{
    width: 100%;
    border: 0px none white;
    margin: 0px;
}
.tdStatus
{
    height:20px;
    /*El height del td debe ser mayor que el height del frame para prevenir desplazamiento de bordes*/
}
.areaStatus
{
    width:100%; 
    height:15px; 
    border:0 none #FFFFFF; 
    overflow:hidden;
}
.areaUser
{
    position: absolute;
    visibility: hidden;
    border: 1px outset white;
    background-color: white;
    top: 22px;
    /*como el ancho se va a modificar y el dom no adopta el valor de la hoja de estilos se debe redefinir el width dentro del style del objeto*/
    width: 300px;
}
.areaLogo 
{
    position: absolute;
    width: 100%; 
    height: 0px; 
    border: 0 none #FFFFFF;
    visibility: visible;
    overflow: hidden;
    top: 0px;
    background-color: white;
}
.tabInfoUser
{
    padding:0px; 
    border-collapse:collapse; 
    border-spacing:0px;
    color: #000000;
    background-color: white;
    white-space:nowrap;
}
.areaShortcuts
{
    position:absolute; 
    visibility:hidden; 
    border:1px outset white; 
    background-color:white; 
    left:42px; 
    top:22px;
}
.areaActions
{
    position: absolute; 
    visibility: hidden;
    border: 0px none white; 
    background-color: #2B579A; 
    top: 0px; 
    left: 0px;
    overflow: hidden;
    height: 100%
}
.areaInformation
{
    position: absolute; 
    visibility: hidden;
    border: 0px none white;
    background-color: gray;
    opacity: 0.5;
    top: 0px; 
    left: 0px;
    width: 100%;
    overflow:hidden;
    height: 100%
}
.areaPopUp
{
    position:absolute; 
    top:0px;
    height:0px;
    width:100%; 
    visibility: hidden;
    overflow: hidden
}
.tabActions
{
    padding: 5px; 
    color: white; 
    border-collapse: separate; 
    margin: 0px; 
    border: 0px none white;
}
.tdAction
{
    white-space: nowrap;
    cursor: pointer;
    background-color:transparent;
    height:30px;
}
.tdactionOver
{
    white-space: nowrap;
    cursor: pointer;
    background-color: #3E6DB5;
    height:30px;
}
.tdFunction
{
    white-space: nowrap;
    cursor: pointer;
    background-color:transparent;
    height:30px;
}
.tdfunctionOver
{
    white-space: nowrap;
    cursor: pointer;
    background-color: #C0D0F0;
    height:30px;
}

.tabOut
{
    margin-left: auto;
    margin-right: auto;
    border-top: 1px inset white;
    border-left: 1px inset white;
    border-bottom: 1px inset black;
    border-right: 1px inset black;
    padding: 0px;
    border-spacing: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color:#A0B0E0;
}
.tabEmphatizedDark
{
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    border-top: 5px solid #A0B0E0;
    border-left: 5px solid #A0B0E0;
    border-bottom: 5px solid #A0B0E0;
    border-right: 5px solid #A0B0E0;
    padding: 0px;
    border-spacing: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.tabEmphatizedLight
{
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    width:100%;
    border-top: 5px solid #E0E0F0;
    border-left: 5px solid #E0E0F0;
    border-bottom: 5px solid #E0E0F0;
    border-right: 5px solid #E0E0F0;
    padding: 0px;
    border-spacing: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: white;
    background: -webkit-linear-gradient(white, #D0E0F0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #D0E0F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #D0E0F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #D0E0F0);
}

.hand
{
    cursor: pointer;
}