/* --------------------------------------------------------------------------------------------

 Sample Stylesheet for changing appearance of survey in SensorPro    

 The following elements on the page may have styles applied to them: 

 body                - Apply a style to the entire page (bg image, bg color etc.     
 #M_PageHead         - The header panel at the top of the survey.             
 #M_Details          - The Details section (where questions and buttons go)   
 #M_DetailsLine1Col1 - The first line in the detail section           
 #M_DetailsLine2Col1 - The second line in the detail section          
 #M_DetailsLine3Col1 - The third line in the detail section           
 #M_DetailsLine4Col1 - The fourth line in the detail section  (etc.)  
 #M_Footer           - The footer panel of the survey                                                                                      

 Common Styles:

   background-image: url(http://site.com/imagename.jpg);
     - Apply a background image to element. Tiled by default. Full URL must be specified.
 
   background-repeat: no-repeat;
     - Specify whether a background repeats, doesn't repeat, or tiles vertically/horizontally
     - valid options: repeat, no-repeat, repeat-x (tile horizontally), repeat-y (tile vertically)
  
   background-position: top right;
   background-position: 400px 100px;
     - Can be relative (top left, bottom right, center center, center right etc.)
     - Can be absolute (600px 120px means 600 pixels across, 120 pixels down)

   border / border-top / border-bottom / border-left / border-right
     - Apply a border to the selected element.

   background-color: red;
     - Apply a background color to the selected element.

   padding: 30px;
     - Apply padding within a selected element.
     - can also use padding-left, padding-top, padding-bottom, padding-right

 Additional resources:

   Background Image:    http://www.w3schools.com/css/pr_background-image.asp
   Background Repeat:   http://www.w3schools.com/css/pr_background-repeat.asp
   Background Position: http://www.w3schools.com/css/pr_background-position.asp
   Border:              http://www.w3schools.com/css/css_reference.asp#border
   Full CSS Reference:  http://www.w3schools.com/css/css_reference.asp


  
-------------------------------------------------------------------------------------------------- */



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

html { overflow:scroll }
body { font-family:Arial; 
       font-size:11px; 
		text-align:center;
       background-color:#ffffff;
       }

.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;text-align:center;}
#M_PageHeadTable 
{
  height:5px;
  width:600px;
  margin-left:auto;margin-right:auto;
  padding-top:5px;
  text-align:center;
}
#HeaderDiv {text-align:center; width:100%;}

/* Heading Styles - Use with Spans */

.heading01 {font-family:arial;font-size:22px;font-weight:bold;}
.heading02 {font-family:arial;font-size:14px;font-weight:bold;}


/* ------------- 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 
   {
    width:600px;
    height:1px;
    font-family:verdana;
	font-size:10px;
	color:#666666;
   }

   #M_PageFootTable { 
       margin-left:auto;
       margin-right:auto;
       width:600px;
       height:1px;
       text-align:center;}

   #FooterDiv {text-align:center; width:600px;height:40px;}

   #M_PageFoot1ValidationSummaryCell1 {
    text-align:left;
   }

   #validationsummary2 {
    width:550px;
    padding:10px;
    text-align:left;
   }

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




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


/* Note 1 - Main Survey Content              */

   #bodyDiv
   {
    width:600px;
    background-image: none;
    margin-left:auto;
    margin-right:auto;
	border: 10px solid orange;
}

   #detailsDiv 
   {
    position: relative;
    text-align:center;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}

   #M_Col1 {}

   #M_Details
   {
    font-family:arial;
    width:600px;
    color:gray;
    background-color:white;
    text-align:left;
    /* for IE */
    /* filter:alpha(opacity=80); */
    /* CSS3 standard */
    /* opacity:0.8; */
    margin-left:auto;
    margin-right:auto;
   }

/* --------- 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! */


.spACell {
 font-family:arial;
 color: #555555;
 font-size:11px;
 padding-left:5px;
 /* white-space:nowrap; */
}

.spQRow {
 font-family:arial;
 color: #666666;
 font-size:12px;
 padding-left:0px;
}

.spHRow {
 font-family:arial;
 color: 666666;
 font-size:11px;
 padding-left:10px;
}

.qLColHeading {
	font-family:arial;
	color: 666666;
	font-size:12px;
   	width:60px;
}
.qLMColHeading {
	font-family:arial;
	color: 666666;
	font-size:12px;
   	width:60px;
}
.qLTColHeading {
	font-family:arial;
	color: 666666;
	font-size:12px;
	vertical-align:bottom;
   	width:60px;
}
.qIMColHeading {
	font-family:arial;
	color: 666666;
	font-size:11px;
   	width:60px;
}


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


#M_DetailsLine1Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine2Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine3Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine4Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine5Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine6Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine7Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine8Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine9Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine10Col1 {padding:20px 10px 0px 10px;}

#M_DetailsLine11Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine12Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine13Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine14Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine15Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine16Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine17Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine18Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine19Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine20Col1 {padding:20px 10px 0px 10px;}

#M_DetailsLine21Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine22Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine23Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine24Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine25Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine26Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine27Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine28Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine29Col1 {padding:20px 10px 0px 10px;}
#M_DetailsLine30Col1 {padding:20px 10px 0px 10px;}


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


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



.navbutton{
   color: white;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   width:75px;
   height:20px;
   background-color: green;
   border:1px solid;
   border-top-color: green;
   border-left-color: green;
   border-right-color: green;
   border-bottom-color: green;
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;}

.navbuttonon {
   color: white;
   font-family:arial;
   font-size:12px;
   font-weight:bold;
   width:75px;
   height:20px;
   background-color: green;
   border:1px solid;
   border-top-color: green;
   border-left-color: green;
   border-right-color: green;
   border-bottom-color: green;
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}




.clsFormInput {
 width: 75px;

}

.dataentry input {
 width: 250px;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}
.dataentry TD {
 font-size:10px;
 font-weight:bold;
 color:black;
 font-family:verdana;
}

.dataentrytxt {}
.dataentrynum {}