/*cuadro de color para el participante 
del valor del indicador en el grafico de 
barras */
.colorBox{	
	width: 15px;
	height: 15px;
	border-color:graytext ;
	border-style: solid;
	border: 1px;
       
}

/*
barra de valores para los detalles del indicador en 
cada periodo 
*/

div#gridIndicadores{
}

table#tbTree{
	height: 100%;
}
div#bar{	
	display:none;
	border-color:#B5CDE6 ;
	border-style: solid;
	border-width: 1px;
}
div#navegador{
	font-size: large !important; 
	font-family: bold !important;
}
td#npmesg{
	font-size: x-small;
	font-family: bold; 
	}
div#subBar{
	margin-left : 20px;
	z-index:100;
	position:absolute;
	width: 777px ;
	height:305px;
	display:none;
	filter:Alpha(Opacity=70);
	-moz-opacity:0.70;
}
/**/

/*ficha tecnica del indicador div flotante */
div#floatFichaT{
	background-color: white;	
	width:99% !important;
	height:500px;
	width:600px ;	
	/*position: absolute;
	margin-left:395px;
	top: 1101px ;
	height:298px;
	width:353px ;
	border-color:#B5CDE6 ;
	border-style: solid;
	border-width: 1px;*/
}

/*representa la tabla  de comportamiento 
sobre la grafica de linea de tiempo*/
div#compDiv{
	display: none;	
}


div#compDiv label, div#detInd label{
 font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11pt;
   font-weight:bold;
}

div#compDiv table{
	/*color:#000080;*/
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 0 2 2 2;
    background: #e4e8f3
}

div#compDiv table tr{
	border-color: #e4e8f3;
	border-bottom-width:5px;
	border-bottom-style: solid; 
}

div#compDiv table tr th{
	background: #335B97;
    color: white ;  
    font-size: 11px;
    font-weight: bold;
   }
   
div#compDiv table tr td{
	color:#0000ff;
	background:#f0f0df;
	background:#f0f0df;
	border-width:0 1 1 0;
	border-style:solid;
	border-color:white;
	padding:0 2 2 2
}

/*nombre en la parate superior de los detalles 
del indicador incluye la unidad de medida y un 
enlace a la ficha tecnica del indicador */
div#indName{	
	color: #008080;
   	font-family: Verdana,Arial,Helvetica,sans-serif;
   	font-size: small;
   	font-weight:bold;
   	margin-bottom: 10px;
}


/*grafica linea de tiempo*/
div#line{
	display:none;
	border-color:#B5CDE6 ;
	border-style: solid;
	border-width: 1px;
}

/*arbol indicador - genero */
div#tree{
	border-color:#B5CDE6 ;
	border-top-style: solid;
	/*border-width: 1px;*/
}
/*sobrescribimos algunas propiedades del stylo original 
de la compaņia */
div#contenido{
}
/**
div#fichaTecnica{
	background-color: white;	
	width:99% !important;	
}
*/

table#itemFTecnica,table#tblfloatFT{
	width: 100%;	
}

table#itemFTecnica tr td,table#tblfloatFT tr td {
	border-top-style: solid;
	border-top-width: 1px;
	border-color : #B5CDE6 ;
}
/*inidica el cambio de nombre en el 
cambio de pantalla de indicador a detalle */
div#detInd{
	display: none;
}

.lblClass, table#itemFTecnica tr td label,table#tblfloatFT tr td label{
   color: #335B97;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;
   margin-left: 10px;
   margin-right: 1em;
   width: 14em;
   float: left!important;
}

.lblClass{
	/*width: 265px;*/
	width: 20em;
	font-weight: bold;
}

table#itemFTecnica tr td div,table#tblfloatFT tr td div{
	float: left !important;
	font-size: 11px;
		
}



/*para comentar
div#contenido{
	top: 28px;
}

div#compDiv{
	top: 70px;
}

div#line{
	top:205px;
}
div#bar{
	top: 441px;
}
div#detInd{
	position: absolute;
	top: 365px;
	width: 780px;
	margin-left:172px;
	display: none;
}
/**/