/* =buttons
-------------------------------------------------------------- */
.no-cssgradients a.blue-button,
.no-cssgradients a.blue-button:visited,
.no-cssgradients a.green-button,
.no-cssgradients a.green-button:visited {
  background: url("../images/base/gradients-hor-css.png?v=20111102") 0 0 repeat-x;
  white-space: nowrap;
}

/* =Blue button
-------------------------------------------------------------- */
a.blue-button {
  border: solid 1px #8bc6d8;
  border-bottom-color: #61acc9;
  margin-left: 15px;
  /* border-radius */
  -moz-border-radius: 5px 5px 5px 5px;
  /* mozilla */
  -webkit-border-radius: 5px 5px 5px 5px;
  /* webkit */
  -khtml-border-radius: 5px 5px 5px 5px;
  /* Konqueror browsers */
  border-radius: 5px 5px 5px 5px;
  /* future CSS3 browsers */
  /* background with gradient */
  background: -webkit-gradient(linear, left top, left bottom, from(#a9e1fa), to(#71cef0));
  /* old webkit */
  background: -webkit-linear-gradient(#a9e1fa, #71cef0);
  /* new webkit */
  background: -moz-linear-gradient(#a9e1fa, #71cef0);
  /* mozilla */
  background: -ms-linear-gradient(#a9e1fa, #71cef0);
  /* IE10 preview */
  background: -o-linear-gradient(#a9e1fa, #71cef0);
  /* opera 11.10+ */
  background: linear-gradient(#a9e1fa, #71cef0);
  /* future CSS3 browsers */
  /* box-shadow */
  -moz-box-shadow: 0 1px 0 0 #E9F9FE inset;
  -webkit-box-shadow: 0 1px 0 0 #E9F9FE inset;
  box-shadow: 0 1px 0 0 #E9F9FE inset;
  /* text-shadow */
  -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  /* Supported by all */
  color: #253a45;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  outline: none;
}

a.blue-button:hover {
  /* background with gradient */
  background: -webkit-gradient(linear, left top, left bottom, from(#71cef0), to(#a9e1fa));
  /* old webkit */
  background: -webkit-linear-gradient(#71cef0, #a9e1fa);
  /* new webkit */
  background: -moz-linear-gradient(#71cef0, #a9e1fa);
  /* mozilla */
  background: -ms-linear-gradient(#71cef0, #a9e1fa);
  /* IE10 preview */
  background: -o-linear-gradient(#71cef0, #a9e1fa);
  /* opera 11.10+ */
  background: linear-gradient(#71cef0, #a9e1fa);
  /* future CSS3 browsers */
}

.no-cssgradients a.blue-button {
  background-color: #71cef0;
  background-position: 0 0;
}

.no-cssgradients a.blue-button:hover {
  background-color: #71cef0;
  background-position: 0 -55px;
}

/* =Green button
-------------------------------------------------------------- */
a.green-button,
a.green-button:visited {
  background: #a3ca5b;
  border: 1px solid #aec46f;
  border-bottom-color: #86ac49;
  /* border-radius */
  -moz-border-radius: 5px 5px 5px 5px;
  /* mozilla */
  -webkit-border-radius: 5px 5px 5px 5px;
  /* webkit */
  -khtml-border-radius: 5px 5px 5px 5px;
  /* Konqueror browsers */
  border-radius: 5px 5px 5px 5px;
  /* future CSS3 browsers */
  /* background with gradient */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c7df84), to(#a3ca5b));
  /* old webkit */
  background-image: -webkit-linear-gradient(#c7df84, #a3ca5b);
  /* new webkit */
  background-image: -moz-linear-gradient(#c7df84, #a3ca5b);
  /* mozilla */
  background-image: -ms-linear-gradient(#c7df84, #a3ca5b);
  /* IE10 preview */
  background-image: -o-linear-gradient(#c7df84, #a3ca5b);
  /* opera 11.10+ */
  background-image: linear-gradient(#c7df84, #a3ca5b);
  /* future CSS3 browsers */
  /* box-shadow */
  -moz-box-shadow: 0 1px 0 0 #d5eba3 inset;
  -webkit-box-shadow: 0 1px 0 0 #d5eba3 inset;
  box-shadow: 0 1px 0 0 #d5eba3 inset;
  /* text-shadow */
  -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  /* Supported by all */
  color: #1f3506;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: none;
  outline: none;
}

a.green-button:hover {
  /* background with gradient */
  background: -webkit-gradient(linear, left top, left bottom, from(#a3ca5b), to(#c7df84));
  /* old webkit */
  background: -webkit-linear-gradient(#a3ca5b, #c7df84);
  /* new webkit */
  background: -moz-linear-gradient(#a3ca5b, #c7df84);
  /* mozilla */
  background: -ms-linear-gradient(#a3ca5b, #c7df84);
  /* IE10 preview */
  background: -o-linear-gradient(#a3ca5b, #c7df84);
  /* opera 11.10+ */
  background: linear-gradient(#a3ca5b, #c7df84);
  /* future CSS3 browsers */
}

.no-cssgradients a.green-button,
.no-cssgradients a.green-button:visited {
  background-color: #a3ca5b;
  background-position: 0 -224px;
}

.no-cssgradients a.green-button:hover {
  background-color: #c7df84;
  background-position: 0 -281px;
}

#hpbar {
  background: #fff8ce;
  position: relative;
  color: #253a45;
  /* @codingStandardsIgnoreStart */
  font-size: 14px;
  /* @codingStandardsIgnoreEnd */
  font-size: 1.4rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  box-shadow: 0 2px 0 rgba(216, 216, 216, 0.3);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}

#hpbar .bodyContainer {
  padding: 14px 0;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  width: 980px;
  clear: both;
  text-align: left;
}

#hpbar #sure.blue-button {
  padding: 6px;
}

#hpbar a#no_thanks {
  /* @codingStandardsIgnoreStart */
  font-size: 11px;
  /* @codingStandardsIgnoreEnd */
  font-size: 1.1rem;
  font-weight: normal;
  color: #1199cc;
}

#hpbar .spliter {
  margin: 0 10px;
}

#hpbar .close-button {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 10px;
  right: 0;
  text-align: center;
  line-height: 18px;
}