div.staff-grading,
div.peer-grading {
    border: 1px solid lightgray;
    
    textarea.feedback-area {
        margin: 0;
        height: 75px;
    }
    
    div.feedback-area.track-changes {
        position: relative;
        margin: 0;
        height: 400px;
        border: 1px solid lightgray;
        padding: ($baseline/4);
        resize: vertical;
        width: 99%;
        overflow: auto;
    }

    div.feedback-area.track-changes, p.ice-legend {

        .ice-controls {
            float: right;
        }
        .del {
            position: relative;
            text-decoration: line-through;
            background-color: #ffc3c3;
        }
        .ins {
            position: relative;
            background-color: #c3ffc3;
        }
    }

    ul.rubric-list{
        margin: 0;
        padding: 0;
        list-style-type: none;

        li {
            &.rubric-list-item{
                margin-bottom: 0;
                padding: 0;
            }
        }
    }

    h1 {
        margin: 0 0 0 ($baseline/2);
    }

    h2 {
        a {
            text-size: 0.5em;
        }
    }

    div {
        margin: 0;

        &.submission-container{
            @include clearfix();
            overflow-y: auto;
            max-height: 300px;
            height: auto;
            border: 1px solid #ddd;
            background: $gray-l6;
        }
    }

    label {
        margin: 0;
        padding: ($baseline/10);
        min-width: 50px;
        text-size: 1.5em;
    }
    
    /* Toggled State */
    input[type=radio]:checked + label {
        background: #666;
        color: white;
    }

    input[name='score-selection'],
    input[name='grade-selection'] {
        display: none;
    }

    .problem-list {
        width: 100%;
        table-layout: auto;
        text-align: center;
        
        th {
            padding: ($baseline/10);
        }
        
        td {
            padding: ($baseline/10);
        }
        
        td.problem-name {
            text-align: left;
        }

        .ui-progressbar {
            margin: 0;
            padding: 0;
            height: 1em;
        }
    }

    .prompt-information-container,
    .rubric-wrapper,
    .calibration-feedback-wrapper,
    .grading-container {
        padding: ($baseline/2) 0;
    }

    .error-container {
        margin-left: 0;
        padding: ($baseline/10);
        background-color: #ffcccc;
    }
    
    .submission-wrapper {
        padding: ($baseline/10);
        padding-bottom: ($baseline*0.75);
        
        h3 {
            margin-bottom: ($baseline/10);
        }

        p {
            margin-left: ($baseline/10);
        }
    }
    .meta-info-wrapper {
        padding: ($baseline/10);
        background-color: #eee;
        
        div {
            display: inline;
        }
    }
    .message-container,
    .grading-message {
        margin-left: 0;
        padding: ($baseline/10);
        background-color: $yellow;
    }
    
    .breadcrumbs {
        margin: ($baseline/2) ($baseline/4);
        font-size: .8em;
    }

    .instructions-panel {
        @include clearfix();
        padding: ($baseline/2);
        background-color: #eee;
        font-size: .8em;
        
        > div {
            margin-bottom: ($baseline/4);
            padding: ($baseline/2);
            width: 49%;
            background: #eee;

            h3 {
                color: #777;
                text-align: center;
                text-transform: uppercase;
            }
            
            p{
                color: #777;
            }
        }
        .calibration-panel {
            display: inline-block;
            width: 20%;
            border-radius: 3px;
        }

        .grading-panel {
            display: inline-block;
            width: 20%;
            border-radius: 3px;
        }
        .current-state {
            background: $white;
            
        }
    }

    .collapsible {
        margin-left: 0;

        header {
            margin-top: ($baseline/10);
            margin-bottom: ($baseline/10);
            font-size: 1.2em;
        }
    }
    
    .interstitial-page {
        text-align: center;

        input[type=button] {
            margin-top: $baseline;
        }
    }
}

div.peer-grading {
    border-radius: ($baseline/2);
    padding: 0;

    .peer-grading-tools {
        padding: $baseline;
    }

    .error-container {
        margin: $baseline;
        border-radius: ($baseline/4);
        padding: ($baseline/2);
    }

    .interstitial-page, .calibration -feedback, .calibration-interstitial-page {
        padding: $baseline;
    }

    .prompt-wrapper {
        padding: $baseline;
    }

    .grading-wrapper {
        padding: $baseline;
    }
}

div.staff-grading {
    padding: $baseline;
}

