/* rails errors */
.error, .notice, .warning, .errorExplanation {
  margin: 5px;
  background:#D0DC6F;
  border-top:1px solid #D0DC6F;
  border-right:1px solid #81B840;
  border-bottom:1px solid #81B840;
  border-left:1px solid #D0DC6F;
} 
#flash p, .errorExplanation p {
  padding: 5px 8px; 
}
#flash h3, .errorExplanation h2 { 
  padding: 3px 5px; 
  margin: 0px;
  background-color: #81B840;
  border-bottom: 2px solid #B4D666; 
}
.errorExplanation ul {
  padding: 3px 8px 8px 8px; 
  margin-left: 1.5em;
}
.messagebox, 
.errorbox {
	padding:0 12px;
	height:27px;
	line-height:27px;
	font-size:11px;
}
.column {float: left; width: 250;}
.status { text-transform: capitalize; }
.table-value{ text-align: center; font-family: monospace; font-size: 1.2em; white-space: nowrap;}
.pagination { text-align: center; } /* could be float:right-ed */

/*** Tables ***
table { 
  border-collapse: collapse; 
  width: 100%;
  margin: 5px 0px 3px 0px;
}
table th { } 
table tr.odd { background-color: #fcf9f9; }
table tr.even { background-color: white; }
table td { padding: 3px;}
*/

/*** Forms ***/
form {
  background: #f7f7f7;
  border: 1px solid #D9DADC;
  padding: 5px;
  overflow: auto;
}

.required, .optional {
  clear: both;
  padding-bottom: 5px;
  border-bottom: dotted 1px #D9DADC;
  margin-bottom: 0.5em;
}

form div.fieldWithErrors {
  clear: none;
  display: inline;
  background-color: #B4D666;
  padding: 6px 3px;
  margin: 0;
  border: 0;
}
form label, .box label {
  float: left;
  /*text-align: right;*/
  margin-right: 0.8em;
  width: 10em;
}
form li label {
  float: none;
}
form.button-to { 
  padding: 0px;
  background: white;
  border: 0;
  display: inline;
}
/* do not have any styles on filter forms */
form.filter {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: 0;
}

form.button-to div{ display: inline;}
/* special case when we have a form inside a th (category filters) */
table.box form { padding: 0; margin 0; background: transparent; border: 0;}

table.voucher_allocation_levels { border-collapse: separate; border-spacing: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.voucher_allocation_levels td { width: 75px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; font-size: smaller;}
table.voucher_allocation_levels td.level { background: #fa7393; border: 1px solid black; }

a.logout:link  { color: #186095;}
a.logout:hover { color: red;}
a.download { 
  border-bottom: dotted 2px #2970A6;
  font-size: 18px; 
  margin-bottom: 2px;
}
a.download:hover {
  border-bottom: solid 2px #2970A6;
  text-decoration: none;
}

#tos {
  margin: 1em;
}
#tos p {
  width: 400px;
  padding: 3px;
  background-color: white;
  border-bottom: solid #888 1px;
}