HTML
{
	font-size: 10px;
	color: black;
	vertical-align: center;
	font-family: Verdana;
}

INPUT {
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 11px;
	border-left: gray 1px solid;
	color: darkred;
	border-bottom: gray 1px solid;
	font-family: verdana, arial, helvetica, sans-serif;
}

IMG {
	border: 0px;
}
A {
	color: #cc3300;
	text-decoration: none;
}
A:hover
{
	color: red;
}


/*
*
* CLASES ESPECIFICAS DE INTELOGISTICA
*
*/

.ilSUGGESTINPUT {
	background-color: #DEDEFF;

}

/*El objeto deshabilitado*/ 
.ilSUGGESTINPUT:disabled {
	background-color: #DDDDDD; 
}

.ilERR {
	color: darkred;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap;
}
.ilWRN {
	color: green;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap;
}
.ilINF {
	color: darkblue;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap;
}

.ilCBOX{
	border-collapse: collapse;
	border:  #4F4F4F 1px solid;
	text-align: center;
	vertical-align: middle;	
	width: 100%;
}

.ilBOX{
	border-collapse: collapse;
	border:  #4F4F4F 1px solid;
	width: 100%;
}

.ilBoxHeight{
	border: #4F4F4F 1px solid;
	width: 100%;
}

.ilBoxNoBorder{
	border: #4F4F4F 0px solid;
	width: 100%;
}

.ilBoxBorder{
	border: #4F4F4F 0px solid;
	width: 100%;
}

.ilNoBorder{
	border: #4F4F4F 0px solid;
}

.ilBOXHeight{
	border-collapse: collapse;
	border:  #4F4F4F 1px solid;
	width: 100%;
	height: 100%;
}

.ilPOPUP {
	border:  #4F4F4F 1px solid;
	background-color: white;
	background: white;
}

.ilTABLE{
	border-collapse: collapse;
	width: 100%;
}

.ilNOTABLE{
	border-collapse: collapse;
	border:none;
	width: 100%;
}

.ilDETAILTABLE{
	border-collapse: collapse;
	width: 90%;
}


.ilTH
{
	vertical-align: middle;
	border:  #4F4F4F 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #BED6F8;
	text-align: center;
	background-image: none;
}

.ilTHlite
{
	vertical-align: middle;
	border:  #4F4F4F 1px solid;
	font-size: 10px;
	color: black;
	font-weight: normal;
	font-family: Verdana;
	background-color: #DAEEEE;
	text-align: center;
}

.ilTHr
{
	vertical-align: middle;
	border:  #4F4F4F 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #E1E3C1;
	text-align: right;
}

.ilTD
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
}

.ilTDr
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: right;
}

.ilTDlite
{
	border:  #4F4F4F 1px solid;
	font-size: 9px;
	color: black;
	font-family: Verdana;
	text-align: left;
}

.ilTD5
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
	width: 5%;
}

.ilTD7
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
	width: 7%;
}

.ilTD20
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
	width: 20%;
}

.ilTD30
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
	width: 30%;
}

.ilTDr
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: right;
}

.ilTDc
{
	border:  #4F4F4F 1px solid;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: center;
}

.ilDetailTD
{
	border:  none;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
}

.ilDetailTDc
{
	border:  none;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: center;
}

.ilDetailTDPaddingLeft20
{
	border:  none;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
	padding-left: 20px;
}

.ilDetailTDPaddingRight20
{
	border:  none;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: right;
	padding-right: 2%;
}

.ilDetailTDPadding20
{
	border:  none;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-align: left;
	padding-left: 20px;
}

.ilDetailLabel
{
	vertical-align: middle;	
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #E1E3C1;
	text-align: center;
}
.ilTR:hover
{
	background-color: #E2E2E2;
}


.ilCMD {
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-size: 11px;
	text-transform: capitalize;
	border-left: black 1px solid;
	cursor: hand;
	color: black;
	border-bottom: black 1px solid;
	font-family: Verdana;
	background-color: grey;
}

.ilMENUTABLE{
	background-color:#BED6F8;
	background-image:url("/admin/a4j/g/3_2_2.GAorg.richfaces.renderkit.html.GradientA/DATB/eAH7!!3Tj2v7mAAZZAV3.faces");
	background-position:left top;
	background-repeat:repeat-x;
	font-size: 18px;
	color: #333333;
	font-family: Verdana;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.ilMENUROW{
	background-color:#BED6F8;
	background-position:left top;
	background-repeat:repeat-x;
	font-family: Verdana;
	text-align: left;
	width: 100%;
}

.ilSUBTITLE {
	font-size: 15px;
	font-family: Verdana;
	font-weight: bold;
	font-style: italic;
}

.ilTITLE {
	font-size: 20px;
	font-family: Verdana;
	font-weight: bold;
}
.ilOutputLink {
	font-size: 12px;
	color: red;
	cursor: pointer;
	font-family: Verdana;
}

.ilSubTable{
	color: grey; 
	font-size: 9px; 
	font-style: italic;
	font-family: Verdana;
}

.ilSubTableLink{
	color: red; 
	font-size: 9px; 
	font-style: italic;
	font-family: Verdana;
}

.ilOutputText {
	font-size: 12px;
	font-family: Verdana;
}
.ilOutputTextBold{
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
}
.ilOUTPUT_DESPEJADO{
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ilSeparator {
	vertical-align: 40%;
	font-size: 16px;
	font-family: Verdana;
}
.ilColumn10{
	width:10%;
}
.ilColumn50{
	width:50%;
}
.ilColumn60{
	width:60%;
}
.ilColumn70{
	width:70%;
}
.ilColumn30{
	width:30%;
}
.ilColumn25{
	width:25%;
}
.ilColumn50Box{
	width:50%;
	border: black 1px solid;
}
.ilENF {
	color: black;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	white-space: nowrap;
}

.ilIMPF {
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-size: 11px;
	cursor: hand;
	color: black;
	font-family: Verdana;
	background-color: #d5d5d4;
}
.selectOneMenu {
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 11px;
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: white;
}
.selectOneMenuTable {
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-size: 11px;
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #BED6F8;
	vertical-align: text-bottom;
}
.alignRightBold{
	text-align: right;
	font-weight: bold;
}
.alignRight{
	text-align: right;
}
.alignTop{
	vertical-align: top;
}
.alignMiddle{
	vertical-align: middle;
}
.alignCenter{
	text-align: center;
}
.bold{
	font-weight:bold;
}
.ilNoBorder2{
	/*border-right: 1px dotted black;*/
	/*border-right: none;*/
	border-left: none;
	border-bottom: none;
	border-top: none;
	border-spacing: 0;
	padding-top: 1px;
	padding-left: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
}

.ilChangedInplaceInput{
	background-color: red;
}

.sinBPMC{padding:0px;border:0px;margin:0px;background-color:transparent;}
.sinBPMCL{padding:0px;border:0px;margin:0px;background-color:transparent;text-align:left}
.sinBPMCR{padding:0px;border:0px;margin:0px;background-color:transparent;text-align:right}
.w5pc{width:5%;}
.w15pc{width:15%;}
.w20pc{width:20%;}
.w30pc{width:30%;}
.w80pc{width:80%;}
.w40pc{width:40%;}
.w50pc{width:50%;}
.w60pc{width:60%;}
.w70pc{width:70%;}
.w85pc{width:85%;}
.w90pc{width:90%;}
.w100pc{width:100%;}
.w500{width:500px;}

.h130{height:130px;}
.h150{height:150px;}

.h100pc{height:100%}
.p10pcl{padding-left: 10%;}
.p10pcr{padding-right: 10%}
.colorHeader{background-image : url();background-color:#E6E4D8;color:darkred;font-weight:normal;font-size: 12px;}
.ilbold{font-weight: bold;}
.incidenciaHistoriaCliente{
	background-color: #E1F9CB;
	margin-right: 10%;
	width: 85%;
	border: 1px solid #CEE4BA;
}
.incidenciaHistoriaHeader{
	background-color: #E1F9CB;
	margin-right: 10%;
	width: 95%;
	border: 1px solid #CEE4BA;
	background-image: none;
	font-weight: normal;
}

.incidenciaHistoriaBody{
	width: 95%;
	background-image: none;
	font-weight: normal;
}
.incidenciaHistoriaSt{
	background-color: #E8EFFF;
	border: 1px solid #D9E0EF;
	margin-left: 10%;
	width: 85%;
}

.panelNotificaciones{
	background-color: #DDDDDD;
    border: 1px solid black;
    display: block;
    position: absolute;
    top: 60px;
    width: 250px;
    display:none;
    font-size: 12px;
}

.ilPAGETITLE{
	font-size: larger;
	background-color: window;
	font-family: Verdana;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.ilOUTPUT_TEXT_10{
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color:gray;
}

/*----------------------------------------*/
/*             GRID DE BOTONES            */
/*----------------------------------------*/

.ilBUTTON_GRID{
	background-color: #AAAA9c;
	text-align: center;	
	width: 100%;
	cursor: pointer;
}


/*----------------------------------------*/
/*             PANEL DE FILTROS           */
/*----------------------------------------*/

.ilPANEL_GRID{
	border-collapse: collapse;
	width: 100%;
}

.ilPANEL_GRID05{
	border-collapse: collapse;
	width: 5%;
}

.ilPANEL_GRID10{
	border-collapse: collapse;
	width: 10%;
}

.ilPANEL_GRID10_RIGHT{
	border-collapse: collapse;
	width: 10%;
	text-align: right;
}

.ilPANEL_GRID13{
	border-collapse: collapse;
	width: 13%;
}

.ilPANEL_GRID13_TOP{
	border-collapse: collapse;
	width: 13%;
	vertical-align: top;
}

.ilPANEL_GRID15{
	border-collapse: collapse;
	width: 15%;
}

.ilPANEL_GRID15_RIGHT{
	border-collapse: collapse;
	width: 15%;
	text-align: right;
}

.ilPANEL_GRID20{
	border-collapse: collapse;
	width: 20%;
}

.ilPANEL_GRID20_RIGHT{
	border-collapse: collapse;
	width: 20%;
	text-align: right;
}

.ilPANEL_GRID25{
	border-collapse: collapse;
	width: 25%;
}

.ilPANEL_GRID25_RIGHT{
	border-collapse: collapse;
	width: 25%;
	text-align: right;
}

.ilPANEL_GRID25_RIGHT_TOP{
	border-collapse: collapse;
	width: 25%;
	text-align: right;
	vertical-align: top;
}

.ilPANEL_GRID30{
	border-collapse: collapse;
	width: 30%;
}

.ilPANEL_GRID30_RIGHT{
	border-collapse: collapse;
	width: 30%;
	text-align: right;
}

.ilPANEL_GRID33{
	border-collapse: collapse;
	width: 33%;
}

.ilPANEL_GRID33_RIGHT{
	border-collapse: collapse;
	width: 33%;
	text-align: right;
}

.ilPANEL_GRID40{
	border-collapse: collapse;
	width: 40%;
}

.ilPANEL_GRID40_LEFT{
	border-collapse: collapse;
	width: 40%;
	text-align: left;
}

.ilPANEL_GRID40_RIGHT{
	border-collapse: collapse;
	width: 40%;
	text-align: right;
}

.ilPANEL_GRID42{
	border-collapse: collapse;
	width: 42%;
}

.ilPANEL_GRID50{
	border-collapse: collapse;
	width: 50%;
}

.ilPANEL_GRID50_TOP{
	border-collapse: collapse;
	width: 50%;
	vertical-align: top;
}
.ilPANEL_GRID50_LEFT{
	border-collapse: collapse;
	width: 50%;
	text-align: left;
}

.ilPANEL_GRID50_RIGHT{
	border-collapse: collapse;
	width: 50%;
	text-align: right;
}

.ilPANEL_GRID50_RIGHT_TOP{
	border-collapse: collapse;
	width: 50%;
	text-align: right;
	vertical-align: top;
}
.ilPANEL_GRID60{
	border-collapse: collapse;
	width: 60%;
}

.ilPANEL_GRID60_LEFT{
	border-collapse: collapse;
	width: 60%;
	text-align: left;
}

.ilPANEL_GRID60_RIGHT{
	border-collapse: collapse;
	width: 60%;
	text-align: right;
}

.ilPANEL_GRID67_LEFT{
	border-collapse: collapse;
	width: 67%;
	text-align: left;
}

.ilPANEL_GRID70{
	border-collapse: collapse;
	width: 70%;
}

.ilPANEL_GRID75{
	border-collapse: collapse;
	width: 75%;
}

.ilPANEL_GRID75_LEFT{
	border-collapse: collapse;
	width: 75%;
	text-align: left;
}

.ilPANEL_GRID90{
	border-collapse: collapse;
	width: 90%;
}

.ilPANEL_YELLOW{
	background-image: url();
	background-color: yellow;
}

.ilPANEL_SHADOW{
	background-image: url();
	background-color: #FFFFD4;
}

.ilPANEL_GRID_LABEL{
	background-color: whitesmoke;
	text-align: right;
	width: 30%;
}

.ilPANEL_GRID_VALUE{
	width: 70%;
}
.ilPANEL_GRID_LABEL25{
	width: 25%;
	background-color: whitesmoke;
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
}

.ilPANEL_GRID_VALUE25{
	width: 25%;
	border: #BBBBBB 1px solid;
	margin-left: 5px;
	text-align: left; 
	background-color: #FFFFFF;
}
.ilPANEL_GRID_VALUE75{
	width: 75%;
	border: #BBBBBB 1px solid;
	margin-left: 5px;
	text-align: left; 
	background-color: #FFFFFF;
}

.ilPANEL_GRID_VALUE35_2{
	width: 25%;
	border: #BBBBBB 3px solid;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left; 
	background-color: #FFFFFF;
}

.ilPANEL_GRID_VALUE65_2{
	width: 75%;
	border: #BBBBBB 3px solid;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left; 
	background-color: #FFFFFF;
}

.ilALIGNTOP{
	vertical-align:top;
}