div.staff-grading,
div.peer-grading{
    textarea.feedback-area {
        height: 75px;
        margin: 0px;
    }

    ul.rubric-list{
        list-style-type: none;
        padding:0;
        margin:0;
        li {
             &.rubric-list-item{
                 margin-bottom: 0px;
                 padding: 0px;
             }
        }
    }

    h1 {
        margin : 0 0 0 10px;
    }

    h2{
        a
        {
            text-size: .5em;
        }
    }

    div {
        margin: 0px;
        &.submission-container{
              overflow-y: auto;
              height: 150px;
              background: #F6F6F6;
              border: 1px solid #ddd;
              @include clearfix;
        }
    }

    label {
        margin: 0px;
        padding: 2px;
        min-width: 50px;
        background-color: white;
        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
    {
        text-align: center;
        table-layout: auto;
        width:100%;
        th
        {
            padding: 2px;
        }
        td
        {
            padding:2px;
        }
        td.problem-name
        {
            text-align:left;
        }
        .ui-progressbar
        {
            height:1em;
            margin:0px;
            padding:0px;
        }
    }

    .prompt-information-container,
    .rubric-wrapper,
    .calibration-feedback-wrapper,
    .grading-container
    {
        padding: 2px;
    }
    .error-container
    {
        background-color: #FFCCCC;
        padding: 2px;
        margin-left: 0px;
    }
    .submission-wrapper
    {
        h3
        {
            margin-bottom: 2px;
        }
        p
        {
            margin-left:2px;
        }
        padding: 2px;
        padding-bottom: 15px;
    }
    .meta-info-wrapper
    {
        background-color: #eee;
        padding:2px;
        div
        {
            display : inline;
        }
    }
    .message-container,
    .grading-message
    {
        background-color: $yellow;
        padding: 2px;
        margin-left:0px;
    }
    
    .breadcrumbs
    {
        margin-top:2px;
        margin-left:0px;
        margin-bottom:2px;
        font-size: .8em;
    }

    .instructions-panel
    {

        margin-right:2px;
        > div
        {
            padding: 2px;
            margin-bottom: 5px;
            background: #eee;
            width:47.6%;
            h3
            {
                text-align:center;
                text-transform:uppercase;
                color: #777;
            }
            p
            {
                color: #777;
            }
        }
        .calibration-panel
        {
            float:left;
        }
        .grading-panel
        {
            float:right;
        }
        .current-state
        {
            background: #1D9DD9;
            h3, p
            {
                color: white;
            }
        }
        @include clearfix;
    }


    .collapsible
    {
        margin-left: 0px;
        header
        {
            margin-top:2px;
            margin-bottom:2px;
            font-size: 1.2em;
        }
    }
    
    .interstitial-page
    {
        text-align: center;
        input[type=button]
        {
            margin-top: 20px;
        }
    }
    padding: 15px;
    border: none;
}

