/*******************************************************************************
  Rules for the sidebar.
*******************************************************************************/

#sidebar {
  float: right;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 225px;
}

#sidebar hr {
  border: none;
  border-bottom: 1px #d8d8d8 solid;
  border-top: 1px #aaa solid;
  height: 0;
  margin: 0;
  padding: 0;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
  border-bottom: 1px #d8d8d8 solid;
  color: gray;
  display: block;
  font-family: Arial,sans-serif;
  font-weight: bold;
  padding: 10px;
  padding-left: 15px;
  text-align: justify;
  text-decoration: none;
  text-shadow: #aaa 0 0 1px;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a.hover {
  /* Source: /static/ui/sliver_hover.gif */
  background: white url(data:image/gif;base64,R0lGODlhEQABALMAAPX18/r6+dvb2/b29PPz8fDw7u3u6erq6Pb29ff39vn59/r6+Pj49gAAAAAAAAAAACH5BAAAAAAALAAAAAARAAEAAAQNUBxTCBgoJcaUWksQAQA7) left repeat-y;
}

#sidebar .unhover, #sidebar .unhover:hover {
  background: none;
}

#sidebar a:hover, #sidebar a:focus {
  color: #666;
}

#sidebar a.active, #sidebar a.active:hover, #sidebar a.active.hover {
  background: white;
  color: #444;
  cursor: default;
  text-shadow: none;
}

#sidebar a:first-child, #sidebar a:first-child .jsblend {
  -khtml-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-top-right-radius: 10px;
  border-radius: 0 10px 0 0;
}

#sidebar a:last-child, #sidebar a:last-child .jsblend {
  -khtml-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 0;
}