@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  /*line-height: 1;-*/
  line-height: 1.5;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

html {
  line-height: 1.3;
  word-wrap: break-word;
}
html a {
  text-decoration: none;
}

body {
  font-size: 20px;
  font-size: 1.25rem;
}

.font_small {
  font-size: 14px;
  font-size: 0.875rem;
}

li {
  list-style: none;
}

p {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 30px;
  font-size: 1.875rem;
}

.wrap {
  margin: 0 auto 0 auto;
  width: 960px;
}
@media (min-width: 568px) and (max-width: 767px) {
  .wrap {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 567px) {
  .wrap {
    width: 90%;
    margin: 0 auto;
  }
}

.wrap_2 {
  margin: 0 auto 0 auto;
  width: 1080px;
}
@media (min-width: 568px) and (max-width: 767px) {
  .wrap_2 {
    width: 90%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .wrap_2 {
    width: 100%;
  }
}
@media (max-width: 567px) {
  .wrap_2 {
    width: 90%;
    margin: 0 auto;
  }
}

.pt500 {
  padding-top: 200px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pt500 {
    padding-top: 500px;
  }
}
@media (max-width: 567px) {
  .pt500 {
    padding-top: 0;
  }
}

img {
  max-width: 100%;
}

.font_bold {
  font-weight: bold;
}

.flL {
  float: left;
}

.flR {
  float: right;
}

@media (max-width: 567px) {
  .sp_none {
    display: none;
  }
}

@media (min-width: 568px) {
  .sp_only {
    display: none;
  }
}

@media (max-width: 567px) {
  .sp_only_mb48 {
    margin-bottom: 48px;
  }
}

.aL {
  text-align: left;
}

.aR {
  text-align: right;
}

.ac {
  text-align: center;
}

.color_black {
  background: black;
}

.color_purple {
  background: darkmagenta;
}

.font_color_white {
  color: white;
}

.backnumber {
  display: -webkit-flex;
  display: flex;
  width: 46%;
  border: 1px solid #c0c0c0;
  font-size: 80%;
  margin: 0.5%;
}
@media (max-width: 567px) {
  .backnumber {
    width: 93%;
  }
}

.page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
@media (max-width: 567px) {
  .page-top {
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
  }
}

.page-top a {
  background: #000;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
@media (max-width: 567px) {
  .page-top a {
    width: 100%;
    padding: 16px 0;
  }
}

.page-top a:hover {
  text-decoration: none;
  background: #1a1a1a;
}

ul li {
  list-style: inside;
}

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-t {
  vertical-align: top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

/* border-none */
.u-br-0 {
  border: none;
}

.u-br-t-0 {
  border-top: none;
}

.u-br-r-0 {
  border-right: none;
}

.u-br-b-0 {
  border-bottom: none;
}

.u-br-l-0 {
  border-left: none;
}

/* clearfix - utility
--------------------------------------------------------- */
.u-cf, .wrap, .wrap_2 {
  *zoom: 1;
}
.u-cf:after, .wrap:after, .wrap_2:after {
  display: table;
  clear: both;
  content: '';
}

/* display - utility
--------------------------------------------------------- */
.u-d-tb {
  display: table !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-b {
  display: block !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-n {
  display: none !important;
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l {
  float: left !important;
}

.u-fl-r {
  float: right !important;
}

/* line-clamp - utility
--------------------------------------------------------- */
/* margin - utility
--------------------------------------------------------- */
/* auto margin */
.u-m-c {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Top margin */
.u-mt-0 {
  margin-top: 0 !important;
}

/* misc - utility
--------------------------------------------------------- */
.u-ws-nowrap {
  white-space: nowrap;
}

.u-mx-img {
  max-width: 100%;
}

.u-tx-inside {
  margin-left: 1em;
  text-indent: -1em;
}

/* position - utility
--------------------------------------------------------- */
.u-pos-a {
  position: absolute !important;
}

.u-pos-r {
  position: relative !important;
}

/* text-align - utility
--------------------------------------------------------- */
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

/* text-decoration - utility
--------------------------------------------------------- */
.u-fw-n {
  font-weight: normal !important;
}

.u-fw-b {
  font-weight: bold !important;
}

.u-td-u {
  text-decoration: underline !important;
}

/* text-truncate - utility
--------------------------------------------------------- */
.u-tt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  /* for IE 8/9 */
}

/* width - utility
--------------------------------------------------------- */
.u-w-auto {
  width: auto !important;
}

.u-maw-full {
  max-width: 100% !important;
}

.u-maw-half {
  max-width: 50% !important;
}

/**
 * Gridpak Beta SCSS 
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.col {
  border: 0px solid transparent;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

/* 1. 12 Column Grid 0px - Infinity 
----------------------------------------------------------------------------- 

Span 1:    7.41666666667%
Span 2:    15.8333333333%
Span 3:    24.25%
Span 4:    32.6666666667%
Span 5:    41.0833333333%
Span 6:    49.5%
Span 7:    57.9166666667%
Span 8:    66.3333333333%
Span 9:    74.75%
Span 10:    83.1666666667%
Span 11:    91.5833333333%
Span 12:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) {
  .col {
    margin-left: 1%;
    padding: 0 0%;
  }

  /* --- Gridpak variables ---*/
  .row .col:first-child {
    margin-left: 0;
  }

  /*
  Add your semantic classnames in alongside their corresponding spans here. e.g.
  
  .span_3,
  .my_semantic_class_name {
      ...
  }
  
  */
  .span_1 {
    width: 7.41667%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }

  .span_2 {
    width: 15.83333%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }

  .span_3 {
    width: 24.25%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }

  .span_4 {
    width: 32.66667%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }
  .span_5 {
    width: 41.08333%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }
  .span_6 {
    width: 49.5%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }
  .span_7 {
    width: 57.91667%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }
  .span_8 {
    width: 66.33333%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }
  .span_9 {
    width: 74.75%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }

  .span_10 {
    width: 83.16667%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }

  .span_11 {
    width: 91.58333%;
    border-left-width: 0;
    padding: 0 0%;
    margin-left: 1%;
  }

  .span_12 {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 567px) {
  .span_4 {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 567px) {
  .span_5 {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 567px) {
  .span_6 {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 567px) {
  .span_7 {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 567px) {
  .span_8 {
    margin-left: 0;
    width: 100%;
  }
}

@-webkit-keyframes glowing {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@-moz-keyframes glowing {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@-o-keyframes glowing {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@keyframes glowing {
  from {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  50% {
    -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }

  to {
    -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  }
}
.button {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #eeeeee;
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #d4d4d4;
  height: 32px;
  line-height: 30px;
  padding: 0px 25.6px;
  font-weight: bold;
  font-size: 14px;
  font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #666666;
  text-shadow: 0 1px 1px white;
  margin: 0;
  text-decoration: none;
  text-align: center;
}
.button:hover, .button:focus, .button:active, .button.is-active, .button.active {
  text-decoration: none;
}
.button:hover, .button:focus {
  color: #666666;
  background-color: #eeeeee;
  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -o-linear-gradient(top, #ffffff, #dcdcdc);
  background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background: linear-gradient(to bottom, #ffffff, #dcdcdc);
}
.button:active, .button.is-active, .button.active {
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  background: #eeeeee;
  color: #bbbbbb;
}
.button:focus {
  outline: none;
}

input.button, button.button {
  height: 34px;
  cursor: pointer;
  -webkit-appearance: none;
}

.button-block {
  display: block;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  background: #EEE;
  border: 1px solid #DDD;
  text-shadow: 0 1px 1px white;
  color: #CCC;
  cursor: default;
  -webkit-appearance: none;
}

.button-wrap {
  background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  background: linear-gradient(to bottom, #e3e3e3, #f2f2f2);
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  padding: 10px;
  display: inline-block;
}

.button-flat {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #eeeeee;
  border: none;
  text-shadow: none;
}
.button-flat:hover, .button-flat:focus {
  background: #fbfbfb;
}
.button-flat:active, .button-flat.is-active, .button-flat.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #eeeeee;
  color: #bbbbbb;
}
.button-flat.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #666666;
  border: 2px solid #666666;
  background: none;
  text-shadow: none;
}
.button-border:hover, .button-border:focus {
  background: none;
  color: gray;
  border: 2px solid gray;
}
.button-border:active, .button-border.is-active, .button-border.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #4d4d4d;
  border: 2px solid #4d4d4d;
}
.button-border.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-3d {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -o-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9);
  background: linear-gradient(to bottom, #f3f3f3, #e9e9e9);
  background-color: #eeeeee;
  color: #666666;
  border: 1px solid #e1e1e1;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d:hover, .button-3d:focus {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background: -o-linear-gradient(top, #ffffff, #ebebeb);
  background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background: linear-gradient(to bottom, #ffffff, #ebebeb);
  background-color: white;
  color: #666666;
}
.button-3d:active, .button-3d.is-active, .button-3d.active {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: -o-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3);
  background: linear-gradient(to bottom, #e9e9e9, #f3f3f3);
  background-color: #eeeeee;
  color: #bbbbbb;
  border: 1px solid #e1e1e1;
  top: 5px;
}
.button-3d.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-rounded {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.button-pill {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.button-circle {
  -moz-border-radius: 240px;
  -webkit-border-radius: 240px;
  border-radius: 240px;
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  width: 120px;
  line-height: 120px;
  height: 120px;
  padding: 0px;
  border-width: 4px;
  font-size: 16px;
}

.button-primary {
  background: -moz-linear-gradient(top, #00b5e5, #008db2);
  background: -o-linear-gradient(top, #00b5e5, #008db2);
  background: -webkit-linear-gradient(top, #00b5e5, #008db2);
  background: linear-gradient(to bottom, #00b5e5, #008db2);
  background-color: #00a1cb;
  border-color: #007998;
  color: white;
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}
.button-primary:hover, .button-primary:focus {
  background-color: #00a1cb;
  color: white;
  background: -moz-linear-gradient(top, #00c9fe, #008db2);
  background: -o-linear-gradient(top, #00c9fe, #008db2);
  background: -webkit-linear-gradient(top, #00c9fe, #008db2);
  background: linear-gradient(to bottom, #00c9fe, #008db2);
}
.button-primary:active, .button-primary.is-active, .button-primary.active {
  background: #1495b7;
  color: #005065;
}

.button-3d-primary {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #00a9d5, #0099c1);
  background: -o-linear-gradient(top, #00a9d5, #0099c1);
  background: -webkit-linear-gradient(top, #00a9d5, #0099c1);
  background: linear-gradient(to bottom, #00a9d5, #0099c1);
  background-color: #00a1cb;
  color: white;
  border: 1px solid #007998;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-primary:hover, .button-3d-primary:focus {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #00c1f4, #009dc6);
  background: -o-linear-gradient(top, #00c1f4, #009dc6);
  background: -webkit-linear-gradient(top, #00c1f4, #009dc6);
  background: linear-gradient(to bottom, #00c1f4, #009dc6);
  background-color: #00c9fe;
  color: white;
}
.button-3d-primary:active, .button-3d-primary.is-active, .button-3d-primary.active {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #0099c1, #00a9d5);
  background: -o-linear-gradient(top, #0099c1, #00a9d5);
  background: -webkit-linear-gradient(top, #0099c1, #00a9d5);
  background: linear-gradient(to bottom, #0099c1, #00a9d5);
  background-color: #1495b7;
  color: #005065;
  border: 1px solid #008db2;
  top: 5px;
}
.button-3d-primary.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-primary {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #00a1cb;
  border: 2px solid #00a1cb;
  background: none;
  text-shadow: none;
}
.button-border-primary:hover, .button-border-primary:focus {
  background: none;
  color: #00c9fe;
  border: 2px solid #00c9fe;
}
.button-border-primary:active, .button-border-primary.is-active, .button-border-primary.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #007998;
  border: 2px solid #007998;
}
.button-border-primary.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-primary {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #00a1cb;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-primary:hover, .button-flat-primary:focus {
  color: white;
  background: #00b5e5;
}
.button-flat-primary:active, .button-flat-primary.is-active, .button-flat-primary.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #1495b7;
  color: #00647f;
}
.button-flat-primary.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-action {
  background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  background: linear-gradient(to bottom, #8fcf00, #6b9c00);
  background-color: #7db500;
  border-color: #5a8200;
  color: white;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
}
.button-action:hover, .button-action:focus {
  background-color: #7db500;
  color: white;
  background: -moz-linear-gradient(top, #a0e800, #6b9c00);
  background: -o-linear-gradient(top, #a0e800, #6b9c00);
  background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
  background: linear-gradient(to bottom, #a0e800, #6b9c00);
}
.button-action:active, .button-action.is-active, .button-action.active {
  background: #76a312;
  color: #374f00;
}

.button-3d-action {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #84bf00, #76ab00);
  background: -o-linear-gradient(top, #84bf00, #76ab00);
  background: -webkit-linear-gradient(top, #84bf00, #76ab00);
  background: linear-gradient(to bottom, #84bf00, #76ab00);
  background-color: #7db500;
  color: white;
  border: 1px solid #5a8200;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-action:hover, .button-3d-action:focus {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #99de00, #79b000);
  background: -o-linear-gradient(top, #99de00, #79b000);
  background: -webkit-linear-gradient(top, #99de00, #79b000);
  background: linear-gradient(to bottom, #99de00, #79b000);
  background-color: #a0e800;
  color: white;
}
.button-3d-action:active, .button-3d-action.is-active, .button-3d-action.active {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #76ab00, #84bf00);
  background: -o-linear-gradient(top, #76ab00, #84bf00);
  background: -webkit-linear-gradient(top, #76ab00, #84bf00);
  background: linear-gradient(to bottom, #76ab00, #84bf00);
  background-color: #76a312;
  color: #374f00;
  border: 1px solid #6b9c00;
  top: 5px;
}
.button-3d-action.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-action {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #7db500;
  border: 2px solid #7db500;
  background: none;
  text-shadow: none;
}
.button-border-action:hover, .button-border-action:focus {
  background: none;
  color: #a0e800;
  border: 2px solid #a0e800;
}
.button-border-action:active, .button-border-action.is-active, .button-border-action.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #5a8200;
  border: 2px solid #5a8200;
}
.button-border-action.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-action {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #7db500;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-action:hover, .button-flat-action:focus {
  color: white;
  background: #8fcf00;
}
.button-flat-action:active, .button-flat-action.is-active, .button-flat-action.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #76a312;
  color: #486900;
}
.button-flat-action.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-highlight {
  background: -moz-linear-gradient(top, #ffd01a, #e6b700);
  background: -o-linear-gradient(top, #ffd01a, #e6b700);
  background: -webkit-linear-gradient(top, #ffd01a, #e6b700);
  background: linear-gradient(to bottom, #ffd01a, #e6b700);
  background-color: #ffcb00;
  border-color: #cca200;
  color: black;
  text-shadow: 0 -1px 1px rgba(102, 81, 0, 0.35);
}
.button-highlight:hover, .button-highlight:focus {
  background-color: #ffcb00;
  color: black;
  background: -moz-linear-gradient(top, #ffd533, #e6b700);
  background: -o-linear-gradient(top, #ffd533, #e6b700);
  background: -webkit-linear-gradient(top, #ffd533, #e6b700);
  background: linear-gradient(to bottom, #ffd533, #e6b700);
}
.button-highlight:active, .button-highlight.is-active, .button-highlight.active {
  background: #e6bc19;
  color: #997a00;
}

.button-3d-highlight {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cca200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cca200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #cca200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #ffcd0a, #f5c300);
  background: -o-linear-gradient(top, #ffcd0a, #f5c300);
  background: -webkit-linear-gradient(top, #ffcd0a, #f5c300);
  background: linear-gradient(to bottom, #ffcd0a, #f5c300);
  background-color: #ffcb00;
  color: black;
  border: 1px solid #cca200;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-highlight:hover, .button-3d-highlight:focus {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c29a00, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c29a00, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c29a00, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #ffd329, #fac700);
  background: -o-linear-gradient(top, #ffd329, #fac700);
  background: -webkit-linear-gradient(top, #ffd329, #fac700);
  background: linear-gradient(to bottom, #ffd329, #fac700);
  background-color: #ffd533;
  color: black;
}
.button-3d-highlight:active, .button-3d-highlight.is-active, .button-3d-highlight.active {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #cca200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #cca200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #cca200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #f5c300, #ffcd0a);
  background: -o-linear-gradient(top, #f5c300, #ffcd0a);
  background: -webkit-linear-gradient(top, #f5c300, #ffcd0a);
  background: linear-gradient(to bottom, #f5c300, #ffcd0a);
  background-color: #e6bc19;
  color: #997a00;
  border: 1px solid #e6b700;
  top: 5px;
}
.button-3d-highlight.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-highlight {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #ffcb00;
  border: 2px solid #ffcb00;
  background: none;
  text-shadow: none;
}
.button-border-highlight:hover, .button-border-highlight:focus {
  background: none;
  color: #ffd533;
  border: 2px solid #ffd533;
}
.button-border-highlight:active, .button-border-highlight.is-active, .button-border-highlight.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #cca200;
  border: 2px solid #cca200;
}
.button-border-highlight.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-highlight {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ffcb00;
  color: black;
  text-shadow: none;
  border: none;
}
.button-flat-highlight:hover, .button-flat-highlight:focus {
  color: black;
  background: #ffd01a;
}
.button-flat-highlight:active, .button-flat-highlight.is-active, .button-flat-highlight.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #e6bc19;
  color: #b38e00;
}
.button-flat-highlight.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-caution {
  background: -moz-linear-gradient(top, #e8543f, #d9331a);
  background: -o-linear-gradient(top, #e8543f, #d9331a);
  background: -webkit-linear-gradient(top, #e8543f, #d9331a);
  background: linear-gradient(to bottom, #e8543f, #d9331a);
  background-color: #e54028;
  border-color: #c22d18;
  color: white;
  text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
}
.button-caution:hover, .button-caution:focus {
  background-color: #e54028;
  color: white;
  background: -moz-linear-gradient(top, #eb6855, #d9331a);
  background: -o-linear-gradient(top, #eb6855, #d9331a);
  background: -webkit-linear-gradient(top, #eb6855, #d9331a);
  background: linear-gradient(to bottom, #eb6855, #d9331a);
}
.button-caution:active, .button-caution.is-active, .button-caution.active {
  background: #cd5240;
  color: #952312;
}

.button-3d-caution {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #e64831, #e4381f);
  background: -o-linear-gradient(top, #e64831, #e4381f);
  background: -webkit-linear-gradient(top, #e64831, #e4381f);
  background: linear-gradient(to bottom, #e64831, #e4381f);
  background-color: #e54028;
  color: white;
  border: 1px solid #c22d18;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-caution:hover, .button-3d-caution:focus {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #e9604c, #e43c23);
  background: -o-linear-gradient(top, #e9604c, #e43c23);
  background: -webkit-linear-gradient(top, #e9604c, #e43c23);
  background: linear-gradient(to bottom, #e9604c, #e43c23);
  background-color: #eb6855;
  color: white;
}
.button-3d-caution:active, .button-3d-caution.is-active, .button-3d-caution.active {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #e4381f, #e64831);
  background: -o-linear-gradient(top, #e4381f, #e64831);
  background: -webkit-linear-gradient(top, #e4381f, #e64831);
  background: linear-gradient(to bottom, #e4381f, #e64831);
  background-color: #cd5240;
  color: #952312;
  border: 1px solid #d9331a;
  top: 5px;
}
.button-3d-caution.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-caution {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #e54028;
  border: 2px solid #e54028;
  background: none;
  text-shadow: none;
}
.button-border-caution:hover, .button-border-caution:focus {
  background: none;
  color: #eb6855;
  border: 2px solid #eb6855;
}
.button-border-caution:active, .button-border-caution.is-active, .button-border-caution.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #c22d18;
  border: 2px solid #c22d18;
}
.button-border-caution.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-caution {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e54028;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-caution:hover, .button-flat-caution:focus {
  color: white;
  background: #e8543f;
}
.button-flat-caution:active, .button-flat-caution.is-active, .button-flat-caution.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #cd5240;
  color: #ac2815;
}
.button-flat-caution.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-royal {
  background: -moz-linear-gradient(top, #99389f, #752a79);
  background: -o-linear-gradient(top, #99389f, #752a79);
  background: -webkit-linear-gradient(top, #99389f, #752a79);
  background: linear-gradient(to bottom, #99389f, #752a79);
  background-color: #87318c;
  border-color: #632466;
  color: white;
  text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);
}
.button-royal:hover, .button-royal:focus {
  background-color: #87318c;
  color: white;
  background: -moz-linear-gradient(top, #ab3eb2, #752a79);
  background: -o-linear-gradient(top, #ab3eb2, #752a79);
  background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
  background: linear-gradient(to bottom, #ab3eb2, #752a79);
}
.button-royal:active, .button-royal.is-active, .button-royal.active {
  background: #764479;
  color: #3e1740;
}

.button-3d-royal {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #8e3494, #802e84);
  background: -o-linear-gradient(top, #8e3494, #802e84);
  background: -webkit-linear-gradient(top, #8e3494, #802e84);
  background: linear-gradient(to bottom, #8e3494, #802e84);
  background-color: #87318c;
  color: white;
  border: 1px solid #632466;
  text-shadow: none;
  position: relative;
  top: 0px;
}
.button-3d-royal:hover, .button-3d-royal:focus {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #a43caa, #833088);
  background: -o-linear-gradient(top, #a43caa, #833088);
  background: -webkit-linear-gradient(top, #a43caa, #833088);
  background: linear-gradient(to bottom, #a43caa, #833088);
  background-color: #ab3eb2;
  color: white;
}
.button-3d-royal:active, .button-3d-royal.is-active, .button-3d-royal.active {
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, #802e84, #8e3494);
  background: -o-linear-gradient(top, #802e84, #8e3494);
  background: -webkit-linear-gradient(top, #802e84, #8e3494);
  background: linear-gradient(to bottom, #802e84, #8e3494);
  background-color: #764479;
  color: #3e1740;
  border: 1px solid #752a79;
  top: 5px;
}
.button-3d-royal.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-border-royal {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #87318c;
  border: 2px solid #87318c;
  background: none;
  text-shadow: none;
}
.button-border-royal:hover, .button-border-royal:focus {
  background: none;
  color: #ab3eb2;
  border: 2px solid #ab3eb2;
}
.button-border-royal:active, .button-border-royal.is-active, .button-border-royal.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: none;
  color: #632466;
  border: 2px solid #632466;
}
.button-border-royal.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-flat-royal {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #87318c;
  color: white;
  text-shadow: none;
  border: none;
}
.button-flat-royal:hover, .button-flat-royal:focus {
  color: white;
  background: #99389f;
}
.button-flat-royal:active, .button-flat-royal.is-active, .button-flat-royal.active {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  background: #764479;
  color: #501d53;
}
.button-flat-royal.disabled {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.button-group {
  position: relative;
  display: inline-block;
}
.button-group .button {
  float: left;
}
.button-group .button:focus, .button-group .button:hover, .button-group .button.active {
  z-index: 5;
}
.button-group .button:active, .button-group .button.active {
  background: gainsboro;
}
.button-group .button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.button-group .button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group .button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group .button + .button {
  margin-left: -1px;
}

.button-jumbo {
  font-size: 22px;
  height: 51.2px;
  line-height: 51.2px;
  padding: 0px 40.96px;
}

.button-large {
  font-size: 16px;
  height: 38.4px;
  line-height: 38.4px;
  padding: 0px 30.72px;
}

input.button-large, button.button-large {
  height: 40.4px;
}

.button-small {
  font-size: 12px;
  height: 25.6px;
  line-height: 24px;
  padding: 0px 20.48px;
}

input.button-small, button.button-small {
  height: 27.6px;
}

.button-tiny {
  font-size: 10px;
  height: 22.4px;
  line-height: 22.4px;
  padding: 0px 19.2px;
}

input.button-tiny, button.button-tiny {
  height: 24.4px;
}

.button.glow {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -khtml-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  -khtml-animation-name: glowing;
  -moz-animation-name: glowing;
  -ms-animation-name: glowing;
  -o-animation-name: glowing;
  animation-name: glowing;
}
.button.glow:active {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -ms-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}

.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block;
}
.button-dropdown .button .icon-caret-down {
  font-size: 90%;
  margin: 0px 0px 0px 3px;
  vertical-align: middle;
}
.button-dropdown ul.button-dropdown-menu-below {
  top: 115%;
}
.button-dropdown ul.button-dropdown-menu-above {
  bottom: 115%;
  top: auto;
}
.button-dropdown ul {
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: none;
  position: absolute;
  background: #fcfcfc;
  top: -2px;
  left: -2px;
  z-index: 1000;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  min-width: 102%;
}
.button-dropdown ul li {
  padding: 0px;
  margin: 0px;
  display: block;
}
.button-dropdown ul li:first-child a {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.button-dropdown ul li:last-child a {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button-dropdown ul .button-dropdown-divider {
  -moz-box-shadow: inset 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px white;
  box-shadow: inset 0px 1px 0px white;
  border-top: 1px solid #e4e4e4;
}
.button-dropdown ul a {
  display: block;
  padding: 0px 20px;
  text-decoration: none;
  font-size: 10px;
  color: #333333;
  line-height: 30px;
  white-space: nowrap;
}
.button-dropdown ul a:hover, .button-dropdown ul a:focus {
  background-color: #3c6ab9;
  color: white;
}