/*------------------------------------------------------------------------------------*/
/*----------- Style.css -- Hojas De Estilos Genericos -- Internet Explorer------------*/
/*------------------------------------------------------------------------------------*/


body {
    font-size: 11px;
    font-family: Tahoma;
    margin: 2em;
    border:0px;
    background-color:white;
   /* scrollbar-base-color:#5985A2;
    scrollbar-arrow-color:white;*/
  
}


.content {
    height: 100%;
    width: 100%;
    margin:20px 0 0 0;
    padding:10px 0 0 0;
}

div.error {
    color: red;
    font-size: 14pt;
    font-weight: bold; 
    text-align: center;
    vertical-align: middle;
}

/*-----Estilo para el formulario de ChangePasswordContent.jsp----*/

.form_change_password {
    background-color:#eeeeee;
    width:99%;
    border-top: 3px solid #84B539;
    margin-left:3px;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:10px;
}

.form_change_password th{
	 color:#8A8B8C;
}
/*.form_change_password table{
	width:99%;
	margin-left: 4px;
}*/
.form_change_password input{
   margin-right:150px;
   padding-left:0px; 
   padding-top:0px;
   width: 90%;
   height: 20px;
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}

/*-----Estilo para el formulario de SolicitNewIncidentContent.jsp----*/
.form_new_case
{
   margin-left:5px;
   width:97%;  
   padding:4px;
}

.form_new_case th{
	color:#8A8B8C;
}
.form_new_case select{ 
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
}

.end{
    margin-top:9px;
    background-color:#eeeeee;
}

th.formKey {
    color:#8A8B8C;
    width: 1%;
    padding-left:2px;
}

td.formValue {
    padding-left: 0px;
    padding-right: 0px; 
}

td.formValueText {
    width: 1px;
}

td.formValueError {
    width: 1px;
}

td.formValueButton {
    width: 1px;
}

td.formColumnSeparator {
    width: 10px;
}

.send {
   text-decoration: none; 
   height: 20px;
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}
.form_new_case input {
   width: 100%;
   height: 20px;
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}

.form_new_case select {
   width: 100%;
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}

.form_new_case textarea {
   width: 100%;
   color:#336889;
   font-family:'arial',helvetica,sans-serif;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}
.formValue .examine{
   width: 100%;
   height: 20px;
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}

/*-----Estilo para el filtro------*/

table.filter
{
    background-color:#eeeeee;
    width:80%;
    border-top: 3px solid #84B539;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:10px;
    
}
.filter th{
	color:#8A8B8C;
	text-align: left;
}


.filter select{ 
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');

}
.view{

   width:50px;
   cursor:default;
   margin:0px;
   text-decoration: none; 
   height: 20px;
   color:#336889;
   font-size:84%;
   font-weight:normal;
   background-color:#EBEDF1;
   border:1px solid;
   border-top-color:#D3D7DF;
   border-left-color:#D3D7DF;
   border-right-color:#D3D7DF;
   border-bottom-color:#D3D7DF;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1');
}

/*Estilo para el titulo del filtro*/

.left_filter{
	background-image : url(../images/otherTab_left_green.gif);
    width:4px;
    height: 18px;
}
.center_filter{
	background-image : url(../images/otherTab_middle_green.gif);
    margin: 0px;
    padding:2px 3px 3px 0px ;
    height: 18px;
}
.right_filter{
	background-image : url(../images/otherTab_right_green.gif);
    width:4px;
    height: 18px;
}
.inside_filter/*(interior)*/{
	font-weight: bold;
    font-size: 11px;
    font-family: Tahoma; 
    color: white; 
    text-decoration: none; 
    text-transform: capitalize;
    padding:4px 5px 5px 0px ;
}
.lower_filter{
	width:100%;
    background-image : url(../images/blank.gif)
}
.space_filter{
	
}



/*Estilo para el AuthenticationContent*/
.authentication{
	margin-top:10px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.form_authentication {
    background-color:#eeeeee;
    width:70%;
    border-top: 3px solid #84B539;
    margin-left: 120px;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:10px;
   
}
.form_authentication table{
    text-align: center;
    margin-right: 15px;
}

.form_authentication th{
	color:#8A8B8C;
	text-align: right;
	width: 10%;
}
.form_authentication td{
	text-align: left;
}

.form_authentication  input{
    width:70%; 
    height:18px;
    border-width:1px;
    border-style:solid;
	background-color:#ffffff;
	/*border-color:#BCB8B8 ;*/
    color:#336889;
    font-size:84%;
    font-weight:normal;
    background-color:#EBEDF1;
    border-top-color:#D3D7DF;
    border-left-color:#D3D7DF;
    border-right-color:#D3D7DF;
    border-bottom-color:#D3D7DF;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1')
}
.form_authentication a:link,.form_authentication a:visited{
	font-size: 7pt;
	color:#336889;
}
/*---Estilo General de MenuUp.jsp---*/
.menuUp{
	margin-bottom:15px;
	width:100%;
}
p.menuUp {
    text-align: center;
}
.menuUp a:link,.menuUp a:active,.menuUp a:visited{
	font-family:Tahoma;
	font-size:11px;
	font-weight: bold;
    background: transparent;
    text-decoration: none; 
    color:white; 
}



/*------Estilo para la alternacion del color de las filas y de los enlaces*/

td.selected_Dark {
    background-color:#eeeeee;
}
td.selected_Light {
    background-color:#d6d6d6
}

.selected_Dark a:link,.selected_Dark a:active,.selected_Dark a:visited{
	color:#336889;
}
.selected_Light a:link,.selected_Light a:active,.selected_Light a:visited{
	color:#336889;
}

/*Ayuda al formulario de nuevo caso*/
.help_new_case{
  width:99%;
  padding: 5px;
  background-color: #EAF8CF;
  border-right: 1px solid #ACE149;
  border-left: 1px solid #ACE149;
  border-bottom: 1px solid #ACE149;
  border-top: 3px solid #84B539;
  color:#3F3F3F;
  margin-left:3px;
  font-family: Arial, Verdana, Helvetica;
  text-align: justify;
  font-size:11px;
}
.help_new_case b{
	font-weight: bold;
	color:#7AB90C
}

/*Estilo para la ayuda general*/
.help{
	width:90%;
	height:23px;
	background-color: #EAF8CF;
    border-right: 1px solid #ACE149;
    border-left: 1px solid #ACE149;
    border-bottom: 1px solid #ACE149;
    border-top: 3px solid #84B539;
    padding:10px;
    margin-left:3px;
    color:#3F3F3F;
    font-family: Arial, Verdana, Helvetica;
    margin-bottom: 10px;   
    text-align: justify;
}
.help span{
	font-weight: bold;
	color:#7AB90C
}

 /* Estilo de para el findIncidentsContent tabla(content_case)*/

table.content_case {
   margin-right:3px;
   border-spacing:1px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   background-color:#F9F7F7;
   border-right: 1px solid #c3c3c3;
   border-left: 1px solid #c3c3c3;
   border-bottom: 1px solid #c3c3c3;
   color: white;
   width:99%;
}

.content_case th,.content_case td{
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7e7e7e;
}

th.dataGridHeader, td.dataGridHeader {
   background-color:  #5985A2;
   border: 1px solid #c4c4c4;
   text-transform:uppercase;
   color:white;
   font-weight: bold;
}


a:link.dataGridHeaderLink, a:active.dataGridHeaderLink, a:visited.dataGridHeaderLink
{
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;;
    padding-bottom: 30px;
}
.content_case  th {
	font-weight: bold;
	border: 1px solid #dadada;
	padding:5px 0px 9px 0px;
	font-size: 9px;
}

.content_case tbody tr td { 
	border: 1px solid #dadada;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	font-size: 7pt;
	height: 20px;
}
.content_case  td a:link, .content_case  td a:visited {
	color:#484848 ;
	text-decoration: none;
	font-size: 10px;
    width:150px;
    
}

.content_case  td a:hover {
	color:#1975D7;
}

/*Estilo para la columna Resolucion*/
th#resolucion{
	width: 18px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 10px;
}
td#resolucion{
	width: 10px;
	padding: 0px;
	text-align: center;
}

/* Para la tabla de un caso concreto(IncidentsContent) */
table.case{ 
	margin-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:transparent;
	color: white;
	width:97%;
}

.case  th {
	color:#8A8B8C;
	font-weight:bold;
	width:15%;
	background-color: #e5e5e5;
}

.case td { 
    padding:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#336889;
}

.fill_case{
    margin-left:3px;
	height: 275px;  
	background-color:#eeeeee;
	width:96%;
	border-top: 3px solid #84B539;
	border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:10px;
}

/*-------Estilo para los titulos de los demas formularios---------*/

.left{
	margin-top:10px;
	background-image : url(../images/otherTab_left_green.gif);
    width:4px;
    margin-left:3px;
    height: 18px;
}
.center{
	background-image : url(../images/otherTab_middle_green.gif);
    margin: 0px;
    height: 18px;
    padding:2px 3px 3px 0px ;
}
.right{
	background-image : url(../images/otherTab_right_green.gif);
    width:4px;
    height: 18px;
}
.inside/*(interior)*/{
	font-weight: bold;
    font-size: 11px;
    font-family: Tahoma; 
    color: white; 
    text-decoration: none;
    padding:4px 5px 5px 0px ;
}

.lower{
	float:right;
	width:100%;
    background-image : url(../images/blank.gif);

}
.space{
    
}
/*------Estilo para un nuevo caso-----*/

.fill_new_case{
    margin-left:3px;
	background-color:#eeeeee;
	width:99%;
	border-top: 3px solid #84B539;
	border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:5px 2px 0px 2px;
}


/*Estilo para la ayuda*/

.left_help{
	background-image : url(../images/otherTab_left_green.gif);
    width:4px;
    margin-left:3px;
    height: 18px;
}
.center_help{
	background-image : url(../images/otherTab_middle_green.gif);
    margin: 0px;
    height: 18px;
    padding:2px 3px 3px 0px ;
}
.right_help{
	background-image : url(../images/otherTab_right_green.gif);
    width:4px;
    height: 18px;
  
}
.inside_help/*(interior)*/{
	font-weight: bold;
    font-size: 11px;
    font-family: Tahoma; 
    color: white; 
    text-decoration: none;
    padding:4px 5px 5px 0px ;
}
.lower_help{
	width:95%;
    background-image : url(../images/blank.gif)
}


/*Estilo para el titulo del AuthenticationContent */
.left_authentication{
	background-image : url(../images/otherTab_left_green.gif);
    width:4px;
    margin-left: 119px;
    height: 18px;
}
.center_authentication{
	background-image : url(../images/otherTab_middle_green.gif);
    margin: 0px;
    height: 18px;
    padding:2px 3px 3px 0px ;
}
.right_authentication{
	background-image : url(../images/otherTab_right_green.gif);
    width:4px;
    height: 18px;
}
.inside_authentication/*(interior)*/{
	font-weight: bold;
    font-size: 11px;
    font-family: Tahoma; 
    color: white; 
    text-decoration: none;
    padding:4px 5px 5px 0px ;
}
.lower_authentication{
	float:right;
	width:100%;
    background-image : url(../images/blank.gif)
}
.space_authentication{
  
}
/*---------Estilo para el OrderPassword-----*/
.order_password{
	background-color:#eeeeee;
    width:90%;
    border-top: 3px solid #84B539;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:2px;
}
.order_password table{
	margin-left: 5px;
	margin-top: 14px;
}
.order_password th{
	color:#8A8B8C;
	width: 50px;
}
.order_password input{
	width: 88%;
    height: 18px;
    color:#336889;
    font-size:84%;
    font-weight:normal;
    background-color:#EBEDF1;
    border:1px solid;
    border-top-color:#D3D7DF;
    border-left-color:#D3D7DF;
    border-right-color:#D3D7DF;
    border-bottom-color:#D3D7DF;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EBEDF1')
}

.left_order_password{
	background-image : url(../images/otherTab_left_green.gif);
    width:4px;
    height: 18px;
}
.center_order_password{
	background-image : url(../images/otherTab_middle_green.gif);
    margin: 0px;
    height: 18px;
    padding:2px 3px 3px 0px ;
}
.right_order_password{
	background-image : url(../images/otherTab_right_green.gif);
    width:4px;
    height: 18px;
}
.inside_order_password/*(interior)*/{
	font-weight: bold;
    font-size: 11px;
    font-family: Tahoma; 
    color: white; 
    text-decoration: none;
    padding:4px 5px 5px 0px ;
}

.lower_order_password{
	width:100%;
    background-image : url(../images/blank.gif)
}
.space_order_password{
}

/*Estilo que contiene la ayuda de OrderPasswordContent----*/
.content_help
{
	margin-top:20px;
	height: 150px;
}
/*-----Estilo de la ayuda de OrderPasswordContent---*/
.help_order_password{
	width:90%;

	background-color: #EAF8CF;
	border-top: 3px solid #84B539;
    border-right: 1px solid #ACE149;
    border-left: 1px solid #ACE149;
    border-bottom: 1px solid #ACE149;
    padding:9px;
    color:#3F3F3F;
    font-family: Arial, Verdana, Helvetica;
    margin-right: 0px;   
    text-align: justify;
}
.left_help_password{
	background-image : url(../images/otherTab_left_green.gif);
    width:4px;
    height: 18px;
}
.center_help_password{
	background-image : url(../images/otherTab_middle_green.gif);
    margin: 0px;
    height: 18px;
    padding:2px 3px 3px 0px ;
   
}
.right_help_password{
	background-image : url(../images/otherTab_right_green.gif);
    width:4px;
    height: 18px;
}
.inside_help_password/*(interior)*/{
	font-weight: bold;
    font-size: 11px;
    font-family: Tahoma; 
    color: white; 
    text-decoration: none;
    padding:4px 5px 5px 0px ;
    
}

.lower_help_password{
	width:100%;
    background-image : url(../images/blank.gif)
}
.space_help_password{
	
}

/*----Estilos para la solcitud de contraseņa via  e-mail*/
.fill_email{
    margin-left:4px;
	background-color:#eeeeee;
	font-weight:bold;
	width:99%;
	border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-top: 3px solid #84B539;
    padding:8px;
    color:#8A8B8C;
}

/*-----Estilo para los errores del SolicitNewIncidentContent---*/
.up_fill_errors{ /*Parte superior del fill_errors*/
	width:100%;
	margin-left: 120px;
	margin-bottom: 9px;
}
.fill_errors{
	margin-top:5px;
	margin-bottom:5px;
	background-color:#eeeeee;
	width:60%;
	border: 1px solid #c3c3c3;
    padding:10px ;
    font-size: 9pt;
    color:red;
	font-weight: bold;
}
/*.fill_errors span{
	margin-left:10px;
	
}*/

/*-------Estilo para el marco de notas final del FindIncidentsContent-----*/
.fill_notes{
    width:97%;
    padding:5px;
    background-color: #EAF8CF;
    border-right: 1px solid #ACE149;
    border-left: 1px solid #ACE149;
    border-bottom: 1px solid #ACE149;
    border-top: 3px solid #84B539;
    color:#3F3F3F;
    moz-border-radius: 25px;
    margin-left:3px;
    font-family: Arial, Verdana, Helvetica;
    margin-bottom: 10px;
    text-align: justify;
}

/*----------Estilo para el marco del la solicitud para recordar la contraseņa en AuthenticationContent.jsp-------*/
.remind_password{
	margin-top:12px;
}

.fill_remind_password{
	background-color:#eeeeee;
    width:70%;
    border-top: 3px solid #84B539;
    margin-left: 120px;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding:10px 0px 10px 8px;
    color:#8A8B8C;
    font-weight: bold;
}

.fill_remind_password a:link,.fill_remind_password a:visited{;
	color:#336889;
}


/*-----Estilo para la tabla donde esta el filtro y la ayuda ------*/
.table_up{
   margin-left:5px;
}


.space_authentication_up{
}

/*---*/

/*-----OTROS ESTILOS ----*/

p
{
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: normal; 
    color: #000000; 
    text-transform:capitalize;
}

th {
    font-size: 11px; 
    color: #000000; 
}

td {
    font-size: 11px; 
    font-style: normal;
    font-weight: normal; 
    color: #000000; 
}

.icon{
	border:none;
}

a:link, a:active, a:visited
{
    text-decoration: none;
}

h1 {
    margin-top: 1em;
    text-align: center;
    color: #999999;
    word-spacing: 1em;
    letter-spacing: 0.5em;
}

h2
{
    text-indent: 1em
}

h3
{
    text-indent: 2em
}

h4
{
    text-indent: 3em
}

h5
{
    text-indent: 4em
}
td.creditKey {
    font-weight: bold;
    vertical-align: top;
}

td.creditValue {
    vertical-align: top;
}


/*-------------------------------END STYLE.CSS--------------------------------------*/