a.highlighLink:hover {
    background-color: #e0e0e0;
}

.reportLinkError {color: #f00;}

body 
{ 
  padding: 0px;
  background-color:#63718C;
  font:1.0em,Arial, Helvetica, sans-serif;		
  }



li 
{
  margin:0 0 0.2em 0;
  }

address
{
  text-align:center;
  margin: 2em;
  font-style:normal;
  color:#FFFFFF;
  }

address a /*otherwise it is hard to read since it is outside the main content container */
{
  color:#FFFFFF;
  }

caption 
{
  font-size: 1.1em;
  font-weight: bold;
  text-align:left;	
  background-color:#ADB6C5;
  padding:0.25em;
  }

h1
{
  font-size:1.3em;
  color: #4477aa;
  /*
     padding:0.25em; 		
     border:solid;
     border-color:#781351; 
     border-width:0.1em 0; 
     border-margin:1.9em 0 0.8em; */
  font-weight:bold; 
  background-color:#E6E6E6;
  /*letter-spacing:0.1em; */
  }
h2
{
  font-size:1.2em;
  color:#666666;
  padding: 0em;
  font-weight: bold; 
  letter-spacing: 0.1em;
  /*border-bottom:thin;
     border-bottom:solid;
     border-width:0.05em 0; */

  }
h3
{
  font-size:1.1em;
  color:#330066;
  padding:0.25em; 
  font-weight:normal;
  }


p
{
  font-size: 1.0em;
  font-weight: normal;
  padding: 0.1em; 
  }

/*
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
*/

th 
{
  font-size: 1.0em;
  background-color:#E6E6E6;
  }

legend
{
  background: #99CCFF;
  border-width: 1px;
  border-style:solid ;
  border-color:#781351;
  padding: 2px 6px;
  margin: 1em 0 1em 0;
  }

.LoggedInDetails /* used in top right of every page if UserName session var exists */
{
  float: right;
  background-color:#63718C;
  color: #ffffff;
  font-family: Verdana;
  font-size: 0.8em;
  text-align: right;
  margin: 0.2em 0 0 0;
  padding: 0.1em 0 0.5em 0;
  }

.LoggedInDetails a
{
  color:#FFFFFF;
  }

.Logo 
{
  background-color:#63718C;
  color:#ffffff;
  font-family: Verdana;
  font-size: 1.2em;
  text-align: left;
  margin: 0.2em 0 0 0;
  padding: 0.1em 0 0.5em 0;

  }

.DetailTable /* used for data output */
{
  border-color: #003399 black black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;	
  font-size: 0.8em;
  font-weight: 500;
  empty-cells: show; 
  }




.ContentPanel /*used heavily on My Home */
{
  color: #000000;
  border-color: #777777;
  border-style: solid;
  border-width: 1px;
  font-family: Verdana;
  font-size: 0.9em;
  text-align: left;
  margin: 0em 0 1em 0;
  padding: 0 0.5em 0.5em 0.5em;
  }


.CommentBox 
{
  background-color:#CEDFEF;
  color: #000000;
  /* border: 0.1em dashed #777777; */ 
  font-family: Verdana;
  font-size: 1.0em;
  text-align: left;
  margin: 1em 0 1em 0;
  padding: 0.5em;
  }


fieldset
{
  /* background-color: #DDDDDD;  Removed because it renders funny in IE 6*/
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #777777;
  font-family: Verdana;
  font-size: 0.9em;
  text-align: left;
  margin: 0em; 
  padding: 0.8em;
  }

label
{
  color:#000066;
  font-size: 1.0em;
  }

label:hover
{
  color:#003399;
  font-size: 1.0em;
  background-color:#CCFFFF;
  }


.NarrowLabel
{
  width: 4em;
  float: left;
  display: block
  }

.MediumLabel /* Used for medium labels against the left side*/
{
  width: 8em;
  margin-right: 0.6em;
  float: left;
  display: block;
  }

.MediumLabelInline  /* Used for inline labels which are not jammed up against the left side*/
{
  width: 5em;
  margin: 0 0.6em 0 2em;
  /*float: left;
     display: block; */
  }

.WideLabel  /*<used for long labels aligned against the left>*/
{
  width: 12em;
  margin-right: 0.4em;
  float: left;
  display: block;
  }


input
{
  margin-bottom: 0.2em;	
  }
select
{
  margin-bottom: 0.2em;	
  }
input:focus
{
  color: #000099;
  background: #99CCFF;
  }

input:hover
{
  color: #000099;
  background: #99CCFF;
  }

.SmallButton 
{
  display:inline;
  font-family: Verdana;
  font-size: 0.9em;
  color:#FFFFFF;
  background: #63718C;
  margin: 0 0 0 0.5em;
  padding:0.2em 0.5em 0.2em 0.5em;
  border: 0.1em outset #d7b9c9
  }

.LargeButton
{
  font-family: Verdana;
  font-size: 1.2em;
  font-weight:bold;
  color:#FFFFFF;
  background: #339900;
  margin: 3em 0 0 20em;
  width:6em;
  height:3em;
  border: 0.2em outset #d7b9c9
  }


#Replies li 
{
  display: block;
  overflow: hidden;
  list-style-type: none; 
  color:#000000; 
  background-color:#F5F5F5;
  font-size: 1em;
  font-style:oblique;
  border-width: 0.2em;
  border-style: solid;
  padding: 0.2em;
  margin: 0 0.5em 0.2em 0;
  padding:1em;
  text-decoration: none; 
  }

/* =========== Tabbed Navigation ======================== */
#tabmenu 
{
  color: #000;
  border-bottom: 2px solid black;
  /* width:73.3%; this would make the top border equal to 70% but IE render problem */
  margin: 12px 0px 0px 0px;
  padding: 0px;
  z-index: 1;
  padding-left: 10px 
  }

#tabmenu li 
{
  display: inline;
  overflow: hidden;
  list-style-type: none; 
  }

#tabmenu a, a.active 
{
  color: #006666; 
  background: #99CCFF; /*light blue background */
  font: bold 1em "Trebuchet MS", Arial, sans-serif;
  border: 2px solid black; /*border on sides and top of tabs */
  padding: 2px 5px 0px 5px;
  margin: 0px;
  text-decoration: none; 

  }

#tabmenu a:hover 
{
  background: #FFFFFF;
  }

#tabmenu a.active 
{
  background: #FFFFFF;
  border-bottom: 3px solid #FFFFFF; /*border on bottom of active tab - if it is white and content is white then it is not seen */

  }

#tabmenu a.active:hover 
{
  /*text-decoration: underline; */
  }



#tabmenu a:visited 
{
  color:#000000; /* this is the link color on the tab */
  }


/* deprecating this */
.SubNavBar /*this class is used on the goals and stuff as a subnav below the main tabs */
{
  background-color:#33FFFF;
  color: #000000;
  border: 1px solid #777777;
  font-family: Verdana;
  font-size: 1.0em;
  text-align: center;
  margin: 0.1em 0 0 0;
  padding: 10px;
  }



/*========Sub Nav ========================*/
#SubNav
{
  text-align:right;
  color: #006666; 

  }
#SubNav li 
{
  display: inline;
  overflow: hidden;
  list-style-type: none; 
  }

#SubNav a, a.active 
{
  color:#0835C4;
  background:#CDDEFC; /*light blue background */
  font: 0.8em Arial, sans-serif;
  border: 0.05em solid black; /*border on sides and top of tabs*/
  padding: 0.5em 1em 0.5em 1em;
  margin: 0;
  text-decoration: none; 
  }

#SubNav a.active 
{
  background: #65A5C8;
  text-decoration: none;
  color:#FFF;
  }

/* ============Main Container ===========*/
#content /*the main content area */
{
  font: 1.10em/1.2em "bitstream vera sans", verdana, sans-serif;
  text-align: left;
  background: #FFFFFF;
  /*padding: 20px; */
  padding: 0.5em 0.5em 1em 0.5em; 
  border: 2px solid black;
  border-top: none;
  /* width:70%; would limit the size of the box to 70%, */
  /* margin: 2em; Yields weird results, if margin desired, used MainContainer */
  z-index: 2;	
  }


#MainContainer /* This is currently commented out in the backend file but could be used to establish a margin around the main white container, adding a margin to the content style yields weird results. */
{
  width: 95%;
  text-align: center;
  margin: 0 0 0 0;
  }