/* style.css
 * ---------
 * Originally for the iz_types online database site.
 *
 * $Id: style.css,v 1.8 2002-05-30 10:59:07-04 markb Exp $
 *
 */

body {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  background-color: white;
  color: black;
  font-family: serif;
}

h1 {
  margin-left: +5%;
  font-family: sans-serif;
  text-transform: lowercase;
  color: #663333;
  background-color: white;
}

h2 {
  margin-left: +5%;
  font-family: sans-serif;
  color: #663333;
  background-color: white;
}

h3,h4,h5,h6 {
  margin-left: +7%;
  font-family: sans-serif;
  color: black;
  background-color: white;
}

p {
  font-family: serif;
  margin-left: +10%
}

/* p.quote: for literature-quote type of paragraph,
 * which is indented at 1st line, and with
 * wider margins than the rest of the text.
 */
p.quote {
  text-indent: 2em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left:+12%;
  margin-right:+12%;
}

/* ol.instruction_list:  is supposed to be for
 * "important" lists of things to do.
 */
ol.instructionlist {
  font-family: sans-serif;
  color: black;
  background-color: white;
  font-size: 105%;
}

ul {
  font-family: sans-serif;
  color: black;
  background-color: white;
  font-size: 105%;
  margin-left: +15%;
}

pre {
  font-family: monospace;
}

code {
	font-size: 95%;
}

/* the listdata classes are useful for tables of database
 * output, etc.
 */
table.listdata {
  margin-left: +7%;
  /* margin-right: +5%; */
  font-family: sans-serif;
  background-color: white;
  color: black;
  border: solid;
  border-color: gray;
  border-width: thin;
  /* width: 600px; */
  width: 90%;
}

table.entryform {
  margin-left: +12%;
  margin-right: +5%;
  font-family: sans-serif;
  background-color: white;
  color: black;
  border: solid;
  border-color: gray;
  border-width: thin;

}

table.layout {
  margin-left: +12%;
  width: 100%;
}

th.listdata {
  font-family: sans-serif;
  font-size: 105%;
  font-style: italic;
  background-color: #006666;
  color: white;
}
td.listdata {
  font-family: monospace;
  font-size: 100%;
  background-color: white;
  color: black;
  border-bottom: dotted;
  border-bottom-width: thin;
  border-bottom-color: silver;
}

/* the following "category" & "subcategory" classes are for
 * when the headers of table-ized data run along
 * the side, instead of across the top.
 */
td.category {
  font-family: sans-serif;
  font-size: 105%;
  font-style: italic;
  background-color: #006666;
  color: white;
  text-align: left;
}
td.subcategory {
  font-family: sans-serif;
  font-size: 100%;
  font-style: italic;
  background-color: silver;
  color: black;
  text-align: right
}


.box {
  border: solid;
  border-width: thin;
  /* width: 100%; */
  padding: 0.5em;
}

.underlinedrow {
  border-bottom: solid;
  border-bottom-color: black;
  border-bottom-width: thin;
  width: 100%
}

.shadedbox {
  border: none;
  background-color: silver;
  color: black;
  padding: 0.5em;
  /* width: 100%; */
  font-size: small;
  margin-left: +10%;
  margin-right: +15%;
}

/* for warning text that has a thin red box
 * around it.
 */
.notice {
  border: solid;
  border-width: thin;
  border-color: red;
  font-style: italic;
  color: black;
  background-color: white;
  padding: 0.5em;
  width: 100%;
  font-size: small;
}

DIV.figure {
  float: right;
  width: 8%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  min-width: 55px;
}

P.caption {
  font-family: sans-serif;
  font-style: italic;
  font-size: 95%;
  text-indent: 0;
}