/* user css file */

#overDiv {
background-color:white

}

#logo2 img {
   max-width: 178px;

}


/* Changes the 'fade out' of images at MR image select question */

.js .type-multi-images .qwrap img { 
  opacity: 1; 
}


/* Yellow banners top and bottom DISABLED*/

/*.yellow-banner {
  height: 10px;
  background-color: #FFB40F;
  width: 100%;  
}
*/

/*set the styles for the appearance of ticks*/
.tick {
    position: absolute;
    top: -5px;
    left: 3px;
    display: none;
}

/* use this to set the position of the AdTick.png image using top and left */
.adtick {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.selected .tick, .selected .adtick {
      display: block;
}

.image-wrapper {
  position: relative;
  float:left;
}


.dropzone-header {
    margin-top: 10px;
    color: #F8891E;
    background-color: #ffffff;
}

.dropzone {
    padding-top: 62px;
}

.js .type-multi-images .qwrap .selected { background: #f7a201!important; }
.js .type-single-smiley .qwrap img { opacity: 1!important; }

/*padding left side of select boxes so fit on screen*/
.qtype label.answeroption { padding-left: 26px; }

/*question text not bolded and in Arial*/
.question .tag-header H2 {font-family: Arial; font-weight: 400; font-size: 1.3em;}
.question .tag-header p {font-family: Arial; font-weight: 400; font-size: 1.2em;}
h4 {font-family: Arial; font-weight:400; font-size: 1.3em;}

/*question option labels in Arial*/
.labeltext {font-family:Arial; font-size: 1.2em;}

/*scale option labels in Arial*/
.layout-horizontal .scaleHead li.itemhead span.labeltext {font-family:Arial; font-size: 1em;}

.submitbutton {font-family:Arial;}
.backbutton {font-family:Arial;}

/*All body text to be Arial*/
body {font-family:Arial;}

/*Progress bar border 0px*/
.container .progress.progress-active {
border: 0px solid #FFFFFF;}


/*ranking type non-bold*/
.js .matrix.type-matrix-ranking .circle {
font-family: Arial; font-weight: normal;}

.js .matrix.type-matrix-ranking .category {
font-family: Arial; font-weight: 400; font-size:1.2em}

/*smiley orange selector*/
.js .type-single-smiley .qwrap .selected {
  background-color:#f7a201!important;}

/*text in text boxes to Arial*/
.qtype .text input, .qtype textarea {
font-family: Arial; font-weight: 400;}

/*text in drop down boxes to Arial*/
.qtype select {font-family: Arial; font-weight: 400; font-size:1.2em}


/*buttons have no text shadows*/
.btn, input[type="button"], .buttonbar input, .button, .js .q132 ul {text-shadow: none;}

/*text rows have no shadow*/
.qtype label  {text-shadow: none;}

/*Semantic scale Arial no bold*/
.matrix.q340 .qtype .qwrap ul li.dimension label {font-family: Arial; font-weight: 400; font-size:1.2em}

/*zebra colors for option rows*/
.layout-zebra .qwrap li.even, .zebra-ul .qwrap ul.even {
    background-color: #FFFFFF;
  background-color: #f5f5f7;}


/*stop radio and checkbox buttons moving to the right*/
label.radio, label.checkbox {padding-right:0;}

/*slider handles smaller*/
.linked-slider .slider .ui-slider-handle {
    border-radius: 1em;
    height: 1.5em;
    position: absolute;
    width: 1.5em;
    margin-top: 0.2em;
    z-index: 2;
}

.type-special-slider .slider .ui-slider-handle  {
    border-radius: 1em;
    height: 1.5em;
    position: absolute;
    width: 1.5em;
    margin-top: 0.2em;
    z-index: 2;
}

.type-matrix-matrixslider .slider-base-container .slider .ui-slider-handle{
    border-radius: 1em;
    height: 1.5em;
    position: absolute;
    width: 1.5em;
    margin-top: 0.2em;
    z-index: 2;
}

.type-single-singleslider .slider-base-container .slider .ui-slider-handle{
    border-radius: 1em;
    height: 1.5em;
    position: absolute;
    width: 1.5em;
    margin-top: 0.2em;
    z-index: 2;
}

.type-matrix-matrixslider .slider-base-container .slider.ui-slider-horizontal .ui-slider-handle
{ margin-left: -0.7em;}

.linked-slider .slider.ui-slider-horizontal .ui-slider-handle
{ margin-left: -0.7em;}

.type-single-singleslider .slider-base-container .slider.ui-slider-horizontal .ui-slider-handle
{ margin-left: -0.7em;}

.type-special-slider .slider.ui-slider-horizontal .ui-slider-handle
{ margin-left: -0.7em;}

/*matrix labels text size*/
.matrix .qtype .dimension label
{font-size: 1.2em;}

/*constant sum font size*/
.constant-sum .row-fluid.row-nomargin label.textbox
{font-size:1.2em;}

/*slider matrix and sum font size*/
.type-matrix-matrixslider .layout-horizontal .item-dimension label
{font-size:1.2em;}
.linked-slider .row-fluid.row-nomargin label.textbox
{font-size:1.2em;}