/*
---------------
 Main
---------------
*/
body {
  color: black;
  background-image: none;
  background: #CCFFCC;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif;
  margin: 0px;
  font-size: small;
}
div#header {
  width: 100%;
}
table {
  font-size: x-small;
}
#mainarea {
  float: right;
  background-image: none;
  margin: 10px 10px 15px 10px;
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
  width: calc(100% - 145px);
}
#mainarea.expanded {
  width: calc(100% - 20px);
}
#mainfirstcolumn {
  float: left;
  width: calc(60% - 12px);
  padding-right: 8px;
}
#mainsecondcolumn {
  float: right;
  width: calc(40% - 12px);
  padding-left: 12px;
}

/*
---------------
 Left menu
---------------
*/
#leftmenu {
  float: left;
  width: 120px;
  margin-left: 5px;
  margin-top: 7px;
}
.Interclubs_Left_Menu
{
  min-width: 120px;
  color: #EEFF33;
  text-align: center;
  font-weight: normal;
  font-size: x-small;
  margin-top: 3px;
}
th.Interclubs_Left_Menu
{
  color: #EEFF33;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-color: #76AC76;
  background-repeat: inherit;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
th.Interclubs_Left_Menu th
{
  color: #EEFF33;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-repeat: repeat;
  background-color: inherit;
  font-weight: bold;
}
a.Interclubs_Left_Menu
{
  color: #EEFF33;
  font-weight: normal;
  text-decoration: none;
}
a.Interclubs_Left_Menu_Selected
{
  color: black;
  font-weight: normal;
  text-decoration: none;
}
a.Interclubs_Left_Menu:HOVER
{
  color: black;
  background: #FFFF33;
  text-decoration: none;
}
td.Interclubs_Left_Menu_Selected
{
  color: black;
  background: #FFFF33;
  font-weight: bold;
  border-left: 0px;
  border-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
td.Interclubs_Left_Menu
{
  background-color: #408000;
  border-left: 0px;
  border-right: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
td.Interclubs_Left_Menu:hover {
  background: #FFFF33;
}
td.Interclubs_Left_Menu:hover a {
  color: black;
}
.Interclubs_Left_Menu_Separator
{
  height: 10px;
}
tr.Interclubs_Left_Menu_Separator td {
  border-top: 0px;
}
tr.Interclubs_Left_Menu td hr
{
  width: 80%;
  margin: 3px auto;
}

/* ---------------
    Submenu
--------------- */
tr.Interclubs_Left_Menu_submenu td {
  background-color: #408000;
  background-image: url(/images/sporcrea/left_menu.gif);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  padding-top: 0;
  padding-bottom: 0;
}
tr.Interclubs_Left_Menu_submenu a {
  width: 100%;
  margin: 0;
  text-decoration: none;
  color: #EEFF33;
}
tr.Interclubs_Left_Menu_submenu a:hover {
  color: black;
  background-color: #FFFF33;
}
tr.Interclubs_Left_Menu_submenu ul {
  display: none;
  margin: 0px;
  text-align: center;
  color: #EEFF33;
  background-color: #408000;
  list-style: none;
  padding: 2px;
  position: absolute;
  left: 100px;
  width: 150px;
  border: 1px solid #EEFF33;
}
tr.Interclubs_Left_Menu_submenu ul li:hover a {
  color: black;
}
tr.Interclubs_Left_Menu_submenu ul li:hover {
  background: #FFFF33;
  cursor: pointer;
}

/*
---------------
 Links
---------------
*/
a.interclubs
{
  color: black;
}
a.interclubs:hover
{
  color: #CCFFCC;
  background-color: black;
}
a.svg-link {
  width: inherit;
  color: black;
  fill: black;
  display: inline-block;
  vertical-align: middle;
}
a.svg-link:hover {
  color: #CCFFCC;
  background-color: #FFFF33;
}
a.svg-link:hover .svg-icon {
  color: #CCFFCC;
  fill: #CCFFCC;
}
a.svg-link.DBTable {
  fill: black;
  padding: 2px 4px;
}
a.svg-link.DBTable:hover {
  background-color: #FFFF33;
  border-radius: 3px;
}
a.svg-link.DBTable:hover .svg-icon {
  color: black;
  fill: black;
}
.svg-icon svg {
  width: 100%;
  height: 100%;
}

/*
---------------
  Top Banner
---------------
*/
.top_banner
{
  width: 100%;
  background: #408000;
}
.top_banner_Left
{
  background-image: url(/images/tables/sporcrea/sporcrea_icon.png);
  width: 53px;
  height: 53px;
}
.top_banner_Middle
{
  background-image: url(/images/tables/sporcrea/sporcrea_text.png);
  width: 248px;
  height: 53px;
}
.top_banner_Right
{
  background-image: url(/images/tables/sporcrea/sporcrea_icon.png);
  width: 53px;
  height: 53px;
}
table.top_menu {
  color: #EEFF33;
  background: #408000;
  width: 100%;
  text-align: center;
  border-top: solid thin #FFFF33;
  border-bottom: solid thin #FFFF33;
  font-size: small;
}
table.top_menu .top-menu-option {
  display: inline-block;
  text-align: center;
}
a.top_menu {
  color: #EEFF33;
  font-weight: bold;
  text-decoration: none;
}
a.top_menu.selected,
a.top_menu_Selected {
  color: black;
  font-weight: bold;
  text-decoration: none;
  background-color: #FFFF33;
}
a.top_menu:hover {
  color: black;
  background-color: #FFFF33;
}
.top_menu .top-icon {
  display: none;
}
.top_menu.left-menu-trigger,
.top_menu.top-menu-trigger {
  display: none;
}

/*
---------------
 Columns
---------------
*/
.firstcolumn {
  float: left;
  width: calc(50% - 8px);
}
.secondcolumn {
  width: calc(50% - 8px);
  margin-left: calc(50% + 8px);
}

/*
---------------
 Bottom
---------------
*/
.Interclubs_Bottom
{
  width: 100%;
  color: black;
  text-align: center;
  font-size: xx-small;
}
a.Interclubs_Bottom, span.Interclubs_Bottom
{
  width: auto;
  color: black;
  text-align: center;
  font-size: xx-small;
  cursor: pointer;
}
A.Interclubs_Bottom:HOVER, span.Interclubs_Bottom:HOVER
{
  cursor: pointer;
  color: #CCFFCC;
  background-color: black;
}

/* ---------------
    Titles
--------------- */
/* Title */
.interclubs_title {
  color: #EEFF33;
  background-image: url(/images/tables/sporcrea/bk.gif);
  background-repeat: repeat;
  background-color: inherit;
  font-size: medium;
  width: 70%;
  text-align: center;
  font-weight: bold;
  padding: 2px 8px;
}
.interclubs_title_2ndline
{
  font-weight: normal;
  font-size: medium;
}

/* Subtitle */
.interclubs_subtitle {
  color: #EEFF33;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-repeat: repeat;
  background-color: inherit;
  font-size: small;
  font-weight: bold;
  width: 55%;
  text-align: center;
  line-height: inherit;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.Interclubs_Subtitle_2ndLine
{
  font-size: x-small;
}
.interclubs_title .tool {
  color: #EEFF33;
  float: right;
}


/*
---------------
 Selectors
---------------
*/
.club-selector {
  position: relative;
}
.club-selector .interclubs_title input[type="image"] {
  position: absolute;
  top: 3px;
  padding: 2px 8px;
}
.division-selector {
}

/*
---------------
 Footer
---------------
*/
#footer {
  margin-top: 20px;
  margin-bottom: 15px;
  clear: both;
}

/*
---------------
 DBTable
---------------
*/
table.DBTable {
  width: 100%;
  margin-bottom: 10px;
}
table.DBTable.suppress-bottom-margin {
  margin-bottom: 0px;
}
th.DBTable {
  color: #EEFF33;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-repeat: repeat;
  background-color: inherit;
  font-weight: normal;
  font-size: medium;
  font-family: sans-serif;
  border: solid 0px red;
  padding: 5px 0px;
}
tr.DBTable > th.DBTable:first-child {
  border-top-left-radius: 6px;
}
tr.DBTable > th.DBTable:last-child {
  border-top-right-radius: 6px;
}
th.DBTable a.DBTable {
  color: #EEFF33;
}
td.DBTable_btl
{
  background-image: url(/images/tables/sporcrea/t1_1x1.gif);
}
td.DBTable_bt
{
  background-image: url(/images/tables/sporcrea/t1_1x2.gif);
}
td.DBTable_btr
{
  background-image: url(/images/tables/sporcrea/t1_1x4.gif);
}
td.DBTable_bl
{
  background-image: url(/images/tables/sporcrea/t1_2x1.gif);
}
td.DBTable_br
{
  background-image: url(/images/tables/sporcrea/t1_2x3.gif);
}
td.DBTable_bbl
{
  background-image: url(/images/tables/sporcrea/t1_4x1.gif);
}
td.DBTable_bb
{
  background-image: url(/images/tables/sporcrea/t1_4x2.gif);
}
td.DBTable_bbr
{
  background-image: url(/images/tables/sporcrea/t1_4x4.gif);
}
td.DBTable {
  font-size: small;
  text-align: center;
  border-left: solid 1px #AAA;
  border-bottom: solid 1px #AAA;
  border-color: #76AC76;
  padding: 5px 0px;
}
table.DBTable.suppress-internal-border td.DBTable {
  border: 0;
}
[contenteditable="true"]:focus {
  background-color: #CCFFCC;
}
td.DBTable_First {
  font-size: small;
  text-align: center;
  border-bottom: solid 1px #AAA;
  padding: 5px 0px;
  border-color: #76AC76;
}
table.DBTable.suppress-internal-border td.DBTable_First {
  border: 0;
}
table.DBTable tbody tr.DBTable:first-child td {
  padding-top: inherit;
}
table.DBTable tbody tr.DBTable:last-child td {
  padding-bottom: inherit;
}
tr.DBTable,
tr.DBTable0 {
  text-align: center;
}
tr.DBTable1 {
  color: black;
  background-color: #CCFFCC;
  text-align: center;
}
tr.DBTable td {
  color: black;
  background-color: #98BD98;
}
/* No background when having table inside table */
table.DBTable tr.DBTable td table tr td {
  background-color: transparent;
}
tr.DBTable.selectable:hover td
{
  color: black;
  background-color: #FFFF33;
  cursor: pointer;
}
tr.DBTable.selected td
{
  color: black;
  background-color: #FFFF33;
  font-weight: bold;
  vertical-align: middle;
}
td.DBTable_Last {
  border-left: solid 1px #AAA;
}
a.DBTable_Header {
 color: #EEFF33;
 text-decoration: none;
 display: inline-block;
}
a.DBTable {
 color: black;
 text-decoration: none;
 display: inline-block;
}
th a.DBTable {
 color: inherit;
}
a.DBTable_header:hover
{
 color: black;
 background-color: #EEFF33;
}
a.DBTable:hover {
 color: black;
 background-color: #FFFF33;
}
a.DBTable_Selectable {
  color: #EEFF33;
  fill: #EEFF33;
  text-decoration: none;
  font-weight:bold;
  display: inline-block;
  padding: 1px;
}
tr.DBTable:hover a.DBTable_Selectable,
tr.DBTable.selected td a.DBTable_Selectable {
 color: black;
}
tr.DBTable:hover a.DBTable_Selectable:hover,
a.DBTable_Selectable:hover {
 color: #98BD98;
 fill: #98BD98;
 background: #EEFF33;
 font-weight:bold;
}
a.svg-link.DBTable_Selectable {
 vertical-align: top;
 padding: 5px;
 margin: 2px;
}
a.svg-link.DBTable_Selectable:hover {
 background: #FFFF33 !important;
}
a.DBTable_Selectable.svg-link:hover .svg-icon {
 color: #EEFF33;
 fill: #EEFF33;
}
span.DBTable
{
  font-weight: bold;
  background-color: #408000;
}
tr.DBTable td.DBTable_paging {
  text-align: center;
  border-bottom: solid 1px #AAA;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-repeat: repeat;
  background-color: inherit;
  padding: 5px 0 !important;
}
tr.DBTable td.DBTable_paging a.DBTable {
  color: #EEFF33;
}
tr.DBTable td.DBTable_paging a.DBTable:hover {
  color: inherit;
  background-color: #EEFF33;
}
tr.DBTable th.DBTable.wo,
tr.DBTable td.DBTable.wo {
  display: none;
}
/* Promotion/Relegation */
tr.DBTable.promotion_limit td.DBTable,
tr.DBTable.promotion_limit td.DBTable_first {
  border-bottom: 1px solid green;
}
tr.DBTable.relegation_limit td.DBTable,
tr.DBTable.relegation_limit td.DBTable_first {
  border-top: 1px dotted red;
}
@media screen and (min-width: 780px) {
  tr.DBTable.promoted td.DBTable_first {
    background-image: url(/images/icon_move_up_16.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 4px;
  }
  tr.DBTable.relegated td.DBTable_first {
    background-image: url(/images/icon_move_down_16.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 4px;
  }
}

/*
---------------
 DBTable_short
---------------
*/
table.DBTable_short {
  width: 100%;
  margin-bottom: 10px;
}
table.DBTable_short.suppress-bottom-margin {
  margin-bottom: 0px;
}
th.DBTable_short {
  color: #EEFF33;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-repeat: repeat;
  background-color: inherit;
  font-weight: normal;
  font-size: small;
  font-family: sans-serif;
  border: solid 0px red;
  padding: 5px 0px;
}
tr.DBTable_short > th.DBTable_short:first-child {
  border-top-left-radius: 6px;
}
tr.DBTable_short > th.DBTable_short:last-child {
  border-top-right-radius: 6px;
}
th.DBTable_short a.DBTable_short {
  color: #EEFF33;
}
td.DBTable_short_btl
{
  background-image: url(/images/tables/sporcrea/t1_1x1.gif);
}
td.DBTable_short_bt
{
  background-image: url(/images/tables/sporcrea/t1_1x2.gif);
}
td.DBTable_short_btr
{
  background-image: url(/images/tables/sporcrea/t1_1x4.gif);
}
td.DBTable_short_bl
{
  background-image: url(/images/tables/sporcrea/t1_2x1.gif);
}
td.DBTable_short_br
{
  background-image: url(/images/tables/sporcrea/t1_2x3.gif);
}
td.DBTable_short_bbl
{
  background-image: url(/images/tables/sporcrea/t1_4x1.gif);
}
td.DBTable_short_bb
{
  background-image: url(/images/tables/sporcrea/t1_4x2.gif);
}
td.DBTable_short_bbr
{
  background-image: url(/images/tables/sporcrea/t1_4x4.gif);
}
td.DBTable_short {
  font-size: x-small;
  text-align: center;
  border-left: solid 1px #AAA;
  border-bottom: solid 1px #AAA;
  border-color: #76AC76;
  padding: 5px 0px;
}
table.DBTable_short.suppress-internal-border td.DBTable_short {
  border: 0;
}
[contenteditable="true"]:focus {
  background-color: #CCFFCC;
}
td.DBTable_short_First {
  font-size: x-small;
  text-align: center;
  border-bottom: solid 1px #AAA;
  padding: 5px 0px;
  border-color: #76AC76;
}
table.DBTable_short.suppress-internal-border td.DBTable_short_First {
  border: 0;
}
table.DBTable_short tbody tr.DBTable_short:first-child td {
  padding-top: inherit;
}
table.DBTable_short tbody tr.DBTable_short:last-child td {
  padding-bottom: inherit;
}
tr.DBTable_short,
tr.DBTable_short0 {
  text-align: center;
}
tr.DBTable_short1 {
  color: black;
  background-color: #CCFFCC;
  text-align: center;
}
tr.DBTable_short td {
  color: black;
  background-color: #98BD98;
}
/* No background when having table inside table */
table.DBTable_short tr.DBTable_short td table tr td {
  background-color: transparent;
}
tr.DBTable_short.selectable:hover td
{
  color: black;
  background-color: #FFFF33;
  cursor: pointer;
}
tr.DBTable_short.selected td
{
  color: black;
  background-color: #FFFF33;
  font-weight: bold;
  vertical-align: middle;
}
td.DBTable_short_Last {
  border-left: solid 1px #AAA;
}
a.DBTable_short_Header {
 color: #EEFF33;
 text-decoration: none;
 display: inline-block;
}
a.DBTable_short {
 color: black;
 text-decoration: none;
 display: inline-block;
}
th a.DBTable_short {
 color: inherit;
}
a.DBTable_short_header:hover
{
 color: black;
 background-color: #EEFF33;
}
a.DBTable_short:hover {
 color: black;
 background-color: #FFFF33;
}
a.DBTable_short_Selectable {
  color: #EEFF33;
  fill: #EEFF33;
  text-decoration: none;
  font-weight:bold;
  display: inline-block;
  padding: 1px;
}
tr.DBTable_short:hover a.DBTable_short_Selectable,
tr.DBTable_short.selected td a.DBTable_short_Selectable {
 color: black;
}
tr.DBTable_short:hover a.DBTable_short_Selectable:hover,
a.DBTable_short_Selectable:hover {
 color: #98BD98;
 fill: #98BD98;
 background: #EEFF33;
 font-weight:bold;
}
a.svg-link.DBTable_short_Selectable {
 vertical-align: top;
 padding: 5px;
 margin: 2px;
}
a.svg-link.DBTable_short_Selectable:hover {
 background: #FFFF33 !important;
}
a.DBTable_short_Selectable.svg-link:hover .svg-icon {
 color: #EEFF33;
 fill: #EEFF33;
}
span.DBTable_short
{
  font-weight: bold;
  background-color: #408000;
}
tr.DBTable_short td.DBTable_short_paging {
  text-align: center;
  border-bottom: solid 1px #AAA;
  background-image: url(/images/tables/sporcrea/bk2.gif);
  background-repeat: repeat;
  background-color: inherit;
  padding: 5px 0 !important;
}
tr.DBTable_short td.DBTable_short_paging a.DBTable_short {
  color: #EEFF33;
}
tr.DBTable_short td.DBTable_short_paging a.DBTable_short:hover {
  color: inherit;
  background-color: #EEFF33;
}
tr.DBTable_short th.DBTable_short.wo,
tr.DBTable_short td.DBTable_short.wo {
  display: none;
}
/* Promotion/Relegation */
tr.DBTable_short.promotion_limit td.DBTable_short,
tr.DBTable_short.promotion_limit td.DBTable_short_first {
  border-bottom: 1px solid green;
}
tr.DBTable_short.relegation_limit td.DBTable_short,
tr.DBTable_short.relegation_limit td.DBTable_short_first {
  border-top: 1px dotted red;
}
@media screen and (min-width: 780px) {
  tr.DBTable_short.promoted td.DBTable_short_first {
    background-image: url(/images/icon_move_up_16.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 4px;
  }
  tr.DBTable_short.relegated td.DBTable_short_first {
    background-image: url(/images/icon_move_down_16.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 4px;
  }
}

/*
---------------
 Table toolbar
---------------
*/
.toolbar {
  margin-top: -16px;
  margin-bottom: 10px;
  border-top: 1px solid #9bcb67;
  background-color: #98BD98;
  padding: 4px 16px;
  color: black;
}
.toolbar a {
  text-decoration: none;
  color: black;
  vertical-align: middle;
}
.toolbar img {
  vertical-align: super !important;
}

/*
---------------
 SimpleList
---------------
*/
table.SimpleList {
  width: 100%;
}
table.SimpleList th
{
  text-align: left;
}

/*
---------------
 Messages
---------------
*/
div.ErrorMsg
{
  width: calc(100% - 24px);
  text-align: center;
  color: red;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  background-color: #98BD98;
  padding: 12px;
}
div.ErrorMsg a
{
  color: red;
  text-decoration: none;
}
div.ErrorMsg a:hover
{
  background-color: red;
  color: #CCFFCC;
}
div.WarningMsg
{
  width: calc(100% - 24px);
  text-align: center;
  color: green;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 2px solid green;
  border-bottom: 2px solid green;
  background-color: #98BD98;
  padding: 12px;
}
div.MessageMsg
{
  width: calc(100% - 24px);
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  color: black;
  background-color: #98BD98;
  padding: 12px;
}

/*
---------------
 Misc
---------------
*/
.hr {
  color: #FFFF33;
}
div.interclubs {
  color: #EEFF33;
  padding: 4px;
  border:2px solid #FFFF33;
  background-color: #408000;
}
.debug {
  color: #111;
  background: #EEE;
  font-size: 12px;
  width: calc(100% - 10px);
  padding: 5px;
  border: 1px solid #AAA;
}

/*
---------------
 News list
---------------
*/
#news_list table {
  border-spacing: 0;
}
#news_list table table {
  width: calc(100% - 20px) !important;
  margin: 10px 0px 0px 10px !important;
}
#news_list .DBTable_first {
  padding-top: 0;
}
#news_list .DBTable,
#news_list .DBTable_first {
  text-align: left;
  border: 0;
}
#news_list th {
  padding-left: 8px;
}
#news_list th.Interclubs_Left_Menu {
  padding-top: 0;
  padding-bottom: 0;
}
#news_list .message {
  border-left: 1px solid #408000;
  margin-left: 10px;
  padding: 4px 8px;
}
#news_list .message h1,
#news_list .message h2,
#news_list .message h3,
#news_list .message h4,
#news_list .message p:first-child {
  margin-top: 0px;
}
#news_list .message a {
  color: #EEFF33;
  text-decoration: none;
  font-weight: bold;
}
#news_list .message a:hover {
  color: #98BD98;
  background: #EEFF33;
}


/*
---------------
 My matches
---------------
*/
.victory, .defeat, .to_play {
  padding: 2px 4px;
  border: 1px solid;
  border-radius: 3px;
}
.victory:hover, .defeat:hover, .to_play:hover {
  cursor: pointer;
}
.victory {
  color: #3A3;
  border-color:  #3A3;
}
.defeat {
  color: #A33;
  border-color:  #A33;
}

/*
---------------
 Search box
---------------
*/
table.search_result {
  width: 100%;
  margin-top: 8px;
}
table.search_result td {
  padding-top: 2px;
  padding-bottom: 2px;
}

/*
---------------
 ToolTips
---------------
*/
table.Tooltip
{
  background: #FFFF33;
  border: 4px;
}
table.Tooltip td
{
  padding: 0px;
}
table.TooltipTop
{
  color: black;
  font-weight: bold;
  font-size: 12px;
  font-family: sans-serif;
  border: 0px;
}
table.TooltipText
{
  font-weight: normal;
  font-size: 12px;
  font-family: sans-serif;
  color: #EEFF33;
  background: #408000;
}
table.TooltipText input.image
{
  background: #408000;
}

/*
---------------
 Forms
---------------
*/
form {
  margin: 0;
}
select {
  font-family: Verdana, "Courier New";
  font-size: x-small;
  background-color: #98BD98;
  color: black;
  border: 1px solid #CCFFCC;
  margin: 2px;
  border-radius: 3px;
  padding: 3px 10px;
  min-height: 23px;
}
select > option {
  padding: 3px 10px;
  font-size: small;
}
.chosen-container {
  text-align: left;
}
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices,
.chosen-container .chosen-choices {
  border: 1px solid #CCFFCC !important;
  background: #98BD98 !important;
}
.chosen-container-single .chosen-single {
  height: 23px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.chosen-container-single .chosen-drop {
  background-color: #FFFF33 !important;
}
.chosen-container-single.chosen-container-active .chosen-single {
  background-color: #FFFF33 !important;
}
.chosen-container-single .chosen-single span,
.chosen-container .chosen-results li.active-result,
.chosen-container-multi .chosen-choices li.search-choice span {
  color: black;
  font-family: Verdana, "Courier New";
  font-size: x-small;
  line-height: 21px;
}
.chosen-container .chosen-results li.active-result {
  padding: 2px 6px;
}
input,
button.input-button {
  background-color: #98BD98;
  color: black;
  border: 1px solid #CCFFCC;
  margin: 2px 0px;
  padding: 3px 10px;
  outline-color: transparent;
}
select:focus, input:focus
{
  color: black;
  background-color: #FFFF33;
}
textarea {
  background-color: #98BD98;
  border: 1px solid #CCFFCC;
  color: black;
  font-size: small;
}
textarea:focus {
  color: black;
  background-color: #FFFF33;
}
input.image, input[type='image'] {
  /* Same as body background */
  background-color: transparent;
  border: 0;
  width: 32px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
input.image:hover, input[type='image']:hover,
input.image.hover, input[type='image'].hover {
  background-color: #FFFF33;
  border-radius: 3px;
}
input.search {
  border: 0px;
  height:16px;
  font-family: Courier;
  font-size: xx-small;
  width:100%;
  font-weight: 100;
  text-align: center;
}
input.search_hover {
  background-color: ivory;
  border: 1px dotted black;
  height:16px;
  font-family: Courier;
  font-size: xx-small;
  width:100%;
  font-weight: 100;
  text-align: center;
}

/* ------------------------------
     Result details form
   ------------------------------ */
input.resultdetail {
  padding: 2px 4px;
  text-align: center;
  width: 32px;
}

/* ------------------------------
     Result details comments
   ------------------------------ */
#res_comments table {
  border-spacing: 0;
  margin-bottom: 8px;
  width: 100%;
  font-size: small;
}
#res_comments th {
  padding: 4px 12px;
}
#res_comments td {
  padding: 4px 12px;
}

/* ------------------------------
     Auto complete Player List
   ------------------------------ */
input.playerlist {
  width: calc(100% - 25px);
  margin: 1px;
  border: 1px solid #CCFFCC;
  height: 24px;
}

input.playerlist.error {
  background-color: #E00;
  color: white;
}

img.playerlist {
  border: 1px solid #CCFFCC;
  margin-bottom: 1px;
  vertical-align: bottom;
  height: 18px;
  padding: 2px;
}

.autocomplete {
  cursor: pointer;
  border: 1px solid #FFFF33;
  color: black;
  background-color: #98BD98;
  font-family: Verdana, "Courier New";
  padding: 4px;
}

.autocomplete .normal {
  padding: 3px;
}

.autocomplete .selected {
  color: black;
  background-color: #FFFF33;
}

.autocomplete .highlited {
  font-family: Verdana, "Courier New";
  font-weight: bold;
  color: black;
  padding-top: 1px;
}

.autocomplete .selected .highlited {
  color: black;
}

/* ------------------------------
     Tournament specific styles
   ------------------------------ */
.tournament
{
  border: 0px;
  color: #EEFF33;
  background-color: #FFFF33;
  text-align: center;
  text-decoration: none;
}
.tournament:hover
{
  background-color: #CCFFCC;
}

table.tko
{
  width: 80%;
  color: #EEFF33;
  text-align: center;
}

table.tko th
{
  height: 20px;
  background: #FFFF33;
}

table.tko td.inner
{
  background: #408000;
}
table.tko td.empty
{
  font-size: 5px;
}
table.tko td.inner_top
{
  background: #408000;
  vertical-align: bottom;
  height: 20px;
}
table.tko td.inner_bottom
{
  background: #408000;
  vertical-align: top;
  height: 20px;
}

/* ------------------------------
     Popup
   ------------------------------ */
div.popup
{
  position: absolute;
  border: 2px solid #CCFFCC;
  z-index: 500;
  cursor: wait;
  width: 50%;
}

div.popup h1
{
  margin: 0;
  padding: 5px;
  background-color: #FFFF33;
  text-decoration: none;
  color: black;
  text-align: center;
  font-size: 140%;
}

div.popup p
{
  margin: 0;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  background: #408000;
  font-size: 80%;
}

/* ------------------------------
     Misc
   ------------------------------ */
.hoverable:hover,
.hover {
  cursor: pointer;
  background-color: #FFFF33;
}

/* ------------------------------
     New table style
   ------------------------------ */
.header {
  margin-top: 12px;
  padding: 2px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  background: url(/images/tables/sporcrea/bk2.gif);
  color: #EEFF33;
}

.header.first {
  margin-top: 0px;
}@media screen and (min-width: 781px) {
  #header table.top_menu {
    position: absolute;
    top: 10px;
    right: 0;
    width: 1000px;
    border: 0;
    background-color: transparent;
    text-align: right;
    font-size: x-small;
  }
  #header table.top_menu .top-menu-option {
      vertical-align: top;
  }
  #header table.top_menu a.top_menu {
    display: block;
    width: 86px;
    color: black;
    margin-left: 2px;
    margin-right: 2px;
  }
  #header table.top_menu a.top_menu.top-menu-trigger {
    display: none;
  }
  #header table.top_menu a.top_menu.selected,
  #header table.top_menu a.top_menu:hover {
    background-color: inherit;
    border-bottom: 5px solid #EEFF33;
  }
  #header table.top_menu .top_menu .top-text {
    display: block;
    padding-bottom: 3px;
  }
  #header table.top_menu .top-separator {
    display: none;
  }
  #header table.top_menu .top-icon {
    fill: black;
    display: inline-block;
  }
  #header table.top_menu .top-icon svg {
    height: 4em;
  }
  #header table.top_menu a.top_menu.left-menu-trigger {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  #header table.top_menu a.top_menu.top-menu-trigger {
    display: block;
    text-align: center;
    float: right;
  }
  #header table.top_menu .top-icon svg {
    height: 1em;
  }
}
@media screen and (max-width: 1200px) {
  #header table.top_menu {
    top: 5px;
  }
  #header table.top_menu .top-icon {
    fill: black;
  }
  #header table.top_menu a.top_menu {
    width: 60px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #header table.top_menu a.top_menu .top-text {
    visibility: hidden;
  }
  #header table.top_menu a.top_menu:hover .top-text {
    visibility: inherit;
  }
}/* ------------ */
/*  SHOW/HIDE   */
/* ------------ */
.hidden {
  display: none;
}
@media screen and (max-width: 430px) {
  .hidden-mob {
    display: none !important;
  }
  .show-mob {
    display: block;
  }
  th.show-mob,
  td.show-mob {
    display: table-cell;
  }
}
@media screen and (max-width: 780px) {
  .hidden-sm {
    display: none !important;
  }
  .show-sm {
    display: block;
  }
  th.show-sm,
  td.show-sm {
    display: table-cell;
  }
}
@media screen and (max-width: 1200px) {
  .hidden-md {
    display: none !important;
  }
  .show-md {
    display: block;
  }
  th.show-md,
  td.show-md {
    display: table-cell;
  }
}

@media screen and (max-width: 780px) {
  /* ------------ */
  /*     MAIN    */
  /* ------------ */
  #mainarea {
    width: calc(100% - 20px);
    float: none;
  }
  #mainfirstcolumn, #mainsecondcolumn {
    float: none;
    width: 100%;
    padding: 0;
  }

  /* ------------ */
  /*  LEFT  MENU  */
  /* ------------ */
  #leftmenu {
    display: none;
    width: 100%;
    position: absolute;
    background: #CCFFCC;
    z-index: 10;
    margin: 0;
  }
  .Interclubs_Left_Menu {
    width: 80%;
    font-size: large;
  }
  th.Interclubs_Left_Menu th {
    font-size: large;
    background-image: none;
    background-color: #408000;
    padding: 4px;
  }
  .Interclubs_Left_Menu th > img {
    visibility: hidden;
  }
  .Interclubs_Left_Menu td {
    padding: 3px;
  }

  /* ------------ */
  /*   TOP MENU   */
  /* ------------ */
  .top_banner {
    display: none;
  }
  #header table.top_menu {
    text-align: left;
    background-image: url(/images/sporcrea/top_sporta.svg);;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #header table.top_menu.expanded {
    background-image: none;
  }
  #header table.top_menu a.top_menu {
    padding-left: 12px;
    color: black;
  }
  #header table.top_menu a.top_menu.selected {
    padding-bottom: 2px;
    border-bottom: 3px solid #EEFF33;
  }
  #header table.top_menu a.top_menu.selected .top-icon {
    color: #EEFF33;
    fill: #EEFF33;
  }
  #header #topmenu {
    display: none;
  }
  #header table.top_menu .top-menu-option {
    display: inline-block;
    width: 100%;
    margin: 4px 0;
  }
  #header a.top_menu.selected {
    color: inherit;
    background-color: inherit;
  }
  #header .top_menu.left-menu-trigger {
    display: inline;
    float: left;
    padding: 0px;
  }
  #header a.top_menu:hover {
    color: inherit;
    background-color: inherit;
  }
  #header .top_menu .top-text,
  #header .top_menu .top-separator {
    display: none;
  }
  #header #topmenu .top_menu .top-text {
    visibility: visible;
    display: inline-block;
    width: 100px;
    height: 36px;
    vertical-align: middle;
    font-size: 18px;
    text-align: left;
    margin-right: 50px;
  }
  #header #topmenu .top_menu i.top-icon {
    font-size: 2.3em;
  }
  #header .top_menu .top-icon {
    display: inline;
    margin-right: 10px;
  }
  @media screen and (min-width: 430px) {
    #header table.top_menu .top-menu-option {
      width: 50%;
    }
    #header #topmenu .top_menu i.top-icon {
      font-size: 3em;
    }
  }

  /* ------------ */
  /*   CONTENT    */
  /* ------------ */
  .interclubs_title {
    width: 100%;
  }
  .interclubs_title select#DivList {
    width: calc(100% - 6px);
  }
  .interclubs_subtitle {
    width: 100%;
  }

  /* ------------ */
  /*   CONTROLS   */
  /* ------------ */
  @media screen and (max-width: 430px) {
    select {
      max-width: 200px;
    }
    .club-selector .interclubs_title input[type="image"] {
      right: 0;
    }
  }

  /* ------------ */
  /*   COLUMNS    */
  /* ------------ */
  .firstcolumn, .secondcolumn {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}