body {
  background: #cdf571 none repeat scroll 0 0;
  color: #333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
}
.warn {
  color: #ff0000;
}
label {
  display: block;
  margin-top: 10px;
}
button {
  cursor: pointer;
  margin-top: 5px;
}
.boxed {
  background: #ecf4ff none repeat scroll 0 0;
  border: 1px solid green;
  padding: 6px;
}
.wrapper {
  background: inherit;
  margin-bottom: 50px;
}
.footer {
  bottom: 0;
  font-size: small;
  height: 50px;
  margin-bottom: 0;
  position: fixed;
  z-index: -1;
}
#gallery {
  background-color: #ffffff;
  height: 100%;
  line-height: 20px;
  padding: 10px;
  position: relative;
  width: 380px;
}
#gallery .switch {
  color: #000;
  cursor: pointer;
  display: block;
  font-weight: normal;
}
#gallery .switch .turn_off {
  display: none;
}
#gallery .off {
  color: #c00;
}
#gallery .off .turn_off {
  display: inline;
}
#gallery .off .turn_on {
  display: none;
}
#gallery .hide {
  display: none;
}
#gallery .show {
  background-color: #fff;
  display: block;
  left: 420px;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 370px;
  z-index: 200;
}