.faq-answer {
    margin-left   : 30px;
    margin-bottom : 30px;
}

.faq-blank-node-type-label {
    background-color: white;
    color : lightgrey;
}

.faq-blank-node-type-label,
.faq-chance-node-type-label,
.faq-decision-node-type-label,
.faq-endpoint-node-type-label
{
    background-color: white;
    padding : 5px;
}

.faq-chance-node-type-label {
    color : blue;
}

.faq-decision-node-type-label {
    color : red;
}

.faq-endpoint-node-type-label {
    color : #eeeb22;
}

.faq-question {
    color : #54048b;
}

.faq-li {
    margin : 5px;
}

#faq {
    background-color : #F1F1F1;
    /* Keeps the dialog window from momentarily flashing visible before jQueryUI hides it */
    display          : none;
}

/* jQuery Dialog styles */

/* Due to conflict between bootstrap and jQuery UI, the "X" does not appear in the
   dialog close button:

   http://stackoverflow.com/questions/8681707/jqueryui-modal-dialog-does-not-show-close-button-x

   The best fix is to set a background-image.
   Firefox requires an absolute path, so adding it in JS instead of hardcoded
   URL in CSS.  Can do position and no-repeat here, though.
*/
.ui-dialog-titlebar-close {
    background-position : center;
    background-repeat   : no-repeat;
}

.ui-widget a {
    /*
        Just using Google's link color to override jQuery theme color.  Happens to be a shade of purple, which list-style
        is appropriate.
    */
    color : #609;
}

.ui-widget-header {
    background: #54048b;
    border-color: #54048b;
}