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

 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 { 	background: transparent url(http://staging.jovansatisfaction.coalmarch.com/art/popup-bg.jpg) repeat-x 0px 0px;}

.clsWrapper {}



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

form{
	width: 700px;
	padding: 20px 20px;
	margin: 0px auto;
}

#M_PageHead {	font-family: "Futura", Futura, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	color: #eb6f38;
	margin: 0px 0px 30px 0px;
        text-align:left;}


#M_PageHeadTable
{}


#HeaderDiv {width:620px;}

/* Heading Styles - Use with Spans */

.heading01 {font-family:helvetica;font-size:22px;font-weight:bold;}
.heading02 {font-family:helvetica;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:700px;
    height:38px;
    font-family:verdana;font-size:10px;font-color:#444444;font-weight:bold;
   }

   #M_PageFootTable {
       width:700px;
       height:38px;
   }

   #FooterDiv {width:620px;height:40px;}

   #M_PageFoot1ValidationSummaryCell1 {
    text-align:left;
   }

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

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




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


/* Note 1 - Main Survey Content              */

   #bodyDiv
   {
     width:700px;
   }

   #detailsDiv
   {
    width:700px;
    border:none;
    background-color:#ffffff;
   }

   #M_Col1 {width:310px;}
   #M_Col2 {width:310px;}


   #M_Details
   {
    font-family:verdana;
    width:700px;
    background-color:#ffffff;
   }

/* --------- 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:tahoma;
 color: #555555;
 font-size:11px;
 padding-left:0px;
 /* white-space:nowrap; */
}

.spQRow {
    font-family: "Futura", Helvetica, Arial, sans-serif;
    font-size: 14px;
	text-transform: uppercase;
    color: #eb6f38;
    padding-top:10px;
}


.spHRow {
 font-family:tahoma;
 color: gray;
 font-weight:bold;
 font-size:11px;
 padding-left:10px;
}

.qLColHeading {
	font-family:verdana;
	color: grey;
	font-size:12;
   	width:60px;

}
.qLMColHeading {
	font-family:verdana;
	color: gray;
	font-size:12;
   	width:60px;
}
.qLTColHeading {
	font-family:verdana;
	color: gray;
	font-size:10px;
	vertical-align:bottom;
   	width:45px;
}
.qLTColHeadingStart {width:60px;}
.qLTColHeadingEnd {width:60px;}

.qIMColHeading {
	font-family:verdana;
	color: gray;
	font-size:11;
   	width:60px;
}

#lbl_01c1e671-c156-4e44-96e1-b6fa3a24deec,#lbl_5563d56d-7782-4b9e-996e-548414b690d9,#lbl_b085aea3-36e4-44e1-a71b-f4e1a753c95d {
    font-family: "Futura", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: none;
    color: #555555;
    padding-top:10px;
}


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


#M_DetailsLine1Col1 {padding:20px 10px 0px 5px;}
#M_DetailsLine2Col1 {padding:20px 10px 0px 5px;}

#M_DetailsLine2Col1 .spACell {padding-left:5px;}

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

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

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


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


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

/*

.navbutton{}
.navbuttonon{}


*/


#M_DetailsLine3 {display:none;}



.clsFormInput {
 width: 150px;

}

.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:10px;
 font-weight:bold;
 color:black;
 font-family:verdana;
}

.dataentrytxt {}
.dataentrynum {}