/*
 * Guia de Estilo para contenidos
 */

/* CONTENIDOS PRINCIPALES */
#main-content 
{
	margin-top:3px;
	padding:15px;
	border:1px solid #818181;
}

#main-content .option-box
{
	margin: 2px;
	padding: 4px;
	border-right: dotted 1px #dcdcdc;
}
#main-content p 
{
	text-align: justify;
}

/* CONTENIDO SERVICIOS */
#service-content
{
	padding: 10px;
	color: #000000;
}
#service-content-left
{
	width: 180px;
	background-image: url(gradients/Azul_300x3.jpg);
	background-repeat: repeat-y;
	padding: 5px;
	border-right: dotted 1px #dcdcdc;
	color: black;
}
#service-sitepath
{
	padding: 5px 10px 2px 5px;
	border-bottom: dotted 1px #dcdcdc;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}
#service-sitepath-partial
{
	padding: 5px 10px 2px 5px;
	border-bottom: dotted 1px #dcdcdc;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
	background-color: #e9f7f7;
}
#service-loginview
{
	padding: 4px;
	margin-left: 5px;
	margin-bottom: 1em;
	width: 169px;
	border: solid 4px #e2ebf6;
	background-color: #cfddee;
}

/* MAPAS */

.map
{
	border-style: solid;
	border-color: #8ba0bc;
    border-width: 1px;	
}
/* FOTOS ÁREA PRESENTACIÓN */
#feature-photo {
	background:#608fc8;
	margin-top: 3px;
}
#feature-photo .photo {
	border-right:3px solid #FFF;
	display:block;
}
#feature-area {
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}
#feature-area a:link, 
#feature-area a:visited {color:#dcf2f7;text-decoration:underline;}
#feature-area a:hover {text-decoration:none;}

/* ESTILO FOTOS / IMÁGENES */
.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}
.photo-float-left {
	float:left;
	margin-right:10px;
}
.image-middle {vertical-align:middle;}

.image-help { border: none; }

/* MENU PRINCIPAL */
#nav-main-top
{ 
	height: 9px;
	background: url(images/theme/HeaderMenuTop.png) no-repeat;
}
#nav-main-bottom
{ 
	height: 9px;
	background: url(images/theme/HeaderMenuBottom.png) no-repeat;
	margin-bottom: 10px;
}
#nav-main 
{ 
	height: 20px; 
	max-width: 960px;
	margin: auto;
	background: url(images/theme/HeaderMenuBackground.png) repeat-y;
	position: relative;
	padding-left: 5px;
}
#nav-main div {vertical-align: bottom; padding: 0px 5px 0px 5px;}
#nav-main div:hover{}
#nav-main a {float: left; font-size: 12px; font-weight: bold; color: #e9e9e9;}    /* aki */
#nav-main a:hover {color: #bab8b8;}
#nav-main td {padding-right: 2px;}
.nav-main-popup 
{
	z-index: 101;
	background-color: Blue;	
}
.nav-main-popup a {padding: 3px 2px 1px 0px; }
/* LOGIN INFO */
#nav-main .logininfo {color: White; margin-top: -50px;}

/* TABLAS FORMULARIO*/
.table-form
{
	width : 100%;
}
/* MENU LATERAL */
.nav-left {border-top: solid 1px #dcdcdc; padding: 2px;}
.nav-left-item {color: #8b0000; padding: 2px; border-bottom: dotted 1px #dcdcdc; margin-top: 5px;}
.nav-left-hover { color: Red; background-color: #fff;}
.nav-left-selected {color: Red}

.nav-left-menu 
{
	color: #8b0000; 
	text-decoration: none; 
	margin-left: 5px; 
	margin-bottom: 0px;
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: #dcdcdc; 
	padding-top: 6px;
}
.nav-left-menu:hover{background-color: #fff; color: Red;}
.nav-left-menu a:link {color: #8b0000; text-decoration: none;}
.nav-left-menu a:visited {color: #8b0000; text-decoration: none;}
.nav-left-menu a:hover{color: Red;}
.nav-left-menu-current 
{
	color: Red; 
	text-decoration: none; 
	margin-left: 5px; 
	margin-bottom: 0px;
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: #dcdcdc; 
	padding-top: 6px;
}
.nav-left-menu-current:hover{background-color: #fff; color: Red;}
.nav-left-menu-current a:link {color: Red; text-decoration: none;}
.nav-left-menu-current a:visited {color: Red; text-decoration: none;}
.nav-left-menu-current a:hover{color: Red;}


/* FORMULARIOS */
textarea.textarea {border: solid 1px; padding: 2px; }
input.textarea {border: solid 1px; padding: 2px; }
input.submit 
{ 
	padding: 5px 10px 5px 10px;
	color: #1e395b;
  	font-weight:normal;
	font-size: 8pt;
	font-family: Verdana;
	vertical-align: middle;
	border: 1px solid #abbad0;
	background: #d1dfef url('Editors/edtBtnBack.png') repeat-x left top;
	cursor: pointer;
}
input.submit-hover
{
	color: #1e395b;
	background: #fcf8e5 url('Editors/edtBtnHBack.png') repeat-x left top;
	border: solid 1px #eecc53;
}

/* REJILLA DE DATOS */
.gridview td {padding: 2px 4px 2px 4px; white-space: nowrap; }
.gridview th {padding: 2px 4px 2px 4px; white-space: nowrap; }

/* REJILLA DE DATOS EXTENDIDA */
.gridviewextended 
{
	border-color: #8ba0bc;
	border-style: solid;
	border-width: 1px;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
	cursor: default;
}
.gridviewextended td 
{ 
	padding: 2px 4px 2px 4px; 
	border-color: #8ba0bc; 
	border-width: 1px; 
	white-space: nowrap; 
}
.gridviewextended .header th
{ 
	background-color: #e2ebf6; 
	font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    font-size: 8pt;
	border-top-color: #8ba0bc;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #8ba0bc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    text-decoration: none;
	padding: 8px 6px;
}
.gridviewextended .trnor{ background-color: white; }
.gridviewextended .tralt
{
	background-color: white;
}
.gridviewextended .trsel { background-color: #faedb6; }
.gridviewextended .tredit { background-color: #f8f8ff; border-color: #f8f8ff; }
.gridviewextended .footer { background-color: #e2ebf6; font-weight: bold; }  /* aki */
.gridviewextended .trnor:hover, .tralt:hover { background-color: #f0ffff; }

/* TEMPORAL USUARIOS */
.panel-formview
{
	border: solid 1px #8ba0bc;
	padding: 8px 6px;
}
.panel-formview .toolboxheader
{
	border: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.toolboxheader
{
	border: solid 1px #8ba0bc;
	background-color: #cfddee;
	padding: 4px;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.panel-gridView
{
    border: solid 1px #8ba0bc;
}

/* TITULOS AYUDA */
.title-help
{
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}


/* TAB CONTAINER */
.ajax_tabcontainer .ajax__tab_header 
{
    border-bottom:solid 5px #8ba0bc;
}
.ajax_tabcontainer .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/ajaxtoolkit/sprite.png) #cfddee repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax_tabcontainer .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax_tabcontainer .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/ajaxtoolkit/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax_tabcontainer .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax_tabcontainer .ajax__tab_active .ajax__tab_outer
{
    background:url(images/ajaxtoolkit/sprite.png) #8ba0bc repeat-x left -1400px;
}
.ajax_tabcontainer .ajax__tab_body 
{
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
    padding:0.25em 0.5em;
    border:solid 1px #8ba0bc;
    border-top-width:0px;
    padding-top: 5px;
}

/* CALENDAR EXTENDER */
.ajax__calendar_container { z-index : 1000 ; }
.ajax__calendar_title { width:150px; margin:auto; padding:3px; }

/* TABLA PANTALLA HOY */
.tdtodaytitle
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dcdcdc;
	text-align: center;
	/*font-weight: bold;*/
    font-family: Verdana;
    font-size: 8pt;
}

.tdtodaypanel
{
	vertical-align: top;
	border: solid 1px #dcdcdc;
}

/* TABLA PANTALLA HOY */
.lv-today-programmed { text-transform: lowercase; }
.lv-today-programmed a:link { text-decoration: none; text-transform: uppercase; color: #007700; }
.lv-today-programmed a:hover { text-decoration: underline; text-transform: uppercase; }
.lv-today-programmed a:visited { text-decoration: none; color: #007700; text-transform: uppercase; }
.lv-today-programmedlegend { text-decoration: none; text-transform: uppercase; color: #007700; }

.lv-today-executed { text-transform: lowercase; }
.lv-today-executed a:link { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }
.lv-today-executed a:hover { text-decoration: line-through,underline; text-transform: uppercase; }
.lv-today-executed a:visited { text-decoration: line-through; color: #3399cc; text-transform: uppercase; }
.lv-today-executedlegend { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }

.lv-today-unprogrammed { text-transform: lowercase; }
.lv-today-unprogrammed a:link { text-decoration: none; text-transform: uppercase; color: #808080; }
.lv-today-unprogrammed a:hover { text-decoration: underline; text-transform: uppercase; }
.lv-today-unprogrammed a:visited { text-decoration: none; color: #808080; text-transform: uppercase; }
.lv-today-unprogrammedlegend { text-decoration: none; text-transform: uppercase; color: #808080; }

/* PANTALLA HOY DE INCIDENCIAS*/
.inc-today-pending { text-transform: lowercase; }
.inc-today-pending a:link { text-decoration:none; text-transform: uppercase; color: #ff9933; }
.inc-today-pending a:hover{ text-decoration: underline; text-transform: uppercase; }
.inc-today-pending a:visited { text-decoration: none; text-transform: uppercase; color: #ff9933; }
.inc-today-pendinglegend { text-decoration: none; text-transform: uppercase; color: #ff9933; }

.inc-today-closed { text-transform: lowercase; }
.inc-today-closed a:link { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }
.inc-today-closed a:hover { text-decoration: line-through; text-transform: uppercase; }
.inc-today-closed a:visited { text-decoration: line-through; color: #3399cc; text-transform: uppercase; }
.inc-today-closedlegend { text-decoration: line-through; text-transform: uppercase; color: #3399cc; }

.inc-today-unvalidated { text-transform: lowercase; }
.inc-today-unvalidated a:link { text-decoration: line-through; text-transform: uppercase; color: #ff0033; }
.inc-today-unvalidated a:hover { text-decoration: line-through; text-transform: uppercase; }
.inc-today-unvalidated a:visited { text-decoration: line-through; text-transform: uppercase; color: #ff0033; }
.inc-today-unvalidatedlegend { text-decoration: line-through; text-transform: uppercase; color: #ff0033; }

.inc-today-accepted { text-transform: none; }
.inc-today-accepted a:link { text-decoration:none; text-transform: uppercase; color: #007700; }
.inc-today-accepted a:hover{ text-decoration: underline; text-transform: uppercase; }
.inc-today-accepted a:visited { text-decoration: none; text-transform: uppercase; color: #007700; }
.inc-today-acceptedlegend { text-decoration: none; text-transform: uppercase; color: #007700; }

.inc-today-inProcess { text-transform: none; }
.inc-today-inProcess a:link { text-decoration:none; text-transform: uppercase; color: #7A2C04; }
.inc-today-inProcess a:hover{ text-decoration: underline; text-transform: uppercase; }
.inc-today-inProcess a:visited { text-decoration: none; text-transform: uppercase; color: #7A2C04; }
.inc-today-inProcesslegend { text-decoration: none; text-transform: uppercase; color: #7A2C04; }

/* ESTILOS PARA EL PASSWORD STRENGTH*/
.password-barborder { border: solid 1px black; width: 50px; }
.password-barindicator1 { color: Red; background-color: Red; }
.password-barindicator2 { color: Orange; background-color: Orange; }
.password-barindicator3 { color: #ffd700; background-color: #ffd700; }
.password-barindicator4 { color: Green; background-color: Green; }

/* MENU PRINCIPAL DE LA APLICACION */
.main-menu-header { background-color: #e6eeff; padding: 5px 0px 5px 10px; font-weight: bold; cursor: default; text-decoration: underline; }

/* aki */

.main-menu {font-weight: bold;}  /* aki */
.main-menu td { width: 95px; padding: 10px 5px 10px 5px; text-align: left; vertical-align: top; }
.main-menu td:hover { background-image: url(images/MainMenuHover.jpg); background-repeat: repeat-x; }
.main-menu ul { list-style: none; font-size: xx-small; padding: 0; } /* aki */
.main-menu ul a:link { color: #00009d; text-decoration: none; }
.main-menu ul a:visited { color: #00009d; text-decoration: none; }
.main-menu ul a:hover { color: #00009d; text-decoration: underline; font-size: x-small; } /* aki */

/* PANEL PARA LOS BOTONES TIPO HYPERLINK*/
.XGrid-link-buttons
{
	margin: 3px 3px 3px 3px;
}

/* Modal Popup */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalContent {
	background-color:  White;
	border: solid 1px black;
	padding: 15px 15px 15px 15px;
}

/* Color de fondo para resaltar un validador */
.validatorCalloutHighlight
{
	background-color: #FFFF99;
}

.btnWizard 
{ 
	padding: 5px 10px 5px 10px;
	color: #1e395b;
  	font-weight:normal;
	font-size: 8pt;
	font-family: Verdana;
	vertical-align: middle;
	border: 1px solid #abbad0;
	background: #d1dfef url('Editors/edtBtnBack.png') repeat-x left top;
	cursor: pointer;
}