@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: titilliumwebR;
    src: url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
         url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: titilliumwebB;
    src: url('../fonts/TitilliumWeb-Bold.woff') format('woff'),
         url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: titilliumwebL;
    src: url('../fonts/TitilliumWeb-Light.woff') format('woff'),
         url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: titilliumwebI;
    src: url('../fonts/TitilliumWeb-Italic.woff') format('woff'),
         url('../fonts/TitilliumWeb-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: titilliumwebSB;
    src: url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'),
         url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html{
    position: relative;
    height: 100%;
    width: 100%;
    
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    -webkit-text-stroke: 1px transparent; /*fix for safari and chrome font rendering*/
}

body{
    font-size:100%;
    font-family: titilliumwebR, Arial;
    margin:0px;
    padding:0px;
    background: #ffffff;
    height: 100%;
    min-width: 480px;
}

button{
    /*webkit*/
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    
    /*Mozilla*/
    -moz-appearance: none;
    -moz-border-radius: 0px;
    
    appearance: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;   
}
button:focus {
    outline:0;
}
button:hover {
    cursor: pointer;
}

input{    
    /*webkit*/
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 0px;
    -webkit-padding-start: 0px;
    -webkit-margin-start: 0px;

    /*Mozilla*/
    -moz-appearance: none;
    -moz-box-sizing: border-box;
    -moz-border-radius: 0px;
     
    appearance: none;
    box-sizing: border-box;
    border-radius: 0px;
    border: 1px solid #d5d5d5;
    
    background: #ffffff;
    
    font-family: titilliumwebR;
    font-weight: normal;
    font-size: 13px;
    
    color: #141414;
    text-align: left;
    line-height: 32px;
    
    height: 32px;
    
    padding: 0px;
    margin: 0px;
}
input:focus {
    outline:0;
}
input:invalid {
    box-shadow:none;
}
input:disabled {
    filter: alpha(opacity=100);    /*Internet Explorer 5, 6, 7, 8 */
    -moz-opacity: 1.0;    /* Old Mozilla Browsers */
    -webkit-opacity: 1.0;    /* Old Webkit browsers (Safari, Chrome, various others) */
    -khtml-opacity: 1.0;    /* Really old Safari browsers and Konqueror */
    opacity: 1.0;
    pointer-events: none; /* Added to prevent unexpected exit from the model on iPad */
    border: #acacac 1px solid;
    background-color: #e2e2e2;
    -webkit-text-fill-color: #141414;
}

textarea{
    position: relative; 
    width: 100%; 
    height:0;
    min-height: 43px;
    
    /*webkit*/
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 0px;
    -webkit-padding-start: 0px;
    -webkit-margin-start: 0px;

    /*Mozilla*/
    -moz-appearance: none;
    -moz-box-sizing: border-box;
    -moz-border-radius: 0px;
     
    appearance: none;
    box-sizing: border-box;
    border-radius: 0px;
    border: #d5d5d5 1px solid;
    
    background: #ffffff;
    
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    line-height: 17px;
    color: #141414;
    
    margin: 0px;     
    padding: 12px 6px; 
    overflow: hidden; 
    resize: none;
}
textarea:disabled {
    color: #274d69;
    border: #dfedf7 1px solid;
    filter: alpha(opacity=100);    /*Internet Explorer 5, 6, 7, 8 */
    -moz-opacity: 1.0;    /* Old Mozilla Browsers */
    -webkit-opacity: 1.0;    /* Old Webkit browsers (Safari, Chrome, various others) */
    -khtml-opacity: 1.0;    /* Really old Safari browsers and Konqueror */
    opacity: 1.0;
    background: #f2f6f8;
    -webkit-text-fill-color: #141414;
}
textarea:focus {
    outline:0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #8a8a8a;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #8a8a8a;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #8a8a8a;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #8a8a8a;
}

/* page layout */
#container {
    position:relative;
    min-width: 100%;
    min-height: 100%;
 }
#header{
    position:absolute;
    top:0px;
    min-width:100%;
    height:62px;
    z-index: 50;
    border-bottom: 1px solid #c3c8ce;
}
#header:before {
    position: absolute;
    left: 58px;
    bottom: -18px;
    height: 0;
    width: 0;
    border-left: solid transparent 39px;
    border-right: solid transparent 39px;
    border-top: solid #c3c8ce 18px;
    content: " ";
}
#header:after{
    position:absolute;
    left: 59px;
    bottom: -16px;
    height: 0;
    width: 0;
    border-left: solid transparent 38px;
    border-right: solid transparent 38px;
    border-top: solid #ffffff 17px;
    content: " ";   
}
.headerRight{
    position:absolute;
    top:0px;
    right: 60px;
    text-align: right;
}
.headerToolTitle{
    position: absolute;
    left:68px;
    top: 4px;
    /*width: 450px;*/
    height: 62px;
    z-index: 10;
    background: url(../images/logo.png) 0px 0px no-repeat;
    font-family: titilliumwebR;
    font-size: 26px;
    color: #274d69;
    text-align: left;
    line-height: 62px;
    padding-left: 70px;
    white-space: nowrap;
}
.PageContainer{
    width:100%;
    position:absolute;
    top:62px;
    left: 0px;
    right: 0px;
    bottom: 10px;
    overflow: hidden;
}
.pageContent{
    position:absolute;
    width: 90%;
    height: 100%;
    margin: 0px 5%;
    top: 0px;
    left: 0px;
}
.pageContentScroll{
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 10px;
    overflow-y: auto;
}
#groupEditContainer.pageContentScroll{
    top: 234px;
    outline: none;
}
#questionEditContainer.pageContentScroll{
    top: 129px;
}
.pageTitle{
    position:relative; 
    display: inline-block;
    left: -35px;
    top: 0px;
    width: auto;
    height:27px;
    margin: 30px 0px;
    font-family: titilliumwebSB;
    font-size: 20px;
    color: #555555;
    text-align: left;
    line-height: 27px; 
    padding: 0 35px;    
}
.pageTitle>span{
    display: inline-block;
    border-bottom: 1px solid #f7931d;
    height: 100%;
}
.pageTitle.surveyPgTitle{
  background: url('../images/createsurveytitleicon.png') 0px center no-repeat;  
}
.pageTitle.questionsPgTitle{
  background: url('../images/questionstitleicon.png') 0px center no-repeat;  
}
.pageTitle.questWeightsPgTitle{
  background: url('../images/questionsweighttitleicon.png') 0px center no-repeat;  
}
.pageTitle.surveyResPgTitle{
  background: url('../images/surveyresultsititlecon.png') 0px center no-repeat;  
}
.srvPgTitle{
    position:relative; 
    display: inline-block;
    left: 0px;
    top: 0px;
    width: 100%;
    height:27px;
    margin: 30px 0;
    font-family: titilliumwebSB;
    font-size: 20px;
    color: #555555;
    text-align: left;
    line-height: 27px; 
    padding: 0 40px 0 35px;         
    background: url('../images/surveyresultsititlecon.png') 0px center no-repeat;  
}
.srvPgTitle>span{
    display: inline-block;
    border-bottom: 1px solid #f7931d;
    height: 100%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
/* end page layout */

/*splashscreen*/
#splash{
    width: 100%;
    min-width: 480px;
    height: 100%;
    min-height: 768px;
    position:absolute;
    top:0;
    left:0;
    background: url('../images/splashillustrationcenter.png') center 0px no-repeat, url('../images/splashillustrationrepeatx.png') center 0px repeat-x, #FDFDFD;
    z-index: 100;
}
.srvWelcome{
    position: absolute;
    top: 221px;
    left: 50%;
    width: 114px;
    height: 33px;
    margin-left: -41px;
    background: url('../images/welcome.png') 0 0 no-repeat;
}

.splashHeaderTopLine{
    position:fixed;
    top:0px;
    min-width:100%;
    height: 6px; 
    background: #7db1d7; /* Old browsers */
    background: -moz-linear-gradient(left, #7db1d7 0%, #0066b2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #7db1d7 0%,#0066b2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #7db1d7 0%,#0066b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db1d7', endColorstr='#0066b2',GradientType=1 ); /* IE6-9 */
    z-index: 100; 
}
.splashTitle{ 
    position:absolute;
    left: 0;
    right: 0;    
    top: 40px;  
    width: 90%;
    height:40px;
    margin: 0px auto;
    font-family: titilliumwebL;
    font-size: 36px;
    color: #274d69;
    text-align: center;
    line-height: 40px;
    text-shadow: 2px 2px #ffffff;
}

.surveySplashTitle{
    position:absolute;
    left: 0;
    right: 0;    
    top: 6px;  
    display: table;
    width: 100%;
    height:114px;
    margin: 0px auto;
    font-family: titilliumwebL;
    font-size: 36px;
    color: #274d69;
    text-align: center;
    padding: 0px 10px;
    /*line-height: 40px;*/
    text-shadow: 2px 2px #ffffff;
}
.surveySplashTitle>span{
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.1em;
}

.enterBtn{  
    width: 180px;
    height: 45px;
    margin: 0px auto;
    text-align: center;
    padding: 0px 10px;
    z-index: 101;
    outline: none;

    background: #237bbd; /* Old browsers */
    background: -moz-linear-gradient(top, #237bbd 5%, #0066b2 7%, #0066b2 94%, #005695 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #237bbd 5%,#0066b2 7%,#0066b2 94%,#005695 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #237bbd 5%,#0066b2 7%,#0066b2 94%,#005695 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237bbd', endColorstr='#005695',GradientType=0 ); /* IE6-9 */
}
.enterBtn:hover{
    cursor: pointer;
    background: #005695; /* Old browsers */
    background: -moz-linear-gradient(top, #005695 5%, #0066b2 6%, #0066b2 93%, #237bbd 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #005695 5%,#0066b2 6%,#0066b2 93%,#237bbd 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #005695 5%,#0066b2 6%,#0066b2 93%,#237bbd 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005695', endColorstr='#237bbd',GradientType=0 ); /* IE6-9 */
}
.enterBtn.disabled{
    cursor: default; 
    opacity: 0.5;
    background: #237bbd; /* Old browsers */
    background: -moz-linear-gradient(top, #237bbd 5%, #0066b2 7%, #0066b2 94%, #005695 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #237bbd 5%,#0066b2 7%,#0066b2 94%,#005695 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #237bbd 5%,#0066b2 7%,#0066b2 94%,#005695 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237bbd', endColorstr='#005695',GradientType=0 ); /* IE6-9 */
}
.enterBtn > span{
    display: inline-block;
    text-align: left;
    line-height: 45px;
    font-family: titilliumwebSB;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 30px;
    background: #237bbd; /* Old browsers */
    background: url("../images/btniconstarttool.png") 0px center no-repeat;
    background: url("../images/btniconstarttool.png") 0px center no-repeat;
    background: url("../images/btniconstarttool.png") 0px center no-repeat;
}
#EnterBtn.enterBtn{
    position: absolute;
    top: 607px;
    left: 0;
    right: 0;
    margin: auto;
}

.orlogo{ 
    position: absolute;
    top: 391px;
    left:50%;
    width: 170px;
    height: 68px;
    margin: 0px 0px 0px -480px; 
    font-family: titilliumwebSB;
    font-size: 12px;
    padding-right: 22px;
    color: #555555;
    text-align: right;
    line-height: 13px;
    background: url("../images/zrxlogo.png") 0px 6px no-repeat;
    z-index: 102;
    text-decoration: none;
}
.orlogo:hover{
    cursor: pointer;
    text-decoration: none;
}
.orlogo:visited {
    text-decoration: none;
}
.splashInfoTxt{
    width: 450px;
    height: 36px;
    position: absolute;
    top: 469px;
    left: 287px;
    color: #0066b2;
    font-size: 15px;
    font-style: italic;
    text-align: center;
}
.splashContactInfo{
    width:545px;
    height:20px;
    position: relative;
    margin: 17px auto;
    font-family:"Arial", Times, serif;
    font-size:13px;
    font-weight: bold;
    text-align: left;
    color: #b6ddf7;
}
a.telORemail, span.telORemail {
    font-family:"Arial", Times, serif;
    font-size:13px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    line-height: 14px;
    color: #b6ddf7;    
}
a.telORemail:visited {
    font-size:13px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    line-height: 14px;
    color: #b6ddf7;
}
/*end splashscreen*/

/* Main Navigation Menu*/
#openMainNavigationMenu{
    position:absolute;
    left:0px;
    top: 0px;
    background-image: url(../images/menubtn.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:60px;
    height:61px;
    z-index: 12;
}
#openMainNavigationMenu:hover{
    cursor: pointer;
    background-position: 0px -61px;
}
#openMainNavigationMenu.close{
    background-position: 0px -122px;
}

#mainMenu{
    position:absolute;
    left: 0px;
    top: 0px;
    width: 225px;
    height: auto;
    background: #0066b2;
    display:none;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.45);
    z-index: 11;
}
#mainMenu:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
.menuTitle{
    position: relative;
    width: 225px;
    height: 62px; 
    font-family: titilliumwebL;
    font-size: 20px;
    color: #FFFFFF;
    text-align: left;
    line-height: 61px;
    padding-left: 70px;
}
.menuItem{
    position: relative;
    width: 225px;
    height: 50px;  
    font-family: titilliumwebL;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    line-height: 50px;
    padding-left: 70px;
    border-top: 1px solid #3385c1;    
    -webkit-box-shadow: 0px -1px 0 #0b3e64;
    -moz-box-shadow: 0px -1px 0 #0b3e64;
    -o-box-shadow: 0px -1px 0 #0b3e64;
    box-shadow: 0px -1px 0 #0b3e64;
    background-repeat: no-repeat;
    background-position: 0px -50px;
}
.menuItem:hover{
    font-family: titilliumwebB;
    background-position: 0px 0px;
    cursor: pointer;
}
.menuItem.selected{
    font-family: titilliumwebB;
    background-position: 0px 0px;
    cursor: default;
}
.menuItem.restart{background-image:url(../images/menubtnreset.png);}
.menuItem.status{background-image:url(../images/menubtnstatus.png);}
.menuItem.createS{background-image:url(../images/menubtncreatesurvey.png);}
.menuItem.questions{background-image:url(../images/menubtnquestions.png);}
.menuItem.weight{background-image:url(../images/menubtnweight.png);}
.menuItem.surveyRes{background-image:url(../images/menubtnsurveyresults.png);}

/* Functional Sliding Menu */
#openFunctionalMenu{
    position:relative;
    float: right;
    background-image:url(../images/toolsbtn.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:45px;
    height:61px;
    margin-left: 10px;
    z-index: 12;
}
#openFunctionalMenu:hover{
    cursor: pointer;
    background-position: 0px -61px;
}
#openFunctionalMenu.close{
    background-position: 0px -122px;
}
#FunctionalMenu{
    position: absolute;
    top:0px;
    right: 61px;
    width: 50px;
    height: auto;
    background: #0066b2;
    display:none;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    margin-left: 10px;
    z-index: 11;
}
#FunctionalMenu:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
.fnmenuItemTitle{
    position: relative;
    width: 50px;
    height: 62px; 
}
.fnmenuItem{
    position: relative;
    width: 50px;
    height: 50px;  
    font-family: titilliumwebR;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    line-height: 15px;
    padding-top: 31px;
    border-top: 1px solid #3385c1;    
    -webkit-box-shadow: 0px -1px 0 #0b3e64;
    -moz-box-shadow: 0px -1px 0 #0b3e64;
    -o-box-shadow: 0px -1px 0 #0b3e64;
    box-shadow: 0px -1px 0 #0b3e64;
    background-repeat: no-repeat;
    background-position: center 0px;
}
.fnmenuItem:hover{
    font-family: titilliumwebB;
    cursor: pointer;
}
.fnmenuItem.disabled{
    font-family: titilliumwebR;
    color: #3F96D7;
}
.fnmenuItem.disabled:hover{
    cursor: default;
}
#saveQuest{
    background-image:url(../images/toolsbtnsave.png);
    background-repeat: no-repeat;
    background-position: center 0;
}
#saveQuest.disabled{background-position: center -50px; cursor: default;}
#loadQuest{background-image:url(../images/toolsbtnload.png);}
#resetModel{background-image:url(../images/toolsbtnreset.png);}
#helpModel{background: url("../images/btnhelp.png");}
.adminIcon{
    position:absolute;
    right: 12px; 
    top: 14px;
    background-image:url(../images/adminicon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:33px;
    height:32px;   
}
.adminIcon:hover{
    cursor: pointer;
    background-position: 0px -32px;
}

.adminInfoPopup {
    position: absolute;
    top: 56px;
    right: 12px;
    min-width: 200px;
    height: 67px;
    background: #0066b2;
    display: none;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    -o-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    z-index: 105;
}
.adminInfoPopup:before {
    position: absolute;
    right: 10px;
    top: -9px;
    height: 0;
    width: 0;
    border-left: solid transparent 6px;
    border-right: solid transparent 6px;
    border-bottom: solid #0066b2 7px;
    content: " ";
}
.adminInfoPopup:after {
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.adminInfoTxt {
    border-left: solid #0066b2 2px;
    border-right: solid #0066b2 2px;
    border-top: solid #0066b2 2px;
    /*height: 32px;*/
    min-width: 200px;
    font-family: titilliumwebB;
    font-size: 12px;
    color: #0066b2;
    text-align: center;
    line-height: 18px;
    background: #BFD8EB;
    padding: 5px 3px;
}
.statusInfo{
    position:relative;
    float: right;
    top: 10px;
    background-image:url(../images/statusicon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:56px;
    height:40px;
    margin-left: 10px;
    font-family: titilliumwebSB;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    padding-top: 4px;
    line-height: 36px;
}
.statusInfo:hover{
    cursor: pointer;
    background-position: 0px -40px;
}
.statusInfo.disabled{
    background-position: 0px -80px;
}
.statusInfo.disabled:hover{
    cursor: default;
}
.loadedScenarioIcon, .loadedScenarioIconRed{
    position: relative;
    width: 36px;
    height: 39px;
    top: 10px; 
    float: right;
    margin-left: 5px;
}

.closeBgrd{
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    display: none; 
    z-index:104
}

/* Navigation Arrows */
.navArrows{
    position: absolute; 
    right: 12px;
    top: 70px;
}
#leftArrow {
    position: relative;
    width:33px;
    height:36px;
    float: right;
}
.navArrowLeft{
    background: url("../images/arrowleft.png") no-repeat 0px 0px;
}
.navArrowLeft:hover{
    cursor: pointer;
    background-position: 0 -36px;
}
.navArrowLeft.disabled{
    cursor: default;
    background-position: 0 -72px;
}
#rightArrow {
    position: relative;
    width:33px;
    height:36px;
    float: right;
}
.navArrowRight{
    background: url("../images/arrowright.png") no-repeat 0px 0px;
    
}
.navArrowRight:hover{
    cursor: pointer;
    background-position: 0 -36px;
}
.navArrowRight.disabled{
    cursor: default;
    background-position: 0 -72px;
}

/* Dropdowns */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none !important;
    appearance: none;
    
    border-radius : 0px;
    -moz-border-radius : 0px;
    -webkit-border-radius : 0px;
    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
select:focus {
    outline:0;
}
select:hover{
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}
select::-ms-expand {
    display: none;  /*   IE drop arrow fix  */
}
select * {
    font-family: Arial,Helvetica,sans-serif;
}
select:disabled{
    color: #274d69;
    filter: alpha(opacity=100);    /*Internet Explorer 5, 6, 7, 8 */
    -moz-opacity: 1.0;    /* Old Mozilla Browsers */
    -webkit-opacity: 1.0;    /* Old Webkit browsers (Safari, Chrome, various others) */
    -khtml-opacity: 1.0;    /* Really old Safari browsers and Konqueror */
    opacity: 1.0;
    pointer-events: none; /* Added to prevent unexpected exit from the model on iPad */
    border: #dfedf7 1px solid;
    background: #f2f6f8;
    -webkit-text-fill-color: #141414;
}
select:disabled:hover{
    cursor: default;
}

.comboBox {
    position: relative;    
    color : #141414;    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    width: 100%;
    height: 43px;
    min-height: 43px;
    line-height: 39px;
    background: #FFFFFF;
    padding-right: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;    
    border: 1px solid #d5d5d5;
    
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    
    word-wrap: break-word;
    text-indent: 0px;
}
.comboBox:hover{
    cursor: pointer;
    font-weight: bold;
    /*background-position: right center;*/
}
.comboBox > option, .comboBox > option:hover {
    font-family: Arial,Helvetica,sans-serif;
}
.comboBoxList{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color : #141414;
    background-color: white;
    border: 1px solid #d5d5d5;
    border-radius: 0px;
    word-break: break-all;
    word-wrap: break-word;
}
.comboBoxDiv.archived {
    position: relative;    
    color: #141414;    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    width: 100%;
    height: 100%;
    min-height: 43px;
    line-height: 17px;
    padding: 12px 6px;    
    border: #dfedf7 1px solid;
    background: #f2f6f8;
    
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    
    word-wrap: break-word;
    text-indent: 0px;            
}

.comboBoxDivContainer:after{
    content: '';
    height: 0;
    display: block;
    clear: both;    
}
.selectGroup{
    position: relative;
    float: left;
    width: 29%;
    margin-top: 7px;
    margin-right: 1%;
}
.selectOpt{
    position: relative;
    float: left;
    width: 19%;
    margin-top: 7px;
    margin-right: 1%;
}
.selectAnswer{
    position: relative;
    float: left;
    width: 50%;
    margin-top: 7px;
    margin-right: 0%;
}
.selectCountry {
    float: left;
    top: 0px;
    color : #141414;
    font-size: 14px;
    background: url("../images/dropdownarrow.png") no-repeat right 0px #FFFFFF;
    width:180px;
    height:26px;
    min-height: 26px;
    padding-right: 26px;
    padding-top:2px;
    padding-bottom: 2px;
    padding-left: 6px;

    border: 1px solid #d5d5d5;
        
    white-space: nowrap; 

    text-indent: 0px;
}
.selectCountry:hover{
    background-position: right -23px;
}
.moreInfoBtn, .moreInfoInvBtn, .surveyInfoBtn{
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    background-image: url(../images/moreinfo.png);
    background-repeat: no-repeat;
    background-position: center 0;
    margin: auto 0;
}
.moreInfoInvBtn{
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 27px;
    background-image: url(../images/moreinfoinverted.png);
    background-repeat: no-repeat;
    background-position: center 0;
    margin: auto 0;    
}
.moreInfoBtn:hover, .moreInfoInvBtn:hover, .surveyInfoBtn:hover{
    cursor: pointer;
    background-position: 0 -27px;
}

.moreInfoPopup, .moreInfoInvPopup, .srvInfoPopup{
    display: none;
    color: #141414;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: left;
    line-height: 15px;
    margin-bottom: 15px;
    position: absolute;
    max-width: 550px;
    min-width: 100px;
    min-height: 28px;
    border: 1px solid #f7931d;
    border-radius: 6px;
    background: #f8f8f8;
    z-index: 102;
    padding: 15px;
    word-wrap: break-word;
    /*word-break: break-all;*/
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
     box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);     
    z-index: 105;
}
.moreInfoPopup, .moreInfoInvPopup{
    margin-right: 15px;
}

.moreInfoPopup:hover, .moreInfoInvPopup:hover, .srvInfoPopup:hover{
    cursor: pointer;
}
.moreInfoPopup:before {
    content: ' ';
    width: 27px;
    height: 27px;
    position: absolute;
    display: block;
    left: -13px;
    top: -1px;
    background: url(../images/moreinfo.png) 0 0 no-repeat;
}

.moreInfoInvPopup:before {
    content: ' ';
    width: 27px;
    height: 27px;
    position: absolute;
    display: block;
    left: -13px;
    top: 0px;
    background: url(../images/moreinfoinverted.png) 0 0 no-repeat;
}

.srvInfoPopup:before{
    content: ' ';
    width: 27px;
    height: 27px;
    position: absolute;
    display: block;
    right: -13px;
    top: -1px;
    background: url(../images/moreinfo.png) 0 0 no-repeat;
}


/*page 1*/  
.tblHolder{
    position:absolute;   
    left: 0px;
    width: 100%;
    height:45px;
    margin: 0px;
    border-bottom: 1px solid #deedf7;
    z-index: 2;
}
.tblHolder.group{
    top: 190px;
}
.tblHolder.question{
    top: 85px;
}
.tblTitleHolder{
    position:relative;   
    left: 0px;
    min-width: 245px;
    height:44px;
    font-family: titilliumwebL;
    font-size: 16px;
    color: #555555;
    text-align: left;
    line-height: 38px;    
    background: #FFFFFF;
    border-left: 1px solid #deedf7;
    border-right: 1px solid #deedf7;
    border-top: 6px solid #f7931d;
    display: inline-block;
}
.tblTitleHolderTxt{
    position:relative;   
    font-family: titilliumwebSB;
    font-size: 16px;
    color: #555555;
    text-align: left;
    line-height: 38px;
    padding: 0px 15px 0px 5px;
    float: left;
}
.tblTitleHolderTxt.archived {
    padding: 0px 15px 0px 15px;
}
.tblRow{
    position:relative; 
    left: 0px;
    width: 100%;
    height:auto;
    min-height: 62px;
    margin-bottom: 5px; 
    background: #fbfcfe;
    border: 1px solid #deedf7;
}
.tblRow:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.removeContainer{
    position: absolute;
    left: 0px; 
    top: 0px;
    height: 100%;
    width: 39px;
    background: #eef3f6;
    border-left: 1px solid #e7ecef;
    border-right: 1px solid #e7ecef;
    border-bottom: 1px solid #e7ecef;
    border-top: 1px solid #e0e5e8;
}
.moveContainer{
    position: absolute;
    left: 45px; 
    top: 0px;
    height: 100%;
    width: 40px;
}
#insertDomainsContentDiv .moveContainer{
    height: auto;
}
.moveContainer.archived {
    left: 0px;
    width: 50px;
}
.groupOrderNum,
.customOptOrderNum{
    position: relative;
    width: 100%;
    height: 20px;
    color: #000000;    
    font-family: titilliumwebB;
    font-size: 13px;
    text-align: center;
    line-height: 20px;  
}
.groupOrderNum.archived{
    top: 20px;
}
.editContainer{
    position: relative;
    margin: 8px 8px 8px 92px;
}
.editContainer.archived {
    margin: 8px 8px 8px 51px;
}
.editContainer.custom{
    margin: 8px 8px 8px 92px;
}
.editContainer:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.surveyTitleStatusContainer{
    width: 15px;
    height: 100%;
    position: absolute;
    left: 39px;
    top: 0px;
}
.surveyTitleStatus{
    background: url("../images/surveynamecheck.png") no-repeat 0px 0px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.surveyTitleStatus.disabled{
    background-position: 0px -15px;
}

textArea.surveyTitle{
    max-height: 73px;
    line-height: 15px;
    padding: 13px 6px;
    overflow-y: auto;
}

/*buttons*/
.popupbutton {
    position: absolute;
    bottom: 33px;
    width:87px;
    height:29px;
    border: solid 1px #acacac;
    border-radius: 0px;
    color: #FFFFFF;    
    font-family: titilliumwebB;
    font-size: 14px;
    text-align: center;
    line-height: 26px;    
    background: #0066b2;
}
.popupbutton:hover { 
    cursor: pointer;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
}

#ICAddnewBtn.popupbutton, #ICOverwriteBtn.popupbutton{
    width: 150px;
    height: 50px;
    line-height: 16px;
    padding: 8px;
    bottom: 46px;
}

.saveBtnContainer, .deleteBtnContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    min-height: 41px;
    width: 41px;
    background: #eef3f6;
    border: 1px solid #e7ecef;
    border-top: 1px solid #e0e5e8;
}
.popupBtnSave {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:37px;
    height:41px;
    border: 0px;
    border-radius: 0px;  
    background: url(../images/savebtn.png) no-repeat 0px 0px;
    margin: auto;
}
.popupBtnSave:hover {
    cursor: pointer;
    background-position: 0px -41px;
}

.popupBtnDelete {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:37px;
    height:41px;
    border: 0px;
    border-radius: 0px;  
    background: url(../images/deletebtn.png) no-repeat 0px 0px;
    margin: auto;
}
.popupBtnDelete:hover {
    cursor: pointer;
    background-position: 0px -41px;
}
.popupBtnDelete.disabled{
    background: url(../images/deletebtndisabled.png) no-repeat 0px 0px;
}
.popupBtnDelete.disabled:hover{
    cursor: default;
}

#previewSurvey{position: relative; top:5px; float: right; width:108px; margin-left: 15px;}
#previewSurvey > span{
    background: url("../images/btniconpreview.png") 0 center no-repeat;
    padding-left: 30px;
    text-align: left;
}

#reorderQuestions{position: relative; top:5px; float: right; width:162px;}
#reorderQuestions > span{
    background: url("../images/btniconreorder.png") 0 center no-repeat;
    padding-left: 22px;
    text-align: left;
}

#editComparison{
    position: absolute;
    top: 90px;
    right: 0px;
    width:154px;
}
#submitSurvey{ 
    position: absolute;
    bottom: 7px;
    right: 0px;
    width:128px;
}

.adminLogoutBtn {
    min-width: 200px;
    height: 33px;
    font-family: titilliumwebSB;
    background: #237bbd;
    background: -moz-linear-gradient(top, #237bbd 0%, #237bbd 5%, #0066b2 6%, #005695 95%, #005695 100%);
    background: -webkit-linear-gradient(top, #237bbd 0%,#237bbd 5%,#0066b2 6%,#005695 95%,#005695 100%);
    background: linear-gradient(to bottom, #237bbd 0%,#237bbd 5%,#0066b2 6%,#005695 95%,#005695 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237bbd', endColorstr='#005695',GradientType=0 );    
    text-align: center;
    line-height: 33px;
}
.adminLogoutBtn:hover{
    cursor: pointer;
    font-family: titilliumwebB;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
}

.adminLogoutBtn>span{
    line-height: 33px;
    padding-left: 25px;
    
    font-size: 14px;
    color: #FFFFFF;
    background: url(../images/btniconlogout.png) 0 center no-repeat;     
}

.plusBtn{
    background: url("../images/addbtn.png") no-repeat center;
    background-position: 0 0;
    width: 39px;
    height: 37px;
    position: relative;    
    float: left;
}
.plusBtn:hover{
    cursor: pointer;
    background-position: 0 -37px;    
}
.plusBtn.disabled{
    background-position: 0 -74px;
}
.plusBtn.disabled:hover{
    cursor: default;
}
.minusBtn, .answRemoveBtn{
    background: url("../images/minusbtn.png") no-repeat;
    background-position: 0 0;
    width: 37px;
    height: 41px;
    position: relative;
}
.minusBtn:hover {
    cursor: pointer;
    background-position: 0px -41px;
}
.answRemoveBtn{
    background: url("../images/removeanswerbtn.png") no-repeat;
}
.answRemoveBtn:hover {
    cursor: pointer;
    background-position: 0 -32px;
}

.moveUpBtn{
    background: url("../images/arrowup.png") no-repeat center 0px;
    width: 100%;
    height: 20px;
    position: relative;    
}
.moveUpBtn:hover{
    cursor: pointer;
    background-position: center -20px;
}
.moveUpBtn.disabled{
    background-position: center -40px;
    cursor: default;    
}
.moveDwnBtn{
    background: url("../images/arrowdown.png") no-repeat center 0px;
    width: 100%;
    height: 20px;
    position: relative;
}
.moveDwnBtn:hover{
    cursor: pointer;
    background-position: center -20px;
}
.moveDwnBtn.disabled{
    background-position: center -40px;
    cursor: default;    
}

.importanceBtn{
    position: relative;  
    top: 7px;
    float: right;
    font-family: titilliumwebR;
    font-size: 13px;
    text-align: center;
    color: #555555;
    height: 30px;
    line-height: 30px;
    padding-right: 35px;
    background: url("../images/btnanswerimportance.png") no-repeat;
}
.importanceBtn.maxBottom{background-position: right 0;}
.importanceBtn.maxTop{background-position: right -60px;}
/*.importanceBtn:hover{
    cursor: pointer;    
}*/
.importanceBtn.maxBottom:hover{cursor: pointer; background-position: right -30px;}
.importanceBtn.maxTop:hover{cursor: pointer; background-position: right -90px;}
/* Survey */

#surveyContainer {
    position:absolute;
    left: 0px;
    right: 0px;
    top: 90px;
    bottom: 0px;   
}
.surveyContent{
    position: absolute;
    top: 0px;
    bottom: 90px;
    left: 0px;
    right: 0px;
}
.surveyContentScroll{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    outline: none;
    /*overflow-y: auto;*/
}
.inpNumb {
    font-family: titilliumwebR;
    font-size: 12px;
    color: #000000;
    text-align: center;
    line-height: 12px;
    background: #FFFFFF;
    border: 1px solid #acacac;
    padding-left: 4px;
    width: 120px;
    height: 20px;
}
.inpNumb:disabled {
    background-color: #FFFFFF;
    border: 1px solid #acacac;
}

/*Preview Survey*/
#previewSurveyContainer {
    position:absolute;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
}
.previewSurveyContent{
    position: absolute;
    top: 45px;
    bottom: 10px;
    left: 33px;
    right: 33px;
}
.previewSurveyContentScroll{
    position: absolute;
    top: 90px;
    bottom: 45px;
    left: 0px;
    right: 0px;
    /*overflow-y: auto;*/
}
.surveyGNameHolderPreview, .surveyGNameHolder{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    min-height: 31px;
    font-family: titilliumwebSB;
    font-size: 15px;
    color: #FFFFFF;
    text-align: left;
    line-height: 14px;
    padding: 8px 35px 8px 20px;
    background: #7a9eb4;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.surveyQContainerPreview, .surveyQContainer{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto; 
    border: 1px solid #deedf7;    
    background: #fafcff; /* Old browsers */
    background: -moz-linear-gradient(top, #fafcff 0%, #fbfcfd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fafcff 0%,#fbfcfd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fafcff 0%,#fbfcfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcff', endColorstr='#fbfcfd',GradientType=0 ); /* IE6-9 */
    margin-bottom: 10px;
}
.surveyQContainer.colored{
    border-color: red;
}
.surveyQContainerPreview:after, .surveyQContainer:after{
    display: block;
    height: 0;
    content: '';
    clear: both;
}
.surveyQOrderNumPreview{
    position: absolute;
    top: 0px;
    height: 100%;
    min-height: 40px;
    width: 40px;
    background: #eef3f6;
    border-left: 1px solid #e7ecef;
    border-right: 1px solid #e7ecef;
    border-bottom: 1px solid #e7ecef;
    border-top: 1px solid #e0e5e8;
    font-family: titilliumwebB;
    font-size: 13px;
    color: #000000;
    text-align: center;
    line-height: 38px;
}
.surveyQPreview{
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    min-height: 40px;
    /*float: left;*/
}
.surveyQTextPreview{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #274d69;
    text-align: left;
    line-height: 20px;
    padding: 10px 35px 10px 10px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.surveyQOptPreview{
    position: relative;
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #274d69;
    text-align: left;
    line-height: 17px;
    padding: 10px 0px 10px 10px;
    overflow: hidden;
}
.surveyQOptHolderPreview {
    position: relative;
    min-height: 20px;
    width: 100%;
    margin-bottom: 0px;
}
.surveyQOptHolderPreview:after{
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.surveyQOptInputLabel {
    position: relative;
    font-family: titilliumwebR;
    font-size: 13px;
    color: #274d69;
    text-align: left;
    line-height: 20px;
    padding-right: 10px;
    white-space: nowrap;
}

/* page progress bar on preview survey and survey */
.progressBar{
    position: absolute;
    width: 100%;
    height: 22px;
    bottom: 0px;
    border: #e2e6e9 1px solid;
    border-radius: 10px;
    background: #eef2f6;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.45);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.45); 
    overflow: hidden;
}
.progressBar.survey{
    bottom: 45px;
}
.progressBar:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.progressBar{
    width: 100%;
    height: 20px;
    background: #eef2f6;    
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.45);
    border-radius: 10px;
}
.progressBar::-webkit-slider-thumb {
    width:5%;
    height:20px;
    background: -webkit-linear-gradient(top, #f7931d 0%,#dc831a 100%);
}

 .progressBar::-moz-range-thumb{
    width:50%;
    height:20px;
    background: #f7931d;
 }
 .progressBar::-ms-thumb{
    width:50%;
    height:20px;
    background: #f7931d;
 }
 
.progressBarCell {
    float: left;
    border-right: 1px solid #a6a9ac;
    border-left: 1px solid #FFFFFF;
    border-radius: 0;
    color: #c9c9c9;
    font-family: titilliumwebB;
    font-size: 13px;
    height: 20px;
    line-height: 18px;    
    text-align: center;
    background: linear-gradient(to right, #d6d6d6 0%, #d6d6d6 100%);
    box-shadow: 1px 0px 0px 0px rgba(255,255,255,1);
    white-space: nowrap;
    overflow: hidden;
}
.progressBarCell.first{
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px; 
    border-left: 0;
}
.progressBarCell.last{
    border-right: none;
    box-shadow: none;
}
.progressBarCell:hover{
    cursor: pointer;    
}
.progressBarCell.visited {
    background: linear-gradient(to right, #f7931d 0%, #f7931d 100%);
    background: -webkit-linear-gradient(right, #f7931d 0%, #f7931d 100%);
}
.progressBarCell.active {
    color: #ffffff;
    background: linear-gradient(to right, #f7931d 0%, #f7931d 100%);
    background: -webkit-linear-gradient(right, #f7931d 0%, #f7931d 100%);
}
.progressBarCell.active:hover{
    cursor: default;    
}
.progressBarCell.next {
    color: #ffffff;
    background: linear-gradient(to right, #F2DDC6 0%, #F2DDC6 100%);
    background: -webkit-linear-gradient(right, #F2DDC6 0%, #F2DDC6 100%);
}
.progressBarCell.next:hover{
    cursor: pointer;    
}
#progressBarOutID{
    border: none;
    background: transparent;
    color: #ffffff;
    font-family: titilliumwebR;
    font-size: 13px;
    top: -3px;
}

.submitDesc {
    position: absolute;
    bottom: 7px;
    right: 133px;
    font-family: titilliumwebR;
    font-size: 14px;
    line-height: 29px;
    white-space: nowrap;
}

.progressBarClickHereHolder {
    width: 100%;
    bottom: 21px;
    position: absolute;
    height: 20px;
}
.progressBarClickHereHolder.survey{
    bottom: 66px;
}

#clickHereHolder:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.progressBarClickHere{
    float: left;
    color: #f7931d;
    font-family: titilliumwebSB;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

/*vas slider*/
.vasContainer{
    width: 100%;
    height: 70px;
}
.vasContainer:after{
    content: ' ';
    display: block;
    height: 0;
    clear: both;
}

.vasOptContainer{
    position: absolute;    
    top: 0px;
    width: 100px;
    padding-top: 20px;
    text-align: center;
}
.vasOptContainer.left{
    left: 0px;
}
.vasOptContainer.right{
    left: 622px;
}
.vasOptLabel{
    width: 100px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #000000;
    text-align: center;
    line-height: 20px;
    /*white-space: nowrap;*/
    max-height: 40px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
.vasOptLabel:hover{
    cursor: pointer;
}
.vasOptLabel.bold{
    font-weight: bold;
}
.vasOpt{
    width: 50px;
    height: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 18px;
}
.vasOpt:disabled{
    border: 1px solid #acacac;
    background: #e2e2e2;
}
.vasOpt.bold{
    font-weight: bold;
}
.vasSliderContainer{
    position: absolute;
    left: 105px;
    top: 0px; 
    width: 512px;
    padding-top: 25px;
}

.vasSliderBcg{
    height: 32px;
    background-image: url(../images/pairwisecompscalesmall.svg);
    background-position: 0 0;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
}

.vasSlider{
    position: absolute;
    width: 100%;
    height: 32px;
    background-color: transparent;
}

.vasSliderLabel{
    width: 534px;
    height: 20px;
    margin-left: -9px;
}
.vasSliderLabelCell{
    width: 12%;    
    text-align: center;
    color: #555555;
    font-size: 11px;
    line-height: 20px;
    font-family: Arial,Helvetica,sans-serif;
    float: left;
}
.vasSliderLabelCell.blue{
    color: #85b6d9;
}
.vasSliderLabelCell.first{
    width: 8%;
    text-align: left;
}
.vasSliderLabelCell.last{
    width: 8%;
    text-align: right;
}
.vasSliderLabel:after{
    content: ' ';
    display: block;
    height: 0;
    clear: both;
}

.fullTxtPopup{
    position: absolute;
    background: #0066b2;
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #0066b2;
    border-top: 1px solid #3385c1;
    font-size: 12px;
    color: #ffffff;
    line-height: 14px;
    z-index: 110;
    opacity: 0.95;
    padding: 5px;
    box-shadow: 0.5px 1px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0.5px 1px 4px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0.5px 1px 4px 0px rgba(0,0,0,0.4);
    display: none;
    max-width: 300px; 
    word-wrap: break-word;
    word-break: break-all;
    z-index: 105;
}

/*Insert Custom Domains*/
#insertDomainsContainer {
    position:absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    width: 90%;
    min-width: 300px; /* ToDo */
    max-width: 692px;
    max-height: 515px;
    min-height: 300px; /* ToDo */
    margin: auto;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
}
.insertDomainsContent{
    position: absolute;
    top: 90px;
    bottom: 95px;
    left: 33px;
    right: 33px;
}
.insertDomainsContentScroll{
    position: absolute;
    top: 44px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
}

#insertDomainsCancelBtn {
    position: absolute;
    bottom: 33px; 
    left: 33px;
    width:87px;
}

#insertDomainsApplyBtn {
    position: absolute;
    bottom: 33px; 
    right: 33px;
    width:87px;
}


/*status popup*/
.statusContainer {
    position:absolute;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
}
.statusContent{
    position: absolute;
    top: 130px;
    bottom: 80px;
    left: 100px;
    right: 100px;
    margin: auto;
    width: 80%;
    max-height: 400px;
    max-width: 800px; /*TODO*/
}

.statusTabOptHolder{
    position: absolute;
    top: 50px;
    left: 33px;
    right: 33px;
    margin: auto;
    height: 45px;
    border-left: 1px solid #deedf7;
    border-bottom: 1px solid #deedf7;
}
.statusTabOptHolder:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.statusTabOpt{
    float: left;
    margin: auto;
    height: 45px;
    width: 245px;
    font-family: titilliumwebR;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #deedf7;
    border-left: none;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9fafc 50%, #f1f6f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9fafc 50%,#f1f6f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f9fafc 50%,#f1f6f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f6f7',GradientType=0 ); /* IE6-9 */
}
.statusTabOpt:hover{
    cursor: pointer;
    font-family: titilliumwebB;
}
.statusTabOpt.selected{
    font-family: titilliumwebB;
    border-bottom: 6px solid #f7931d;
}
.statusTabOpt.selected:hover{
    cursor: default;
}

#statusPopupTitle.popupTitle, #statusInvitePopupTitle.popupTitle{
/*    background-image: url(../images/statustitleiconpopup.png);
    background-repeat: no-repeat;
    background-position: 33px center;*/
    padding-left: 66px;
}
#statusPopupTitle>span, #statusInvitePopupTitle>span{
    display: inline-block;
    width: 100%;
    /*padding-right: 40px;*/
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.statusOptHolder{
    display: table;
    margin-bottom: 60px;
}
.statusOptHolder:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
.statusOpt{
    display: table-cell;
    width: 300px;
    vertical-align: middle;
}
.statusOptDesc{
    display: table-cell;
    vertical-align: middle;
    font-family: titilliumwebI;
    font-size: 15px;
    font-style: italic;
    line-height: 18px;
    color: #c3c7ca;
    height:62px;    
}
.statusOptDesc.selected{
  color: #274d69;  
}
.statusOptLabel{
    display: inline-block;
    width:269px;
    height:62px;
    border-radius : 30px;
    background: #eaf0f3; /* Old browsers */
    background: -moz-linear-gradient(top, #eaf0f3 0%, #edf2f5 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf0f3), color-stop(100%,#edf2f5)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #eaf0f3 0%,#edf2f5 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #eaf0f3 0%,#edf2f5 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #eaf0f3 0%,#edf2f5 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #eaf0f3 0%,#edf2f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf0f3', endColorstr='#edf2f5',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0px 2px 0px 0px rgba(199,204,207,1);
    -moz-box-shadow: inset 0px 2px 0px 0px rgba(199,204,207,1);
    box-shadow: inset 0px 2px 0px 0px rgba(199,204,207,1);
}
.statusOptLabel:hover > input[type='radio'] + span{
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, #ffffff; /* Old browsers */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -moz-linear-gradient(top, #ffffff 0%, #eff3f6 4%, #f6f8fa 39%, #fefefe 100%); /* FF3.6-15 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#eff3f6), color-stop(39%,#f6f8fa), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -o-linear-gradient(top, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* Opera 11.10-11.50 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -ms-linear-gradient(top, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* IE10 preview */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, linear-gradient(to bottom, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */  
}
.statusOptLabel:hover > input:checked + span{
    cursor: default;
    background: url(../images/btnstatusselected.png) 25px center no-repeat, #f3f8fa; /* Old browsers */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -moz-linear-gradient(top, #f3f8fa 0%, #f7fafc 50%, #fefefe 100%); /* FF3.6-15 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f8fa), color-stop(50%,#f7fafc), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -webkit-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -o-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* Opera 11.10-11.50 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -ms-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* IE10 preview */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, linear-gradient(to bottom, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fa', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
}
.statusOptLabel > input[type='radio'] + span{
    display: inline-block;
    position:relative; 
    top: 6px; 
    left: 7px;
    margin:0 auto;
    font-family: titilliumwebR;
    font-size: 18px;
    color: #274d69;
    width: 255px;
    height: 48px;
    line-height: 48px;
    padding-left: 55px; 
    border: #d0d5d7 1px solid;
    border-radius : 30px;
    -moz-border-radius : 30px;
    -webkit-border-radius : 30px;
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, #ffffff; /* Old browsers */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -moz-linear-gradient(top, #ffffff 0%, #f7f9fa 50%, #eff4f7 100%); /* FF3.6-15 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f7f9fa), color-stop(100%,#eff4f7)); /* Chrome4-9,Safari4-5 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#f7f9fa 50%,#eff4f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -o-linear-gradient(top, #ffffff 0%,#f7f9fa 50%,#eff4f7 100%); /* Opera 11.10-11.50 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -ms-linear-gradient(top, #ffffff 0%,#f7f9fa 50%,#eff4f7 100%); /* IE10 preview */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, linear-gradient(to bottom, #ffffff 0%,#f7f9fa 50%,#eff4f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff4f7',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(190,194,196,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(190,194,196,1);
    box-shadow: 0px 2px 0px 0px rgba(190,194,196,1);
    white-space: nowrap;
}
.statusOptLabel > input[type='radio'] + span:hover{
    
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, #ffffff; /* Old browsers */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -moz-linear-gradient(top, #ffffff 0%, #eff3f6 4%, #f6f8fa 39%, #fefefe 100%); /* FF3.6-15 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(4%,#eff3f6), color-stop(39%,#f6f8fa), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -o-linear-gradient(top, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* Opera 11.10-11.50 */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, -ms-linear-gradient(top, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* IE10 preview */
    background: url(../images/btnstatusunselected.png) 25px center no-repeat, linear-gradient(to bottom, #ffffff 0%,#eff3f6 4%,#f6f8fa 39%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */    
}
.statusOptLabel > input:checked + span  {
    font-family: titilliumwebB;
    font-size: 18px;
    color: #274d69;
    border: #d0d5d7 1px solid;
    background: url(../images/btnstatusselected.png) 25px center no-repeat, #f3f8fa; /* Old browsers */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -moz-linear-gradient(top, #f3f8fa 0%, #f7fafc 50%, #fefefe 100%); /* FF3.6-15 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f8fa), color-stop(50%,#f7fafc), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -webkit-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -o-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* Opera 11.10-11.50 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -ms-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* IE10 preview */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, linear-gradient(to bottom, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fa', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(247,147,29,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(247,147,29,1);
    box-shadow: 0px 2px 0px 0px rgba(247,147,29,1);
}
.statusOptLabel > input:checked + span:hover{
    cursor: default;
    background: url(../images/btnstatusselected.png) 25px center no-repeat, #f3f8fa; /* Old browsers */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -moz-linear-gradient(top, #f3f8fa 0%, #f7fafc 50%, #fefefe 100%); /* FF3.6-15 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f8fa), color-stop(50%,#f7fafc), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -webkit-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -o-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* Opera 11.10-11.50 */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, -ms-linear-gradient(top, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* IE10 preview */
    background: url(../images/btnstatusselected.png) 25px center no-repeat, linear-gradient(to bottom, #f3f8fa 0%,#f7fafc 50%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fa', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
}
.statusOptLabel.selected:hover{
    cursor: default;
}

.allowAnonCollect{
    display: inline-block;
    height: 20px;
    margin-bottom: 60px;    
}
.allowAnonCollect.survey{
    float: left;
    margin-left: 80px;
    margin-bottom: 10px;
    display: none;
}
.allowAnonCollect > input[type='checkbox'] + span{
    display: inline-block;
    position: absolute; 
    top:0; 
    left:0; 
    font-family: titilliumwebR;
    font-size: 16px;
    color: #274d69;
    line-height: 20px;
    height: 20px; 
    border: 0px;
    background-image: url('../images/checkbox.png'); 
    background-repeat: no-repeat;
    background-position: 0 -20px;
    padding-left: 30px;
    white-space: nowrap;
}
.allowAnonCollect.survey> input[type='checkbox'] + span{
    position: relative; 
    font-size: 14px;
    color: #5e5e5e;
}
.allowAnonCollect > input:checked + span  {
    background-position: 0 0px;
}
.allowAnonCollect > input:disabled + span {
    /*color: #c3c7ca;*/
    opacity: 0.5;
}
.allowAnonCollect > input:disabled + span:hover{
    cursor: default;    
}
.statusInvitePartBtn{
    display: none;
    position: absolute;
    right: 50px;
    bottom: 50px;
    /*width: 202px;*/
    height: 32px;
    font-family: titilliumwebSB;
    font-size: 16px;
    text-align: right;
    line-height: 30px;
    padding-left: 25px;
    padding-right: 50px;
    color: #555555;
    border:1px solid #b3cedb;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background: #ffffff; /* Old browsers */
    background:  url(../images/btninviteparticipants.png) right 15px 0px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #e9eff3 5%, #f5f9fa 100%); /* FF3.6-15 */
    background:  url(../images/btninviteparticipants.png) 158px 0px, -webkit-linear-gradient(top, #ffffff 0%,#e9eff3 5%,#f5f9fa 100%); /* Chrome10-25,Safari5.1-6 */
    background:  url(../images/btninviteparticipants.png) right 15px 0px no-repeat, linear-gradient(to bottom, #ffffff 0%,#e9eff3 5%,#f5f9fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f9fa',GradientType=0 ); /* IE6-9 */   
    background-repeat: no-repeat;
}
.statusInvitePartBtn:hover{
    cursor: pointer;
    font-family: titilliumwebSB;    
    background:  url(../images/btninviteparticipants.png) right 15px -29px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #f4f8f9 3%, #eef4f6 49%, #ebf1f5 99%); /* FF3.6-15 */
    background:  url(../images/btninviteparticipants.png) 158px -29px, -webkit-linear-gradient(top, #ffffff 0%,#f4f8f9 3%,#eef4f6 49%,#ebf1f5 99%); /* Chrome10-25,Safari5.1-6 */
    background:  url(../images/btninviteparticipants.png) right 15px -29px no-repeat, linear-gradient(to bottom, #ffffff 0%,#f4f8f9 3%,#eef4f6 49%,#ebf1f5 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf1f5',GradientType=0 ); /* IE6-9 */   
    background-repeat: no-repeat;
}

.blueBtn{
    font-family: titilliumwebB;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: #0066b2;
    border: 1px solid #acacac;
    /*width: 140px;*/
    height: 29px;
    line-height: 26px;
    padding: 0 10px;
}
.blueBtn:hover{
    cursor: pointer;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.6);
    /*text-decoration: underline;*/
}
.blueBtn.disabled{
    height: 29px;
    border: 1px solid #acacac;
    color: #ffffff;
    background: #ACADAF;
    pointer-events: none;
}
.blueBtn.disabled:hover{
    cursor: default;
}

#sendSurveyInvitation{
    float: left;
    margin-right: 12px;
    width: 160px;
}
#sendSurveyInvitation > span{
    background: url(../images/btniconsend.png) 0 center no-repeat;
    padding-left: 30px;
    text-align: left;
}

a#sendSurveyInvitation {
    text-decoration: none;
}
a#sendSurveyInvitation:visited {
    text-decoration: none;
    /*color: #0066b2;*/
}

#refreshSurveyInvitation{float: right; width: 140px;}
#refreshSurveyInvitation > span{
    background: url(../images/btniconrefresh.png) 0 center no-repeat;
    padding-left: 24px;
    text-align: left;
}

.sendInvHolder{
    margin-top: 10px;
}
.sendInvHolder:after{
    display: block;
    content: "";
    height: 0;
    clear: both;
}

.statusInvListContainer{
    position: absolute;
    top: 120px;
    left: 0px;
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid #b3cedb;
}
.statusInvListContainer:after{
    display: block;
    content: "";
    height: 0;
    clear: both;
}
.statusInvListLabel{
    float: left;
    color: #274d69;
    font-family: titilliumwebB;
    font-size: 15px;
    line-height: 26px;
}

.statusInviteContent{
    position: absolute;
    top: 110px;
    bottom: 33px;
    left: 33px;
    right: 33px;
    margin: auto;
    /*max-height: 450px;*/
    /*max-width: 800px;*/
}
.statusInviteSurveyList{
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    top: 165px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    /*max-height: 450px;*/
    /*max-width: 800px;*/
}
.invListBody{
    position: absolute;
    top: 35px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    border: 1px solid #b3cedb;
    border-top: none;
    background-color: #fafcfe;
}

.statusInviteTxt{
    position: relative; 
    top:0; 
    left:0; 
    font-family: titilliumwebI;
    font-size: 14px;
    font-style: italic;
    color: #274d69;
    line-height: 29px;   
}
#sendInviteLabel.statusInviteTxt {
    float: left;
}

#surveyLink {
    position: relative; 
    top:0; 
    left:0;      
 }
#surveyLink a{
    font-family: titilliumwebR;
    font-size: 14px;
    color: #274d69;
    line-height: 20px;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
}
#surveyLink a:hover{
    cursor: pointer;
    text-decoration: underline;
}
#surveyLink a:visited{
    text-decoration: underline;
}
.invListHead, .invListHeadRwd {
    width: 100%;
    height: 35px;
    border: 1px solid #c1d7e1;    
    background: #f5f8fa; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f8fa 0%, #e7eef2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5f8fa 0%,#e7eef2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5f8fa 0%,#e7eef2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8fa', endColorstr='#e7eef2',GradientType=0 ); /* IE6-9 */    
}
.invListHead > div, .invListHeadRwd > div{
    text-align: center;
    height: 100%;
    float: left;
    
    line-height: 34px;
    color: #274d69;
    font-size: 14px;
    border-left: 1px solid #c1d7e1;
}
.invListHeadRwd {
    border: 1px solid #b3cedb;
    display: none;
}
.invListHeadRwd > div{
    position: absolute;
    height: 34px;    
}

.invListHeadRwd .invListRemoveHeadRwd{
    width: 35px;
    border-left: none;
    left: 0;
}
.invListHeadRestRwd{
    left: 35px;
    right: 0;
}

.invListRow{
    margin: 5px 0px;
    height: 40px;
}
.invListRowRwd{
    height: 138px;
    margin: 2px 2px;
    position: relative;
    border: 1px solid #b3cedb;
}

.invListRow > div{
    float: left;
    text-align: left;
    height: 100%;    
    line-height: 38px;
    color: #274d69;
    font-size: 13px;  
    border: 1px solid #dfedf7;
    background: #fbfcfd;
    margin-right: 0.5%;
    margin-left: 0.5%;
    padding-left: 6px;
}
.invListRow.answered > div{
    background: #f2f6f8;
    opacity: 1;
}

.invListHead > div.invListRemoveHead{
    width: 7%;
    border-left: none;
}
.invListRemove{
    width: 6%;
}
.invListRow > div.invListRemove{
    background: none;
    border: none;
    padding-left: 0;
    opacity: 1;
}
.invListRemoveAnswer, .invListRemoveUser{
    position: relative;
    height: 40px;
    width: 37px;    
    margin: auto;
    padding-left: 0px;
    border: 1px solid #dfedf7;
}
.invListRemoveAnswer{
    background: url(../images/deletebtn.png) center 0 no-repeat, #f2f6f8;
     
}
.invListRemoveUser{
    background: url(../images/minusbtn.png) center 0 no-repeat, #f2f6f8;
}
.invListRemoveAnswer:hover,
.invListRemoveUser:hover{
    cursor: pointer;
    background-position: center -41px;
}

.invListRemoveRwd{
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 100%;
    background-color: #EEF3F6;
}

.invListRemoveRwd  .invListRemoveUser{
    background: url(../images/minusbtnrwd.png) -3px -7px no-repeat, #f2f6f8;
}

.invListRemoveRwd  .invListRemoveAnswer{
    background: url(../images/deletebtnrwd.png) -3px -7px no-repeat, #f2f6f8;
}

.invListRemoveRwd .invListRemoveAnswer, 
.invListRemoveRwd .invListRemoveUser{
    top: 50%;
    margin-top: -11px;
    height: 22px;
    width: 22px;
    border: none;
}


.invListStatusHead{
    width: 13%;
}
.invListRow > div.invListStatus{
    background: none;
    border: none;
    padding-left: 0;
    font-size: 12px;
}
.invListStatus{
    width: 12%;
    text-align: center;
    font-size: 13px;
    color: #274d69;    
}
.invListStatusSymbol{
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #0066b2;
}
.invListStatusSymbol.answered{
    background: #00a651;
}

.invListRecipientHead{
    width: 21%;
}
.invListRecipient{
    width: 20%;
    opacity: 0.75;
}

.invListEmailHead{
    width: 28%;
}
.invListEmail{
    width: 27%;
    opacity: 0.75;
}

.invListCountryHead{
    width: 31%;
    border-right: none;
}
.invListCountry{
    width: 30%;
    opacity: 0.75;
}

.invListBodyRwd{
    position: absolute;
    left: 31px;
    right: 0;
    height: 100%;
}

.invListBodyLeftRwd{
    position: absolute;
    left: 0;
    top: 0;
    width: 125px;
}

.invListBodyLeftRwd > div{
    height: 34px;
    line-height: 34px;
    color: #274d69;
    font-size: 13px;
    text-align: left;
    padding-left: 8px;
    border: 1px solid #c1d7e1;
    border-top: 1px solid white;
    border-bottom: 1px solid #c4d9e3;
    border-left: 1px solid #d7e5ed;
    border-right: 1px solid #d7e5ed;
    background-color: #f5f8fa;
}

.invListBodyRightRwd{
    position: absolute;
    top: 0;
    left: 125px;
    right: 0;
    text-align: center;
    background-color: #f9fbfc;
    color: #274d69;
    font-size: 12px;
}

.invListBodyRightRwd > div{
    height: 34px;
    line-height: 34px;
    background-color: #f9fbfc;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    opacity: 0.75;
}

.invListBodyRightRwd .invListStatusRwd{
    opacity: 1;
    background-color: #fbfdff; 
}

.invListBodyLeftRwd .invListCountryHeadRwd{
    border-bottom: none;
}

.invListCountryRwd{
    border-bottom: none;
}

.invListBodyRightRwd.answered > div{
    background-color: #f2f6f8;
}

.invListBodyRightRwd.answered > div.invListStatusRwd{
    background-color: #fbfdff;
}
.invListBodyRightRwd > div.answered{
    opacity: 1;
}

#surveyListRwd{
    display: none;
}  

.invListRecipientRwd div,
.invListEmailRwd div,
.invListCountryRwd div,
.invListRecipient div,
.invListEmail div,
.invListCountry div{
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
}

.invListEmailRwd div,
.invListEmail div{
    word-break: break-all;
}

/* Questions weights page - table */
.questWeightsTblContainer{
    position: absolute; 
    top: 130px; 
    bottom: 20px; 
    left: 0; 
    right: 0;
}
.questionsWeightsTblScrollDiv{
    width: 100%;
    max-height: 100%;
    border-right: 1px solid #b3cedb;
    overflow: hidden;
}
.weightsTblColHeadHolder{
    position: absolute;
    left: 130px;
    right: 0;
    top: 0;
    z-index: 1;
}

.weightsSumRowHolder{
    position: absolute;
    left: 130px;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 37px;
}
.emptyExtraDiv{
    position: absolute;
    left: 0px;
    top: 130px;
    width: 130px;
    height: 37px;
    background: #ffffff;
    border-right: 1px solid #b3cedb;
    border-bottom: 1px solid #b3cedb;
    z-index: 3;
}
.weightsTable{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    /*height: 100%;*/
    bottom: 0px;
}
.weightsTable.clearfix:after, .weightsTable.clearfix:before {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 37px;
}

/*.clearfix { display: inline-block; }
 start commented backslash hack \
* html .clearfix { height: 1%; }
.clearfix { display: block; }*/
/* close commented backslash hack */
.weightsTblColHead{
/*    position: absolute;
    left: 122px;
    top: 0px;*/
    width: 100%;
    height: 37px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #274d69;
    display: table;
    border-top: 1px solid #b3cedb;
    border-bottom: 1px solid #b3cedb;
    /*z-index: 1;*/
}
.weightsTblColHeadCell{
    background: #eef3f6;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #b3cedb;
    min-width: 100px;
    display: table-cell;
}

.weightsTblColHead .weightsTblColHeadCell:last-child{
    border-right: none;
}

.weightsTblColHeadCell:hover{
    cursor: pointer;
}

.weightsTblRowHead{
    position: relative;
    left: 0px;
    width: 130px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #274d69;
    z-index: 1;
}

.weightsTblRowHead .weightsTblRowHeadCell:last-child{
    border-bottom: none;
}
.weightsTblRowHeadCell{
    width: 130px;
    height: 37px;
    background: #e3eaef;
    text-align: center;
    line-height: 37px;
    border-left: 1px solid #b3cedb;
    border-right: 1px solid #b3cedb;
    border-bottom: 1px solid #b3cedb;
}
.weightsTblRowHeadCell:hover{
    cursor: pointer;
}
.weightsTblRowHeadCell.blank{
    width: 130px;
    background: #ffffff;
    border-left: none;
}
.weightsTblRowHeadCell.colored{
    background: #eaeff3;
}
.weightsTblBody{
    position: absolute;
    left: 130px;
    top: 37px;
    right: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #274d69;    
}
.weightsTblRow{
    width: 100%;
    height: 37px;
    display: table;
    border-bottom: 1px solid #ffffff;
    background: #EAEFF3;
}
.weightsTblRow.colored{
    background: #F3F7FC;
}

.weightsTblCell{
    min-width: 100px;
    border-right: 1px solid #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;    
}
.weightsTblCell.last{
    border-right: 1px solid #b3cedb;
}
.editQsWeightsCell:hover, .editQsWeightsCellOdd:hover{
    cursor: pointer;
    font-weight: bold;
}
.weightsSumRowHeader{
    width: 130px;
    height: 37px;    
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #141414;
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 2;
    background: #eaeff3;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #b3cedb;
    border-left: 1px solid #b3cedb;
    border-top: 1px solid #b3cedb;
    border-right: 1px solid #b3cedb;
}

.weightsSumRow{
    width: 100%;
    height: 37px;
    display: table;
    background: #eaeff3;
    z-index: 1;
    border-bottom: 1px solid #b3cedb;
    border-top: 1px solid #b3cedb;
}

.weightsSumRow .weightsSumCell:last-child{
    border-right: none;
}

.weightsSumCell{
    min-width: 100px;
    border-right: 1px solid #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #141414;
}

/* Survey Results page - table */
.resTblContainer{
    position: absolute; 
    top: 80px; 
    bottom: 20px; 
    left: 0; 
    right: 0;  
}
.resultsSurveyTblScrollDiv{
    position: relative;
    width: 100%;
    max-height: 100%;
    border-right: 1px solid #b3cedb;    
}
.surveyResTable{        
    /*white-space: nowrap;*/  
    border-collapse: separate;    
    margin: 0px auto;
    font-family: titilliumwebR;
    font-size: 12px;
    color: #274d69;
    line-height: 20px;
    width: 100%;
}
.surveyResTable.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 36px;
}
#selAllCBHolder {
    float: left;
    width: 29px;
    height: 29px;
}

.surResCB > input[type='checkbox'] + span, .surResCBcheckAll > input[type='checkbox'] + span {     
    height: 21px; 
    width: 20px;
    background-image: url('../images/checkbox.png'); 
    background-repeat: no-repeat;
    background-position: 0 -20px;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}
.surResCBcheckAll > input[type='checkbox'] + span {
    top: 3px; 
    left: 4px;
    display: block;
    position: absolute;
}
/*Common radio and checkbox*/
.surResCB > input:checked + span, .surResCBcheckAll > input:checked + span {
    background-position: 0 0px;
}
.surResCB > input:disabled + span, .surResCBcheckAll > input:disabled + span {
    background-position: 0 -20px;    
}
.surResCB > input:disabled + span:hover, .surResCBcheckAll > input:disabled + span:hover{
    cursor: default;    
}

.surResCBcontainer {
    position: absolute;
    top: 0px;
    width: 34px;
    display: table;
    background: #ffffff;
    z-index: 2;
}

.surResCBcell {
    position: relative;
    height: 50px;
    display: table-row;
}
.surResCB{
    display: block;    
    height: 20px;
    width: 20px;
    margin: 16px 0 0 4px;
}

#surResTitle{
    background-image: url(../images/surveyresultsititlecon.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding-left: 36px;
    position: relative;
    left: -17px;
}
#surResTitle span{
    border-bottom: 1px solid #f7931d;
}
#surResTblHolder{
    position: absolute;
    left: 0px;
    top: 50px;
    width: 98%;
    margin: 30px 0px 0px;
}
.surResTblHeaderContainer{
    position: absolute;
    right: 0px;
    left: 341px;
    z-index: 1;
    height: 36px;
}
.surResTblHeader {
    border:1px solid #b3cedb;
    border-right: none;
    z-index: 1;
    width: 100%;
    display: table;
}
#surResButtons{
    position: absolute;
    top: 80px;
    height: 37px;
    background: #ffffff;
    z-index: 2;
    /*width: 342px;*/    
    border-right: 1px solid #b3cedb;
}

#surResButtons div{
    position: relative;
}
.expRfrshBtnsContainer{
    border-bottom: 1px solid #b3cedb;
    height: 37px;
    margin-left: 5px;
    float: right;
}
.surResTblHeadCell{
    width: 5%;
    min-width: 145px;
    display: table-cell;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #274d69;
    height: 34px;
    line-height: 35px;
    border-right: 1px solid #b3cedb;
    border-bottom: none;
    background-color: #eef3f6;
}
.surResTblHeadCell:hover{
    cursor: pointer;
}
#exportSurveyResData {
    float: left;
    width: 130px;
}
#exportSurveyResData > span{
    background: url(../images/btniconexportdata.png) 0 center no-repeat;
    padding-left: 24px;
    text-align: left;
}
#refreshSurveyResData {
    float: right;
    margin-left: 32px;
    margin-right: 15px;
    width: 130px;
}
#refreshSurveyResData > span{
    background: url(../images/btniconrefresh.png) 0 center no-repeat;
    padding-left: 24px;
    text-align: left;
}

.surResTblHeader div:last-child{
    border-right: none !important;
}
.surResRowHead{
    background: #ffffff;
    left: 0px;
    position: relative;
    width: 341px;
    top: 36px;
    min-height: 36px;
    z-index: 2;
}
.surResRecepientInfo{
    position: relative;
    left: 34px;
    top: 0px;
    border: 1px solid #b3cedb;
    z-index: 1;
    background: #ffffff;
    width: 308px;
}
.surResTblBody {
    position: absolute;
    left: 341px;
    top: 37px;
    right: 0;
}
.respondInfoRow{
    height: 56px;
    width: 306px;
    background: #eaeff3;
}
.respondInfoRow.colored{
    background: #f3f7fc;
}
.recNumber, .recData{
    float: left;
    line-height: 25px;
}
.recNumber{
    width: 40px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    color: #141414;
    font-weight: bold;
    background-color: #e3eaef;
    height: 100%;
}
.recNumber.colored{
    background-color: #eaeff3;
}
.recipient {
    background-color: #fff;
}
.recipient{
    background-color: #f3f7fc;
}
.recipient.colored{
    background-color: #e6edf3;
}
.recData{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;    
    padding-left: 10px;
    line-height: 16px;
    padding-top: 4px;
    width: 265px;
}
.vasValResTbl{
    font-family: Arial,Helvetica,sans-serif;
}
.vasValResTbl.bold{
    font-weight: bold;
}
.surResBodyRow {
    width: 100%;
    display: table;
    height: 56px;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    color: #274d69;
    background-color: #eaeff3;
}
.surResBodyRow.colored {
    background-color: #f3f7fc;
}
.surResBodyRow:last-child{
    border-bottom: 1px solid #b3cedb;
}
.surResAnsCell{
    display: table-cell;
    width: 5%;
    min-width: 145px;
    height: 56px;
    line-height: 16px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 6px;
    border-right: 1px solid #f3f7fc;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
.surResAnsCell.colored{
    border-right: 1px solid #fff;
}
.surResBodyRow:last-child{
    border-right: none !important;
}

.recipientTxt{
   display: inline-block;
   height: 50px;
   line-height: 25px;
}
.surResNoAnswersTxt{
    height: 36px;
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;
    color: #274d69;
    width: 300px;
    line-height: 26px;
    padding-left: 5px;
}
#rightHLineResTblHeader{
    position: absolute;
    right: -1px;
    height: 37px;
    top: 80px;
    width: 1px;
    background: #b3cedb;    
}

/*survey results responsive tbl*/
.surResBodyRwdRow{
    border: 1px solid #b3cedb;
    border-bottom: none;
    margin-left: 35px;
    font-family: Arial,Helvetica,sans-serif;
}

.respondInfoRowRwd{
    background-color: #eef3f6;
    font-size: 12px;
    color: #274d69;
}

.resTblContainerRwd{
    position: absolute;
    top: 117px;
    bottom: 50px;
    left: 0;
    right: 50px;
}

/*rwd cb*/
.surResCBRwdcellRwd {
    float: left;
    width: 20px;
    height: 20px;
    margin: 16px 4px 4px 4px;
    border-right: 1px solid #b3cedb;
    border-left: 1px solid #b3cedb;
}
.surResCBRwd {
    width: 20px;
    height: 20px;
}

.surResCBRwd > input[type='checkbox'] + span{
    height: 21px;
    width: 20px;
    background-image: url('../images/checkbox.png');
    background-repeat: no-repeat;
    background-position: 0 -20px;
    display: block;
}

/*Common radio and checkbox*/
.surResCBRwd > input[type='checkbox']:checked + span {
    background-position: 0 0px;
}
.surResCBRwd > input[type='checkbox']:disabled + span {
    background-position: 0 -20px;
}
.surResCBRwd > input[type='checkbox']:disabled + span:hover{
    cursor: default;
}

.respondInfoRowRwd:after {
    clear: both;
}

.recNumberRwd, .recDataRwd {
    float: left;
}

.surResTblHeadCellRwd, .surResAnsCellRwd {
    float: left;
}
.questAnswRow.colored{
    background-color: #f3f7fc;;
}

.clear {
    clear: both;
}

.recNumberRwd{
    width: 56px;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    height: 100%;
    border-right: 1px solid #ffffff;
}

.surResTblHeadCellRwd {
    width: 55px;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
    font-weight: bold;
    color: #274d69;
    height: 100%;
}
.surResTblHeadCellRwd {
    cursor: pointer;
}
.surResAnsCellRwd {
    border-left: 1px solid #FFFFFF;
    font-size: 12px;
    padding-left: 10px;
    line-height: 15px;
    padding-top: 17px;
    padding-bottom: 17px;
    min-height: 50px;
    width: 83%;
}

.questAnswRow {
    color: #274d69;
    background-color: #eaeff3;
}
.questAnswRow.colored{
    background-color: #f3f7fc;
}

.recDataRwd {
    padding-left: 10px;
    line-height: 12px;
    padding-top: 6px;
}

.resRwdTblBorderTop {
    height: 1px;
    background-color: #b3cedb;
    position: absolute;
    top: 117px;
    right: 51px;
    left: 35px;
    z-index: 2;
}

.resTblContainerRwd {
    position: absolute;
    top: 117px;
    bottom: 50px;
    left: 0px;
    right: 50px;
}
.disableResRow {
    color: #c0ccd7;
}
#surveyResRwd {
    display: none;
}

#SurveyResTableRwd > div:last-child > div:last-child {
    border-bottom: 1px solid #b3cedb;
}
/**/

/*export survey popup*/
.exportSurveyContainer {
    position:absolute;
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
}
.exportSurveyContent{
    position: absolute;
    top: 100px;
    bottom: 50px;
    left: 30px;
    right: 30px;
    margin: auto;
}
.exportBtnsContainer{
    position: absolute;
    top: 60px;
    left: 30px;
}
#exportSrvResTblToExcel, #selectResTbl {
    float: left;
    width: 208px;
    margin-right: 15px;
}
#selectResTbl {
    width: 124px;
}
#exportSrvResTblToExcel > span{
    background: url(../images/btniconexportexcel.png) 0 center no-repeat;
    padding-left: 32px;
    text-align: left;
    background-size: contain;
}
#exportSrvResTblToExcel:-webkit-any-link{
    text-decoration: none !important;
}
#exportSrvResTblToExcel:-moz-any-link{
    text-decoration: none !important;
}
#exportSrvResTblToExcel:visited{
    text-decoration: none !important;    
}
#selectResTbl > span{
    background: url(../images/btniconcopydata.png) 0 center no-repeat;
    padding-left: 30px;
    text-align: left;
    background-size: contain;
}
.exportSrvTblContainer{
    border-top: 1px solid #b3cedb;    
    position: relative;
    width: 100%;
    max-height: 100%;
}
table.exportTable{
    border-collapse: collapse;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-top: 20px;
}

.exportTable td, th{
    display: table-cell;
    text-align: left;
    padding: 8px;
}
.exportTable tr{
    border: 1px solid #b3cedb;
}
/*end of survey results*/

@media (max-width: 600px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

.logOutBtn{
    position:absolute;
    top:45px;
    left: 180px;
    width: 65px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url('../images/logoutbtn.png');
    background-position: left;
    padding-left: 16px;
    color: #FFFFFF;
    font-size: 10px;
    font-family: arial;
    font-weight: bold;
    text-shadow: 1px 1px rgba(0,0,0,0.28);
}
.logOutBtn:hover{
    cursor: pointer;
    text-decoration: underline;
}


a:active {
    opacity: .5;
}

.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: 16px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	overflow: hidden;
        
	/*border: #a8cbe2 1px solid;*/
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 8px;
    bottom: 2px;
    top: 2px;
    right: 0px;
    
    overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}

.iScrollIndicator {
    position: absolute;
    width: 100%;

    border-style: solid;
    border-width: 1px;
    border-color: #a8cbe2;

    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;          
}

.iScrollHorizontalScrollbar .iScrollIndicator {
    height: 100%;

    background: #ecfafe; /* Old browsers */
    background: url(../images/scroll.png) center center no-repeat, -moz-linear-gradient(top,  #ecfafe 0%, #daeff6 50%, #d2e8f0 100%); /* FF3.6+ */
    background: url(../images/scroll.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecfafe), color-stop(50%,#daeff6), color-stop(100%,#d2e8f0)); /* Chrome,Safari4+ */
    background: url(../images/scroll.png) center center no-repeat, -webkit-linear-gradient(top,  #ecfafe 0%,#daeff6 50%,#d2e8f0 100%); /* Chrome10+,Safari5.1+ */
    background: url(../images/scroll.png) center center no-repeat, -o-linear-gradient(top,  #ecfafe 0%,#daeff6 50%,#d2e8f0 100%); /* Opera 11.10+ */
    background: url(../images/scroll.png) center center no-repeat, -ms-linear-gradient(top,  #ecfafe 0%,#daeff6 50%,#d2e8f0 100%); /* IE10+ */
    background: url(../images/scroll.png) center center no-repeat, linear-gradient(to bottom,  #ecfafe 0%,#daeff6 50%,#d2e8f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecfafe', endColorstr='#d2e8f0',GradientType=0 ); /* IE6-9 */
}

.iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dc831a;
    background: #dc831a;
    background: -moz-linear-gradient(left, #dc831a 0%, #f7931d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dc831a), color-stop(100%,#f7931d));
    background: -webkit-linear-gradient(left, #dc831a 0%, #f7931d 100%);
    background: -o-linear-gradient(left, #dc831a 0%, #f7931d 100%);
    background: -ms-linear-gradient(left, #dc831a 0%, #f7931d 100%);
    background: linear-gradient(to right, #dc831a 0%, #f7931d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc831a', endColorstr='#f7931d',GradientType=1 );
}

.editComparisonCell:hover, .editComparisonCellOdd:hover{
    cursor: pointer;
    font-weight: bold;
    border-right: 1px solid #A4B8C3;
    border-bottom: 1px solid #BBCDD8;
    
    background: #d9edf7; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f4fa 0%, #d9edf7 50%, #c6dce7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f4fa), color-stop(50%,#d9edf7), color-stop(100%,#c6dce7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f4fa 0%,#d9edf7 50%,#c6dce7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f4fa 0%,#d9edf7 50%,#c6dce7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f4fa 0%,#d9edf7 50%,#c6dce7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f4fa 0%,#d9edf7 50%,#c6dce7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f4fa', endColorstr='#c6dce7',GradientType=0 ); /* IE6-9 */
}

/*popup*/
.divModalDialog:target  { display:block; }

.divModalDialog {
    position: absolute;
    top:0;
    left:0;
    bottom: 0px;
    right: 0px;
    width:100%;
    height:100%;
    min-width: 480px;
    min-height: 600px;
    /*! important !*/
    display:none;
    /* last attribute set darkness on scale: 0...1.0 */
    /*background-color:rgba(0,0,0,0.7);*/
    /* text-align:center; */
    z-index:101;
}
.fixedBack{
    position: fixed; 
    top: 0px; 
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%; 
    height: 100%;
/*    min-height: 768px;*/
    min-width: 480px;
    background-color:rgba(0,0,0,0.5);
}
.popupTitle {
    position:absolute;
    left:0px;
    right: 52px;
    top:0px;
    /*width:100%;*/
    height:44px;
    line-height:43px;
    margin-left: 0px;
    color: #FFFFFF;
    background: #f7931d;
    border: none;
    font-family: titilliumwebB;
    font-size: 18px;
    text-align:left;
    padding: 0 0 0 33px;
    text-shadow: 0px 1px rgba(0,0,0, 0.75);
    overflow: hidden;
}

.popupClose {
    position: absolute;
    right: 0;
    top: 0;
    width:52px;
    height:44px;
    background: #f7931d;
    background-image:url(../images/popupclosebtn.png);
    background-repeat:no-repeat;
    border: none;
    padding: 0;
    overflow: hidden;
}
.popupClose:hover{
    cursor: pointer;
    background-position: 0px -44px;
}

/*Pairwise Comparison popup*/
#pcContainer {
    position:absolute;
    width: 96%;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    max-width:1020px;
    max-height: 510px;
    margin: auto;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.75);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.75);
}
.pcDescrContainer{
    width: 100%;
    display: table;
    height: 38px;
    background-color: #fbfcfe;
    border-bottom: 1px solid #dde2e6;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
    -o-box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
    box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
}
.PairwiseQuestionTxt{
    position: relative;
    width: 98%;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    font-family: titilliumwebR;
    text-align: center;
    color: #274d69;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    min-height: 38px;
}
.pcLeftRightContent{
    position: relative;
    height: 316px;
    top: 16px;
    width: 94%;
    margin: 0 3%;    
}
.pcLeftRightContentCell{
    width: 50%;
    float: left;
    height: 300px;
}
.pcLeftRightContentCell.left{
    box-shadow: inset -1px 0px 0px 0px rgba(133,182,217,1);
    padding-left: 0;
    padding-right: 10px;
}
.pcLeftRightContentCell.right{
    -webkit-box-shadow: inset 1px 0px 0px 0px rgba(218,233,242,1);
    -moz-box-shadow: inset 1px 0px 0px 0px rgba(218,233,242,1);
    box-shadow: inset 1px 0px 0px 0px rgba(218,233,242,1);
    padding-left: 10px;
    padding-right: 0;
}
.pcSliderContainer{
    position: absolute;
    width: 94%;
    top: 170px;
    margin: 0 3%;    
}
.pcSliderBcg{
    margin: auto;
    width: 100%;
    height: 62px;
    background-color: transparent;
    background-image: url(../images/pairwisecompscale.svg);
    background-position: center;
    background-repeat:no-repeat;
    background-size: 100%;
}
.pcSlider{
    width: 100%;
    height: 62px;
    background-color: transparent;
} 

.pcSliderLabel{
    width: 96.4%;
    height: 26px;
    position: absolute;
    background-color: #ffffff;
    top: 232px;
    margin-left: 1.85%;
}
.pcSliderLabelCell{
    width: 12.2%;    
    text-align: center;
    color: #141414;
    font-size: 12px;
    line-height: 26px;
    font-family: titilliumwebR;
    float: left;
}
.pcSliderLabelCell.blue{
    color: #85b6d9;
}
.pcSliderLabelCell.first{
    width: 7.3%;
    text-align: left;
}
.pcSliderLabelCell.last{
    width: 7.3%;
    text-align: right;
}
.pcHorizDevider{
    position: relative;
    width: 100%;
    height: 16px;
    border-bottom: 1px solid #dde2e6;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
    -o-box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);
    box-shadow: 0px 1px 0px 0px rgba(239,243,246,1);   
}

.pcLeftLabel, .pcRightLabel{
    position: relative;
    top: 175px;
    height: 30px;
    font-weight: normal;
    font-size: 14px;
    line-height:26px;
    font-family: titilliumwebR;
    color: #0066b2;
    text-align: left;
}
.pcRightLabel{
    text-align: right;
}
.pcLeftLabel.bold, .pcRightLabel.bold{
    font-weight: bold;
}
.pcLeftLongDesc, .pcRightLongDesc{
    position: relative;
    top: 192px;
    color: #000000;
    font-size: 14px;
    line-height: 15px;
    font-family: Arial,Helvetica,sans-serif;    
    text-align: left;
    word-wrap: break-word;
}
.pcRightLongDesc{
    text-align: right;
}
.pcButtonsContainer{
    position: relative;
    width: 100%;
    height: 64px;
    margin-top: 32px;
}

.pcButtonsCell{
    width: 50%;
    height: 100%;
    float: left;
}

.popupbutton.pcCancel{
    position: relative;
    width: 120px;
    bottom: 0px;
    float: right;
    margin-right: 12px;
}
.popupbutton.pcNext{
    position:relative;
    width:120px;
    bottom: 0px;
    float: left;
    margin-left: 12px;
}
/*End Pairwise Comparison*/


.closeSaveLoad {
    position: absolute;
    right: 0;
    top: 0;
    width:52px;
    height:44px;
    background-image:url(../images/popupclosebtn.png);
    background-repeat:no-repeat;   
    border: none;
    padding: 0;
}
.closeSaveLoad:hover{
    cursor: pointer;
    background-position: 0px -44px;
}

/* Save/Load pop-ups */
#storeModal, #openModal{
    position: absolute;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    margin: auto;
/*    max-width: 640px;
    max-height: 500px;*/
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
}

.SavePopupTitle{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:44px;
    line-height:44px;
    margin-left: 0px;
    color: #FFFFFF;
    background: #f7931d;
    border: none;
    font-family: titilliumwebB;
    font-size: 18px;
    text-align:left;
    padding: 0 0 0 33px;
    text-shadow: 0px 1px rgba(0,0,0, 0.75);
}

#saveBox, #loadBox{
    position:absolute;
    left: 33px;
    right: 33px;    
    bottom: 20px;
    margin: 0 auto;
}
#saveBox{
    top: 145px;
}
#loadBox{
    top: 85px;
}

.savePopupText{
    color: #141414;
    font-family: titilliumwebR;
    font-size: 16px;
    text-align:left;
    padding: 0px 0px 0px 0px;
    width:100%;
}

.savePopupInput{
    position:absolute;
    top:20px;
    left:11px;
    width:290px;
    height:28px;
    background-color:#ffffff;
    color:#343433;
    border: 1px solid;
    border-top-color: #d7d7d7;
    border-left-color: #d7d7d7;
    border-bottom-color: #e5e5e5;
    border-right-color: #e5e5e5;
    font-family: Arial;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    line-height: 28px;
    padding: 0px 0px 0px 2px;
}
.tblRowSave{
    position: absolute;
    top: -80px;
    left: 0px;
    width: 100%;
    height: auto;
    min-height: 47px;
    margin-bottom: 5px;
    background: #fbfcfe;
    border: 1px solid #deedf7;
}
.editContainerSave {
    position: relative;
    margin: 10px 10px 10px 50px;
    height: auto;
    box-sizing: border-box;
}
textarea.textareaSave {
    min-height: 27px;
    max-height: 53px;
    line-height: 13px;
    padding: 6px 6px;
    overflow-y: auto;    
}

/*User Info*/
#UserInfoContainer{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 9px;
    width:341px;
    height:140px;
}

.UserInfoModelDialog  {
    position:absolute;
    top:527px;
    left:0;
    bottom: 0px;
    right: 0px;
    width:100%;
    /*height:100%;*/
    /*min-height: 768px;*/
    min-width: 480px;
    /*! important !*/
    display:none;
   /* last attribute set darkness on scale: 0...1.0 */
    /*background-color:rgba(0,0,0,0.7);*/
    text-align:center;
    z-index:101;
}
.UserInfoPopupText {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 70px;
    line-height: 26px;
    margin-right: 10px;
    display: inline-block;
    color: #5e5e5e;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align:right;
}

/*User Info confirmation*/
#UserInfoConfirmContainer{
    margin:200px auto;
    width:377px;
    height:239px;
    background-image:url(img/userinfobcg.png);
    background-repeat:no-repeat;
}

.UserInfoConfirmPopupText{
    font:bold 12px arial;
    font-weight: bold;
    text-align:left;
    padding: 0px 0px 0px 0px;
    width:298px;
}

.UserInfoConfirmPopupNote{
    color:#0865b0;
    font: normal 10px arial;
    line-height: 12px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    width:335px;
}

.InvalidUserInfo {
    float: left;
    margin-left: 60px;
    width: 200px;
    color: #ff0000;
    font-family: titilliumwebI;
    font-size: 13px;
    font-style: italic;
    text-align: right;
    line-height: 13px;
    padding: 0px 0px 0px 0px;
}
.UserInfoPopupRow{
    margin-bottom: 11px;
}
.UserInfoPopupRow:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
.UserInfoPopupInput {
    float: left;
    width:180px;
    height:26px;
    line-height: 24px;
    padding: 0px 0px 0px 2px;
    display: inline-block;
    background-color: #ffffff;
    color: #141414;
    border: 1px solid #d5d5d5;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

.splashChangeUser{
   
    width:80px;
    height:26px;
    font:bold 12px arial;
    color:#031d31;
    text-align: center;
    text-decoration: underline;
}

/*Restart Dialog*/
#RestartContainer, #ResetContainer, #logOutContainer, #ICContainer{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width:415px;
    height:185px;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.45);
}
.RestartContent{
    position: absolute;
    left: 0px;
    right: 0px;    
    top: 0px;
    bottom: 0px;
    margin: auto;
    /*width:420px;*/
    height:340px;
}

.restartInfoText{
    position: relative; 
    margin: auto; 
    top:0px; 
    width: 90%;
    font-family: titilliumwebB;
    font-weight: normal;
    font-size: 14px;
    color: #555555; 
    line-height: 18px;
    text-align: center
}
.restartInfoText > span{
    line-height: 18px;
    padding: 0 10px;
    background-color: #ffffff;     
}
.popupText{
    position: absolute;
    top: 75px; 
    left: 0px;
    color: #274d69;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding: 0px 33px 0px 33px;
    width: 100%;
    line-height: 26px;
}

.modelListTextSave { /* IMPORTANT: use only for save/load lists */
    position: relative;
    width: 100%;
    font-family: titilliumwebR;
    font-size: 14px;
    color: #141414;
    word-wrap: break-word;     
    text-align:left;
    line-height: 16px;
    padding: 7px 45px 7px 0px;
    margin: 0px 0px 10px 0px;
    vertical-align: middle;
}

.modelListText { /* IMPORTANT: use only for save/load lists */
    position: relative;
    width: 100%;
    min-height: 41px;
    background: #fbfcfe;
    border: 1px solid #deedf7;
    font-family: titilliumwebR;
    font-size: 14px;
    color: #141414;
    word-wrap: break-word;     
    text-align:left;
    line-height: 15px;
    padding: 12px 110px 12px 55px;
    margin: 0px 0px 10px 0px;
    vertical-align: middle;
}

.modelListTextSelected { /* IMPORTANT: use only for save/load lists */
    position: relative;
    width: 100%;
    min-height: 41px;
    background: #fbfcfe;
    border: 1px solid #deedf7;
    font-family: titilliumwebB;
    font-size: 14px;
    color: #141414;
    word-wrap: break-word;     
    text-align:left;
    line-height: 15px;
    padding: 12px 110px 12px 55px;
    margin: 0px 0px 10px 0px;
    vertical-align: middle;
}

#SaveScrollDIV, #LoadScrollDIV{
    position:absolute;
    left:0px;
    right: 0;
    top: 30px;
    bottom: 0px; 
    border-top: 1px solid #deedf7;
    border-bottom: 1px solid #deedf7;
    padding: 0;
    overflow: hidden;
}

.loadPopupText{
    color: #141414;
    font-family: titilliumwebR;
    font-size: 16px;
    text-align:left;
    padding: 0px 0px 0px 0px;
    width:100%;
}

#openModalFileList{
    padding: 8px 12px 1px 0;
}

.controlLoadButtons{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 5px;
    width: 70px; 
    height: 30px; 
    color: #ffffff; 
    font-size: 14px; 
    font-family: titilliumwebB; 
    text-align: center;
    background: #f7931d; 
    border: 1px solid #acacac; 
    margin: auto 0px; 
    padding: 0;
    line-height: 28px;
}

.controlLoadButtons:hover {    
    cursor: pointer;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);
}

.controlOpenCountButtons, .controlOpenCountButtonsUnlocked{
    position: absolute;
    top: 0px;
    right: 85px;
    bottom: 0px;
    background: url(../images/exclamationmark.png) no-repeat 0px 0px; 
    width: 23px; 
    height: 21px;
    margin: auto 0px;
}

.controlOpenCountButtonsUnlocked{ 
    background-image:url(../images/exclamationmark.png);
    background-repeat:no-repeat;    
}

.controlOpenCountButtons:hover, .controlOpenCountButtonsUnlocked:hover{  
    background-position: 0 0px;
    cursor: pointer;    
}

.modelListTextSave >.controlOpenCountButtons, .modelListTextSave >.controlOpenCountButtonsUnlocked{
    right: 17px;
}

.scenInUsePopup{
    position: absolute;
    background: #0066b2;
    font-family: titilliumwebR;
    border: 1px solid #0066b2;
    border-top: 1px solid #3385c1;
    font-size: 12px;
    color: #ffffff;
    line-height: 14px;
    z-index: 101;
    opacity: 0.95;
    padding: 5px;
    box-shadow: 0.5px 1px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0.5px 1px 4px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0.5px 1px 4px 0px rgba(0,0,0,0.4);
    display: none;
}
/*loaded scenario info*/
.loadedScenarioIcon{
    background: url("../images/loadedicon.png") no-repeat;
    background-position: 0px 0px;
    display: block; 
}
.loadedScenarioIcon:hover{
    background-position: 0px -39px;
    cursor: pointer;
}
.loadedScenarioIconRed{
    background: url("../images/loadediconwarning.png") no-repeat; 
    background-position: 0px 0px;
}
.loadedScenarioIconRed:hover{
    background-position: 0 -39px;
    cursor: pointer;
}
/*loaded scenario info Survey*/
#loadedScenarioIconSurvey{
    background: url("../images/loadedicon.png") no-repeat;
    left:87px;  
}
#loadedScenarioIconSurvey:hover{
    background-position: 0 0px;
    cursor: pointer;
}

.LoadedScenarioInfoContainer {
    position: absolute;
    top: 56px;
    right: 121px;
    width: 415px;
    height: 80px;
    
    background: #0066b2;
    font-family: titilliumwebR;
    border: 1px solid #0066b2;
    border-top: 1px solid #3385c1;
    font-size: 12px;
    color: #ffffff;
    line-height: 14px;
    text-align: right;
    padding: 0px;
    margin: 0px;
    z-index: 105;
    opacity: 0.95;
    
    box-shadow: 0.5px 1px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0.5px 1px 4px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0.5px 1px 4px 0px rgba(0,0,0,0.4);
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.LoadedScenarioInfoContainer:before {
    position: absolute;
    right: 10px;
    top: -9px;
    height: 0;
    width: 0;
    border-left: solid transparent 6px;
    border-right: solid transparent 6px;
    border-bottom: solid #0066b2 7px;
    content: " ";
}

#loadedScenarioInfoTxt {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 0px;
    bottom: 2px;
/*    width: 100%;
    height: 100%;*/
    overflow: hidden;
    padding-right: 12px;
}
#loadedScenarioInfoTxt .iScrollVerticalScrollbar {
    width: 8px;
    right: 0px;
}
#loadedScenarioInfoTxt .iScrollIndicator {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px; 
}

/* Blue lines gradient */
.blueLineGradient{
    position: absolute;
    left: 11px;
    height:1px; 
    width:380px;
    background: #0066b2; /* Old browsers */
    background: -moz-linear-gradient(left,  #0066b2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0066b2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #0066b2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #0066b2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #0066b2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #0066b2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066b2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

output { 
  position: absolute;
  top: -40px;
  background: #ffffff;
  border: 1px solid #0066b2;
  width: 35px; 
  height: 25px; 
  text-align: center; 
  color: #000000; 
  border-radius: 2px;
  display: none; 
  font: bold 11px Arial;
  bottom: 175%;
  left: 0;
  /*margin-left: -1%;*/
  line-height: 25px;
}

.modelPageContentBcg{
    width: 824px;
    position:relative;
    margin: 0 auto;
    height: 291px;
    border: #a7bed1 1px solid;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #eff5f8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f7f9 0%, #eff5f8 70%, #e8f1f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f7f9), color-stop(70%,#eff5f8), color-stop(100%,#e8f1f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f7f9 0%,#eff5f8 70%,#e8f1f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f7f9 0%,#eff5f8 70%,#e8f1f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f7f9 0%,#eff5f8 70%,#e8f1f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f7f9 0%,#eff5f8 70%,#e8f1f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7f9', endColorstr='#e8f1f7',GradientType=0 ); /* IE6-9 */
}

.modelOptContent{
    position: absolute;
    left: 16px;
    top: 16px;
    width: 243px;
    height: 260px;
}
.modelOptOverDisable{
    position: absolute;
    left: 0px;
    top: 16px;
    width: 243px;
    height: 52px;
    z-index: 11;
}
.plTableCellDisabled, .plTableCellPUStatus{
    background-color: #e8edef;
    float: left;
    height: 34px;
    text-align: center;
    overflow: hidden;
    color: #343433;
    font-size: 13px;
    line-height: 35px;
    margin: 1px 1px 1px 1px;
}
.plTableCellPUStatus{    
    text-align: left;
    font-style: italic;
    padding-left: 5px;
}
    
.modelPageSurveyList{
    width:800px;
    height:240px;
    margin: 5px 5px 5px 5px;
}

#surveyList > p
{
    margin-top:0px;
    margin-bottom:0px;
}

.insertSurveyListBtn{
    background: url("../images/insertlistbtn.png") no-repeat;
    width: 118px;
    height: 26px;
    position: absolute;
    left: 697px;
    top: 3px;
    padding-left: 16px;
    padding-top: 6px;
    color: #0066b2;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 1px 1px rgba(255,255,255,1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.insertSurveyListBtn:hover {
    cursor: pointer;
    background-position: 0 -26px;
}

.exportSurveysBtn{
    background: url("../images/insertlistbtn.png") no-repeat;
    width: 118px;
    height: 26px;
    position: absolute;
    left: 557px;
    top: 3px;
    padding-left: 8px;
    padding-top: 6px;
    color: #0066b2;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 1px 1px rgba(255,255,255,1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.exportSurveysBtn:hover {
    cursor: pointer;
    background-position: 0 -26px;
}

#InsertSurveyListBcg{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width:762px;
    height:642px;
    background-image:url(../images/surveylistpopup.png);
    background-repeat:no-repeat;
}
textarea{
    resize: none;
}

/* Label (radio, cb))*/
label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label:hover{
  cursor:pointer;
}

/*Input range slider*/
input[type="range"] {
    -webkit-appearance:none !important;
    -moz-appearance: none; 
    -ms-appearance:none;
    border: 0px;    
 }
input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance:none !important; 
    border: 0px;
}
 
input[type='range']::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    border: 0px;
 }
input[type='range']::-moz-range-thumb {
    -moz-appearance: none;    
    border: 0px;    
 }

input[type=range]::-ms-track {
    -ms-appearance:none;
    background: transparent;
    border: 0px;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    -ms-appearance:none;
    background: transparent;
    border: 0px;
}
input[type=range]::-ms-fill-upper {
    -ms-appearance:none;
    background: transparent;
    border: 0px;
}
input[type=range]::-ms-thumb {
    -ms-appearance:none;
    border: 0px;
}

input[type=range]:focus {
  outline: none;
}
input[type=range]:hover {
  cursor: pointer;
}
input[type=range]::-ms-tooltip {
    display: none;
}

/*Radio btn*/
input[type='radio'] {
    background:none; 
    opacity:0;
}
input[type='radio']:hover {
    cursor: pointer;
}

.surveyQOptLabel{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 4px 0;
}
.surveyQOptLabel > input[type='radio'] + span{
    position:absolute; 
    top:0; 
    left:0; 
    max-width: 100%;
    min-height: 20px;
    line-height: 20px;
    background-image: url('../images/radiobtn.png'); 
    background-repeat: no-repeat;
    background-position: 0 -20px;
    padding: 0px 35px 0px 30px;
    margin: 4px 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/*Checkbox*/ 
input[type='checkbox'] {
    background:none; 
    opacity:0;
    border: 0px;
}
input[type='checkbox']:hover {
    cursor: pointer;
}
.surveyQOptLabel > input[type='checkbox'] + span{
    position:absolute; 
    top:0; 
    left:0; 
    max-width: 100%;
    min-height: 20px; 
    line-height: 20px;
    background-image: url('../images/checkbox.png'); 
    background-repeat: no-repeat;
    background-position: 0 -20px;
    padding: 0px 35px 0px 30px;
    margin: 4px 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/*Common radio and checkbox*/
.surveyQOptLabel > input:checked + span {
    background-position: 0 0px;
}
.surveyQOptLabel > input:disabled + span {
    background-position: 0 -20px;    
}
.surveyQOptLabel > input:disabled + span:hover{
    cursor: default;    
}

/*Model properties page*/

 
 .surveyUserDataFormat {
    position: absolute;
    top: 573px;
    width: 600px;
    height: 20px;
    color: #0066b2;
    font-size: 12px;
    font-style: italic;
    text-align: left;
    line-height: 20px;
    left: 22px;
 }
/*End Model properties page*/

 /*Loading*/
 .spinnerContent{
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;    
    bottom: 0px;
    height: 80px;
 }
 
.spinner {
    position: relative;
    margin: auto;
    /*left: 495px;*/
    top: 0px;
    border: 3px solid  #0066b2;
    font-size: 40px;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top-color: #f7931d;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loadingInfoText{
    position: relative; 
    margin: auto; 
    top:58px; 
    width: 100px;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color:#f7931d;
    line-height: 18px;
    text-align: center
}

#loading, #ResetCover, #RestartCover, #logOutCover {
    position: absolute;
    left:0px;
    top:0px;
    bottom: 0px;
    right: 0px;
    min-width: 100%; 
    min-height: 100%; 
    display: none; 
    z-index:109;    
}
.loadingBack{
    position: absolute;
    left:0px;
    top:0px;
    bottom: 0px;
    right: 0px;
    min-width: 100%; 
    min-height: 100%; 
    background-color: #000000; 
    opacity: 0.7;    
}

.blueNote{
    position:relative; 
    color: #0066b2;    
    margin-bottom: 5px;
    font: bold 12px arial;
    line-height: 12px;
    text-align: left;
}
.redNote{
    position:relative; 
    color: red;
    /*width: 380px;*/
    margin: auto;
    /*margin-top: 5px;*/
    margin-bottom: 5px;
    font: bold 12px arial;
    line-height: 12px;
    text-align: left;
}

/*Survey User Info pop-up*/
#SurveyUserInfoContainer{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    width:341px;
    height:180px;
}

/*Long description of groups and question*/
.longDescrPopup, longDescrPopupLeft, longDescrPopupRight {
    background: #ffffff;
    color: #274d69;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-align: left;
    line-height: 14px;
    margin-bottom: 15px;
    position: absolute; 
    max-width: 300px;
    min-width: 100px;
    min-height: 28px;
    border: 1px solid #b3cedb;
    border-radius: 6px;
    background-color: white; 
    display: none; 
    z-index:102;
    padding: 6px 6px 6px 6px;
    word-wrap: break-word;
}

.longDescrPopup:before {
    bottom: -20px;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -12px;
    top: 100%;
    position: absolute;
    border-top: 12px solid #b3cedb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.longDescrPopup:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid #ffffff 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
}

.longDescrPopupLeft:before{
    left: 20px;
    margin-left: -12px;
}
.longDescrPopupLeft:after{
    left: 20px;
    margin-left: -10px;
}

.longDescrPopupRight:before{
    left: auto;
    right: 20px;
    margin-left: auto;    
    margin-right: -12px;
}
.longDescrPopupRight:after{
    left: auto;
    right: 20px;
    margin-left: auto;    
    margin-right: -10px;
}

.longDescrPopupClose{
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #0066b2;
    border-bottom: 1px solid #0066b2;
    border-bottom-left-radius: 4px;
    padding: 1px 4px;
    color: #0066b2;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}


@media (max-width: 993px) {

    /*vas slider*/
    .vasContainer{height: 130px;}
    .vasOptContainer{top: 70px;}
    .vasOptContainer.left{left: 5%;}
    .vasOptContainer.right{left: auto; right: 5%;}
    .vasSliderContainer{width: 90%; margin-left: 5%; left: 0;}
    /*.vasSlider{width: 99%; background-size: cover;}*/
    .vasSliderLabel{width: 102%; margin-left: -1%;}
    
    .orlogo{margin: 0px 0px 0px -370px;}
    /*status popup*/
    .statusContent{width: 73%; bottom: 0px;}
    .invListRow > div{font-size: 73%;}
    .invListStatusSymbol {height: 8px; width: 8px; margin-left: 0px; margin-right: 1px;}
    .invListRemoveHead{width: 8%;}
    .invListRemove{width: 6%;}
    .invListCountryHead{width: 30%;}
    .invListCountry{width: 30%;}
    .invListHead > div{font-size: 12px;}
    .invListRow > div.invListStatus{font-size: 70%}
}

@media (max-width: 768px){
    #splash{min-height: 600px; background: url('../images/splashillustrationcenterrwd.png') center 0px no-repeat, url('../images/splashillustrationrepeatxrwd.png') center 0px repeat-x, #FDFDFD;}
    .srvWelcome{
        position: absolute;
        top: 196px;
        left: 50%;
        width: 82px;
        height: 23px;
        margin-left: -30px;
        background: url('../images/welcomerwd.png') 0 0 no-repeat;
    }
    .splashTitle{ top:44px; height:90px; font-size: 27px; line-height: 30px;}
    .surveySplashTitle{height:90px;}
    .orlogo{ 
        position: absolute;
        top: 313px;
        left:50%;
        width: 139px;
        height: 57px;        
        margin: 0px 0px 0px -234px;  
        font-size: 10px;
        padding-right: 18px;
        background: url("../images/zrxlogorwd.png") 0px 6px no-repeat;
    }
    #EnterBtn.enterBtn{top: 503px;}
    .UserInfoModelDialog{top:423px;}
    .adminIcon{background-image:url(../images/adminiconrwd.png); width:27px; height:26px;}
    .adminIcon:hover{background-position: 0px -26px;}
    .adminInfoPopup {top: 51px;}
    .adminInfoPopup:before {right: 8px;}

    #header{height: 49px;}
    #header:before {left: 47px; border-left: solid transparent 30px; border-right: solid transparent 30px;}
    #header:after{left: 48px; border-left: solid transparent 29px; border-right: solid transparent 29px;}
    .headerRight{right: 55px;}
    .PageContainer{top:49px;}

    .pageTitle{left: 0px; font-size: 16px; height: 21px; line-height: 21px; padding-left: 29px;}
    .headerToolTitle{left:55px; top: 6px; height: 44px; background: url(../images/logorwd.png) 0px 0px no-repeat; font-size: 20px; line-height: 44px; padding-left: 50px;}
    .tblTitleHolder{min-width: 200px;}
    .tblTitleHolder.addcst{min-width: 180px;}
    .tblTitleHolderTxt{font-size: 14px;}
    
    .pageTitle.surveyPgTitle{background: url('../images/createsurveytitleiconrwd.png') 0px center no-repeat;}
    .pageTitle.questionsPgTitle{background: url('../images/questiontitlesiconrwd.png') 0px center no-repeat;}
    .pageTitle.questWeightsPgTitle{background: url('../images/questionsweighttitleiconrwd.png') 0px center no-repeat;}
    .pageTitle.surveyResPgTitle{background: url('../images/surveyresultstitleiconrwd.png') 0px center no-repeat;}
    .srvPgTitle{left: 0px; font-size: 16px; padding-left: 29px; background: url('../images/surveyresultstitleiconrwd.png') 0px center no-repeat;}
    
    #mainMenu{width: 150px;}
    #openMainNavigationMenu {background-image: url(../images/menubtnrwd.png); height: 48px; width: 48px}
    #openMainNavigationMenu:hover {background-position: 0px -48px;}
    #openMainNavigationMenu.close {background-position: 0px -96px;}
    .menuTitle{width: 150px; font-size: 16px; height: 49px; line-height: 48px; padding-left: 50px;}
    .menuItem{width: 150px; font-size: 14px; height: 39px; line-height: 39px; padding-left: 50px; background-position: 0px -39px;}
    .menuItem.restart{background-image:url(../images/menubtnresetrwd.png);}
    .menuItem.status{background-image:url(../images/menubtnstatusrwd.png);}
    .menuItem.createS{background-image:url(../images/menubtncreatesurveyrwd.png);}
    .menuItem.questions{background-image:url(../images/menubtnquestionsrwd.png);}
    .menuItem.weight{background-image:url(../images/menubtnweightrwd.png);}
    .menuItem.surveyRes{background-image:url(../images/menubtnsurveyresultsrwd.png);}
   
    #openFunctionalMenu {background-image: url(../images/toolsbtnrwd.png); width: 38px; height: 49px;}
    #openFunctionalMenu:hover {background-position: 0px -49px;}
    #openFunctionalMenu.close {background-position: 0px -99px;}
    #FunctionalMenu {right: 53px; width: 38px;}
    .fnmenuItemTitle {width: 38px; height: 49px;}
    .fnmenuItem{font-size: 10px; width: 38px; height: 40px; line-height: 13px; padding-top: 23px;}
    #saveQuest{background-image: url(../images/toolsbtnsaverwd.png); background-position: center 0;}
    #saveQuest.disabled{background-position: center -40px;}
    #loadQuest{background-image: url(../images/toolsbtnloadrwd.png);}
    #resetModel{background-image: url(../images/toolsbtnresetrwd.png);}
    
    .loadedScenarioIcon, .loadedScenarioIconRed {width: 30px; height: 32px;}
    .loadedScenarioIcon {background: url("../images/loadediconrwd.png") no-repeat;}
    .loadedScenarioIconRed {background: url("../images/loadediconwarningrwd.png") no-repeat;}
    .loadedScenarioIcon:hover{background-position: 0px -32px;}
    .loadedScenarioIconRed:hover{background-position: 0px -32px;}
    .LoadedScenarioInfoContainer {right: 101px; width: 300px; height: 100px; top: 50px;}
    .LoadedScenarioInfoContainer:before {right: 8px;}    
    
    .statusInfo {background-image: url(../images/statusiconrwd.png); width: 43px; height: 31px; font-size: 10px; line-height: 27px;}
    .statusInfo:hover{background-position: 0px -31px;}
    .statusInfo.disabled{background-position: 0px -62px;}
    
    .navArrows{top: 60px;}
    #leftArrow {width:27px; height:30px;}
    .navArrowLeft{background: url("../images/arrowleftrwd.png") no-repeat 0px 0px;}
    .navArrowLeft:hover{background-position: 0 -30px;}
    .navArrowLeft.disabled{background-position: 0 -60px;}
    #rightArrow {width:37px; height:30px;}
    .navArrowRight{background: url("../images/arrowrightrwd.png") no-repeat 0px 0px;}
    .navArrowRight:hover{background-position: 0 -30px;}
    .navArrowRight.disabled{background-position: 0 -60px;}

    .blueBtn{font-size: 12px;}
    
    textarea{font-size: 13px;}
    .UserInfoPopupText{font-size: 13px;}
    .UserInfoPopupInput{font-size: 13px;}
    
    .comboBox{margin-right: 0%; font-size: 13px;}
    .comboBoxList{font-size: 13px;}
    .comboBoxDiv{margin-right: 0%; font-size: 13px;}
    .selectGroup{width: 100%;}
    .selectOpt{width: 100%;}
    .selectAnswer{width: 100%;}
    .selectCountry{font-size: 13px;}
    .weightsTblBody{font-size: 12px;}
    
    #previewSurvey > span{padding-left: 27px;}
    #previewSurvey{position: relative; top:5px; float: right; width:94px; margin-left: 8px;}
    #reorderQuestions{position: relative; top:5px; float: right; width:142px;}

    #storeModal, #openModal{left: 5%; right: 5%; top: 5%; bottom: 5%;}
    
    .invListHeadRwd, #surveyListRwd{
        display: block;
    }  
    .invListHead, #surveyList{
        display: none;
    }
    
    .pcSlider{background-size: 100%;}
    
    .moreInfoPopup, .srvInfoPopup, moreInfoInvPopup{max-width: 300px;}
    
     /*status popup*/
    .statusContent{left: 25px; right: 25px; width: 90%}
    .statusInviteContent{left: 25px; right: 25px;}
    .statusTabOptHolder{left: 25px; right: 25px;}
    .statusTabOpt{width: 200px;}
    .statusOptHolder{display: table; margin-bottom: 40px;}
    .statusOpt{width: 250px;}
    .statusOptLabel{width: 219px; height: 54px;}
    .statusOptLabel > input[type='radio'] + span{width: 205px; font-size: 14px; height: 40px; line-height: 40px;}
    .statusOptDesc{font-size: 13px;}
    .allowAnonCollect{margin-bottom: 40px;}    
    .allowAnonCollect > input[type='checkbox'] + span{font-size: 13px;}
    .statusInvitePartBtn{font-size: 14px; width: 198px;}    
    
    /*invite popup*/
    .statusInviteTxt{font-size: 12px; }
    .statusInvListLabel{font-size: 13px;}
    #surveyLink a{font-size: 12px;}
    
    /*survey results*/
    #surveyResRwd {display: block;}
    #surveyRes {display: none;}
    .expRfrshBtnsContainer {border-bottom: none; border-right: none;}
    #surResButtons{border-right: none;}
    #exportSrvResTblToExcel{width: 166px;}
    #selectResTbl {width: 110px;}
    #exportSrvResTblToExcel > span{padding-left: 26px}
    #selectResTbl > span{padding-left: 24px;}
}

@media (max-width: 600px){
    .pcSlider{background-size: 100%;} 
    .statusTabOpt{width: 150px;}
}

.ui-slider {
    position: absolute;
    /*text-align: left;*/
    z-index: 2;
    display: block;
    border: 0;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    /*font-size: .7em;*/
    display: block;
    border: 0;
    /*background: #ec6507;*/
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 36px;
    background-image:url(../images/pairwisecompsliderbtn.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    outline: none;
}

.vasSlider > span.ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 30px;
    background-image:url(../images/pairwisecompsliderbtnsmall.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    outline: none;
}

.ui-slider-horizontal {
    width: 100%; /*1.2em;*/
    /*height: 30px; 1.2em;*/
}

.ui-slider-horizontal:hover {
    cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle {
    top: 13px; /*-.3em;*/
    margin-left: -9px; /*-.6em;*/
}
.vasSlider > span.ui-slider-handle {
    top: 2px; /*-.3em;*/
    margin-left: -7px; /*-.6em;*/
}
.ui-slider-horizontal .ui-slider-handle:hover {
    cursor: pointer;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0px;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0px; /*0;*/
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0px; /*0;*/
}

/*.ui-slider-vertical {
        width: .8em;
        height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
        top: 0;
}*/

/* Corner radius */
.ui-corner-all {
    border-radius: 0px;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-state-disabled,  .ui-state-disabled > span{
    cursor: default !important;
}

.ui-widget {

}
.ui-widget-content {

}
.ui-widget-header {

}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {

}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {

}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {

}
.uiSliderTooltip{
    position: absolute;
    top: -40px;
    background: #ffffff;
    border: 1px solid #0066b2;
    width: 35px; 
    height: 25px; 
    text-align: center; 
    color: #000000; 
    border-radius: 2px;
    display: none; 
    font: bold 11px Arial;
    left: -9px;
    line-height: 25px;
}
.uiSliderTooltip.vasSlider{
    top: -26px;
    height: 20px;
    line-height: 20px;
}