diff --git a/include/limesurvey/templates/skeletonquest/survey.pstpl b/include/limesurvey/templates/skeletonquest/survey.pstpl
new file mode 100644
index 00000000..a0a92cc6
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/survey.pstpl
@@ -0,0 +1,3 @@
+
{SURVEYDESCRIPTION}
+
{PERCENTCOMPLETE}
+
diff --git a/include/limesurvey/templates/skeletonquest/surveylist.pstpl b/include/limesurvey/templates/skeletonquest/surveylist.pstpl
new file mode 100644
index 00000000..2b4d44af
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/surveylist.pstpl
@@ -0,0 +1,7 @@
+
+ {LANGUAGECHANGER}
+
{SURVEYLISTHEADING}
+
+
{SURVEYCONTACT}
+
+
diff --git a/include/limesurvey/templates/skeletonquest/template-rtl.css b/include/limesurvey/templates/skeletonquest/template-rtl.css
new file mode 100644
index 00000000..37d0da31
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/template-rtl.css
@@ -0,0 +1,125 @@
+/* This file is part of Lime Survey Template :a free template
+ you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This template is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program. If not, see
.
+*/
+
+body{direction:rtl;}
+ul ul, ul ol,
+ol ol, ol ul { margin: 4px 30px 5px 0; }
+/*.hide{right:-999999px}*/
+/*#progress-wrapper #progress-pre{float:right;text-align:left;margin:0 0 0 5px}*/
+/*#progress-wrapper .ui-widget-content{float:right;text-align:right;}*/
+/*#progress-wrapper #progress-post{float:right;text-align:right;}*/
+.tools input,.tools a,input.submit,.question button,input[type="submit"],input[type="reset"],input[type="button"],.navigator input,.navigator button
+{
+ border-left: 1px solid #aaa;
+ border-right: 1px solid #ccc;
+}
+.tools input:hover,.tools a:hover,.navigator input:hover,input.submit:hover,.question button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.navigator input:hover,.navigator button:hover,.tools input:focus,.tools a:focus,.navigator input:focus,input.submit:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus,.navigator input:focus,.navigator button:focus
+ {
+ border-left: 1px solid #888;
+ border-right: 1px solid #aaa;
+ }
+.tools input:active,.tools a:active,.navigator input:active,input.submit:active,.question button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,.navigator input:active,.navigator button:active
+ {
+ border-left: 1px solid #888;
+ border-right: 1px solid #aaa;
+ }
+h2#surveytitle{text-align:right;}
+ul.tools li{margin-right:0;margin-left:1em;}
+#surveylist{text-align: right;}
+.question-help img{margin:1px 1px 5px 5px;}
+table.question tbody th.answertext,table.question tbody th.arraycaptionleft{text-align:left;}
+table.question tbody th.answertextright{text-align:right;}
+.list-with-comment .list, .list-with-comment p.select
+{
+ float: right;
+}
+.list-with-comment .list p
+{
+ text-align: right;
+}
+.list-with-comment .comment
+{
+ text-align: right;
+ float: right;
+}
+@media screen and (max-width: 440px) {
+ .list-with-comment .list
+ , .list-with-comment .select
+ , .list-with-comment .comment
+ {
+ text-align:right;
+ }
+}
+.numeric-multi ul.computed
+{
+ float:right;
+ padding-left: 2em;padding-right: 0;
+}
+.numeric-multi ul li label
+,.multiple-short-txt ul li label
+{
+ text-align:left;
+ }
+@media screen and (max-width: 440px) {
+.numeric-multi ul li label
+,.multiple-short-txt ul li label
+{
+ text-align:right;
+ }
+}
+.numeric-multi ul li span.input
+,.multiple-opt-comments ul li span.comment
+,.multiple-short-txt ul li span
+{
+ text-align: right;
+}
+.ie6 .numeric-multi ul li label,.ie7 .numeric-multi ul li label
+,.ie6 .multiple-opt-comments ul li span.option,.ie7 .multiple-opt-comments ul li span.option
+,.ie6 .multiple-short-txt ul li label,.ie7 .multiple-short-txt ul li label
+{
+ clear:right;
+ float:right;
+}
+.multiple-opt .answers-wrapper ul li.other input.text
+ {margin-left:0;margin-right:1em;}
+.multiple-opt-comments .answers-wrapper ul li label
+ {border-width:1px 1px 0 0;}
+.multiple-opt-comments .answers-wrapper ul .comment
+ {border-width:1px 0 0 1px;}
+.list-radio .answers-wrapper ul li.other label{
+ padding-left:0;
+}
+.multiple-opt .answers-wrapper ul li input.checkbox
+, .list-radio .answers-wrapper ul li input.radio
+, .choice-5-pt-radio .answers-wrapper ul li input.radio
+, .yes-no .answers-wrapper ul li input.radio
+, .gender .answers-wrapper ul li input.radio
+, .list-radio-flexible .answers-wrapper ul li input.radio
+, .list-with-comment .answers-wrapper ul li input.radio
+ {
+ right: 5px;
+ }
+ .multiple-opt-comments .answers-wrapper ul li input.checkbox
+ {float:right;}
+.ie6 .multiple-opt .answers-wrapper ul li input.checkbox,.ie6.list-radio .answers-wrapper ul li input.radio,.ie6.choice-5-pt-radio .answers-wrapper ul li input.radio,.ie6.yes-no .answers-wrapper ul li input.radio,.ie6.gender .answers-wrapper ul li input.radio,.ie6.list-radio-flexible .answers-wrapper ul li input.radio,.ie6.list-with-comment .answers-wrapper ul li input.radio
+,.ie7 .multiple-opt .answers-wrapper ul li input.checkbox,.ie7.list-radio .answers-wrapper ul li input.radio,.ie7.choice-5-pt-radio .answers-wrapper ul li input.radio,.ie7.yes-no .answers-wrapper ul li input.radio,.ie7.gender .answers-wrapper ul li input.radio,.ie7.list-radio-flexible .answers-wrapper ul li input.radio,.ie7.list-with-comment .answers-wrapper ul li input.radio
+ {right:0;}
+ .text-short input
+,.text-short textarea
+,.text-long textarea
+,.text-huge textarea
+{
+/* text-align:right;*/
+}
diff --git a/include/limesurvey/templates/skeletonquest/template.css b/include/limesurvey/templates/skeletonquest/template.css
new file mode 100644
index 00000000..5f1a1a12
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/template.css
@@ -0,0 +1,1282 @@
+/* This file is part of Lime Survey Template : SkeletonQuest
+
+ Copyright (C) 2010-2013 Denis Chenu for http://sondages.pro
+ Distributed under GPL 3 licence
+ Distributed under MIT licence
+ Inspiration by Skeleton V1.1, Copyright 2011, Dave Gamache, http://www.getskeleton.com under open-source MIT license
+ Inspiration by Spip-dist http://www.spip.net/ , Collectif SPIP distributed under GPL licence
+ Inspiration by THE CSS NINJA http://cssn.in/ja/023, Ryan Seddon
+ Inspiration by Bootstrap http://getbootstrap.com/ under Apache License.
+ Inspiration by jquery mobile http://jquerymobile.com/ under Dual licensed under the MIT or GPL Version 2 licenses.
+ Tango Icon Project http://tango.freedesktop.org/ distributed under Public Domain
+*/
+/* ======================================================== */
+/* Some color and background easy manipulation */
+/* ======================================================== */
+/* BASIC COLOR ADAPTATION */
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;}
+body{background:#fff;color:#444;}
+html{font:1em/1.5 "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;}
+body{font-size:14px}
+.wrapper,#content{max-width:75em;width:auto !important; width:75em}
+h1,h2,h3,h4,h5,h6{color:#181818;font-family: Georgia, "DejaVu Serif", Norasi, serif;}
+strong{color:#333;}
+a, a:visited { color: #333;}
+a:hover, a:focus, a:active { color: #000; }
+
+/* Head decoration */
+#head{border-bottom:4px solid #EEE;border-top:0px solid #CCC;color:#000;background:#fff repeat-x center bottom;}
+
+/* information block */
+#surveydescription{color:#444}
+.note,#tokenmessage{border:#ccc 1px solid;background:#eee;}
+
+/* Group decoration */
+.groupdescription{background:#fff;}
+.grouptitle{background:#fff;color:#222}
+
+/* Question bloc decoration */
+.question-wrapper{background-color:#fff;border:1px solid #ccc;}
+.question-wrapper .question-text{background:#f9f9f9;padding:0.5em 5px;color:#181818;}
+.question-wrapper .question-text a{}
+.question-wrapper .question-text a:hover{}
+.question-wrapper .question-text strong,.question-wrapper .question-text b{}
+
+/* footer color*/
+#footer{color:#eee;
+ background: #2C2C2C; /* Old browsers */
+ background: #2C2C2C -moz-linear-gradient(top, #333 0%, #222 100%); /* FF3.6+ */
+ background: #2C2C2C -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222)); /* Chrome,Safari4+ */
+ background: #2C2C2C -webkit-linear-gradient(top, #333 0%,#222 100%); /* Chrome10+,Safari5.1+ */
+ background: #2C2C2C -o-linear-gradient(top, #333 0%,#222 100%); /* Opera11.10+ */
+ background: #2C2C2C -ms-linear-gradient(top,#333%,#222 100%); /* IE10+ */
+ background: #2C2C2C linear-gradient(top, #333 0%,#222 100%); /* W3C */
+}
+#footer a{color:#eee;}
+#footer a:hover, #footer a:focus, #footer a:active {color: #fff;}
+/* ======================================================== */
+/* This part don't have to be modified */
+/* ======================================================== */
+/* Base style only */
+/* #Reset & Basics (Inspired by E. Meyers) */
+html,body{border:0;vertical-align:baseline;margin:0;padding:0;}
+div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;}
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
+body{line-height:1;}
+html,body{height:100.1%}
+ol,ul{list-style:none;}
+blockquote,q{quotes:none;}
+blockquote:before,blockquote:after,q:before,q:after{content:none;}
+table{border-collapse:collapse;border-spacing:0;}
+body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
+h1,h2,h3,h4,h5,h6{font-weight:400;}
+h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;}
+h1{font-size:1.8em;line-height:1.3;margin-bottom:0.4em;}
+h2{font-size:1.5em;line-height:1.4;margin-bottom:0.3em;}
+h3{font-size:1.3em;line-height:1.5;margin-bottom:0.2em;}
+h4{font-size:1.2em;line-height:1.5;margin-bottom:0.1em;}
+h5{font-size:1.1em;line-height:1.5;}
+h6{font-size:1em;line-height:1.5;}
+.subheader{color:#777;}
+p{margin:0 0 1em;}
+p img{margin:0;}
+em{font-style:italic;}
+strong{font-weight:700;}
+small{font-size:80%;}
+blockquote, blockquote p { color: #777; font-style: italic; }
+blockquote { margin: 0 0 1em; padding: 0.5em 1em 0 1em; border-left: 1px solid #ddd; }
+blockquote cite { display: block; font-size: 1em; color: #555; }
+blockquote cite:before { content: "\2014 \0020"; }
+blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
+hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
+a, a:visited { color: #333; text-decoration: underline; outline: 0; }
+a:hover, a:focus { color: #000; }
+p a, p a:visited { line-height: inherit; }
+ul, ol { margin-bottom: 1em; }
+ul { list-style: none outside; }
+ol { list-style: decimal; }
+ol, ul{ margin-left: 30px; }
+ul { list-style: square outside; }
+ul ul { list-style: circle outside; }
+ul ul ul { list-style: disc outside; }
+ul ul, ul ol,
+ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
+
+ul#surveylist{list-style:none}
+.hide{position:absolute;top:auto;left:-999999px}
+#progress-wrapper{width:252px;font-size:12px;height:20px;}
+#progress-wrapper #progress-pre{float:left;width:45px;text-align:right;margin:0 5px 0 0}
+#progress-wrapper .ui-widget-content{float:left;width:150px;height:1em;text-align:left;border-color:#666;border-style:solid;border-width:1px}
+@media handled,screen and (max-width: 240px) {#progress-wrapper .ui-widget-content{width:100px;}}
+#progress-wrapper .ui-widget-header{background-color:#AAA;background-image:none;border:1px solid #666}
+#progress-wrapper #progress-post{float:left;width:45px;text-align:left;margin:0 0 0 5px}
+@media reader {
+ #progressbar,#progress-pre,#progress-post{display:none}
+}
+
+.no-js .slider_showmin,.no-js .slider_showmax
+{display:none;}
+.no-js .slider_lefttext, .no-js .slider_righttext
+{display:none;}
+#percentcomplete{height:20px;display:block;margin:5px 0}
+h5,h6{font-size:1em}
+p,dl{margin:.75em 0}
+em,q,cite{font-style:italic}
+
+/* --------------------------------------------- */
+/* More adaptation of the template : */
+/* color and image */
+/* --------------------------------------------- */
+p{margin:0 0 0.5em;}
+p img{margin:0;}
+p a, p a:visited { line-height: inherit; }
+
+/* survey list */
+#surveylist-container h2,#surveylist-container h3{color:#444}
+ul#surveylist li a{color:#444;}
+ul#surveylist li a.surveytitle{color:#222;}
+
+/* tip color */
+.error{color:#944}
+.good{color:#494}
+.problem{color:#944}
+
+.help-wrapper .error,.help-wrapper .good,.help-wrapper .problem,p.tip.error,p.tip.problem,p.tip.good{background-image: url(error.png);background-repeat:no-repeat}
+.help-wrapper .error,.help-wrapper .problem,p.tip.error,p.tip.problem{padding-left:20px;background-position:0 center;}
+.help-wrapper .good,p.tip,p.tip.good{padding-left:0;background-position:-20px center;}
+.ie6 .help-wrapper .good,.ie7 .help-wrapper .good,.ie8 .help-wrapper .good{background-image:none}
+.help-wrapper .error-wrapper{padding-left:20px;background: transparent url(error.png) no-repeat left center;}
+.help-wrapper br{height:1px;width:1px;padding:0;margin:0;display:none;}
+
+.ui-slider{border-color:#555;}
+.slider_showmin {color:#666;}
+.slider_showmax {color:#666;}
+.slider_lefttext {color:#666;}
+.slider_righttext {color:#666;}
+.slider_callout {color: #111;}
+
+/* specific questions color and background*/
+table.question{border-color:#ddd;}
+table.question tbody{border-color:#ddd;}
+table.question tr{border-color:#ddd;}
+table.question th{border-color:#ddd;}
+table.question td{border-color:#eee;min-width:50px;}
+table.question thead td{border-color:#ddd;}
+
+table.question tbody td.ddarrayseparator:hover{background:#eee;}
+
+.array-flexible-column table.question col.even {background:#fff}
+.array-flexible-column table.question col.odd {background:#f9f9f9}
+.array-flexible-column table.question col.hover {background:#eee}
+
+table.question thead th {background:#fff}
+table.question th {background:#fff}
+table.question tr.array1
+,table.question tbody tr.array1 th
+,table.question tbody tr.array1:hover th
+ {background:#fff}
+table.question tr.array2
+,table.question tbody tr.array2 th
+,table.question tbody tr.array2:hover th
+ {background:#f9f9f9}
+
+.js table.question tbody tr td:hover
+{background:#ddd}
+table.question tbody tr:hover
+,.js table.question tbody tr td.answertextright:hover
+,.js table.question tbody tr td.dual_scale_separator:hover
+,.js table.question tbody tr td.ddarrayseparator:hover
+{background:#eee}
+/*@media handled,screen and (max-width: 440px) {*/
+/*table.question th,table.question td {display:block}*/
+/*}*/
+
+table.rank td{border-color:#ddd}
+table.rank table td{border-color:#ddd}
+
+ table.question tbody tr:hover th
+, table.question thead th.hover
+, table.question tbody tr.focus th
+, table.question thead th.focus
+{
+ color: #222222;
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
+table.question thead th.hover{
+ background:#F9F9F9;
+}
+.dragDropTable .dragDropChoiceList li:hover, .dragDropTable .dragDropRankList li:hover {
+ color: #222222;
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
+table.question td.checked{background-color:red}
+/* index color */
+#index .container{border-color:#ccc;background:#eee;}
+#index .container h2{background:#444;color:#fff;}
+#index .hdr{color:#555;}
+#index .row{color:#555;}
+#index .current{color:#555;}
+#index .row:hover, #index .row:focus, #index .row:active {background-color: #eee;color: #555;}
+
+/* Global margin and with*/
+/* width of limesurvey contents parts */
+.wrapper,#content{padding:0;margin:0 auto;}
+
+
+#head a:hover,#head a:focus,#head a:active{background:transparent;}
+#head a , #head a img{outline: 0;} /* remove the outline on logo click */
+
+#sitename{line-height:2;margin:0;}
+
+/* Some padding for little screen*/
+#head .wrapper{padding:0 5px;}
+#content #surveydescription{padding:0 5px;}
+#content #welcome{padding:0 5px;}
+#content #welcome #surveydescription{padding:0;}
+p.navigator{padding:0 5px;}
+/* survey tool decoration */
+/* Adapted from Skeleton V1.1, Copyright 2011, Dave Gamache, http://www.getskeleton.com */
+.tools input,.tools a,input.submit,.question button,input[type="submit"],input[type="reset"],input[type="button"],.navigator input,.navigator button
+{
+ background: #f5f5f5; /* Old browsers */
+ background: #f5f5f5 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(150,150,150,.2) 100%); /* FF3.6+ */
+ background: #f5f5f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,.2)), color-stop(100%,rgba(150,150,150,.2))); /* Chrome,Safari4+ */
+ background: #f5f5f5 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%); /* Chrome10+,Safari5.1+ */
+ background: #f5f5f5 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%); /* Opera11.10+ */
+ background: #f5f5f5 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%); /* IE10+ */
+ background: #f5f5f5 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%); /* W3C */
+ border: 1px solid #aaa;
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ padding: 4px 12px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ color: #444;
+ display: inline;display: inline-block;
+ font-size: 1em;
+ font-weight: 700;
+ text-decoration: none;
+ text-shadow: 0 1px rgba(255, 255, 255, .75);
+ cursor: pointer;
+ margin: 0 0 0.5em;
+ line-height: normal;
+ padding: 0.6em 20px;
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.question button{
+ padding: 4px 6px;margin:0;
+}
+.tools input:hover,.tools a:hover,.navigator input:hover,input.submit:hover,.question button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.navigator input:hover,.navigator button:hover,.tools input:focus,.tools a:focus,.navigator input:focus,input.submit:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus,.navigator input:focus,.navigator button:focus
+ {
+ color: #222;
+ background: #eee; /* Old browsers */
+ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(150,150,150,.3) 100%); /* FF3.6+ */
+ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,.3)), color-stop(100%,rgba(230,230,230,.3))); /* Chrome,Safari4+ */
+ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* Chrome10+,Safari5.1+ */
+ background: #eee -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* Opera11.10+ */
+ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* IE10+ */
+ background: #eee linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* W3C */
+ border: 1px solid #888;
+ border-top: 1px solid #aaa;
+ border-left: 1px solid #aaa;
+ }
+
+.tools input:active,.tools a:active,.navigator input:active,input.submit:active,.question button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,.navigator input:active,.navigator button:active
+ {
+ color: #222;
+ background: #ddd; /* Old browsers */
+ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(150,150,150,.3) 100%); /* FF3.6+ */
+ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(150,150,150,.3))); /* Chrome,Safari4+ */
+ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* Chrome10+,Safari5.1+ */
+ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* Opera11.10+ */
+ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* IE10+ */
+ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%); /* W3C */
+ border: 1px solid #888;
+ border-top: 1px solid #aaa;
+ border-left: 1px solid #aaa;
+ }
+/* for disabled tools */
+.tools input[disabled],.navigator input[disabled],input.submit[disabled],.question button[disabled],input#savebutton[disabled],input#loadbutton[disabled],input#registercontinue[disabled],#languagechanger select[disabled]
+{border:1px solid #dbdbdb;background:#FEFEFE;color:#dbdbdb;cursor:inherit;}
+/* same box sizing for link and input/button */
+.tools a,.tools input,.tools button,.navigator a,.navigator input, .navigator button
+ {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}/* same box sizing for link and button */
+/* some fix for IE */
+.ie6 .tools a,.ie6 .tools input,.ie6 .tools button,.ie6 .navigator a,.ie6 .navigator input,.ie6 .navigator button
+ {height:1.5em}
+/* For very little screen : reduce some button */
+@media handled,screen and (max-width: 440px) {
+ .tools input{white-space:normal;padding: 4px 8px;}
+}
+
+/* Fix for odd Mozilla border & padding issues */
+button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
+textarea,input[type="text"],input.text{max-width:99%}
+/*input decoration*/
+input[type="text"],input.text,input[type="password"],input[type="email"],textarea,select
+ {
+ border: 1px solid #ccc;
+ padding: 4px 4px;
+ outline: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ font: 1em "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+ color: #777;
+ margin: 0;
+ max-width: 100%;
+ display: inline;display: inline-block;
+ background: #fff;
+ }
+input[type="text"],input.text,input[type="password"],input[type="email"],textarea,select
+ {
+ -moz-box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
+ -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
+ box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
+ }
+select:hover option,select:focus{color:#222;}
+select:hover,select:focus{color:#222;}
+@media handled,screen and (max-width: 440px) {
+input[type="text"],input.text,input[type="password"],input[type="email"],textarea,select
+ {max-width:96%}
+}
+/* input decoration */
+
+select{padding: 5px;}
+.mandatory .answers-wrapper input[type=text].empty:not(.good), .mandatory .answers-wrapper textarea.empty:not(.good)
+{
+ border-color: #CA7472;
+ box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset, 0 1px 3px rgba(202, 116, 114, 0.2);
+}
+.text-short.mandatory .answers-wrapper input.text.empty, .text-short.mandatory .answers-wrapper textarea.empty
+,.text-long.mandatory .answers-wrapper input.text.empty, .text-long.mandatory .answers-wrapper textarea.empty
+,.text-huge.mandatory .answers-wrapper input.text.empty, .text-huge.mandatory .answers-wrapper textarea.empty
+,.multiple-short-txt.mandatory .answers-wrapper input.text.empty, .multiple-short-txt.mandatory .answers-wrapper textarea.empty
+,.numeric.mandatory .answers-wrapper input.text.empty, .numeric.mandatory .answers-wrapper textarea.empty
+,.numeric-multi.mandatory .answers-wrapper input.text.empty, .numeric-multi.mandatory .answers-wrapper textarea.empty
+,.date.mandatory .answers-wrapper input.date.empty
+{
+ border-color: #CA7472;
+ box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset, 0 1px 3px rgba(202, 116, 114, 0.2);
+}
+.answers-wrapper textarea.error, .answers-wrapper input[type=text].error{
+ border-color: #CA7472;color:#CA7472;
+ box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset,0 1px 3px rgba(202, 116, 114, 0.2);
+}
+.answers-wrapper textarea.good, .answers-wrapper input[type=text].good{
+ border-color:#ccc;
+}
+ input[type="text"]:focus,input.text:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus
+, .mandatory .answers-wrapper input[type="text"].empty:focus,.mandatory .answers-wrapper textarea.empty:focus
+, .answers-wrapper input[type="text"].error:focus,.answers-wrapper textarea.error:focus
+ {
+ border: 1px solid #bebada;
+ color: #444;
+ -moz-box-shadow: 0 0 0 rgba(0,0,0,0) inset,0 0 8px rgba(190, 186, 218, 0.5);
+ -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) inset,0 0 8px rgba(190, 186, 218, 0.5);
+ box-shadow: 0 0 0 rgba(0,0,0,0) inset,0 0 8px rgba(190, 186, 218, 0.5);
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ }
+select:hover option,select:focus{color:#222;}
+select:hover,select:focus{
+ border: 1px solid #bebada;
+ -moz-box-shadow: 0 0 8px rgba(190, 186, 218, 0.5);
+ -webkit-box-shadow: 0 0 8px rgba(190, 186, 218, 0.5);
+ box-shadow: 0 0 8px rgba(190, 186, 218, 0.5);
+}
+
+textarea {min-height: 5em; }
+input[type="checkbox"] {display: inline; }
+textarea[disabled], input.text[disabled], input[type=text][disabled]{background-color:#FFF;border-color:#EEE;}
+
+.no-js input.saveall,.no-js input.clearall,.no-js input#moveprevbtn {display:none}
+
+.asterisk {display:none}
+.mandatory .asterisk {display:inline;display:inline-block;}
+.asterisk {color:#FF8900;}
+.showqnumcode-X .qnumcode {display:none;}
+.qnumcode {font-style:italic;color:#888}
+.asterisk{background:transparent url(mandatory.png) no-repeat center;height:1em;min-height:16px;width:20px;text-indent:-30px;overflow:hidden;}
+
+/* index */
+#index .container{margin-top: 2em;border: 1px solid;}
+#index .container h2{padding:0.2em 1em 0.5em;margin:0;font-size:1.1em;}
+#index .container h2{font-size:1.2em}
+#index .hdr{padding:0 0.5em;}
+#index .row{padding:0.1em 1em;cursor: pointer;text-decoration: underline;}
+#index .current{padding:0.1em 1em;cursor: pointer;text-decoration: none;font-weight:700;}
+#index .missing{/*background: url()*/}
+#index .row:hover, #index .row:focus, #index .row:active {text-decoration:none;}
+#index .container .submit{margin:0 auto 0.5em;display:block}
+@media handled,screen and (max-width: 440px) {
+ /*#index {display:none}*/
+}
+
+/* --------------------------------------------- */
+/* More and more template adaptation */
+/* --------------------------------------------- */
+#container{margin:0;} /* Global container */
+.ie6 #container,.ie7 #container{text-align:center}
+.wrapper,#content{overflow:visible;position:relative;}
+/*.wrapper,#content{overflow:auto;position:relative;}*//*Uncomment if you have some image/iframe etc ...*/
+.ie6 .wrapper,.ie6 #content,.ie7 .wrapper,.ie7 #content{text-align:left;}
+#container{min-height:100%;position:relative;}
+
+#head{position:relative;margin-bottom:8px;}
+#head h1{display:block;}
+#head img{vertical-align:middle;}
+#head img{max-height:90px;width:auto;padding:10px 5px}
+.ie6 #head img.logo,.ie7 #head img.logo{height:90px;}
+#head .tools{float:right;margin:10px;}
+@media handled,screen and (max-width: 440px) {
+ #head h1{font-size:1em;;}
+ #head img{max-height:30px;width:auto;padding:2px}
+}
+
+/* for the footer */
+#content{padding-bottom:4.2em;}
+#footer {text-align:center;padding:5px 0 0.4em;margin:0;font-size:0.8em;font-weight:400;display:table;}
+#footer{border-width:1px 0;}
+#footer{width:100%;position:absolute;bottom:0;left:0;}
+.ie6 #footer{position:relative;}
+.ie6 #content{padding-bottom:1em;}
+#footer ul{width:100%;list-style: none outside;margin:0;padding:0;text-align:center;display:block;}
+#footer li {list-style: none inside;margin:0;padding:0;text-align:center;vertical-align:top;}
+#footer li.first{text-align:left;}
+#footer li.last{text-align:right;}
+#footer ul{display:table-row;width:100%;}
+#footer li{display:table-cell;padding:0 4px;width:33%}
+.ie6 #footer ul li,.ie7 #footer ul li{width:32%;display:block;padding:0;float:left;}
+#footer li img{max-width:90%}
+@media handled,screen and (max-width: 640px) {
+ #footer{position:relative}
+ #content{padding-bottom:0;}
+ #footer ul#credits li{display:block;width:100%;padding:0;margin:0;}
+ #footer ul#credits li.first{text-align:center;}
+ #footer ul#credits li.last{text-align:center;}
+}
+
+/* survey title bar */
+#title{margin:0;text-align:center;padding:0;}
+
+/* specific decoration */
+p.url{font-size:1.2em;text-align:center;font-weight:700}
+table.printouttable{width:99%}
+/* survey list (home page) */
+#surveylist{margin: 0.5em auto;padding: 0;text-align: left;overflow:auto;display:inline-block;}
+#surveylist-container{text-align:center}
+#surveylist li{padding:0.5em 10px;}
+#surveylist li a.surveytitle{display:block;font-weight:700;font-size:1.2em;padding:3px 10px;margin-bottom: 4px;border-bottom:1px dotted;text-decoration:none;}
+#surveylist li a.surveytitle:hover,#surveylist li a.surveytitle:focus{border-bottom:1px dotted #FFF;}
+@media handled,screen and (max-width: 660px) {
+ #surveylistheading{font-size:1em}
+ #surveylist li{padding:0.5em 0;}
+ #surveylist li a.surveytitle{font-size:1em;padding:3px 10px;margin-bottom: 4px;border-bottom:1px dotted;text-decoration:none;}
+}
+
+
+/* tools list */
+ul.tools{list-style: none ;margin: 0.5em 0; padding: 0 5px;}
+ul.tools div,ul.tools li{margin:0.1em 0;padding:0;display:inline;}
+ul.tools li{margin-left:0;margin-right:1em;}
+ul.info{list-style: none ;text-align: center;}
+ul.info li{margin:0.5em 0;font-size:1.05em;}
+ul.info a {}
+.navigator{text-align:center;}
+@media handled,screen and (max-width: 440px) {
+ ul.tools{padding:0;width:100%}
+ .tools input,.tools a{word-wrap:break-word;white-space:normal;padding: 8px 8px;display:inline-block;text-overflow : ellipsis;}
+ #content ul.tools div,#content ul.tools li {display: block;width:100%;margin: 0.1em 0;padding: 0;text-align:center;}
+}
+#progress-wrapper {margin:0.5em auto;}
+#languagechanger{margin:0 auto;text-align:center;}
+select.languagechanger{margin:0.5em;}
+/*surveylist (home page) */
+#surveylist{margin: 0.5em auto;padding: 0;text-align: left;overflow:auto;display:inline-block;}
+#surveylist li{padding:0.5em 10px;}
+#surveylist li a.surveytitle{display:block;font-weight:700;font-size:1.2em;padding:3px 10px;margin-bottom: 4px;border-bottom:1px dotted;text-decoration:none;}
+#surveylist li a.surveytitle:hover,#surveylist li a.surveytitle:focus{border-bottom:1px none #FFF;}
+/* specific box */
+.note,#tokenmessage{width:80%;margin:0.5em auto;padding:1em;}
+#tokenform ul{list-style: none ;margin: 0.5em auto;padding: 0;text-align: center;}
+#tokenform ul li{}
+/* specific box */
+#privacy{font-size:90%;font-style: italic;}
+#surveydescription{font-size:1.1em;}
+#assessment table{width:80%;margin:0 auto;}
+div.form table{margin:0.4em auto;}
+div.form table td{border:0 none #CCC;}
+div.form table table{border:0 none #CCC;}
+div.form table table td{padding:0;}
+
+/* Group decoration */
+p#therearexquestions{margin:0;font-style:italic;font-size:0.9em;color:#666}
+.group{margin-bottom: 2em}
+.groupdescription{padding:0 5px;margin:0 0 0.5em;}
+.grouptitle{line-height:2em;padding:0 5px;margin:0;font-size:1.1em;}
+
+
+/* Question decoration */
+.question-wrapper{margin:1em 5px}
+.question-wrapper:hover{box-shadow: 0 0 5px #999;margin:1em 5px;}
+.question-text{border-bottom:none 0px #FFF;}
+.question-wrapper .answers-wrapper{overflow:hidden;}
+.answers-wrapper{padding:0.5em 5px;margin:0 auto;}
+@media handled,screen and (max-width: 640px) {
+ .question-wrapper:hover,.question-wrapper{margin:1em 0;}
+}
+
+.question-help{padding:0 5px;margin:0 auto;overflow: auto;clear:both;}
+.question-help img{margin:1px 5px 5px 1px;}
+
+/* tip bloc */
+
+.help-wrapper ,.tip{font-style:italic;}
+.help-wrapper{padding:0 5px;margin:0 auto;line-height: 150%;}
+.help-wrapper .mandatory,.help-wrapper .questionhelp,.help-wrapper .tip {font-size:0.8em;}
+.answers-wrapper .tip {font-size:0.8em;}
+.help-wrapper .error,.help-wrapper .error-wrapper{color:#944;}
+/*.help-wrapper .error{text-shadow: #FE4 1px 1px 2px;}*/
+.input-error .help-wrapper{font-weight:700}
+ .ie6 .help-wrapper .error,.ie6 .help-wrapper .error-wrapper
+, .ie7 .help-wrapper .error,.ie7 .help-wrapper .error-wrapper
+, .ie8 .help-wrapper .error,.ie8 .help-wrapper .error-wrapper
+, .ie9 .help-wrapper .error,.ie9 .help-wrapper .error-wrapper
+{font-weight:700}
+.errormandatory{color:#944;display:block;}
+.errormandatory br{display:inline;} /* Bad br HTML*/
+.answertext .errormandatory{padding-left:20px;background: transparent url(error.png) no-repeat center left;}
+.help-wrapper .success,.help-wrapper .good,.help-wrapper .ok{color:#444}
+.help-wrapper .problem{color:#944}
+.help-wrapper .errormandatory{color:#944;font-weight:700;}
+.help-wrapper .errormandatory br:first,.help-wrapper .errormandatory strong br:first{display:none;}
+.mandatory .help-wrapper .mandatory br{display:none;}/* don't put linefeed at start of an error box */
+
+.help-wrapper .mandatory{display:none;}
+.input-error .help-wrapper .mandatory{display:block;}
+.answer-wrapper .tip{text-align:left;font-size:0.8em;}
+.question-wrapper.input-error{
+ border-color:#944;
+ -moz-box-shadow: 0 0 5px #944;
+ -webkit-box-shadow: 0 0 5px #944;
+ box-shadow: 0 0 5px #944;
+ }
+.input-error .help-wrapper{color:#944;}
+/* input error */
+input[type="text"].tip,input.tip{border:0;background:transparent;font-weight:700;
+ -moz-box-shadow: 0 0 0 #FFF;
+ -webkit-box-shadow: 0 0 0 #FFF;
+ box-shadow: 0 0 0 #FFF;
+
+}
+input[type="text"].error,input.error,input[type="text"].problem,input.problem{color:#944;}
+/* input decoration */
+
+
+
+/* for boilerplate color and background */
+.boilerplate {}
+
+/* not using (todo: verify) */
+.printouttitle {}
+.surveytitle {}
+.surveytitle:hover {}
+/* Printed version */
+.printanswersquestion{
+ background-color:#f8f8f8
+}
+
+.printouttable .printanswersquestionhead td{
+ text-align: left;
+ background-color:#eee;
+}
+
+.printouttable .printanswersgroup td{
+ text-align: center;
+ font-weight:bold;
+ padding-top:1em;
+}
+
+
+.printanswersgroup{border-top:2px solid #444;color:#222;border-bottom:1px solid #999;}
+.printanswersquestion{border-bottom:1px solid #999;}
+.printanswersanswertext{width:40%;}
+/* -------------------------------------------------
+ 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
+*/
+
+/* answer table */
+table.question{table-layout:fixed;border-spacing:0}
+table.question{border-width:0 0 1px 0;border-style:solid;width:99%;}
+table.question tbody{border-width:0 1px 0 0;border-style:solid;}
+table.question thead th{border-width:1px 1px 0px 0px;border-style:solid;padding:2px;text-align:center;vertical-align:bottom}
+table.question thead td,table.question thead th:first-child{border-width:0px 1px 0px 0px;border-style:solid;}
+table.question tbody th{border-width:1px 1px 0px 1px;border-style:solid;padding:8px;vertical-align:middle;}
+@media handled,screen and (max-width: 660px) {
+table.question .answertext .errormandatory {
+ background-image: none;
+ padding-left: 0;
+}
+}
+table.question tbody td{border-width:1px 1px 0px 0px;border-style:solid;padding:8px 0;}
+
+table.question tbody th.answertext,table.question tbody th.arraycaptionleft{text-align:right;}
+table.question tbody th.answertextright{text-align:left;}
+table.question tbody td{text-align:center;vertical-align:middle}
+table.question tbody th,table.question thead th
+{
+ -ms-word-break: break-all;
+ /*word-break: break-all;*/
+ word-break: break-word;// Non standard for webkit
+ -webkit-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+ word-wrap: break-word;
+}
+table.question tbody td.ddarrayseparator{border-top-width: 0px;}
+table.question input[type="text"],table.question input.text{padding:4px 2px;max-width:96%;}
+@media handled,screen and (max-width: 440px) {
+ table.question{width:96%;}/* leave a little part for touch*/
+ table.question tbody th,table.question thead th{padding;:8px 0}
+}
+@media handled,screen and (max-width: 440px) {
+ table.question input[type="text"],table.question input.text{padding:4px 0;}
+}
+
+table.question td {padding:0;margin:0;height:100%}
+table.question td.header_separator,table.question td.dual_scale_separator{padding:0 2px;}
+table.question select{max-width: 96%;}
+.ie6 table.question select,.ie7 table.question select{width: 96%;}
+/* remove the list dot */
+.answers-wrapper ul {
+ list-style: none;
+ margin:0.75em 0 ;
+}
+.answers-wrapper li {
+ list-style-type: none;
+/* text-align: left;*/
+ margin: 0 0 0.5em;
+}
+.answers-wrapper label:hover {
+ color:#222;
+}
+
+.ie .multiple-opt-comments .answers-wrapper,
+ .ie .multiple-short-txt .answers-wrapper,
+ .ie .numeric-multi .answers-wrapper,
+ .ie .multiple-opt .answers-wrapper
+ {overflow:hidden;}
+
+.list-radio-flexible li{width:auto;}
+.list-radio-flexible ul{width:auto;margin:0 auto 0.5em;}
+
+table.rank{width:98%;table-layout:fixed;visibility:hidden;}
+table.rank, table.rank table{border:0px none #FFF;border-collapse:collapse}
+table.rank td{border-width:1px;}
+table.rank table td{border-width:0px;}
+
+.numeric-multi ul.slider.computed
+{
+ width: 14em;
+}
+
+.boilerplate {}
+.question-wrapper.text-short{position: relative;}/* For timer */
+
+p.question
+{
+ font-weight: normal;
+ text-align:center;
+}
+p.question select{
+max-width:96%;
+}
+.ui-datepicker{
+max-width:90%;overflow:hidden;
+}
+
+table.rank, table.rank table{border:0px none #FFF;border-collapse:collapse}
+table.rank{margin:0.3em auto;}
+table.rank select{width:99%;min-width:10em;padding-left:0.3em;}
+table.rank td{border:1px solid}
+table.rank table td{border:0px none}
+table.rank input{border:1px solid #999}
+
+
+.list-dropdown-flexible .question, .list-dropdown .question, .language .question
+{
+ text-align:center;
+}
+.list-with-comment .answers-wrapper{display:table-row;}
+.list-with-comment .list, .list-with-comment p.select, .list-with-comment p.comment
+{
+ display:table-cell;
+ width:50%;
+}
+.ie6 .list-with-comment .list,.ie6 .list-with-comment p.select,.ie6 .list-with-comment p.comment
+{
+ width: 47%;
+ float: left;
+ padding: 0.5em;
+ margin: 0;
+}
+.ie6 .list-with-comment .comment
+{
+ margin: 0%;
+ padding: 0.5em;
+ text-align: left;
+ float: left;
+ width: 47%;
+}
+.list-with-comment p.select select
+{
+ max-width: 99%;
+}
+.list-with-comment .list p
+{
+ margin: 0;
+ text-align: left;
+}
+.list-with-comment p.comment{
+padding:0 0.5em;
+}
+.list-with-comment p.comment textarea
+{
+ width: 99%;
+}
+@media handled,screen and (max-width: 440px) {
+ .list-with-comment .list
+ , .list-with-comment p.select
+ , .list-with-comment p.comment
+ {
+ display:block;
+ width: 99%;
+ float: none;
+ padding: 0.5em 0;
+ text-align:left;
+ }
+ .list-with-comment p.comment textarea
+ {
+ padding:4px 0;
+ }
+}
+ .multiple-opt-comments .answers-wrapper ul
+,.multiple-short-txt .answers-wrapper ul
+,.numeric-multi .answers-wrapper ul
+,.multiple-opt .answers-wrapper ul
+{
+ padding: 0;
+ margin: 1em 0;
+ width:99%;
+}
+
+.numeric-multi .answers-wrapper ul.computed
+{
+ float:left;
+ padding-left: 0;padding-right: 2em;
+}
+.numeric-multi .answers-wrapper ul.slider.computed
+{
+ width: 14em;
+}
+
+.numeric-multi .answers-wrapper ul
+,.multiple-opt .answers-wrapper ul
+,.multiple-opt-comments .answers-wrapper ul
+,.multiple-short-txt .answers-wrapper ul
+{
+ display: block;
+ width:99%;
+}
+.numeric-multi .answers-wrapper ul li
+, .multiple-opt .answers-wrapper ul li
+, .multiple-opt-comments .answers-wrapper ul li
+, .multiple-short-txt .answers-wrapper ul li
+{
+ display: block;
+}
+
+.numeric-multi .answers-wrapper ul li label
+,.multiple-short-txt .answers-wrapper ul li label
+{
+ text-align:right;
+ }
+@media handled,screen and (max-width: 640px) {
+.numeric-multi .answers-wrapper ul li label
+,.multiple-short-txt .answers-wrapper ul li label
+{
+ text-align:left;
+ }
+}
+.multinum-slider{text-align:center;display:inline;display:inline-block;margin:1em 0.6em;}
+.ui-slider{width:14em;display:inline;display:inline-block;border:1px solid #666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:.4em 0 .2em}
+.slider_showmin{float:left;width:3em;font-size:.7em;font-weight:400;text-align:left;color:#666;margin:1.4em 0 0}
+.slider_showmax{float:right;width:3em;font-size:.7em;font-weight:400;text-align:right;color:#666;margin:1.4em 0 0}
+.slider_lefttext{display:inline-block;position:relative;top:-.5em;padding-right:1em;text-align:right;font-size:.9em;color:#666}
+.slider_righttext{display:inline-block;position:relative;top:-.5em;padding-left:1em;font-size:.9em;color:#666}
+.slider_callout{overflow:hidden;position:absolute;top:-1.3em;margin-left:.8em;text-align:right;color:#333;font-size:.9em}
+.ie .ui-slider{display:block;float:left;}
+.ie .slider_lefttext {float: left;margin-top:1em;}
+.ie .slider_righttext {float: left;margin-top:1em;}
+@media handled,screen and (max-width: 550px) {
+ .multinum-slider{display:block;width:94%;margin:0 auto;}
+ .ui-slider{width:100%;margin:.6em 0 .2em}
+ .slider_lefttext{display:block;top:0;padding:0;text-align:left}
+ .slider_righttext{display:block;top:0;padding:0;text-align:right;margin-top:1em}
+}
+@media handled,screen and (max-width: 440px) {
+ .slider_callout {margin-left: -0.5em;top: -2em;}
+}
+.numeric-multi .answers-wrapper ul li span.input
+,.multiple-opt-comments .answers-wrapper ul li span.comment
+,.multiple-short-txt .answers-wrapper ul li span
+{
+ text-align: left;
+}
+
+.numeric-multi .answers-wrapper ul
+, .multiple-short-txt .answers-wrapper ul
+, .multiple-opt-comments .answers-wrapper ul
+{
+ display:table;
+}
+.numeric-multi .answers-wrapper ul li
+, .multiple-short-txt .answers-wrapper ul li
+, .multiple-opt-comments .answers-wrapper ul li
+{
+ display:table-row;
+}
+
+.numeric-multi .answers-wrapper ul li label, .numeric-multi .answers-wrapper ul li span
+, .multiple-short-txt .answers-wrapper ul li label, .multiple-short-txt .answers-wrapper ul li span
+, .multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .comment
+{
+ display:table-cell;
+ vertical-align:middle;
+/* width:50%;*/
+ padding:0.3em 0.5em 0.7em;
+}
+
+.no-js .numeric-multi .answers-wrapper ul li.multiplenumerichelp{display:none}
+.multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .comment
+{
+ padding:0;
+}
+
+.numeric-multi .answers-wrapper ul li label span
+, .multiple-short-txt .answers-wrapper ul li label span
+{
+ display:inline;
+ width:auto
+}
+
+.numeric-multi .answers-wrapper ul li span span
+, .multiple-short-txt .answers-wrapper ul li span span
+{
+ display:inline-block;
+ width:5em;
+ text-align:center;
+ font-weight:700;
+}
+.ie6 .numeric-multi .answers-wrapper ul li label,.ie7 .numeric-multi .answers-wrapper ul li label
+,.ie6 .multiple-opt-comments .answers-wrapper ul li span.option,.ie7 .multiple-opt-comments .answers-wrapper ul li span.option
+,.ie6 .multiple-short-txt .answers-wrapper ul li label,.ie7 .multiple-short-txt .answers-wrapper ul li label
+{
+ clear:left;
+ float:left;
+ width:45%;
+ padding: 0.3em 1em 0 0;
+}
+@media handled,screen and (max-width: 640px) {
+ .numeric-multi .answers-wrapper ul
+ , .multiple-short-txt .answers-wrapper ul
+ , .multiple-opt-comments .answers-wrapper ul
+ {
+ display:block;
+ }
+ .numeric-multi .answers-wrapper ul li
+ , .multiple-short-txt .answers-wrapper ul li
+ , .multiple-opt-comments .answers-wrapper ul li
+ {
+ display:block;
+ }
+
+ .numeric-multi .answers-wrapper ul li label, .numeric-multi .answers-wrapper ul li span
+ , .multiple-short-txt .answers-wrapper ul li label, .multiple-short-txt .answers-wrapper ul li span
+ , .multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .comment
+ {
+ display:block;
+ vertical-align:middle;
+ width:auto;
+ padding:0.3em 0 0.7em;
+ }
+}
+.answers-wrapper li {position:relative;}
+.answers-wrapper li{margin:0;clear:both;overflow:auto;}
+
+ .multiple-opt .answers-wrapper li label
+, .multiple-opt-comments .answers-wrapper li label
+, .list-radio .answers-wrapper li label.answertext
+, .choice-5-pt-radio .answers-wrapper li label
+, .yes-no .answers-wrapper li label
+, .gender .answers-wrapper li label
+, .list-radio-flexible .answers-wrapper li label
+, .list-with-comment .answers-wrapper li label
+ {
+ display:block;
+ vertical-align: middle;
+ padding:0.8em 30px;
+ border:1px solid #CCC;
+ cursor:pointer
+ }
+.no-js .multiple-opt .answers-wrapper ul li.other label
+ {
+ display:inline;display:inline-block;border:0px solid #ccc;
+ }
+.no-js .multiple-opt .answers-wrapper ul li.other
+ {
+ border:1px solid #CCC;border-width: 1px 1px 0;
+ }
+.multiple-opt .answers-wrapper ul li.other input.text
+ {margin-left:1em;}
+ .multiple-opt .answers-wrapper li label
+, .multiple-opt-comments .answers-wrapper li label
+, .list-radio .answers-wrapper li label.answertext
+, .choice-5-pt-radio .answers-wrapper li label
+, .yes-no .answers-wrapper li label
+, .gender .answers-wrapper li label
+, .list-radio-flexible .answers-wrapper li label
+, .list-with-comment .answers-wrapper li label
+, .list-radio .answers-wrapper li.other
+, .multiple-opt .answers-wrapper li.other
+ {border-width:1px 1px 0;
+ -moz-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
+ -webkit-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
+ box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
+ }
+ .multiple-opt .answers-wrapper li.other .checkbox {visibility:hidden;}
+.multiple-opt-comments .answers-wrapper ul li label
+ {border-width:1px 0 0 1px;}
+.multiple-opt-comments .answers-wrapper .comment label {
+ border-width: 0;padding:0;
+}
+
+ .multiple-opt .answers-wrapper ul
+, .multiple-opt-comments .answers-wrapper ul
+, .list-radio .answers-wrapper ul
+, .choice-5-pt-radio .answers-wrapper ul
+, .yes-no .answers-wrapper ul
+, .gender .answers-wrapper ul
+, .list-radio-flexible .answers-wrapper ul
+, .list-with-comment .answers-wrapper ul
+ {border-style:solid;border-color:#ccc;border-width:0 0 1px;}
+
+.multiple-opt-comments .answers-wrapper ul .comment
+ {border-style:solid;border-color:#ccc;border-width:1px 1px 0 0;}
+
+
+ .list-radio .answers-wrapper li.other
+, .multiple-opt .answers-wrapper li.other
+ {padding:0.5em 0;}
+ .list-radio .answers-wrapper li.other label
+, .multiple-opt .answers-wrapper li.other label
+ {
+ display:inline;display:inline-block;border:0px none #CCC;
+ padding:0;margin:0 30px;
+ }
+@media handled,screen and (max-width: 640px) {
+ .list-radio .answers-wrapper li.other label
+, .multiple-opt .answers-wrapper li.other label
+ {
+ display:block;
+ }
+}
+ .list-radio .answers-wrapper li.other
+, .multiple-opt .answers-wrapper li.other
+ {
+ border:1px solid #CCC;border-width:1px 1px 0;
+ }
+
+/* Now for some active/focus system */
+
+ .multiple-opt .answers-wrapper li label:hover
+, .multiple-opt-comments .answers-wrapper li label:hover
+, .list-radio .answers-wrapper li label.answertext:hover
+, .choice-5-pt-radio .answers-wrapper li label:hover
+, .yes-no .answers-wrapper li label:hover
+, .gender .answers-wrapper li label:hover
+, .list-radio-flexible .answers-wrapper li label:hover
+, .list-with-comment .answers-wrapper li label:hover
+, .multiple-opt .answers-wrapper li input:focus + label
+, .multiple-opt-comments .answers-wrapper li input:focus + label
+, .list-radio .answers-wrapper li input:focus + label
+, .choice-5-pt-radio .answers-wrapper li input:focus + label
+, .yes-no .answers-wrapper li input:focus + label
+, .gender .answers-wrapper li input:focus + label
+, .list-radio-flexible .answers-wrapper li input:focus + label
+, .list-with-comment .answers-wrapper li input:focus + label
+ {
+ color: #222;text-shadow: 1px 1px 3px rgba(0,0,0,.3);
+ }
+ .multiple-opt .answers-wrapper li label:hover
+, .list-radio .answers-wrapper li label.answertext:hover
+, .choice-5-pt-radio .answers-wrapper li label:hover
+, .yes-no .answers-wrapper li label:hover
+, .gender .answers-wrapper li label:hover
+, .list-radio-flexible .answers-wrapper li label:hover
+, .list-with-comment .answers-wrapper li label:hover
+, .multiple-opt .answers-wrapper li input:focus + label
+, .list-radio .answers-wrapper li input:focus + label
+, .choice-5-pt-radio .answers-wrapper li input:focus + label
+, .yes-no .answers-wrapper li input:focus + label
+, .gender .answers-wrapper li input:focus + label
+, .list-radio-flexible .answers-wrapper li input:focus + label
+, .list-with-comment .answers-wrapper li input:focus + label
+ {
+ -moz-box-shadow: inset 0 0 3px 1px rgba(190, 186, 218,.3);
+ -webkit-box-shadow: inset 0 0 3px 1px rgba(190, 186, 218,.3);
+ box-shadow: inset 0 0 3px 1px rgba(190, 186, 218,.3);
+ }
+ .list-radio .answers-wrapper li.other label:hover
+, .multiple-opt .answers-wrapper li.other label:hover
+ {
+ -moz-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
+ -webkit-box-shadow: inset 0 0 0 0 rgba(190, 186, 218,.3);
+ box-shadow: 0 0 0 0 rgba(190, 186, 218,.3);
+ }
+.answers-wrapper ul li input.checkbox:checked + label
+,.answers-wrapper ul li input.radio:checked + label
+ {
+ }
+.answers-wrapper li.other input:checked + label
+ {
+ }
+
+.answers-wrapper li input:disabled + label
+ { text-shadow: 0 0 0; color: #999;border-color:#eee;cursor:no-drop;opacity:0.6;
+ }
+.answers-wrapper li input:disabled
+ { opacity:0.2;}
+
+.multiple-opt .answers-wrapper li input.checkbox
+,.answers-wrapper li input.radio
+ {
+ position: absolute;
+ top:30%;
+/* height: 10px;*/
+ left: 5px;
+/* width:10px;*/
+ }
+.answers-wrapper ul li.other input.radio{
+}
+ .multiple-opt-comments .answers-wrapper li input.checkbox
+ {float:left;padding:0;margin:10px 1em 10px 1em;text-align:center;
+ }
+ .ie6 .multiple-opt .answers-wrapper ul li,.ie6.list-radio .answers-wrapper ul li,.ie6.choice-5-pt-radio .answers-wrapper ul li,.ie6.yes-no .answers-wrapper ul li,.ie6.gender .answers-wrapper ul li,.ie6.list-radio-flexible .answers-wrapper ul li,.ie6.list-with-comment .answers-wrapper ul li
+,.ie7 .multiple-opt .answers-wrapper ul li,.ie7.list-radio .answers-wrapper ul li,.ie7.choice-5-pt-radio .answers-wrapper ul li,.ie7.yes-no .answers-wrapper ul li,.ie7.gender .answers-wrapper ul li,.ie7.list-radio-flexible .answers-wrapper ul li,.ie7.list-with-comment .answers-wrapper ul li
+ {margin:0 0 0.1em;}
+ .ie6 .multiple-opt .answers-wrapper ul li label,.ie6.list-radio .answers-wrapper ul li label,.ie6.choice-5-pt-radio .answers-wrapper ul li label,.ie6.yes-no .answers-wrapper ul li label,.ie6.gender .answers-wrapper ul li label,.ie6.list-radio-flexible .answers-wrapper ul li label,.ie6.list-with-comment .answers-wrapper ul li label
+,.ie7 .multiple-opt .answers-wrapper ul li label,.ie7.list-radio .answers-wrapper ul li label,.ie7.choice-5-pt-radio .answers-wrapper ul li label,.ie7.yes-no .answers-wrapper ul li label,.ie7.gender .answers-wrapper ul li label,.ie7.list-radio-flexible .answers-wrapper ul li label,.ie7.list-with-comment .answers-wrapper ul li label
+ {display:inline;display:inline-block;vertical-align: middle;border:0px none #fff}
+.ie6 .multiple-opt .answers-wrapper ul li input.checkbox,.ie6.list-radio .answers-wrapper ul li input.radio,.ie6.choice-5-pt-radio .answers-wrapper ul li input.radio,.ie6.yes-no .answers-wrapper ul li input.radio,.ie6.gender .answers-wrapper ul li input.radio,.ie6.list-radio-flexible .answers-wrapper ul li input.radio,.ie6.list-with-comment .answers-wrapper ul li input.radio
+,.ie7 .multiple-opt .answers-wrapper ul li input.checkbox,.ie7.list-radio .answers-wrapper ul li input.radio,.ie7.choice-5-pt-radio .answers-wrapper ul li input.radio,.ie7.yes-no .answers-wrapper ul li input.radio,.ie7.gender .answers-wrapper ul li input.radio,.ie7.list-radio-flexible .answers-wrapper ul li input.radio,.ie7.list-with-comment .answers-wrapper ul li input.radio
+ {float:none;margin:4px;position:relative;top:0;left:0;}
+
+
+@media handled,screen and (max-width: 640px) {
+ .multiple-opt .answers-wrapper li
+ , .list-radio .answers-wrapper ul li
+ , .list-radio-flexible .answers-wrapper ul li
+ {
+
+ }
+ .multiple-opt-comments .answers-wrapper ul .comment input
+ {
+ width:auto;
+ }
+}
+@media handled,screen and (max-width: 640px) {
+.numeric-multi .answers-wrapper ul li label, .numeric-multi .answers-wrapper ul li span
+, .multiple-short-txt .answers-wrapper ul li label, .multiple-short-txt .answers-wrapper ul li span
+, .multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .comment
+ {
+ display:block;
+ width:100%;
+ }
+.multiple-opt-comments .answers-wrapper ul .option, .multiple-opt-comments .answers-wrapper ul .option label, .multiple-opt-comments .answers-wrapper ul .comment
+ {
+ border-width: 0;
+ padding: 0.3em 0 0;
+ }
+.multiple-opt-comments .answers-wrapper ul .option
+ {
+ padding: 0;
+ }
+.multiple-opt-comments .answers-wrapper ul .option label
+ {
+ padding: 0.3em 0 0;
+ }
+.multiple-opt-comments .answers-wrapper ul .comment
+ {
+ padding: 0 0 0.3em;
+ }
+ .multiple-opt-comments .answers-wrapper ul li input:focus + label{
+ -moz-box-shadow: inset 0 0;
+ -webkit-box-shadow: inset 0 0;
+ box-shadow: inset 0 0;
+ }
+.multiple-opt-comments .answers-wrapper ul li
+ {
+ border:1px solid #ccc;border-width: 1px 1px 0;margin-bottom:0;
+ }
+.numeric-multi .answers-wrapper ul li span
+, .multiple-short-txt .answers-wrapper ul li span
+, .multiple-opt-comments .answers-wrapper ul .comment
+ {
+ text-align:center;
+ }
+}
+
+
+ .text-short input
+,.text-short textarea
+,.text-long textarea
+,.text-huge textarea
+{
+/* text-align:left;*/
+}
+ .text-short .question
+ ,.text-short .answers-wrapper
+,.text-long .answers-wrapper
+,.text-huge .answers-wrapper
+{
+ text-align:center;
+}
+
+@media handled,screen and (max-width: 440px) {
+ input.text,textarea{max-width:90%}
+}
+/* multi column */
+@media handled,screen and (min-width: 680px) {
+ 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:block;
+ float:left;
+ }
+ ul.cols-2-ul{ width: 50% }
+ ul.cols-3-ul{ width: 33% }
+ ul.cols-4-ul{ width: 25% }
+ ul.cols-5-ul{ width: 20% }
+ ul.cols-6-ul{ width: 16.5% }
+ ul.cols-7-ul{ width: 14% }
+ ul.cols-8-ul{ width: 12.5% }
+}
+input.text,textarea{
+ text-align: start;
+}
+
+
+/* Tips / Validation Messages */
+/* If the question is invalid, but has not been submitted, give it a pleasant warning color */
+
+.hide-tip .good {
+ display: none;
+}
+.hide-tip .error {
+}
+.input-error .hide-tip .error {
+ display: block;
+}
+/* Some transition */
+.question-wrapper{
+ -moz-transition:all 400ms linear;
+ -o-transition:all 400ms linear;
+ -webkit-transition:all 400ms linear;
+ transition:all 400ms linear;
+}
+.dragDropTable li,label, th{
+ -moz-transition: background-color 300ms ease,text-shadow 300ms ease, box-shadow 300ms ease-in;
+ -o-transition: background-color 300ms ease,text-shadow 300ms ease, box-shadow 300ms ease-in;
+ -webkit-transition: background-color 300ms ease,text-shadow 300ms ease, box-shadow 300ms ease-in;
+ transition: background-color 300ms ease,text-shadow 300ms ease, box-shadow 300ms ease-in;
+}
+tr,td
+{
+ -moz-transition: background-color 500ms ease;
+ -o-transition: background-color 500ms ease;
+ -webkit-transition: background-color 500ms ease;
+ transition: background-color 500ms ease;
+}
+input[type="text"],input.text,input[type="password"],input[type="email"],textarea,select
+{
+ -moz-transition:all 200ms linear;
+ -o-transition:all 200ms linear;
+ -webkit-transition:all 200ms linear;
+ transition:all 200ms linear;
+}
+span.tip,p.tip,
+.em_num_answers,.dynamic_remaining,.dynamic_sum,.em_sq_validation,.em_other_comment_mandatory,.em_q_fn_validation,.em_regex_validation,.em_sum_range,.em_value_range
+{
+ -moz-transition: all 500ms linear;
+ -o-transition: all 500ms linear;
+ -webkit-transition: all 500ms linear;
+ transition: all 500ms linear;
+}
+
+/* Print page and survey */
+@mediaprint {
+ #body{background:#FFF;color:#000;}
+ #head{background:#FFF;}
+ a#link-logo{display:none}
+ h1#sitename{margin:0 0 0.2em 1em;}
+ .tools{display:none}
+ #exportbutton{display:none;}
+ ul#credits{display:none;}
+ #content{padding-bottom:0;}
+ .index{display:none}
+ .printouttable{margin:0.1em auto;}
+ .printouttitle{display: none;}
+}
diff --git a/include/limesurvey/templates/skeletonquest/template.js b/include/limesurvey/templates/skeletonquest/template.js
new file mode 100644
index 00000000..cebf6da6
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/template.js
@@ -0,0 +1,115 @@
+/* This file is part of Lime Survey Template : SkeletonQuest
+
+ Copyright (C) 2010-2013 Denis Chenu for http://sondages.pro
+ Distributed under GPL 3 licence
+ Distributed under MIT licence
+ Inspiration by Skeleton V1.1, Copyright 2011, Dave Gamache, http://www.getskeleton.com under open-source MIT license
+ Inspiration by Spip-dist http://www.spip.net/ , Collectif SPIP distributed under GPL licence
+ Inspiration by THE CSS NINJA http://cssn.in/ja/023, Ryan Seddon
+ Inspiration by Bootstrap http://getbootstrap.com/ under Apache License.
+ Inspiration by jquery mobile http://jquerymobile.com/ under Dual licensed under the MIT or GPL Version 2 licenses.
+ Tango Icon Project http://tango.freedesktop.org/ distributed under Public Domain
+*/
+
+$(document).ready(function(){
+ /* Put other input inside label pre 120814 */
+// $('.multiple-opt input.text').each(function(){
+// $(this).parent('li').addClass('other');
+// $(this).appendTo($(this).parent('li').children('label'));
+// });
+ hovercolumn();
+ tableinput();
+ addClassEmpty();
+ movePrevButton();
+ // Opera mini labelling touch
+ operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]";
+ if(operamini){
+ $('label > input:checkbox, label > input:radio, input:radio + label, input:checkbox + label').bind('click', function(){
+ });
+ }
+})
+
+function navbuttonsJqueryUi(){
+ // Just deactivate default jquery-ui button
+}
+function movePrevButton(){
+ if ((screen.width<440)) {
+ $('#moveprevbtn').insertAfter('#movenextbtn');
+ $('
').insertAfter('#movenextbtn');
+ }
+}
+// Replace common alert with jquery-ui dialog
+function jalert(text) {
+ var $dialog = $('
')
+ .html(text)
+ .dialog({
+ title: '',
+ dialogClass: 'alerte',
+ buttons: { "Ok": function() { $(this).dialog("close"); } },
+ modal: true
+ });
+ $dialog.dialog('open');
+}
+// Uncomment this part to replace default alert
+/*function alert(text) {
+ jalert(text);
+}*/
+// Add empty class to input text and textarea
+function addClassEmpty(){
+ $('.answers-wrapper input.text[value=""]').addClass('empty');
+ $('.answers-wrapper input[type=text][value=""]').addClass('empty');
+ $('.answers-wrapper textarea').each(function(index) {
+ if ($(this).val() == ""){
+ $(this).addClass('empty');
+ }
+ });
+ $("input.text,input[type=text],textarea").live("blur", function(){
+ if ($(this).val() == ""){
+ $(this).addClass('empty');
+ }else{
+ $(this).removeClass('empty');
+ }
+ });
+}
+/* Adapt column hover */
+function hovercolumn(){
+ $(".question-wrapper:not(.array-flexible-duel-scale) .answers-wrapper table.question").delegate('tbody td','mouseover mouseleave', function(e) {
+ if (e.type == 'mouseover') {
+ $(this).closest("table.question").find("col").eq($(this).index()).addClass("hover");
+ $(this).closest("table.question").find("thead tr").children().eq($(this).index()).addClass("hover");
+ }
+ else {
+ $(this).closest("table.question").find("col").eq($(this).index()).removeClass("hover");
+ $(this).closest("table.question").find("thead tr").children().eq($(this).index()).removeClass("hover");
+ }
+ });
+ $(".array-flexible-duel-scale .answers-wrapper table.question").delegate('tbody td','mouseover mouseleave', function(e) {
+ if (e.type == 'mouseover') {
+ $(this).closest("table.question").find("col").eq($(this).index()).addClass("hover");
+ $(this).closest("table.question").find("thead tr:not(.groups)").children().eq($(this).index()).addClass("hover");
+ }
+ else {
+ $(this).closest("table.question").find("col").eq($(this).index()).removeClass("hover");
+ $(this).closest("table.question").find("thead tr:not(.groups)").children().eq($(this).index()).removeClass("hover");
+ }
+ });
+}
+function tableinput(){
+ $(".question-wrapper:not(.array-flexible-duel-scale) .answers-wrapper table.question").delegate('input','focusin focusout', function(e) {
+ activeindex=$(this).parents('td').index();
+ if (e.type == 'focusin') {
+ $(this).closest("td").addClass("focus");
+ $(this).closest("tr").addClass("focus");
+ $(this).closest("table.question").find("col").eq(activeindex).addClass("focus");
+ $(this).closest("table.question").find("thead tr:not(.groups)").children().eq(activeindex).addClass("focus");
+ }
+ else {
+ $(this).closest("td").removeClass("focus");
+ $(this).closest("tr").removeClass("focus");
+ $(this).closest("table.question").find("col").eq(activeindex).removeClass("focus");
+ $(this).closest("table.question").find("thead tr:not(.groups)").children().eq(activeindex).removeClass("focus");
+ }
+ });
+}
+
+
diff --git a/include/limesurvey/templates/skeletonquest/ui-icons_222222_256x240.png b/include/limesurvey/templates/skeletonquest/ui-icons_222222_256x240.png
new file mode 100644
index 00000000..b273ff11
Binary files /dev/null and b/include/limesurvey/templates/skeletonquest/ui-icons_222222_256x240.png differ
diff --git a/include/limesurvey/templates/skeletonquest/ui-icons_2e83ff_256x240.png b/include/limesurvey/templates/skeletonquest/ui-icons_2e83ff_256x240.png
new file mode 100644
index 00000000..09d1cdc8
Binary files /dev/null and b/include/limesurvey/templates/skeletonquest/ui-icons_2e83ff_256x240.png differ
diff --git a/include/limesurvey/templates/skeletonquest/ui-icons_454545_256x240.png b/include/limesurvey/templates/skeletonquest/ui-icons_454545_256x240.png
new file mode 100644
index 00000000..59bd45b9
Binary files /dev/null and b/include/limesurvey/templates/skeletonquest/ui-icons_454545_256x240.png differ
diff --git a/include/limesurvey/templates/skeletonquest/ui-icons_888888_256x240.png b/include/limesurvey/templates/skeletonquest/ui-icons_888888_256x240.png
new file mode 100644
index 00000000..6d02426c
Binary files /dev/null and b/include/limesurvey/templates/skeletonquest/ui-icons_888888_256x240.png differ
diff --git a/include/limesurvey/templates/skeletonquest/ui-icons_cd0a0a_256x240.png b/include/limesurvey/templates/skeletonquest/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 00000000..2ab019b7
Binary files /dev/null and b/include/limesurvey/templates/skeletonquest/ui-icons_cd0a0a_256x240.png differ
diff --git a/include/limesurvey/templates/skeletonquest/uploader.css b/include/limesurvey/templates/skeletonquest/uploader.css
new file mode 100644
index 00000000..df8d3cb2
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/uploader.css
@@ -0,0 +1,65 @@
+body {font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;color: black; direction: ltr;}
+h1 {color: #C7D92C; font-size: 18px; font-weight: 400;}
+a { color: white;}
+a:hover, a.hover {color: #C7D92C;}
+ul { list-style: none; }
+#dialog-confirm { padding: 0 20px; float: left; width: 750px; }
+
+.previewblock {
+ background-color: #99CCFF;
+ margin: 10px auto;
+ padding: 5px 20px;
+}
+
+img {
+ display: block;
+ margin: 5px;
+ border: 0 none;
+ border-style: solid;
+}
+
+.uploadmsg {
+ text-align: center;
+}
+
+.uploadstatus {
+ text-align: center;
+}
+
+.upload-button {
+ border: 1px solid #79B7E7;
+ background: url("./images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
+ color: #5670A1;
+ font-weight: bold;
+ outline: medium none;
+ -moz-border-radius: 5px 5px 5px 5px;
+ font-family: Verdana,Arial,sans-serif;
+ font-size: 1em;
+ float: none;
+ line-height: 1.4em;
+ margin: 0.5em 0.4em 0.5em 0;
+ overflow: visible;
+ padding: 0.6em 0.6em 0.6em 0.6em;
+ width: 100px;
+ text-align: center;
+}
+
+.success, .error {
+ border: 1px solid;
+ margin: 15px 200px 20px 200px;
+ padding:15px 60px 15px 60px;
+ background-repeat: no-repeat;
+ background-position: 20px center;
+}
+
+.success {
+ color: #4F8A10;
+ background-color: #DFF2BF;
+ background-image:url('../images/success_notice.png');
+}
+
+.error {
+ color: #D8000C;
+ background-color: #FFBABA;
+ background-image: url('../images/error_notice.png');
+}
diff --git a/include/limesurvey/templates/skeletonquest/welcome.pstpl b/include/limesurvey/templates/skeletonquest/welcome.pstpl
new file mode 100644
index 00000000..fb50bfe8
--- /dev/null
+++ b/include/limesurvey/templates/skeletonquest/welcome.pstpl
@@ -0,0 +1,7 @@
+{CHECKJAVASCRIPT}
+
+
{LANGUAGECHANGER}
+
{SURVEYDESCRIPTION}
+
{WELCOME}
+
{THEREAREXQUESTIONS}
+
diff --git a/voip/auth-interviewer.php b/voip/auth-interviewer.php
index deda7ff3..8d9db67a 100644
--- a/voip/auth-interviewer.php
+++ b/voip/auth-interviewer.php
@@ -39,14 +39,7 @@ include_once(dirname(__FILE__)."/../config.inc.php");
*/
include_once(dirname(__FILE__)."/../db.inc.php");
-
-//get session name from DB
-//
-$sql = "SELECT stg_value
- FROM " . LIME_PREFIX . "settings_global
- WHERE stg_name = 'SessionName'";
-
-session_name($db->GetOne($sql));
+session_name(LS_SESSION_NAME);
session_set_cookie_params(0,QUEXS_PATH);