INPUT, SELECT, TEXTAREA
{
   color            : #000000;
}

.questionHeader
{
   padding          : 2px 5px 2px 5px;
   background-color : #E5EEF3;
   color            : #000000;
}

.questionBody
{  
   color            : #000000;
}

/*
TD.answerHeader, TD.proposedHeader
{
   color            : #000000;
}

TD.askerHeader
{
   color            : #115E94;
}
*/

TD.answerHeader, TD.proposedHeader
{
   background-color : #E5EEF3;
   color            : #000000;
}

TD.acceptedHeader
{
   background-color : #E0F5D8;
   color            : #000000;
}

TD.assistedHeader
{
   background-color : #E0F1E0;
   color            : #000000;
}

TD.adminHeader
{
   background-color : #FFEFD8;
   color            : #000000;
}
TD.adminHeader A:link, TD.adminHeader A:visited,
TD.adminHeader A:active, TD.adminHeader A:hover
{
   color            : #000000;
}

TD.deletedHeader
{
   background-color : #FFEEEE;
   color            : #000000;
}

TD.askerHeader
{
   background-color : #EEEEEE;
   color            : #000000;
}

TD.yourHeader
{
   color            : #000000;
   border           : 1px solid #E5EEF3; 
}

TD.itemEven, TD.itemOdd, TD.itemAdd
{
   color            : #000000;
}
TD.itemEven A:link,     TD.itemOdd A:link      {color: #003399;}
TD.itemEven A:visited,  TD.itemOdd A:visited   {color: #996699;}
TD.itemEven A:active,   TD.itemOdd A:active    {color: #FF0000;}

.mtable {width: 100%; height: 17px; background: #115E94;}

.menu {width: 99%;}

/* This part controls the default spacing and padding on the ul elements (the top level one, and the one that contains the nested lists.) It also removes the default bullets. */

#nav, #nav ul
{
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 0;
     color: #fff;
     text-decoration: none;
     padding: 0px;
     font: bold 11px Tahoma, Lucida Grande, Helvetica;
}

/* Now we need to move the top level ul element over from the left edge of the containing table cell: */

#nav
{
    margin-left: 10px;
}

/* This controls the float for each top level list item. */

#nav li
{
     float: left;
}

/* and how the <a> element gets styled: */

#nav a
{
     text-align:center;
     width: 90px;
     display: block;
     color: #fff;
     text-decoration: none;
     padding: 3px;
     font: bold 11px Tahoma, Lucida Grande, Helvetica;
}

/* and what happens when we mouseover the link */

#nav a:hover
{
     color: #ddd;
     background-color: #115E94;
}

/* now we need to increase the width on the nested <a> elements */
/* REMOVED FROM THIS STYLE SHEET */


/* this removes the initial nested list from view */

#nav ul
{
     position: absolute;
     left: -999em;
     width:60px;
}

/* and then puts it back in when we hover over the links */

#nav li:hover ul, #nav li.sfhover ul
{
     left: auto;
}

/* First, for when you just want some empty space between links */
/* REMOVED FROM THIS STYLE SHEET */

/* Now, for a list item without a hyperlink */
/* REMOVED FROM THIS STYLE SHEET */

.clearBlockElement {clear: both }