/* Division en 3 columnas la página */
#lCenter {
    overflow: hidden;
    padding: 0 1em 1em;
}
#lLeft {
    float: left;
}
#lRight {
    float: right;
    max-height: 100%;
    max-width: 30%;
}

/* Division en columnas del contenido del área de pestañas */
/* column container */
.colmask {
    clear: both;
    width: 100%;
    overflow: hidden;
}

/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}

/* 2 Column (double page) settings */
.doublepage .col {
    float: left;
    margin: 0.5em;
    overflow: hidden;
    padding: 0 0 1em;
    position: relative;
    width: 47%;
}

.div_form {
    border: 1px solid #AAAAAA;
    border-radius: 15px 15px 15px 15px;
}

/* Oculta las pestañas deshabilitadas */
#node_panel .ui-state-disabled {
    display: none; /* disabled tabs don't show up */
} 


/* Especificación de la apariencia de los nodos del cluster */
div.node
{
    font-size: x-small;
    width: 100px;
    margin-bottom: 10px;
}

div.node.selected 
{
    background-color: #FFFFC0;
    border: 1px solid #FFFF80;
    border-radius: 15px 15px 15px 15px;
}

div.node a
{
    margin-left: 2em;
}

div.node > a > p
{
    margin-left: 1em;
}

div.node p
{
    margin-bottom: 0;
    margin-top: 0;
}

div.node img 
{
    margin-top: 5px;
    max-width: 50px;
    max-height: 50px;
}

/* Gráficas */
#charts
{
    margin-top: 30px;
}

#charts div
{
    display: inline-block;
    margin-right: 20px;
    width: 300px;
}

#timelines div
{
    display: inline-block;
}




/* Toltips */
a.Ntooltip 
{
    position: relative; /* es la posición normal */
    text-decoration: none !important; /* forzar sin subrayado */
    color:#0080C0 !important; /* forzar color del texto */
    font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover 
{
    z-index:999; /* va a estar por encima de todo */
    /*background-color:#000000; *//* DEBE haber un color de fondo */
}

a.Ntooltip span {
    display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
    display: block; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    top:-5em; left:3em; /* donde va a estar */
    width:150px; /* el ancho por defecto que va a tener */
    padding:5px; /* la separación entre el contenido y los bordes */
    background-color: #FFFFFF; /* el color de fondo por defecto */
    color: #0080C0; /* el color de los textos por defecto */
    border: solid 1px #0080C0;
}








.tight-margin-form .form-required-mark,
.zero-margin-form .form-required-mark {
    display: inline;
}

.tight-margin-form .form-item-wrapper,
.zero-margin-form .form-item-wrapper {
	clear: both;
	padding: 5px;
}	

.tight-margin-form .form-item-wrapper .form-label {
	float: left;
	text-align: right;
	display: block;
    width: 8em;
}

.zero-margin-form .form-item-wrapper .form-label {
	float: left;
	text-align: right;
	display: block;
    width: 0em;
}

.tight-margin-form .form-item-wrapper .form-widget, 
.tight-margin-form .form-button, 
.tight-margin-form .form-help-text,
.tight-margin-form .form-error, 
.tight-margin-form .form-widget-error {
    display: block;
    margin-left: 9em;
}
.zero-margin-form .form-item-wrapper .form-widget, 
.zero-margin-form .form-button, 
.zero-margin-form .form-help-text,
.zero-margin-form .form-error, 
.zero-margin-form .form-widget-error {
    display: block;
    margin-left: 1em;
}

.tight-margin-form .form-button,
.zero-margin-form .form-button {
	margin-top: 1em;
}

.tight-margin-form legend span,
.zero-margin-form legend span { 
    display: block;
}



/* Especificadon del estilo de botones del multiselect */
.form-widget .multiselect-buttons input {
    float: right;
    margin-top: 0;
}