/* 
    Document   : ug_ranking.css
    Created on : Dec 12, 2014, 6:31:10 PM
    Author     : Claudio Kirchmair
    Description: Stylesheet for the Ranking Page
*/

/* United Gosus Ranking Stylesheet */
.ranking_wrap {
  float: left;
  width: 100%;
}

.ranking_post { 
  width: 96.8%; 
  float: left; 
  padding: 15px; 
  background: #fff; 
  border: 1px solid #ececec; 
  line-height: 18px;
}

.ranking_table {
  display: table;
  border: solid;
  width: 99.4%;
  color: #963634;
}

.ranking_heading {
  display: table-header-group;
  font-weight: bold;
  text-align: left;
}

.ranking_row {
  display: table-row;
}

.ranking_cell {
  display: table-cell;
  padding-left: 1em;
  padding-right: 1em;
}

.ranking_short {
  width: 10%;
}

.ranking_odd {
  background: #EFD3D2;
}

.border_top {
  border-top: solid;
}

.ranking_filter {
  display: table;
  border: solid;
  width: 99.4%;
  color: #963634;
}

.ranking_filter_header {
  display: table-header-group;
}

.ranking_filter_cell {
  display: table-cell;
  width: auto;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: middle;
}

.ranking_link {
  color: black;
  cursor: pointer;
  font-weight: bold;
}

.border_left {
  border-left: solid;
}

.float_right {
  float: right;
}

.input_ranking {
  text-align: center;
}

.clear_both {
  clear: both;
}

.detail_table_header {
  display: table-header-group;
  font-weight: bold;
  text-align: left;  
}

.detail_table_row {
  display: table-row;
  font-weight: bold;
}

.detail_table_cell {
  display: table-cell;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.btn_ug_ranking {
  -moz-box-shadow: inset 0px 1px 0px 0px #f5978e;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f5978e;
  box-shadow: inset 0px 1px 0px 0px #f5978e;
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 0.05, #f24537 ), color-stop( 1, #c62d1f ) );
  background: -moz-linear-gradient( top, #f24537 5%, #c62d1f 100% );
  background: -webkit-linear-gradient( top, #f24537 5%, #c62d1f 100% );
  background: -o-linear-gradient( top, #f24537 5%, #c62d1f 100% );
  background: -ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
  background: linear-gradient( to bottom, #f24537 5%, #c62d1f 100% );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#f24537', endColorstr = '#c62d1f', GradientType = 0 );
  background-color: #f24537;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #963534;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #810e05;
}


.btn_ug_ranking:hover {
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 0.05, #c62d1f ), color-stop( 1, #f24537 ) );
  background: -moz-linear-gradient( top, #c62d1f 5%, #f24537 100% );
  background: -webkit-linear-gradient( top, #c62d1f 5%, #f24537 100% );
  background: -o-linear-gradient( top, #c62d1f 5%, #f24537 100% );
  background: -ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
  background: linear-gradient( to bottom, #c62d1f 5%, #f24537 100% );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#c62d1f', endColorstr = '#f24537', GradientType = 0 );
  background-color: #c62d1f;
}

.btn_ug_ranking:active {
  position: relative;
  top: 1px;
}

.btn_navigation_left {
  float: left;
}

.btn_navigation_right {
  float: right;
}

@media only screen and (max-width: 415px){
  .ranking_post {
    width: 100%;
    float: left; 
    padding: 0; 
    background: #fff; 
    border: 1px solid #ececec; 
    line-height: 18px;  
  }
  
  .ranking_table {
    width: 98%;
  }
  
  .ranking_filter {
    display: table;
    border: solid;
    width: 98%;
    color: #963634;
  }

  .ranking_cell {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  
  .ranking_filter_cell {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  
  .detail_table_cell {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  
  .btn_ug_ranking {
    font-size: 12px;
    padding: 3px 10px;
  }
  
  .btn_navigation_right {
    text-align: center;
    float: none;
  }
  
  .btn_navigation_left {
    text-align: center;
    margin-bottom: 0.3em;
    float: none;
  }
  
  select#ranking_continent,
  select#player_continent {
    width: 5em;
  }
}