﻿div#exam .cell-text {
    vertical-align:top;
    text-align:left;
}


div#exam table tbody {
    border: none;
}

div#exam .question-image {
    width:320px; 
    border:1px solid #bbb;
    background-image:url(../images/icons/default_photo_80x80.png);
    background-position:center center;
    background-repeat:no-repeat;
    padding:0;
}

    div#exam .question-image > div,
        div#exam .question-image > div.click-to-expand {
        height:240px; 
        visibility:hidden;
        text-align:center;
    }
        div#exam .question-image > div.click-to-expand {
            border:1px solid #888;
        }

    

        div#exam .question-image > div > div {
            background-image:url(../images/icons/fullscreen_25x18.png);
            background-position:289px 2px;
            background-repeat:no-repeat;
            height:238px;
            margin:0;
            padding:0;
            border:1px solid #555;
        }

div#exam .quiz-questions {
    overflow:hidden;
    height:422px;
    display:block;
}

div#exam .question,
    div#exam .confirmation {
    padding:0 1px 0 1px;
    height:422px;
}

    div#exam .question table {
        width: 100%;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
    }

        div#exam .question table td[rowspan="2"] {
            width:320px;
        }

div#exam .question ol.responses {
    list-style-type: lower-alpha;
}

div#exam .question ol.responses li {
    padding:4px 0 4px 0;
}

div#exam .question ol input[type="radio"] {
    width: 11px;
}


/* Button Carousel */
.ui-button-carousel {
    display:inline-block;
    height:20px;
    border:1px solid #ccc;
    overflow:hidden;
    width:215px;
    /*width:125px;*/
    
}

    .ui-button-carousel > div {
        overflow:visible;
        height:100%;
        width:1px;
        padding-left:108px;
        padding-right:108px;
        text-align:left;
    }

        .ui-button-carousel > div > span {
            display: inline-block;
            width: 30px;
            text-align:center;
            cursor:pointer;
        }

            .ui-button-carousel > div > span.selected {
                /*background-color:#09f;*/
                background-color:#243848;
                border:1px solid #fff;
                color:#fff;
            }

    .ui-button-carousel.fadded > div {
        color:#bbb;
    }


        .ui-button-carousel.fadded > div > span.selected {
            background-color: #ccc;
            color: #aaa;
        }



/**
 * Enlargement dialog
 */
div#quiz-question-image {
}

    div#quiz-question-image > .question-image {
        background-color:transparent;
        background-image:none;
        background-position:center center;
        background-repeat:no-repeat;
        height:100%;
    }

/**
 * Exam status
 */
tr.passed {
    color: #393;
}

tr.failed {
    color:#933;
}