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

div.listblock
{
   width: 450px;
   margin: 0 auto;
   margin-bottom: 10px;
}

div.listgroup
{
  border: solid 0px #D9E8FF; /* Border around the list */
  border-left-width: 26px; /* Wide left border of the list */
  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 list */
/* Color defined further down */
span.listtitledown
{
  font: normal 12px arial;
  display: block;
  margin: 10px 0px 10px 13px;
  cursor: pointer;
}

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

img#list
{
  padding: 0px 10px;
}

/* Color defined further down */
span.listtitle
{
  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.listheader
{
  padding: 2px 0px 2px 15px;
  margin: 1px 0px 2px -15px; /* This will move the list header over the left border for visual effect */
  text-align: left;
  font: normal 14px arial;
  background-color: #024370;
  cursor: pointer;
  background-position: left;
  background-image: url(../images/img_headerblue.gif); /* This is the blue background */
  color: #FFFFFF;
}

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

span.listclock
{
  font-weight: normal;
}

span.listtitledown, span.listtitle, span.listheader
{
  color: #007BC4;
}

div.listitem
{
  display: block;
  text-align: left;
  color: #00025C;
  font: normal 14px arial;
  cursor: pointer;
}

div.listitem
{
  height: 20px;
}

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

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

/* 1) These colors have to match */