/* .databrowser {} */
div.databrowser { padding:0px;margin:0px; } /* poistettu height:inherit; */
.databrowser_body {border:0px solid; height:inherit;padding:0px;margin:0px;}
.databrowser .titles { color:#0b3652;font-size:16px;font-weight:bold;margin:10px 0px 10px 0px; border:1px solid #ccd; padding:4px }
.databrowser .title { color:#0b3652;font-size:16px;font-weight:bold;margin:10px 0px 10px 0px; }
.databrowser .subtitle { background-color: #fff; color:#0b3652;font-size:12px;font-weight:bold;margin:5px 0px 5px 0px;}
.databrowser .description { font-size: 12px; padding:0px; font-weight:normal}
.databrowser .buttons {padding:4px; border:1px solid #ccd; text-align:center; border-top:none}

table.browsebg { margin-bottom: 24px }
table.databrowser { width: 100%; border-collapse:collapse}
.databrowser td { padding:2px; vertical-align:top; border:1px inset #ccd }
.databrowser th {text-align:left; font-weight:bold; color:#fff; border:1px inset #ccd}
.databrowser .topdropdowns {padding:4px;background-color:#ddd;border:1px dotted;height:30px;float:left}
.dbheading {background-color:#134465;color:#fff}
.dbheading th {padding:2px 0px 2px 0px;text-align:center}
.dbheading th a,.dbheading th a:visited {text-decoration:none;font-weight:bold;color:yellow}
.dbheading th a:hover                   {text-decoration:none;font-weight:bold;color:white;}
tr.dbodd    { background-color:#fff; }
tr.dbeven   { background-color: rgba(227, 238, 253, 0.47); }
tr.dbodd:hover  { background-color:#FFEEBF; color:#600;border-width:4px;}
tr.dbeven:hover { background-color:#FFEEBF; color:#600;border-width:4px;}

div.dbprompt{padding:4px;margin-left:20px;width:100px;font-weight:bold;float:left}
div.dbdata  {float:right;width:85%;} /* width: 500px */
div.pagelinks {height:30px; text-align:center; padding:4px}
a.pagelink, a.pagelink:visited {color:#400; text-decoration:none;font-weight:bold;border:1px solid;padding:2px}
a.pagelink:hover {color:#f00;}
a.currentpage, a.currentpage:visited a.currentpage:hover {color:#fff;padding-left:5px;padding-right:5px;background-color:#000; border:1px solid #000;}
/* this may well in form as well */
.info {
  font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 14px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  padding:4px;
  color : #7F97B9;
  background-color : #FDF9F2;
  border-color : #C2CFDD #C2CFDD #C2CFDD #C2CFDD;
  border-width : 1px 2px 2px 1px;
  border-style: solid;
}

.alert {
  font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 14px;
  font-weight : bold;
  text-align:center;
  vertical-align:middle;
  padding: 4px;
  color : #ffffff;
  background-color : #7B1D00;
  border-color : #FFE4B5 #7B4E00 #7B4E00 #FFE4B5;
  border-width : 1px 2px 2px 1px;
  border-style : solid solid solid solid;
}

.toggleTr {
    width: 150px;
    background-color:rgba(227, 238, 253, 0.47);;
    padding: 4px;
    float:left;
}

/* updateform */
table.updateform { border: 1px solid #ddd; padding:4px}
table.updateform .subtitle { background-color:rgba(227, 238, 243, 0.6); font-weight:bold; color:#60490E}
table.updateform tr { height: 32px; }
table.updateform td.fieldlabel { font-weight:bold; color:#60490E; vertical-align:top; text-align:right;padding-top:5px; padding-right:5px}
table.updateform td input[type="text"] { width: 400px }
table.updateform td select{ height: 30px }
.updateform .title {
    font-weight: bold;
    font-size: 1.5em;
    color: #60490E;
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: rgba(227, 238, 243, 0.6);
    margin-left: -5px;
    padding-left: 5px;
    margin-right: -5px;
    margin-bottom: 4px;
    border-bottom: 1px solid #ccc;
}

.updateform .formdescription {font-size:1em; }
div.updateform { vertical-align:top;  position:absolute;}
form.updateform { vertical-align:top;  position:absolute;}
}