/*
=====
CSS RESET
=====
*/

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,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 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;
  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;
}
.element-invisible {
  display: none;
}

/*
=====
BODY
=====
*/

html,
body {
  height: 100%;
}
body {
  background: #f3f1ec;
  font-size: 16px;
  font-family: "Open Sans", Arial, Verdana;
  color: #222;
  font-weight: 300;
  line-height: 1.5;
  min-width: 1200px;
}
.clearfix {
  display: block; /* Fixes some FireFox rendering quirks */
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}
#top-bar {
  width: 100%;
  height: 100px;
  background: #24262e;
  color: #fff;
}
#left-bar {
  background: rgb(36, 38, 46);
  color: #fff;
}
#right-bar {
  background: #24262e;
  color: #fff;
}
#left-bar,
#right-bar {
  padding: 30px;
}
#content {
  padding: 30px 50px;
}
#breadcrumb {
  font-size: 0.9em;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  color: #999;
}

/*
=====
FONT STYLES
=====
*/

p {
  margin-bottom: 24px;
  line-height: 1.5;
  font-family: "Open Sans", Arial, Verdana;
  max-width: 760px;
}
a {
  color: #eb6314;
  text-decoration: underline;
}
a:hover {
  color: #999;
  text-decoration: none;
}
a img {
  border: none;
}
h1,
h2,
h3,
h4 {
  text-decoration: none;
  color: inherit;
  color: #2f333f;
  font-family: "Open Sans", Arial, Verdana;
  margin-bottom: 25px;
  font-weight: 800;
}
#content ul li {
  list-style-type: square;
}
#content ul,
#content ol {
  margin-bottom: 24px;
  padding-left: 0.3em;
  max-width: 760px;
  list-style-position: outside;
}
#content ul ul,
#content ol ol {
  padding-left: 1.3em;
}
.center {
  text-align: center;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 28px;
  margin-top: 20px;
}
h3 {
  font-size: 22px;
  margin-top: 10px;
}
h4 {
  font-size: 18px;
  margin-top: 10px;
}
.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.align_center {
  text-align: center;
}

/*
=====
INPUTS
=====
*/

.input,
.textarea,
.select,
.submit {
  margin: 0.5em 0;
}
.input {
  color: #777;
  clear: both;
  margin-bottom: 15px;
}
input,
select,
textarea {
  margin-right: 0.5em;
  display: block;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-family: "Open Sans", Arial, Verdana;
}
input[type="submit"] {
  padding: 10px 15px;
  cursor: pointer;
  background: #eb6314;
  color: #fff;
  border: 0;
  box-shadow: 0 0 0;
  transition: background 0.2s ease-in-out;
  border-radius: 0;
}
input[type="submit"]:hover {
  background: #24262e;
}
input.match_score {
  margin-bottom: 2em;
}
.radio label,
.checkbox label {
  display: inline;
}
.radio label:after,
.checkbox label:after {
  content: "\a";
  white-space: pre;
}
.radio input,
.checkbox input {
  float: left;
  clear: left;
  margin-bottom: 0.5em;
}
input[type="checkbox"],
.checkbox {
  /*display: inline-block;*/
}
.form-error {
  border-color: #ea7070;
}
fieldset {
  padding: 5px;
}
blockquote,
.quote {
  margin: 1em 0em 1em 1em;
  border: 1px solid #ddd;
  background: #eee;
  color: #444;
  padding: 1px 1px 1px 5px;
}
textarea {
  width: 100%;
}
label {
  font-weight: 800;
  display: block;
}
form label {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 12px;
}
.padding_25 {
  padding: 25px;
}
.padding_10_25 {
  padding: 10px 25px;
}

/*
=====
LOGO
=====
*/

#logo a {
  display: block;
}
#logo img {
  padding: 18px 18px 0;
  max-height: 80px;
}

/*
=====
EVENT DETAIL
=====
*/

#event-detail {
  padding-top: 15px;
  display: flex;
  gap: 50px;
  align-items: center;
}
#event-detail p {
  margin-bottom: 0;
}
#event-detail .event-time {
  font-weight: 800;
  font-size: 24px;
}
#event-detail .next-event-notification {
  background: #dc4c43;
  padding: 15px;
}
#event-detail .next-event-notification h5 {
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 0;
}
#event-detail .next-event-notification a {
  color: #fff;
  text-decoration: underline;
  font-weight: 800;
}

/*
=====
TOP LINKS
=====
*/

#links a {
  text-decoration: none;
  display: inline-block;
  padding: 0 30px;
  line-height: 100px;
  font-weight: 700;
  transition: 0.15s linear;
  color: #fff;
  min-width: 225px;
  text-align: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

#links a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: -1;
  transition: opacity 0.15s linear;
}

#links a.csgo:before {
  background: url(../img/link-bg-csgo.png) center no-repeat;
}

#links a.hearthstone:before {
  background: url(../img/link-bg-hs.png) center no-repeat;
}

#links a.sc2:before {
  background: url(../img/link-bg-sc2.png) center no-repeat;
}

#links a:hover {
  color: #fff;
  padding-left: 40px;
}

#links a:hover:before {
  opacity: 0.6;
}

/*
=====
LOGIN
=====
*/

#user {
  position: relative;
}
#loginbox.not-logged .topic {
  background: url(../img/icons/icon-lock.png) 95% 50% no-repeat #1e2026;
}
#loginbox .topic {
  height: 100px;
  line-height: 100px;
  background: #1e2026;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
#loginbox .topic span {
  margin-left: 25px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}
#loginbox .topic:hover {
  background: #3b404d;
}
#loginbox .topic.active {
  background: #2f333f;
}
#loginbox.not-logged .topic:hover {
  background: url(../img/icons/icon-lock.png) 95% 50% no-repeat #3b404d;
}
#loginbox.not-logged .topic.active {
  background: url(../img/icons/icon-lock.png) 95% 50% no-repeat #2f333f;
}
#loginbox .login-form {
  display: none;
  position: absolute;
  width: 100%;
  background: #2f333f;
  font-size: 12px;
  color: #fff;
}
#loginbox .login-form a {
  color: #fff;
  text-decoration: none;
}
#loginbox .login-form label {
  color: #fff;
  font-weight: 300;
  margin-left: 5px;
}
#loginbox .login-form input {
  border: 0;
  margin: 10px 0;
}
#loginbox .login-form input[type="submit"] {
  font-weight: 800;
  font-size: 12px;
  background: #eb6314;
  border-radius: 0;
  background: #eb6314;
  color: #fff;
  border: 0;
  padding: 10px 15px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
#loginbox .login-form input[type="submit"]:hover {
  background: #1e2026;
}
#loginbox .login-form .additional-links a {
  display: inline-block;
  background: #1e2026;
  margin: 3px 5px;
  padding: 5px 10px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
#loginbox .login-form .additional-links a:first-child {
  margin-left: 0;
}
#loginbox .login-form .additional-links a:hover {
  background: #3b404d;
}

#loginbox.logged-in .topic {
  background: url(../img/icons/icon-down.png) 95% 50% no-repeat #1e2026;
}
#loginbox.logged-in .topic.active {
  background: url(../img/icons/icon-up.png) 95% 50% no-repeat #2f333f;
}
#loginbox.logged-in .topic:hover {
  background-color: #3b404d;
}
#loginbox .login-form label {
  text-transform: none;
}
#loginbox.logged-in .login-form a {
  display: block;
}

#logout a {
  font-size: 0;
  display: block;
  min-height: 100px;
  background: url(../img/icons/icon-logout.png) center center no-repeat #dc4c43;
  width: 100%;
  height: 100%;
  transition: background-color 0.2s ease-in-out;
}
#logout a:hover {
  background-color: #c34139;
}
#loginbox.logged-in .login-form {
  width: 80%;
}
#loginbox.logged-in .login-form .button {
  font-weight: 800;
  padding: 15px 10px;
  color: #ccc;
  transition: color 0.2s ease-in-out;
}
#loginbox.logged-in .login-form .button:hover {
  color: #fff;
}
.login_box .login_box_right a {
  display: inline-block;
  background: #1e2026;
  color: #fff;
  text-decoration: none;
  margin: 3px 5px;
  padding: 10px 15px;
  font-size: 14px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.login_box .login_box_right a:hover {
  background: #3b404d;
}
.login_box .login_box_right a:first-child {
  margin-left: 0;
}

/*
=====
USER DASHBOARD
=====
*/

.user_dashboard .action_buttons div {
  margin: 1.5em 0;
  display: inline-block;
}
.user_dashboard .action_buttons a {
  padding: 10px 15px;
  background: #eb6314;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease-in-out;
  text-decoration: none;
}
.user_dashboard .action_buttons a:hover {
  background: #24262e;
}
.user_dashboard .user_teams,
.user_dashboard .user_gameaccounts,
.user_dashboard .user_licences {
  background: #eeebe5;
  padding: 25px;
  margin: 10px 0;
}
.admin_panels .panel {
  float: left;
  width: 14%;
  margin-right: 2%;
  height: 140px;
  min-width: 140px;
}
.admin_panels .panel h3 {
  margin-bottom: 5px;
}
.admin_panels .panel a {
  display: block !important;
  width: 60%;
  text-align: center;
  text-decoration: none;
}

/*
====
USER REGISTER
====
*/
.user_register_info {
  display: none;
}

/*
=====
MAIN MENU
=====
*/

#main-menu ul {
  display: block;
}
#main-menu ul li {
  list-style: none;
  margin: 20px 0;
}
#main-menu ul li a {
  display: block;
  padding: 50px 15px 10px 15px;
  text-align: center;
  color: #5f6977;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
  transition: all 0.2s ease-in-out;
}
#main-menu li .icon {
  width: 32px;
  display: block;
  margin: 0 auto;
  height: 32px;
}
#main-menu ul li:hover a {
  color: #fff;
}
#main-menu li.tournaments a {
  background: url(../img/icons/icon-menu-tournaments.png) no-repeat;
  background-position: top center;
}
#main-menu li.home a {
  background: url(../img/icons/icon-menu-home.png) no-repeat;
  background-position: top center;
}
#main-menu li.matches a {
  background: url(../img/icons/icon-menu-matches.png) no-repeat;
  background-position: top center;
}
#main-menu li.streams {
  background: url(../img/icons/icon-menu-streams.png) no-repeat;
  background-position: top center;
}
#main-menu li.calendar a {
  background: url(../img/icons/icon-menu-calendar.png) no-repeat;
  background-position: top center;
}
#main-menu li.news a {
  background: url(../img/icons/icon-menu-news.png) no-repeat;
  background-position: top center;
}
#main-menu li.logo a {
  background: url(../img/icons/icon-logo.png) no-repeat;
  background-position: top center;
}

#main-menu li.active {
  background: none;
}

#main-menu li.tournaments:hover a,
#main-menu li.tournaments.active a {
  background: url(../img/icons/icon-menu-tournaments-hover.png) no-repeat;
  background-position: top center;
}
#main-menu li.home:hover a,
#main-menu li.home.active a {
  background: url(../img/icons/icon-menu-home-hover.png) no-repeat;
  background-position: top center;
}
#main-menu li.matches:hover a,
#main-menu li.matches.active a {
  background: url(../img/icons/icon-menu-matches-hover.png) no-repeat;
  background-position: top center;
}
#main-menu li.streams:hover,
#main-menu li.streams.active a {
  background: url(../img/icons/icon-menu-streams-hover.png) no-repeat;
  background-position: top center;
}
#main-menu li.calendar:hover a,
#main-menu li.calendar.active a {
  background: url(../img/icons/icon-menu-calendar-hover.png) no-repeat;
  background-position: top center;
}
#main-menu li.news:hover a,
#main-menu li.news.active a {
  background: url(../img/icons/icon-menu-news-hover.png) no-repeat;
  background-position: top center;
}
#main-menu li.logo:hover a,
#main-menu li.logo.active a {
  background: url(../img/icons/icon-logo-hover.png) no-repeat;
  background-position: top center;
}

#main-menu ul li.active a {
  color: #fff;
}

/*
=====
SIDEBAR ADMIN ACTIONS
=====
*/

.sidebar_actions .sidebar_action a {
  display: block;
  background: #eb6314;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px;
  font-weight: 800;
  margin: 2px 0;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
.sidebar_actions .sidebar_action a:hover {
  background-color: #2f333f !important;
  color: #fff;
  padding-left: 25px;
}
.sidebar_actions .sidebar_action a.button.add {
  background: url(../img/icons/icon-add.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.remove {
  background: url(../img/icons/icon-subtract.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.edit {
  background: url(../img/icons/icon-edit.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.trash {
  background: url(../img/icons/icon-trash.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.add-users {
  background: url(../img/icons/icon-add-profile.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.manage {
  background: url(../img/icons/icon-control.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.loginas {
  background: url(../img/icons/icon-profile.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.changepass {
  background: url(../img/icons/icon-lock.png) 95% 50% no-repeat #eb6314;
}
.sidebar_actions .sidebar_action a.button.checkin {
  background: url(../img/icons/icon-check.png) 95% 50% no-repeat #eb6314;
}

.sidebar_actions .sidebar_action .countdown {
  float: right;
}
.sidebar_box {
  margin-bottom: 40px;
}

a[disabled],
a.disabled {
  pointer-events: none;
  cursor: no-drop;
}

#content a.button {
  display: inline-block;
  padding: 3px 5px;
  margin: 3px 0;
  font-size: 12px;
  background: #eb6314;
  color: #fff;
  transition: background 0.2s ease-in-out;
}
#content a.button:hover {
  background-color: #24262e;
}

/*
=====
SPONSORS
=====
*/

.sponsors .sponsor {
  display: block;
  text-align: center;
  margin: 40px 0;
}
.sponsors .sponsor img {
  max-width: 100%;
  height: auto !important;
}
.sponsors h3 {
  color: #eb6314;
  text-align: center;
  font-size: 100%;
}

/*
=====
THE GRID
=====
*/

.grid {
  clear: both;
  padding: 0;
  margin: 0;
  display: table;
  height: 100%;
  width: 100%;
}
.col {
  display: table-cell;
  vertical-align: top;
}
.col:first-child {
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /*ForIE6/7*/
}

.span_1_of_10 {
  width: 10%;
}
.span_2_of_10 {
  width: 20%;
}
.span_3_of_10 {
  width: 30%;
}
.span_4_of_10 {
  width: 40%;
}
.span_5_of_10 {
  width: 50%;
}
.span_6_of_10 {
  width: 60%;
}
.span_7_of_10 {
  width: 70%;
}
.span_8_of_10 {
  width: 80%;
}
.span_9_of_10 {
  width: 90%;
}
.span_10_of_10 {
  width: 100%;
}
.span_1_of_2 {
  width: 50%;
}
.span_1_of_3 {
  width: 33.333%;
}
.span_1_of_4 {
  width: 25%;
}
.span_1_of_5 {
  width: 20%;
}
.span_1_of_6 {
  width: 16.5%;
}
.span_1_of_7 {
  width: 14.25%;
}
.span_1_of_8 {
  width: 12.5%;
}
.span_1_of_20 {
  width: 5%;
}
.span_17_of_20 {
  width: 85%;
}
/*
=====
TOURNAMENTS VIEW
=====
*/

/* HOME */

.home_tournaments .tournament {
  padding: 10px 2%;
  background: url(../img/line-breaker.png) bottom repeat-x;
  width: 96%;
}
.home_tournaments .tournament p {
  margin-bottom: 0;
}
.home_tournaments .tournament .time {
  color: #c5c3bd;
  line-height: 1;
  text-transform: uppercase;
}
.home_tournaments .tournament .time .month_date {
  font-weight: 800;
}
.home_tournaments .tournament .link a {
  color: #222;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  font-size: 18px;
}
.home_tournaments .tournament .link a:hover {
  color: #eb6314;
}
.home_tournaments .tournament.odd {
  background: #eeebe5;
}

.tournaments .odd {
  background: #eeebe5;
}
.tournaments .league_item {
  padding: 10px 2%;
  width: 96%;
  margin-bottom: 10px;
}
.tournament_header h1.title {
  margin-bottom: 0;
}
.tournament_header h1.title a {
  color: #222;
  text-decoration: none;
  font-size: 36px;
  cursor: auto;
}
h1 div.unpublished,
.tournament_header div.unpublished {
  background: url(../img/icons/icon-lock.png) 50% 50% no-repeat #f20000;
  float: right;
  height: 53px;
  width: 5%;
}
h2 div.unpublished {
  background: url(../img/icons/icon-lock.png) 50% 50% no-repeat #f20000;
  float: left;
  height: 40px;
  width: 4%;
  margin-right: 10px;
}
.home_tournaments .tournament div.unpublished {
  background: url(../img/icons/icon-lock.png) 50% 50% no-repeat #f20000;
}
#open_signup_fields,
#open_checkin_fields {
  padding-left: 2em;
}

/*
=====
TABNAV
=====
*/

ul#tabnav {
  text-align: left;
  display: block;
  list-style-type: none;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-left: 0;
}
.tournament_header ul.two-row {
  margin-bottom: 65px !important;
}
ul#tabnav li {
  display: inline-block;
}
ul#tabnav > li.selected > a {
  color: #eb6314 !important;
  border-bottom: 1px solid #eb6314;
}
ul#tabnav > li.disabled > a {
  color: #999;
}
ul#tabnav li a {
  padding: 15px 25px;
  margin-right: 0px;
  text-decoration: none;
  border-bottom: none;
  position: relative;
  top: 1px;
  font-weight: 800;
  color: #2a2e39;
  display: block;
  transition: color 0.2s ease-in-out;
}
ul#tabnav a:hover {
  cursor: pointer;
  color: #999;
}
ul#tabnav ul.subnav {
  position: absolute;
  top: 55px;
  padding-left: 0;
  font-size: 90%;
  background: #e1dfdb;
  border-radius: 0 0 5px 5px;
}
ul#tabnav ul.subnav li {
  border-bottom: none;
}
ul.subnav li.selected > a {
  color: #eb6314 !important;
}

/*
=====
STREAMS
===== */

.stream_player .videoplayer {
  width: 100%;
  height: 300px;
}
.stream_description {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.stream_title .country_icon {
  float: right;
  padding-top: 5px;
}
a.stream_link {
  display: block;
  padding: 15px 2%;
  width: 96%;
  margin: 0;
  font-size: 18px;
  font-family: "Open Sans";
  text-decoration: none;
  background: url(../img/line-breaker.png) bottom repeat-x;
}
a.stream_link:hover {
  background: #eeebe5;
}
a.stream_link.selected {
  font-weight: bold;
}
.streams_menu .game_icon img {
  vertical-align: bottom;
}
.streams_menu img.game_online {
  height: 12px;
  padding-left: 15px;
  margin-top: 2px;
  float: right;
}
.stream_buttons {
  text-align: center;
  margin: 2px;
}
.stream_status {
  float: right;
  font-size: 75%;
}
.stream_status img {
  vertical-align: text-bottom;
}

.ui-tabs.ui-tabs-vertical {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  display: block;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
  border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
  background: none;
  border: 0;
  display: block;
  border-radius: 0;
  border-bottom: 1px solid #e1dfdb;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  background: none;
  border: 0;
  list-style: none !important;
  float: none !important;
  top: 1px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
  padding: 0 25px 25px 25px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, Verdana;
  transition: all 0.2s ease-in-out;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
  cursor: pointer;
  color: #999;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 0 !important;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {
  color: #eb6f2d;
  border-bottom: 1px solid #eb6f2d;
  padding: 0 25px 25px 25px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
  margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected:last-child {
  margin-bottom: 7px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
  width: 96%;
  padding: 10px;
  border-radius: 0;
  position: relative;
}

/*
=====
MATCHES
=====
*/

.matches_table {
  border-collapse: collapse;
  width: 100%;
}
.matches_table td {
  background: url(../img/line-breaker) bottom repeat-x;
  padding: 0 !important;
  vertical-align: middle;
  padding: 5px;
}
.matches_table thead th {
  margin-bottom: 10px;
  padding: 5px;
}
.matches_table tr.odd td {
  background: #eeebe5;
}
.matches_table a {
  padding: 6px 0;
  display: block;
  text-decoration: none;
}
.matches_table .contestant_left,
.matches_table .contestant_right,
.matches_table .vs {
  text-decoration: none;
  display: inline-block;
}
.matches_table .contestant_left {
  float: left;
  text-align: right;
  width: 40%;
}
.matches_table .contestant_right {
  float: right;
  text-align: left;
  width: 40%;
}
.matches_table .vs,
.matches_table .vs:hover {
  text-align: center;
  width: 19%;
  color: #b7b7b7;
}
.matches_table .match_title {
  text-align: center;
  margin: 0 5%;
}
.matches_table .match a:hover {
  color: #0e4183 !important;
}
.matches_table .match_title .score_left {
  font-weight: bold;
  margin-right: -8%;
  padding: 0;
  float: none;
  text-align: center;
  display: inline-block;
  width: 7%;
}
.matches_table .match_title .score_right {
  font-weight: bold;
  margin-left: -8%;
  padding: 0;
  float: none;
  text-align: center;
  display: inline-block;
  width: 7%;
}
.matches_table .game-icon {
  width: 5%;
}
.matches_table .league {
  width: 25%;
}
.matches_table .match {
  text-align: center;
  width: 55%;
}
.matches_table .league a {
  text-decoration: none;
}
.matches_table .time {
  width: 25%;
  text-align: right;
}
.matches_table.tournament .time {
  text-align: left;
}
.matches.form .contestant {
  clear: both;
}
.matches.form .contestant .input {
  float: left;
  clear: none;
  margin-right: 20px;
}
.matches.form .contestant .input.checkbox {
  padding-top: 1.5em;
}

/*
=====
SINGLE MATCH
=====
*/

.match_contestants {
  padding-bottom: 15px;
  margin: 25px 0;
}
.matches .view {
  float: left;
}
h2.match {
  text-align: center;
  margin-bottom: 10px;
  border: none !important;
}
.match_contestant,
.match_vs {
  float: left;
  text-align: center;
}
div.matches .match_contestants .match_contestant {
  width: 48%;
  text-align: center;
  font-weight: 800;
  font-size: 22px;
}
.single-match .match_contestants .match_vs {
  padding-top: 5px;
  width: 4%;
  color: #b7b7b7;
}
div.matches .match_contestants .match_contestant a {
  text-decoration: none;
}
.match_contestant .name_left,
.match_contestant .name_right,
.forfeit_right,
.forfeit_left {
  width: 75%;
}
.match_contestant .name_left,
.forfeit_left {
  float: left;
}
.match_contestant .name_right,
.forfeit_right {
  float: right;
}
.forfeit_left,
.forfeit_right {
  font-size: 16px;
  font-weight: normal;
}
.match_time,
.match_bo,
.match_stream,
.match_round_name {
  text-align: center;
  width: 100%;
  clear: both;
  margin: 10px 0;
}
.match_bo {
  margin-top: 25px;
}
.match_rounds {
  clear: both;
  height: auto;
}
fieldset.match_round_data label {
  width: 30%;
}
.match_contestants .score_left,
.match_contestants .score_right {
  font-size: 20px;
  font-weight: 800;
  color: #eb6314;
}
.score_right {
  padding-left: 30px;
  float: left;
}
.score_left {
  padding-right: 30px;
  float: right;
}
.round,
.round_map,
.round_scores,
.round_replay {
  float: left;
}
.match_rounds {
  /*padding-bottom: 3em;*/
}
.match_round {
  clear: both;
}

.match_rounds table {
  width: 100%;
  padding-top: 10px;
  margin-top: 25px;
}
.match_rounds table a {
  text-decoration: none;
}
.match_rounds td {
  padding: 5px;
  background: url(../img/line-breaker.png) bottom repeat-x;
  vertical-align: middle;
  text-align: center;
}
.round_score {
  float: right;
}

/*
=====
GROUPS
=====
*/

.group_scores table {
  width: 100%;
  border-collapse: collapse;
  clear: both;
}
.group_scores table th {
  text-align: center;
  padding: 10px 0;
}
.group_scores td:nth-child(1) {
  width: 30%;
}
.group_scores table th:nth-child(1) {
  text-align: left;
}
.group_scores td {
  padding: 5px 5px;
}
.group_scores tr:hover {
  background-color: #f9f8f4;
}
.group_scores .adv_limit {
  background: url(../img/line-breaker.png) bottom repeat-x;
}
.group_scores .drop_limit {
  background: url(../img/line-breaker.png) bottom repeat-x;
}
.group_scores a {
  display: block;
  text-decoration: none;
}
.group_scores a.inactive,
.group_scores td.inactive a {
  text-decoration: line-through;
}
.plus_minus_input {
  font-size: 16px;
  font-weight: 800;
}
.plus_minus_input .minus_button {
  color: red;
  margin: 0px 20px -38px;
}
.plus_minus_input .plus_button {
  color: green;
  margin: -43px -25px 0px 85px;
}
.index .group {
  margin-bottom: 2em;
}
.group_contestant {
  float: left;
  width: 100%;
}
.group_contestant .score {
  color: #222;
  font-weight: bold;
  padding: 0 8px;
}
.groups h2,
.groups h3 {
  clear: both;
}
o .groups {
  float: left;
  width: 100%;
}
.group_matches a {
  text-decoration: none;
}
.group_matches .round_label {
  margin: 0px 0px 10px;
  padding-top: 15px;
  display: table;
}
.group_match {
  float: left;
  background: url(../img/line-breaker.png) bottom repeat-x;
  padding: 5px;
  margin: 0 10px 0 10px;
  width: 95%;
}
.group_match a {
  text-decoration: none;
}
.group_match:hover {
  background-color: #f9f8f4;
}
.group_time {
  width: 24%;
  float: left;
  color: #222;
}
.group_time a {
  color: #222;
}
.unscheduled .group_time {
  color: #888 !important;
}
.group_vs {
  float: left;
  text-align: center;
  color: #222;
}
.group_vs a {
  color: #333;
}
.group_match .group_contestant {
  width: 31%;
  margin: 0 10px;
}
.ffa_match_contestant.headers {
  font-weight: bold;
}
.ffa_match_contestant {
  max-width: 500px;
  margin: 0 auto;
}
.ffa_match_contestant .name {
  width: 60%;
  float: left;
}
.ffa_match_contestant .score,
.ffa_match_contestant .order,
.ffa_match_contestant .points {
  width: 12%;
  float: left;
}

/*
=====
BRACKETS
=====
*/

.bracket {
  float: right;
  margin: 20px 20px 0 0;
  clear: both;
}
.bracket.full {
  cursor: grab;
}
.bracket_match a {
  text-decoration: none;
}
.bracket_best_of td {
  padding-right: 0.5em;
}
.brackets_view {
  float: left;
  width: 100%;
}
.bracket_controls {
  text-align: center;
  padding: 1em 0;
  clear: both;
}
.bracket_controls a {
  padding: 0 0.2em;
}
.bracket_compact {
  float: left;
  cursor: pointer;
}
.related_bracket_name {
  font-size: 15px;
  font-weight: bold;
  clear: both;
}
.related_bracket_name a {
  text-decoration: none;
}
.related_bracket_name a:hover {
  text-decoration: underline;
}
.bracket_round {
  font-size: 14px;
  margin-right: 0px;
  line-height: 1.3em;
  min-width: 100px;
}
.bracket_round_name {
  height: 2em;
  text-align: center;
  margin-top: 0.5em;
  font-weight: bold;
}
.related_bracket.bronze_match .bracket_round {
  float: right;
}
.related_bracket.bronze_match .bracket_round.span_1_of_1 {
  float: none;
}
.bracket_match {
  width: 90%;
}
.bracket_match a {
  text-decoration: none;
}
.bracket_round .bracket_match:last-child {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.keski_full_bracket .bracket_round:nth-child(2n) {
  background-color: #ffffde;
}

.bracket_round_winner {
  width: 200px;
  float: left;
  line-height: 1.3em;
}
.bracket_winner {
  font-weight: bold;
}
.bracket_empty_name {
  color: #aaa;
}
.bracket_score {
  float: right;
}
.bracket_round .odd .contestant {
  background: #e1dfdb;
}
.bracket_round .even .contestant {
  background: #eeebe5;
}
.bracket_round .bracket_match .contestant {
  color: #222;
  padding: 5px;
  height: 20px;
  margin: 2px 0;
}

.bracket_match .contestant:nth-child(1) {
  margin-bottom: 2px;
}
.bracket_round .bracket_match .bracket_score {
  width: 30px;
  height: 100%;
  margin-top: -5px;
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
  color: #999;
}
.bracket_match_winner {
  /*
	background: #F6f6f6;
	padding: 0.5em 0.5em;
	border-bottom: 1px solid #DDD;
	*/
}
.bracket_match_winner .bracket_score {
  color: #74a333 !important;
}

.bracket_round_1 .bracket_match {
  padding: 10px 0;
}
.bracket_round_2 .bracket_match {
  padding: 53px 0;
}
.bracket_round_3 .bracket_match {
  padding: 139px 0;
}
.bracket_round_4 .bracket_match {
  padding: 311px 0;
}
.bracket_round_5 .bracket_match {
  padding: 655px 0;
}
.bracket_round_6 .bracket_match {
  padding: 1343px 0;
}
.bracket_round_7 .bracket_match {
  padding: 2719px 0;
}
.bracket_round_8 .bracket_match {
  padding: 5471px 0;
}
.bracket_round_9 .bracket_match {
  padding: 10975px 0;
}
.bracket_round_10 .bracket_match {
  padding: 21983px 0;
}

.bracket_round_1 .bracket_line_join {
  height: 84px;
  margin-top: -44px;
}
.bracket_round_2 .bracket_line_join {
  height: 170px;
  margin-top: -87px;
}
.bracket_round_3 .bracket_line_join {
  height: 343px;
  margin-top: -174px;
}
.bracket_round_4 .bracket_line_join {
  height: 687px;
  margin-top: -345px;
}
.bracket_round_5 .bracket_line_join {
  height: 1375px;
  margin-top: -690px;
}
.bracket_round_6 .bracket_line_join {
  height: 2751px;
  margin-top: -1378px;
}
.bracket_round_7 .bracket_line_join {
  height: 5502px;
  margin-top: -2753px;
}
.bracket_round_8 .bracket_line_join {
  height: 11006px;
  margin-top: -5505px;
}
.bracket_round_9 .bracket_line_join {
  height: 22014px;
  margin-top: -11009px;
}
.bracket_round_10 .bracket_line_join {
  height: 44028px;
  margin-top: -22018px;
}

.bracket_round_1 .bracket_line_join.to_grand_final {
  height: 28px;
}
.bracket_round_2 .bracket_line_join.to_grand_final {
  height: 71px;
}
.bracket_round_3 .bracket_line_join.to_grand_final {
  height: 158px;
}
.bracket_round_4 .bracket_line_join.to_grand_final {
  height: 329px;
}
.bracket_round_5 .bracket_line_join.to_grand_final {
  height: 674px;
}
.bracket_round_6 .bracket_line_join.to_grand_final {
  height: 1362px;
}
.bracket_round_7 .bracket_line_join.to_grand_final {
  height: 2738px;
}
.bracket_round_8 .bracket_line_join.to_grand_final {
  height: 5489px;
}
.bracket_round_9 .bracket_line_join.to_grand_final {
  height: 10993px;
}
.bracket_round_10 .bracket_line_join.to_grand_final {
  height: 22001px;
}

.related_bracket .bracket_round_1.bracket_stage_1 .bracket_line_vertical {
  margin: -27px 0;
}
.related_bracket .bracket_round_2.bracket_stage_1 .bracket_line_vertical {
  margin: -70px 0;
}
.related_bracket .bracket_round_3.bracket_stage_1 .bracket_line_vertical {
  margin: -156px 0;
}
.related_bracket .bracket_round_4.bracket_stage_1 .bracket_line_vertical {
  margin: -328px 0;
}
.related_bracket .bracket_round_5.bracket_stage_1 .bracket_line_vertical {
  margin: -672px 0;
}

.bracket_match.compact {
  padding: 2px 0 !important;
}

.bracket_line_join {
  border: 2px solid #ccc;
  border-left: none;
  width: 5%;
  float: right;
  margin-right: 4%;
}
.bracket_line_vertical {
  border-top: 2px solid #ccc;
  width: 4%;
  float: right;
  height: 1px;
  margin: 0px -9% 0 0;
}
.bracket_line_vertical.to_grand_final {
  margin: -16px -0 0 0;
}
.bracket_line_join.to_grand_final {
  border-bottom: none;
}
.related_bracket .bracket_line_join.to_grand_final {
  height: 34px !important;
  border: 2px dotted #ccc !important;
  border-left: none !important;
  border-top: none !important;
  position: relative;
  top: -33px;
}
.related_bracket .bracket_stage_1 .bracket_line_vertical {
  width: 4%;
}
.related_bracket .bracket_stage_1 .bracket_line_join {
  border-bottom: none;
  height: 17px;
}
.related_bracket.single-elimination .bracket_stage_1 .bracket_line_join {
  border-bottom: 2px solid #ccc;
}
.related_bracket.single-elimination .bracket_stage_1 .bracket_line_vertical {
  margin: -11px -10% 0 0;
}
.bracket_line_join.to_grand_final {
  border-bottom: 0;
}
.bracket_line_join.to_grand_final_bottom {
  border: 0;
  border-top: 2px dotted #ccc;
  border-left: 2px dotted #ccc;
  height: auto;
  min-height: 20px;
  margin: 0;
  position: relative;
  top: 15px;
}
.related_bracket .bracket_stage_1 .bracket_line_join {
  border-bottom: none;
  height: 17px;
}
.bracket_line_join.from_upper_bracket {
  border-top: 0;
  border-right: 0;
  height: 2px;
  margin-right: 0;
  border-bottom: 2px dotted #ccc !important;
  border-left: 2px dotted #ccc;
  position: relative;
  top: -32px;
}

/* TINY MCE */

.defaultSkin table.mceLayout {
  max-width: 900px;
}

/* GAMES */

.game_leagues,
.game_news,
.game_users,
.game_teams {
  margin-top: 2em;
}

.game_users ul,
.game_teams ul {
  float: left;
  padding: 0 !important;
  margin-right: 3em;
}

.game_users li,
.game_teams li {
  list-style-type: none;
}

/* LEAGUES & TOURNAMENTS */

.season_image {
  margin: 0 0 3em 0;
}

.league_item,
.tournament_item {
  margin-bottom: 2em;
  clear: both;
  float: left;
  width: 100%;
}
.league_info,
.tournament_info {
  font-size: 12px;
}
.league_type {
  margin-bottom: 10px;
  min-height: 20px;
}
.league_type:nth-child(n + 2) {
  margin-top: 25px;
}
.league_type .league_type_name {
  font-weight: bold;
  font-size: 110%;
}
.league_type .league_type_label {
  font-weight: bold;
  font-size: 80%;
  color: #666;
}
.tournament_header .league_info,
.tournament_header .tournament_info {
  background: #eeebe5;
  padding: 5px 15px;
  width: 100%;
  max-width: 730px;
  margin: 10px 0;
}

.league_info span:nth-child(n + 2),
.tournament_info span:nth-child(n + 2) {
  border-left: 1px solid #ddd;
  padding-left: 0.7em;
  margin-left: 0.5em;
}

.league_description {
  float: left;
  width: 63%;
  margin-top: 1em;
}

.tournament_description {
  float: left;
  width: 100%;
  margin-top: 1em;
}

.league_img {
  float: right;
}

.league_name,
.tournament_name {
  padding: 0px 0 3px 0 !important;
  margin-bottom: 6px;
  font-size: 22px !important;
  color: #0e4183 !important;
}

img.league_icon {
  padding: 4px 3px 0 0;
  float: left;
}

.league_info a,
.tournament_info a {
  text-decoration: none;
}

.league_name a,
.tournament_name a {
  text-decoration: none;
  color: #222;
  transition: color 0.2s ease-in-out;
}
.league_name a:hover,
.tournament_name a:hover {
  color: #eb6314;
}

.league_footer,
.tournament_footer,
.group_footer {
  float: right;
  clear: both;
  padding-top: 5px;
  font-size: 11px;
  color: #666;
}

.league_body,
.tournament_body,
.group_body {
  padding-bottom: 1em;
  float: left;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.league_actions,
.tournament_actions {
  float: right;
  text-align: right;
}
.league_actions .edit,
.tournament_actions .edit {
  padding-right: 0.2em;
}
.league_actions .delete,
.tournament_actions .delete {
  padding-left: 0.5em;
  border-left: 1px solid #999;
}

.league_brackets,
.league_groups,
.league_contestants,
.league_results,
.tournament_brackets,
.tournament_groups,
.tournament_results {
  margin-top: 2em;
  float: left;
  width: 100%;
}

.inactive_contestant {
  color: #666;
}

.inactive_separator {
  padding-top: 1em;
}
.league_contestant,
.tournament_contestant {
  clear: both;
  height: 2em;
}
.league_contestant_name,
.tournament_contestant_name {
  float: left;
  width: 40%;
  line-height: 2em;
}
.tournament_contestants a {
  text-decoration: none;
  color: #24262e;
  transition: color 0.2s ease-in-out;
}
.tournament_contestants a:hover {
  color: #eb6f2d;
}
.tournament_contestants .tournament_contestant:nth-child(2n) {
  background-color: #eeebe5;
}
.tournament_contestants .tournament_contestant,
.tournament_contestants #contestant_headers {
  padding: 3px 0;
  max-width: 1000px;
}
.tournament_contestants #contestant_headers span {
  font-weight: bold;
  cursor: pointer;
  font-size: 90%;
  line-height: 2em;
  font-family: inherit;
}
.tournament_contestants .actions {
  float: left;
}
#contestant_counts {
  margin-bottom: 1em;
}
.tournament_contestant_seed,
.tournament_contestant_signup_order,
.tournament_contestant_licence,
.tournament_contestant_mmr {
  float: left;
  width: 4%;
  font-size: 80%;
  line-height: 2.7em;
  max-height: 2.7em;
  text-align: center;
  font-family: monospace;
  padding-right: 1%;
}
.tournament_contestant_licence {
  width: 6%;
}
.tournament_contestant_mmr {
  width: 7%;
}
.tournament_contestant_gameaccount {
  float: left;
  width: 20%;
  padding-right: 1%;
  font-size: 90%;
  line-height: 2.7em;
}
.tournament_contestant_gameaccount.button,
.tournament_contestant_licence.button {
  line-height: 1.4em !important;
}
.tournament_contestant_checkin {
  float: left;
  width: 9%;
  height: inherit;
  text-align: center;
}
.tournament_contestant_licence img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle;
  height: 2em;
}
.tournament_contestant_licence img.verified {
  background: rgb(88, 186, 88);
}
.tournament_contestant_licence img.unverified {
  background: rgb(186, 181, 88);
}
.tournament_contestant_checkin img,
.tournament_contestant_no_checkin img {
  height: 1.5em;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle;
}
.tournament_contestant_checkin img.checkin {
  background: rgb(88, 186, 88);
}
.tournament_contestant_checkin img.checkin_queue {
  background: rgb(186, 181, 88);
}
.tournament_contestant_checkin img.no_checkin {
  background: rgb(186, 88, 88);
}
#confirm_verified_toggle {
  position: relative;
  top: -2.8em;
  left: -50px;
  cursor: pointer;
  line-height: 1.5em;
}
#confirm_checkin_toggle {
  position: relative;
  top: -2.2em;
  left: -50px;
  cursor: pointer;
}
.tournament_contestant_signup_time {
  float: left;
  width: 16%;
  font-size: 80%;
  padding-right: 1%;
  line-height: 2.5em;
}
.tournament_badges {
  margin: 0 0 25px 0;
}
.tournament_group_badge,
.tournament_bracket_badge,
.league_group_badge,
.league_bracket_badge {
  float: left;
  margin-right: 30px;
  color: #222;
  transition: background 0.2s ease-in-out;
  background: #eeebe5;
  margin: 10px 20px 10px 0;
}
.tournament_group_badge a,
.tournament_bracket_badge a,
.league_group_badge a,
.league_bracket_badge a {
  font-weight: 800;
  padding: 10px;
  background: #eb6314;
  margin: 0;
  color: #fff;
}
.tournament_group_badge:hover,
.tournament_bracket_badge:hover,
.league_group_badge:hover,
.league_bracket_badge:hover {
  background: none;
}
.badge_header a {
  text-decoration: none;
  display: block;
  min-width: 200px;
  font-size: 24px;
  transition: background 0.2s ease-in-out;
}
.badge_header a:hover {
  background: #24262e;
}
.badge_body {
  padding: 10px;
  display: block;
}

.group_view_matches {
  text-align: center;
  padding: 0.5em 0.5em 0;
  clear: both;
  display: block;
}
.contestant_details {
  margin-bottom: 1em;
}

/* UUTISTYYLIT */

.news_title {
  padding: 0px 0 3px 0 !important;
  margin-bottom: 6px;
  font-size: 22px !important;
  color: #0e4183 !important;
}
.news_title a {
  font-size: 22px;
  text-decoration: none;
  color: #222;
  transition: color 0.2s ease-in-out;
}
.news_title a:hover {
  color: #eb6314;
}
h1.news_title a {
  color: #222;
  text-decoration: none;
  font-size: 36px;
  cursor: auto;
}
h1.news_title div.unpublished,
.news_header div.unpublished {
  background: url(../img/icons/icon-lock.png) 50% 50% no-repeat #f20000;
  float: right;
  height: 53px;
  width: 5%;
}
div.news_title div.unpublished {
  background: url(../img/icons/icon-lock.png) 50% 50% no-repeat #f20000;
  float: right;
  height: 40px;
  width: 4%;
  margin-right: 10px;
}
.news_info {
  font-size: 12px;
  color: #666;
  background: #eeebe5;
  padding: 5px 15px;
  width: 100%;
  max-width: 730px;
  margin: 10px 0;
}
.news_info a {
  text-decoration: none;
}
.news_info span:nth-child(n + 2) {
  border-left: 1px solid #ddd;
  padding-left: 0.7em;
  margin-left: 0.5em;
}
.news_body {
  clear: both;
  padding: 1em 0;
}
.news_footer {
  margin-top: 0.5em;
  border-top: 1px solid #ddd;
  padding-top: 5px;
  font-size: 11px;
  color: #666;
}
.news_footer a {
  text-decoration: none;
  color: #0e4183;
}
.news_footer a:hover {
  color: #0e4183;
}
.news_comments {
  padding-top: 10px;
}
.news_comments_count {
  float: left;
  padding-left: 0.5em;
}
.news_actions {
  float: right;
  text-align: right;
}
.news_actions .edit {
  padding-right: 0.2em;
}
.news_actions .delete {
  padding-left: 0.5em;
  border-left: 1px solid #999;
}
#NewsTitle,
#NewsSlug {
  width: 99%;
}

.paging {
  margin: 1em 0;
  font-size: 14px;
}
table.users,
table.user_group_permissions {
  width: 100%;
}

/* KOMMENTIT */

h3.comments {
  color: #888;
  padding: 10px 0;
  margin-bottom: 5px;
}
.comment-list {
  padding: 0 !important;
}
.comment-list li {
  list-style-type: none;
}
.comment {
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0.2em;
  font-size: 90%;
  color: #444;
}
.comment ul {
  padding-left: 2em;
}
.comment li {
  list-style-type: disc;
}
.comment .posted-by {
  margin-bottom: 0.5em;
  color: #0e4183;
}
.comments_login_notice {
  font-style: italic;
  text-align: center;
}
.match_comments {
  margin-top: -20px;
}
.match_comments h3 {
  color: #888;
  padding-bottom: 10px;
}
.comment .actions {
  float: right;
  text-align: left;
}
.comment .actions a {
  text-decoration: none;
}
.comment_body {
  font-size: 100%;
}
#comments {
  clear: both;
}
.match_comments {
  padding-top: 3em;
}
.replay_input {
  clear: both;
}
.replay_input .input {
  float: left;
  clear: none;
  margin-right: 1em;
}
.replay_input select {
  margin-top: 3px;
  min-width: 130px;
}
.uploaded_replays {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
}
.uploaded_replays table {
  border: 1px solid #ddd;
  padding: 5px;
}
.uploaded_replays .uploader,
.uploaded_replays .time {
  text-align: center;
}

.match_description {
  margin-top: 2em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2em;
}
.match_description p,
.match_description ul,
.match_description ol {
  margin: 0;
}

.page_todo ul {
  padding-left: 2em;
}

/* CONTESTANTS */

.contestant_matches .contestant_match {
  padding: 5px 0 20px 0;
  border-bottom: 1px dotted #ddd;
  clear: both;
}

.contestant_match a {
  text-decoration: none;
  padding: 2px 0;
}
.contestant_match:hover {
  background: #f6f6f6;
}
.contestant_match .match_start {
  width: 12%;
  min-width: 145px;
  float: left;
  color: #222;
}

.contestant_match .match_name {
  width: 30%;
  float: left;
}

.contestant_match .vs {
  float: left;
  width: 6%;
  padding: 0 20px;
  text-align: center;
  color: #222;
}

.index .contestant {
  clear: both;
}

.index td {
  border-bottom: 1px dotted #ddd;
  padding: 3px 0 3px 0;
}

.contestant_name {
  float: left;
  width: 35%;
}

.contestant .actions {
  float: left;
}

.contestant_view {
  margin-bottom: 1em;
}

/* LOGIN */

#sisalto .login_page {
  margin-left: 230px;
  border: none;
}

/* FLASH */

.flash {
  color: #5b5b5b;
}
.flash .message {
  background-color: #e1dfdb;
  padding: 10px 15px;
}
.flash_warning {
  background-color: #eedcc5;
  padding: 10px 15px;
}
.flash_error {
  background: #dbc6c6;
  padding: 10px 15px;
}
.flash_success {
  background-color: #dde9c7;
  padding: 10px 15px;
}

.next_match {
  margin-bottom: 1em;
  border: 1px solid #666;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 3px;
}
.next_match span {
  font-weight: bold;
  color: #222;
}
.next_match div {
  padding-left: 1em;
}
.next_matches .match {
  border-bottom: 1px solid #ddd;
  padding: 0 5px;
  margin: 0 5px;
  clear: both;
  float: left;
  width: 200px;
}
.next_matches .match:hover {
  background-color: #eee;
}
.next_matches .game_icon,
.next_matches .contestants {
  float: left;
}
.next_matches .contestants {
  line-height: 1.5em;
  width: 125px;
  height: 100%;
}
.next_matches .contestants a {
  display: block;
  text-decoration: none;
}
.next_matches .contestants a.top {
  padding: 5px 0 0 0;
}
.next_matches .contestants a.bottom {
  padding: 0 0 5px 0;
}
.next_matches .contestants a:hover {
  color: #0e4183;
}
.next_matches .time {
  float: left;
  width: 50px;
  text-align: right;
  line-height: 1.4em;
}
.next_matches .time a {
  color: black;
  text-decoration: none;
  display: block;
}
.next_matches .game_icon {
  width: 25px;
  height: 45px;
}
.next_matches .game_icon img {
  padding: 13px 10px 7px 0px;
}
.next_matches .time_a a {
  padding: 5px 0 0 0;
  font-size: 13px;
  line-height: 1.5em;
}
.next_matches .tomorrow a {
  font-size: 11px;
}
.next_matches .time_b a {
  padding: 0 0 5px 0;
  font-size: 17px;
}
.next_matches .all_matches_link {
  text-align: center;
  float: left;
  margin: 0 5px;
  width: 200px;
}
.next_matches .all_matches_link a {
  padding: 5px;
  display: block;
}

/* TEAMS */

.team_info {
  font-size: 90%;
  color: #666;
  margin-bottom: 1em;
}
.team_info a {
  text-decoration: none;
}
.team_info span:nth-child(n + 2) {
  border-left: 1px solid #ddd;
  padding-left: 0.7em;
  margin-left: 0.5em;
}
.team_name {
  padding: 0 !important;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2px;
  margin-bottom: 2px;
  font-size: 22px !important;
  color: #0e4183 !important;
}
.team_members,
.team_description {
  margin-bottom: 1em;
}
.team_members h3 {
  padding-bottom: 7px;
}
.team_members .team_owner {
  padding-left: 10px;
}
.team_member {
  clear: both;
  padding-left: 10px;
}
.team_member_name {
  float: left;
  width: 150px;
}
.team_member .actions {
  float: left;
}
.team_leagues {
  clear: both;
  padding-top: 1em;
}
.team_leagues .team_league {
  padding-left: 10px;
}
.team_leagues h3 {
  padding-bottom: 7px;
}

/* DASHBOARD*/

.user_gameaccounts,
.user_teams,
.user_leagues,
.user_next_matches,
.user_past_matches {
  margin-bottom: 2em;
}
.user_gameaccounts ul,
.user_licences ul {
  width: 70%;
}
.user_gameaccounts .actions,
.user_licences .actions {
  float: right;
}
.user_licences img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle;
  height: 1em;
}
.user_licences img.verified {
  background: rgb(88, 186, 88);
}
.user_licences img.unverified {
  background: rgb(186, 88, 88);
}

/* USERS */
#user_management_links {
  margin: 10px;
  text-align: center;
}
#user_management_links a {
  padding: 5px 10px;
  border-right: 1px solid #ddd;
}
#user_management_links a:last-child {
  border-right: none;
}
#user_search,
#team_search {
  float: right;
  margin-top: -5px;
}
#user_search div,
#user_search input,
#team_search div,
#team_search input {
  display: inline !important;
}
#user_search label,
#team_search label {
  display: inline !important;
  margin-right: 10px;
}

/* REPLAYS */

.replay_file_info dt {
  float: left;
  text-align: right;
  min-width: 87px;
  padding-right: 1em;
}

.replay_file_info dd {
  margin-bottom: 2px;
}

/* V�RIT */

.green {
  color: green;
}
.red {
  color: red;
}
.error-message {
  color: #b50e0e;
}
form.wufoo .input label {
  color: #444;
  font-weight: normal;
}

/* DEBUG */
.cake-sql-log {
  background-color: white;
  color: black;
}