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

html {

}

table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img,abbr,acronym { 
  border:0;
}
ol,ul {
  list-style:none;
  margin:0;
  padding:0;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  font-size:100%;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}

select {
  font-family: 'Roboto', sans-serif;
  color: #6f6f6f;
}

textarea, textarea.textarea {
  font-family: 'Roboto', 'sans-serif', 'Arial';
width:96%;
}

select{
  font-family: 'Roboto', 'sans-serif', 'Arial';

}


/* END: CSS reset */
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/* START: General layout */
body {
  background: #fff;
  font-size:14px;
  font-style: normal;
  font-weight: 400;
  font-family: 'Roboto', 'sans-serif', 'Arial';
}

ul {
}
ol {
}

h1, .printouttitle {
  margin:5px 0 20px;
  font-size:130%;
  font-weight:700;
}
h2 {
  margin:5px 0 15px;
  font-size:120%;
  font-weight:700;
}
h3 {
  margin:0;
  font-size:110%;
  font-weight:700;
}

a:link, a:visited {
color: #396276;
text-decoration: underline;
}
a:hover, a:focus {
text-decoration: none;
}

a.upload:link, a.upload:visited {
color: #396276;
text-decoration: underline;
}
a.upload:hover, a.upload:focus {
text-decoration: none;
}

.hide {
  display:none;
}

textarea {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #6f6f6f;
	font-size: 13px;
	line-height: 29px;
	background: white;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	text-align: left;
	padding: 0 10px;
}
/* END: General layout */
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/* START: Centered vertical alignment */
#surveylist,
  #surveyinfo, #privacynote,
  #surveydata,
  #register,
  #load, #save,
  .printouttitle, .printouttable th,
  .groupname, .groupdescription,
  p.captcha,
  #tokenform ul li {
  text-align:center;
}
table.register,
  #load table, #save table {
  margin:0 auto;
}


/* Answertext alignment (important when questions only are aligned left) */
.numeric-multi .answer ul li label,
  .multiple-short-txt .answer ul li label {
  text-align:left;
}
/* END: Centered vertical alignment */
/*----------------------------------------------------------------------------*/





#outer-wrapper {
  width: 100%;
  height: 100%;
  max-width: 998px;
  margin: 0 auto;
  margin-top: 40px;
  border-top: 4px solid #AAA3A4;
  background: none;
}


#nav-wrapper {
  margin:0 0 25px 0;
  padding: 0;
  height: 50px;
  background: #FFF;
}
.nav_left {
  float:left;
  width: 400px;
  margin:0;
  padding:0;
  padding-left: 30px;
}
.nav_right {
  float:right;
  min-width: 200px;
  margin:0;
  padding:0;
  text-align:right;
  padding: 17px 30px 0 0;
}

.nav_middle {
  width: 100%;
  margin:0;
  padding:0;
  text-align: center;
}



#header-wrapper {
  margin:0;
  height: 80px;
  background: #FFF;
}
.header_left {
  float:left;
  width: 33%;
  margin:0;
  padding:0;
}
.header_right {
  float:right;
  width: 33%;
  margin:0;
  padding:0;
  text-align:right;
}

.header_middle {
  margin:0;
  padding:0;
	margin: 0 auto;
	text-align: center;
}

#panel_left {
  float: left;
  height: 100%;
  width: 100%;
  max-width: 260px;
  padding: 30px 20px 20px 20px;
  width: 220px;
  background: url(left.png) repeat-y 100% 0px;
  overflow: hidden;
}

#panel_left #content {
  color: #7e7e7e;
  font-size: 13px;
  margin-top: 55px;
  padding-top: 15px;
  border-top: 1px solid #AAA3A4;
}

#panel_left #content p {
  margin-bottom: 15px; 
}

#panel_right {
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  max-width: 738px;
  background-color:#fff;
}



#content-wrapper {
  width: 100%;
  float: left;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  background: url(left.png) repeat-y 100% 0px #FFF;
  background-position:left;
  margin-bottom: 40px;
}





#footer-wrapper {
  clear: both;
  text-align:center;
	margin: 0;
	background: #f8f8f8;
	border-top: 1px solid #cfcfcf;
	padding: 20px 15px;
}
#footer {}





/*----------------------------------------------------------------------------*/
/* Headings */
#surveylist h1, #surveyinfo h1, #surveydata h1, .printouttitle,
  #load h1, #save h1 {}
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/* Buttons */
#loadbutton, #savebutton,
  input.submit,
  .clearall, .saveall,
  .date p.question button.ui-datepicker-triggert {
  padding:1px 4px;
}

#registercontinue,
  #loadbutton, #savebutton,
  #tokenform input.submit {
  /* To use, when button bg-color is same as navigator container bg-color,
  but not page bg-color */
}
.clearall, .saveall {
  font-size:95%;
}
/*----------------------------------------------------------------------------*/





#surveylist {}
#surveylist h1 {
  font-family: 'Roboto', sans-serif;
  color:#328639;
}
.surveylistheading {
  font-weight:700;
}
#surveylist ul {
  margin:20px 0;
}
#surveylist li.surveytitle {
  font-size:120%;
  padding:0 0 5px;
}
#surveylist li.surveytitle a {}
#surveylist li.surveytitle a:hover {}
.surveycontact {
  margin:20px 0 0;
}
#surveylist .poweredby a {
  color:#000000;
}
#surveylist .lang-wrapper {
  margin:10px 0;
}





#surveyinfo {
	clear: both;
  margin:0;
  width: 100%;
}

#surveyinfo h1 {
  color: #fafafa;
  font-size: 28px;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #AAA3A4;
  background: #AAA3A4;
  margin: 0;
  width: 100%;
  font-weight: 700;
  font-style: normal;
}

.surveydescription {
  display:none;
}
.welcomenote {
  margin:30px 0 0;
  color: #9a9a9a;
  font-size: 13px;
  line-height: 150%;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}

.therearexquestions {
	font-style: italic;
	margin: 30px 0 0;
	color: #9a9a9a;
	font-size: 13px;
	line-height: 150%;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
}


#privacynote {
  margin:25px 0 0;
  color: #9a9a9a;
  font-size: 80%;
  line-height: 150%;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
}
#privacynote span { /* Privacy note title */
}





#surveydata {
  margin: 0;
  padding:0;
}
#surveydata h1 {
  text-align:center;
}
#surveydata .surveydescription { /* also at #surveyinfo */
}
#surveydata .lang-wrapper {
  float:right;
  margin:0;
}





#assessment {
  border:1px solid #111;
  margin:20px 12% 0;
  background-color:#fff;
}
.assessmentheading {  
  font-weight:700;
  background-color:#ccc;
  padding:3px;
  text-align:center;
}
#assessments {}
#assessments table {
  width:100%;
}
#assessments table th { /* Assessments Table Heading */
  text-align:center;
  padding:3px;
}
#assessments table td {;
    padding:3px;
}





#completed {
  margin: 25px 0 20px 0;
  text-align:center;
  color: #9a9a9a;
  font-size: 13px;
  line-height: 150%;
  padding: 0 80px;
}
.success {
  color: #4a4a4a;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 20px;
}





#clearall {
  margin:20px 12%;
  border:1px solid #111;
  padding:10px;
  text-align:center;
}
#clearall span.answerscleared {
  color:#ff0f0f;
  font-weight:700;
  font-size:110%;
}





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

table.register {
  margin-top:10px;
  margin-bottom:20px;
  text-align:left;
}
table.register td {
  padding:3px;
}
table.register td input.text { /* input form fields */
}

#registercontinue { /* Button */
}





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

#load table, #save table {
  margin-top:10px;
  margin-bottom:20px;
  text-align:left;
}
#load table table, #save table table {
  margin:0;
}
#load td, #save td {
  padding:3px;
}
#load table td input.text, #save table td input.text { /* input form fields */
}
#load table td input.password, #save table td input.password { /* input form field (password) */
}
#loadbutton, #savebutton { /* Button */
}





.error, .errormandatory, .warningjs {
  font-size:100%;
  font-weight:700;
  color:#ff0f0f;
}





/*----------------------------------------------------------------------------*/
/* Public Statistics */
#statsContainer { /* Container */
 	border-top: 52px solid #87b31d;
  margin: 0;
	width: 100%;
  max-width: 738px !important;
}
#statsContainer .statsSurveyTitle { /* Main Title */
  font-size:130%;
  font-weight:700;
  text-align:center;
}
#statsContainer .statsNumRecords {/* No of records in survey */
  font-size:110%;
  font-weight:700;
  text-align:center;
}
#statsHeader {
  padding: 20px 0px;
}


#statsContainer .statsSurveyTitle {
  padding: 0;
	color: #4a4a4a;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	margin-bottom: 10px;
}

.statsNumRecords {
  text-align: center;
	color: #4a4a4a;
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 20px;
}

div.fieldSummary {
  padding: 0;
  text-align: center;
  background-color: #D2E0F2;
}

div.questionTitle {
  padding: 0;
  font-weight: bold;
  background-color: #D2E0F2;
}


table.statisticstable {
  margin:5px auto 20px;
}
table.statisticstable {
	width: 100%;
  margin: 0;
  border-top: 1px solid #BBC6CC;
}
table.statisticstable td {
	width: 100%;
  max-width: 698px !important;
  line-height: 190%;
  border-bottom: 1px solid #BBC6CC;
 	text-align: center;
	padding: 2px 20px;
}

table.statisticstable th {
	text-align: center;
	padding: 10px 0;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	padding: 10px 20px;
}

table.statisticstable img {
  margin:10px auto;
  margin-left: -20px;
}

table.statisticssummary {
	margin: 0 0 20px 20px;
}

table.statisticssummary thead tr th {
	font-family: 'Roboto', sans-serif;
	color: #AAA3A4;
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	padding-bottom: 10px;
}

table.statisticssummary tbody tr th {
	padding-right: 10px;
}


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





/*----------------------------------------------------------------------------*/
/* START: Group / Question parts */
#group-wrapper {
  padding: 0 30px;
}
#group-wrapper h3.groupname {
	clear: both;
  color: #aaa3a4;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}
#group-wrapper .groupdescription {
  color: #9a9a9a;
  font-size: 13px;
  line-height: 150%;
  margin-bottom: 20px;
  padding-left: 80px;
  padding-right: 80px;
}


.question-wrapper {
	margin-right: 0;
  margin-bottom: 20px;
  background: #faf9f1;
  border: 1px solid #dfded5;
  border-radius: 5px;
  padding: 20px 20px 0px 20px;
  width: 632px;
  width: 100%;
  max-width: 632px;   
}


.question-wrapper .answer table.question {
  table-layout: fixed;
  word-wrap: break-word;
}


/* Main questiontext box */
div.questiontext {
  font-family: 'Roboto', sans-serif;
  color: #404040;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 20px;
}
span.questionhelp { /* Questionhelp under questiontext*/
  display:block;
  font-size:70%;
  font-weight:400;
}
div.questiontext .errormandatory {
  text-align:left;
}


/* Main answer box*/
div.answer {
  margin: 0 10px 20px 0;
  padding: 0;
  color: #6f6f6f;
  font-size: 13px;
}
.date .answer,
  .gender .answer,
  .numeric .answer,
  .numeric-multi .answer,
  .ranking .answer,
  .yes-no .answer,
  .language .answer,
  .multiple-opt .answer,
  .multiple-opt-comments .answer,
  .list-dropdown .answer,
  .choice-5-pt-radio .answer,
  .list-radio .answer,
  .list-with-comment .answer,
  .multiple-short-txt .answer,
  .text-short .answer,
  .text-long .answer,
  .text-huge .answer { /* applies to all question types but array */
}


/* Main questionhelp box */
div.questionhelp {
  font-size:85%;
  line-height: 18px;
  margin:0 10px 15px 20px;
  font-style:normal;
}
div.questionhelp img {
  margin:0 5px 0 0;
  float:none;
  vertical-align:middle;
  margin-left: -20px;
}

.date div.questionhelp,
  .gender  div.questionhelp,
  .numeric  div.questionhelp,
  .numeric-multi  div.questionhelp,
  .ranking  div.questionhelp,
  .yes-no  div.questionhelp,
  .language  div.questionhelp,
  .multiple-opt  div.questionhelp,
  .multiple-opt-comments  div.questionhelp,
  .list-dropdown  div.questionhelp,
  .choice-5-pt-radio  div.questionhelp,
  .list-radio  div.questionhelp,
  .list-with-comment  div.questionhelp,
  .multiple-short-txt  div.questionhelp,
  .text-short  div.questionhelp,
  .text-long  div.questionhelp,
  .text-huge  div.questionhelp { /* applies to all question types but array */
}
/* END: Question parts */
/*----------------------------------------------------------------------------*/





/* START: Navigator */
#navigator {
clear: both;
float: left;
margin: 0;
padding: 0;
background: #f8f8f8;
border-top: 1px solid #cfcfcf;
padding: 35px 30px 0 30px;
margin-top: 30px;
height: 91px;
width: 100%;
max-width: 678px;
bottom: 0;
}
#navigator #left {
  float:left;
  width:auto;
  margin:0;
  padding:0;
}
#navigator #right {
  float:right;
  width:auto;
  margin:0;
  padding:0;
  text-align:right;
}
#navigator #middle {
  margin:0 auto;
  text-align:center;
}

/* UI buttons for longer Text */
button.ui-state-default,
input.ui-state-default {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-family: 'Roboto', 'sans-serif';
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
}

/* Submit buttons */
.submit, input.submit {
	min-height: 42px;
	margin: 0px;
	margin-left: 10px;
	color: #FFFFFF;
	font-size: 110%;
	background: #97c42c;
	background: -moz-linear-gradient(top, #97c42c 0%, #7fa71f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c42c), color-stop(100%,#7fa71f));
	background: -webkit-linear-gradient(top, #97c42c 0%,#7fa71f 100%);
	background: -o-linear-gradient(top, #97c42c 0%,#7fa71f 100%);
	background: -ms-linear-gradient(top, #97c42c 0%,#7fa71f 100%);
	background: linear-gradient(to bottom, #97c42c 0%,#7fa71f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c42c', endColorstr='#7fa71f',GradientType=0 );
}

.submit:hover, input.submit:hover {
	background: #6e8f20;
	background: -moz-linear-gradient(top, #6e8f20 0%, #5d7a17 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e8f20), color-stop(100%,#5d7a17));
	background: -webkit-linear-gradient(top, #6e8f20 0%,#5d7a17 100%);
	background: -o-linear-gradient(top, #6e8f20 0%,#5d7a17 100%);
	background: -ms-linear-gradient(top, #6e8f20 0%,#5d7a17 100%);
	background: linear-gradient(to bottom, #6e8f20 0%,#5d7a17 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8f20', endColorstr='#5d7a17',GradientType=0 );
}

/* Move next & prev buttons */
#movenextbtn {
	max-width: 140px;
	min-height: 42px;
	margin: 0px;
	margin-left: 10px;
	padding: 0 1em;
	color: #484444;
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 );
}

#movenextbtn:hover {
	border-color: #b5b5b5;
	background: #c7c7c7;
	background: -moz-linear-gradient(top, #c7c7c7 0%, #b7b7b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(100%,#b7b7b7));
	background: -webkit-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -o-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -ms-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: linear-gradient(to bottom, #c7c7c7 0%,#b7b7b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#b7b7b7',GradientType=0 );
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
	background: url(icon_next.png) no-repeat  100% 50%;
	background-size: 9px 13px;
}

.ui-state-default .ui-icon {
	background: none;
	display: none;
}

#moveprevbtn {
	max-width: 155px;
	min-height: 42px;
	margin: 0px;
	color: #484444 !important;
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 );
	padding: 0 1em;
}

#moveprevbtn:hover {
	border-color: #b5b5b5;
	background: #c7c7c7;
	background: -moz-linear-gradient(top, #c7c7c7 0%, #b7b7b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(100%,#b7b7b7));
	background: -webkit-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -o-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -ms-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: linear-gradient(to bottom, #c7c7c7 0%,#b7b7b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#b7b7b7',GradientType=0 );
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	background: url(icon_back.png) no-repeat  0% 50%;
	background-size: 9px 13px;
	padding: 0;
	padding-left: 25px;
}

/* Save All button */
.saveall, input.saveall {
	min-height: 42px;
	font-size: 90%;
	margin: 0px;
	color: #FFF !important;
	border: 1px solid #64adc9;
	background: #9ec5d3;
	background: -moz-linear-gradient(top, #9ec5d3 0%, #769ead 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ec5d3), color-stop(100%,#769ead));
	background: -webkit-linear-gradient(top, #9ec5d3 0%,#769ead 100%);
	background: -o-linear-gradient(top, #9ec5d3 0%,#769ead 100%);
	background: -ms-linear-gradient(top, #9ec5d3 0%,#769ead 100%);
	background: linear-gradient(to bottom, #9ec5d3 0%,#769ead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec5d3', endColorstr='#769ead',GradientType=0 );
}

.saveall:hover {
	border-color: #558ca2;
	background: #6e8993;
	background: -moz-linear-gradient(top, #6e8993 0%, #526e79 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e8993), color-stop(100%,#526e79));
	background: -webkit-linear-gradient(top, #6e8993 0%,#526e79 100%);
	background: -o-linear-gradient(top, #6e8993 0%,#526e79 100%);
	background: -ms-linear-gradient(top, #6e8993 0%,#526e79 100%);
	background: linear-gradient(to bottom, #6e8993 0%,#526e79 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e8993', endColorstr='#526e79',GradientType=0 );
}

/* Clear All button */
.clearall, input.clearall {
	min-height: 42px;
	font-size: 90%;
	margin: 0px;
	color: #FFF !important;
	border: 1px solid #6e6e6e;
	background: #7c7e7d;
	background: -moz-linear-gradient(top, #7c7e7d 0%, #5c5d5f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7e7d), color-stop(100%,#5c5d5f));
	background: -webkit-linear-gradient(top, #7c7e7d 0%,#5c5d5f 100%);
	background: -o-linear-gradient(top, #7c7e7d 0%,#5c5d5f 100%);
	background: -ms-linear-gradient(top, #7c7e7d 0%,#5c5d5f 100%);
	background: linear-gradient(to bottom, #7c7e7d 0%,#5c5d5f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7e7d', endColorstr='#5c5d5f',GradientType=0 );
}

.clearall:hover {
	border-color: #6e6e6e;
	background: #5e605f;
	background: -moz-linear-gradient(top, #5e605f 0%, #464748 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e605f), color-stop(100%,#464748));
	background: -webkit-linear-gradient(top, #5e605f 0%,#464748 100%);
	background: -o-linear-gradient(top, #5e605f 0%,#464748 100%);
	background: -ms-linear-gradient(top, #5e605f 0%,#464748 100%);
	background: linear-gradient(to bottom, #5e605f 0%,#464748 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e605f', endColorstr='#464748',GradientType=0 );
}

/* Export-Button */

#exportbutton {
	min-height: 42px;
	line-height: 42px;
	margin: 0px;
	color: #484444 !important;
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 );
	padding: 0 25px;
	margin-top: 20px;
	border-radius: 4px;
}

#exportbutton:hover {
	cursor: pointer;
	border-color: #b5b5b5;
	background: #c7c7c7;
	background: -moz-linear-gradient(top, #c7c7c7 0%, #b7b7b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(100%,#b7b7b7));
	background: -webkit-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -o-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -ms-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: linear-gradient(to bottom, #c7c7c7 0%,#b7b7b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#b7b7b7',GradientType=0 );
}

input.ui-button {
	padding: 0 1em;
}

input[name=loadall] {    
	max-width: 235px;
}
input[name=saveallbtn] {    
	max-width: 155px;
}

input[name=clearallbtn] {
	max-width: 225px;
}

/* END: Navigator */


/* START: Progress bar */
.percentcomplete {
  height: 50px;
  margin-bottom: 17px;
  color: #FFF;
  font-size: 13px;
  width: 100%;
  max-width: 742px;
}
#progress-wrapper {
  height:16px;
  width: 312px;
  margin: 0 auto;
  padding-top: 25px;
  color: #4a4a4a;
  line-height: 11px;
}
#progress-wrapper .hide {
  font-weight:400;
  position:absolute;
  top:-9999px;
  left:-9999px;
}

#progress-wrapper #progress-post {
	float: left;
	margin: 0 0 0 5px;
	width: 15px;
	text-align: left;
}

#progress-wrapper #progress-pre {
	float: left;
	margin: 0 5px 0 0;
	width: 15px;
	text-align: right;
}


#progressbar.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {
  background: #f1f1f1;
  border: 1px solid #aaa;
  border-radius:8px;
  height: 10px;
  -moz-box-shadow:    inset  0 1px 5px #ccc;
  -webkit-box-shadow: inset  0 1px 5px #ccc;
  box-shadow:         inset 0 1px 5px #ccc;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#4f6a11');
  width: 250px;
}
#progressbar div.ui-progressbar-value.ui-widget-header.ui-corner-left {
  background-color: #FFF;
  background-image: none;
  border: 1px solid #7ca51a;
  border-radius: 8px;
  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2ffd3), to(#7ca51a));
  background: -webkit-linear-gradient(top, #f2ffd3, #7ca51a); 
  background: -moz-linear-gradient(top, #f2ffd3, #7ca51a);
  background: -ms-linear-gradient(top, #f2ffd3, #7ca51a);
  background: -o-linear-gradient(top, #f2ffd3, #7ca51a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2ffd3, endColorstr=#7ca51a);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#edf3f4)";
}
/* END: Progress bar */





/* START: Language bar */
.lang-wrapper { text-align: center; min-height: 26px; }
select.languagechanger {}
/* END: Language bar */



/* START: PRINTOUT PAGE */

.printouttitle { /* see h1 */
  display:block;
	color: #4a4a4a;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	margin: 20px 0;
}

.printouttable {}
.printouttable th {
  border:1px solid #aaa;
  padding:3px;
}
.printouttable td {
  border:1px solid #aaa;
  vertical-align:top;
  padding: 5px 20px;
}
.printouttable td:first-child {

}

tr.printanswersgroup {
	font-family: 'Roboto', sans-serif;
	color: #4a4a4a;
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
}

tr.printanswersgroup td {
		padding: 30px 0 10px 0;
		border: 0;
}

tr.printanswersquestionhead {
	font-family: 'Roboto', sans-serif;
	color: #4a4a4a;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}

tr.printanswersquestionhead td {
	border: 0;
	padding: 15px 0 2px 0;
}

tr.printanswersquestion td {
	border-left: 0;
}



p.captcha {
  margin:0 0 20px;
}
form.captcha {}
.captcha table {}
.captcha table table img {
  margin:0 5px;
}
#captcha { /* input form field */
}
.captcha table .submit {
  margin-top:10px;
}





p#tokenmessage {
  margin:5px 0;
}
#tokenform {}
#tokenform ul {
  margin-top:10px;
  margin-bottom:20px;
}
#tokenform ul li {
  vertical-align:middle;
}
#tokenform ul li label {}
#tokenform ul li input#token {}
#tokenform ul li img#captchaimage {}
#token,
  #captchaimage {
  margin:3px 5px;
}
#tokenform ul li input.submit {}





/*----------------------------------------------------------------------------*/
/* START: Question styles */
/*----------------------------------------------------------------------------*/
.mandatory { /* Mandatory questions */
}

span.asterisk { /* Asterisk when question mandatory */
  color:#ff0f0f;
  font-size:80%;
  font-family: 'Roboto', sans-serif;
  letter-spacing:2px;
}


/* ul in table style */
.numeric-multi .answer ul,
  .multiple-opt-comments .answer ul,
  .multiple-short-txt .answer ul {
  display:table;
}
.numeric-multi .answer ul li,
  .multiple-opt-comments .answer ul li,
  .multiple-short-txt .answer ul li {
  display:table-row;
}
.numeric-multi .answer ul li label,
  .numeric-multi .answer ul li span.input,
  .numeric-multi .answer ul li.multiplenumerichelp span,
  .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:table-cell;
  vertical-align:middle;
}
/* correction for prefix/suffix display problem (span inside span) */
.numeric-multi .answer ul li.multiplenumerichelp span span {
  display:inline;
  padding:0;
  vertical-align:baseline;
}
/* end correction */

.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 { /* compare with padding of table answertext */
  padding:3px;
  text-align: center;
}



/* All input form fields (careful with background-color !) */
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,
.numeric p.question input.text {
  height: 29px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #6f6f6f;
  font-size: 13px;
  line-height: 29px;
  background: white;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  text-align: left;
}

p.question.answer-item.text-item.inputwidth-15.withprefix.withsuffix input.text {
	margin: 0 10px;
}

p.question.question.answer-item.text-item.numeric-item.withprefix input.text {
	margin: 0 10px;
}


/* Highlighted text fields / Hovereffect in text form fields and areas */
input.text:focus,
.array-multi-flexi-text tbody td label input:focus,
.array-multi-flexi tbody td input:focus,
.date p.question input:focus,
.numeric-multi .answer ul li span.input input:focus,
.textarea:focus,
.numeric p.question input.text:focus,
.numeric-multi .answer ul li span.input input.text:focus {
  background-color:#f8f8f8;
}


/* Right align of text in numeric question types*/
.numeric p.question input.text,
  .numeric-multi li.multiplenumerichelp input,
  .numeric-multi .answer ul li span.input input {
  text-align:left;
}


/* Alignment of checkbox/radio and text following it */
.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  {
  position:relative;
  margin-bottom:15px;
  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 {
  position:absolute;
  top:1px;
  left:0;
}
.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-block;
  margin-left:20px;
}
.multiple-opt-comments .answer ul li span.option {
  padding-left:20px;
}
.multiple-opt-comments .answer ul li.other span.option {
  padding-left:0;
}
.multiple-opt-comments .answer li span.option input.checkbox {
  margin-left:-20px;
  float:left;
}


.gender .answer ul li,
  .yes-no .answer ul li,
  .choice-5-pt-radio .answer ul li {
  display:inline;
  padding-right:20px;
}

/* line-height fix */
.gender .answer ul li input.radio,.yes-no .answer ul li input.radio, .choice-5-pt-radio .answer ul li input.radio {
	top:3px;
}


p.tip {
  font-size:90%;
  font-style:italic;
}
p.problem {
  color:#ff0f0f;
}



/*----------------------------------------------------------------------------*/
/* Array 5 Point Choice Question */
.array-5-pt {}
/* Array 5 Point Choice Question */
.array-10-pt {}
/* Array Yes/No/Uncertain Question */
.array-yes-uncertain-no {}
/* Array Increase/Same/Decrease Question */
.array-increase-same-decrease {}
/* Array using Flexible Labels question */
.array-flexible-row {}
/* Array Flexible Labels by Column question */
.array-flexible-column {}
/* Array (Flexible Labels) dual scale */
.array-flexible-duel-scale {}
/* Array (Multi Flexi) (Numbers / Checkbox) */
.array-multi-flexi {}
/* Array (Multi Flexi) (Text) */
.array-multi-flexi-text {}

table.question {}
table.question thead th,
  table.question tbody tr.repeat th {
  padding:2px 5px;
  text-align:center;
  vertical-align:bottom;
}
table.question tbody th.answertext { /* Predifined answer */
  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 { /* Predifined answer */
  font-weight:400;
}

table.question tbody .array1,
  .array-flexible-column table.question .odd  {
  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:#7ca51a;
  color: #FFF;
}

table.question tbody td label input.radio {}
.array-flexible-duel-scale tbody td select {}
.array-multi-flexi tbody td label select.multiflexiselect {}
.array-multi-flexi-text tbody td label input {}
.array-multi-flexi tbody td input {}

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


/* dual scale (radio) */
.array-flexible-duel-scale thead .groups{ /* First row */
  background-color:#fff;
}
.array-flexible-duel-scale thead th.dsheader { /* First row sells with group names */
}
.array-flexible-duel-scale tbody td.dual_scale_separator {
  background-color:#faf9f1;
  margin:0;
  padding:0;
}

/* dual scale (dropdown) */
.array-flexible-duel-scale tbody td.ddarrayseparator {
  background-color:#fff;
  margin:0;
  padding:0;    
}

.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 question */
.date {}
.date p.question input {}
.date p.question button.ui-datepicker-triggert {}
.date p.tip {
  margin-top:5px;
}

.date p.question select.day {}
.date p.question select.month {}
.date p.question select.year {}





/*----------------------------------------------------------------------------*/
/* Gender question */
.gender {}
.gender .answer ul li input.radio {}





/*----------------------------------------------------------------------------*/
/* Numerical Input question */
.numeric {}
.numeric p.tip {
  margin-top:5px;
}
.numeric p.question input.text {
}







/*----------------------------------------------------------------------------*/
/* Multiple Numerical Input question */
.numeric-multi {}
.numeric-multi p.tip {
  margin-bottom:5px;
}
.numeric-multi p.good {}
.numeric-multi p.problem {}


.numeric-multi .answer ul {}
.numeric-multi .answer ul li {}
.numeric-multi .answer ul li.multiplenumerichelp { /* Total resp. Remaining hints */
}
.numeric-multi li.multiplenumerichelp input.good {
  background-color:#77ef87;
}
.numeric-multi li.multiplenumerichelp input.problem {
  background-color:#ff0f0f;
}
.numeric-multi .answer ul li label {}
.numeric-multi .answer ul li span.input {}

.numeric-multi .answer ul li span.input input {
  height: 29px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 50px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #6f6f6f;
  font-size: 13px;
  line-height: 29px;
  background: white;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
}

.numeric-multi .answer ul li span.input input:focus {background: #FFF;}
    
  .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%;
  vertical-align:middle;
  padding:0 15px 0 0;
}
.numeric-multi .answer ul li div.slider_lefttext { /* text on the left side of slider bar */ 
  padding:0 15px 0 0;
  text-align:right;
  vertical-align:middle;
  font-size:90%;
}
.numeric-multi .answer ul li div.slider_righttext { /* text on the right side of slider bar */
  padding:0 0 0 15px;
  text-align:left;
  vertical-align:middle;
  font-size:90%;
}
.numeric-multi .answer ul li div.multinum-slider { /* slider container */
  vertical-align:middle;
}

/* FIX numeric label */

span.label {
	font-weight: bold;
}



/*----------------------------------------------------------------------------*/
/* Ranking question */
.ranking {}
.ranking table.rank {}
.ranking table td.label { /* Choices */
}
.ranking table td.label strong label { /* Heading for choices */
}
.ranking table td.label select.select {
  margin-top:5px;
}
.ranking table td.output { /* Output (ranking) */
}
.ranking table td.output table {}
.ranking table td.output table td {
  padding:2px 3px;
}
.ranking table td.output table td strong{ /* Heading for output */
}
.ranking table td.output table td.position {}
.ranking table td.output table td.item input.text {}



.dragDropTable .dragDropChoices, .dragDropTable .dragDropRanks 
{  
    border: 1px solid #A0A0A0;
    margin: 5px 0 0;
}

.dragDropTable ul.dragDropChoiceList li, .dragDropTable ol.dragDropRankList li {
    background-image: none;
    border: 1px solid #aaa3a4;
    background-color: #f0f0f0;
    clear: both;
    cursor: move;
    font-weight: normal;
    margin: 0 3px 3px;
    min-height: 1.3em;
    padding: 3px;
}


.dragDropTable .columns2 .dragDropRanks ol li.choice {
	background: #7ca51a;
	cursor: move;
	color: #FFF;
}

.dragDropRanking .answer .ranking-answers .dragDropTable .dragDropChoices,
.dragDropRanking .answer .ranking-answers .dragDropTable .dragDropRanks
{
    margin-right: 10px;
    background: #FFF;
}




/*----------------------------------------------------------------------------*/
/* Boilerplate question */
.boilerplate  {}





/*----------------------------------------------------------------------------*/
/* Yes-No question */
.yes-no {}
.yes-no .answer ul li input.radio {}





/*----------------------------------------------------------------------------*/
/* Multiple Options question */
.multiple-opt {}
.multiple-opt .answer ul li {}
.multiple-opt .answer ul li input.checkbox {}
.multiple-opt .answer ul li label.answertext{}
.multiple-opt .answer ul li input.text { /* Comment field */
}





/*----------------------------------------------------------------------------*/
/* Multiple Options question with comments */
.multiple-opt-comments {}
.multiple-opt-comments .answer ul li {}
.multiple-opt-comments .answer ul li.other {}
.multiple-opt-comments .answer ul li span.option label.answertext input.checkbox {}
.multiple-opt-comments .answer ul li span.option label.answertext input.text.other {}
.multiple-opt-comments .answer ul li span.option {}
.multiple-opt-comments .answer ul li span.comment label.answer-comment input.text {}
.multiple-opt-comments .answer ul li span.comment {}






/*----------------------------------------------------------------------------*/
/* List Dropdown question */
.list-dropdown {}
.list-dropdown p.question select {}





/*----------------------------------------------------------------------------*/
/* 5 point choice question */
.choice-5-pt-radio {}
.choice-5-pt-radio .answer ul li input.radio {}
.choice-5-pt-radio .answer ul li label.answertext {} 





/*----------------------------------------------------------------------------*/
/* List Radio qeustion */
.list-radio .answer ul li {margin-bottom: 15px;}
.list-radio .answer ul li input.radio {margin-top: 1px;}
.list-radio .answer ul li label.answertext {}
.list-radio .answer ul li.other label input.text { /* Other text form field */
}





/*----------------------------------------------------------------------------*/
/* List with Comment question */
.list-with-comment {}
.list-with-comment div.list ul li input.radio {}
.list-with-comment div.list ul li label.answertext {}
.list-with-comment p.comment {
  margin-top:5px;
}
.list-with-comment p.comment label {
  vertical-align:top;
  display:block;
}
.list-with-comment p.comment textarea.textarea {
  margin-top:5px;
}





/*----------------------------------------------------------------------------*/
/* Multiple Short Text question */
.multiple-short-txt {}
.multiple-short-txt .answer ul li label {}
.multiple-short-txt .answer ul li span input.text{}
.multiple-short-txt .answer ul li span textarea.textarea {
  /* when entering rows in LimeSurvey settings textarea instead of input field appears */
}
.multiple-short-txt .answer li span {
  text-align:left;
}





/*----------------------------------------------------------------------------*/
/* Short Free Text question */
.text-short {}
.text-short p.question input.text {}





/*----------------------------------------------------------------------------*/
/* Multiple Long Text question */
.text-long {}
.text-long .answer textarea.textarea {}





/*----------------------------------------------------------------------------*/
/* Huge Free Text question */
.text-huge {}
.text-huge .answer textarea.textarea {}





/*----------------------------------------------------------------------------*/
/* General question style to overwrite the ones above */


/* START: Column alignment */
/* Applies for: .list-radio, .multiple-opt, (.gender????), */
ul.cols-2-ul, ul.cols-3-ul, ul.cols-4-ul, ul.cols-5-ul, ul.cols-6-ul, ul.cols-7-ul, ul.cols-8-ul {
  display:inline-block;
  vertical-align:top;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}
ul.cols-2-ul {
  width:49%;
}
ul.cols-3-ul {
  width:32%;
}
ul.cols-4-ul {
  width:24%;
}
ul.cols-5-ul {
  width:19%;
}
ul.cols-6-ul {
  width:16%;
}
ul.cols-7-ul {
  width:14%;
}
ul.cols-8-ul {
  width:12%;
}
ul.cols-2-ul li, ul.cols-3-ul li, ul.cols-4-ul li, ul.cols-5-ul li, ul.cols-6-ul li, ul.cols-7-ul li, ul.cols-8-ul li {
  padding-right:5px;
}

ul.first {}
ul.last {}
/* END: Column alignment */


/*----------------------------------------------------------------------------*/
/* Upload files button */
a.upload, a.upload:link {
	padding: 10px;
	font-size: 80%;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
	color: #484444 !important;
	border: 1px solid #b5b5b5;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 );
}

a.upload:hover {
	text-decoration: none;
	background: #c7c7c7;
	background: -moz-linear-gradient(top, #c7c7c7 0%, #b7b7b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(100%,#b7b7b7));
	background: -webkit-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -o-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: -ms-linear-gradient(top, #c7c7c7 0%,#b7b7b7 100%);
	background: linear-gradient(to bottom, #c7c7c7 0%,#b7b7b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#b7b7b7',GradientType=0 );
}


/*----------------------------------------------------------------------------*/
/* END: Question styles */
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/* Jquery CSS */

/** UI Base **/
.ui-wrapper {
  border:1px solid #50A029;
}
.ui-wrapper input,.ui-wrapper textarea {
  border:0;
}


/* UI Slider */
.ui-slider {
  width:200px; /* slider-bar width */
  height:9px; /* slider-bar height */
  margin:25px 0 8px; /* required to the the callout */
}
.ui-slider .ui-slider-handle {
  position:absolute;
  height:23px;
  width:12px;
  top:-8px;
  left:0;
  background-image:url(slider-handle.png);
}
.ui-state-default, .ui-widget-content .ui-state-default {
  /* removes background-color and border behind the slider handle */
  border:none;
  background-color:transparent;
}
.ui-widget-content {
  /* border-color or background-color of slider bar */
}

.slider_callout {
  height:20px;
  width:100px;
  overflow:hidden;
  position:absolute;
  top:-25px;
  margin-left:-5px;
  font-size:85%;
  font-weight:400;
  text-align:left;
}
.slider_showmin, .slider_showmax {
  float:left;
  width:50px;
  margin:15px 0 0 0;
  font-family: 'Roboto', sans-serif;
  font-size:80%;
  font-weight:400;
  text-align:left;
}
.slider_showmax {
  float:right;
  text-align:right;
}
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/* Question Index */
.outerframe.withindex,.withindex .outerframe{
}
.allinone .withindex{margin:0}

#index {
	clear: both;
  padding: 20px 30px;
  background: #f8f8f8;
  border-top: 1px solid #dfded5;
}

#index h2 {
  margin:0;
  padding:5px;
  text-align:left;
  color: #4a4a4a;
}

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

#index .container {
  background: #f8f8f8;
}

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

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

#index .container .row .hdr {
  width:15px;
  text-align:left;
  display: inline-block;
  padding: 0 5px 0 5px;
}

#index .container .row.odd { background: #aaa3a4; color: #FFF;}
#index .container .row.current { background: #FFF;  color: #396276; font-weight: 700; }
#index .container .row.answer { background: #7ca51a; color: #FFF; font-size: 14px; }
#index .container .row.missing { background: #aaa3a4; color: #fff;}
#index .container input {
	margin: 20px 0;
	cursor:pointer;
	padding: 0 1em;
	border: none;
	border-radius: 4px;
	font-family: 'Roboto', 'sans-serif';
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
}
/*----------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------*/
/* taken from default template */
/* Tips / Validation Messages */
/* If the question is invalid, but has not been submitted, give it a pleasant 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;
  font-size: 100%;
  font-weight: 700;
}
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;
}

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

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

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

/* II / 3b. Limesurvey 1.91 validation styles					*/
p.good
  {
  color: green;
}

p.problem
  {
  color: red;
}

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





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