body { font-family: Helvetica,Arial,sans-serif;
}

#statusinfo {
  float: right;
  border: 1px #dec solid;
  margin: 5px;
  padding: 3px;
  font-size: .8em;
  font-weight: bold;
  width: 100px;
}

#statusinfo .pagecount {
  color: #687c48;
}

.btnl {
   width: 150px;
  padding-top: 10px;
}
.btnr {
  padding-top: 10px;
   width:150px;
}

#statusinfo .htmlstatus {
  display: none;
}

#compform {
  width: 550px;
  text-align:center;
  margin:0 auto 0; 
  position: relative;
}

#compform .instructionscomp, p {
  text-align: left;
}

#compform .competencyline tr{
  padding-top: 5px;
  padding-bottom: 5px;
}

#compform .aspectdescription td {
  border-bottom: 1px #ccc solid;
  padding-top: 5px;
  padding-bottom: 5px;
}
#compform .pulldownmenu td {
  border-bottom: 1px #ccc solid;
  padding-top: 5px;
  padding-bottom: 5px;
}

#compform .competencytable {
  background: #eee;
  border: 1px #ccc solid;
  margin-bottom: 10px;
  padding: 5px;
}


  #item { font-size: 12px;
    }

  #item .statement { text-align: left;
    width: 400px;
    padding-left: 10px;
    }

  #item .longstatement { text-align: left;
    width: 300px;
    padding-left: 10px;
    }
  .grcstatement { text-align: left;
    width: 350px;
    padding-left: 10px;
    }
  #item .longoption { text-align: left; 
   }

  #item .rstatement { text-align: right;
    width: 250px;
    padding-right: 10px;
    }

  #item .lstatement { text-align: left;
    width: 250px;
    padding-left: 10px;
    }

  #item .rightbox { text-align: right;
    width: 250px;
    padding-right: 10px;
    }

  #item .leftbox { text-align: left;
    width: 250px;
    padding-left: 10px;
    }


  #item .sostitem { text-align: left;
    width: 150px;
    padding-left: 10px;
    text-indent:  10px;
    vertical-align: top;
    }

  #item .qnum { text-align: center;
    font-size: 1.3em;
    }

  #item .kies { text-align: center;
    width: 50px;
    }

  .warningmessage {
     padding: 5px;
     width: 80%;
     border: 1px solid #ff6600;
     font-size: .9em;
     background: #ffeedd;
     margin: 1em auto;
  }

.testtitle { 
   color: #682def;
   font-size: 1.3em;
   border-bottom: 1px #9f7bf4 solid;
}

.pertable { font-size: 12px;
    }

.instructionscomp {
   margin: auto;
   text-align: left;
   width: 550px;
}

.roosendaalwarning {
   margin: auto;
   text-align: left;
   width: 550px;
   background: #ffddaa;
   border: 1px #ff6600 solid;
   padding: 4px;
   font-size: .8em;
}

.positionlist {
   text-align: left;
}
.positionlist dt {
   float: left;
   display: block;
   clear: both;
   width: 85px;
   font-size: 1em;
}

.positionlist dd {
   margin-left: 80px;
   padding: 3px;
   font-size: .8em;
   border: 1px #ddd solid;
   background: #fffdef;
}

#generalarea{
  text-align:left;
  width: 90%;
  margin: auto;
  border: 1px #ddd solid;
  padding: 5px;
  font-size: 12px;
}

#generalarea .content {
  font-size: 12px;
}

.fixeddata { 
font: 110%/90% "Courier New",monospace;
}

.qnum {
  font-size: 1.3em;
  width: 40px;
}

.fleft {
  float: left;
  margin-top: 25px;
}

.tablesep {
  margin-top: 30px;
  border-top: 1px #ccc solid;
  clear: both;
  display:block;
}

.question {
  border: 1px #999 solid;
  width: 650px;
  margin: 0 auto 0 auto;
}

.itemblock {
  width: 100%;
}



.odd {
  background: #eef;
  width: 100%;
}

.even {
  background: #ffe;
  width: 100%;
}

#submitarrow {
margin: 0 0 0 0;
text-align: right;
  
  font-size: .8em;
}

#divBottomRight {
  font-size: .9em;
  font-weight: bold;
  background: #fff;
  padding: 5px;
}

.labelpinfo {
  text-align: right;
}
.labelpinfosub {
  font-style: italic;
}

/* Completion Percentages in testing screen */
.percentage { width: 70px; border: 1px solid #2C9CC5; font-size: 1pt; line-height: 1pt; float: left; }

.fill { height: 9px; background: #97D2F7 url("/img/backgrounds/percentage-fill.jpg") left top repeat-x; }

.hoofdmenu td.status { font-size: 90%; line-height: 90%; }

.hoofdmenu td.status span { float: left; width: 10px; margin-left: 10px; }


.sectcol {
  width: 40px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nimokies {
  width: 50px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nimotd {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nimoq { 
  width: 550px;
  font-size: .8em;
  padding: 0px;
  margin: auto;
}
.section2 {
  width: 550px;
  font-size: .8em;
  font-style: italic;
  margin: auto;
}
.nimotarea {
  width: 550px;
  font-size: .9em;
  font-style: italic;
}

.nimocom {
  text-align: center;
}