/*
 * Keystore.css
 *
 * Keystore website styles
 *
 * 2001 Aug  3: initial version (simon)
 */


/*
 * colours
 */

body {
  background-color: white;
  color: black;
}

a {
/*  background-color: white;*/
  color: #00E;
}

a:visited {
/*  background-color: white;*/
  color: #009;
}

a:active {
/*  background-color: white;*/
  color: #F00;
}

h1, h2, h3, h4, th {
  color: #2B4E6C;
}


/*
 * fonts
 */

body, td, th {
  font-family: Helvetica, sans-serif;
  font-size: 100%;
}

h1 {
  font-size: 170%;
  margin-top: 0;
}

h2 {
  font-size: 130%;
  margin-top: 0;
}

small {
  font-size: 75%;
}

/* TODO - fold this information into the new layout */
.Status {
  font-style: italic;
}

.Status a {
  font-style: normal;
}


/*
 * layout
 */

body {
  margin: 0;
}

.Content p {
  text-align: justify;
}

/* These are the styles of the boxes which (might) appear above and below
 * the search results.
 */
.ResultsTop {
  text-align: center;
}
.ResultsBottom {
  text-align: center;
}
/* TODO - what's this for? */
.PageAll {
  text-align: center;
  border-top: solid 1px #3D3;
  border-bottom: solid 1px #3D3;
  background-color: #F3FFF3;
  color: black;
  border-color: #3D3;
  padding: 1px;
}
.ResultsTop a, .ResultsBottom a {
  text-decoration: none;
}
/* TODO - what's this for? */
a.ArrowLink {
  font-size: smaller;
  text-decoration: none;
}

.SideBarMetadata {
  font-size: 69%;
}

a img {
  border: 0;
}


/* When the first thing in a 'div' is a 'p', we don't want any space above the
 * 'p' -- it isn't a para break, just the start of this bit of content:
 */
div > p:first-child {
  margin-top: 0;
  padding-top: 0;
}

/* Similarly, don't put space after the last 'p' in a 'div'.  Fortunately,
 * simply not putting space after all 'p's works (cos they (except the first)
 * will have space above them instead:
 */
div > p {
  margin-bottom: 0;
}

/* The style of the status box in the top right corner. */
/* TODO - fold Status into the new layout */
.Status {
  border: solid 1px;
  padding: 3px;
  background-color: #DFD;
  color: black;
}

/* The styles for the menu at the top on the left. */
#Menu {
  background: #FFF none;
  color: #000;
  padding: 0 1ex;
  vertical-align: middle;
}
#Menu td {
  font-size: 69%;
}
#Menu img {
  padding-left: 1ex;
}

/* TODO - get the logo back in to the new layout? */


/* Styles for the table of search reults. */
.Results td {
  padding: 0.1ex 1em;
}
.Results th {
  text-align: left;
  padding: 0.1ex 0 1ex 1em;
}
.ResultDeleted {
  background-color: #FFC;
}
.Null {
  text-align: center;
  color: #AAA;
}

/* A class for tables containing file listings. */
/* TODO - check this against old stuff */
.Files td {
  padding-right: 10px;
}

.Error {
  color: red;
  background-color: yellow;
  font-weight: bold;
  padding: 0.35ex;
}
.Highlight {
  color: #000000;
  background-color: #F3F7F9;
  border: 1px solid #2B4E6C;
  font-weight: bold;
  padding: 0.35ex;
}

/* TODO - what's this for? */
.SearchBox {
  border: 2px solid #3D3;
  background-color: #F3FFF3;
  padding: 5px;
  margin-top: 2ex;
  margin-bottom: 3ex;
}

/* TODO - are these still generated? */
.OddRow {
  /*background-color: #A6E09A;*/
}
.EvenRow {
  /*background-color: #A0A0D3;*/
}

/* Definition lists */
dt {
  font-weight: bold;
  margin-top: 1ex;
}

.WarningBox {
  border: 2px solid #D33;
  color: black;
  background-color: #FFF3F3;
  padding: 5px;
}

/* TODO - what's this for? */
.Shaded {
  background-color: #DDD;
}

/* TODO - what's this for? */
tr.Key td {
  color: #00B;
}
tr.DeleteNote td {
  color: #B00;
}

/* Specific bits of the page layout */
#Top {
  height: 143px;
  width: 100%;
}
#TopRuler {
  width: 100%;
  height: 75px;
  background: #2B4E6C url(/img/top_ruler.gif);
  background-repeat: repeat-x;
  color: #FFF;
  font-weight: bold;

  /* This border can't be seen, but for some reason it prevents a large
   * white space from appearing below #Top in Gecko. */
  border-top: 1px solid #2B4E6C;
}
#TopRuler h1 {
  color: #FFF;
  font-size: 122%;
  margin: 25px 1ex 0.2ex 13px;
  padding: 0;
}
#TopRuler p {
  font-weight: normal;
  font-size: 69%;
  color: #7D93A5;
  margin: 0.2ex 1ex 0.2ex 13px;
}
#Coffee {
  width: 350px;
  height: 142px;
  background-color: #FFF;
  background: url(/img/coffee.jpg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}
#Footer {
  background: #2B4E6C none;
  color: #FFF;
  padding: 1ex;
  font-size: small;
  text-align: right;
}

/* Other random things for the new layout */
.Content {
  background: #ECEDE3 none;
  border-bottom: 1px solid #FFF;
  padding: 2ex;
}
.SideBar {
  background: #D2D3CA none;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 2ex;
  width: 350px;
}
.CenterTable {
  text-align: center;
}
.CenterTable table {
  text-align: left;
  margin: 0 auto;
}
td { vertical-align: top }
/* TODO - is this really useful? */
form { margin: 0 }

#HideableForm {
  display: none;
}
#HideableFormReplacement {
  font-size: 75%;
  background: #BCBDB0 none;
  color: #000;
  text-align: center;
}
#HideableFormReplacement a {
  color: #000;
  text-decoration: none;
  display: block;
}

.DataBox {
  border: 1px solid #000;
  background: #FFF none;
  padding: 1ex;
  margin-top: 1ex;
}


.ButtonBullets p {
  margin-bottom: 1ex;
}
.ButtonBullets ul {
  margin-top: 0;
  list-style: none;
}

/* vi:set ts=2 sw=2 expandtab: */