/* SurveyGizmo Form Styles */ .sg-input-text, .sg-input-menu, .sg-input-essay { background-color:#FFF; border:1px solid #999; padding:.2em .3em; border-radius:3px; } .sg-input-essay { max-width:100%; } .sg-question input[type="text"], .sg-question input[type="password"] { background-color:#FFF; border:1px solid #999; padding:.2em .3em; border-radius:3px; } .sg-add-another-button {margin: 0em 0em 1em 1em;} .sg-input-radio {vertical-align:middle;margin:0;} .sg-input-checkbox {vertical-align:middle;margin:0;} .sg-button {cursor: pointer;} .sg-button-bar {direction:rtl;} .sg-button-bar input {direction:ltr;}.sg-progress-bar { /* the background */ clear: both; background: url(/runtimethemes/default/runtime/qui/progress.png) 0px -29px repeat-x; width: 200px; height: 20px; position: relative; margin: 0px auto; border: 1px solid; zoom: 1; background-color: #969699; /* BG COLOR */ border-color: #E6E6E9; border-radius:5px; } .sg-progress-bar-inner { /* the left progress */ background: url(/runtimethemes/default/runtime/qui/progress.png) 0px 0px repeat-x; height: 20px; position: absolute; top:0px; left:0px; background-color: #E6E6E9; /* BG COLOR */ border-top-left-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:5px; } .sg-progress-bar-full .sg-progress-bar-inner { border-radius:5px; } .sg-progress-bar-text { width: 200px; margin-top: 3px; position: absolute; top:0px; left:0px; text-align: center; } /* !----- Utility Styles ----- */ .clear-left {clear:left;} .clear-right {clear:right;} .clear-both {clear:both;} .sg-hide {display:none;} /* !----- Base Control Styles ----- */ .sg-body {padding-bottom:30px !important;} .sg-question {margin:1em 0;border-bottom:2px solid #EEE;line-height:1;} .sg-question-options {padding:1em;overflow:hidden;} .sg-input-text-other {/* margin-top:-.6em; Andrew pulled this because it broke other boxes on 2nd line of answer */} .sg-type-table .sg-question-options {overflow: auto;} .sg-type-rank-table .sg-question-options {overflow:auto;} .sg-type-multitext .sg-question-options {overflow:auto;} .sg-type-multimenu .sg-question-options {overflow:auto;} .sg-question-number {} .sg-required-icon {margin-right:.3em;color:#CA1E34;} .sg-question-fieldset {display:block;margin:0;padding:0;border:0;} .sg-question-legend {display:block;margin:0;padding:0;border:0;white-space:normal;line-height:1.4;} .sg-question-title {display:block;white-space:normal;line-height:1.4;} .sg-question-title p {display:inline;margin:0;padding:0;border:0;white-space:normal;} .sg-question-description {display:block;overflow:hidden;white-space:normal;line-height:1.4;padding:0 1em;} .sg-question-description-above {padding:0;} .sg-instructions {margin:1em 0;line-height:1.4;overflow:hidden;} .sg-media-box {margin:1em 0;overflow-x:auto;overflow-y:hidden;} .sg-media-box img {line-height:0;} .sg-media-box .sg-caption {padding:.5em;line-height:1.4;} .sg-align-middle {text-align:center;} .sg-align-left {text-align:left;} .sg-align-right {text-align:right;} .sg-disabled {color:#999;} .sg-table th, .sg-table td {line-height:1.3;} .sg-footer-text {margin: 10px 0px 0px 0px;} /* !----- Base Layout Styles ----- */ /* SurveyGizmo Question Type: Checkbox */ .sg-type-checkbox ul.sg-list {list-style:none;margin:0;padding:0;} .sg-type-checkbox ul.sg-list li {position:relative;padding:.5em 0;} .sg-type-checkbox .sg-input-text-other {margin-left:0;} .sg-type-checkbox input.sg-input-checkbox {vertical-align:middle;margin:0 .5em 0 0;} .sg-type-checkbox ul.sg-list input.sg-input-checkbox {position:absolute;top:.7em;right:.1em;margin:0;} .sg-type-checkbox ul.sg-list-vertical-flipped input.sg-input-checkbox {left:.1em;right:auto;} .sg-type-checkbox ul.sg-list-horizontal-flipped input.sg-input-checkbox {left:.1em;right:auto;} .sg-type-checkbox ul.sg-list label {line-height:1.3;margin-right:1.75em;display:inline-block;} .sg-type-checkbox ul.sg-list-vertical-flipped label {margin-right:0;margin-left:1.75em;} .sg-type-checkbox ul.sg-list-horizontal-flipped label {margin-right:0;margin-left:1.75em;} .sg-type-checkbox ul.sg-list label.sg-other {margin:0 1.5em 0 0;} .sg-type-checkbox ul.sg-list-vertical-flipped label.sg-other {margin:0 0 0 1.5em;} /* !----- Checkbox: Vertical ------ */ .sg-type-checkbox ul.sg-list-vertical li {overflow:hidden;clear:left;} /* !----- Checkbox: Horizontal ------ */ .sg-type-checkbox ul.sg-list-horizontal li {float:left;margin-right:1.5em;} .sg-type-checkbox ul.sg-list-horizontal li.sg-last-li {margin-right:0;} .sg-type-checkbox ul.sg-list-horizontal-flipped li {margin-right:0;padding-right:1.5em;} .sg-type-checkbox ul.sg-list-horizontal-flipped li.sg-last-li {padding-right:0;} /* !----- Checkbox: Column ------ */ .sg-type-checkbox ul.sg-columns {float:left;} .sg-type-checkbox ul.sg-columns-1 {width:100%;} .sg-type-checkbox ul.sg-columns-2 {width:50%;} .sg-type-checkbox ul.sg-columns-3 {width:33%;} .sg-type-checkbox ul.sg-columns-4 {width:25%;} .sg-type-checkbox ul.sg-columns-5 {width:20%;} .sg-type-checkbox ul.sg-columns-6 {width:16%;} .sg-type-checkbox ul.sg-columns-7 {width:14%;} .sg-type-checkbox ul.sg-columns-8 {width:12%;} .sg-type-checkbox ul.sg-columns-9 {width:11%;} .sg-type-checkbox ul.sg-columns-10 {width:10%;} .sg-type-checkbox ul.sg-columns-11 {width:9%;} .sg-type-checkbox ul.sg-columns-12 {width:8%;} .sg-type-checkbox ul.sg-columns-13 {width:7%;} .sg-type-checkbox ul.sg-columns-14 {width:7%;} .sg-type-checkbox ul.sg-columns-15 {width:6%;} /* !----- Checkbox: Likert ------ */ .sg-type-checkbox .sg-rating-scale th, .sg-type-checkbox .sg-rating-scale td {text-align:center;} .sg-type-checkbox .sg-rating-scale th {padding:0 .5em;font-weight:normal;} .sg-type-checkbox .sg-rating-scale td {padding:.5em;} .sg-type-checkbox .sg-rating-scale .sg-first-cell {padding-left:0;} .sg-type-checkbox .sg-rating-scale .sg-last-cell {padding-right:0;} .sg-type-checkbox .sg-rating-scale input.sg-input-checkbox {vertical-align:middle;margin:0;} /* SurveyGizmo Question Type: Continuous Sum */ .sg-type-continuous-sum .sg-continuous-sum-rows div {clear:both;padding:.25em .5em .25em 0;vertical-align:middle;line-height:1.4;} .sg-type-continuous-sum .sg-continuous-sum-rows .sg-last-row {padding-bottom:.5em;} .sg-type-continuous-sum .sg-input-text {text-align:right;} .sg-type-continuous-sum .sg-input-text-other {text-align:left;} .sg-type-continuous-sum .sg-counter {padding:.5em .5em 0 1.5em;border-top:2px dotted #CCC;clear:both;position:relative;top:5px;} .sg-type-continuous-sum .sg-validation-error {background-position:0 0;margin-top:0;} .sg-type-continuous-sum .sg-continuous-sum-rows label {position:relative;top:5px;} /* [label] [input] */ .sg-type-continuous-sum .sg-continuous-sum-rows div, .sg-type-continuous-sum .sg-counter {text-align:right;} .sg-type-continuous-sum .sg-continuous-sum-rows .sg-input-text {float:right;margin:.25em 0 0 .5em;} /* [input] [label] */ .sg-type-continuous-sum .sg-continuous-sum-flipped div, .sg-type-continuous-sum .sg-continuous-sum-flipped {text-align:left;} .sg-type-continuous-sum .sg-continuous-sum-flipped .sg-input-text {float:left;margin:.25em .5em 0 0;} /* SurveyGizmo Question Type: Essay */ .sg-type-essay .sg-max-words {font-size:.8em;color:#999;} .sg-type-essay .sg-max-words span {font-weight:bold;padding-right:.2em;}/* SurveyGizmo Question Type: File Upload */ .sg-type-file .sg-question-title {} .sg-type-file .sg-question-options {} .sg-file-desc {overflow:hidden;border:1px solid #CCCCCC;background:#EFEFEF;padding:1em;margin:0 0 1em 0;border-radius:3px; } .sg-file-desc ul {list-style:none;margin:0;padding:0;} .sg-file-desc li {line-height:1.4;overflow:hidden;position:relative;} .sg-file-prefix, .sg-file-size {color:#999999;} .sg-file-delete {display:block;float:right;background:transparent url(/runtimethemes/default/runtime/qui/icon-error.png) no-repeat 50% 50%;width:21px;height:21px;text-indent:50px;} .sg-prototype-li {display:none;} .sg-file-field {position:relative;padding:.5em;} .sg-file-feedback {position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #000000;background:#111111 none no-repeat 10px 10px;color:#FFFFFF;opacity:.7;padding:1em 0 0 2.5em;border-radius:3px; } .sg-file-loader {background-image:url(/runtimethemes/default/runtime/qui/loading-arrows.gif);} .sg-file-alert {background-image:url(/runtimethemes/default/runtime/qui/icon-alert.png);} /* SurveyGizmo Question Type: Group */ .sg-type-group {overflow:auto;} .sg-type-group .sg-question {padding:1em;margin:0;border-bottom:0;} .sg-type-group .sg-question-options {margin:0;padding:0;} .sg-type-group .sg-group .sg-question {padding:0;} .sg-type-group .sg-group {overflow:auto;} .sg-type-group .sg-group-item {position:relative;float:left;overflow:visible;padding:0 1em 1em 1em;} .sg-type-group .sg-row-break {clear:both;float:none;height:1px;font-size:1px;overflow:hidden;} .sg-type-group .max-msg { font-size: 0.9em; font-style: italic; padding: 14px 0; } /* SurveyGizmo Question Type: Image Select */ .sg-imageselect-item {position:relative;float:left;max-width:100%;overflow-x:auto;overflow-y:hidden;text-align:center;} /* !----- Unselected State ------ */ .sg-type-imageselect {overflow:hidden;} .sg-type-imageselect .sg-row-break {clear:both;float:none;height:1em;font-size:1px;overflow:hidden;} .sg-type-imageselect .sg-last-row-break {height:1px;} .sg-type-imageselect .sg-image-box {background-color:#000;border:2px solid #CCC;position:relative;margin:7px;line-height:0;cursor:pointer;border-radius:3px; } .sg-type-imageselect .sg-image-box label {display:block;} .sg-type-imageselect .sg-last-image .sg-image-box {} .sg-type-imageselect .sg-single-image .sg-image-box {} .sg-type-imageselect .sg-image-box .sg-image-wrapper {display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;} .sg-type-imageselect .sg-caption {display:block;text-align:center;padding:.5em;line-height:1.4;background:#000;color:#EEE;font-size:.9em;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;} .sg-type-imageselect .sg-image-box:hover {border-color:#69C;} .sg-imageselect-icon {display:none;position:absolute;background:transparent url(/runtimethemes/default/runtime/qui/selected.png) no-repeat scroll 0 0;width:32px;height:32px;left:-10px;top:-10px;overflow:hidden;} .sg-image-element {visibility:hidden;position:absolute;left:0;top:0;} /* !----- Selected State ------ */ .sg-type-imageselect .sg-image-selected .sg-image-box {border-color:#9C6;} .sg-type-imageselect .sg-image-selected .sg-image-box:hover {border-color:#9C6;} .sg-type-imageselect .sg-image-selected .sg-imageselect-icon {display:block;} /* SurveyGizmo Question Type: Image Poll */ .sg-type-imagepoll ul.sg-list {list-style: none outside none;margin: 0;padding: 0;} .sg-type-imagepoll ul.sg-list li {padding: 0.5em 0;position: relative;clear: left;overflow: hidden;} .sg-type-imagepoll .sg-poll-element {display:inline-block;vertical-align:middle;} .sg-type-imagepoll .sg-image-wrapper {display:inline-block;vertical-align:middle;margin:0 1em;} .sg-type-imagepoll .sg-image-wrapper img {border:1px solid #000;}/* SurveyGizmo Question Type: Multimenu */ .sg-type-multimenu th {padding:.25em .5em;vertical-align:middle;text-align:right;font-weight:normal;} .sg-type-multimenu .sg-table-flipped th {text-align:left;} .sg-type-multimenu td {padding:.25em .5em;} .sg-type-multimenu .sg-table .sg-odd-row td, .sg-type-multimenu .sg-table .sg-even-row td, .sg-type-multimenu .sg-table .sg-odd-row th, .sg-type-multimenu .sg-table .sg-even-row th {background-color:transparent;} /* SurveyGizmo Question Type: Multitext */ .sg-type-multitext th {padding:.25em .5em;vertical-align:middle;text-align:right;font-weight:normal;} .sg-type-multitext .sg-table-flipped th {text-align:left;} .sg-type-multitext td {padding:.25em .5em;} .sg-type-multitext .sg-table .sg-odd-row td, .sg-type-multitext .sg-table .sg-even-row td, .sg-type-multitext .sg-table .sg-odd-row th, .sg-type-multitext .sg-table .sg-even-row th {background-color:transparent;} /* SurveyGizmo Question Type: Radio */ .sg-type-radio ul.sg-list {list-style:none;margin:0;padding:0;} .sg-type-radio ul.sg-list li {position:relative;padding:.5em 0;} .sg-type-radio .sg-input-text-other {margin-left:0;} .sg-type-radio input.sg-input-radio {vertical-align:middle;margin:0 .5em 0 0;} .sg-type-radio ul.sg-list input.sg-input-radio {position:absolute;top:.8em;right:.1em;margin:0;} .sg-type-radio ul.sg-list-vertical-flipped input.sg-input-radio {left:.1em;right:auto;} .sg-type-radio ul.sg-list-horizontal-flipped input.sg-input-radio {left:.1em;right:auto;} .sg-type-radio ul.sg-list label {line-height:1.3;margin-right:1.75em;display:inline-block;} .sg-type-radio ul.sg-list-vertical-flipped label {margin-right:0;margin-left:1.75em;} .sg-type-radio ul.sg-list-horizontal-flipped label {margin-right:0;margin-left:1.75em;} .sg-type-radio ul.sg-list label.sg-other {margin:0 1.5em -.2em 0; vertical-align: middle;} .sg-type-radio ul.sg-list-vertical-flipped label.sg-other {margin:0 0 -.2em 1.5em;} /* !----- Radio: Vertical ------ */ .sg-type-radio ul.sg-list-vertical li {overflow:hidden;clear:left;} /* !----- Radio: Horizontal ------ */ .sg-type-radio ul.sg-list-horizontal li {float:left;margin-right:1.5em;} .sg-type-radio ul.sg-list-horizontal li.sg-last-li {margin-right:0;} .sg-type-radio ul.sg-list-horizontal-flipped li {margin-right:0;padding-right:1.5em;} .sg-type-radio ul.sg-list-horizontal-flipped li.sg-last-li {padding-right:0;} /* !----- Radio: Column ------ */ .sg-type-radio ul.sg-columns {float:left;} .sg-type-radio ul.sg-columns-1 {width:100%;} .sg-type-radio ul.sg-columns-2 {width:50%;} .sg-type-radio ul.sg-columns-3 {width:33%;} .sg-type-radio ul.sg-columns-4 {width:25%;} .sg-type-radio ul.sg-columns-5 {width:20%;} .sg-type-radio ul.sg-columns-6 {width:16%;} .sg-type-radio ul.sg-columns-7 {width:14%;} .sg-type-radio ul.sg-columns-8 {width:12%;} .sg-type-radio ul.sg-columns-9 {width:11%;} .sg-type-radio ul.sg-columns-10 {width:10%;} .sg-type-radio ul.sg-columns-11 {width:9%;} .sg-type-radio ul.sg-columns-12 {width:8%;} .sg-type-radio ul.sg-columns-13 {width:7%;} .sg-type-radio ul.sg-columns-14 {width:7%;} .sg-type-radio ul.sg-columns-15 {width:6%;} /* !----- Radio: Likert ------ */ .sg-type-radio-likert .sg-question-options {overflow:auto;} .sg-type-radio .sg-rating-scale table {width:99%;} .sg-type-radio .sg-rating-scale th, .sg-type-radio .sg-rating-scale td {text-align:center;} .sg-type-radio .sg-rating-scale th {padding:0 .5em;font-weight:normal;} .sg-type-radio .sg-rating-scale thead th {vertical-align:bottom;} .sg-type-radio .sg-rating-scale tfoot th {vertical-align:top;} .sg-type-radio .sg-rating-scale td {padding:.5em;} .sg-type-radio .sg-rating-scale .sg-cell-label {font-weight:bold;vertical-align:middle;} .sg-type-radio .sg-rating-scale .sg-cell-left-label {text-align:right;} .sg-type-radio .sg-rating-scale .sg-cell-right-label {text-align:left;} .sg-type-radio .sg-rating-scale input.sg-input-radio {vertical-align:middle;margin:0;} .sg-type-radio .sg-rating-scale .sg-cell {line-height:1.4;} .sg-type-radio .sg-rating-scale-1 .sg-cell {width:100%;} .sg-type-radio .sg-rating-scale-2 .sg-cell {width:50%;} .sg-type-radio .sg-rating-scale-3 .sg-cell {width:33%;} .sg-type-radio .sg-rating-scale-4 .sg-cell {width:25%;} .sg-type-radio .sg-rating-scale-5 .sg-cell {width:20%;} .sg-type-radio .sg-rating-scale-6 .sg-cell {width:16%;} .sg-type-radio .sg-rating-scale-7 .sg-cell {width:14%;} .sg-type-radio .sg-rating-scale-8 .sg-cell {width:12%;} .sg-type-radio .sg-rating-scale-9 .sg-cell {width:11%;} .sg-type-radio .sg-rating-scale-10 .sg-cell {width:10%;} .sg-type-radio .sg-rating-scale-11 .sg-cell {width:9%;} .sg-type-radio .sg-rating-scale-12 .sg-cell {width:8%;} .sg-type-radio .sg-rating-scale-13 .sg-cell {width:7%;} .sg-type-radio .sg-rating-scale-14 .sg-cell {width:7%;} .sg-type-radio .sg-rating-scale-15 .sg-cell {width:6%;} /* SurveyGizmo Question Type: Rank */ /* !----- Ranking: Drag/Drop ------ */ .sg-rank-dragdrop {overflow:hidden;} .sg-rank-dragdrop .sg-rank-instructions {font-size:.8em;color:#999;} .sg-rank-dragdrop .sg-rank-box {width:50%;float:left;} .sg-rank-dragdrop .sg-rank-listbox {margin:1em .5em 0 .5em;padding:.5em;overflow:hidden;border-radius:6px; } .sg-rank-dragdrop .sg-rank-origin {border:2px solid #EEE;margin-left:0;} .sg-rank-dragdrop .sg-rank-target {border:2px dotted #CCC;margin-right:0;background:#EEE;} .sg-rank-dragdrop .sg-rank-target-empty {min-height:50px;min-width:50px;background:#EEE url(/runtimethemes/default/runtime/qui/drag-drop-helper.png) no-repeat scroll 50% 50%;} .sg-rank-dragdrop ul {list-style:none;margin:0;padding:0;} .sg-rank-dragdrop ul li {position:relative;padding:.2em 1.5em .2em 2em;margin-bottom:.5em;line-height:1.3;cursor:move;border:1px solid #DDD;overflow:hidden;border-radius:3px; } .sg-rank-dragdrop .sg-rank-origin ul li {background:transparent url(/runtimethemes/default/runtime/qui/drag-drop-arrow.png) no-repeat scroll 99% 50%;} .sg-rank-dragdrop .sg-rank-target ul li {background:#FFFFFF url(/runtimethemes/default/runtime/qui/drag-drop-arrow2.png) no-repeat scroll 99% 50%;} .sg-rank-dragdrop ul.ui-sortable li.sg-sortable-placeholder {border-color:#9C6;background:#FFD;opacity:.8;height:1.3em;} .sg-rank-dragdrop ul.ui-sortable li.ui-sortable-helper {border-color:#69C;background:#DEF;opacity:.8;color:#000;} .sg-rank-dragdrop .sg-rank-target li div {display:block;color:#9C6;width:2em;margin-left:-2em;float:left;text-align:right;} .sg-rank-dragdrop .sg-rank-origin li label {cursor:move;} .sg-rank-dragdrop .sg-rank-target li label {cursor:move;} /* !----- Ranking: Sort ------ */ .sg-rank-sort {overflow:hidden;} .sg-rank-sort .sg-rank-instructions {font-size:.8em;color:#999;} .sg-rank-sort .sg-rank-listbox {margin-top:1em;padding:.5em .5em 0 .5em;overflow:hidden;border-radius:6px; } .sg-rank-sort .sg-rank-sortbox {border:2px solid #EEE;} .sg-rank-sort ul {list-style:none;margin:0;padding:0;} .sg-rank-sort ul li {position:relative;padding:.2em 1em .2em 1.5em;margin-bottom:.5em;line-height:1.3;cursor:move;border:1px solid #DDD;overflow:hidden;border-radius:3px; } .sg-rank-sort .sg-rank-sortbox ul li {background:transparent url(/runtimethemes/default/runtime/qui/drag-drop-arrow2.png) no-repeat scroll 99% 50%;} .sg-rank-sort .sg-rank-sortbox li div {display:block;color:#9C6;width:2em;margin-left:-1.5em;float:left;text-align:right;} .sg-rank-sort .sg-rank-sortbox li label {cursor:move;} .sg-rank-sort ul.ui-sortable li.sg-sortable-placeholder {border-color:#9C6;background:#FFD;opacity:.8;height:1.2em;} .sg-rank-sort ul.ui-sortable li.ui-sortable-helper {border-color:#69C;background:#DEF;opacity:.8;color:#000;} /* !----- Ranking: Table ------ */ .sg-rank-table th {padding:0 .5em;font-weight:normal;} .sg-rank-table thead th {vertical-align:middle;text-align:center;border:1px solid #CCC;border-left:0;background-color:#DDD;} .sg-rank-table thead th.sg-first-cell {border-top:0;background-color:transparent;} .sg-rank-table tbody th {vertical-align:middle;text-align:right;border:1px solid #CCC;border-top:0;background-color:#EEE;} .sg-rank-table td {vertical-align:middle;text-align:center;padding:.5em;border-bottom:1px solid #EEE;border-right:1px solid #EEE;} .sg-rank-table input {margin:0;} /* !----- Ranking: Stars ------ */ .sg-star-box {padding:0;overflow:hidden;display:inline-block;} .sg-star-box label {display:block;background:transparent url(/runtimethemes/default/runtime/qui/rank-stars.png) no-repeat scroll 0 -20px;float:left;cursor:pointer;height:20px;width:20px;overflow:hidden;margin:0;} .sg-star-box label:hover, .sg-star-box label.sg-star-on {background-position:0 0;} .sg-star-box label.sg-star-blue {background-position:-20px 0;} .sg-star-box label.sg-star-0, .sg-star-box label.sg-star-0:hover {background-position:-20px -20px;} .sg-star-box label.sg-last-star {margin-right:0;} .sg-star-box input {left:-1000px;position:absolute;} .sg-star-box span {left:-1000px;position:absolute;} .sg-1stars {width:20px;} .sg-2stars {width:40px;} .sg-3stars {width:60px;} .sg-4stars {width:80px;} .sg-5stars {width:100px;} .sg-6stars {width:120px;} .sg-7stars {width:140px;} .sg-8stars {width:160px;} .sg-9stars {width:180px;} .sg-10stars {width:200px;} .sg-11stars {width:220px;} /* !----- Ranking: Thumbs ------ */ .sg-thumb-box {padding:0;overflow:hidden;display:inline-block;} .sg-thumb-box label {display:block;opacity:.65;background:transparent url(/runtimethemes/default/runtime/qui/rank-thumbs.png) no-repeat scroll 0 0;float:left;cursor:pointer;height:20px;width:20px;overflow:hidden;margin:0;} .sg-thumb-box label.sg-thumb-up {background-position:0 -40px;} .sg-thumb-box label.sg-thumb-up:hover {opacity:1;background-position:0 -20px;} .sg-thumb-box label.sg-thumb-up-on, .sg-thumb-box label.sg-thumb-up-on:hover {opacity:1;background-position:0 0;} .sg-thumb-box label.sg-thumb-down {background-position:0 -100px;} .sg-thumb-box label.sg-thumb-down:hover {opacity:1;background-position:0 -80px;} .sg-thumb-box label.sg-thumb-down-on, .sg-thumb-box label.sg-thumb-down-on:hover {opacity:1;background-position:0 -60px;} .sg-thumb-box label.sg-last-thumb {margin-right:0;margin-left:10px;} .sg-thumb-box input {left:-1000px;position:absolute;} .sg-thumb-box span {left:-1000px;position:absolute;} .sg-1thumbs {width:20px;} .sg-2thumbs {width:50px;} /* SurveyGizmo Question Type: ReCAPTCHA */ .recaptchatable .recaptcha_image_cell, #recaptcha_table {background-color:#ffffff !important; /* reCaptcha widget background color */} #recaptcha_table {border-color: #ffffff !important; /* reCaptcha widget border color */} #recaptcha_response_field {border-color: #333333 !important; background-color:#ffffff !important;/* Text input field */} /* SurveyGizmo Save & Continue Bar */ #sg-snc-bar { font-size:14px; width:100%; left:0; z-index:100; } #sg-snc-bar .sg-input-text { border-color:#EEE; border-width:2px; } #sg-snc-box { position:relative; padding:1em; top:0; color:#FFF; z-index: 100; zoom: 1; } #sg-snc-trigger { padding:.5em 1em; text-align:center; } #sg-snc-error { background:transparent url(/runtimethemes/default/runtime/qui/icon-error.png) no-repeat scroll 10px 4px; color:#FC6; padding-left:35px; } #sg-snc-bar p { margin:0 0 1em 0; line-height:1.4; } #sg-snc-bar a { text-decoration:none; cursor:pointer; outline:0; } #sg-snc-form { display:block; overflow:hidden; width:50%; margin:0 auto; } #sg-snc-thanks { overflow:hidden; width:50%; margin:0 auto; background:transparent url(/runtimethemes/default/runtime/qui/icon-ok.png) no-repeat scroll 0 0; padding-left:25px; } .sg-snc-fields th, .sg-snc-fields td { padding:.25em 0 .25em 1em; white-space:nowrap; color:#FFF; font-size:12px; } .sg-snc-fields th { text-align:right; font-weight:normal; color:#CCC; } .sg-snc-buttons input { background:#9C6; color:#360; font-size:15px; border:1px solid #FFF; padding:2px 7px; cursor:pointer; border-radius:3px; } .sg-snc-buttons button { background:transparent; color:#CCC; padding:3px 7px; border:0; cursor:pointer; } .sg-snc-buttons button:hover { color:#9CF; } .sg-snc-warning { color:#FC6; } /* !----- SNC Bar at top ---------- */ .sg-snc-at-top #sg-snc-trigger, .sg-snc-fixed-at-top #sg-snc-trigger {border-bottom:0px solid #000;} #sg-snc-bar.sg-snc-fixed-at-top {position:fixed;top:0;} /* !----- SNC Bar at bottom ---------- */ .sg-snc-at-bottom #sg-snc-trigger, .sg-snc-fixed-at-bottom #sg-snc-trigger {border-top:0px solid #000;} #sg-snc-bar.sg-snc-fixed-at-bottom {position:fixed;bottom:0;} /* SurveyGizmo Question Type: Table */ /* !----- Table: Defaults ------ */ .sg-type-table .sg-table {border:1px solid #CCC;line-height:1.3;} .sg-type-table th {padding:.3em .5em;font-weight:normal;} .sg-type-table .sg-header-row-repeat th {border-top:1px solid #CCC;} .sg-type-table thead th {vertical-align:bottom;text-align:center;border-left:1px solid #CCC;background-color:#DDD;} .sg-type-table thead .sg-table-althead th {border:1px solid #bbb;border-right: 0px none;background-color:#ccc; vertical-align: middle;} /* darker tr */ .sg-type-table thead th.sg-column-subheader {border-top:1px solid #CCC;} .sg-type-table tbody th {vertical-align:middle;text-align:left;border-top:1px solid #CCC;background-color:#EEE;} .sg-type-table td {vertical-align:middle;padding:.5em;border-top:1px solid #CCC;border-left:1px solid #DDD;} .sg-type-table .sg-first-cell {border-left:0;} .sg-type-table .sg-odd-row td {background-color:#FFF;} .sg-type-table .sg-even-row td {background-color:#F9F9F9;} /* !----- Table: Ghost ------ */ .sg-ghost-table {width:100%;border:0;margin:0;border-collapse:collapse;border-spacing:0;background:transparent;} .sg-ghost-table td.sg-ghost-cell {padding:0;border:0;vertical-align:top;} .sg-ghost-columns-1 td.sg-ghost-cell {width:100%;} .sg-ghost-columns-2 td.sg-ghost-cell {width:50%;} .sg-ghost-columns-3 td.sg-ghost-cell {width:33%;} .sg-ghost-columns-4 td.sg-ghost-cell {width:25%;} .sg-ghost-columns-5 td.sg-ghost-cell {width:20%;} .sg-ghost-columns-6 td.sg-ghost-cell {width:16%;} .sg-ghost-columns-7 td.sg-ghost-cell {width:14%;} .sg-ghost-columns-8 td.sg-ghost-cell {width:12%;} .sg-ghost-columns-9 td.sg-ghost-cell {width:11%;} .sg-ghost-columns-10 td.sg-ghost-cell {width:10%;} .sg-ghost-columns-11 td.sg-ghost-cell {width:9%;} .sg-ghost-columns-12 td.sg-ghost-cell {width:8%;} .sg-ghost-columns-13 td.sg-ghost-cell {width:7%;} .sg-ghost-columns-14 td.sg-ghost-cell {width:7%;} .sg-ghost-columns-15 td.sg-ghost-cell {width:6%;} /* !----- Table: Stars ------ */ .sg-type-table-stars thead th {background-color:#EEE;} .sg-type-table-stars td {border-top:1px solid #CCC;border-left:1px solid #EEE;} /* !----- Table: Menu (drop-downs) ------ */ .sg-type-table-menu .sg-table {border:0;} .sg-type-table-menu tbody th {padding:.25em .5em;vertical-align:middle;text-align:right;border:0;background:none;} .sg-type-table-menu .sg-table-flipped th {text-align:left;} .sg-type-table-menu tbody td {padding:.25em .5em;border:0;} .sg-type-table-menu .sg-table .sg-odd-row td, .sg-type-table-menu .sg-table .sg-even-row td, .sg-type-table-menu .sg-table .sg-odd-row th, .sg-type-table-menu .sg-table .sg-even-row th {background-color:transparent;} /* !----- Table: cells ------ */ .sg-type-table .sg-table tbody td {text-align:center;} /* !----- Table: Identify ------ */ .sg-type-identify tbody th {padding:.25em .5em;text-align:right;vertical-align:middle;border:0;background:none;} .sg-type-identify tbody td {padding:.25em .5em;border:0;} /* !----- Table: Matrix ------ */ .sg-type-table-matrix thead th {vertical-align:middle;} .sg-type-table-matrix tbody td {text-align:center;} .sg-type-table-matrix th.sg-column-header {border-left-width:3px;} .sg-type-table-matrix th.sg-column-subheader-1 {border-left-width:3px;} .sg-type-table-matrix td.sg-group-first-cell {border-left-width:3px;} /* SurveyGizmo Question Type: Textbox */ .sg-control-text-before { margin-right:.5em; } .sg-control-text-after { margin-left:.5em; } .sg-control-date { position:relative; } .date-trigger { width: 16px; height: 16px; vertical-align: middle; border-bottom: 1px solid transparent; display: inline-block; background: url(/runtimethemes/default/runtime/qui/icon-calendar.gif) no-repeat top left; text-indent: -10000px; cursor:pointer; }/* UI dialog */ .ui-widget-overlay { position: absolute; top:0px; left: 0px; background: #000; background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); /* IE6 & 7 */ zoom: 1; background-color: rgba(0,0,0,.25); } /* ----------------------------------------------------------------------------------------------- Dialog Stuffs ----------------------------------------------------------------------------------------------- */ .ui-dialog { background:#f0f0f3; border:1px solid #000; position:absolute; -moz-border-radius: 5px; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.5); border-radius: 5px; box-shadow: 0px 2px 5px rgba(0,0,0,.5); font-family: Arial; } .ui-dialog-titlebar { padding:10px; font-size:1.6em; background:#666; cursor:move; border-bottom:1px solid #000; overflow: auto; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; font-size: 16px; } .sg-ie6 .ui-dialog-titlebar { height: 1.3em; } .ui-dialog-content { border:0px solid #f0f0f3; border-top:0; padding: 10px; } .ui-dialog-title { float:left; color:#FFFFFF; } .ui-dialog-titlebar-close { float:right; color:#FFFF99; } .ui-dialog-titlebar-close:hover { color:#FFFFFF; } .scrolling-content li.ui-draggable { padding:7px 0; clear:left; cursor:move; border-bottom:1px solid #e6e6e9; } .scrolling-content li.ui-draggable-dragging { background:#FFFFCC; border:2px dotted #d6d6d9; padding:5px; margin:0 -5px; z-index:1001; opacity:.8; } /* !----- Auto Complete Styles ------ */ .ac_results {padding:1px;border:2px solid #969699;border-top:0;background-color:#F0F0F3;overflow:hidden;z-index:99999;margin:0 2px;color:#666669;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:0px 8px 10px rgba(0,0,0,0.35);} .ac_results ul {width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results li {overflow:hidden;margin:0px;padding:2px 5px;border-top:1px solid #C6C6C9;cursor:default;display:block;font-family:Arial,sans-serif;font-size:12px;line-height:16px;/* it is very important, if line-height is not set or set in relative units scroll will be broken in firefox*/} .ac_results li strong {color:#363639;font-style:normal;} .ac_odd {background-color:#E6E6E9;} .ac_over {background-color:#363639;color:#C6C6C9;border-radius:1px; } .ac_results li.ac_over strong {color:#F0F0F3;} /* SurveyGizmo Question Type: Textbox */ .sg-quizscore-result { padding-left:2em; background:transparent none no-repeat 0 0; } .sg-quizscore-result-passed { background-image:url(/runtimethemes/default/runtime/qui/icon-ok.png); } .sg-quizscore-result-failed { background-image:url(/runtimethemes/default/runtime/qui/icon-error.png); } .sg-quizscore-message { line-height:1.5em; } .sg-quizscore-answers { margin:1em 0 0 0; padding:0 1em; border:1px dotted; border-radius:4px; } .sg-quizscore-item { margin:1em 0; } .sg-quizscore-subitem { margin:1em 0 0 2em; } .sg-quizscore-answer { list-style:none; padding:.5em 0 .5em 1em; margin:0 0 0 1em; } .sg-quizscore-answer-wrong { color:#CA1E34; text-decoration:line-through; } .sg-quizscore-answer-correct { color:#669933; } /* !----- Alert/Validation Styles ----- */ .voted #sg_SubmitButton, .voted #results-link {display:none;} .sg-poll-result { margin-bottom: 20px; } .sg-result-bar {background-color: #ccc; height:12px; } .sg-result-indicator { margin-top:3px;padding:2px;border:solid 1px #cccccc;text-align:left;} /* SurveyGizmo Question Type: Sentiment (extends and overrides Radio, and stars, in some respects) */ .sg-type-sentiment {border:0;margin:0;} .sg-type-sentiment .sg-type-sentiment-category {border:0;margin:0;padding:.25em 0;overflow:hidden;} .sg-type-sentiment-category .sg-question-title {float:left;padding:0;font-weight:normal;width:30%;} .sg-type-sentiment-category .sg-question-options {float:left;padding:0;} /* !----- Alert/Validation Styles ----- */ .sg-question-alert {display:none;} .sg-visible-alert {display:block !important;} .sg-question-alert {color:red;font-weight:bold;background-color:#fffde7;border:1px solid #fffe94;padding:2px 10px;} .sg-question-alert ul {margin:0;padding:0;display:inline;} .sg-question-alert ul li {list-style:none;} /* !----- Validation Messages, Errors, etc ----- */ .sg-validation-error {margin:0;color:#CA1E34;background:transparent url(/runtimethemes/default/runtime/qui/icon-alert.png) no-repeat scroll 100% 50%;} .sg-validation-message {font-size:12px;} .sg-validation-message div {clear:left;padding:.5em 0 0 2em;} .sg-validation-pass .sg-validation-message {display:inline;margin:0 0 0 .5em;padding:.5em 1em;color:#693;background:transparent url(/runtimethemes/default/runtime/qui/icon-ok.png) no-repeat scroll 0 50%;} .sg-validation-fail .sg-validation-message {margin:.5em 0 0 0;color:#CA1E34;background:transparent url(/runtimethemes/default/runtime/qui/icon-alert.png) no-repeat scroll 0 0;} .sg-validation-fail input.sg-input-text {background-color:#FFD;border-color:#F93;} /* !----- Error Messages: Page ----- */ .sg-error-message { display:none; font-size:12px; background:#FFFFDD url(/runtimethemes/default/runtime/qui/icon-alert.png) no-repeat scroll .8em .8em; border:2px solid #FFCC66; padding:1.3em 1em 1.3em 3em; margin: 1em 0; color:#CA1E34; line-height:1; border-radius:6px; } .sg-error-display {display:block;} .sg-error-message a {color:#36C;cursor:pointer;display:inline-block;margin-top:.5em;} /* !----- Error Messages: Question ----- */ .sg-question-errorlist { background:#FFFFDD url(/runtimethemes/default/runtime/qui/icon-alert.png) no-repeat scroll .8em .8em; border:2px solid #FFCC66; border-bottom:0; padding:1.3em 1em 1em 3em; font-size:12px; color:#CA1E34; line-height:1; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; } .sg-question-errorlist ul {list-style:none;padding:0;margin:0;} .sg-question-errorlist li {padding:0 0 .3em 0;} .sg-question-errorlist a {color:#36C;cursor:pointer;} .sg-question-has-errors { border:2px solid #FFCC66; margin-bottom:1em; padding:1em; border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; } /* !----- Warning Messages: Question ----- */ .sg-question-warninglist { background:#dedede; border:2px solid #ccc; border-bottom:0; padding:1.3em 1em 1em 3em; font-size:12px; color:#333; line-height:1; border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; } .sg-question-warninglist ul {list-style:none;padding:0;margin:0;} .sg-question-warninglist li {padding:0 0 .3em 0;} .sg-question-warninglist a {color:#36C;cursor:pointer;} .sg-question-has-warnings { border:2px solid #ccc; margin-bottom:1em; padding:1em; border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; } /* !----- NEEDED TO MAKE NEW CLASSES BACKWARD COMPATIBLE ----- */ .sg-field-set {border:none;padding:0; margin:0;} .sg-vertical-layout .sg-multi-choice {display:block;margin: 3px;} .sg-radio-options table tr th {font-weight:normal;} .sg-group-title {margin-left: 5px; } .sg-field-set legend {margin:0;padding:0; } .sg-field-set legend .sg-question-title {width:100%;} .sg-disabled input {background-color:#eee;border:1px solid #efefef;} .sg-table-cell {text-align:center;} .sg-break-point {clear:both;} /* !----- Accessibility Helper ----- */ .sg-access-helper {display:block;position:absolute !important;margin-left:-999em;width:100em;} .sg-powered-by {clear:both;margin:20px auto;font-family:Arial,sans-serif;font-weight:normal;font-size:10px;line-height:6px;color:#000000;text-align:center;} .sg-powered-by div {padding:3px;} .sg-powered-by img {border:0;} .sg-powered-by a {color:#000000;text-decoration:underline;white-space:nowrap;} .sg-student-powered-by {clear:both;margin:20px auto;font-family:Arial,sans-serif;font-weight:bold;font-size:10px;width:320px;height:120px;text-align:center;background:transparent url(/public/images/student-powered-by-surveygizmo.png) no-repeat scroll 0 0;} .sg-student-powered-by a {white-space:nowrap;display:block;text-decoration:none;} .sg-student-powered-by .sg-spb-1 a {color:#333333;font-size:16px;padding:7px 0 52px 0;} .sg-student-powered-by .sg-spb-2 a {color:#ffffff;font-size:12px;padding: 0 0 15px 0;} .sg-student-powered-by .sg-spb-3 a {text-decoration:underline;color:#6699CC;font-size:11px;} .sg-student-powered-by span {display:none;}/* !----- SG-Framework for questions ----- */ .sg-question-set .sg-width-1 {width:1%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-1 .sg-question-title, .sg-question-set .sg-width-1 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-2 {width:2%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-2 .sg-question-title, .sg-question-set .sg-width-2 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-3 {width:3%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-3 .sg-question-title, .sg-question-set .sg-width-3 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-4 {width:4%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-4 .sg-question-title, .sg-question-set .sg-width-4 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-5 {width:5%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-5 .sg-question-title, .sg-question-set .sg-width-5 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-6 {width:6%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-6 .sg-question-title, .sg-question-set .sg-width-6 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-7 {width:7%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-7 .sg-question-title, .sg-question-set .sg-width-7 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-8 {width:8%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-8 .sg-question-title, .sg-question-set .sg-width-8 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-9 {width:9%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-9 .sg-question-title, .sg-question-set .sg-width-9 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-10 {width:10%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-10 .sg-question-title, .sg-question-set .sg-width-10 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-11 {width:11%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-11 .sg-question-title, .sg-question-set .sg-width-11 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-12 {width:12%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-12 .sg-question-title, .sg-question-set .sg-width-12 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-13 {width:13%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-13 .sg-question-title, .sg-question-set .sg-width-13 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-14 {width:14%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-14 .sg-question-title, .sg-question-set .sg-width-14 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-15 {width:15%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-15 .sg-question-title, .sg-question-set .sg-width-15 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-16 {width:16%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-16 .sg-question-title, .sg-question-set .sg-width-16 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-17 {width:17%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-17 .sg-question-title, .sg-question-set .sg-width-17 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-18 {width:18%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-18 .sg-question-title, .sg-question-set .sg-width-18 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-19 {width:19%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-19 .sg-question-title, .sg-question-set .sg-width-19 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-20 {width:20%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-20 .sg-question-title, .sg-question-set .sg-width-20 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-21 {width:21%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-21 .sg-question-title, .sg-question-set .sg-width-21 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-22 {width:22%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-22 .sg-question-title, .sg-question-set .sg-width-22 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-23 {width:23%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-23 .sg-question-title, .sg-question-set .sg-width-23 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-24 {width:24%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-24 .sg-question-title, .sg-question-set .sg-width-24 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-25 {width:25%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-25 .sg-question-title, .sg-question-set .sg-width-25 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-26 {width:26%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-26 .sg-question-title, .sg-question-set .sg-width-26 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-27 {width:27%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-27 .sg-question-title, .sg-question-set .sg-width-27 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-28 {width:28%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-28 .sg-question-title, .sg-question-set .sg-width-28 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-29 {width:29%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-29 .sg-question-title, .sg-question-set .sg-width-29 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-30 {width:30%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-30 .sg-question-title, .sg-question-set .sg-width-30 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-31 {width:31%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-31 .sg-question-title, .sg-question-set .sg-width-31 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-32 {width:32%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-32 .sg-question-title, .sg-question-set .sg-width-32 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-33 {width:33%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-33 .sg-question-title, .sg-question-set .sg-width-33 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-34 {width:34%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-34 .sg-question-title, .sg-question-set .sg-width-34 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-35 {width:35%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-35 .sg-question-title, .sg-question-set .sg-width-35 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-36 {width:36%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-36 .sg-question-title, .sg-question-set .sg-width-36 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-37 {width:37%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-37 .sg-question-title, .sg-question-set .sg-width-37 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-38 {width:38%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-38 .sg-question-title, .sg-question-set .sg-width-38 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-39 {width:39%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-39 .sg-question-title, .sg-question-set .sg-width-39 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-40 {width:40%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-40 .sg-question-title, .sg-question-set .sg-width-40 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-41 {width:41%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-41 .sg-question-title, .sg-question-set .sg-width-41 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-42 {width:42%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-42 .sg-question-title, .sg-question-set .sg-width-42 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-43 {width:43%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-43 .sg-question-title, .sg-question-set .sg-width-43 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-44 {width:44%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-44 .sg-question-title, .sg-question-set .sg-width-44 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-45 {width:45%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-45 .sg-question-title, .sg-question-set .sg-width-45 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-46 {width:46%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-46 .sg-question-title, .sg-question-set .sg-width-46 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-47 {width:47%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-47 .sg-question-title, .sg-question-set .sg-width-47 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-48 {width:48%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-48 .sg-question-title, .sg-question-set .sg-width-48 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-49 {width:49%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-49 .sg-question-title, .sg-question-set .sg-width-49 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-50 {width:50%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-50 .sg-question-title, .sg-question-set .sg-width-50 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-51 {width:51%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-51 .sg-question-title, .sg-question-set .sg-width-51 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-52 {width:52%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-52 .sg-question-title, .sg-question-set .sg-width-52 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-53 {width:53%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-53 .sg-question-title, .sg-question-set .sg-width-53 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-54 {width:54%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-54 .sg-question-title, .sg-question-set .sg-width-54 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-55 {width:55%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-55 .sg-question-title, .sg-question-set .sg-width-55 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-56 {width:56%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-56 .sg-question-title, .sg-question-set .sg-width-56 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-57 {width:57%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-57 .sg-question-title, .sg-question-set .sg-width-57 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-58 {width:58%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-58 .sg-question-title, .sg-question-set .sg-width-58 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-59 {width:59%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-59 .sg-question-title, .sg-question-set .sg-width-59 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-60 {width:60%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-60 .sg-question-title, .sg-question-set .sg-width-60 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-61 {width:61%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-61 .sg-question-title, .sg-question-set .sg-width-61 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-62 {width:62%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-62 .sg-question-title, .sg-question-set .sg-width-62 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-63 {width:63%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-63 .sg-question-title, .sg-question-set .sg-width-63 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-64 {width:64%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-64 .sg-question-title, .sg-question-set .sg-width-64 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-65 {width:65%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-65 .sg-question-title, .sg-question-set .sg-width-65 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-66 {width:66%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-66 .sg-question-title, .sg-question-set .sg-width-66 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-67 {width:67%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-67 .sg-question-title, .sg-question-set .sg-width-67 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-68 {width:68%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-68 .sg-question-title, .sg-question-set .sg-width-68 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-69 {width:69%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-69 .sg-question-title, .sg-question-set .sg-width-69 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-70 {width:70%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-70 .sg-question-title, .sg-question-set .sg-width-70 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-71 {width:71%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-71 .sg-question-title, .sg-question-set .sg-width-71 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-72 {width:72%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-72 .sg-question-title, .sg-question-set .sg-width-72 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-73 {width:73%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-73 .sg-question-title, .sg-question-set .sg-width-73 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-74 {width:74%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-74 .sg-question-title, .sg-question-set .sg-width-74 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-75 {width:75%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-75 .sg-question-title, .sg-question-set .sg-width-75 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-76 {width:76%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-76 .sg-question-title, .sg-question-set .sg-width-76 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-77 {width:77%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-77 .sg-question-title, .sg-question-set .sg-width-77 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-78 {width:78%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-78 .sg-question-title, .sg-question-set .sg-width-78 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-79 {width:79%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-79 .sg-question-title, .sg-question-set .sg-width-79 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-80 {width:80%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-80 .sg-question-title, .sg-question-set .sg-width-80 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-81 {width:81%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-81 .sg-question-title, .sg-question-set .sg-width-81 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-82 {width:82%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-82 .sg-question-title, .sg-question-set .sg-width-82 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-83 {width:83%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-83 .sg-question-title, .sg-question-set .sg-width-83 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-84 {width:84%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-84 .sg-question-title, .sg-question-set .sg-width-84 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-85 {width:85%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-85 .sg-question-title, .sg-question-set .sg-width-85 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-86 {width:86%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-86 .sg-question-title, .sg-question-set .sg-width-86 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-87 {width:87%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-87 .sg-question-title, .sg-question-set .sg-width-87 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-88 {width:88%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-88 .sg-question-title, .sg-question-set .sg-width-88 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-89 {width:89%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-89 .sg-question-title, .sg-question-set .sg-width-89 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-90 {width:90%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-90 .sg-question-title, .sg-question-set .sg-width-90 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-91 {width:91%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-91 .sg-question-title, .sg-question-set .sg-width-91 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-92 {width:92%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-92 .sg-question-title, .sg-question-set .sg-width-92 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-93 {width:93%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-93 .sg-question-title, .sg-question-set .sg-width-93 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-94 {width:94%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-94 .sg-question-title, .sg-question-set .sg-width-94 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-95 {width:95%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-95 .sg-question-title, .sg-question-set .sg-width-95 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-96 {width:96%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-96 .sg-question-title, .sg-question-set .sg-width-96 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-97 {width:97%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-97 .sg-question-title, .sg-question-set .sg-width-97 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-98 {width:98%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-98 .sg-question-title, .sg-question-set .sg-width-98 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-99 {width:99%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-99 .sg-question-title, .sg-question-set .sg-width-99 .sg-question-options {padding-right: 15px;} .sg-question-set .sg-width-100 {width:100%; float: left; clear: none; border: 0px none;} .sg-question-set .sg-width-100 .sg-question-title, .sg-question-set .sg-width-100 .sg-question-options {padding-right: 15px;} .sg-question-set {overflow: hidden; zoom: 1;} .sg-question-set .sg-new-line {clear:left;} .sg-center {text-align:center;} .sg-center img {margin-left:auto;margin-right:auto;} /* !----- Language List ----- */ .sg-question-set .sg-language-list {margin-top:0;border:0;} .sg-language-list .sg-instructions {margin:0;} .sg-language-list ul {float:right;margin:0;background:#EEE;padding:.5em 0;list-style:none;border-radius:4px; } .sg-language-list li {float:left;margin:0;padding:0 .75em;border-right:1px solid #999;overflow:hidden;zoom:1;white-space:normal;} .sg-language-list li:last-child {border-right:0;} .sg-language-list a {text-decoration:none;} .sg-language-list a:hover {text-decoration:underline;} /* !----- Right-to-Left Language Layout ----- */ .sg-rtl, .sg-rtl .sg-wrapper h1, .sg-rtl h1, .sg-rtl .sg-wrapper h2, .sg-rtl h2, .sg-rtl .sg-wrapper h3, .sg-rtl h3, .sg-rtl .sg-wrapper h4, .sg-rtl h4, .sg-rtl .sg-wrapper h5, .sg-rtl h5, .sg-rtl .sg-wrapper h6, .sg-rtl h6 {direction:rtl;text-align:right;} .sg-rtl .sg-button-bar {direction:ltr;} /* Radio Buttons and Checkboxes */ .sg-rtl .sg-type-radio ul.sg-list-vertical-flipped input.sg-input-radio, .sg-rtl .sg-type-checkbox ul.sg-list-vertical-flipped input.sg-input-checkbox {left:auto;right:.1em;} .sg-rtl .sg-type-radio ul.sg-list-vertical-flipped label, .sg-rtl .sg-type-checkbox ul.sg-list-vertical-flipped label {margin-right:1.75em;margin-left:0;} .sg-rtl .sg-type-radio ul.sg-list-horizontal-flipped input.sg-input-radio, .sg-rtl .sg-type-checkbox ul.sg-list-horizontal-flipped input.sg-input-checkbox {left:auto;right:.1em;} .sg-rtl .sg-type-radio ul.sg-list-horizontal-flipped label, .sg-rtl .sg-type-checkbox ul.sg-list-horizontal-flipped label {margin-left:1.75em;margin-right:0;} .sg-rtl .sg-type-radio ul.sg-list-horizontal li, .sg-rtl .sg-type-checkbox ul.sg-list-horizontal li {float:right;} .sg-rtl .sg-type-radio ul.sg-list-horizontal li.sg-last-li, .sg-rtl .sg-type-checkbox ul.sg-list-horizontal li.sg-last-li {padding-right:1.5em;} .sg-rtl .sg-type-radio ul.sg-columns, .sg-rtl .sg-type-checkbox ul.sg-columns {float:right;} /* Drag-n-Drop Ranking*/ .sg-rtl .sg-rank-dragdrop .sg-rank-box {float:right;} .sg-rtl .sg-rank-dragdrop .sg-rank-origin {margin-left:.5em;margin-right:0;} .sg-rtl .sg-access-helper {margin-left:auto;margin-right:-999em;} .sg-rtl .sg-rank-dragdrop ul li {padding:.2em 2em .2em 1.5em;} .sg-rtl .sg-rank-dragdrop .sg-rank-origin ul li {background:transparent url(/runtimethemes/default/runtime/qui/drag-drop-arrow-rtl.png) no-repeat scroll 1% 50%;} .sg-rtl .sg-rank-dragdrop .sg-rank-target ul li {background-position:1% 50%;} .sg-rtl .sg-rank-dragdrop .sg-rank-target li div {float:right;margin-left:0;margin-right:-1.5em;} /* Tables */ .sg-rtl .sg-type-table thead th {border-left:0;border-right:1px solid #CCCCCC;} .sg-rtl .sg-type-table td {border-left:0;border-right:1px solid #DDDDDD;} .sg-rtl .sg-type-table tbody th {text-align:right;} .sg-rtl .sg-type-table .sg-first-cell {border-right:0;} /* Continuous Sum */ .sg-rtl .sg-type-continuous-sum .sg-continuous-sum-flipped div, .sg-rtl .sg-type-continuous-sum .sg-continuous-sum-flipped {text-align:right;} .sg-rtl .sg-type-continuous-sum .sg-continuous-sum-flipped .sg-input-text {float:right;margin:.2em 0 0 .5em;} .sg-rtl .sg-type-continuous-sum .sg-counter {padding:.5em 2em 0 .5em;} /* Image Choice */ .sg-rtl .sg-imageselect-item {float:right;} .sg-rtl .sg-imageselect-icon {left:auto;right:-10px;} /* Groups */ .sg-rtl .sg-type-group .sg-group-item {float:right;}