/********************/
/* GENERAL SETTINGS */
/********************/

.clear {
    clear: both;
}


/********************/
/* EXPANDABLE LIST  */
/********************/
#listContainer{
  margin-top:0px;
  margin:0 0 0 -20px;
}

#expList ul {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;

}

#expList li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;

}

#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    text-indent:0px;
    background-position: 1px 7px;
    padding-left: 12px;
    background-repeat: no-repeat;
    font-size:13px;
}

/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(../../blog_img/collapsed.png?id=1);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url(../../blog_img/expanded.png?id=1);
}
#expList {
    clear: both;
}

.listControl{
  margin-bottom: 15px;
}
.listControl a {
    border: 1px solid #555555;
    color: #555555;
    cursor: pointer;
    height: 1.5em;
    line-height: 1.5em;
    margin-right: 5px;
    padding: 4px 10px;
    
}
.listControl a:hover {
    background-color:#555555;
    color:#222222; 
    font-weight:normal;
}