html { margin: 0; padding: 0; background: #fff url(back.png) repeat-x top; color: #222; height: 100%; }
body { padding: 0.25em 2em; margin: 0; font-family: DejaVu Sans, Bitstream Vera Sans, Verdana, sans-serif; font-size: 85%; line-height: 1.3; }
a img { border: none }
a { text-decoration: none; color: #06f }
a:visited { text-decoration: none; color: #50d }
a:hover { text-decoration: underline }
input { border: 1px solid #999; vertical-align: middle; font-size: 100%; line-height: 1.2; padding: 0.125em; margin: 0.125em; font-family: DejaVu Sans, Bitstream Vera Sans, Verdana, sans-serif;  }
h1, h2, h3, h4, h5 { font-family: Chicago, Impact, Haettenschweiler,sans-serif; letter-spacing: 0.025em;color: #c50 }
table { border-collapse: collapse; margin: 2em auto 1em auto; width: 100%; font-size: 90%; line-height: 1.2 }
td, th { padding: 0.25em 0.5em; border: 1px solid #999 }
th { background: #eee }
form#search { margin: 0; float: right }
ul { margin: 0; padding: 0; }
ul:after { content: ""; display: block; clear:both }
li { list-style: none; display: block; float: left; margin: 0 0.25em 0.25em 0; width: 10em; border: 1px solid #ff8726 }
li a { color: #d60; display: block; text-decoration: none; border: 1px solid #fffad2; padding: 0.25em; background: #ffd67e; }
li a:visited { color: #c50 }
li.active a:hover, li a:hover { color: #000; text-decoration: none; border: 1px dotted #ffaf3d }
li.active a { background: #fffad2; color: #e71; border: 1px solid #fff }
li.active { border: 1px solid #ffaf3d }
label { margin-right: 1em; white-space: nowrap; display: block; width: 26em; text-align: right; clear: both; }
label input { width: 18em; }
fieldset.groups label { float:left; width: 7.25em; text-align: left; clear: none; }
fieldset.groups label input { border: none; width: auto; }
fieldset.groups:after { content: ""; display: block; clear: both }
fieldset.groups { border: 1px solid #999; background: #fff; margin: 0.25em 0 0.25em 7.5em; width: 17em; 
position: absolute; top: 5.25em; left: 30em;
 }
* html fieldset.groups { width: 18.25em }

hr { border: none; color: #fff; background: transparent; border-bottom: 1px solid #999 }

p.emails {
    font-size: 75%; margin: 1em; background: #fffad2; border: 1px dashed #ff8726; padding: 0.75em; color: #d60; line-height: 1; }


p.footer { padding: 0.25em; background: #ffd67e; border: 1px solid #ff8726; color: #d60; margin-top: 3em }

input[type="submit"] {background: #ffd67e; border: 1px solid #ff8726; color: #d60; font-weight: bold }

h1, h2, h3, h4, h5,  p, table { clear: both;  }

tr.noemail { color: #000; font-weight: bold; color: #900; }


p.logout { clear: none; margin: 0.25em 0; }
p.logout a:before { content: url(logout.png); margin-right: 0.125em; vertical-align: middle }
div.addpanel { clear: both }
.addpanel a:before { content: url(plus.png); margin-right: 0.125em; vertical-align: middle }

textarea {
    border: 1px solid #999;
    background: #fff;
    color: #444;
}
fieldset {
    border: 1px solid #999;
    padding: 0.5em;
    margin: 0.5em;
    width: 28em;
}