/*
===========================================================================
  Filters and Searches
=========================================================================== 
*/

.search input, .filter input {
  border: #999 solid 1px;
  font-size: 130%;
  padding: 2px;
  margin: 3px 0 0 0;
}

.filter input {
 background: #fdffd1;
}

.search input {
 background: #fff;
}

.search label, .filter label {
  color: #000;
  font-size: 150%;
}

.search, .filter {
  float: left;
  width: 100%;
}

/*
===========================================================================
  Titles
=========================================================================== 
*/

.title_1 {
  font-size: 130%;
  padding-bottom: 8px;
}

.title_2 {
  font-size: 140%;
  padding-bottom: 8px;
}
.title_3 {
  font-size: 150%;
  padding-bottom: 8px;
}

/*
===========================================================================
  Buttons
=========================================================================== 
*/

.button_save, .button_report {
  font-size: 110%;
  font-weight: bold;
  color: #000;
  padding: 4px;
  margin-right: 5px;
}

.button_cancel, .button_new, .button_cancel {
  font-size: 120%;
  font-weight: bold;
}

.button_close, .button_back_to_search {
 font-size: 120%;
}

/*
===========================================================================
  Rows
=========================================================================== 
*/

.row_new {
  padding: 10px 10px 10px 10px;
  margin: 0 10px 0 10px;
  border: solid #aaa;
  border-width: 0px 0 1px 0;
  background: #c4eac2;
}

.row_0, .row_1 {
  padding: 5px 10px 5px 10px;
  margin: 0 10px 0 10px;
  border: solid #ddd;
  border-width: 0px 0 1px 0;
}

.row_0 {
  background: #f0f0f0;
}

.row_1 {
  background: #fff;
}

.row_edit {
  padding: 10px 10px 10px 10px;  
}


/* 
===========================================================================
  Fields
=========================================================================== 
*/

.field_1, input.field_1 {
  font-size: 100%;
  margin-bottom: 4px;
}

.field_1 input, input.field_1 {
  padding: 4px;
}

.field_1, select.field_1 {
  font-size: 100%;
  margin-bottom: 4px;
}

.field_1 select, select.field_1 {
  padding: 3px;
}

.field_1 label {
  font-size: 60%;
  font-weight: bold;
}

.field_2, input.field_2 {
  font-size: 120%;
  margin-bottom: 5px;
}

.field_2 input, input.field_2 {
  padding: 4px;
}

.field_2, select.field_2 {
  font-size: 120%;
  margin-bottom: 5px;
}

.field_2 select, select.field_2 {
  padding: 3px;
}

.field_2 label {
  font-size: 60%;
  font-weight: bold;
}



.field_3, input.field_3, select.field_3 {
  font-size: 140%;
  margin-bottom: 6px;
}

.field_3 input, input.field_3,  select.field_3 {
  padding: 4px;
}

.field_3 label {
  font-size: 60%;
  font-weight: bold;
}

.input_message {
	color: #aaa;
	font-weight: bold;
}


/* 
===========================================================================
  AutoComplete
=========================================================================== 
*/

div.auto_complete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
li.selected { 
  background-color: #ffb;
}
div.auto_complete ul {
  list-style: none; 
  padding: 0; 
  margin: 0;
}
div.auto_complete ul li {
  list-style: none;
  padding: 5px 10px 5px 10px;
}
div.auto_complete ul li label {
  font-color: #000;
  font-weight: bold;
}