
/********************************************************

Menu styles (lefthand menu)

*********************************************************/

.MenuArea
{
 font-family: Arial, sans-serif;
 width: 200px;
 vertical-align: top;
 padding-bottom:4px;
 padding-right: 5px;
 padding-top: 20px;
}

.MenuSeparator
{
}

.MenuAreaNoMenu
{
 width: 0;
 vertical-align: top;
}

.MenuTopLeft
{
}

.MenuTopCenter
{
 height: 12px;
}

.MenuTopRight
{
 width: 8px;
}

.MenuLeftMiddle
{
}

.MenuCenter
{
 padding-bottom:8px;
 background-color: #EFEFEF;
 vertical-align: top;
 width: 200px;
 padding-top:20px;
}

.MenuRightMiddle
{
}

.MenuBottomLeft
{
}

.MenuBottomCenter
{
 height: 12px;
}

.MenuBottomRight
{
 width: 8px;
}

.MenuItemArea
{
 vertical-align: top;
 height: 100%;
 width: 200px;
}

.MenuItemFirstLevelArea
{
}

.MenuItemFirstLevelAreaSelected
{
}

.MenuItemFirstLevel
{
  width: 200px;
  color: #000000;
  background-color: #EFEFEF;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
  cursor: pointer;
}

.MenuItemFirstLevelMouseOver
{
  width: 200px;
  color: #007272;
  background-color: #EFEFEF;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
  cursor: pointer;
}

.MenuItemFirstLevelSelected
{
  width: 200px;
  color: #007272;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
  cursor: pointer;
  
  background-image:url(../images/iconDoubleArrowRightMenu.gif);
  background-repeat: no-repeat;
}

.MenuItemFirstLevelSelectedMouseOver
{
  width: 200px;
  color: #007272;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;
  cursor: pointer;

  background-image:url(../images/iconDoubleArrowRightMenu.gif);
  background-repeat: no-repeat;
}

.MenuItemSecondLevel
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  background-color: #EFEFEF;
  color: #000000;
  
  padding-left:30px;
  padding-bottom:5px;
  padding-top:5px;
  cursor: pointer;
}

.MenuItemSecondLevelMouseOver
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  background-color: #EFEFEF;
  color: #007272;
  
  padding-left:30px;
  padding-bottom:5px;
  padding-top:5px;
  cursor: pointer;
}

.MenuItemSecondLevelSelected
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  background-color: #EFEFEF;
  color: #007272;
  
  padding-left:30px;
  padding-bottom:5px;
  padding-top:5px;
  cursor: pointer;

  background-image:url(../images/iconArrowRightMenu.gif);
  background-repeat: no-repeat;
  background-position: 20px 45%;
}

.MenuItemSecondLevelSelectedMouseOver
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  background-color: #EFEFEF;
  color: #007272;
  
  padding-left:30px;
  padding-bottom:5px;
  padding-top:5px;
  cursor: pointer;

  background-image:url(../images/iconArrowRightMenu.gif);
  background-repeat: no-repeat;
  background-position: 20px 45%;
}


/********************************************************

Menu styles ("inline popup" menu)

*********************************************************/

.HoverMenuBox
{
 position:absolute;
 margin:0;
 padding:6px;
 display:none;
 
 min-width:50px;
 background-color:#efefef;
 border:1px solid #bdbdbd;
}

a.HoverMenuLink
{
 color: #007272;
 text-decoration: none;
 font-weight: bold;
}

a.HoverMenuLink:visited
{
 color: #007272;
 font-weight: bold;
 text-decoration: none;
}

a.HoverMenuLink:active
{
 color: #007272;
 font-weight: bold;
 text-decoration: none;
}

a.HoverMenuLink:hover
{
 color: #007272;
 font-weight: bold;
 text-decoration: underline;
}



/********************************************************

Menu styles (tab menu)

*********************************************************/

.TabMenu
{
 width: 100%;
 empty-cells: show;
 font-size: 11px;
 font-weight: bold;
}

.TabMenuItem
{
 width: 150px;
 padding: 5px;
 border: 1px solid #007272;
 cursor: pointer;
 color: #000000;
 text-align: center;
}

td.TabMenuItem:hover
{
 text-decoration: underline;
}

.TabMenuItemSelected
{
 width: 150px;
 padding: 5px;
 background-color: #E4E4E4;
 border: 1px solid #007272;
 color: #000000;
 text-align: center;
}

.TabMenuItemEmpty
{
 padding: 5px;
 border-bottom:1px solid #007272;
}

a.TabMenuLink
{
 color: #000000;
 text-decoration: none;
 font-weight: bold;
}

a.TabMenuLink:visited
{
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

a.TabMenuLink:active
{
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

a.TabMenuLink:hover
{
 color: #000000;
 font-weight: bold;
 text-decoration: underline;
}

