/* Styles for the adaptive database project. */

body{
  font-family: verdana, arial, sans-serif;
  font-size: 9pt;
  color: #000000;
  background-color: #ffffff; 
}

div.header h1{
  font-size: 150%;
  margin: 0.5em;
  font-style: italic;
  padding: 0.2em;
  border-style: solid;
  border-width: 1pt 0;
  border-color: #c0c0c0;
  color: #606060;
  background-color: #ffffff;
}

div.content{
  margin-right: 8%;
  margin-left: 8%;
  min-height: 15em;
}

h2{
  text-align: center;
  font-size: 160%;
  font-weight: bold;
  color: #006295;
  background-color: #ffffff;
}

div.footer{
  font-size: 80%;
  margin: 0.5em;
  font-style: italic;
  padding: 0.2em;
  border-style: solid;
  border-width: 1pt 0;
  border-color: #c0c0c0;
  color: #606060;
  background-color: #ffffff;
  text-align: center;
}

div.tabCaptions{
  margin: 0;
  padding: 0;
  border-bottom: solid 1pt black;
  line-height: 200%;
}

div.tabCaptions span{
  background-color: #303030;
  /*
  background-image: url(../images/blue_grad_01.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  */
  color: #ffffff;
  border-width: 1px;
  border-color: #909090 #909090 #006295 #909090;
  border-style: solid;
  margin-bottom: -1px;
  padding: 0.5em;
  cursor: pointer;
}

div.tabCaptions span:hover{
  background-color: #909090;
  color: #c5effd;
}

div.tabCaptions span.pushed{
  background-color: #006295;
  color: #ffffff;
  background-image: none;
  font-weight: bold;
  border-color: #000000 #000000 #006295 #000000;
  z-index: 1000;
}
/*
div.tabPanel{
  clear: both;
  border-style: solid;
  border-width: 0pt 1pt 1pt 1pt;
  display: none;
  margin: 0;
  padding: 1em;
  background-color: #006295;
}
*/

div.tabPanel{
  clear: both;
  border-style: solid;
  border-width: 1em;
  display: none;
  margin: 0;
  padding: 1em;
  border-color: #006295;
}

/* Default settings for tables. Other specific tables override these. */
table{
  background-color: #ffffff;
  color: #000000;
  background-image: none;
  margin-top: 2em;
  border-color: #ffffff;
  border-width: 0.5em;
  border-style: solid;
  border-collapse: collapse;
}


table tr{
  margin-top: 0;
  background-color: #ffffff;
}

table caption{
  font-weight: bold;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
}

td{
  margin: 0;
}

fieldset{
  margin-top: 1em;
  padding: 0.5em;
  line-height: 120%;
}

fieldset legend{
  padding: 0.25em;
  border: solid 1pt #000000;
}

select option{
  color: #000000;
}

select.boolSelect{
  max-width: 6em;
}

table.recordEdit{
  border-style: none;
}

table.recordEdit td{
  margin: 0;
  vertical-align: middle;
}

table.recordEdit td.editLabel{
  padding: 0.25em 0.25em 0 0;
  text-align: right;
  vertical-align: top;
}

fieldset label, fieldset select, fieldset span, fieldset input, fieldset textarea{
  padding: 0.25em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

td.recordEdit fieldset label, fieldset select, fieldset span, fieldset input, fieldset textarea{
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

fieldset span.viewVal{
  display: block;
}

table.recordEdit td input.boolInput{
  margin-top: 0.25em;
}

fieldset label, fieldset span.viewCaption{
  float: left;
  width: 18em;
  clear: left;
  text-align: right;
  margin-right: 1em;
}

fieldset input[type=text], fieldset textarea, fieldset select{
  border: solid 1px #000000;
  background-color: #d0d0d0;
  color: #000000;
  font-family: georgia, serif;
  font-size: 10pt;
}

fieldset input[type=text], fieldset textarea{
  width: 40em;
}

fieldset input.strDate, fieldset input.strInt{
  width: 22em;
}

fieldset select{
  width: 40.1em;
}

fieldset textarea{
  clear: right;
  display: inline;
}

fieldset textarea.linkSetInput{
/*
  white-space: pre;
  display: block;
  overflow: scroll;
*/
}

fieldset textarea.textInput{
/*
  max-height: 4em;
*/
}

fieldset p.formButtons{
  clear: both;
}

fieldset.fieldGroup{
  float: left;
  margin-left: 1em;
  margin-top: 1em;
}

input.unspecified{
  background-color: #ffc0c0;
  color: #000000;
  outline: solid 1pt #ff0000;
}

fieldset.unused legend{
  cursor: pointer;
}

fieldset.closed input, fieldset.closed textarea, fieldset.closed label, fieldset.closed span{
  display: none;
}

/* Greyed state for the intermediate phase of a tri-state checkbox.*/
input.greyed{
  opacity: 0.5;
}

/* Disabled state for form fields. */
/* First a default value. */
input, input.enabled, textarea.enabled,　select.enabled, button.enabled{
  opacity: 1.0;
}
/* Now override for actually disabled controls. */
input[disabled="disabled"], input.disabled, textarea[disabled="disabled"], textarea.disabled, select[disabled="disabled"], select.disabled, button[disabled="disabled"], button.disabled{
  opacity: 0.2;
}

/* Drop-down combo box. */
ul.mnuCombo{
  display: none;
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.mnuCombo li{
  border: solid 1px black;
  cursor: pointer;
  padding: 0.5em;
  background-color: #ffffff;
  color: #606060;
}

ul.mnuCombo li:hover{
  color: #ffffff;
  background-color: #606060;
}

input.badValue{
  background-color: #ffcccc;
}

table.recListTable{
  border-collapse: collapse;
  border-style: none solid solid none;
  border-width: 1pt;
  border-color: gray;
  margin: 1em;
  display: table;
}


table.recListTable th{
  border: solid 1pt gray;
  padding: 0.25em;
  background-color: #d0d0d0;
  text-align: center;
}

table.recListTable th span[onclick]{
  cursor: pointer;
}

table.recListTable th.buttonCell{
  white-space: nowrap;
  min-width: 10em;
}

td > button[onclick^="view"], td > button[onclick^="edit"], td > button[onclick^="delete"] {
  width: 1.5em;
  padding: 0;
  text-align: center;
  text-indent: 0;
  -moz-appearance: none;
  border-width: 1px;
  font-size: 1.5rem;
  margin: 0.05em;
}

table.recListTable table{
  border-collapse: separate;
}

table.recListTable th select.strLookup, table.recListTable th select.strSelect, table.recListTable th input.strField, input.textField{
  max-width: 8em;
}

table.recListTable>tr:nth-child(4n+1){
  background-color: #e0e0e0;
}

table.recListTable tr.recViewRow td{
  border-style: solid;
  border-color: gray;
  border-width: 1pt 1pt 0 1pt;
  padding: 0.25em;
  vertical-align: top;
}

table.recListTable tr.recViewRow td p.textFieldFixedSize{
  margin: 0;
  max-height: 4em;
  overflow-y: auto;
  min-width: 8em;
  word-wrap: break-word;
}

tr.recDisplayRow>td{
  background-color: #e0e0ff; 
  padding: 0;
}

tr.recDisplayRow p.textFieldFixedSize{
  max-height: 8em;
  overflow-y: auto;
  margin: 0;
  font-weight: bold;
}

table.recListTable tr.recDisplayRow div{
  display: none;
}

table.recListTable tr.recDisplayRow div div{
  display: block;
}

table.viewRec, fieldset.editRec, fieldset.searchRec{
  border: solid 1pt gray;
  /*
  -moz-box-shadow: -10px 10px 5px #c0c0c0;
  -webkit-box-shadow: -10px 10px 5px #c0c0c0;
  */
  box-shadow: -10px 10px 5px #c0c0c0;
  background-color: #ffffff;
}

table.viewRec, fieldset.editRec{
  margin: 1em 2em 1em -6em;
}

fieldset.searchRec{
  margin: 1em 2em 1em 2em;
}

table.viewRec tr:nth-child(4n+1){
  background-color: #ffffff;
}

table.viewRec td{
  background-color: #ffffff; 
}


fieldset.editRec legend, fieldset.searchRec legend{
  background-color: #e0e0ff;
}

span.showHideFieldsetContents{
  cursor: pointer;
  font-size: 110%;
}

button.showHideSearchRows{
  font-weight: bold;
  background-color: #ffff00;
}

/* Unused search rows are temporarily hidden during a search. */
tr.unusedSearchRow, tr.unusedSearchRow td{
  display: none;
}

table.recordEdit{
  margin: 1px;
  padding: 1px;
}

table.recordEdit tr{
  background-color: #ffffff;
}

table.viewRec td, table.recordEdit td{
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0 1px 1px 0;
}

table.viewRec td{
  padding: 0.25em;
  vertical-align: top;
}

table.viewRec tr td:first-child{
  text-align: right;
}

table.viewRec td span.viewVal{
  font-weight: bold;
}

a{
  text-decoration: underline;
  cursor: pointer;
  color: #0000ff;
}

img.attachmentSymbol{
  border-width: 0;
}