/* 
  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
          }
/* ----- all rules below are for group pages -----  */
#messageBar {
    position:fixed;
    bottom:1em;
    left:20px;
    font-style:italic;
}
#state, #running {
    background-color:white;
}
a.ml:hover {
    cursor:pointer;
    background-color:#eee;
}
.addmlbox a:hover {
    cursor:pointer;
    background-color:white;
}
table.mllist {
    margin:0;
    padding:0;
    border:0;
}
td.trashbox {
    margin:0;
    padding:0;
    border:0;
    height:18px;
    width:14px;
    text-align:left;
    padding-right:0.5em;
}
#mledit {
}
#mlcontent {
    height:10em;
    width:28em;
}
#mledit table {
    margin:0;
    padding:0;
    border:0;
}
.mlfieldname {
    font-weight:bold;
    vertical-align:top;
    text-align:left;
    margin-left:0;
    padding-left:0;
    border-left:0;
}
#mlreplyfield {
    text-align:left;
    padding-bottom:1em;
}
.nospace {
    border:0;
    padding:0;
    margin:0;
}
.buttons {
    text-align:right;
}
img.mlcheck {
    border:0;
    width:16px;
    height:16px;
}
a.mlchec
td.mlcheckbox {
    padding-left:0.5em;
}