﻿body 
{   
  background-color: #ffffff;
  font-size: .85em;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #edf2fd;
}

header
{
  display: block;
}

#headerimg 
{
  display: block;
  background-image: url('../Content/images/evg/everglo134x900.png');
  background-repeat: no-repeat;
  background-position: center center;
  width:900px;
  height:134px;   
  margin: 0;
  padding: 0;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: black;
}

  #logindisplay a:link {
    color: #217ac2;
    text-decoration: underline;
  }

  #logindisplay a:visited {
    color: #217ac2;
    text-decoration: underline;
  }

  #logindisplay a:hover {
    color: #0c71c3;
    text-decoration: none;
  }

#main 
{
    /* top right bottom left */
    padding: 10px 30px 10px 30px;
    background-color: #edf2fd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #cfd2d8;
}

fieldset {
    border: 1px solid #cfd2d8;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 .5em 0;
}

/* TABLE
----------------------------------------------------------*/

.ThinLineTable {
  border: solid 0px #0c71c3;
  border-collapse: collapse;
}

.ThinLineTdRight {
  padding: 5px;
  border: solid 1px #0c71c3;
  text-align: right;
}

.ThinLineTdLeft {
  padding: 5px;
  border: solid 1px #0c71c3;
  text-align: left;
}

.ThinLineTh {
    padding: 6px 5px;
    text-align: left;
    background-color: #cfd2d8;
    border: solid 1px #cfd2d8;
}

/* Default state for menu items (not active) */
ul#menu li a {
  
  color: #0c71c3; /* Not active font color */
  text-decoration: none; /* Optional: removes underline from links */
}

  /* Combined styles for hover, active page, and when a link is being clicked */
  ul#menu li a:hover, /* Style for when you mouse over a menu item */
  ul#menu li.active a, /* Style for the menu item of the current/active page (e.g., <li class="active"><a>...</a></li>) */
  ul#menu li a:active { /* Style for when a menu item is actively being clicked */
    background-color: #e02b20; /* Background color for hover and active states */
    color: white; /* Font color for hover and active states (white is #FFFFFF) */
  }

.wcs_navbar .icon {
    background: #e66c2e !important;
}