/*** Start jQuery UI Theme Styles ***/

.ui-widget {
	font-size: 0.85em;
}

/*** End jQuery UI Theme Styles ***/

html,body,div,dl,dt,dd,ul,p,blockquote,pre,th,td,form,fieldset,input,textarea
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img,abbr,acronym
{
	border:0;
}

ol,ul
{
	list-style:none;
	margin:0;
	padding:0;
}

/* ORS add list style for question text and welcome note bullets */
.questiontext ul
{
	list-style: disc;
	margin-left: 30px;	
}

.welcomenote ul
{
	list-style: disc;
	margin-left: 30px;	
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-family:Arial, Helvetica, sans-serif; /* MOPAC - ORS - set to use Calibri (font-family:Helvetica,sans-serif;) */
	font-size:100%;
	font-weight:400;
	margin:0;
	padding:0;
}

/* ORS - set heading color */
h1 {
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #242121;
	font-weight: normal;
}

body
{
	background-color:#333; /* MOPAC - ORS - change background color (background-color:#ebeef6;) */
	/*background-image: url(back_grey.png);
	background-repeat: repeat-x;
	background-position: top;*/
	color: #555555; /* ORS - set ORS font color (color:#333;) */
	font-family:Arial, Helvetica, sans-serif; /* ORS - set to use Calibri (font-family:Helvetica,sans-serif;) */
	font-size: 16px;
	line-height:1.5;
}

h1
{
	font-size:140%;
	line-height:120%;
	margin:5px 0 20px;
}

h2,.printouttitle
{
	font-size:120%;
	font-weight:700;
	line-height:120%;
	margin:5px 0 15px;
}

h3
{
	font-size:110%;
	font-weight:700;
	margin:0px 0 10px;
}


a:link,a:visited
{
	color: #255FAF; /* ORS - set ORS link colors (color:#1e1aec;) */
	text-decoration: none; /* ORS - remove underline on links */
}

/* ORS - add on hover */
a:hover {
	color: #255FAF;
	text-decoration: underline;	
}

del {
	display:none;	
}

table.register td,#load table td,#save table td
{
	text-align:left;
}

#outer-wrapper,#statsContainer
{
	background-color:#fff;
	margin: 20px auto;
	max-width:1000px;
	min-width:480px;
	padding:0 0 10px 0;
	-moz-border-radius: 8px; 
	-khtml-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
}

#header-wrapper
{
	display:none; /* ORS - remove header logo */
	border-bottom:1px solid #058c05;
	margin:0 10px 20px;
	padding:10px 0;
}

#content-wrapper
{
	margin:0 10px;
	padding-top:10px /* ORS - add padding at top */
}

#footer-wrapper
{
	border-top: 1px solid #ccc; /* ORS - add border top */ 
	margin:0 10px 0;
	padding-top: 10px; /* ORS - add padding top */
	padding-bottom:0px; /* ORS - reduce padding at bottom (padding-bottom:30px;) */
	text-align:center;
	
}

#footer
{
	font-size: 0.7em; /* ORS - make font-size smaller (font-size:16px;) */
	line-height: 1.5em; /* ORS - increase lne-height */
}

#loadbutton,#savebutton,#exportbutton,input.submit,.date p.question button.ui-datepicker-triggert
{
	/* font-size:18px; ORS - default font size */
	/* padding:1px 7px; */
	font-size: 0.85em;
	background-color: #666666;
  	background-image: url("images/ui-bg_flat_100_666666_40x100.png");
  	background-repeat: repeat-x;
 	background-attachment: scroll;
  	background-position: 50% 50%;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
	border: 1px solid #666666;
	padding: 0.4em 1em 0.4em 1em;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	color: #ffffff;
}

#loadbutton:hover,#savebutton:hover, #exportbutton:hover,input.submit:hover,.date p.question button.ui-datepicker-triggert:hover
{	
	font-size: 0.85em;
	background-color: #666;
	background-image: url("images/ui-bg_flat_100_666_40x100.png");
	background-repeat: repeat-x;
 	background-attachment: scroll;
  	background-position: 50% 50%;
  	background-clip: border-box;
  	background-origin: padding-box;
  	background-size: auto auto;
	border: 1px solid #666;
	padding: 0.4em 1em 0.4em 1em;
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	color: #ccc;
	cursor: pointer;
}

.clearall,.saveall
{
	/* font-size:18px; ORS - default font size */
	padding:1px 4px;
}

.clearall 
{
	margin-left: 2px;
}

.saveall 
{
	margin-right: 3px;
}

.surveylistheading
{
	font-weight:700;
}

#surveylist ul
{
	margin:20px 0;
}

#surveylist li.surveytitle
{
	padding:0 0 5px;
}

#surveylist li.surveytitle a
{
	font-size:120%;
	text-decoration:none;
}

#surveylist li.surveytitle a:hover
{
	text-decoration:underline;
}

.surveycontact
{
	margin:20px 0 0;
}

#surveylist .lang-wrapper
{
	margin:10px 0;
}

#surveyinfo
{
	margin:0 0 20px;
}

.welcomenote
{
	margin:20px 0;
}

.therearexquestions
{
	font-style:italic;
}

#privacynote
{
	display:none; /* ORS - don't display privacy note */
	
	background-color:#fff3ad;
	font-size:95%;
	padding:10px;
}

#ors-privacynote
{
	font-size: 0.8em;
	font-style: italic;
}

#surveydata
{
	margin:0 0 20px;
}

#surveydata .lang-wrapper
{
	float:right;
	margin:5px 0 0;
}

#assessment
{
	border:1px solid #ccc;
	padding:10px;
}

.assessmentheading
{
	font-size:105%;
	font-weight:700;
	padding:0 10px 10px;
	text-align:center;
}

#assessments table
{
	width:100%;
}

#assessments table th
{
	padding:0 2px 5px;
	text-align:center;
}

#assessments table td
{
	padding:0 2px;
}

#completed
{
	border-top:1px solid #ccc; /* ORS - only display border at top (border:1px solid #ccc;) */
	margin:20px 0;
	padding:15px 10px 30px;
	text-align:center;
}

.success
{
	color:#77ef87;
	font-size:110%;
	font-weight:700;
}

#clearall
{
	border-top:1px solid #ccc; /* ORS - only display border at top (border:1px solid #ccc;) */
	margin:20px 0;
	padding:25px 10px 30px;
	text-align:center;
}

#clearall span.answerscleared
{
	color:#ff0f0f;
	font-size:110%;
	font-weight:700;
}

.regmessage1
{
	font-weight:700;
	margin:5px 0;
}

table.register
{
	margin-bottom:20px;
	margin-top:10px;
	text-align:left;
}

table.register td
{
	padding:3px;
}

#load .loadmessage,#save .savemessage
{
	margin:5px 0;
}

#load table,#save table
{
	margin-bottom:20px;
	margin-top:10px;
	text-align:left;
}

#load table table,#save table table
{
	margin:0;
}

#load td,#save td
{
	padding:3px;
}

.error,.errormandatory,.warningjs
{
	color:#ff0f0f;
	font-size:100%; /* ORS increase error message to 100% */
	font-weight:700;
	text-align: left;
}

#statsContainer
{
	padding-top:15px;
}

#statsContainer .statsSurveyTitle
{
	font-size:130%;
	font-weight:700;
	text-align:center;
}

#statsContainer .statsNumRecords
{
	font-size:110%;
	font-weight:700;
	text-align:center;
}

table.statisticssummary
{
	margin:10px auto 50px;
}

table.statisticssummary thead th
{
	text-align:center;
}

table.statisticssummary tbody th
{
	font-size:100%;
	font-weight:400;
	padding-right:5px;
	text-align:right;
}

table.statisticssummary tbody td
{
	padding-left:5px;
	text-align:left;
}

table.statisticstable
{
	margin:5px 0 20px;
}

#group-wrapper h3.groupname
{
	background-color:none; /* ORS - not background color (background-color:#d2dade;) */
	padding:3px 5px 0 0;
}

#group-wrapper .groupdescription
{
	margin:0 0 20px;
}

.question-wrapper
{
	margin:5px 0 20px;
}

/* ORS - ensure text displays have normal font-weight */
.boilerplate div.questiontext
{
	font-weight:normal !important;
}

div.questiontext
{
	border-top:1px solid #ccc;
	/* ORS - set font-size to standard (font-weight:90%)*/
	font-weight:bold;
	margin:0 0 15px;
	padding:10px 5px 0 0;
}

span.questionhelp
{
	display:block;
	font-size:90%;
	font-style:italic;
	font-weight:400;
	margin-top:5px;
}

div.questiontext .errormandatory
{
	text-align:left;
}

div.answer
{
	margin:0 0 10px;
}

div.questionhelp
{
	font-size:90%;
	font-style:italic;
}

div.questionhelp img
{
	display:none;
	float:none;
	margin:5px 5px 5px 0;
	vertical-align:middle;
}

#navigator
{
	margin:30px 0 0;
	text-align:center;
}

#navigator #savebox
{
	margin:15px 0 15px;
}

#progress-wrapper
{
	font-size: 1em; /* ORS - set default font size */
	height: 1em; /* ORS - set height (height:16px;) */
}

#progress-wrapper .hide
{
	font-weight:400;
	left:-9999px;
	position:absolute;
	top:-9999px;
}

#progress-wrapper #progress-pre, #progress-wrapper #progress-post {
	margin-top: -5px; /* ORS - tidy progress label alignment */
}

.printouttitle
{
	display:block;
}

.printouttable
{
	width:100%;
}

.printouttable th
{
	border:1px solid #ccc;
	padding:3px;
}

.printouttable td
{
	border:1px solid #ccc;
	padding:3px;
	vertical-align:top;
}

.printouttable td:first-child
{
	background-color:#ccc;
	border-bottom-color:#fff;
}

p#tokenmessage
{
	margin:5px 0;
}

#tokenform ul
{
	margin-bottom:20px;
	margin-top:10px;
}

#tokenform ul li
{
	display:inline;
	vertical-align:middle;
}

#token,#captchaimage
{
	margin:3px 5px;
}

span.asterisk
{
	color:#ff0f0f;
	font-family:Verdana;
	font-size:80%;
	letter-spacing:2px;
}

.numeric-multi .answer ul li label,.numeric-multi .answer ul li span.input,.numeric-multi .answer ul li div.slider_lefttext,.numeric-multi .answer ul li label.slider-label,.numeric-multi .answer ul li div.multinum-slider,.numeric-multi .answer ul li div.slider_righttext,.multiple-opt-comments .answer ul li span.option,.multiple-opt-comments .answer ul li span.comment,.multiple-short-txt .answer ul li label,.multiple-short-txt .answer ul li span
{
	display:block;
}

.numeric-multi .answer ul
{
	display:table;
}

.numeric-multi .answer ul li
{
	display:table-row;
}

.numeric-multi .answer ul li label,.numeric-multi .answer ul li div.slider_lefttext,.numeric-multi .answer ul li label.slider-label,.numeric-multi .answer ul li div.multinum-slider,.numeric-multi .answer ul li div.slider_righttext
{
	display:table-cell;
	vertical-align:middle;
}

.numeric-multi .answer ul li label,.multiple-opt-comments .answer ul li span.option,.multiple-short-txt .answer ul li label
{
	padding:3px 10px 3px 0;
}

.numeric-multi .answer ul li span.input,.numeric-multi .answer ul li.multiplenumerichelp span,.multiple-opt-comments .answer ul li span.comment,.multiple-short-txt .answer ul li span
{
	padding:3px;
}

input.text,.array-multi-flexi-text tbody td label input,.array-multi-flexi tbody td input,.date p.question input,.numeric-multi li.multiplenumerichelp input.good,.numeric-multi li.multiplenumerichelp input.problem,.numeric-multi .answer ul li span.input input
{
	padding:1px 3px;
}

/* ORS - shade text boxes */
input.text {
	background:#EEE;	
}

.numeric p.question input.text,.numeric-multi li.multiplenumerichelp input,.numeric-multi .answer ul li span.input input
{
	text-align:right;
	color: #000;
}

.gender .answer ul li,.yes-no .answer ul li,.multiple-opt .answer ul li,.choice-5-pt-radio .answer ul li,.list-radio .answer ul li,.list-with-comment .answer .list ul li
{
	margin-bottom:6px;
	position:relative;
	text-align:left;
}

.gender .answer ul li input.radio,.yes-no .answer ul li input.radio,.multiple-opt .answer ul li input.checkbox,.choice-5-pt-radio .answer ul li input.radio,.list-radio .answer ul li input.radio,.list-with-comment .answer .list ul li input.radio
{

}

.gender .answer ul li label.answertext,.yes-no .answer ul li label.answertext,.multiple-opt .answer ul li label.answertext,.choice-5-pt-radio .answer ul li label.answertext,.list-radio .answer ul li label.answertext,.list-with-comment .answer .list ul li label.answertext
{
	display: inline;
	margin-left: 24px; /* ORS - move label right */
	cursor:pointer;
}

.multiple-opt-comments .answer ul li label.answertext {
	display: inline;
	margin-left: 17px; /* ORS - move label right */
	cursor:pointer;
}

div.answer img 
{
	position:relative;
	right:-20px; /* ORS - move image right to hide radio button */
	float: none;
  	vertical-align: middle;
  	cursor: pointer; /* ORS - add pointer */
	z-index: 10; 
}

/* ORS custom images in question label for radio questions */
.list-radio div.answer label img
{
	position:relative;
	right:0px;
	padding-right: 20px;
}

/* ORS custom images in question label for array questions */
.array-flexible-row div.answer table.question thead th img
{
	position:relative;
	right:1px;
	cursor: default;
}

.multiple-opt-comments .answer ul li.other span.option
{
	padding-left:0;
}

.multiple-opt-comments .answer li span.option input.checkbox
{
	float:left;
	margin-left:-20px;
}

p.tip
{
	font-size:85%;
	font-style:italic;
}

p.problem
{
	color:#ff0f0f;
}

.answer input,.answer button,.answer select 
{
	font-size:18px;
	max-width:90%;
}

/* ORS - move radio img in array questions */
.array-flexible-row tbody td.radio-item img, .array-10-pt tbody td.radio-item img, .array-5-pt tbody td.radio-item img, .array-increase-same-decrease tbody td.radio-item img, .array-yes-uncertain-no tbody td.radio-item img, .array-flexible-column tbody td.radio-item img, .array-flexible-duel-scale tbody td.radio-item img {
	position:relative;
	right:-6px;	
} 

/* ORS - move checkbox img in array questions */
.array-multi-flexi tbody td.checkbox-item img {
	position:relative;
	right:-6px;	
} 

/* ORS - move checkbox img in multiple choice with comments */
.multiple-opt-comments .answer ul.checkbox-text-list li.checkbox-text-item .option img {
	position:relative;
	right:0px;	
} 

/* ORS - move radio button in array questions */
.array-flexible-row tbody td.radio-item input.radio, .array-10-pt tbody td.radio-item input.radio, .array-5-pt tbody td.radio-item input.radio, .array-increase-same-decrease tbody td.radio-item input.radio, .array-yes-uncertain-no tbody td.radio-item input.radio, .array-flexible-column tbody td.radio-item input.radio, .array-flexible-duel-scale tbody td.radio-item input.radio {
	position:relative;
	left:-20px;
}

/* ORS - move checkbox in array questions */
.array-multi-flexi tbody td.checkbox-item input.checkbox {
	position:relative;
	left:-20px;
}

/* ORS - move checkbox in multiple choice with comments */
.multiple-opt-comments .answer ul.checkbox-text-list li.checkbox-text-item .option input.checkbox {
	position:relative;
	left:35px;
	top:10px;
} 

table.question
{
	width:100%;
}

table.question thead th
{
	padding:2px 5px;
	text-align:center;
	vertical-align:bottom;
	background-color:#fff; /* ORS - set background color to white */
}

table.question tbody th.answertext
{
	padding:5px 7px;
	vertical-align:middle;
}

table.question tbody td
{
	padding:3px 5px;
	text-align:center;
	vertical-align:middle;
}

table.question tbody th.answertext,.array-flexible-column tbody th.arraycaptionleft,.array-flexible-row tbody th.answertextright
{
	font-weight:400;
}

table.question tbody .array1,.array-flexible-column table.question .odd
{
	background-color:#EFEAEA; /* ORS - change hover color (background-color:#f0f0f0;) */
}

table.question tbody .array2,.array-flexible-column table.question .even
{
	background-color:#fff;
}

table.question tbody tr.array1:hover,table.question tbody tr.array2:hover
{
	background-color:#ccc; /* ORS - change hover color (background-color:#ddd;) */
}

.array-flexible-column tbody th.arraycaptionleft,.array-flexible-row tbody th.answertextright
{
	padding:3px;
	text-align:left;
}

.array-flexible-duel-scale thead .groups
{
	background-color:#fff;
}

.array-flexible-duel-scale tbody td.ddprefix
{
	text-align:right;
}

.array-flexible-duel-scale tbody td.ddsuffix
{
	text-align:left;
}

.array-flexible-duel-scale tbody td select
{
	margin:2px 1px;
}

.date p.tip
{
	margin-top:5px;
}

.numeric p.tip
{
	margin-top:5px;
}

.numeric-multi p.tip
{
	margin-bottom:5px;
}

.numeric-multi li.multiplenumerichelp input.good
{
	background-color:#77ef87;
	color: #000;
}

.numeric-multi li.multiplenumerichelp input.problem
{
	background-color:#ff0f0f;
	color: #000;
}

.numeric-multi .answer li span.input,.numeric-multi .answer li.multiplenumerichelp span
{
	text-align:left;
}

.numeric-multi .answer ul li label.slider-label
{
	font-size:100%;
	padding:0 15px 0 0;
	vertical-align:middle;
}

.numeric-multi .answer ul li div.slider_lefttext
{
	font-size:90%;
	padding:0 15px 0 0;
	text-align:right;
	vertical-align:middle;
	font-style: italic; /* ORS - set slider labels to italic */
}

.numeric-multi .answer ul li div.slider_righttext
{
	font-size:90%;
	padding:0 0 0 15px;
	text-align:left;
	vertical-align:middle;
	font-style: italic; /* ORS - set slider labels to italic */
}

.numeric-multi .answer ul li div.multinum-slider
{
	vertical-align:middle;
}

.ranking table td.label select.select
{
	margin-top:5px;
}

.ranking table td.output table td
{
	padding:2px 3px;
}

.list-with-comment p.comment
{
	margin-top:5px;
}

.list-with-comment p.comment label
{
	display:block;
	vertical-align:top;
}

.list-with-comment p.comment textarea.textarea
{
	margin-top:5px;
}

.multiple-short-txt .answer li span
{
	text-align:left;
}

.ui-slider
{
	height:9px;
	margin:25px 0 8px;
}
	
.ui-slider .ui-slider-handle
{
	background: none; /* ORS - remove handle background */
	background-image:url(slider-handle_disabled.gif);
	border: none; /* ORS - remove handle border */
	height:23px;
	left:0;
	position:absolute;
	top:-8px;
	width:12px;
	cursor: pointer; /* ORS - add cursor pointer */
	margin-left:-4px; /* ORS - reset left margin */
}

.slider_callout
{
	font-size: 1em; /* ORS - increase font-size (font-size:85%; font-weight:400; ) */
	height:30px; /* ORS - increase height for larger font size (height:20px;) */
	margin-left:-2px; /* ORS - margin at -2px to place label on top of arrow (margin-left:-5px;) */
	overflow:hidden;
	position:absolute;
	text-align:left;
	top:-27px; /* ORS move further above slider bar (top:-25px;) */
	width:100px;
	color: #555555; /* ORS - set default font color */
}

.slider_showmin,.slider_showmax
{
	float:left;
	font-family:Arial, Helvetica, sans-serif; /* ORS - set to use Calibri (font-family:Verdana,Arial,Helvetica,sans-serif;) */ 
	font-size: 1em; /* ORS - increase font-size (font-size:80%; font-weight:400; ) */
	margin:15px 0 0;
	text-align:left;
	width:50px;
	color: #555555; /* ORS - set default font color */
}

.slider_showmax
{
	float:right;
	text-align:right;
}

/* error stuff 

span.hide-tip div.error {
    color: #FF00FF;
}


.error, .errormandatory, .warningjs, .mandatory, .input-error, .input-error span.hide-tip div.error
{
	color:#ff0f0f;
	font-size:95%;
	font-weight:700;
	text-align: left;
}
*/

/* Expression Manager warnings 
.hide-tip				added if you use the hide_tip option 
.em_num_answers			for for min_answers and max_answers 
.em_value_range			for min/max_num_value_n and multiflexible_min/max 
.em_sum_range			for min/max/equals_num_value 
.em_regex_validation	for regular-expression validation of the question 
.em_q_fn_validation		for the em_validation_q option 
.em_sq_fn_validation	for the em_validation_sq option 
.em_other_comment_mandatory		for other_comment_mandatory option - shows when "other" is selected but associated comment is missing.

General warnings		
.mandatory				the question is mandatory 
.input-error			the question had at least one validation error 
.tip					small help text e.g. for numeric questions ("Only number may be inputted") or ranking questions	 

*/
.em_num_answers, .em_value_range, .em_sum_range
{
    color: #555555;
    font-size: 95%;
    font-style: italic;
    font-weight: 400;
}

div.em_q_fn_validation, div.em_sq_fn_validation
{
    color: #555555;
    font-size: 95%;
    font-style: italic;
    font-weight: 700;
}

.tip 
{
    color: #000;
    font-size: 90%;
    font-style: italic;
    font-weight: 400;
}

.good 
{
	color: #000;
}



#save .error
{
	color:#ff0f0f;
	font-size:110%;
	font-weight:700;
}



/* II / 1.		*/
.question tr.headings th {
    padding: 2px 5px;
    text-align: center;
}



/* II / 2.		*/
.numeric-multi li.multiplenumerichelp span {
	text-align: center;
	background: transparent none;
}

.numeric-multi li.multiplenumerichelp span span {
	display: inline;
	padding: 0;
}

.numeric-multi ul li span {
    display: table-cell;
    padding: 0.3em 0 0 1em;
    vertical-align: baseline;
    white-space: nowrap;
}
 
 
 
/* II / 5.		*/

/* Question Index */

#index
{	
  margin-top: 10px;
}

#index h2 {
  padding: 1em;
  background: #3E3E3E;
  text-align: center;
  color: #FFFFFF;
}

#index h3 { margin: 0.5em 0 0 0.5em; }

#index .container {
  width: 50%;  
  background: #FFFFFF;
  color: #000000;
}

#index .container .row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  border-top: 1px solid #fff;
}

#index .container .row:hover {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

#index .container .row .hdr {
  width: 3em;
  text-align: right;
  display: inline-block;
  padding: 0 0.5em 0 0;
}

#index .container .row.odd { background: #EEF6FF; }
#index .container .row.current { background: #1D2D45; color: #fff; }
#index .container .row.missing { background: #CC0000; color: #fff; }
#index .container input { margin: 1em; }

#index .container .answer
{
	margin: 0;
	padding: 0;
}

/* II / 11.		*/
.hide {
  font-weight: normal;
  position: absolute;
  top: -9999px;
  left: -9999px;
}


/* II / 12.		*/
.array-flexible-duel-scale tbody td.dual_scale_separator {
    background-color: #5C5858;
    margin: 0;
    padding: 0;
}

.array-flexible-duel-scale tbody td.ddarrayseparator {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;    
}

/* II / 3.		*/
/* taken from default template */
/* Tips / Validation Messages */
/* If the question is invalid, but has not been submitted, give it a pleasant (red) warning color */
div.em_num_answers.good {
 color: green;
}

div.em_num_answers.error {
  color: red;
  display: block;
}

div.em_value_range.good {
  color: green;
}
div.em_value_range.error {
  color: red;
  display: block;
}

div.em_sum_range.good {
  color: green;
}
div.em_sum_range.error {
  color: red;
  display: block;
}

div.em_regex_validation {
  display: none;
}
div.em_regex_validation.good {
  color: green;
}
div.em_regex_validation.error {
  color: red;
}

div.em_q_fn_validation.good {
  color: green;
}
div.em_q_fn_validation.error {
  color: red;
}

div.em_sq_fn_validation.good {
  color: green;
}
div.em_sq_fn_validation.error {
  color: red;
}

div.em_other_comment_mandatory.good {
  display: none;
}
div.em_other_comment_mandatory.error {
  color: red;
  display: block;
}

input.em_sq_validation.good, textarea.em_sq_validation.good {
}

input.em_sq_validation.error, textarea.em_sq_validation.error {
  color: black;
  background-color:  pink; 
	font-size: 100%;
	font-weight: normal;
}

span.dynamic_sum {
  font-weight: bold;
  background-color: #d3d3d3;
}
span.dynamic_sum.good {
  color: green;
}
span.dynamic_sum.error {
  color: red;
}

span.dynamic_remaining {
  font-weight: bold;
  background-color: #d3d3d3;
}
span.dyanamic_remaining.good {
  color: green;
}
span.dynamic_remaining.error {
  color: red;
}

.answer li.multiplenumerichelp span.dynamic_sum, 
.answer li.multiplenumerichelp .dynamic_sum span, 
.answer li.multiplenumerichelp span.dynamic_remaining  {
	text-align: center;
}

/* If  it is still invalid after submit, flag it in red */
.input-error div.error {
  color: red;
  display: block;
}

span.hide-tip div.good {
    display: none;
}

span.hide-tip div.error {
    color: red;
}

.input-error span.hide-tip div.error {
    color: red;
    display: block;
}

/* ORS extra */

#progress-wrapper .ui-widget-header {
	background-color: #EFEAEA;
}

#navigator .languagechanger {
	margin:25px 0 0px;
}

.languagechanger {
	width: 100px;
	
	font-size:18px;
	
	background: #e6e6e6;

	border: 1px solid #d3d3d3;	
	padding: 7px;
	
	font-size: .8em;
	font-weight: normal;
  	color: #29236e;
	
	-moz-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	cursor: pointer;
}

#clearallbox {
}

#logo {
	text-align: center;	
	margin-bottom: 5px;
	width: 230px;
	height: auto;
}

.center_small {
	text-align: center;
	font-size: 0.8em;
	color: #BBB;
	line-height: 1.3em;
}

#footer p {
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* ORS multi column setup (2/3 columns) */
ul.cols-2 li,ul.cols-2-ul,table.cols-2 td {
  	width: 48%; 
	display: inline-block;
	vertical-align: top; 
}

ul.cols-3 li,ul.cols-3-ul,table.cols-3 td {
  	width: 32%; 
	display: inline-block;
	vertical-align: top; 
}

#mopac-logo {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 10px 0;
}

a .ui-button-text {
	color: #FFF;
}

a .ui-button-text:hover{
	color: #ccc;
}

/* START: Clearfix */
.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/* END: Clearfix */