#header {
  background: url(membrete.jpg) width:100% no-repeat;
  height:150px;
  border-bottom: 5px solid #CCC;
}

.clr {
clear: both;
height: 0;
}


/* Start reset CSS */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


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

fieldset, img, abbr, acronym, .ui-wrapper input, .ui-wrapper textarea {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {list-style: none;}

caption, th, .answertextright, #limesurvey table.question .answer tbody td {
  text-align: left;
  width: 90%
  
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {content: '';}

body {
  color: #444;
  background: #EEE url(gradient_bg.gif) repeat-x;
  font: 12px Verdana;
}

label, .text-short p.question,.numeric p.question,.numeric-multi span,.multiple-short-txt ul li span, .numeric-multi div.input {
  font-size: 12px;
}

h3 {
  font-size: 1.3em;
  font-weight: bold;
  color: #1D2D45;
  padding-bottom: 10px;
}

#answers {margin: 0; width: 100%;}

#completed {
  width: 75%;
  text-align: center;
  background: #fff;
  margin: 10px auto;
  padding-top: 10px;
  border: 1px solid #2f5376;
}

div.questionhelp {
  font-size: 10px;
  font-style: italic;

}

div.questionhelp img {
  margin: 0 5px;
  margin-top: -4px;
  vertical-align: middle;
}

div.question {
  border: 1px solid #777;
  background: #fff;
  width: 96%;
  margin: 20px auto;
  padding: 0.5em;
}

div.questiontext {
  font: bold 12px verdana;
  margin-bottom: 10px;
}

#groupheader, #groupdescription {margin: 1%;}

#container {
  width: 85%;
  margin: 0 auto;
  border: 1px solid #777;
  background: #EEE;
  padding: 0% 0% 0.5em 0%;
}

#welcometext {
  width: 50%;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 30px;
  text-align: center;
}

#welcometext p {font-size: 1em; margin: 5px 20px;}

#welcome {
  background: #555555;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
}

#welcome p {font-size: 1em; margin: 5px 20px;}

.submit, input.saveall, #loadbutton, #savebutton {
  padding: 0 10px;
}

input.submit {min-width: 100px;}

input.saveall {font-size: 0.8em; padding: 0 5px;}

.select {background: #EFEFEF; color: #555;}

.clearall A:hover {text-decoration: underline;}

.graph {
  border: solid;
  background: #EFEFEF;
  font: 10px Verdana;
}

.answertext,.answertextright {
  font-size: 12px;
  text-align: left;
}

#progress-graph {
  line-height: 1.5em;
  font-size: 0.8em;
  width: 16em;
  margin: 0 auto;
  padding: 0.2em 0.5em 0.3em 1em;
  text-align: left;
  background: #efefef;
  color: #777777;
  border: 1px solid #fff;
}

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

#progress-graph div.zero {width: 3.6em; margin-right: 0%;}

#progress-graph div.graph {
  width: 8em;
  height: 1.2em;
  border: 1px solid #000;
  margin-top: -1.3em;
  margin-left: 2.8em;
  margin-right: 0%;
}

#progress-graph div.cent {
  width: 3em;
  margin-top: -1.65em;
  margin-left: 12.1em;
  margin-right: 0%;
}

.array1 {background: #D1D1D1; text-align: center;}

.array2 {background: #EFEFEF; text-align: center;}

.question {background: #FFF; font: 12pt Verdana;}

.questionhelp {font-size: 10px; font-weight: normal;}

.asterisk {color: #9E0000; font: 9pt verdana;}

.innergraph img {height: 12px; vertical-align: top;}

.innergraph table {
  height: 12px;
  border: 1px solid #000;
  table-layout:fixed !important;
}

.innergraph td {height: 12px;}

.printouttable {width: 100%;}

.printouttable td {border: 1px solid #fff #fff #ddf #000;}

.printouttable td:first-child {
  font-weight: 700;
  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
  
}
.printouttitle {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 18px;
}

.surveytitle {font-size: 1.2em; height: 1.5em;}

.surveytitle:hover {background: #F0F0FF;}

.languagechanger {font-size: 1em;}

.errormandatory,.warningjs {
  font-size: 12px;
  font-weight: 700;
  color: #9E0000;
}

font,.text, .date p.question select.day, .date p.question select.month, .date p.question select.year, .ranking, .language, .multiple-opt-comments td.answer,.multiple-short-txt td.answer,.numeric-multi td.answer, #tokenform input {}

.clearall A:link,.clearall A:visited,.clearall A:active {
  text-decoration: none;
  color: #9E0019;
}

table.question tr.array1:hover, table.question tr.array2:hover {
  background: #B5566E;
}

table.question td{padding: 3px 10px;}

table.question th{padding: 2px 5px;}

table.question tr:first-child td:first-child, td.statsImageholder{
  background: #fff;
}

td.answertext {padding: 3px 6px;}

.dsheader {
  font-size: 12px;
  font-weight: bold;
}
/* -------------------------------------------------
   START: Question styles  ------------------------- */
/* =====================================
== Full list of question classes =======

 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease
,.array-flexible-row
,.array-flexible-column
,.slider
,.array-multi-flexi
,.array-multi-flexi-text
,.array-flexible-duel-scale
*/
/* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */

.choice-5-pt-radio ul,.list-radio-flexible ul,.list-radio ul,.list-with-comment ul,.multiple-opt ul,.multiple-opt-comments ul,.multiple-short-txt ul,.numeric-multi ul,.yes-no ul,.gender ul {
  margin-left: 0%;
  padding-left: 0%;
}

.choice-5-pt-radio li,.list-radio-flexible li,.list-radio li,.list-with-comment li,.multiple-opt li,.multiple-opt-comments li,.multiple-short-txt li,.numeric-multi li,.yes-no li,.gender li {
  list-style: none;
  text-align: left;
  margin: 0 0 0.3em 0.5em;
}

.choice-5-pt-radio li,.list-radio-flexible li,.list-radio li,.list-with-comment li,.yes-no li,.gender li {
  margin-left: 2em;
  text-indent: -1.7em;
}
/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */
/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/

.choice-5-pt-radio ul,.yes-no ul,.gender ul {
  text-align: left;
  margin-left: 0%;
  padding-left: 0%;
  font-size: 90%;
}

.choice-5-pt-radio ul li,.yes-no ul li,.gender ul li {
  display: inline;
  padding: 0% 2em 0% 0%;
  margin-left: 0%;
}
/* STYLES NOT YET DEFINED - - - - -
.date {}
*/

.date p.question, .list-dropdown-flexible p.question, .numeric input,.text-short input,.text-long textarea,.text-huge textarea {
  margin-left: 1em;
}

.date p.tip,.numeric-multi p.tip,.numeric p.tip,.list-with-comment div.list p.tip {
  margin-left: 0.9em;
  font-size: 0.6em;
  font-style: italic;
  line-height: 150%;
  margin-bottom: 10px;
}
/* Currently numeric-multi table is only the width of the widest box they contain (ul.computed/ul.slider.computed). Because ul.multinumerichelp is floated, it's outside the normal flow, so cannot affect the width of the wrapping table box.
If you want ul.multinumerichelp to float beside the input boxes, you need to uncomment the following. NOTE: the result makes multi-numeric different from the rest of the question types.*/
/*.numeric-multi table { width: 100%; } */

.numeric-multi p.tip .error,.numeric-multi input.tip .error {
  color: #f70;
  font-weight: bold;
}

.numeric-multi p.tip .good,.numeric-multi input.tip .good {
  color: #090;
  font-weight: bold;
}

.numeric p.question input {
  margin: 0% 0.2em;
}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/

.list-radio .answer li label {
  display: inline-block;
  width: 85%;
}

.list-radio .answer li input {
  vertical-align:top !important;
  margin-top: 2px;
}

ul.cols-2, table.cols-2, ul.cols-3, table.cols-3, ul.cols-4, table.cols-4, ul.cols-5, table.cols-5, ul.cols-6, table.cols-6, ul.cols-7, table.cols-7, ul.cols-8, table.cols-8 {
  width: 98%;
  margin: 0% auto 0% auto;
}

ul.cols-2 li, ul.cols-3 li, ul.cols-4 li, ul.cols-5 li, ul.cols-6 li, ul.cols-7 li, ul.cols-8 li {
  float: left;
  padding: 0 0.5em;
  white-space: normal;
}

ul.cols-2 li, table.cols-2 td {width: 47%;}

ul.cols-3 li, table.cols-3 td {width: 30%;}

ul.cols-4 li, table.cols-4 td {width: 22%;}

ul.cols-5 li, table.cols-5 td {width: 17%;}

ul.cols-6 li, table.cols-6 td {width: 15.5%;}

ul.cols-7 li, table.cols-7 td {width: 12%;}

ul.cols-8 li, table.cols-8 td {
  width: 10%;
}
/* List/radios displayed in columns */

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 {
  float: left;
  width: auto;
  padding: 0;
  margin-bottom: 1em;
}

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: 0 1.5em 0 0;
}

ul.cols-2-ul label, ul.cols-3-ul label, ul.cols-4-ul label, ul.cols-5-ul label, ul.cols-6-ul label, ul.cols-7-ul label, ul.cols-8-ul label {
  text-indent: 0;
}

.list-with-comment div.list {
  width: 47%;
  float: left;
  padding: 0.5em;
}

.list-with-comment p.select {
  width: 47%;
  float: left;
  padding: 0.5em;
  margin: 0%;
}

.list-with-comment div.list p {
  margin: 0%;
  text-align: left;
}

.list-with-comment p.comment {
  margin: 0%;
  padding: 0.5em;
  text-align: left;
  float: left;
  width: 47%;
}

.list-with-comment p.comment textarea {
  width: 100%;
  margin-top: 10px;
}

.multiple-opt-comments ul,.multiple-short-txt ul,.numeric-multi ul,.numeric-multi .slider ul {
  display: table;
  padding: 0%;
  margin: 1em;
}

.numeric-multi ul {margin: 0% 1em 1.5em 1em;}

.numeric-multi ul.computed {
  float: left;
  padding-right: 2em;
}

.numeric-multi div.multinum-slider {
  width: auto;
  float: left;
  margin-top: 1.5em;
  margin-bottom: 0.2em;
}

.numeric-multi ul.slider .computed {
  width: 13em;
  margin-bottom: 1em;
}

.multiple-opt-comments ul li,.multiple-short-txt ul li,.numeric-multi ul li,.numeric-multi .slider ul li {
  display: table-row;
  font-size: 100%;
}

.multiple-opt-comments ul li span.option {
  padding: 0.3em 1em 0% 1.5em;
  text-indent: -1.5em;
  display: table-cell;
  vertical-align: baseline;
}

.numeric-multi ul li label, .numeric-multi ul.slider li label {
  padding: 0.3em 1em 0% 0%;
  display: table-cell;
  vertical-align: baseline;
}

.multiple-short-txt ul li label {
  padding: 0.3em 1em 0% 0%;
  display: table-cell;
  vertical-align: middle;
}

.numeric-multi ul.computed li label .numeric-multi ul.slider .computed li label {
  padding-right: 0%;
  font-size: 12px;
}

.multiple-opt-comments ul li span.comment,.multiple-short-txt ul li span,.numeric-multi ul li span,.numeric-multi ul li.slider span {
  padding: 0.3em 0% 0% 1em;
  display: table-cell;
  vertical-align: baseline;
  white-space: nowrap;
}

.multiple-opt-comments ul li span {
  padding: 0.3em 1em 0% 0%;
}

.numeric-multi ul.multiplenumerichelp,.numeric-multi ul.multiplenumerichelp .slider {
  display: table;
  font-size: 80%;
}

.numeric-multi ul.multiplenumerichelp li,.numeric-multi ul.multiplenumerichelp .slider li {
  display: table-row;
}

.numeric-multi ul.multiplenumerichelp li span,.numeric-multi ul.multiplenumerichelp .slider li span {
  padding: 0% 0% 0% 0.3em;
  display: table-cell;
}

.numeric-multi ul.multiplenumerichelp span input {
  border: none;
  background: #fff;
  color: #222;
  padding: 0%;
  width: 7em;
}

#limesurvey table.question tbody th.arraycaptionleft, #limesurvey table.question thead th, #limesurvey table.question .repeat th {
  text-align: center;
  padding: 3px 10px;
  background: #D1D1D1;
  vertical-align:middle !important;
  font-size: 0.6em;
  font-weight: bold;
}

#limesurvey table.question tbody th.answertext {
  text-align: right;
  font-weight: normal;
  font-size: 12px;
}

#limesurvey table.question tbody th.answertextright {
  text-align: left;
  font-weight: normal;
  font-size: 12px;
}

.array-flexible-column table.question thead th {
  font-size: 12px !important;
  font-weight:normal !important;
}

.array-flexible-column thead th.odd {
  background: #f1f1f1 !important;
}

.array-flexible-column col.odd {background: #eee;}

.array-flexible-column col.even {background: #d1d1d1;}

.array-flexible-column table.question td {
  text-align: center;
}
/* Jquery CSS
 */
/** UI Base **/

.ui-wrapper {border: 1px solid #50A029;}

.numeric-multi label.slider-label {
  display: table-cell;
  padding: 0 1em 0 0;
  margin-top: 1.3em;
  vertical-align: middle;
}

.ui-slider-disabled .ui-slider-handle {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.ui-slider-1 {
  width: 200px;
  position: relative;
  height: 10px;
}

.slider_callout {
  height: 20px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: -20px;
  margin-left: +15px;
  color: #284a6e;
  font-size: 0.75em;
  font-weight: bold;
  text-align: left;
}

.slider_showmin {
  float: left;
  width: 50px;
  margin: 15px 0 0 -25px;
  font: normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

.slider_showmax {
  float: right;
  width: 50px;
  margin: 15px -28px 0 0;
  font: normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

.slider_lefttext {
  display: table-cell;
  padding-right: 11px;
  vertical-align: middle;
  text-align: right;
  font-size: 0.9em;
}

.slider_righttext {
  display: table-cell;
  padding-left: 11px;
  vertical-align: middle;
  font-size: 0.9em;
}

div.privacynote {
  text-align: center;
  background: #fff;
  width: 80%;
  margin: 10px auto;
  padding: 5px;
}

table.navigator {width: 98%; margin-bottom: 5px;}

table.navigator td{width: 33%;}

div.answers {margin-bottom: 10px; float: left;}

div.answers table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 1px;
}

.choice-5-pt-radio li {
  display: inline;
  margin-left: 0.5em;
}

.choice-5-pt-radio ul {margin-bottom: 10px;}

div #loadtable, div #savetable {padding-top: 10px;}

#loadtable td, #savetable td {
  padding-top: 5px;
  padding-left: 3px;
}

td.rank label, td.rank td strong {font-size: 0.7em;}

.ranking select {min-width: 140px; min-height: 60px;}

li.other .answer-comment {margin-top: -1.65em;}

p.captcha {margin-left: 10px; margin-top: 10px;}

form.captcha table td {padding: 5px 5px;}

form.captcha label, table.statisticstable strong, #listingContent .surveyListHeading {
  font-weight: bold;
}

#tokenform {margin-top: 1em;}

#tokenform label {
  float: left;
  width: 20em;
  margin-right: 0.5em;
  text-align: right;
}

#tokenform li {padding-bottom: 5px;}

#tokenform img {margin-bottom: -5px; margin-right: 5px;}

p#tokenmessage {margin: 20px;}

p#tokenmessage {margin: 20px; text-align: center;}

div#wrapper{width: 600px; margin: 0 auto;}

#tokenform input.submit {
  margin-left: 18em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#statsContainer {
  width: 720px;
  margin: 8px auto;
  border: 1px solid #555;
  background: #E9E9E9;
  padding: 0% 0% 0.5em 0%;
}

#statsHeader{
  background: #555;
  color: #fff;
  text-align: center;
  padding: 10px 0px;
  height: 96px;
}

.statsSurveyTitle {
  text-align: center;
  font-size: 1.66em;
  padding: 15px 0px 10px 0px;
}

.statsNumRecords {text-align: center; font-size: 1em;}

table.statisticstable{
  width: 690px;
  border: 0px solid;
  text-align: left;
  background: #fff;
  margin: 0px auto;
  padding-bottom: 8px;
}

table.statisticstable td{
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #CCC;
}

table.statisticstable img{margin: 3px auto;}

div.fieldSummary{
  font-size: .9em;
  padding: 10px 10px 0px 10px;
  display: block;
}

div.questionTitle{
  font-size: 1.2em;
  padding: 20px 20px 20px 20px;
  font-weight: bold;
}

#listingHeader{
  margin-top: 5px;
  padding: 10px 0px;
  background: #555;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

#listingContent p{
  margin: 15px 0;
  text-align: center;
  line-height: 150%;
}

#listingList{
  width: 80%;
  margin: 0 auto;
  padding: 5px 0 10px 0;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}

#listingList ul {list-style: none; text-align: center;}

#listingList .surveytitle {
  font-size: 12px;
  line-height: 160%;
}

#listingList a {
  margin-left: 5px;
  color: #444444;
  text-decoration: underline;
}

#listingList a:hover {
  text-decoration: none;
  background: transparent;
}

#listingList a.surveytitle {margin-left: 0px;}