html,
		body
		{
		/* surveyStyle = 1 */
			margin:0px;
			padding:0px;
			/*height:100%;*/	/* Required to stick footer to bottom of the screen */
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12pt;
						
			
			-moz-background-size:100% 100%; /* Firefox 3.6 */
			background-size:100% 100%;
		}
		
		#themePreviewPanel
		{
			-moz-background-size:100% 100%; /* Firefox 3.6 */
			background-size:100% 100%;
		}
		
					#surveybody
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12pt;
				
				padding:1%;
				border: 1% solid;
				
				text-align:left;
				width:98%;
					background-color: #EEEEEE;				
				-moz-background-size:100% 100%; /* Firefox 3.6 */
				background-size:100% 100%;
			}
			
		/*  General survey css
		    =========================
		*/

		/*surveyHolder is the outerframe for the survey.*/
		#surveyHolder{	
		}

		.toplogo{
		}


		/*Clear floats */
		.clear{	
			clear: both;
		}

		/*. Survey Heading: Holds the logo, the title and description 
		**
		*/
		.surveyHeading{	
			page-break-inside: avoid;		/* Printing support */
			display:block;
			background-repeat: no-repeat;
		}


		/*. Remove image border 
		**
		*/
		.surveyHeading a img{
			border: none; 
			z-index: -1;
		}		

		/*. Paragraph text 
		**
		*/
		.surveyHeading p{
			margin-top: 0;
			font-size: 12pt;
			font-weight: bold;
			line-height: 110%;
		}


		/*. Survey Title
		** 
		*/
		.surveyTitle{
			display:inline;
            width:100%;
		} 


		/*. Survey Title Color
		** 
		*/
		.surveyTitle H2{
			color:black; 
			padding: 10px;

			/* Border radius */
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			
		} 


		/*. Top Logo
		** 
		*/
		.surveyLogo{
			float:right;
			display:inline;
			overflow: hidden;
			margin-left: 10px;
			margin-right: 10px;
			max-width:400px;
			max-height:400px;
		}


		/*. Survey Description
		**
		*/ 
		.surveyDescription{
			page-break-inside: avoid;		/* Printing support */
			display:block;
			clear: both;
			margin-bottom: 10px;			/* New July 2013 */
		} 

		/* This div surrounds the questions */
		#surveyQuestions{
		
			/*	Removed as it causes questions to overflow the outer div.
				padding: 5px;
			*/
		}

		/*each question */
		.surveyQuestion{
			page-break-inside: avoid;		/* Printing support */
			font-size: 100%;					
			font-family: arial,sans-serif;
			display: inline-block;			
			width:100%;						
			/*margin-bottom:20px;*/
		}

		/*The question caption (bit at the top that contains question number)*/
		#questionCaption{
			padding:5px;
			background-color:#E0E0E0; 
			color:black; 
			font-size:140%; 
			font-weight:bold;
			text-align:left;
			
			width:90%;		}


		/*
		** The question content, contains the question
		*/
		.questionContent{
			overflow:auto;
			
			/*
				padding-left:15px;
				padding-right:15px;
				padding-top:10px;
				padding-bottom:10px;
			*/
			
			padding: 8px 10px;
			background-color:#E0E0E0; 
			font-size: 12pt;
			font-weight: bold;
			
			/* Border radius */
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
		}

		/*
		** The question content, contains the question
		*/
		.questionContentValidation{
			/* Border radius bottom only*/
			
			-webkit-border-top-right-radius: 0px;
			-webkit-border-top-left-radius: 0px;
			-webkit-border-bottom-right-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			
			-moz-border-radius-topright: 0px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-bottomright: 15px;
			-moz-border-radius-bottomleft: 15px;
			
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
			border-bottom-right-radius: 15px;
			border-bottom-left-radius: 15px;
		}


		/*
		** Displayed when there is a validation error
		*/
		.validationError{
			font-family:arial,sans-serif;
			font-size:x-large;
			background-color:#F781BE;
			border:1px solid #000;
		}
		
		/*multiple text box error style*/
		.tableTxtbxErr{
			padding-left: 20px;
			padding-right: 20px;
		}
		
		.validationQuestionHeading{
			padding-left: 10px;
			
			-webkit-border-top-right-radius: 15px;
			-webkit-border-top-left-radius: 15px;
			-moz-border-radius-topright: 15px;
			-moz-border-radius-topleft: 15px;
			border-top-right-radius: 15px;
			border-top-left-radius: 15px;
		}
		
		
		/*
		** General paragraph style
		** Font is inherited from questionContent
		*/
		.questionContent p{
			margin-top: 0;
			padding:0px;
		}

		.questionContent h3{
			margin-top: 0;
			margin-left: 0;
			padding:0px;
		}

		.questionContent select{	
		}

		.questionContent textarea{
			overflow:auto;
		}

		.additionalCommentTextStyle{
			margin-top:5px;
			font-weight: bold;
		}

		.radio{
			margin-left:0px;
			padding-left:0px;
		}

		input.text{
		}

		.textAreafocused{
			background-color:LightCyan;
		}

		.textAreaNotfocused{
			background-color:white; 
		}



		table.question{
			margin-left:-2px;
		}

		table.question td{
			padding-left:0px;
			background-color:#E0E0E0; 
		}
		table.question td:hover {
			padding-left:0px;
			background-color:#EEEEEE; 
		}




		#navigationButtons{
			text-align:center;
		}


		/*  Question Table Style 
		**
		*/
		table.altRowHover{
		}
		table.altRowHover td {
			padding: 0.2em 2ex 0.2em 2ex;
			text-align:left;
		}
		table.altRowHover tr.d0 th{
			padding: 0.2em 2ex 0.2em 2ex;
			border:0px;
			background-color: #EEEEEE;
			text-align:left;
		}
		table.altRowHover tr.d1 th{
			padding: 0.2em 2ex 0.2em 2ex;
			border:0px;
			background-color: #E0E0E0;
			text-align:left;
		}
		table.altRowHover tr.d3 th{
			text-align:center;
			font-weight: bold;
			padding: 0.2em 2ex 0.2em 2ex;
			border:0px;
			background-color: #E0E0E0;
			text-align:center;
		}
		table.altRowHover tr.d0 td{
			background-color: #EEEEEE;
			text-align:left;
		}
		table.altRowHover tr.d1 td 
		{
			background-color: #E0E0E0;
			text-align:left;
		}

		table.altRowHover tr.d0 td:hover
		{
			background-color: #EEEEEE;
			text-align:left;
		}
		table.altRowHover tr.d1 td:hover
		{
			background-color: #EEEEEE;
			text-align:left;
		}

		table.altRowHover tr.validationError0{
			padding: 0.2em 2ex 0.2em 2ex;
			border:0px;
			background-color:#F781BE;
			text-align:left;
		}
		table.altRowHover tr.validationError0 th{
			padding: 0.2em 2ex 0.2em 2ex;
		}
		table.altRowHover tr.validationError1{
			border:0px;
			background-color:#F781BE;
			text-align:left;
			opacity: .75;
			filter: alpha(opacity=75);	
		}
		table.altRowHover tr.validationError1 th{
			padding: 0.2em 2ex 0.2em 2ex;
		}
		table.altRowHover tr.validationError0 td:hover{
			background-color: #EEEEEE;
		}
		table.altRowHover tr.validationError1 td:hover{
			background-color: #EEEEEE;
		}


		.magictd{
			white-space:nowrap;
			cursor:pointer;
			font-weight:bold;
		}

		.magictdMatrix, .rankingtd {
			text-align:center !important;
			cursor:pointer;
		}




		/*  Question Table Style END */

		table.stat th, table.stat td{	
			font-size : 100%; font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
		}

		/* Progress bar
		** 
		*/
		table.progress{
			border-collapse: collapse;
			font-size:12px;
			width:85%;
		}
		table.progress td{
			font-size:12px;
		}
		#progressHeading{
			width:60px;
			font-weight: bold;
			font-size: smaller;
			text-align:right;
		}
		#progressfill{
			background-color: #EEEEEE;
		}
		#progressempty{
			background-color:#E0E0E0;
		}
		table.progressBar{
			border-collapse: collapse;
			width:100%;
		}
		img.progressImg{
			height: 6px;
			width: 1px;
		}


		/* Survey password box
		** 
		*/
		.alertBox{
			width:500px; 
			height:200px; 
			position:absolute; 
			top:50%;
			left:50%;
			margin:-100px auto auto -250px;
			BORDER: #000 4px solid;
			background-color:#F2F5F6;
			text-align:center;
		}
		.alertBox h1{
			text-align:center;
		}

		/* Survey error box
		** 
		*/
		.errorBox h1{
			color:red !important;
		}


		/* Contain floating div hack
		**
		*/
		.floatcontainer:after
		{
			content: "."; 
			display: block; 
			height: 0; 
			font-size:0;	
			clear: both; 
			visibility:hidden;
		}
		.floatcontainer{display: inline-block;} 
		/* Hides from IE Mac \*/
		* html .floatcontainer {height: 1%;}
		.floatcontainer{display:block;}
		/* End Hack */ 

		/*
		** Hidden anchor is used to move the focus on survey validation failure
		*/
		.HiddenAnchor
		{
			font-size:0px;
			text-decoration:none;
			outline:none;
			border: 0;
			margin-left: -9999;
			line-height: 0px;
			padding:0px;
			margin:0px;
		}

		/*
		** Reset buttun used to reset radio questions.
		*/
		.ResetLinkStyle
		{
			/*margin-left: 5px;*/
			margin-bottom: 0px;
			padding:0px;
			border:0px;
		}

		/*
		**NEW survey layout.
		**
		*/
		#survey-container
		{
			min-height:100%;
			position:relative;
			padding-bottom: 1px;/* new 27/03/2012*/
		}

		#survey-header
		{
			padding:10px;
		}

		#survey-body
		{
			padding:10px;
			padding-bottom:60px;	/* Height of the footer */
		}

		#survey-footer
		{
			padding:0px;
			border:0px;
			margin:0px;
							position:absolute;
						
			bottom:0;
			width:100%;
			height:60px;			/* Height of the footer */
			background-color: transparent;
		}

		#surveyFooterContents
		{
			margin-left: 2.5%;
			margin-right: 2.5%;
		}

		#customFooterContents 
		{
			
		}
		
		.handle_radio, .handle_checkbox, .handle_radio label, .handle_checkbox label{
		  -moz-user-select: none;
		  -khtml-user-select: none;
		  -webkit-user-select: none;
		  user-select: none;		
		  -ms-user-select: none; /* IE10+ */		  
		}
		
		/* Generate CSS */
body
{
	width:100%;
	margin-right:auto;
	direction:ltr;
	background-color:#FFFFFF;
	background-attachment:Scroll;
	background-repeat:Repeat;
	background-position:left top;
}
table.altRowHover tr.d0 th
{
	background-color:#FFFFFF;
	font-weight:Bold;
}
table.altRowHover tr.d0 td
{
	background-color:#FFFFFF;
}
.surveyHeading
{
	width:100%;
	margin:0 auto;
	text-align:Center;
}
#surveyTitle h2
{
	font-family:Arial;
	font-size:X-large;
	font-style:Normal;
	font-weight:Bold;
	color:#000000;
	background-color:transparent;
	width:100%;
	margin:0 auto;
	text-align:Left;
}
.surveyLogo
{
	width:50%;
	float:Right;
}
.surveyDescription
{
	display:Block;
	width:100%;
	margin-right:auto;
	clear:both;
}
#progressfill
{
	background-color:#6699CC;
}
#progressempty
{
	background-color:lightsteelblue;
}
#progressHeading
{
	color:#000000;
	background-color:transparent;
	font-family:Arial;
	font-size:X-small;
	font-style:Normal;
	font-weight:Bold;
}
table.progress
{
	width:85%;
	margin-right:auto;
}
.questionContent
{
	font-family:Arial;
	color:#000000;
	background-color:#E6E6E6;
}
.questionContent a
{
	font-family:Arial;
	font-size:Medium;
	font-style:Normal;
	font-weight:Bold;
	color:#000000;
}
.questionContent p
{
	font-family:Arial;
	font-size:Medium;
	font-style:Normal;
	font-weight:Bold;
	color:#000000;
}
.questionContent 
{
	font-size:Medium;
}
.questionContent  
{
	font-style:Normal;
	font-weight:Bold;
}
.magictd
{
	font-weight:Bold;
}
.additionalCommentTextStyle
{
	font-weight:Bold;
}
table.altRowHover tr.d3 th
{
	font-weight:Bold;
	background-color:#E6E6E6;
}
table.altRowHover tr.d1 th
{
	font-weight:Bold;
	background-color:#E6E6E6;
}
.questionContent label
{
	font-weight:Bold;
}
#questionCaption
{
	background-color:#E6E6E6;
}
table.question td
{
	background-color:#E6E6E6;
}
table.altRowHover tr.d1 td
{
	background-color:#E6E6E6;
}
table.question td:hover
{
	background-color:#6699CC;
}
table.altRowHover tr.d0 td:hover
{
	background-color:#6699CC;
}
table.altRowHover tr.d1 td:hover
{
	background-color:#6699CC;
}
#TemplateEditorHover
{
	background-color:#6699CC;
}
#surveyQuestions
{
	width:100%;
	margin-right:auto;
}
.surveyQuestion
{
	margin-bottom:0px;
}
.validationError
{
	font-size:X-small;
	font-style:Normal;
	font-weight:Normal;
	background-color:#000000;
	color:#000000;
}
table.altRowHover tr.validationError0
{
	background-color:#000000;
	color:#000000;
}
table.altRowHover tr.validationError1
{
	background-color:#000000;
	color:#000000;
}
.ResetLinkStyle a
{
	font-family:Arial;
	font-size:Medium;
	font-style:Normal;
	font-weight:Bold;
	color:#0000FF;
}
.ResetLinkStyle
{
	text-align:Left;
}
#customFooterContents
{
	text-align:Left;
}