/* Body and HTML settings - Font Tags set generic font for whole page */

/* -------------------------------------------- */
/* Canvas Style: Change background-color       */
/* -------------------------------------------- */

html { overflow:scroll;}
body { font-family:Arial,Helvetica,sans-serif;
       font-size:12px; text-align:center;
       background-color:#BDCD14;}

.clsWrapper {text-align:center;}




/* ----------------------------------------- */
/* ------------- Header Section ------------ */
/* ----------------------------------------- */

/* Note 1 - Margins are used to center the table on screen - do not remove */
/* Note 2 - Width and Height match the image size */



#M_PageHead {margin-left:auto;margin-right:auto;}
#M_PageHeadTable 
{
  width:700;
  margin-left:auto;margin-right:auto;
  padding-top:0px;
  text-align:center;
  background-color:black;
}
#HeaderDiv {text-align:center; width:100%;}


/* ------------- End Header Section -------- */




/* ----------------------------------------- */
/* ------------- Footer Section ------------ */
/* ----------------------------------------- */


/* Note 1 - Margins are used to center the table on screen - do not remove */
/* Note 2 - Width and Height match the image size */
/* Validation Summary - This is where error messages appear */

   #M_PageFoot 
   {
    height:202px;
    width:700px;
   }

   #M_PageFootTable { 
       margin-left:auto;
       margin-right:auto;
       width:100%;
       height:202px;


    vertical-align:top;
}

   #FooterDiv {
       text-align:center; 
       width:100%;
       height:202px;
       border:0px solid black;  }

   #validationsummary2 {
    font-family:verdana;
    font-size:8px;
    font-color:#646847;
    font-weight:bold;
   }

   #validationsummary2 a {font-family:verdana;font-size:10px;color:#646847;text-decoration:none;}
   #validationsummary2 a:hover {font-family:verdana;font-size:10px;color:#646847;text-decoration:none;}
   #validationsummary2 a:visited {font-family:verdana;font-size:10px;color:#646847;text-decoration:none;}


/* ------------- End Footer Section -------- */




/* ----------------------------------------- */
/* ------------- Detail Section ------------ */
/* ----------------------------------------- */


/* Note 1 - Main Survey Content              */

   #detailsDiv 
   {
    text-align:center;
    width:100%;
   }


/* -------------------------------------------- */
/* Question Area Style (Color, Width)           */
/* This is the main body of the survey          */
/* -------------------------------------------- */

   #M_Details
   {
     text-align:center;
     display:block;
     padding-left:35px;
     width:700px;
     margin-left:auto;
     margin-right:auto;
     /* background-color: white; */
   }

/* --------- End Detail Section ------------ */




/* ----------------------------------------- */
/* -------- Survey Features Section -------- */
/* ----------------------------------------- */

/* Note 1 - Navbutton is for navigation buttons (next, previous) */
/* Note 2 - clsFinishButton is for the Finish Button */
/* Note 3 - spARow (answer row formatting */
/* Note 4 - spQRow (question row formatting */
/* Note 5 - spHRow (answer heading row formatting */
/* Note 6 - qLColHeading (Likert Answer Heading formatting */
/* Note 7 - qLMColHeading (Likert Matrix Heading formatting */
/* Note 8 - qLTColHeading (Likert Text Heading formatting */
/* Note 9 - qIMColHeading (Input Matrix Heading formatting */
/* Note 10 - white-space:nowrap stops answers from wrapping! */


/* --------------------------------------- */
/* Answer Style (Color, Font, Font Size)   */
/* --------------------------------------- */

.spACell {
 font-family:arial,'trebuchet ms';helvetica,arial,sans-serif; color: black;
 font-size:12px;
 padding-left:12px;
 color:#646847;
 /* white-space:nowrap; */
}


/* --------------------------------------- */
/* Question Style (Color, Font, Font Size) */
/* --------------------------------------- */

.spQRow {
 font-family: arial,'trebuchet ms';helvetica,arial,sans-serif;
 color: #646847;
 font-size:13px;
 font-weight:bold;
 padding-left:10px;
}


.spHRow {
 font-family:'trebuchet ms';helvetica,arial,sans-serif;
 color: #646847;
 font-weight:bold;
 font-size:12px;
 padding-left:10px;
}

textarea {width:600px;height:50px;border:1px solid #53646E;}

.qLColHeading {
	font-family:helvetica,arial,sans-serif;
	color: #646847;
	font-size:12;
   	width:60px;
}
.qLMColHeading {
	font-family:helvetica,arial,sans-serif;
	color: #646847;
	font-size:12;
   	width:60px;
}
.qLTColHeading {
	font-family:helvetica,arial,sans-serif;
	color: #646847;
	font-size:12;
   	width:60px;
}

.1 { width:60px; }
.2 { width:60px; }
.3 { width:60px; }
.4 { width:60px; }
.5 { width:60px; }
.6 { width:150px; }


.qIMColHeading {
	font-family:helvetica,arial,sans-serif;
	color: #646847;
	font-size:12;
   	width:60px;
}


/* Note 9 - Padding for Lines - values are top,right,bottom,left */


#M_DetailsLine1Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine2Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine3Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine4Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine5Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine6Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine7Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine8Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine9Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine10Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine11Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine12Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine13Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine14Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine15Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine16Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine17Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine18Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine19Col1 {padding:5px 20px 0px 50px;}
#M_DetailsLine20Col1 {padding:5px 20px 0px 50px;}


/* Specialised Section for hiding certain survey elements */

#QC16 {display:none;}
#QC17 {display:none;}
#QC18 {display:none;}
#QC19 {display:none;}
#QC20 {display:none;}
#QC21 {display:none;}
#QC22 {display:none;}
#QC23 {display:none;}
#QC24 {display:none;}

.hideme {display:none;}



/* --------- End Detail Section ---------- */


/* ----------------------------------------- */
/* -------- Form Elements Section ---------- */
/* ----------------------------------------- */



.navbutton{
   color:#265AA7;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:75px;
   background-color:#7c16cc;
   border:1px solid;
   border-top-color:#265AA7;
   border-left-color:#265AA7;
   border-right-color:#367FED;
   border-bottom-color:#367FED;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffBDC2EF');}

.navbuttonon {
   color:black;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:75px;
   background-color:#7c16cc;
   border:1px solid;
   border-top-color:#265AA7;
   border-left-color:#265AA7;
   border-right-color:#367FED;
   border-bottom-color:#367FED;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#EF4E26EF');}
}


.clsProgOn { background-color: #4D717D;}  

.clsFormInput {
 width: 75px;

}

.dataentry input {
 width: 250px;
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}
.dataentry TD {
 font-size:13px;
 font-weight:bold;
 color:#53646E;
 font-family:helvetica,arial,sans-serif;;
}

.dataentrytxt {}
.dataentrynum {}


.heading01 {font-family:helvetica,arial,sans-serif; font-size:24px;font-weight:bold;color:#646847;}