/*============================================================================
  VQVA2Option LAYOUT
  ============================================================================*/

#VQVA2OptionLayout {
  background-image: url(../img/controlpad/question-bg.png);
  background-repeat: no-repeat;
  background-position: 0 25px;
}

#VQVA2OptionQuestionImageContainer {
  display: none;
}

#VQVA2OptionQuestionLabel {
  position: absolute;
  top: 75px;
  left: 35px;
  width: 250px;
  color: #24547d;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.VQVA2OptionAnswerBorderUp, .VQVA2OptionAnswerBorderDisabled, .VQVA2OptionAnswerBorderSelected {
  position:absolute;
  width:137px;
  height:68px;
  left:0;
  right:0;
  margin: 0 auto;
  margin-top:-5px;
  text-align:left;
}

.VQVA2OptionAnswerBorderDisabled {
  border-color: #222222;
}

.VQVA2OptionAnswerBorderSelected {
  border-color: #ffbd20;
}

.VQVA2OptionAnswerImageBG {
  width: 119px;
  height: 119px;
  left:0;
  right:0;
  margin: 0 auto;
  text-align:left;
}

.VQVA2OptionAnswerContainerUp, .VQVA2OptionAnswerContainerSelected {
  position: relative;
  width: 320px;
  height: 210px;
  background-size: 197px 201px;
  background-repeat: no-repeat;
  background-position: 59px 1px;
  z-index: 99;
}

.VQVA2OptionAnswerContainerUp {
  background-image: url(../img/controlpad/answer-bg.png);
}

.VQVA2OptionAnswerContainerSelected {
  background-image: url(../img/controlpad/answer-selected-bg.png);
}

#VQVA2OptionAnswerContainer1 {
  padding-top: 150px;
  background-position: 59px 151px;
}

#VQVA2OptionAnswerImage1, #VQVA2OptionAnswerImage2 {
  padding-top: 3px;
  margin-left: -2px !important;
}

.VQVA2OptionAnswerLabelUp, .VQVA2OptionAnswerLabelDisabled, .VQVA2OptionAnswerLabelSelected {
  width: 180px;
  margin-top:51px;
  margin-left: 68px;
  margin-bottom:15px;
  color:#FFFFFF;
  font-weight: bold;
  text-align: left;
}

.VQVA2OptionAnswerLabelDisabled {
  color:#999999;
}

.VQVA2OptionAnswerLabelSelected {
  color:#ede75b;
}

.VQVA2OptionPopular {
  width: 41px;
  height: 41px;
  background-image: url(../img/controlpad/popular.png);
  background-size: 41px 41px;
  display: none;
  position: absolute;
  margin-left: 75px;
  margin-top: 6px;
  z-index: 100;
}

#VQVA2OptionTotalResponsesContainer {
  display: none;
}
.VQVA2OptionResponsesBar {
  background-image: url(../img/controlpad/surveybar-bg.png);
  background-repeat: no-repeat;
  background-size: 65px 35px;
  background-position: 95px -1px;
  width: 230px !important;
  height: 35px !important;
}
.VQVA2OptionResponsesBarLabel {
  position: absolute;
  left: 106px;
  top: 9px;
  width: 40px;
  height: 30px;
}

#VQVA2OptionResponses {
  position: absolute;
  top: 274px;
  left: 83px;
  z-index: 1;
}

#VQVA2OptionResponsesBar2 {
  top: 212px !important;
}

/*============================================================================
  BETWEEN 360px AND 969px WIDE
  ============================================================================*/
@media (min-width: 360px) and (max-width: 970px) {
  #VQVA2OptionLayout {
    margin-left: 20px;
  }

  #VQVA2OptionQuestionLabel {
    left: 55px;
  }

  #VQVA2OptionResponses {
    left: 103px;
  }
}

/*============================================================================
  WIDER THAN 970px
  ============================================================================*/
@media (min-width: 970px) {
  #VQVA2OptionLayout {
    background-image: url(../img/controlpad/question-bg-970.png);
    background-position: 191px 68px;
    height: 695px;
  }

  #VQVA2OptionQuestionLabel {
    height: 695px;
    top: 120px;
    left: 206px;
    width: 525px;
    font-size: 18px;
    text-align:center;
    padding-left: 0px;
    padding-right: 0px;
  }


  #VQVA2OptionAnswerImage1, #VQVA2OptionAnswerImage2 {
    padding-top: 2px;
    margin-left: 1px !important;
  }

  .VQVA2OptionAnswerContainerUp, .VQVA2OptionAnswerContainerSelected {
    width: 197px;
    background-position: 0px 1px;
  }

  .VQVA2OptionPopular {
    margin-left: 18px;
    margin-top: -16px;
  }
  .VQVA2OptionAnswerLabelUp, .VQVA2OptionAnswerLabelDisabled, .VQVA2OptionAnswerLabelSelected {
    margin-left: 10px;
    margin-top: 51px;
  }
  #VQVA2OptionAnswerContainer1 {
    position: absolute;
    padding-top: 0px;
    top: 199px;
    left: 284px;
    background-position: 0px 0px;
  }

  #VQVA2OptionAnswerContainer2 {
    position: absolute;
    top: 199px;
    left: 497px;
  }


  #VQVA2OptionResponses {
  top: 321px;
    left: 308px;
    z-index: 1;
  }

  #VQVA2OptionResponsesBar2 {
    margin-top: -209px;
    left: 213px;
  }
}