@CHARSET "UTF-8";

select.groupselect {width: 100px;}

/* Joodb form */
#joodbForm input.inputbox, #joodbForm  select.inputbox, #joodbForm  textarea.inputbox, #searchForm .inputbox  {
    border: 1px solid #A9A9A9;
    background-color: #f5f5f5;
    color: #000;
    padding: 3px;
    box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    border-radius: 3px;
    width: 400px;
}
#joodbForm fieldset { display: block; padding: 10px 15px; margin: 10px 0; border: 1px solid #AAA; background: white; border-radius: 5px; }
#joodbForm legend { background-color: #999; box-shadow: 2px 2px 5px rgba(00,00,00,0.4); border-radius: 3px; padding: 2px 5px; color: #fff; }
#joodbForm  label { margin: 5px 0 3px 0; }
#joodbForm  label.invalid { color: #d40000; }
#joodbForm  input.invalid, #joodbForm  textarea.invalid, #joodbForm  select.invalid, #joodbForm checkbox.invalid  { border: 1px solid #d40000; }
#joodbForm  input.required, #joodbForm  textarea.required, #joodbForm  select.required, #joodbForm  checkbox.required { background-color: #fffac9; font-size: 1.1em;  }

#searchForm input.inputbox { width: 250px; }
#searchForm select.inputbox { width: 150px; }
#searchForm input.button {} 
#searchForm #limit { width: 60px; text-align: center; }

/* Datalist table */
.database-list table { width: 100%; border: 0; border-collapse: collapse; }
.database-list td, .database-list th, .database-list tr, table.contentpaneopen tr { padding: 0; vertical-align: top; border: 0; }
.database-list th { background-color: #444; color: white; padding: 5px; }
.odd { clear: both;	background-color: #f5f5f5; padding: 5px; border-bottom: 1px solid #ccc;	}
.even { clear: both; padding: 5px; border-bottom: 1px solid #ccc; }
#searchForm .searchbox { display: block; margin: 10px 0; }
.pagination { text-align: center; }
.pagination ul, ul.pagination { display: block;  width: 100%; list-style-type: none; text-align: center !important; margin: 5px 0; padding: 0; }
.pagination li { display: inline; list-style: none; margin: 0; padding: 0;  margin: 0 1px; padding: 2px; border: 1px solid #ccc; }
.alphabox li { padding: 2px !important; }

.item-separator { border-bottom: 1px solid #f5f5f5; margin: 10px 0 10px 0; height: 1px; line-height: 1px; }
.database-article  dl { float: left; display: block; width: 100%; margin: 10px 0; overflow: hidden; border-bottom: 1px solid #ccc; line-height: 1.4em; }
.database-article  dt { clear:left; float:left; width: 18%; padding: 3px 5px; color: #666; font-style: italic; border-top: 1px solid #ccc; background-color: #f5f5f5;  margin-bottom: 5px;  min-height: 1.4em; }
.database-article dd {  float:left; padding: 3px 5px; width: 78%; margin: 0 5px 0 0; border-top: 1px solid #ccc; background-color: #fafcd9; min-height: 1.4em; }
.database-article dd p { padding: 0; margin: 0 0 0.4em 0;  line-height: 1.4em;}
.backbutton, .readonbutton { display: inline; margin: 10px 0; }
.readon { display:block; clear: both; text-align: right !important; }
.clr { clear: both; }