body {background-color: #ffffff; color: #000000;}
body, td, th, h1, h2, textarea {font-family: sans-serif;}

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


a:link, a:visited {color: #000099; text-decoration: none; background-color: #ffffff;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;color: #ff0000}


table {border-collapse: collapse;font-size: 75%;}
table td { border: 1px solid #000000;  vertical-align: top; padding-left:05px; padding-right:05px;}

table.event td.stPREL {background-color: #33CCFF;}
table.event td.stCONF {background-color: #99FFCC;}
table.event td.stCANC {background-color: #FF9999;}
table.event td.stINFO {background-color: #FFFFCC;}

table.stat { border: 3px ridge #f4f4f4;  vertical-align: baseline; width:100px;}
table.stat td { border: 1px solid #000000;  vertical-align: baseline; width:100px;}

table.stat td.stPREL {background-color: #33CCFF;}
table.stat td.stCONF {background-color: #99FFCC;}
table.stat td.stCANC {background-color: #FF9999;}
table.stat td.stINFO {background-color: #FFFFCC;}

table.stat td.stat {background-color: #f4f4f4;font-weight:normal;}
table td input, table td textarea, table td select {background-color: #f4f4f4;}

table td.sect {padding-top:3px; border:none; font-weight:normal; font-style:italic; font-variant: small-caps; font-size: 100%;}
table.stat td.sect {}

div.form { font-size: 75%;}

input { font-size: 75%;}
td input { font-size: 75%;border: 0px solid #000000;}

table.stat input.stat { font-size: 75%; vertical-align: baseline; border: 0px solid #000000; background-color: #f4f4f4;font-weight:normal; }

td.description {width:400px;}


table td textarea, table td select, table td input { font-size: 100%; border: 0px solid #000000; font-weight:bold;} 

td.members {width:200px;}


a.navbut {margin-right:05px; border: 3px outset #f4f4f4;font-size: 75%;text-align:center; width:150px; background-color: #f4f4f4;}
a:link.navbut, a:visited.navbut {border: 3px outset #f4f4f4;font-size: 75%;text-align:center; width:150px; background-color: #f4f4f4;}
a:hover.navbut {font-weight: bold;}
a:active.navbut {border: 3px inset #f4f4f4}

div.navbar {font-size: 75%;border: 0px outset #f4f4f4;; }

div.navbar a {margin-right:05px; padding-left:05px; padding-right:05px; border: 3px outset #f4f4f4;text-align:center;  background-color: #f4f4f4;}
div.navbar a:link, div.navbar a:visited {color: #000099; text-decoration: none; background-color: #f4f4f4;}
div.navbar a:hover {font-weight: bold;}
div.navbar a:active {border: 3px inset #f4f4f4}


*.button {margin-right:05px; border: 3px outset #f4f4f4;font-size: 75%;text-align:center; 
    padding-left:05px; padding-right:05px; background-color: #f4f4f4; color: blue; font-weight: bold;}
*:hover.button {font-weight: bold;}

table.login {border-collapse: collapse;font-size: 100%}

fieldset.form {padding: 2;}
fieldset.form td { border: 0px none #000000;  vertical-align: top; }
/* fieldset td.checkbox {padding:0; text-align:right;} */

.success-message {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
}
.error-message {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 15px;
    margin: 15px 0;
    border-radius: 4px;
}
.warning-message {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 15px;
    margin: 15px 0;
    border-radius: 4px;
}