/* Colors */
/* Fonts */
/* Links */
/* Shelf marker */
/* Buttons sizes */
.sprite {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
}
.pub-sprite {
  display: block;
  background-image: url('/img/pub-sprite.png');
  background-repeat: no-repeat;
}
.normal-links a {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
.normal-links a em {
  border-bottom-color: #b0d3ed;
}
.normal-links a.hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.normal-links a.hover em {
  border-bottom-color: #e56950;
}
.normal-links a:visited {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
.normal-links a:visited em {
  border-bottom-color: #b0d3ed;
}
.no-touch-normal-links a:hover,
.no-touch-normal-links a:visited:hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch-normal-links a:hover em,
.no-touch-normal-links a:visited:hover em {
  border-bottom-color: #e56950;
}
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* Red */
/* Green */
/* Blue */
/* Gray */
/* Graychecked */
/* White */
/* Red on dark */
/* Green on dark */
/* Blue on dark */
/* Black */
/* Sepia */
/* Transparent */
/* Badges */
/* Styles */
.button {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  /* Types */
  /* Sizes */
  /* Colors */
}
.button::-moz-focus-inner {
  padding: 0;
}
.button.prepend {
  margin-right: 0px !important;
}
.button.append {
  margin-left: 0px !important;
  border-left: none;
}
.button.nocaption .icon {
  margin-right: 0px !important;
}
.button .icon {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.button.icon-thumb .icon {
  background-position: -984px 1px;
  width: 16px;
  margin-right: 6px;
}
.button.icon-check .icon {
  background-position: -879px 5px;
  width: 12px;
  margin-right: 8px;
}
.button.icon-check-big .icon {
  background-position: -912px 5px;
  width: 18px;
  margin-right: 8px;
}
.button.icon-share .icon {
  background-position: -1416px 4px;
  width: 16px;
  margin-right: 6px;
}
.button.inline {
  display: block;
  float: left;
}
.button.inline2 {
  display: inline-block;
}
.button.standard {
  padding: 1px 15px;
  font-size: 14px;
  line-height: 14px;
  height: 28px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.button.standard .icon {
  height: 26px;
}
.button.standard.icon-plus .icon {
  background-position: -1124px 7px;
  width: 10px;
  margin-right: 11px;
}
.button.standard.icon-plus.hover .icon {
  background-position: -1138px 7px;
}
.button.standard.prepend {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -khtml-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.button.standard.append {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -khtml-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  padding-left: 12px;
  padding-right: 12px;
}
.button.small {
  padding: 1px 10px;
  font-size: 12px;
  line-height: 12px;
  height: 24px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.button.small .icon {
  height: 22px;
}
.button.small.icon-plus {
  padding-right: 7px;
  padding-left: 7px;
}
.button.small.icon-plus .icon {
  background-position: -1150px 6px;
  width: 10px;
  margin-right: 11px;
}
.button.small.icon-plus.hover .icon {
  background-position: -1150px 6px;
}
.button.small.prepend {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -khtml-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.button.small.append {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -khtml-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.button.micro {
  padding: 0px 10px;
  font-size: 12px;
  line-height: 10px;
  height: 22px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.button.micro .icon {
  height: 20px;
}
.button.micro.icon-plus {
  padding-right: 5px;
  padding-left: 5px;
}
.button.micro.icon-plus .icon {
  background-position: -1150px 6px;
  width: 10px;
  margin-right: 11px;
}
.button.micro.icon-plus.hover .icon {
  background-position: -1150px 6px;
}
.button.micro.prepend {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -khtml-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.button.micro.append {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -khtml-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  padding-left: 8px;
  padding-right: 8px;
}
.button.disabled {
  cursor: default !important;
}
.button.disabled.active {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.button.red {
  color: white;
  background-color: #cc2414;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #80160d;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.red.hover {
  color: white;
  background-color: #b31f12;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #80160d;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.red.active {
  color: white;
  background-color: #80160d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #4d0d08;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.red.disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: #cc2414 !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #80160d !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
}
.button.green {
  color: white;
  background-color: #52cc14;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #33800d;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.green.hover {
  color: white;
  background-color: #47b312;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #33800d;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.green.active {
  color: white;
  background-color: #33800d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f4d08;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.green.disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: #52cc14 !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #33800d !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
}
.button.blue {
  color: white;
  background-color: #1480cc;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #0d5080;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.blue.hover {
  color: white;
  background-color: #1270b3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #0d5080;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.blue.active {
  color: white;
  background-color: #0d5080;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #08304d;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.blue.disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: #1480cc !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #0d5080 !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
}
.button.gray {
  color: #666561;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#1a000000, GradientType=0);
  border-color: #cccccc;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.gray.hover {
  color: #333330;
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#1a000000, GradientType=0);
  border-color: #b3b3b3;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.gray.active {
  color: #333330;
  background-color: #cccccc;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#1a000000, GradientType=0);
  border-color: #999999;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.gray.disabled {
  color: #cccbc2 !important;
  background-color: #ffffff !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#1a000000, GradientType=0) !important;
  border-color: #cccccc !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}
.button.graychecked {
  color: #999891;
  background-color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #cccbc2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.graychecked.small .icon {
  width: 14px;
  margin-right: 8px;
}
.button.graychecked.small.hover .icon {
  background-position: -861px 3px;
}
.button.graychecked.micro {
  padding-left: 4px;
  padding-right: 2px;
}
.button.graychecked.micro .icon {
  width: 14px;
  margin-right: 8px;
}
.button.graychecked.micro.hover .icon {
  background-position: -861px 3px;
}
.button.graychecked.standard.hover .icon {
  background-position: -861px 5px;
  width: 14px;
  margin-right: 10px;
  margin-left: 2px;
}
.button.graychecked.hover {
  color: #e6675c;
  background-color: #ffe8e6;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #e6675c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.graychecked.active {
  color: #e6675c;
  background-color: #ffe8e6;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #e6675c;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.graychecked.disabled {
  color: #cccbc2 !important;
  background-color: white !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0) !important;
  border-color: #cccbc2 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}
.button.redondark {
  color: white;
  background-color: #cc2414;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.redondark.hover {
  color: white;
  background-color: #b31f12;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.redondark.active {
  color: white;
  background-color: #80160d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.redondark.disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: #cc2414 !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #1f1f1f !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
}
.button.greenondark {
  color: white;
  background-color: #52cc14;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.greenondark.hover {
  color: white;
  background-color: #47b312;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.greenondark.active {
  color: white;
  background-color: #33800d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.greenondark.disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: #52cc14 !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #1f1f1f !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
}
.button.blueondark {
  color: white;
  background-color: #1480cc;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.blueondark.hover {
  color: white;
  background-color: #1270b3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.blueondark.active {
  color: white;
  background-color: #0d5080;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.button.blueondark.disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  background-color: #1480cc !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #1f1f1f !important;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
}
.button.black {
  color: white;
  background-color: #4d4d4d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
.button.black.hover {
  color: white;
  background-color: #333333;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
.button.black.active {
  color: white;
  background-color: #333333;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
.button.black.disabled {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: #4d4d4d !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0) !important;
  border-color: #1f1f1f !important;
  -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.02), inset 0px 1px rgba(255, 255, 255, 0.1) !important;
  -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.02), inset 0px 1px rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0px 1px rgba(0, 0, 0, 0.02), inset 0px 1px rgba(255, 255, 255, 0.1) !important;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5) !important;
}
.button.sepia {
  color: #999891;
  background-color: #faf6e6;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #ccc9bc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.button.sepia.hover {
  color: #666561;
  background-color: #e5e2d3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #b2b0a4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.button.sepia.active {
  color: #666561;
  background-color: #e5e2d3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #b2b0a4;
  -webkit-box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.3);
  text-shadow: none;
}
.button.sepia.disabled {
  color: #cccbc2 !important;
  background-color: #faf6e6 !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0) !important;
  border-color: #ccc9bc !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.button.transparent {
  color: #666561;
  background-color: transparent;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=0);
  border-color: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.transparent.hover {
  color: #666561;
  background-color: transparent;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=0);
  border-color: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.transparent.active {
  color: #666561;
  background-color: transparent;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=0);
  border-color: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.transparent.disabled {
  color: #666561 !important;
  background-color: transparent !important;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))) !important;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=0) !important;
  border-color: transparent !important;
  -webkit-box-shadow: transparent !important;
  -moz-box-shadow: transparent !important;
  box-shadow: transparent !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}
.button.white {
  color: #999891;
  background-color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #cccbc2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.white.hover {
  color: #666561;
  background-color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #cccbc2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.white.active {
  color: #666561;
  background-color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #cccbc2;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.button.white.disabled {
  color: #cccbc2 !important;
  background-color: white !important;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0) !important;
  border-color: #cccbc2 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
}
.no-touch .button.standard.icon-plus:hover .icon {
  background-position: -1138px 7px;
}
.no-touch .button.small.icon-plus:hover .icon {
  background-position: -1150px 6px;
}
.no-touch .button.micro.icon-plus:hover .icon {
  background-position: -1150px 6px;
}
.no-touch .button.disabled:active {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.no-touch .button.red:hover {
  color: white;
  background-color: #b31f12;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #80160d;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.red:active {
  color: white;
  background-color: #80160d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #4d0d08;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.green:hover {
  color: white;
  background-color: #47b312;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #33800d;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.green:active {
  color: white;
  background-color: #33800d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f4d08;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.blue:hover {
  color: white;
  background-color: #1270b3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #0d5080;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.blue:active {
  color: white;
  background-color: #0d5080;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #08304d;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.gray:hover {
  color: #333330;
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#1a000000, GradientType=0);
  border-color: #b3b3b3;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.no-touch .button.gray:active {
  color: #333330;
  background-color: #cccccc;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#1a000000, GradientType=0);
  border-color: #999999;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
:not(.disabled) .no-touch .button.graychecked.small:active .icon {
  background-position: -861px 3px;
}
:not(.disabled) .no-touch .button.graychecked.micro:active .icon {
  background-position: -861px 3px;
}
:not(.disabled) .no-touch .button.graychecked.standard:active .icon {
  background-position: -861px 5px;
  width: 14px;
  margin-right: 10px;
  margin-left: 2px;
}
:not(.disabled) .no-touch .button.graychecked:active {
  color: #e6675c;
  background-color: #ffe8e6;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #e6675c;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.no-touch .button.redondark:hover {
  color: white;
  background-color: #b31f12;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.redondark:active {
  color: white;
  background-color: #80160d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.greenondark:hover {
  color: white;
  background-color: #47b312;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.greenondark:active {
  color: white;
  background-color: #33800d;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.blueondark:hover {
  color: white;
  background-color: #1270b3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.blueondark:active {
  color: white;
  background-color: #0d5080;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
}
.no-touch .button.black:hover {
  color: white;
  background-color: #333333;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px rgba(255, 255, 255, 0.1);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
.no-touch .button.black:active {
  color: white;
  background-color: #333333;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#66000000, GradientType=0);
  border-color: #1f1f1f;
  -webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px rgba(255, 255, 255, 0.1), inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
.no-touch .button.sepia:hover {
  color: #666561;
  background-color: #e5e2d3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #b2b0a4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.no-touch .button.sepia:active {
  color: #666561;
  background-color: #e5e2d3;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #b2b0a4;
  -webkit-box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.3);
  text-shadow: none;
}
.no-touch .button.transparent:hover {
  color: #666561;
  background-color: transparent;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=0);
  border-color: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.no-touch .button.transparent:active {
  color: #666561;
  background-color: transparent;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=0);
  border-color: transparent;
  -webkit-box-shadow: transparent;
  -moz-box-shadow: transparent;
  box-shadow: transparent;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.no-touch .button.white:hover {
  color: #666561;
  background-color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #cccbc2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.no-touch .button.white:active {
  color: #666561;
  background-color: white;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000, GradientType=0);
  border-color: #cccbc2;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
input.button,
button.button {
  font-weight: bold;
}
input.button.standard.active,
button.button.standard.active {
  padding-top: 2px;
  padding-bottom: 0px;
}
input.button.small.active,
button.button.small.active {
  padding-top: 2px;
  padding-bottom: 0px;
}
input.button.micro.active,
button.button.micro.active {
  padding-top: 2px;
  padding-bottom: 0px;
}
.no-touch input.button.standard:active,
.no-touch button.button.standard:active {
  padding-top: 2px;
  padding-bottom: 0px;
}
.no-touch input.button.small:active,
.no-touch button.button.small:active {
  padding-top: 2px;
  padding-bottom: 0px;
}
.no-touch input.button.micro:active,
.no-touch button.button.micro:active {
  padding-top: 2px;
  padding-bottom: 0px;
}
a.button,
div.button {
  font-weight: normal;
  border: none;
}
a.button.standard,
div.button.standard {
  padding-right: 0;
  padding-left: 0;
  line-height: 28px;
}
a.button.small,
div.button.small {
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
}
a.button.micro,
div.button.micro {
  padding-right: 0;
  padding-left: 0;
  line-height: 22px;
}
a.button img,
div.button img {
  vertical-align: middle;
}
a.button em,
div.button em {
  border-bottom: 1px dashed #b0d3ed;
}
a.button.hover,
div.button.hover {
  color: #e56950;
}
a.button.hover em,
div.button.hover em {
  border-bottom-color: #e56950;
}
a.button:visited,
div.button:visited {
  color: #3991d3;
}
a.button:visited em,
div.button:visited em {
  border-bottom-color: #b0d3ed;
}
.no-touch a.button:hover,
.no-touch div.button:hover,
.no-touch a.button:hover:visited,
.no-touch div.button:hover:visited {
  color: #e56950;
}
.no-touch a.button:hover em,
.no-touch div.button:hover em,
.no-touch a.button:hover:visited em,
.no-touch div.button:hover:visited em {
  border-bottom-color: #e56950;
}
.badge-free {
  background-color: #b2f291;
  color: #25871e;
  position: absolute;
  bottom: 14px;
  left: -10px;
  padding: 1px 4px;
  font-size: 0.85em;
  -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.badge-personal {
  background-color: #f2d291;
  color: #665214;
  position: absolute;
  bottom: 14px;
  left: -10px;
  padding: 1px 4px;
  font-size: 0.85em;
  -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.badge {
  padding: 8px 10px;
  display: inline-block;
}
.badge.free {
  color: #306614;
  background-color: #b2f291;
}
.badge.free a {
  color: #306614 !important;
  border-bottom: none;
}
.badge.free a.hover {
  color: #306614 !important;
}
.badge.subscription {
  color: #144b66;
  background-color: #91d2f2;
}
.badge.subscription a {
  color: #144b66 !important;
  border-bottom: none;
}
.badge.subscription a.hover {
  color: #144b66 !important;
}
.badge.unavailable {
  color: #333330;
  background-color: #ccc;
}
.badge.unavailable a {
  color: #333330 !important;
  border-bottom: none;
}
.badge.unavailable a.hover {
  color: #333330 !important;
}
.badge.nofile {
  color: #75756e;
  background-color: #e0e0d3;
}
.badge.nofile a {
  color: #75756e !important;
  border-bottom: none;
}
.badge.nofile a.hover {
  color: #75756e !important;
}
.badge.personal {
  color: #665214;
  background-color: #f2d291;
}
.badge.personal a {
  color: #665214 !important;
  border-bottom: none;
}
.badge.personal a.hover {
  color: #665214 !important;
}
.no-touch .badge.free {
  color: #306614;
  background-color: #b2f291;
}
.no-touch .badge.free a {
  color: #306614 !important;
  border-bottom: 1px solid rgba(48, 102, 20, 0.5);
}
.no-touch .badge.free a:hover {
  color: #306614 !important;
}
.no-touch .badge.subscription {
  color: #144b66;
  background-color: #91d2f2;
}
.no-touch .badge.subscription a {
  color: #144b66 !important;
  border-bottom: 1px solid rgba(20, 75, 102, 0.5);
}
.no-touch .badge.subscription a:hover {
  color: #144b66 !important;
}
.no-touch .badge.unavailable {
  color: #333330;
  background-color: #ccc;
}
.no-touch .badge.unavailable a {
  color: #333330 !important;
  border-bottom: 1px solid rgba(51, 51, 48, 0.5);
}
.no-touch .badge.unavailable a:hover {
  color: #333330 !important;
}
.no-touch .badge.nofile {
  color: #75756e;
  background-color: #e0e0d3;
}
.no-touch .badge.nofile a {
  color: #75756e !important;
  border-bottom: 1px solid rgba(117, 117, 110, 0.5);
}
.no-touch .badge.nofile a:hover {
  color: #75756e !important;
}
.no-touch .badge.personal {
  color: #665214;
  background-color: #f2d291;
}
.no-touch .badge.personal a {
  color: #665214 !important;
  border-bottom: 1px solid rgba(102, 82, 20, 0.5);
}
.no-touch .badge.personal a:hover {
  color: #665214 !important;
}
button.hint:focus:before,
button.hint:focus:after,
button[data-hint]:focus:before,
button[data-hint]:focus:after {
  visibility: hidden;
}
button.hint:hover:before,
button.hint:hover:after,
button[data-hint]:hover:before,
button[data-hint]:hover:after {
  visibility: visible !important;
}
button.append.hint--bottom:before,
button.append.hint--bottom:after {
  left: 12px;
}
button.append.hint--right:before,
button.append.hint--right:after {
  bottom: 14px;
}
button.append.hint--right:before {
  margin-bottom: 0;
}
.btn-yellow {
  border-radius: 4px;
  box-shadow: 0 3px 0 0 #e5ad06;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffc107;
  padding: 11px 25px;
  color: #333330;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
}
.btn-yellow:hover {
  box-shadow: 0 3px 8px 0 #ffc107, 0 3px 0 0 #e5ad06;
}
.btn-yellow:active {
  box-shadow: 0 3px 8px 0 #ffc107, 0 1px 0 0 #e5ad06;
  background-color: #f3b806;
  position: relative;
  top: 2px;
}
.btn-yellow:disabled {
  opacity: .5;
}
.btn-white {
  border-radius: 4px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  background-color: #fffdf2;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  color: #333330;
  padding: 7px 12px 5px;
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
}
.btn-transparent {
  display: block;
  min-width: 150px;
  height: 56px;
  margin-right: 16px;
  border-radius: 4px;
  border: solid 1px #e0e0d3;
  font-size: 0.875rem;
  line-height: 1.71;
  text-align: center;
  color: #8f9085;
  font-family: inherit;
}
.btn-transparent img {
  margin-top: 8px;
  margin-bottom: -7px;
}
.btn-transparent:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.btn-transparent:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.btn-transparent:disabled {
  opacity: 0.5;
}
.btn-dark-blue {
  padding: 5px 14px 7px;
  border-radius: 4px;
  background-color: #1f6699;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  border: 0;
}
.btn-dark-blue:visited {
  color: #ffffff;
}
.btn-dark-blue:active {
  color: #ffffff;
}
.btn-dark-blue:hover {
  color: #ccc !important;
}
.btn-blue {
  border-radius: 4px;
  box-shadow: 0 3px 0 0 #297ccf;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #2e8ae6;
  padding: 13px 25px;
  color: #fffdf2;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.2;
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
}
.btn-blue:hover {
  box-shadow: 0 3px 8px 0 #2e8ae6, 0 3px 0 0 #297ccf;
}
.btn-blue:active {
  box-shadow: 0 3px 8px 0 #2e8ae6, 0 1px 0 0 #297ccf;
  background-color: #2b83db;
  position: relative;
  top: 2px;
}
.btn-blue:disabled {
  opacity: .5;
}
.btn-gray {
  border-radius: 4px;
  box-shadow: 0 3px 0 0 #d9d9cc;
  border: solid 1px #d9d9cc;
  background-color: #f7f5ea;
  padding: 13px 25px;
  color: #75756e;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.2;
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
}
.btn-gray:hover {
  box-shadow: 0 3px 8px 0 #e0e0d3, 0 3px 0 0 #d9d9cc;
}
.btn-gray:active {
  box-shadow: 0 3px 8px 0 #e0e0d3, 0 1px 0 0 #d9d9cc;
  background-color: #ebe9df;
  position: relative;
  top: 2px;
}
.btn-gray:disabled {
  opacity: .5;
}
.btn-sm {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 7px 16px 5px;
}
.btn-white-inverse {
  border-radius: 4px;
  border: solid 2px #fffdf2c0;
  background-color: #333330;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  color: #fffdf2c0;
  padding: 7px 12px 5px;
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
}
.btn-disabled {
  border: solid 1px #d9d9cc;
  background-color: rgba(0, 0, 0, 0.04);
  color: #75756e;
  box-shadow: none !important;
  font-family: inherit;
}
.btn-full-width {
  display: block;
  width: 100%;
}
/* Inputs */
textarea,
.input {
  margin: 0px;
  font-size: 14px;
  color: #666561;
  border: 1px solid #cccbc2;
  line-height: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(13, 13, 12, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(13, 13, 12, 0.1);
  box-shadow: inset 0 1px 2px rgba(13, 13, 12, 0.1);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
textarea.inline,
.input.inline {
  display: block;
  float: left;
}
textarea.error,
.input.error {
  box-shadow: 0 0 0px 2px #f23d18 !important;
  -webkit-box-shadow: 0 0 0px 2px #f23d18 !important;
  border-color: #f23d18 !important;
  outline: none;
}
textarea {
  padding: 10px;
  resize: none;
  min-height: 40px;
}
textarea:valid,
textarea:focus {
  min-height: 120px;
}
textarea.autoheight {
  overflow: hidden;
}
.input {
  height: 30px;
  padding: 5px;
}
.input.password::-ms-clear {
  display: none;
}
.input.password::-ms-reveal {
  display: none;
}
.input-secured {
  overflow: hidden;
  cursor: pointer;
  width: 33px;
  height: 20px;
  padding: 5px;
  display: inline-block;
  margin-left: -43px;
  line-height: 30px;
  vertical-align: middle;
}
.input-secured span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  width: 21px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  background-position: -696px 0px;
}
.input-secured.checked span {
  background-position: -674px 1px;
}
.touch .input-secured {
  display: none;
}
.strength-meter {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.85em;
  color: #999891;
  margin-left: 5px;
  width: 150px;
  text-align: center;
}
.strength-meter .progress {
  width: 100%;
  background-color: #e5e5e5;
  height: 4px;
  margin-bottom: 0px;
}
.strength-meter .progress .fill {
  height: 4px;
  background-color: orange;
}
.strength-meter .span {
  white-space: nowrap;
}
.autosaver {
  height: 28px;
  width: 24px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}
.autosaver.saved {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  margin-left: 9px;
  background-position: -933px 9px;
}
.autosaver.saved:after {
  content: attr(title);
  line-height: 28px;
  padding-left: 24px;
  color: #1db212;
  font-size: 0.95em;
}
.autosaver.progress {
  background: url('/img/spinners.gif') 0px 3px no-repeat;
}
.input.subscribe-book-input {
  height: 28px;
}
.widget-Affiliate {
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #75756e;
}
.widget-Affiliate img#mainImage {
  display: block;
  margin: 0 auto;
  padding-top: 40px;
}
.widget-Affiliate h3 {
  padding-top: 12px;
  font-size: 20px;
  text-align: center;
  color: #333330;
}
.widget-Affiliate .affiliate_description {
  margin: 0 auto;
  display: block;
  width: 686px;
  padding: 12px 0 31px;
}
.widget-Affiliate .invite_referral {
  margin: 0 auto;
  padding: 24px 32px;
  width: 832px;
  background-color: #fffad9;
  border: solid 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 1.29;
  color: #333330;
}
.widget-Affiliate .invite_referral .button {
  padding: 0 12px;
  color: #75756e;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25;
  height: 40px;
  border-radius: 3px;
  background-color: #e1e1d3;
  box-shadow: 0 2px 0 0 rgba(51, 51, 48, 0.26);
}
.widget-Affiliate .invite_referral .button:active {
  position: relative;
  top: 2px;
  box-shadow: none;
}
.widget-Affiliate .invite_referral .buttonFacebook {
  background: #e1e1d3 url('/img/icons/facebook.png') 12px no-repeat;
  background-size: 24px;
  padding-left: 45px;
}
.widget-Affiliate .invite_referral .buttonVkontakte {
  background: #e1e1d3 url('/img/icons/vk.png') 12px no-repeat;
  background-size: 24px;
  padding-left: 45px;
}
.widget-Affiliate .invite_referral .half-width {
  width: 400px;
  padding: 0 8px;
  float: left;
}
.widget-Affiliate .invite_referral div.clear {
  width: 100%;
  clear: both;
}
.widget-Affiliate .invite_referral .bottomDescription {
  padding: 24px 0 0;
}
.widget-Affiliate .invite_referral #linkBlockCentered {
  margin: 0 auto;
  width: 500px;
}
.widget-Affiliate .invite_referral #linkBlockCentered #linkBlock {
  margin: 16px 0 24px;
  padding: 10px;
  height: 20px;
  border-radius: 3px;
  background-color: white;
  border: solid 1px rgba(51, 51, 48, 0.25);
  font-size: 16px;
  line-height: 1.25;
  position: relative;
}
.widget-Affiliate .invite_referral #linkBlockCentered #linkBlock input {
  border: none;
  width: 300px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.25;
  position: absolute;
  left: 10px;
  top: 5px;
  color: #333330;
  box-shadow: none;
}
.widget-Affiliate .invite_referral #linkBlockCentered #linkBlock input:focus {
  outline: none;
}
.widget-Affiliate .invite_referral #linkBlockCentered #linkBlock #copyLink {
  cursor: pointer;
  font-size: 16px;
  line-height: 1.25;
  text-align: right;
  color: #3991d3;
  position: absolute;
  right: 10px;
  border-bottom: 1px dashed;
}
.widget-Answers hr {
  margin-top: 60px;
}
.widget-Answers hr:last-of-type {
  display: none;
}
.widget-Answers .details {
  margin: 0px 30px 30px 0px;
}
.widget-Answers .details .popup-content {
  margin-top: 5px;
  padding: 15px;
}
.widget-Answers .details .popup-content h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0em 0 1em;
}
.widget-Answers .details .popup-content a {
  border-bottom: none;
}
.widget-Answers .details .popup-content a.social {
  margin-right: 7px;
}
.widget-Answers .details .popup-content .input {
  width: 250px;
  margin-top: 10px;
}
.widget-Answers .details .popup-content .input::-ms-clear {
  display: none;
}
.widget-Answers button {
  margin-right: 8px;
}
.widget-AnswerPage,
.widget-Answers {
  margin-right: 30px;
}
.widget-AnswerPage h1,
.widget-Answers h1 {
  margin: 40px 0 16px 0;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1.23;
  color: #111;
}
.widget-AnswerPage h1 a,
.widget-Answers h1 a,
.widget-AnswerPage h1 a:hover,
.widget-Answers h1 a:hover,
.widget-AnswerPage h1 a:active,
.widget-Answers h1 a:active {
  color: #111 !important;
}
.widget-AnswerPage h1 a:hover,
.widget-Answers h1 a:hover,
.widget-AnswerPage h1 a:active,
.widget-Answers h1 a:active {
  border-color: #111 !important;
}
.widget-AnswerPage h1 a,
.widget-Answers h1 a {
  border-color: #cccbc2;
}
.widget-AnswerPage h1:first-of-type,
.widget-Answers h1:first-of-type {
  margin-top: 0;
}
.widget-AnswerPage .taken_from,
.widget-Answers .taken_from {
  font-size: 12px;
  font-style: italic;
  color: #75756e;
}
.widget-AnswerPage .list_link,
.widget-Answers .list_link {
  margin-bottom: 16px;
  display: block;
}
.widget-AnswerPage .image-frame,
.widget-Answers .image-frame {
  max-width: 100%;
  margin: 15px 0 0 0;
}
.widget-AnswerPage .wtext,
.widget-Answers .wtext {
  margin: 10px 0 0 0;
}
.widget-AnswerPage .wtext:first-child,
.widget-Answers .wtext:first-child {
  margin-top: 0;
}
.widget-AnswerPage .wtext h1:first-of-type,
.widget-Answers .wtext h1:first-of-type,
.widget-AnswerPage .wtext h2:first-of-type,
.widget-Answers .wtext h2:first-of-type,
.widget-AnswerPage .wtext h3:first-of-type,
.widget-Answers .wtext h3:first-of-type {
  margin-top: 1.8em;
}
.widget-AnswerPage h1 span,
.widget-Answers h1 span,
.widget-AnswerPage h2 span,
.widget-Answers h2 span,
.widget-AnswerPage h3 span,
.widget-Answers h3 span,
.widget-AnswerPage h4 span,
.widget-Answers h4 span,
.widget-AnswerPage h5 span,
.widget-Answers h5 span,
.widget-AnswerPage h6 span,
.widget-Answers h6 span {
  font-size: inherit;
  font-weight: inherit;
  margin-left: 0;
  vertical-align: inherit;
}
.widget-AnswerPage:last-of-type hr {
  display: none;
}
.widget-AnswerPage .details {
  margin: 0px 30px 30px 0px;
}
.widget-AnswerPage .details .popup-content {
  margin-top: 5px;
  padding: 15px;
}
.widget-AnswerPage .details .popup-content h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0em 0 1em;
}
.widget-AnswerPage .details .popup-content a {
  border-bottom: none;
}
.widget-AnswerPage .details .popup-content .input {
  width: 250px;
  margin-top: 10px;
}
.widget-AnswerPage .details .popup-content .input::-ms-clear {
  display: none;
}
.widget-AnswerRecent ul li {
  margin-bottom: 16px;
  line-height: 1.35em;
}
.widget-AnswerRecent ul li span {
  display: block;
  font-size: 0.85em;
}
.widget-AuthorList {
  margin: 0 30px;
  line-height: 1.6em;
}
.widget-AuthorList h2 {
  font-size: 1.45em;
  color: #666561;
}
.widget-AuthorList ul {
  margin: 10px 0 40px;
}
.widget-BannerSlider {
  width: 100%;
}
.widget-BannerSlider a {
  position: relative;
  border-bottom: none;
  float: left;
  display: inline-block;
  height: 145px;
}
.widget-BannerSlider a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: '';
}
.widget-BannerSlider > a:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget-BannerSlider .main {
  width: 50%;
  display: inline-block;
  float: left;
  width: 580px;
  height: 290px;
  position: relative;
}
.widget-BannerSlider .main:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: '';
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget-BannerSlider .side {
  width: 50%;
  float: left;
  display: inline-block;
}
.widget-BannerSlider .side a:nth-of-type(1):after,
.widget-BannerSlider .side a:nth-of-type(2):after {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget-BannerSlider .side a:nth-of-type(3):after,
.widget-BannerSlider .side a:nth-of-type(4):after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.widget-BookAuthor {
  line-height: 1.43;
}
.widget-BookAuthor h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.11;
  display: inline-block;
  margin-right: 24px;
}
.widget-BookAuthor .author-description {
  margin-top: 24px;
}
.widget-BookAuthor .author-description img {
  float: left;
  max-width: 100px;
  margin: 0 24px 0 0;
}
.widget-BookAuthor .author-description .info {
  display: table-cell;
}
.widget-BookAuthor .author-description .show_more {
  border-bottom-style: dashed;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.widget-BookGrid {
  clear: both;
  margin-bottom: 2em;
}
.widget-BookGrid .bottom_text {
  color: #8f8f86;
}
.widget-BookGrid h2 {
  color: #333330;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
}
.widget-BookGrid h2 .input {
  width: 230px;
}
.widget-BookGrid h2 a {
  border-bottom-style: solid;
}
.widget-BookGrid h2 span.primary {
  vertical-align: bottom;
}
.widget-BookGrid h2 span.primary .delete {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  width: 18px;
  height: 22px;
  background-position: -807px 5px;
  cursor: pointer;
}
.widget-BookGrid h2 span.primary a,
.widget-BookGrid h2 span.primary em {
  margin-right: 16px;
}
.widget-BookGrid h2 span.primary em {
  color: #666561;
}
.widget-BookGrid h2 span.secondary {
  margin-right: 30px;
  position: relative;
}
.widget-BookGrid h2 span.secondary .search {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.widget-BookGrid h2 span.secondary .search:focus {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.widget-BookGrid h2 .renamable,
.widget-BookGrid h2.renamable-group em:first-of-type {
  cursor: pointer;
  padding-right: 1px;
}
.widget-BookGrid h2.renamable-group span {
  margin-left: 3px;
}
.widget-BookGrid h2.renamable-group .autosaver {
  width: 24px;
}
.widget-BookGrid h2.renamable-group .autosaver.edit {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  background-position: -909px 7px;
}
.widget-BookGrid h2.renamable-group .autosaver.saved {
  width: 24px;
  cursor: pointer;
  background-position: -931px 7px;
}
.widget-BookGrid h2.renamable-group .autosaver.hint--top:before,
.widget-BookGrid h2.renamable-group .autosaver.hint--top:after {
  left: 11px;
}
.widget-BookGrid p,
.widget-BookGrid ul {
  line-height: 1.4em;
  padding-top: 0.5em;
}
.widget-BookGrid ul {
  margin-left: -20px;
}
.widget-BookGrid ul li {
  display: inline-block;
  vertical-align: top;
  width: 148px;
  font-size: 0.9em;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 20px;
}
.widget-BookGrid ul li .cover {
  position: relative;
  width: 100px;
  height: 166px;
}
.widget-BookGrid ul li .cover .wrapper {
  position: absolute;
  bottom: 0;
}
.widget-BookGrid ul li .cover a {
  border-bottom: none;
}
.widget-BookGrid ul li .cover .status {
  padding: 0 10px;
  font-size: 0.8em;
  color: #666561;
  height: 16px;
}
.widget-BookGrid ul li .cover .status .icon {
  vertical-align: bottom;
  width: 15px;
  height: 14px;
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
}
.widget-BookGrid ul li .cover .status .icon.progress {
  background-position: -1064px 0px;
}
.widget-BookGrid ul li .cover .status .icon.complete {
  background-position: -1083px 0px;
}
.widget-BookGrid ul li .cover .status .remove {
  position: absolute;
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: none;
  background-position: -957px 0px;
  width: 24px;
  height: 24px;
  right: -12px;
  top: 4px;
  z-index: 2;
}
.widget-BookGrid ul li .cover .status .remove.hint--top:before,
.widget-BookGrid ul li .cover .status .remove.hint--top:after {
  left: 11px;
}
.widget-BookGrid ul li .cover .reader {
  position: absolute;
  display: none;
  bottom: 20px;
  width: 100%;
  z-index: 1;
}
.widget-BookGrid ul li .cover .reader button {
  margin: 0 auto;
}
.widget-BookGrid ul li .cover .restore {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 40% 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #f2f2f2;
  text-align: center;
}
.widget-BookGrid ul li .cover .restore span {
  font-size: 1.1em;
  display: inline-block;
  margin-bottom: 20%;
}
.widget-BookGrid ul li .cover .restore a {
  border-bottom: 1px dashed #b0d3ed;
  font-size: 0.95em;
}
.widget-BookGrid ul li .title {
  margin-top: 0.5em;
  word-wrap: break-word;
}
.widget-BookGrid ul li .author {
  margin-top: 0.5em;
  font-size: 0.95em;
}
.widget-BookGrid ul li .author a {
  color: #666561;
  border-bottom-color: #cccbc2;
}
.widget-BookGrid ul li.disabled img {
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.widget-BookGrid ul li.hold .reader {
  display: block !important;
}
.widget-BookGrid ul li.hold .remove {
  display: block !important;
}
.widget-BookGrid ul li.removed .restore {
  display: block !important;
}
.widget-BookGrid ul li.removed .remove {
  display: none !important;
}
.widget-BookGrid ul li.removed .status {
  display: none !important;
}
.widget-BookGrid ul li.removed .badge-free {
  display: none !important;
}
.widget-BookGrid ul li.removed .badge-personal {
  display: none !important;
}
.widget-BookGrid ul li.removed .title {
  display: none !important;
}
.widget-BookGrid ul li.removed .author {
  display: none !important;
}
.no-touch .widget-BookGrid h2 span.primary .delete {
  display: inline-block;
}
.no-touch .widget-BookGrid h2 span.primary .delete.hidden {
  display: none;
}
.no-touch .widget-BookGrid h2 span.primary .delete:hover {
  background-position: -824px 5px;
}
.no-touch .widget-BookGrid h2 .renamable:not(.saving):not(.removed) {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -764px 0px;
  display: inline-block;
  content: " ";
  width: 22px;
  height: 18px;
  margin-left: 11px;
}
.no-touch .widget-BookGrid h2 .renamable:not(.saving):not(.removed):hover {
  background-position: -785px 0px;
}
.no-touch .widget-BookGrid h2 .renamable.hint--top:before,
.no-touch .widget-BookGrid h2 .renamable.hint--top:after {
  left: 11px;
}
.no-touch .widget-BookGrid h2 span.primary .delete {
  background-position: -807px 5px;
}
.no-touch .widget-BookGrid h2 span.primary .delete.hint--top:before,
.no-touch .widget-BookGrid h2 span.primary .delete.hint--top:after {
  left: 9px;
}
.no-touch .widget-BookGrid h2.renamable-group .autosaver:hover {
  width: 24px;
  cursor: pointer;
  background-position: -931px 7px;
}
.no-touch .widget-BookGrid ul li .cover .restore a:hover {
  border-bottom-color: #e56950;
}
.no-touch .widget-BookGrid ul li .author a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.no-touch .widget-BookGrid ul li:hover .reader {
  display: block !important;
}
.no-touch .widget-BookGrid ul li:hover .remove {
  display: block !important;
}
.touch .widget-BookGrid h2 span.primary {
  background-position: -824px 5px;
}
.touch .widget-BookGrid h2 span.primary .delete {
  display: inline-block;
}
.touch .widget-BookGrid h2 span.primary .delete.hidden {
  display: none;
}
.touch .widget-BookGrid h2 .renamable:not(.saving):not(.removed):after {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -764px 0px;
  display: inline-block;
  content: " ";
  width: 22px;
  height: 18px;
  margin-left: 11px;
}
.touch .widget-BookGrid h2 .renamable:not(.saving):not(.removed):after {
  background-position: -785px 0px;
}
.widget-BookHistory {
  padding-bottom: 10px;
}
.widget-BookHistory li {
  display: block;
  clear: both;
  margin-bottom: 16px;
  line-height: 1.2em;
}
.widget-BookHistory li .cover {
  display: block;
  width: 40px;
  float: left;
  padding-right: 5px;
  margin-right: 5px;
  border-bottom: none;
  padding-bottom: 10px;
}
.widget-BookHistory li .title {
  font-size: 0.9em;
  margin-left: 50px;
  padding-bottom: 3px;
}
.widget-BookHistory li .meta {
  margin-left: 50px;
  font-size: 0.85em;
}
.widget-BookInCollections {
  margin-bottom: 0 !important;
}
.widget-BookInCollections ul li a {
  border-bottom: none;
}
.widget-BookInCollections img {
  margin: 0 0 8px;
}
.widget-BookInCollections h2 {
  font-size: 14px !important;
  margin-bottom: 15px !important;
}
.widget-BookInCollections .widget {
  margin-bottom: 40px;
}
.widget-BookInfo .aside {
  float: left;
  width: 200px;
  min-height: 200px;
  margin: 0 30px 30px 0;
}
.widget-BookInfo .aside img {
  max-width: 200px;
}
.widget-BookInfo .aside .recommend-button-layer {
  padding-top: 25px;
  margin: auto;
  float: left;
  width: 100%;
}
.widget-BookInfo .aside .recommend-button-layer button {
  margin: 0 auto;
}
.widget-BookInfo .show_more {
  border-bottom-style: dashed;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.widget-BookInfo h1 {
  font-size: 1.7em;
  padding-bottom: 12px;
  font-weight: bold;
}
.widget-BookInfo h2 {
  font-size: 1.15em;
  padding-bottom: 0.5em;
}
.widget-BookInfo .actions {
  display: block;
  margin-top: 6px;
  margin-bottom: 0;
  height: 25px;
}
.widget-BookInfo .actions label {
  display: block;
  margin-top: 10px;
}
.widget-BookInfo .reading {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -80px;
}
.widget-BookInfo .reading span,
.widget-BookInfo .reading canvas {
  margin-right: 5px;
  vertical-align: middle;
}
.widget-BookInfo .subscribe_to_book {
  padding-top: 25px;
}
.widget-BookInfo .reading_stat {
  display: inline-block;
  padding: 4px 0 0 10px;
  font-size: 13px;
  line-height: 1;
  color: #75756e;
}
.widget-BookInfo .reading_stat img {
  margin-right: 4px;
  margin-left: 14px;
  position: relative;
  top: 3px;
}
.widget-BookInfo .reading_stat img:first-child {
  margin-left: 0;
}
.widget-BookInfo .book_status {
  padding-bottom: 15px;
}
.widget-BookInfo .book_status .status_badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.5px;
}
.widget-BookInfo .book_status .status_badge .green,
.widget-BookInfo .book_status .status_badge .blue,
.widget-BookInfo .book_status .status_badge .brown {
  position: relative;
  top: 1px;
}
.widget-BookInfo .book_status .status_badge .green {
  color: #42a510;
}
.widget-BookInfo .book_status .status_badge .blue {
  color: #3991d3;
}
.widget-BookInfo .book_status .status_badge .brown {
  color: #997b1e;
}
.widget-BookInfo .rating {
  display: inline-block;
  margin-right: 25px;
}
.widget-BookInfo .rating img {
  vertical-align: middle;
}
.widget-BookInfo .rating div {
  display: inline-block;
}
.widget-BookInfo .rating a {
  margin-left: 4px;
  line-height: 13px;
  border-bottom-style: dashed;
  font-size: 13px;
  position: relative;
  top: 1px;
  color: #75756e;
  border-color: #BABAB6;
}
.widget-BookInfo .details {
  margin: 24px 30px 30px 230px;
}
.widget-BookInfo .details .contents {
  padding: 15px 0 30px;
  line-height: 1.29;
}
.widget-BookInfo .details .contents p {
  margin-bottom: 4px;
}
.widget-BookInfo .details .contents h3 {
  font-size: 18px;
}
.widget-BookInfo .details .book-details {
  color: #75756e;
  display: inline-block;
  margin-bottom: 16px;
  line-height: 1.5em;
}
.widget-BookInfo .details .book-details a,
.widget-BookInfo .details .book-details a:visited,
.widget-BookInfo .details .book-details a:hover {
  color: #75756e;
  border-bottom-color: #BABAB6;
}
.widget-BookInfo button {
  margin-right: 8px;
}
.widget-BookInfo .prepend {
  margin-right: 0px;
}
.widget-BookInfo .graychecked {
  margin-right: 8px;
}
.widget-BookInfo dl.tabs {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px;
}
.widget-BookInfo dl.tabs dt {
  color: #3991d3;
  cursor: pointer;
  float: left;
  margin-left: 12px;
  margin-right: 22px;
  border-bottom: 1px dashed #b0d3ed;
  padding-top: 5px;
}
.widget-BookInfo dl.tabs dt.active {
  background-color: #f2f2f2;
  color: #333330;
  z-index: 3;
  cursor: auto;
  -webkit-box-shadow: inset 0 1px 3px #B3B3B3;
  -moz-box-shadow: inset 0 1px 3px #B3B3B3;
  box-shadow: inset 0 1px 3px #B3B3B3;
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -khtml-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  border-bottom: none;
  padding: 5px 12px;
  margin-left: 0px;
  margin-right: 10px;
}
.widget-BookInfo dl.tabs dt + dd {
  margin: 40px 0 0 -100%;
}
.widget-BookInfo dl.tabs dd {
  display: none;
  float: right;
  width: 100%;
  z-index: 2;
}
.widget-BookInfo dl.tabs dd.active {
  display: block;
}
.widget-BookInfo dl.tabs dd#book-contents-content,
.widget-BookInfo dl.tabs dd#book-bookmarks-content {
  margin-top: 45px;
  padding: 5px;
  background-color: #f2f2f2;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: inset 0 1px 1px #c2c2c2;
  -moz-box-shadow: inset 0 1px 1px #c2c2c2;
  box-shadow: inset 0 1px 1px #c2c2c2;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 292px;
}
.widget-BookInfo .tags {
  padding-top: 15px;
  padding-bottom: 5px;
}
.widget-BookInfo .tags ul {
  padding: 0;
}
.widget-BookInfo .tags li {
  margin-right: 4px;
  margin-bottom: 8px;
  border-radius: 2px;
  padding: 4px 8px;
  background-color: rgba(57, 145, 211, 0.1);
  display: inline-block;
  list-style: none;
}
.widget-BookInfo .tags li:before {
  content: none;
}
.widget-BookInfo .tags a {
  color: #3991d3;
}
.no-touch .widget-BookInfo dl.tabs dt.active:hover {
  color: #333330;
  border-bottom: none;
}
.no-touch .widget-BookInfo dl.tabs dt:hover {
  color: #e56950;
  border-bottom: 1px dashed #e56950;
}
.widget-BookLast {
  margin-right: 30px;
}
.widget-BookLast .image-frame {
  float: left;
  max-width: 200px;
  margin: 0 30px 30px 0;
}
.widget-BookLast h1 {
  font-size: 1.5em;
  padding-bottom: 1em;
  font-weight: bold;
}
.widget-BookLast h2 {
  font-size: 1.1em;
  padding-bottom: 0.8em;
}
.widget-BookLast h3 {
  font-size: 1.4em;
  color: #666561;
  margin-bottom: 1.4em;
}
.widget-BookLast p {
  line-height: 1.35em;
  padding-bottom: 1.35em;
}
.widget-BookLast .reading {
  color: #666561;
  margin-left: 10px;
}
.widget-BookLast .reading img {
  margin-right: 5px;
  vertical-align: middle;
}
.widget-BookLast .recommend {
  padding-left: 0;
}
.widget-BookLast .book-review em,
.widget-BookLast .book-about em {
  border-bottom-style: solid;
}
.widget-BookLast .close {
  float: right;
}
.widget-BookList {
  line-height: 1.35em;
}
.widget-BookList h2 {
  font-size: 1.4em;
  color: #666561;
}
.widget-BookList p {
  margin-bottom: 1em;
}
.widget-BookList ul.booklist > li {
  border-bottom: 1px dotted #cccbc2;
  padding: 30px 30px 30px 25px;
  transition: all 500ms ease 0s;
  -webkit-transtion: all 500ms ease 0s;
  border-left: 5px solid transparent;
}
.widget-BookList ul.booklist > li .cover {
  width: 120px;
  padding-right: 30px;
  vertical-align: top;
  text-align: right;
  display: inline-block;
}
.widget-BookList ul.booklist > li .cover > div {
  position: relative;
}
.widget-BookList ul.booklist > li .cover > div a {
  border-bottom: none;
}
.widget-BookList ul.booklist > li .recommended {
  font-size: 0.85em;
  color: #666561;
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin-top: 6px;
}
.widget-BookList ul.booklist > li .recommended span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 16px;
  margin-right: 4px;
  background-position: -984px 0px;
}
.widget-BookList ul.booklist > li .info {
  width: 620px;
  display: inline-block;
}
.widget-BookList ul.booklist > li .info .author {
  color: #999891;
  font-weight: normal;
}
.widget-BookList ul.booklist > li .info .reading {
  height: 18px;
  margin: 1em 0 1.5em;
}
.widget-BookList ul.booklist > li .info .reading em {
  font-style: normal;
}
.widget-BookList ul.booklist > li .info .reading button {
  margin-right: 8px;
}
.widget-BookList ul.booklist > li .info .reading label {
  padding: 0.5em 0;
  display: block;
}
.widget-BookList ul.booklist > li .info .reading .prepend {
  margin-right: 0px;
}
.widget-BookList ul.booklist > li .info h2 {
  margin: 0.5em 0 1.5em;
  font-size: 1.4em;
  font-weight: bold;
}
.widget-BookList ul.booklist > li .info h2 sup {
  font-size: 0.6em;
  font-weight: normal;
  background-color: #f2d69d;
  color: #8c671c;
  padding: 3px 9px;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -8px;
}
.widget-BookList ul.booklist > li .info h2 a {
  color: #333330;
  border-bottom-color: #cccbc2;
}
.widget-BookList ul.booklist > li .info .show_more {
  border-bottom-style: dashed;
}
.widget-BookList ul.booklist > li .info .review {
  clear: both;
}
.widget-BookList ul.booklist > li .info .review .edit-mode {
  display: none;
}
.widget-BookList ul.booklist > li .info .review .controls button {
  margin-top: -2px;
  margin-left: 6px;
  float: left;
}
.widget-BookList ul.booklist > li .info .review .controls .hint--top:before,
.widget-BookList ul.booklist > li .info .review .controls .hint--top:after {
  left: 7px;
}
.widget-BookList ul.booklist > li .info .review .avatar {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
.widget-BookList ul.booklist > li .info .review .content {
  float: left;
  margin-bottom: 10px;
  background-color: #faf6e6;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  padding: 15px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.widget-BookList ul.booklist > li .info .review .content.arrow-left {
  width: 560px;
}
.widget-BookList ul.booklist > li .info .review .content.arrow-left .arrow {
  position: absolute;
  margin-left: -20px;
  margin-top: -15px;
}
.widget-BookList ul.booklist > li .info .review .content.arrow-left .arrow:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #faf6e6 transparent transparent;
  content: " ";
  position: absolute;
  top: 27px;
  left: -10px;
}
.widget-BookList ul.booklist > li .info .review .content.arrow-right {
  width: 100%;
}
.widget-BookList ul.booklist > li .info .review .content.arrow-right .arrow {
  position: absolute;
  margin-left: 600px;
  margin-top: -15px;
}
.widget-BookList ul.booklist > li .info .review .content.arrow-right .arrow:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #faf6e6 transparent transparent transparent;
  content: " ";
  position: absolute;
  top: 27px;
  right: -20px;
}
.widget-BookList ul.booklist > li .info .review .content .rating {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}
.widget-BookList ul.booklist > li .info .review .content .text {
  clear: both;
  line-height: 1.35em;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.widget-BookList ul.booklist > li .info .review .content .text textarea {
  margin-top: 6px;
  width: 100%;
  height: 150px;
}
.widget-BookList ul.booklist > li .info .review .content .text textarea:valid,
.widget-BookList ul.booklist > li .info .review .content .text textarea:focus {
  min-height: 250px;
}
.widget-BookList ul.booklist > li .info .review .content .text .text_counter {
  position: absolute;
  bottom: -16px;
  right: 0px;
  text-align: right;
  color: #999891;
  font-size: 0.9em;
}
.widget-BookList ul.booklist > li .info .review .content .edit-mode .controls {
  display: block;
}
.widget-BookList ul.booklist > li .info .review .content .edit-mode label .hint {
  display: block;
  margin-left: 28px;
  margin-bottom: 10px;
}
.widget-BookList ul.booklist > li .info .review .content .restore {
  border-bottom-style: dashed;
}
.widget-BookList ul.booklist > li .info .review .content .popup-content {
  margin-top: 5px;
  padding: 15px;
}
.widget-BookList ul.booklist > li .info .review .content .popup-content h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0em 0 1em;
}
.widget-BookList ul.booklist > li .info .review .content .popup-content a {
  border-bottom: none;
}
.widget-BookList ul.booklist > li .info .review .content .popup-content a.social {
  margin-right: 7px;
}
.widget-BookList ul.booklist > li .info .review .content .popup-content .input {
  width: 250px;
  margin-top: 10px;
}
.widget-BookList ul.booklist > li .info .review .content .popup-content .input::-ms-clear {
  display: none;
}
.widget-BookList ul.booklist > li:last-of-type {
  border-bottom: none;
}
.widget-BookList ul.booklist > li.user-item a.name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 600px;
}
.widget-BookList ul.booklist > li.user-item button {
  margin-top: 10px;
  height: 22px;
  line-height: 11px;
}
.widget-BookList ul.booklist > li.user-item button.icon-check {
  padding-left: 6px;
  padding-right: 7px;
}
.widget-BookList ul.booklist > li.user-item button.icon-check.graychecked {
  padding-right: 4px;
}
.widget-BookList ul.booklist > li.user-item button.extended {
  display: none;
}
.widget-BookList ul.booklist > li.user-item button.nocaption,
.widget-BookList ul.booklist > li.user-item div.caption {
  display: inline-block;
  vertical-align: baseline;
}
.widget-BookList ul.booklist > li.unread {
  border-left: 5px solid #f7f3e0;
}
.widget-BookList ul.booklist > li.read {
  border-left: 5px solid transparent;
}
.widget-BookList .show-more-reviews {
  border-style: dashed;
  margin-left: 84px;
}
.touch .widget-BookList ul.booklist > li .info .review .controls {
  display: block;
}
.touch .widget-BookList ul.booklist > li.user-item div.buttons button.nocaption,
.touch .widget-BookList ul.booklist > li.user-item div.buttons div.caption {
  display: none;
}
.touch .widget-BookList ul.booklist > li.user-item div.buttons button.extended {
  display: inline-block;
}
.no-touch .widget-BookList ul.booklist > li .info h2 a:hover {
  color: #0d0d0c;
  border-bottom-color: #999891;
}
.no-touch .widget-BookList ul.booklist > li .info .review:hover .controls {
  display: block;
}
.no-touch .widget-BookList ul.booklist > li.user-item div.buttons.on-hover:hover button.nocaption,
.no-touch .widget-BookList ul.booklist > li.user-item div.buttons.on-hover:hover div.caption {
  display: none;
}
.no-touch .widget-BookList ul.booklist > li.user-item div.buttons.on-hover:hover button.extended {
  display: inline-block;
}
.widget-BookListAdd {
  line-height: 1.35em;
}
.widget-BookListAdd h2 {
  font-size: 1.4em;
  color: #666561;
}
.widget-BookListAdd .reading {
  height: 18px;
  margin: 1em 0 1.5em;
}
.widget-BookListAdd .popup-content {
  margin-top: 5px;
  padding: 15px;
}
.widget-BookListAdd .popup-content h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0em 0 1em;
}
.widget-BookListAdd .popup-content a {
  border-bottom: none;
}
.widget-BookListAdd .popup-content a.social {
  margin-right: 7px;
}
.widget-BookListAdd .popup-content input.input {
  width: 250px;
  margin: 10px 0 0;
}
.widget-BookListAdd .popup-content input.input::-ms-clear {
  display: none;
}
.widget-BookListAdd span.secondary {
  margin-right: 30px;
  position: relative;
  float: right;
}
.widget-BookListAdd span.secondary .search {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.widget-BookListAdd span.secondary .search:focus {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.widget-BookListAdd span.secondary .input {
  width: 230px;
}
.widget-BookListAdd button {
  margin-right: 8px;
}
.widget-BookListAdd .prepend {
  margin-right: 0px;
}
.widget-BookListAdd table {
  margin-top: 20px;
  width: 100%;
}
.widget-BookListAdd table hr {
  margin: 5px 0 15px -30px;
}
.widget-BookListAdd table .check_column {
  vertical-align: middle;
  padding-left: 10px;
  width: 55px;
}
.widget-BookListAdd table .check_column input {
  margin: 0 20px 0 20px;
}
.widget-BookListAdd table tbody tr .close {
  float: right;
  height: 1em;
  line-height: 1em;
}
.widget-BookListAdd table tbody tr td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.widget-BookListAdd table tbody tr .restore {
  border-bottom-style: dashed;
}
.widget-BookListAdd table tbody tr .cover {
  padding-left: 30px;
  width: 120px;
  overflow: hidden;
  padding-right: 30px;
  vertical-align: top;
  text-align: right;
}
.widget-BookListAdd table tbody tr .cover .spinner {
  margin-right: 45px;
  margin-top: 30px;
}
.widget-BookListAdd table tbody tr .cover .edit-mode {
  width: 100%;
  text-align: center;
}
.widget-BookListAdd table tbody tr .cover .edit-mode a {
  border-bottom-style: dashed;
  position: relative;
}
.widget-BookListAdd table tbody tr .cover .edit-mode a .cover-upload {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}
.widget-BookListAdd table tbody tr .info {
  padding-right: 30px;
  padding-bottom: 25px;
}
.widget-BookListAdd table tbody tr .info > h3 {
  font-size: 1.3em;
  font-weight: bold;
  width: 570px;
}
.widget-BookListAdd table tbody tr .info > h3 sup {
  font-size: 0.6em;
  font-weight: normal;
  background-color: #e4aaf2;
  color: #48364c;
  padding: 3px 9px;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -8px;
}
.widget-BookListAdd table tbody tr .info .author {
  color: #999891;
}
.widget-BookListAdd table tbody tr .info p {
  margin: .75em 0 1em;
}
.widget-BookListAdd table tbody tr .spinner {
  background: url('/img/spinners.gif') 0px 0px no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.widget-BookListAdd table tbody tr label {
  display: block;
  color: #333330;
}
.widget-BookListAdd table tbody tr input.input,
.widget-BookListAdd table tbody tr textarea {
  color: #666561;
  width: 80%;
  margin: 5px 0 20px;
}
.widget-BookListAdd table tbody tr textarea {
  height: 100px;
}
.widget-BookListAdd table tbody tr img {
  vertical-align: middle;
}
.widget-BookListAdd table tbody tr .message,
.widget-BookListAdd table tbody tr div.error {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.widget-BookListAdd table tbody tr .message a:visited,
.widget-BookListAdd table tbody tr div.error a:visited {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
.widget-BookListAdd table tbody tr .removed {
  background-color: #f2f2f2;
  padding: 1.5em;
}
.widget-BookListAdd table tbody tr .uploading {
  background-color: #faf6e6;
  padding: 1.5em;
}
.widget-BookListAdd table tbody tr .uploading .spinner {
  background-position: -28px 0px;
}
.touch .widget-BookListAdd .editable.editing td {
  background-color: #faf6e6;
}
.touch .widget-BookListAdd .editable.editing .spinner {
  background: url('/img/spinners.gif') -28px 0px no-repeat;
}
.touch .widget-BookListAdd .editable td .controls {
  display: block;
}
.no-touch .widget-BookListAdd table tbody tr.editable:hover td {
  background-color: #faf6e6;
}
.no-touch .widget-BookListAdd table tbody tr.editable:hover td .controls {
  display: block;
}
.no-touch .widget-BookListAdd table tbody tr.editable:hover td .controls .hint--top:before,
.no-touch .widget-BookListAdd table tbody tr.editable:hover td .controls .hint--top:after {
  left: 7px;
}
.no-touch .widget-BookListAdd table tbody tr.editable:hover td .spinner {
  background: url('/img/spinners.gif') -28px 0px no-repeat;
}
.no-touch .widget-BookListAdd table tbody tr .message a:hover:visited,
.no-touch .widget-BookListAdd table tbody tr div.error a:hover:visited {
  color: #e56950;
  border-bottom-color: #e56950;
}
.touch .change-cover {
  display: none;
}
.widget-BookListState {
  clear: both;
  margin-right: 30px;
  margin-bottom: 100px;
}
.widget-BookListState h2 {
  color: #666561;
  line-height: 30px;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0.1em 0 0.5em;
}
.widget-BookListState h2 .input {
  width: 230px;
}
.widget-BookListState h2 a {
  border-bottom-style: solid;
}
.widget-BookListState h2 span.secondary {
  position: relative;
}
.widget-BookListState h2 span.secondary .search {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.widget-BookListState h2 span.secondary .search:focus {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.widget-BookListState p,
.widget-BookListState ul.grid {
  line-height: 1.4em;
  padding-top: 1em;
}
.widget-BookListState ul.grid {
  margin-left: -20px;
}
.widget-BookListState ul.grid li {
  display: inline-block;
  vertical-align: top;
  width: 148px;
  font-size: 0.9em;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 20px;
}
.widget-BookListState ul.grid li .cover {
  position: relative;
  width: 100px;
  height: 166px;
}
.widget-BookListState ul.grid li .cover .wrapper {
  position: absolute;
  bottom: 0;
}
.widget-BookListState ul.grid li .cover a {
  border-bottom: none;
}
.widget-BookListState ul.grid li .cover .status {
  padding: 0 10px;
  font-size: 0.8em;
  color: #666561;
  height: 16px;
}
.widget-BookListState ul.grid li .cover .status .icon {
  vertical-align: bottom;
  width: 15px;
  height: 14px;
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
}
.widget-BookListState ul.grid li .cover .status .icon.progress {
  background-position: -1064px 0px;
}
.widget-BookListState ul.grid li .cover .status .icon.complete {
  background-position: -1083px 0px;
}
.widget-BookListState ul.grid li .cover .reader {
  position: absolute;
  display: none;
  bottom: 20px;
  width: 100%;
  z-index: 1;
}
.widget-BookListState ul.grid li .cover .reader button {
  margin: 0 auto;
}
.widget-BookListState ul.grid li .title {
  margin-top: 0.5em;
  word-wrap: break-word;
}
.widget-BookListState ul.grid li .author {
  margin-top: 0.5em;
  font-size: 0.95em;
}
.widget-BookListState ul.grid li .author a {
  color: #666561;
  border-bottom-color: #cccbc2;
}
.widget-BookListState ul.grid li.disabled img {
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.widget-BookListState table.grid {
  width: 100%;
}
.widget-BookListState table.grid thead {
  font-style: italic;
  font-size: 0.95em;
  color: #666561;
}
.widget-BookListState table.grid thead td {
  padding: 10px 5px;
}
.widget-BookListState table.grid td {
  padding: 5px;
}
.widget-BookListState table.grid td h2 {
  margin: 0.5em 0 0.5em;
  font-size: 1.4em;
  font-weight: normal;
}
.widget-BookListState table.grid td h2 sup {
  font-size: 0.6em;
  font-weight: normal;
  background-color: #f2d69d;
  color: #8c671c;
  padding: 3px 9px;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -8px;
}
.widget-BookListState table.grid td h2 a {
  color: #333330;
  border-bottom-color: #cccbc2;
}
.widget-BookListState table.grid td.title {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-BookListState table.grid td a.image-frame {
  border: none;
}
.widget-BookListState table.grid td div.rating {
  margin-top: 0.75em;
}
.widget-BookListState table.grid td div.published,
.widget-BookListState table.grid td div.not-published {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 1px;
}
.widget-BookListState table.grid td div.published {
  background-color: #2dcc14;
}
.widget-BookListState table.grid td div.not-published {
  background-color: #e61717;
}
.widget-BookListState table.grid td span.hint {
  padding-right: 25px;
}
.widget-BookListState table.grid td span.hint a {
  color: #999891;
  border-bottom-color: #cccbc2;
}
.widget-BookListState table.grid td.status div.cover,
.widget-BookListState table.grid td.status div.not-cover,
.widget-BookListState table.grid td.status div.need-cover,
.widget-BookListState table.grid td.status div.files,
.widget-BookListState table.grid td.status div.not-files,
.widget-BookListState table.grid td.status div.need-files {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 10px;
  height: 10px;
  display: inline-block !important;
}
.widget-BookListState table.grid td.status div.cover {
  background-color: #2dcc14;
}
.widget-BookListState table.grid td.status div.need-cover {
  background-color: #e6c617;
}
.widget-BookListState table.grid td.status div.not-cover {
  background-color: #e61717;
}
.widget-BookListState table.grid td.status div.files {
  background-color: #2dcc14;
}
.widget-BookListState table.grid td.status div.need-files {
  background-color: #e6c617;
}
.widget-BookListState table.grid td.status div.not-files {
  background-color: #e61717;
}
.widget-BookListState table.grid.status tr {
  border-bottom: 1px solid #ddd;
}
.widget-BookListState table.grid.status td {
  vertical-align: middle;
}
.widget-BookListState table.grid.status td.status {
  text-align: center;
}
.no-touch .widget-BookListState ul.grid li .author a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.no-touch .widget-BookListState ul.grid li:hover .reader {
  display: block !important;
}
.no-touch .widget-BookListState table.grid td h2 a:hover {
  color: #0d0d0c;
  border-bottom-color: #999891;
}
.no-touch .widget-BookListState table.grid td span.hint a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.widget-BookNotes h2 a {
  border-bottom-style: solid;
}
.widget-BookNotes li {
  line-height: 1.1em;
  padding-bottom: 1.5em;
}
.widget-BookNotes li .text {
  font-size: 0.85em;
  font-style: italic;
}
.widget-BookNotes li .hint {
  margin-top: 2px;
  font-size: 0.85em;
}
.widget-BookReviews h3 {
  color: #333330;
  font-size: 1.4em;
  margin-left: 230px;
  font-weight: bold;
  margin-bottom: 30px;
}
.widget-BookReviews h3 span {
  margin-right: 30px;
}
.widget-BookReviews h3 a:visited {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
.widget-BookReviews .meta {
  padding-left: 10px;
}
.widget-BookReviews a.login,
.widget-BookReviews a.register,
.widget-BookReviews a.emailConfirm {
  border-bottom-style: dashed;
}
.widget-BookReviews .list {
  margin-left: 230px;
}
.widget-BookReviews .list hr {
  margin: 0 30px 30px 70px;
}
.widget-BookReviews .by-user .review .content {
  margin-bottom: 15px;
}
.widget-BookReviews .review {
  clear: both;
}
.widget-BookReviews .review .avatar {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 48px;
  height: 48px;
}
.widget-BookReviews .review .avatar.empty {
  border: 1px dashed #dddddd;
}
.widget-BookReviews .review .content {
  float: left;
  margin-bottom: 20px;
  width: 510px;
}
.widget-BookReviews .review .content span.username {
  line-height: 1.35em;
  max-width: 350px;
  display: inline-block;
  overflow: hidden;
}
.widget-BookReviews .review .content span.username span.datetime {
  white-space: nowrap;
}
.widget-BookReviews .review .content .rating {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: -2px;
}
.widget-BookReviews .review .content .rating.edit-mode {
  margin-right: 10px;
}
.widget-BookReviews .review .content .rating img {
  margin-right: 1px;
}
.widget-BookReviews .review .content .text {
  clear: both;
}
.widget-BookReviews .review .content .text p {
  line-height: 1.35em;
  margin-top: 10px;
  margin-bottom: 12px;
}
.widget-BookReviews .review .content .text p em {
  font-style: italic;
}
.widget-BookReviews .review .content .controls {
  vertical-align: middle;
  margin-right: -10px;
}
.widget-BookReviews .review .content .controls button {
  margin-right: 10px;
}
.widget-BookReviews .review .content .controls .hint--top:before,
.widget-BookReviews .review .content .controls .hint--top:after {
  left: 7px;
}
.widget-BookReviews .review .content .popup-content {
  margin-top: 5px;
  padding: 15px;
}
.widget-BookReviews .review .content .popup-content h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0em 0 1em;
}
.widget-BookReviews .review .content .popup-content a {
  border-bottom: none;
}
.widget-BookReviews .review .content .popup-content a.social {
  margin-right: 7px;
}
.widget-BookReviews .review .content .popup-content .input {
  width: 250px;
  margin-top: 10px;
}
.widget-BookReviews .review .content .popup-content .input::-ms-clear {
  display: none;
}
.widget-BookReviews .review .content .warning {
  line-height: 1.35em;
}
.widget-BookReviews .review .content div.edit {
  margin-top: 15px;
}
.widget-BookReviews .review .content div.edit textarea {
  width: 510px;
  padding: 7px;
  margin-bottom: 14px;
}
.widget-BookReviews .review .content div.edit textarea:valid,
.widget-BookReviews .review .content div.edit textarea:focus {
  min-height: 175px;
}
.widget-BookReviews .review .content div.edit button {
  margin-left: 0px;
}
.widget-BookReviews .review .content div.edit div.error {
  margin-top: 15px;
  font-size: 1em;
  width: 468px;
}
.widget-BookReviews .all.button.standard {
  text-align: center;
  height: 40px;
  margin: 0 auto;
  font-weight: normal;
  display: block;
  clear: both;
  line-height: 40px;
}
.widget-BookReviews hr {
  clear: both;
}
.touch .widget-BookReviews .review .controls {
  display: block;
}
.no-touch .widget-BookReviews h3 a:visited:hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch .widget-BookReviews .review:hover .controls {
  display: block;
}
.widget-BookSeoText {
  font-size: 14px;
  line-height: 1.43;
  color: #333330;
}
.widget-BookShare h2 {
  font-size: 14px !important;
  margin-bottom: 15px !important;
}
.widget-BookShare a {
  border-bottom: 0;
}
.widget-BookShare img {
  margin-right: 8px;
  cursor: pointer;
}
.widget-BookShortInfo .image-frame {
  float: left;
  max-width: 120px;
  margin: 0 30px 30px 0;
}
.widget-BookShortInfo h1 {
  font-size: 1.6em;
  padding-bottom: 0.5em;
  font-weight: bold;
}
.widget-BookShortInfo h1 a {
  color: #333330;
  border-bottom-color: #cccbc2;
}
.widget-BookShortInfo h2 {
  font-size: 1.15em;
  padding-bottom: 0.5em;
}
.widget-BookShortInfo p {
  line-height: 1.35em;
  padding-bottom: 1.35em;
}
.widget-BookShortInfo .actions {
  display: inline-block;
}
.widget-BookShortInfo .actions button {
  margin-top: 18px;
  margin-bottom: 15px;
}
.widget-BookShortInfo .reading {
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -66px;
}
.widget-BookShortInfo .reading span,
.widget-BookShortInfo .reading canvas {
  margin-right: 5px;
  vertical-align: middle;
}
.widget-BookShortInfo .rating img {
  vertical-align: middle;
}
.widget-BookShortInfo .rating a {
  margin-left: 10px;
}
.widget-BookShortInfo .details {
  margin: 10px 30px 30px 150px;
}
.widget-BookShortInfo .details .popup-content {
  margin-top: 5px;
  padding: 15px;
}
.widget-BookShortInfo .details .popup-content h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0em 0 1em;
}
.widget-BookShortInfo .details .popup-content a {
  border-bottom: none;
}
.widget-BookShortInfo .details .popup-content a.social {
  margin-right: 7px;
}
.widget-BookShortInfo .details .popup-content .input {
  width: 250px;
  margin-top: 10px;
}
.widget-BookShortInfo .details .popup-content .input::-ms-clear {
  display: none;
}
.widget-BookShortInfo button {
  margin-right: 8px;
}
.widget-BookShortInfo .prepend {
  margin-right: 0px;
}
.widget-BookShortInfo .graychecked {
  margin-right: 8px;
}
.no-touch .widget-BookShortInfo h1 a:hover {
  color: #333330;
  border-bottom-color: #333330;
}
.widget-BookStatus {
  line-height: 1.2em;
}
.widget-BookStatus .badge {
  margin: 0 0 20px -10px;
}
.widget-BookStatusBadge {
  margin-bottom: 0 !important;
}
.widget-BookStatusBadge .badge {
  width: 180px;
  background-color: #f7f5eb;
  border: 1px solid #e6e4da;
  border-radius: 8px;
  padding: 15px 12px 16px;
  font-size: 13px;
  line-height: 15px;
  position: relative;
  margin-bottom: 40px;
  left: -12px;
}
.widget-BookStatusBadge .badge .button,
.widget-BookStatusBadge .badge .button:visited,
.widget-BookStatusBadge .badge .button:hover {
  font-size: 13px;
  margin-top: 12px;
  color: #fff !important;
  font-weight: bold;
  padding: 0 8px;
  height: 24px;
  line-height: 22px;
  border-width: 1px;
  border-style: solid;
}
.widget-BookStatusBadge .badge img {
  position: absolute;
  top: -22px;
  right: -55px;
}
section.main aside .widget-BookUploadArea h2 {
  margin-bottom: 23px;
}
section.main aside .widget-BookUploadArea h2 a,
section.main aside .widget-BookUploadArea h2 a:visited {
  color: #333330;
  border-bottom-color: #999891;
}
section.main aside .widget-BookUploadArea h2 a:hover,
section.main aside .widget-BookUploadArea h2 a:hover:visited {
  color: #666561;
  border-bottom-color: #cccbc2;
}
section.main aside .widget-BookUploadArea h2 em {
  color: #999891;
  font-weight: normal;
}
section.main aside .widget-BookUploadArea p {
  padding: 0 0 10px;
  color: #333330;
  line-height: 1.25em;
}
section.main aside .widget-BookUploadArea .upload {
  width: 100%;
  height: 230px;
  background-color: #f2f2f2;
  color: #b2b2b2;
  border: 2px solid #e5e5e5;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 30px 0;
}
section.main aside .widget-BookUploadArea .upload div {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  margin: 30px auto 10px;
  background-position: -220px 0;
  width: 36px;
  height: 50px;
}
section.main aside .widget-BookUploadArea .progress {
  width: 100%;
  background-color: #e5e5e5;
  height: 4px;
  margin-top: 5px;
}
section.main aside .widget-BookUploadArea .progress .fill {
  height: 4px;
  background-color: #3991d3;
  background-image: -moz-linear-gradient(left, #3991d3 0%, #2ac41f 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #3991d3), color-stop(100%, #2ac41f));
  background-image: -webkit-linear-gradient(left, #3991d3 0%, #2ac41f 100%);
  background-image: -o-linear-gradient(left, #3991d3 0%, #2ac41f 100%);
  background-image: -ms-linear-gradient(left, #3991d3 0%, #2ac41f 100%);
  background-image: linear-gradient(to right, #3991d3 0%, #2ac41f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3991d3, endColorstr=#ff2ac41f, GradientType=1);
  transition: width 3s;
  -webkit-transition: width 3s;
}
section.main aside .widget-BookUploadArea .hint {
  padding: 4px 0 0;
  font-size: 0.85em;
  color: #999891;
}
section.main aside .widget-BookUploadArea div.upload-button {
  position: relative;
  width: 230px;
  height: 28px;
  cursor: pointer;
  margin: 6px 0;
}
section.main aside .widget-BookUploadArea button {
  position: absolute;
  cursor: pointer;
}
section.main aside .widget-BookUploadArea input {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 230px;
  height: 28px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}
.touch div.upload-button,
.touch p.upload-text {
  display: none;
}
.touch div.upload-button + .hint,
.touch p.upload-text + .hint {
  display: none;
}
.widget-CategoryList {
  line-height: 1.6em;
  display: table;
}
.widget-CategoryList .category {
  display: inline-block;
  margin-bottom: 60px;
  width: 25%;
}
.widget-CategoryList .category div {
  text-align: center;
}
.widget-CategoryList .category div .covers {
  border-bottom: none;
  display: block;
}
.widget-DemoButtons div {
  padding: 10px 10px;
}
.widget-DemoButtons div .button {
  margin: 5px 0;
}
.widget-EntitiesStat {
  clear: both;
  margin-right: 30px;
  margin-bottom: 100px;
}
.widget-EntitiesStat h2 {
  color: #666561;
  line-height: 30px;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0.1em 0 0.5em;
}
.widget-EntitiesStat h2 .input {
  width: 160px;
}
.widget-EntitiesStat h2 a {
  border-bottom-style: solid;
}
.widget-EntitiesStat h2 span.secondary {
  position: relative;
  margin-left: 10px;
}
.widget-EntitiesStat h2 span.secondary button {
  height: 30px;
  line-height: 15px;
  font-weight: normal;
  margin: 0;
}
.widget-EntitiesStat h2 span.secondary .search {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.widget-EntitiesStat h2 span.secondary .search:focus {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.widget-EntitiesStat p {
  line-height: 1.4em;
  padding-top: 1em;
}
.widget-EntitiesStat table.grid {
  width: 100%;
}
.widget-EntitiesStat table.grid thead {
  font-style: italic;
  font-size: 0.95em;
  color: #666561;
}
.widget-EntitiesStat table.grid thead td {
  padding: 10px 5px;
}
.widget-EntitiesStat table.grid td {
  padding: 1em 0.2em;
  vertical-align: top;
}
.widget-EntitiesStat table.grid td h2 {
  margin: 0.5em 0 0.5em;
  font-size: 1.4em;
  font-weight: normal;
}
.widget-EntitiesStat table.grid td h2 sup {
  font-size: 0.6em;
  font-weight: normal;
  background-color: #f2d69d;
  color: #8c671c;
  padding: 3px 9px;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -8px;
}
.widget-EntitiesStat table.grid td h2 a {
  color: #333330;
  border-bottom-color: #cccbc2;
}
.widget-EntitiesStat table.grid td.title {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-EntitiesStat table.grid td a.image-frame {
  border: none;
}
.widget-EntitiesStat table.grid td div.rating {
  margin-top: 0.75em;
}
.widget-EntitiesStat table.grid td div.published,
.widget-EntitiesStat table.grid td div.not-published {
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 1px;
}
.widget-EntitiesStat table.grid td div.published {
  background-color: #2dcc14;
}
.widget-EntitiesStat table.grid td div.not-published {
  background-color: #e61717;
}
.widget-EntitiesStat table.grid td span.hint {
  padding-right: 25px;
}
.widget-EntitiesStat table.grid td span.hint a {
  color: #999891;
  border-bottom-color: #cccbc2;
}
.widget-EntitiesStat table.grid td.cover {
  width: 100px;
  padding-right: 20px;
}
.widget-EntitiesStat table.grid td.cover img {
  max-width: 100px;
}
.widget-EntitiesStat table.grid td.status {
  width: 150px;
  text-align: left;
}
.widget-EntitiesStat table.grid td.status h4 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.widget-EntitiesStat table.grid td.status li {
  color: #666561;
}
.widget-EntitiesStat table.grid td.status li span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block !important;
  width: 18px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.widget-EntitiesStat table.grid td.status li span.readers {
  background-position: -1586px 3px;
}
.widget-EntitiesStat table.grid td.status li span.subscribers {
  background-position: -1531px 3px;
}
.widget-EntitiesStat table.grid td.status li span.recommendations {
  background-position: -1549px 2px;
}
.widget-EntitiesStat table.grid td.status li span.reviews {
  background-position: -1567px 4px;
}
.no-touch .widget-EntitiesStat table.grid td h2 a:hover {
  color: #0d0d0c;
  border-bottom-color: #999891;
}
.no-touch .widget-EntitiesStat table.grid td span.hint a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.widget-EntityStat {
  clear: both;
  margin-right: 30px;
  margin-bottom: 100px;
}
.widget-EntityStat h2 {
  color: #666561;
  line-height: 30px;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0.1em 0 0.5em;
}
.widget-EntityStat h2 .input {
  width: 230px;
}
.widget-EntityStat h2 a {
  border-bottom-style: solid;
}
.widget-EntityStat h2 span.secondary {
  position: relative;
}
.widget-EntityStat h2 span.secondary .search {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.widget-EntityStat h2 span.secondary .search:focus {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.widget-EntityStat h2 span.secondary button {
  font-weight: normal;
}
.widget-EntityStat p {
  line-height: 1.4em;
  padding-top: 1em;
}
.widget-EntityStat table.grid {
  width: 100%;
}
.widget-EntityStat table.grid thead {
  font-style: italic;
  font-size: 0.95em;
  color: #666561;
}
.widget-EntityStat table.grid thead td {
  padding: 10px 5px;
}
.widget-EntityStat table.grid td {
  padding: 1em 0.2em;
  vertical-align: top;
}
.widget-EntityStat table.grid td.cover {
  width: 100px;
  padding-right: 20px;
}
.widget-EntityStat table.grid td.cover img {
  max-width: 100px;
}
.widget-EntityStat table.grid td.status {
  width: 90px;
  text-align: left;
}
.widget-EntityStat table.grid td.status h4 {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.widget-EntityStat table.grid td.status li {
  color: #666561;
}
.widget-EntityStat table.grid td.status li span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block !important;
  width: 18px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.widget-EntityStat table.grid td.status li span.readers {
  background-position: -1531px 3px;
}
.widget-EntityStat table.grid td.status li span.recommendations {
  background-position: -1549px 2px;
}
.widget-EntityStat table.grid td.status li span.reviews {
  background-position: -1567px 4px;
}
.widget-EntityStat table.grid td h2 {
  margin: 0.5em 0 0.5em;
  font-size: 1.4em;
  font-weight: normal;
}
.widget-EntityStat table.grid td h2 sup {
  font-size: 0.6em;
  font-weight: normal;
  background-color: #f2d69d;
  color: #8c671c;
  padding: 3px 9px;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -8px;
}
.widget-EntityStat table.grid td h2 a {
  color: #333330;
  border-bottom-color: #cccbc2;
}
.widget-EntityStat table.grid td.title {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-EntityStat table.grid td a.image-frame {
  border: none;
}
.widget-EntityStat table.grid td div.rating {
  margin-top: 0.75em;
}
.widget-EntityStat table.grid td div.published,
.widget-EntityStat table.grid td div.not-published {
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 1px;
}
.widget-EntityStat table.grid td div.published {
  background-color: #2dcc14;
}
.widget-EntityStat table.grid td div.not-published {
  background-color: #e61717;
}
.widget-EntityStat table.grid td span.hint {
  padding-right: 25px;
}
.widget-EntityStat table.grid td span.hint a {
  color: #999891;
  border-bottom-color: #cccbc2;
}
.widget-EntityStat .chart {
  height: 250px;
  margin: 1.5em 0;
}
.widget-EntityStat .chart.rickshaw_graph .detail .dot {
  width: 4px;
  height: 4px;
  border-radius: 8px;
  border-width: 4px;
  margin-left: -6px;
  margin-top: -7px;
  box-shadow: none;
}
.widget-EntityStat .legend {
  display: block;
  clear: both;
  width: 100%;
  padding: 1em 0;
  font-size: 1.1em;
}
.widget-EntityStat .legend li {
  display: block;
  width: 375px;
  float: left;
  padding: 0.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 15px;
  cursor: pointer;
}
.widget-EntityStat .legend li:nth-child(odd) {
  clear: left;
}
.widget-EntityStat .legend li.active {
  cursor: default;
  background-color: #f9b233;
  border-radius: 0.5em;
}
.widget-EntityStat .legend li.active a {
  color: #fff;
  border-bottom: none;
  cursor: text;
}
.widget-EntityStat .legend li.active a em {
  border-bottom: none;
  color: #fff;
}
.widget-EntityStat .legend li a {
  color: #666561;
  border-bottom-color: #cccbc2;
  border-bottom-style: dashed;
}
.widget-EntityStat .legend li a em {
  float: right;
  border-bottom: none;
  font-weight: bold;
  color: #333330;
}
.no-touch .widget-EntityStat table.grid td h2 a:hover {
  color: #0d0d0c;
  border-bottom-color: #999891;
}
.no-touch .widget-EntityStat table.grid td span.hint a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.no-touch .widget-EntityStat .legend li.active a:hover {
  color: #fff;
}
.no-touch .widget-EntityStat .legend li a:hover {
  color: #333330;
  border-bottom-color: #999891;
}
.widget-Faq {
  margin-right: 30px;
  line-height: 1.25em;
}
.widget-Faq ul {
  margin-bottom: 50px;
}
.widget-Faq ul li {
  font-size: 1.1em;
  line-height: 1.8em;
}
.widget-Faq h2 {
  margin: 40px 0 15px;
  font-size: 1.3em;
  font-weight: bold;
}
.widget-Faq p {
  color: #333330;
  margin-bottom: 15px;
}
.widget-LandingPage .container {
  width: 976px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-align: center;
}
.widget-LandingPage h1 {
  font-size: 64px;
  color: #FFFDF2;
  font-weight: normal;
}
.widget-LandingPage h2 {
  font-size: 32px;
  color: #333330;
  /*dark 20*/
  font-weight: normal;
  margin-bottom: 16px;
}
.widget-LandingPage h3 {
  font-size: 24px;
  color: #333330;
  font-weight: normal;
}
.widget-LandingPage p {
  line-height: 1.3em;
  color: #75756E;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 1em;
}
.widget-LandingPage p:last-of-type {
  margin-bottom: 0;
}
.widget-LandingPage p.footnote {
  font-size: 12px;
}
.widget-LandingPage a {
  color: #3991d3;
}
.widget-LandingPage button {
  height: 48px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 24px;
  cursor: pointer;
}
.widget-LandingPage .grey-button {
  background-color: #E0E0D3;
  color: #75756E;
}
.widget-LandingPage .grey-button:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
}
.widget-LandingPage .grey-button:active {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.widget-LandingPage .blue-button {
  background-color: #1480CC;
  color: #FFFDF1;
}
.widget-LandingPage .blue-button:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
}
.widget-LandingPage .blue-button:active {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.widget-LandingPage .button-start {
  margin-top: 40px;
}
.widget-LandingPage .block-how-it-works .container {
  width: 896px;
  height: 440px;
}
.widget-LandingPage .block-how-it-works .container h2 {
  margin-top: 56px;
  margin-bottom: 16px;
}
.widget-LandingPage .steps {
  width: 256px;
  height: 256px;
  float: left;
  margin-top: 10px;
  text-align: center;
  margin-right: 64px;
}
.widget-LandingPage .steps p {
  padding-top: 256px;
  font-size: 16px;
}
.widget-LandingPage .s1 {
  background: url('/img/landing/1-how-to-choose.jpg') top no-repeat;
  background-size: 100%;
}
.widget-LandingPage .s2 {
  background: url('/img/landing/2-how-to-read.jpg') top no-repeat;
  background-size: 100%;
}
.widget-LandingPage .s3 {
  margin-right: 0;
  background: url('/img/landing/3-how-to-store.jpg') top no-repeat;
  background-size: 100%;
}
.widget-LandingPage .cream-background {
  border-style: solid;
  border-width: 1px 0;
  border-color: #F2F0ED;
  background-color: #FCFAF7;
}
.widget-LandingPage .block-library {
  position: relative;
  padding-bottom: 56px;
}
.widget-LandingPage .block-library .container {
  width: 976px;
}
.widget-LandingPage .block-library .container h2 {
  margin-top: 56px;
}
.widget-LandingPage .block-library p {
  padding: 0 100px;
  font-size: 18px;
}
.widget-LandingPage .apple-button {
  width: 160px;
  height: 50px;
  margin: 40px 20px 0 0;
}
.widget-LandingPage .apple-button.en {
  background: url('/img/AppStore_en.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-LandingPage .apple-button.ru {
  background: url('/img/AppStore_ru.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-LandingPage .apple-button.uk {
  background: url('/img/AppStore_uk.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-LandingPage .google-play-button {
  width: 160px;
  height: 50px;
  margin: 40px 20px 0 0;
}
.widget-LandingPage .google-play-button.en {
  background: url('/img/PlayMarket_en.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-LandingPage .google-play-button.ru {
  background: url('/img/PlayMarket_ru.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-LandingPage .google-play-button.uk {
  background: url('/img/PlayMarket_uk.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-LandingPage .block-library .button-discover-library {
  margin-top: 40px;
}
.widget-LandingPage .block-library .demo-books {
  text-align: left;
  overflow: hidden;
  padding: 35px 0 45px 0;
  white-space: nowrap;
  width: 100%;
}
.widget-LandingPage .block-library .demo-books a {
  margin-right: 24px;
  display: inline-block;
  border-bottom: 0;
}
.widget-LandingPage .block-library .demo-books a:first-of-type {
  margin-left: 24px;
}
.widget-LandingPage .block-library .demo-books a img {
  width: 150px;
}
.widget-LandingPage .block-comfy-reading {
  height: 542px;
  position: relative;
}
.widget-LandingPage .block-comfy-reading .container {
  width: 488px;
  position: absolute;
  left: 50%;
  top: 132px;
  text-align: left;
}
.widget-LandingPage .block-comfy-reading .devices {
  position: absolute;
  width: 432px;
  height: 430px;
  right: 59%;
  top: 56px;
}
.widget-LandingPage .block-comfy-reading .devices.en {
  background: url('/img/landing/devices_en.jpg') 30% center no-repeat;
  background-size: contain;
}
.widget-LandingPage .block-comfy-reading .devices.ru {
  background: url('/img/landing/devices_ru.jpg') 30% center no-repeat;
  background-size: contain;
}
.widget-LandingPage .block-comfy-reading .devices.uk {
  background: url('/img/landing/devices_uk.jpg') 30% center no-repeat;
  background-size: contain;
}
.widget-LandingPage .block-comfy-reading button {
  margin-top: 40px;
}
.widget-LandingPage .block-search {
  height: 370px;
  position: relative;
  overflow: hidden;
}
.widget-LandingPage .block-search .container {
  width: 464px;
  position: absolute;
  right: 50%;
  top: 90px;
  text-align: left;
}
.widget-LandingPage .block-search .tags-cloud {
  position: absolute;
  left: 50%;
  width: 480px;
  height: 235px;
  top: 60px;
}
.widget-LandingPage .block-search .tags-cloud p {
  position: absolute;
  font-size: 14px;
}
.widget-LandingPage .tags-cloud .search-landing {
  width: 320px;
  height: 40px;
  border: 2px solid #BDBDB1;
  border-radius: 4px;
  font-size: 18px;
  text-align: left;
  box-sizing: border-box;
  padding: 6px 35px 3px 35px;
}
.widget-LandingPage .tags-cloud form {
  position: absolute;
  top: 95px;
  left: 98px;
}
.widget-LandingPage .tags-cloud form::before {
  background: url('/img/landing/icon-search.png') center center no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: block;
  content: '';
  position: absolute;
  margin: 11px;
}
.widget-LandingPage .tags-cloud .tag-01 {
  top: 0;
  right: 26px;
}
.widget-LandingPage .tags-cloud .tag-02 {
  top: 7px;
  left: 135px;
}
.widget-LandingPage .tags-cloud .tag-03 {
  top: 45px;
  right: 70px;
}
.widget-LandingPage .tags-cloud .tag-04 {
  top: 52px;
  left: 10px;
}
.widget-LandingPage .tags-cloud .tag-05 {
  top: 54px;
  left: 177px;
}
.widget-LandingPage .tags-cloud .tag-06 {
  top: 103px;
  left: 33px;
}
.widget-LandingPage .tags-cloud .tag-07 {
  top: 153px;
  left: 177px;
}
.widget-LandingPage .tags-cloud .tag-08 {
  top: 151px;
  right: 42px;
}
.widget-LandingPage .tags-cloud .tag-09 {
  top: 176px;
  left: 25px;
}
.widget-LandingPage .tags-cloud .tag-10 {
  top: 185px;
  right: 132px;
}
.widget-LandingPage .tags-cloud .tag-11 {
  bottom: 0;
  left: 203px;
}
.widget-LandingPage .block-organized {
  height: 454px;
  position: relative;
}
.widget-LandingPage .block-organized .container {
  width: 488px;
  position: absolute;
  left: 50%;
  top: 166px;
  text-align: left;
}
.widget-LandingPage .block-organized .bookshelves {
  position: absolute;
  width: 659px;
  height: 400px;
  right: 38%;
  bottom: 0;
}
.widget-LandingPage .block-organized .bookshelves.en {
  background: url('/img/landing/bookshelves_en.jpg') center center no-repeat;
  background-size: contain;
}
.widget-LandingPage .block-organized .bookshelves.ru {
  background: url('/img/landing/bookshelves_ru.jpg') center center no-repeat;
  background-size: contain;
}
.widget-LandingPage .block-organized .bookshelves.uk {
  background: url('/img/landing/bookshelves_uk.jpg') center center no-repeat;
  background-size: contain;
}
.widget-LandingPage .block-features {
  height: 496px;
  position: relative;
}
.widget-LandingPage .block-features .container {
  width: 960px;
}
.widget-LandingPage .block-features .container h2 {
  margin-top: 56px;
  margin-bottom: 48px;
}
.widget-LandingPage .block-features .feature {
  width: 368px;
  height: 72px;
  text-align: left;
  padding-left: 64px;
  float: left;
  margin: 0 24px;
  margin-bottom: 40px;
}
.widget-LandingPage .block-features .f1 {
  background: url('/img/landing/feature-offline.png') left top no-repeat;
  background-size: 48px;
}
.widget-LandingPage .block-features .f2 {
  background: url('/img/landing/feature-cloud.png') left top no-repeat;
  background-size: 48px;
}
.widget-LandingPage .block-features .f3 {
  background: url('/img/landing/feature-private-books.png') left top no-repeat;
  background-size: 48px;
}
.widget-LandingPage .block-features .f4 {
  background: url('/img/landing/feature-travel.png') left top no-repeat;
  background-size: 48px;
}
.widget-LandingPage .block-features .f5 {
  background: url('/img/landing/feature-economy.png') left top no-repeat;
  background-size: 48px;
}
.widget-LandingPage .block-features .f6 {
  background: url('/img/landing/feature-sync.png') left top no-repeat;
  background-size: 48px;
}
.widget-LandingPage .block-features .feature-header {
  font-size: 18px;
  color: #333330;
  margin-bottom: 4px;
}
.widget-LandingPage .note {
  position: relative;
}
.widget-LandingPage .note:after {
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  color: #FFA000;
  border: 1px solid #FFA000;
  padding: 0 6px;
  border-radius: 4px;
  position: absolute;
  left: 8px;
  bottom: 0px;
  white-space: nowrap;
}
.widget-LandingPage .note-ru:after {
  content: "Скоро";
}
.widget-LandingPage .note-en:after {
  content: "Soon";
}
.widget-LandingPage .note-uk:after {
  content: "Скоро";
}
.widget-LandingPage .block-features .feature-desc {
  font-size: 16px;
}
.widget-LandingPage .block-why-equalibra {
  height: 413px;
  position: relative;
}
.widget-LandingPage .block-why-equalibra .container {
  text-align: left;
  padding-top: 70px;
  width: 976px;
}
.widget-LandingPage .block-why-equalibra h2 {
  position: absolute;
  text-align: left;
  right: 70%;
}
.widget-LandingPage .block-why-equalibra .feedback {
  margin-bottom: 32px;
  margin-left: 40%;
  margin-right: 5%;
}
.widget-LandingPage .feedback a {
  font-style: italic;
}
.widget-LandingPage .block-why-equalibra .feedback:last-of-type {
  margin-bottom: 0;
}
.widget-LandingPage .block-why-equalibra p,
.widget-LandingPage .block-why-equalibra a {
  font-size: 16px;
}
.widget-LandingPage .block-why-equalibra p {
  margin-bottom: 5px;
}
.widget-LandingPage .block-call-to-action {
  position: relative;
}
.widget-LandingPage .block-call-to-action .container {
  margin-top: 56px;
  margin-bottom: 72px;
}
.widget-LandingPage .block-call-to-action h3 {
  margin-top: 56px;
  margin-bottom: 0px;
}
.no-touch .widget-LandingPage h2 a:hover,
.no-touch .widget-LandingPage h4 a:hover {
  color: #333330;
  border-bottom-color: #333330;
}
.header {
  background: url('/img/intro-image.jpg') 50% 50% no-repeat #cecece;
  background-size: cover;
}
.header .container {
  width: 976px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-align: center;
  height: 512px;
  overflow: hidden;
}
.header p {
  line-height: 1.3em;
  color: #75756E;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 1em;
}
.header p:last-of-type {
  margin-bottom: 0;
}
.header p.footnote {
  font-size: 12px;
}
.header a {
  color: #3991d3;
}
.header button {
  height: 48px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 24px;
  cursor: pointer;
}
.blue-button {
  background-color: #1480CC;
  color: #FFFDF1;
  padding: 0 20px 0 0;
}
.blue-button:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
}
.blue-button:active {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.apple-button {
  width: 160px;
  height: 50px;
  margin-left: 20px;
}
.apple-button.en {
  background: url('/img/AppStore_en.png') 50% 50% no-repeat;
  background-size: cover;
}
.apple-button.ru {
  background: url('/img/AppStore_ru.png') 50% 50% no-repeat;
  background-size: cover;
}
.apple-button.uk {
  background: url('/img/AppStore_uk.png') 50% 50% no-repeat;
  background-size: cover;
}
.google-play-button {
  width: 160px;
  height: 50px;
  background-size: cover;
  margin-left: 20px;
}
.google-play-button.en {
  background: url('/img/PlayMarket_en.png') 50% 50% no-repeat;
  background-size: cover;
}
.google-play-button.ru {
  background: url('/img/PlayMarket_ru.png') 50% 50% no-repeat;
  background-size: cover;
}
.google-play-button.uk {
  background: url('/img/PlayMarket_uk.png') 50% 50% no-repeat;
  background-size: cover;
}
.button-start {
  margin-top: 40px;
}
.header .container h1 {
  margin-top: 156px;
  font-size: 64px;
  color: #FFFDF2;
  font-weight: normal;
}
.header .container p {
  font-size: 24px;
  color: #E0E0D3;
  margin-top: 16px;
}
.header .container h1,
.header .container p {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.widget-Menu h2 a {
  color: #666561;
  border-bottom-color: #cccbc2;
}
.widget-Menu sup {
  font-size: 0.9em;
  vertical-align: 100%;
}
.widget-Menu sup .image {
  vertical-align: middle;
  margin: 0 5px;
  border-bottom: none;
}
.widget-Menu sup a {
  border-bottom: none;
}
.widget-Menu li {
  line-height: 1.25em;
  padding: 5px 0;
}
.widget-Menu li.sortable-placeholder {
  border: 2px dotted #CCCBC2;
  line-height: 22px;
  margin-left: -10px;
  height: 26px;
  padding: 0 !important;
  border-radius: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.widget-Menu li.sortable-placeholder:after {
  content: '\a0\20';
}
.widget-Menu li.add {
  position: relative;
  cursor: pointer;
  width: 60px;
}
.widget-Menu li.add div {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  top: 6px;
  left: -5px;
  width: 26px;
  height: 26px;
  background-position: -1098px 0px;
}
.widget-Menu li.add div.hint--bottom:before,
.widget-Menu li.add div.hint--bottom:after {
  left: 7px;
}
.widget-Menu li.add div.text_comment {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 2px;
  left: 18px;
  margin-left: 10px;
  width: 140px;
  background: none;
  color: #75756e;
  font-size: 14px;
}
.widget-Menu li.add label {
  position: absolute;
  top: 5px;
  left: -5px;
  width: 140px;
  height: 26px;
}
.widget-Menu li.add label:hover.hint--bottom:before,
.widget-Menu li.add label:hover.hint--bottom:after {
  top: 27px;
}
.widget-Menu li.add label.hint--bottom:before,
.widget-Menu li.add label.hint--bottom:after {
  top: 35px;
  left: 7px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
}
.widget-Menu li.add label:not(.hidden).hint:before,
.widget-Menu li.add label:not(.hidden).hint:after,
.widget-Menu li.add label:not(.hidden)[data-hint]:before,
.widget-Menu li.add label:not(.hidden)[data-hint]:after {
  visibility: visible;
  opacity: 1;
}
.widget-Menu li.add input {
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -khtml-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  outline: none;
  width: 150px;
}
.widget-Menu li.last {
  width: 0px;
  margin-left: -25px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.no-touch .widget-Menu h2 a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.no-touch .widget-Menu li.add:hover div {
  background-position: -1504px 0px;
}
.menu {
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.33;
  background-color: #333330;
  height: 64px;
  margin: 0;
  min-width: 320px;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.menu .menu-mobile {
  width: 100%;
  display: none;
  position: absolute;
  background-color: #333330;
  top: 64px;
  z-index: 10;
}
.menu .menu-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  display: block;
}
.menu .menu-mobile ul li {
  display: block !important;
  list-style: none;
  margin: 0 0 0 51px;
  padding: 0;
  font-size: 1rem;
  letter-spacing: 1px;
}
.menu .menu-mobile ul li .active {
  text-transform: uppercase;
  display: inline-block;
}
.menu .menu-mobile ul li .active b {
  font-weight: bold;
  display: inline-block;
  color: #fffdf2;
}
.menu .menu-mobile ul li a,
.menu .menu-mobile ul li span {
  border-bottom: none;
  text-transform: uppercase;
  padding: 13px 16px;
  display: inline-block;
}
.menu .menu-mobile ul li a b,
.menu .menu-mobile ul li span b {
  font-weight: bold;
  display: inline-block;
  color: rgba(255, 253, 242, 0.75);
  border-bottom: 1px solid rgba(255, 253, 242, 0.33);
}
.menu .menu-mobile ul li a b:hover,
.menu .menu-mobile ul li span b:hover {
  border-bottom: 1px solid #fffdf2;
}
.menu .menu-mobile ul li:first-child a,
.menu .menu-mobile ul li:first-child span {
  padding-top: 6px;
}
.menu .menu-mobile ul li:last-child a,
.menu .menu-mobile ul li:last-child span {
  padding-bottom: 24px;
}
.menu .menu-actions {
  display: flex;
  flex-grow: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
.menu .menu-actions ul {
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  display: block;
}
.menu .menu-actions ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  letter-spacing: 1px;
}
.menu .menu-actions ul li .active {
  text-transform: uppercase;
  padding: 22px 18px 20px;
  display: inline-block;
}
.menu .menu-actions ul li .active b {
  font-weight: bold;
  display: inline-block;
  color: #fffdf2;
}
.menu .menu-actions ul li a {
  padding: 22px 18px 20px;
  display: inline-block;
  border-bottom: none;
  text-transform: uppercase;
}
.menu .menu-actions ul li a b {
  font-weight: bold;
  display: inline-block;
  color: rgba(255, 253, 242, 0.75);
  border-bottom: 1px solid rgba(255, 253, 242, 0.33);
}
.menu .menu-actions ul li a b:hover {
  border-bottom: 1px solid #fffdf2;
}
.menu .menu-actions ul li.mobile-menu {
  display: none;
}
.menu #big-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
.menu #big-logo svg,
.menu #small-logo svg {
  color: #FFFDF2;
}
.menu #big-logo {
  width: 114px;
  padding-top: 17px;
  margin-left: 24px;
  display: block;
  float: left;
  border-bottom: none;
}
.menu #small-logo {
  width: 27px;
  padding-top: 18px;
  display: none;
  border-bottom: none;
}
@media (max-width: 600px) {
  .menu .menu-actions {
    position: unset;
  }
  .menu .menu-actions ul li {
    display: none;
    margin-right: 0;
  }
  .menu .menu-actions ul li:first-child,
  .menu .menu-actions ul li:last-child {
    display: inline-block;
  }
  .menu .menu-actions ul li a,
  .menu .menu-actions ul li .active {
    padding: 22px 16px;
  }
  .menu .menu-actions ul li.mobile-menu {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
    height: 30px;
    width: 30px;
    left: -30px;
  }
  .menu .menu-actions ul li.mobile-menu .mobile-menu-button {
    margin: 15px 15px 15px 11px;
    height: 30px;
    width: 30px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    display: inline-block;
    color: #fffdf2;
    font-weight: 900;
    position: absolute;
    cursor: pointer;
  }
  .menu .menu-actions ul li.mobile-menu .mobile-menu-button.active {
    padding: 0;
  }
  .menu .menu-actions ul li.mobile-menu .mobile-menu-button img {
    position: relative;
    top: 3px;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 300ms;
  }
  .menu .menu-actions ul li.mobile-menu .mobile-menu-button.expanded img {
    transform: rotate(180deg);
  }
  .menu #small-logo {
    display: block;
    width: 38px;
    float: left;
    margin-left: 12px;
  }
  .menu #big-logo {
    display: none;
  }
}
@media (min-width: 601px) and (max-width: 767px) {
  .menu .menu-actions ul li {
    display: inline-block;
  }
  .menu .menu-actions ul li a,
  .menu .menu-actions ul li .active {
    padding: 22px 16px;
  }
  .menu #small-logo {
    display: block;
    width: 38px;
    float: left;
    margin-left: 12px;
  }
  .menu #big-logo {
    display: none;
  }
}
.widget-MenuLanguage {
  text-align: left;
  width: 105px;
}
.widget-MenuLanguage .popup-content {
  width: 120px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: -5px;
  padding: 15px 15px;
}
.widget-MenuLanguage .popup-content a {
  border-bottom: none;
}
.widget-MenuLanguage .popup-content a img {
  margin-right: 10px;
  vertical-align: middle;
}
.widget-OrganizationInfo p.logo {
  margin: 1em 0.1em 2em;
  line-height: 1.25em;
}
.widget-OrganizationInfo p.logo img {
  max-width: 200px;
  max-height: 200px;
}
.widget-OrganizationInfo a {
  border-bottom-style: none;
}
.widget-OrganizationInfo ul {
  margin-bottom: 40px;
}
.widget-OrganizationInfo ul li {
  line-height: 2em;
}
.widget-OrganizationInfo .soc-icons a span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  vertical-align: middle;
}
.widget-OrganizationInfo .soc-icons a.link span {
  background-position: -1024px 0px;
}
.widget-OrganizationInfo .soc-icons a.twitter span {
  background-position: -440px 0px;
}
.widget-OrganizationInfo .soc-icons a.facebook span {
  background-position: -400px 0px;
}
.widget-OrganizationInfo .soc-icons a.google span {
  background-position: -520px 0px;
}
.widget-OrganizationInfo .soc-icons a.vkontakte span {
  background-position: -480px 0px;
}
.no-touch .widget-OrganizationInfo .soc-icons a.link:hover span {
  background-position: -1044px 0px;
}
.no-touch .widget-OrganizationInfo .soc-icons a.twitter:hover span {
  background-position: -460px 0px;
}
.no-touch .widget-OrganizationInfo .soc-icons a.facebook:hover span {
  background-position: -420px 0px;
}
.no-touch .widget-OrganizationInfo .soc-icons a.google:hover span {
  background-position: -540px 0px;
}
.no-touch .widget-OrganizationInfo .soc-icons a.vkontakte:hover span {
  background-position: -500px 0px;
}
.widget-PaymentsResult {
  padding: 50px 0 0 130px;
}
.widget-PaymentsResult h1 {
  font-size: 2em;
  padding: 0 0 0.6em;
}
.widget-PaymentsResult h1.payment-success {
  color: #53b224;
}
.widget-PaymentsResult h1.payment-fail {
  color: #cc3629;
}
.widget-PaymentsResult h1.payment-waiting {
  color: #d8b935;
}
.widget-PaymentsResult img {
  float: right;
  width: 205px;
  height: 220px;
  margin: -50px 100px 0 0;
}
.widget-PaymentsResult p {
  width: 70%;
  font-size: 1.15em;
  color: #666561;
  padding: 0.45em 0;
  line-height: 1.35em;
}
.widget-Pricing {
  background-color: #ffffff;
  padding-top: 60px;
}
.widget-Pricing .intro-and-prices {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
  z-index: 2;
}
.widget-Pricing .intro-text {
  text-align: center;
}
.widget-Pricing .intro-text h1 {
  font-size: 28px;
  color: #333330;
  /*dark 20*/
  font-weight: normal;
  line-height: 1.15em;
  margin-bottom: 0.35em;
}
.widget-Pricing .intro-text p {
  color: #656565;
  line-height: 1.3em;
  font-size: 16px;
}
.widget-Pricing .gift-block {
  text-align: center;
  margin-top: 20px;
}
.widget-Pricing .gift-block #gift-checkbox-main,
.widget-Pricing .gift-block #gift-checkbox-form {
  height: 16px;
  width: 16px;
  position: relative;
  top: 2px;
}
.widget-Pricing .gift-block .gift-content,
.widget-Pricing .gift-block .gift-form {
  background: #f3f2ee;
  color: #75756e;
  border-radius: 3px;
  font-size: 12px;
  padding: 12px 16px 12px 16px;
}
.widget-Pricing .gift-block .gift-content label,
.widget-Pricing .gift-block .gift-form label {
  font-size: 16px;
  line-height: 22px;
}
.widget-Pricing .gift-block .gift-content {
  display: inline-block;
}
.widget-Pricing .gift-block .gift-form {
  margin: 0 auto;
  width: 320px;
  display: none;
}
.widget-Pricing .gift-block .gift-form .email-input,
.widget-Pricing .gift-block .gift-form textarea {
  background: #fff;
  width: 320px;
  border-radius: 3px;
  border: 1px solid #bdbdb2;
  color: #333330;
}
.widget-Pricing .gift-block .gift-form .email-input {
  height: 34px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  margin: 12px 0 0 0;
}
.widget-Pricing .gift-block .gift-form textarea {
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  margin: 4px 0;
  min-height: 100px;
}
.widget-Pricing .gift-block .gift-form textarea:valid {
  min-height: 100px;
}
.widget-Pricing .gift-block .gift-form #sending-explanation {
  display: none;
  max-width: 300px;
}
.widget-Pricing .gift-block .gift-form #email-validation-error {
  color: #d32f2f;
  display: none;
  width: 300px;
  margin-top: 4px;
}
.widget-Pricing .gift-block .gift-form #gift-message-title {
  padding-top: 12px;
  display: inline-block;
}
.widget-Pricing .price-tiers {
  padding-left: 60px;
  padding-right: 60px;
  margin-top: -40px;
}
.widget-Pricing .price-tiers p {
  line-height: 1.3em;
  color: #333330;
  font-size: 20px;
}
.widget-Pricing .price-tiers .price-tier {
  width: 320px;
  text-align: center;
  float: left;
  padding-bottom: 40px;
}
.widget-Pricing .price-tiers .price-tier:hover {
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
  filter: alpha(opacity=100) !important;
}
.widget-Pricing .price-tiers.selected-payment {
  margin-bottom: -14px;
}
.widget-Pricing .price-tiers.selected-payment .price-tier {
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
}
.widget-Pricing .price-tiers .duration {
  font-size: 20px;
  margin-top: 15px;
}
.widget-Pricing .price-tiers .no-discount-price {
  font-size: 20px;
  color: #b2b2b2;
  text-decoration: line-through;
  margin-top: 25px;
  line-height: 1.2em;
}
.widget-Pricing .price-tiers .discount-price {
  font-size: 28px;
  color: #333330;
  line-height: .9em;
  margin-top: 2px;
}
.widget-Pricing .price-tiers .currency {
  font-size: 80%;
}
.widget-Pricing .tier-img {
  background-size: 320px 400px;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.widget-Pricing .t-1m {
  margin-top: 200px;
}
.widget-Pricing .t-1m .tier-img {
  height: 205px;
  background-image: url('/img/payment/img-1m.png');
}
.widget-Pricing .t-3m {
  margin-top: 154px;
}
.widget-Pricing .t-3m .tier-img {
  height: 251px;
  background-image: url('/img/payment/img-3m.png');
}
.widget-Pricing .t-1y {
  margin-top: 5px;
}
.widget-Pricing .t-1y .tier-img {
  height: 400px;
  background-image: url('/img/payment/img-1y.png');
}
.widget-Pricing .t-1m .no-discount-price {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.widget-Pricing button.pay {
  font-size: 1.1em;
  width: 130px;
  height: 40px;
  background-color: #52cc14;
  border: none;
  margin-top: 25px;
}
.widget-Pricing .free-text {
  position: relative;
  z-index: 10;
  text-align: center;
  color: #333330;
  padding: 30px 0;
}
.widget-Pricing .free-text p {
  line-height: 1.3em;
  color: #333330;
  font-size: 20px;
}
.widget-Pricing .button.free {
  font-size: 1.1em;
  width: 230px;
  height: 40px;
  background-color: #1480cc;
  border: none;
  margin-top: 33px;
}
.widget-Pricing .payment-logos {
  text-align: center;
  padding: 50px 0 0;
}
.widget-Pricing .payment-logos img {
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle;
}
.widget-Pricing .payment-method {
  display: none;
  text-align: center;
  padding: 40px 0 40px;
  position: relative;
}
.widget-Pricing #Layer_1 {
  margin-top: -58px;
  position: relative;
  top: -33px;
  z-index: 15;
}
.widget-Pricing .block-gradient {
  position: absolute;
  height: 150px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, rgba(247, 247, 247, 0)));
  background: -moz-linear-gradient(top, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%);
  width: 100%;
  margin-top: -41px;
  z-index: 1;
}
.widget-Pricing .block-content {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.widget-Pricing .selected-payment-method {
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
  filter: alpha(opacity=100) !important;
}
.widget-Pricing .selected-payment-method button.pay {
  display: none;
}
.widget-Pricing .payment-method button.payment {
  height: 60px;
  font-size: 20px;
  line-height: 57px;
  margin: 0 10px;
  padding: 1px 20px 1px 20px;
  border: 1px solid #CCC;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #666561;
  font-weight: normal;
  background-repeat: no-repeat;
  background-color: #fff;
}
.widget-Pricing .payment-method button.payment:active {
  padding-top: 2px;
  padding-bottom: 0px;
}
.widget-Pricing button.payment span {
  width: 40px;
  margin-left: 20px;
  display: inline-block;
  float: left;
  background-repeat: no-repeat;
}
.widget-Pricing span.yandex-card,
.widget-Pricing span.stripe-card-ru,
.widget-Pricing span.stripe-card,
.widget-Pricing span.liqpay-card {
  position: relative;
  top: 17px;
  right: 20px;
  height: 25px;
  background-image: url('/img/payment/icon-card.svg');
}
.widget-Pricing span.yandex-card:hover,
.widget-Pricing span.stripe-card-ru:hover,
.widget-Pricing span.stripe-card:hover,
.widget-Pricing span.liqpay-card:hover {
  background-image: url('/img/payment/icon-card.svg') !important;
}
.widget-Pricing span.yandex-card:active,
.widget-Pricing span.stripe-card-ru:active,
.widget-Pricing span.stripe-card:active,
.widget-Pricing span.liqpay-card:active {
  top: 18px;
}
.widget-Pricing span.liqpay-liqpay {
  position: relative;
  top: 9px;
  right: 20px;
  height: 40px;
  background-image: url('/img/payment/icon-24.svg');
}
.widget-Pricing span.liqpay-liqpay:hover {
  background-image: url('/img/payment/icon-24.svg') !important;
}
.widget-Pricing span.liqpay-liqpay:active {
  top: 10px;
}
.widget-Pricing span.yandex-money {
  position: relative;
  top: 5px;
  right: 20px;
  height: 40px;
  background-image: url('/img/payment/yandex-money-icon.svg');
}
.widget-Pricing span.yandex-money:hover {
  background-image: url('/img/payment/yandex-money-icon.svg') !important;
}
.widget-Pricing span.yandex-money:active {
  top: 10px;
}
.widget-Pricing span.yandex-cash,
.widget-Pricing span.liqpay-delayed {
  position: relative;
  top: 9px;
  right: 20px;
  height: 40px;
  background-image: url('/img/payment/icon-cash.svg');
}
.widget-Pricing span.yandex-cash:hover,
.widget-Pricing span.liqpay-delayed:hover {
  background-image: url('/img/payment/icon-cash.svg') !important;
}
.widget-Pricing span.yandex-cash:active,
.widget-Pricing span.liqpay-delayed:active {
  top: 10px;
}
.widget-Pricing .widget-UserMenuNew {
  width: 100%;
  max-width: 100%;
  float: none;
  padding: 0;
}
.widget-Pricing .widget-UserMenuNew h3 {
  text-align: left;
}
.widget-Pricing .widget-UserMenuNew .popup-content.login {
  position: static;
  margin: 0 auto;
  box-shadow: none;
  padding: 0 0 0 110px !important;
  background-color: transparent;
}
.widget-Pricing .widget-UserMenuNew .popup-content.login p {
  text-align: left;
  padding: 0;
}
.widget-Pricing .widget-UserMenuNew .popup-content.login p + p {
  padding-top: 1em;
}
.widget-Pricing .pricing-faq {
  padding-top: 40px;
}
.widget-Pricing .pricing-faq .col-container {
  width: 976px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-align: center;
}
.widget-Pricing .pricing-faq .col-container::after {
  clear: both;
}
.widget-Pricing .pricing-faq p {
  line-height: 1.3em;
  color: #75756E;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 8px;
}
.widget-Pricing .pricing-faq a {
  color: #3991d3;
}
.widget-Pricing .pricing-faq p.question {
  color: #333330;
  margin-top: 48px;
}
.widget-Pricing .pricing-faq .col {
  text-align: left;
  float: left;
  padding: 0 32px;
  width: 424px;
}
#overlay {
  z-index: 90;
  background: rgba(0, 0, 0, 0.8) !important;
}
.widget-ReaderPageTop {
  display: block !important;
  margin-right: 0px;
  background: url('/img/reader-page-header.jpg') 0% 50% no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 380px;
}
.widget-ReaderPageTop .slider {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  height: 380px;
  padding: 0 30px;
}
.widget-ReaderPageTop .slide-image {
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  z-index: 99;
}
.widget-ReaderPageTop .slide-image.show {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 720ms ease 0s;
  -moz-transition: -moz-transform 720ms ease 0s;
  -o-transition: -o-transform 720ms ease 0s;
  -ms-transition: -ms-transform 720ms ease 0s;
  transition: transform 720ms ease 0s;
}
.widget-ReaderPageTop .slide-image.hide {
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 720ms ease-in 0s;
  -moz-transition: -moz-transform 720ms ease-in 0s;
  -o-transition: -o-transform 720ms ease-in 0s;
  -ms-transition: -ms-transform 720ms ease-in 0s;
  transition: transform 720ms ease-in 0s;
}
.widget-ReaderPageTop .image-1_en {
  background-image: url('/img/ar-header-phone_en.png');
  width: 303px;
  height: 343px;
  left: 160px;
}
.widget-ReaderPageTop .image-1_ru {
  background-image: url('/img/ar-header-phone_ru.png');
  width: 303px;
  height: 343px;
  left: 160px;
}
.widget-ReaderPageTop .image-1_uk {
  background-image: url('/img/ar-header-phone_uk.png');
  width: 303px;
  height: 343px;
  left: 160px;
}
.widget-ReaderPageTop .image-2_en {
  background-image: url('/img/ar-header-tablet_en.png');
  width: 441px;
  height: 343px;
  left: 90px;
}
.widget-ReaderPageTop .image-2_ru {
  background-image: url('/img/ar-header-tablet_ru.png');
  width: 441px;
  height: 343px;
  left: 90px;
}
.widget-ReaderPageTop .image-2_uk {
  background-image: url('/img/ar-header-tablet_uk.png');
  width: 441px;
  height: 343px;
  left: 90px;
}
.widget-ReaderPageTop .image-3_ru {
  background-image: url('/img/ar-header-laptop_ru.png');
  width: 534px;
  height: 321px;
  left: 45px;
}
.widget-ReaderPageTop .image-3_en {
  background-image: url('/img/ar-header-laptop_en.png');
  width: 534px;
  height: 321px;
  left: 45px;
}
.widget-ReaderPageTop .image-3_uk {
  background-image: url('/img/ar-header-laptop_uk.png');
  width: 534px;
  height: 321px;
  left: 45px;
}
.widget-ReaderPageTop .text {
  width: 45%;
  position: absolute;
  left: 54%;
  top: 20%;
}
.widget-ReaderPageTop h1 {
  font-size: 40px;
  color: #333330;
  /*dark 20*/
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 0.7em;
}
.widget-ReaderPageTop p {
  line-height: 1.3em;
  color: #656565;
  font-size: 16px;
}
.widget-ReaderPageTop .apple-button {
  max-width: 160px;
  height: 50px;
  margin: 30px 0 0 0;
}
.widget-ReaderPageTop .apple-button.en {
  background: url('/img/AppStore_en.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-ReaderPageTop .apple-button.ru {
  background: url('/img/AppStore_ru.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-ReaderPageTop .apple-button.uk {
  background: url('/img/AppStore_uk.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-ReaderPageTop .google-play-button {
  max-width: 160px;
  height: 50px;
  margin: 30px 0 0 0;
}
.widget-ReaderPageTop .google-play-button.en {
  background: url('/img/PlayMarket_en.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-ReaderPageTop .google-play-button.ru {
  background: url('/img/PlayMarket_ru.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-ReaderPageTop .google-play-button.uk {
  background: url('/img/PlayMarket_uk.png') 50% 50% no-repeat;
  background-size: cover;
}
.widget-ReaderPage {
  background: white;
}
.widget-ReaderPage .text {
  width: 45%;
  position: absolute;
}
.widget-ReaderPage .illustration,
.widget-ReaderPage .bg-image {
  position: absolute;
}
.widget-ReaderPage .cont {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  height: 320px;
  padding: 0 30px;
}
.widget-ReaderPage h1 {
  font-size: 40px;
  color: #333330;
  /*dark 20*/
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 0.7em;
}
.widget-ReaderPage h2 {
  font-size: 28px;
  color: #333330;
  /*dark 20*/
  font-weight: normal;
  margin-bottom: 0.5em;
}
.widget-ReaderPage p {
  line-height: 1.3em;
  color: #656565;
  font-size: 16px;
}
.widget-ReaderPage .text {
  top: 30%;
}
.widget-ReaderPage .block-shelf .text {
  left: 11%;
}
.widget-ReaderPage .block-shelf .illustration {
  top: 45px;
  right: 140px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 261px;
  height: 234px;
}
.widget-ReaderPage .block-shelf .illustration.en {
  background-image: url('/img/shelves_en.png');
}
.widget-ReaderPage .block-shelf .illustration.ru {
  background-image: url('/img/shelves_ru.png');
}
.widget-ReaderPage .block-shelf .illustration.uk {
  background-image: url('/img/shelves_uk.png');
}
.widget-ReaderPage .block-settings {
  background-color: #0b0038;
}
.widget-ReaderPage .block-settings .text {
  left: 50%;
}
.widget-ReaderPage .block-settings .illustration {
  left: 25%;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 257px;
  width: 190px;
}
.widget-ReaderPage .block-settings .illustration.en {
  background-image: url('/img/night-phone_en.png');
}
.widget-ReaderPage .block-settings .illustration.ru {
  background-image: url('/img/night-phone_ru.png');
}
.widget-ReaderPage .block-settings .illustration.uk {
  background-image: url('/img/night-phone_uk.png');
}
.widget-ReaderPage .block-settings .bg-image {
  background-image: url('/img/moon.png');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50px;
  height: 65px;
  width: 61px;
  left: 10%;
}
.widget-ReaderPage .block-settings h2 {
  color: #e0e4ed;
}
.widget-ReaderPage .block-settings .text p {
  color: #c3c1ce;
}
.widget-ReaderPage .block-mybooks .text {
  left: 11%;
}
.widget-ReaderPage .block-mybooks .illustration {
  background-image: url('/img/mybooks.png');
  width: 238px;
  height: 160px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 75px;
  right: 160px;
}
.widget-ReaderPage .block-sync {
  background-color: #faf4e1;
}
.widget-ReaderPage .block-sync .text {
  left: 50%;
}
.widget-ReaderPage .block-sync .illustration {
  background-image: url('/img/sync.png');
  width: 288px;
  height: 152px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 80px;
  left: 170px;
}
.widget-ReaderPage .block-demo {
  text-align: center;
  padding-top: 50px;
  position: relative;
  height: 200px;
}
.widget-ReaderPage .block-demo .demo-books {
  position: absolute;
  text-align: left;
  overflow: hidden;
  left: 0;
  top: 120px;
  width: 105%;
  white-space: nowrap;
  margin-left: -5%;
}
.widget-ReaderPage .block-demo .demo-books span {
  margin-right: 10px;
  display: inline-block;
  float: none;
  cursor: pointer;
}
.widget-Recommenders {
  width: 260px;
}
.widget-Recommenders img {
  margin: 5px 10px;
}
.widget-Recommenders ul {
  margin-left: -10px;
  margin-bottom: 15px;
}
.widget-Recommenders ul li {
  position: relative;
}
.widget-Recommenders ul li a {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  line-height: 42px;
  font-size: 0.9em;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 42px;
  border-bottom: none;
}
.widget-Recommenders ul li a img {
  vertical-align: top;
}
.widget-Recommenders ul li span {
  display: inline-block;
  max-width: 188px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-Recommenders ul li span em {
  color: #3991d3;
  border-bottom: 1px solid #b0d3ed;
}
.widget-Recommenders ul li button {
  position: absolute;
  right: 0px;
  margin: 9px 10px 9px 0px;
  display: inline-block;
}
.widget-Recommenders ul li button.extended,
.widget-Recommenders ul li button.nocaption {
  -webkit-box-shadow: -14px 0 10px #ffffff !important;
  -moz-box-shadow: -14px 0 10px #ffffff !important;
  box-shadow: -14px 0 10px #ffffff !important;
}
.widget-Recommenders ul li button.extended {
  display: none;
}
.widget-Recommenders ul li.removable div.remove {
  display: none;
  position: absolute;
  right: -2px;
}
.widget-Recommenders ul li.removable div.remove a {
  line-height: 38px;
}
.widget-Recommenders ul li.removable button {
  right: 20px;
}
.widget-Recommenders .more {
  font-size: 0.9em;
}
.widget-Recommenders:empty {
  display: none;
}
.widget-Recommenders h2 {
  font-size: 14px !important;
  margin-bottom: 15px !important;
}
.touch .widget-Recommenders ul li button.extended,
.touch .widget-Recommenders ul li button.nocaption {
  -webkit-box-shadow: -14px 0 10px #ffffff;
  -moz-box-shadow: -14px 0 10px #ffffff;
  box-shadow: -14px 0 10px #ffffff;
}
.touch .widget-Recommenders ul li.removable div.remove {
  display: block;
}
.touch .widget-Recommenders ul li div.buttons button.nocaption {
  display: none;
}
.touch .widget-Recommenders ul li div.buttons button.extended {
  display: inline-block;
}
.no-touch .widget-Recommenders ul li a:hover em {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch .widget-Recommenders ul li div.buttons:hover button.nocaption {
  display: none;
}
.no-touch .widget-Recommenders ul li div.buttons:hover button.extended {
  display: inline-block;
}
.no-touch .widget-Recommenders ul li:hover button.extended,
.no-touch .widget-Recommenders ul li:hover button.nocaption {
  -webkit-box-shadow: -14px 0 10px #ffffff;
  -moz-box-shadow: -14px 0 10px #ffffff;
  box-shadow: -14px 0 10px #ffffff;
}
.no-touch .widget-Recommenders ul li:hover.removable div.remove {
  display: block;
}
.widget-RightHolderInfo h1 {
  margin: 0 0 0.5em;
  font-size: 1.8em;
  color: #333330;
  overflow: hidden;
}
.widget-RightHolderInfo button.button.standard.inline {
  font-weight: normal;
  width: 100%;
  height: 34px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 28px;
  position: relative;
  margin-bottom: 1em;
}
.widget-RightHolderInfo button.button.standard.inline .image {
  position: absolute;
  right: 10px;
  top: 14px;
}
.widget-RightHolderInfo p {
  margin: 0;
  padding: 0;
  color: #666561;
}
.widget-RightHolderInfo p small {
  display: inline-block;
  font-size: 80%;
  margin-top: .5em;
}
.widget-RightHolderReports {
  clear: both;
  margin-right: 30px;
  margin-bottom: 100px;
}
.widget-RightHolderReports table.reports {
  width: 100%;
}
.widget-RightHolderReports table.reports tr {
  height: 40px;
}
.widget-RightHolderReports table.reports tr td {
  vertical-align: middle;
}
.widget-RightHolderReports table.reports tr td {
  border-bottom: 1px solid #cccbc2;
  font-size: 14px;
  color: #333330;
}
.widget-RightHolderReports table.reports tr button {
  height: 24px;
  font-size: 12px;
}
.widget-RightHolderReports table.reports thead {
  border-bottom: 1px solid #cccbc2;
}
.widget-RightHolderReports table.reports thead td {
  font-size: 12px;
  font-style: italic;
  text-align: left;
  color: #666561;
  z-index: 50;
  background: white;
  border-bottom: none;
}
.widget-RightHolderReports table.reports td.period {
  width: 165px;
}
.widget-RightHolderReports table.reports td.datetime {
  width: 240px;
}
.widget-RightHolderReports table.reports td.file_report {
  width: 220px;
}
.widget-RightHolderReports table.reports td.file_signed button {
  position: relative;
  overflow: hidden;
}
.widget-RightHolderReports table.reports td.file_signed button input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}
.widget-RightHolderReports .is-empty-text p {
  color: #656565;
  line-height: 1.3em;
  font-size: 16px;
  margin-bottom: 18px;
}
.widget-SearchForm {
  margin-right: 30px;
}
.widget-SearchForm form {
  position: relative;
}
.widget-SearchForm form:before {
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 29px;
  display: block;
  content: ' ';
  position: absolute;
  left: 7px;
  background-position: -1159px 10px;
}
.widget-SearchForm form input {
  width: 328px;
  padding-left: 30px;
}
.widget-SearchForm form input::-ms-clear {
  display: none;
}
.widget-SearchForm .popup-content {
  width: 500px;
  margin-top: 35px;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: left;
  padding: 0;
}
.widget-SearchForm .popup-content div.results-content {
  max-height: 435px;
}
.widget-SearchForm .popup-content div.results-content div.overview {
  padding-top: 15px;
}
.widget-SearchForm .popup-content ul.search-results {
  padding: 5px 12px 15px 20px;
}
.widget-SearchForm .popup-content ul.search-results div.scroll-content > li:first-of-type {
  padding-top: 15px;
}
.widget-SearchForm .popup-content ul.search-results li {
  padding: 0 0 15px;
  margin-bottom: 15px;
  vertical-align: middle;
  border-bottom: 1px dotted #cccbc2;
}
.widget-SearchForm .popup-content ul.search-results li:last-of-type {
  border: none;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.widget-SearchForm .popup-content ul.search-results li:first-of-type {
  padding-top: 0;
}
.widget-SearchForm .popup-content ul.search-results li .left-image {
  width: 80px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  border: none;
}
.widget-SearchForm .popup-content ul.search-results li .left-image img {
  float: right;
  display: block;
  max-width: 48px;
}
.widget-SearchForm .popup-content ul.search-results li .description {
  display: inline-block;
  vertical-align: top;
  width: 75%;
}
.widget-SearchForm .popup-content ul.search-results li .title {
  line-height: 1.5em;
}
.widget-SearchForm .popup-content ul.search-results li .hint {
  line-height: 1.4em;
  margin: 0.2em 0 0.4em;
  font-size: 0.85em;
}
.widget-SearchForm .popup-content ul.search-results li .hint a {
  color: #999891;
  border-bottom-color: #cccbc2;
}
.widget-SearchForm .popup-content ul.search-results li .hint button {
  margin-left: 0;
}
.widget-SearchForm .popup-content ul.search-results li span.free-tag {
  background-color: #b2f291;
  color: #25871e;
}
.widget-SearchForm .popup-content ul.search-results li span.personal-tag {
  background-color: #f2d291;
  color: #665214;
}
.widget-SearchForm .popup-content ul.search-results li span.personal-tag,
.widget-SearchForm .popup-content ul.search-results li span.free-tag {
  padding: 2px 4px;
  font-size: 0.85em;
  display: inline-block;
  margin-top: 1em;
}
.widget-SearchForm .popup-content ul.search-results li .search-text {
  margin: 0.4em 0;
  line-height: 1.4em;
}
.widget-SearchForm .popup-content ul.search-results li .search-marker {
  background-color: #ffee99;
  padding: 0px 2px;
}
.widget-SearchForm .popup-content ul.search-results li.bundle .left-image img {
  max-width: 80px;
}
.widget-SearchForm .popup-content ul.search-results li.book .left-image img {
  max-width: 60px;
}
.widget-SearchForm .popup-content ul.search-results li.empty {
  text-align: center;
  padding: 15px 0 10px;
  margin-bottom: 0;
}
.widget-SearchForm .popup-content ul.search-results li.user .hint {
  margin-top: 5px;
  color: #666561;
}
.widget-SearchForm .popup-content .show-all {
  border-top: 1px dashed #cccbc2;
  text-align: center;
  padding: 15px 0;
}
.no-touch .widget-SearchForm .popup-content ul.search-results li .hint a:hover {
  color: #333330;
  border-bottom-color: #666561;
}
.widget-Tags {
  line-height: 1.4em;
}
.widget-Tags ul li {
  display: inline;
}
.widget-Text {
  margin-right: 30px;
}
section.main aside .widget-TourReset p {
  padding: 0 0 10px;
  color: #333330;
  line-height: 1.25em;
}
section.main aside .widget-TourReset button {
  margin-top: 5px;
}
.widget-UserBillings {
  line-height: 1.35em;
  color: #333330;
  width: 810px;
}
.widget-UserBillings .btn-dark-blue {
  margin-top: 10px;
  display: inline-block;
}
.widget-UserBillings h2 {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}
.widget-UserBillings .active-header {
  color: #53B224;
}
.widget-UserBillings .extra-header {
  color: #CCB129;
}
.widget-UserBillings .no-sub-header {
  color: #CC3629;
}
.widget-UserBillings .days {
  font-size: 20px;
  color: #999891;
}
.widget-UserBillings .sub-bill {
  font-weight: bold;
}
.widget-UserBillings hr {
  margin: 20px 0;
}
.widget-UserBillings .pay {
  float: right;
  margin-bottom: 20px;
}
.widget-UserBillings p {
  margin-bottom: 10px;
  line-height: 18px;
}
.widget-UserBillings .extra-message {
  color: #CC3629;
}
.widget-UserBillings .sub-date {
  font-weight: bold;
}
.widget-UserBillings .promocode-text {
  font-size: 14px;
  color: #333330;
}
.widget-UserBillings .promocode {
  width: 230px;
  margin: 11px 8px 60px 0;
  padding: 5px;
  border: 1px solid #cccbc2;
}
.widget-UserBillings .promocode-activate {
  height: 30px;
  margin-top: -3px;
}
.widget-UserBillings .promocode-error {
  margin-left: 5px;
  display: inline-block;
  color: #CC3629;
}
.widget-UserBillings .promocode-success {
  margin-left: 5px;
  display: inline-block;
  color: #53B224;
}
.widget-UserBillings .cancel-subscription-link {
  color: #f44336;
  border-bottom-color: #f44336;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline-block;
}
.widget-UserBillings .subscription-details {
  color: #808080;
}
.widget-UserBillings .service-banner {
  padding: 20px 385px 20px 24px;
  border-radius: 8px;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}
.widget-UserBillings .service-banner strong {
  margin: 0 0 4px 24px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #333330;
}
.widget-UserBillings .subscription-banner {
  background-image: linear-gradient(97deg, #dcf291, #91f2a1 100%);
}
.widget-UserBillings .special-service-banner {
  background-image: linear-gradient(111deg, #f2c991, #f29f91 100%);
}
.widget-UserBillings table.history {
  width: 100%;
}
.widget-UserBillings table.history caption {
  margin-bottom: 20px;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: #333330;
}
.widget-UserBillings table.history tr {
  border-bottom: 1px solid #cccbc2;
}
.widget-UserBillings table.history .first-row {
  border-top: 1px solid #cccbc2;
}
.widget-UserBillings table.history th,
.widget-UserBillings table.history td {
  height: 40px;
  vertical-align: middle;
}
.widget-UserBillings table.history th {
  font-weight: bold;
  text-align: left;
}
.widget-UserBillings table.history .subs-id,
.widget-UserBillings table.history .subs-date,
.widget-UserBillings table.history .subs-rate,
.widget-UserBillings table.history .subs-pay-away {
  padding-right: 30px;
}
.widget-UserBillings table.history .subs-cost {
  text-align: right;
  padding-right: 30px;
}
.widget-UserBillings table.history .subs-status {
  padding-right: 10px;
}
.widget-UserBillings table.history .subs-success,
.widget-UserBillings table.history .subs-error,
.widget-UserBillings table.history .subs-waiting,
.widget-UserBillings table.history .subs-expired {
  width: 1%;
}
.widget-UserBillings table.history .subs-success {
  color: #53B224;
}
.widget-UserBillings table.history .subs-error,
.widget-UserBillings table.history .subs-expired {
  color: #CC3629;
}
.widget-UserBillings table.history .subs-waiting {
  color: #d8b935;
}
.widget-UserReferrals {
  line-height: 1.35em;
  color: #333330;
  width: 810px;
}
.widget-UserReferrals h2 {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}
.widget-UserReferrals h3 {
  margin-bottom: 20px;
  text-align: left;
  font-size: 20px;
  color: #333330;
}
.widget-UserReferrals .no-sub-header {
  color: #CC3629;
}
.widget-UserReferrals .button {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
}
.widget-UserReferrals table.history {
  width: 100%;
  margin-top: 41px;
}
.widget-UserReferrals table.history caption {
  margin-bottom: 16px;
  text-align: left;
  font-size: 20px;
  color: #333330;
}
.widget-UserReferrals table.history caption em {
  font-size: 14px;
  color: #75756e;
}
.widget-UserReferrals table.history tr {
  border-bottom: 1px solid #cccbc2;
}
.widget-UserReferrals table.history .first-row {
  border-top: 1px solid #cccbc2;
}
.widget-UserReferrals table.history th,
.widget-UserReferrals table.history td {
  height: 40px;
  vertical-align: middle;
}
.widget-UserReferrals table.history th {
  font-weight: bold;
  text-align: left;
}
.widget-UserReferrals table.history td {
  position: relative;
  padding: 5px 0 5px 0;
}
.widget-UserReferrals table.history td a {
  height: 32px;
  white-space: nowrap;
  border-bottom: none;
}
.widget-UserReferrals table.history td a img {
  vertical-align: top;
  margin-right: 5px;
}
.widget-UserReferrals table.history td a span em {
  color: #3991d3;
  border-bottom: 1px solid #b0d3ed;
}
.widget-UserReferrals table.history .subs-date,
.widget-UserReferrals table.history .subs-name,
.widget-UserReferrals table.history .subs-status,
.widget-UserReferrals table.history .subs-bonus {
  padding-right: 30px;
}
.widget-UserInfo h1 {
  margin: 1em 0.1em;
  font-size: 1.5em;
}
.widget-UserInfo p {
  margin: 1em 0.1em;
  line-height: 1.25em;
}
.widget-UserInfo ul {
  margin-bottom: 40px;
}
.widget-UserInfo ul li {
  line-height: 2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.widget-UserInfo ul li a {
  border-bottom-style: none;
}
.widget-UserInfo .soc-icons a span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  vertical-align: middle;
}
.widget-UserInfo .soc-icons a.link span {
  background-position: -1024px 0px;
}
.widget-UserInfo .soc-icons a.twitter span {
  background-position: -440px 0px;
}
.widget-UserInfo .soc-icons a.facebook span {
  background-position: -400px 0px;
}
.widget-UserInfo .soc-icons a.google span {
  background-position: -520px 0px;
}
.widget-UserInfo .soc-icons a.vkontakte span {
  background-position: -480px 0px;
}
.widget-UserInfo .stat {
  border-bottom: none;
  display: block;
  font-size: 0.75em;
  color: #999891;
  float: left;
  margin-right: 25px;
}
.widget-UserInfo .stat span {
  color: #333330;
  font-size: 2.3em;
  clear: both;
}
.no-touch .widget-UserInfo .soc-icons a.link:hover span {
  background-position: -1044px 0px;
}
.no-touch .widget-UserInfo .soc-icons a.twitter:hover span {
  background-position: -460px 0px;
}
.no-touch .widget-UserInfo .soc-icons a.facebook:hover span {
  background-position: -420px 0px;
}
.no-touch .widget-UserInfo .soc-icons a.google:hover span {
  background-position: -540px 0px;
}
.no-touch .widget-UserInfo .soc-icons a.vkontakte:hover span {
  background-position: -500px 0px;
}
.widget-UserList {
  line-height: 1em;
  margin: 0;
}
.widget-UserList h2 {
  font-size: 1.45em;
  color: #666561;
  margin-bottom: 2em;
}
.widget-UserList > div {
  margin-bottom: 40px;
}
.widget-UserList .img {
  float: left;
  margin-right: 10px;
}
.widget-UserList .one-third a.name {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 180px;
  line-height: 1.3em;
}
.widget-UserList .one-third div.buttons {
  margin-top: -1px;
  line-height: 22px;
}
.widget-UserList button {
  margin-top: 8px;
  height: 22px;
  line-height: 11px;
}
.widget-UserList button.extended {
  display: none;
}
.widget-UserList button.nocaption,
.widget-UserList div.caption {
  display: inline-block;
  vertical-align: bottom;
  color: #666561;
  font-size: 90%;
}
.touch .widget-UserList div.buttons button.nocaption,
.touch .widget-UserList div.buttons div.caption {
  display: none;
}
.touch .widget-UserList div.buttons button.extended {
  display: inline-block;
}
.no-touch .widget-UserList button.icon-check.graychecked:hover .icon,
.no-touch .widget-UserList button.icon-check.graychecked:active .icon {
  background-position: -879px 5px !important;
}
.no-touch .widget-UserList div.buttons.on-hover:hover button.nocaption,
.no-touch .widget-UserList div.buttons.on-hover:hover div.caption {
  display: none;
}
.no-touch .widget-UserList div.buttons.on-hover:hover button.extended {
  display: inline-block;
}
.widget-UserMenuNew {
  margin-right: 30px;
  max-width: 320px;
  overflow: hidden;
  color: #cccac2;
  float: right;
  white-space: nowrap;
  font-size: 16px;
  margin-right: 0;
}
.widget-UserMenuNew .user-avatar-frame {
  display: inline-block;
  position: relative;
  margin: 12px 24px 0 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 11;
}
.widget-UserMenuNew .user-avatar-frame:after {
  content: '';
  border-radius: 24px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.widget-UserMenuNew .user-avatar-frame .user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 24px;
  display: block;
}
.widget-UserMenuNew > a {
  border-bottom: none;
}
.widget-UserMenuNew > a > em {
  border-bottom-style: dashed;
}
.widget-UserMenuNew > button {
  margin: 14px 24px 3px 0;
  position: relative;
  z-index: 11;
}
.widget-UserMenuNew a.button span {
  background-color: #333330;
}
.widget-UserMenuNew a.button span.shadow {
  -webkit-box-shadow: 0 0 20px 20px #333330;
  -moz-box-shadow: 0 0 20px 20px #333330;
  box-shadow: 0 0 20px 20px #333330;
}
.widget-UserMenuNew a.button span.arrow {
  margin-top: 8px;
  vertical-align: top;
}
.widget-UserMenuNew div.button {
  cursor: initial;
}
.widget-UserMenuNew input.ui-password::-ms-clear {
  display: none;
}
.widget-UserMenuNew input.ui-password::-ms-reveal {
  display: none;
}
.widget-UserMenuNew .popup-content {
  z-index: 100;
  position: absolute;
  padding: 30px 20px;
  left: -10000px;
  background-color: #ffffff;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 1.6em;
  white-space: normal;
  color: #333330;
}
.widget-UserMenuNew .popup-content div.fields {
  width: 280px;
  float: left;
}
.widget-UserMenuNew .popup-content .text {
  width: 260px;
  float: left;
  padding-left: 40px;
}
.widget-UserMenuNew .popup-content a {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
.widget-UserMenuNew .popup-content a em {
  border-bottom-color: #b0d3ed;
}
.widget-UserMenuNew .popup-content a.hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.widget-UserMenuNew .popup-content a.hover em {
  border-bottom-color: #e56950;
}
.widget-UserMenuNew .popup-content a:visited {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
.widget-UserMenuNew .popup-content a:visited em {
  border-bottom-color: #b0d3ed;
}
.widget-UserMenuNew .popup-content.logged {
  top: 70px !important;
  margin-top: 7px;
  width: 280px;
  padding: 30px 30px 15px 30px;
  font-size: 0.9em;
}
.widget-UserMenuNew .popup-content.logged h1,
.widget-UserMenuNew .popup-content.logged b.user-name {
  font-size: 1.15em;
  color: #333330;
  max-width: 220px;
  overflow: hidden;
}
.widget-UserMenuNew .popup-content.logged h2 {
  font-size: 1.1em;
  color: #999891;
}
.widget-UserMenuNew .popup-content.logged h3 {
  font-size: 1em;
  color: #999891;
}
.widget-UserMenuNew .popup-content.logged .hint {
  line-height: 1.3em;
  margin-top: 0.8em;
  font-size: 0.85em;
  font-style: italic;
  color: #333330;
}
.widget-UserMenuNew .popup-content.logged .separator {
  width: 200%;
  border-top: 1px dashed #999891;
  margin: 30px -30px;
}
.widget-UserMenuNew .popup-content.logged ul {
  margin: 20px 0 0;
}
.widget-UserMenuNew .popup-content.logged ul li {
  margin: 8px 0;
  line-height: 1.5em;
}
.widget-UserMenuNew .popup-content.logged ul li .secondary {
  float: right;
  color: #5c993d;
  min-height: 0px;
  background-color: transparent;
}
.widget-UserMenuNew .popup-content.login {
  padding: 40px !important;
  max-width: 760px;
  color: #666561;
}
.widget-UserMenuNew .popup-content.login .close {
  margin-right: 15px;
  margin-top: -60px;
  color: #999891;
}
.widget-UserMenuNew .popup-content.login h3 {
  font-size: 1.3em;
  font-weight: bold;
  color: #333330;
  margin-bottom: 15px;
}
.widget-UserMenuNew .popup-content.login form {
  margin-top: 25px;
}
.widget-UserMenuNew .popup-content.login table {
  border: none;
}
.widget-UserMenuNew .popup-content.login table td {
  border: none;
  padding-right: 70px;
  vertical-align: middle;
  line-height: 1.2em;
  padding: 10px 70px 10px 0;
}
.widget-UserMenuNew .popup-content.login .input {
  width: 100%;
  margin-bottom: 30px;
}
.widget-UserMenuNew .popup-content.login a.image {
  margin: 0 6px 0 0;
  padding: 0;
}
.widget-UserMenuNew .popup-content.login p {
  line-height: 1.3em;
}
.widget-UserMenuNew .popup-content.login p:first-of-type {
  padding-top: 0;
}
.widget-UserMenuNew .popup-content.login .input-error {
  font-size: 0.8em;
}
.widget-UserMenuNew .popup-content.login div.error {
  margin: 30px 0 0 -15px;
  width: 610px;
}
.widget-UserMenuNew .popup-content.login .ui-name + .hint {
  display: block;
  margin-top: -19px;
  float: left;
  margin-bottom: 5px;
}
.widget-UserMenuNew .popup-content.login .hint {
  font-size: 0.75em;
  margin-bottom: 15px;
  padding: 0 0 0 2px;
}
.widget-UserMenuNew #modal-register .standard {
  height: 40px;
  margin-top: 10px;
}
.widget-UserMenuNew #modal-ask-email .standard {
  height: 40px;
  margin-top: 10px;
}
.widget-UserMenuNew #modal-recovery {
  max-width: 700px;
  padding: 35px 30px !important;
}
.widget-UserMenuNew #modal-recovery .close {
  margin-right: -17px;
  margin-top: -25px;
}
.widget-UserMenuNew #modal-recovery p {
  padding: 0.5em 0;
}
.widget-UserMenuNew #modal-recovery p.hint {
  font-size: 0.9em;
}
.widget-UserMenuNew #modal-recovery .input {
  max-width: 400px;
}
@media (max-width: 770px) {
  .widget-UserMenuNew .popup-content {
    border-radius: 0;
  }
  .widget-UserMenuNew .popup-content .text {
    clear: both;
    padding-left: 0;
    padding-top: 50px;
  }
  .widget-UserMenuNew .popup-content.login {
    padding: 30px !important;
  }
  .widget-UserMenuNew .popup-content#modal-recovery {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  .widget-UserMenuNew .user-avatar-frame {
    margin-right: 12px;
  }
  .widget-UserMenuNew > button {
    margin-right: 12px;
  }
}
.no-touch .widget-UserMenuNew a.button span.arrow:hover {
  margin-top: 8px;
  vertical-align: top;
}
.no-touch .widget-UserMenuNew .popup-content a:hover,
.no-touch .widget-UserMenuNew .popup-content a:visited:hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch .widget-UserMenuNew .popup-content a:hover em,
.no-touch .widget-UserMenuNew .popup-content a:visited:hover em {
  border-bottom-color: #e56950;
}
.widget-UserNotifications {
  color: #666561;
  width: 600px;
}
.widget-UserNotifications form label {
  display: block;
}
.widget-UserNotifications form p {
  margin: 11px 0;
}
.widget-UserNotifications form i {
  display: block;
  margin: 16px 0 11px 0;
  font-style: italic;
  color: #8f8f86;
  line-height: 1.71;
}
.widget-UserNotifications form h2 {
  font-size: 20px;
  color: #333330;
  font-weight: normal;
}
.widget-UserNotifications form h2:not(:first-child) {
  margin-top: 40px;
}
.widget-UserNotifications hr {
  margin: 40px 0 30px -30px;
}
.widget-UserSecureSettings {
  line-height: 1.35em;
  color: #666561;
  width: 600px;
}
.widget-UserSecureSettings h2 {
  font-size: 1.4em;
  color: #333330;
  font-weight: bold;
}
.widget-UserSecureSettings label {
  display: block;
  margin: 1.75em 0 0.5em 0;
}
.widget-UserSecureSettings .input {
  width: 350px;
}
.widget-UserSecureSettings .input::-ms-clear {
  display: none;
}
.widget-UserSecureSettings p {
  margin: 1.75em 0;
}
.widget-UserSecureSettings button.submit {
  margin: 0;
}
.widget-UserSecureSettings div.error {
  margin-top: 1em;
}
.widget-UserSecureSettings hr {
  margin: 40px 0 30px -30px;
}
.crop-area {
  margin-right: 30px;
  background-color: #faf6e6;
  padding: 20px;
  margin-bottom: 30px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  position: relative;
}
.crop-area .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.crop-area:after {
  position: absolute;
  content: ' ';
  width: 0px;
  height: 0px;
  right: -60px;
  top: 72px;
  border: 30px solid transparent;
  border-left-color: #faf6e6;
}
.crop-area .screen-crop {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.crop-area .screen-crop > img {
  max-width: 100%;
  max-height: 400px;
  margin: 0 auto;
}
.crop-area .screen-crop > div {
  margin: 18px auto 0px;
  text-align: center;
}
.crop-area .screen-crop > div a {
  margin: 7px 35px 0 0;
  border-style: dashed;
}
.crop-area .screen-crop > div .button {
  display: inline-block;
}
.widget-UserPhoto {
  margin-bottom: 20px !important;
  position: relative;
  min-height: 230px;
}
.widget-UserPhoto .preview {
  width: 200px;
  height: 200px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.widget-UserPhoto .avatar {
  width: 200px;
  height: 200px;
  display: block;
  position: relative;
}
.widget-UserPhoto .avatar img {
  max-width: 100%;
}
.widget-UserPhoto .avatar span {
  position: absolute;
  display: none;
  width: 100%;
  background-color: #0d0d0c;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  bottom: 0;
  box-sizing: border-box;
  padding: 10px;
}
.widget-UserPhoto .avatar a {
  display: none;
  position: absolute;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  bottom: 0;
  text-align: center;
  box-sizing: border-box;
  border-bottom: none;
  color: #fff;
}
.widget-UserPhoto .avatar a em {
  border-bottom-color: #cccbc2;
}
.widget-UserPhoto h1 {
  margin: 1em 0.1em;
  font-size: 1.5em;
  color: #333330;
  overflow: hidden;
}
.widget-UserPhoto h1 a {
  color: #333330;
  border-bottom-color: #cccbc2;
}
.widget-UserPhoto ul {
  margin-bottom: 40px;
}
.widget-UserPhoto ul li {
  font-size: 1.1em;
  line-height: 2em;
}
.widget-UserPhoto ul li span {
  font-weight: bold;
  color: #3991d3;
}
.widget-UserPhoto .change-area {
  position: absolute;
  right: 280px;
  width: 310px;
  padding: 10px;
  background-color: #faf6e6;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.widget-UserPhoto .change-area:after {
  position: absolute;
  content: ' ';
  width: 0px;
  height: 0px;
  right: -29px;
  top: 100px;
  border: 15px solid transparent;
  border-left-color: #faf6e6;
  border-top-color: #faf6e6;
}
.widget-UserPhoto .change-area ul {
  margin: 0px;
}
.widget-UserPhoto .change-area ul li {
  font-size: 1em;
  line-height: 48px;
  display: block;
  padding: 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #666561;
  cursor: pointer;
  position: relative;
}
.widget-UserPhoto .change-area ul li img {
  vertical-align: middle;
  margin-right: 10px;
}
.widget-UserPhoto .change-area ul li.checked span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 24px;
  background-position: -932px 4px;
}
.widget-UserPhoto .change-area p {
  display: block;
  width: 100%;
  padding: 10px 10px 5px 10px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.widget-UserPhoto .change-area .button,
.widget-UserPhoto .change-area .input {
  width: 100%;
  text-align: center;
  height: 30px;
}
.widget-UserPhoto .change-area .upload-file button {
  position: relative;
}
.widget-UserPhoto .change-area .upload-file button input {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
}
.no-touch .widget-UserPhoto .avatar:hover {
  color: white;
}
.no-touch .widget-UserPhoto .avatar:hover em {
  border-bottom-color: #999891;
}
.no-touch .widget-UserPhoto .avatar a:hover {
  color: #fff;
}
.no-touch .widget-UserPhoto .avatar:hover span,
.no-touch .widget-UserPhoto .avatar:hover a {
  display: block;
}
.no-touch .widget-UserPhoto h1 a:hover {
  color: #0d0d0c;
  border-bottom-color: #999891;
}
.no-touch .widget-UserPhoto .change-area ul li:hover {
  background-color: #e6e2d3;
}
.touch .upload-file {
  display: none !important;
}
.widget-UserSettings {
  line-height: 1.35em;
  color: #666561;
  width: 600px;
  padding-bottom: 60px;
  /*!
 * typeahead.js 0.8.1
 * https://github.com/twitter/typeahead
 * Copyright 2013 Twitter, Inc. and other contributors; Licensed MIT
 */
  /* rtl support */
  /* ----------- */
}
.widget-UserSettings form h3 {
  margin: 2em 0 0.5em 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #333330;
}
.widget-UserSettings form label {
  padding: 1em 0;
}
.widget-UserSettings form .input,
.widget-UserSettings form textarea {
  width: 450px;
}
.widget-UserSettings form textarea {
  height: 60px;
}
.widget-UserSettings form .hint {
  margin: 0.5em 0 0;
  color: #666561;
}
.widget-UserSettings form hr {
  margin-left: -30px;
}
.widget-UserSettings form h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1em 0 1.5em;
}
.widget-UserSettings form ul {
  margin: 20px 0 20px;
  width: 700px;
}
.widget-UserSettings form ul li {
  margin: 10px 0;
  padding: 0;
  display: block;
}
.widget-UserSettings form ul li div {
  width: 200px;
  display: inline-block;
}
.widget-UserSettings form ul li span.image {
  vertical-align: middle;
  margin-right: 10px;
}
.widget-UserSettings form ul li a.no-ajax {
  border-style: dashed;
}
.widget-UserSettings form ul li .close {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.75em;
  color: #cccbc2;
}
.widget-UserSettings .twitter-typeahead {
  position: relative !important;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.widget-UserSettings .tt-query {
  position: relative !important;
  /* for unknown reasons, this fixes alignment issues in ie7 */
  *margin-top: -1px !important;
  vertical-align: top !important;
  background-color: transparent !important;
  /* ie6-8 doesn't fire hover and click events for transparent elements
       for a workaround, use a 1x1 transparent gif */
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
}
.widget-UserSettings .tt-hint {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0px;
  font-size: 14px;
  color: #666561;
  border: 1px solid #cccbc2;
  line-height: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(13, 13, 12, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(13, 13, 12, 0.1);
  box-shadow: inset 0 1px 2px rgba(13, 13, 12, 0.1);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 30px;
  padding: 5px;
}
.widget-UserSettings .tt-hint.inline {
  display: block;
  float: left;
}
.widget-UserSettings .tt-hint.error {
  box-shadow: 0 0 0px 2px #f23d18 !important;
  -webkit-box-shadow: 0 0 0px 2px #f23d18 !important;
  border-color: #f23d18 !important;
  outline: none;
}
.widget-UserSettings .tt-hint.password::-ms-clear {
  display: none;
}
.widget-UserSettings .tt-hint.password::-ms-reveal {
  display: none;
}
.widget-UserSettings .tt-dropdown-menu,
.widget-UserSettings .tt-suggestions,
.widget-UserSettings .tt-suggestion {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget-UserSettings .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  display: none;
}
.widget-UserSettings .tt-dropdown-menu.tt-is-open {
  display: block;
}
.widget-UserSettings .tt-dropdown-menu.tt-is-empty {
  display: none;
}
.widget-UserSettings .tt-suggestion {
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.widget-UserSettings .tt-suggestion * {
  white-space: normal;
}
.widget-UserSettings .twitter-typeahead.tt-rtl {
  direction: rtl;
}
.widget-UserSettings .twitter-typeahead.tt-rtl .tt-dropdown-menu {
  left: auto;
  right: 0;
}
.widget-UserSettings .tt-hint {
  color: #999;
}
.widget-UserSettings .tt-dropdown-menu {
  width: 449px;
  margin-top: 3px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.widget-UserSettings .tt-suggestion {
  padding: 3px 6px;
  line-height: 1.5em;
}
.widget-UserSettings .tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0097cf;
}
.widget-UserSettings .tt-suggestion p {
  margin: 0;
}
.no-touch .widget-UserSettings form ul li .close:hover {
  color: #666561;
}
.widget-Withdraw {
  margin-right: 30px;
  margin-bottom: 100px;
  line-height: 1.4;
}
.widget-Withdraw h2 {
  font-size: 1.4em;
  margin-bottom: 1.6em;
}
.widget-Withdraw p {
  color: #333330;
}
.widget-Withdraw .money-errors {
  padding: 30px 20px;
  margin-bottom: 40px;
  background-color: #ffeae5;
}
.widget-Withdraw .money-errors h2 {
  color: #CC3629;
}
.widget-Withdraw .money-errors ul li:before {
  content: '\2014\a0';
  position: absolute;
  left: 0;
  top: -1px;
  text-align: right;
  margin-left: 0.6em;
}
.widget-Withdraw .money-errors ul li {
  position: relative;
  margin-bottom: 0.75em;
}
.widget-Withdraw .money-errors ul li p {
  padding-left: 2em;
}
.widget-Withdraw .without-errors {
  margin-bottom: 40px;
}
.widget-Withdraw .success-bid {
  display: none;
}
.widget-Withdraw .success-bid h2 {
  color: #53B324;
}
.widget-Withdraw .profit {
  padding-bottom: 10px;
}
.widget-Withdraw .profit p {
  padding-bottom: 20px;
}
.widget-Withdraw .profit input {
  width: 90px;
}
.widget-Withdraw .profit span {
  margin: 0 20px 0 5px;
}
.widget-Withdraw .disabled p,
.widget-Withdraw .disabled input,
.widget-Withdraw .disabled span,
.widget-Withdraw .disabled button {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.widget-Withdraw .pop-ups {
  display: none;
  color: #CC3629;
}
.widget-Withdraw .pop-ups a {
  color: #CC3629;
  border-bottom: 1px dashed #CC3629;
}
.widget-Withdraw table.reports {
  width: 100%;
}
.widget-Withdraw table.reports tr {
  height: 40px;
}
.widget-Withdraw table.reports tr td {
  vertical-align: middle;
}
.widget-Withdraw table.reports tr td {
  border-bottom: 1px solid #cccbc2;
  font-size: 14px;
  color: #333330;
}
.widget-Withdraw table.reports tr button {
  height: 24px;
  font-size: 12px;
}
.widget-Withdraw table.reports thead {
  border-bottom: 1px solid #cccbc2;
}
.widget-Withdraw table.reports thead td {
  font-size: 12px;
  font-style: italic;
  text-align: left;
  color: #666561;
  z-index: 50;
  background: white;
  border-bottom: none;
}
.widget-Withdraw table.reports td.period {
  width: 165px;
}
.widget-Withdraw table.reports td.datetime {
  width: 240px;
}
.widget-Withdraw table.reports td.file_report {
  width: 220px;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url("Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

/*
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjällemark.  
 * All Rights Reserved.  
 * Use, reproduction, distribution, and modification of this code is subject to the terms and 
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.no-touch .toast-message a:hover,
.toast-message a.hover
{
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: "alpha(opacity=80)";
}
.no-touch .toast-close-button:hover,
.toast-close-button.hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: "alpha(opacity=40)";
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-high-left {
  top: 20px;
  left: 20px;
}
.toast-high-right {
  top: 20px;
  right: 20px;
}
.toast-top-left {
  top: 80px;
  left: 20px;
}
.toast-top-right {
  top: 80px;
  right: 20px;
}
.toast-bottom-right {
  right: 20px;
  bottom: 20px;
}
.toast-bottom-left {
  bottom: 20px;
  left: 20px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 10px;
  padding: 15px 20px;
  max-width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
  float: right;
  clear: both;
  line-height: 1.25em;
}
.no-touch #toast-container > :hover,
#toast-container > .hover {
  cursor: pointer;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #59b247;
 -moz-box-shadow: 1px 1px 1px #4c993d;
 -webkit-box-shadow: 1px 1px 1px #4c993d;
 box-shadow: 1px 1px 1px #4c993d;
}
.toast-error {
 background-color: #cc5c52;
 -moz-box-shadow: 1px 1px 1px #99453d;
 -webkit-box-shadow: 1px 1px 1px #99453d;
 box-shadow: 1px 1px 1px #99453d;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 20px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 20px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 20px;
    width: 25em;
  }
}

/*! Hint.css - v1.3.6 - 2015-10-31
* http://kushagragour.in/lab/hint/
* Copyright (c) 2015 Kushagra Gour; Licensed MIT */

.hint--bottom:after,.hint--top:after{margin-left:-18px}.hint,[data-hint]{position:relative;display:inline-block}.hint:after,.hint:before,[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}.hint--always:after,.hint--always:before,.hint:focus:after,.hint:focus:before,.hint:hover:after,.hint:hover:before,[data-hint]:focus:after,[data-hint]:focus:before,[data-hint]:hover:after,[data-hint]:hover:before{opacity:1;visibility:visible}.hint:hover:after,.hint:hover:before,[data-hint]:hover:after,[data-hint]:hover:before{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}.hint:before,[data-hint]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top:before{border-top-color:#383838;margin-bottom:-12px}.hint--bottom:before{border-bottom-color:#383838;margin-top:-12px}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:focus:after,.hint--top:focus:before,.hint--top:hover:after,.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:focus:after,.hint--bottom:focus:before,.hint--bottom:hover:after,.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:focus:after,.hint--right:focus:before,.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193b4d}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0ms;-moz-transition-duration:0ms;transition-duration:0ms}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}
/* bottom */
.hint--bottom:before {
    transform: rotate(45deg) translate3d(-6px,2px,0) !important;
    -webkit-transform: rotate(45deg) translate3d(-6px,2px,0) !important;
    -moz-transform: rotate(45deg) translate3d(-6px,2px,0) !important;
    margin-top: -3px;
    margin-left: 5px;
}

.hint--bottom:hover:before, .hint--bottom:focus:before, .hint--bottom.hint--always:before {
    transform: rotate(45deg) translate3d(0,8px,0) !important;
    -webkit-transform: rotate(45deg) translate3d(0,8px,0) !important;
    -moz-transform: rotate(45deg) translate3d(0,8px,0) !important;
}

/* top */

.hint--top:before {
    transform: rotate(-135deg) translate3d(-6px,2px,0) !important;
    -webkit-transform: rotate(-135deg) translate3d(-6px,2px,0) !important;
    -moz-transform: rotate(-135deg) translate3d(-6px,2px,0) !important;
    margin-bottom: -3px;
    margin-left: -12px;
}

.hint--top:hover:before, .hint--top:focus:before, .hint--top.hint--always:before {
    transform: rotate(-135deg) translate3d(0px,8px,0) !important;
    -webkit-transform: rotate(-135deg) translate3d(0px,8px,0) !important;
    -moz-transform: rotate(-135deg) translate3d(0px,8px,0) !important;
}

/* left */

.hint--left:before {
    transform: rotate(135deg) translate3d(-6px,2px,0) !important;
    -webkit-transform: rotate(135deg) translate3d(-6px,2px,0) !important;
    -moz-transform: rotate(135deg) translate3d(-6px,2px,0) !important;
    margin-right: -3px;
    margin-bottom: -11px;
}

.hint--left:hover:before, .hint--left:focus:before, .hint--left.hint--always:before {
    transform: rotate(135deg) translate3d(0px,8px,0) !important;
    -webkit-transform: rotate(135deg) translate3d(0px,8px,0) !important;
    -moz-transform: rotate(135deg) translate3d(0px,8px,0) !important;
}

/* right */

.hint--right:before {
    transform: rotate(-45deg) translate3d(-6px,2px,0) !important;
    -webkit-transform: rotate(-45deg) translate3d(-6px,2px,0) !important;
    -moz-transform: rotate(-45deg) translate3d(-6px,2px,0) !important;
    margin-left: -3.5px;
    margin-bottom: 0;
}

.hint--right:hover:before, .hint--right:focus:before, .hint--right.hint--always:before  {
    transform: rotate(-45deg) translate3d(0px,8px,0) !important;
    -webkit-transform: rotate(-45deg) translate3d(0px,8px,0) !important;
    -moz-transform: rotate(-45deg) translate3d(0px,8px,0) !important;
}


.hint:after, [data-hint]:after {
    background: #fffbe5;
    color: #656565;
    text-shadow: none;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: normal;
    box-shadow: 3px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.15);
    border: 1px solid #cccac0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.hint:before, [data-hint]:before {
    background: #fffbe5;
    background: -moz-linear-gradient(-45deg, rgba(255,251,229,1) 0%, rgba(255,251,229,1) 57%, rgba(255,255,255,0) 58%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,251,229,1)), color-stop(57%,rgba(255,251,229,1)), color-stop(58%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(-45deg, rgba(255,251,229,1) 0%,rgba(255,251,229,1) 57%,rgba(255,255,255,0) 58%);
    background: -o-linear-gradient(-45deg, rgba(255,251,229,1) 0%,rgba(255,251,229,1) 57%,rgba(255,255,255,0) 58%);
    background: -ms-linear-gradient(-45deg, rgba(255,251,229,1) 0%,rgba(255,251,229,1) 57%,rgba(255,255,255,0) 58%);
    background: linear-gradient(135deg, rgba(255,251,229,1) 0%,rgba(255,251,229,1) 57%,rgba(255,255,255,0) 58%);
    border-left: 1px solid #cccac0 !important;
    border-top: 1px solid #cccac0 !important;
    border-right: none !important;
    border-bottom: none !important;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    padding: 0;
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.touch .hint:before,
.touch .hint:after,
.touch [data-hint]:before,
.touch [data-hint]:after {
    display: none !important;
}

div.popup-content:not(.hidden) + .hint:before,
div.popup-content:not(.hidden) + .hint:after,
div.popup-content:not(.hidden) + [data-hint]:before,
div.popup-content:not(.hidden) + [data-hint]:after,
.hidden.hint:before,
.hidden.hint:after,
.hidden[data-hint]:before,
.hidden[data-hint]:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}

.hint:before, .hint:after {
    display: none;
}
/**
 * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license.
 *
 * Copyright 2013 Dan Eden.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-down {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-right {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-left {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
div.hopscotch-bubble {
  background-color: #fffbe5;
  border: 1px solid #000;
  /* default */
  border: 1px solid #cccac0;
  /* transparent, if supported */
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  z-index: 999999 !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  box-shadow: 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -moz-background-clip: padding;
  /* for Mozilla browsers*/
  -webkit-background-clip: padding;
  /* Webkit */
  background-clip: padding-box;
  /*  browsers with full support */
}
div.hopscotch-bubble * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.hopscotch-bubble.animate {
  -moz-transition-property: top, left;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: top, left;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: top, left;
  -o-transition-duration: 1s;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-property: top, left;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
div.hopscotch-bubble.invisible {
  opacity: 0;
}
div.hopscotch-bubble.hide,
div.hopscotch-bubble .hide,
div.hopscotch-bubble .hide-all {
  display: none;
}
div.hopscotch-bubble h3 {
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 29px;
  margin: -1px 30px 0 0;
  padding: 0;
}
div.hopscotch-bubble .hopscotch-bubble-container {
  padding: 30px;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* to fix text flickering */
}
div.hopscotch-bubble .hopscotch-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.25em;
  font-size: 16px;
  margin: 0;
  padding-top: 8px;
  color: #666;
}
div.hopscotch-bubble .hopscotch-content p {
  padding: 7px 0;
}
div.hopscotch-bubble .hopscotch-content p:last-of-type {
  padding-bottom: 0;
}
div.hopscotch-bubble .hopscotch-bubble-content {
  margin: 0;
}
div.hopscotch-bubble.no-number .hopscotch-bubble-content {
  margin: 0;
}
div.hopscotch-bubble .hopscotch-bubble-close {
  color: #999790;
  display: block;
  padding: 9px;
  position: absolute;
  border: none;
  width: 12px;
  height: 12px;
  font-size: 22px;
  line-height: 12px;
  top: 0;
  right: 0;
  text-align: center;
  font-family: "Lucida Console", monospace;
}
div.hopscotch-bubble .hopscotch-bubble-close.hide,
div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
  display: none;
}
div.hopscotch-bubble .hopscotch-bubble-close:before {
  content: "×";
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container {
  position: absolute;
  width: 38px;
  height: 38px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
  width: 0;
  height: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -20px;
  left: 10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 19px solid #fffbe5;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  position: relative;
  top: -18px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 19px solid #000;
  border-bottom: 19px solid #cccac0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -39px;
  left: 10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 19px solid #fffbe5;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  position: relative;
  top: -20px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 19px solid #000;
  border-top: 19px solid #cccac0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-shadow {
  border-top: 18px solid rgba(0, 0, 0, 0.15);
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 4px;
  top: 4px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  top: 10px;
  left: -20px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border-bottom: 19px solid transparent;
  border-right: 19px solid #fffbe5;
  border-top: 19px solid transparent;
  position: relative;
  left: 1px;
  top: -38px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 19px solid #000;
  border-right: 19px solid #cccac0;
  border-bottom: 19px solid transparent;
  border-top: 19px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  top: 10px;
  right: -39px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-bottom: 19px solid transparent;
  border-left: 19px solid #fffbe5;
  border-top: 19px solid transparent;
  position: relative;
  left: -1px;
  top: -38px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 19px solid #000;
  border-left: 19px solid #cccac0;
  border-bottom: 19px solid transparent;
  border-top: 19px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-shadow {
  border-left: 18px solid rgba(0, 0, 0, 0.15);
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 4px;
  top: 4px;
}
div.hopscotch-bubble .hopscotch-actions {
  margin: 30px 0 0;
  text-align: right;
}
div.hopscotch-bubble .hopscotch-actions button {
  height: 36px;
  font-size: 16px;
  padding-left: 24px;
  padding-right: 24px;
}
a.hopscotch-prev {
  float: left;
  padding: 15px 0 1px;
  font-size: 15px;
  border-bottom-style: dashed;
  cursor: pointer;
}

html {
  height: 100%;
  overflow-y: scroll;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  background-color: #ffffff;
  color: #333330;
  min-width: 1160px;
  min-height: 100%;
  position: absolute;
  width: 100%;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
* {
  -webkit-font-smoothing: antialiased;
}
:focus {
  outline-color: #FFBF00;
  outline-width: 3px;
}
a {
  color: #3991d3;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-color: #b0d3ed;
  border-bottom-style: solid;
  outline: none;
}
a em {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b0d3ed;
}
a:visited {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
a:visited em {
  border-bottom-color: #b0d3ed;
}
a.img {
  border-bottom: none;
}
.no-touch a:hover,
.no-touch a:visited:hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch a:hover em,
.no-touch a:visited:hover em {
  border-bottom-color: #e56950;
}
a.clicked {
  background: inherit;
  border: 2px solid #cccbc2 !important;
  box-sizing: border-box;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.container {
  width: 1160px;
  margin: 0 auto;
  clear: both;
}
div.section {
  width: 870px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
aside {
  width: 290px;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
header .secondary aside {
  width: 385px;
}
.clear {
  clear: both;
}
.one-third {
  width: 32%;
  display: inline-block;
  padding-right: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
}
.blockquote {
  font-style: italic;
  font-size: 0.9em;
  color: #666561;
}
.meta {
  color: #999891;
}
.meta img {
  vertical-align: middle;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin: 0 7px 0 14px;
}
.meta a {
  color: #999891;
  border-bottom: none;
}
.meta a span {
  border-bottom: 1px solid #cccbc2;
}
.no-touch .meta a:hover {
  color: #666561;
}
.no-touch .meta a:hover span {
  border-bottom: 1px solid #999891;
}
.hint {
  color: #999891;
  font-size: 0.9em;
}
strong {
  font-weight: bold;
}
.checkbox {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -636px 0px;
  width: 16px;
  height: 17px;
  display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:checked,
.checkbox.checked {
  background-position: -656px 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333330;
  line-height: 1.25em;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-size: 0.7em;
  font-weight: normal;
  margin-left: 16px;
  vertical-align: top;
}
h1 span.secondary,
h2 span.secondary,
h3 span.secondary,
h4 span.secondary,
h5 span.secondary,
h6 span.secondary {
  float: right;
  color: #666561;
}
h1 span a,
h2 span a,
h3 span a,
h4 span a,
h5 span a,
h6 span a {
  border-bottom-style: dashed;
}
hr {
  margin: 40px 0 50px;
  border: none;
  height: 1px;
  background-color: #e5e5e5;
}
hr.separator {
  width: 100%;
  height: 10px;
  background: no-repeat url('/img/separator-810.png') center top;
}
.close {
  display: block;
  border-bottom: none;
  padding: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1em;
  text-align: center;
  font-family: "Lucida Console", monospace;
  color: #999891;
}
.close:before {
  content: "×";
  font-size: 1.5em;
}
.close:visited {
  color: #999891 !important;
}
.popup-content {
  z-index: 100;
  position: absolute;
  padding: 30px 20px;
  left: -10000px;
  background-color: #ffffff;
  overflow: hidden;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
}
#alert {
  position: absolute;
  top: 61px;
  margin: 0 auto;
  max-width: 740px;
  min-width: 450px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #faf6e6;
  color: #333330;
  -webkit-box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  -moz-box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  box-shadow: 0 2px 10px rgba(13, 13, 12, 0.3);
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -khtml-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  overflow: hidden;
}
#alert .alert {
  padding: 15px 10px;
  text-align: center;
}
#alert .alert img {
  margin: 0 3px -1px;
}
#alert .close {
  float: right;
  line-height: 15px;
}
.controls {
  display: none;
  float: right;
}
.controls a {
  border-bottom: none;
  margin: 0 10px 0 0;
  float: left;
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
}
.controls a.edit {
  background-position: -767px 0px;
  width: 17px;
  height: 18px;
}
.controls a.remove {
  background-position: -809px 0px;
  width: 13px;
  height: 17px;
}
.controls a.share {
  background-position: -719px 0px;
  width: 20px;
  height: 17px;
}
.controls a.edit-small {
  background-position: -1472px 0px;
  width: 14px;
  height: 13px;
}
.controls a.share-small {
  background-position: -1434px 0px;
  width: 17px;
  height: 13px;
}
.controls a:last-of-type {
  padding-right: 0px;
}
.no-touch .controls a.edit:hover {
  background-position: -788px 0px;
}
.no-touch .controls a.remove:hover {
  background-position: -826px 0px;
}
.no-touch .controls a.share:hover {
  background-position: -743px 0px;
}
.no-touch .controls a.edit-small:hover {
  background-position: -1488px 0px;
}
.no-touch .controls a.share-small:hover {
  background-position: -1453px 0px;
}
a.item {
  margin: 0;
  width: 220px;
  padding: 10px 15px;
  display: block;
  border-bottom: none;
  margin-left: -15px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
a.item em {
  border-bottom: 1px solid #b0d3ed;
}
a.item:visited em {
  border-bottom-color: #b0d3ed;
}
.no-touch a.item:hover {
  background: #faf6e6;
}
.no-touch a.item:hover em {
  border-bottom-color: #e56950;
}
.select-shelf,
.select-list {
  padding: 10px 5px 15px 10px;
  margin-top: 10px;
}
.select-shelf h3,
.select-list h3 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
  margin-left: 6px;
  margin-right: 6px;
  width: 230px;
}
.select-shelf a.item,
.select-list a.item {
  padding: 8px 6px;
  margin-left: 0px;
  border-bottom: none;
}
.select-shelf a.item em,
.select-list a.item em {
  border-bottom: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.25em;
}
.select-shelf a.item,
.select-list a.item,
.select-shelf a.item:visited,
.select-list a.item:visited {
  color: #666561;
}
.select-shelf a.item.active,
.select-list a.item.active {
  position: relative;
}
.select-shelf a.item.active em,
.select-list a.item.active em {
  margin-right: 18px;
}
.select-shelf a.item.active span,
.select-list a.item.active span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 8px;
  background-position: -876px 4px;
}
.select-shelf p,
.select-list p {
  margin: 0 6px !important;
  padding: 0 !important;
}
.select-shelf p.hint,
.select-list p.hint {
  font-size: 0.85em;
  color: #666561;
}
.select-shelf div.shelf-input,
.select-list div.shelf-input {
  margin-right: 5px;
}
.select-shelf .input,
.select-list .input {
  margin-top: 10px;
  width: 100%;
}
.select-shelf {
  margin-left: -20px;
}
.select-list {
  margin-left: 0px;
}
.no-touch .select-shelf a.item:hover,
.no-touch .select-list a.item:hover,
.no-touch .select-shelf a.item:hover:visited,
.no-touch .select-list a.item:hover:visited {
  color: #333330;
}
.modal {
  position: fixed;
  padding: 40px 30px !important;
}
.modal .close {
  float: right;
  margin-right: -15px;
  margin-top: -30px;
}
.modal p {
  padding: 0.5em 0;
}
#overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.4);
}
.image {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  border-bottom: none;
  vertical-align: middle;
  display: inline-block;
  background-position: 1000px 0px;
}
.image.social {
  width: 30px;
  height: 31px;
}
.image.social.facebook {
  background-position: -263px 0px;
}
.image.social.vkontakte {
  background-position: -297px 0px;
}
.image.social.twitter {
  background-position: -331px 0px;
}
.image.social.google {
  background-position: -365px 0px;
}
.image.tag {
  background-position: -1003px 0px;
  margin-right: 12px;
  width: 17px;
  height: 17px;
}
.image.rss {
  background-position: -1177px 0px;
  width: 16px;
  height: 16px;
}
.image.star {
  width: 17px;
  height: 16px;
  margin-right: 1px;
}
.image.star.empty {
  background-position: -1197px 0px;
}
.image.star.half {
  background-position: -1218px 0px;
}
.image.star.full {
  background-position: -1239px 0px;
}
.image.arrow {
  width: 11px;
  height: 6px;
}
.image.arrow.blue-down {
  background-position: -1259px 0px;
}
.image.arrow.blue-down-hover {
  background-position: -1271px 0px;
}
.image.arrow.blue-up {
  background-position: -1352px 0px;
}
.image.arrow.gray-down {
  background-position: -1283px 0px;
}
.image.arrow.lightgray-down {
  background-position: -1311px 0px;
}
.image.arrow.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
.image.arrow.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
.no-touch .button:hover .image.blue-down {
  background-position: -1271px 0px;
}
.no-touch .button:hover .image.blue-up {
  background-position: -1363px 0px;
}
.no-touch .button:hover .image.gray-down {
  background-position: -1297px 0px;
}
.no-touch .button:hover .image.lightgray-down {
  background-position: -1324px 0px;
}
.no-touch .button:hover .image.blue-right {
  background-position: -1345px 0px;
}
div.error {
  background-color: #f9d4d4;
  border: 1px solid #e4b8b8;
  color: #7f4041;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 10px 15px;
}
.input-error {
  position: absolute;
  background: #f23d18;
  z-index: 10;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -khtml-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  padding: 3px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 8px;
  line-height: 1em;
}
.warning {
  background-color: #fff6cc;
  border: 1px solid #e5ddb8;
  color: #666561;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 15px 20px;
}
ul.table {
  display: block;
  width: 100%;
  list-style: none;
  padding: 1px 0 0 0;
  margin: 5px;
  border-bottom: 1px solid #ddd;
}
ul.table li {
  width: 100%;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
ul.table li * {
  cursor: pointer;
}
.no-touch ul.table li:hover,
.no-touch ul.table li.selected {
  background-color: #ffffff;
}
ul.table li .item {
  padding: 15px 15px 15px 15px;
}
ul.table li .title {
  font-size: 14px;
  color: #333330;
  display: inline-block;
  width: 90%;
  line-height: 1.3;
}
ul.table li .page {
  float: right;
  font-size: 14px;
  color: #555;
}
ul.table li .date {
  font-size: 12px;
  display: block;
  color: #555;
  padding: 4px 0px 0px;
}
ul.table li.level2 {
  padding-left: 20px;
}
ul.table li.level2 .title {
  font-weight: normal;
}
ul.table.bookmarks li.bookmark {
  min-height: 56px;
}
ul.table.bookmarks li.bookmark .item {
  margin-top: -1px;
  padding: 10px 16px 12px 44px;
  background: url('/img/bookmark-tag.png') no-repeat 10px -1px;
}
ul.table.contents li.bookmark .item {
  margin-top: -1px;
  background: url('/img/bookmark-tag.png') no-repeat 96% 0px;
}
.loader {
  width: 24px;
  height: 24px;
  margin: 40px auto 20px;
  background: url('/img/spinners.gif') 0px 0px no-repeat;
}
.image-frame {
  display: block;
  position: relative;
  float: left;
}
.image-frame img {
  margin: 0 !important;
  display: block;
}
.image-frame:after {
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  top: 0;
}
.scroll-content {
  clear: both;
  margin: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.scroll-content .viewport {
  width: 98%;
  overflow: hidden;
  position: relative;
}
.scroll-content .overview {
  list-style: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.scroll-content .thumb .end,
.scroll-content .thumb {
  background-color: #cccccc;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  transition: height 1s;
  -webkit-transition: height 1s;
}
.scroll-content .scrollbar {
  position: relative;
  float: right;
  width: 8px;
}
.scroll-content .track {
  height: 100%;
  width: 8px;
  position: relative;
}
.scroll-content .thumb {
  height: 20px;
  width: 8px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.scroll-content .thumb .end {
  overflow: hidden;
  height: 8px;
  width: 8px;
}
.scroll-content .disable {
  display: none;
}
input.searching {
  padding-right: 30px;
}
input.searching::-webkit-input-speech-button {
  display: none;
}
input.searched {
  padding-right: 30px;
}
input.searched::-webkit-input-speech-button {
  display: none;
}
.input-reset {
  position: absolute;
  overflow: hidden;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 18px;
  cursor: pointer;
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -842px 0px;
}
.no-touch .input-reset:hover {
  background-position: -860px 0px;
  color: #999;
}
.hidden {
  display: none;
}
.system-message {
  border: 1px solid #b8d2e5;
  background-color: #d4eafa;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 20px 15px 20px 30px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 20px;
  color: #666561;
  line-height: 1.35em;
}
.system-message .close {
  float: right;
  margin-top: -10px;
}
.system-message .showMore {
  border-bottom-style: dashed;
}
.system-message form {
  display: inline-block;
}
.system-message p {
  padding: 10px 0;
}
.system-message ol {
  padding: 10px 0 10px 0px;
  list-style-type: decimal;
  list-style-position: inside;
}
.system-message ol li {
  line-height: 30px;
}
#upload-dropzone {
  position: fixed;
  background: rgba(255, 255, 249, 0.94);
  color: #666561;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  padding-top: 350px;
  font-size: 30px;
  text-align: center;
  z-index: 1000000;
}
#upload-dropzone * {
  pointer-events: none;
}
.confirmEmail input {
  width: 280px;
}
div.picker div.calendar {
  float: left;
  padding-right: 1em;
  padding-left: 5px;
}
div.picker div.calendar div.period_start_picker,
div.picker div.calendar div.period_finish_picker {
  width: 210px;
}
div.picker div.calendar ul {
  margin: 1em 1em 0 10px;
}
div.picker div.calendar ul li {
  line-height: 2em;
}
div.picker div.calendar ul li a {
  border-bottom-style: dashed;
}
div.picker div.Zebra_DatePicker {
  position: static;
  border: none;
  background: none;
  padding: 0;
  margin: 0.5em 0 1em;
}
div.picker div.Zebra_DatePicker .dp_daypicker td,
div.picker div.Zebra_DatePicker .dp_daypicker th,
div.picker div.Zebra_DatePicker .dp_monthpicker td,
div.picker div.Zebra_DatePicker .dp_yearpicker td {
  vertical-align: middle;
}
div.picker input.input {
  width: 100%;
}
.oldbrowser {
  background-color: #FFBA00;
  color: #333;
  padding: 12px 0;
  text-align: center;
  min-height: 40px;
  box-sizing: border-box;
  font-size: 16px;
}
.oldbrowser a {
  border-color: #3991d3;
}
.no-touch .oldbrowser a:hover,
.no-touch .oldbrowser a:hover:visited {
  border-color: #e56950;
}
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}
.no-action {
  -webkit-touch-callout: none !important;
}
.expanded {
  letter-spacing: 0.15em;
}
.subscribe-book {
  float: left;
}
html.deploy-local header .primary,
html.deploy-sandbox header .primary {
  background-image: url('/img/sandbox-header-30.png');
  background-repeat: repeat-x;
}
header {
  background-color: #333330;
}
header aside {
  float: right;
  width: 70px;
}
header .secondary {
  padding-top: 60px;
  background-color: #f2f2f2;
  min-height: 60px;
}
header .secondary div.section {
  padding: 30px 30px 24px;
  width: 772px;
}
header .secondary div.section .widget-menu-username {
  margin-top: -60px;
  height: 60px;
  vertical-align: bottom;
}
header .secondary div.section .widget-menu-username h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 870px;
  line-height: 60px;
  padding-top: 30px;
}
header .secondary aside {
  padding: 30px 0;
  text-align: right;
}
header .secondary div.top {
  clear: both;
  float: left;
  width: 100%;
}
header .secondary div.top div.widget {
  width: 100%;
  display: block;
}
header .widget {
  display: inline-block;
  vertical-align: middle;
}
header .widget-logo-header {
  padding: 9.5px 30px;
  background: url('/img/beta.png') no-repeat 130px 0px;
}
header .widget-logo-header a {
  border-bottom: none;
}
header .widget-logo-header span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 101px;
  height: 41px;
}
header .widget-menu-primary ul li {
  display: inline;
}
header .widget-menu-primary ul li a {
  border-bottom: none;
}
header .widget-menu-primary ul li > span,
header .widget-menu-primary ul li a {
  padding: 22px 20px;
}
header .widget-menu-primary ul li > span {
  color: white;
  background-color: black;
}
header .widget-menu-primary ul li > span a {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
header .widget-menu-primary ul li sup {
  font-size: 0.6em;
  font-weight: normal;
  background-color: #FFBA00;
  color: #333;
  padding: 1px 4px;
  margin-left: 2px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  vertical-align: middle;
  position: relative;
  top: -8px;
  line-height: 1em;
}
header div.secondary div.widget-Menu {
  width: 100%;
}
header div.secondary div.widget-Menu h2 {
  color: #666561;
  font-size: 2em;
  display: table-cell;
  font-weight: normal;
  vertical-align: top;
  white-space: nowrap;
  line-height: 30px;
}
header div.secondary div.widget-Menu sup a span {
  border-bottom: 1px solid #b0d3ed;
}
header div.secondary div.widget-Menu sup a:visited span {
  border-bottom-color: #b0d3ed;
}
header div.secondary div.widget-Menu nav {
  display: table-cell;
  padding-left: 35px;
  padding-top: 2px;
}
header div.secondary div.widget-Menu nav ul li {
  display: inline-block;
  margin-right: 25px;
  padding-top: 10px;
  padding-bottom: 0.4em;
}
header div.secondary div.widget-Menu nav ul li > span {
  color: #ffffff;
  background-color: #999891;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -khtml-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  padding: 5px 10px;
  margin-left: -10px;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);
}
header div.secondary div.widget-Menu nav ul li a {
  border-bottom: none;
  margin-right: 10px;
}
header div.secondary div.widget-Menu nav ul li sup {
  font-size: 0.65em;
  font-weight: normal;
  color: #999891;
  padding: 0 5px;
  vertical-align: middle;
  position: relative;
  top: -4px;
}
.no-touch header .primary a:hover,
.no-touch header .primary a:hover:visited {
  color: white;
}
.no-touch header .primary a:hover em,
.no-touch header .primary a:hover:visited em {
  border-bottom-color: #cccbc2;
}
.no-touch header .primary aside .widget-form-search a:hover,
.no-touch header .primary aside .widget-form-search a:visited:hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch header .primary aside .widget-form-search a:hover em,
.no-touch header .primary aside .widget-form-search a:visited:hover em {
  border-bottom-color: #e56950;
}
.no-touch header div.secondary div.widget-Menu sup a:hover span,
.no-touch header div.secondary div.widget-Menu sup a:visited:hover span {
  border-bottom-color: #e56950;
}
.not-extra-width {
  margin-right: 30px;
}
section.main {
  background-color: #ffffff;
  padding: 40px 0 170px;
  overflow: hidden;
}
section.main div.section {
  padding-left: 30px;
  padding-bottom: 40px;
}
section.main aside {
  padding: 0 30px;
}
section.main aside h2 {
  color: #333330;
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 16px;
}
section.main aside .widget {
  margin-bottom: 40px;
}
section.main aside .widget-Menu,
section.main aside .widget-AuthorPopular,
section.main aside .widget-Categories {
  line-height: 1.6em;
}
section.main aside .widget-Menu ul,
section.main aside .widget-AuthorPopular ul,
section.main aside .widget-Categories ul {
  margin: 10px 0px 0px 14px;
}
section.main aside .widget-Menu ul li ul,
section.main aside .widget-AuthorPopular ul li ul,
section.main aside .widget-Categories ul li ul {
  margin-bottom: 0;
  margin-top: 6px;
}
section.main aside .widget-Menu ul li span a em,
section.main aside .widget-AuthorPopular ul li span a em,
section.main aside .widget-Categories ul li span a em {
  color: #333330;
  border-bottom-color: #999891;
}
section.main aside .widget-Menu ul li.parent,
section.main aside .widget-AuthorPopular ul li.parent,
section.main aside .widget-Categories ul li.parent {
  position: relative;
}
section.main aside .widget-Menu ul li.parent > a,
section.main aside .widget-AuthorPopular ul li.parent > a,
section.main aside .widget-Categories ul li.parent > a {
  border-bottom-style: none;
}
section.main aside .widget-Menu ul li.parent > a em,
section.main aside .widget-AuthorPopular ul li.parent > a em,
section.main aside .widget-Categories ul li.parent > a em {
  border-bottom-style: dashed;
}
section.main aside .widget-Menu ul li.parent > a:before,
section.main aside .widget-AuthorPopular ul li.parent > a:before,
section.main aside .widget-Categories ul li.parent > a:before {
  position: absolute;
  left: -14px;
  top: 9px;
  content: " ";
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  border-bottom: none;
  vertical-align: middle;
  display: inline-block;
  background-position: 1000px 0px;
  width: 11px;
  height: 6px;
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.social,
section.main aside .widget-AuthorPopular ul li.parent > a:before.social,
section.main aside .widget-Categories ul li.parent > a:before.social {
  width: 30px;
  height: 31px;
}
section.main aside .widget-Menu ul li.parent > a:before.social.facebook,
section.main aside .widget-AuthorPopular ul li.parent > a:before.social.facebook,
section.main aside .widget-Categories ul li.parent > a:before.social.facebook {
  background-position: -263px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.social.vkontakte,
section.main aside .widget-AuthorPopular ul li.parent > a:before.social.vkontakte,
section.main aside .widget-Categories ul li.parent > a:before.social.vkontakte {
  background-position: -297px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.social.twitter,
section.main aside .widget-AuthorPopular ul li.parent > a:before.social.twitter,
section.main aside .widget-Categories ul li.parent > a:before.social.twitter {
  background-position: -331px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.social.google,
section.main aside .widget-AuthorPopular ul li.parent > a:before.social.google,
section.main aside .widget-Categories ul li.parent > a:before.social.google {
  background-position: -365px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.tag,
section.main aside .widget-AuthorPopular ul li.parent > a:before.tag,
section.main aside .widget-Categories ul li.parent > a:before.tag {
  background-position: -1003px 0px;
  margin-right: 12px;
  width: 17px;
  height: 17px;
}
section.main aside .widget-Menu ul li.parent > a:before.rss,
section.main aside .widget-AuthorPopular ul li.parent > a:before.rss,
section.main aside .widget-Categories ul li.parent > a:before.rss {
  background-position: -1177px 0px;
  width: 16px;
  height: 16px;
}
section.main aside .widget-Menu ul li.parent > a:before.star,
section.main aside .widget-AuthorPopular ul li.parent > a:before.star,
section.main aside .widget-Categories ul li.parent > a:before.star {
  width: 17px;
  height: 16px;
  margin-right: 1px;
}
section.main aside .widget-Menu ul li.parent > a:before.star.empty,
section.main aside .widget-AuthorPopular ul li.parent > a:before.star.empty,
section.main aside .widget-Categories ul li.parent > a:before.star.empty {
  background-position: -1197px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.star.half,
section.main aside .widget-AuthorPopular ul li.parent > a:before.star.half,
section.main aside .widget-Categories ul li.parent > a:before.star.half {
  background-position: -1218px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.star.full,
section.main aside .widget-AuthorPopular ul li.parent > a:before.star.full,
section.main aside .widget-Categories ul li.parent > a:before.star.full {
  background-position: -1239px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow,
section.main aside .widget-Categories ul li.parent > a:before.arrow {
  width: 11px;
  height: 6px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.blue-down,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.blue-down,
section.main aside .widget-Categories ul li.parent > a:before.arrow.blue-down {
  background-position: -1259px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.blue-down-hover,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.blue-down-hover,
section.main aside .widget-Categories ul li.parent > a:before.arrow.blue-down-hover {
  background-position: -1271px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.blue-up,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.blue-up,
section.main aside .widget-Categories ul li.parent > a:before.arrow.blue-up {
  background-position: -1352px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.gray-down,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.gray-down,
section.main aside .widget-Categories ul li.parent > a:before.arrow.gray-down {
  background-position: -1283px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.lightgray-down,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.lightgray-down,
section.main aside .widget-Categories ul li.parent > a:before.arrow.lightgray-down {
  background-position: -1311px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.blue-right,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.blue-right,
section.main aside .widget-Categories ul li.parent > a:before.arrow.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.arrow.blue-right-hover,
section.main aside .widget-AuthorPopular ul li.parent > a:before.arrow.blue-right-hover,
section.main aside .widget-Categories ul li.parent > a:before.arrow.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.blue-down,
section.main aside .widget-AuthorPopular ul li.parent > a:before.blue-down,
section.main aside .widget-Categories ul li.parent > a:before.blue-down {
  background-position: -1259px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.blue-down-hover,
section.main aside .widget-AuthorPopular ul li.parent > a:before.blue-down-hover,
section.main aside .widget-Categories ul li.parent > a:before.blue-down-hover {
  background-position: -1271px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.blue-up,
section.main aside .widget-AuthorPopular ul li.parent > a:before.blue-up,
section.main aside .widget-Categories ul li.parent > a:before.blue-up {
  background-position: -1352px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.gray-down,
section.main aside .widget-AuthorPopular ul li.parent > a:before.gray-down,
section.main aside .widget-Categories ul li.parent > a:before.gray-down {
  background-position: -1283px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.lightgray-down,
section.main aside .widget-AuthorPopular ul li.parent > a:before.lightgray-down,
section.main aside .widget-Categories ul li.parent > a:before.lightgray-down {
  background-position: -1311px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.blue-right,
section.main aside .widget-AuthorPopular ul li.parent > a:before.blue-right,
section.main aside .widget-Categories ul li.parent > a:before.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
section.main aside .widget-Menu ul li.parent > a:before.blue-right-hover,
section.main aside .widget-AuthorPopular ul li.parent > a:before.blue-right-hover,
section.main aside .widget-Categories ul li.parent > a:before.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
section.main aside .widget-Menu ul li.parent > a:visited,
section.main aside .widget-AuthorPopular ul li.parent > a:visited,
section.main aside .widget-Categories ul li.parent > a:visited {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
section.main aside .widget-Menu ul li.parent > a:visited em,
section.main aside .widget-AuthorPopular ul li.parent > a:visited em,
section.main aside .widget-Categories ul li.parent > a:visited em {
  color: #3991d3;
  border-bottom-color: #b0d3ed;
}
section.main aside .widget-Menu ul li.parent.opened > a:before,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before,
section.main aside .widget-Categories ul li.parent.opened > a:before {
  left: -17px;
  top: 12px;
  content: " ";
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  border-bottom: none;
  vertical-align: middle;
  display: inline-block;
  background-position: 1000px 0px;
  width: 11px;
  height: 6px;
  background-position: -1259px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.social,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.social,
section.main aside .widget-Categories ul li.parent.opened > a:before.social {
  width: 30px;
  height: 31px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.social.facebook,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.social.facebook,
section.main aside .widget-Categories ul li.parent.opened > a:before.social.facebook {
  background-position: -263px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.social.vkontakte,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.social.vkontakte,
section.main aside .widget-Categories ul li.parent.opened > a:before.social.vkontakte {
  background-position: -297px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.social.twitter,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.social.twitter,
section.main aside .widget-Categories ul li.parent.opened > a:before.social.twitter {
  background-position: -331px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.social.google,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.social.google,
section.main aside .widget-Categories ul li.parent.opened > a:before.social.google {
  background-position: -365px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.tag,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.tag,
section.main aside .widget-Categories ul li.parent.opened > a:before.tag {
  background-position: -1003px 0px;
  margin-right: 12px;
  width: 17px;
  height: 17px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.rss,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.rss,
section.main aside .widget-Categories ul li.parent.opened > a:before.rss {
  background-position: -1177px 0px;
  width: 16px;
  height: 16px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.star,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.star,
section.main aside .widget-Categories ul li.parent.opened > a:before.star {
  width: 17px;
  height: 16px;
  margin-right: 1px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.star.empty,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.star.empty,
section.main aside .widget-Categories ul li.parent.opened > a:before.star.empty {
  background-position: -1197px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.star.half,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.star.half,
section.main aside .widget-Categories ul li.parent.opened > a:before.star.half {
  background-position: -1218px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.star.full,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.star.full,
section.main aside .widget-Categories ul li.parent.opened > a:before.star.full {
  background-position: -1239px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow {
  width: 11px;
  height: 6px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.blue-down,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.blue-down,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.blue-down {
  background-position: -1259px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.blue-down-hover,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.blue-down-hover,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.blue-down-hover {
  background-position: -1271px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.blue-up,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.blue-up,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.blue-up {
  background-position: -1352px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.gray-down,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.gray-down,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.gray-down {
  background-position: -1283px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.lightgray-down,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.lightgray-down,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.lightgray-down {
  background-position: -1311px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.blue-right,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.blue-right,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.arrow.blue-right-hover,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.arrow.blue-right-hover,
section.main aside .widget-Categories ul li.parent.opened > a:before.arrow.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.blue-down,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.blue-down,
section.main aside .widget-Categories ul li.parent.opened > a:before.blue-down {
  background-position: -1259px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.blue-down-hover,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.blue-down-hover,
section.main aside .widget-Categories ul li.parent.opened > a:before.blue-down-hover {
  background-position: -1271px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.blue-up,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.blue-up,
section.main aside .widget-Categories ul li.parent.opened > a:before.blue-up {
  background-position: -1352px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.gray-down,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.gray-down,
section.main aside .widget-Categories ul li.parent.opened > a:before.gray-down {
  background-position: -1283px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.lightgray-down,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.lightgray-down,
section.main aside .widget-Categories ul li.parent.opened > a:before.lightgray-down {
  background-position: -1311px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.blue-right,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.blue-right,
section.main aside .widget-Categories ul li.parent.opened > a:before.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
section.main aside .widget-Menu ul li.parent.opened > a:before.blue-right-hover,
section.main aside .widget-AuthorPopular ul li.parent.opened > a:before.blue-right-hover,
section.main aside .widget-Categories ul li.parent.opened > a:before.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
section.main aside .widget-Menu ul li.parent ul,
section.main aside .widget-AuthorPopular ul li.parent ul,
section.main aside .widget-Categories ul li.parent ul {
  display: none;
}
section.main aside .widget-Menu ul li.parent.opened ul,
section.main aside .widget-AuthorPopular ul li.parent.opened ul,
section.main aside .widget-Categories ul li.parent.opened ul {
  display: block;
}
section.main aside .widget-Menu ul li.separate,
section.main aside .widget-AuthorPopular ul li.separate,
section.main aside .widget-Categories ul li.separate {
  margin-top: 10px;
}
section.main aside .widget-Menu span,
section.main aside .widget-AuthorPopular span,
section.main aside .widget-Categories span {
  position: relative;
  background-color: #fae696;
}
section.main aside .widget-Menu li > span,
section.main aside .widget-AuthorPopular li > span,
section.main aside .widget-Categories li > span {
  left: -0.5em;
  padding: 0.2em 0;
}
section.main aside .widget-Menu li > span > span,
section.main aside .widget-AuthorPopular li > span > span,
section.main aside .widget-Categories li > span > span {
  left: 1em;
  padding: 0.2em 0;
}
section.main aside .widget-Menu li > span > span > span,
section.main aside .widget-AuthorPopular li > span > span > span,
section.main aside .widget-Categories li > span > span > span {
  left: -0.5em;
}
.widget-user-menu ul,
.widget-right-holder-menu ul {
  margin-left: 0 !important;
}
.widget-user-menu ul li,
.widget-right-holder-menu ul li {
  padding: 0;
  margin: 10px 0;
}
.no-touch section.main aside .widget-Menu ul li span a:hover em,
.no-touch section.main aside .widget-AuthorPopular ul li span a:hover em,
.no-touch section.main aside .widget-Categories ul li span a:hover em {
  color: #0d0d0c;
  border-bottom-color: #666561;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  border-bottom: none;
  vertical-align: middle;
  display: inline-block;
  background-position: 1000px 0px;
  width: 11px;
  height: 6px;
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.social,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.social,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.social {
  width: 30px;
  height: 31px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.social.facebook,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.social.facebook,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.social.facebook {
  background-position: -263px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.social.vkontakte,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.social.vkontakte,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.social.vkontakte {
  background-position: -297px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.social.twitter,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.social.twitter,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.social.twitter {
  background-position: -331px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.social.google,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.social.google,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.social.google {
  background-position: -365px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.tag,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.tag,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.tag {
  background-position: -1003px 0px;
  margin-right: 12px;
  width: 17px;
  height: 17px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.rss,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.rss,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.rss {
  background-position: -1177px 0px;
  width: 16px;
  height: 16px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.star,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.star,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.star {
  width: 17px;
  height: 16px;
  margin-right: 1px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.star.empty,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.star.empty,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.star.empty {
  background-position: -1197px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.star.half,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.star.half,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.star.half {
  background-position: -1218px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.star.full,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.star.full,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.star.full {
  background-position: -1239px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow {
  width: 11px;
  height: 6px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.blue-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.blue-down,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.blue-down {
  background-position: -1259px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.blue-down-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.blue-down-hover,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.blue-down-hover {
  background-position: -1271px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.blue-up,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.blue-up,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.blue-up {
  background-position: -1352px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.gray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.gray-down,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.gray-down {
  background-position: -1283px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.lightgray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.lightgray-down,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.lightgray-down {
  background-position: -1311px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.blue-right,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.blue-right,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.arrow.blue-right-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.arrow.blue-right-hover,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.arrow.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.blue-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.blue-down,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.blue-down {
  background-position: -1259px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.blue-down-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.blue-down-hover,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.blue-down-hover {
  background-position: -1271px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.blue-up,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.blue-up,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.blue-up {
  background-position: -1352px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.gray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.gray-down,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.gray-down {
  background-position: -1283px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.lightgray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.lightgray-down,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.lightgray-down {
  background-position: -1311px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.blue-right,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.blue-right,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:hover:before.blue-right-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:hover:before.blue-right-hover,
.no-touch section.main aside .widget-Categories ul li.parent > a:hover:before.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:visited:hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:visited:hover,
.no-touch section.main aside .widget-Categories ul li.parent > a:visited:hover {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch section.main aside .widget-Menu ul li.parent > a:visited:hover em,
.no-touch section.main aside .widget-AuthorPopular ul li.parent > a:visited:hover em,
.no-touch section.main aside .widget-Categories ul li.parent > a:visited:hover em {
  color: #e56950;
  border-bottom-color: #e56950;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  border-bottom: none;
  vertical-align: middle;
  display: inline-block;
  background-position: 1000px 0px;
  width: 11px;
  height: 6px;
  background-position: -1271px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.social,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.social,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.social {
  width: 30px;
  height: 31px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.social.facebook,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.social.facebook,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.social.facebook {
  background-position: -263px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.social.vkontakte,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.social.vkontakte,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.social.vkontakte {
  background-position: -297px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.social.twitter,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.social.twitter,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.social.twitter {
  background-position: -331px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.social.google,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.social.google,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.social.google {
  background-position: -365px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.tag,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.tag,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.tag {
  background-position: -1003px 0px;
  margin-right: 12px;
  width: 17px;
  height: 17px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.rss,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.rss,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.rss {
  background-position: -1177px 0px;
  width: 16px;
  height: 16px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.star,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.star,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.star {
  width: 17px;
  height: 16px;
  margin-right: 1px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.star.empty,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.star.empty,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.star.empty {
  background-position: -1197px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.star.half,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.star.half,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.star.half {
  background-position: -1218px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.star.full,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.star.full,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.star.full {
  background-position: -1239px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow {
  width: 11px;
  height: 6px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.blue-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.blue-down,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.blue-down {
  background-position: -1259px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.blue-down-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.blue-down-hover,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.blue-down-hover {
  background-position: -1271px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.blue-up,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.blue-up,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.blue-up {
  background-position: -1352px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.gray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.gray-down,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.gray-down {
  background-position: -1283px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.lightgray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.lightgray-down,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.lightgray-down {
  background-position: -1311px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.blue-right,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.blue-right,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.arrow.blue-right-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.arrow.blue-right-hover,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.arrow.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.blue-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.blue-down,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.blue-down {
  background-position: -1259px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.blue-down-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.blue-down-hover,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.blue-down-hover {
  background-position: -1271px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.blue-up,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.blue-up,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.blue-up {
  background-position: -1352px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.gray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.gray-down,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.gray-down {
  background-position: -1283px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.lightgray-down,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.lightgray-down,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.lightgray-down {
  background-position: -1311px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.blue-right,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.blue-right,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.blue-right {
  width: 6px;
  height: 8px;
  background-position: -1337px 0px;
}
.no-touch section.main aside .widget-Menu ul li.parent.opened > a:hover:before.blue-right-hover,
.no-touch section.main aside .widget-AuthorPopular ul li.parent.opened > a:hover:before.blue-right-hover,
.no-touch section.main aside .widget-Categories ul li.parent.opened > a:hover:before.blue-right-hover {
  width: 6px;
  height: 8px;
  background-position: -1345px 0px;
}
footer {
  background: #f2f2f2;
  font-size: 0.85em;
  line-height: 1.9em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #eaeaea;
  bottom: 0;
  width: 100%;
}
footer .widget {
  display: inline-block;
  vertical-align: top;
}
footer div.section {
  padding: 20px 30px 50px;
  width: 960px;
}
footer aside {
  padding: 20px 30px;
  text-align: right;
  width: 200px;
}
footer .widget-logo-footer {
  padding: 0;
  width: 62px;
  padding-top: 10px;
}
footer .widget-logo-footer a {
  border-bottom: none;
}
footer .widget-logo-footer a span {
  display: block;
  background-image: url('/img/sprite.png');
  background-repeat: no-repeat;
  background-position: -103px 0px;
  width: 35px;
  height: 35px;
}
footer .widget-menu-footer ul li {
  vertical-align: top;
  display: inline-block;
  margin-right: 30px;
  width: 160px;
}
footer .widget-menu-footer ul li:last-of-type {
  margin-right: 0px;
}
footer .widget-menu-footer ul li ul li {
  display: block;
}
footer .widget-user-modals div {
  z-index: 160;
}
.no-touch footer .widget-logo-footer a:hover span {
  background-position: -140px 0px;
}
.wtext {
  line-height: 1.4em;
}
.wtext h1,
.wtext h2,
.wtext h3,
.wtext h4,
.wtext h5,
.wtext h6 {
  line-height: 1.2em;
  font-weight: bold;
}
.wtext h1 {
  font-size: 1.8em;
  margin: 1.8em 0 0.9em;
  color: #111;
}
.wtext h1:first-of-type {
  margin-top: 0;
}
.wtext h2 {
  font-size: 1.4em;
  margin: 1.8em 0 0.9em;
  color: #111;
}
.wtext h2:first-of-type {
  margin-top: 0;
}
.wtext h3 {
  font-size: 1.2em;
  margin: 1.8em 0 0.9em;
  color: #111;
}
.wtext h3:first-of-type {
  margin-top: 0;
}
.wtext h4 {
  font-size: 1em;
  margin: 1.8em 0 0.9em;
  color: #111;
}
.wtext h5 {
  font-size: 0.85em;
  font-weight: normal;
  color: #808078;
}
.wtext h6 {
  font-size: 0.7em;
  font-weight: normal;
  color: #808078;
}
.wtext p {
  margin: 0 0 1em;
}
.wtext ul,
.wtext ol {
  margin: 0 0 1em;
  list-style: none;
}
.wtext li {
  display: block;
  position: relative;
  margin-bottom: 0.75em;
  padding-left: 2em;
}
.wtext ol {
  counter-reset: itemFirst;
}
.wtext ul li:before {
  content: '\2014\a0';
  position: absolute;
  left: 0;
  top: -1px;
  text-align: right;
  margin-left: 0.6em;
}
.wtext ol li:before {
  position: absolute;
  content: counter(itemFirst) ".";
  counter-increment: itemFirst;
  text-align: right;
  width: 2em;
  margin-left: -2em;
  padding-right: 0.5em;
  box-sizing: border-box;
}
.wtext blockquote {
  border: 2px dashed #BBB;
  padding: 1em 1em 0 1em;
  border-radius: 8px;
  margin: 1.5em 0;
  background-color: #f5f3eb;
}
.wtext small {
  font-size: 0.85em;
}
.wtext pre {
  margin-bottom: 1em;
}
.wtext iframe {
  margin-bottom: 1em;
}
.wtext em,
.wtext i {
  font-style: italic;
}
.wtext strong,
.wtext b {
  font-weight: bold;
}
header {
  border-bottom: none;
}
header div.secondary {
  display: none;
}
div.main_top div.container {
  padding-top: 64px;
  width: 100%;
}
section.main div.section {
  width: 1160px;
  padding-left: 0;
}
section.main aside {
  display: none;
}