body {
 margin:0;
 padding:0;
 font-family:Muli,Tahoma,Arial,Helvetica;
 font-size:13px;
}
body.white {
 margin:0;
 padding:0;
 background:#fff;
 background-color:#fff;
}
/* https://stackoverflow.com/questions/48847043/ */
.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active {
 background:#d8db34!important;
 color:#444!important;
}
.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active:hover {
 background:#d0d030!important;
 color:#000!important;
 border-color:#888!important;
}
.ui-widget-overlay {
 /* Make sure to change both of these, as IE only sees the second one */
 opacity: .60 !important;
 filter: Alpha(Opacity=60) !important;
 /* This will make it darker */
 /* background-color: rgb(40, 40, 40) !important; */
 background-color: #3a3427 !important;
}
#sessionSecondsRemaining {
 color:red;
}
#dialogSessionExpirationWarning > p {
 font-size:12px;
 font-weight:bold;
}
#dialogLoggedOut > p {
 font-size:12px;
 font-weight:bold;
}
#dialogSessionExpirationWarning {
 height:500px;
 width:500px;
 z-index:4000;
 display:none;
}
#dialogLoggedOut {
 z-index:5000;
 display:none;
}
ol {
 margin-bottom:20px;
}
ul {
 margin-bottom:20px;
 list-style-type: "-";
}
#pagedata ul {
 margin-left:25px;
 margin-bottom:20px;
}
#pagedata ol {
 margin-left:40px;
 margin-bottom:20px;
}
#pagedata ul li {
 padding-left:10px;
 margin:5px 0px 0px 0px;
}
#pagedata ol li {
 padding-left:10px;
 margin:5px 0px 0px 0px;
}

#container {
 position: relative;
 width:100%;
 z-index:10;
 padding:0;
 margin:0;
 background:transparent;
}
#content {
 position: relative;
 width:100%;
 z-index:20;
 margin:0;
 padding:0;
 padding-left:10px!important;
 border:none;
 background:transparent;
}
#frontpage {
 width:100%;
 margin:0;
 padding:0;
 z-index:21;
 border-bottom:1px solid #ddd;
}
#TheQuestionnaireIframe {
 overflow:auto;
 margin:0;
 padding:0;
 width:100%;
 z-index:40;
 overflow:auto;
 border:none;
 width:100%;
}
#TheQuestionnaire {
 overflow:auto;
 margin:0;
 padding:0;
 width:100%;
 z-index:60;
 border:none;
}
#QuestionnaireContentDiv {
 /* this one is the SCROLLER */
 overflow:auto;
 text-align:left;
 padding:0;
 margin:0;
 width:99%;
 border:none;
 z-index:61;
 border:none;
}
#pagedata {
  /* this is INSIDE of the SCROLLER above */
 overflow:hidden;
 position:relative;
 padding:0;
 margin:0;
 margin-left:5px;
 width:99%;
 border:none;
 z-index:62;
}
h1 {
 font-size:22px;
 font-weight:bold;
}
h2 {
 font-size:20px;
 font-weight:bold;
}
h3 {
 font-size:18px;
 font-weight:bold;
}
h4 {
 font-size:16px;
 font-weight:bold;
}
h5 {
 font-size:15px;
 font-weight:bold;
}
h6 {
 font-size:14px;
 font-weight:bold;
}

input {
 padding:1px;
 font-size:12px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
 border-radius: 3px;
}
input.text {
 margin-bottom:12px;
 width:95%;
 padding: .4em;
}
.inactive {
 color: #666666;
}
#TheMenu {
 display:block;
 margin:0;
 padding:0;
 padding-top:10px;
 min-height:65px;
 z-index:63;
 border-top:1px solid #ccc;
 position:relative;
 width:98%;
}
#menubar {
 text-align:center;
 width:100%;
 min-height:65px;
 border:none;
 width:99%;
}
.questButton {
 background-color: #a    ; /* Green */
 border: none;
 color: #fff;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 width:110px;
 height:27px;
 margin-left:2px;
 margin-top:2px;
}
.questButton:hover {
 background-color: dff04bb6e; /* Green */
 border: none;
 color: white;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 width:110px;
 height:27px;
 margin-left:2px;
 margin-top:2px;
}
.questButton:active {
 margin-left:2px;
 margin-top:2px;
 transform: scale(0.95)
 translate(-0%, -12%);
 font-size: 10px;
}
.button {
 width:125px;
 height:27px;
 margin-top:2px;
}
fieldset { 
 padding:0;
 border:none;
 margin-top:25px;
 border-color:1px solid red;
}
.validateTips {
 border: 1px solid transparent;
 padding: 0.3em;
}
#loaderBarDiv {
 padding:0;
 margin:0;
 display: none;
 height: 636px;
 line-height: 636px;
 width:90%;
 position: fixed;
 text-align: center;
 opacity:0.8;
 filter: alpha(opacity=50) ;
 text-decoration: none;
 background-color: #3a3427;
 color:#FFFFFF;
 text-shadow: #fff 0px 0px 20px;
 z-index:100;
 border:none;
}
div.groupforms {
 width:500px;
 margin:10px;
 padding:10px;
 background:white;
}
.textareanowidth {
 font-size:12px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
 border-radius: 3px;
 resize: none;
 border-bottom: #ddd solid 2px;
 border-right: #ddd solid 2px;
 border-left: #999 solid 2px;
 border-top:  #999 solid 2px;
}
textarea {
 font-size:12px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 -khtml-border-radius: 0px;
 border-radius: 0px;
 resize: none;
 border: 1px solid #ccc;
 background-color: #fcfcfc;
 padding:12px;
}
textarea:focus { 
 outline: none !important;
 border: 1px solid #aaa!important;
 box-shadow: 4px 4px .5em  #ddd, 0px 0px transparent;
 border-radius: 0px;
}
.textareacontainerouter {
 display:block;
 width:100%;
 margin:0;
 padding:0;
 /* https://stackoverflow.com/questions/2920114/how-to-auto-adjust-the-div-height-according-to-content-in-it/ */
 min-height:100px;
 overflow:hidden;
 border:none;
}
.textareacontainer {
 float:left;
 margin:0;
 margin-bottom:35px;
 padding:0;
 width:75%;
 border:none;
}
.textareacontainerRow {
 display:block;
 margin:0;
 padding:0;
 width:100%;
 border:none;
}
.textareacontainerspan {
 float:left;
 margin:0;
 padding:0;
 width:20%;
 text-align:left;
 border:none;
}
.blockquote1 {
 border:none;
 padding:0;
 margin:0;
}
.blockquote2 {
 border:none;
 margin-right:0px;
 margin-left:15px;
 margin-bottom:12px;
 margin-top:8px;
}
.blockquoteSmall {
 border:none;
 margin-right:0px;
 margin-left:15px;
 margin-bottom:10px;
 margin-top:8px;
}
.blockquoteMedium {
 border:none;
 margin-right:0px;
 margin-left:15px;
 margin-bottom:20px;
 margin-top:8px;
}
.blockquoteNoSpace {
 border:none;
 margin-right:0px;
 margin-left:15px;
 margin-bottom:0px;
 margin-top:8px;
}

select {
 font-size:12px;
 padding:5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
 border:1px solid #ccc;
}
.dateCompare {
 width: 60px !important;
 border: 1px solid green;
}
.date5 {
 width: 130px;
 border: 1px solid red;
 margin: 4px;
 padding: 4px;
 background-color: #fff;
 border: 1px solid #bbb;
 color: #333;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: height 0.1s ease;
 -moz-transition: height 0.1s ease;
 -o-transition: height 0.1s ease;
 transition: height 0.1s ease;
}
.tablesorter-filter {
 width:90%;
 height: inherit;
 margin: 4px;
 padding: 4px;
 background-color: #fff;
 border: 1px solid #bbb;
 color: #333;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: height 0.1s ease;
 -moz-transition: height 0.1s ease;
 -o-transition: height 0.1s ease;
 transition: height 0.1s ease;
}
/* prog bars */
.progbar_menu {
 vertical-align:middle;
 display:inline-block;
 margin:0;
 padding:0;
 width:128px;
 height:23px;
}
.progbarLabel_menu {
 padding:0;
 margin:0;
 padding-top:6px;
 text-align:center;
 width:127px;
 height:21px;
 border:none;
 position:absolute;
}
#progressbarMsgPanel {
 vertical-align:middle;
 display:inline-block;
 width:700px;
 margin:0;
 padding:0;
 margin-right:2px;
 margin-bottom:10px;
}
#progressbarMsgPanelLabel {
 padding-top:5px;
 text-align:center;
 width:699px;
 border:none;
 position:absolute;
}
/* sortable lists */
.sortable { 
 list-style-type: decimal;
 margin: 0; 
 padding: 0; 
 width: 700px; 
 margin-left:20px;
}
.sortable li { 
 margin: 0 3px 3px 3px;
 padding: 0.4em;
 padding-left: 1.5em;
 height: 18px;
}
.sortable li span { 
 position: absolute;
 margin-left: -1.3em;
}
.sortablecontainer {
 position:relative;
 float:left;
 margin:0;
 padding:0;
 width:710px;
}
.sortablecontainerspan {
 float:right;
 margin:0;
 padding:0;
 width:200px;
 text-align:left;
}
/* schleiders */
.sliderbuttonVERT {
 width:30px;
 height:30px;
}
.sliderbuttonHOW {
 width:30px;
 height:30px;
 float:left;
 top:15px;
 margin-left:20px;
}
.sliderOuter {
 border:none;
 height:275px;
 padding:5px;
 float:left;
 /*border:1px solid red;*/
 border:1px solid #ccc;
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 border-radius: 4px;
}
.sliderInnerVERT {
 text-align:center;
 float:left;
 margin-left:5px;
 padding-top:5px;
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 border-radius: 4px;
 width:80px;
 height:265px;
 border:1px solid #ccc;
}
.sliderInnerHOR {
 text-align:center;
 float:left;
 margin-left:5px;
 padding-top:5px;
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 border-radius: 4px;
 width:420px;
 height:60px !important;
 border:1px solid #ccc;
}
.slider {
 margin-left:32px;
 margin-top:15px;
 margin-bottom:15px;
}
.sliderLabel {
 margin:0;
 padding:0;
 padding-top:10px;
 padding-bottom:10px;
 font-size:12px;
}
.sliderTotal {
 margin-left:22px;
 margin-top:15px;
 margin-bottom:15px;
 font-size:12px;
}
.sliderInput {
 font-size:1.3em;
 text-align:center;
 width:40px;
 size=3;
 margin-bottom:5px;
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px; 
 -webkit-border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 border-radius: 4px;
}
/* multichoicePlusInput */
.multichoicePlusInputOuter {
 width:820px;
 height:35px;
 border-bottom:1px solid #ccc;
 margin:0;
 padding:0;
}
.multichoicePlusInputLeft {
 display:inline;
 float:left;
 border:none;
 width:500px;
}
.multichoicePlusInputRight {
 display:inline;
 float:right;
 border:none;
 width:300px;
}
/* multichoiceWIDE and multichoice */
.multichoicecontainerouter {
 display:block;
 width:98%;
 margin:0;
 padding:0;
 overflow:hidden;
 border:none;
}
.blockquoteNoSpace .multichoicecontainerouter {
 /* https://stackoverflow.com/questions/2920114/how-to-auto-adjust-the-div-height-according-to-content-in-it/ */
 min-height:20px;
}
.blockquote2 .multichoicecontainerouter {
 min-height:80px;
}
.blockquote1 .multichoicecontainerouter {
 min-height:80px;
}
.blockquoteSmall .multichoicecontainerouter {
 min-height:40px;
}
.blockquoteMedium .multichoicecontainerouter {
 min-height:60px;
}
.multichoicecontainerStacked {
 display:inline;
 float:left;
 margin:0;
 padding:0;
 /* https://stackoverflow.com/questions/2920114/how-to-auto-adjust-the-div-height-according-to-content-in-it/ */
 min-width:100px;
 border:none;
}
.multichoicewidecontainerStackedspan {
 display:inline;
 float:left;
 margin:0;
 padding:0;
 /* make sure you include "answer required" text! */
 min-width:100px;
 text-align:left;
 border:none;
}
/* selectable */
.ui-selecting {
 background: #cccccc !important;
}
.ui-selected {
 background: #d8db34 !important;
 color: black;
}
.ol-selectable {
 margin:0;
 padding:0;
 width:650px;
}
.li-selectable {
 margin:3px;
 padding:3px;
 font-size:12px;
 height:14px;
 width:auto;
 background: #eeeeee;
 -moz-border-radius-topleft: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 border-radius: 4px;
}
/* weighted response type questions */
div.weightedResponseOuter {
 width:900px;
 margin:0;
 padding:0;
 border:none;
}
div.weightedResponseChoices {
 float:left;
 width:760px;
 margin:0;
 padding:0;
 border:none;
}
div.weightedResponseQuestion {
 display:block;
 float:left;
 border-top:1px solid #ccc;
 width:500px;
}
div.weightedResponseSelection {
 display:inline;
 float:left;
 border-top:1px solid #ccc;
 width:250px;
}
div.weightedResponseRequired {
 float:left;
 width:132px;
 margin:0;
 padding:0;
 border:none;
}
tr.changeOnHover {
 background:#fafafa;
}
tr.changeOnHoverAlternate {
 background:#f0f0f0;
}
tr.changeOnHover:hover, tr.changeOnHoverAlternate:hover {
 background:#e7e7e7;
}

/*
#pagedata p {
 margin-bottom:5px;
}
*/


/******************************** FINI */
