ul.tree li {
    list-style-type: none;
    position: relative;
    word-wrap: break-word;
    width: 96.5%;    
}

ul.tree li ul {
    display: none;
}

ul.tree li.open > ul {
    display: block;
    position: relative;
    word-wrap: break-word;    
    left: 6%;
}

ul.tree li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-variant: normal;
    text-align: left;
}

ul.tree li a:before {
    height: 1em;
    padding: 0.1em;
    top: .2em;
}

ul.tree li.new > a:not(:last-child):before {
    content: url(/ccm/support/graphics/folder.gif);
    margin-right: 8px;
}


ul.tree li > a:not(:last-child):before {
    content: url(/ccm/support/graphics/folder.gif);
    margin-right: 8px;
}

ul.tree li.open > a:not(:last-child):before {
    content: url(/ccm/support/graphics/openfolder.gif);
    margin-left: 2px;    
    margin-right: 8px;    
}

@media screen and (max-width: 450px)
{
 ul.tree li
 {
  width: 90%;
 } 
 ul.tree li a
 {
  font-size: 15px;
 } 
 ul.tree li.open > ul
 {
  left: 0%;
 }
}