.PostbackButton { display: none; }
.groupedquestions .row fieldset div input[type="text"] {
}
blockquote { font-size: .95em !important; padding: 0 !important; margin: 10px 20px 10px 20px !important; border-left: none !important; font-style: italic; }
.langBtn {
font-size: 0.9em !important;
margin: 0 auto !important;
color: black !important;
font-weight: normal !important;
}
.langContainer {
width: 100%;
margin-bottom: 10px !important;
margin-top: 10px !important;
color: #FFFFFF !important;
text-align:center !important;
padding-right:2em !important;
}
@media all and (max-width:992px) {
.langBtn {
top: 10px;
}
}
body {
background: #333333 !important;
color: #000; 
font-size: 0.8em; 
font-family: Verdana, Helvetica, Arial, sans-serif !important;
height: 100%;
margin: 2px !important;
padding-right: 0 !important;
}
.cc_main {
width: 100%;
height: 100%;
}
.cc_page {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
position: relative;
background-color:#ffffff;
}
.cc_header, .cc_main, .cc_footer, .cc_version {
width: 100%;
}
.cc_header {
margin: 0 auto;
vertical-align: middle;
}
.left-header {
max-width: 350px;
width: 30%;
float: left;
background-color: #fff;
padding: 0.5em;
}
.right-header {
background-color: #056592;
border-bottom: 5px solid #FEFEFE;
color: #FFFFFF !important;
margin-bottom: 1em;
}
h1 { color: #FFFFFF !important; } 
h2 {
color: #fff;
font-size: 1.188em !important;
line-height: 1.188em !important;
font-weight: normal !important;
}
#PassID {
margin-top: 50px !important;
}
.cc_login_panel {
text-align: left;
background-color: #e6e6e6;
max-width: 850px;
margin: 0 auto;
padding: 15px;
border: 2px solid #d1d1d1;
color: #000;
}
.cc_login_panel input {
padding: 5px;
font-size: 1.2em;
color: #333;
height: auto !important;
width: auto !important;
max-width: 100%;
border-radius: 2.5px;
border: 2px solid #d1d1d1;
margin: 0 auto !important;
}
.right-header {
color: #FFFFFF !important;
font-size: 1.15em !important;
text-align: center !important;
}
#PrivacyStatement_body p {
padding-top: 0.8em;
}
.cc_intro {
margin: 0 auto !important;
max-width: 800px;
text-align:left;
line-height:1.5em;
}
.cc_intro p {
padding-bottom: 0.8em;
}
.cc_agreement {
margin: 0 auto !important;
max-width: 800px;
border: solid 3px #d9d9d9;
border-radius:5px;
padding: 15px;
background-color: #f2f2f2;
text-align: center;
line-height: 1.5em;
}
.cc_agreement p {
padding-bottom: 0.8em;
}
.cc_privacyact {
color: #000000;
background-color: #DEDBC9;
padding: 7px;
margin-top:20px;
}
.cc_login_block{
margin: 0 auto !important;
max-width: 800px;
}
.cc_progress {
max-width: 1500px;
width: 100%;
min-height: 60px;
padding-bottom: 20px;
height: 20%;
margin: 0 auto;
}
.cc_progress p{
margin: 0 10px;
padding: 5px 10px;
text-align: center;
}
.cc_prg_bar {
width: 50%;
margin: 0 auto;
border: 1px solid #146799;
padding: 5px;
vertical-align:middle;
}
li { line-height: 20px; margin-bottom:5px; }
.cc_message {
overflow:hidden;
margin-top: 5px;
padding: 5px;
background: #f2f2f2;
border: 1px solid #d9d9d9;
line-height: 20px;
}
.cc_message p {
font-size: 1.125em !important;
line-height: 1.125em !important;
color: #000 !important;
font-weight: bold !important;
margin: 0.5em !important;
}
.clearfix {
clear: both;
margin-bottom: 10px;
}
form {
width: 100%;
padding: 0;
margin: 0;
}
.mobile-header {
min-width: 320px;
background-color: #056592;
width: 100%;
margin: 20px auto 0 auto;
border: 1px solid #056592;
min-height: 30px;
padding: 10px;
text-align: center;
}
.cc_logo {
display: block;
font-weight: normal;
font-size: 0.8em;
font-family: inherit !important;
max-width: 150px;
margin: 0 auto;
width: 90%;
}
.aoda {
max-width: 400px;
float: right;
height: 50px;
}
.cc_footer, .cc_version {
width: 100%;
clear: both;
background: #333333;
}
.cc_footer p {
padding-top: 15px;
text-align: center;
color: #fff;
}
.cc_footer a {
text-decoration: underline;
color: #fff;
}
.cc_version p {
padding-top: 15px;
font-size: 0.6em;
text-align: center;
color: #fff;
}
img {
outline:none;
text-decoration:none;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
clear: both;
}
a {
color: #0000F8;
text-decoration: underline;
}
a:active, a:visited, a:link {
outline: 0;
border: 0;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
background-color: #C6C1B9;
color: #000;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
p {
padding: 0;
}
.cc_title {
margin: 0 1em 0 1em !important;
font-weight: normal !important;
display: block;
padding: 0.500em 0 0.500em 0.500em; 
background-color: #ebebeb;
color: #000000 !important ;
border-bottom: 5px solid #FEFEFE;
border-top: 5px solid #056592;
}
.cc_sub_header + .cc_title {
border-left: none;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
font-weight: bold !important;
margin: 0.5em !important;
}
h1, .header-spacer {
font-size: 1.250em !important;
line-height: 1.250em !important;
}
.button_label {
font-size: 0 !important;
display: block;
position: absolute;
white-space: normal;
}
h3 {
font-size: 1.125em !important;		
line-height: 1.125em !important;
font-weight: normal !important;
}
h4 {
font-size: 0.813em !important;
line-height: 1em !important;
}
h5 {
font-size: 0.750em !important;
line-height: 1em !important;
}
hr {
border: 0;
margin: 2em 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.cc_sub_header {
font-weight: normal !important;
display: block;
padding: 0.500em 0 0.500em 0.500em;
background-color: #ebebeb !important;
color: #000000 !important ;
border-bottom: 5px solid #FEFEFE;
}
.cc_blurb {
display: block;
padding: 1.500em;
font-size: 1.125em;
line-height: 1.125em;
}
.cc_table_com {
margin: 0 !important;
}
input, select, textarea {
color: #000;
font-size: 0.9em;
margin: 0.25em !important
}
.characterfield {
width: 50%;
}
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
font-size: 1.250em;
min-height: 100px;
}
.cc_dr {
color: #000;
font-size: 0.9em;
padding: 4px;
margin: 4px;
border: 1px solid #A8A8A8 !important;
}
label {
font-size: 0.9em !important;
font-weight: normal !important;
margin: 0 !important; 
line-height: 20px !important;
}
.aoda_label {
font-size: 0 !important;
margin: 0 !important; 
line-height: 0 !important;
}
.labquestion {
display:block;
width: 100%;
background-color:#ebebeb;
color:#000000;
font-weight: normal;
font-size: 1.063em !important;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
}
.questionborder {
display: block;
margin: 0.25em 1em 0.25em 1em;
padding: 0.625em 0.75em 0.625em 0.75em;
border: 1px solid #A8A8A8;
} 
input[type=radio], input[type=checkbox] {
font-size: 1.8em !important;
text-align: center !important;
line-height: 16px !important;
}
.cc_alert {
margin: 20px;
padding: 10px;
background: #FFEBE8;
border: 1px solid #DD3C10;
color: #000;
font-size: 1.125em;
line-height: 1.5em;
font-weight: bold;
overflow: hidden;
text-align: center;
}
.cc_notify {
margin: 20px;
padding: 10px;
background: #63ff8d;
border: 1px solid #3a9653;
line-height: 1.125em;
color: #000;
font-weight: bold;
font-size: 1.125em;
overflow: hidden;
text-align: center;
}
.cc_enterdraw {
overflow: hidden;
margin-top: 20px;
background: #F2F2F2 none repeat scroll 0 0;
border: 1px solid #D9D9D9;
line-height: 20px;
padding: 20px;
}
.cc_extra_text {
width: 100%;
min-height: 60px;
height: 20%;
}
.cc_extra_text p{
text-align: center;
font-weight: bold;
padding: 10px 0 10px 0;
}
.cc_btn {
margin: 10px 0 !important;
min-width: 150px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 18px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.cc_btn:focus {
outline: thin dotted #000;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.cc_btn:hover,
.cc_btn:focus {
color: #000000;
text-decoration: none;
}
.cc_btn:active,
.cc_btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.cc_btn-default {
color: #000000;
background-color: #ffffff;
border-color: #000000;
}
.cc_btn-default:hover,
.cc_btn-default:focus,
.cc_btn-default:active,
.cc_btn-default.active,
.open .dropdown-toggle.cc_btn-default {
color: #FFFFFF;
background-color: #000000;
border-color: #000000;
}
.cc_btn-default:active,
.cc_btn-default.active,
.open .dropdown-toggle.cc_btn-default {
background-image: none;
}
.cc_btn-default.disabled,
.cc_btn-default[disabled],
fieldset[disabled] .cc_btn-default,
.cc_btn-default.disabled:hover,
.cc_btn-default[disabled]:hover,
fieldset[disabled] .cc_btn-default:hover,
.cc_btn-default.disabled:focus,
.cc_btn-default[disabled]:focus,
fieldset[disabled] .cc_btn-default:focus,
.cc_btn-default.disabled:active,
.cc_btn-default[disabled]:active,
fieldset[disabled] .cc_btn-default:active,
.cc_btn-default.disabled.active,
.cc_btn-default[disabled].active,
fieldset[disabled] .cc_btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.cc_btn_tabular {
border-radius: 5px 5px 5px 5px !important;
padding: 3px 3px !important;
font-size: 0.8em !important;
min-width: 80px !important;
}
.cc_TabularInfo {
font-size: 0.7em;
font-style:italic;
font-weight:bold;
}
.cc_btn_condition {
width: 100%;
white-space: normal !important;
max-width: 800px;
}
.dataTables_wrapper {
padding: 10px ;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
border: 1px solid #000 !important;
margin-left: 5px !important;
}
table.dataTable thead th.ui-state-default, table.dataTable tfoot th.ui-state-default  {
background: #343D4A !important;
color: #fff !important;
border: 1px solid #fff !important;
font-family: inherit !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 0 solid;
background: #343D4A;
/*font-weight: bold;*/
color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .fg-button {
border: 1px solid #000 !important;
margin: 5px !important;
width: 85px;
background: #343D4A !important;
color: #fff !important;
border-radius:3px;
}
.cc_con_extra {
margin-left:2%
}
.cc_dr, .cc_dd {
border: 1px solid #6868A8;
}
.cc_dd {
max-width: 100%;
}
.cc_dr, .cc_dd {
display: inline-block !important;
width: auto !important;
}
.dataTables_wrapper .dataTables_paginate .fg-button:hover {
background: #000 !important;
color: #FFF !important;
}
/*Modal Styling*/
.ui-widget-content {
/*border: 0 solid #343D4A !important;*/ 
color: #222222;
}
.ui-widget-header {
border: 1px solid #343D4A !important;
background: #343D4A !important;
color: #ffffff !important;
font-weight: bold !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #343D4A !important;
background: #FFF !important;
font-weight: bold !important;
color: #343D4A !important;
}
ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default:hover {
border: 2px solid #343D4A !important;
background: #343D4A !important;
font-weight: bold !important;
color: #FFF !important;
}
table.dataTable thead th, table.dataTable thead td,table.dataTable tfoot th, table.dataTable tfoot td  {
padding: 15px 18px !important;
border-radius: 5px !important;
}
table.dataTable tbody tr.selected
{
background-color:transparent !important;
}
.dataTable a{
color:black !important;
}
.btn-description {
display:inline-block;
padding: 5px;
font-size: 12px;
width:auto 0 !important;
border: 1px solid;
border-radius: 4px;
nav-down: auto;
margin: 0 !important;
}
.div-election-table { text-align: left !important; }
.cc_desc_item {
padding: 10px !important;
width: 80%;
background-color: #ebebeb;
margin:0 auto !important;
height: auto !important;
max-height: 400px;
overflow: auto;
}
.table_legend {
font-weight: normal !important;
font-size: 1.063em !important;
white-space: normal !important;
border-bottom: none !important;
margin-bottom: 0 !important;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
}
.normal_legend {
padding: 0.500em 0 0.500em 0.500em !important;
font-weight: normal !important;
font-size: 1.063em !important;
display: table !important;
white-space: normal !important;
width: 100% !important;
display: inline-block;
background-color: #ebebeb;
color: #000000;
border-bottom: 2.5px solid #5A6B82;
margin-bottom: 10px !important;
}
.row {
display: table-row;
}
.table_legend, .table_column {
display: table-cell;
padding: 0 7.5px 0 7.5px !important;
}
.vis_header {
display: none;
}
.table_legend, .table_column, .vis_number {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.table_label {
white-space: nowrap;
}
.table_fieldset {
border-bottom: solid 1px #ebebeb;
}
.cc_btn_div {
text-align: center;
}
.cc_btn_div > input:first-child {
float: left;
}
.cc_btn_div > input:last-child {
float: right;
}
label:hover { cursor: pointer; }
@media all and (min-width:992px) {
.col-md-12 { min-height: 54px !important; }
.table_fieldset .characterfield { width: 85% !important; }
.table_column input[type="text"] { margin-top: 0 !important; margin-bottom: 10px !important; }
.table_fieldset { min-height: 100%; overflow: hidden; }
.table_column { margin-bottom: -9999px; padding-bottom: 9999px !important; }
.header-spacer { height: 40px; }
.modal-dialog {
width: 800px !important;
margin: 30px auto;
font-size: 1.25em !important;
}
.table_column {
min-height: 50px !important;
}
.cc_col_header {
border-left-width: 1px;
border-left-style: solid;
border-right: none;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(grey), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image: -webkit-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image: -moz-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image: -o-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to bottom, grey, rgba(0, 0, 0, 0)) 1 100%;
color: #FFFFFF;
}
.table_column {
border-left: 1px solid lightgrey;
border-right: none;
}
.table_column:hover { background-color: lightblue; cursor:pointer; }
.row { border-bottom: 1px solid lightgrey; }
.cc_col_header_tabular {
border-left: none;
border-right: none;
padding-bottom: 10px;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(grey), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image: -webkit-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image: -moz-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image: -o-linear-gradient(grey, rgba(0, 0, 0, 0)) 1 100%;
border-image: linear-gradient(to bottom, grey, rgba(0, 0, 0, 0)) 1 100%;
color: #FFFFFF;
}
.table_group .table_column:first-of-type {
border-left: 1px solid #333;
}
.table_label {
font-size: 0 !important;
display: block;
position: absolute;
white-space: normal;
}
.vis_header {
display: block;
background-color: #056592 !important;
color: #FFFFFF;
}
.table_fieldset {
border-bottom: none;
}
.row, .table_legend, .table_column {
display: block;
}
.table_legend,.vis_number {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.row {
margin: 0 1em 0 1em !important;
}
.groupedquestions {
display: block;
padding: 0;
}
.groupedquestions .row:nth-of-type(even) {
background-color: #ffffff;
}
.groupedquestions .row:nth-of-type(odd) {
background-color: #ebebeb;
}
.groupedquestions div.col-md-1:nth-child(even) {
text-align:center;
}
.groupedquestions div.col-md-1:nth-child(odd) {
text-align:center;
}
.groupedquestions_tabular {
padding: 0 10px 0 10px !important;
}
.table_column {
text-align: center;
}
.cc_btn_div div input {
margin: 0 !important;
border-radius: 15px 15px 0 0;
display: block;
}
.cc_btn_div div input + input {
margin: 0 !important;
border-top: none;
border-radius: 0 0 15px 15px;
}
.cc_btn_single {
border-radius: 15px 15px 15px 15px !important;
}
.vis_header { margin: 0 !important }
.table_questionborder { margin: 0 !important; }
.wrapping_fieldset { margin: 0 1em 0 1em !important; }
.desktop_view_linebreak { width: 100%; display: block; }
.mobile_only { display: none; }
}
@media all and (max-width:992px) {
.div-election-table-col { margin-top: 0 !important;margin-bottom: 0 !important; }
.div-election-table-col-details { margin-top: 0 !important;margin-bottom: 0 !important; }
.desktop_only { display: none; }
.cc_btn_div {
text-align: center;
width: 100% !important;
}
.cc_btn_div div {
width: 100%;
}
.cc_btn_div input {
font-size: 1.2em !important;
float: none !important;
width: 100%;
display: block;
}
.cc_btn_div div:nth-last-child(1) {
display: none;
}
.cc_table_com, .table_column {
width: 100% !important;
}
.table_label {
margin: 0;
display: inline;
font-size: 12px;
position: relative;
left: 0;
text-align: left;
white-space: normal;
}
.vis_number {
display: none;
}
.table_legend {
width: 100% !important;
text-align: left;
padding: 5px;
background-color: #ebebeb;
margin-bottom: 20px !important;
}
.table_fieldset {
padding: 0 !important;
border-bottom: none;
}
.row, .table_legend, .table_column {
display: block;
}
.vis_header {
display: none;
}
.table_column {
padding: 0 !important;
}
.table_questionborder {
display: block;
margin: 0.25em 1em 0.25em 1em;
padding: 0.625em 0.75em 0.625em 0.75em;
border: 1px solid #A8A8A8;
}
.groupedquestions { padding: 0.25em 1em 0.25em 1em; }
.vis_header { margin: 0 !important }
.table_questionborder { margin: 0 !important; }
.wrapping_fieldset { margin: 0 1em 0 1em !important; }
}
.cc_table_com {
width: 100%;
}
.cc_col_header {
padding: 10px 2px 2px 2px !important;
min-height: 55px !important;
}
.ui-front, .ui-dialog-buttons, .ui-draggable, .ui-resizable {
max-width: 100%;
min-width: 50% !important;
display: inline-block;
}
.error {
border: solid 1px red;
}
.cc_feedback {
width: 100%;
text-align: center;
}
.cc_feedback input {
font-size: 1em !important
}
.cc_feedback_btn {
white-space: normal !important;
}
.cc_feedback_grp_btn {
white-space: normal !important;
min-width: 0  !important;
margin: 0 !important;
font-size: 14px !important;
}
.highlight_Good {
border: 1px solid #4195fc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 15px #4195fc;
-moz-box-shadow: 0 0 15px #4195fc;
box-shadow: 0 0 15px #4195fc;
}
h2 a:hover {
color: #333 !important;
}
.modal-dialog h4 {
font-size: 1.15em !important;
}
.modal {
top: 10% !important;
}
#exitscreen { 
position: absolute;
width: 200%;
height: 200%;
z-index:99;
display: none;
background-color: #333;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: -50px -50px -50px -50px;
padding: 60px 0 0 60px;
}
a:hover {
cursor: pointer;
}
.table_column input {
margin-top: 10px !important;
}
ul {
margin-bottom: 0 !important;
}
legend.cc_sub_header {
font-size: 1.125em !important;
line-height: 1.125em !important;
font-weight: normal !important;
padding: 1em !important;
margin-bottom: 0 !important;
}
.wagefield_1 {
text-align: right;
max-width: 150px !important;
display: inline-block !important;
}
.wagefield_2 {
text-align: center;
max-width: 75px !important;
display: inline-block !important;
}
.cc_wage {
width: 100%;
}
.cc_cati {
padding: 10px;
display: block;
margin-top: 10px;
margin-bottom: 1px;
}
.cc_describer {
display: none;
position: absolute;
left: 5000px;
font-size: 0;
}
.cc_described_item {
display: inline;
color: #333;
border-bottom: 1px dotted #005183;
cursor: pointer;
}
.cc_described_item:hover ~ .cc_describer {
display: block !important;
background-color: #005183;
padding: 10px;
border: solid 2px lightgrey;
border-radius: 10px;
font-size: inherit;
left: auto;
max-width: 96%;
color: #fff;
z-index: 1;
}
.header_position {
left: 0;
top: 0;
position: absolute;		
width: 100%;
}
.right-header { z-index: 99999; }
.catiQ {
display: block;
font-weight: bold;
padding: 5px;
border: solid 1px #ebebeb;
background-color: #FFFFFF;
float: right;
}
.groupedquestions + .cc_sub_header, .groupedquestions + .questionborder {
margin-top: 15px !important;
}