/*  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 Layout Gala http://blog.html.it/layoutgala/, Alessandro Fulciniti
  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
*/
 
/* Table of Content
==================================================
	#Reset : normalize and reset
	#Basic Styles : base style and css
	#Buttons
	#Form elements
	#jquery-ui
	#Misc */

/* Reset */
/* normalize.css v2.1.3 - http://github.com/necolas/normalize.css - 2-27-13 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:\201C \201D \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
html,body{height:100%}
body{line-height:1.4}
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%;}
/*Basic Styles*/
body {background: #fff;font: 1em/1.5 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #444;}
h1, h2, h3, h4, h5, h6 {color: #181818;font-family: "Georgia", "Times New Roman", serif;}
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;}
p,dl{margin:.75em 0}
p img{margin:0;}
em,q,cite{font-style:italic;}
abbr[title]{cursor:help;}
strong{font-weight:700;}
small{font-size:0.8em;}
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: 0.6em 0 2em; height: 0; }
a, a:visited { color: #333; text-decoration: underline; outline: 0; cursor:pointer;}
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: 95%;}
img,video,svg,iframe{max-width: 100%;height: auto;
*width:100%
}
/* #Buttons */
.button,button,input[type="submit"],input[type="reset"],input[type="button"]
,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background: #f5f5f5; /* Old browsers */
background: #f5f5f5 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(150,150,150,.2) 100%);
background: #f5f5f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(150,150,150,.2)));
background: #f5f5f5 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%);
background: #f5f5f5 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%);
background: #f5f5f5 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%);
background: #f5f5f5 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(150,150,150,.2) 100%);
border: 1px solid #aaa;border-top-color:#ccc;border-left-color:#ccc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
font-size: 1em;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: normal;font-weight:400;
color: #444;text-decoration: none;text-shadow: 0 1px rgba(255, 255, 255, .75);
cursor: pointer;
*zoom: 1;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display: inline-block;margin: 1em 1em 1em 0;padding: 0.6em 1em 0.8em 1em;
*display:inline;
}
.navigator button{font-weight:700}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
  padding: 0 0.8em;
 }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:400;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus
,.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-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%);
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(150,150,150,.3)));
background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%);
background: #eee -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%);
background: #eee -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%);
background: #eee linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(150,150,150,.3) 100%);
border: 1px solid #888;border-top-color:#aaa;border-left-color:#aaa;
}
.button:active,	button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active
,.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background: #ccc; /* Old browsers */
background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(150,150,150,.4) 100%);
background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(150,150,150,.4)));
background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(150,150,150,.4) 100%);
background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(150,150,150,.4) 100%);
background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(150,150,150,.4) 100%);
border: 1px solid #666;
}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
.disabled,.button.disabled,.button[disabled],button[disabled],input[type="submit"][disabled]
{border:1px solid #dbdbdb;background:#FEFEFE;color:#dbdbdb;cursor:inherit;}
.tools .button{font-size:0.9em}
.navigator-clone .button{font-size:0.9em}
.navigator-clone .button .ui-icon{display:none}
.tool{margin:0 0.2em}
@media handled,screen and (max-width: 479px) {
.tools .button{white-space:normal;padding: 0.4em 1em;}
}
button.submit {position:relative;}
button.submit .ui-icon{display:inline-block;position:relative;bottom:-3px;margin:0 -5px;}
.ielt8 button.submit .ui-icon{display:none;}
button.submit[disabled] .ui-icon{visibility:hidden}
/* Form elements */
textarea,input[type="text"],input.text,select{max-width:99%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type="text"],input.text,input[type="password"],input[type="email"],textarea,select{
border: 1px solid #ccc;padding: 0.4em;
outline: none;
-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #666;background: #fff;
margin: 0;display: inline-block;
*display: inline;
}
input[type="text"].good,input.text.good,input[type="password"].good,input[type="email"].good,textarea.good,select.good{color: #666;}
input[type="text"],input.text,input[type="password"],input[type="email"],textarea{
-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{padding: 0.4em;}
textarea{width:100%;}
option{margin: 0.4em;}
select:hover option,select:focus{color:#222;}
select:hover,select:focus{color:#222;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline: thin dotted #333;outline-offset: -2px;}
select:focus{outline: none;}
option:focus{outline: thin dotted #333;outline-offset: -2px;}
/*With error*/
.mandatory input[type=text].empty,.mandatory textarea:empty
.mandatory input.text.empty,.mandatory textarea.empty{
/*
border-color: #CA7472;
-webkit-box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset, 0 1px 3px rgba(202, 116, 114, 0.2);-moz-box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset, 0 1px 3px rgba(202, 116, 114, 0.2);box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset, 0 1px 3px rgba(202, 116, 114, 0.2);
*/
}
textarea.error,input[type=text].error{
/*
border-color: #fb8072;color:#B94A48;
-webkit-box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset,0 1px 3px rgba(202, 116, 114, 0.2);-moz-box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset,0 1px 3px rgba(202, 116, 114, 0.2);box-shadow: 0 1px 3px rgba(202, 116, 114, 0.3) inset,0 1px 3px rgba(202, 116, 114, 0.2);
*/
}
textarea.good,input[type=text].good{
border-color:#ccc;
-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;
}

textarea[disabled], input[type=text][disabled]{background-color:#FFF;border-color:#EEE;}
input[type="text"]:focus,input.text:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus
, .mandatory input[type="text"].empty:focus,.mandatory input.text.empty:focus,.mandatory textarea:empty:focus,.mandatory textarea.empty:focus
, input[type="text"].error:focus, textarea.error:focus
, input[type="text"].good:focus, textarea.good: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;
}
input[type="text"].tip,input.tip,input.tip{border:0;background:transparent}
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);
}
/*! jQuery UI - v1.9.2 - for skeletonquest LimeSurvey template
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=inherit&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=%23eee&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23ccc&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23ccc&fcContent=%23444&iconColorContent=%23444&bgColorDefault=%23e6e6e6&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23333&iconColorDefault=%23666&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23333&iconColorHover=%23333&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23333&iconColorActive=%23454545&bgColorHighlight=%23D9EDF7&bgTextureHighlight=flat&bgImgOpacityHighlight=100&borderColorHighlight=%23BCE8F1&fcHighlight=%233A87AD&iconColorHighlight=%233A87AD&bgColorError=%23F2DEDE&bgTextureError=flat&bgImgOpacityError=100&borderColorError=%23EED3D7&fcError=%23B94A48&iconColorError=%23B94A48&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT 
* Copyright 2011, Dave Gamache, http://www.getskeleton.com under open-source MIT license
* Copyright 2013, Denis Chenu, http://www.sondages.pro Licensed MIT */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute;position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog{position:fixed !important}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}
* html .ui-autocomplete { width:1px; }
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; }
button.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
input.ui-button { padding: .4em 1em; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-dialog .ui-button-icon-only span.ui-icon {margin: 0;margin-left:-8px;margin-top:-8px}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .5em .5em .5em .5em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; font-weight:bold; padding:0.2em 1em 0.2em 1em; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; border:solid 1px #cccccc !important; border-radius:0px !important; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; border-right:solid 1px #cccccc !important; background-color:#80CB00 !important; border-radius:0px !important; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.3em; height: 1.5em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 1em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
.ui-spinner .ui-icon-triangle-1-s {background-position:-65px -16px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {padding: 8px;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;}
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }
.ui-widget { font-family: inherit; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; }
.ui-slider-handle, .ui-widget-content .ui-slider-handle, .ui-widget-header .ui-slider-handle {padding:0;}
.ui-datepicker td a.ui-state-default { padding: .2em; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
.ui-icon { width: 16px; height: 16px;}
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-widget-overlay { background-color:black; opacity: .5;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
/* Some specific css for juery-ui */
.alert .ui-dialog-titlebar{display:none}
/* The timer script add z-index:1000, then we use 2000, need 3000 for overlay */
.ui-widget-overlay{z-index:5}
.ui-dialog,.ui-datepicker{z-index:5 !important; -moz-border-radius:0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border:1px solid #ddd !important; box-shadow: 0 0 20px rgba(90, 90, 90, 0.5); }
/* #Some tools */
.hide{position:absolute;top:auto;left:-999999px}
.nodisplay{display:none !important;height: 0;width:0;overflow:hidden;visibility:hidden !important;}
.affix {position: fixed;}
.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}
.text-hide {font: 0/0 a;color: transparent;text-shadow: none;}
.js .jshide{display:none}
/* #Layout */
#container{margin:0;} /* Global container */
@media only screen and (max-width: 959px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 479px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}
	
.ie6 #container,.ie7 #container{text-align:center}
#content{position:relative;}
.ie6 .wrapper,.ie6 #content,.ie7 .wrapper,.ie7 #content{text-align:left;}
#container{min-height:100%;position:relative;}
.wrapper,#content{margin:0 auto;}
#head:before,#head:after,#content:before,#content:after{display: table;content: " ";}
#head:after,#content:after {clear: both;}
#head.wrapper:before,#head.wrapper:after{display: table;content: " ";}
#head.wrapper:after {clear: both;}
#head{position:relative;}
.head.affix{width:100%;z-index:3;top:0}/*The timer script add inline z-index:1001 .....*/
.affix #head{background:#fff}
.head.affix:after
{
   content: " ";
   position: fixed;  
   left: 0;
   width: 100%;
   height: 1px;
   z-index: 3;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }
#head h1{display:block;}
#head img.logo{vertical-align:middle;}
#head img.logo{max-height:4em;width:auto;}
#head a.link-logo:hover,#head a.link-logo:focus,#head a.link-logo:active{background:transparent;}
#head a.link-logo {outline: 0 none;}
.ie6 #head img.logo,.ie7 #head img.logo{height:4em;}
#head .tools{float:right;margin:0.7em;}
.cloned-tools .tool{display:inline-block;}
@media handled,screen and (max-width: 959px) {
#head .wrapper{padding:0 0.3em;}
.pagetitle .wrapper{padding:0 0.3em;}
#head h1{font-size:1em;}
#head .navigator-clone .button .ui-icon{display:block;bottom: 0;margin: 0;}
#head .navigator-clone .btn-text{display:none;}
}
@media handled,screen and (max-width: 479px) {
  #head img.logo{max-height:2em;width:auto;}
#head .menu-collapse .menu-text{max-width:5em;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
#head .menu-collapse .menu-text:hover,#head .menu-collapse .menu-text:focus{max-width:none;text-align:left;}
.head.affix{position:absolute}
.head.affix:after {position:absolute}
}

#head .sitename{float:left}
#head .tools{float:right;}
#content{padding-bottom:3em;}
#footer {text-align:center;padding:0.3em 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%}
.ielt8 #footer {display:block}
.ielt8 #footer ul {display:block}
.ielt8 #footer ul li{width:32%;display:block;padding:0;float:left;}
@media handled,screen and (max-width: 767px) {
  #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;}
}
.pagetitle{margin:0;text-align:center;padding:0;}
.surveytitle{text-align:left;line-height:2em;}
/* With extra or navigation, see layoutgalla */


.with-aside #main{float:left;margin-left:-20em;width:100%}
.with-aside #limesurvey{margin-left:20em;}
.aside-index{float:right;width:19em;}
.aside-index #index{position:fixed;width:19em;}
@media only screen and (max-width: 767px) {
.with-aside #main{float:none;margin-left:0}
.with-aside #limesurvey{margin-left:0;}
.aside-index{float:none;width:auto;}
.aside-index{float:none;width:auto;}
.aside-index #index{position:relative;width:100%;top:0 !important;}
}
/* #Element */
.note,#tokenmessage{position:relative;}
.text{display:block;padding: 0 0.3em;}
.note,#tokenmessage{margin:0.5em auto;padding:1em;}
.question-wrapper{margin:1em 0.7em;position:relative;}
.answers-wrapper{padding:0.5em 0.3em;margin:0.5em auto;}
@media handled,screen and (max-width: 767px) {
  .question-wrapper{margin:1em 0;}
}
.warningjs{display:block;color: #944;padding:0.5em 30px;background:#fcf8e3 url(images/ls-warning.png) 0.5em 50% no-repeat;
border: 1px solid #fbeed5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.qnumcode {font-weight:bold;color:#059000;}
.question-text{padding:0.5em 0.3em;}
.question-text p{margin:0 0 0.5em;}
.error,.error-wrapper{color:#944}
.good{color:#494}
.problem{color:#944}
.help-wrapper .success,.help-wrapper .good,.help-wrapper .ok{color:#444}
.asterisk {display:inline;display:inline-block;}
.asterisk {color:#FF8900;}
.help-wrapper .error,.help-wrapper .good{background-image: url(images/ls-error.png);background-repeat:no-repeat; background-position: 5px 6px !important;}
.help-wrapper .error{padding-left:20px;background-position:0 center;}
.help-wrapper .good{padding-left:0;background-position:-20px center;}
.help-wrapper ,.tip{font-style:italic;margin:0.5em auto;}
.help-wrapper{margin:0 auto;padding:0 1em}
.answer-wrapper .tip{padding:0.2em 0.3em}
.help-wrapper .mandatory,.help-wrapper .questionhelp,.help-wrapper .tip {font-size:0.9em;margin:0.2em 0 0;}
.answers-wrapper .tip {font-size:0.9em;}
.ielt9 .help-wrapper .good{background-image:none}
.help-wrapper .error-wrapper{padding-left:20px;background: transparent url(images/ls-error.png) no-repeat left center;}
.input-error .help-wrapper .error{font-weight:700}
@media screen and (max-width: 940px)
{

}
.help{padding:0.2em 0.3em;clear:both;}
.question-help{padding:0.2em 25px;}
.question-help img{margin:1px 0 5px -23px;}
.question-help p{margin:0 0 0.5em;}
.errormandatory{color:#cc0000;display:block;}

.question-wrapper .mandatory.error,.errormandatory{padding: 0.5em 1em;margin:1em 2em;font-weight:bold;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;border: 1px solid #fbeed5;
}
.question-wrapper .mandatory.error{padding-left:25px;margin:1em 0;}
.question-wrapper .error.mandatory br{display:none;}
.question-wrapper .errormandatory{padding:0;margin:0;border: 0 solid #fbeed5; font-style:normal;}
.question-wrapper.boilerplate .answers-wrapper{display:none}
.question-wrapper.equation .answers-wrapper{display:none}
.therearexquestions{margin:0;font-style:italic;font-size:0.9em;color:#666}
.group{margin-bottom: 2em}
.grouptitle{padding:0.45em 0.27em;margin:0;}
.groupdescription{padding:0.1em 0.3em 0.5em;margin:0 0 0.5em;}


.surveydescription{font-size:1.1em;}
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;}
/* Tools list */
ul.tools{list-style: none ;margin: 0.5em 0; padding: 0 0.3em;}
ul.tools div,ul.tools li{margin:0.1em 0;padding:0;display:inline;}

ul.tools li{margin-left:0;margin-right:1em;}
@media handled,screen and (max-width: 767px) {
ul.tools li{display:block;margin-left:0;margin-right:0;}

}
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;}
/* languagechanger */
.languagechanger {margin:0.5em 0 0.5em 0.5em;}
button.changelang{font-size:0.8em;}
.js button.changelang{display:none}
.no-js .languagechanger,.no-js .changelang{display:none}
.no-js form .languagechanger,.no-js form .changelang{display:inline;display:inline-block;}
/* Menu lang (and other menu)*/
.js .menu{display:none}
.menu .ui-menu-item a.ui-state-focus{
background:#eee;color:#222;border:0 none #fff;margin:0;
}
.menu-lang{position:absolute;z-index:4}/*The timer script add inline z-index:1001 .....*/
.menu-collapse {padding-right:20px}
.menu-collapse .ui-icon{position:absolute;top:0;right:0}
.tools.languageselect{margin:0em;text-align:center}
/* progress wrapper*/
.skeletonprogress #progress-pre,.skeletonprogress #progress-post{display:none;}
#progress-wrapper.skeletonprogress{width:100%;font-size:0.9em;}
.js #progress-wrapper.skeletonprogress{height:1.5em;margin-bottom:1.8em;}
.no-js #progress-wrapper .hide{display:block;position:relative;left:0}
.no-js #progress-pre,.no-js #progress-post{display:none}
.progress-bar{height:1.4em;position:relative;}
.progress-value{float:left;height:1.4em;min-width:1px;text-align:right;}
.progress-range{position:absolute;top:1.4em;left:0;text-align:right}
.preprogress{float:left}
.preprogress{line-height:3.6em;}
/* index */
#index  ol{margin:0;padding:0;list-style-position:inside}
#index .container{margin-top: 2em;border: 1px solid;border-color:#ccc;background:#fff;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.aside #index .container{margin-top: 1em;}
#index .container h2{padding:0.2em 1em 0.5em;margin:0;background: #eee; color: #222222; font-weight: bold;
-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
/*@media only screen and (max-width: 767px) {*/
/*.container{margin:0;padding-bottom:5px}*/
/*.aside #index .container{margin-top: 0;}*/
/*}*/
#index .container h2{font-size:1.2em}
#index.accordion .container h2{cursor:pointer}
#index .container h2 .toggleall{display:inline-block;}
#index .container h3{font-size:1.1em;margin:0.2em 0 0;padding:0 1em;color:#666;}
#index.accordion .container h3{cursor:pointer}
#index.accordion .group{margin-bottom:0;}
#index .container h3 .more{display:inline-block;}
#index .hdr{padding:0 0.5em;color:#555;}
#index .row{padding:0.1em 1em;cursor: pointer;color:#555;}
/*#index .row{text-decoration: underline;}*/
#index .row.current{padding:0.1em 1em;cursor: default;text-decoration: none;color:#777;opacity:0.5}
#index .missing{/*background: url()*/}
#index .row:hover, #index .row:focus, #index .row:active {text-decoration:none;background-color: #eee;color: #555;}
#index .container .submit{margin:0 auto 0.5em;display:block}
#index .row{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/* More elements */
p.url{font-size:1.2em;text-align:center;font-weight:700}
#tokenform ul{list-style: none ;margin: 0.5em auto;padding: 0;text-align: center;}
#tokenform ul li{}
#privacy{font-size:90%;font-style: italic;}
#assessment table{width:80%;margin:0 auto;}
/* Print version of the survey */
.printouttable{width:100%;table-layout:fixed}
.printanswersquestion{background-color:#f8f8f8}
.printouttable .printanswersquestionhead td{text-align:left;background-color:#eee}
.printouttable .printanswersgroup td{text-align:center;font-weight:700;padding-top:1em}
.printanswersanswertext{vertical-align:middle;padding:0 1em}
.printanswersgroup{border-top:2px solid #444;color:#222;border-bottom:1px solid #999}
.printanswersquestion{border-bottom:1px solid #999}
.printanswersanswertext{width:40%}
/* Print page and survey */
@media print {
  #body{background:#FFF;color:#000;}
  #head{background:#FFF;border-color:#999;color:#000;}
  a.link-logo{display:none}
  .pagetitle{background:#FFF;border-color:#999;color:#000;}
  h1.sitename{margin:0 0 0.2em 1em;}
  .grouptitle,.question-text{background:#fff;color:#000}
  .navigator,.tools{display:none}
  #exportbutton{display:none;}
  ul#credits{display:none;}
  #content{padding-bottom:0;}
  #footer{display:none;}
  #index{display:none}
}
/* Survey list */
#surveylist-container{text-align:center}
h2#surveytitle{font-size:1.2em;text-align:left;line-height:2em;padding:0 5px}
#surveylist{margin: 0.5em auto;padding: 0;text-align: center;overflow:auto;display:inline-block;}
#surveylist li{margin:0 0 0.5em;padding:0}
#surveylist li a.surveytitle
{
  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;
  color: #444;
  display: block;
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  cursor: pointer;
  margin: 0;
  line-height: normal;
  padding: 0.6em 1em;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#surveylist li a.surveytitle:hover,#surveylist li a.surveytitle: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;
  }

#surveylist li a.surveytitle: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;
  }

#surveylist li a{display:block;font-size:0.8em;text-decoration:none}
#surveylist li a:hover{text-decoration:underline}
#surveylist li a.surveytitle{font-size:1em}
/* #LimeSurvey question part */
p.question{text-align:center;margin: 0 1em}
.textarea,.text {text-align: left;}
table.question{table-layout:fixed;width:99%; margin:0.5em 0; }
table.question{border:#ddd 1px solid;border-width:0 0 0 0;width:100%;}
table.question tbody{border:#ddd 1px solid;border-width:0 0 0 0;}
table.question thead th{border:#ddd 1px solid;border-width:0px 0px 0px 0px;padding:0.6em;font-weight:inherit;}
table.question thead td,table.question thead th:first-child{border:#ddd 1px solid;border-width:0px 0px 0px 0px;}
table.question tbody th{border:#eee 1px solid;border-width:1px 0px 0px 0px;padding:0.6em;font-weight:inherit;}
table.question tbody td{border:#eee 1px solid;border-width:1px 0px 0px 1px;padding:0.6em 0;min-width:3em;}
table.question tbody th.answertext,table.question tbody th.arraycaptionleft{text-align:left;}
table.question tbody th.answertextright{text-align:left;}
table.question thead th{text-align:center;vertical-align:bottom}
table.question tbody td{text-align:center;vertical-align:middle}
table.question tbody td.ddarrayseparator{border-top-width: 0px;}
.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 tbody tr:hover {--background:#eee}
.js table.question tbody tr td:hover{--background:#ddd; cursor:pointer;}
table.question thead th {background:#fff}
table.question th {background:#fff}
table.question tr,table.question tbody tr th,table.question tbody tr:hover th
,.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:#fff}
table.question tbody tr:nth-child(odd),table.question tbody tr:nth-child(odd) th,table.question tbody tr:nth-child(odd) td
,.js table.question tbody tr:nth-child(odd) td.answertextright:hover,.js table.question tbody tr:nth-child(odd) td.dual_scale_separator:hover,.js table.question tbody tr:nth-child(odd) td.ddarrayseparator:hover
{--background-color: #f9f9f9;}
/*@media handled,screen and (max-width: 479px) {*/
/*table.question th,table.question td {display:block}*/
/*}*/
table.question tbody tr:hover th, table.question thead th.hover, table.question tbody tr.focus th, table.question thead th.focus{color: #222222;}
table.question thead th.hover{--background:#F9F9F9;}
.dragDropTable .dragDropChoiceList li:hover, .dragDropTable .dragDropRankList li:hover {color: #222222;}
table.question input[type="text"],table.question input.text{padding:0.3em 0.2em;max-width:96%}
@media handled,screen and (max-width: 767px) {
  table.question{width:96%;}
}
/*@media handled,screen and (max-width: 479px) {*/
/*  table.question input[type="text"],table.question input.text{padding:0.2em 0;}*/
/*}*/
.subquestions-list,.answers-list
  {list-style: none inside;padding: 0;margin: 0.5em 0;}
ul.checkbox-list,ul.radio-list
  {display: block;border-style:none;}
.answer-item
  {list-style: none inside;}
ul.text-list,ul.checkbox-text-list
  {display: table;width:100%;table-layout:fixed;}
ul.radio-list .question-item,ul.radio-list .help-item ,ul.checkbox-list .answer-item,ul.checkbox-list .help-item
  {display:block;list-style: none inside;margin:0;}
/* input radio and checkbox inside lable for list*/
ul.radio-list li,ul.checkbox-list li
  {position:relative;}
ul.radio-list input.radio,ul.radio-list input.checkbox,ul.checkbox-list input.radio,ul.checkbox-list input.checkbox{
  position: absolute;
  margin:0;font-size:100%;/* To use em on position */
  top: 1.2em;left:0.5em;/* padding of label is 0.8em +0.4em to move it*/
}
ul.checkbox-text-list input.radio,ul.checkbox-text-list input.checkbox{
  position: absolute;
  margin:0;font-size:100%;/* To use em on position */
  top: 1.2em;left:0.5em;/* padding of label is 0.8em +0.4em to move it*/
}

.ielt8 ul.radio-list input.radio,.ielt8 ul.radio-list input.checkbox,.ielt8 ul.checkbox-list input.radio,.ielt8 ul.checkbox-list input.checkbox
  {position: relative;top:0;left: 0;}/* To fix for IELT8*/
ul.radio-list li label, ul.checkbox-list li label
  {display:block;vertical-align: middle;padding:0.8em 30px;border-bottom:1px solid #efefef;cursor:pointer;}
ul.radio-list li:last-child label, ul.checkbox-list li:last-child label
  {border-bottom:none;}
.ielt8 ul.radio-list li label,.ielt8 ul.checkbox-list li label
  {display:inline;vertical-align: middle;padding:0;border:0 none solid;cursor:pointer;border-width: 0;}
ul.radio-list li.other-item,ul.checkbox-list li.other-item
  {/*padding:0.5em 0;*/}
.ielt8 ul.radio-list li,.ielt8 ul.checkbox-list li
  {padding:0.5em 0;border:1px solid #CCC;border-width:1px 1px 0;}
ul.radio-list li.other-item label.answertext,ul.checkbox-list li.other-item label.answertext
  {/*margin-left:30px;*/}
ul.radio-list li.other-item label,ul.checkbox-list li.other-item label
  {display:inline;display:inline-block;border:0px none #CCC;padding:0;margin:0;/*margin-left:30px*/}
ul.checkbox-list li.other-item .checkbox
  {opacity:0.3;visibility: hidden;}
.checkbox-list input.checkbox[disabled]
{visibility:hidden;}
ul.text-list .question-item,ul.text-list .help-item,ul.checkbox-text-list .question-item,ul.checkbox-text-list .help-item
  {display:block;display:table-row;}
.ielt8 ul.text-list .question-item,.ielt8 ul.text-list .help-item,.ielt8 ul.checkbox-text-list .question-item,.ielt8 ul.checkbox-text-list .help-item
  {display:block;clear:both;}
ul.text-list span,ul.text-list label,ul.checkbox-text-list span
  {display:inline;display:table-cell;/*width:50%;*/vertical-align:middle;padding:0.3em 0.5em 0.7em;}
.ielt8 ul.text-list span,.ielt8 ul.text-list label,.ielt8 ul.checkbox-text-list span
  {float:left;width:45%;padding: 0.3em 1em 0 0;}
ul.text-list span span,ul.text-list label span
  {display:inline;padding:0;}
ul.text-list label,ul.text-list .label
  {text-align:right;}
@media screen and (max-width: 767px) {
  ul.text-list span,ul.text-list label,ul.checkbox-text-list span{display:block;width:auto;}
  ul.text-list span{text-align:center;}
  ul.text-list label,ul.text-list .label {text-align: left;}
}
ul.subquestions-list .dynamic_sum span,ul.subquestions-list .dynamic_remaining span
  {min-width:5em;width:auto;display: inline-block;font-weight: bold;text-align: center;}
ul.subquestions-list .dynamic_remaining span{color:#999;}
label:hover, input:focus + label
  {color: #222;}
li.radio-item label:hover,li.radio-item input.radio:focus + label,li.checkbox-item label:hover,li.checkbox-item input.checkbox:focus + label
  {}

  li.radio-item input.radio[disabled] + label,
li.checkbox-item input.checkbox[disabled] + label
{
	cursor:inherit;
	color:#666;
}

/* Slider */
.ui-slider{width:15em;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;}
.no-js .slider_showmin,.no-js .slider_showmax{display:none;}
.no-js .slider_lefttext, .no-js .slider_righttext{display:none;}
.slider-reset{display:inline-block;float:none;}
@media handled,screen and (max-width: 479px) {
  .ui-slider{width:96%;}
  .slider_lefttext{display:block;top:0;padding:0;text-align:left}
  .slider_righttext{display:block;top:0;padding:0;text-align:right}
  .slider-reset{display:block;float:right;}
}
.ui-slider{border-color:#555;}
.slider_showmin {color:#666;}
.slider_showmax {color:#666;}
.slider_lefttext {color:#666;}
.slider_righttext {color:#666;}
.slider_callout {color: #444;}
ul.slider-list .slider-label{padding-top:0.7em;}
.slider-list .ui-slider-handle { height: 1.6em; }
/*Date time picker */
button.ui-datepicker-trigger{padding:0.4em 0.8em;}
.ui-datepicker td span, .ui-datepicker td a{padding:0;text-align:center;}
.ui-datepicker-calendar{table-layout:fixed}
.ui-datepicker-calendar td,.ui-datepicker-calendar th{width:14.25%}
.ui-datepicker .ui-slider{width:100%;}
.ui-datepicker {max-width:100%}

.list,.select,.comment{/*width:50%;*/-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;float:left}
.ielt8 .list,.ielt8 .select,.ielt8 .comment{width: 47%;}
.list p{margin: 0;}
.list-with-comment .comment{padding:0 0.5em;margin:0.5em 0}
.list-with-comment .comment label{display:block}
@media screen and (max-width: 479px) {
  .list,.select,.comment{width: 100%;float: none;display:block}
}
.dragDropTable li{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* Upload iframe */
.files-list{margin:0.5em 1em;padding:0;list-style:none}
.previewblock {
    background-color: #eee;
    margin: 0.5em auto;
    padding: 0.2em 0;
}
.previewblock table{width:100%;table-layout:fixed;}
.previewblock table img{max-height:100px;}
.uploadedfiles .upload{text-overflow: ellipsis;overflow: hidden;}
.uploadedfiles .upload:hover{overflow: visible;}
.uploadedfiles .comment {
    float: none;
    width: auto;
}
/* Multi column */
/*column_style ul*/
.colstyle-ul
{
  float: left;
  padding: 0;
  white-space: normal
  display:block;
  width:100%;
}
 .colstyle-ul li.answer-item
,.colstyle-ul.radio-list li.answer-item
,.colstyle-ul.checkbox-list li.answer-item
{
  display:block;
}
/*column_style table*/
table.colstyle-table
  {table-layout:fixed;border:0 none #fff}
table.colstyle-table td
  {border:0 none #fff;padding:0}
table.colstyle-table td ul{padding:0;margin:0;}
table.colstyle-table .answer-item
{
  padding-left: 30px;padding-right: 5px;
  display:block;
}
table.colstyle-table .radio
,table.colstyle-table .checkbox
{
  float:left;margin-left:-25px;margin-right:0;
}
/*column_style css */
ul.colstyle-css .answer-item
  {display:block;float:left}
ul.colstyle-css .answer-item
{
  padding-left: 0;padding-right: 0;
}
ul.colstyle-css .radio
,ul.colstyle-css .checkbox
{
  float:left;width:100%;
}
ul.colstyle-css label
{
  display:block;margin-left:30px;margin-right:0;
}
ul.colstyle-css .other-item .checkbox
{
  display:none;
}
ul.colstyle-css .other-item label
{
  display:block;margin:0;
}
ul.cols-2 .answer-item:nth-child(2n+3) {clear:left;}
ul.cols-3 .answer-item:nth-child(3n+4) {clear:left;}
ul.cols-4 .answer-item:nth-child(4n+5) {clear:left;}
ul.cols-5 .answer-item:nth-child(5n+6) {clear:left;}
ul.cols-6 .answer-item:nth-child(6n+7) {clear:left;}
ul.cols-7 .answer-item:nth-child(7n+8) {clear:left;}
ul.cols-8 .answer-item:nth-child(8n+9) {clear:left;}
/* Width for column_style*/
.cols-2-ul,table.cols-2 td,ul.cols-2 .answer-item{width: 50%;}
.cols-3-ul,table.cols-3 td,ul.cols-3 .answer-item{width: 33.3%;}
.cols-4-ul,table.cols-4 td,ul.cols-4 .answer-item{width: 25%;}
.cols-5-ul,table.cols-5 td,ul.cols-5 .answer-item{width: 20%;}
.cols-6-ul,table.cols-6 td,ul.cols-6 .answer-item{width: 16.6%;}
.cols-7-ul,table.cols-7 td,ul.cols-7 .answer-item{width: 14.2%;}
.cols-8-ul,table.cols-8 td,ul.cols-8 .answer-item{width: 12.5%;}
/* Adapat under screen max width */
@media screen and (max-width: 767px) {
  .cols-2-ul,table.cols-2 td,ul.cols-2 .answer-item{width: 50%;}
  .cols-3-ul,table.cols-3 td,ul.cols-3 .answer-item{width: 33.3%;}
  .cols-4-ul,table.cols-4 td,ul.cols-4 .answer-item{width: 25%;}
  .cols-5-ul,table.cols-5 td,ul.cols-5 .answer-item{width: 25%;}
  .cols-6-ul,table.cols-6 td,ul.cols-6 .answer-item{width: 25%;}
  .cols-7-ul,table.cols-7 td,ul.cols-7 .answer-item{width: 25%;}
  .cols-8-ul,table.cols-8 td,ul.cols-8 .answer-item{width: 25%;}
}
@media screen and (max-width: 479px) {
  .cols-2-ul,table.cols-2 td,ul.cols-2 .answer-item{width: 50%;}
  .cols-3-ul,table.cols-3 td,ul.cols-3 .answer-item{width: 50%;}
  .cols-4-ul,table.cols-4 td,ul.cols-4 .answer-item{width: 50%;}
  .cols-5-ul,table.cols-5 td,ul.cols-5 .answer-item{width: 50%;}
  .cols-6-ul,table.cols-6 td,ul.cols-6 .answer-item{width: 50%;}
  .cols-7-ul,table.cols-7 td,ul.cols-7 .answer-item{width: 50%;}
  .cols-8-ul,table.cols-8 td,ul.cols-8 .answer-item{width: 50%;}
}
@media screen and (max-width: 319px) {
  .cols-2-ul,table.cols-2 td,ul.cols-2 .answer-item{width: 100%;}
  .cols-3-ul,table.cols-3 td,ul.cols-3 .answer-item{width: 100%;}
  .cols-4-ul,table.cols-4 td,ul.cols-4 .answer-item{width: 100%;}
  .cols-5-ul,table.cols-5 td,ul.cols-5 .answer-item{width: 100%;}
  .cols-6-ul,table.cols-6 td,ul.cols-6 .answer-item{width: 100%;}
  .cols-7-ul,table.cols-7 td,ul.cols-7 .answer-item{width: 100%;}
  .cols-8-ul,table.cols-8 td,ul.cols-8 .answer-item{width: 100%;}
}
/* Expression manager tips */
.hide-tip .good {display: none;}
.hide-tip .error {display: none;}
.input-error .hide-tip .error {display: block;}
.em_other_comment_mandatory.good {display: none;}
.em_regex_validation{display: none;}
.em_regex_validation.error {display: block;}
.em_sum_range{margin:0.5em 0;}
/* Public stats */
.statisticssummary,.statisticstable{width:100%}
input.statisticsbrowsebutton {display:none}
.statisticstable th,.statisticstable td {padding: 0.4em;line-height: 1.5;text-align: left;vertical-align: top;border-top: 1px solid #dddddd;background:#fff}
.statisticstable th {font-weight: bold;}
.statisticstable thead th {vertical-align: bottom;}
.statisticstable thead {margin-top: 2em;}
.statisticstable thead tr:first-child{background:#EEE;text-align:center;}
.statisticstable thead tr:first-child th{text-align:center;}
/* Print the survey page */
@media print {
body{font-size: 11pt;background-color:#fff;background-image:none;}
.errormandatory {display:none}
.navigator{display:none}
button,input[type="button"]{display:none}
.question-wrapper{border: solid 1pt #ccc;page-break-inside: avoid;page-break-before: auto;}
#footer {display:none}
.with-aside #main {float: none;margin-left: 0;width: 100%;}
.with-aside #limesurvey {margin-left: 0;}
.aside-index {float: none; width: auto;}
}
