Add FAQ's to SnapEngage: The Fancy CSS

gistfile1.css

/* CSS generated by SASS (http://sass-lang.com/) and Compass (http://compass-style.org/) */
.question-list {
    width: 295px;
    position: absolute;
    right: 0;
    margin-top: 30px;
    padding: 20px 20px 20px 20px;
    background: #555555;
    border: 1px solid #444;
    font-size: 0.875em;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.question-list li {
    margin-bottom: 0.375em;
    list-style-type: none;
    color: #eee;
}

.question-list a {
    color: #eee;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.32);
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    display: block;
    padding: 0.25em 0.75em;
    border: 1px solid transparent;
}

.question-list a:hover {
    text-decoration: underline;
    color: #fff;
    background: #626262;
    border: 1px solid #4e4e4e;
    -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.035);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.035);
    -o-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.035);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.035);
}

.question-list a:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #5f5f5f;
    position: relative;
    top: 1px;
}