﻿body {
background-color:#FFFFFF;
color:#000000;
font-family:Verdana,sans-serif;
/*font-family:Arial,Helvetica,sans-serif;*/
font-size:12px;
line-height:1.4em;
margin:0;
padding:0 15px 0 15px;
}


h1, h2
{
    color: #0066ff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: normal;
    margin: 0 0 5px;
    padding: 0;
}


h3
{
    color: #599770;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight:bold;
    margin: 0 0 5px;
    padding: 0;
}

a:link, a:visited, a:active {
color:#0000FF;
text-decoration:underline;
}


table
{
border-collapse:collapse;
border-spacing:0;	
}

.button {   
   color:#000;   
   font: bold;   
   background-color:#BBBBFF;   
   border:2px solid;   
   border-color: #669 #336 #336 #669;   
 }  


.listTable 
{
background-color:#FFFFFF;
clear:left;
border-collapse:collapse;
border-spacing:0;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
width:100%;
}

.listTable tr th {
background-color:#0075CE;
border-top:2px solid #59A5DF;
color:#FFFFFF;
padding:2px 0;
font-weight:bold;
padding:1px 3px !important;
vertical-align:inherit;
}

.listTable tr td {
 border-top:1px solid #E2E2E2;
 padding :1px 3px;
}

.listTableEx 
{
background-color:#FFFFFF;
clear:left;
border-collapse:collapse;
border-spacing:0;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
width:100%;
}

.listTableEx tr th {
background-color:#000000;
border-top:2px solid #df4545;
color:#FFFFFF;
padding:2px 0;
font-weight:bold;
padding:1px 3px !important;
vertical-align:inherit;
}

.listTableEx tr td {
 border-top:1px solid #E2E2E2;
 padding :1px 3px;
}

.basicTable 
{
background-color:#FFFFFF;
clear:left;
border-collapse:collapse;
border-spacing:0;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
width:60%;
}

.basicTable tr th {
font-weight:bold;
}

.basicTable tr td {
}

.headSubItem
{
	background-color:#ccccff;
	color:Black;
	font-weight:normal;
}

.subTitle 
{
/*color: #0066ff;*/
color:#FFFFFF;
font-family: Arial,Helvetica,sans-serif;
border-top:4px solid #59A5DF;
font-size:16px;
background-color:#0075CE;
}


.formContent
{
   border-collapse:separate;
   border-spacing:2px;
   text-indent:0; 
   text-align:left;
}

.formContent tr td
{
    padding:4px;
}




.formContentAirWilBill
{
   border: #59A5DF 1px solid;
}
.formContentAirWilBill th {
	color: #0066ff;
	font-family: Arial,Helvetica,sans-serif;	
	font-size:12px;
	padding:12;
}
.bordeAirWilBilltd
{
    border-right: #59A5DF 1px solid ; 
    border-top: #59A5DF 1px solid ; 
    border-left: #59A5DF 1px solid ; 
    border-bottom: #59A5DF 1px solid ;
	border: #59A5DF 1px solid ;
}
.bordeAirWilBill_Left_Bottom
{
    border-left: #59A5DF 1px solid ; 
    border-bottom: #59A5DF 1px solid ;
}
.bordeAirWilBill_Left_Top
{
    border-left: #59A5DF 1px solid ; 
    border-top: #59A5DF 1px solid ;
}
.bordeAirWilBill_Top
{
    border-top: #59A5DF 1px solid ; 
}
.bordeAirWilBill_Bottom
{
    border-bottom: #59A5DF 1px solid ; 
}
.bordeAirWilBill_Top_Bottom
{
    border-top: #59A5DF 1px solid ; 
    border-bottom: #59A5DF 1px solid ; 
}
.bordeAirWilBill_Right
{
    border-right: #59A5DF 1px solid ; 
}
.bordeAirWilBill_Left
{
    border-left: #59A5DF 1px solid ; 
}
.bordeAirWilBill_Bottom_Right
{
    border-right: #59A5DF 1px solid ; 
    border-bottom: #59A5DF 1px solid ;
}
.bordeAirWilBillSinBottom
{
    border-right: #59A5DF 1px solid ; 
    border-top: #59A5DF 1px solid ; 
    border-left: #59A5DF 1px solid ; 
}
.bordeAirWilBillSinTop
{
    border-right: #59A5DF 1px solid ; 
    border-left: #59A5DF 1px solid ; 
    border-bottom: #59A5DF 1px solid ; 
}
.bordeAirWilBillSinLeft
{
    border-right: #59A5DF 1px solid ; 
    border-top: #59A5DF 1px solid ; 
    border-bottom: #59A5DF 1px solid ; 
}
.bordeAirWilBillDeatiltd
{    
    border-right: #59A5DF 1px solid ;   
    border-left: #59A5DF 1px solid ; 
}
.saltopagina {
      page-break-after: always;
}
.txbRequired
{
	border-left: RED 4px solid;
	padding-left: 2px;
}
.ddlRequired
{
    border-left: RED 4px solid ; 
}
.Validator
{
    color: Red;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
font-family:Lucida Sans Unicode,Tahoma, Arial,sans-serif;
color: #6975A2;
color: #555;
font-size: 0.8em;
/*background-color: #FAFAF0;*/

visibility : hidden;
margin : 0px!important;

background-color : inherit;

border : buttonshadow;
border-width : 1px;

border-style : solid;
cursor : 'default';

max-height:200px;
/*max-width:244px;*/

overflow : scroll;
height : 200px;
/*width : 244px;*/

text-align : left;
list-style-type : none;
}


/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
background-color: gainsboro;
color: black;
padding: 1px;
}



/* AutoComplete item */

.autocomplete_listItem
{
background-color : window;
color : windowtext;

padding : 1px;
}
div.ajax__calendar_days table tr td
{
/*padding-right:0px;*/
padding:0px;
font-weight:normal;
}




/*
Matrizes Porfavor no tocar (Andrei)
*/
.AxisMatrizX
{
	background-color:#FFFFFF;
}

.AxisMatrizX tr td 
{
	background-color:#0075CE;
	color:#FFFFFF;
	height:20px;
	text-align:center;
	padding:0px 0px 0px 0px;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	border-right:solid 1px black;
	border-left:solid 1px black;
}

.AxisMatrizY
{
	background-color:#FFFFFF;
}

.AxisMatrizY tr td 
{
	background-color:#0075CE;
	color:#FFFFFF;
	width:100px;
	height:19.6px;
	text-align:center;
	padding:0px 0px 0px 0px;
	border-top:solid 1px black;
	border-bottom:solid 0px black;
	border-right:solid 0.6px black;
	border-left:solid 0.6px black;
}

.AxisDimensionValue
{
	background-color:#FFFFFF;
}

.AxisDimensionValue tr td 
{
	background-color:#A2C3EE;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;
	padding:0px 0px 0px 0px;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	border-left:solid 0px black;	
}

.TextBoxMatriz
{
	border-top:solid 0px black;
	border-bottom:solid 0.07em black;
	border-left:solid 0px black;
	padding:0px 0px 0px 0px;
	font-size:9.5px;
	vertical-align:middle;
	text-align:center;
}

.CeldaMatriz
{
	border-top:solid 0px black;
	border-bottom:solid 0px black;
	border-right:solid 0px black;
	border-left:solid 0px black;
}
/*Terminan estilos de las matrizes*/

/*Autocomplete Ajax*/
.autocomplete_completionListElement
{
font-family:Lucida Sans Unicode,Tahoma, Arial,sans-serif;
color: #6975A2;
color: #555;
font-size: 0.8em;
/*background-color: #FAFAF0;*/

visibility : hidden;
margin : 0px; /*!important;*/
padding-left:0px;

background-color : White;
/*background-color : inherit; */

border : buttonshadow;
border-width : 1px;

border-style : solid;
cursor : 'default';

width:300px;
max-height:200px;
/*max-width:300px;

overflow : scroll;
height : 160px;
/width : 244px;*/

text-align : left;
list-style-type : none;
}


/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
background-color: Fuchsia;
color: black;
padding: 1px;
}



/* AutoComplete item */

.autocomplete_listItem
{
background-color : window;
color : windowtext;

padding : 1px;
}

/**/















/* Estilos de Andrei por favor no tocar  */

/* Tabla principal para las pantallas de edicion*/
.TableMain
{		
	width:100%;
	padding: 4px 0px 4px 0px;
}
.TableMain h2
{	
	font-size:16px;
	font-weight:bold;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

    color: #0066ff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
}

/* Tablas de HTML */

/* Tabla Formulario */
.TableForm
{
	padding-left:10px;
}
.TableForm tr td
{
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	padding-left:0px;
	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}

/* Tabla para los detalles(items) de cada formulario */
.TableDetail
{
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
}
.TableDetail h2
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px
}

/* Tabla botones */
.TableButtons
{
	padding-right:0px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.TableButtons td
{
	padding-right:5px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.TableHeaderExplorer 
{
}
.TableHeaderExplorer tr td
{
	padding-right:2px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.TableExplorer 
{
	width:100%;
}

.TableExplorer tr
{
	vertical-align:top;
}
.TableExplorer tr td
{
	padding-right:2px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.TableSearch
{
	width:100%;
}

.TableSearch tr
{
	vertical-align:top;
}
.TableSearch tr td
{
	padding-right:2px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
	
	font-size:12px ;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;	
}

.TableLink 
{
}
.TableLink tr td
{
	padding-right:4px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.TableLink a
{
	background-color:#FFFFFF;
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:normal;
}

.TableControlsExplorer
{
}

.TableControlsExplorer tr
{
	vertical-align:top;
}
.TableControlsExplorer tr td
{
	padding-right:4px;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;	
}

/*Fin de tablas de HTML */



/* Controles */


/* Boton */
.MyButton 
{   
	color:#000;   
	font: bold;   
	background-color:#BBBBFF;   
	border:2px solid;   
	border-color: #669 #336 #336 #669;   
	width: 90px;
	height: 22px;
}  

/* Boton */
.MyControls
{   
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana,sans-serif;
	font-size:12px;
	font-weight:normal;
}  

/* Calendar Ajax */
.MyCalendar .ajax__calendar_container
{
	padding: 4px;
	position: absolute;
	cursor: default;
	width: 165px;
	font-size: 11px;
	font-weight:normal;
	text-align: center;
	font-family: tahoma,verdana,helvetica;
	background-color: #ffffff;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
}
.MyCalendar .ajax__calendar_body 
{
	height:140px;width:165px;position:relative;overflow:hidden;margin:auto;text-align: center;font-weight:normal;
}

.MyCalendar .ajax__calendar_day 
{ 
	text-align:center; 
	padding-left:2px;padding-right:2px;
	color:#0075CE;
	font-weight:normal;
} 


.MyCalendar .ajax__calendar_other .ajax__calendar_day
{
	color: black;
	font-size: 8pt;
	padding-left:2px;
	padding-right:2px; 
	font-weight:normal;
}


.MyCalendar .ajax__calendar_month 
{ 
	text-align:center; 
	padding-left:2px;padding-right:2px;
	vertical-align:middle; 
	color:#3366cc;
	font-weight:normal;
} 

.MyCalendar .ajax__calendar_hover .ajax__calendar_day  
{
	color: White;
	padding-left:1px;padding-right:1px; 
	background-color:#3366cc;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_month 
{
	color: black;
	padding-left:1px;padding-right:1px; 
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
	color: black;
	padding-left:1px;padding-right:1px; 
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day
{
	background-color:Black;
	color:White;
	padding-top:0px;
	padding-bottom: 0px;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_year {
	color: black;
	font-size: 8pt;
	padding-left:2px;padding-right:2px; 
	font-weight:normal;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_month
{
	background-color:Black;
	color:White;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_year 
{
	background-color:Black;
	color:White;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_dayname 
{ 
	text-align:center; 
	font-weight:bold; 
	color:Black; 
	margin-bottom: 4px; 
	margin-top: 2px; 
	font-weight:normal;
} 

.MyCalendar .ajax__calendar_today 
{
	font-weight:bold; 
	background-color:#0075CE;
	color:White;
	vertical-align:middle;
	font-weight:normal;
} 

.MyCalendar .ajax__calendar_header 
{ 
	background-color:#0075CE;
	color:White;
	font-weight:bold;
	margin-bottom: 4px; 
	font-weight:normal;
} 

.MyCalendar .ajax__calendar_title 
{
	cursor:pointer;
	background-color:#0075CE;
	color:White;
	font-weight:bold;
	margin-bottom: 4px; 
	font-weight:normal;
}
	
.MyCalendar .ajax__calendar_footer 
{
	background-color:#0075CE;
	color:White;
	font-weight:bold;
	vertical-align:middle;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_days table tr td
{
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_months table tr td
{
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-weight:normal;
}

.MyCalendar .ajax__calendar_years table tr td
{
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-weight:normal;
}



/* Repeater */

.TableRepeater
{
	text-decoration:none;
	width:100%;
	background-color: White; 
	padding: 0px 0px 0px 0px;
}
.TableRepeater tr th
{
	padding-top:3px;
	padding-left:8px;
	padding-right:0px;
	padding-bottom:3px;
	text-align:left;
	
	background-color:#0075CE;
	height:8px;
	color: #FFFFFF;
	font: bold 12px Optima, "Verdana", sans-serif;
}
.TableRepeater tr td
{
	padding-top:3px;
	padding-left:8px;
	padding-right:0px;
	padding-bottom:3px;
	text-align:left;
	
	border-top:1px solid #E2E2E2;
	height:8px;
	font:11.5px Optima, "Verdana", sans-serif;
	font-weight:normal;	
}
/* Terminan estilos de Andrei*/


/*Inicio Estilos para Reportes*/

tabulardata {
    BACKGROUND-COLOR: #0075CE;
    /*border-color:#0066FF;*/
    border-width:1px; 
}
tabulardata TR {
    BACKGROUND-COLOR: white;
    white-space:nowrap;
   
}
TABLE.tabulardata TH {
    BACKGROUND-COLOR: #0075CE;
    color:White;   
    /*width:80%;*/
    /*PADDING:8px;*/
}
tabulardata TD {
    PADDING:2px;
    white-space:pre-line;
    border-width:1px;
    /*border-color:#0066FF;*/
}
/*Terminan Estilos para Reportes STATIONS PERFORMANCE*/
/*Inicio Estilos para Reportes STATIONS PERFORMANCE*/

tabulardata1 { 
    border-width:1px; 
    FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
TABLE.tabulardata1 TR 
{
	border-width:1px;  
    white-space:nowrap;
    FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
TABLE.tabulardata1 TH 
{
	border-width:1px;  
    color:White;   
    width:90%;    
    FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
TABLE.tabulardata1 TD {
    PADDING:2px;
    white-space:pre-line;
    border-width:1px;    
    FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
/*Terminan Estilos para Reportes*/

/*Validation*/
SimpleValidation
{
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8px;
    line-height: normal;
    margin: 0 0 5px;
    padding: 0;
}
.validatorCalloutHighlight 
{
	background-color:lemonchiffon;
}

.modalBackground 
{
	background-color:#333333;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalPopup {
	background-color:#FFFFFF;
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    padding:1px;
    width:700;
    Height:300px;
}