/*Estilos principales para formatear el documento HTML*/
html, body {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	border: 1px none blue;
	overflow:hidden;
}
			
body {
	margin: 0;
	border: 1px none red;
	font-family: Tahoma !important;
	font-size: 8pt;
	overflow:auto;
}

/*
==============================================================================================================================================================
RHS: Estilos generales para todos los elementos en la aplicación
==============================================================================================================================================================
*/

.temperatureApp .invalidAccess {
    text-decoration: line-through;
}
            
.temperatureApp .hovered {
    background-color: #C4E1A4;
    color: Blue;
    cursor: pointer;
}
            
/* Tamaño del contenedor donde esta el splitter principal */
.temperatureApp #splitterMainContainer {
	position: absolute;
	top: 1px; bottom: 1px; left: 1px; right: 1px;
	min-height: 600px; min-width: 1200px;
}
	        
.temperatureApp #splitterMainContainer .body-center{ overflow: hidden; }

/* Los paneles internos del splitter */
.temperatureApp .splitterPanel {
	margin: 0; padding: 1px;    
}

a, a.lnkCommand { color: Blue; text-decoration: none; cursor: default; }		    
a:hover, a.lnkCommand:hover { color: Red; text-decoration: underline; cursor: pointer;}

.tooglerHeader, .buttonHeader {
	padding: 4px 0 0 0;
	text-align: center;
	font-weight: bold;
	text-transform:uppercase;
	height: 18px;
	background-color: #DDDDDD;
	border: 1px solid  #C3C2C2;
	border-collapse:collapse;
}

.hoverElement {
	 cursor:pointer;
	 background-color: #EEEEEE;
}

.imparRow {
    background-color: #F2F2F2;
}
                 
.parRow{
    background-color: white;
}

.tableCellAsHeader {  background-color: #DDDDDD; text-align: center; font-weight:bold; }

.fondoGrisLetraNormalAlineadoIzquierda {
    background-color: #F7F6F6; text-align: left;
}

.fondoGrisLetraNormalAlineadoCentro {
    background-color: #F7F6F6; text-align: center;
}

.fondoBlancoLetraNormalAlineadoCentro {
    text-align: center;
}

.fondoGrisOscuro-estadoReporteDesempenio { background-color: #F5F7F6 !important;}
		    
/*
==============================================================================================================================================================
RHS: Elementos del panel principal superior
==============================================================================================================================================================
*/	    
.temperatureApp .body-north .headerElement {
	height: 40px; float:left;
	border: 1px none #8A2BE2;
	margin: 1px;
}

.temperatureApp .body-north #utrax-Title {	
	font-size: 22pt;
}

.temperatureApp .body-north #utrax-selectedDevice {
	height: 25px;
	font-size: 14pt;
	padding: 8px 0 0 20px;
	color: Red;
}

.temperatureApp .body-north #utrax-userInfo {
	position: absolute;
	right: 0px;
	text-align: right;
	padding-right: 2px;
	font-size: 10pt;
}

/*
==============================================================================================================================================================
RHS: Elementos del panel izquierdo (vehículos)
==============================================================================================================================================================
*/
.temperatureApp .splitterPanel .tabPanel {
	position: absolute;		        
	margin: 1px; padding: 0px !important;
	top: 0; left: 0; right: 0; bottom: 0;
	border: 1px solid #CCCCCC;
}
		    
.temperatureApp .splitterPanel .tabPanel .devicesContainer {
	position: absolute;
    margin: 1px;
    left:0; right:0;
    border: 1px none #FF4040;
}
		    
/*Aplica sobre el panel izquierdo, la lista de los vehículos*/
.temperatureApp .splitterPanel .tabPanel #filterContainer { top: 0; }
.temperatureApp .splitterPanel .tabPanel #devicesContainer { bottom: 0; }
		    
.temperatureApp .splitterPanel .tabPanel #devicesContainer div {
	position:absolute;
    border: 1px solid #CCCCCC;
    left: 0; right: 0;
    margin: 0px;
}
            
.temperatureApp .splitterPanel .tabPanel #devicesContainer div#vehiclesInfo {
    top: 0;
    height: 145px;
}
		    
.temperatureApp .splitterPanel .tabPanel #devicesContainer div#vehiclesHeaders {
    top: 147px;
    height: 34px;
}
            
.temperatureApp .splitterPanel .tabPanel #devicesContainer div#vehiclesList {
    top: 183px;
    bottom: 21px;
    overflow:auto;
}
            
.temperatureApp .splitterPanel .tabPanel #devicesContainer div#vehiclesLoadMessage {
    bottom: 0;
    height: 18px;
}

#vehiclesList table tr td, #search-result-tableBody table tr td { font-size: 8pt !important; }