
#_body{
    min-height: 500px;
}

/* Style of jquery notify message */
#container-notify *{
    background: #E6EFC2; 
    color: #264409; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#container-notify p{
    font-size: 14px;
}

/* Admin styles -------------------------308------------------------------  */

div.content-admin{
    text-align: left;
    padding-bottom: 1px;
    background: #FFF;
    color: #444;
    font-family: sans-serif;
    /*    font-size: 0.8em;*/
    line-height: 1.5;
    margin-left: 10px;
}

/* For table in Menu home page */

table td.child {
    padding-left: 25px !important;

}
table td.grandchild {
    padding-left : 50px !important;

}

div.content-admin span, div.content-admin a, div.content-admin img, div.content-admin fieldset,
div.content-admin form, div.content-admin label, div.content-admin legend, div.content-admin table, div.content-admin caption,
div.content-admin tbody, div.content-admin tfoot, div.content-admin thead, div.content-admin tr, div.content-admin th,
div.content-admin td, div.content-admin textarea, div.content-admin input, div.content-admin select {
    margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
    font-size: 100%; font-family: inherit; vertical-align: baseline;
}

div.content-admin fieldset {
    border: 1px solid;
    padding: 2px 2px 15px 10px; 
    width: 415px;
    margin-top: 5px;
}

div.content-admin div{
    margin: 0; padding: 0; 
    font-size: 100%; vertical-align: baseline;
}

div.content-admin table {border-collapse: collapse; border-spacing: 0;}
div.content-admin caption, div.content-admin th, div.content-admin td {text-align: left; font-weight: normal;}
div.content-admin table, div.content-admin td, div.content-admin th {vertical-align: middle;}
div.content-admin a img {border: none;}

div.content-admin .page_title{
    color: #444444;
    font-weight: normal;
    line-height: 1;
    margin-top:  1em;
    margin-bottom: 1.5em;
    /*    font-size: 1.8em;*/
    text-align: center;
}

/* Link */

div.content-admin a {
    text-decoration: none;
    color:#010166;
}

div.content-admin a:link
{
    text-decoration: none;
    color: #010166;
}

div.content-admin a:visited
{
    color: #010166;
}

.sge-postcontent  a:hover
{
    color: #010166;
}

div.content-admin a:focus {
    color: #010166;;
}

/* Form Filter */

div.content-admin div.filter-bound{
    margin-top: 2em;
    border: 1px solid #7c7c7c;
}

div.content-admin div.filter-bound{
    font-size: 13px;
}

div.content-admin div.filter-bound-min{
    margin-top: 0.8em;
    border: 1px solid #FFCC76;
}

div.content-admin div.filter-title{
    background: #92b200 url("../images/filters_lines.png") no-repeat scroll 100% 50%;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

div.content-admin div.filter-title-min{
    background-color: #FFCC76;
    padding: 2px;
}

div.content-admin div.filter{
    background-color: #dedede;
    padding: 10px;
    color: #444;
}

div.content-admin div.filter-min{
    background-color: #FFCC76;
    padding: 5px;
}

div.content-admin div.filter-item, div.content-admin div.filter-item-min {
    padding: 5px;
    min-width: 200px;
    float: left;
}

div.content-admin div.filter-item-min{
    min-width: 100px;
}

div.content-admin div.filter-property, div.content-admin div.filter-value, 
div.content-admin div.filter-empty, div.content-admin div.filter-submit{
    width: auto;
}

div.content-admin div.filter-empty{
    min-height: 20px;
}

div.content-admin div.filter-item input.text, div.content-admin div.filter-item input.text_long, 
div.content-admin div.filter-item textarea, div.content-admin div.filter-item select, 
div.content-admin div.filter-item input{
    border: 1px solid #7c7c7c;
}

div.content-admin div.filter-submit{
    text-align: right;
    padding: 5px 3px 0 0;

}

div.content-admin div.filter-submit input.button{
    border: 1px solid #ff6a0f;
    font-weight: bold;
    background: #626262;
    width: 60px;
    height: 25px;
    padding: 0px !important;
    line-height: 1;
    color: #FFF;
}

div.content-admin div.filter-submit input.button:hover{
    background: #333;
}

div.content-admin div.filter .form-value input[type=text]{
    width: 140px;
}

div.content-admin div.filter .form-value select{
    min-width: 146px;
    width: 146px;
}

.enlace {
    border: 0;
    padding: 0;
    background-color: transparent;
    color: blue;
    border-bottom: 1px solid blue;
    cursor: pointer;
}


/* End Form Filter*/

/*div.content-admin form .required {font-weight: bold;}*/

div.content-admin .form-error {border-color: #F00;}
div.content-admin .form-row {padding: 5px 0;}
div.content-admin .form-row-submit {
    padding: 8px 0 10px 0px;
    margin-top: 10px;
    text-align: center;
}

div.content-admin .form-row-submit-upload {
    padding: 8px 0 10px 16px;
    margin-top: 10px;
}

div.content-admin .form-login-submit {
    padding: 8px 0 10px 0px;
    margin-top: 10px;

}
div.content-admin .legend {
    background: #F0FAF0;
    border: 1px solid #D6DFD6;
    font-size: 1.5em;
    margin: 0;
    padding: 8px 14px;
}
div.content-admin .form-property, div.content-admin .form-value, div.content-admin .form-login-property, div.content-admin .form-property-radio {float: left;}
div.content-admin .form-property {
    padding-top: 0px;
    text-align: right;
    width: 142px;
}

div.content-admin .form-value .form-value-list{
    
}

div.content-admin .form-value .form-value-list .form-value-item {
    margin-bottom: 5px;
    float: left;
}

div.content-admin .form-value .form-value-list .large{
    width: 105px;
}

div.content-admin .form-value .form-value-list .small{
    width: 70px;
}

div.content-admin .form-login-property {
    padding-top: 0px;
    text-align: right;
    width: 100px;
}

div.content-admin .form-property-upload{
    padding-left: 16px;
    font-size: 1.3em;
}

div.content-admin .form-property-left{
    padding-top: 0px;
    text-align: left;
    float:left;
    width: 150px;
}

div.content-admin .form-property-radio{
    padding-top: 0px;
    text-align: left;
    width: 140px;
}

div.content-admin .form-value input[type=text], div.content-admin .form-value input[type=password]{
    width: 200px;
}

div.content-admin .form-value select{
    min-width: 206px;
}

div.content-admin .form-value {padding-left: 16px;}
div.content-admin .form-error {border-color: #F00;}

div.content-admin .clear,div.content-admin .clearer {clear: both;}
div.content-admin .clearer {
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
}

div.content-admin .span{
    display: block;
    font-size: 11px;
    font-style: italic;
    color: #085DB6;
    padding: 10px;
}

.top_menu_admin {
    background-color:#162433;
    height:25px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    opacity: 0.85;
}

#top_menu_offset{
    height: 25px;
    width: 100%;
}

#title_menu_admin{  
    color: #6EB8FF;
    float: left;
    font: 11px Arial,sans-serif;
    padding: 6px;
    text-transform: uppercase;
    width: 100px;
}
#menu_admin{  
    margin: 0 auto;
    width: 997px;
}

/* Forms */

div.content-admin label {
    cursor: pointer;
    font-weight: bold;
}
div.content-admin label.checkbox, div.content-admin label.radio {font-weight: normal;}
div.content-admin legend {
    font-weight: bold;
    font-size: 1.2em;
}

div.content-admin input.text, div.content-admin input.text_long, div.content-admin input.text_short,
div.content-admin textarea, div.content-admin select {
    background: #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    padding: 2px;
    width: 140px;
    min-height: 17px;
}

div.content-admin textarea {
    overflow: auto;
    height: 100px;
    width: 200px;
}

div.content-admin textarea.text_seo{
    width: 350px;
}

div.content-admin select{
    width: 146px;
    min-width: 146px;
    float: left;
}

div.content-admin select.auto{
    width:auto;
    min-width: 40px;
}

div.content-admin select.multiple{
    width:250px;
    height: 100px;
}

div.content-admin input.text_long, div.content-admin textarea.text_long{width:240px;}
div.content-admin input.text_short{width: 50px;}
div.content-admin input.text:focus, div.content-admin textarea:focus, div.content-admin select:focus, div.content-admin input.text_long,
input.text_short {background: #FFFFF5;}

div.content-admin input.button:disabled{
    background: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #8e818e;
    color: #9a8181;
}

div.content-admin input.button:disabled:hover{
    background: none repeat scroll 0 0 #e8e8e8;
}

div.content-admin input.button, div.content-admin button.button,
input.button, button.button{
    border: 1px solid #ff6a0f;
    background: #626262;
    color: #fff;
    font-weight: bold;
    border-radius: 2px 2px 2px 2px;
    padding: 3px 4px;
    cursor:pointer;
}

div.content-admin input.button:hover, div.content-admin button.button:hover,
input.button:hover, button.button:hover{
    background: #333;
}

div.content-admin fieldset.fsborder, div.content-admin fieldset.fstable{
    border: 1px solid #CCCCCC;
}
div.content-admin fieldset.fsborder1{
    border: 1px solid #CCCCCC;	
    width: 900px;
}

div.content-admin fieldset.fstable legend{
    font-weight: normal;
    font-size: 1.5em;
    color: #666;
}
div.content-admin label.error, div.content-admin input.error, div.content-admin textarea.error, div.content-admin select.error{
    border: 0px;
    margin-bottom: 0px;
    background: none;
}

div.content-admin select.error, div.content-admin textarea.error{
    padding: 2px;
}

div.content-admin label.error{
    font-style:italic;
    font-weight:normal;
}

div.content-admin input.error, div.content-admin textarea.error, div.content-admin select.error{
    border:1px dotted #f00;
}

/* Labels */
div.content-admin .label {
    border-left-style: solid;
    border-left-width: 4px;
    margin-bottom: 0.2em;
    padding-left: 10px;
}

div.content-admin label.error{
    color: #f00;
    font-size: 11px;
}

/* Tables */

div.content-admin table {margin-bottom: 1.4em; width: 100%;}
div.content-admin th {font-weight: bold;}
div.content-admin thead th {background: #CDCDCD;color:#000}
div.content-admin th,div.content-admin td, div.content-admin caption {padding: 4px 10px 4px 5px;}
div.content-admin tr.even td {background: #F2F6FA;}
div.content-admin tfoot {font-style: italic;}
div.content-admin caption {background: #EEE;}

div.content-admin table.data-table {
    border: 1px solid #CCB;
    margin-bottom: 2em;
    margin-top: 2em;
    width: 100%;
}
div.content-admin table.data-table th {
    border: 1px solid #AAA;
    text-align: left;
}
div.content-admin table.data-table tr {border-bottom: 1px solid #DDD;}
div.content-admin table th {padding: 6px;}
div.content-admin table.data-table td {
    background: #F6F6F6;
    border: 1px solid #BBB;
    padding: 3px;
}

div.content-admin table.data-table tr.even td {background: #FFF;}
div.content-admin table.data-table tr.odd td {background: #EFEFEF;}

div.content-admin table.table-form, table.table-remark{
    margin-bottom: 10px;
}

div.content-admin table.table-form tbody tr{
    border-bottom: 1px solid #C3D9FF;
}

div.content-admin table.table-remark tbody tr{
    border-bottom: 1px solid #FFF6BF;
}

div.content-admin table.table-remark th{
    background-color: #FFF6BF;
}


div.content-admin table.table-details {
    border: 1px solid #CCCCBB;
    margin-bottom: 2em;
    margin-top: 2em;
    width: 100%;
}

div.content-admin table.table-details .table-details-label, 
div.content-admin table.table-details .table-details-data{
    border: 1px solid #CCCCBB;
}

div.content-admin table.table-details .table-details-label{
    background-color: #EEE;
}

/*Table of inspections*/
div.content-admin table.inspection-table{
    /*    border: 1px solid #CCB;*/
    margin-bottom: 2em;
    margin-top: 2em;
    width: 100%;
    font-family: sans-serif;
    font-size: 0.9em;
}

div.content-admin table.inspection-table input.ok{
    border: 1px solid #CCCCCC;
    padding: 2px;
}

div.content-admin table.inspection-table td {
    background: #FFF;
    border: 1px solid #444;
    padding: 3px;
    font-size: 11px;
}

div.content-admin table.inspection-table td.noborder-td {
    border: 0;
}

div.content-admin table.inspection-table input.min-input {
    width: 27px;
}

div.content-admin table.inspection-table input {
    width: 70px;
}

div.content-admin table.inspection-table td.rotate-90-td {
    max-width: 30px;
    width: 30px;
    vertical-align: bottom;
    padding-bottom: 10px;
}


/* Misc */

div.content-admin .rotate-90 {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg); 
    /*    writing-mode:tb-rl;*/
    white-space:nowrap;
    display:block;
}

div.content-admin .error, div.content-admin .notice, div.content-admin .success, div.content-admin .message {
    border: 1px solid #DDD;
    margin-bottom: 1em;
    padding: 0.6em 0.8em;
}

div.content-admin div.error, div.content-admin div.notice, div.content-admin div.success, div.content-admin div.message{
    margin-top: 1em;
}

div.content-admin div.error p, div.content-admin div.notice p, div.content-admin div.success p, div.content-admin div.message p{
    margin-bottom: 0.0em;
}

div.content-admin .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
div.content-admin .error a {color: #8A1F11;}

div.content-admin .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
div.content-admin .notice a {color: #514721;}

div.content-admin .success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
div.content-admin .success a {color: #264409;}

div.content-admin .message {
    background: #FFF6BF; color: #514721; border-color: #FFD324;
    text-align:center;
}
div.content-admin .message a {color: #262E2E;}


#mark{
    width: 500px;
    border:1px solid #DDD;
    padding: 5px 5px 5px 10px;
    margin: 5px 0 5px 0;
}

#mark_upload{
    width: 400px;
    border:1px solid #DDD;
    padding: 5px 5px 5px 10px;
    margin: 5px 0 5px 0;
    float:left;
    min-height: 210px;
}

#mark_upload_image{
    width: 400px;
    border:1px solid #DDD;
    padding: 5px 5px 5px 10px;
    margin: 5px 0 0 5px;
    float:left;
    min-height: 210px;
    text-align: center;
    vertical-align: middle;
}

.details_container label
{
    width: 145px;
    float: left;
    text-align: right;
    /*margin-top: 2px;*/
    font-weight: bold;
}

.details_container .form_row
{
    float: left;
    height: 32px;
    margin-bottom: 12px;
    width: 100%;
}

.details_container span
{
    margin-left: 10px;
}

#options_email_inactive img, #options_email_active img{
    margin: 3px 0px 0px 10px;
    float:left;
}

#options_email_inactive input, #options_email_active input{
    width: 250px!important;
    text-align: left;
}

.container_link{
    float: right;
    margin-right: 0;
    margin-top: 22px;
}

div.container_link a {
    margin: 0px 3px;
}

.details_container{
    padding: 15px;
    margin-top: 26px !important;
    margin-left: 12px !important;
    height: auto;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 3px #E5E5E5;
}

table.details_container td{
    padding: 8px;
}

table.details_container tbody > tr:nth-child(2n+1) > td, table.details_container tbody > tr:nth-child(2n+1) > th {
    background-color: #EEE;
}

div.content-admin .image_logo{
    float:right;
    position: absolute;
    right: 10px;
    border:5px solid #FFF;
    box-shadow: 1px 1px 6px #999999;
    padding: 5px;
    text-align: center;
    background-color: #FFF;
}

div.content-admin form#form_authentication input[type=text],
div.content-admin form#form_authentication input[type=password]{
    width: 140px;
}

div.content-admin .row{
    width: 800px;
    margin-left:142px;
}

div.content-admin .span_left,
div.content-admin .span_center,
div.content-admin .span_right{
    float:left;
    text-align: center;
}

div.content-admin .span_left,
div.content-admin .span_right{
    width: 300px;
}

div.content-admin .span_center{
    width: 180px;
    padding-top: 60px;
}

div.content-admin .span_center select{
    float:none;
}

.upcase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

div#div-more-contact{
    padding: 3px;
}

.input-phone-ext{
    width: 59px !important;
}

.input-phone{
    width: 100px !important;
}

.delete-contact{
    width: 200px;
    text-align: right;
    font-size: 11px !important;
    text-transform: uppercase;
}

.contact-footer{
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #DDD;
    width: 364px;
    
}

.add-phone, .add-cell, .add-email, .del-phone, .del-cell, .del-email{
    font-size: 11px !important;
    margin-left: 3px !important;
}

.content-admin .contact-details{
    width: 48%;
    float: left;
    margin-left: 20px;

}

.content-admin .contact-details table{
    border:1px solid #888;
}

.color_row
{
    background-color: #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

#submit_mail, #submit_export, #send_questionnaire, #export_pdf, #get_analysis, #export_xls{
    background-color: white;
    border: 0 none;
    color: #256EC1;
}

#submit_mail_inactive, #submit_export_inactive, #send_questionnaire_inactive, #export_pdf_inactive, #get_analysis_inactive, #export_xls_inactive{
    background-color: white;
    border: 0 none;
    color: graytext;
}

#submit_mail:hover, #submit_export:hover, #send_questionnaire:hover, #export_pdf:hover, #get_analysis:hover, #export_xls:hover{
    color: #003399 !important;
    background-color: white !important;
    text-decoration: underline;
    cursor: pointer;
}

/*------------------Estilo proporcionado por Fernando-----------------------------*/
/*
Aqui puse este padding para todas las variantes de input y textarea que pudira tener,
pues no siempre poniendo para el input solo se resuelve
*/
div.content-admin input.text, div.content-admin input.text_long, div.content-admin input.text_short,
div.content-admin textarea, input.text, input.text_long, input.text_short, textarea, input{
    padding: 2px 0px 2px 4px;
}

/*
Esto es para ajustar los botones que tambien son input
para que no cojan el tamaño que puse arriba
*/
input[type="button"], input[type="submit"]{
    width: auto;
}

/*
Aqui puse en las variantes de select que tengo un padding para que se
vea similar al de los input, pues por defecto los componentes input
y select son diferentes
*/
div.content-admin select, select{
    padding: 1px 0px;
}

/*
Esto lo puse para asegurarme que los option de los select
no introduzcan margenes adicionales, tal vez no es necesario
*/
div.content-admin select option, select option{
    margin: 0;
    padding: 0;
}

/*------------------Fin estilo proporcionado por Fernando---------------------------*/

/*Linea divisoria entre partes logicas en la vista de crear cuestionario*/
.config-design-footer {
    border-top: 1px solid #ddd;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 364px;
}

/* Imagen de ayuda en la vista de crear pregunta */
.help {
    height: 15px;
    width: 15px;
    float: right;
    margin-left:3px !important;
    margin-top: 2px !important;
    cursor: default !important;
}

/* Estilos para vista previa de campos de entrada de datos en resultado de cuestionario de un participante.
Se hace con tabla para que se pueda mostrar el texto completo al generar el PDF */
/*------------------------------------------------------------------------------------*/
div.questionnaire_body div.question div.question-control table.input,
div.questionnaire_body div.question div.question-control table.textarea{
    border-collapse: separate;
    border-spacing: 0px;
    border-radius:2px;
    border: 1px solid #CCCCCC;
    background: #FCFCFC;
    padding: 2px 2px 2px 4px;
    margin: 0px;
    text-align: left;
}

div.questionnaire_body div.question div.question-control table.input{
    min-height: 20px;
}

div.questionnaire_body div.question div.multi-rows table.input{
    width: 145px !important;
}

div.questionnaire_body div.question div.question-control table.textarea{
    min-height: 100px;
}

div.questionnaire_body div.question div.multi-rows table.textarea{
    width: 200px !important;
}

div.questionnaire_body div.question div.question-control table tr td table.textarea{
    width: 300px !important;
    margin: auto;
}

div.questionnaire_body div.question div.question-control table.input td,
div.questionnaire_body div.question div.question-control table.textarea td {
    border: none;
    padding: 0px;
    text-align: left;
    color: #444;
}

div.questionnaire_body div.question div.question-control table.textarea td {
    vertical-align: top;
}

div.questionnaire_body div.question div.question-control table.form-rows table.input{
    margin: 0px 0px 0px 10px;
}

div.questionnaire_body div.question div.question-control table.form-rows{
    padding: 0px;
    margin: 0px;
}

div.questionnaire_body div.question div.question-control table.form-rows td{
    padding: 0px;
}

div.questionnaire_body div.question div.question-control table.form-rows td.first-child {
    text-align: right;
    width: 200px !important;
}

div.questionnaire_body div.question div.question-control table.form-rows td.first-child-img {
    text-align: right;
    width: 55px !important;
}

div.questionnaire_body div.question div.question-control table.form-rows td.last-child {
    text-align: left;
    width: 200px !important;
}

div.questionnaire_body div.question div.question-control table.form-rows td.right-text {
    text-align: left;
    min-width: 200px !important;
}

div.questionnaire_body div.question div.question-control table.form-rows label{
    font-weight: normal;
}

div.questionnaire_body div.question div.question-control table.form-rows label.last{
    margin-left: 5px;
}

/*------------------------------------------------------------------------------------*/

.custom-header {
    font-weight: bold;
    text-align: center;
    color: #444;
}

/*----Correccion de error al seleccionar elemento en los select multiple (Yubisel)----*/
div.content-admin div.select_container{
    width: 300px;
    height: 200px;
    overflow: scroll;
    border: 1px solid #CCCCCC;
}

div.content-admin div.select_container table{
    width: auto /* Por culpa de FF */
}

div.content-admin select.left_right{
    width: auto;
    height: 200px;
    border: none;
    outline: none;
    margin-right: -20px;
    -webkit-margin-end: 0;
    margin-bottom: -3px;
    padding-right: 5px;
    overflow: hidden;
}

div.content-admin div.border {
    margin-right: 0;
    border: none;
    overflow: hidden;
}

.fileinput {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -1000px;
    left: -1000px;
}

.file_upload_error{
    color: #f00;
    font-size: 11px !important;
    font-style: italic;
    font-weight: normal;
    border: 0px;
    margin-bottom: 0px !important;
    background: none;
    padding: 0.6em 0.8em !important;
    float: left;
}

.file_preview{
    cursor: pointer;
    float: left;
    font-size: 1.5em !important;
}

.upload_file{
    cursor: pointer;
    float: left;
    font-size: 2em !important;
}

.delete_file{
    cursor: pointer;
    float: left;
    font-size: 1.5em !important;
    margin-left: 10px !important;
}

.awesome_disabled_icon{
    color: gray !important;
}

/*------------------------------------------------------------------------------------*/