/*---------------------------------------
   IMPORT WEB FONTS
-----------------------------------------*/
@font-face {
    font-family: 'EksjaExtremesRegular'; src: url(/includes/fonts/Eksja-regular.eot);  src: local('?'), url(/includes/fonts/Eksja-regular.woff) format('woff'), url(/includes/fonts/Eksja-regular.ttf) format('truetype'), url(/includes/fonts/Eksja-regular.svg#webfont) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------
   STYLES
-----------------------------------------*/
body {
    background: #fff; color: #2c3e50;
    font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif; /*"Roboto",*/ font-weight: 300;
    line-height: 1.5;
    overflow-x: hidden;
}
strong {
    font-weight: 600;
}
input[type=text] {
    width: 5%;
    padding: 1px;
    margin: 5px;
}
label{
      display: inline;
      white-space: nowrap;
}
@media only screen and (max-width: 900px) {
    input[type=text] {
        width: 51px;
    }
}
input[type=text]:disabled {
  background-color: #ccc;
  font-weight: bold;
  border-color: red;
}
h2 {
    font-size: 1.4em; text-align: left;
}
h4 {
    font-size: 0.85em;
}
p {
    margin: 15px 0;
}
.chartHeader{
    text-align: center;
}
iframe {
    width: 100%; height: 100%;
}
.margin-btm-0 { margin-bottom: 0; }
.margin-btm-5 { margin-bottom: 5px; }
.margin-top-0 { margin-top: 0; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-small { font-size: 0.8em; }
.colored-line {
    height: 1px; width: 170px;
    margin: 25px auto;
    background: #bdbdbd none repeat scroll 0% 0%;
}
.orange {
    color: #e07820;
}
.button-standard, input[type="submit"], input[type="button"] {
    background: #3faf8e none repeat scroll 0% 0%;
    color: #fff;
    font-family: "EksjaExtremesRegular",Gudea,"Raleway",sans-serif;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: none;
    border-radius: 4px;
    padding: 15px 30px;
    border: 0px none;
    margin: 5px;
    line-height: inherit;
    transition: all 0.25s ease 0s;
}
.button-standard:hover, input[type="button"]:hover { cursor: pointer; }

.invitation { margin: 15px; }
.invitation input[type="submit"] { width: 446px; position: relative; left: -5px; }

.button-standard {
    margin-left: 0; line-height: 4em;
}
.button-standard:hover {
    text-shadow: 1px 2px 3px rgba(55,55,55,0.55); text-decoration: none;
}
.btn-teal {
    background-color: #5fc7ae;
    /*background: linear-gradient(to top, #1f876e 0%, #5fc7ae 48%);*/
}
.btn-orange {
    background-color: #ea8825;
    /*background: linear-gradient(to top, #aa4805 0%, #ea8825 48%);*/
}
.btn-green {
    background-color: #258a40;
    background: linear-gradient(to top, #458a40 0%, #85ca80 48%);
}
/* = = Game interface stuff = = */
#game {

}
.game-portal {
    width: 960px; height: 587px; text-align: center; padding: 55px 0 0 0;
}
    .game-portal .game-begin { font-size: 1.23em; }