﻿body {
 margin: 0px;
 padding: 0px;
 font-family: verdana, sans-serif;
 font-size: small;
 color: #000;
 background-color: #ebebeb;
}

body, p, ol, ul, td {
  font-size:   .9em;
  line-height: 1.3em;
}

div#center-body, div#head-center {
 width: 760px;
 margin: 0px auto;
}

div#head {
 float: left;
 width: 100%;
 background: #fff url(../images/head.gif) repeat-x 0px 100%;
}

div#head-content {
 float: left;
 width: 100%;
 padding: 12px 0px 10px 0px;
 background: url(../images/anaconda-logo.gif) no-repeat 100% 40px;
}

div#logo {
 float: left;
 width: 100%;
}

div#logo img {
 border: none;
}

div#logout {
 float: left;
 width: 100%;
 margin-top: 0px;
}

div#logout ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 float: right;
}

div#logout ul li {
 float: left;
 margin: 0px 0px 0px 1em;
}

div#logout ul li a {
 font-size: .8em;
 background: url(../images/nav-bulet.gif) no-repeat 0px 60%;
 padding-left: 8px;
}

div#body {
 float: left;
 width: 100%;
 background: #ebebeb;
}

div.form {
 padding: 2em 0px .6em 0px;
 font-size: .9em;
}

div#message {
 color: #8f0000;
}

div#body-content {
 float: left;
 width: 740px;
 padding: 1em 9px 2em 9px;
 background: #fff;
 margin-top: -1px;
 border: solid #666;
 border-width: 0px 1px;
 position: relative;
}

div#body-content h1 {
 float: left;
 width: 100%;
 margin: 0px 0px 2px 0px;
 padding: 0px 0px .2em 0px;
 font-family: Georgia, serif;
 font-size: 1.6em;
 color: #8f0000;
 font-weight: normal;
 border-bottom: solid 1px #666;
}

div#body-content h2 {
 clear: both;
 width: 100%;
 margin: .6em 0px .3em 0px;
 padding: .3em 0px 0px 0px;
 font-family: Georgia, serif;
 font-size: 1.4em;
 color: #666;
 font-weight: normal;
}

div#body-content div#reports h2, div#body-content div#documents h2 {
 border-bottom: solid 1px #cacaca;
 color: #8f0000;
 font-size: 1em;
}

div#body-content h3 {
 margin: .6em 0px .3em 0px;
 padding: 1em 0px .1em 0px;
 font-size: .9em;
 font-weight: normal;
 color: #8f0000;
 border-bottom: solid 1px #666666;
 clear: both;
}

div#body-content h3.section {
 font-size: 1em;
 color: #666;
 border-bottom: solid 3px #8f0000;
}

div#tasks {
 float: left;
 width: 100%;
 margin: 0px 0px 2em 0px;
 background: #ebebeb;
}

div#tasks ul {
 float: left;
 border-left: solid 6px #8f0000;
 margin: 0px;
 padding: 0px 0px 0px .3em;
 list-style: none;
}

div#tasks ul li {
 float: left;
 margin: .1em 1.6em .3em 0em;
 padding-left: 8px;
 background: url(../images/nav-bulet.gif) no-repeat 0% 55%;
}

div#tasks ul li a {
 color: #000;
}

div#table_views {
 float: left;
 width: 100%;
 margin-bottom: 1em;
 background: url(../images/tabs.gif) repeat-x 0% 100%;
}

div#table_views ul {
 margin: 0px 0px 0px .3em;
 padding: 0px;
 list-style: none;
}

div#table_views ul li {
 float: left;
 margin-right: .3em;
 background: url(../images/li-passive.gif) no-repeat 100% 0%;
 border-bottom: solid 1px #666666;
}

div#table_views ul li.active {
 background: url(../images/li-active.gif) no-repeat 100% 0%;
 border-bottom: solid 1px #fff;
}

div#table_views ul li a {
 display: block;
 padding: .3em 1em;
 background: url(../images/a-passive.gif) no-repeat;
 text-decoration: none;
}

div#table_views ul li.active a {
 background: url(../images/a-active.gif) no-repeat;
}

div#table_views ul li img {
 border: none;

}

table.list {
 margin: 0px;
 padding: 0px;
 width: 99%;
 clear: both;
 border: solid #cdcdcd;
 border-width: 1px 1px 0px 0px;
} 

table.list th, table.list td {
 border: solid #cdcdcd;
 border-width: 0px 0px 1px 1px;
 padding: .3em;
}

table.list th {
 font-size: .8em;
 background: #E8E8E8;
 color: #777777;
}

table.list td ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

table.list td ul li {
 margin: .3em 0px;
}

table.edit, table.show {
 margin: 0px;
 padding: 0px;
 width: 100%;
 clear: both;
}

table.edit {
 background-color: #f5e7e7;
}

table.show {
 background-color: #f3f3f3;
 margin-bottom: 1em;
}

table.edit th, table.edit td, table.show th, table.show td {
 padding: .3em;
 border: solid #fff;
 border-width: 0px 0px 1px 0px;
}

table.show th {
 width: 30%;
}

table.edit th, table.show th {
 text-align: right;
 font-size: .8em;
 vertical-align: top;
 color: #8f0000;
 font-weight: normal;
}

div.options {
 float: left;
 width: 100%;
 margin-bottom: 1.6em;
}

/*====================== Preoperatorio =====================*/

div#footer {
 float: left;
 width: 100%;
 border-top: solid 1px #666;
 padding-top: .3em;
 text-align: center;
 font-size: .75em;
 color: #a3a3a3;
}

div.form_row {
 float: left;
 width: 100%;
 font-size: .9em;
 padding: .3em 0px;
 background: #f1f1f1;
}

div.form_row label {
}

div.buttons {
 float: left;
 width: 100%;
 text-align: center;
 border-top: solid 1px #8f0000;
 padding-top: .2em;
 margin: 1em 0px 1em 0px;
}

div.buttons input {
 border: solid 1px;
 border-color: #e3e3e3 #666666 #666666 #e3e3e3;
 background: #b3b3b3;
}

div#reports {
 float: left;
 width: 48%;
 margin-bottom: 1em;
}

div#documents {
 float: right;
 width: 48%;
 margin-bottom: 1em;
}

div#reports ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

div#reports ul li {
 margin: 0px 0px .3em 0px;
 font-size: .8em;
 color: #666666;
}

div#reports ul li a {
 color: #000;
 font-size: 1.2em;
}

div#reports ul li a.for_fill {
 color: #8f0000;
}

div#reports ul li a.waiting {
 color: #ffc600;
}

ul.doc_tasks {
 clear: both;
 margin: 0px;
 padding: 0px;
 list-style: none;
}

ul.doc_tasks li {
 background: url(../images/nav-bulet.gif) no-repeat 0% 55%;
 padding-left: 8px;
}
 
ul.docs {
 margin: 1em 0px;
 padding: 0px 0px 0px 1.6em;
}
 

div.note {
 font-size: .9em;
}

div.date {
 margin-bottom: 1em;
 font-size: .8em;
 font-style: italic;
}

div.info {
 font-size: .8em;
 font-style: italic;	
}

div.description {
 margin-bottom: 1em;
 font-size: .9em;
}

div#docs div#message_list ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

div#docs div#message_list  ul li {
 margin: 0px 0px .3em 0px;
 font-size: .8em;
 color: #666666;
}

div#docs div#message_list  ul li a {
 color: #000;
 font-size: 1.2em;
}

div#docs div#message_list ul li a.for_fill {
 color: #8f0000;
}


div#state_info {
 float: left;
 width: 100%;
 text-align: right;
 font-size: 90%;
 color: #666;
}

a.next, div#register a, a.previous {
 font-size: 90%;
 background: url(../images/nav-bulet.gif) no-repeat 0% 45%;
 padding-left: 8px;
}

/*============================================*/
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }

a:hover { text-decoration: none; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  clear: both;
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

div#body-content #errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
  font-size: 100%;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/*=====================================*/
div.opt_enabled {
  margin-top: 0;
  color:  black;
  visibility:visible;
  display: block;
}

div.opt_disabled {
  margin-top: 0;
  color:  gray;
  visibility: hidden;
  display:none;
}

div.left_col {
	float:  left;
 margin-right:  2em;
}

div.left {
 float: left;
 width: 300px;
}

div.right {
 float: left;
 margin: 0px 20px;
}

div.left div.form_row, div.right div.form_row {
 background: #fff;
 margin-bottom:.3em;
}

div.row {
 float: left;
 width: 100%;
}

div.column {
 float: left;
 margin-right: 1em;
 width: 31%;
}

/*=====================================*/
table.question {
 width: 100%;
 margin: 0px;
 padding: 0px;
 clear: both;
 border: solid #d5d5d5;
 border-width: 1px 1px 0px 0px;
} 

table.question th, table.question td {
 padding: .3em;
 border: solid #d5d5d5;
 border-width: 0px 0px 1px 1px;
}

table.question th {
 font-weight: normal;
 text-align:  center;
}

table.question td {
 text-align:  left;
}

div.feedback_form {
  font-size: .9em;
}

div.green_notice {
	color: green
}


div.red_notice {
	color: red
}

table.list td img {
 border: none;
}

table.list td.report {
 font-size: 60%;
 color: #666666;
}

span.no_reponse {
 color: green;
}

div.one_row {
 float: left;
 width: 100%;
}
