/*

    common NiPaBe style sheet

*/

body {
  background-image: url(../images/gradient_vert.gif);

  background-color: #0034b7;

  background-repeat: repeat-x;

  width: 800px;

  margin-left: auto;

  margin-right: auto;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 9pt;

  /*

    background-image:   url(images/nipabe.jpg);

    min-width: 800px;

    max-width: 1000px;

    */
}

#pageFoot {
  background-image: url(../images/page-foot.gif);

  background-repeat: no-repeat;

  float: left;

  width: 800px;

  height: 29px;
}

#pageBody {
  background-image: url(../images/page-fill.gif);

  background-repeat: repeat-y;

  float: left;

  width: 800px;
}

#mugShot {
  border-style: solid;

  border-width: 4px;

  border-color: #0165b1;
}

#index {
  position: relative;

  width: 21%; /* the extra 1% deals with cropping on Opera !? */

  float: left;

  margin-left: 15px;

  height: 600px; /* this give a minimum page height - I couldn't get it to work using pageBody

                                   or pageText - due I think to the z-order business */
}

#pageText {
  position: relative;

  width: 74%;

  float: left;
}

h1 {
  font-size: 14pt;

  border-bottom-color: #0165b1;

  border-bottom-style: solid;

  color: #000000;
}

h2 {
  font-size: 12pt;

  margin-bottom: 5px;
}

#jsWarning {
  color: #ff0000;

  font-weight: bold;
}

#logout {
  display: block;

  text-align: right;

  margin-right: 20px;

  padding-top: 5px;

  padding-right: 5px;

  outline-style: none;
}

/* --- test classes and id's --- */

.class1 {
  color: #c0c0c0;
}

.class2 {
  color: #00ffff;
}

.done {
  color: #7f7f7f;

  font-style: italic;
}

#todos {
  height: 7.25em;

  /*width:			75%;*/

  border-style: solid;

  border-color: black;

  border-width: 1px;

  overflow: auto;

  padding: 0;
}

#todoList {
  position: relative;

  top: -1em;
}

#scrollBlock {
  /*width: 		75%;*/

  height: 215px;

  float: left;

  overflow: auto;
}

#section2 {
  margin-left: 15px;

  margin-right: 15px;

  float: left;

  width: 75%;
}

.bigfont {
  font-size: 22pt;
}

/* --- */