body 
{
	font-family:Tahoma,Helvetica, Arial, Sans-Serif;
	font-size:12px;
	position:absolute;
	margin: 0px auto 0px auto;
	background:#ecf8fd;
	text-align:center;
}

h1
{
	font-size:20px;
}

.Header
{
	top:0px;	
	height:auto;
	margin:auto;
	margin-left:auto;
	margin-right:auto;
	position:relative;	
}
.Menu
{
	top:0px;
	font-family:Arial;
	font-size:11px;	
	margin:0px 0px 0px 0px;	
	position:relative;
	height:auto;	
}

.Content
{
	top:0px;	
	width:950px;
	height: auto;
	margin: auto  auto auto 154px;
	position:static;
    background-color: #ecf8fd;
}
.Panel
{
	top:0px;		
	height:auto;
	margin: auto auto auto 0px;    
	position:relative;
	color:#404040;
}
.Label
{
	padding:auto auto auto auto;
	margin:auto;
}

.Login
{
 text-align:left;
 left:155px;
 top:90px;
 position:fixed;
 background-color:White;
 width:948px;
}
.DynMenu
{
 text-align:left;
 font-family:Arial;
 font-size:13px;
}
.linkLogOut
{
 position:relative;
 top:70px;
 left:700px;	
 	}
 /* 
   Formato para las páginas de sistematización - INICIO
*/

.Panel2
{
	top:0px;	
	width:250;
	height:610px;	
	margin: 1px auto auto 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: auto auto 0px auto;
	background:white;
}
.PanelIC
{
	top:0px;	
	width:auto;
	height:auto;	
	margin: 1px auto auto 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: auto auto 0px auto;
	background:white;
}

.PanelC
{
	top:0px;	
	width:250;
	height:670px;	
	margin: 1px auto auto 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: auto auto 0px auto;
	background:white;
}
.Tree
{
	 top:0px;
	 text-align:left;
	 width:auto;
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 position:static;
	 height:auto;	 
	 
	}
.btnGuardarS
{
	 top:28px;
	 text-align:left;
	 left:245px;	 
	 position:relative;
	 padding: 0px 0px 0px 0px;
	}
.Text1
{	
	 margin: 0px auto auto 0px;	
	 text-align:center;
	 width:250px;
	 font-size:12px;
	 font-family:Arial;	  	 	 
	 left:5px;
	 padding-top:0px;	 
	}
.TextGen
{
 font-family:Arial;
 font-size:11px;
 text-align:left;
	}
.LabelGen
{
 font-family:Arial;
 font-size:11px;
 text-align:right; 
	}
.valMensajes
{
	font-family:Arial;
	font-size:11px;
	text-align:left;
	color:Red;
	}
.validatorCalloutHighlight
{
	background-color:lemonchiffon;
	}
.LabelEnc
{
 font-family:Arial;
 font-size:11px;
 text-align:center;  
	}
.imgSepara
{
 width:60px;
 background-image: url(~/Images/separador.png);
 height:5px;
	}
FileUp
{
	font-family:Arial;
	font-size:9px;
	border:none;	
	}	
/* 
   Formato para las páginas de sistematización - FIN
*/
/* 
   Formato para los Grids - INICIO
*/
.GridMain
{
	border-right:gainsboro thin solid;
	border-top:gainsboro thin solid;
	border-left:gainsboro thin solid;
	border-bottom:gainsbolro thin solid;
	background-color: #333333;
	position:static;
	top:0px;
	width:95%;
	text-align:left;	
}
.GridRow
{
	background-color:#FFFAFA;
	font-family:Arial;
	font-size:10px
} 
.GridSelectedRow
{
	background-color:#E6E6FA;
	font-family:Arial;
	font-size:10px
}
.GridHeader
{
	background-color:#ADD8E6;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	height:20px;
} 
/* 
   Formato para los Grids - 
*/
.fmtTituloCtl
{
 font-family:Arial;
 font-size:11px;
 text-align:center;
 background-color: #080FAF;
 color:White;
 font-weight:bold;
 height:5px;
	}
.fmtTituloCtl2
{
 font-family:Arial;
 font-size:11px;
 text-align:center;
 background-color: #ADD8E6;
 color:Blue;
 font-weight:bold;
 height:5px;
	}
.PanelTab
{	
	border-style:solid;
	border-color:Silver;
	border-width:1px;
    font-family:Arial;
    font-size:9px;
    text-align:center;
    padding-top:2px;         
}
.NFPA
{
	 font:Arial;
	 font-size:10px;
	 text-align:center;
	}
.modalPopup {
	background-color:#ecf8fd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
	font-family:Arial;
	font-size:10px;
	}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}
.demoheading {
	padding-bottom:0px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;	
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*    Formatos para los pagRsgSemicuantiativo - INICIO */
/*SECCION DEL ARBOL DE SISTEMATIZACION - I*/
.PanelSist
{
	top:0px;	
	width:250;
	height:605px;	
	margin: 0px auto auto 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: 0px auto 0px auto;
	background:white;
}
/*SECCION DEL ARBOL DE SISTEMATIZACION - F*/
/*SECCION DERECHA DE CONTROLES PAGINA RIESGO - I*/
.pnlInfoG 
{
	top:0px;		
	margin: 0px auto auto 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: auto auto 0px auto;
	background:white;
}
/*SECCION DERECHA DE CONTROLES PAGINA RIESGO - F*/
.pnlInfoGral
{
	top:0px;		
	margin: 0px auto auto 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: auto auto 0px auto;
	background:white;
}
/*SECCION DEL ACORDION-I*/
.pnlSeccion2
{
	top:0px;		
	margin: 0px auto 0px 0px;
	position:static;
	border-style:solid;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding:  0px 0px 0px 0px;
	background:white;
}
/*SECCION DEL ACORDION-F*/
/*SECCION INTERNA DEL PANEL DEL ACORDION-I*/
.pnlInfoSecc2
{
	top:0px;	
	width:840;
	height:275px;	
	margin: 0px auto 0px 0px;
	position:static;
	border-style:none;
	border-color:ActiveBorder;
	border-width:1px;
	content:normal;
	padding: 0px auto 0px auto;
	background:white;
}
/*SECCION INTERNA DEL PANEL DEL ACORDION-F*/
 .roundedPanel
{	
	width:300px;
	background-color:ActiveBorder;	
	color:white;
	font-weight:bold;		
	/* Con border activo muestra el recuadro sin redondearlo 
    border-color:Red;
	border-width:1px;
	border-style:solid;*/
}
/*    Formatos para los pagRsgSemicuantiativo - INICIO #5377A9*/
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 2px 0px 0px 0px;
    margin-top: 2px;
    cursor: pointer;    
    text-align:left;
    background-image: url(/Images/expand.jpg); /* Point to your plus img */   
    background-repeat: no-repeat;
    background-position: 4px 7px;   /* Adjust this (x y) to fix spacing of image within the line */
    padding-left: 18px; /* Adjust this for the starting point for the text in the header */    
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 2px;
    cursor: pointer;
    text-align:left;      
    background-image: url(/Images/collapse.jpg); /* Point to your minus img */    
    background-repeat: no-repeat;
    background-position: 4px 7px;   /* Adjust this (x y) to fix spacing of image within the line */
    padding-left: 18px; /* Adjust this for the starting point for the text in the header */

}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: white;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 0px 0px 0px 0px;
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
}
.lnk
{	
	 margin: 0px auto auto 0px;	
	 text-align:center;
	 width:250px;
	 font-size:11px;
	 font-family:Arial;
	 elevation:higher;	 
	 left:5px;	 
	 cursor:pointer;
	 color: blue;
	 border-bottom: solid 1px blue;	 
	 outline: blue solid 1px;
	 padding-top: 5px;
	}
.collapsePanelHeader{
	width:100%;
	height:18px;
	background-image: url(Images/bg-snippet.png);
	background-repeat:repeat-x;
	color:steelblue;
	font-family:Arial;
	font-size:10px;
	padding: 0px auto 1px auto;	
}
.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}
.TituloMD
{
    font-family:Arial;
    font-size:16px;    
}
.Reporte
{
    text-align:center;   
}
.TextBlue
{
 font-family:Arial;
 font-size:11px;  
 color:darkblue;
 font-weight:bold; 
	}
.TextWhite
{
 font-family:Arial;
 font-size:11px;  
 color:White;
 font-weight:bold; 
 background:darkblue;
	}
/*06-Abr-2010 Agregado para el análisis cuantitativo #5377A9-azul fuerte #D3DEEF-azul claro del panel colapsable Op1
 #ecf8fd-azul claro Op2, #E5E5E5-gris claro Op 4*/
.dropShadowPanel 
{
	
	background-color:#E5E5E5;
	color:black;
	
}
/*06-Jun-2011 Agregado para manejo de TabContainer en Sistematizacion de tanques*/
.ajax__tab_default .ajax__tab_header 
    {  
         white-space: normal!important;  
    }  
    
    
.vConfirmacion
{
    background-color:blue;
    border:solid 10px white;
    width:407px;
    height:141px;
    font:Arial Verdana SansSerif;
     font-size:10px;
    
}

.mynodored
{
   background-color:red;
}
.mynodogreen
{
	background:#33CC00;	
}
.mynodoyellow
{	
	background:#FFFF00;
}
.mynodowhite
{
	
	background:white;
}
.tree td div 
     {
            height:  23px ;
            width: 250px ;                       
                  }