@font-face { font-family: 'Roboto_Regular'; src: url('fonts/Roboto-Regular.ttf'); } @font-face { font-family: 'Roboto_Medium'; src: url('fonts/Roboto-Medium.ttf'); } textarea { resize: none; } h1 { color: #012856; font-size: 36px; font-family: Arial, sans-serif; font-weight: bold; } h2 { font-family: Arial, sans-serif; font-size: 20px; color: #012856; } /* Physical Questionnaire */ .wsc_body { margin: 0px; padding: 0px; background-color: #ffffff; height: auto; display: block; } .wsc_preheader { margin-left: auto; margin-right: auto; text-align: center; padding: 0; color: #2e2e2e; font-family: Arial, sans-serif; font-size: 13px; height: 25px; } .wsc_header { margin-left: auto; margin-right: auto; text-align: center; padding: 0; color: #2e2e2e; font-family: Arial, sans-serif; font-size: 13px; /*height: 75px;*/ } .wsc_prebody { background-color: "#fff"; border-bottom-color: "#fff"; } .wsc_background { } .wsc_mainbody { margin-left: auto; margin-right: auto; text-align: center; padding: 0; color: #000; font-family: Arial, sans-serif; font-size: 13px; } .wsc_mainbodyzone { text-align: left; } .wsc_surveyzone { /*float: left;*/ } .wsc_surveyloading { margin-top: 10px; border: solid 1px #000000; background-color: #ffffee; } a.wsc_lang-link:link { font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_lang-link:visited { font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_lang-link:visited:hover { font-size: 12px; font-weight: normal; color: #333333; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_lang-link:hover { font-size: 12px; font-weight: normal; color: #333333; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_lang-link:active { font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_lang-link-selected:link { font-size: 12px; font-weight: normal; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_lang-link-selected:visited { font-size: 12px; font-weight: normal; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_lang-link-selected:visited:hover { font-size: 12px; font-weight: normal; color: #0052D6; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_lang-link-selected:hover { font-size: 12px; font-weight: normal; color: #333333; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_lang-link-selected:active { font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_reset-link:link { font-size: 10px; font-weight: normal; color: #333333; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_reset-link:visited { font-size: 10px; font-weight: normal; color: #666666; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_reset-link:visited:hover { font-size: 10px; font-weight: normal; color: #666666; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_reset-link:hover { font-size: 10px; font-weight: normal; color: #0052D6; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_reset-link:active { font-size: 10px; font-weight: normal; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_body-link:link { font-size: 12px; font-weight: normal; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_body-link:visited { font-size: 12px; font-weight: normal; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_body-link:visited:hover { font-size: 12px; font-weight: normal; color: #0052D6; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_body-link:hover { font-size: 12px; color: #0052D6; font-weight: normal; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_body-link:active { font-size: 12px; color: #2e2e2e; font-weight: normal; text-decoration: none; font-family: Arial, sans-serif; } .wsc_languagezone { text-align: right; margin-left: auto; margin-right: auto; color: #000000; padding: 3px 0px 5px 0px; } .wsc_languagelist { background-color: #EEF1F3; color: #6D7786; font-family: Arial, sans-serif; font-size: 9px; padding: 1px; border: 1px solid #D2D0D1; } .wsc_error-body { text-align: left; background-color: #ffffff; color: #000000; padding: 20px; } .wsc_bannerzone { background-color: #CAE3FB; height: 141px; } .wsc_percentzone { height: 25px; text-align: center; padding: 13px 0px 13px 0px; background-color: #fff; border: initial; margin: 0px 0px 0px 0px; } .wsc_percentimage { width: 90%; height: 25px; } .wsc_question-zone { display: block; border-bottom: 1px solid #d3d3d3; padding: 10px 0px 20px 0px; margin: 10px 0px 20px 0px; } .wsc_question-zonegt { display: block; background-repeat: no-repeat; background-position: left top; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .wsc_question-zonegm { display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .wsc_question-zonegb { width: 100%; display: block; background-color: #FFF; padding: 0px 0px 10px 0px; margin: 0px 0px 7px 0px; border-bottom: 1px solid #d3d3d3; } .wsc_question-validation { background-color: #DE0A02; padding: 3px; margin-bottom: 5px; } .wsc_question-body { padding: 20px; background-color: #ffffff; border-radius: initial; padding: 0 20px; } .wsc_labeltext { /*font-family: Arial, sans-serif; font-size:17px; color:#2e2e2e; margin-bottom:3px; font-weight: bold; padding:0px 0px 5px 0px; height: 0.01%; */ /*IE6 question text for date questions rendering fix*/ color: #000000; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding-top: 10px; padding-left: 0px; font-weight: initial; } .wsc_labeltext_box { font-family: Arial, sans-serif; font-size: 17px; color: #2e2e2e; margin-bottom: 3px; font-weight: bold; border: solid 1px #2e2e2e; padding: 2px 2px 2px 2px; } .wsc_labeltext-number { font-family: Arial, sans-serif; font-size: 20px; color: #012856; margin-bottom: 10px; font-weight: bold; padding: 0px 0px 10px 0px; font-weight: bold; } .wsc_labeltext_p { font-family: Arial, sans-serif; font-size: 14px; color: #000; } .wsc_webhelptext { color:#6F7878; font-size:12px; } .wsc_labeltext_bp { font-family: Arial, sans-serif; font-size: 10pt; background-color: #f4f4f4; padding: 5px; width: 60%; margin-left: 20%; margin-right: 20%; text-align: center; border: 0px solid #d2d2d2; } .wsc_labeltext_h1 { font-family: Arial, sans-serif; font-size: 20px; color: #012856; font-weight: bold; } .wsc_labeltext_h2 { font-family: Arial, sans-serif; font-size: 14px; color: #012856; /* letter-spacing: -0.01em; */ font-weight:bold; } /* radio button list */ .wsc_labeltext-input { border: 1px solid #D2D0D1; padding: 2px 2px 2px 6px; font-family: Arial, sans-serif; font-size: 11px; background-color: #EEF1F3; color: #6D7786; } .wsc_labeltext-listmenu { border: 1px solid #D2D0D1; padding: 4px 2px 2px 6px; font-family: Arial, sans-serif; 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; padding: 2px; font-family: Arial, sans-serif; font-size: 12px; height: 30px; border: 1px solid #d3d3d3; /* -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; */ } .wsc_textfield-focus-normal { background-color: #fafafa; color: #000000; } .wsc_textfield-focus-hover { background-color: #fafafa; /*#092857;*/ color: #000000; } .wsc_textfield-enabled-normal { background-color: #ffffff; color: #000; } .wsc_textfield-enabled-hover { background-color: #fafafa; /*#092857;*/ color: #000; } .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; } .wsc_textfield-enabled-normal-error { background-color: #FFCC00; color: #000000; } .wsc_textfield-enabled-hover-error { background-color: #FFFF66; color: #000000; } .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; border: 1px solid #d2d2d2; padding: 2px; font-family: Arial, sans-serif; font-size: 12px; } .wsc_commentfield-focus-normal { background-color: #fafafa; color: #000000; } .wsc_commentfield-focus-hover { background-color: #B1CFE6; /*#092857;*/ color: #000000; } .wsc_commentfield-enabled-normal { background-color: #ffffff; color: #000000; } .wsc_commentfield-enabled-hover { background-color: #fafafa; /*#092857;*/ color: #000; } .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; } .wsc_commentfield-focus-hover-error { background-color: #C7D6E5; color: #000000; } .wsc_commentfield-enabled-normal-error { background-color: #FFCC00; color: #000000; } .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; border: 1px solid #d3d3d3; padding: 2px; font-family: Arial, sans-serif; font-size: 12px; text-align: right; height: 30px; } .wsc_numberfield-focus-normal { background-color: #fafafa; color: #000000; } .wsc_numberfield-focus-hover { background-color: #f4f4f4; /*#092857;*/ color: #000000; } .wsc_numberfield-enabled-normal { background-color: #ffffff; color: #000; } .wsc_numberfield-enabled-hover { background-color: #f4f4f4; /*#092857;*/ color: #000; } .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; } .wsc_numberfield-focus-hover-error { background-color: #C7D6E5; color: #000000; } .wsc_numberfield-enabled-normal-error { background-color: #FFCC00; color: #000000; } .wsc_numberfield-enabled-hover-error { background-color: #FFFF66; color: #000000; } .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-family: Arial, sans-serif; font-size: 11px; } .wsc_radiofield-title { font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #2e2e2e; font-weight:bold; } .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-family: Arial, sans-serif; font-size: 13px; background-color: #ededed; color: #2e2e2e; } .wsc_radiofield-enabled-hover { background-color: #D3D3D3; /*#092857;*/ color: #000; } .wsc_radiofield-enabled-hover-sel { background-color: #b1cfe6; /*#98BFDD;*/ /*#092857;*/ color: #2e2e2e; background:#d3d3d3; } .wsc_radiofield-enabled-normal { background-color: #F4F4F4; /*#DDEAF4;*/ color: #000; } .wsc_radiofield-enabled-normal-sel { background-color: #012856; /*#98BFDD;*/ color: #fff; } /* 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-family: Arial, sans-serif; font-size: 13px; } .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-family: Arial, sans-serif; font-size: 13px; background-color: #ededed; color: #2e2e2e; } .wsc_rankedchoice-enabled-hover { background-color: #f4f4f4; /*#092857;*/ color: #000; } .wsc_rankedchoice-enabled-hover-sel { background-color: #d3d3d3; /*#98BFDD;*/ /*#092857;*/ color: #000; } .wsc_rankedchoice-enabled-normal { background-color: #fafafa; /*#DDEAF4;*/ color: #2e2e2e; } .wsc_rankedchoice-enabled-normal-sel { background-color: #009AD7; /*#98BFDD;*/ color: #fff; } .wsc_rankedcontainerleft1 { background-color: #eeeeee; width: 290px; color: #000; } .wsc_rankedcontainerleft2 { border: 1px solid #012856; background-color: #eeeeee; width: 290px; color: #000; } .wsc_rankedcontainerleft3 { background-color: #012856; padding: 4px; color: #ffffff; } .wsc_rankedcontainerright1 { background-color: #eeeeee; color: #000; width: 290px; } .wsc_rankedcontainerright2 { border: 1px solid #d4d4d4; background-color: #eeeeee; width: 290px; color: #000; } .wsc_rankedcontainerright3 { background-color: #d4d4d4; color: #000; padding: 4px; } .wsc_ranked_norank { width: 290px; height: 34px; padding-top: 10px; text-align: center; color: #aaa; } .wsc_rankedchoice { /*padding:2px 2px 2px 2px;*/ border:2px solid #FFFFFF; } .wsc_rankednav { width: 100%; height: 35px; } a.wsc_rankednav-link:link { font-size: 12px; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_rankednav-link:visited { font-size: 12px; color: #0052D6; text-decoration: none; font-family: Arial, sans-serif; } a.wsc_rankednav-link:visited:hover { font-size: 12px; color: #000000; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_rankednav-link:hover { font-size: 12px; color: #000000; text-decoration: underline; font-family: Arial, sans-serif; } a.wsc_rankednav-link:active { font-size: 12px; color: #000000; text-decoration: none; font-family: Arial, sans-serif; } .wsc_rankedup { background: url('/images/navigation/ArrowUp.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedup:hover { background: url('/images/navigation/ArrowUpHot.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankeddown { background: url('/images/navigation/ArrowDown.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankeddown:hover { background: url('/images/navigation/ArrowDownHot.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedclear { background: url('/images/navigation/Clear.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedclear:hover { background: url('/images/navigation/ClearHot.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; } .wsc_rankedreset { background: url('/images/navigation/Reset.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; width: 31px; height: 30px; /*font-size:12px; color:#FFFFFF; text-decoration:none; font-family: Arial, sans-serif; cursor: pointer;*/ } .wsc_rankedreset:hover { background: url('/images/navigation/ResetHot.png') no-repeat center; padding: 5px 5px 5px 5px; cursor: pointer; /* font-size:12px; color:#FFFFFF; text-decoration:underline; font-family: Arial, sans-serif; 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-family: Arial, sans-serif; font-size: 13px; } .wsc_checkfield-title { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; } .wsc_checkfield-text-simple { font-family: Arial, sans-serif; font-size: 13px; color: #2e2e2e; } .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-family: Arial, sans-serif; font-size: 12px; background-color: #ededed; color: #2e2e2e; } .wsc_checkfield-enabled-hover { background-color: #d3d3d3; color: #000; } .wsc_checkfield-enabled-hover-sel { background-color: #d3d3d3; color: #000; } .wsc_checkfield-enabled-normal { background-color: #f4f4f4; color: #000; } .wsc_checkfield-enabled-normal-sel { background-color: #012856; color: #fff; } .wsc_gridlight-error { background-color: Fuchsia; } .wsc_gridlight-text { font-family: Arial, sans-serif; font-size: 11px; } .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-family: Arial, sans-serif; font-size: 11px; background-color: #F2F7FA; color: #000000; } .wsc_gridlight-enabled-hover { background-color: #B1CFE6; color: #ffffff; } .wsc_gridlight-enabled-hover-sel { background-color: #244F70; color: #ffffff; } .wsc_gridlight-enabled-normal { background-color: #F2F7FA; color: #000000; } .wsc_gridlight-enabled-normal-sel { background-color: #4E91C5; color: #ffffff; } .wsc_gridlight-header { background-color: #75706D; color: #ffffff; } /* Light Grid - Alternating Row Colours */ .wsc_gridlightalt-error { background-color: Fuchsia; } .wsc_gridlightalt-text { font-family: Arial, sans-serif; font-size: 11px; } .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-family: Arial, sans-serif; font-size: 11px; color: #000000; } .wsc_gridlightalt-enabled-hover { background-color: #B1CFE6; color: #ffffff; } .wsc_gridlightalt-enabled-hover-sel { background-color: #244F70; color: #ffffff; } .wsc_gridlightalt-enabled-normal { color: #000000; } .wsc_gridlightalt-enabled-normal-sel { background-color: #4E91C5; color: #ffffff; } /* Dark Grid - Standard */ .wsc_griddark-error { background-color: Fuchsia; } .wsc_griddark-text { font-family: Arial, sans-serif; font-size: 13px; } .wsc_grid-title { font-family: Arial, sans-serif; font-size: 13px; color: #2e2e2e; } .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-family: Arial, sans-serif; font-size: 13px; background-color: #DDEAF4; color: #2e2e2e; } /* Hover (same colour as alternate) */ .wsc_griddark-enabled-hover { background-color: #d3d3d3; color: #ffffff; } /* Hover over Selected (same colour as alternate) */ .wsc_griddark-enabled-hover-sel { background-color: #d3d3d3; /*#4E91C5;*/ /*244F70*/ color: #ffffff; } /* Normal */ .wsc_griddark-enabled-normal { /*background-color: #EAEAEA;*/ background-color: #ffffff; color: #000000; font-family: Arial, sans-serif; font-size: 13px; /*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-family: Arial, sans-serif; /*font-weight:bold;*/ background-color: #ffffff; /*border-bottom:1px solid #DFDFDF;*/ border-top: 1px solid #dcdadb; color: #000000; } .wsc_grid-rowalt-enabled-normal { font-family: Arial, sans-serif; font-size: 13px; background-color: #f4f4f4; border-top: 1px solid #d3d3d3; color: #000000; } .wsc_grid-rowbase-enabled-normal { font-family: Arial, sans-serif; font-size: 13px; color: #000000; border-top: 1px solid #d3d3d3; } /* Grid Row Comment Style */ .wsc_grid-rowcomment-enabled-normal { font-family: Arial, sans-serif; font-size: 13px; background-color: #EAEAEA; color: #000000; } .wsc_grid-rowcommentalt-enabled-normal { font-family: Arial, sans-serif; font-size: 13px; background-color: #fafafa; color: #000000; } /* Grid Row Totals */ .wsc_grid-rowtotal-enabled-normal { font-family: Arial, sans-serif; font-size: 13px; background-color: #EAEAEA; border-top: 2px solid #DFDFDF; color: #000000; } .wsc_grid-rowtotalalt-enabled-normal { font-family: Arial, sans-serif; font-size: 13px; background-color: #fafafa; border-top: 2px solid #DFDFDF; color: #000000; } .wsc_grid-rowtotal-errorlabel { color: Red; } /* Selected (same colour as alternate) */ .wsc_griddark-enabled-normal-sel { background-color: #012856; /*#98BFDD;*/ /*4E91C5*/ color: #ffffff; } .wsc_griddark-header { color: #000000; padding-bottom: 10px; color: #000000; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; } /* Dark Grid - Alternating Row Colours */ .wsc_griddarkalt-error { background-color: Fuchsia; } .wsc_griddarkalt-text { font-family: Arial, sans-serif; font-size: 11px; } .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-family: Arial, sans-serif; font-size: 11px; color: #000000; } /* Hover (same colour as normal) */ .wsc_griddarkalt-enabled-hover { background-color: #d3d3d3; color: #ffffff; } /* Hover over Selected (same colour as normal) */ .wsc_griddarkalt-enabled-hover-sel { background-color: #d3d3d3; /*#4E91C5;*/ color: #ffffff; } /* Normal */ .wsc_griddarkalt-enabled-normal { background-color: #f4f4f4; color: #000000; } /* Selected (same colour as normal) */ .wsc_griddarkalt-enabled-normal-sel { background-color: #012856; /*#98BFDD;*/ color: #ffffff; } /* 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-family: Arial, sans-serif; font-size: 12px; padding: 2px; background-color: #fff; height: 34px; border: 1px solid #d2d2d2; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wsc_listmenu-focus-normal { background-color: #fafafa; color: #000; } .wsc_listmenu-focus-hover { background-color: #D6E1EB; color: #000; } /* #C7D6E5*/ .wsc_listmenu-enabled-normal { background-color: #fff; color: #000; } .wsc_listmenu-enabled-hover { background-color: #fafafa; color: #000; } .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: #9b9b9b; } .wsc_listmenu-focus-hover-error { background-color: #C7D6E5; color: #9b9b9b; } .wsc_listmenu-enabled-normal-error { background-color: #FFCC00; color: #6D7786; } .wsc_listmenu-enabled-hover-error { background-color: #FFFF66; color: #9b9b9b; } .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-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; padding: 0; margin-bottom: 5px; } .wsc_form-title-secondary { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; color: #666666; padding: 0; margin-bottom: 5px; } .wsc_form-instructions { font-family: Arial, sans-serif; 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-family: Arial, sans-serif; font-size: 10px; color: red; font-weight: normal; background-color: #F7C5C9; padding: 2px; margin: 0; } .wsc_content-title { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #000000; 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-family: Arial, sans-serif; font-size: 12px; color: #666666; font-weight: normal; padding-top: 4px; margin: 0; } /* Calendar */ .calendar { font-family: Arial, sans-serif; border-style: solid; border-width: 1px; border-color: Black; border-collapse: collapse; background-color: #FFFFFF; cursor: default; z-index: 901; } .calendar-timezone { font-family: Arial, sans-serif; font-size: 10px; } .calendar-title { font-weight: bold; background-color: #D7D7E5; color: #000000; } .calendar-day { width: 25px; cursor: pointer; text-align: center; border-width: 1px; border-color: #F6F6F6; border-style: solid; color: #000000; } .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; } .calendar-nextprev { cursor: pointer; height: 25px; vertical-align: middle; padding: 0px 5px 0px 5px; } .calendar-othermonthday { color: #2f95ca; } .calendar-selector { width: 14px; cursor: pointer; text-align: left; vertical-align: middle; background-color: #FFFFFF; } .calendar-selectedday { width: 25px; background-color: #FBE694; color: #000000; border-width: 1px; border-color: #BB5503 !important; border-style: solid; font-weight: bold; } .calendar-outofrangeday { visibility: hidden; } .calendar-picker { font-family: Arial, sans-serif; font-size: 11px; background-color: #EEF1F3; color: #000000; 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; } .calendar-picker-day-hot { background-color: Green; } .calendar-button { border: none; cursor: pointer; } .calendar td { font-size: 11px; color: #000000; } .calendar-month { background-color: #F6F6F6; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 0px; } .wsc_buttonzone_next { float: left; padding-right: 10px; } .wsc_buttonzone_previous { float: left; padding-right: 10px; } .butt_m { background-color: #002856; color: #fff !important; display: inline-block; font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; height: 15px; margin: 0; line-height: normal; padding: 12px 15px; text-decoration: none; min-width: 55px; border-radius: initial; -webkit-border-radius: initial; } .butt_m:hover { background-color:#002856; } div.butt_m { height: 15px; } a.butt_m:link { color: #ffffff !important; text-decoration: none; cursor: pointer; height: 15px; display: block; } a.butt_m:visited { color: #ffffff !important; text-decoration: none; cursor: pointer; height: 15px; display: block; } a.butt_m:hover { color: #ffffff !important; text-decoration: none; cursor: pointer; height: 15px; display: block; } a.butt_m:active { color: #ffffff !important; text-decoration: none; cursor: pointer; height: 15px; display: block; } /* div classes for demographic */ DIV.base-layer { border: solid #000000 0px; color: #000000; margin: 0px 6px 0px 6px; padding: 0; text-align: center; width: auto; } DIV.table-row { border: solid #000000 0px; color: #000000; 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.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-family: Arial, sans-serif; font-size: 11px; color: #727272; margin-bottom: 3px; padding: 0px 0px 5px 0px; } .demographicLabelBig { font-family: Arial, sans-serif; font-size: 14px; color: #727272; margin-bottom: 3px; font-weight: bold; padding: 0px 0px 5px 0px; } .demographicLabelSmall { font-family: Arial, sans-serif; font-size: 10px; color: #727272; margin-bottom: 3px; padding: 0px 0px 5px 0px; } wsc_poweredzone { /*width: 980px;*/ float: left; font-size: 10px; color: #999999; margin-top: 20px; margin-bottom: 5px; font-family: Arial, sans-serif; text-align: center; visibility: hidden; } 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; background-color: #666666; padding: 2px; text-decoration: underline; } a.powered:active { font-size: 10px; color: #ffffff; background-color: #666666; padding: 2px; text-decoration: underline; } a.wsc_link:link { color: #2e2e2e; text-decoration: none; border-bottom: 1px dotted #666; } a.wsc_link:visited { color: #2e2e2e; text-decoration: none; border-bottom: 1px dotted #666; } a.wsc_link:visited:hover { color: #2e2e2e; text-decoration: none; border-bottom: 1px solid #000; } a.wsc_link:hover { color: #2e2e2e; text-decoration: none; border-bottom: 1px solid #000; } a.wsc_link:active { color: #2e2e2e; text-decoration: none; border-bottom: 1px dotted #666; } .wsc_hierarchical0 { } .wsc_hierarchical0R { } .wsc_hierarchicalN { background-image: url(right-arrow.png); margin-top: 3px; padding-left: 20px; background-position: left center; background-repeat: no-repeat; } .wsc_hierarchicalNR { background-image: url(left-arrow.png); margin-top: 3px; padding-right: 20px; background-position: right center; background-repeat: no-repeat; } .wsc_buttonzone_next { } .wsc_portalreportrefresh { background: url("/images/charts/ChartRefresh.png") no-repeat scroll center center transparent; height: 20px; margin-top: -2px; width: 20px; } .wsc_radiofield-title { font-family: Arial, sans-serif; font-size: 14px; color: #2e2e2e; font-weight: bold; } .wsc_checkfield-title { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; } .wsc_buttonzone_save { float: left; } .wsc_tooltip { background-image: url("hinticon.png"); background-position: center center; background-repeat: no-repeat; cursor: help; height: 17px; outline: medium none; position: relative; width: 17px; padding: 2px; } .wsc_tooltip span { margin-left: -999em; position: absolute; } .wsc_tooltip:hover span { padding: 2px; background-color: #ffffff; border: 1px solid #000000; color: #333333; font-family: Arial, sans-serif; font-size: 12px; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 200px; } /*EVERYTHING HERE ON OUT ARE SAM CHANGES*/ .jslider .jslider-pointer{ background-image: none !important; background: #f4f4f4 !important; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 18px !important; width: 18px !important; margin-top: -2px; margin-left: -9px !important; } .jslider .jslider-pointer.jslider-pointer-hover{ background: #04529c !important; } .jslider_round_plastic .jslider-pointer{ background-image: none !important; background: #f1f1f1 !important; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 12px !important; width: 12px !important; margin-top: 3px; } .jslider_round_plastic .jslider-pointer.jslider-pointer-hover{ background: #04529c !important; } .wsc_rankedcloudleft1, .wsc_rankedcloudright1{ background-color: #012856 !important; border: 1px solid #012856 !important; color: #fff !important; font-weight: bold; font-family: arial, sans-serif !important; } .choicecloud_left, .choicecloud_right{ border-left: 1px solid #012856 !important; border-right: 1px solid #012856 !important; border-bottom: 1px solid #012856 !important; background-color: #fff !important; } .choicecloud_list1, .choicecloud_list2, .choicecloud_list3, .choicecloud_message{ background-color: #fff !important; } .choicecloud_sortable1 li, .choicecloud_sortable2 li, .choicecloud_sortable3 li{ background-color: #fff !important; } .choicecloud_sortable1 li:hover, .choicecloud_sortable2 li:hover, .choicecloud_sortable3 li:hover{ background-color: #d1d1d1 !important; cursor: pointer; } .choicecloud_default{ border: 1px solid #d1d1d1 !important; } .choicecloud_default{ background-image: none !important; color: #767676 !important; } .rectangle-list a:before { color: #000000 !important; } .tt-inner-text{ color: #000; font-size: 14px; font-family: Arial, sans-serif; } .tt-box{ border: 2px solid #6F7878 !important; border-radius: 0 !important; background: #fff !important; } .tt-box-arrow-border{ border-color: #6F7878 transparent transparent transparent !important; } .tt-box-arrow{ border-color: #fff transparent transparent transparent !important; } /*jquery UI calendar input box*/ .wsc-datepicker-textfield-enabled-normal { border: 2px solid #D2D2D2 !important; font-family: Arial, sans-serif !important; font-size: 12px !important; height: 30px !important; padding: 2px !important; background:#fff !important; } .wsc-summary-header-row { background-color: transparent; } .qq-upload-button { background: #012856; border-bottom: 1px solid #012856; } .qq-upload-button-hover { background: #6d7786; }