/* 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.1%} 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 #ededed; } 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 #ededed; border-width: 1px 0 0; clear: both; margin: 0.6em 0 2em; height: 0; } a, a:visited { color: #1eaedb; text-decoration: underline; outline: 0; cursor:pointer;} a:hover, a:focus { color: #0fa0ce; } 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{ color: #333; text-shadow: 0 1px 0 #f3f3f3; text-align: center; font-weight: 400; /*text-transform: uppercase;*/ text-decoration: none; background: #f6f6f6; border:1px solid #ddd; border-radius: 4px; cursor: pointer; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; *zoom: 1; } .button,button,input[type="submit"],input[type="reset"],input[type="button"]{ display: inline-block; white-space: nowrap; margin: 0 0 0.5em; padding: 0.6em 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 { background-color:#ededed; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .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-color: #e8e8e8; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus { box-shadow: 0 0 0.3em 0 #66afe9; outline: #66afe9 thin dotted; outline-offset: -1px; } a:focus{ outline: #66afe9 thin dotted; outline-offset: 1px; } /*#movenextbtn,#movesubmitbtn,#moveprevbtn{*/ /* color: #fff;*/ /* background-color: #33c3f0;*/ /* border-color: #33c3f0;*/ /*}*/ /*#movenextbtn:hover,#movesubmitbtn:hover,#moveprevbtn:hover,#movenextbtn:focus,#movesubmitbtn:focus,#moveprevbtn:focus*/ /*{*/ /* color: #fff;*/ /* background-color: #1eaedb;*/ /* border-color: #1eaedb;*/ /*}*/ #movenextbtn .ui-icon,#movesubmitbtn .ui-icon,#moveprevbtn .ui-icon{ background-image: url("images/ui-icons_454545_256x240.png"); } button.clearall, .button.clearall { background:none;border:0 none #fff;text-shadow: 0 0 0 #fff;font-size:1em;font-weight:400; color: #ccc; text-decoration: underline; } button.clearall:hover,button.clearall:focus,.button.clearall:hover{ background-color:none;border:0 none #fff; color:#0fa0ce; outline: none; box-shadow: 0 0 0 0 #ffffff; } 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{} .navigator-clone .button{font-size:0.9em;font-weight:400;text-transform:none} .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; 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;} 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 #66afe9;outline-offset: -1px;} /*With error*/ .mandatory p > input[type=text].empty,.mandatory p > 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:#f1f1f1;} 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 #66afe9;color: #444; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } input[type="text"].tip,input.tip,input.tip{border:0;background:transparent} select{ height:2.4em; } select[size]{ height:auto; } select:hover option,select:focus{color:#222;} select:hover,select:focus{ border: 1px solid #bebada; } select:focus{ border-color:#66afe9; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); } select:focus > option[selected=selected], select:focus > optgroup > option[selected=selected] { color: #666 !important} select:focus option{ white-space: normal !important; word-wrap: break-word !important; -ms-word-break: break-all; /* wraps the text in the selector so it prints properly*/ word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; white-space: pre-wrap; height:auto; } /*! 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: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .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; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .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: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); } .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} /* #Some tools */ .hide{position:absolute;top:auto;left:-999999px} .nodisplay,.hidden{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,.wrapper:before,.wrapper:after{display: table;content: " ";} #head:after,#content:after,.wrapper:after {clear: both;} #head{position:relative;} .head.affix{width:100%;z-index:3;top:0}/*The timer script add inline z-index:1001 .....*/ .head.affix:after { content: " "; position: fixed; left: 0; width: 100%; height: 1px; z-index: 9; -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:inline;display:inline-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 0;} .cloned-tools .tool{display:inline-block;} .tool-cloned{display:none} @media handled,screen and (max-width: 959px) { #head .wrapper{padding:0 0.3em;} .pagesubtitle .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;} #head .select-lang{display:none;} .tool-cloned{display:block} } @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: 479px) { /* #footer{position:relative}*/ #content{padding-bottom:5em;} #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;} } .pagesubtitle{margin:0;text-align:center;padding:0;} .surveydescription{text-align:left;line-height:2em;font-family:Georgia,"Times New Roman",Helvetica,Arial,sans-serif;} /* 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-style:italic;color:#888} .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 .emtip{ border: 1px solid #ffffff; } .help-wrapper .error,.help-wrapper .good{background-image: url(images/ls-error.png);background-repeat:no-repeat} .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 0.3em} .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;} .help-wrapper .error{ background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; } .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:#944;display:block;} .question-wrapper .mandatory.error{ 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;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .errormandatory{ font-weight:bold; } .question-wrapper .mandatory.error{padding-left:20px;margin:1em 0;} .question-wrapper .error.mandatory br{display:none;} .question-wrapper .errormandatory{padding:0;margin:0;border: 0 solid #fbeed5;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .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;padding:0;margin:1em 0;} ul.info li{margin:0.5em 0;font-size:1.05em;} ul.info a {} ul.info .closewindow{display:none} .navigator{text-align:center;} /* languagechanger */ .languagechanger {margin:0.5em 0 0.5em 0.5em;} @media screen and (max-width: 767px) { .languagechanger {margin:0.5em 0;} } 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;} .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;} @media screen and (max-width: 767px) { .progress-range{display:none;} .js #progress-wrapper.skeletonprogress{margin-bottom:0.3em;} } /* index */ #index ol{margin:0;padding:0;list-style-position:inside} #index .container{margin-top: 2em;border: 1px solid;border-color:#e1e1e1;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: #f1f1f1;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: #ededed;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:#f1f1f1} .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 1em;padding: 0;text-align: center;display:block;list-style:none} #surveylist li{margin:0 0 0.5em;padding:0} #surveylist li a.surveytitle { color: #333; text-shadow: 0 1px 0 #f3f3f3; text-align: center; font-weight: 400; /*text-transform: uppercase;*/ text-decoration: none; background: #f6f6f6; border:1px solid #ddd; border-radius: 4px; cursor: pointer; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; *zoom: 1; display: block; margin: 0; padding: 0.6em 1em; } #surveylist li a.surveytitle:hover,#surveylist li a.surveytitle:focus { background-color:#ededed; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } #surveylist li a.surveytitle:active { background-color: #e8e8e8; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } #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%;} table.question{border:#ededed 1px solid;border-width:0 0 1px 0;width:100%;} table.question tbody{border:#ededed 1px solid;border-width:0 1px 0 0;} table.question thead th{border:#ededed 1px solid;border-width:1px 1px 0px 0px;padding:0.6em;font-weight:inherit;} table.question thead td,table.question thead th:first-child{border:#ededed 1px solid;border-width:0px 1px 0px 0px;} table.question tbody th{border:#ededed 1px solid;border-width:1px 1px 0px 1px;padding:0.6em;font-weight:inherit;} table.question tbody td{border:#f1f1f1 1px solid;border-width:1px 1px 0px 0px;padding:0.6em 0;min-width:3em;} table.question tbody th.answertext,table.question tbody th.arraycaptionleft{text-align:right;} 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:#f1f1f1} table.question tbody tr:hover {background:#f1f1f1} .js table.question tbody tr td:hover{background:#ededed} 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;} table.question td,table.question th{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } /*@media handled,screen and (max-width: 479px) {*/ /*table.question th,table.question td {display:block}*/ /*}*/ label:hover, input:focus + label{ color: #222222;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .js li.other-item:hover label{ color: #222222;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .js td.radio-item,.js td.checkbox-item,.js td.radio-item label,.js td.checkbox-item label,.js td.radio-item input,.js td.checkbox-item input{cursor:pointer} 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);} .dragDropTable .dragDropChoices,.dragDropTable .dragDropRanks {cursor:inherit;padding: 0} 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;} .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;} .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 2.5em;border:1px solid #CCC;cursor:pointer;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); padding-right:1em; min-height:1.4em; } .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;border:1px solid #CCC;border-width:1px 1px 0;background:} .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:2.5em;} 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;} .js li.other-item:hover {cursor:pointer} .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;} ul.checkbox-text-list .option {padding:0;} ul.checkbox-text-list .option label {display:block;vertical-align: middle;padding:0.8em 2.5em;cursor:pointer; padding-right:1em;} .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;} li.checkbox-text-item .option { position:relative; } ul.radio-list li.other-item label,ul.checkbox-list li.other-item label {margin-left:1em} ul.radio-list li:last-child label,ul.checkbox-list li:last-child label {border-bottom-width:1px;} .ielt9 ul.radio-list,.ielt9 ul.checkbox-list {border:0 solid #CCC;border-bottom-width:1px;} ul.radio-list li:last-child.other-item label,ul.checkbox-list li:last-child.other-item label {border-bottom-width:0;} ul.radio-list li:last-child.other-item,ul.checkbox-list li:last-child.other-item {border-bottom-width:1px;} /* Round border on list */ ul.radio-list li:first-child label,ul.checkbox-list li:first-child label {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px;border-top-left-radius: 6px;-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px;border-top-right-radius: 6px;} ul.radio-list li:last-child label,ul.checkbox-list li:last-child label {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;} ul.radio-list li:last-child.other-item,ul.checkbox-list li:last-child.other-item {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;} /* Cool button */ /* 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;} .dragDropTable ul.dragDropChoiceList li, .dragDropTable ol.dragDropRankList li { padding: 0.8em 1em; } /* Upload iframe */ .files-list{margin:0.5em 1em;padding:0;list-style:none} .previewblock { background-color: #f1f1f1; 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; } 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: 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%;} } @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%;} } ul.colstyle-css .other-item{ clear:both; float:none; width:100%; } ul.colstyle-css li label{ -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;border-radius: 6px; border-width: 1px; } /* 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;} /* Some transition */ .dragDropTable li,label, th{ -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; } td label{ -webkit-transition-duration: 0ms; transition-duration: 0ms; } tr,td{ -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; } input[type="text"],input.text,input[type="password"],input[type="email"],textarea,select{ -webkit-transition:all 200ms linear; transition:all 200ms linear; } .dynamic_remaining,.dynamic_sum, .emtip{ -webkit-transition: all 500ms linear; transition: all 500ms linear; } /* Public stats */ .statsSurveyTitle{display:none} .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 #ededed;background:#fff} .statisticstable th {font-weight: bold;} .statisticstable thead th {vertical-align: bottom;} .statisticstable thead {margin-top: 2em;} .statisticstable thead tr:first-child{background:#f1f1f1;text-align:center;} .statisticstable thead tr:first-child th{text-align:center;} /* Print the survey page */ /* Read the page */ @media reader { #progress-pre,#progress-post,.progressbar{display:none} .dontread{display:none} table.question label.read{display:inline} } /* Loading body */ body.loading.js .starthidden{opacity:0} body .starthidden{-webkit-transition:all 400ms linear; transition:all 400ms linear; } .loader {display: none;} body.loading.js .loader {display: block;} .loader {display: none;z-index: 9999999;position: fixed;top: 50%;left: 50%;border:0;} .loader {background: none;filter: Alpha(Opacity=18);opacity: .18;width: 2.875em;height: 2.875em;margin-left: -1.4375em;margin-top: -1.4375em;} .loader .ui-icon-loading {background-color: #000;display: block;margin: 0;width: 2.75em;height: 2.75em;padding: .0625em;-webkit-border-radius: 2.25em;border-radius: 2.25em;} .ui-icon-loading {background: url("images/ajax-loader.gif");background-size: 2.875em 2.875em;} /* cool button */ input[type=radio],input[type=checkbox]{ display: inline-block; height: 1.4em; width: 1.4em; } ul.radio-list input[type=radio],ul.checkbox-list input[type=checkbox],ul.checkbox-text-list [type=checkbox] { position: absolute; top: 50%; left: 0.7em; margin: -0.7em 0 0; z-index: 1; } /*tr.radio-list input[type=radio]*/ /*{*/ /* position: relative;*/ /*}*/ .checkbox-item input[type=checkbox],.checkbox-text-item input[type=checkbox],.radio-item input[type=radio] {opacity:0;} /*.ielt9 .checkbox-item input[type=checkbox],.ielt9 li.checkbox-text-item input[type=checkbox],.ielt9 .radio-item input[type=radio]*/ /*{visibility:visible;}*/ td.checkbox-item input[type=checkbox], .js td.radio-item input[type=radio] { position:relative;width: 1.4em;height:1.4em;display:inline-block;line-height:1.4em;left:0.9em; } td.checkbox-item label.hide.read, td.radio-item label.hide.read { position:relative;left:-0.7em;width: 1.4em;height:1.4em;overflow:hidden;display:inline-block; } /*@media screen and (max-width: 767px) {*/ /* td.radio-item label.hide.read{left:0;width:100%;}*/ /*}*/ li.checkbox-item input[type=checkbox] + label:before, li.checkbox-text-item input[type=checkbox] + label:before, li.radio-item input[type=radio] + label:before { content: ""; display: block; } li.checkbox-item input[type=checkbox] + label:before, li.checkbox-text-item input[type=checkbox] + label:before, li.radio-item input[type=radio] + label:before { left: 0.7em; margin-top: -0.7em; position: absolute; top: 50%; z-index: 2; } li.checkbox-item input[type=checkbox] + label:before, li.checkbox-text-item input[type=checkbox] + label:before, td.checkbox-item input[type=checkbox] + label { width: 1.4em; height: 1.4em; -webkit-border-radius: .1875em; border-radius: .1875em; background: #ccc no-repeat 50% 50%; } li.radio-item input[type=radio] + label:before, td.radio-item input[type=radio] + label { width: 1.4em; height: 1.4em; border-width:0; border-style:solid; border-color: #ccc; background-color: #ccc; -webkit-border-radius: 1em; border-radius: 1em; } td.checkbox-item input[type=checkbox] + label, td.radio-item input[type=radio] + label { text-indent: 2em;line-height:2em; } li.checkbox-item input[type=checkbox]:checked + label:before, li.checkbox-text-item input[type=checkbox]:checked + label:before, td.checkbox-item input[type=checkbox]:checked + label { background-image: url(images/check-black.png); background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E"); background-color: #38c; border-color: #38c; } li.radio-item input[type=radio]:checked + label:before, td.radio-item input[type=radio]:checked + label { border-width:0.4em; width: 0.6em; height: 0.6em; border-color: #38c; background-color:#000; -webkit-border-radius: 1em; border-radius: 1em; } li.checkbox-item input[type=checkbox]:hover + label:before, li.checkbox-item input[type=checkbox] + label:hover:before, li.checkbox-text-item input[type=checkbox]:hover + label:before, li.checkbox-text-item input[type=checkbox] + label:hover:before, .js td.checkbox-item:hover input[type=checkbox] + label { background-image: url(images/check-white.png); background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E"); } td.radio-item input[type=radio]:focus + label.hide.read, li.radio-item input[type=radio]:focus + label:before, td.checkbox-item input[type=checkbox]:focus + label.hide.read, li.checkbox-item input[type=checkbox]:focus + label:before, li.checkbox-text-item input[type=checkbox]:focus + label:before { box-shadow: 0 0 0.3em 0 #66afe9; } .radio-item input[type=radio], .checkbox-item input[type=checkbox], .checkbox-text-item input[type=checkbox] { outline:none;outline-offset: 0; } .radio-item input[type=radio]::-moz-focus-inner, .checkbox-item input[type=checkbox]::-moz-focus-inner, .checkbox-text-item input[type=checkbox]::-moz-focus-inner { border:0;padding:0 } li.checkbox-item input[type=checkbox][disabled] + label:before, li.checkbox-item input[type=checkbox][disabled] + label:hover:before, li.checkbox-text-item input[type=checkbox][disabled] + label:before, li.checkbox-text-item input[type=checkbox][disabled] + label:hover:before, .js td.checkbox-item input[type=checkbox][disabled] + label { background-image:none !important; opacity:0; } li.radio-item input[type=radio]:hover + label:before, li.radio-item input[type=radio]:focus + label:before, li.radio-item input[type=radio] + label:hover:before, .js td.radio-item:hover input[type=radio] + label { border-width:0.4em; width: 0.6em; height: 0.6em; background-color:#fff; } @media screen and (max-width: 767px) { ul.radio-list li.other-item label, ul.checkbox-list li.other-item label {display:block;margin-left: 2.5em;} ul.checkbox-list li.other-item input.text {margin-left: 2.5em;} } .js td.checkbox-item,.js td.radio-item{cursor:pointer} /* Do not display EM error */ .scrollToTop { text-decoration: none; position:fixed; bottom:0.1em; right:0.1em; display:none; width: 2em; height: 2em; -webkit-border-radius: .1875em; border-radius: .1875em; background:#ccc url("imagesarrow-u-black.png") no-repeat center center; background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } /* Some part from template.css (empty template.css) */ /* Jquery ui (color only) */ .ui-widget-content { border: 1px solid #e1e1e1; background: #ffffff; color: #444; } .ui-widget-content a { color: #444; } .ui-widget-header { border: 1px solid #e1e1e1; background: #f9f9f9; color: #444; font-weight: bold; } .ui-widget-header a { color: #444; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444; text-decoration: none; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #333; text-decoration: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #222; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #BCE8F1; color: #3A87AD; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #3A87AD; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #EED3D7; background: #F2DEDE; color: #B94A48; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #B94A48; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #B94A48; } .ui-icon { background-image: url(images/ui-icons_444_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_444_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_666_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_333_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_3A87AD_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_B94A48_256x240.png); } .progress-bar{border:1px solid #f1f1f1;border-width:1px 0} .progress-value{background:#f9f9f9;} .preprogress{background:#eee;color:#222;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .wrapper,#content{max-width:960px;} body{font-size:1em;background:#f9f9f9} #content{background:#fff;border:1px solid #eee;} h1,h2,h3,h4,h5,h6{font-family:Georgia, "Times New Roman", Helvetica, Arial, sans-serif;} a, a:visited {} a:hover, a:focus {} #head{border-bottom:2px solid #f1f1f1;background:#f9f9f9;} .pagesubtitle{background:#f1f1f1;border-bottom:2px solid #f9f9f9;line-height:1.8em;} /* Footer decoration */ #footer{border-top:2px solid #f1f1f1;background:#f9f9f9;color:#666;} #footer a, #footer a:visited{color:#666;} #footer a:hover, #footer a:focus{color:#555;} .question-wrapper { border:1px solid #f1f1f1; -webkit-border-radius: 4px;border-radius: 4px; } .question-wrapper.input-error{ border-color:#B94A48; -moz-box-shadow: 0 0 5px #B94A48; -webkit-box-shadow: 0 0 5px #B94A48; box-shadow: 0 0 5px #B94A48; } .question-text{ background:#ffffff; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; border-bottom:1px solid #f1f1f1; } .question-help{margin:0.3em 1em;border: 1px solid #f1f1f1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#f9f9f9} .equation .answers-wrapper,.boilerplate .answers-wrapper{ display:none; } .equation.nohelp .question-text{ -webkit-border-radius: 4px;border-radius: 4px; } .boilerplate.nohelp{ border:0 none #ffffff; } .boilerplate.nohelp .question-text{ background:#ffffff; font-family: Georgia,"Times New Roman",Helvetica,Arial,sans-serif; font-size: 1.3em; line-height: 1.5; } @media handled,screen and (max-width: 767px) { .question-wrapper{ -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; border-width:1px 0; } .question-wrapper .question-text{ -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; } } @media print { html,body {height:99%;page-break-after:none !important} body{background-color:#fff;background-image:none;font: 12pt "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;color: #000;} .wrapper,#content{max-width:100%;} #head{background:#fff;color:#000} #head h1 {color: #000;display:block;width:auto !important} .pagesubtitle{background:#ffffff} .errormandatory {display:none} .navigator{display:none} button,input[type="button"]{display:none} .question-wrapper{border: solid 1pt #e1e1e1;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;} a:link,a:visited { color: #520; text-decoration: underline; } a:after{ display: inline; content: " [" attr(href) "]"; } #content{padding:0 !important} .scrollToTop{display:none:width:0;height:0;} .head.affix:after {box-shadow: 0 0 0;display:none;} .affix {position: relative;} a[href^="#"]:after,a[href^="javascript:"]:after {content: "";} }