.paper {
  position: relative;

  padding: 1em 1.5em;
  border:1px solid #000000;
  border-radius:4px;
  border-bottom-right-radius:16px;
  overflow: hidden;
  box-shadow: 2px 2px 5px #888888;
}

.paper:before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  display:block;
  width:16px;
  height:16px;
  background-color:#eeeeee;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
}

.box
{
    border:2px solid #000000;
    padding:1em 1.5em;
    margin-bottom:0.5em;
}

.letter
{
    border:1px dotted #ff0000;
    margin-bottom:0.5em;
}


.notepad
{
  position: relative;
  padding: 2em 1.5em 1.5em 1em;
  margin-top:16px;
  border:1px solid #000000;
  border-radius:4px;
  box-shadow: 2px 2px 5px #888888;
}

.notepad:before {
  content: "";
  position: absolute;
  top: -14px;
  left:16px;
  right:16px;
  display:block;
  height:28px;
  background-image:url(images/notepad.png);
  background-repeat: repeat-x;
}

.rubric
{
    margin-bottom:0.5em;
}

.grouptitle
{
    margin-bottom:0.5em;
}

.stimulus
{
    line-height:1.5em;
}

.questionnumber
{
    font-weight:bold;
}

.MC .example
{
    border:1px solid #000000;
    padding:0.25em;
}

.question
{
    margin-top:1em;
    margin-bottom:1em;
}

.question .questionnumber
{
    float:left;
}

.question .indent
{
    margin-left:3em;
}

.example .indent
{
    margin-left:6em;
}

.MT .question .indent
{
    margin-left:6em;
}


.optionletter
{
    display:inline-block;
    min-width:1.5em;
}

.correctoption
{
    border:1px solid #000000;
    border-radius:15px;
    margin-top:-1px;
    margin-bottom:-1px;
    margin-left:-5px;
    padding-left:4px;
}

.optioninput
{
    display:none;
}

.questiongap
{
    display:inline-block;
    min-width:6em;
    border-bottom:1px dotted #000000;
    margin-left:4px;
    margin-right:4px;
}

.maskedletter
{
    display:inline-block;
    min-width:1em;
    text-align:center;
    font-weight:bold;
    border-bottom:1px solid #ffffff;
    margin-left:4px;
    margin-right:4px;
}

.maskedgap
{
    display:inline-block;
    min-width:1em;
    text-align:center;
    border-bottom:1px dotted #000000;
    margin-left:4px;
    margin-right:4px;
}

.longgap
{
    height:1em;
    margin-bottom:0.5em;
    display:block;
}


.IC .prompt
{
    display:inline-block;
    margin-bottom:0.5em;
}

.horizontal .option
{
    display:inline-block;
    margin-right:1.5em;
}

.MC_Graphic .option
{
    display:inline-block;
    position:relative;
    width:25%;
    float:left;   
    margin-top:2em;
    margin-bottom:3em; 
    margin-right:1em;
    text-align:center;
}

.MC_Graphic .option .optiontext
{
    min-height:4em;
    line-height:4em;
}

.MC_Graphic .option .optionletter {
    position:absolute;
    left:0px;
    right:0px;
    top:-2em;
    text-align:center;
}

.MC_Graphic .option .optioninput {
    position:absolute;
    left:0px;
    right:0px;
    bottom:-2em;
    text-align:center;
}

.MC_Graphic .option img
{
    width:100%;
    height:auto;
}

.MC_Graphic .question
{
    clear:both;
}

.matchingoptionsfirst .optionletter
{
    font-weight:bold;
    text-transform:capitalize;
}

.matchingoptionsfirst .optiontext
{
    display:inline-block;
    border:1px solid #000000;
    margin-bottom:1em;
    vertical-align:top;
}


.matchingoptionsfirst .option img
{
    width:80px;
    height:auto;
}

.matchingoptionsafter .option
{
    margin-bottom:1em;    
}


ol.LetteredList {
    counter-reset: my-counter;
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
}

ol.LetteredList li
{
    margin-left:3em;
    margin-bottom:1em;
}

ol.LetteredList li:before {
    content: counter(my-counter, upper-alpha);
    counter-increment: my-counter;
    display:inline-block;
    margin-left: -3em;
    width:3em;
    font-weight: bold;
}