html {}
body {
  background-color: #FFF;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
h1 {
  margin:3px;
  padding:3px;
}
div {
  text-align:left;
}
div.body {
  position:relative;
}
div.notices {
  color:#008800;
  background-color:#DDDDDD;
  text-align:center;
}
div.yield {
  background-color:#CCCCCC;
  padding-left:165px;
  padding-right:165px;
}
div.rnav, div.lnav {
  position:absolute;
  top:0;
}
div.rnav {
   right:0;
}
div.lnav {
   left:0;
}
div.remove{
  position:absolute;
  right:0;
  bottom:0;
}
.folder_link {
  background-color: #DDDDDD;
}
.folder_short {
  background-color: #BBBBBB;
}

div.footer{
  text-align:center;
  background-color:#BBBBBB;
}
div.text_field {
  display:inline;
  width:60%;
  background:#FFFFFF;
}
div.folder {
  margin: 5px;
  border:2px solid black;
  position:relative;
}
div.legend {
  background-color: #EEEEEE;
}
div.row{
  padding:1px;
  border:1px solid #333333;
  position:relative;
}
ul {
  list-style-type:none;
  list-style-position:inside;
  height:100%;
  display:block;
  margin:3px;
  padding:3px;
  border-width:3px;
  border-color:#111111;
  background-color:#777777;
}
li {
  background-color:#AAAAAA;
  display:block;
  width:150px;
  padding:auto;
}
li.center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
li span{
  width:100%;
}
a{
  text-decoration:none;
  color:#000000;
}
a div {
  background: #BBBBBB;
  padding-left: 5px;
}
a div:hover{
  background: #EEEEEE;
}
ul.form {
  background-color:inherit;
}
ul.form li {
  display:block;
  text-align:right;
  width:100%;
}
input[type=text], input[type=password]{
  width:60%;
}
ul.side_form input{
  width:144px;
}
table,tr,td,th {
  padding-right:3px;
}
			
.fieldWithErrors,.field_with_errors {
  padding: 2px;
  background-color: red;
  display: inline;
}

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

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  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;
  display: block;
  list-style-position: inside;
  display:list-item;
  background-color:#F0F0F0;
  width:100%;
}
  
code {
  display:block;
  margin-left: 1em;
  padding:5px;
  white-space:pre;}
  
table, th, td {
  font-size:85%;
}

.associated_column_hidden {
    color: blue;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */