@charset "utf-8";
/* CSS Document */

/*GENERAL STYLES TEMPLATE RELATED*/
*, td, tr, a, table {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
        vertical-align: middle;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: arial;
}

body {
	background-color:transparent;

}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.CATI, .CAPI, .Offline {display:none;}
/* Define Max Widths and heights of containers*/
header, #content_container, #footer_container,#ProgressBar {max-width:980px;}

@media screen and (max-width:980px){
    header, #content_container, #footer_container,#ProgressBar {max-width:100%;}
}

header { margin:20px auto 0 auto; height:auto; }
header img {margin:5px 0; max-width: 200px; max-height:100px;}

#header_content ,#header_content_client{
    width:100%;
    height:auto;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin: 20px 0;
}
#content_container {
    min-height: 200px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: block;
	overflow: visible;
	position: relative;
}

#page_content {  margin:0 auto;padding: 10px 0 10px 0; min-height:400px; text-align:left; transition:all ease-in-out .1s;}

/*Navigation*/
#content_container center {
    background-color:transparent;
    min-height:45px;
    height:inherit;
    padding:0px;
    clear: both;
}
#content_container center input {
    margin:1%;
    padding: 10px;
    width:47%;
    max-width:120px;
    border:0;
    font-size:16px;
    font-weight:normal;
    -webkit-transition: background-color 1s, color 1s;  /* For Safari 3.1 to 6.0 */
    transition: background-color 1s, color 1s;
}
#content_container center input:hover { box-shadow:1px 1px 4px #ccc;}
#btnPrev, #btnNext {cursor: pointer;}

/*ProgressBar*/
#ProgressBar { margin:10px auto 0 auto; padding: 0; position:relative; bottom:0;}
#Prg_Background{margin:0; height:40px; }
#Prg_Foreground{margin:0; height:40px; }
#Prg_PercTxt{position: absolute;    top: 50%;    right: 5px;    font-size: 18px;    margin-top: -9px; }


/*Footer*/
#footer_container {  margin-left:auto; margin-right:auto; text-align:center; }
#footer_content{
    margin:0;
    padding:10px 5px 10px 20px;
    margin-bottom:20px;
    font-size:12px;
    width:100%;
    text-align:center;
}

#copy {
    text-align: right;
    color: #000;
    text-shadow: 0px 0px 1px rgba(255,255,255,.5);
}
/*END GENERAL STYLES TEMPLATE*/





/*GENERAL STYLES QUESTIONS*/

/*testmode related elements*/
span.BigRedFont {
    font-size: 16px;
    padding-left: 15px;
    font-weight: 700;
}
img#arrow {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFBAcHFBcX7+/vgYODwMHBQ0VFMzY24ODgoaKiYmRk0NDQIyYmcnR0sLGxU1VVkZKS////Gn88nQAAABF0Uk5T/////////////////////wAlrZliAAADQUlEQVR42uya23LiMAyGJZ9PcfL+T1uWpYWW+CDhmtkd645hSD5kyZJ+G443GyyABbAAFsACWAALYAH8uwBWOXmzXYW5AGJLGn6Y8c5OA3BwankagDwH0NMA9DkATAOIBQA7C6DwflCTAEIJQE4C2EoAaRKALAHoSQC+BIBzAIQpAXDSgAxgPULZsvplAOuhYVqNBdCY7pVOSOiwfF8Iu0e0LwFc/7Bx4vpBRegy3G/pmq+/Fi8ApM9HenX/0GFaHDZ94ho+wGPZjQYIho/1ynMBAsIYc0wAM+j9UAtEYOy4dDMcgAADbWcA6JEAKMgADoaaJwPEsQDFOgVzHFB2AUxyQNEFwHcA5utIdhnRfOS7ALgpoL9tb8FzE+EcwDZ3lqeqbzNvQ4ZqFST13xtytkNghCAqcrNYDkOgrwAGRrta3I+BnAMYWA1zKQ/Ol2BnFvfDVuIgC0IalgMqs7SL8uBY2gmDoZa1+g6CG7UYicwbgNV5CoZRHVHLAecuyILVE54EgmcpWInblj//ma1jdqVpR9UvkbECZ8104AI8PSn2jJuJpB3RALokEDkMIPBEoI2Uu0BK6S4ZTP0/AMNiwA0DMHOD8ODJ0XocAO1RPOzalzZy8nCDUR5QyNJCPWk6rwDs9Ias3NB68nguCqNO5DjgT/4Qp+NyeyuZZwmlYQLI+lhgCtmFQADSiURT+azOqKkbQAGTwNMnSuhshboIGjN66AdoPCmeBpRoiAqREISqNeunZye4lrArKWnY1FxQfkdwbZXGUgD2noOJ/bao1vkOWTvTNqJOoRy17tXTFG0rHqhU15upYi3AwQCKWg3lHAdUxvM4xQGVfmAb+f7E6YjyuPcjSx8YGIcbryndfn8BGm15GvN+wz85/apvUVpLOMVDJZzpE9ag56qA32hbw19NKiRsKavtw+tLIJr96x+ErpO0B0nQ5aas1Jr2bCBW3R912rauuZFvUNQRfrYJr19gOGuXIk/IHgZQOVA65gC8/R6RI5/PDgZQ775LdjBqzlgA5MytIwHefqMyMareUID93ZdabTopzTGraQDXXHTSa63xMhtpLXclmM9Zl9sXwAJYAAtgASyABbAA3g7wIcAAFUnrTy8JFxkAAAAASUVORK5CYII=');
    width: 25px;
    height: 25px;
    margin: 0 0 -7px 0;
}
div#MenuDiv {
    border: 1px solid #aaa;
    box-shadow: 2px 2px 5px #ccc;
    border-radius: 0;
    padding:0;
}

div#MenuDiv br {
    display: none;
}
.interviewer {
    color: green;
    font-weight:600;
}
#MenuDiv a {
    font-size: 14px;
    color: #666;
    display: inline-block;
    width: 90px;
    padding:0 15px;
    text-align: center;
    border-right: 1px solid #666;
    -webkit-transition: background-color .3s, color .3s;  /* For Safari 3.1 to 6.0 */
    transition:  background-color .3s, color .3s;
}
#MenuDiv a:last-child {border:0;}
#MenuDiv a:hover {color:#1d98e2;background-color:#e0e0e0;}

.QuestHeader {
    padding: 10px 0;
    border-bottom: 1px solid #797979;
}




/*actual questions*/
.QuestFont { padding: 25px 15px; font-size:1rem;}
.QuestFont p {    font-size: 1rem;}
.questcontainer {
    padding: 16px ;
    margin: 0px auto 16px auto;
	/*overflow: auto;*/
}

td.radio,
td.noneradio,
td.openradio,
td.checkbox,
td.nonecheckbox,
td.opencheckbox {text-align:center;}

td.itemimage,
td.item2,
td.item3 { vertical-align: middle; }

td.radio,
td.noneradio,
td.openradio,
td.item,
td.item2,
td.item3,
td.noneitem,
td.openitem,
td.noneofthese,
td.itemimage,
td.checkbox,
td.nonecheckbox,
td.opencheckbox {
    display: table-cell;
    vertical-align: middle;
    padding: 3px;
    padding-right: 15px;
    border:1px solid rgba(0,0,0,0);
    border-left:0;
    border-right:0;
    -webkit-transition: border-color .3s, color .3s;  /* For Safari 3.1 to 6.0 */
    transition: border-color .3s, color .3s;
}

td.noneofthese a {display: inline-block;padding: 10px;}
td.noneofthese .n-checkbox {margin-top: -1px;    margin-left: 20px;}



td.none,
td.text,
td.password,
td.select {
    display: table-cell;
    vertical-align: middle;
    border:1px solid rgba(0,0,0,0);
    border-left:0;
    border-right:0;
    -webkit-transition: border-color .3s, color .3s;  /* For Safari 3.1 to 6.0 */
    transition: border-color .3s, color .3s;
}
td.select select {
    border: 1px solid #999;
    padding: 5px 10px;
    font-size: 1rem;
    color: #999;
    width: auto; /*might be worth to set it to 100% on mobile*/
}

td.text input.text,
td.password input.password {
    border: 1px solid #999;
    padding: 5px 10px;
    font-size: 1rem;
    color: #999;
}
textarea {
    border: 1px solid #999;
    padding: 5px 10px;
    font-size: 1rem;
    color: #999;
    width: 100%;
}
td.item input,
td.openitem input,
td.opentext input {
    font-size:1rem;
    margin-left: 10px;
    padding: 5px;
    width: 100%;
/*    max-width: 200px;*/
    border: 1px solid #aaa;
}

tr:hover td,
tr:hover td.item2,
tr:hover td.item3,
tr:hover td.itemimage,
tr:hover td.noneitem,
tr:hover td.noneofthese,
tr:hover td.openitem
{border-color:transparent;} /*line rollover color */

.SRTable td.item:hover,
.SRTable td.noneitem:hover,
.SRTable td.itemimage:hover,
.SRTable td.openitem:hover,
.SRTable td.radio:hover,
.SRTable td.openradio:hover,
.SRTable td.noneradio:hover,

.MRTable td.item:hover,
.MRTable td.itemimage:hover,
.MRTable td.noneitem:hover,
.MRTable td.openitem:hover,
.MRTable td.checkbox:hover,
.MRTable td.opencheckbox:hover,
.MRTable td.nonecheckbox:hover,
.MRTable td.noneofthese:hover {
    cursor: pointer;
}

.SRTable td.radio, .SRTable td.none,
.SRTable td.noneradio, .SRTable td.openradio,
.MRTable td.checkbox, .MRTable td.opencheckbox,
.MRTable td.nonecheckbox, .MRtable td.noneofthese {
    width: 60px;
}

#page_content table td .ScaleFont { text-align: center; }

td.rowgroup {
    padding: 15px 0px;
    font-weight: bold;
}

tr.hr td {
    padding: 5px;
}

span.OptionFont{ display: inline-block;}
.OptionFont{padding-left:10px;}

td.noneofthese a,
.OptionFont,
.OptionFont a {
    color:#333;
    text-decoration:none;
    font-size:1rem;
    -webkit-transition: color .3s;  /* For Safari 3.1 to 6.0 */
    transition: color .3s;

}
td.none a, td.noneofthese a {
    outline: none;
}

.ScaleColumn {
    text-align: center;
}
span.ScaleFont {
    padding: 5px 10px;
    display: block;
    font-size: 0.9rem;
}

div.questcontainer table { width: 100%; padding: 0;}
div.questcontainer table.SRTable td.radio,
div.questcontainer table.XPointsTable td.radio,
div.questcontainer table.XPointsTable td.none,
div.questcontainer table.ItemsPopupTable td.radio,
div.questcontainer table.ItemsPopupTable td.noneradio,
div.questcontainer table.MultipleItemsPopupTable td.checkbox,
div.questcontainer table.MultipleItemsPopupTable td.nonecheckbox,
div.questcontainer table.SRTable td.noneradio,
div.questcontainer table.SRTable td.openradio,
div.questcontainer table.MRTable td.nonecheckbox,
div.questcontainer table.MRTable td.opencheckbox,
div.questcontainer table.MRTable td.checkbox {
    min-width: 36px;
    height:36px;
    padding-top:5px;
    vertical-align: middle;

}

div.questcontainer table.XPointsTable td.radio,
div.questcontainer table.ItemsPopupTable td.radio,
div.questcontainer table.ItemsPopupTable td.noneradio{
    text-align:center;
}
div.questcontainer table.DateTable { width: auto;}

.groupcontainer .questcontainer table {
	padding: 0;
}

td.select input[type=text] {
	margin: 10px 0;
	padding: 5px;
}

td.NumHeaderColumn {
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px;
}

.SliderTable tr td.item {
	text-align: left;
}



/* popup - Alert */
.nebui-panel{    width: 100% !important;    max-width: 300px;}
.table.nebui-panel{}
div.nebui-panel {border:0px;}
td.nebui-panel-head{ padding:5px; font-size:1.1rem; border-bottom:0px;}
div.nebui-panel-head{}

button.nebui-panel-close{
    background-image: none;/*url(close.png); */
    background-color: transparent;
    border: 0px;
    margin: 11px;
}
html>body button.nebui-panel-close:before {
    content: "x";
    font-size: 20px;
    position: absolute;
    color:#fff;
    top: -4px;
    right: 2px;
    cursor: pointer;
}
html>body button.nebui-panel-close:before:hover {
    outline:none;
    color:#3f3f3f;
    cursor: pointer;
}

td.nebui-panel-body{padding: 5px; font-size: 1rem;}
td.nebui-panel-buttons input.button {     font-size: 14px;    padding: 5px 24px;    width: auto;    border: 0px;   }
/* popup - Alert end*/







/* Specific question overwrites */

.TableGroup {
	width: 100%;
}

/* numerictable */
div.questcontainer table.DateTable,
div.questcontainer table.TextTable,
div.questcontainer table.NumericTable { width: auto;}
table.NumericTable input.text {   width: 58px; font-size: 1rem;  }
table.NumericTable td.item2 {    padding: 5px;}
table.NumericTable td.TotalText {padding: 5px 5px 5px 12px; font-size:1rem;}
table.NumericTable td.TotalNumber {padding: 5px; font-size:1rem;}

table.NumericTable td.text {    width: auto; }

.TotalNumber>div { text-align: right;     margin-right: 3px;}

td.TotalText {    font-style: italic;    color: #666;    font-weight: 600;}

table.NumericTable td.item2 .OptionFont,
table.TextTable td.item2 .OptionFont {    padding-right: 15px;}

.NumericTable td.item span.OptionFont input.text {    min-width: 120px;}

.NumericTable td.item span.OptionFont br {    display: none;}

.NumericTable tr.NumTotalLine td {    border-top: 3px double #ccc;}
.NumericTable td.item, 
.NumericTable td.item2, 
.Numerictable td.none, 
.NumericTable td.text,
.TextTable td.item, 
.TextTable td.item2, 
.Texttable td.none, 
.TextTable td.text {    padding: 4px;}
.NumericTable td.noneofthese.n-control {    padding-top: 10px;}

@media screen and (max-width:450px){
    .NumericTable tbody tr,
    .TextTable tbody tr { display:block; padding-bottom:20px;}
    .NumericTable tbody tr.NumTotalLine { display:table-row; }
    .NumericTable tbody tr td.item,
    .TextTable tbody tr td.item
     {display:inline-block;width:100%;}
    .NumericTable tbody tr td.none,
    .TextTable tbody tr td.none {display:block;width:100%;}

}

.TextTable td.noneofthese.n-control a {
    display: inline-block;
    padding-left: 45px;
    padding-top: 10px;
}


/*Spinner Icon fix*/
.ui-button-icon-only .ui-icon {    margin-left: 0px;}
.ui-spinner a.ui-spinner-button {
    background-color: rgba(0,0,0,.05);
}
a.ui-button.ui-widget.ui-spinner-button:hover {
    background: linear-gradient(#efefef,#ccc);
}


@media screen and (max-width:800px){

     tr:hover td,
     tr:hover td.item2,
     tr:hover td.item3,
     tr:hover td.itemimage,
     tr:hover td.noneitem,
     tr:hover td.noneofthese,
     tr:hover td.openitem,
     tr:hover td.radio,
     tr:hover td.checkbox,
     tr:hover td.noneradio,
     tr:hover td.nonecheckbox {
        border-color: transparent;
    }

    td.item2 .OptionFont,
    td.item3 .OptionFont {font-size:0.8rem;}
    td.select{    display: block!important;    width: 100%;}

    td.select select { max-width: 80%;}
    .XPointsTable td.item,
    .ItemsPopupTable td.item{padding-top:25px;}

}


/* Openended Questions */
table.OpenEnded textarea{ width:100%; margin:0; max-height:500px;}


/**DAtePicker*/
body .calendar, body .calendar table, body .calendar .emptycell {
    border: 1px solid #666;
    font-size: 10px;
    color: #000;
    cursor: default;
    background: #fff;
    background: #efefef;
    font-family: inherit;
}
body .calendar table {
    border: 0;
}
body .calendar .button {
    text-align: center;
    padding: 2px;
    background: #e4e4e4;
}
body .calendar thead .title {
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding: 2px;
    background: #e21736;
}
body .calendar .nav {
    background-color: #e4e4e4;
}
body .calendar thead .name {
    border-bottom: 1px solid #000;
    padding: 2px;
    text-align: center;
    color: #000;
    background: #fff;
}
body .calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #fff;
}
body .calendar thead .weekend {
    color: #999;
    background: #efefef;
}
body .calendar tfoot .ttip {
    border-top: 1px solid #655;
    background: #efefef;
    color: #3f3f3f;
}
body .calendar tbody tr .day {
    width: 2em;
    text-align: right;
    padding: 2px 4px 2px 2px;
    background: #fff !important;
}
body .calendar tbody td.weekend {
    color: #e21736;
}
body .calendar tbody td.selected {
    font-weight: bold;
    border: 1px solid #e21736;
    padding: 1px 3px 1px 1px;
    background: #ffffff !important;
}



tr:hover td.DateLiterals {
    border-color: #999;
}
.DateLiterals {
    color: rgba(0,0,0,0);
    width: 12px;
    border: 1px solid rgba(0,0,0,0);
    border-left: 0;
    border-right: 0;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

.DateSpinnerUp {
    background-image: url(/Images/DubInterViewer/SpinnerUp.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 15px;
    height: 5px;
}
.DateSpinnerDown {
    background-image: url(/Images/DubInterViewer/SpinnerDown.gif);
    background-position: top center;
    background-repeat: no-repeat;
    width: 15px;
    height: 5px;
}

.DateTable td.text>table table img {
    display: none;
}

/*  CUSTOM STUFF   PLEASE CLEAN ME UP !!!*/

/*Safari button fix*/
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}


/* Field Background Colors */

#content_container {background-color:rgba(255, 255, 255, 0.95);}
#page_content { background-color:transparent; }
#footer_container { background: transparent;}
.questcontainer {   background-color: #fff; }


/* Text Colors */
.BigRedFont{ color:#333;}
.QuestFont { color:#333;}

.QuestFont input[type=button] {
    border: 0;
    padding: 5px;
}
/* Progressbar colors */
#Prg_Background {background-color:#eaeaea; }
#Prg_Foreground{background-color:#1d98e2; }
#Prg_PercTxt{ color:#454545; }


/* Button Next & Prev colors*/
#content_container center input { color:#fff; background-color:#454545;}
#content_container center input:hover {color:#fff; background-color:#1d98e2;}

/* Alert box - pop-upcolors */
td.nebui-panel-head{background-color:#1d98e2; color: #fff;}
td.nebui-panel-head  { color: #fff;}
td.nebui-panel-buttons input.button {  color: #fff;    background-color: #454545;}
td.nebui-panel-buttons input.button:hover{color:#fff; background-color:#1d98e2;}

#content_container  {   border-radius: 0;}
.questcontainer {    border-radius: 0;}
#content_container center input, td.nebui-panel-buttons input.button  {border-radius: 0;}
#ProgressBar, #Prg_Background,#Prg_Foreground{  border-radius: 0; }
div.nebui-panel {border-radius: 0px;} /* alert popup*/
td.nebui-panel-head {border-top-left-radius: 0px; border-top-right-radius: 0px;}

/* Shadows optional, comment out to remove */
.questcontainer {   box-shadow: rgb(229, 230, 230) 0 4px; }
.questcontainer .itemimage img { max-width: 150px; }
#content_container {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.7);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.7);
}


.TableGroup tr:hover td {
    border-color: rgba(255,255,255,0);
}

.TableGroup .tablegroupcell .questcontainer table tr:hover td {
    border-color: rgba(255,255,255,0);
}

div#header_logo {
    background: transparent url(nologo.png) top left no-repeat;
    width: 50%;
    /* border: 1px solid #000; */
    background-size: contain;
    /* background-repeat: no-repeat; */
    height: 80px;
    display: inline-block;
    float: left;
    padding: 0 5px;
    background-origin: content-box;
}
div#header_logo2 {
    background: transparent url(nologo.png) top right no-repeat;
    width: 49%;
    /* border: 1px solid #000; */
    background-size: contain;
    /* background-repeat: no-repeat; */
    height: 80px;
    display: inline-block;
    float: right;
    padding: 0 5px;
    background-origin: content-box;
}


td.item:hover .OptionFont a,
td.radio:hover+td.item .OptionFont a,
td.checkbox:hover+td.item .OptionFont a {
    color: #2196f3;
}


/*customcontrol mid position */
.SRTable td.radio.n-control span.n-radio,
.SRTable td.noneradio.n-control span.n-radio,
.SRTable td.openradio.n-control span.n-radio,
.MRTable td.checkbox.n-control span.n-checkbox,
.MRTable td.nonecheckbox.n-control span.n-checkbox,
.MRTable td.opencheckbox.n-control span.n-checkbox,
.NumericTable td.none.n-control span.n-checkbox,
.NumericTable td.noneofthese span.n-checkbox,
.TextTable td.noneofthese span.n-checkbox,
.TextTable td.none.n-control span.n-checkbox,
.ItemsPopupTable td.radio.n-control span.n-radio,
div.questcontainer table.ItemsPopupTable td.noneradio span.n-radio,
.XPointsTable td.radio.n-control span.n-radio,
.XPointsTable td.none.n-control span.n-radio,
.MultipleItemsPopupTable td.checkbox.n-control span.n-checkbox {

    transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,-50%);
    top: 50%;
    /*/margin-top: -12.4px;*/
}
.XPointsTable td.none.n-control span.n-radio {
    left: 25px;
}
table.XPointsTable td.none.n-control {
    padding: 0 0 5px 12px;
}


#header_content {background-position: right; background-repeat: no-repeat;}
#header_container{background-position: left;background-repeat: no-repeat;}
