body
{
	background-color:White;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
    margin: 0px;
/*scrollbar-base-color: #99cc99;
scrollbar-arrow-color: #fff;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #000;
scrollbar-face-color: #505050;
*/

overflow-x: hidden; 
overflow-y: auto; 
/*overflow: -moz-scrollbars-vertical;
overflow: -moz-scrollbars-horizontal;
*/
scrollbar-base-color: #2d4057;
scrollbar-arrow-color: #2d40579;
scrollbar-3dlight-color: #2d4057;
scrollbar-darkshadow-color: #2d4057;
scrollbar-face-color: #2d4057;

}
.quitoSubrayado
{
	text-decoration:none;
	}
.fontSubMenu
{
	FONT-SIZE: 11px; WIDTH: 220px; COLOR: white; FONT-FAMILY: Arial; TEXT-DECORATION: none
	}

.bordeContenedor
{
	border-width:1;
	border-color:#2d4057;
	border-style:solid;
	border-collapse:collapse;
}

.tituloUser
{
	font-size:12px;
	font-style:italic;
	FONT-WEIGHT: bold;
	
	}


.botonesSubMenu
{
	FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: 'Arial Narrow'; TEXT-DECORATION: none

	}
.veticialAlingTop
{
	vertical-align:top;
	}

TD
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;   
}

.label
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
}

.footer
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    background-color: #003366 ;
    TEXT-DECORATION: none
}

/*hay que utilizarla para darle bordes a las tablas que sean containers*/
.contenedor
{
	border-style:solid;
	border-width:1px;
	background-color:White;
	border-color:#CCCCCC;
	
}



TABLE.bgColorGrey
{
	background-color:#EDEDED;
}
TABLE.bgColorWhite
{
	background-color:#FFFFFF;
	
}

.titContainer
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height:25;
}

.titFrames
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height:25;
}
.titFramesFontNine
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height:25;
}
.SmalltitFrames
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    height:1;
}


.titPage
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.lineContainer
{
	background-color:#CC0000;
	height:3;
}
.lineGrey
{
	background-color:#CCCCCC;
}
.lineBlue
{
	background-color:#023185;
}
.lineLightBlue
{
	background-color:#B3C1DB;
}

.navigation
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #6d81a4;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    margin-left:0;
    
    
}
.navigationLINK 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
}
A.navigationlink:hover
{
	FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: 'Arial Narrow'; TEXT-DECORATION: none
	/*
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
*/
} 
A.navigationlink:link
{
	FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: 'Arial Narrow'; TEXT-DECORATION: none
	/*
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
*/
}
A.navigationlink:visited
{
/*    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
  */
FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: 'Arial Narrow'; TEXT-DECORATION: none  
}
BUTTON
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.valErrores
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR:Blue;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}


SELECT
{
	text-align:center;
	font-size:8pt;
}

A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}

/*A:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #023185;
    FONT-FAMILY: arial;
    
    TEXT-DECORATION: underline
}
A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #666666;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #cc0000;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
*/
.ContactText
{
	font: Arial;
    font-weight: normal;
    FONT-SIZE: 8pt;
    COLOR: #023185;
    text-transform: none;
    TEXT-DECORATION: none;
}
.ContactTable
{
 height:17px;
 border-bottom :solid 1 white;
 border-top :solid 1 white;
}

.Contact
{
font:Arial;
font-size:9pt;
color:#cc0000;
}


.menu 
{  
	font-family: Arial;
    font-weight: normal;
    FONT-SIZE: 8pt;
    COLOR: #023185;
    text-indent: 3px;
    text-transform: none;
    background-color: #C8C8C8;
    TEXT-DECORATION:  none;
    border-bottom:solid 1 #F4F4F4;
    border-top:solid 1 #F4F4F4;
}
.menuON
{ 
	text-indent: 3px;
    font-family: Arial ;
    font-weight: normal ;
    FONT-SIZE: 8pt;
    COLOR: white;
    text-transform: none;
    TEXT-DECORATION: none;
    background-color: #6D81A4;
    border-top:solid 1 #F4F4F4;
    border-bottom:solid 1 #F4F4F4;
}

.menuON A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: white;
    background-color: #6D81A4
}
.TextCenter
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;   
    text-align:center
}
.SpacerPath
{
	text-align:left;
	left:0;
}

.DataGrid
{
	font-family: Arial;
	font-size: 9pt;
	color: #333333;
	text-transform: none;
	text-decoration: none;
	width: 100%;
	border: none 0;
	
}
.DataGridHeader
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    border: solid 1 white;   
}
.DataGridHeaderLeft
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    border: solid 1 white ;
    border-left: solid 1 #B1C3DB;
}
.DataGridHeaderNoBorder
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    
    
}


.DataGridHeaderBold
{
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    border: solid 1 #B1C3DB ;
   
}
.DataGridItemBorder
{
	font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: white;
    text-transform: none;
    text-decoration: none;
    border: solid 1 #B1C3DB ;
    border-bottom:solid 1 #B1C3DB ;
    

}

.DataGridHeaderRight
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    border: solid 1 white ;
    border-right: solid 1 #B1C3DB;
}
.DataGridHeader2
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    border: solid 1 white ;
    border-right: solid 1 #B1C3DB ;
}

.DataGridItem
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    text-decoration: none;
    border: none 0;
}

.DataGridItemLeido
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    color:#023185;
    text-transform: none;
    text-decoration: underline;
    border-bottom: solid 1 #DDDDDD;
}

.DataGridItemNuevo
{
    font-family: Arial;
    font-weight: Bold;
    font-size: 9pt;
    color:#023185;
    text-transform: none;
    text-decoration: underline;
    border-bottom: solid 1 #DDDDDD;
}


.DataGridItemHover
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    background-color: #DFE7EF ;
    text-transform: none;
    text-decoration: none;
    border: none 0;
}

.DataGridItemLeido
{
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    color:#023185;
    text-transform: none;
    text-decoration: underline;
    border-bottom: solid 1 #DDDDDD;
}

.TableHeader
{
	font-family: Arial;
    font-weight: normal;
    font-size: 10pt;
    background-color: #B1C3DB;
    text-transform: none;
    text-decoration: none;
    height:20px ;
    vertical-align:middle;
}
.DataGridGridLines
{
	font-family: Arial;
	font-size: 9pt;
	color: #333333;
	text-transform: none;
	text-decoration: none;
	width: 100%;
	border: none 0;
	
}

.Combo
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;   
}

.TextBox
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;   
}

.TextBoxBold
{
	FONT-WEIGHT:bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;   
	
}

.TextBoxContacto
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;   
}

.TextBoxNoEdit
{
	background-color: #D6D6D6;
	FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: #333333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;    
}
.calendar
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #808080;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}
.imgButtonHand
{
	cursor:hand;
	cursor:pointer;
	text-align:left;
	vertical-align:top;
	FONT-FAMILY: Arial Narrow;
	FONT-SIZE: 11pt;
	color:White;
	width:110px;
	height:15px;

}
.handlink
{
	cursor:hand;
	cursor:pointer;
	}
.imgBack
{
	cursor:hand;
	cursor:pointer;
	text-align:left;
	vertical-align:top;
	FONT-FAMILY: Arial Narrow;
	FONT-SIZE: 11pt;
	color:White;


}	

.imgButtonHandOnly
{
	cursor:pointer;
	cursor:hand;
	vertical-align:middle;
}	
/***********************CLASE PARA CHECKBOX ADMINISTRADOR DE TIEMPO************************************/
.chkAdminTimeLoadERP
{
}
/***********************CLASE PARA CHECKBOX ADMINISTRADOR DE TIEMPO************************************/
/**INICIO:BUSCADOR DE EMPLEADOS**************************************/
    div.autocomplete {
      position:absolute;
      width:250px;
      font-family:Arial;
      font-weight: normal;
	  font-size: 9pt;
	  color: #023185;
      background-color: #eeeeee;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected {
		background-color: #023185;
		color: #B3C1DB;
	}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:10px;
      cursor:auto;
    }
    
    .informal { DISPLAY: none }
    
/**FIN:BUSCADOR DE EMPLEADOS*****************************************/

/** INICIO : VACACIONES */

#daysTemplate { DISPLAY: none }
#txtPersistance { DISPLAY: none }
.holiday-row-template { DISPLAY: none }
.holiday-row-odd { BACKGROUND-COLOR: #cccccc }
.holiday-row-even { BACKGROUND-COLOR: #dddddd }
.holidayDeleteButton { BORDER-RIGHT: #b2b2b2 1px solid; BORDER-TOP: #b2b2b2 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #b2b2b2 1px solid; WIDTH: 18px; COLOR: #a3a3a3; BORDER-BOTTOM: #b2b2b2 1px solid; FONT-FAMILY: Tahoma,Arial,Helvetica,Geneva,Sans,Sans-Serif; BACKGROUND-COLOR: #fff }
.holidayAddButton { BORDER-RIGHT: #b2b2b2 1px solid; BORDER-TOP: #b2b2b2 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #b2b2b2 1px solid; WIDTH: 18px; COLOR: #a3a3a3; BORDER-BOTTOM: #b2b2b2 1px solid; FONT-FAMILY: Tahoma,Arial,Helvetica,Geneva,Sans,Sans-Serif; BACKGROUND-COLOR: #fff }
.holidayObservationButton { border:0px; }
.holidayPersistanceField { DISPLAY: none }
.holidayIndicator { font-size:8pt; background-color: #c00; color: #fff; width: 300px; }

.holidaySelect {font-size:8pt; width:140px; }
.holidayDateFromInput {font-size:8pt; }
.holidayDateToInput {font-size:8pt; }
.holidayTextBoxNoEdit {	background-color: #D6D6D6;	FONT-WEIGHT: normal;    FONT-SIZE: 8pt;  TEXT-TRANSFORM: none;  COLOR: #333333;  FONT-FAMILY: arial;  TEXT-DECORATION: none; }

/** FIN : VACACIONES */


/** INICIO : EXCEPTION HANDLER */

DIV#errorMessage {
	COLOR: #666666;
	FONT: 11px Tahoma;
}

A.webtab {
	COLOR: #484848;
	text-decoration: underline;
}

A.webtab:hover {
	text-decoration: none;
}

DIV#message_div_container {
	position : absolute;
	background-color : #ffffff;
	left : 0px;
	top : 0px;
	display:none;
	z-index:2501;
	border:2px solid #000;
}

DIV#loading_div_container {
	position : absolute;
	background-color : #ffffff;
	left : 0px;
	top : 0px;
	display:none;
	z-index:2501;
	border:2px solid #000;
}

/** FIN : EXCEPTION HANDLER */

.labelBlack2Over
{
	font-family: Arial;
    font-size:9pt;
    background-color: #4f5332 ;
    text-transform: none;
    text-decoration: none;
    border: none 0;
    width:100%;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border:0px;
    border: 1px solid;
    color:White;
}

.labelBlack2OverHand
{
	background:Imagenes/Menu/botonN.jpg;
	border-left-width: 1px;
	font-family:Arial Narrow;
    font-size:11pt;
    color:White;
    background-color: #99cc99 ;
    /*background-color: #929a61 ;*/
    text-transform: none;
    text-decoration: none;
    border: none 0;
    CURSOR: hand;
    width:100%;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border:0px;

    /*border: 1px solid;*/
}
.celldaBoton
{
	font-family: Arial Narrow;
    font-size:9pt;
    color:Black;
    background-color: #99cc99 ;
    text-transform: none;
    text-decoration: none;
    border: none 0;
    CURSOR: hand;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border:0px;
    border: 1px solid;
    
}
.links
{
	color:Black;
	font-family:Arial Narrow;}
	
.mouseOutSubMenu
{
	background-color:#2d4057 ;
	text-align:left;
	    font-size:11px;
    font-weight: bold;
    color:White;
     font-weight: bold;
    
}
.mouseOverSubMenu
{
    background-color:#959a99 ;
    CURSOR: hand;
    color:White;
    text-align:left;
    font-size:11px;
    font-weight: bold;
    
}

.mouseOutMenu
{
	background-color:#DA251D ;
	text-align:center;
	    font-size:11px;
    font-weight: bold;
    color:White;
    
}
.mouseOverMenu
{
    background-color:#859ab7 ;
    CURSOR: hand;
    color:White;
    text-align:center;
    border-left: 1px solid #4F5332;
    border-right: 1px solid #4F5332;
    font-size:11px;
    font-weight: bold;
    
}
.labelBlack2OverHandOut
{
	/*font-family: Arial;
    font-size:9pt;*/
    background-color:#959a99 ;
    
    /*text-transform: none;
    text-decoration: none;
    border: none 0;*/
    CURSOR: hand;
    /*	width:100%;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border:0px;*/
    
    color:White;
    /*border: 1px solid;*/
}

.labelBlack2Over
{
	font-family: Arial;
    font-size:9pt;
    background-color: #99cc99 ;
    text-transform: none;
    text-decoration: none;
    border: none 0;
    width:100%;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    border:0px;
    border: 1px solid;
}

.labelBlack2
{
	width:100%;
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    color:white;
    background:#99cc99;
    border:0px;
    border: 1px solid;
    border-color:Black;
    cursor:hand;
    
}
.desc
{
	text-align:justify;
	}

.Titulolabel
{
    FONT-SIZE: 9pt;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none;
    color:white;
}

.AgencyFB
{
	font-family:Agency FB;
	FONT-SIZE: 14pt;
}	

.label_White
{
	background:black;
	color:White;
}

#scroll
{ 

	 width:300px; 
     height:170px; 
     background-color:#F2F2F2; 
     overflow:auto; 
}
.DataGridItemHover
{
    font-family: Arial;
    font-weight: normal;
    font-size: xx-small;
    background-color: #DFE7EF ;
    text-transform: none;
    text-decoration: none;
    border: none 0;
}

.DataGridItemHover_Salida
{
    font-family: Arial;
    font-weight: normal;
    font-size: xx-small;
    background-color: #f0f8ff ;
    text-transform: none;
    text-decoration: none;
    border: none 0;
}

#textovertical
	/*{writing-mode: tb-rl;
	filter: flipv fliph;
	color: red;
	font-weight: bold;
	font-family: verdana;
	font-size: 15px;
	text-decoration: none;
	
	}*/
		{writing-mode: tb-rl;
	filter: flipv fliph;}