/*
 * Background hack to fix the 2px top padding of the control box
 */

#bgHack {
  position: absolute;
  top: -2px;
  width: 100%;
  height: 4px;
  background-color: #bedafe;
  z-index: 999;
}

/*
 * Legend
 */

#legend {
  position: absolute;
  top: 19px;
  font-family: Segoe UI, Tahoma;
  font-size: 8pt;
  padding-left: 14px;
}

img.legend {
  padding-right: 3px;
  vertical-align: baseline;
}

div.legendRow {
  padding-bottom: 3px;
}

div.legendRowLast {
  padding-bottom: 0px;
}

div.legendRowTitle {
  padding-top: 11px;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 9pt;
}

/*
 * Feedback box
 */
 
#feedback {
  position: absolute;
  width: 203px;
  top: -250px;
  left: 18px;
  z-index: 900;
  height: 250px;
}

#feedbackBg {
  background: url(feedback_bg.png) no-repeat; 
  width: 193px;
  padding: 5px;
  height: 250px;
  color: #000000;
  font-family: Segoe UI, Tahoma;
  font-size: 8pt;
  font-weight: normal;  
}

#dividerFeedback {
  position: absolute;
  top: 0px;
  z-index: 1000;
}

#dividerFeedback img {
  background: transparent;  
}

#feedback1, #feedback2, #feedback3, #feedback4, #feedback5 {
  display: none;
  clear: both;
}

#feedback1Icon, #feedback2Icon, #feedback3Icon, #feedback4Icon, #feedback5Icon {
  float: left;
  width: 18px;
  padding-left: 2px;
  padding-top: 5px;
}

#feedback1Text, #feedback2Text, #feedback3Text, #feedback4Text, #feedback5Text {
  /* float: left; */
  /* width: 168px; */
  width: 182px;
  padding-top: 5px;
  padding-left: 4px;
  padding-bottom: 10px;
}
