/* Base Theme Style Sheet 2.0 */ :root { --common-font: Arial, Verdana, Helvetica, sans-serif; --common-font-input: Arial, Verdana, Helvetica, sans-serif; --common-textstd-color: #2e2e2e; --common-textalt-color: #333333; --common-textlink-color: #aaaaaa; --common-texthover-color: #000000; --common-textdark-color: #000000; --common-textlight-color: #ffffff; --common-bg-color: #cfcfcf; --common-hover-color: #b1cfe6; --common-selected-color: #2f95ca; --common-enabled-color: #ededed; --common-green-color: #008000; --common-red-color: #ff0000; --common-orange-color: #ffa500; --common-validation-color: #ff0000; --common-npsleft-color: #ff0000; --common-npsright-color: #008000; --common-dayred-color: #ff0000; --common-daygreen-color: #008000; --common-navigation-background: #69c8Fa; --common-navigation-text: #ffffff; --common-navigation-hover: #ffff00; --common-navigation-active: #ffff00; --common-grid-normal: #eaeaea; --common-grid-alt: #fafafa; --common-body-background: #ebeae5; --common-font-size-body: 13px; --common-font-size-buttons: 14px; --common-font-size-grid: 13px; --common-font-size-grid-title: 13px; --common-font-size-label: 17px; --common-font-size-status: 10pt; --common-font-size-links: 12px; } /* Physical Questionnaire */ .wsc_body { margin: 0px; padding: 0px; background-color: #ebeae5; background-color: var(--common-body-background); height: auto; display: block; font-family: Arial, Verdana, Helvetica, sans-serif; font-family: var(--common-font); font-size: 13px; font-size: var(--common-font-size-body); } .wsc_mainbody { text-align: center; color: #2e2e2e; color: var(--common-textstd-color); } input { font-family: Arial, Verdana, Helvetica, sans-serif; font-family: var(--common-font-input); } /* Stop resizing multiline textboxes in chrome */ textarea { resize: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-family: var(--common-font-input); } .wsc_h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-family: var(--common-font-input); font-size: 2.0em; color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; padding-top: 0px; line-height: normal; font-weight: bold; margin: 0; } .wsc_h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-family: var(--common-font-input); font-size: 1.5em; color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; padding-top: 0px; line-height: normal; font-weight: bold; margin: 0; } .wsc_center { text-align: center; margin: 0px; -webkit-margin-before: auto; -webkit-margin-after: auto; } .wsc_nobold { font-weight: normal; } .wsc_small { font-size:small; } .wsc_large { font-size:large; } .wsc_webhelptext { font-size:x-small; font-style:italic; } .wsc_labeltext_bottom { padding: 5px 0px 0px 0px !important; } .wsc_demographic-timezone-fields.container { overflow: hidden; clear: left; } .wsc_demographic-timezone-fields label { display: inline; vertical-align: top; padding: 4px 4px 10px 4px; font-size: 9px; font-size: var(--common-font-demo); color: #777; float: left; } .wsc_demographic-timezone-fields select { font-size: 12px; font-size: var(--common-font-demo); display: block; } .cloud_placeholder { height: 15px; min-width: 20px; border: dashed 1px #333; } .choicecloud_left .cloud_placeholder { display: none; } fieldset { border: none; } /* Fix for IE not wrapping within legend tags */ legend { white-space: normal; width: 100%; *margin-left: -7px; } legend span { *display: block; /*only required for IE7 and below so have used the * hack*/ width: 100%; } /*----- Tabs -----*/ .wtabs { width: 100%; display: inline-block; } .wtab-links { -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; margin: 0px; padding: 0px; } /*----- Tab Links -----*/ /* Clearfix */ .wtab-links:after { display: block; clear: both; content: ''; } .wtab-links li { margin: 0px 2px; float: left; list-style: none; height: 33px; } .wtab-links li:first-child { margin-left: 10px; } .wtab-links a { padding: 9px 15px; display: inline-block; border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; background: #f1f1f1; font-size: 12px; font-size: var(--common-font-size-links); font-weight: 700; color: #000; transition: all linear 0.15s; max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .wtab-links a:hover { background: #3c8fc7; text-decoration: none; } li.wtabactive a { background: #52b9e9; color: #fff; text-decoration: none; } li.wtabactive a:hover { background: #3c8fc7; color: #fff; text-decoration: none; } /*----- Content of Tabs -----*/ .wtab-content { padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; /*box-shadow: -1px 1px 1px rgba(0,0,0,0.15);*/ background: #fcfcfc; border: 1px solid #f1f1f1; min-height: 300px; } .wsubtab-content { padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; /*box-shadow: -1px 1px 1px rgba(0,0,0,0.15);*/ background: #ffffff; border: 1px solid #f1f1f1; } .wtab { display: none; } .wtabactive { display: block; } .wtabactive_single { display: block; margin-left: 10px; margin-right: 10px; } .squarebutton .links { padding: 0; margin: 0; list-style: none; float: right; font-size: 14px; font-size: var(--common-font-size-buttons); line-height: 16px; font-weight: bold; } .squarebutton .vertical { margin-bottom: 3px; } .squarebutton .links li { float: left; padding: 0 0 0 15px; } .squarebutton .links a { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; padding: 8px 18px 8px 18px; } .squarebutton .links .yellow:hover, .squarebutton .links .yellow-short:hover, .squarebutton .links .yellow-arrow:hover, .squarebutton .links .yellow-arrow-left:hover, .squarebutton .links .yellow-arrow-short:hover { color: #000; } .squarebutton .links .black:hover, .squarebutton .links .black-short:hover, .squarebutton .links .black-arrow:hover, .squarebutton .links .black-arrow-short:hover, .squarebutton .links .black-arrow-short-left:hover { color: gold; } .squarebutton .links div.black:hover, .squarebutton .links div.black-short:hover, .squarebutton .links div.black-arrow:hover, .squarebutton .links div.black-arrow-short:hover { color: gold; } .squarebutton .links .red:hover, .squarebutton .links .red-short:hover, .squarebutton .links .red-arrow:hover, .squarebutton .links .red-arrow-short:hover { color: gold; } .squarebutton .links .grey:hover, .squarebutton .links .grey-short:hover, .squarebutton .links .grey-arrow:hover, .squarebutton .links .grey-arrow-short:hover, .squarebutton .links .grey-arrow-short-disabled:hover { color: #777; } .squarebutton .links .darkgrey-arrow-short-down:hover, .squarebutton .links .darkgrey-arrow-short-left:hover { color: gold; } .squarebutton .links .grey-arrow-short-left:hover { color: #777; } .squarebutton .links span { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; padding: 8px 18px 8px 18px; } .squarebutton .links div { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; padding: 8px 18px 8px 18px; cursor: pointer; } .squarebutton .links a { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; padding: 8px 18px 8px 18px; cursor: pointer; } .squarebutton .links .center { text-align: center; } .squarebutton .links .yellow { background: #fe9900; } .squarebutton .links .red { background: #e83d3d; } .squarebutton .links .grey { background: #000; color: #777; } .squarebutton .links .black { background: #000; } .squarebutton .links .black-arrow { background: #000 url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 12px; padding-right: 29px; } .squarebutton .links .yellow-arrow { background: #fe9900 url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 12px; padding-right: 29px; } .squarebutton .links .yellow-arrow-left { background: #fe9900 url(/themes2/content/basicwhite/ico-arrow-01-left.png) no-repeat 0% 12px; padding-left: 29px; } .squarebutton .links .red-arrow { padding-right: 29px; background: #e83d3d url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 12px; } .squarebutton .links .yellow-short { line-height: 14px; background: #fe9900; } .squarebutton .links .black-short { line-height: 14px; background: #000; } .squarebutton .links .grey-short { line-height: 14px; background: #000; color: #777; } .squarebutton .links .red-short { line-height: 14px; background: #e83d3d; } .squarebutton .links .yellow-arrow-short { line-height: 14px; background: #fe9900 url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 10px; padding-right: 29px; } .squarebutton .links .yellow-arrow-short-left { line-height: 14px; background: url(/themes2/content/basicwhite/ico-arrow-01-left.png) no-repeat 0% 10px; background-color: #fe9900; padding-left: 29px; } .squarebutton .links .black-arrow-short { line-height: 14px; background: url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 10px; background-color: #000; padding-right: 29px; } .squarebutton .links .grey-arrow-short { line-height: 14px; background: url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 10px; background-color: #000; padding-right: 29px; } .squarebutton .links .grey-arrow-short-disabled { line-height: 14px; background: url(/themes2/content/basicwhite/ico-arrow-01-grey.png) no-repeat 100% 10px; background-color: #000; padding-right: 29px; color: #777; } .squarebutton .links .black-arrow-short-left { line-height: 14px; background: url(/themes2/content/basicwhite/ico-arrow-01-left.png) no-repeat 0% 10px; background-color: #000; padding-left: 29px; } .squarebutton .links .red-arrow-short { line-height: 14px; padding-right: 29px; background: #e83d3d url(/themes2/content/basicwhite/ico-arrow-01.png) no-repeat 100% 10px; } .squarebutton .links .darkgrey-arrow-short-left { line-height: 12px; background: url(/themes2/content/basicwhite/ico-arrow-01-left.png) no-repeat 0% 10px; background-color: #666666; color: #fff; padding-left: 29px; } .squarebutton .links .darkgrey-arrow-short-down { line-height: 12px; font-size: 12px; font-weight: normal; background: url(/themes2/content/basicwhite/ico-arrow-02-down.png) no-repeat 0% 10px; background-color: #666666; color: #fff; padding-left: 29px; } .squarebutton .links .grey-arrow-short-left { line-height: 14px; font-size: 12px; font-weight: normal; background: url(/themes2/content/basicwhite/ico-arrow-01-left.png) no-repeat 0% 10px; background-color: #666666; color: #777; padding-left: 29px; } .row_box_small .flag_top .flag_container { color: #000; } .row_box .flag_top { color: #000; } .wsc_statusmessage_error { background-color: #E41300; color: #fff; font-size: 10pt; font-size: var(--common-font-size-status); } .wsc_statusmessage_success { background-color: #198920; color: #fff; font-size: 10pt; font-size: var(--common-font-size-status); } .wsc_line-break-dashed { width: 100%; margin-top: 15px; height: 10px; border-top: #ccc; border-top-style: dashed; border-width: 1px; } .wsc_overlay { display: none; /* ensures it’s invisible until it’s called */ position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */ left: 50%; /* positions the div half way horizontally */ top: 50%; /* top: 50%; positions the div half way vertically */ margin-top: -10px; /* margin-top:-75px; extra 25px for padding */ margin-left: -125px; /* extra 25px for padding */ padding: 25px; width: 220px; min-height: 20px; max-height: 20px; z-index: 100; /* makes the div the top layer, so it’ll lay on top of the other content */ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #fcfcfc; border: 1px solid #f1f1f1; font-size: 10pt; font-size: var(--common-font-size-status); color: #222; text-align: center; } .wsc_fade { display: none; /* ensures it’s invisible until it’s called */ position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */ left: 0%; /* makes the div span all the way across the viewing area */ top: 0%; /* makes the div span all the way across the viewing area */ background-color: black; -moz-opacity: 0.0; /* makes the div transparent, so you have a cool overlay effect */ opacity: .0; filter: alpha(opacity=0); width: 100%; height: 100%; z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */ } .wsc_headercontainer { background-color: #ffffff; } .wsc_preheader { text-align: left; color: #2e2e2e; color: var(--common-textstd-color); font-size: 13px; font-size: var(--common-font-size-body); } .wsc_header { text-align: center; color: #2e2e2e; color: var(--common-textstd-color); font-size: 13px; font-size: var(--common-font-size-body); height: 120px; } .wsc_prebody { text-align: left; background-color: #d2d1cf; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c8c7c3; } .wsc_background { } .wsc_mainbodyzone { text-align: left; } .wsc_surveyzone { } .wsc_surveyloading { margin-top: 10px; border: solid 1px #000000; background-color: #ffffee; } a.wsc_lang-link:link { font-size: 12px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_lang-link:visited { font-size: 12px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_lang-link:visited:hover { font-size: 12px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: underline; } a.wsc_lang-link:hover { font-size: 12px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: underline; } a.wsc_lang-link:active { font-size: 12px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_lang-link-selected:link { font-size: 12px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_lang-link-selected:visited { font-size: 12px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: none; } a.wsc_lang-link-selected:visited:hover { font-size: 12px; color: #333333; color: var(--common-textalt-color); text-decoration: underline; } a.wsc_lang-link-selected:hover { font-size: 12px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: underline; } a.wsc_lang-link-selected:active { font-size: 12px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: none; } a.wsc_reset-link:link { font-size: 10px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_reset-link:visited { font-size: 10px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_reset-link:visited:hover { font-size: 10px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: underline; } a.wsc_reset-link:hover { font-size: 10px; font-weight: normal; color: #333333; color: var(--common-textalt-color); text-decoration: underline; } a.wsc_reset-link:active { font-size: 10px; font-weight: normal; color: #aaaaaa; color: var(--common-textlink-color); text-decoration: none; } a.wsc_body-link:link { font-size: 12px; font-weight: normal; color: #2e2e2e; text-decoration: none; } a.wsc_body-link:visited { font-size: 12px; font-weight: normal; color: #2e2e2e; color: var(--common-textstd-color); text-decoration: none; } a.wsc_body-link:visited:hover { font-size: 12px; font-weight: normal; color: #2e2e2e; color: var(--common-textstd-color); text-decoration: underline; } a.wsc_body-link:hover { font-size: 12px; color: #2e2e2e; color: var(--common-textstd-color); font-weight: normal; text-decoration: underline; } a.wsc_body-link:active { font-size: 12px; color: #2e2e2e; color: var(--common-textstd-color); font-weight: normal; text-decoration: none; } .wsc_languagezone { color: #000000; color: var(--common-textdark-color); padding: 3px 0px 5px 0px; text-align: right; height: 25px; } .wsc_languagelist { background-color: #EEF1F3; color: #6D7786; font-size: 9px; padding: 1px; border: 1px solid #D2D0D1; } .wsc_errorzone { padding: 4px 0px 10px 0px; margin: 7px 0px 7px 0px; min-height: 200px; } .wsc_error-body { text-align: left; background-color: #ffffff; background-color: var(--common-textlight-color); color: #000000; color: var(--common-textdark-color); padding: 20px; } .wsc_recallzone { display: block; padding: 4px 0px 10px 0px; margin: 7px 0px 7px 0px; min-height: 300px; } .wsc_recallzone-body { text-align: left; background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px; } .wsc_introductionzone { padding: 4px 0px 10px 0px; margin: 7px 0px 7px 0px; min-height: 300px; } .wsc_introductionzone-body { text-align: left; background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px; } .wsc_introduction-captcha { padding-bottom: 15px; } .wsc_introduction-captcha_nocheckbox { padding-bottom: 0px; } .wsc_finishzone { display: block; padding: 4px 0px 10px 0px; margin: 7px 0px 7px 0px; min-height: 300px; } .wsc_finishzone-body { text-align: left; background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px; } .wsc_passwordzone { display: block; padding: 4px 0px 10px 0px; margin: 7px 0px 7px 0px; min-height: 300px; } .wsc_password-body { text-align: left; background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px; } .wsc_passwordvalidation { text-align: left; color: #ff0000; text-align: left; padding: 0; } .wsc_bannerzone { background-color: #CAE3FB; height: 141px; } .wsc_percentzone { width: 100%; margin: auto; height: 25px; text-align: center; padding: 13px 0px 13px 0px; margin: 0px 0px 10px 0px; } .wsc_footerzone { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .wsc_pagezone { min-height: 300px; } .wsc_pagezone-header { padding: 2px 2px 2px 2px; border: solid 1px #36495A; background-color: #BBDDFF; } .wsc_pagezone-header-title { } .wsc_pagezone-header-buttons { } .wsc_buttonzone { height: 55px; padding-left: 10px; padding-right: 10px; text-align: left; } .wsc_group { } .wsc_question-zone { display: block; padding: 4px 0px 10px 0px; margin: 7px 0px 7px 0px; } .wsc_question-zonegt { display: block; padding: 4px 0px 0px 0px; margin: 7px 0px 0px 0px; } .wsc_question-zonegm { display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .wsc_question-zonegb { display: block; padding: 0px 0px 10px 0px; margin: 0px 0px 7px 0px; } .wsc_question-toolbar { text-align: right; margin: 2px 2px 0px 0px; } .wsc_designerbutton { font-size: 10px; color: #000000; color: var(--common-textdark-color); height: 20px; margin-left: 2px; } .wsc_designerbutton-hot { font-size: 10px; color: #000000; color: var(--common-textdark-color); background-color: orange; background-color: var(--common-orange-color); height: 20px; margin-left: 2px; } .wsc_question-body { padding: 20px; background-color: #ffffff; background-color: var(--common-textlight-color); } .wsc_question-bodyg { background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px 20px 0px 20px; } .wsc_question-bodym { background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px 20px 0px 20px; } .wsc_question-bodyb { background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px; } .wsc_question-validation { background-color: red; background-color: var(--common-validation-color); padding: 3px; margin-bottom: 5px; } .wsc_question-validation_ul { list-style: none; font-size: 16px; color: #ffffff; color: var(--common-textlight-color); text-align: center; padding: 5px 3px 5px 3px; margin: 0px 0px 3px 0px; } .wsc_question-validation_li { color: #ffffff; color: var(--common-textlight-color); } .wsc_question-body-val { color: #ffffff; color: var(--common-textlight-color); background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px; } .wsc_question-bodyg-val { color: #ffffff; color: var(--common-textlight-color); background-color: #ffffff; background-color: var(--common-textlight-color); padding: 20px 20px 0px 20px; } .wsc_question-bodyb-val { color: #ffffff; background-color: #ffffff; padding: 20px; } .wsc_question-bodym-val { color: #ffffff; background-color: #ffffff; padding: 20px 20px 0px 20px; } /* Form Controls */ .wsc_line-break-solid { height: 10px; width: 100%; background-image: url(/themes2/content/solidhoriz.gif); background-repeat: repeat-x; } .wsc_line-break { width: 100%; margin-top: 5px; height: 10px; background-image: url(/themes2/content/dothoriz.gif); background-repeat: repeat-x; } .wsc_line-space { width: 100%; height: 8px; } .wsc_labeltext { font-size: 17px; font-size: var(--common-font-size-label); color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; height: 0.01%; /*IE6 question text for date questions rendering fix*/ } .wsc_labeltext_box { font-size: 17px; font-size: var(--common-font-size-label); color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: bold; border: solid 1px #2e2e2e; padding: 2px 2px 2px 2px; } .wsc_labeltext-number { font-size: 17px; font-size: var(--common-font-size-label); color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; font-weight: bold; } .wsc_labeltext_p { font-size: 10pt; font-size: var(--common-font-size-label); color: #222; } .wsc_labeltext_bp { font-size: 10pt; font-size: var(--common-font-size-label); border-style: solid; border-color: #B1CFE6; border-width: thin; padding: 5px; width: 60%; margin-left: 20%; margin-right: 20%; text-align: center; color: #222; } .wsc_labeltext_h1 { font-size: 20px; font-weight: bold; color: #222; } .wsc_labeltext_h2 { font-size: 16px; color: #222; } .wsc_labeltext_prefix { font-size: 15px; color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; height: 0.01%; /*IE6 question text for date questions rendering fix*/ } .wsc_labeltext_suffix { font-size: 15px; color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; height: 0.01%; /*IE6 question text for date questions rendering fix*/ } .wsc_labeltext_post { font-size: 12px; color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: normal; padding: 0px 0px 5px 0px; height: 0.01%; /*IE6 question text for date questions rendering fix*/ } .wsc_buttonfield-left { font-size: 12px; color: #000000; color: var(--common-textdark-color); float: left; height: 25px; width: 120px; } .wsc_buttonfield-right { font-size: 12px; color: #000000; color: var(--common-textdark-color); float: right; height: 25px; width: 120px; } .wsc_buttonfield { font-size: 12px; color: #000000; color: var(--common-textdark-color); height: 25px; } .wsc_buttonfield-bold { font-size: 12px; font-weight: bold; color: #000000; color: var(--common-textdark-color); height: 25px; } .wsc_buttonfield-small { font-size: 10px; font-weight: bold; color: #666666; height: 20px; } /* Control Area Error */ .wsc_control-normal { } .wsc_control-error { background-color: #FFA0A0; } /* radio button list */ .wsc_labeltext-input { border: 1px solid #D2D0D1; padding: 2px 2px 2px 6px; font-size: 11px; background-color: #EEF1F3; color: #6D7786; } .wsc_labeltext-listmenu { border: 1px solid #D2D0D1; padding: 4px 2px 2px 6px; font-size: 11px; background-color: #EEF1F3; color: #6D7786; height: 14px; width: 243px; } /* Text Fields */ .wsc_textfield-focus-normal, .wsc_textfield-focus-hover, .wsc_textfield-enabled-normal, .wsc_textfield-enabled-hover, .wsc_textfield-disabled-normal, .wsc_textfield-disabled-hover, .wsc_textfield-focus-normal-error, .wsc_textfield-focus-hover-error, .wsc_textfield-enabled-normal-error, .wsc_textfield-enabled-hover-error, .wsc_textfield-disabled-normal-error, .wsc_textfield-disabled-hover-error { background-color: #ffffff; background-color: var(--common-textlight-color); border: 1px solid #D2D0D1; padding: 2px; font-size: 11px; height: 20px; } .wsc_textfield-focus-normal { background-color: #ccc; color: #000000; color: var(--common-textdark-color); } .wsc_textfield-focus-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_textfield-enabled-normal { background-color: #f3f1e9; color: #6D7786; } .wsc_textfield-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_textfield-disabled-normal { background-color: #CCCCCC; color: #6D7786; } .wsc_textfield-disabled-hover { background-color: #B5CE89; color: #6D7786; } .wsc_textfield-focus-normal-error { background-color: #D6E1EB; color: #000000; } .wsc_textfield-focus-hover-error { background-color: #C7D6E5; color: #000000; color: var(--common-texthover-color); } .wsc_textfield-enabled-normal-error { background-color: #FFCC00; color: #000000; color: var(--common-texthover-color); } .wsc_textfield-enabled-hover-error { background-color: #FFFF66; color: #000000; color: var(--common-texthover-color); } .wsc_textfield-disabled-normal-error { background-color: #FFCCFF; color: #6D7786; } .wsc_textfield-disabled-hover-error { background-color: #FF66FF; color: #6D7786; } .wsc_commentfield-focus-normal, .wsc_commentfield-focus-hover, .wsc_commentfield-enabled-normal, .wsc_commentfield-enabled-hover, .wsc_commentfield-disabled-normal, .wsc_commentfield-disabled-hover, .wsc_commentfield-focus-normal-error, .wsc_commentfield-focus-hover-error, .wsc_commentfield-enabled-normal-error, .wsc_commentfield-enabled-hover-error, .wsc_commentfield-disabled-normal-error, .wsc_commentfield-disabled-hover-error { background-color: #ffffff; background-color: var(--common-textlight-color); border: 1px solid #D2D0D1; padding: 2px; font-size: 11px; } .wsc_commentfield-focus-normal { background-color: #ccc; color: #000000; } .wsc_commentfield-focus-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_commentfield-enabled-normal { background-color: #f3f1e9; color: #6D7786; } .wsc_commentfield-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } .wsc_commentfield-disabled-normal { background-color: #CCCCCC; color: #6D7786; } .wsc_commentfield-disabled-hover { background-color: #B5CE89; color: #6D7786; } .wsc_commentfield-focus-normal-error { background-color: #D6E1EB; color: #000000; color: var(--common-texthover-color); } .wsc_commentfield-focus-hover-error { background-color: #C7D6E5; color: #000000; color: var(--common-texthover-color); } .wsc_commentfield-enabled-normal-error { background-color: #FFCC00; color: #000000; color: var(--common-texthover-color); } .wsc_commentfield-enabled-hover-error { background-color: #FFFF66; color: #000000; } .wsc_commentfield-disabled-normal-error { background-color: #FFCCFF; color: #6D7786; } .wsc_commentfield-disabled-hover-error { background-color: #FF66FF; color: #6D7786; } /* Numbers */ .wsc_numberfield-focus-normal, .wsc_numberfield-focus-hover, .wsc_numberfield-enabled-normal, .wsc_numberfield-enabled-hover, .wsc_numberfield-disabled-normal, .wsc_numberfield-disabled-hover, .wsc_numberfield-focus-normal-error, .wsc_numberfield-focus-hover-error, .wsc_numberfield-enabled-normal-error, .wsc_numberfield-enabled-hover-error, .wsc_numberfield-disabled-normal-error, .wsc_numberfield-disabled-hover-error { background-color: #ffffff; background-color: var(--common-textlight-color); border: 1px solid #D2D0D1; padding: 2px; font-size: 11px; text-align: right; height: 20px; } .wsc_numberfield-focus-normal { background-color: #ccc; color: #000000; color: var(--common-textdark-color); } .wsc_numberfield-focus-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_numberfield-enabled-normal { background-color: #eee; color: #6D7786; } .wsc_numberfield-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } .wsc_numberfield-disabled-normal { background-color: #CCCCCC; color: #6D7786; } .wsc_numberfield-disabled-hover { background-color: #B5CE89; color: #6D7786; } .wsc_numberfield-focus-normal-error { background-color: #D6E1EB; color: #000000; color: var(--common-texthover-color); } .wsc_numberfield-focus-hover-error { background-color: #C7D6E5; color: #000000; color: var(--common-texthover-color); } .wsc_numberfield-enabled-normal-error { background-color: #FFCC00; color: #000000; color: var(--common-texthover-color); } .wsc_numberfield-enabled-hover-error { background-color: #FFFF66; color: #000000; color: var(--common-textdark-color); } .wsc_numberfield-disabled-normal-error { background-color: #FFCCFF; color: #6D7786; } .wsc_numberfield-disabled-hover-error { background-color: #FF66FF; color: #6D7786; } /* radios */ .wsc_radiofield { padding: 2px 2px 2px 2px; } .wsc_radiofield-error { padding: 2px 2px 2px 2px; background-color: Fuchsia; } .wsc_radiofield-text { font-size: 13px; /*color: #2e2e2e;*/ } .wsc_radiofield-title-cell-first { padding-bottom: 3px; } .wsc_radiofield-title-cell { padding-top: 10px; padding-bottom: 3px; } .wsc_radiofield-title { font-size: 14px; color: #2e2e2e; color: var(--common-textstd-color); font-weight: bold; } .wsc_radiodownscale_title { margin-bottom: 3px; background-color: #B1CFE6; background-color: var(--common-hover-color); padding: 3px 3px 0px 3px; } .wsc_radiodownscale_body { } .wsc_radiodownscale_nav_up { background-image: url(content/nav-up.png); float:right; height: 16px; width: 21px; } .wsc_radiodownscale_nav_down { background-image: url(content/nav-down.png); float:right; height: 16px; width: 21px; } .wsc_radiofield-disabled-normal, .wsc_radiofield-disabled-hover, .wsc_radiofield-disabled-normal-error, .wsc_radiofield-disabled-hover-error, .wsc_radiofield-disabled-normal-sel, .wsc_radiofield-disabled-hover-sel, .wsc_radiofield-disabled-normal-sel-error, .wsc_radiofield-disabled-hover-sel-error, .wsc_radiofield-enabled-normal, .wsc_radiofield-enabled-hover, .wsc_radiofield-enabled-normal-error, .wsc_radiofield-enabled-hover-error, .wsc_radiofield-enabled-normal-sel, .wsc_radiofield-enabled-hover-sel, .wsc_radiofield-enabled-normal-sel-error, .wsc_radiofield-enabled-hover-sel-error { font-size: 13px; background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); } .wsc_radiofield-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_radiofield-enabled-hover-sel { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_radiofield-enabled-normal { background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); } .wsc_radiofield-enabled-normal-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #000; } /* NPS radio */ .wsc_nps_radiofield-disabled-normal, .wsc_nps_radiofield-disabled-hover, .wsc_nps_radiofield-disabled-normal-error, .wsc_nps_radiofield-disabled-hover-error, .wsc_nps_radiofield-disabled-normal-sel, .wsc_nps_radiofield-disabled-hover-sel, .wsc_nps_radiofield-disabled-normal-sel-error, .wsc_nps_radiofield-disabled-hover-sel-error, .wsc_nps_radiofield-enabled-normal, .wsc_nps_radiofield-enabled-hover, .wsc_nps_radiofield-enabled-normal-error, .wsc_nps_radiofield-enabled-hover-error, .wsc_nps_radiofield-enabled-normal-sel, .wsc_nps_radiofield-enabled-hover-sel, .wsc_nps_radiofield-enabled-normal-sel-error, .wsc_nps_radiofield-enabled-hover-sel-error { font-size: 13px; background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); border-radius: 7px; } .wsc_nps_radiofield-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_nps_radiofield-enabled-hover-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #000000; color: var(--common-texthover-color); } .wsc_nps_radiofield-enabled-normal { background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); } .wsc_nps_radiofield-enabled-normal-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #000; } /* ranked choices */ .wsc_rankedchoice { /*padding:2px 2px 2px 2px;*/ border: 2px solid #FFFFFF; } .wsc_rankedchoice-error { padding: 2px 2px 2px 2px; background-color: Fuchsia; } .wsc_rankedchoice-text { font-size: 13px; color: #2e2e2e; color: var(--common-textstd-color); } .wsc_rankedchoice-disabled-normal, .wsc_rankedchoice-disabled-hover, .wsc_rankedchoice-disabled-normal-error, .wsc_rankedchoice-disabled-hover-error, .wsc_rankedchoice-disabled-normal-sel, .wsc_rankedchoice-disabled-hover-sel, .wsc_rankedchoice-disabled-normal-sel-error, .wsc_rankedchoice-disabled-hover-sel-error, .wsc_rankedchoice-enabled-normal, .wsc_rankedchoice-enabled-hover, .wsc_rankedchoice-enabled-normal-error, .wsc_rankedchoice-enabled-hover-error, .wsc_rankedchoice-enabled-normal-sel, .wsc_rankedchoice-enabled-hover-sel, .wsc_rankedchoice-enabled-normal-sel-error, .wsc_rankedchoice-enabled-hover-sel-error { font-size: 13px; background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); min-height: 30px; padding: 3px 0px 3px 0px; } .wsc_rankedchoice-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); min-height: 30px; padding: 3px 0px 3px 0px; } .wsc_rankedchoice-enabled-hover-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #000000; color: var(--common-texthover-color); min-height: 30px; padding: 3px 0px 3px 0px; } .wsc_rankedchoice-enabled-normal { background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); min-height: 30px; padding: 3px 0px 3px 0px; } .wsc_rankedchoice-enabled-normal-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #000; min-height: 30px; padding: 3px 0px 3px 0px; } .wsc_rankedcontainerleft1 { background-color: #eeeeee; /*width: 290px;*/ width: 100%; color: #222222; } .wsc_rankedcontainerleft2 { border: 1px solid #2f95ca; background-color: #eeeeee; /*width: 290px;*/ width: 50%; color: #222222; } .wsc_rankedcontainerleft3 { background-color: #2f95ca; background-color: var(--common-selected-color); padding: 4px; color: #ffffff; color: var(--common-textlight-color); } .wsc_rankedcontainerright1 { background-color: #eeeeee; color: #222222; /*width: 290px;*/ width: 100%; } .wsc_rankedcontainerright2 { border: 1px solid #b1cfe6; background-color: #eeeeee; /*width: 290px;*/ width: 50%; color: #222222; } .wsc_rankedcontainerright3 { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #111111; padding: 4px; } .wsc_ranked_norank { /*width: 290px;*/ width: 100%; height: 34px; padding-top: 10px; text-align: center; color: #aaa; } .wsc_rankednav { /*width: 290px;*/ width: 100%; height: 35px; } a.wsc_rankednav-link:link { font-size: 12px; color: #000000; color: var(--common-textdark-color); text-decoration: none; } a.wsc_rankednav-link:visited { font-size: 12px; color: #000000; color: var(--common-textdark-color); text-decoration: none; } a.wsc_rankednav-link:visited:hover { font-size: 12px; color: #000000; color: var(--common-textdark-color); text-decoration: underline; } a.wsc_rankednav-link:hover { font-size: 12px; color: #000000; color: var(--common-textdark-color); text-decoration: underline; } a.wsc_rankednav-link:active { font-size: 12px; color: #000000; color: var(--common-textdark-color); text-decoration: none; } .wsc_rankedup { background: url(/themes2/content/basicwhite/ArrowUp.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedup:hover { background: url(/themes2/content/basicwhite/ArrowUpHot.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankeddown { background: url(/themes2/content/basicwhite/ArrowDown.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankeddown:hover { background: url(/themes2/content/basicwhite/ArrowDownHot.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedclear { background: url(/themes2/content/basicwhite/Clear.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedclear:hover { background: url(/themes2/content/basicwhite/ClearHot.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedreset { background: url(/themes2/content/basicwhite/Reset.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedreset:hover { background: url(/themes2/content/basicwhite/ResetHot.png) no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; } /* Check Box Field */ .wsc_checkfield { padding: 2px 2px 2px 2px; } .wsc_checkfield-error { padding: 2px 2px 2px 2px; background-color: Fuchsia; } .wsc_checkfield-text { font-size: 13px; } .wsc_checkfield-title-cell-first { padding-bottom: 3px; } .wsc_checkfield-title-cell { padding-top: 10px; padding-bottom: 3px; } .wsc_checkfield-title { font-size: 14px; font-weight: bold; color: #2e2e2e; color: var(--common-textstd-color); } .wsc_checkfield-text-simple { font-size: 13px; color: #2e2e2e; color: var(--common-textstd-color); } .wsc_checkfield-text a:link { font-size: 13px; color: #666; text-decoration: none; border-bottom: 1px dotted #666; } .wsc_checkfield-text a:visited { font-size: 13px; color: #666; text-decoration: none; border-bottom: 1px dotted #666; } .wsc_checkfield-text a:visited:hover { font-size: 13px; color: #666; text-decoration: none; border-bottom: 1px solid #666; } .wsc_checkfield-text a:hover { font-size: 13px; color: #666; text-decoration: none; border-bottom: 1px solid #000; } .wsc_checkfield-text a:active { font-size: 13px; color: #666; text-decoration: none; border-bottom: 1px solid #666; } .wsc_checkfield-disabled-normal, .wsc_checkfield-disabled-hover, .wsc_checkfield-disabled-normal-error, .wsc_checkfield-disabled-hover-error, .wsc_checkfield-disabled-normal-sel, .wsc_checkfield-disabled-hover-sel, .wsc_checkfield-disabled-normal-sel-error, .wsc_checkfield-disabled-hover-sel-error, .wsc_checkfield-enabled-normal, .wsc_checkfield-enabled-hover, .wsc_checkfield-enabled-normal-error, .wsc_checkfield-enabled-hover-error, .wsc_checkfield-enabled-normal-sel, .wsc_checkfield-enabled-hover-sel, .wsc_checkfield-enabled-normal-sel-error, .wsc_checkfield-enabled-hover-sel-error { font-size: 13px; background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); } .wsc_checkfield-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_checkfield-enabled-hover-sel { background-color: #2f95ca; background-color: var(--common-hover-color); color: #000000; color: var(--common-texthover-color); } .wsc_checkfield-enabled-normal { background-color: #ededed; background-color: var(--common-enabled-color); color: #2e2e2e; color: var(--common-textstd-color); } .wsc_checkfield-enabled-normal-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #000; } .wsc_line-break-solid { width: 100%; margin-top: 5px; height: 10px; background-image: url(/themes2/content/solidhoriz.gif); background-repeat: repeat-x; } .wsc_line-break { width: 100%; margin-top: 5px; height: 10px; background-image: url(/themes2/content/dothoriz.gif); background-repeat: repeat-x; } .wsc_line-space { width: 100%; height: 8px; } /* Question grid matrix */ /* Light Grid - Standard */ .wsc_gridlight-error { background-color: Fuchsia; } .wsc_gridlight-text { font-size: 11px; font-size: var(--common-font-size-grid); } .wsc_gridlight-disabled-normal, .wsc_gridlight-disabled-hover, .wsc_gridlight-disabled-normal-error, .wsc_gridlight-disabled-hover-error, .wsc_gridlight-disabled-normal-sel, .wsc_gridlight-disabled-hover-sel, .wsc_gridlight-disabled-normal-sel-error, .wsc_gridlight-disabled-hover-sel-error, .wsc_gridlight-enabled-normal, .wsc_gridlight-enabled-hover, .wsc_gridlight-enabled-normal-error, .wsc_gridlight-enabled-hover-error, .wsc_gridlight-enabled-normal-sel, .wsc_gridlight-enabled-hover-sel, .wsc_gridlight-enabled-normal-sel-error, .wsc_gridlight-enabled-hover-sel-error { font-size: 11px; font-size: var(--common-font-size-grid); background-color: #F2F7FA; color: #000000; color: var(--common-textdark-color); } .wsc_gridlight-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } .wsc_gridlight-enabled-hover-sel { background-color: #244F70; color: #ffffff; color: var(--common-textlight-color); } .wsc_gridlight-enabled-normal { background-color: #F2F7FA; color: #000000; color: var(--common-textdark-color); } .wsc_gridlight-enabled-normal-sel { background-color: #4E91C5; color: #ffffff; color: var(--common-textlight-color); } .wsc_gridlight-header { background-color: #75706D; color: #ffffff; color: var(--common-textlight-color); } /* Light Grid - Alternating Row Colours */ .wsc_gridlightalt-error { background-color: Fuchsia; } .wsc_gridlightalt-text { font-size: 11px; font-size: var(--common-font-size-grid); } .wsc_gridlightalt-disabled-normal, .wsc_gridlightalt-disabled-hover, .wsc_gridlightalt-disabled-normal-error, .wsc_gridlightalt-disabled-hover-error, .wsc_gridlightalt-disabled-normal-sel, .wsc_gridlightalt-disabled-hover-sel, .wsc_gridlightalt-disabled-normal-sel-error, .wsc_gridlightalt-disabled-hover-sel-error, .wsc_gridlightalt-enabled-normal, .wsc_gridlightalt-enabled-hover, .wsc_gridlightalt-enabled-normal-error, .wsc_gridlightalt-enabled-hover-error, .wsc_gridlightalt-enabled-normal-sel, .wsc_gridlightalt-enabled-hover-sel, .wsc_gridlightalt-enabled-normal-sel-error, .wsc_gridlightalt-enabled-hover-sel-error { font-size: 11px; font-size: var(--common-font-size-grid); color: #000000; color: var(--common-textdark-color); } .wsc_gridlightalt-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } .wsc_gridlightalt-enabled-hover-sel { background-color: #244F70; color: #ffffff; color: var(--common-textlight-color); } .wsc_gridlightalt-enabled-normal { color: #000000; color: var(--common-textdark-color); } .wsc_gridlightalt-enabled-normal-sel { background-color: #4E91C5; color: #ffffff; color: var(--common-textlight-color); } /* Dark Grid - Standard */ .wsc_griddark-error { background-color: Fuchsia; } .wsc_griddark-text { font-size: 13px; font-size: var(--common-font-size-grid); } .wsc_grid-title { font-size: 13px; font-size: var(--common-font-size-grid-title); color: #2e2e2e; color: var(--common-textstd-color); } .wsc_griddark-disabled-normal, .wsc_griddark-disabled-hover, .wsc_griddark-disabled-normal-error, .wsc_griddark-disabled-hover-error, .wsc_griddark-disabled-normal-sel, .wsc_griddark-disabled-hover-sel, .wsc_griddark-disabled-normal-sel-error, .wsc_griddark-disabled-hover-sel-error, .wsc_griddark-enabled-normal, .wsc_griddark-enabled-hover, .wsc_griddark-enabled-normal-error, .wsc_griddark-enabled-hover-error, .wsc_griddark-enabled-normal-sel, .wsc_griddark-enabled-hover-sel, .wsc_griddark-enabled-normal-sel-error, .wsc_griddark-enabled-hover-sel-error { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #DDEAF4; color: #2e2e2e; color: var(--common-textstd-color); } /* Hover (same colour as alternate) */ .wsc_griddark-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } /* Hover over Selected (same colour as alternate) */ .wsc_griddark-enabled-hover-sel { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } /* Normal */ .wsc_griddark-enabled-normal { /*background-color: #EAEAEA;*/ background-color: #cfcfcf; background-color: var(--common-bg-color); color: #000000; color: var(--common-textdark-color); font-size: 13px; font-size: var(--common-font-size-grid); /*border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #dfdfdf; border-bottom-color: #dfdfdf;*/ } /* Row Css Normal */ .wsc_grid-row-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #EAEAEA; background-color: var(--common-grid-normal); /*border-bottom:1px solid #DFDFDF;*/ border-top: 1px solid #DFDFDF; color: #000000; color: var(--common-textdark-color); } .wsc_grid-rowalt-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #fafafa; background-color: var(--common-grid-alt); border-top: 1px solid #DFDFDF; color: #000000; color: var(--common-textdark-color); } .wsc_grid-rowbase-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); color: #000000; color: var(--common-textdark-color); border-top: 1px solid #DFDFDF; } /* Grid Row Comment Style */ .wsc_grid-rowcomment-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #EAEAEA; background-color: var(--common-grid-normal); color: #000000; color: var(--common-textdark-color); } .wsc_grid-rowcommentalt-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #fafafa; background-color: var(--common-grid-alt); color: #000000; color: var(--common-textdark-color); } /* Grid Row Totals */ .wsc_grid-rowtotal-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #EAEAEA; background-color: var(--common-grid-normal); border-top: 2px solid #DFDFDF; color: #000000; color: var(--common-textdark-color); } .wsc_grid-rowtotalalt-enabled-normal { font-size: 13px; font-size: var(--common-font-size-grid); background-color: #fafafa; background-color: var(--common-grid-alt); border-top: 2px solid #DFDFDF; color: #000000; color: var(--common-textdark-color); } .wsc_grid-rowtotal-errorlabel { color: red; color: var(--common-red-color); } /* Selected (same colour as alternate) */ .wsc_griddark-enabled-normal-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #ffffff; color: var(--common-textlight-color); } .wsc_griddark-header { color: #000000; color: var(--common-textdark-color); padding-bottom: 10px; } /* Dark Grid - Alternating Row Colours */ .wsc_griddarkalt-error { background-color: Fuchsia; } .wsc_griddarkalt-text { font-size: 11px; font-size: var(--common-font-size-grid); } .wsc_griddarkalt-disabled-normal, .wsc_griddarkalt-disabled-hover, .wsc_griddarkalt-disabled-normal-error, .wsc_griddarkalt-disabled-hover-error, .wsc_griddarkalt-disabled-normal-sel, .wsc_griddarkalt-disabled-hover-sel, .wsc_griddarkalt-disabled-normal-sel-error, .wsc_griddarkalt-disabled-hover-sel-error, .wsc_griddarkalt-enabled-normal, .wsc_griddarkalt-enabled-hover, .wsc_griddarkalt-enabled-normal-error, .wsc_griddarkalt-enabled-hover-error, .wsc_griddarkalt-enabled-normal-sel, .wsc_griddarkalt-enabled-hover-sel, .wsc_griddarkalt-enabled-normal-sel-error, .wsc_griddarkalt-enabled-hover-sel-error { font-size: 11px; font-size: var(--common-font-size-grid); color: #000000; color: var(--common-textdark-color); } /* Hover (same colour as normal) */ .wsc_griddarkalt-enabled-hover { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } /* Hover over Selected (same colour as normal) */ .wsc_griddarkalt-enabled-hover-sel { background-color: #B1CFE6; background-color: var(--common-hover-color); color: #ffffff; color: var(--common-textlight-color); } /* Normal */ .wsc_griddarkalt-enabled-normal { background-color: #cfcfcf; background-color: var(--common-bg-color); color: #000000; color: var(--common-textdark-color); } /* Selected (same colour as normal) */ .wsc_griddarkalt-enabled-normal-sel { background-color: #2f95ca; background-color: var(--common-selected-color); color: #ffffff; color: var(--common-textlight-color); } /* dropdown Fields */ .wsc_listmenu-focus-normal, .wsc_listmenu-focus-hover, .wsc_listmenu-enabled-normal, .wsc_listmenu-enabled-hover, .wsc_listmenu-disabled-normal, .wsc_listmenu-disabled-hover, .wsc_listmenu-focus-normal-error, .wsc_listmenu-focus-hover-error, .wsc_listmenu-enabled-normal-error, .wsc_listmenu-enabled-hover-error, .wsc_listmenu-disabled-normal-error, .wsc_listmenu-disabled-hover-error { font-size: 11px; padding: 2px; background-color: #D6E1EB; border: 1px solid #D2D0D1; } .wsc_listmenu-focus-normal { background-color: #D6E1EB; color: #000000; color: var(--common-textdark-color); } .wsc_listmenu-focus-hover { background-color: #D6E1EB; color: #000000; color: var(--common-textdark-color); } /* #C7D6E5*/ .wsc_listmenu-enabled-normal { background-color: #EEF1F3; color: #6D7786; } .wsc_listmenu-enabled-hover { background-color: #C7D6E5; color: #000000; color: var(--common-textdark-color); } .wsc_listmenu-disabled-normal { background-color: #CCCCCC; color: #6D7786; } .wsc_listmenu-disabled-hover { background-color: #C7D6E5; color: #6D7786; } .wsc_listmenu-focus-normal-error { background-color: #D6E1EB; color: #000000; color: var(--common-textdark-color); } .wsc_listmenu-focus-hover-error { background-color: #C7D6E5; color: #000000; color: var(--common-textdark-color); } .wsc_listmenu-enabled-normal-error { background-color: #FFCC00; color: #6D7786; } .wsc_listmenu-enabled-hover-error { background-color: #FFFF66; color: #000000; color: var(--common-textdark-color); } .wsc_listmenu-disabled-normal-error { background-color: #FFCCFF; color: #6D7786; } .wsc_listmenu-disabled-hover-error { background-color: #FF66FF; color: #6D7786; } /* Form Controls */ .wsc_form-title { font-size: 12px; font-weight: bold; color: #000000; color: var(--common-textdark-color); padding: 0; margin-bottom: 5px; } .wsc_form-title-secondary { font-size: 10px; font-weight: normal; color: #666666; padding: 0; margin-bottom: 5px; } .wsc_form-instructions { font-size: 10px; color: #666666; font-weight: normal; padding-top: 3px; padding-bottom: 5px; margin: 0; } .wsc_form-content { margin-bottom: 10px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; padding-top: 5px; } .wsc_form-warning { font-size: 10px; color: red; color: var(--common-red-color); font-weight: normal; background-color: #F7C5C9; padding: 2px; margin: 0; } .wsc_content-title { font-size: 14px; font-weight: bold; color: #000000; color: var(--common-textdark-color); padding: 0; margin-bottom: 5px; } .wsc_content-zone { padding-bottom: 6px; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color: #F2F2F2; margin-bottom: 10px; } .wsc_content-instructions { font-size: 12px; color: #666666; font-weight: normal; padding-top: 4px; margin: 0; } .wsc_content-terms { margin-top: 20px; margin-bottom: 20px; } /* Calendar */ .calendar { border-style: solid; border-width: 1px; border-color: Black; border-collapse: collapse; background-color: #ffffff; background-color: var(--common-textlight-color); cursor: default; z-index: 901; } .calendar-timezone { font-size: 10px; } .calendar-title { font-weight: bold; background-color: #D7D7E5; color: #000000; color: var(--common-textdark-color); } .calendar-day { width: 25px; cursor: pointer; text-align: center; border-width: 1px; border-color: #F6F6F6; border-style: solid; color: #000000; color: var(--common-textdark-color); } .calendar-dayhover { width: 25px; cursor: pointer; background-color: #FCF5BC; text-align: center; text-decoration: underline; border-width: 1px; border-color: #F6F6F6; border-style: solid; } .calendar-dayheader { width: 25px; text-align: center; border-width: 1px; border-color: white; border-style: solid; font-weight: bold; background-color: #ffffff; background-color: var(--common-textlight-color); } .calendar-nextprev { cursor: pointer; height: 25px; vertical-align: middle; padding: 0px 5px 0px 5px; } .calendar-othermonthday { color: #2f95ca; color: var(--common-selected-color); } .calendar-selector { width: 14px; cursor: pointer; text-align: left; vertical-align: middle; background-color: #ffffff; background-color: var(--common-textlight-color); } .calendar-selectedday { width: 25px; background-color: #FBE694; color: #000000; color: var(--common-textdark-color); border-width: 1px; border-color: #BB5503 !important; border-style: solid; font-weight: bold; } .calendar-outofrangeday { visibility: hidden; } .calendar-picker { font-size: 11px; background-color: #EEF1F3; color: #000000; color: var(--common-textdark-color); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #9E9B85; border-right-color: #E8E7D8; border-bottom-color: #E8E7D8; border-left-color: #9E9B85; padding: 2px; } .calendar-picker-day-normal { background-color: red; background-color: var(--common-dayred-color); } .calendar-picker-day-hot { background-color: green; background-color: var(--common-daygreen-color); } .calendar-button { border: none; cursor: pointer; } .calendar td { font-size: 11px; color: #000000; color: var(--common-textdark-color); } .calendar-month { background-color: #F6F6F6; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 0px; } .butt_l_c { } .butt_m_c { } div.butt_m { height: 32px; } .butt_r_c { } .butt_m { font-size: 14px; font-size: var(--common-font-size-buttons); font-weight: bold; display: block; padding: 17px 10px 0px 10px; background-color: #69C8FA; background-color: var(--common-navigation-background); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } a.butt_m:link { color: #ffffff; color: var(--common-navigation-text); text-decoration: none; cursor: pointer; height: 32px; display: block; } a.butt_m:visited { color: #ffffff; color: var(--common-navigation-text); text-decoration: none; cursor: pointer; height: 32px; display: block; } a.butt_m:hover { color: #ffff00; color: var(--common-navigation-hover); text-decoration: none; cursor: pointer; height: 32px; display: block; } a.butt_m:active { color: #ffff00; color: var(--common-navigation-active); text-decoration: none; cursor: pointer; height: 32px; display: block; } /* Slider */ .wsc_slider_slider { background-color: #333333; background-color: var(--common-textalt-color); } .wsc_slider_ticks_none { margin-top: 28px; margin-left: 2px; font-size: 9px; color: #333; } .wsc_slider_ticks_words { margin-top: 36px; margin-left: 2px; font-size: 9px; color: #222; } .wsc_slider_ticks { margin-top: 28px; margin-left: 2px; height: 3px; width: 2px; background-color: #dddddd; font-size: 9px; color: #222; } .wsc_slider_grip { background-image: url(controls/slider/grip.png); height: 19px; width: 11px; cursor: pointer; z-index: 1; } .wsc_slider_grip_hover { background-image: url(controls/slider/grip_hover.png); height: 19px; width: 11px; cursor: pointer; z-index: 1; } .wsc_slider_track { background-image: url(controls/slider/track.gif); height: 30px; cursor: pointer; } .wsc_slider_decrease_track { background-image: url(controls/slider/decrease_track.gif); height: 30px; cursor: pointer; } .wsc_slider_decrease { background-image: url(controls/slider/decrease.gif); width: 12px; height: 30px; cursor: pointer; color: #222; } .wsc_slider_increase { background-image: url(controls/slider/increase.gif); width: 12px; height: 30px; cursor: pointer; color: #222; } .wsc_slider_popup { font-size: 12px; padding: 3px; display: block; background-color: #FFFFCC; border: 1px solid #888888; } /* div classes for demographic */ DIV.base-layer { border: solid #000000 0px; color: #000000; color: var(--common-textdark-color); margin: 0px 6px 0px 6px; padding: 0; text-align: center; width: auto; } DIV.table-row { border: solid #000000 0px; color: #000000; color: var(--common-textdark-color); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; text-align: center; width: 96%; } DIV.space-line { clear: both; margin: 0; padding: 0; width: auto; } div.divDemographicAddressSearch { margin-bottom: 15px; } DIV.divDemographicTitle { border: none; float: left; margin: 0; padding: 0; width: 80px; } DIV.divDemographicTitleLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 75px; } DIV.divDemographicFirstName { border: none; float: left; margin: 0; padding: 0; width: 245px; } DIV.divDemographicFirstNameLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 240px; } DIV.divDemographicLastName { border: none; float: left; margin: 0; padding: 0; width: 245px; } DIV.divDemographicLastNameLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 240px; } DIV.divDemographicEmail { border: none; float: left; margin: 0; padding: 0; width: 330px; } DIV.divDemographicEmailLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 325px; } DIV.divDemographicEmailAlt { border: none; float: left; margin: 0; padding: 0; width: 300px; } DIV.divDemographicEmailAltLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 295px; } DIV.divDemographicPhone { border: none; float: left; margin: 0; padding: 0; width: 330px; } DIV.divDemographicPhoneLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 325px; } DIV.divDemographicPhone2 { border: none; float: left; margin: 0; padding: 0; width: 330px; } DIV.divDemographicPhoneLabel2 { border: none; float: left; margin: 0; padding-left: 5px; width: 330px; } DIV.divDemographicGender { border: none; float: left; margin: 0; padding: 0; width: 200px; } DIV.divDemographicGenderLabel { border: none; float: left; margin: 0; padding: 0; width: 100px; } DIV.divDemographicDOBLabel { border: none; float: left; margin: 0; padding: 0; width: 100px; } DIV.divDemographicDOBField { border: none; float: left; margin: 0; padding: 0; width: 200px; } DIV.divDemographicAddressField { border: none; float: left; margin: 0; padding: 0; width: 275px; } DIV.divDemographicAddressLabel { border: none; float: left; margin: 0; padding-left: 5px; width: 270px; } P.text { border: solid #000000 0px; margin: 0; padding: 0.3em 0.3em 0 0.3em; font-style: normal; font-size: 1em; text-align: center; text-indent: 0; width: auto; } .demographicLabel { font-size: 11px; color: #727272; margin-bottom: 3px; padding: 0px 0px 5px 0px; } .demographicLabelBig { font-size: 14px; color: #727272; margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; } .demographicLabelSmall { font-size: 10px; color: #727272; margin-bottom: 3px; padding: 0px 0px 5px 0px; } .wsc_poweredzone { width: 980px; font-size: 10px; color: #999999; margin-top: 20px; margin-bottom: 5px; text-align: center; } a.powered:link { font-size: 10px; color: #999999; text-decoration: underline; padding: 2px; } a.powered:visited { font-size: 10px; color: #999999; padding: 2px; text-decoration: underline; } a.powered:visited:hover { font-size: 10px; color: #ffffff; background-color: #666666; padding: 2px; text-decoration: underline; } a.powered:hover { font-size: 10px; color: #ffffff; color: var(--common-textlight-color); background-color: #666666; padding: 2px; text-decoration: underline; } a.powered:active { font-size: 10px; color: #ffffff; color: var(--common-textlight-color); background-color: #666666; padding: 2px; text-decoration: underline; } a.wsc_link:link { color: #2e2e2e; color: var(--common-textstd-color); text-decoration: none; border-bottom: 1px dotted #666; } a.wsc_link:visited { color: #2e2e2e; color: var(--common-textstd-color); text-decoration: none; border-bottom: 1px dotted #666; } a.wsc_link:visited:hover { color: #2e2e2e; color: var(--common-textstd-color); text-decoration: none; border-bottom: 1px solid #000; } a.wsc_link:hover { color: #2e2e2e; color: var(--common-textstd-color); text-decoration: none; border-bottom: 1px solid #000; } a.wsc_link:active { color: #2e2e2e; color: var(--common-textstd-color); text-decoration: none; border-bottom: 1px dotted #666; } .wsc_hierarchical0 { } .wsc_hierarchical0R { } .wsc_hierarchicalN { background-image: url(/themes2/content/basicwhite/right-arrow.png); margin-top: 3px; padding-left: 20px; background-position: left center; background-repeat: no-repeat; } .wsc_hierarchicalNR { background-image: url(/themes2/content/basicwhite/left-arrow.png); margin-top: 3px; padding-right: 20px; background-position: right center; background-repeat: no-repeat; } .wsc_buttonzone_next { float: right; } .wsc_buttonzone_save { float: right; padding-right: 5px; } .wsc_buttonzone_previous { float: left; } .wsc_tooltip { width: 16px; height: 16px; background-image: url(/themes2/content/basicwhite/hinticon.png); background-repeat: no-repeat; background-position: center; outline: none; cursor: help; position: relative; } .wsc_tooltip span { margin-left: -999em; position: absolute; } .wsc_tooltip:hover span { padding: 2px; background-color: #ffffff; background-color: var(--common-textlight-color); border: 1px solid #000000; color: #333333; color: var(--common-textalt-color); cursor: hand; font-size: 12px; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 200px; } /* Summary CSS */ .wsc-summary-table { width: 100%; } .wsc_question-summary-pretext { padding: 5px 0px 10px 3px; } .wsc_question-summary-posttext { padding: 10px 0px 10px 3px; } .wsc-summary-header-row { background-color: #DDDDDD; } .wsc-summary-header-cell { font-weight: bold; padding:2px; } .wsc-summary-grid-header-cell { font-weight: bold; } .wsc-summary-default-cell { color: #000000; color: var(--common-textdark-color); } .wsc-summary-row-answer { } .wsc-summary-cell-noanswer { color: #ff0000; } .wsc-summary-row-odd { background-color: #ffffff; background-color: var(--common-textlight-color); } .wsc-summary-row-even { background-color: #EEEEEE; } .wsc-summary-row td { color: #000000; color: var(--common-textdark-color); padding: 2px; } .wsc_textquality-container { margin-top:5px; height:25px; } .wsc_textquality-item-right { float: right; color: #000000; color: var(--common-textdark-color); } .wsc_textquality-item-left { float:left; } .wsc_textquality-item { padding:4px 4px 4px 4px; } .wsc_textquality-text { font-size: 13px; } .wsc_nps-left { color: red; color: var(--common-npsleft-color); } .wsc_nps-right { color: green; color: var(--common-npsright-color); } .wsc_table_table { border-spacing: 2px; border-collapse: collapse; border: #aaa 1px solid; } .wsc_table_tr { } .wsc_table_tr_first { background-color: #f2f2f2; } .wsc_table_tr_even { } .wsc_table_tr_odd { background-color: #f2f2f2; } .wsc_table_td { padding:2px; vertical-align: top; border: #aaa 1px solid; } .marker-delete-button { background-color: #69C8FA; color: white; font-weight: bold; padding: 3px; border-radius: 4px; } .marker-update-button { background-color: #69C8FA; color: white; font-weight: bold; padding: 3px; border-radius: 4px; } .wsc_vimeo_owner { width: 100%; } .wsc_vimeo_owner_right { text-align: right; display: grid; align-items: end; justify-content: right; } .wsc_vimeo_owner_center { text-align: center; display: flex; align-items: center; justify-content: center; } .wsc_vimeo_parent { width: 90%; float: left; } .wsc_vimeo_slider { width: 10%; float: right; } .wsc_vimeo_minlabel { text-align: center; font-size: 15px; color: #2e2e2e; color: var(--common-textstd-color); /*margin-bottom: 3px;*/ font-weight: bold; padding: 0px 0px 0px 0px; height: 0.01%; /*IE6 question text for date questions rendering fix*/ padding-top: 10px; /*padding-bottom: 10px;*/ } .wsc_vimeo_maxlabel { text-align: center; font-size: 15px; color: #2e2e2e; color: var(--common-textstd-color); margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; height: 0.01%; /*IE6 question text for date questions rendering fix*/ /*padding-top: 10px;*/ padding-bottom: 12px; } .wsc_vimeo_loading { text-align: center; font-size: 15px; font-weight: bold; color: #2e2e2e; color: var(--common-textstd-color); display: flex; justify-content: center; align-items: center; height: 300px; } .optionalLabel { display: inline-grid; text-align: center; font-size: 14px; font-weight: 500; margin-bottom:20px; width:100%; } .onecolumn { grid-template-columns: 100%; } .twocolumn { grid-template-columns: 50% 50%; } .threecolumn { grid-template-columns: 32% 36% 32%; } .optionalLabel .labelLeft { /*display: block; float: left;*/ text-align:left; } .optionalLabel .labelRight { /*display: block; float: right;*/ text-align:right; } .optionalLabel .labelCenter { /*display: block; float: left;*/ text-align:center; }