@charset "utf-8";

/* Estilos CSS para los formularios */

/* Estilos Generales */

.clearfix_new:after {
  clear: both;
  content: ".";
  display: block;
  height: 0em;
  font-size: 0em;
  visibility: hidden;
}
.clearfix_new {
  display: inline-block;
}
/* Hide from IE Mac \*/
* html .clearfix_new {
  height: 1%;
}
.clearfix_new {
  display: block;
}
/* End Hide from IE Mac */

.inline_block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

/* Elementos del formulario */
#wrap div.form_wrapper {
	border: medium none;
    padding: 0px;
    margin: 0 10px;
    visibility: collapse;
    overflow: hidden;
}
* html div.form_wrapper {
    visibility: hidden;
}
*:first-child+html div.form_wrapper {
    visibility: hidden;
}
div.thickboxFormularios div.form_wrapper {
    margin-top: 5px;
    padding-bottom: 0.5em;
}
div.form_wrapper_plain {
    border: none;
    margin: 0px 10px;
    padding: 0px;
    visibility: hidden;
}
* html div.form_wrapper_plain {
    border: none !important;
    margin: 0em !important;
    padding: 0em !important;
}
*:first-child+html div.form_wrapper_plain {
    padding: 0em;
}
div.form_loading {
    background: #FFFFFF url(/images/common/icon_info_square.gif) no-repeat 1em 1em;
    border: 1px solid #C8DED8;
    color: #C8DED8;
    font-size: 1.2em;
    font-style: italic;
    margin-top: 1em;
    padding: 8em 4em;
    text-align: center;
}
div.form_conflict {
    color: #FF0000;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 700;
    margin-top: 3em;
}
div.form_conflict div {
    text-align: center
}
form {
    margin: 0px;
    padding: 0px;
}
div.form_column_left {
  float: left;
}
div.form_column_right {
  float: left;
  padding-left: 10px;
}
div.form_column_border_right {
  border-right: 2px solid #C8DED8;
  float: left;
}
div.form_column_border_left {
  border-left: 2px solid #C8DED8;
  float: left;
  padding-left: 10px;
}
div.form_column_buttons {
  padding-top: 8px;
  margin-top: 5px;
  background-color: #ECFFFF;
  border: 1px solid #D1EEEF;
}

div.form_add_buttons {
  margin-bottom: 5px;
  margin-top: 5px;
}

/* Modal de errores de Formulario */
div.form_errors_modal_container {
    display: none;
}
div.form_errors_modal_window {
   border: 1px solid #DAEEEF;
   font-size: 11px;
   padding: 5px 0px 0px 5px;
}
div.form_errors_modal_wrapper div.form_errors_modal_title {
    background: #F7F7F7 url(/images/common/icon_warning_tri_32x32.gif) no-repeat left center;
    background-position: 1%;
    border: 1px solid #C8DED8;
    color: #36B4B1;
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    margin-right: 5px;
    padding-left: 40px;
}
div.form_errors_modal_wrapper div.form_errors_modal_header,
div.form_errors_modal_wrapper div.form_errors_modal_footer {
    background-color: #F7F7F7;
    border: 1px solid #C8DED8;
    font-weight: 700;
    margin: 10px 5px 0px 0px;
    padding: 5px 8px;
}
div.form_errors_modal_wrapper div.form_errors_modal_list_wrapper {
    background-color: #F7F7F7;
    border: 1px solid #C8DED8;
    height: 200px;
    margin: 10px 5px 0px 0px;
    overflow: auto;
    padding: 0px 0px 0px 5px;
}
div.form_errors_modal_wrapper ul.form_errors_modal_list {
    margin-left: 15px;
    margin-right: 5px;
    padding: 3px;
}
div.form_errors_modal_wrapper ul.form_errors_modal_list ul {
    margin-left: 10px;
    margin-right: 5px;
    padding: 0px;
}
div.form_errors_modal_wrapper ul.form_errors_modal_list li {
    color: #000000;
    font-weight: 700;
    list-style-position: outside;
    list-style-image: url(/images/common/puntoListados.gif);
}
div.form_errors_modal_wrapper ul.form_errors_modal_list li ul li {
    color: #36B4B1;
    font-size: 11px;
    font-weight: normal;
}
div.form_errors_modal_wrapper div.form_errors_modal_buttons_wrapper{
    margin: 10px 5px 0px 0px;
    padding-bottom: 10px;
    text-align: center;
}
div.form_errors_modal_wrapper a.form_errors_modal_button {
    background-color: #F7F7F7;
    border: 1px solid #C8DED8;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 15px;
    padding: 2px 10px;
    text-decoration: none;
}

/* Fieldsets collapsibles */
fieldset {
    background: #FFFFFF url(/images/common/fieldset_bg.gif) repeat;
    border: 1px solid #C8DED8;
    margin: 0.5em 0em;
    padding: 0.5em;
}
/* Targets IE. Fixes background image in field sets. */
* html fieldset {
    background-color: transparent;
    background-position: 0em 0.75em;
    margin-bottom: 0.5em;
    padding: 0em 0.5em 0.5em;
}
*:first-child+html fieldset {
    background-color: transparent;
    background-position: 0em 0.75em;
    margin-bottom: 0.5em;
    padding: 0em 0.5em 0.5em;
}
html fieldset .ie_fix {
    margin-top: 5px;
}
*:first-child+html fieldset .ie_fix {
    margin-top: 0.5em;
}
html.js fieldset.collapsed {
    background: transparent;
    border: none;
    border-top: 0.1em solid #C8DED8;
    height: 1em;
    padding: 0em 0.6em;
}
fieldset legend {
    color: #6F6F6F;
    font-weight: 700;
}
html.js fieldset.collapsed legend {
    display: block;
}
html.js fieldset.collapsible legend a {
    display: block;
}
/* Para IE7 */
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
    display: inline;
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html fieldset.collapsed legend, * html fieldset.collapsed legend a {
    display: inline;
}
html.js fieldset.collapsible legend a {
    background: url(/images/common/fieldset_expanded.gif) no-repeat 0% 50%; /* LTR */
    color: #6F6F6F;
    margin: 0em 0.2em;
    padding-left: 1.1em; /* LTR */
    text-decoration: none;
}
html.js fieldset.collapsed legend a {
    background: url(/images/common/fieldset_collapsed.gif) no-repeat 0% 50%; /* LTR */
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
    overflow: auto;
}
/* EOF Fieldsets collapsibles */

/* Textareas que cambian de altura */
.resizable_textarea .grippie {
    height: 9px;
    overflow: hidden;
    background: #DAEEEF url(/images/common/grippie.gif) no-repeat center 2px;
    border: 1px solid #C8DED8;
    border-top-width: 0em;
    cursor: s-resize;
}
html.js .resizable_textarea textarea {
    border-bottom-width: 0em;
    margin-bottom: 0em;
    width: 100%;
    display: block;
}
/* EOF Textareas que cambian de altura */

div.form_item {
    font-size: 11px;
    margin-bottom: 5px;
}
div.form_item a {
    font-size: 13px !important;
}
* html div.form_item {
    margin-bottom: 10px !important;
    overflow: hidden !important;
    padding: 0em !important;
    margin-top: 10px;
}
*:first-child+html div.form_item {
    margin-bottom: 5px;
}
label {
    color: #888888;
    font-size: 13px;
    font-weight: 700;
    padding-top: 0.2em;
    vertical-align: middle;
}
label.required {
    color: #FF0000;
}
label.error {
    color: #B90000;
    font-weight: 700;
}
input, select, button, textarea, div.pseudo_input, div.pseudo_checkbox, div.form_wrapper div.search {
    border: 1px solid #DAEEEF;
    color: #333333;
    font-size: 13px;
    /*margin-bottom: 0.1em;		Prueba, esta modificando el front*/
}
div.pseudo_input ol {
    list-style-type: decimal !important;
    padding: 1em !important;
    margin: 0em 2em !important;
}
div.pseudo_input ul {
    list-style-type: circle !important;
    padding: 1em !important;
    margin: 0em 2em !important;
}
input.checkbox, input.radio {
    border: none;
    margin: 0px;
    padding: 0px;
}
div.pseudo_input, div.pseudo_checkbox, div.form_wrapper div.search {
    background-color: #DFDFDF;
    padding: 0.1em 0.3em 0.2em;
    float: left;
    overflow-x: hidden;
}
div.pseudo_input, div.form_wrapper div.search {
    height: 1.1em;
    overflow-x: hidden;
    overflow-y: auto;
}
div.form_wrapper div.search {
    background-color: #FFFFFF;
}
div.pseudo_checkbox {
    margin: 1px;
    padding: 1px;
}
div.pseudo_checkbox img {
    border: none;
    height: 7px;
    margin: 0px;
    padding: 0px;
    width: 7px;
}
div.pseudo_multicheckbox_option {
    margin-top: 0.5em;
}
div.pseudo_multicheckbox_option_clear {
    display: block;
    clear: both;
}
button, #wrap input.submit, input.submit, input.reset {
    background-color: #CEE8E9;
    border: 1px solid #CEE8E9;
    color: #888889;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 48px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}
* html button,
* html input.submit,
* html input.reset {
    padding: 0.1em 0em !important;
}
*:first-child+html button,
*:first-child+html input.submit,
*:first-child+html input.reset {
    padding: 0.1em 0em !important;
}
input.error, button.error, select.error, textarea.error, div.form_wrapper div.error {
    background-color: #FACCCC;
}
input.disabled, button.disabled, select.disabled, textarea.disabled, div.form_wrapper div.disabled {
    background-color: #DFDFDF;
    border: 1px solid #585858;
    color: #6C6C6C;
}
input.disabled, button.disabled {
    cursor: default;
}
div.form_item div.no_access {
    background-color: transparent;
}
div.photo_wrapper {
    border: 1px solid #DAEEEF;
    float: left;
}

/* Tooltips para elementos de formulario */
div.item_description {
    clear: both;
    display: none;
}
div.form_item_tooltip {
    width: 20em;
}
div.form_item_tooltip p {
    margin: 0.2em;
}
div.form_item_tooltip div.tooltip_title {
    background-color: #E3E3E3;
    border: 1px solid #000000;
    font-weight: bold;
}
div.tooltip_title img {
    border: none;
    margin: 0.2em;
    vertical-align: middle;
}
#warp div.form_item_tooltip div.tooltip_content, 
div.form_item_tooltip div.tooltip_content {
    background-color: #F9F9F9;
    border: 1px solid #000000;
    margin-top: 0.2em;
    padding: 0.2em;
}
div.form_item_tooltip div.tooltip_errors {
    border: 1px solid #000000;
    margin-top: 0.2em;
    padding: 0.2em;
    background: #FBDFD2;
}
div.tooltip_errors ul {
    margin-left: 1.6em;
    padding: 0.3em;
}
div.tooltip_errors li {
    color: #B30000;
    list-style-position: outside;
    list-style-image: url(/images/common/puntoListados.gif);
}
/* Modales de Confirmación / Advertencias */
div.item_warnings, div.item_confirm {
    display: none;
}
div.bttn_warn_window{
   border:0.02em solid #DAEEEF;
   font-size:0.9em;
   padding:0.5em 0 0 0.5em;
}
div.bttn_conf_window {
    font-size: 0.9em;
    padding: 0em;
    padding-left: 0.5em;
}
div.bttn_conf_window {
    background-color: #FEF4E5;
    border: 1px solid #DAEEEF;
    padding: 1em;
}
div.bttn_warn_wrapper div.bttn_warn_title {
    background: #9C494B url(/images/common/icon_warning_tri_32x32.gif) no-repeat left center;
    background-position: 1%;
    border:0.02em solid #DAEEEF;
    color: #FFFFFF;
    font-size: 2em;
    font-style: italic;
    font-weight: 700;
    height: 1.5em;
    line-height: 1.5em;
    padding-left: 2em;
    width:15.8em;
}
div.bttn_warn_wrapper div.bttn_warn_header{
    background-color: #FEF4E5;
    border: 1px solid #DAEEEF;
    font-weight: 700;
    margin: 1em 0.5em 0em 0em;
    padding: 0.5em 0.8em;
    width:34em;
}
div.bttn_warn_wrapper div.bttn_warn_footer {
    background-color: #FEF4E5;
    border: 1px solid #DAEEEF;
    font-weight: 700;
    margin: 1em 0.5em 0em 0em;
    padding: 0.5em 0.8em;
}
div.bttn_warn_wrapper div.bttn_warn_list_wrapper {
    background-color: #F7F7F7;
    border: 1px solid #C8DED8;
    height: 175px;
    margin: 1em 0em 0em 0em;
    overflow: auto;
    padding: 0em 0em 0em 0.5em;
    width:35.1em;
}
div.bttn_warn_wrapper ul.bttn_warn_list {
    margin-left: 1.6em;
    margin-right: 0.5em;
    padding: 0.3em;
}
div.bttn_warn_wrapper ul.bttn_warn_list li {
    color: #B30000;
    list-style-position: outside;
    list-style-image: url(/images/common/puntoListados.gif);
}
div.bttn_conf_wrapper div.bttn_conf_message {
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
}
div.bttn_warn_wrapper div.bttn_warn_buttons_wrapper{
    margin: 1em 0.5em 0em 0em;
    padding-bottom: 1em;
    text-align: center;
}
div.bttn_conf_wrapper div.bttn_conf_buttons_wrapper {
    border-bottom: 1px solid #DAEEEF;
    margin: 1em 0.5em 0em 0em;
    padding-bottom: 1em;
    text-align: center;
}
div.bttn_conf_wrapper div.bttn_conf_buttons_wrapper {
    border-bottom: none;
    padding-bottom: 0em;
}
div.bttn_warn_wrapper a.bttn_warn_button,
div.bttn_conf_wrapper a.bttn_conf_button {
    background-color: #F7F7F7;
    border: 1px solid #DAEEEF;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0em 1.5em;
    padding: 0.2em 1em;
    text-decoration: none;
}

/* Ventana de confirmación para los botones */
div.button_confirm_wrapper {
    display: none;
}
div.button_confirm {
    background-color: #FEF4E5;
    border: 1px solid #DAEEEF;
    font-size: 0.9em;
    padding: 1em;
    text-align: center;
}
div.button_confirm_message {
    font-size: 1.2em;
    font-weight: 700;
}
div.button_confirm_buttons {
    padding-top: 2em;
}
a.button_confirm_button {
    background-color: #FDDAA8;
    border: 1px solid #FF9C00;
    color: #000000;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.8em;
    margin: 0em 1.5em;
    padding: 0.2em 1em;
    text-decoration: none;
    *display: inline;
}

/* HEADER LOGIN FORM */
#login_form {
    width: 170px;
}
#login_form form table tr td {
    padding: 1px;
}
#login_form form input, #login_form form label {
    font-size: 10px;
}
#login_form form label {
    padding: 0px 3px 0px 0px;
}
#login_form form #email_entry {
    width: 130px;
}
#login_form #username {
    font-size: 10px;
    font-weight: 700;
    height: 1.25em;
    margin-top: 2px;
    overflow: hidden;
}

/* Clases comunes */
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}

.negrita {
    font-weight: bold;
}
.espacioVacio {
    height: 2.9em;
}
.marginSuperior {
    margin-top: 0.3em;
}
.left {
  float: left;
}

.right {
  float: right;
}
#wrap .clearfix,
.modal-window .clearfix {
	display: block;
	clear: both;
}

/* Areas de formulario específicas */
* html .divFieldset {
    padding: 1em;
}
.campoObligatorios {
    color: #FF0000;
    margin-bottom: 0.5em;
}
* html .campoImportante {
    color: #FF0000;
    margin-bottom: 0.5em;
    margin-left: 1em;
}
.ventanasModales {
    border: 1px solid #DAEEEF;
    margin-top: 2em;
    padding: 0em 1em 1em;
}
* html .ventanasModales {
    padding: 1em 1em;
}