
	html,
	body
	{
		margin:0px;
		padding:0px;
		height:100%;	/* Required to stick footer to bottom of the screen */
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
	}

	html,
	body
	{
	background-color: #99CC99;	}

	/*  General survey css
	=========================*/

	
#surveyHolder	{	/*surveyHolder is the outerframe for the survey.*/
	

}

.toplogo	{
}


/*******************************************************************/

/*. Clear floats
**
*/
.clear
{	
	clear: both;
}


/*******************************************************************/



/*. Survey Heading: Holds the logo, the title and description 
**
*/
.surveyHeading
{	
	margin:2.5%;
	display:block;
}


/*. 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
{
	float:left;
	display:inline;
} 


/*. Survey Title Color
** 
*/
.surveyTitle H2
{
	color:black; 
} 


/*. Top Logo
** 
*/
.surveyLogo
{
	float:right;
	display:inline;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
}


/*. Survey Description
**
*/
.surveyDescription
{
	display:block;
	clear: both;
} 

/* This div surrounds the questions */
#surveyQuestions
{
	padding-top:10px;
	padding-bottom:10px;
}

/*Table that surrounds the question */
#surveyQuestion
{
	page-break-inside: avoid;		/* Printing support */
	FONT-SIZE: 100%;					
	FONT-FAMILY: arial,sans-serif;
	DISPLAY: inline-block;			
	width:100%;						/*95 */
	margin-top:10px;				/* Spacing between questions */
	/*BORDER: #000 1px solid;*/			/* Solid border */
	TEXT-ALIGN: left;
}

/*The question caption (bit at the top that contains question number)*/
#questionCaption
{
	padding:5px;
	background-color:#669966; 
	color:black; 
	font-size:140%; 
	font-weight:bold;
	text-align:left;
	
	}


/*
** The question content, contains the question
*/
.questionContent
{
	overflow:auto;
	padding-left:15px;
	padding-right:15px;/*new*/
	padding-top:10px;
	padding-bottom:10px;
	
	background-color:#669966; 
	text-align:left;

	font-size: 12pt;
	font-weight: bold;
}

/*
** Displayed when there is a validation error
*/
.validationError
{
	font-family:arial,sans-serif;
	font-size:22px;
	background-color:#F781BE;
	border:1px solid #000;
}

/*
** 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
{
	/*margin-left:0px;
	margin-top:5px;*/
}

.textAreafocused
{
	background-color:LightCyan;
}

.textAreaNotfocused
{
	background-color:white; 
}

table.question
{
	margin-left:-2px;
}

table.question td
{
	padding-left:0px;
	background-color:#669966; 
}
table.question td:hover 
{
	padding-left:0px;
	background-color:#336633; 
}




#navigationButtons
{
	text-align:center;
}


/*  Question Table Style */
table.altRowHover 
{

}
table.altRowHover td 
{
	padding: 0.2em 2ex 0.2em 2ex;
	/*color: black;*/
	text-align:left;
}
table.altRowHover tr.d0 th
{
	padding: 0.2em 2ex 0.2em 2ex;
	/*color: black;*/
	border:0px;
	background-color: #99CC99;
	text-align:left;
}
table.altRowHover tr.d1 th
{
	padding: 0.2em 2ex 0.2em 2ex;
	/*color: black;*/
	border:0px;
	background-color: #669966;
	text-align:left;
}
table.altRowHover tr.d3 th
{
	text-align:center;
	font-weight: bold;
	
	padding: 0.2em 2ex 0.2em 2ex;
	/*color: black;*/
	border:0px;
	background-color: #669966;
	text-align:center;
}

table.altRowHover tr.d0 td
{
	background-color: #99CC99;
	text-align:left;
}
table.altRowHover tr.d1 td 
{
	background-color: #669966;
	text-align:left;
}

table.altRowHover tr.d0 td:hover
{
	background-color: #336633;
	text-align:left;
}
table.altRowHover tr.d1 td:hover
{
	background-color: #336633;
	text-align:left;
}


.magictd 
{
	white-space:nowrap;
	cursor:pointer;
	font-weight:bold;
}

.magictdMatrix
{
	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;
}

#progressfill
{
	background-color: #336633;
}

#progressempty
{
	background-color:#669966;
}

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;
}

#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 */
	color:blue;
	background-color: transparent;}




/********** AUTO GENERATED CSS FROM THEME EDITOR OVERRIDES ABOVE STYLES **********/


