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

    div {
        margin: 10px;
    }

    label {
        margin: 10px;
        padding: 5px;
        display: inline-block;
        min-width: 50px;
        background-color: #CCC;
        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: 10px;
        }
        td
        {
            padding:10px;
        }
        td.problem-name
        {
            text-align:left;
        }
        .ui-progressbar
        {
            height:1em;
            margin:0px;
            padding:0px;
        }
    }

    .prompt-information-container,
    .rubric-wrapper,
    .calibration-feedback-wrapper,
    .grading-container
    {
        border: 1px solid gray;
        padding: 15px;
    }
    .error-container
    {
        background-color: #FFCCCC;
        padding: 15px;
        margin-left: 0px;
    }
    .submission-wrapper
    {
        h3
        {
            margin-bottom: 15px;
        }
        p
        {
            margin-left:10px;
        }
        padding: 15px;
    }
    .meta-info-wrapper
    {
        background-color: #eee;
        padding:15px;
        h3
        {
            font-size:1em;
        }
        ul
        {
            list-style-type: none;
            font-size: .85em;
            li
            {
                margin: 5px 0px;
            }
        }
    }
    .message-container,
    .grading-message
    {
        background-color: $yellow;
        padding: 10px;
        margin-left:0px;
    }
    
    .breadcrumbs
    {
        margin-top:20px;
        margin-left:0px;
        margin-bottom:5px;
        font-size: .8em;
    }

    .instructions-panel
    {

        margin-right:20px;
        > div
        {
            padding: 2px;
            margin: 0px;
            background: #eee;
            height: 10em;
            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:20px;
            margin-bottom:20px;
            font-size: 1.2em;
        }
    }
    
    .interstitial-page
    {
        text-align: center;
        input[type=button]
        {
            margin-top: 20px;
        }
    }
    padding: 40px;
  .rubric {
      tr {
          margin:10px 0px;
          height: 100%;
      }
      td {
          padding: 20px 0px 25px 0px;
          height: 100%;
      }
      th {
          padding: 5px;
          margin: 5px;
      }
      label,
      .view-only {
          margin:2px;
          position: relative;
          padding: 15px 15px 25px 15px;
          width: 150px;
          height:100%;
          display: inline-block;
          min-height: 50px;
          min-width: 50px;
          background-color: #CCC;
          font-size: .9em;
      }
      .grade {
        position: absolute;
        bottom:0px;
        right:0px;
        margin:10px;
      }
      .selected-grade {
        background: #666;
        color: white; 
      }
      input[type=radio]:checked + label {
        background: #666;
        color: white; }
      input[class='score-selection'] {
        display: none; 
      }
  }
    
}

