/* 
  Layout and CSS tricks obtained from 
  http://www.bluerobot.com/web/layouts/ 
*/


body {
      font-size: 10pt;
      margin:0px;
      padding:0px;
      font-family:verdana, arial, helvetica, sans-serif;
      color:#333;
      background-color:white;
      }
h1 {
      margin:0px 0px 15px 0px;
      padding:0px;
      font-size:28px;
      line-height:28px;
      font-weight:900;
      color:#ccc;
      }
p {
      font:11px/20px verdana, arial, helvetica, sans-serif;
      margin:0px 0px 16px 0px;
      padding:0px;
      }
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
      color:#09c;
      font-size:11px;
      text-decoration:none;
      font-weight:600;
      font-family:verdana, arial, helvetica, sans-serif;
      }

p.alpha {
      padding-bottom: 2em;
}

a.alpha {
      font-size: 110%;
}

table,tr,td,th {
      border: hidden;
      font-size: 10pt;
      text-align: left;
}

td.check {
      text-align: center;
}

td.button {
      padding-top: 1em;
      text-align: center;
}

td.trash {
      padding-right: 3px;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.button {
      clear: both;
      padding-top: 10px;
      text-align:      center;
}

div.row span.label {
  float: left;
  width: 125px;
  text-align: right;
  }

div.row span.formw {
  position: relative;
  width: 300px;
  text-align: left;
  }

.textfield      { border-color: #000000;
              border-width: 1px; }

a:link {color:#286ea0;}
a:visited {color:#286ea0;}
a:hover {background-color:#eee;}

#Header {
      font-size: 12pt;
      margin:50px 0px 10px 0px;
      padding:10px 0px 2px 20px;
      /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
      height:40px; /* 14px + 17px + 2px = 33px */
      border-style:solid;
      border-color:black;
      border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
      line-height:11px;
      background-color:#eee;
      voice-family: "\"}\"";
      voice-family:inherit;
      height:28px; /* the correct height */
      }
body>#Header {height:28px;}

#Header>a:link, #Header>a:visited {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 12pt;
  color: #000;
}

#Header>a:hover {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 12pt;
  color: #09c;
}
#Content {
      margin: 0px 50px 50px 250px;
      padding:10px;
      overflow: auto;
      }

#forms {
      margin: 15px 200px 50px 250px;
      width: 450px; 
      border: 1px dashed #999; 
      padding: 10px; 
      overflow: visible;
}

#Centered {
      position:absolute;
      left:50%;
      width:600px;
      margin-top:50px;
      margin-left:-316px;
      padding:15px;
      border:1px dashed #333;
      background-color:#eee;
}

#Menu {
      position:absolute;
      top:100px;
      left:20px;
      width:172px;
      padding:10px;
      background-color:#eee;
      border:1px dashed #999;
      line-height:17px;
/* Again, the ugly brilliant hack. */
      voice-family: "\"}\"";
      voice-family:inherit;
      width:150px;
      }
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

#Status {
  position: absolute;
  bottom: 2em;
  font-weight: bold;
  left: 10%;
  text-align: center;
  border: 1px dashed #999;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;
/* Again, the ugly brilliant hack. */
      voice-family: "\"}\"";
      voice-family:inherit;
      width:500px;
}
/* Again, "be nice to Opera 5". */
body>#Status {width:500px;}

img.trash { border:0;
            width:10px;
            height:16px
          }
img.check { border:0;
            width:13px;
            height:12px
          }