body
{
   margin: 0;
   padding: 0;
   background: #5E106F;
   font: normal 9pt/12.5pt Verdana, Arial, Helvetica;
}

form
{
   width: 760px;
   margin: 0 auto;
   padding: 0;
   position: relative;
   background: #fff;
}

#topbar
{
   position: relative;
   height: 52px;
   border-bottom: 1px solid #5e106f;
}

#progress-container
{
   height: 18px;
   background: #fff;
}

      #progressbar
      {
         position: absolute;
         top: 22px;
         right: 20px;
         width: 150px;
         height: 8px;
/*         background: #fff url(/img/ncdo/bg.progress.gif) no-repeat 0 0; */
         border: 1px solid #5E106F;
      }

            #progressbar span
            {
               display: block;
               height: 4px;
               margin: 2px;
               overflow: hidden;
               background: url(/img/ncdo/progressindicator.gif) repeat-x 0 0;
            }

#questions
{
   width: 760px;
   padding: 10px 0 10px;
   background: #fff;
}


      #inner-questions
      {
         width: 720px;
         padding: 0 20px;
         min-height: 280px;
         height: auto !important;
       * height: 280px;
      }
     
#buttons
{
   margin-top: 10px;
   text-align: center;
   background: #fff;
}

      #buttons span
      {
         display: block;
         margin-left: 15px;
      }

      #buttons input
      {
         width: 150px;
         height: 23px;
         margin: 0 15px 10px 0;
         border: 0;
         cursor: pointer;
      }

      #button-verder
      {
         background: url(/img/ncdo/button.verder.gif) no-repeat 0 0;
      }

      #button-terug
      {
         background: url(/img/ncdo/button.terug.gif) no-repeat 0 0;
      }
      
      #buttons input.over
      {
         background-position: 0 100%;
      }
      
#footer
{
   margin-top: 10px;
   border-bottom: 1px solid #fff;
}

input.textinput
{
   font: normal 9pt/12.5pt Verdana, Arial, Helvetica;
   background: #f3f5f3;
   border: solid 1px #0a1e60;
   padding: 1px 3px;
}

textarea
{
   border: 1px solid #0a1e60;
   background: #f3f5f3;
   overflow: auto;
   font: normal 9pt/12.5pt Verdana, Arial, Helvetica;
   padding: 3px;
}

select.select
{
   font: normal 9pt/12.5pt Verdana, Arial, Helvetica;
   min-height: 19px;
   min-width: 230px;
   background: #f3f5f3;
   border: solid 1px #0a1e60;
}


















.respmsg 
{
   font: normal normal bold 8pt verdana, sans-serif;
   color: #ff0000;
   margin-top: 10px;
}







a.answer,
a.Answer
{
   color: #0a1e60;
   text-decoration: none;
}

a:hover.answer,
a:hover.Answer 
{
   color: #ff7500;
   text-decoration: underline;
}

span.answer,
span.Answer
{
   color: #0a1e60;
}

span.question,
span.Question
{
   color: #000;
}

.BlockOddRowOddColumn, .BlockOddRowEvenColumn,
.blockOddRowOddColumn, .blockOddRowEvenColumn
{
   background-color: #f4f5f4;
}


.BlockEvenRowOddColumn, .BlockEvenRowEvenColumn,
.blockEvenRowOddColumn, .blockEvenRowEvenColumn
{
   background-color: #e5e6e5;
}

.BlockHeaderEvenColumn, .BlockHeaderOddColumn,
.blockHeaderEvenColumn, .blockHeaderOddColumn
{
   background-color: transparent;
}



.progressbar
{
   margin: 7px;
   width: 200px;
   height: 9px;
   background-color: #f0f1f0;
   border: solid 1px #adaaad;
   text-align: left;
}

.tooltipped
{
	text-decoration: underline;
	cursor: help;
}

.tooltip
{
   border: solid 1px #ddd;
   padding: 1px;
   position: absolute;
   z-index: 1000;
   visibility: hidden;
   top: 20px;
   left: 90px;
   background: #fff;
   layer-background-color: #fff;
}