html,body
{
	border:0;
	margin:0;
	padding:0;
	height:100%;
	1min-width: 50px;
	font-size: 85%;
	background-color: #BDD1E8;
	font-family:  helvetica,verdana, arial, tahoma;
}
div#main-box
{
	border: 0;
	padding: 0;
	margin: 0;
	
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 100%;

	/* #0A1118 -> #294A6E */
	background: #294A6E url(/css/bg-gradient.png) top left repeat-x;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	z-index: 1000;
}
#bottompadding-box
{
	width: 100%;
	height: 2em;
}

.b
{
	font-weight: bold;
}
a img
{
	border: 0;
}
table
{
	padding:0;
	margin: 0;
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
}
tbody
{
	border: 0;
	padding: 0;
	margin: 0;
}
thead
{
	border: 0;
	padding: 0;
	margin: 0;
}
th
{
	xbackground: #294A6E;
	color: #FFF;
}
th>a, th>div>a
{
	color: white;
	text-decoration: none;
}
th>a:hover
{
	text-decoration: underline;
}
tr
{
	9background: #FEFEFE;
}
td
{
	1color: black;
	9padding: 0 0.5em;
	9text-align: center;
	1font-weight: normal;
}
tr:hover
{
	9background: #EFF7FF;
}
.alerta,.alerta td
{
	background: #FFDDDD;
}


.subTableHeader th
{
	background-color: #023D6C;
	color: #FFF;
}

#header-box
{	width:100%;
	background-color: #BDD1E8;
	padding-bottom: 3px;
}
#header-header
{
	background-color: #23405F;
	width: 100%;
	height: 4px;
}
#header-canvas
{
	position: relative;
	padding: 0px 0;
	border-top: 1px solid #1B3149;
	background-color: #294A6E;
	min-height: 20px;
}
#header-logo
{
	float: left;
	margin: 0 0.5em;
	height: 20px;
	width: 20px;
	1background: transparent url(/css/headerlogo.png) no-repeat;
}
#header-userdata
{
	display: inline;
	vertical-align: middle;
}
#header-username
{
	color: white;
	font-weight: bold;
	vertical-align: middle;
	margin: 0;
	margin-top: 3px;
}
#alert-box
{
	color: white;
	font-weight: bold;
	font-size: 110%;
	border-left: 2px dotted white;
}
#alert-light
{
	cursor: hand;
	display:inline;
	vertical-align: middle;
	margin: 0 2px;
}
#header-toolbar
{
	float: right;
	text-align: right;
}

#ht-back
{
	cursor: hand;
	1background: transparent url(/css/naviback.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}
#ht-forward
{
	cursor: hand;
	1background: transparent url(/css/naviforward.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}
#ht-refresh
{
	cursor: hand;
	1background: transparent url(/css/navirefresh.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}
#ht-print
{
	cursor: hand;
	1background: transparent url(/css/naviprint.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}
#ht-chat
{
	cursor: hand;
	1background: transparent url(/css/navichat.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}
#ht-help
{
	cursor: hand;
	1background: transparent url(/css/navihelp.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}
#ht-logout
{
	cursor: hand;
	1background: transparent url(/css/navileave2.png) no-repeat;
	background-position: 0 0;
	width: 16px;
	height: 16px;
	vertical-align;text-bottom;
	margin: 2px 0 0 0.2em;
	border: 0;
	padding: 0;
}


#header-nav
{
	display: none;
	1background: #23405F url(/css/menugradient.png) repeat-x;
}
#header-nav a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#header-nav a:hover, #header-nav a:active
{
	text-decoration: underline;
}
#header-nav ul
{
	float:left;
	margin: 1em;
	list-style:none;
	border:0;
	padding:0;
	font-family: verdana;
	font-size: 80%;
}
#header-nav h1
{
	font-size: 130%;
	margin: 0 0 0.5em 0;
	color: #DFC6AA;
}
#header-nav li .d
{
	visibility: hidden;
	font-size: 75%;
	color: white;
}
#header-nav li:hover .d, #header-nav li:active .d
{
	visibility: visible;
}

#header-extra
{
	1background-color: #23405F;
}

#header-footer
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #1B3149;
}
#header-footer-bar
{
	background-color: #23405F;
	width: 100%;
	height: 5px;
}

#title-box
{
	width:100%;
	background-color: #23405F;
	1background: #23405F url(/css/title-box-footer.png) bottom left repeat-x;
	1padding-bottom: 9px;
}
#title-header
{
	width:100%;
	height: 4px;
	1background: #294A6E url(/css/title-box-header.png) repeat-x;
	1background-position: 0 9px;
	border-bottom: 1px solid #1B3149;
}
#title-box h1
{
	margin: 0;
	margin-left: 0.5em;
	padding: 0;
	color: white;
	font-size: 90%;
}
#title-footer1
{
	width: 100%;
	height: 1px;
	background-color: #254467;
}
#title-footer2, #title-footer4, #title-footer6
{
	width: 100%;
	height: 2px;
	background-color: #1B3149;
}
#title-footer3
{
	width: 100%;
	height: 1px;
	background-color: #2F5580;
}
#title-footer5
{
	width: 100%;
	height: 1px;
	background-color: #2F5580;
}

#content-box
{
	color: white;
	margin: 0 auto;
	width: 95%;
	1min-width: 50px;
}


#filter-box
{
	width:100%;
	xbackground-color: #294A6E;
	border-bottom: 1px solid #BDD1E8;
}
#filter-canvas
{
	//background-color: white;
	//color: black;
}
#filter-canvas fieldset
{
	padding: 0;
	border: 0;
	margin: 1em;
}
#filter-canvas legend
{
	float: left;
	padding: 0.1em 0.15em;
	background-color: #023D6C;
	border: 1px solid black;
}
#filter-canvas fieldset div
{
	//background-color: white;
	//color: black;
}
#filter-fechahora-shortcut
{
	text-align: right;
	padding: 0.4em;
	background-color: #0080C0;
	border: 1px solid black;
}
#filter-fechahora-shortcut a
{
	color: white;
}
#filter-fechahora-fechas
{
	margin-bottom: 0.3em;
}
#filter-fechahora-box
{
	color:black;
	background-color: #FEFEFE;
	padding: 0.5em;
	margin-bottom: 0.3em;
	font-weight: normal;
	border: 1px solid black;
	border-top: 0;
}
#filter-unidad-paging
{
	float: right;
}
#filter-unidad-numerovehiculos
{
	float: left;
	margin-left: 0.5em;
	margin-top: 0.2em;
}
#filter-unidad-todos
{
	color: white;
	background-color: #0080C0;
	padding: 0.2em;
	border: 1px solid black;
}
#filter-unidad-todos a
{
	color: white;
}
#filter-unidad-lista
{
	color:black;
	background-color: #FEFEFE;
	text-align: left;
	padding: 0.3em 0.2em;
	margin-bottom: 0.3em;
	border: 1px solid black;
	border-top: 0;
}
#filter-unidad-lista ul
{
	list-style: none;
	padding: 0;
	margin: 0 0.3em;
}
input
{
	vertical-align: top;
}
#filter-unidad-lista li
{
	float: left;
	width: 14em;
	padding: 0.1em 0.1em;
	font-weight: normal;
	font-size: 90%;
}
#filter-unidad-pageflip
{
	float: right;
}
#filter-unidad-buscar
{
	position: relative;
	margin-bottom: 0.5em;
}
#filter-unidad-seleccionados
{
	position: absolute;
	right: 0;
//left:0;
	top: 0;
}
#filter-eventos-todos
{
	color: white;
	background-color: #0080C0;
	padding: 0.4em;
	text-align: left;
	border: 1px solid black;
}
#filter-eventos-todos input
{
	margin-left: 0.5em;
}
#filter-eventos-lista
{
	color:black;
	text-align: center;
	background-color: white;
	vertical-align: center;
	padding: 0.3em;
	margin-bottom: 0.3em;
	border: 1px solid black;
	border-top: 0;
}
#filter-eventos-lista ul
{
	list-style: none;
	margin: 0 auto;
}
#filter-eventos-lista li
{
	float: left;
	padding: 0.2em 0.5em;
	font-weight: normal;
}
#filter-eventos-porcodigo
{
	margin-bottom: 0.3em;
}
#loadingpleasewait
{
	margin-top: 0.1em;
	display: none;
}
#loadingpleasewait img
{
	height: 16px;
	width: 16px;
	display: inline;
}
#loadingpleasewait span
{
	padding: 0;
	margin: 0;
	height: 16px;
	vertical-align: top;
}
#busquedaenprocesopleasewait
{
	margin-top: 0.1em;
	display: none;
}
#busquedaenprocesopleasewait img
{
	height: 16px;
	width: 16px;
	display: inline;
}
#busquedaenprocesopleasewait span
{
	padding: 0;
	margin: 0;
	height: 16px;
	vertical-align: top;
}
.clear
{
	clear:both;
	height: 1px;
}
#map-box
{
	margin: 0 auto;
	
}
#eventos-box
{
	border-bottom: 1px solid #BDD1E8;
}
#map-box>table, #eventos-box>table, #filter-box>table
{
	xborder: 2px solid #294A6E;
}
#map-toolbar, #eventos-toolbar
{
	width: 100%;
}
#map-toolbar, #eventos-toolbar, #filter-toolbar
{
	text-align: left;
	valign: top;
}
#map-titulo, #eventos-titulo
{
	display: inline;
}
#map-alert-light
{
	position: absolute;
	bottom: 3px;
	left: 2px;
	margin: 0;
	padding: 0;
}
#filter-titulo
{
	1display: none;
}
#map-extra
{
	margin-top: 2em;
	display: none;
	width: 1.2em;
}
.megatrack-button
{
	width: 20px;
	height: 16px;
}
#map-button-minimize, #eventos-button-minimize, #filter-button-minimize
{
	1background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	1background-position: 0 0;
	font-size: 150%;
	color: white;
	font-weight: bold;
	1width: 20px;
	1height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-button-minimize:hover, #eventos-button-minimize:hover, #filter-button-minimize:hover
{
	background-position: -20px 0;
}
#map-button-minimize:active, #eventos-button-minimize:active, #filter-button-minimize:active
{
	background-position: -40px 0;
}
#map-button-maximize, #eventos-button-maximize, #filter-button-maximize
{
	1background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	1background-position: 0 -96px;
	font-size: 150%;
	color: white;
	font-weight: bold;
	1width: 20px;
	1height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-button-maximize:hover, #eventos-button-maximize:hover, #filter-button-maximize:hover
{
	background-position: -20px -96px;
}
#map-button-maximize:active, #eventos-button-maximize:active, #filter-button-maximize:active
{
	background-position: -40px -96px;
}
#map-recentering-pause
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -16px;
	width: 20px;
	height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-recentering-pause:hover
{
	background-position: -20px -16px;
}
#map-recentering-pause:active
{
	background-position: -40px -16px;
}


#map-recentering-play
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -32px;
	width: 20px;
	height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-recentering-play:hover
{
	background-position: -20px -32px;
}
#map-recentering-play:active
{
	background-position: -40px -32px;
}


#map-lights-off
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -240px;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0;
}
#map-lights-off:hover
{
	background-position: -20px -240px;
}
#map-lights-off:active
{
	background-position: -40px -240px;
}


#map-lights-on
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -224px;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0;
}
#map-lights-on:hover
{
	background-position: -20px -224px;
}
#map-lights-on:active
{
	background-position: -40px -224px;
}



#map-geofence-circle
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -112px;
	width: 20px;
	height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-geofence-circle:hover
{
	background-position: -20px -112px;
}
#map-geofence-circle:active
{
	background-position: -40px -112px;
}


#map-geofence-poly
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -128px;
	width: 20px;
	height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-geofence-poly:hover
{
	background-position: -20px -128px;
}
#map-geofence-poly:active
{
	background-position: -40px -128px;
}


#map-geofence-route
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -144px;
	width: 20px;
	height: 16px;
	margin: 0;
	border: 0;
	padding: 0;
}
#map-geofence-route:hover
{
	background-position: -20px -144px;
}
#map-geofence-route:active
{
	background-position: -40px -144px;
}


#map-showlog-setoff
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -160px;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0;
}
#map-showlog-setoff:hover
{
	background-position: -20px -160px;
}
#map-showlog-setoff:active
{
	background-position: -40px -160px;
}

#map-showlog-seton
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -176px;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0;
}
#map-showlog-seton:hover
{
	background-position: -20px -176px;
}
#map-showlog-seton:active
{
	background-position: -40px -176px;
}

#map-togglegeofences
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -192px;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0;
}
#map-togglegeofences:hover
{
	background-position: -20px -192px;
}
#map-togglegeofences:active
{
	background-position: -40px -192px;
}

#map-toggledrawpositions
{
	background: transparent url(http://static.megatrack.com.pe/img/megatrack-buttons.png);
	background-position: 0 -208px;
	width: 20px;
	height: 16px;
	margin: 2px 0 0 0;
	border: 0;
	padding: 0;
}
#map-toggledrawpositions:hover
{
	background-position: -20px -208px;
}
#map-toggledrawpositions:active
{
	background-position: -40px -208px;
}

#eventos-exportarxls
{
	background: transparent url(http://static.megatrack.com.pe/img/excel.png);
	width: 16px;
	height: 16px;
	border: 0;
	padding: 0;
}
#eventos-exportarxls:hover
{
}
#eventos-exportarxls:active
{
}


#eventos-canvas table
{
	border: 1px solid black;
}
#eventos-canvas th
{
	//border: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#eventos-canvas td
{
	font-weight: normal;
	background-color: white;
	color: black;
	border: 1px solid #DDD;
	border-bottom: 0;
	border-right: 0;
}
#eventos-canvas tr td:first-child
{
	border-left: 1px solid black;
}
#eventos-canvas tr td:last-child
{
	border-right: 1px solid black;
}


.eventos-unidad td, .eventos-unidadvertical td
{
	padding: 0.2em;
}
.eventos-unidadvertical tr:first-child td
{
}


table .eventos-unidadvertical:first-child tr:first-child td
{
}
.eventos-unidadvertical th
{
	background-color: #0080C0;
}

.eventos-unidadvertical th
{
	1font-size: 120%;
	color: white;
	1writing-mode: tb-rl;
	1filter: flipv fliph;
}

.infoWindow
{
	font-size: 11px;
	font-family: arial;
}
.infoWindow th
{
	color: white;
	background-color: #007777;
	border: 1px solid black;
}
.infoWindow td
{
	color: black;
	border: 1px solid black;
	font-weight: normal;
}

#ifrmSeguimientoUltimosMensajes
{
	border: 0;
	padding:0;
	margin: 0;
}
input
{
	margin: 0;
	padding: 0;
}


/*************************************
	GOOGLE MAPS
*************************************/
div.LabeledMarker_markerLabel
{
	font-size: 10px;
	font-weight: bold;
	font-family: tahoma,arial,sans-serif;
	xborder: 1px solid #294A6E;
	border-top: 0;
	background-color: #294A6E;
	color: white;
	white-space: nowrap;
	text-align: center;
}
div.LabeledMarker_markerLabel #fecha
{
	width: 100%;
	1background-color: #FFFFFF;
	1color: black;
	1font-weight: 0;
	padding: 1px;
	background-color: #005588;
	color: white;
	font-size: 8px;
	text-align: center;
}


/*************************************
	TOOLTIP
*************************************/
#tooltip
{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 5;
	
	background: #FFE;
	font: normal 9pt sans-serif; 
	padding: 3px; 
	border: solid 1px;
	width: 50%;
	1min-width: 15em;
}
#tooltip p
{
	text-align: justify;
	margin: 1em 0.5em 0 0.5em;
}
#tooltiptrigger
{
	border: 1px dotted white;
}

.xstooltip 
{
	visibility: hidden; 
	position: absolute; 
	top: 0;  
	left: 0; 
	z-index: 5; 

	font: normal 8pt sans-serif; 
	padding: 3px; 
	border: solid 1px;
}


/*************************************
	clases color eventos
*************************************/
.evt_alarm
{
	background-color: #FFE1E1;
}

.evt_red
{
	color: #FFF;
	background-color: #B31E09;
}

.evt_gray
{
	background-color: #EEE;
}

.evt_log
{
	background-color: #FAFAD2;
}

.evt_alarmlog
{
	background-color: #FFFAD2;
}

.evt_estacionado
{
	background-color: #EDFFE1;
}

.evt_antennabroken
{
	background-color: #FF6600;
}

.evt_blue
{
	color : #FFF;
	background-color: #004080;
}

.evt_yellow
{
	background-color: #FAFAD2;
}

.evt_green
{
	background-color: #99cc66;
}

.evt_notread
{
	font-weight : bold;
	background: #EEE;
}


/*************************************
	xFixedHeaderContainer
*************************************/
#idFixedHeaderContainer
{
	position: fixed;
	top: 0;
	left: 0;
	overflow: visible;
	visibility: visible;
	z-index: 100;
	background-color: transparent;
}
.clsFixedHeaderTable
{
	position: absolute;
	visibility: hidden;
}
@media print
{
	#idFixedHeaderContainer {display:none;}
}


.btnGrabar
{
	border: 0;
	background: transparent url(/css/btngrabar.png);
	margin: 0 auto;
	width: 85px;
	height: 32px;
}
.btnGrabar:hover
{
	background-position: 0px 0px;
}
.btnGrabar:focus
{
	1-ms-background-position-x: 1px;
	1-ms-background-position-y: -31px;
}
.btnGrabar:active
{
	-ms-background-position-x: 1px;
	-ms-background-position-y: -31px;
}


/*************************************
	Panel Control
*************************************/
.panel
{
	z-index: 1000;
	color: #000002;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.5em;
	margin-left: 1px;
	background-color: #F1F1F1;
	border: 1px solid black;
}
.panel-inner
{
	margin: 0.5em 0.5em 0.75em 0.5em;
}
.panel-header
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	position: absolute;
	top: 0;
	left: 0;
	//float: left;
	1left: -6px;
	height: 9px;
	width: 100%;
	1background: transparent url(/css/header-wave.png) bottom right repeat-x;
}
.panel-header1
{
	width: 100%;
	height: 1px;
	background-color: #B6B6B6;
}
.panel-header2, .panel-header4, .panel-header6
{
	width: 100%;
	height: 2px;
	background-color: #F1F1F1;
}
.panel-header3
{
	width: 100%;
	height: 1px;
	background-color: #C1C1C1;
}
.panel-header5
{
	width: 100%;
	height: 1px;
	background-color: #CCC;
}
.panel-shadow
{
	position: absolute;
	top: 5px;
	left: 5px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.panel-shadow-right
{
	filter: alpha(opacity=45);
	opacity: 0.45;
	z-index: -1;
	position: absolute;
	top: -74px;
	left: -5px;
	background-color: black;
	height: 100%;
	width: 100%;
}
.panel-shadow-bottom
{
	filter: alpha(opacity=45);
	opacity: 0.45;
	z-index: -1;
	position: absolute;
	top: -5px;
	left: -74px;
	background-color: black;
	height: 100%;
	width: 100%;
}
.panel-top
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: -1;
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: white;
	height: 100%;
	width: 100%;
	margin-top: -64px;
	margin-left: -1px;
	border-right: 1px solid black;
}
.panel-bottom
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: -1;
	position: absolute;
	bottom: 5px;
	left: -5px;
	background-color: white;
	height: 63px;
	width: 100%;
	margin-left: -63px;
	border-bottom: 1px solid black;
}

.map-unit-label
{
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	padding: 0.2em;
	border: 1px solid black;
	background-color: #007777;
}

#debug
{
	background-color: white;
	color: black;
}