.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:150px;
}

.AccordionTitle
{
  height: 40px;
  overflow: hidden;
  cursor: pointer;
  font-family: Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #432555;
  vertical-align: middle;
  text-align: right;
  background-repeat: repeat-x;
  display: table-cell;
  background-color: transparent;
  border-top: solid 1px #c4c5c6;
  margin-bottom: 5px;
  -moz-user-select: none;
}

.AccordionTitle:hover
{
  color: #690f9c;
}

.AccordionContent
{
  height:0px;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  overflow:hidden;
  display:none;
}

.AccordionContent a:link
{
  color: #876d95;
  text-decoration:none;
}

.AccordionContent a:visited
{
  color: #876d95;
  text-decoration:none;
}

.AccordionContent a:hover
{
  color: #683a82;
  text-decoration:none;
}

.AccordionContainer
{
  border-top: solid 0px #C1C1C1;
  border-bottom: solid 0px #C1C1C1;
  border-left: solid 0px #C1C1C1;
  border-right: solid 0px #C1C1C1;
}

.ProjectArrow
{
    position: absolute;
    width: 10px; 
    height: 10px;
    left: 0px;
    background: url('../images/project/projectArrow.png'); 
    z-index: -8; 
    margin-top: 3px;
    visibility: visible;
}

.ProjectArrowDown
{
    position:absolute;
    width: 10px; 
    height: 10px;
    left: 0px;
    background: url('../images/project/projectArrowDown.png'); 
    z-index: -8; 
    margin-top: 3px;
    visibility: hidden;
}

#SelectedProject
{
    position: absolute;
    width: 8px; 
    height: 8px;
    top: 141px;
    left: 7px;
    background: url('../images/project/selectedProject.png'); 
    z-index: 1; 
    visibility: hidden;
}