/* ----------------------------------- menu.css ------------------------------------- */
/* These are the menu styles used in menu pages                                       */
/* ---------------------------------------------------------------------------------- */

div.menublock
{
   width: 400px;
   margin: 0 auto;
   margin-bottom: 10px;
}

div.menugroup
{
  border: solid 0px #D9E8FF; /* Border around the menu */
  border-left-width: 26px; /* Wide left border of the menu */
  background-color: #FFFFFF; /* See note 1) below */
  cursor: default;
  padding: 10px 10px 10px 2px;
  text-align: center;
}

/* This is used for the compress/expand section of the menu */
/* Color defined further down */
span.menutitledown
{
  font: normal 12px arial;
  display: block;
  margin: 10px 0px 10px 13px;
  cursor: pointer;
}

img#arrow
{
  padding-right: 5px;
}

img.menu
{
  padding: 0px 10px;
}

/* Color defined further down */
span.menutitle
{
  font: bold 14px arial;
  display: block;
  padding: 5px 0px;
  cursor: pointer;
  background-color: #FFFFFF; /* See note 1) below */
  text-align: left;
}

/* Color defined further down */
div.menuheader
{
  padding: 2px 0px 2px 15px;
  margin: 2px 0px 2px -15px; /* This will move the menu header over the left border for visual effect */
  text-align: left;
  font: normal 14px arial;
  background-color: #024370;
  cursor: pointer;
  background-position: left;
  background: url(../images/img_headerblue.gif);
  color: #FFFFFF;
}

/* Color defined further down */
span.menuheader, span.menuclock
{
  padding: 2px 0px;
  margin: 5px 0px 10px 13px;
  text-align: left;
  font: bold 14px arial;
  background-color: Transparent;
  cursor: pointer;
}

span.menuclock
{
  font-weight: normal;
}

span.menutitledown, span.menutitle, span.menuheader
{
  color: #007BC4;
}


div.menuitem, a.menuitem, a.menuitem:Visited, a.menuitem:Hover
{
  display: block;
  text-align: left;
  color: #00025C;
  font: normal 13px arial;
  cursor: pointer;
}

div.menuitem
{
  height: 20px;
}

a.menuitem, a.menuitem:Visited
{
  border: solid 1px #FFFFFF; /* See note 1) below */
  text-decoration: none;
  padding: 2px 5px 2px 30px;
}

a.menuitem:Hover
{
  border: solid 1px #AADAED;
  background-color: #ECF3FF;
  width: auto;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../images/img_dk_flag_menu.gif); /* This is the flag on hover over */
}

div.menubreak
{
  font-size: 0px;
  width: 100%;
  padding: 0px;
  height: 2px;
}

img.menubreak
{
  width: 100%;
  height: 2px;
}

/* 1) These colors have to match */