/* form.css */
/* CSS HAcks:
Lo que está precedido por "*:first-child+html" aplica sólo a IE7
Lo que está precedido por * html aplica sólo a IE6 y anteriores

Ver más en: http://www.dynamicsitesolutions.com/css/filters/support-chart/
*/

.compact {}
* {
  margin: 0;
  padding: 0;
}

li
{
	list-style-type:none;
}

input[type="checkbox"]
{
    margin: 2px;
}
*:first-child+html input[type="checkbox"],
* html input[type="checkbox"]
{
    margin: 0px;
}



/* Estos márgenes están cambiados en layout.css, los vuelvo a cero para los forms */
.form ol, .form ul { margin-left:0em; }

label {
  font-size: 95%;
  color: #444444;
}

label.important {
  font-size: 110%;
  font-weight: bold;
  color: #000000;
}

.form td label
{
    font-size: 100%;
}


.form label u {
  font-style: normal;
  text-decoration: underline;
}

input[readonly], select[readonly], textarea[readonly]
{
    background-color: #f5f5f5; /* transparent podría ser otra opción */
    border: 1px solid #e0e0e0;
}

input, select, textarea {
  font-size: 105%; /*105% en lugar de 100% porque sino no calcula bien el ancho al usar size=xx en los <input>*/
  color: #000000;
}

.form textarea {
  overflow: auto;
}

.form {
  margin: 0;
  padding: 0;
  min-width: 800px;
  max-width: 918px;
  width: 918px;
}



.form fieldset
{
	clear: both;
	border-color: #C0C0C0;
	border-width: 1px 1px 1px 1px;
	border-style: solid none none none;
	padding: 0em .95em .95em .95em; /* was 10px */
	margin: 0 0 1em 0px;
	background-color: #f5f5f5;
	background-image: url(../images/forms/fieldset-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* con los dos siguientes hacks, se evita la etiqueta del fieldset pintada del color del fondo en IE 
Los dejo comentados ahora porque al tener un background image, no son necesarios.
Además, al agregar este hack, los fieldsets quedan "relative" y no funcionan con overflow: scroll de los contenedores.*/

/*
* html form fieldset, *:first-child+html form fieldset 
{ 
	position: relative; margin-top:1em; margin-bottom: 2em; padding-top:1.5em; 
}
* html form fieldset legend, *:first-child+html form fieldset legend
{ 
	position:absolute; top: -.5em; left: .5em; 
} 
*/

.form fieldset legend {
  font-size: 110%;
  font-weight: bold;
  color: #000000;
  
  margin: 0 0px 0 0px;
  padding: 0px 0px 0px 0;
}

/*
Un grupo de controles dentro de otro grupo, por ejemplo el grupo de "agregar clientes" en la zona de clientes de póliza */
.form fieldset fieldset {
  clear: left;
  font-size: 100%;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid none none none;
  width: 600px;
  padding: 0px 0 0 0;
  margin: 10px 0 0 0;
  background-image: none;
}
.form fieldset fieldset legend 
{
	font-weight: bold;
	padding: 0;
	margin-top: 10px;
}


 /* hack para IE para arreglar el contenido */
/*
* html form fieldset fieldset, *:first-child+html form fieldset fieldset
{
	position: relative; }*/
/* hack para IE para arreglar el contenido */
/*
* html form fieldset fieldset legend, *:first-child+html form fieldset fieldset legend
{ position:absolute; top: .5em; left: .5em; } 
* html form fieldset fieldset, *:first-child+html form fieldset fieldset 
{ position: relative; margin-top:1em; margin-bottom: 2em; padding-top:1.5em; }
*/

/* en el formulario expanded, cada <ol><li> o <div> encierra un conjunto <label> y <input>/<select>/etc, 
  y opcionalmente un <p class="error"> al principio, y un <small> al final como comentario */

.form div.fi,
.form ol li
{
  clear: left;
  display: block;
  /*float: left;*/ /* sin esto, firefox muestra mal */
  width: 700px;
  height: 1%; /* was expression('1%');*/
  margin: 5px 0 0px 0;
  padding: 1px 3px;
}

/* ancho completo para grilla */
.form ol li.grid
{
    width: 940px;
}

.form ol li.sectionDivider
{
    margin: 0px 0px 0px 0px;
    height: auto;
}

.form .li p
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.form h4
{
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
}


.form div.twoper,
.form ol li.twoper,
.form div.threeper,
.form ol li.threeper,
.form div.fourper,
.form ol li.fourper
{
	padding: 0 0 0 0;
	width: 700px;
	border: 0px;
}


/* una subdivisión, para poner más de un elemento por línea */
.form ol li.twoper ol li,
.form ol li.threeper ol li,
.form ol li.fourper ol li
{
    padding: 1px 3px;
    margin: 0px 0px 0 0px;
	float: left;
	overflow:hidden;
	clear: none;
}

.compact ol li.twoper ol li,
.compact ol li.threeper ol li,
.compact ol li.fourper ol li
{
    margin: 0px 0px 0 4px;
}



.compact ol li.twoper ol li {width: 340px;} /* defaul el tamaño de 50% */
.compact ol li.threeper ol li {width: 220px;} /* defaul el tamaño de 33% */
.compact ol li.fourper ol li {width: 160px;} /* defaul el tamaño de 25% */

* html form.compact ol li ol li, * html div.compact ol li ol li /* para IE6, que no funciona first-child */
{
    margin: 0px 0px 0 0px;
}

.compact ol li ol li:first-child
{
    margin: 0px 0px 0 0px;
}
.compact ol li fieldset ol li
{
    margin: 0px 0px 0 0px;
}

.compact .twoper .w10 { width: 70px;}
.compact .twoper .w12 { width: 84px;}
.compact .twoper .w15 { width: 105px;}
.compact .twoper .w20 { width: 140px;}
.compact .twoper .w25 { width: 160px;}
.compact .twoper .w30 { width: 210px;}
.compact .twoper .w33 { width: 220px;}
.compact .twoper .w37 { width: 259px;}
.compact .twoper .w40 { width: 280px;}
.compact .twoper .w50 { width: 350px;}
.compact .twoper .w60 { width: 420px;}
.compact .twoper .w62 { width: 434px;}
.compact .twoper .w66 { width: 462px;}
.compact .twoper .w75 { width: 525px;}
.compact .twoper .w80 { width: 560px;}
.compact .twoper .w85 { width: 595px;}
.compact .twoper .w100 { width: 700px;}

.compact .threeper .w10 { width: 70px;}
.compact .threeper .w15 { width: 105px;}
.compact .threeper .w20 { width: 140px;}
.compact .threeper .w25 { width: 160px;}
.compact .threeper .w30 { width: 210px;}
.compact .threeper .w33 { width: 220px;}
.compact .threeper .w37 { width: 259px;}
.compact .threeper .w40 { width: 280px;}
.compact .threeper .w45 { width: 315px;}
.compact .threeper .w50 { width: 350px;}
.compact .threeper .w60 { width: 420px;}
.compact .threeper .w66 { width: 462px;}

.compact .fourper .w10 { width: 70px; }
.compact .fourper .w15 { width: 105px; }
.compact .fourper .w20 { width: 140px; }
.compact .fourper .w22 { width: 154px; }
.compact .fourper .w25 { width: 160px; }
.compact .fourper .w33 { width: 220px; }
.compact .fourper .w40 { width: 280px; }
.compact .fourper .w50 { width: 350px;}
.compact .fourper .w60 { width: 420px;}

.form fieldset div.notes {
  float: right;
  width: 160px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

/*
form.compact fieldset div.notes {
  float: left;
  width: 95%;
  margin: 10px 0 10px 10px;
}
*/
.form fieldset div.notes h4 {
  background-image: url(../images/forms/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
  margin-top: 0px;
  font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

.form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

.form fieldset div.notes p.last {
  margin: 0em;
}

.form fieldset div.warning
{
	background-color: #FDE9D9;
	color: #111111;
}

.form fieldset div.warning p {
  color: #000000;
}
.form fieldset div.warning h4
{
	color: #6C0005;
	background-image: url(../images/forms/icon_error.gif);
}




/* los grupos de opciones como otro subitem */
.form div.fi fieldset.options,
.form li fieldset.options { 
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

.compact div.fi fieldset.options,
.compact li fieldset.options
{
	margin: 0;
	width: 260px;
}
.compact div.fi div.fi fieldset.options,
.compact li li fieldset.options
{
	width: 90%;
}

.form div.fi fieldset.options legend, 
.form fieldset fieldset.options legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

.form div.required fieldset.options legend,
.form li.required fieldset.options legend
 {
  font-weight: bold;
}

/* en la forma compact, las labels van arriba de los campos */
.compact div.fi label,
.compact li label
{
  display: block;
  width: auto;
  padding: 0px 0px;
  margin: 0 0 0px 0;
}

.form div.optional label, label.optional,
.form li.optional label {
  font-weight: normal;
}

.form div.required label, label.required,
.form li.required label {
  font-weight: bold;
}

.expanded li label 
{
    width: 154px;
    display: inline-block;
    text-align: right;
}

.expanded div.fi label.labelCheckbox, 
.expanded div.fi label.labelRadio,
.expanded li label.labelCheckbox, 
.expanded li label.labelRadio {
  float: none;
  display: block;
  width: auto;
  height: 1%; /* was expression('1%');*/
  padding: 0;
  margin: 0 0 5px 0px;
  text-align: left;
}

label input[type="checkbox"]
{
    margin-right: 4px;
    vertical-align: baseline;
    position: relative;
    top: 1px;
}


.compact div.fi label.labelCheckbox, 
.compact div.fi label.labelRadio,
.compact li label.labelCheckbox, 
.compact li label.labelRadio {
  float: none;
  display: block;
  width: auto;
  height: 1%; /* was expression('1%');*/
  padding: 0;
  margin: 0 0 0px 0px;
  text-align: left;
}

.compact .inlineInputs label
{
  float: none;
  display: inline;
  width: auto;
  height: 1%; /* was expression('1%');*/
  padding: 0;
  margin: 0 0 0px 0px;
  text-align: left;
}

.form div.fi fieldset label.labelCheckbox, form div.fi fieldset label.labelRadio,
/* nicolás */ form li fieldset label.labelCheckbox, form li fieldset label.labelRadio  {
  margin: 0 0 5px 0;
  width: 160px;
}

.form div.fi img,
/*nicolás*/ form li img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(../images/forms/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

span.errorautorizable {
  background-image: url(../images/forms/error_bang.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  padding: 3px 3px 5px 27px;
}

span.errornoautorizable {
  background-image: url(../images/forms/errorPolicy.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  padding: 3px 3px 5px 27px;
}

span.errorwarning {
  background-image: url(../images/warningPolicy.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  padding: 3px 3px 5px 27px;
}

.form div.error,
.form li.error,
.form td.error {
  background-color: #ffffe1;
  background-image: url(../images/forms/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

div.error table
{
    color: #000000;
}

TR.error
{
    background-color: #FFFF7D;
}

.form div.error p.error,
.form li.error p.error,
.form td.error p.error
{
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  color: #ff0000;
}
.form div.error p.error,
.form li.error p.error
{
  background-image: url(../images/forms/icon_error.gif);
  background-position: top left;
}
.form td.error p.error
{
  background-image: none;
}


.expanded div.error p.error,
.expanded  li.error p.error
{
  margin: 0 0 0 118px;
  width: 300px;
}

.form td.error p.error
{
	margin: 0 0 0 5px;
}

.compact div.error p.error,
.compact li.error p.error
{
  margin: 0 0 0 3px;
  width: auto;
}

/*
form div.fi select, form div.fi textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div.fi input.inputText, form div.fi input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div.fi input.inputFile {
  width: 211px;
}

form div.fi select.selectOne, form div.fi select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}
*/
.form div.fi input.inputCheckbox, 
.form div.fi input.inputRadio, 
input.inputCheckbox, 
input.inputRadio,
.form li  input.inputCheckbox, 
.form li  input.inputRadio, 
input.inputCheckbox, 
input.inputRadio
 {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 136px;
}

.form li fieldset input.inputCheckbox, 
.form li fieldset input.inputRadio,
.form div.fi fieldset input.inputCheckbox,
.form div.fi fieldset input.InputRadio
{
	margin: 0 0 0 0;
}

.compact li input.inputCheckbox, 
.compact li input.inputRadio
{
	margin: 0 0 0 0;
}


/* Submit buttons */
.form .submit
{
	padding: 6px 10px 5px 10px;
	background-color: #FFF7CF;
	border-top: 1px solid;
	border-top-color: #D7AE56;
	
}
.form .submit p
{
	margin-bottom: 5px;
	margin-top: 0px;
}

.form input.primarySubmit,
.form input.inputButton,
.form button.primarySubmit
{
	border: 1px solid #D7AE56;
	background-color: #FFEA82;
	width: auto;
	padding: 0 10px;
	margin: 0 10px 5px 0px;
	font-weight: bold;
	
}

.form div.secondarySubmits
{
  margin: 0 0 0 10px;
  float: right;
  display: inline;
}

.form div.secondarySubmits input.inputButton,
.form div.secondarySubmits button
{
	border: 1px solid #D5BC84;
	background-color: #FEFAE7;
	width: auto;
	padding: 0 10px;
	margin: 0 0 5px 10px;
	font-weight: normal;
}


.form div.submit div.fi input.inputSubmit, form div.submit div.fi input.inputButton {
  float: right;
  margin: 0 0 0 25px;
}

.form .submit p.warning {
  background-image: url(../images/forms/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  height: auto;
  margin: 0 0 10px 0px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  padding: 3px 0 3px 27px;

  font-size: 110%;
}

.form .submit div.notes h4 {
}

.form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

.form fieldset div.notes p.last {
  margin: 0em;
}


small
{
  font-size: 88%;
  height: 1%; /* was expression('1%');*/
  color: #606060;
}

.form div.fi small,
.form li small {
  display: block;
  padding: 1px 3px;
}

.expanded div.fi small,
.expanded li small
{
  margin: 0 0 5px 142px;
}

.compact div.fi small,
.compact li small
{
	margin: 0 0 5px 0px;
}


/* Tablas */
.form table,
table.dataTable
{
	table-layout: fixed;
	empty-cells: show;
	/*width: 100%;*/
	background-color: White;
	margin: 5px 0 5px 0;
	border: 1px solid #e0e0e0;
}
table.dataTable th,
.form th
{
	border-bottom: 1px solid gray;
	padding: 2px;
	background-color: #e0e0e0;
	font-weight: normal;
	border-right: 1px solid #d0d0d0;
	font-size: 88%;
}
	
table.dataTable td,
.form td
{
	border: 0px;
	padding: 1px 2px 2px 2px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px none #ffffff;
	font-size: 88%;
	empty-cells: show;
}
.form td label
{
    font-size: 100%;
}

table.dataTable td p,
.form td p
{
	padding: 0px;
	margin: 0px;
}

td.deleted
{
	  text-decoration: line-through;
	  color: #a0a0a0;
}
tr.highlight
{
    background-color: #CCE6FF;
}



.SearchResults
{
	width: 100%; 
	border: 1px solid #e0e0e0;
	padding: 0px;
	overflow: hidden;
}
.SearchResults .dataTable
{
	margin: 0px 0px 0px 0px;
}

.outputField
{
	/*color: #C71717;*/
	color: #000;
	font-size: 105%;
}

.outputFieldBackground
{
	color: #000;
	font-size: 105%;
	background-color: #ddd;
}

.valid
{
	text-decoration: underline;
	background-image: url(../images/forms/checkbullet.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.notValid
{
	color: Red !important;
    background-color: #FFFF99;
    border: 1px solid #909090;
    padding: 1px;
	
}

.focused
{
	text-decoration: none !important;
	color: Black !important;
	background-image: none;
	
}

.form div.fi.warning,
.form ol li.warning
{
	width: 950px;
	background-color: White;
	
}
.form div.twoper.warning,
.form ol li.twoper.warning,
.form div.threeper.warning,
.form ol li.threeper.warning,
.form div.fourper.warning,
.form ol li.fourper.warning
{
	width: 950px;
}

.form fieldset div.notes2 {
  float:right;
  clear:left;
  width: 160px;
  height: auto;
  margin: 0 0 0px 10px;
  padding: 5px;
  /*border: 1px solid #666666;
  background-color: #ffffe1;
*/
  color: #222222;
  background-color: White;

  font-size: 88%;
}
.form fieldset div.notes2 h4
{
	background-image: url(../images/forms/error_bang.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1px 0 3px 25px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #ED5D1E;
	font-size: 110%;
	margin-top: 0px;
	margin-bottom: 3px;
}

.form fieldset div.notes2 p {
  margin: 0em 0em .7em 0em;
  color: #222222;
}

.form fieldset div.notes2 p.last {
  margin: 0em;
}

.checkboxlist
{
    background-color: window;
    border:1px solid WindowFrame;
    padding: 2px 1px 2px 1px;
    width: auto;
    color: WindowText;
}

.checkboxlist li
{
    padding: 1px 3px 1px 3px !important;
    margin: 0px !important;
    width: auto !important;
}
.checkboxlist .selected
{
    background-color: highlight;
    color: HighlightText;
}

.checkboxlist .selected label
{
    color: HighlightText;
}


.checkboxlist li label
{
    font-size: 100%;
}

.checkboxlist input[type="checkbox"]
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.loading 
{
    background-image: url(../images/loading_wheel.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.invalidData
{
    background-color: #FFFF99;
    border: 1px solid #FF0000;
    padding: 1px;
}

.validation-error
{
    background-color: #FFFF99;
    border: 1px solid #FF0000;
    padding: 1px;
}


/*******************************************
Area de mensages (al inicio)
********************************************/
.messages
{
	font-size: 90%;
	color: black;
	background-color: #ffffe1;
	border: 1px solid #C0C0C0;
	margin: 5px 0 5px 0;
	padding: 2px 5px 2px 5px;
	width: 910px;
}
.messages h3
{
	background-color: #f0f0f0;
	background-image: none;
}
.messages h4
{
    margin-top: 2px;
    font-size: 1.2em;
}

.messages UL
{
    padding: 10px 0px 3px 0px;
    text-indent: 0px;
	
}

    .messages UL LI
    {
        list-style-type:  none;
        margin: 0px 0px 2px 0px;
        padding: 0px 0px 0px 0px;
    }

.messages .critical, .messages .warning, .messages .info, .messages .timeout
{
    margin: 5px 10px 0 5px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 43px;
}
.messages .critical
{
    background-image: url(../images/forms/critical32.gif);
}
.messages .warning, .messages .timeout
{
    background-image: url(../images/forms/warning32.gif);
}
.messages .info
{
    background-image: url(../images/forms/info32.gif);
}

.messages .critical h4
{
    color: red;
}
.messages .info h4
{
    color: green;
}
.messages .field
{
    color: #045F95;
    font-weight: bolder;
}

li.selected
{
	background-color: Highlight;
	color:HighlightText;
}

.formLogin
{
    margin-top: 20px;
    width: 40%;
    left: 20%;
    position: relative;
}

.formLogin fieldset
{
    background-color: #fff;
    background-image: none;
}

.formLogin input[type="submit"]
{
    position: relative;
    left: 158px;
}

#rootTitle
{
	width: 890px;
	margin-bottom: 15px;
}

.messageOK
{
	font-size: 100%;
	font-weight:bolder;
	color: black;
	background-color: #CCCCFF;
	border: 1px solid #C0C0C0;
	margin: 5px 0 5px 0;
	padding: 4px 0px 4px 30px;
	width: 890px;
	background-image: url(../images/forms/checkbullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.messageError
{
	font-size: 100%;
	font-weight:bolder;
	color: black;
	background-color: #ffffe1;
	border: 1px solid #C0C0C0;
	margin: 5px 0 5px 0;
	padding: 4px 0px 4px 30px;
	width: 890px;
	background-image: url(../images/forms/errorPolicy.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.required
{
  font-weight: bold;
  color: red;
}

.messageOKPannel
{
	font-size: 100%;
	font-weight:bolder;
	color: black;
	background-color: #CCCCFF;
	border: 1px solid #C0C0C0;
	margin: 5px 0 5px 0;
	padding: 4px 0px 4px 30px;
	width: 670px;
	background-image: url(../images/forms/checkbullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.messageErrorPannel
{
	font-size: 100%;
	font-weight:bolder;
	color: black;
	background-color: #ffffe1;
	border: 1px solid #C0C0C0;
	margin: 5px 0 5px 0;
	padding: 4px 0px 4px 30px;
	width: 670px;
	background-image: url(../images/forms/errorPolicy.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.form input.printSubmit,
.form button.printSubmit
{
	border: 1px solid #3366CC;
	background-color: #3399CC;
	width: auto;
	padding: 0px 10px;
	margin: 10px 10px 5px 0px;
	font-weight: bold;
	color: White;
	
}

/* Quitar los bordes de las subgrillas */
table.grid tr td table.grid
{
	border:none;
}
table.grid tr td table.grid tr td
{
	border:none;
}