body
{
    /*margin: 0 50px 0 50px;*/
    margin: 0 0 0 0;
    /*background-color: #a9a9a9;*/
    /*background-color: #d9d9d9;*/
    font-size: 10pt;
    font-family: Arial, Verdana, Monospace ;
    
    /*background-image: url(Images/fondo_left.gif);*/
}

h1
{
    font-size: large;
    background-color: #FFDE38;
}
h2
{
    font-size: large;
    background-color: #FFDE38;
}
h3
{
    font-size: medium;
    background-color: #FFDE38;
}

h4
{
    font-size: 10pt;
    /*background-color: #FFDE38;*/
    background-color: #CC0000;
    color:#FFFFFF;
    /*background-color: #FFCC00;
    color:#000000;
      */  
    margin: 0px;
    text-indent: 3pt;
    
}
h5
{
    font-size: 10pt;
    background-color: #FFDE38; /*background-color: #000000;
    color:#FFDE38;*/
    margin: 0px;
    text-indent: 3pt;
    clear: none;
}
.TextBoxStyle
{
    font-size: 8pt;
    border-right: #A9A9A9 1px solid;
    border-top: #A9A9A9 1px solid;
    border-left: #A9A9A9 1px solid;
    border-bottom: #A9A9A9 1px solid;
    margin: 0px;
}

.titulo5
{
    background-color: #FFDE38; 
}

.MasterContenido
{
    background-color: #FFFFFF;
  
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
   /*border-right: solid 1px #A9A9A9;*/

}
.MasterTitulo
{
    background-color: #FFCC00;/*#FFCC00;*/
}
.MasterTitulo1
{
    background-color: #CC0000;/*#FFCC00;*/
}
.MasterTituloMenu
{
    border-top:solid 1px #CC0000;
    border-bottom:solid 1px #CC0000;
}
.MasterColumna
{
    width: 90px;
    background-color: #A9A9A9;
}
.MasterLabel
{
    color: #FFFFFF; 
    /*color #FFDE38; */
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    
}

.TituloH5
{
    font-size: 9pt;
    font-weight: bold;
    /*color: #FFDE38; */
    background-color: #ffcc00; 
    margin: 0px;
    text-indent: 3pt;
    border-right-style: none; 
    border-bottom-style: none;
}
.Oculto
{
    visibility: hidden;
    background-color: #FFDE38; 
}
.MensajeCentrado
{
    font-size: medium;
    margin: 10px;
    padding: 10px;
    color: #5E5E5E;
    font-weight: bold;
}
/*********************
Estilos del Fondo de la pantalla
*********************/
.FondoIzq
{   width:50px;
    background-image: url(Images/fondo_izq.jpg);
    background-repeat: repeat-y;
}
.FondoDer
{   width:50px;
    background-image: url(Images/fondo_der.jpg);
    background-repeat: repeat-y;
}
.FondoIzqAbj
{   width:70px;
    background-image: url(Images/fondo_izq_abj.jpg);
    background-repeat: repeat-y;
}
.FondoAbj
{
    background-image: url(Images/fondo_abj.jpg);
    background-repeat: repeat-x;
}
.FondoDerAbj
{   width:70px;
    background-image: url(Images/fondo_der_abj.jpg);
    background-repeat: repeat-y;
}

/**************************/

.BarraDivision2
{
     background-image: url(Images/fondo_barra_gris.gif);
    background-repeat: repeat-x;
    height: 20px;
    padding-left: 6px;
    font-size: medium;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 6px;
}

.BarraDivision
{
    background-image: url(Images/fondo_barra_gris.gif);
    background-repeat: repeat-x;
    height: 24px;
    padding-left: 6px;
    font-size: medium;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 6px;
}

.WUCALogo
{
    position: relative;
    left: 15px;
    top: 10px;
    background-image: url(Images/WU_header_logo.184.42.gif);
    background-repeat: no-repeat;
}

.DhlLogo
{   float: right;
    background-image: url(Images/Logo1.gif);
    background-repeat: no-repeat;
}
.CuadroGris
{
    border: solid 1px #A9A9A9; 
    padding-top:1px; 
    padding-bottom:1px;
    background-color: #EDEDED;
}

.ErrorMessageStyle
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #990000;
    background-color: #EDEDED;
}

.ListBoxStyle
{
    background-color: #EDEDED;
}
.DropDownListStyle
{
    font-size: 8pt;
}
/* Estilos para los menus */
.MenuStyle
{
    background-color: #000000;
    font-weight: bold;
    width: 80px;
}

.StaticMenuStyle
{
}

.StaticMenuItemStyle
{
    /*border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;*/
    color: #FCE13B;
    
    /*padding-bottom: 3px;
    padding-top: 3px;*/
    padding-left: 6px;
    padding-right: 6px;
    height:24px;
}

.StaticSelectedStyle 
{ 
     color:#FFDE38;
}

.StaticHoverStyle
{
    background-color: #FFDE38;
    color:Black;
}

.DynamicMenuStyle
{
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    background-color: #FFCC00;
    
    font-weight: bold;
    margin-top: 1px;
    margin-left: 3px;
}

.DynamicMenuItemStyle
{
    background-color: #CC0000;
    color: Black; 
    /*background-color: #000000;
    color: #FCE13B; */
    
    border-bottom: #FFFFFF 1px solid;
    height: 24px;
    /*width:120px;*/
    padding-left: 5px;
    padding-right: 15px;
}
.DynamicSelectedStyle 
{ 
    color:#D40511
}

.DynamicHoverStyle
{
    /*background-color: #EDEDED;
    color: #000000;*/
    background-color: #000000;
    color: #FFDE38;
}

/*********************************
 ********   Botones  
**********************************/

.ButtonStyle
{
    border-top: #ededed 1px solid;
    border-right: #a9a9a9 1px solid;
    border-left: #ededed 1px solid;
    border-bottom: #a9a9a9 1px solid;
    background-color: #FFDE38;
    font-size: 9pt;
    /*font-weight: bold;*/
    height: 24px;
}
/*********************************
 ********   Grid View
**********************************/

.GridStyle
{
    background-color: #FFFFFF;
    margin-bottom: 1px;
    font-size: 8pt;
    border-left: #A9A9A9 1pt solid;
}
.GridStyle Caption
{  font-size: 10pt;
	font-weight:bold;
    background-color: #FFDE38; /*background-color: #000000;
    color:#FFDE38;*/
    margin: 0px;
    text-indent: 3pt;
    clear: none;
	}
.DetailsView
{
    background-color: #FFFFFF;
    border-top: #ededed 2px solid;
    border-right: #a9a9a9 2px solid;
    border-left: #ededed 2px solid;
    border-bottom: #a9a9a9 2px solid;
    margin-bottom: 2px;
    font-size: 9pt;
    border-left: #A9A9A9 1pt solid;
}
.FormViewStyle
{   font-size: 8pt;
    background-color: #E4E4E4;
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
}

.FormViewStyle2
{   font-size: 8pt;
    background-color: #FFCC00;
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
}

.FormViewStyle .RowStyle table
{
    width: 100%;
    margin: 1px 0px 2px;
}

.FormViewStyle .RowStyle
{
    text-indent: 2pt;
}

.FormViewStyle .RowStyle td
{
    border-bottom: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
}

.FormViewStyle .RowStyle .TextAsLabel
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    text-align: right;
}

.FormViewStyle .RowStyle .Titulo
{
    font-weight: bold;
}

.FormViewStyle .PagerStyle
{
    background-color: #FFFFFF;
    color: Black;
    text-align: center;
}

.FooterStyle {
    background-color: #FFDE38;
    color: Black
}
.RowStyle
{
    background-color: #EDEDED;
    color: Black;
    /*border-bottom: #ffffff 1px solid;*/
}

.RowStyle td
{
    padding-right: 3px;
    padding-left: 3px;
   border-bottom: #ffffff 1px solid; 
}

.AlternatingRowStyle 
{
    background-color: #F5F5F5;
}

.AlternatingRowStyle td
{
    padding-right: 3px;
    padding-left: 3px;
    border-bottom: #ffffff 1px solid; 
}

.SelectedRowStyle
{
    font-weight: bold;
    background-color:#FEF5C5
}

.SelectedRowStyle td
{
    padding-right: 3px;
    padding-left: 3px;
}

.PagerStyle
{
    background-color: #ffcc00;
    color: Black;
    text-align: center;
}
.HeaderStyle
{
	background-color: #cc0000; 
	font-weight: bold;
	color: white;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 2pt;
	border-bottom: #ffffff 1px solid;
}

.FieldHeaderStyle
{
	/* background-color: #FFDE38; */
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-weight: bold;
	text-indent: 2pt;
	width: 100px;
	text-align: right;
}

.EditRowStyle
{
    background-color: #E4E4E4; 
    border-bottom: #FFFFFF 2px solid;  
}
.CommandRowStyle
{
    background-color: #E4E4E4;
}
/* Estilos de Login */
/* Cambiar Password View */
.Login
{
    font-family: Arial, Frutiger;
    background-color: #EDEDED;
    width: 300px;
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
}

.ChangePassword
{
    font-family: Arial, Frutiger;
    background-color: #EDEDED;
    /*width: 300px; */
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    border-right: #a9a9a9 1px solid;
}

.PasswordRecovery
{
    font-family: Arial, Frutiger;
    background-color: #EDEDED;
    width: 300px;
    text-align: left;
}

.CreateUserWizard
{
    font-family: Arial, Frutiger;
    background-color: #EDEDED; /*width: 400px; */
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    border-right: #a9a9a9 1px solid;
}


.LoginButtonStyle
{  
    border-top: #ededed 2px solid;
    border-right: #a9a9a9 2px solid;
    border-left: #ededed 2px solid;
    border-bottom: #a9a9a9 2px solid;
   background-color: #FFDE38;
    font-weight: bold;
    height: 24px;
    /*width: 96px;*/
    margin: 5px;
}

.LoginTextBoxStyle
{
    margin: 3px;
    /*width: 140px;*/
}
.RecoveryTextBoxStyle
{
    margin: 3px;
    width: 200px;
}
.LoginTitulo
{
    color: #FFFFFF;/*#FFDE38;*/
    background-color: #CC0000;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    padding-left: 2px;
    width: 300px;
    margin-bottom: 5px;
}
.LoginLabelStyle
{
    /*margin-left: 10px;*/
    margin-left: 2px;
    font-weight: bold;
}

.InstructionTextStyle
{
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
.SuccessTextStyle
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.LabelStyle
{
    /*padding-bottom: 5px;
    padding-top: 5px;*/
    font-weight: bold;
    margin-right: 3px;
}

/*********************************
 ********   Tree View
**********************************/
.TreeViewStyle
{
    border-right: #A9A9A9 1px solid;
    border-top: #A9A9A9 1px solid;
    border-left: #A9A9A9 1px solid;
    border-bottom: #A9A9A9 1px solid;
    background-color: #EDEDED;
    
}

.TreeNodeStyle
{
    color:#000000;   
}
.TreeSelectedNodeStyle
{
    
}
.TreeHoverNodeStyle
{
    color:#808080;
}
.TreeParentNodeStyle
{
    font-weight: bold;  
}
.TreeRootNodeStyle
{
    font-weight: bold;
}
/**********************************************/
/*   Styles de la Tree para Perfiles.   */
/**********************************************/
.PerfilTreeRootNodeStyle
{
    width: 100%;
    background-color: #DADADA;
    color: Black;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #A9A9A9 1px solid;
    border-right: #A9A9A9 1px solid;
}
.PerfilTreeParentNodeStyle
{
    width: 100%;
    background-color: #E0E0E0;
    color:Black;
    border-bottom: #D0D0D0 1px solid;
}
.PerfilTreeLeafNodeStyle
{
    width: 100%;
    background-color: #EAEAEA;
    color:Black;
    border-bottom: #D0D0D0 1px solid;
}
/**********************************************/
/*   Styles de la Extensión del Calendario.   */
/**********************************************/
.Calendario td
{
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 0px;
    text-indent: 0pt;
}

.Calendario .ajax__calendar_container
{
    border: 1px solid #A9A9A9;
    background-color: #EDEDED;
    color: black;
}
.Calendario .ajax__calendar_footer
{
    border-top: 1px solid #A9A9A9;
    font-weight: bold;
} 
.Calendario .ajax__calendar_header
{
    background-color: #CC0000;
    color: red;
    border-right: #A9A9A9 1px solid;
    border-bottom: #A9A9A9 1px solid;
    margin-bottom: 4px;
    height: 12px;
}

.Calendario .ajax__calendar_prev,
.Calendario .ajax__calendar_next
{
    background-color: #ffcc00;
}

.Calendario .ajax__calendar_title
{   background-color: #ffcc00;
    color: black;
}

.Calendario .ajax__calendar_dayname {
    border: #000000 1px solid;
    background-color: #ffcc00;
    color: black;
} 
.Calendario .ajax__calendar_day {
    border:1px solid #FFFFFF;
    background-color: #FFFFFF;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 0px;
    text-indent: 0pt;
} 
.Calendario .ajax__calendar_month 
{
    background-color: #EDEDED;
    border:1px solid #EDEDED;
} 
.Calendario .ajax__calendar_year {
    border:1px solid #A9A9A9;
}
.Calendario .ajax__calendar_other .ajax__calendar_day
{
    color: #A9A9A9;
    /*background-color: #ffd927;
    border: #ffd927 1px solid;*/
}
.Calendario .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.Calendario .ajax__calendar_hover .ajax__calendar_day
{
    background-color: #CC0000;
    color: white;
}
.Calendario .ajax__calendar_hover .ajax__calendar_month,
.Calendario .ajax__calendar_hover .ajax__calendar_year {
    background-color: #CC0000;
    color: black;
}
.Calendario .ajax__calendar_hover .ajax__calendar_today
{
    background-color: #A9A9A9;
    color: black;
}
.Calendario .ajax__calendar_active .ajax__calendar_day, .Calendario .ajax__calendar_active .ajax__calendar_month, .Calendario .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bold;
    border: #A9A9A9 1px solid;
    background-color: #EDEDED;
}

/**********************************************/
/*   Styles del Calendario Normal.   */
/**********************************************/
.CalendarStyle
{
    background-color: #FFF4CC;
    border-right: #BBBBBB 1px solid;
    border-top: #BBBBBB 1px solid;
    border-left: #BBBBBB 1px solid;
    border-bottom: #BBBBBB 1px solid;
    font-weight: bold;
}

.SelectedDayStyle
{
    font-weight: bold;
    font-size: 12pt;
}
.SelectorStyle
{
    background-color: #000000;
}
.TitleStyle
{
    background-color: #D40511;
    font-weight: bold;
    font-size: 9pt;
    color: white;
}
.CalendarStyle .OtherMonthDayStyle
{
    background-color: #fff7d6;
    color: Gray;
}
.TodayDayStyle
{
    background-color: #FFDB4C;
    color:red;   
}
.DayHeaderStyle
{
    background-color:#FFCC00;
    font-weight: bold;
}
.NextPrevStyle
{
    background-color:#D40511;
}
.WeekendDayStyle
{
    background-color: #ffe6a0;
}
.HeaderStyle a:link
{
	color: white;
}
/* Estilos para la página de Inicio*/
.titleRedBG {
	FONT-WEIGHT: 600; FONT-SIZE: 18px; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: 'Arial'; BACKGROUND-COLOR: #cc0000
}
.titleRedBG1 {
	 FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: 'Arial'; BACKGROUND-COLOR: #cc0000
}

.yellowBG {
	BACKGROUND-COLOR: #ffcc00
}
td.h {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
/*
A:link {
	FONT-SIZE: 11px; COLOR: #0000ff; FONT-FAMILY: Arial
}
*/

	
BODY {
	BACKGROUND: white no-repeat;
	MARGIN: 0px;
	COLOR: #000000;
	background-color: #FFCC00;
}
.inputLayout {
	FONT-SIZE: 11px; FONT-FAMILY: 'Arial'
}

	input.abajo
	{
   border-style:solid;		
   border-width:1px;	
   border-bottom-color:#000000; 
   border-right-color:#000000; 
   border-top-color:#FFFFFF; 
   border-left-color:#FFFFFF;
   background:#FFCC00;
   color:#000000;   
   font-family: Arial,Verdana,Helvetica, sans-serif;
   font-weight:bold;
   background: url(Images/flechas/arrow.gif) #fc0 no-repeat 3px 7px;

	}
	input.arriba
	{
   border-style:solid;	
   border-width:1px; 
   border-bottom-color:#FFFFFF;  
   border-right-color:#FFFFFF; 
   border-top-color:#000000; 
   border-left-color:#000000;
   background:#FFCC00;
   font-family: Arial,Verdana,Helvetica, sans-serif;
   color:#000000;
   font-weight:bold;
   background: url(Images/flechas/arrow.gif) #fc0 no-repeat 3px 7px;
	}

.titleRedBG {
	FONT-WEIGHT: 600; FONT-SIZE: 18px; VERTICAL-ALIGN: middle; COLOR: #ffffff; FONT-FAMILY: 'Arial'; BACKGROUND-COLOR: #cc0000
}
.yellowBG {
	BACKGROUND-COLOR: #ffcc00
}
td.h {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
/*
A:link {
	FONT-SIZE: 11px; COLOR: #0000ff; FONT-FAMILY: Arial
}
*/

	
BODY {
	BACKGROUND: white no-repeat;
	MARGIN: 0px;
	COLOR: #000000;
	background-color: #FFCC00;
}
.inputLayout {
	FONT-SIZE: 11px; FONT-FAMILY: 'Arial'
}

	input.|
	{
   border-style:solid;		
   border-width:1px;	
   border-bottom-color:#000000; 
   border-right-color:#000000; 
   border-top-color:#FFFFFF; 
   border-left-color:#FFFFFF;
   background:#FFCC00;
   color:#000000;   
   font-family: Arial,Verdana,Helvetica, sans-serif;
   font-weight:bold;
   background: url(Images/flechas/arrow.gif) #fc0 no-repeat 3px 7px;

	}
	input.arriba
	{
   border-style:solid;	
   border-width:1px; 
   border-bottom-color:#FFFFFF;  
   border-right-color:#FFFFFF; 
   border-top-color:#000000; 
   border-left-color:#000000;
   background:#FFCC00;
   font-family: Arial,Verdana,Helvetica, sans-serif;
   color:#000000;
   font-weight:bold;
   background: url(Images/flechas/arrow.gif) #fc0 no-repeat 3px 7px;
	}