#vi-panel {
  font-size: 20px;
  position: fixed;
  top: 0;
  background: #fff;
  color: #000;
  z-index: 1000;
  left: 0;
  padding: 10px;
  width: 100%;
}

#vi-panel a {
  color: #000;
}

#vi-panel label {
  display: block;
  float: left;
  line-height: 35px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: normal;
}

#vi-panel .vi-fontsize {
  display: block;
  float: left;
  margin-right: 10px;
}

#vi-panel .vi-fontsize a {
  text-decoration: none;
  height: 35px;
  margin: 0 1px;
  display: block;
  position: relative;
  text-align: center;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  width: auto;
  line-height: 35px;
  float: left;
  padding: 0 4px;
}

#vi-panel .vi-fontsize a.vi-fontsize-small {
  font-size: 0.8em;
}

#vi-panel .vi-fontsize a.vi-fontsize-big {
  font-size: 1.2em;
}

#vi-panel .vi-fontsize a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

#vi-panel .vi-colors {
  display: block;
  float: left;
  margin-right: 10px;
}

#vi-panel .vi-colors a {
  text-decoration: none;
  height: 35px;
  margin: 0 1px;
  display: block;
  position: relative;
  text-align: center;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  width: auto;
  line-height: 35px;
  float: left;
  padding: 0 4px;
  border: 1px solid;
}

#vi-panel .vi-colors a.vi-color1 {
  color: #000;
  background: #fff;
}

#vi-panel .vi-colors a.vi-color2 {
  color: #fff;
  background: #000;
}

#vi-panel .vi-colors a.vi-color3 {
  color: #063462;
  background: #9dd1ff;
}

#vi-panel .vi-images {
  display: block;
  float: left;
  margin-right: 10px;
}

#vi-panel .vi-images a {
  text-decoration: underline;
  height: 35px;
  margin: 0 1px;
  display: block;
  position: relative;
  text-align: center;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  width: auto;
  line-height: 35px;
  float: left;
  padding: 0 4px;
  border: 1px solid;
}

.vi-search {
  display: block;
  float: left;
  margin-right: 10px;
}

.vi-search a {
  color: #000;
  line-height: 35px;
  font-size: 16px;
}

.vi-settings {
  display: block;
  float: left;
}

.vi-settings a {
  color: #000;
  line-height: 35px;
  font-size: 16px;
}

.vi-settings-block {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.vi-settings-block a {
  font-size: 20px;
  color: #000;
  line-height: 35px;
  font-size: 16px;
  border-color: #000;
  padding: 2px 4px;
  border: 1px solid #063462;
  text-decoration: none;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.vi-settings-block h2 {
  font-size: 44px;
  margin-bottom: 15px;
}

.vi-settings-block p {
  margin-bottom: 10px;
  color: #000;
}

.choose-colors {
  margin-bottom: 10px;
}

.choose-colors a {
  display: block;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#color1 a {
  color: #000;
  background: #fff
}

#color2 a {
  color: #fff;
  background: #000
}

#color3 a {
  color: #063462;
  background: #9dd1ff;
  border: 6px solid #063462;
  padding: 4px 16px
}

#color4 a {
  color: #4d4b43;
  background: #f7f3d6
}

#color5 a {
  color: #a9e44d;
  background: #3b2716
}

.color1 .saveit a span {
  border-color: #fff;
  color: #fff;
}

.saveit a span {
  padding: 6px 14px;
  border: 2px solid #9dd1ff;
  float: left;
  border-color: #fff;
  color: #fff
}

.saveit a {
  float: right;
  border: 4px solid #063462;
  text-decoration: none;
  color: #9dd1ff;
  background: #063462;
  margin-left: 28px;
  display: inline;
  background: #000;
  border-color: #000
}