/* CSS Inheritance: http://dorward.me.uk/www/css/inheritance/ */

body
{
	scrollbar-3dlight-color: #c7d5f1;
	scrollbar-arrow-color: #49739d;
	scrollbar-base-color: #b0c4de;
	scrollbar-darkshadow-color: #49739d;
	scrollbar-face-color: #b0c4de;
	scrollbar-highlight-color: #dddddd;
	scrollbar-shadow-color: #b9c7d5;
	scrollbar-track-color: #eeeeee;
	margin: 0px;
	text-align: center;
	/*background: url(../App_Themes/Celeste/background.gif);*/
	/*background-color: #0056A3;/*igual al header*/
	/*background-color: #004b78;/*opcion opaca mas metalica*/
	background-color: #356cb3;
	height: 100%;
	width: 100%;

	font-size: 8pt;
	font-family: Helvetica,Arial,sans-serif;
}

a
{
    color: #3333FF;
}

a:hover
{
    color: #3399FF;
}

/* no uso estos selectores, pues deja de funcionar al atributo class de los tags */
/*input[type=password], input[type=text], select, textarea*/
input, select, textarea
{
    padding: 0.15em;
	border: solid 1px royalblue;/*#AABBCC;*/
	background-color: #DDEEFF;

	font-size: 9pt;
	font-family: Helvetica,Arial,sans-serif;
}
input:hover, select:hover, textarea:hover
{
	border: solid 1px blue;
	background-color: #E5F5FF;
}
input:focus, select:focus, textarea:focus
{
	border: solid 1px royalblue;
	background-color: #F3F8FF;
}
/* Deshago la customizacion de IE para los checkboxes */
input[type=checkbox], input[type=radio]
{
    border-style: none;
    background-color: Transparent;
}

li.Flecha
{
    list-style-image: url(../App_Themes/Celeste/FlechaMenu.gif);
}

.MenuStyled
{
	filter: progid:DXImageTransform.Microsoft.Blinds(Duration=2);
}

/* Controles: Textbox, combos, etc */
.FlatControl
{
	border: solid 1px black;
	background-color: AliceBlue;
}

.SpecialControl1
{
    padding: 0.15em;
	/*border: solid 1px #AAAAAA;*/
	border: solid 1px royalblue;
	background-color: #DDEEFF;
}

.RequiredField, .RequiredField:hover, .RequiredField:focus
{
	border: solid 2px red;
}

/* Tablas */
Table, .Tabla
{
	font-size: 8pt;
	font-family: Helvetica,Arial,sans-serif;
}

.TituloTabla
{
	background-image: url(../App_Themes/Celeste/FondoTituloTablas.gif);
	background-repeat: repeat-x;
	border: solid 1px royalblue;
	font-family: Arial;
	font-weight: bold;
	color: #f3f6f9; /*Navy;*/
	background-color: LightSteelBlue;
	text-align: center;
    padding: 5px;
    height: 14px;
}

.Subtitulo
{
	background-image: url(../App_Themes/Celeste/BgSubtitulo.jpg);
	background-repeat: repeat-y;
	border-bottom: solid 1px royalblue;
	font-family: Arial;
	font-weight: bold;
	color: Navy;
	/*background-color: LightSteelBlue;*/
	text-align: left;
    padding: 5px;
}

/* Formato para los marcos de los controles de usuario. */
.TablaUserControl
{
	border: solid 1px lightsteelblue;
	background-color: lightsteelblue; /*Agregado para probar... verificar*/
}

.TituloFormulario
{
	background-image: url(../App_Themes/Celeste/TitleBarCenter.gif);
	background-repeat: repeat-x;
	border: solid 1px royalblue;
	color: #0068B4;

	/*display: inline-block;*/
	height: 40px;
	/*width: 100%;*/
    line-height: 40px;
    
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	text-decoration: none;
	margin: 2px;
}

.Formulario
{
	border: solid 1px lightsteelblue;
	background-color: #FAFEFF;/*
	background-color: #d7e9ff;
	background-image: url(../App_Themes/Celeste/FondoPanel.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Etiquetas de Cantidad de Registros de las Grillas */
.GridRowCount
{
	font-weight: bold;
	color: Navy;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 5px;
	font-size: 10px;
}

/*Referencia: http://www.andrewpeace.com/loading-screen-full-screen.html */
#LoadingPanel
{
	display:none;
	position:absolute;
	top:5px;
	left:25%;
	width:400px;
	height:50px;
	text-align:center;
	background:#fff;
	_background:none; /*remueve el background en IE6 y anteriores*/
	opacity:.9;
	filter: Alpha(opacity:90); /* setea la opacidad en el iexplorer */
	border: solid 1px royalblue;
	padding-top: 15px;
	z-index: 100000;
}

.Splitter, .VSplitter
{
	margin: 0px;
	padding: 0;
	float: left;
	background: lightsteelblue;
	border-top: steelblue 1px solid;
	border-left: steelblue 1px solid;
	border-bottom: royalblue 1px solid;
	border-right: royalblue 1px solid;
	border-collapse: collapse;
}

.VSplitter
{
    cursor: pointer;
    width: 10px;
    background-image: url(../App_Themes/Celeste/FondoVSplitter.jpg);
    background-repeat: repeat-y;
}

.HSplitter
{
    height: 10px;
    background-image: url(../App_Themes/Celeste/FondoHSplitter.jpg);
    background-repeat: repeat-x;
    cursor: pointer;
	border-top: steelblue 1px solid;
	border-left: steelblue 1px solid;
	border-bottom: royalblue 1px solid;
	border-right: royalblue 1px solid;
}

/* Estilo para el contenido de las paginas. */
.Header
{
	background-color: #0056A3;
	text-align: left;
	overflow: hidden;
}

.Footer
{
	height: 55px;
	background-color: White;
	background-position: left top;
	background-image: url(../App_Themes/Celeste/FondoFooter.jpg);
	background-repeat: repeat-y;
	font-family: Verdana;
	color: #3878AA;
	text-align: left;
	border-bottom: 1px solid black;
	clear: both;
}

.HeaderSplitter
{
	background-color: #ffc000;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 2px;
    clear: both;
}

.FooterSplitter
{
	background-color: #ffc000;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 2px;
}

.MainContentPlaceHolder
{
	text-align: center;
	background-image: url(../App_Themes/Celeste/BackContent.jpg);
	/*background-image: url(../App_Themes/Celeste/back.png);*/
	background-repeat: repeat-x;
	background-color: white;
	vertical-align: top;
	width: 100%;
}

.TDHomeModuloSistema
{
	width: 130px;
	height: 130px;
	border: 1px solid lightsteelblue;
	padding: 0px;
}

/* BARRA DE TITULOS */
.IrisWebTitleBarLeft
{
	background-image: url(../App_Themes/Celeste/TitleBarLeft.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 40px;
}
.IrisWebTitleBarCenter
{
	background-image: url(../App_Themes/Celeste/TitleBarCenter.gif);
	background-repeat: repeat-x;
	height: 40px;
	text-align: left;
}
.IrisWebTitleBarRight
{
	background-image: url(../App_Themes/Celeste/TitleBarRight.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 40px;
}
.IrisWebTitleBarText
{
	display: inline-block;
	color: #0068B4;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	font-size: 14pt;
	width: 100%;
}

/* BOTON CUSTOMIZADO */
.IrisWebButtonTable
{
	font-size: 8pt;
	font-family: Arial;
	border-collapse: collapse;
	margin: 0px;
	border: none;
	border-width: 0px;
	border-spacing: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 25px;
}
.IrisWebButtonLeft
{
	background-image: url(../App_Themes/Celeste/LTBLeft.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 25px;
}
.IrisWebButtonCenter
{
	background-image: url(../App_Themes/Celeste/LTBCenter.gif);
	background-repeat: repeat-x;
	height: 25px;
	text-align: center;
	white-space: nowrap;
}
.IrisWebButtonRight
{
	background-image: url(../App_Themes/Celeste/LTBRight.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 25px;
}
.IrisWebButtonText
{
	display: inline-block;
	color: White;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
}

/* Barra de Herramientas */

#MainToolBar
{
    top:0;
    /*right:0px;*/
    left:500px;
    width:100%;
    height:25px;

    padding: 5px 5px 0 5px;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;

    position:fixed;
    z-index:99;

	background: /*#CFE8F5 */url(../App_Themes/Celeste/ToolbarBG.png) repeat-x scroll 0 -5px/*left center*/;
	border-bottom: solid 1px black;

	color: White;
}

#MainToolBar a
{
	color: White;
	text-decoration: none;
}

/* Grillas */

.GridFooterStyle { Background-Color: LightSteelBlue; font-weight: bold; Color: White; }
.GridRowStyle { color:#333333; Background: white url(../App_Themes/Celeste/fondoTabla1.png) repeat-x center center; }
.GridEditRowStyle { Background-Color: #2461BF; }
.GridSelectedRowStyle { Background-Color: #D1DDF1; font-weight:bold; Color:#333333 }
.GridPagerStyle { Background-Color: LightSteelBlue; Color: White; text-align: center; Background: LightSteelBlue url(../App_Themes/Celeste/TableHeaderBG.png) repeat-x center center; }
.GridHeaderStyle { Background-Color: LightSteelBlue; font-weight:bold; Color: White;  Background: LightSteelBlue url(../App_Themes/Celeste/TableHeaderBG.png) repeat-x center center; }
.GridAlternatingRowStyle { color:#333333; Background: #EFF3FB url(../App_Themes/Celeste/fondoTabla2.png) repeat-x center center; }


/* Boton Menu */

.BotonMenu
{
    /*margin: 1px 0px 0px 2px; /* corrijo el movimiento de iconos siguientes, por el borde de hover */
    border: solid 1px white;
    color: Navy;

    cursor: pointer;
}

.BotonMenu:hover
{
    /*background: #F8F8FF url(../App_Themes/Celeste/ToolbarBG.gif) repeat-x scroll left center;*/
    background: #F8F8FF url(../App_Themes/Celeste/MenuBG.png) repeat-x scroll left center;
    /*outline: white solid 1px;*/
    border: solid 1px #7DC8FC;
    /*margin: 0px;*/

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    /*-moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;*/
}

/* Botones */
.Boton, .BotonMainToolbar, .BotonToolbar
{
    background: transparent none no-repeat scroll left center;
	border-style: none;
	height: 16px;

	padding: 0px;
	cursor: pointer;
	font-weight: bold;
	font-size: 8pt;
	font-family: Helvetica,Arial,sans-serif;
	white-space: nowrap;

	text-align: right;
	text-decoration: underline;
	color: Navy;
	
    /* Para eliminar el padding que agrega el ie a los botones */
    width: auto;
    overflow:visible;
}

.BotonMainToolbar
{
    margin: 1px; /* corrijo el movimiento de iconos siguientes, por el borde de hover */
    border: 1px none #5096c3;
    color: White;
}
.BotonMainToolbar:hover, .BotonMainToolbar:focus
{
    background: #F8F8FF url(../App_Themes/Celeste/ToolbarBG.gif) repeat-x scroll left center;
    outline: white solid 1px;
    border: solid 1px #7DC8FC;
    margin: 0px;
    color: Navy;
}

.BotonToolbar
{
    background-color: Transparent;
    margin: 1px; /* corrijo el movimiento de iconos siguientes, por el borde de hover */
    border: 1px none #5096c3;
    color: Navy;
}
.BotonToolbar:hover, .BotonToolbar:focus
{
    margin: 0px;
    color: Navy;
}

.BotonAccion
{
	margin: 0px;
	/*background: #CFE8F5 url(../App_Themes/Celeste/LTBCenter.gif) repeat-x scroll left center;*/
	background: #497bc1 url(../App_Themes/Celeste/FondoBotonAlpha.png) repeat-x scroll left center;
	border: solid 1px black;
	/*border: solid 1px #4A95C9;
	border-bottom: solid 1px #2873A7;
	border-right: solid 1px #176296;*/
	color: White;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	white-space: nowrap;
	height: 23px;
	/*margin: 0px 20px 0px 0px;
	text-indent: 20px;
	text-transform: capitalize;*/
    /*outline: #CFE8F5 solid 1px;*/
    width: 100px;


    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*-moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;*/
}

.BotonAccion:hover
{
	/*background: #F8F8FF url(../App_Themes/Celeste/ToolbarBG.gif) repeat-x scroll left center;*/
	background: #9accff url(../App_Themes/Celeste/FondoBotonAlphaHover.png) repeat-x scroll left center;
	/*color: Black;
	border: solid 1px #7DC8FC;*/
	text-shadow: 0 0 4px #003388;
}

.BotonAccion:active { color: RoyalBlue; }
.BotonAccion:focus
{
    background: #9accff url(../App_Themes/Celeste/FondoBotonAlphaHover.png) repeat-x scroll left center;
    color: #2255FF;
}

.BotonAccion:disabled { color: #444444; }
.BotonAccion:disabled:hover
{
    color: #444444;
    border-color: black;
    background: #497bc1 url(App_Themes/Celeste/FondoBotonAlpha.png) repeat-x scroll left center;
}

/* Botones en grillas */
.Icono16x16
{
	background-color: Transparent;
	background-position: center center;
	background-repeat: no-repeat;
	border: none 1px #4A95C9;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	cursor: pointer;
}

.Icono16x16:hover
{
	border-style: none;
	background-color: Transparent;
}

.Icono16x16:focus
{
	/*border: none 0px;*/
}

.IconoArrowUp { background-image: url(../App_Themes/Celeste/Iconos/arrow_up.png); }
.IconoArrowDown { background-image: url(../App_Themes/Celeste/Iconos/arrow_down.png); }
.IconoMiniMapa { background-image: url(../App_Themes/Celeste/Iconos/MiniMapa.gif); }

.IconoAlerta { background-image: url(../App_Themes/Celeste/Iconos/Alerta.png); }
.IconoAlertaRojo { background-image: url(../App_Themes/Celeste/Iconos/AlertaRojo.gif); }
.IconoBorrar { background-image: url(../App_Themes/Celeste/Iconos/borrar.gif); }
.IconoChip { background-image: url(../App_Themes/Celeste/Iconos/chip.gif); }
.IconoVolver { background-image: url(../App_Themes/Celeste/Iconos/FlechaAtras.gif); }
.IconoVerInfo { background-image: url(../App_Themes/Celeste/Iconos/VerInfo.gif); }
.IconoCentrar { background-image: url(../App_Themes/Celeste/Iconos/Ver.gif); }
.IconoModificar { background-image: url(../App_Themes/Celeste/Iconos/Modificar.gif); }
.IconoActivate { background-image: url(../App_Themes/Celeste/Iconos/deactivate.gif); }
.IconoDeactivate { background-image: url(../App_Themes/Celeste/Iconos/activate.gif); }
.IconoDesactivarTodos { background-image: url(../App_Themes/Celeste/Iconos/deactivate.gif); }
.IconoEliminarTrazados { background-image: url(../App_Themes/Celeste/Iconos/borrar.gif); }
.IconoReporte { background-image: url(../App_Themes/Celeste/Iconos/Historico.gif); }
.IconoKML { background-image: url(../App_Themes/Celeste/Iconos/kml.gif); }

.IconoCloseButton { background-image: url(../App_Themes/Celeste/Iconos/close_button.png); }
.IconoCloseButton:hover { background-image: url(../App_Themes/Celeste/Iconos/close_button_hover.png); }
.IconoCloseButton1 { background-image: url(../App_Themes/Celeste/Iconos/close_button1.png); }
.IconoCloseButton1:hover { background-image: url(../App_Themes/Celeste/Iconos/close_button1_hover.png); }

.IconoOpenMenu { background-image: url(../App_Themes/Celeste/Iconos/open_menu.gif); }
.IconoOpenMenu:hover { background-image: url(../App_Themes/Celeste/Iconos/open_menu_hover.gif); }
.IconoOpenNewWindow { background-image: url(../App_Themes/Celeste/Iconos/open_new_window.png); }
.IconoTarget { background-image: url(../App_Themes/Celeste/Iconos/miniTarget.gif); }
.IconoCrystalBall { background-image: url(../App_Themes/Celeste/Iconos/CrystalBall.gif);}
.IconoCrystalBallTarget { background-image: url(../App_Themes/Celeste/Iconos/CrystalBallTarget.gif);}
.IconoWorld { background-image: url(../App_Themes/Celeste/Iconos/world16x16.png);}
.IconoLabel { background-image: url(../App_Themes/Celeste/Iconos/Label.gif); }
.IconoBorrarLabels { background-image: url(../App_Themes/Celeste/Iconos/BorrarLabels.gif); }

.IconoCamion { background-image: url(../App_Themes/Celeste/Iconos/Camion.gif); }

.IconoZoomToExtents { background-image: url(../App_Themes/Celeste/Iconos/zoom_extents.gif);}
.IconoZona { background-image: url(../App_Themes/Celeste/Iconos/Zona.png);}


.IconoLedRojo { background-image: url(../App_Themes/Celeste/Iconos/Leds/Led_rojo_16.png);}
.IconoLedVerde { background-image: url(../App_Themes/Celeste/Iconos/Leds/Led_verde_16.png);}
.IconoLedApagado { background-image: url(../App_Themes/Celeste/Iconos/Leds/Led_apagado_16.png);}


.IconoResizeForm
{
    background-image: url(../App_Themes/Celeste/Iconos/ResizeForm.gif);
    width: 17px;
    height: 17px;
    margin-right: 5px;
    border-style: none;
}

.IconoResizeFormSmall { background-position: 0px 0px; }
.IconoResizeFormMedium { background-position: 0px -20px; }
.IconoResizeFormLarge { background-position: 0px -40px; }

.IconoResizeFormSmall:hover { background-position: 0px -120px; }
.IconoResizeFormMedium:hover { background-position: 0px -140px; }
.IconoResizeFormLarge:hover { background-position: 0px -160px; }

.IconoResizeFormSmallPressed { background-position: 0px -60px; }
.IconoResizeFormMediumPressed { background-position: 0px -80px; }
.IconoResizeFormLargePressed { background-position: 0px -100px; }