/**************************************************************************
 * page formatting
 *************************************************************************/

body { background-color: white;
  color: black;
  margin: 15px;
  position: relative;
}

em { color: #333350; background-color: transparent; }
strong { color: #803333; background-color: transparent;
  font-size: 105%; }

h1 { color: #333350; background-color: transparent; }
h2 { color: #333350; background-color: #eeeeff; font-size: larger;
  margin: 10px 0px 0px 0px; border: 1px #252580 solid;
  padding: 0px 3px; width: 30%; }
h2.top { margin-left: 22%; margin-right: 0px; margin-top: 0px;
  margin-bottom: 0px; }
h2.error { color: #aa33cc; background-color: transparent; font-size: larger; }

p.rightline { text-align: right; }

.errormessage {
  color: #aa33cc;
  background-color: transparent;
}
.errorbox {
  margin-top: 1em; padding: 5px;
  color: #aa33cc;
  font-weight: bold;
  background-color: #ffeeee;
  border: #dddddd groove 2px;
}

address {
  position: relative;
  clear: both;
  left: 50%;
  width: 50%;
  padding: 5px;
  text-align: right;
  background: #eeeeee;
  color: #888888;
  font-size: 80%;
  font-style: italic;
  border-top: solid 1px black;
  margin-top: 2em;
}
address a { color: #8888ff; }
address a:link { color: #8888ff; }
address a:hover { color: #0000c0; text-decoration: underline; }
address a:active { color: fuchsia; }

/**************************************************************************
 * navigation containers
 *************************************************************************/

div[id=loginfo] {
  background-color: #eeeeee;
  color: #333350;
  font-size: 80%;
  width: auto;
  padding: 5px;
  border: dotted 1px black;
  border-radius: .25em;
  position: fixed;
  right: 3em;
  top: 3em;
  z-Index: 1;
}

a[class~="silentlink"]:focus {
  outline: none !important;
}

/* do this with jquery */
/* div[id=userdata] {
  display: none;
} */

span[class=nav] {
  background-color: #eeeeee;
  color: black;
  padding: 2px;
  font-family: Trebuchet MS, Lucida Grande, sans-serif;
  font-size: 80%;
}

/**************************************************************************
 * form formatting
 *************************************************************************/

input[class~="inputdefault"], div[class~="inputdefault"] {
  color: #888;
}

/**************************************************************************
 * popup formatting
 *************************************************************************/

div[class~=popup] {
  background-color: #ded;
  border: 1px solid black;
  border-radius: 1em;
  box-shadow: 5px 5px 3px #888;
  -moz-box-shadow: 5px 5px 3px #888;
  -webkit-box-shadow: 5px 5px 3px #888;
  color: black;
  font-size: 90%;
  font-style: normal;
  left: -5em;
  padding: .25em;
  position: absolute;
  text-align: left;
  top: 1em;
  /* width: 50%; */
  width: auto;
  z-Index: 1;
}

div[class~=popup_title] {
  background-color: #cfc;
  border-bottom: 1px solid navy;
  font-weight: bold;
  padding: 5px;
}

div[class~=popup_content] {
  font-size: 90%;
}

div[class~=popup_content] > ul {
  margin: 0 1em;
}

div[class~=popup_content] > textarea {
  font-size: 90%;
}

/**************************************************************************
 * structural and outline formatting
 *************************************************************************/

/**************************************************************************
 * info, hints, messaging
 *************************************************************************/

div.info, p.info { 
  background-color:#dfd;
  border: dashed 1px black;
  border-radius: .5em;
  color: navy;
  font-size: 90%;
  font-style: italic;
  margin: 1em;
  padding: .5em;
}
div.info p { margin: 0px; }
p.searchdata { width: 45%; left: 50%; position: relative;
  text-align: right;
  margin: 0px;
}

div.message { background-color:#ddddff; color: black;
  border: dashed 1px black; padding: 5px;
  margin: 0px 1em 1em 2em;
}

span.hint { font-style: italic; font-size: 90%; }
span.hint a { font-style: normal; }
div.hint { 
  display: inline;
  font-style: italic;
  font-size: 90%; 
}
div.hint a { 
  display: inline;
  font-style: normal; 
}

span.message { 
  font-size: 85%; 
}

a.help {
  font-size: 90%;
  vertical-align: top;
}

/**************************************************************************  
 *************************************************************************/ 
 
td dl { margin: 0px; } 
 
 
/**************************************************************************  
 general formatting
 *************************************************************************/ 
 
/* a { color: #0000c0; background-color: transparent; text-decoration: none; }
a:link { color: #0000c0; }
a:visited { color: #5555ff; }
a:hover { color: #0000c0; background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: fuchsia;
  background-color: transparent;
  text-decoration: underline;
} */

span.inserteddata { 
  background-color: transparent; 
  color: #008000; 
  font-family: monospace;
  font-size: 90%;
}
span.vetting { color: #800080; background-color: transparent;
  font-weight: bold; font-style: italic; 
}

div.centered { text-align: center; }
div.alignright { text-align: right; }

.floatright { float: right;}
.floatleft { float: left;}

span.required {
  color: #800;
  font-family: monospace;
  vertical-align: super;
}