/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans Mobafire';
  font-style: normal;
  font-weight: 300;
  /* Chrome 26+, Opera 23+, Firefox 39+ */
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  src: url('fonts/open-sans-v14-latin-300.woff2') format('woff2'), url('fonts/open-sans-v14-latin-300.woff') format('woff');
  /* open-sans-regular - latin */
}
@font-face {
  font-family: 'Open Sans Mobafire';
  font-style: normal;
  font-weight: 400;
  /* Chrome 26+, Opera 23+, Firefox 39+ */
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  src: url('fonts/open-sans-v14-latin-regular.woff2') format('woff2'), url('fonts/open-sans-v14-latin-regular.woff') format('woff');
  /* open-sans-700 - latin */
}
@font-face {
  font-family: 'Open Sans Mobafire';
  font-style: normal;
  font-weight: 700;
  /* Chrome 26+, Opera 23+, Firefox 39+ */
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  src: url('fonts/open-sans-v14-latin-700.woff2') format('woff2'), url('fonts/open-sans-v14-latin-700.woff') format('woff');
}




/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.2.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: auto;
  min-width: 100%;
  white-space: nowrap;
  border: 1px solid #7193bd;;
  border-top: 0;
  background: #435673;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #0e2037;
  border-radius: 5px;
  background: #4a5d78;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiM1NDU0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0YjRkNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #4a5d78 50%, #435673 52%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#4a5d78), color-stop(52%,#435673));
  background: -webkit-linear-gradient(top,  #4a5d78 50%, #435673 52%);
  background: -o-linear-gradient(top,  #4a5d78 50%, #435673 52%);
  background: -ms-linear-gradient(top,  #4a5d78 50%, #435673 52%);
  background: linear-gradient(to bottom,  #4a5d78 50%, #435673 52%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a5d78', endColorstr='#435673',GradientType=0 );

 background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #35455e inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #35455e inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #35455e inset, 0 1px 1px rgba(0,0,0,0.1);

  color: #b3bfd2;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #b3bfd2;
}
.chosen-container-single .chosen-single span {
  text-transform: none;
  display: block;
  overflow: hidden;
  margin-right: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/css/gfx/chosen-sprite.png') no-repeat 0 0;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  color: black;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #353638;

background: url("/css/gfx/chosen-sprite.png") no-repeat scroll 100% -22px, linear-gradient(#5d718c 1%, #71849f 15%) repeat scroll 0 0 rgba(0, 0, 0, 0);

  background: #5d718c url("/css/gfx/chosen-sprite.png") no-repeat scroll 100% -22px;
  background: url('/css/gfx/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #5d718c), color-stop(15%, #71849f));
  background: url('/css/gfx/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #5d718c 1%, #71849f 15%);
  background: url('/css/gfx/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #5d718c 1%, #71849f 15%);
  background: url('/css/gfx/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #5d718c 1%, #71849f 15%);
  background: url('/css/gfx/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#5d718c 1%, #71849f 15%);

  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  color: white;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background: #71849f;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM3OTdiN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiM2MDYzNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #71849f 20%, #576985 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#71849f), color-stop(90%,#576985));
  background: -webkit-linear-gradient(top,  #71849f 20%,#576985 90%);
  background: -o-linear-gradient(top,  #71849f 20%,#576985 90%);
  background: -ms-linear-gradient(top,  #71849f 20%,#576985 90%);
  background: linear-gradient(to bottom,  #71849f 20%,#576985 90%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71849f', endColorstr='#576985',GradientType=0 );

  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #aaa;
  display: list-item;
  background: #435673;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: black;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #7193bd;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 0 #35455e inset;
  -moz-box-shadow   : 0 1px 0 #35455e inset;
  box-shadow        : 0 1px 0 #35455e inset;
  background-color: #4a5d78;

}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 0px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */




/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/images/colorbox/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/images/colorbox/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/images/colorbox/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/images/colorbox/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/images/colorbox/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/images/colorbox/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/images/colorbox/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/images/colorbox/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}



/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:15px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}



#bf-menu ul.megamenu {
    height:50px;
}
#bf-menu .menu-container {
    background: #0B1524;
    height: 50px;
}
#bf-menu ul.megamenu a.mm-item-link:link {
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    margin: 0px;
    padding: 8px 15px;
    position: relative;
    text-decoration: none;
    z-index: 10;
}

#bf-menu ul.megamenu li.mm-item .mm-top-link {
    background: none;
    color: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px !important;
    height: 46px;
    line-height: 0.9em;
    padding-top: 3px;
    text-align: center !important;
}

#bf-menu ul.megamenu li.mm-item {
    background: #050505;
    border: 1px solid #111D30;
    height: 36px;
    margin: 0 2px 0 0;
    padding: 2px;
	width:36px;
}
#bf-menu ul.megamenu li.mm-spacer {
    background: none;
    border: none;
    height: 36px;
    margin: 0px;
    padding: 2px;
	width:6px;
	text-align:center;
}
#bf-menu ul.megamenu .menu-pic img{
	border:1px solid #111D30;
	padding:1px;
	margin:2px;
	background:#050505;	
	text-align:left;
}
#bf-menu ul.megamenu .menu-pic img:hover{
	border:1px solid #ff8000;
}

#bf-menu .bf-mastery-wrap {
	width:65px!important;	
}
#bf-menu .bf-mastery {
    font-size: 10px;
    height: 36px;
    line-height: 0.9em;
    margin-right: 1px;
    text-align: center;
    width: 21px!important;
	display:block;
}
#bf-menu .bf-utility {
    background: #050505 url("/css/gfx/bf-utility.png") no-repeat center center!important;
}
#bf-menu .bf-defense {
    background: #050505 url("/css/gfx/bf-defense.png") no-repeat center center!important;
}
#bf-menu .bf-offense {
    background: #050505 url("/css/gfx/bf-offense.png") no-repeat center center!important;
}
#bf-menu ul.megamenu li.clear-fix {
    background: none;
    border: none;
    height: 0px;
    margin: 0px;
    padding: 0px;
    width: 0px;
}
#bf-menu ul.megamenu li.mm-item.mm-search {
	width: auto;
	padding: 1px;
	float:right!important;
	margin: 0;
}
#bf-menu .guide-search {
	border: none;
    height: 36px;
    margin: 0;
    padding: 7px 5px;
    width: 27px;
    background: #072700;
    cursor: pointer;
}
#bf-menu .guide-search:hover {
	background: #0b3702;
}

.menu-inner .mm-item{
	width:116px;
	height:28px;
	overflow:hidden;
	background:#001424;	
	padding:2px;
	margin:2px;
	border:1px solid #1f3452;
}
.menu-inner .mm-item:hover {
	border:1px solid #ff8000;	
}
.menu-inner .mm-item table{
	width:100%;
}
.menu-inner .mm-item td{
	padding:0px!important;
	color:#7c98c3;
	font-size:10px;
	line-height:1.0em;
}
.menu-inner .mm-item .item-pic{
	width:24px;
	padding-right:3px!important;
}
.menu-inner .mm-item .item-pic img{
	width:24px;
	border:2px solid #11294d;
}



.menu-inner .mm-rune{
	width:236px;
	height:28px;
	overflow:hidden;
	background:#001424;	
	padding:2px;
	margin:2px;
	border:1px solid #1f3452;
}
.menu-inner .mm-rune:hover {
	border:1px solid #ff8000;	
}
.menu-inner .mm-rune table{
	width:100%;
}
.menu-inner .mm-rune td{
	padding:0px!important;
	color:#7c98c3;
	font-size:10px;
	line-height:1.0em;
}
.menu-inner .mm-item .rune-pic{
	width:24px;
	padding-right:3px!important;
}
.menu-inner .mm-rune .rune-pic img{
	width:24px;
	border:2px solid #11294d;
}
#build-filters h4 {
	font-weight:normal;
	color:#7d8ca3;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#build-filters .bf-summoner-spells {width:18px;}
#build-filters .bf-summoner-spells img{width:16px; margin:1px;}

#build-filters .bf-runes {width:40px;}
#build-filters .bf-runes img{width:16px; margin:1px;}




/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(/images/big-transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(/images/cursor-arrow-left.png), url(/images/cursor-arrow-left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(/images/smooth-scroll-arrow-left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.25; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.25; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 25); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(/images/big-transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(/images/cursor-arrow-right.png), url(/images/cursor-arrow-right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(/images/smooth-scroll-arrow-right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.25;
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}



/*+ general +*/
* { margin:0; padding:0; }
a { text-decoration: none; color:#DBB74C; }
.user-level, span.user-level { color:#DBB74C!important; }
.user-op, span.user-op { color: #000000!important;
background-color: #361d00;
text-shadow: none;
padding: 1px 3px;
border-color: #c7a540;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.pro-level, span.pro-level { color:#DBB74C!important; }
.editor-level, span.editor-level, a.video-contributor-level, span.video-contributor-level, a.referee-level, span.referee-level, a.tournament-referee-level, span.tournament-referee-level { color:#f8eb8f!important; }
.editor-op, span.editor-op, .referee-op, span.referee-op, .reputable-op, span.reputable-op, .tournament-referee-op, span.tournament-referee-op { color: #000000!important;
background-color: #423A29;
text-shadow: none;
padding: 1px 3px;
border-color: #c4b866;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.reputable-level, span.reputable-level { color:#ff8000!important; }
.scout-level, span.scout-level { color:#ff8000!important; }
.scout-op, span.scout-op { color: #000000!important;
background-color: #571616;
text-shadow: none;
padding: 1px 3px;
border-color: #ff8000;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.veteran-level, span.veteran-level { color:#00df00!important; }
.veteran-op, span.veteran-op { color: #000000!important;
background-color: #01331a;
text-shadow: none;
padding: 1px 3px;
border-color: #1abc1a;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.reviewer-level, span.reviewer-level { color:#0080ff!important; }
.moderator-level, span.moderator-level { color:#0080ff!important; }
.reviewer-op, span.reviewer-op, .moderator-op, span.moderator-op { color: #000000!important;
background-color: #0F1F52;
text-shadow: none;
padding: 1px 3px;
border-color: #1076db;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.esports-writer-level, span.esports-writer-level, a.video-producer-level, span.video-producer-level, a.tournament-manager-level, span.tournament-manager-level { color:#bf7dfd!important; }
.esports-manager-level, span.esports-manager-level, a.video-lead-level, span.video-lead-level { color:#bf7dfd!important; }
.esports-writer-op, span.esports-writer-op, .esports-manager-op, span.esports-manager-op, .tournament-manager-op, span.tournament-manager-op { color: #000000!important;
background-color: #392A67;
text-shadow: none;
padding: 1px 3px;
border-color: #A56CDA;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.staff-level, span.staff-level { color:#FF0000!important; }
.administrator-level, span.administrator-level { color:#FF0000!important; }
.administrator-op, span.administrator-op, .staff-op, span.staff-op { color: #000000!important;
background-color: #4A0E19;
text-shadow: none;
padding: 1px 3px;
border-color: #D20707;
border-width: 1px;
border-style: solid;
border-radius: 3px;}
.official-rep-level, span.official-rep-level { color:#fff!important; }
.official-op, span.official-op { color: #000000!important;
background-color: #fff;
text-shadow: none;
padding: 1px 3px;
border-radius: 3px;}
.tournament-manager-level {
	color: #bf7dfd!important;
}
a:hover { text-decoration: underline; }
a.no-outline { outline: none; }
img { border:none; vertical-align: bottom; }
p { color:#c0c0c0; }

h1 {
	font:21px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

h1 span {
	color: #C0C0C0;
	font: 14px Verdana,Geneva,sans-serif;
}
h2 {font:bold 16px/26px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
h3 {font:bold 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

.self-clear {
	_height: 1%;
	*display: inline-block;
	_display: block;
}
.list li {
	margin:7px 35px;
	list-style-position:outside;
	color:#c0c0c0;
}

.site-skin {
	position:fixed;
	top:0px;
	left:0;
	z-index:100;
	width:100%;
}
.a-line {
	line-height:1.6em;
}
.pic-blue {
	background:#122741;
	border: 1px solid #45607a;
	padding:3px;
}
.box-link {
	background:#12253D;
	padding:8px;
	display:block;
	color:#fff;
}
.box-link:hover {
	background:#1a3553;
	text-decoration:none;
}
.li-mini {
	width:40px;
}
.mini-date {
	font-size:10px;
	color:#98AAC5;
}
.a-bullet {
	background: url(gfx/menu/bullet.png) no-repeat 0px 2px ;
	padding:0 0 5px 10px;
	margin-left:15px;
}
.img-bdr {
	border:solid 1px #242833;
	padding:5px;
}
.browse-table tr:nth-child(odd), .browse-table tr:nth-child(odd) td, .bg1-b, .bg1-b td {
	background-color:#233148;
}
.browse-table tr:nth-child(even), .browse-table tr:nth-child(even) td, .bg2-b, .bg2-b td {
	background-color:#1a283f;
}
.bg3-b, .bg3-b td {
	background-color:#19293a;
}
.self-clear:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.float-left { float: left; }
.float-right { float: right; }
.w-100 { width:100%; }
.align-top { vertical-align:top; }
.align-middle { vertical-align:middle; }
.align-bottom { vertical-align:bottom; }
.l { text-align: left!important; }
.r { text-align: right!important; }
.c { text-align: center!important; }

.cursor { cursor:pointer;}

.hiliteR { color:#ff0000!important; }
.hiliteB { color:#00ffff!important; }
.hiliteG { color:#00ff00!important; }
.hilitey { color:#c0c0c0!important; }
.hiliteY { color:#ffff00!important; }
.hiliteT { color:#DBB74C!important; }
.hiliteW { color:#ffffff!important; }
.hiliteP { color:#ff00ff!important; }
.hiliteO { color:#ff8000!important; }
.borderB {border:1px solid #2a9eef;}
.margin-right {margin-right:20px;}
.margin-right10, .mr10 {margin-right:10px;}
.margin-right5, .mr5 {margin-right:5px;}

.mb20 {margin-bottom: 20px!important}
.mr13 {margin-right:13px!important;}
.mb13 {margin-bottom:13px!important;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px!important;}
.mb15 {margin-bottom:15px!important;}
.ml15 {margin-left:15px;}
.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px!important;}
.mb0  {margin-bottom:0!important}
.mt10 {margin-top:10px;}

.mr8 {margin-right:8px!important;}
.ml8 {margin-left:8px!important;}
.mb8 {margin-bottom:8px!important;}
.mt8 {margin-top:8px!important;}

.mb6 {margin-bottom:6px!important;}

.mr5 {margin-right:5px!important;}
.mt5 {margin-top:5px!important;}
.mb5 {margin-bottom:5px!important;}
.ml5 {margin-left:5px;}

.mb3 {margin-bottom:3px!important;}
.mt3 {margin-top:3px!important;}
.mr3 {margin-right:3px!important;}
.ml3 {margin-left:3px!important;}
.nowrap { white-space: nowrap; }

.font-lucida {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif!important;
}
.font-verdana {
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
}

select {
	background-color: #213148;
	color: #fff;
	border: 1px solid #0E2037;
}
select[multiple] {
	height: auto;
}
.warning {
	width:550px;
	padding:10px;
	border: 1px dashed #9a3319;
	margin:auto;
	color:#c1c1c1;
}
.warning h2 {font-weight:bold !important; line-height:1; margin-bottom:3px;}
.warning p{color:#c1c1c1;}
.warning ul {margin-left:40px;}
.warning li {
	margin: 5px 0;
	color:#fff;
}

.filter-pad optgroup option {
	margin-left:15px;
}
.network td {
	font-size:10px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	padding:1px;
}
.network td img{
	width:15px;

}
.ybtn-1 {
	background: #000 url(/css/gfx/ybtn.png) no-repeat top left;
	padding:0 0 0 5px;
	height:22px;
	display:block;
	float:left;
	margin:5px 5px 0 0;
	line-height:1.3em!important;
}
.ybtn-1 a {
	color:#514100!important;
	background: #000 url(/css/gfx/ybtn.png) no-repeat top right;
	height:22px;
	display:block;
	padding:3px 15px 0 10px;
}
.psuedo-input {
	background: url("/js/markitup/skins/markitup/images/bg-container.png") repeat-x scroll left top #131718;
	padding: 5px;
}
.psuedo-input div{
	background-color: #070d18;
	border: 3px solid #2D374A;
	color: #C1C1C1;
	height: 15px;
	overflow: auto;
	padding: 5px;
}
.enlarge-image img {
	max-width:532px;
}
.button-sub {
	padding:5px 0 0;
	text-transform:uppercase;
	color:#4f668a;
	size:11px;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.button-sub a{

	color:#4f668a!important;
}

.btn-box { padding:3px 0;}
.f-btn {
	background: #102037;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2M2E3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTI3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #102037 0%, #0b1526 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#102037), color-stop(100%,#0b1526));
	background: -webkit-linear-gradient(top,  #102037 0%,#0b1526 100%);
	background: -o-linear-gradient(top,  #102037 0%,#0b1526 100%);
	background: -ms-linear-gradient(top,  #102037 0%,#0b1526 100%);
	background: linear-gradient(to bottom,  #102037 0%,#0b1526 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102037', endColorstr='#0b1526',GradientType=0 );
	border:solid 1px #243248;
	display:block;
	color:#9FADC4!important;
	font-size:10px;
	text-transform:uppercase;
	float:left;
	margin-right:5px;
	padding:5px 15px;
	border-radius:2px;
}
.f-btn-r {
	float:right;
	margin-left:5px;
	margin-right:0;
}
.f-btn-a  {
	font-size:18px;
	line-height:.7em;
}
.t-btn {
	background: url("/css/gfx/bg-t-btn.png") repeat-x scroll center bottom #0E1822;
	color: #C1C1C1!important;
	display: block;
	float: left;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 18px;
	text-transform: uppercase;
	border:solid 1px #2b3c4b;
}
.t-btn:hover {
	text-decoration:none;
	background: url("/css/gfx/bg-t-btn.png") repeat-x scroll center top #0E1822;
}
.a-btn {
	padding:5px 15px;
	background: #0d3c5d;
	background-image: -webkit-linear-gradient(top, #104970 0px, #0b334d 100%);
	background-image: -moz-linear-gradient(top, #104970 0px, #0b334d 100%);
	background-image: -o-linear-gradient(top, #104970 0px, #0b334d 100%);
	background-image: -ms-linear-gradient(top, #104970 0px, #0b334d 100%);
	background-image: linear-gradient(top, #104970 0px, #0b334d 100%);
	border:1px solid #051e35;
	border-radius:4px;
	float:left;
	display:block;
	color:#ccc!important;
	font-size:10px;
	text-transform:uppercase;
	margin-right:5px;
}
.a-btn:hover {
	background: #114f78;
	background-image: -webkit-linear-gradient(top, #155f91 0px, #0e4266 100%);
	background-image: -moz-linear-gradient(top, #155f91 0px, #0e4266 100%);
	background-image: -o-linear-gradient(top, #155f91 0px, #0e4266 100%);
	background-image: -ms-linear-gradient(top, #155f91 0px, #0e4266 100%);
	background-image: linear-gradient(top, #155f91 0px, #0e4266 100%);
	color:#fff!important;
	text-decoration:none;
}
.a-btn-off {
	padding:5px 15px;
	background: #333;
	background-image: -webkit-linear-gradient(top, #444 0px, #222 100%);
	background-image: -moz-linear-gradient(top, #444 0px, #222 100%);
	background-image: -o-linear-gradient(top, #444 0px, #222 100%);
	background-image: -ms-linear-gradient(top, #444 0px, #222 100%);
	background-image: linear-gradient(top, #444 0px, #222 100%);
	border:1px solid #222;
	border-radius:4px;
	float:left;
	display:block;
	color:#888!important;
	font-size:10px;
	text-transform:uppercase;
	margin-right:5px;
}
.a-btn-off:hover { text-decoration:none; }
#paging .f-btn {
	padding:5px 10px;
	margin-right:3px;
}
a.f-btn:hover, .f-btn.selected, #comments .subscribe-link:hover {
	background: #16253b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2M2E3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTI3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #243651 0%, #16253b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#243651), color-stop(100%,#16253b));
	background: -webkit-linear-gradient(top,  #243651 0%,#16253b 100%);
	background: -o-linear-gradient(top,  #243651 0%,#16253b 100%);
	background: -ms-linear-gradient(top,  #243651 0%,#16253b 100%);
	background: linear-gradient(to bottom,  #243651 0%,#16253b 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243651', endColorstr='#16253b',GradientType=0 );
	color:#fff;
	text-decoration:none;
	border-color:#3a4f6e;
}
a.f-btn-mod {
	background: url("/css/gfx/forum-btn-mod.png") repeat-x top;
}
a.f-btn-mod:hover {
	background: url("/css/gfx/forum-btn-mod.png") repeat-x bottom;
}
.ui-menu-item {
	background:#2e3949;
	width:200px;
	list-style:none;
}
.ui-menu-item a {
	background:#1f2732;
	padding:4px;
	display:block;
	color:#c0c0c0;
}

body {
	background: black url(/images/main-bg-pattern.png);
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
html body {
	background: black url(/images/main-bg-pattern.png);	
}
#wrapper {
	width: 1136px;
	margin: 0 auto;
	z-index: 150;
	position: relative;
}
/*+ new theme +*/
.wrap-row-l {
	padding:13px;
	background: #0e1728;
}
.wrap-row-d {
	padding:13px;
	background: #091120;
}

.wrap-row-break {
	padding:2px;
	background: #020b13 url(/css/gfx/wrap-bg-break.png) repeat-x top left;
}
.box-shadow {
	-moz-box-shadow: 0 0 1px 1px #060b14;
	-webkit-box-shadow: 0 0 1px 1px #060b14;
	box-shadow: 0 0 1px 1px #060b14;
	border:1px solid #1a293a;
}
.box-shadow-2, .tab-shadow-2 {
	-moz-box-shadow: 0 0 1px 1px #09101d;
	-webkit-box-shadow: 0 0 1px 1px #09101d;
	box-shadow: 0 0 1px 1px #09101d;
	border:1px solid #1a293a;
}
.box-shadow-3 {
	-moz-box-shadow: 0 0 1px 1px #0f1829;
	-webkit-box-shadow: 0 0 1px 1px #0f1829;
	box-shadow: 0 0 1px 1px #0f1829;
	border:1px solid #1a293a;
}
.box-shadow-notify {
	-moz-box-shadow: 0 0 1px 1px #060b14;
	-webkit-box-shadow: 0 0 1px 1px #060b14;
	box-shadow: 0 0 1px 1px #060b14;
	border:1px solid #aa4c13;
}
.box-shadow-inner-lb, .box-shadow-inner-db, .box-shadow-inner-ddb, .lb, .db, .border-lb {
	padding:4px;
}
.box-shadow-inner-lb {
	border:solid 1px #0d1420;
	background:#152034;
}
.box-shadow-lb, .box-shadow-db {
	border: 1px solid #1A293A;
	padding: 5px;
}
.box-shadow-lb {
	box-shadow: 0 0 1px 1px #060B14, inset 0 0 0 1px #0d1420;;
	background: #152034;
}
.box-shadow-db  {
	box-shadow: 0 0 1px 1px #060B14, inset 0 0 0 1px #060b14;
	background: #0a1220;
}
.border-lb {
	background: #152034;
	border: 1px solid #1e2f4c;
}
.lb {
	background: #152034;
}
.llb {
	background: #1A283F;
}
.mb {
	background: #0f1727;
	padding: 8px;
}
.db {
	background: #0a1220;
}
.ddb {
	background: #030a15;
	padding: 10px;
}
.box-shadow-inner-notify {
	border:solid 1px #4f2205;
	background:#a74100;
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fcbf89;
	padding:5px;
	line-height: 1.6;
}
.box-shadow-inner-notify a{
	color:#fff;
}
.box-shadow-inner-notify a img {
	vertical-align: top;
}
.box-shadow-inner-notify .shut_broadcast img {
	margin-top: 3px;
}
.box-shadow-inner-db {
	border:solid 1px #060b14;
	background:#0a1220;
}
.box-shadow-inner-ddb {
	border:solid 1px #01050A;
	background:#010911;
}
.box-pad {
	padding:12px;
}
.box-h2 {
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	color:#c4d0e3;
	text-transform:uppercase;
}
.box-hdr-dl-wrap {
	background: #1f334d url(/css/gfx/box-hdr-dl.png) no-repeat right center; height:31px; padding-right:12px;
}
.box-shadow-2 .box-hdr-l, .tab-shadow-2 .box-hdr-d {
	display:block;
	padding:3px 12px;
	border:solid 1px #0e1828;
	font: 14px/1.5em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.tab-shadow-2 .box-hdr-d {
	background: #091729 url(/css/gfx/box-hdr-dl.png) repeat-x left top;
	color:#6a7f9b;
}
.box-shadow-2 .box-hdr-l, .hdr-tabs .selected .box-hdr-d, .hdr-tabs .box-hdr-d:hover {
	background: #162841 url(/css/gfx/box-hdr-ll.png) repeat-x left top;
	color:#cdcdcd;
}
.box-shadow-2 .box-hdr-l h2, .box-shadow-2 .box-hdr-d h2{
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd;
}

.info-line {
	padding:2px;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/*- new theme -*/


/*- general -*/


/*+ header +*/
#header {
	background: url(/css/gfx/bg-black-page.png) repeat top left;
	width:1136px;
	margin:auto;
}
#header .inbox-num {
	display:inline-block;
	padding:0 4px;
	background-color:#464b59;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#header .user-menu {
	height:22px;
	color:#63768d;
	padding-top:9px;
	font-size:10px;
}
#header .member-bar{
	text-transform:uppercase;
	font-size:10px;
	color:#777;
	padding:25px 10px 0 0;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header .user-menu a {
	color:#fff;
}
#header ul {list-style: none;}
#sub-menu ul li {
	display: inline;
	color:#c0c0c0;
}
#header .special-guests img{
	margin-right: 5px;
	max-height: 20px;
}
#bread-crumb {
	color:#c0c0c0;
	font-size:12px;
	text-align:left;
}
#bread-crumb ul li a {
	color:#dbb74c;
	font-size:12px;
	padding:0 5px;
}
.head-box {

}
.head-logo {
	background: url(/images/bg-logo.png) no-repeat center center;
	height:108px;
	display:block;
	width:380px;
	font-size:11px;
	text-transform:uppercase;
}
.head-logo:hover {
	text-decoration:none;
}
.head-slogan {
	padding: 78px 2px 0 0;
	text-align:center;
	color:#444;
}
.head-slogan span:first-child {
	margin-right: 65px;
}

.ads-narrow, .exhibit-narrow {
	width: 300px;
	min-height: 250px;
}
.box-shadow-inner-db .ads-narrow, .box-shadow-inner-db .exhibit-narrow {
	margin: 2px;
}
.member-nav {
	background: none repeat scroll 0 0 #202020;
	//font-size: 10px;
	//padding: 1px;
	color:#c0c0c0;
	height:30px;
}
#slide-up { z-index:999; }
/*- header -*/
.boxHdr {
	padding:4px;
	background:#152034;
	color:#9fadc4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.boxHdr2 {
	background: url("/css/gfx/bg-hdr-box.png") repeat-x center center;
}
.boxHdr span{
	font-size:10px;
	color:#c0c0c0;
	font-weight:normal;
}
.box-b {
	background:#282929;
	padding:8px;
}
.box-lb {
	background: #152034;
	padding: 8px;
}
.box-blue, .box-db {
	background:#0b1524;
	padding:8px;
}
.d-border {
	border: 8px solid #0b1524;
}
.l-border {
	border: 8px solid #152034;
}
.dark-border {
	border: 1px solid #1a293a;
	box-shadow: 0 0 1px black;
}
.gradient-blue.box-db {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0MmI0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjMTQyYjQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjMTQyYjQ4IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MmI0OCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(20,43,72,1) 0%, rgba(20,43,72,1) 20px, #0b1524 50px,#0b1524 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,43,72,1)), color-stop(20px,rgba(20,43,72,1)), color-stop(50px,#0b1524), color-stop(100%,#0b1524));
	background: -webkit-linear-gradient(top,  rgba(20,43,72,1) 0%,rgba(20,43,72,1) 20px, #0b1524 50px,#0b1524 100%);
	background: -o-linear-gradient(top,  rgba(20,43,72,1) 0%,rgba(20,43,72,1) 20px, #0b1524 50px,#0b1524 100%);
	background: -ms-linear-gradient(top,  rgba(20,43,72,1) 0%,rgba(20,43,72,1) 20px, #0b1524 50px,#0b1524 100%);
	background: linear-gradient(to bottom,  rgba(20,43,72,1) 0%,rgba(20,43,72,1) 20px, #0b1524 50px,#0b1524 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142b48', endColorstr='#00142b48',GradientType=0 );

}
.gradient-dark {
	padding: 8px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.5) 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}

.box-blue:not(:last-child) {
	margin-bottom: 7px;
}
.box-blue-fade {
	background-color: #050a11;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050a11', endColorstr='#0a1220', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #050a11), color-stop(100%, #0a1220));
	background-image: -webkit-linear-gradient(top, #050a11 1%, #0a1220 100%);
	background-image: -moz-linear-gradient(top, #050a11 1%, #0a1220 100%);
	background-image: -o-linear-gradient(top, #050a11 1%, #0a1220 100%);
	background-image: linear-gradient(#050a11 1%, #0a1220 100%);
	padding:12px;
}
.box-p {
	background: url(/css/gfx/bg-box-p.png) repeat center top;
	padding:8px;
}
.bp-hdr {
	font:normal 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.box-p2 {
	background: url(/css/gfx/bg-box-p2.png) repeat center top;
	padding:8px;
}
.box-pg {
	background: url(/css/gfx/box-764-mid-ld.png) repeat-y center top;
	padding:12px;
}
.box-break {
	background: url(/css/gfx/bg-box-break.png) repeat-x center bottom;
	padding: 7px 7px 9px;
}
.box-break-inv {
	background: url(/css/gfx/bg-box-break-inv.png) repeat-x center top;
	padding:10px;
}

.b-tabs {
	padding-left:3px;
}

.b-tabs .tab{
	float:left;
	display:block;
	background:#0c1827;
	color:#6c8093;
	text-transform:uppercase;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:5px 8px;
	margin-right:1px;
}
.b-tabs .tab:hover, .b-tabs .selected{
	text-decoration:none;
	background:#0f2034;
	color:#bcc5cd;

}
.hdrmargin {
	margin-top:10px;
}


.network-foot {
	background: url(/css/gfx/bg-foot.png) no-repeat center top;
	padding:0 20px;
	margin-top:20px;
}
.network-foot a{
	color:#0080ff!important;
}
.network-foot .fn1, .network-foot .fn2, .network-foot .fn3 {
	padding:20px;
	font-size:11px;
	color:#808080;
}
.network-foot .fn2, .network-foot .fn3 {
	background: url(/css/gfx/foot-bars.png) no-repeat 0px 20px;
	margin-top:18px;
}
.network-foot .fn1 {
	width:480px;
}
.network-foot .fn2 {
	width:180px;
}
.network-foot .fn3 {
	width:280px;
}

#side-mftv .vid-tmb {
	border: 1px solid #071627;
	width: 136px;
}

#side-mftv .vid-tmb img {
	border: 2px solid #141F33;
	width: 132px;
}

.related-builds td{
	padding:5px;
	font-size:11px;
}
.related-builds .legendary-bg1 td{background:#151515;}
.related-builds .legendary-bg2 td{background:#101010;}
.related-builds .legendary-table{background:#000;}
.col-right .legendary-builds, .col-right .moba-members, .col-right .home-search-box, .col-right .vids, .related-builds, .toplist-sidebar {
	border:1px solid #27292c;
	padding:6px;
	background:#040404 url(/css/gfx/legendary-builds-bg.jpg) no-repeat top center;
}
.col-right .vids {
	font-size:11px;
	color:#c0c0c0;
	line-height:1.5em;
}
.home-discuss-box {
	padding:2px 3px;
	border: solid 1px #171717;
}

.home-discuss-box .activity-icon {
	height: 42px;
	width: 40px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #4970a7;
	background: #283d5b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4M2Q1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzI5NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #283d5b 0%, #172942 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#283d5b), color-stop(100%,#172942));
	background: -webkit-linear-gradient(top,  #283d5b 0%,#172942 100%);
	background: -o-linear-gradient(top,  #283d5b 0%,#172942 100%);
	background: -ms-linear-gradient(top,  #283d5b 0%,#172942 100%);
	background: linear-gradient(to bottom,  #283d5b 0%,#172942 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283d5b', endColorstr='#172942',GradientType=0 );
}
.home-discuss-box .nav a {
	padding: 5px;
	text-transform: uppercase;
	color: #5a6c7d;
	font-size: 10px;
}
.home-discuss-box .discuss-link a {
	margin-left: 5px;
}
.home-discuss-box .discuss-sublink a {
	margin-left: 0;
}
.home-discuss-box .discuss-avatar  {
	width:30px;
	padding:5px;
	background:#222222;
}
.home-discuss-box .discuss-avatar img {width:30px;}
.home-discuss-box .discuss-link {
	background:#151515;
	padding:5px;
	margin-left:41px;
	word-wrap: break-word;
}
.discuss-link .discuss-sublink {
	padding-top:2px;
	color:#555555;
	font-size:10px;
}
.discuss-link .discuss-sublink a:link {color:#7d7d7d;}
.discuss-link .discuss-sublink a:visited {
	color:#555555;
	text-decoration:none;
}
.discuss-link .discuss-sublink a:hover {
	color:#7d7d7d;
	text-decoration:underline;
}
.discuss-divide {
	background:#101010;
	padding:0px;
	margin:1px 0;
	height:6px;
	overflow:hidden;
}

.side-form {width:100%;}
.side-form td{padding:2px; text-transform:	uppercase; color:#6C8093; font-size:11px;}
.side-form input[type="text"], .side-form select, .side-form textarea {
	background:#050b12;
	border: solid 1px #29374b;
	color:#c1c1c1;
	text-transform:	none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.side-form input[type="text"] {	padding:2px 3px;}
.side-form select {	width:150px;}
.side-form select option {	padding:1px 5px;}
.side-form .t-wide {width: 249px;}
.side-form textarea {padding: 7px; width:239px; height:200px; }

#makeMeScrollable { width:100%;	height:120px; position:relative; }
#makeMeScrollable div.scrollableArea * { position: relative; float: left; margin: 0; padding: 0; }

.checkbox-container { cursor:default; }

.link-me { cursor:pointer; }
.cheat-sheet td {
	text-align:center;
	padding:4px!important;
}
.mastery-cell {padding:0 0 4px 0!important;}
.cheat-sheet .row1 td{background-color:#101010;}
.cheat-sheet .row2 td{background-color:#151515;}
.cheat-sheet .mastery-image img {width:30px;}
.cheat-sheet .offense {
	background-color:#2a0804!important;
}
.cheat-sheet .defense {
	background-color:#04162a!important;
}
.cheat-sheet .utility {
	background-color:#032315!important;
	border-bottom:1px solid #000;
}
.cheat-sheet .utility, .cheat-sheet .defense, .cheat-sheet .offense {
	border-bottom:1px solid #000;
	margin-bottom:4px;
}
#esports .esh-box .esports-blue {
	margin:15px;
}
.esports-blue td{
	background-color:#0B1524;
	padding:3px 5px;
	color:#7b8dab;
}
.mf-tv-side {
	float: left;
	text-align: center;
	padding-left: 3px;
}
.mf-tv-side img {
	margin-bottom: 10px;
}
.vid-side {
	width: 132px;
	height: 75px;
	float: right;
	border: 2px solid #141f33;
}
.vid-side img {
	width: 132px;
}
.vid-side a {
	display: block;
	height: 75px;
	width: 132px;
}
.mf-tv-sidebar {
	display: inline-block;
}

.mf-tv-sidebar a.vid-tmb {
	display: table-cell;
	vertical-align: middle;
	height: 141px;
	width: 252px;
	border: 8px solid #03060d;
}
.mf-tv-sidebar a.vid-tmb.large {
	height: 170px;
	width: 283px;
	border: none;
}
.btn-s {
	color: #8ca2b3!important;
	font: 10px/21px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 3px 12px 4px;
	border: 1px solid #051424;
	background: #193e63;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5M2U2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDJmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #193e63 0%, #102f4f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#193e63), color-stop(100%,#102f4f));
	background: -webkit-linear-gradient(top,  #193e63 0%,#102f4f 100%);
	background: -o-linear-gradient(top,  #193e63 0%,#102f4f 100%);
	background: -ms-linear-gradient(top,  #193e63 0%,#102f4f 100%);
	background: linear-gradient(to bottom,  #193e63 0%,#102f4f 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193e63', endColorstr='#102f4f',GradientType=0 );
}
.btn-s:hover {
	color: #a9c4d9!important;
	text-decoration: none;
	background: #225584;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNTU4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODQ1NzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #225584 0%, #184572 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#225584), color-stop(100%,#184572));
	background: -webkit-linear-gradient(top,  #225584 0%,#184572 100%);
	background: -o-linear-gradient(top,  #225584 0%,#184572 100%);
	background: -ms-linear-gradient(top,  #225584 0%,#184572 100%);
	background: linear-gradient(to bottom,  #225584 0%,#184572 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225584', endColorstr='#184572',GradientType=0 );
}

#mcs-match .teams {
	font-size: 0;
	display: table;
	width: 100%;
	height: 76px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: #132034;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiMxMzIwMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDUwZTFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #132034 7%, #050e1c 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(7%,#132034), color-stop(100%,#050e1c));
	background: -webkit-radial-gradient(center, ellipse cover,  #132034 7%,#050e1c 100%);
	background: -o-radial-gradient(center, ellipse cover,  #132034 7%,#050e1c 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #132034 7%,#050e1c 100%);
	background: radial-gradient(ellipse at center,  #132034 7%,#050e1c 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132034', endColorstr='#050e1c',GradientType=1 );
}
#mcs-match .teams img {
	max-width: 55px;
	max-height: 50px;
	margin: 13px 0;
}

#mcs-match .teams > div {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
#mcs-match .teams > div:first-child {
	border-right: 1px solid #030812;
}
#mcs-match .teams-wrap {
	position: relative;
}
#mcs-match .teams-wrap .vs {
	position: absolute;
	bottom: 0;
	top: 7px;
	left: 81px;
	width: 168px;
	margin-left: -15px;
}
#mcs-match a h2 {color:#fff; font-size:18px; text-transform:uppercase; font-weight:normal;}
#mcs-match a .vs {color:#aebdda; font-size:10px; text-transform:uppercase;}
#mcs-match a:hover {text-decoration:none;}
a.c9-user, span.c9-user, .c9-user-icon {
	background: url(/images/c9-logo-s.png) no-repeat 0 center;
	padding-left: 1.5em;
	background-size: auto 0.9em;
	color: white!important;
}
.item-removed {
	color: #888;
}
iframe {
	border: none!important;
}
a.twitch-logo {
	text-align: left!important;
	vertical-align: top!important;
}
a.twitch-logo:after {
		background-image: url(/images/vid-twitch-logo.png);
		background-size: 60px auto;
		content: "";
		margin: 7px 0 5px 7px;
		display: inline-block;
		width: 60px;
		height: 20px;
}
.edit-table.abuse td {
	text-align: center;
	word-wrap: break-word;

}
.edit-table.abuse td:nth-child(3), .edit-table.abuse td:nth-child(6) {
	word-break:break-all;
}
.edit-table.abuse td .text {
	max-width: 450px;
	word-wrap: break-word;
}
.blog-line { 
	display: block;
    margin-top: -0.5em;
    margin-bottom: -0.5em;
	height: 1px;
	border: none;
	background: #2b384f;
	background-color: #2b384f;
}
.transbox-holder {
	position: absolute;
	bottom:55px;
	left: 13px;
}
div.transbox {
    background: rgba(12, 12, 38, 0.7);
	padding: 0.5%;
	position: relative;
	width: 222px;
	float: left;
	height: 58px;
}
div.transbox p a {
    color:#fff;
}

div.transbox-small {
	background: rgba(12, 12, 38, 0.7);
	position: relative;
	padding: 0px 3px 0px 0px;
	top: -7px;
    left: -38%;
	height: 25px;
	width: 74px;
	font-style: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9.5px;
	line-height: 130%;
	text-align: left;
}
div.transbox-small span {
	padding-left:4px;
}
div.transbox p {
  margin: 3%;
  font-family: Verdana, Geneva, sans-serif;
  color: #fff;
  font-size: 12px;
}

.forumbtn {
    background-color: #090;
	font-size: 16px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-style: normal;
	border-radius: 2px;
    border: none;
	height: 25px;
	width: 165px;
    color: white;
    text-align: center;
	float: right;
	margin-top: -40px;
	margin-right: 16px;
	padding-top: 3.5px;
	cursor: pointer;
	text-decoration: none;
	line-height: 20px;

}

.viewall-btn {
    background: #152034;
    border: solid 1px #515a69;
    display: block;
    color: #889bbe!important;
    font-size: 9px;
    text-transform: uppercase;
    float: left;
    margin-top: 0.7px;
    margin-right: 5px;
    padding: 1.3px 9px;
}

.viewall-btn-mod {
	background: #152034;	
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 8px;
}
.selected-box {
	background: #2b384f !important;		
}
a.viewall-btn-mod:hover, a.viewall-btn-mod:active, a.viewall-btn-mod .active {
	background: #2b384f !important;	
	display: block;
	float: left;
	width: 18px;
	height: 18px;
}

.feature-hdr2 {
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	color: #909DB3;
	margin-left: 10px;
}

.portal-body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #979fb4;
	font-weight: 100;
	font-size: 12px;
	line-height: 17.5px;
}

h3.feature-hdr3 {
	font: normal 14px/21px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #909DB3;
	text-transform: uppercase;
}

.answer-number {
	font-size: 30px;
	font-color: #889bbe;
	color: #889bbe;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	text-align: center;
	line-height: 30px;
}

h5.username {
	 font-size: 11px;
	 font-color: #3e4c6b; color: #3e4c6b;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 margin-top: 4px;
}

.username-qa {
	 font-size: 11px;
	 font-color: #3e4c6b; color: #3e4c6b;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 margin-top: 4px;
}

.username-threads {
	 font-size: 11px;
	 font-color: #3e4c6b; color: #3e4c6b;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.username-guides {
	 font-size: 9.7px;
	 color: #3e4c6b;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 position: absolute;
	 bottom: 8px;
	 left: 6px;
}
	 
.new-answer {
	 font-size: 9px;
	 font-color: #889bbe; color: #889bbe;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-style: normal;
	 text-align: center;
}
	 

#gold {
	height: 20px;
	width: 10px;
    background: #e0e858;
	background: -moz-linear-gradient(-45deg,  #e0e858 1%, #7f6a00 53%, #7c490b 100%);
	background: -webkit-linear-gradient(-45deg,  #e0e858 1%,#7f6a00 53%,#7c490b 100%);
	background: linear-gradient(135deg,  #e0e858 1%,#7f6a00 53%,#7c490b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e858', endColorstr='#7c490b',GradientType=1 );
}

.small-text {
	 font-size: 11px;
	 color: #2b384f;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.small-text .localized-datetime {
	padding-left:10px;
}
.blog-title {
	font-size: 13.8px;
	color: #CCC;
	font-style: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
.blog-title a:link, blog-title a:visited {
	color: #CCC !important;
}
.topnavigation {
	font-family: Verdana, Geneva, sans-serif;
	color: #556480;
	font-color: #556480;
	font-size: 12px;
	margin-left: 15px;
}

.topnavigation a:link { color: #556480; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.topnavigation a:visited { color: #556480; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.topnavigation a:hover { color: #FFF; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.topnavigation a:active, .topnavigation .active { color: #FFF !important; font-family: Verdana, Geneva, sans-serif; font-style: normal; background:transparent !important; background-color: transparent !important; }

.topnavigation-comments {
	font-family: Verdana, Geneva, sans-serif;
	float: right;
	color: #7c889d;
	font-size: 12px;
	margin-top: -18px;
}

.topnavigation-comments a:link { color: #7c889d; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.topnavigation-comments a:visited { color: #7c889d; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.topnavigation-comments a:hover { color: #FFF; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.topnavigation-comments a:active, .topnavigation-comments .active { color: #FFF !important; font-family: Verdana, Geneva, sans-serif; font-style: normal; background:transparent !important; background-color: transparent !important; }

.left-img {
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border: 1px solid #000;
}

.rank-img {
	float:left;
	border-radius: 3px 0px 0px 3px;
	margin-left:-3px;
}
.rank-img img {
	border-radius: 2px 0px 0px 2px;
}	
.QA-img {
	margin-right: 15px;
	float: left;
	height: 40px;
	width: 40px;
	border: 1px solid #000;
}

tab1 { padding-left: 9.4em; }
tab2 { padding-left: 8px; }

p.subtitle { font-size: 12px; font-family:Verdana, Geneva, sans-serif; color: #222e42; font-color: #222e42; }

a:hover {
    text-decoration: none;
}

a.top { font-size: 12px; font-family:Verdana, Geneva, sans-serif; color: #303b53; font-color: #303b53; text-transform: capitalize; text-decoration: none; }

a.questions { font-size: 13px; font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-style: normal; color: #FFF; font-color: #FFF; text-transform: capitalize; }

a.more { color: #DA5900; font-color: #DA5900; }

a.category { font-color: #889bbe; color: #889bbe; }

h1.top { font-color: #2E4364; color: #2E4364; text-transform: capitalize; }

.table-questions {
	color: #152034; background-color: #152034;
	padding-left: 7px;
	width: 550px;
	margin-top: 8px;
}
.table-answers {
	color: #303b53; background-color: #303b53;
	padding: 10px 15px;
	height: 30px;
	width: 36px;
	float: right;
}

table.one {
	position: relative;
	padding: 5px;
	float: left;
	color: #0f1829;
	background-color: #0f1829;
	width: 510px;
	margin-bottom: 13px;
	margin-top: -5px;
}

table.two {
    position: relative;
	float: right;
	color: #303b53;
	background-color: #303b53;
	padding: 2.2px 9px;
	margin-top: -5px;
	font: normal;
}

.guide-ico > span {
	display: inline-block;
	width: 28px;
	height: 28px;
	border: 2px solid #141f33;
	padding-top: 9px;
	padding-right: 4px;
}
#new-champ .champ-bg {
	height: 120px;
	padding: 14px 0 0 71px;
	display: block;
}

.build-guide-box {
	position: relative;
	background: #152034;
	padding: 8px;
	width: 235px;
	margin: 8px;
	float: left;
	min-height: 175px;
}
#newGuides, #updatedGuides, #scoutedGuides {
	position: relative;
	height: 210px;
	width: 100%;
}
.community-blog-box {
	background: #0a1220;
	padding: 20px;
	width: 573px;
	margin-left: 12px;
	margin-bottom: 28px;
	border: 1px solid #1a293a;
}

.blog-box-left {
	position: relative;
	background: #0f1829;
	padding: 18px;
	margin-right: 21px;
	margin-top: 15px;
	width: 240px;
	float: left;
	min-height: 238px;
}

.blog-box-right {
	position: relative;
	background: #0f1829;
	margin-top: 15px;
	padding: 18px;
	width: 240px;
	float: left;
	min-height: 238px;
}

.blog-box-right a:link { color: #D76A00; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.blog-box-right a:visited { color: #CCC; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.blog-box-right a:hover { color: #D76A00; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.blog-box-right a:active { color: #D76A00; font-family: Verdana, Geneva, sans-serif; font-style: normal; }

.blog-box-left a:link { color: #D76A00; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.blog-box-left a:visited { color: #CCC; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.blog-box-left a:hover { color: #D76A00; font-family: Verdana, Geneva, sans-serif; font-style: normal; }
.blog-box-left a:active { color: #D76A00; font-family: Verdana, Geneva, sans-serif; font-style: normal; }

.readmore-blog {
	position:absolute;
	color: #D76A00;
	right:18px;
	bottom:18px;
	z-index: 100;
}

.QA-box {
	background: #0a1220;
	padding: 20px 20px 12px 20px;
	width: 573px;
	margin: -9px 0px 12px 12px;
	border: 1px solid #1a293a;
}
.activity-title {
	padding:6px;
}
#home-discussion .btn-more span:last-child {
    float: none !important;
	text-align: center;
}
.recentcomments-bg {
	background: #0a1220;
	position: absolute;
	right: 35px;
	top: 18px;
	padding: 18px 15px 25px 20px;
	width: 395px;
	max-height:719px;
	overflow:hidden;
	border: 1px solid #1a293a;
}
.recentcomments-bg .activity-title {
	padding:1px 0px 12px 0px !important;
}
.recentcomments-bg #home-discussion.home {
    width: 385px;
}
.recentcomments-bg #home-discussion .btn-more {
    background: #152034;
    font-size: 11px;
    text-transform: uppercase;
    color: #313f58;
    line-height: 26px;
	margin-top:4px;
}
.recentcomments-bg #home-discussion .btn-more:hover {
    background: #313b54;
	color:#5c6880;
}
.recentcomments-bg #home-discussion .discuss-link {
    font-size: 11px;
    color: #607495;
    display: table;
    width: 100%;
    background: #0f1829;
    margin-top: 4px;
}
.recentcomments-bg #home-discussion .discuss-link img {
    border: 1px solid #000;
    width: 40px;
    height: 40px;
    border-radius: 0px;
}
.nextcomments-button {
	background: #152034;
	float: left;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #414b5d;
	margin-top: 5px;
	padding-top: 3px;
	width: 394px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-decoration: none;
}

a.nextcomments-button:hover {
	background: #2b384f;
	color: #59667e;
}

.recentcomments-button {
	background: #152034;
	float: left;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #414b5d;
	margin-top: 15px;
	padding-top: 3px;
	width: 394px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-decoration: none;
}

a.recentcomments-button:hover {
	background: #2b384f;
	color: #59667e;
}

.recentcomments-discussion {
	background: #0f1829;
	margin-top: 5px;
	padding: 6px;
	width: 382px;
	float: left;
}

.comments-img {
	float: left;
	margin: 3px 12px 12px 4px;
	width: 40px;
	height: 40px;
	border:1px solid #000;
}

a.threads { font-color: #436a94; color: #436a94; }
a.threadsgreen { font-color: #0C0; color: #0C0; }


#portal-stream .stream {
	background-color: #0f1829;
	margin-top: 12px;
	padding: 8px 8px 0px 8px;
	vertical-align: top;
}
#portal-stream .stream a {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	display: inline-block;
}

#portal-stream .live-streams .stream {
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	min-height: 174px;
}
#portal-stream .live-streams .stream .stream-link {
	height: 132px;
	width: 232px;
	margin-bottom: 1px;
}
#portal-stream .stream .stream-wrap {
	background: #152034;
	padding: 3px;
	position: relative;
}
#portal-stream .stream.prime .stream-wrap {
	background: linear-gradient(to bottom, #ffffce 0%, #dda869 83%, #ffe295 100%);
}
#portal-stream .stream.prime .stream-link {
	//border: 4px solid transparent;
	position: relative;
}
#portal-stream .live-streams {
	padding: 5px;
	padding-right: 0px;
}
#portal-stream  .stream .title, #stream.browse-vids .featured-streams .stream .title {
	color: #909DB3;
	font-size: 11px;
	line-height: 8px;
	padding:4px 5px;
}
#portal-stream .stream .views {
	color: #3b4c5f;
	font-size: 10px;
	padding-left: 5px;
}


#portal-video  .video .views .comments {
	float: right;
	font-size: 10px;
	color: #3b4c5f;
	margin-right: 5px;
}
#portal-video .video .views .comments a {
	color: #3b4c5f;
}
#portal-video .video {
	background-color: #091120;
	margin-top: 12px;
	padding: 8px 8px 0px 8px;
	vertical-align: top;
}
#portal-video .video a {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	display: inline-block;
}
#portal-video .live-streams .video {
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	min-height: 174px;
}
#portal-video .live-streams .video .stream-link {
	height: 132px;
	width: 240px;
	margin-bottom: 5px;
}
#portal-stream .stream .stream-wrap {
	background: #152034;
	padding: 3px;
	position: relative;
}
#portal-video .video.prime .stream-wrap {
	background: linear-gradient(to bottom, #ffffce 0%, #dda869 83%, #ffe295 100%);
}
#portal-video .video.prime .stream-link {
	//border: 4px solid transparent;
	position: relative;
}
#portal-video .live-streams {
	padding: 5px;
	padding-right: 0px;
}
#portal-video  .video .title, #video.browse-vids .featured-streams .video .title {
	color: #909DB3;
	font-size: 11px;
	line-height: 8px;
	padding:4px 5px;
}
#portal-video .video .views {
	color: #3b4c5f;
	font-size: 10px;
	padding-left: 5px;
}
#portal-video  .video .views .comments {
	float: right;
	font-size: 10px;
	color: #3b4c5f;
	margin-right: 5px;
}
#portal-video .video .views .comments a {
	color: #3b4c5f;
}
.stream-wrap {
	text-align:center;
}
.box-lb-2 {
	background: #0e1728;
	padding: 8px;
}
.box-lb-2 .community-blog-box, #content .recentcomments-bg, .box-lb-2 .QA-box {
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
}
.one-col h1 p.subtitle {
    color: #2b384f;
}
.reforged-rune1 {
	width: 100%;
	position: relative;
}
.reforged-rune1 .icon-r {
	float: left;
	width: 108px;
	height:108px;
	margin-right: 20px;
}
.reforged-rune1 .description-r {
	float: left;
	width: 460px;
	margin-right: 20px;
}
.reforged-rune1 .path-r {
	float: right;
	width: 130px;
	text-align: center;
}
.reforged-rune1 .path-title-r {
	color: #8694ae;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.reforged-rune1 .path-name-r {
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
}



#ayads-passback-1, .ayads-passback {
  display: none;
}




#content {
	color:#fff;
}
#content, #header, #footer {
	position: relative;

}
#content ul {list-style:inside;}
.one-col {
	padding: 10px 17px 0;
}
.col-left {
	float:left;
	width:746px;
	padding:10px 0 10px 15px;

}
.cl-nopad {
	padding:0px;
	width:775px;
}
.cl-notoppad {
	padding-top: 0;
}
.col-left a {color:#dbb74c;}
.col-right {
	width:315px;
	float:right;
}
.col-right.col-pad {
	padding-top: 10px;
}
.one-col .col-right {
	width: 281px
}
.col-right .stats {
	width:333px;
	background-color:#1b150f;
	border: solid #2c2319 1px;
	font-size: 11px;
}
.col-right .stats table {
	width:151px;
	margin:5px;
}
.ad-break, .exhibit-break {
	width:1136px;
	margin:auto;
	text-align:center;
	padding:3px 0;
	position: relative;
	z-index: 11;
}
.ad-break .ads-wide, .exhibit-break .exhibits-wide {
	display:inline-block;
}
.ad-break .ads-wide.head, .exhibit-break .exhibits-wide.head {
	min-height: 90px;
}
.content-container {
	background:#0e1012 url(/css/gfx/left-bg.png) repeat-y center bottom;
	margin:0 2px 0 1px;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
	padding:0 25px;
}
.content-container p {line-height: 1.5em;}
.content-container h1 {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.content-container h3 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:20px;
}
.content-container h1 span {color:#dbb74c;}
.content-container h1 img {
	vertical-align: middle;
	background:  no-repeat right top;
}
.content-container h1 img.star1 {background: url(/css/gfx/stars.png) right -21px;}
.content-container h1 img.star2 {background: url(/css/gfx/stars.png) right -63px;}
.content-container h1 img.star3 {background: url(/css/gfx/stars.png) right -105px;}
.content-container h1 img.star4 {background: url(/css/gfx/stars.png) right -147px;}
.content-container h1 img.star5 {background: url(/css/gfx/stars.png) right -189px;}
.content-container .featured {
	padding:5px;
	border:1px solid #806246;
}
.shared-by {
	background-color: #101114;
	color:#c0c0c0;
	padding:5px;
	margin-top:5px;
}
.shared-by span {float:right;}
.shared-by a {color:#dbb74c;}

.btn, .btn:before {
	border-radius: 3px;
}
.btn, #header ul li a.btn {
	padding: 5px 13px 4px 13px!important;
	display: inline-block;
	color: white!important;
	font: 14px/14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	text-decoration: none!important;
	text-transform: uppercase;
	position: relative;
	z-index: 0;
	cursor: pointer;
	border: none;
	white-space: nowrap;
	background: #BA89B6;
	background: linear-gradient(to bottom,  #255109 0%,#408c11 100%);
}
.btn.dark-blue {
	box-shadow: 0 0 5px 0 rgba(0,0,0, 0.35);
	border: 1px solid #0a1220;
	padding: 7px 19px 6px !important;
	color: #a6b2c2!important;
	background: rgb(18,28,47);
	background: linear-gradient(to bottom,  rgba(18,28,47,1) 0%,rgba(14,24,40,1) 100%);
}
.btn.dark-blue:hover {
	border: 1px solid #101d33;
	background: #1a2a44;
	background: linear-gradient(to bottom,  #1a2a44 0%,#14233a 100%);
}
.btn.dark-blue:before {
	display: none;
}
.btn:hover, .menu-inner a.btn:hover {
	color:white!important;
}
.btn.small, #header ul li a.btn.small {
	font: 10px/9px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; !important;
	padding: 5px 7px 4px 7px !important;
}
.btn.large {
	//font-size: 14px;
	padding: 8px 14px 7px!important;
}
.btn.large-text {
	font-size: 13pt;
	line-height: 1;
	padding: 0.35em 1.2em!important;
}
button.btn::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 1px;
	left: 1px;
	right: 1px;
	top: 1px;
	border-top: 1px solid #54773F;
	border-bottom: 1px solid #38790F;
	background: #3b6522;
	background: linear-gradient(to bottom,  #3b6522 0%,#467b25 47%,#326f0d 47%,#3e8a10 100%);
}

.btn.red {
	background: #510909;
	background: linear-gradient(to bottom,  #510909 0%,#8c1111 100%);
}

.btn.red:before {
	border-top: 1px solid #773f3f;
	border-bottom: 1px solid #790f0f;
	background: #642322;
	background: linear-gradient(to bottom,  #642322 0%,#7b2525 47%, #6f0e0d 47%,#8a1111 100%);
}
.btn.grey {
	background: #494949;
	background: linear-gradient(to bottom,  #494949 0%, #7c7c7c 100%);
}
.btn.grey:before {
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6c6c6c;
	background: #642322;
	background: linear-gradient(to bottom,  #5c5c5c 0%, #6e6e6e 47%, #626262 47%, #787878 100%);

}
.btn-blue {
	cursor: pointer;
	background: #5d7ca6;
	display: inline-block;
	border-radius: 5px;
	border: 2px solid #37547b;
	color: white!important;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	padding: 7px 9px 6px;
	text-shadow: 1px 0 0 #37547b,
	0 1px 0 #37547b,
	0 -1px 0 #37547b,
	-1px 0 0 #37547b;
}
.btn-blue:hover {
	text-decoration: none;
}
.btn-d-blue {
	display: inline-block;
	border: 2px solid #263450;
	border-radius: 5px;
	font: 12px/23px Verdana, Arial, Helvetica, sans-serif;
	color: #bababa!important;
	padding: 0 13px;
	text-transform: uppercase;
	background: rgb(20,32,52);
	background: linear-gradient(to bottom,  rgba(20,32,52,1) 0%,rgba(7,16,28,1) 100%);
}
.btn-d-blue:hover {
	text-decoration: none;
	color: #e8e6e6!important;
	border-color: #374a71;
	background: rgb(39,63,102);
	background: linear-gradient(to bottom,  rgba(39,63,102,1) 0%,rgba(19,43,76,1) 100%);
}
.spell-container {padding-top:10px;}
.spell-container .spell {
	min-height: 76px;
	height: auto !important;
	* height: 76px;
	font-size:11px;
	color:#C0C0C0;
}
.spell-container .spell div{width:140px;}
.spell-container .spell h3 {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	margin-bottom:2px;
}
.spell-container .spell img {border: 2px solid #282828;}
.rune-container .runes {
	margin-top:20px;
	width:335px;
}
.runes-row {margin-bottom:2px;}
.runes-row .rune-div {
	background:#2f251a;
	width:100%;
	padding:1px 0;
	float:left;
}
.runes-row div img {
	float:left;
	margin-right:12px;
	vertical-align: middle;
}
.runes-row .rune-count {
	font-size:18px;
	text-align:center;
	padding-top:7px;
	display:block;
}
.runes-row .rune-count .x {
	font-size:11px;
	font-weight:normal;
}
.runes-row p {
	width:260px;
	float:left;
	background-color:#1b150f;
	color:#c0c0c0;
	font-size:11px;
	padding:1px 0 1px 3px;
}
.runes-row .runes2 {
	background-color:#1b150f;
	width:100%;
	padding:2px 0 2px 3px;
}
.runes-row .runes2-info {
	width:260px;
	float:left;
	color:#c0c0c0;
	font-size:11px;
}
.runes .scroll {
	max-height:176px;
	* height: 176px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #2f251a;
}
.runes-row p span {color:#00ff00;}
.runes-row p label {
	color:#fff;
	padding-top:4px;
	display:block;
}
.runes-row .runes2 label {
	color:#fff;
	display:block;
	padding-top:5px;
	font-size: 12px;
}
.runes .growth {
	font-size:11px;
	font-weight: normal;
}
.no-rune {
	padding:20px 0;
	text-align:center;
	background-color:#1b150f;
	border: solid #2c2319 1px;
}
.runes-box-hdr {
	background: url(/css/gfx/runes-box-hdr.png) no-repeat bottom center;
	width:330px;
	height:23px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#DBB74C;
	padding:10px 0 0 5px;
}


.play-tip {width:335px;}
.play-tip li {
	margin: 10px;
	list-style-position:outside;
}
.play-tip-bg {
	padding: 10px 10px 10px 75px;
	background: url(/css/gfx/play-bg-bottom.jpg) no-repeat bottom center;
	min-height: 135px;
	height: auto !important;
	* height: 135px;
}
.play-as {
	background: url(/css/gfx/play-as-bg.jpg) no-repeat top center;
	margin-right:17px;
}
.play-vs {background: url(/css/gfx/play-vs-bg.jpg) no-repeat top center;}
.large-table .tab-container {margin-left:20px;}
.tab-container ul {list-style: none;}
.tab-container ul li {
	display: block;
	float:left;
	color:#c0c0c0;
	width:86px;
	height:16px;
}
.tab-container li {
	background: url(/css/gfx/tab-bg.png) no-repeat bottom center;
	text-align:center;
}
.tab-container ul li a {
	color:#c0c0c0;
	font-size:14px;
}
.video-info {
	color:#c0c0c0;
	font-size:11px;
}
.share {
	width:302px;
	float:right;
	margin-left:15px;
}
.video-info .published {
	color:#806246;
	display:block;
	margin-bottom:10px;
}
.share ul {
	list-style:none;
	margin-left:-10px;
}
.share ul li {
	display:inline;
	color:#c0c0c0;
}
.share a {color:#dbb74c;}
.share li a {
	color:#dbb74c;
	font-size:11px;
	padding:0 10px;
}
.share h4 {
	color:#c0c0c0;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #2f323a;
	margin-bottom:5px;
}
.share h4 span {
	border-bottom:1px solid #17191d;
	display:block;
}
.share div {
	padding:10px;
	background-color:#202226;
	margin-top:5px;
}
.share label {
	vertical-align: middle;
	padding:5px 0;
	display:block;
}
.share form input {
	color:#C0C0C0;
	background-color:#17191d;
	border:1px solid #806246;
	width:230px;
	float:right;
}
.count-container {
	background:url(/css/gfx/countdown-bg.png) no-repeat left bottom;
	float:right;
	margin-right:30px;
	width: 157px;
}
.countdown_section {
	float:left;
	text-align: center;
	color:#000;
	padding:5px;
}
.countdown_amount {
	font-size:18px;
	font-weight: bold;
	color: #fff;
}
/*+ comments +*/
#comments ul {
	color:#c0c0c0;
	list-style:outside;
	margin-left:15px;
	padding-left: 25px;
}
#comments ul li a {
	color:#dbb74c;
}
#comments ul li img {vertical-align:middle;}
#comments ul li.date {color:#808080;}
#comments h2 {
	color:#dddddd;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#comments h2 span {
	font-size:10px;
	font-weight:normal;
}
#comments h2 span a{color:#dbb74c;}
#comments p {
	padding: 5px 5px 15px 5px;
	margin:0 !important;
}
#comments .comment-inner {
	padding: 5px 5px 15px 5px;
}
.no-borders {border:none!important;}
.votes li {
	color:#806246;
	font-weight:bold;
}
.votes li.last {
	font-size:10px;
	color:#c0c0c0;
}
#comments .comment {margin-top:10px;}

#comments .comment-text .bbcode_quote, .msg .bbcode_quote  {
	background-color: #252D3C;
}
#comments .comment-text .bbcode_code {
	background-color: #D0DCF2;
}
/* new */
.comment-wrap {background:#2e3f5b;}
.comment-content {width:100%;}
.comment-content tr.comment {
	background: #1A283F;
}
.comment-avatar {
	padding:10px;
	text-align:center;
	background:#233148;
	width:161px;
	vertical-align:top;
	font-size:12px;
	border:solid 1px #040911;
	border-width:1px 0 1px 1px;
}
.comment-avatar img {
	background:#141F33;
	border: 1px solid #071627;
	margin-bottom:5px;
	padding:2px;
	color:#fff;
}
.comment-avatar span {color: #bbd0e9;}
.comment-avatar a {color:#87add9;}
.comment-body {

	margin-right:85px;
	vertical-align:top;
	border:solid 1px #2e3f5b;
	border-width:0 1px 0 0;
}
.comment-score {
	background:#1A283F;
	padding:3px;
	font-size:10px;
	color:#87add9;
	border:solid 1px #040911;
	border-width:1px 1px 1px 0;
	margin-bottom:1px;
}
.comment-text {
	padding:10px;
	background: #121d31;
	background: linear-gradient(to bottom, #0a1220 0px, #121d31 170px, #121d31 100%);
	//height: auto !important;
	//min-height: 146px;
	color:#c0c0c0;
	word-wrap:break-word;
	overflow:hidden;
	border:solid 1px #040911;
	border-width:1px 1px 1px 0;
}

#profile .comment-text {

	width:716px;
}
.comment-text img {
	max-width: 900px;
}
.col-left .comment-text .comment-sig img {
	max-width: 690px!important;
}

.comment-edit {
	background:#1A283F;
	padding:3px;
	font-size:10px;
	color:#87add9;
	border:solid 1px #040911;
	border-width:1px 1px 1px 0;
	margin-top:1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	width: 100%;
}
.comment-edit .hide-comment, .comment-score .hide-comment {
	float: right;
	margin-right: 3px;
	vertical-align: top;
	line-height: 14px;
	line-height: 1;
}
.comment-score .hide-comment {
	margin-top: 6px;
}
.comment-score .hidden-by {
	color: #5f779f;
	font-size: 12px;
	display: inline-block;
	margin: 3px 0 6px;
	position: relative;
	top: 1px;
}
.comment-break {
	background:#2e3f5b;
	padding:4px;
}
.comment-sig {
	color:#808080;
	border: 1px solid #1A293A;
	background: #0A1220;
	padding:10px;
	max-height:250px;
	//overflow:hidden;
	//max-width: 515px;
}
.comment-hdr {
	background:url(/css/gfx/forum/bg-forum-head.png) repeat-x;
	padding:3px 8px;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#8ea9d5;
	border-bottom:1px solid #2E3F5B;
	line-height: 23px;
}

/*- comments -*/


#home-news #community-news h2, .esports-sideblock h2, .blog-sideblock h2, .sideblock h2  {
	color: #98aac5;
	font: 16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin:0 0 4px;
	text-align: center;
}
.col-right.blog-sideblock h3 {
	text-align: center;
	color: #98aac5;
}
.expandableMenu a, .sidebar-list a {
	border: 1px solid #09111e;
	padding: 6px 0px;
	color: #acc1e5;
	padding-left: 28px;
	display: block;
	font: Verdana, Arial, Helvetica, sans-serif;
}
.expandableMenu li, .sidebar-list li {
	list-style-type: none;
	background: #1a283f url(gfx/bullet.png) no-repeat 11px center;
}
.sidebar-list li:not(:last-child) {
	margin-bottom: 1px;
}
.expandableMenu li.expand {
	background-image: none;
}

.expandableMenu li.expand > a {
	position: relative;
	background: url(gfx/category-arrows.png) no-repeat 9px 9px;
}

.expandableMenu li.expand.selected > a {
	background-position: 8px -11px;
}
.expandableMenu li.expand li {
	background-color: #253959;
	background-position: 21px center;
}
.expandableMenu li.expand li > a {
	padding-left: 38px;
	background-position: 20px center;
}
.expandableMenu li.expand li.expand li  {
	background-color: #2f4973;
	background-position: 31px center;
}
.expandableMenu li.expand li.expand li > a {
	padding-left: 48px;
	background-position: 31px center;
}
.expandableMenu li.expand li.expand.selected > a {
	background-position: 18px center;
}

//.t-list a{margin:2px 0; display:block; color:#9b9d9f; font-weight:bold;}
.t-list a:hover {
	color:#fff;
	text-decoration:none!important;
}
.t-list img {
	//float:left;
	//background-color: #1f3245;
}
.t-list .top-title {
	background-color:#122134;
	padding:10px 5px 0;
	height:24px;
	margin-left:36px;
	text-transform:uppercase;
}
.t-list .top-hero {
	display:table-cell;
	vertical-align: top;
}
.t-list .chosen-container {
	margin: -5px 0 0 10px;
}
.t-list .chosen-container a, .t-list .chosen-container li  {
	margin:0;
	font-weight: normal;
}
.t-list select {
	text-transform:none;
}
.t-list div.alt {
}


/*+ search box +*/
#search-box input {vertical-align: middle;}
#search-box .text {
	width:214px;
	height:20px;
	border:1px solid #818181;
	background-color:#cfd2da;
	color:#808080;
	margin-top:2px;
}
.col-right .ads, .col-right .exhibits {
	padding:6px;
}
.col-right .ads:not(.box-shadow-db), .col-right .exhibits:not(.box-shadow-db) {
	border:1px solid #27292c;
	background:#000;
}
.col-right .ads td, .col-right .exhibits td{
	padding:5px;
}
.col-right .dom-side img {
	width:61px;
	border:1px solid #242833;
	padding:3px;
	margin:2px;
	background: #101A25;
}
.col-right h3 {
	color:#dddddd;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
/*+ search box +*/
.video-container {margin-bottom: 4px;}
.more-videos {
	max-height:250px;
	overflow: auto;
	* height: 250px;
}
.more-videos p {
	border:1px solid #806246;
	color:#dbb74c;
	width:195px;
	float:left;
	margin-left:5px;
	padding:5px;
	min-height: 48px;
	height: auto !important;
	* height: 48px;
	background: url(/css/gfx/video-more-bg.png) no-repeat center top;
}
.more-videos p em {
	color:#ff8000;
	font-size:10px;
	float:left;
}
.more-videos p span {
	color:#c0c0c0;
	font-size:10px;
	display:block;
	text-align:right;
	margin-top:5px;
}
.champion-multi {
	background: url(/css/gfx/multi-champ-bg.png) no-repeat left center;
	padding-left:15px;
}
/*+ sub-menu +*/
.menu-bar {
	margin-top:1px;
	background: #102039;
	border-bottom:1px solid #3b4755;
	padding-left:5px;
}
#sub-menu {
	height:20px;
	margin-top:6px;
	padding:5px 0;
	z-index:100;
}
#sub-menu ul {text-align:left;}
#sub-menu ul li {
	background: url(/css/gfx/sub-menu_sep.png) no-repeat right 1px;
	padding:5px 0;
}
#sub-menu ul li.last {background:none!important;}
#sub-menu ul li a {color:#fff;}
/*- sub-menu -*/
.home-intro {color: #c0c0c0;}
.home-intro img.float-left {margin: 0 10px 0 0;}
.home-intro span {color:#fff;}
.home-intro a {color:#dbb74c;}
.home-intro p {padding-top:10px;}
.home-intro label {
	display:block;
	color:#c0c0c0;
}
.home-intro h1.build {
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
.home-intro label.build span {
	font:12px Arial, Helvetica, sans-serif;
	color:#c0c0c0;
}
.home-intro label.build img {vertical-align:middle;}
.home-intro label.by a {color:#dbb74c;}
.home-intro label.based {font-size:10px;}
.home-intro label.based a{color:#dbb74c;}
.home-intro label.posted {font-size:10px;}
.home-intro label.posted span {color:#fff;}
.build .freshness {
	padding:2px;
	background:#233749;
	color:#fff;
}
#champ-guide .freshness {
	text-transform:uppercase;
	color:#fff;
}
#champ-guide .freshness .fresh-ideal, #champ-guide .freshness .fresh-fresh, #champ-guide .freshness .fresh-stale, #champ-guide .freshness .fresh-expired {
	padding:5px;
}
#champ-guide .freshness .fresh-ideal {background:#031408;}
#champ-guide .freshness .fresh-fresh {background:#140c03;}
#champ-guide .freshness .fresh-stale {background:#140c03;}
#champ-guide .freshness .fresh-expired {background:#140306;}
#champ-guide .freshness .fresh-title {
	padding-right:5px;
	color:#3d4754;
	font-size:10px;
}

#champ-guide .freshness span {
	font-size:10px;
	color:#c0c0c0;
	text-transform:uppercase;
}
.vet-box {
	width:82px;
	height:54px;
	padding:20px 0 0 2px;
	background: url(/css/gfx/vet-stamp.png) no-repeat top center;
	color:#fff;
	font-weight:bold;
}

.vote-bar {
	padding:3px;
}
.voted0 {
	background:#330000;
}
.voted1 {
	background:#003300;
}
.vote-box {}
.vote {
	max-width:35px;
	font-size:10px;
	line-height:11px;
	padding:0 5px;
}
.vote a {
	color:#a9c9d8
}
.vote-box .v-com {
	background: url(/images/vote-comment.png) no-repeat center left;
	padding-left:10px;
}
.vote-control {
	background:#233749;
	padding:0 10px;
	color: #a9c9d8;
	font-size: 14px;
}
.vet-control {
	padding-right:10px;
	text-align:right;
	font-size:18px;
	color: #a9c9d8;
}
.score-box {
	padding:5px;
	background: #070e17;
	font-size:10px;
}
.score-box .score-num {font-size: 24px; line-height:24px!important;}
.score-box img {max-height:1.0em!important;}
.vote-grad-box {
	border:1px solid #484848;
	padding:1px;
}
.vote-grad {
	background: url(/css/gfx/score-grad.png) no-repeat left;
	height:9px;
}
.team-hdr {
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffcc00;
}
.team-hdr span {
	font-size:12px;
	font-weight:normal;
	color:#fff;
}
.teams a {
	font-size:12px;
	color:#dbb74c;
}
.teams .box {
	width:130px;
	margin-right:10px;
}
.teams .player {
	padding:1px;
	text-align:left;
	background: #151515;
	border: 1px solid #242833;
}
.teams .player-bg{
	cursor: pointer
}
.teams .player-bg-alt{border:solid 1px #ffbf00;}
.teams .player-box-bg-foot {
	background: url(/css/gfx/player-box-bg-foot.png) no-repeat top left;
	height:16px;
}
.teams .player-box-bg-foot-alt {
	background: url(/css/gfx/player-box-bg-foot-alt.png) no-repeat top left;
	height:16px;
}
.teams .player .played-by {
	color:#c0c0c0;
	font-size:10px;
}
.teams .player .played-by-name,
.teams .player .played-by-name a {
	color:#fff;
	font-size:12px;
}
.teams .player-details-none{
	width:691px;
	height:15px;
	padding-top:5px;
	color:#c0c0c0;
	font-size:11px;
}
.teams .player-details-content{padding:14px 14px 0px 14px;}
.teams .player-details-bg1 {background: url(/css/gfx/player-details-bg-1.png) no-repeat top left;}
.teams .player-details-bg2 {background: url(/css/gfx/player-details-bg-2.png) no-repeat top left;}
.teams .player-details-bg3 {background: url(/css/gfx/player-details-bg-3.png) no-repeat top left;}
.teams .player-details-bg4 {background: url(/css/gfx/player-details-bg-4.png) no-repeat top left;}
.teams .player-details-bg5 {background: url(/css/gfx/player-details-bg-5.png) no-repeat top left;}
.teams .player-details-container{
	background: url(/css/gfx/player-details-bg-mid.png) repeat-y top left;
	width:691px;
	z-index:100;
}
.teams .details-col-left{width:409px;}
.teams .details-col-right{
	width:242px;
	margin-left:11px;
}
.teams .player-details-box {
	background: url(/css/gfx/player-details-box-bg.png) repeat-y top left;
	width:379px;
	padding:0px 15px;
	height:160px;
}
.single-champ .player-details-box {
	background: url(/css/gfx/player-details-box-bg2.png) repeat-y top left;
	width:300px;
	padding:0px 15px;
	height:169px;
}
.player-details-box .rune-row-bg1 {background-color:#101010;}
.player-details-box .rune-row-bg2 {background-color:#151515;}
.player-details-box .rune-icon{
	padding:3px 5px;
	width:30px;
}
.player-details-box .rune-info{
	padding:3px 5px;
	color:#c0c0c0;
	font-size:11px;
}

.player-details-box .hiliteW{font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
.player-details-box .rune-count{
	padding:3px 5px;
	font-size:18px;
	width:30px;
	text-align:center;
}
.rune-count .x {
	font-size:11px;
	font-weight:normal;
	color:#c0c0c0;
}
.player-details-box table{width:100%;}
.player-details-box .scroll{
	width:100%;
	height:169px;
	overflow-y:auto;
	overflow-x:hidden;
}
.teams .player-stat-box {
	background: url(/css/gfx/player-stat-box-bg.png) repeat-y top left;
	width:240px;
	padding:0px 15px;
	height:385px;
	overflow: hidden;
}
.teams .player-details-box-wide, .single-champ .player-details-box-wide {
	background: url(/css/gfx/player-stat-box-bg-wide.png) repeat-y top left;
	width:630px;
	padding:0px 15px;
	overflow: hidden;
}
.teams .ability-table, .single-champ .ability-table {width:100%;}
.ability-table .row1 {background-color:#101010;}
.ability-table .row2 {background-color:#151515;}
.ability-table th, .ability-table td {
	padding:3px 0;
	font-size:11px;
}
.ability-table td {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#000;
}
.ability-table th {color:#c0c0c0;}
.ability-table .ability-icon {
	width:30px;
	text-align:center;
}
.ability-table .ability-name {padding-left:3px;}
.ability-table .ability-lvl {
	width:27px;
	text-align:center;
}
.ability-table .ability-total {
	width:40px;
	text-align:center;
}
.single-champ .details-col-left{width:330px;}
.single-champ .details-col-right{
	width:330px;
	margin-left:10px;
}
.single-champ .col-left{width:350px;}
.single-champ .col-right{width: 330px;}
.single-champ .runes-row {overflow: hidden;}
.single-champ .box-bg {
	background: url(/css/gfx/single-champ-box-bg.png) no-repeat top left;
	padding:11px 10px;
}
.single-champ .top-bg {
	background: url(/css/gfx/single-champ-box-blue-top.png) no-repeat top left;
	height:214px;
	padding:10px;
	font-size:11px;
	color:#c0c0c0;
}
.single-champ .bot-bg {
	background: url(/css/gfx/single-champ-box-blue-bg.png) repeat-y top left;
	padding:10px 10px 0 10px;

}
.single-champ .single-stat-box {
	background: url(/css/gfx/single-stat-bg.png) repeat-y top left;
	width:285px;
	padding:0px 8px;
	margin:auto;
}
.talents {
	margin-top:10px;
	font-size:10px;
	color:#c0c0c0;
}
.talents2 {margin-top:0px;}
.talents div {
	text-align:center;
	width:29px;
	float:left;
	margin-right:11px;
}
.talents div img {background-color:#1b1b19;}
.talents div.last {margin-right: 0;}
.spells {
	text-align:center;
	font-size:10px;
	color:#c0c0c0;
	margin-top:10px;
}
.spells div {float:left;}
.spells div.last {margin-left:12px;}
.build-button,.archive-button {margin:10px 5px 0 0;}


/* + PM + */

#pm h2{
	color:#fff;
}
#pm h2 span{
	//color:#c0c0c0;
	//font-size:11px;
}
#pm .recipients{
	font-size:10px;
}


#pm .ad-box, #blog .ad-box {
	border:solid 1px #242833;
	background:#0A1220;
	padding:10px;
	width:125px;
}
#pm .reply {
	width:54px;
	padding-top:3px;
	text-transform:uppercase;
	font-weight:bold;
	color:#778899;
}
#pm .pm-stats {
	padding:5px;
	line-height:1.5em;
	color:#c0c0c0;
	width:142px;
}
#pm .pm-stats a{
	color:#fff;
}
#pm-view .pm-break {
	border-top:1px solid #2b3c4b;
	padding:5px;
}
#pm .pm-entry {	padding:7px;}
#pm .pm-entry .pic, #inbox .pic {
	width:50px;
	margin-right:15px;
	text-align:right;
}
#pm-view .pm-entry .pic img, #inbox .pic img {width:50px;}
#pm-view .reply {
	color: #adadad;
}
#pm-view .reply-box {
	border-top: 1px solid #1A293A;
	border-bottom: 1px solid #1A293A;
	padding: 12px 0;
	margin: 14px 0;

}
#pm .pm-entry .msg-box  {	width:645px;}
#pm .msg-box .byline {
	font-size:11px;
	color:#abcad3;
	padding-bottom:5px;
}
#pm .msg-box .byline a{
	font-size:12px;
	font-weight:bold;
}
#pm .pm-entry .msg-box .msg{line-height:1.7em; word-wrap:break-word;}
#pm .pm-entry textarea{
	width:645px;
	height:100px;
	padding:5px;
	background:#131718;
	border:solid 1px #2b3c4b;
}
#new-pm input[type="text"] {
	color:#fff;
	//border:1px solid #464b59;
	background-color: #131718;
	color:#d4d4d4;
	padding: 2px 5px;
	line-height: 17px;
	height: 17px;
}
#new-pm #recipient-ajax-list, ul#recipient-ajax-list, ul.ui-autocomplete  {
	position: absolute;
	top: 19px;
	background: #2a3c54;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 150;
	border: 1px solid #0e2037;
	border-top: none;
	list-style:none;
	margin:0;
	padding: 2px 0 3px 0;
	left: 0;
	right: 0;
	line-height: 23px;
}
#recipient-ajax-list li {
	padding-left: 7px;
}
#recipient-ajax-list li img {
	width: 16px;
	height: 16px;
	position: relative;
	top: -3px;
	margin-right: 2px;

}
#recipient-ajax-list li:hover {
	background: #3e597d;
}
.gf-input:focus + #recipient-ajax-list {
	border-color: #7193bd!important;
}
#new-pm label {
	display:block;
	width:75px;
	float:left;
	padding-top:4px;
	color:#778899;
	font-size:10px;
	text-transform:uppercase;
}
#new-pm .recipient-list-user{
	color:#c0c0c0;
}

#inbox table{
	width:100%;
}
#inbox table td {
	padding:10px;
}
#inbox .reply {
	width:15px;
}
#inbox .select {
	width:20px;
}
#inbox .last-reply-pic {
	padding: 7px;
}
#inbox .last-reply-pic, #inbox .last-reply-pic img {
	width:50px;

}
#inbox table .last-reply-pic img {
	background: rgba(10,18,31,0.6)!important;
	border: 1px solid #010B13!important;
	padding:2px!important;
}
#inbox .last-reply-pic {
	vertical-align:top;
}
#inbox .last-reply {
	width:100px;
	font-size:10px;
	color:#909090;
	vertical-align:top;
}
#inbox .last-reply a {
	font-size:11px;
	font-weight:bold;
}
#inbox img {
	max-width: 100%;
}
#inbox .msg {
	font-size:12px;
	line-height:1.8em;
}
#inbox .msg a {
	font-size: 12px;
}
#inbox .msg .byline a {
	font-size:10px;
}
#inbox .delete {
	width:20px;
}
#inbox .byline {
	font-size:10px;
	line-height:1.0em;
	margin-bottom:7px;
}
#pm .bg1 td {background:#111d31;}
#pm .bg2 td {background:#0E1828;}

#inbox .unread td {background:#1b2b45;}

/* - PM - */

/* + News + */

#news .news-box {
	background: none repeat scroll 0 0 #010911;
	color: #C0C0C0;
	line-height: 1.7em;
	padding: 15px 20px;
}
#news .news-body {
	margin-top:20px;
	line-height:1.5em;
}
#news .byline {
	margin-top:3px;
	border-top:solid 1px #202020;
	padding-top:3px;
}
#news .byline img{
	margin-right:7px;
	width:32px;
}
#news .news-box h2 a{
	font-size:36px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	font-weight:normal;
}
#news .news-box h2 a:hover{
	text-decoration:none;
	color:#A2B6C4;
}
#news .news-box ul{
	margin:0 35px;
}
#news .news-box li{
	list-style-position: outside;
	color:#A2B6C4;
}

#news .tags {
	font-weight:normal;
}


/* - News - */

/* + New Top Lists + */


.toplist-sidebar .link{
	padding:5px;
}
.toplist-sidebar .link span{
	font-size:10px;
	color:#c0c0c0;
}
.toplist-sidebar .link-inner{
	background: url(/css/gfx/toplist-sidebar-bg.png) no-repeat center left;
	display:block;
	padding:5px 10px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow: 2px 2px 2px #000;
}
.toplist-sidebar a:hover{
	text-decoration:none;
	color:#DBB74C;
}
.toplist-box {
	padding:10px;
}
.toplist-box .numone-cont{
	width:430px;
}
.numone-cont .numone-left {
	float:left;
	width:80px;
	text-align:center;
}
.numone-left .numone {
	font:normal 48px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
.numone-left .score {
	font:normal 24px Verdana, Arial, Helvetica, sans-serif;
	color:#00ff00;
}
.numone-left .votes {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#c0c0c0;
}

.numone-left .vet {
	background: url(/css/gfx/vet-stamp.png) no-repeat center center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 15px;
	padding:20px 0;
}
.numone-right .bg-trans-blue {
	background: url(/css/gfx/tl-trans-blue.png);
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 4px;
	padding:10px;
}
.numone-cont .numone-right {
	width:340px;
	float:right;
}
.numone-right .byline {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#c0c0c0;
}
.numone-right .desc {
	margin-left:70px;
	line-height:1.5em;
}
.numone-right img {
	width:60px;
}

.tl-rows .tl-row {
	background: url(/css/gfx/tl-row-bg.png) repeat-y left top;
	margin-bottom: 2px;
	height:68px;
	overflow:hidden;
}
.tl-row .row-num {
	width:45px;
	float:left;
	font:normal 24px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:18px;
	color:#545c65;
}
.tl-row .row-link {
	width:468px;
	float:left;
	padding:10px;
}
.row-link .tl-title {
	font-size:14px;
	padding-top:7px;
	color:#fff;
	display:block;
}
.row-link .byline {
	font-size:11px;
	color:#c0c0c0;
}

.row-link img{
	width:45px;
}
.tl-row .row-vet {
	width:81px;
	float:left;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:26px 0;
}
.tl-row .row-vet-bg {
	background: url(/css/gfx/vet-stamp.png) no-repeat center center;
}
.tl-row .row-score {
	width:95px;
	float:left;
	text-align:center;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding-top:13px;
}
.tl-row .row-score .score{
	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#00ff00;
}
/* - New Top Lists - */
#legal .legal-box p{
	margin-bottom:15px;
	color:#c0c0c0;
	font-size:12px;
}
/* + Tournaments + */

#tournament-hdr .stream {
	height: 90px;
	width: 278px;
	background: url("/images/tourny-stream.png") no-repeat scroll center top transparent;
}
#tournament-hdr .stream.offline {
	background-position: bottom;
}
#tournament-hdr p {
	width: 650px;
}
#tournament .tourny-bits {
	padding: 4px;
}
#tournament .tourny-teams {
	width: 300px;
}
#tournament .prizes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#tournament .bg1 td{
	background:#151515;
}
#tournament .bg2 td{
	background:#101010;
}
#tournament .prizes li {
	margin-left:35px;
	background: #000000 url(gfx/tourny-prize-bullet.png) no-repeat top left;
	list-style:none;
	padding:5px 0 5px 20px;
}
#tournament .prizes span {
	font-size:11px;
	color:#808080;
}

#tournament .prize-info {
	background: #060c16;
	padding:15px;
	line-height:1.6em;
}
#tournament .sponsors {
	padding:0 0 0 20px;
	width:320px;
	float:right;

}
#tournament .sponsors img{
	margin-right:10px;
	max-width: 150px;
}
#tournament #tournament-sponsors .section {
	background: #060c16;
	margin: 5px;
	padding: 15px;
}
#tournament #tournament-sponsors h2 {
	margin-left: 5px;
}
#tournament .prize-info div {
	float:left;
	width:150px;
	color: #9FADC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}
.tournament.profile-tabs {
	margin-left: 15px;
}
.tourny-box {
	border:solid 1px #242833;
	background:#000;
	padding:1px;
}
#tournament p, #tournament ul {
	color: #96a4b6;
}
#tournament p {
	margin: 10px 0;
}

#tournament h3 {
	color: #9FADC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin:5px 5px;
}
#tournament h3 span {
	color: #9e9fa1;
	font-size: 11px;
}
#tournament .admin-message {
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
#tournament .admin-tournament-award {
	display: inline-block;
	vertical-align: top;
}
#tournament .admin-tournament-award:first-child {
	margin-bottom: 20px;
}
#tournament .admin-tournament-award select {
	min-width: 170px;
	width: 100%;
}
#tournament .admin-tournament-award > div {
	min-height: 20px;
	line-height: 20px;
}
#tournament .admin-tournament-award .place {
	font-weight: bold;
}
#tournament .admin-tournament-award .round {
	margin-top: 3px;
}
#tournament h4 {
	font-weight: normal;
	color: #fefefe;
	margin: 10px 0;
}
#tournament strong {
	color: white;
}
#tournament .section {
	margin-bottom: 1.5em;
	padding: 15px;
}
#tournament .section:last-child {
	margin-bottom: 0;
}
#tournament .section ul {
	padding-left: 2em;
}
#tournament .section ul li {
	background: url("/images/blue-bullet.png") no-repeat scroll 0 3px transparent;
	list-style-type: none;
	margin: 0.8em 0;
	padding: 0 0 0 18px;
	line-height: 1.4;
}
#tournament #tournament-roster-tab-target h3,
#tournament #tournament-roster-tab-target span {
	color: #94a2bb;
}
#tournament #tournament-roster-tab-target a {
	color: white;
}
#tournament #tournament-roster-tab-target .status {
	padding-left: 10px;
}
#tournament #tournament-roster-tab-target .sub {
	margin: 0;
}
#tournament .section .subsection {
	margin: 0 0 15px 0;
	padding: 1px 10px 10px 10px;
	background-color: #060C16;
}
#tournament .section .subsection:last-child {
	margin: 0 0 0.3em;
}
#tournament .sub {
	color: #5A708D;
	display: block;
	font-size: 11px;
	line-height: 18px;
	margin: 10px 0;
}
#tournament .round-box {
	background: #000000 url(/css/gfx/bg-round.png) repeat-y top left;
	padding:15px;
	height:180px;
	width:137px;
}
#tournament .invite-table {	width:400px;}
#tournament .invite-table td { padding:3px;}
#tournament .invite-table .bg1 td { background:#151515;}
#tournament .invite-table .bg2 td { background:#101010;}
#tournament .round-box .round-num {
	font-size:72px;
	color:#1f2329;
}
#tournament h2 {
	color:#ffffff;
}
#tournament-hdr .tourny-info {
	padding: 10px 0 10px 20px;
}
#tournament-hdr .tourny-info h1 {
	font-size: 24px;
}

#tournament-hdr .flag {
	vertical-align: middle;
}
#tournament-hdr .tourny-header img {
	float: right;
	width: 450px;
	margin: 15px 20px 5px 0;
	padding: 4px;
	background: #070d18;
	border: 1px solid black;
}
#tournament-hdr .header {
	display: table;
	//width: 600px;
}
#tournament-hdr .description {
	margin: 15px 0;
}
#tournament-hdr .description span {
	color: #607495;
	line-height: 20px;
}
.profile-tabs.tournament .tab{
	margin-bottom: -13px;
}
#tournament-hdr h2.date {
	color: #798aa6;
	line-height: 16px;
	margin-top: -5px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
#tournament-hdr.tourny-main h1 {
	color: #55647f;
	font-size: 12px;
	text-transform: uppercase;
}
#tournament-hdr h1 .count {
	float: right;
}
#tournament-hdr h1 span {
	font-size: 12px;
	color: white;
}
#tournament-hdr .feature {
	display: inline-block;
	vertical-align: top;
}
#tournament-hdr .join-tourn {
	width: 313px;
	padding: 8px 5px 10px;
	height: 250px;
}
#tournament-hdr .join-tourn .join-hdr {
	margin-bottom: 11px;
}
#tournament-hdr .join-tourn div {
	color: #6b7a95;
	font-size: 11px;
	line-height: 15px;
}
#tournament-hdr .join-tourn .join-hdr > img {
	float: left;
	margin: 0 10px 0 7px;
}
#tournament-hdr .join-tourn .join-hdr h2 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	color: white;
	line-height: 26px;
}
#tournament-hdr .join-tourn .db {
	padding: 10px;
}
#tournament-hdr h3, .tourny-leaderboard h3 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 23px;
	color: white;
}
#tournament-hdr .join-tourn label {
	color: white;
	display: inline-block;
	width: 85px;
	margin: 10px 0 5px 5px;
}
#tournament-hdr .join-tourn input[type="text"] {
	width: 150px;
}
#tournament-hdr .tourny-leaderboard, #tournament-hdr .tourny-add {
	display: inline-block;
	vertical-align: top;
	height: 250px;
	margin-left: 2px;
}
#tournament-hdr .tourny-add {
	width: 300px;
}
#tournament-hdr .tourny-add div {
	padding: 0;
	background: none;
	border: none;
	margin: 0!important;
	height: 250px
}
#tournament-hdr .tourny-leaderboard {
	width: 443px;
}
#tournament #sign-up .register {
	float: right;
	margin: 10px 5px 50px 35px;
}
#tournament #sign-up .register .title {
	background: #35770e;
	border-radius: 4px;
	padding: 7px;
	display: inline-block;
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	line-height: 1;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#tournament #sign-up .register .title:hover {
	text-decoration: none;
}
#tournament #sign-up .register .title h4 {
	font-size: 24px;
	margin: 0 0 4px;
	line-height: 1;
}
#tournament #sign-up p {
	margin: 0;
	line-height: 1.6;
}
.tourny-leaderboard h3 {
	float: left;
}
.tourny-leaderboard a {
	color: #6b7a95;
	font-size: 10px;
}
.tourny-leaderboard .tabs {
	text-align: right;
}
.tourny-leaderboard .tabs > div {
	display: inline-block;
	background-color: #040c17;
	text-transform: uppercase;
	color: #b8c5dd;
	padding: 6px 9px;
	line-height: 1.1;
	cursor: pointer;
}
.tourny-leaderboard table {
	width: 100%;
	border-spacing: 1px;
}
.tourny-leaderboard table th {
	color: #3a4a64;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 5px 2px;
	line-height: 1;
	white-space: nowrap;
}
.tourny-leaderboard table tbody tr td {
	color: #8d9db9;
	background: #1a283f;
	text-align: center;
	padding: 4px 5px 5px;
	line-height: 1;
	font-size: 11px;
}
.tourny-leaderboard table tr .name {
	padding-left: 10px;
	text-align: left;
}
.tourny-leaderboard table tbody tr td.name a{
	color: white;
}
.tourny-leaderboard table tbody tr:nth-child(even) td{
	background: #233148;
}
.tourny-leaderboard .tabs > div:hover, .tourny-leaderboard .tabs > div.selected {
	background: #0a1220;
}
.tourny-leaderboard .tabs > div img {
	height: 14px;
	margin-right: 4px;
}
#tournament-hdr #clear-team {
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}
#tournament-hdr #clear-team img {
	//vertical-align: middle;
}
#tournament-hdr .tourny-pic, #tournament-hdr #tourny-schedule,
#tournament-hdr .tourny-info  {
	display: inline-block;
	vertical-align: top;
}
#tournament-hdr .tourny-pic {
	width: 135px;
	height: 135px;
}
#tournament-hdr .tourny-pic img {
	width: 125px;
	height: 125px;
	border: 5px solid #1e2e4b;
}
#tournament-hdr #tourny-schedule {
	padding: 10px 0 10px 20px;
}
#tournament-hdr #tourny-schedule h1 {
	font-size: 24px;
}
#tournament-hdr .tourny-sponsors {
	margin-top: 12px;
}

#tournament-hdr .tourny-sponsors img {
	max-height: 47px;
}
#tournament-hdr .tourny-sponsors a:not(:last-child) img, #tournament-hdr .tourny-sponsors img:not(:last-child)   {
	margin-right: 12px;
}
#tournament-hdr .tourny-clock {
	text-align: center;
	white-space: nowrap;
	padding: 3px 12px 6px;
}
#tournament-hdr .tourny-clock h2 {
	text-transform: uppercase;
	font-weight: normal;
	color: #798aa6;
	font-size: 18px;
	text-align: center;
}
#tournament-hdr .tourny-clock > div {
	display: inline-block;
}
#tournament-hdr .tourny-clock > div span {
	color: #798AA6;
	text-transform: uppercase;
}
#tournament-hdr .tourny-clock .number {
	background-color: #0a1220;
	font-size: 48px;
	text-align: center;
	width: 71px;
	padding: 10px 2px;
	margin: 5px 0;
}
#tournament-hdr .tourny-clock > div:not(:last-child) .number {
	margin-right: 8px;
}
#tournament-hdr .col-left {
	width: auto;
}
#tournament-hdr .col-right {
	width: auto;
	padding-top: 20px;
}
#tournament #tourny-schedule {
	float: left;
	display: inline-block;
	width: 291px;
	margin-right: 8px;
}
#tourny-schedule {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#tourny-schedule > div, #tourny-schedule > a {
	display: block;
}
#tourny-schedule .arrow {
	display: inline-block;
	vertical-align: top;
	height: 0px;
	width: 0px;
	border-style: solid;
}
#tourny-schedule .arrow.left {
	border-width: 11.5px 16px 11.5px 0;
	border-color: transparent #3b506b transparent transparent;
	float: left;
	margin-left: 5px;
}
#tourny-schedule .arrow.right {
	border-width: 11.5px 0 11.5px 16px;
	border-color: transparent transparent transparent #3b506b;
	float: right;
	margin-right: 5px;
}
#tourny-schedule .arrow:hover {
	text-decoration: none;
}
#tourny-schedule .arrow.left:hover {
	border-color: transparent #54759e transparent transparent;
}
#tourny-schedule .arrow.right:hover {
	border-color: transparent transparent transparent #54759e;
}
#tourny-schedule .info-hdr {
	background: #0b1524;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	margin-bottom: 13px;
	padding: 5px;
}
#tourny-schedule .info-hdr span {
	color: #8595b1;
}
#tourny-schedule a img {
	height: 24px;
}
#tourny-schedule .tourny {
	background: #0f1b2d;
	color: #c3cee1;
	font-size: 14px;
	line-height: 1.2;
}
#tourny-schedule .tourny:not(:last-child) {
	margin-bottom: 3px;
}
#tourny-schedule .tourny > div {
	display: table-cell;
	vertical-align: middle;
	padding: 6px;
}
#tourny-schedule .tourny .pic {
	padding-left: 8px;
}
#tourny-schedule .tourny span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#tourny-schedule .tourny span.date {
	display: block;
	color: #6a7991;

}
#tourny-schedule .tourny:hover, #tourny-schedule .tourny.current {
	background: #3b506b;
	text-decoration: none;
	color: white;
}
#tourny-schedule .tourny:hover span {
	color: #20e32e;
}
#tournament .tourny-calendar {
	font-size: 0;
	margin-left: 299px;
}
#tournament .tourny-calendar > div {
	display: inline-block;
	font-size: 14px;
	background: #1a283f;
	color: #8393b0;
	height: 88px;
	padding: 10px;
	width: calc(100% / 7 - 5px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: top;
}
#tournament .tourny-calendar > div > div {
	margin-top: 12px;
}
#tournament .tourny-calendar > div img {
	height: 26px;
}
#tournament .tourny-calendar > div a {
	margin-right: 5px;
}
#tournament .tourny-calendar > div:nth-child(7n+1),
#tournament .tourny-calendar > div:nth-child(7n) {
	background: #233148;
}
#tournament .tourny-calendar > div.current, #tournament .tourny-calendar > div:hover {
	background: #3b506b;
}
#tournament .boxHdr {
	padding: 6px 4px 8px 4px;
}
#tournament .t-details h2 {
	color: white;
	font-weight: normal;
	font-size: 14px;
	margin: 5px 0 10px 0;
}
#tournament .total-prize {
	color:#ff8800!important;
	font-size:18px!important;
}
#tournament .t-details {
	color:#96a4b6;
}
#tournament .gf-row {
	height: 25px;
	margin: 12px 0;
}
#tournament .section .gf-row .gf-label {
	color: #607495;
	width: auto;
}
#tournament img.new-team {
	vertical-align: inherit;
	margin-left: 5px;
}
#tournament .section .gf-row .float-left {
	margin-right: 10px;
}
#tournament .section .gf-row .float-left.asst-captain {
	margin-left: 37px;
}
#tournament .section .subsection .gf-row .gf-label {
	width: 50px;
}
#tournament .section h3 {
	color: white;
	font-weight: normal;
	font-size: 14px;
	text-transform:none;
}
#tournament .tourny-bits h2 {
	font-size: 18px;
	color: #798aa6;
}
#tournament .tourny-bits h2 span {
	color: white;
}

#tournament .tourny-bits h3, #tournament #tournament-sponsors h3 {
	font-size: 14px;
	font-weight: normal;
}
#tournament .tourny-prizes {
	font-size: 0;
	text-align: center;
	display: table;
	width: 100%;
	margin-bottom: 8px;
}
#tournament .tourny-prizes > div {
	width: 232px;
	height: 225px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #0a1220 url("/images/tournament-prize.png") no-repeat center 30px;
}
#tournament .tourny-bits h2.purse {
	background: #0a1220;
	text-align: center;
	color: #f7941d;
	padding: 5px;
	margin-bottom: 8px;
}
#tournament .tourny-bits h2.purse.extra {
	font-size: 16px;
	padding: 7px;
}
#tournament .tourny-bits h2.purse.extra span {
	font-size: 14px;
}
#tournament .tourny-bits h2.purse.extra img {
	margin-right: 4px;
}
#tournament .tourny-prizes > div:first-child {
	float: left;
}

#tournament .tourny-prizes > div:last-of-type{
	float: right;
}
#tournament .tourny-prizes h3, #tournament .tourny-prizes h4 {
	color: #f7941d;
}
#tournament .tourny-prizes h3 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 12px;
}
#tournament .tourny-prizes h4 {
	color: #f7941d;
	font-size: 18px;
	margin: 0 0 10px;
	display: inline-block;
}
#tournament .tourny-prizes li {
	line-height: 16px;
	margin-bottom: 10px;
	color: white;
	list-style: none;
}
#tournament .tourny-prizes p{
	color: white;
	line-height: 16px;
	margin-top: 0px
}
#tournament .tourny-prizes > br {
	display: none;
}
#tournament .tourny-prizes .podium {
	display: table;
	float: none!important;
	border-spacing: 8px 0;
	width: calc(100% + 16px);
	margin: 0 -8px;
	background: none;
	padding: 0!important;
	table-layout: fixed;
	//margin-bottom: 10px;
}
#tournament .tourny-prizes .podium > .prize {
	display: table-cell;
	background: #0A1220;
	vertical-align: top;
	padding: 5px 5px 15px;
	color: white;
}
#tournament .tourny-prizes .podium h4 {
	text-transform: uppercase;
	color: #f7941d;
	font-size: 16px;
	margin: 5px 0;
}
#tournament .tourny-prizes .podium .team {
	color: #798aa6;
	font-size: 14px;
	min-height: 28px;
	line-height: 1;
}
#tournament .tourny-prizes .podium .prizes {
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2px -5px 13px;
	border-bottom: 2px solid #152034;
	border-top: 6px solid #152034;
	line-height: 23px;
	padding: 3px;
}
#tournament #check-in a{
	margin-right: 10px;
}
#tournament #tourny-registration .description {
	margin: 18px 0 0 10px;
}
#tournament #tourny-registration .section .subsection {
	padding-bottom: 1px;
}
#tournament .checkin_highlight {
	text-transform: uppercase;
	color: #f7cc1d;
	margin-top: 15px;
}
#tournament .tournament-admin-prizes > div > div {
	display: inline-block;
	margin: 0 10px 5px 5px;
}
#tournament .tournament-admin-prizes select {
	width: 250px;
}
#tournament .round-time {
	font-size:18px;
	color:#ff8000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#tournament table th {
	background-color: #182130;
	color: #63768D;
	font-size: 10px;
	height: 15px;
	padding: 0 2px;
	text-align: left;
}
#tournament .round-status {
	width:190px;
	padding:20px 0 20px 40px;
}
#tournament .tourney-scroll {
	width:700px;
	overflow:auto;
}
.team-scroll {
	height:288px;
	overflow-y:auto;
	overflow-x:hidden;
}
#tournament .match-details h2 {
	font-size:12px;
	text-transform:uppercase;
}
#tournament .match-details .d-left {
	width:320px;
	float:left;
}
#tournament .match-details .d-right {
	width:320px;
	float:right;
}
#tournament .match-details .count {
	font-size:18px;
	color:#FF6600;
	padding-bottom:20px;
}
#tournament .match-table {
	width:100%;
}
#tournament .match-table .label {
	text-transform:uppercase;
	font-size:11px;
	color:#889fa7;
}
#tournament .match-table .bg1 td {
	background-color:#08131d
}
#tournament .match-table .bg2 td {
	background-color:#19293a;
}
#tournament .match-table td {
	padding:4px;
}
#tournament .match-box .player-box {
	margin-top:10px;
}

#tournament .match-box {
	background: url(/css/gfx/bg-vs.png) no-repeat center center;
}
#tournament .t1-win {
	background: url(/css/gfx/bg-vs-team1.png) no-repeat center center;
}
#tournament .t2-win {
	background: url(/css/gfx/bg-vs-team2.png) no-repeat center center;
}
#tournament .player-box .avatar img {
	width:70px;
	padding:3px;
	border:1px solid #242833;
}
#tournament .player-box .avatar .captain {
	border:1px solid #44576c;
	background:#08131d;
}


#tournament .match-box .bio {

	font-size:11px;
	color:#c0c0c0;
	padding:5px;
	line-height:1.4em;
}

#tournament .match-box .team-left .bio {
	text-align:right;
}
#tournament .match-box .team-right .bio {
	text-align:left;
}
#tournament .player-box .bio .m-name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:5px;
}
#tournament .match-box .team-left {
	float:left;
	width:310px;
}
#tournament .match-box .team-right {
	float:right;
	width:310px;
}

#tournament .team-table, #tournament .browse-tourny table {
	width:100%;
}
#tournament .team-table td{
	padding:3px;
}
#tournament .browse-tourny td:first-child{
	padding:5px;
}
#tournament .browse-tourny td:last-child{
	text-align: center;
}
#tournament .flag, #mm-browse-tournaments .flag,  #tournament .b-flag {
	height: 16px;
}

#tournament .browse-table .title{
	color: white;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 2px;
	line-height: 18px;
}

#tournament .browse-table .date {
	display: inline-block;
	margin-bottom: 1px;
	line-height: 15px;
}
#tournament .tourny-tabs .tab{
	float:left;
	padding:5px 10px;
	background:#050505;
	margin-right:2px;
	color:#808080;
	cursor:pointer;
}
#tournament .tourny-tabs .selected{
	background:#171717;
	color:#fff;
}

#tournament .tourny-team div{
	width:120px;
	margin:10px;
	overflow:hidden;

}
#tournament .tourny-team img {
	padding:3px;
	border:1px solid #242833;
	margin-bottom:5px;
	width: 70px;
}
#tournament .tourny-team .captain {
	padding:3px;
	border:1px solid #808080;
	margin-bottom:5px;
	width: 70px;
}
#tournament .matchup {
	width:100%;
}
#tournament .matchup img{
	padding:3px;
	border:1px solid #242833;
	margin-bottom:5px;
	width: 70px;
}
#tournament .vs {
	background: #101A25;
	color: #9FADC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	padding: 5px;
	text-transform: uppercase;
	border-top:1px solid #242833;
	border-bottom:1px solid #242833;
}
#tournament .match-team {
	font-size: 24px;
}
#tournament .t-honors {
	width:250px;
}
#tournament .t-honors td {
	padding:3px;
}
.tourny-clock-big span{
	font-size: 28px;
}
#tournament .create-team {
	padding: 10px;
}
#tournament .create-team h4 {
	margin:0;
	font-size: 14px;
}
#tournament .create-team .section {
	margin-top: 10px;
	padding: 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2MGIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjBiMTQiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(6,11,20,1) 0%, rgba(6,11,20,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,11,20,1)), color-stop(100%,rgba(6,11,20,0)));
	background: -webkit-linear-gradient(top,  rgba(6,11,20,1) 0%,rgba(6,11,20,0) 100%);
	background: -o-linear-gradient(top,  rgba(6,11,20,1) 0%,rgba(6,11,20,0) 100%);
	background: -ms-linear-gradient(top,  rgba(6,11,20,1) 0%,rgba(6,11,20,0) 100%);
	background: linear-gradient(to bottom,  rgba(6,11,20,1) 0%,rgba(6,11,20,0) 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060b14', endColorstr='#00060b14',GradientType=0 );
}
#tournament .create-team .section p {
	margin: 0 0  5px 0;
}

#tourny-leaderboard .col-left {
	padding: 5px;
	width: 751px;
}
#tourny-leaderboard .tourny-leaderboard .members {
	font-size: 10px;
	color: #798291;
	margin-top: 5px;
}
#tourny-leaderboard .tourny-leaderboard .tab {
	padding: 4px 3px 3px;
}
#tourny-leaderboard .tourny-leaderboard  table {
	border-spacing: 2px;
}
#tourny-leaderboard .tourny-leaderboard table th {
	padding-bottom: 5px;
}
#tourny-leaderboard .tourny-leaderboard table img {
	height: 28px;
}
#tourny-leaderboard .tourny-leaderboard td:not(.name) {
	width: 1%;
}
#tourny-leaderboard .schedule {
	padding: 10px;
}
#mm-browse-tournaments {
	margin-left: -2px;
}
#mm-browse-tournaments td {
	padding: 9px;
}
#mm-browse-tournaments td:first-child {
	padding: 4px;
}
#mm-browse-tournaments .browse-icon img {
	width: 26px;
	float: left;
	margin-right: 6px;
}
#mm-browse-tournaments .title {
	color: white;
	display: table-cell;
	height: 28px;
	vertical-align: middle;
	font-size: 11px;
}
#mm-browse-tournaments tr td:last-child {
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
}
.menu-inner .tourny-streams img {
	margin: 2px 7px 5px 0;
}
.teamslist .players, .edit-table .players {
	font-size:10px;
	color:#c0c0c0;
}
.teamslist .players a, .edit-table .players a {
	font-size:10px;
	color:#607495!important;
}
.teamslist .date {
	font-size:11px;
	color:#c0c0c0;
}
#edit-team p label {
	display:block;
	width:200px;
}
#schedule {
	overflow:auto;
}
#schedule .gap {
	background: url(/css/gfx/schedule-line.png) no-repeat center right;
}
#schedule .r1 .space, #schedule .r1 .gap {height:10px;}
#schedule .r2 .space, #schedule .r2 .gap {height:77px;}
#schedule .r3 .space, #schedule .r3 .gap {height:211px;}
#schedule .r4 .space, #schedule .r4 .gap {height:479px;}
#schedule .r5 .space, #schedule .r5 .gap {height:1015px;}
#schedule .r6 .space, #schedule .r6 .gap {height:2087px;}
#schedule .r7 .space, #schedule .r7 .gap {height:4231px;}

#schedule .team-1 .t-line {
	background: url(/css/gfx/schedule-line.png) no-repeat top right;
	width:25px;
}
#schedule .team-2 .t-line {
	width:25px;
	background: url(/css/gfx/schedule-line.png) no-repeat bottom right;
}
#schedule .t-teams div {
	padding:5px;
	height:15px;
	overflow:hidden;
	color:#fff;
	background:  url(/css/gfx/bg-schedule-team.png) repeat-x center top;
	margin:1px;
	border:1px solid #242833;
	font-size:10px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.bracket-match-highlight .t-teams div {
	border:1px solid #ff8000!important;
}
.small-schedule .t-teams div {
	width:145px
}
.large-schedule .t-teams div {
	width:145px
}

#schedule .t-teams .win {	background:  url(/css/gfx/bg-schedule-team.png) repeat-x center bottom;}
#schedule .t-teams .loss {	background:  url(/css/gfx/bg-schedule-team.png) repeat-x center center;	color:#505050;}
#schedule .t-teams .live {	background:  url(/css/gfx/bg-schedule-team.png) repeat-x center bottom;}
#schedule .t-teams .win a {color:#fff; text-decoration:none;}
#schedule .t-teams .loss a {color:#505050; text-decoration:none;}
#schedule .t-teams .live a {color:#fff; text-decoration:none;}
#schedule .t-teams .live a:hover, #schedule .t-teams .loss a:hover, #schedule .t-teams .win a:hover {color:#ff8000; text-decoration:none;}
/* - Tournaments - */


#build-filters {
	background:#0b1524;
	padding:6px;
}
#build-filters .bf-box {
	height:36px;
	background:#010812;
	border:solid 1px #111d30;
	padding:1px;
	line-height:1.0em!important;
}
#build-filters .bf-champion {width:36px; height:36px;}
#build-filters .bf-champion img{width:36px;}
#build-filters .bf-mastery div {
	width:21px;
	text-align:center;
	padding-top:2px;
	height:34px;
	font-size:10px;
	line-height:0.9em;
	margin-right:1px;
}
#build-filters .bf-mastery .bf-offense {background:  url(/css/gfx/bf-offense.png) no-repeat;}
#build-filters .bf-mastery .bf-defense {background:  url(/css/gfx/bf-defense.png) no-repeat;}
#build-filters .bf-mastery .bf-utility {background:  url(/css/gfx/bf-utility.png) no-repeat; margin-right:0px;}

#build-filters .bf-rune {width:36px; margin-right:2px;}
#build-filters .bf-rune img{width:36px;}

#build-filters .bf-item {width:36px; margin-right:2px;}
#build-filters .bf-item img{width:36px;}

/* + New Single Builds + */

.filter-hdr {
	background:  url(/css/gfx/filter-hdr.png) repeat-x center top;
	height:23px;
	padding:7px 5px 0 5px;
	color:#87a4cb;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}
.filter-hdr span{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}
.gf-box {
	background:#0b101a;
	padding:0 5px;
	border-top:1px solid #000;
}
.gf-box .gf-button {
	height:45px;
	padding-top:30px;
	text-align:center;
	background:#111826;
	width:120px;
}
.gf-box .gf-open{
	height:58px;
	padding-top:40px;
}
#browse-players .gf-box .gf-open{
	height: 45px;
	margin-right: 5px;
	padding-top: 17px;
}
.gf-box .gf-open-champ{
	height:40px;
	padding-top:22px;
	width:100px;
}
.gf-row {
	height:25px;
	margin:12px 0;
}
.gf-row .gf-label, .gf-row label {
	float:left;
	width:60px;
	color:#fff;
	text-transform:uppercase;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding:4px 8px 0 0;
	text-align:right;
}
#browse-players .gf-row > div {
	float: left;
}
#browse-players .gf-row > div:first-child label {
	width: 50px;
}
#browse-players .gf-row > div:nth-child(2) label {
	width: 100px;
}
#browse-players .gf-row > div:nth-child(3) label {
	width: 70px;
}
.video-submission .gf-row .gf-label {
	width:240px;
	padding-left:110px;
}
.video-submission .gf-row {
	height: auto;
}
.vs-info {
	padding:20px 110px 10px;
	font-size:11px;
	color:#666;
}
.vs-info h3{
	color:#fff;
	text-transform:uppercase;
	font:12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.gf-label span {
	font-size:10px;
	color:#666;
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.progress-bar-wrap {
	background-color: #263751;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18273c', endColorstr='#2a3c54', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #18273c), color-stop(100%, #2a3c54));
	background-image: -webkit-linear-gradient(top, #18273c 1%, #2a3c54 100%);
	background-image: -moz-linear-gradient(top, #18273c 1%, #2a3c54 100%);
	background-image: -o-linear-gradient(top, #18273c 1%, #2a3c54 100%);
	background-image: linear-gradient(#18273c 1%, #2a3c54 100%);
	border:solid 1px #050505;
}
.progress-bar-wrap div{
	background-color: #538e2e;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#538e2e', endColorstr='#326f0d', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #538e2e), color-stop(100%, #326f0d));
	background-image: -webkit-linear-gradient(top, #538e2e 1%, #326f0d 100%);
	background-image: -moz-linear-gradient(top, #538e2e 1%, #326f0d 100%);
	background-image: -o-linear-gradient(top, #538e2e 1%, #326f0d 100%);
	background-image: linear-gradient(#538e2e 1%, #326f0d 100%);
	padding:3px 5px;
	border-right:1px solid #0c1e01;
	color:#ddd;
	font-size: 10px;
	font-weight:bold;
	text-transform:uppercase;
}
.guide-box {
	border:solid 1px #242833;
	background:#000;
	padding:20px;
}
.guide-box h2 {
	margin-bottom:15px;
	color:#808080;
}
.guide-box h2 span {
	font-size:11px;
	font-weight:normal;
}
.guide-box h2 a {
	color:#fff;
}
.guide-buttons img {
	cursor:pointer;
}
.guide-box-hdr {
	border:solid 1px #242833;
	background:#101a25;
	padding:3px;
	height:50px;
}
.bc-sub-head {
	background: url(/css/gfx/build-hdr-bg.png) no-repeat top left;
	margin-bottom:12px;
	padding:14px 0 0 40px;
	text-shadow: 2px 2px 2px #000;
}
.bc-stats {
	width:435px;
}
.bc-stats .spell img{
	padding:2px;
	border:1px solid #242833;
}
.bc-abilities table{
	width:100%;
	font-size:11px;
}

.bc-purchase .bc-item {
	width:77px;
	font-size:11px;
	padding-right:10px;
	background: url(/css/gfx/ability-bar-bg.png) no-repeat right top;
}
.bc-purchase .row-first {
	background: url(/css/gfx/ability-bar-bg-start.png) no-repeat right top;
}
.bc-purchase .row-last {
	background: url(/css/gfx/ability-bar-bg-end.png) no-repeat right top;
}
.bc-purchase .first {
	background: url(/css/gfx/ability-bar-bg-first.png) no-repeat right top;
}
.bc-purchase .last {
	background: url(/css/gfx/ability-bar-bg-last.png) no-repeat right top;
}
.bc-purchase .row-first-last {
	background: url(/css/gfx/ability-bar-bg-first-last.png) no-repeat right top;
}
.bc-purchase .bc-item img{
	padding:2px;
	border:1px solid #242833;
	width:40px;
	background:#000;
}
.bc-purchase .component-item img{
	opacity:0.3;filter: alpha(opacity=30) ;
}

.bc-stats .bc-stat-box {
	padding:3px;
	border:1px solid #242833;
	background: url(/css/gfx/guide-trans-bg.png) repeat top left;
	width:365px;
}
.bc-stat-box td {
	font-size:12px;
}
.bc-runes {
	padding:20px 0 0 65px;
}
.bc-runes .s-rune {
	width:68px;
	font-size:10px;
	padding:0 5px;
	text-shadow: 2px 2px 2px #000;
}
.bc-runes .s-rune img {
	padding:3px;
	border:1px solid #242833;
	background:#000;
}
.bc-runes .count {
	font-size:18px;
	font-weight:bold;
}

.chapter {
	background:#000000 url(/css/gfx/bg-chapter.png) repeat-x top left;
	padding: 10px;
}

.chapter h2 {
	color:#FFCC00!important;
	margin-top:10px;
}
.toc-hdr {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
}
.toc li {
	padding:3px 5px;
	background:#090e12;
	margin-bottom:1px;
	list-style-position:inside;

}
.toc li a {
	font-size:14px;
}
.toc li a:hover {
	color:#fff;
	text-decoration:none;
}


/* - New Single Builds - */

/* + New View Champ + */

#champion .champ-name {
	font-size:48px;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:0px;
	color:#fff;
	font-weight:normal;
}
#champion .champ-title {
	font-size:12px;
	color:#808080;
	text-transform:uppercase;
}
#champion .champ-stats { width:300px;}
#champion .bg-dot {
	background:url(/css/gfx/bg-dot.png) repeat-x top left;
}
#champion .bg-dot span {
	background:#000000;
}
#champion .skill-pic {
	background:url(/css/gfx/bg-champ-skill.png) no-repeat center left;
	width:60px;
	padding:0 5px;
}
#champion .skill-pic img {
	width:46px;
	border:solid 3px #333333;
}
#champion .skill-name {
	background:url(/css/gfx/bg-champ-skill.png) no-repeat center right;
	width:176px;
}
#champion .champ-item {
	padding:3px;
}
#champion .champ-item img {
	width:46px;
	border:solid 3px #333333;
}
#champion .champ-cost {
	padding:150px 25px 0 0;
	width:370px;
}
#champion .roles {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	padding-top:7px;
}
#champion .legend {
	background:url(/css/gfx/bg-chapter.png) repeat-x top left;
	padding: 15px 15px 0 15px;
	line-height:1.5em;
	color:#c0c0c0;
}
#champion .champ-guides table {
	width:100%
}
#champion .champ-guides .bg1 td {
	background:#151515;
}
#champion .champ-guides .bg2 td {
	background:#101010;
}
#champion .champ-guides td {
	padding:7px;
	color:#c0c0c0
}
#champion .champ-guides .g-name {
	width:360px;
}
#champion .champ-guides .g-date {
	width:50px;
}
#champion .champ-guides .g-vote {
	width:65px;
}
#champion .champ-guides .g-score {
	width:40px;
}
#champion .legend img {
	width:170px;
	margin: 0 20px 20px 0;
}
/* - New View Champ - */


#build-description {
	color:#C0C0C0;
	line-height:1.5;
	overflow:hidden;
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE 5.5+ */
}
#build-description div em,
#build-description h2 {color:#fff;}
#build-description h3 {
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	color:#fff;
}
#build-description p {
	color:#c0c0c0;
}
#build-description img {max-width:685px;}
#build-description .time {
	color:#c0c0c0;
	background-color:#1B150F;
	border:1px solid #2C2319;
	padding:5px;
}
#build-description .time .float-right a{color:#dbb74c;}
#build-description .time p span {color:#fff;}
#build-description ul, #build-description ol {margin: 15px 40px;}
.player-details-box .component-item td, .component-item, .player-details-box .component-item td a, .player-details-box .component-item td .hiliteG, .player-details-box .component-item td .hiliteW {color:#666666 !important;}


#gallery .gallery-tmb{
	display:block;
	width:140px;
	float:left;
	height:167px;
	background:#070a11;
	text-align:center;
	margin:2px;
	overflow:hidden;
	display:table;
	border: 1px solid #1A293A;
	color:#fff;
	padding:2px;
}
#gallery .gallery-tmb:nth-child(5n+1) {
	margin-left: 0;
}
#gallery .gallery-tmb:nth-child(5n+4) {
	margin-right: -5px;
}
#gallery .gallery-tmb:hover {
	border:1px solid #ff8000;
	text-decoration:none;
}
#gallery .gallery-tmb .tmb-row {
	display:table-row;
}
#gallery .gallery-tmb .tmb-box{
	width:132px;
	height:132px;
	padding:3px;
	display:table-cell;
	vertical-align:middle;
	background: #070a11;
}
#gallery .gallery-tmb .tmb-name{
	width:135px;
	height:45px;
	padding:3px;
	display:table-cell;
	vertical-align:middle;
	background:#101A25;
}


#champion .b-score {
	width:80px;
	font-size:18px;
	line-height:1.0em;
}



.archive-build .build-title {color:#494949!important;}
.guest-build .build-title {color:#996600!important;}
.page-nav {
	list-style: none!important;
	color:#806246;
}
.page-nav li {display:inline;}
#sign-in label {
	float:left;
	min-width: 75px;
	width: auto !important;
	* width: 75px;
}
#sign-in input.text {
	float:left;
	width:150px;
}
#sign-in .login {margin-left:130px;}
#sign-up label {
	float:left;
	min-width: 125px;
	width: auto !important;
	* width: 95px;
	padding:3px 0;
}
#sign-up .nick {
	width:148px;
	background-color: #131718;
	border: 1px solid #464B59;
	color: #D4D4D4;
	padding: 3px;
	height:14px;
}
#sign-up .second {
	padding-left:20px;
}
#sign-up input.text {
	float:left;
	width:150px;
}
#sign-up .login {margin-left:130px;}
#format-buttons {margin-bottom:8px;}
#format-buttons .button2 {
	background-color:#f3f3ee;
	border:1px solid #6d8faf;
}
.comment-box {
	width:100%;
	height:230px;
	background-color:#131718;
	border:1px solid #464b59;
	color:#d4d4d4;
	margin-top:3px;
}
.comment-box-side {
	width:265px;
	height:120px;
	background-color:#2f251a;
	border:1px solid #806246;
	color:#fff;
}
.text,
.text-small,
.text-mediem,
.text-large,
.text-no-width {
	color:#fff;
	border:1px solid #24313B;
	background-color: #070D18;
	color:#d4d4d4;
	padding:2px;
}
.text-small { width:38px; text-align:center;}
.text-large { width:185px; }
.full-box {
	border:solid 1px #242833;
	background:#000;
	width:1087px;
	padding-left:20px;
}
.full-box h4 {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0;
}

.large-table {width:780px;}
.large-table-alt {width:764px;}
.large-table h2 {
	font-size:12px;
	color:#fbe69a;
	text-align:center;
	letter-spacing:1px;
}
.large-table .table-bg {
	background: url(/css/gfx/large-table_bg.png) no-repeat left bottom;
	padding:0 20px 15px 35px;
	width:714px;
}
.large-table-alt .table-bg {
	background: url(/css/gfx/large-table_bg2.png) no-repeat left bottom;
	padding:0 20px 15px 35px;
	width:698px;
}
.large-table table {
	color:#c0c0c0;
	width:97%;
}
.large-table table .first-col {margin-left:35px;}
.large-table table .last-col {margin-left:20px;}
.large-table th {
	color:#fff;
	font-size:10px;
	text-align:left;
	padding:2px 5px 10px;
}
.large-table td {
	border-bottom:1px solid #103f4d;
	padding:2px 5px;
}
.large-table td a {color:#dbb74c;}
.large-table .last td {border-bottom:none;}
.large-table .bg td {background-color:#0a1b22;}
.large-table .bg2 td {background-color:#09161c;}
.small-table, .green-small-table {width:368px;}
.add-margin24 {margin-right:24px;}
.add-margin10 {margin-right:10px;}
.small-table h2, .green-small-table h2{
	font-size:12px;
	color:#fbe69a;
	text-align:center;
	letter-spacing:1px;
}
.small-table .table-bg {
	background: url(/css/gfx/small-table_bg.png) no-repeat left bottom;
	width:310px;
	padding:0 26px 15px 31px;
}
.small-table table {
	color:#c0c0c0;
	width:99%;
}
.small-table .bg td {background-color:#350514;}
.small-table .bg2 td {background-color:#26040f;}
.small-div {
	background: url(/css/gfx/small-table_bg.png) no-repeat left bottom;
	color:#c0c0c0;
	padding:0 29px 15px 36px;
	width:295px;
}
.small-table h3, .green-small-table h3 {font-size:12px;}
.green-small-table .table-bg {
	background: url(/css/gfx/green-small-table_bg.png) no-repeat left bottom;
	width:311px;
	padding:0 13px 15px 31px;
}
.green-small-table table {
	color:#c0c0c0;
	width:99%;
}
.green-small-table .bg td {background-color:#132719;}
.green-small-table .bg2 td {background-color:#0e1b11;}
.green-small-div {
	background: url(/css/gfx/green-small-table_bg.png) no-repeat left bottom;
	color:#c0c0c0;
	padding:0 29px 15px 36px;
	width:295px;
}
.small-table th, .green-small-table th {
	color:#fff;
	font-size:10px;
	text-align:left;
	padding:2px 5px 10px;
}
.small-table td {
	border-bottom:1px solid #4F0E21;
	padding:2px 5px;
}
.green-small-table td {
	border-bottom:1px solid #114B39;
	padding:2px 5px;
}
.small-table .last td, .green-small-table .last td {border-bottom:none;}
.small-table td a, .green-small-table td a {color:#dbb74c;}
.gfx-header {
	background:url(/css/gfx/gfx-header.png) no-repeat;
	color:#dbb74c;
	font-size:14px;
	padding: 14px 0 0 60px;
	height:30px;
}
#content .gfx-box {
	background:url(/css/gfx/gfx-box_bg.png) no-repeat left bottom;
	padding:10px 25px;
	width:678px;
}
#content .gfx-box p {padding-top:15px;}
#content .gfx-box ul {
	margin:0 0 0 15px;
	color:#fff;
	list-style:none;
}
#content .gfx-box ul li{padding-bottom:15px;}
#content .gfx-box ul span {
	color:#dbb74c;
	font-size:14px;
	display:block;
	padding-bottom:3px;
	*margin-left:-20px;
}

.gfx-box form {
	width: 265px;
	float:right;
	padding:15px 18px;
	margin-left:18px;
	border-left:1px solid #443522;
}
.gfx-box form textarea {
	width:263px;
	height:110px;
	background-color:#2F251A;
	border:1px solid #806246;
	color:#FFFFFF;
}
.gfx-box form label {
	display:block;
	padding:10px 0;
	color:#fff;
}


.right-search-box input {vertical-align:middle;}
.right-search-box .text {
	background-color:#CFD2DA;
	border:1px solid #808080;
	color:#808080;
	font-size:10px;
	margin-right:8px;
	padding:3px 5px;
	width:205px;
}
.right-search-box p.r {padding-top:5px;}
.right-search-box p.r a {
	font-size:11px;
	color:#dbb74c;
}
.new-member h2 {
	background: url(/css/gfx/new-member_header.png) no-repeat;
	color:#dbb74c;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding:15px 0 0 60px;
	height:38px;
	z-index:100;
	position:relative;
}
.new-member h2 span {
	color:#fff;
	font-size:10px;
	font-weight:normal;
}
.new-member ul {
	background: url(/css/gfx/new-member_bg.png) no-repeat left bottom;
	position:relative;
	margin-top:-3px;
	padding:0 2px 2px 2px;
	list-style:none!important;
}
.new-member ul img {
	vertical-align:middle;
	margin-right:10px;
}
.new-member li {
	background: url(/css/gfx/new-member_li.png) repeat-x;
	padding:2px;
	height:40px;
	float:left;
	width:98%;
}
.new-member li a {color:#dbb74c;}
.new-member li span {
	color:#c0c0c0;
	float:right;
	padding:10px 10px 0 0;
}

#view-profile  .profile-list {width:100%;}
#view-profile .tab-hdr {
	margin-bottom:0px;
	background:#101A25;
	padding:3px;
	font-size:12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#596271

}

#view-profile .profile-list th {
	padding:3px 10px;
	font-size:10px;
	color:#9fadc4;
	background-color:#17273B;
	text-align:left;
	text-transform:uppercase;
}
#view-profile .profile-list td {
	padding:3px 10px;
	color:#d4d4d4;
}
#view-profile .profile-list .bg1 td {background:#111d31;}
#view-profile .profile-list .bg2 td {background:#0E1828;}
#view-profile .profile-list td a{color:#dbb74c;}
#view-profile .forum-thread {
	padding:7px 3px;
}
#view-profile .home-discuss-box {
	padding:0;
	border:none;
}
#view-profile .activity {
	background: #0E1828;
}
#view-profile .activity:not(:last-child) {
	margin-bottom: 6px;
}
#view-profile .discuss-link {
	background:#0E1828;
	padding: 6px 10px;
}
#view-profile .discuss-link.expired, #view-profile .discuss-link.expired a,
#view-profile .discuss-link.expired .discuss-sublink {
	color: #3e4c5f;
}
#view-profile .discuss-divide {
	background:none;
}
#view-profile .col-left, #edit-profile .col-left {
	width:300px;
}
#view-profile .col-right, #edit-profile .col-right {
	padding: 10px 15px 10px 0;
	width:755px;
}
#view-profile .bio-text {
	line-height:1.5em;
	color:#c1c1c1;
	overflow:hidden;
}
#view-profile .bio-stat {
	background: #0E1828;
	padding:3px;
	word-wrap:break-word;
	color:#fff;
}
#view-profile .bio-stat div{
	width:195px;
	word-wrap:break-word;
	color:#fff;
}
#view-profile .bio-stat2 {
	background: #0E1828;
	padding:3px 5px;
	color:#9FADC4;
	text-transform:uppercase;
	font-size:11px;
}
#view-profile .profile-tabs {
	margin-bottom: 5px;
}
.home-discuss-box .nav-wrap {
	margin: 0 -3px;
}
.home-discuss-box .nav-wrap:last-child {
	margin-top: 5px;
}
.home-discuss-box .nav {
	border-collapse: separate;
	border-spacing: 3px 0;
	display: table;
	width: 100%;
}

.home-discuss-box .nav a {
	font-size: 10px;
	padding: 2px 8px;
	text-transform: uppercase;
	white-space: nowrap;
	width: 10px;
}
.home-discuss-box .nav a, .home-discuss-box .nav div, .nav td {
	background:  #0e1828;
	display: table-cell;
}
.vp-cell {
	width:65px;
}
#view-profile .profile-av .avatar, #edit-profile .profile-av .avatar, #pm .profile-av .avatar{
	width:85px;
	border:1px solid #162434;
	padding:3px;
}
#view-profile .profile-av .elo-rank, #edit-profile .profile-av .elo-rank{
	margin-top:13px;
}
#view-profile .bio-box {
	background: #0E1828;
	padding:12px 8px;
	color:#c1c1c1;
	line-height:1.5em
}
#view-profile #profile-teams span {
	float:right;
}
#view-profile #profile-teams .bp-hdr span {
	margin-right: 7px;
}
.bio-stat span {
	width:150px;
	float:left;
	border-right:solid 1px #000;
	margin-right:3px;
	color:#9fadc4;
}
.profile-info {
	line-height: 1.5em;
	color: #C0C0C0;
	padding-top:5px;
	margin-left:105px;
}
.profile-info div {
	border-bottom:1px solid #3b4755;
	text-transform:uppercase;
	color:#9fadc4;
	padding:2px 0;
	font-size:11px;
}
.profile-info span {
	text-transform:none;
	font-size:12px;
}

.profile-tabs .tab {
	background: none repeat scroll 0 0 #0E1828;
	color: #5A6C7D;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 3px;
	padding: 5px 15px;
	text-transform: uppercase;
}
.profile-tabs .selected, .profile-tabs .tab:hover {
	background: #17273b;
	color: #87a5c1;
	text-decoration: none;
}
#search-results .profile-tabs .tab {
	color: #5a6c7d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px 15px;
	text-transform: uppercase;
	margin-right:3px;
	border: 1px solid #1a293a;
	border-bottom: none;
	box-shadow: inset 0 0 0 1px #0e1828;
	cursor:pointer;
	background: #13253c;
	background: -moz-linear-gradient(top,  #13253c 0%, #0e1828 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13253c), color-stop(100%,#0e1828));
	background: -webkit-linear-gradient(top,  #13253c 0%,#0e1828 100%);
	background: -o-linear-gradient(top,  #13253c 0%,#0e1828 100%);
	background: -ms-linear-gradient(top,  #13253c 0%,#0e1828 100%);
	background: linear-gradient(to bottom,  #13253c 0%,#0e1828 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13253c', endColorstr='#0e1828',GradientType=0 );
}
#search-results .profile-tabs .tab a {
	color: #6a7f9b;
}
#search-results .profile-tabs .tab:hover a, #search-results .profile-tabs .tab.selected a {
	color: #cccccc;
	text-decoration: none;
}
#search-results .profile-tabs .tab:hover, #search-results .profile-tabs .tab.selected {
	background: #2a3f5d;
	background: -moz-linear-gradient(top,  #2a3f5d 0%, #162841 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a3f5d), color-stop(100%,#162841));
	background: -webkit-linear-gradient(top,  #2a3f5d 0%,#162841 100%);
	background: -o-linear-gradient(top,  #2a3f5d 0%,#162841 100%);
	background: -ms-linear-gradient(top,  #2a3f5d 0%,#162841 100%);
	background: linear-gradient(to bottom,  #2a3f5d 0%,#162841 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3f5d', endColorstr='#162841',GradientType=0 );
}


.profile-tabs .tab
.profile-tabs.tournament .tab {
	font-size: 12px;
}
.profile-tabs .tab.highlight {
	background-color: #35770e;
	color: #eaf4e4;
}
.profile-tabs .selected, .profile-tabs .tab:hover {
	background:#17273b;
	color:#87a5c1;
	text-decoration:none;
}
.profile-tabs .highlight .selected, .profile-tabs .tab.highlight:hover {
	background-color: #3f8814;
	color: white;
}

#profile  {
	position: relative;
}
#edit-profile .dark-cover, #profile .dark-cover {
	position:fixed;
	z-index:1000 !important;
	top:100px;
	bottom:30px;
	left:50%;
	transform:translateX(-50%);
	min-width:1136px;
	width:60%;

	background-color: rgba(0,0,0,0.85);
	border: 1px solid #1a293a;
	text-align: center;
}
@media screen and (max-width:1136px) {
	#edit-profile .dark-cover, #profile .dark-cover {
		left:20px;
		right:20px;
		transform:none;
		min-width:0;
		width:auto;
	}
}
#edit-profile .dark-cover .close, #profile .dark-cover .close {
	display: inline-block;
	float: right;
	margin-right: -10px;
	margin-top: -10px;
	cursor:pointer;
	background:transparent;
	padding:2px;
	transition:300ms;
	border-radius:100%;
}
#edit-profile .dark-cover .close:hover, #profile .dark-cover .close:hover {
	background:white;
}
#edit-profile .dark-cover #avatar-list__title, #profile .dark-cover #avatar-list__title {
	background:linear-gradient(to bottom, #204180 0%, #102040 100%);
	padding-left:10px;
	color:white;
	text-transform:uppercase;
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	height:25px;
	line-height:25px;
	font-size:11px;
}
#edit-profile .dark-cover #avatar-list__search, #profile .dark-cover #avatar-list__search {
	position:absolute;
	top:45px;
	left:20px;
	width:200px;
	height:50px;
	padding:10px 5px;
	box-sizing:border-box;
}

#edit-profile .dark-cover #avatar-list__search div, #profile .dark-cover #avatar-list__search div{
	position:absolute;
	top:16px;
	right:10px;
	z-index:2;
	padding:1px;
	background:transparent;
	transition:300ms;
	border-radius:100%;
	cursor:pointer;
}

#edit-profile .dark-cover #avatar-list__search div img, #profile .dark-cover #avatar-list__search div img {
	width:15px;
}

#edit-profile .dark-cover #avatar-list__search div:hover, #profile .dark-cover #avatar-list__search div:hover {
	background:white;
}

#edit-profile .dark-cover #avatar-list__search input, #profile .dark-cover #avatar-list__search input{
	width:100%;
	height:30px;
	padding:3px;
	padding-right:25px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	box-sizing:border-box;
	background:transparent;
	border:1px solid #444d67;
	color:#4e8bc7;
}

#edit-profile .dark-cover #avatar-list__search input:focus, #profile .dark-cover #avatar-list__search input:focus{
	border-color:white;
	color:white;
}

#edit-profile .dark-cover #avatar-list__categories, #profile .dark-cover #avatar-list__categories {
	position:absolute;
	background:#141b23;
	top:95px;
	left:20px;
	width:200px;
	bottom:20px;
	overflow:hidden;
	border-left: 1px solid #1a293a;
	border-bottom: 1px solid #1a293a;
}
@media screen and (max-width:636px) {
	#edit-profile .dark-cover #avatar-list__categories, #profile .dark-cover #avatar-list__categories, #edit-profile .dark-cover #avatar-list__search, #profile .dark-cover #avatar-list__search {
		width:100px;
	}
}
#edit-profile .dark-cover #avatar-list__categories__inner, #profile .dark-cover #avatar-list__categories__inner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	border-top:1px solid #a8c5e2;
	border-bottom:1px solid #a8c5e2;
}
#edit-profile .dark-cover #avatar-list__categories__inner div, #profile .dark-cover #avatar-list__categories__inner div {
	text-transform:uppercase;
	text-align:left;
	border-bottom:1px solid #444d67;
	padding:10px 5px;
	font-size:10px;
	color:#4e8bc7;
	transition:300ms;
	cursor:pointer;
	position:relative;
	user-select:none;
}
#edit-profile .dark-cover #avatar-list__categories__inner div::after, #profile .dark-cover #avatar-list__categories__inner div::after {
    content: '';
    position: absolute;
    top: 6px;
    right: -30px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: white;
    transition:300ms;
}
#edit-profile .dark-cover #avatar-list__categories__inner div span, #profile .dark-cover #avatar-list__categories__inner div span{
	position:absolute;
	right:5px;
	top:10px;
	opacity:0.6;
	transition:300ms;
}
#edit-profile .dark-cover #avatar-list__categories__inner div:hover, #profile .dark-cover #avatar-list__categories__inner div:hover {
	background:#0c2946;
}
#edit-profile .dark-cover #avatar-list__categories__inner div.category-selected, #profile .dark-cover #avatar-list__categories__inner div.category-selected {
	background:#093b6d;	
	color:white;
}
#edit-profile .dark-cover #avatar-list__categories__inner div.category-selected span, #profile .dark-cover #avatar-list__categories__inner div.category-selected span {
	right:15px;
}
#edit-profile .dark-cover #avatar-list__categories__inner div.category-selected::after, #profile .dark-cover #avatar-list__categories__inner div.category-selected::after {
    right: -15px;
}
#edit-profile .dark-cover .avatar-icons, #profile .dark-cover .avatar-icons {
	background-color: #131718;
	text-align: center;
	position:absolute;
	top:45px;
	left:220px;
	right:20px;
	bottom:20px;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #1a293a;
	border-top:none;
	padding-top:10px;
}
@media screen and (max-width:636px) {
	#edit-profile .dark-cover .avatar-icons, #profile .dark-cover .avatar-icons {
		left:120px;
	}
}
#edit-profile .dark-cover .avatar-icons img, #profile .dark-cover .avatar-icons img {
	width: 66px;
	height: 66px;
	padding: 2px;
	border: 1px solid #1a293a;
	margin: 4px;
	cursor: pointer;
	box-sizing:border-box;
	transition:400ms;
	animation:pop 1s;
}
#edit-profile .dark-cover .avatar-icons img.no-anim, #profile .dark-cover .avatar-icons img.no-anim {
	animation:none;
}
@keyframes pop {
	0% { transform:scale(1); }
	50% { transform:scale(1.1); }
	100% { transform:scale(1); }
}
#edit-profile .dark-cover .avatar-icons img.med-size, #profile .dark-cover .avatar-icons img.med-size {
	width: 87px;
	height: 87px;
}
#edit-profile .dark-cover .avatar-icons img.lrg-size, #profile .dark-cover .avatar-icons img.lrg-size {
	width: 136px;
	height: 136px;
}
#edit-profile form.float-left {
	width:200px;
	text-align:center;
}
#edit-profile .profile-contents .tab{
	//padding:22px;
}
#edit-profile .avatar-box img, #profile .avatar-box img {
	border: 1px solid #232B35;
	margin: 2px;
	padding: 2px;
	width: 47px;
}
#edit-profile .dark-cover .avatar-icons img:hover, #profile .dark-cover .avatar-icons img:hover {
	border-color: #4598dc;
}
#edit-profile .avatar-box, #edit-profile .avatar-box  {
	background: #131718;
	border: 1px solid #2B3C4B;
	height: 225px;
	overflow: auto;
	padding: 5px;
	width: 260px;
}
#edit-profile .avatar-box .selected, #profile .avatar-icons .selected  {
	border: 1px solid #FCB60B!important;
}
#changeavatar {
	padding: 0;
}
#edit-profile .p-details .columns {
	display: table;
	border-spacing: 5px 0;
	display: table;
	margin: 0 -5px;
}
#edit-profile .p-details .details, #edit-profile .p-details .summoner {
	display: table-cell;
}
#edit-profile .p-details .details {
	width: 300px;
}
#edit-profile .p-details .self-clear, #edit-profile .account-info .self-clear, #edit-profile .p-premium .self-clear  {
	margin-bottom: 10px;
}
#edit-profile .p-premium label {
	margin-right: 10px;
}
#edit-profile .p-premium .stream label {
	min-width: 280px;
}
#edit-profile .p-premium .signatures a {
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 6px;
	display: inline-block;
	cursor: pointer;
}
#edit-profile .p-premium .signatures .close {

}
#edit-profile .p-premium .avatar .pic {
	margin-top: 5px;
}
#edit-profile .p-premium .avatar .f-btn {
	margin-top: 4px;
}
#edit-profile .details .self-clear {
	width: 270px;
	color: #ADADAD;
}
#edit-profile .p-details input[type=text] {
	width: 180px;
}
#edit-profile .details .chosen-container, #edit-profile .details input[type=text], #edit-profile .details .tooltip {
	float: right;
}
#edit-profile .details .tooltip {
	margin-right: -20px;
	margin-top: 2px;
}
#edit-profile .profile-contents input[type="text"] {
	height: 20px;
	line-height: 20px;
}
#edit-profile .border-lb {
	padding: 4px 6px 6px;
}
#edit-profile label {
	float:left;
	min-width: 135px;
	width:auto !important;
	margin-right: 5px;
	color: #adadad;
	font-size: 14px;
	margin-top: 3px;
}
#edit-profile .summoner label {
	min-width: 140px;
}
#edit-profile .player-info label, #edit-profile .change-pass label, #edit-profile .change-email label {
	min-width: 160px;
}
#edit-profile .player-info .chosen-container-single {
	margin-right: 10px;
}
#edit-profile .avatar {
	padding-bottom: 10px;
}
#edit-profile .avatar h2 {
	//margin-bottom: 0px;
}
#edit-profile .avatar span {
	//color: #ADADAD;
	//display: inline-block;
}
#edit-profile .avatar img {
	margin-left: 5px;
}
#edit-profile .signature .markItUpEditor {
	height: 70px;
}
#edit-profile .bio .markItUpEditor {
	height: 100px;
}
#edit-profile .avatar span:first-of-type {
	//width: 300px;
	//margin-right: 10px;
}
#edit-profile input.text {
	float:left;
	width:250px;
	//margin-bottom:5px;
	padding:3px;
}
#edit-profile .p-details {
	//width:420px;
}

#edit-profile h2 {
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
}
#edit-profile .update {
	//margin: 10px 6px 6px;
}
#avatar	{margin-left:18px;}
#avatar-left {float:left;}
#avatar-right {float:left;}

#avatar div {
	overflow:hidden;
	width:128px;
	height:128px;
	float:left;
	margin:0 5px;
}
#avatars span {
	height:128px;
	overflow:hidden;
}
#privacy-policy h2 {
	margin:20px 0 10px 0;
	color:#fff;
}
#privacy-policy h2.first {margin-top:0;}
#privacy-policy p{color:#c0c0c0;}
#privacy-policy ul {
	margin-left:15px;
	color:#c0c0c0;
}
.poll h2 {
	background: url(/css/gfx/poll.png) no-repeat;
	color:#dbb74c;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding:15px 0 0 60px;
	height:38px;
	z-index:100;
	position:relative;
}
.poll .feedback{
	background: url(/css/gfx/poll-feedback.png) no-repeat;
	overflow:hidden;
}
.poll div {
	background: url(/css/gfx/new-member_bg.png) no-repeat left bottom;
	overflow:hidden;
}
.poll p {
	padding:10px 22px;
	color:#fff;
}
.poll label {color:#c0c0c0;}
.poll ul, .legendary-builds ul {
	list-style:none!important;
	position:relative;
	margin:10px 22px 20px 22px;
	padding:13px 0 0 16px;
	*padding:13px 0 10px 5px;
	border:1px solid #806246;
	background-color:#2f251a;
	color:#dbb74c;
}
.poll li {
	margin:0 0 10px 0;
	*margin:0 0 5px 0;
	float:left;
	width:98%;
}
.poll li input {vertical-align:middle;}
.poll p.c {padding-top:0;}
#contest-s {width:238px;}
span.youtube {
	display:block;
	width:100%;
	text-align:center;
}
#rune-planner h1,#item-planner h1 {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
#rune-planner h2,#item-planner h2 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
#rune-sandbox {
	float:left;
	margin-bottom:2px;
	margin-right: 25px;
	//width:380px;
}
.edit-build-rune #rune-sandbox{width:256px;}
.sandbox-container {
	border:1px solid #0B1524;
	//padding:2px 0 0 4px;
}
.sandbox-row {
	//margin-bottom:2px;
	overflow:hidden;
	padding-top:  2px;
}
.sandbox-row:not(:last-child) {
	border-bottom: 2px solid #010204;
	box-shadow: 0 2px 0 0 #0e192c;
	padding: 2px 0;
}
.sandbox-row div {
	//background:#2f251a;
	padding:1px 0;
	float:left;
}
.edit-build-rune .sandbox-row div {
	width:224px;
	background: url(/css/gfx/rune-added_bg.png) no-repeat;
}
.edit-build-rune .sandbox-row #no-rune {
	background:none;
	width:245px;
}
.sandbox-row div img {
	float:left;
	//margin-right:10px;
	vertical-align: middle;
}
.sandbox-row .inf {
	color: #84ABE1;
	float: none;
}
.sandbox-row .rune-count {
	font-size:11px;
	line-height: 1;
	text-align:center;
	padding:8px 0;
	display:block;
	float: none;
	color: white!important;
}
.sandbox-row p {
	width:178px;
	float:left;
	color:#c0c0c0;
	font-size:11px;
	padding:1px 0 1px 5px;
}
.sandbox-row p span {color:#00ff00;}
.sandbox-row p label {
	color:#fff;
	padding-top:1px;
	display:block;
}
.sandbox-row .rune-updown {
	float:left!important;
	width:20px!important;
	background:none!important;
	text-align: center;
}
.sandbox-row .rune-down {
	vertical-align: top;
}
.sandbox-row .rune-up {
	vertical-align: bottom;
}
.sandbox-row .rune-remove {
	margin: 12px 8px 0 5px;
	display:inline-block;
	float:left;
	text-align: center;
	color: #a9bfd2;
}
.sandbox-row .rune-remove img {
	margin: 15px 10px;

}
#rune-tiers {
	width:775px;
	float:left;
	margin-left:5px;
}
#rune-tiers .tiers-wrapper {
	padding-right: 0;
}
.edit-build-rune #rune-tiers{width:380px;}
#rune-tiers ul {list-style: none;}
#rune-tiers ul li {
	width:120px;
	margin-right:3px;
	display:block;
	float:left;
	background-color: #18263e;
	color :#425471;
	text-align:center;
	padding:4px 0;
}
#rune-tiers ul li.selected {background-color:#1e2f4c;}
#rune-tiers ul li a.selected {color:#fff;}
#rune-tiers ul li a {outline:none; color: #425471;}
.tier-header {
	background-color:#2f251a;
	font-size:11px;
	font-weight:bold;
	color:#808080;
	padding:3px 0;
	margin:1px 0;
}
.tier-header label {
	margin-left:45px;
	border-left:1px solid #000;
	padding:2px 5px;
}
.tier-header span {
	border-left:1px solid #000;
	padding:2px 5px;
	margin-left:105px;
}
.tier-row {
	background-color:#1b150f;
	padding:1px 3px;
	font-size:11px;
	color:#c0c0c0;
	border-bottom:1px solid #2f251a;
}
.tier-row img {
	//	float:left;
	//	margin-right:15px;
}
.tier-row label {
	//display:block;
	//float:left;
	padding-right:5px;
	padding-top:10px;
	width:145px;
}
.tier-row p {padding-top:10px;}

.edit-build-rune .tier-row {
	background-color:#111111;
	border-bottom:none!important;
	margin-bottom:1px;
	cursor:pointer;
}
.edit-build-rune .even-tier {background-color:#0c0c0c;}
.edit-build-rune .tier-row p {
	padding-top:5px;
	font-size:12px;
	color:#c0c0c0;
}
.edit-build-rune .tier-row p span {
	font-size:11px;
	color:#808080;
}
.edit-build-rune #rune-tiers select {
	border:1px solid #636363;
	background-color:#242424;
}
.edit-build-rune #rune-tiers select option {padding:0 5px;}
.edit-build-rune #rune-tiers div.tabs {
	padding: 1px;
	border: 1px solid #1d2124;
}
.edit-build-rune #rune-sandbox h1 {margin-bottom:13px;}
#rune-filter {
	//float:left;
	//width:120px;
	//margin-top:24px;
	//background-color:#281f16;
	//padding-left: 10px;
}
#rune-filter label {
	display:block;
	background-color:#2f251a;
	color:#808080;
	font-size:11px;
	font-weight:bold;
	padding:3px 5px;
	border-left:1px solid #000
}
#rune-filter span {
	color:#fff;
	font-weight:bold;
	//padding:5px 0 5px 8px;
	display:block;
}
#rune-filter p {
	padding-left:10px;
	color:#c0c0c0;
}
#rune-filter form > div, #rune-filter > div {
	display: table-cell;
	padding: 5px 0 0 20px;
}
.highlight-droparea {border:1px solid yellow;}
.droppable-hover {background: url(/css/gfx/row-bg.png) no-repeat;}
/*+ Item Planner +*/
#item-planner .tier-header label {margin-left:75px;}
#item-planner .tier-header span {margin-left:62px;}
#item-planner .tier-row {
	padding:2px 3px;
	cursor: pointer;
}
#item-planner .tier-row label {
	height:30px;
	width:100px;
	padding-top:24px;
}
#item-planner .sandbox-row p {width:291px;}
#item-planner #rune-tiers {}
//#item-planner #rune-filter {margin-top:40px;}
#item-planner .droppable-hover {background: #1d1610 url(/css/gfx/row-item-bg.png) left top repeat-x;}
#item-planner .ui-draggable-dragging p{
	width:300px;
	overflow:hidden;
}
#item-planner .filter {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#item-planner .filter > div {
	display: table-cell;
}
#item-planner .filter > div:first-child {
	width: 80px;
}
#item-planner .filter span {
	display: block;
}
#item-planner .filter span:first-child {
	font-weight: bold;
	color: #a9bfd2;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #010204;
	box-shadow: 0 2px 0 0 #0E192C;
}
/*- Item Planner -*/
/*+ new edit build +*/
#edit-build h2 {
	color:#fff;
	font-size:14px;
	margin:10px 0;
}
#edit-build h2.add-champion {width:300px;}
#edit-build h2 img {vertical-align:middle;}
#edit-build h2.add-champion a:hover {text-decoration:none;}
.select-champion ul {list-style:none;}
.sprite-champion {
	width:70px;
	height:70px;
	background: url(/images/sprites/champion-icons.jpg) no-repeat;
	display:block;
}
.sprite-champion-alistar { background-position: -120px top; }
.select-champion ul li {
	display:block;
	float:left;
	padding:3px;
}
.select-champion ul li a {outline:none;}
.champion-info {
	width:386px;
	float:left;
	margin-top:132px;
}
.champion-info .sommoner-spell {float:left;}
.champion-info .champion-name {
	display:block;
	margin:0 0 10px 10px;
	font-size:16px;
	color:#fff;
}
.champion-info .champion-name span{
	text-transform:capitalize;
	color:#c0c0c0;
}
.champion-info .champion-icon {margin-bottom: 15px;}
.champion-info .sommoner-spell {
	padding:2px;
	background: url(/images/skill_bg.png) no-repeat;
}
.champion-info p {
	color:#c0c0c0;
	font-size:11px;
}
.champion-info p label {
	color:#fff;
	font-size:12px;
	display:block;
	font-weight:bold;
	margin-bottom:2px;
}
.champion-info .text-small {
	width:28px;
	padding:0 4px;
	border:none;
	background:none;
	color:#c0c0c0;
	font-size:14px;
	font-weight:bold;
}
.champion-info select {
	display:none;
	margin:20px 0;
	position:absolute;
}
.champion-info .played-by-label {margin-bottom:9px;}
.champion-info .played-by {
	margin-left:33px;
	width:195px;
}
.summon-spell {
	cursor:pointer;
	width:51px;
	height:51px;
	float:left;
}
.master-points .text-large {width:150px;}
.master-points {
	float:left;
	width:120px;
	padding-left:10px;
	margin-right:15px;
}
.mastery-tree-points img {
	vertical-align: middle;
	padding:0 2px;
}
.champion-stats {
	width:240px;
	float:right;
}
.champion-stats table {
	border:1px solid #1d2124;
	background-color:#0c0c0c;
}
.champion-stats table td {
	border-bottom:1px solid #070707;
	padding: 3px 5px;
}
.champion-stats table td.r {color:#c0c0c0;}
.champion-stats table td span {color:#00ff00;}
.champion-stats table .even td {background-color:#111;}
.champion-details {
	float:left;
	width:680px;
}
.champion-details .skill-rank-order {
	min-height: 463px;
	height: auto !important;
	*height: 463px;
}
#edit-build .champion-details .tab-contanier {background:url(/css/gfx/skill-sequence_bg.png) no-repeat left top;}
.skill-rank-order table td{text-align:center;}
.skill-rank-order table td img {
	border:1px solid #1d2124;
	padding:3px;
	background:none;
}
.skill-rank-order table td label {
	background: url(/css/gfx/skill-rank-header.png) no-repeat right center;
	padding-right:112px;
	color:#c0c0c0;
	font-size:14px;
	text-transform:uppercase;
}
.skill-rank-order table tr.skill-rank-level td {color:#c0c0c0;}
.skill-rank-order table tr.skill-rank-level td.active {color:#d9d900;}
.skill-rank-order input {
	border:1px solid #1c1f22;
	background-color:#0c0c0c;
}
.remove-skills {cursor:pointer;}
.default-tab {
	list-style:none!important;
	font-size:12px;
	border-bottom:1px solid #27292c;
}
.default-tab li {
	float:left;
	margin-right:1px;
}
.default-tab li a {
	padding:2px 12px;
	background-color:#1d1e1f;
	display:block;
	color:#c0c0c0;
}
.default-tab li a.selected {
	background:#27292c;
	margin-bottom:-1px;
	margin-top:1px;
	outline:none;
	border-top:1px solid #737373;
}
.default-tab li a:hover {background:#27292c;}
.build-now,.edit-item {vertical-align:middle;}
.select-champion li.active-champ {
	border:1px solid yellow;
	padding:2px;
}
#team-champions {
	background:url(/css/gfx/select-champion_bg.png) no-repeat right bottom;
	width:386px;
	height:114px;
	padding-top:18px;
	position:absolute;
}
#team-champions div.c {
	width:70px;
	margin-right:5px;
	float:left;
}
#team-champions img.team-champion {
	border:1px solid #2a2a2a;
	padding:2px;
	margin-bottom:8px;
	width:64px;
	height:64px;
}
#team-champions img.active {border:1px solid #808080;}
.champion {
	background:url(/css/gfx/champion_bg.png) repeat-x;
	margin-right:20px;
}
.team-header {width: 382px;}
.remove-champion-team {cursor:pointer;}
.add-champion-team {cursor:pointer;}
.champion-details .default-tab {
	margin-top:-20px;
	position:relative;
}
.tab-contanier {
	padding:15px 0 0 15px;
	clear:both;
}

.eg-title, .eg-setup {
	background:#131718;
	padding:5px;
	border:solid 1px #464b59;
	margin-bottom:3px;
}
.eg-title input {
	background:#000000;
	border:1px solid #24313b;
	width:640px;
	font-size:18px;
	padding:3px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.insert-chapter {
	cursor:pointer;
}
.eg-title img {
	vertical-align:top;
	padding-left:12px;
	cursor:move;
}
.eg-chapter-list .chap-con {
	padding:5px 0;

}
.eg-chapter-list, .eg-chapter-list-custom {
	padding-left:5px;
}
.chap-con {
	cursor:pointer;
}
.eg-chapter-list {
	width:125px;
}
.chap-con .chapter-image {
	width:10px;
}
.chap-con .chapter-link {
	padding-top:2px;
	margin-left:20px;
}
.guide-box .guide-buttons {
	margin-top:2px;
}
.guide-box .guide-buttons img {
	margin-left:2px;
}
/*- new edit build -*/

#content .legendary-builds table, #content .related-builds table {width:100%;}
#content .legendary-builds th, #content .related-builds th {
	background:none repeat scroll 0 0 #202020;
	color:#C1C1C1;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:left;
}

/*- Discussion -*/
.d-row {
	font-family: Arial, Helvetica, sans-serif;
	color:#c0c0c0;
}
.d-row .icon, .d-row .title, .d-row .author {
	height:30px;
	padding:10px;
}
.d-row .views, .d-row .expand {
	height:32px;
	padding:18px 10px 0 10px;
}
.d-row-bg .icon, .d-row-bg .title, .d-row-bg .views, .d-row-bg .author, .d-row-bg .expand {
	background-color:#101010;
}
.d-row-bg2 .icon, .d-row-bg2 .title, .d-row-bg2 .views, .d-row-bg2 .author, .d-row-bg2 .expand {
	background-color:#151515;
}
.d-row .icon, .d-row .title, .d-row .views, .d-row .author {margin: 1px 1px 0 0;}
.d-row .icon {width:33px;}
.d-row .title {width:361px;}
.d-row .views {
	width:41px;
	text-align:center;
}
.d-row .author {width:121px;}
.d-row .expand {
	width:24px;
	margin-top:1px;
	float:left;
	font-size: 11px;
}
.d-row .sub-text {font-size:10px;}
.d-row .sub-text a{color:#fff;}
.d-hdr {
	font:bold 10px  Arial, Helvetica, sans-serif;
	color:#63768D;
}
.d-hdr .icon, .d-hdr .title, .d-hdr .views, .d-hdr .author, .d-hdr .expand{
	padding:7px 10px 6px 10px;
	background-color:#182130;
}
.d-hdr .icon {width:33px;}
.d-hdr .title {width:361px;}
.d-hdr .views {
	width:41px;
	text-align:center;
}
.d-hdr .author {width:121px;}
.d-hdr .expand {
	width:24px;
	margin-top:1px;
	float:left;
}
.d-hdr .icon, .d-hdr .title, .d-hdr .views, .d-hdr .author {margin: 1px 1px 0 0;}
.d-row .comments {
	background-color:#090909;
	padding:10px;
	margin-top:2px;
}
.d-row .thread {
	padding:5px 0 0 50px;
	line-height: 1.5em;
}
.d-row .thread-container {
	padding:20px 0;
	border-bottom: 1px solid #414244;
}

/*champion Browse */
.c-row {
	font-family: Arial, Helvetica, sans-serif;
	color:#c0c0c0;
}
.c-row .avatar {
	height:52px;
	padding:10px;
}
.c-row .avatar {
	height:52px;
	padding:10px;
}
.c-row .name, .c-row .item-name, .c-row .role, .c-row .views, .c-row .last {
	height:44px;
	padding:28px 10px 0 10px;
}
.c-row .role{
	padding-top:12px;
	height:60px;
}
.c-row-bg .avatar, .c-row-bg .name, .c-row-bg .item-name, .c-row-bg .role, .c-row-bg .views, .c-row-bg .last {background-color:#101010;}
.c-row-bg2 .avatar, .c-row-bg2 .name, .c-row-bg2 .item-name, .c-row-bg2 .role, .c-row-bg2 .views, .c-row-bg2 .last {background-color:#151515;}
.c-row .avatar, .c-row .name, .c-row .item-name, .c-row .role, .c-row .views {margin: 1px 1px 0 0;}
.c-row .avatar {width:53px;}
.c-row .name {width:316px;}
.c-row .item-name {width:383px;}
.c-row .role {width:172px;}
.c-row .views {
	width:50px;
	text-align:center;
}
.c-row .last {
	width:51px;
	margin-top:1px;
	text-align:center;
}
.c-hdr {
	font:11px  Arial, Helvetica, sans-serif;
	color:#a4825b;

}
.c-hdr .avatar, .c-hdr .name, .c-hdr .item-name, .c-hdr .role, .c-hdr .views, .c-hdr .last{
	padding:7px 10px 6px 10px;
	background-color:#54412e;
	background:#182130;
}
.c-hdr .avatar {width:53px;}
.c-hdr .name {width:316px;}
.c-hdr .item-name {width:383px;}
.c-hdr .role {width:172px;}
.c-hdr .views {width:50px;}
.c-hdr .last {
	width:51px;
	margin-top:1px;
	text-align:center;
}
.c-hdr .avatar, .c-hdr .name, .c-hdr .item-name, .c-hdr .role, .c-hdr .views {margin: 1px 1px 0 0;}
/*+ Mastery Tree Planer +*/
.fire-header {
	font:bold 18px "Times New Roman", Times, serif;
	margin-top:20px;
	background:url(/images/fire-header.png) no-repeat;
	padding: 6px 0 20px 60px;
}

#mastery-col-left {
	width:160px;
	margin:0 20px 0 15px;
	float:left;
}
#mastery-points {margin-left:20px;}
#mastery-points img {
	border:1px solid #282828;
	background-color:#1e1e1c;
}
#mastery-points div {
	width:28px;
	margin-right:10px;
	text-align:center;
	color:#C0C0C0;
	font-size:10px;
	float:left;
}
#mastery-total {
	border:1px solid #808080;
	text-align:center;
	background-color:#000;
	font:12px Arial, Helvetica, sans-serif;
	color:#c0c0c0;
	padding:12px;
	margin:75px 0 40px 0;
}
#mastery-total #mastery-total-points {color:#00ff00;}
#mastery-col-right {float:left;}
#mastery-tree1 {
	width:252px;
	background:url(/images/mastery-tree/bg-1.jpg) no-repeat;
	padding:18px 0 0 18px;
	float:left;
}
.guide-box #mastery-tree1, .guide-box #mastery-tree2 {
	margin-right:29px;
}
#mastery-tree2 {
	width:252px;
	background:url(/images/mastery-tree/bg-2.jpg) no-repeat;
	padding:18px 0 0 18px;
	float:left;
}
#mastery-tree3 {
	width:252px;
	background:url(/images/mastery-tree/bg-3.jpg) no-repeat;
	padding:18px 0 0 18px;
	float:left;
}
.mastery-row {overflow:hidden;}
.mastery-skill {
	width:50px;
	margin-right:12px;
	float:left;
}
.mastery-skill div {
	position:absolute;
	margin:41px 0 0 15px;
	color:#c0c0c0;
	font-size:10px;
	background:url(/images/mastery-tree/points-bg.png) no-repeat;
	width:31px;
	height:13px;
	text-align:center;
	z-index:10;
}
.mastery-row .active-point {color:#009d00;}
.mastery-skill .disabled {position:absolute;}
.mastery-spacer {height:28px;}
.mastery-spacer .mastery-connect, .mastery-row .mastery-connect {
	border-left:1px solid #538053;
	border-right:1px solid #538053;
	background-color:#4D4C4C;
	width:11px;
	display:block;
	margin-left:18px;
}
.mastery-spacer .mastery-connect.active, .mastery-row .mastery-connect.active {
	border-left:1px solid #00ff00;
	border-right:1px solid #00ff00;
	background-color:#a09b9f;
}
.mastery-spacer .mastery-connect {
	height:28px;
}
.mastery-row .mastery-connect {
	height:49px;
}
.mastery-connect-active {background-color:#009d00!important;}
.master-tree-total {
	font: bold 21px "Times New Roman", Times, serif;
	padding:25px 0;
}
.mastery-change,.reset {cursor: pointer;}
.mastery-active .disabled {display:none;}
/*- Mastery Tree Planer -*/
/*+ Champion Mastery +*/
#champion-mastery {overflow:hidden;}
#champion-mastery .mastery-skill {
	width:39px;
	margin-right:8px;
}
#champion-mastery .mastery-skill .mastery-change {
	width:38px;
	height:38px;
}
#champion-mastery .mastery-skill div {margin:30px 0 0 5px;}
#champion-mastery #mastery-tree1 {
	width:195px;
	background:url(/images/mastery-tree/bg-1_small.jpg) no-repeat;
	padding:12px 0 0 15px;
}
#champion-mastery #mastery-tree2 {
	width:195px;
	background:url(/images/mastery-tree/bg-2_small.jpg) no-repeat;
	padding:12px 0 0 15px;
}
#champion-mastery #mastery-tree3 {
	width:195px;
	margin-right:0;
	background:url(/images/mastery-tree/bg-3_small.jpg) no-repeat;
	padding:12px 0 0 15px;
}
#champion-mastery .mastery-spacer {height:22px;}
#champion-mastery .mastery-spacer .mastery-connect {
	height:22px;
	margin-left:13px;
}
#champion-mastery .mastery-row .mastery-connect {
	height:38px;
	margin-left:13px;
}
#champion-mastery .master-tree-total {
	padding:20px 0 10px;
	margin-bottom:0;
}
/*- Champion Mastery -*/
/*+ admin edit +*/
#content #db-edit-items ul {list-style:none;}
#content #db-edit-items ul li {
	padding-bottom:5px;
	margin-left:10px;
}
#content #db-edit-item label {
	float:left;
	min-width: 165px;
	width: auto !important;
	*width: 165px;
	display:block;
	margin-bottom:3px;
}
#db-edit-item .teamslist, #db-edit-item .matchlist {
	width:100%;
}
#db-edit-item .teamslist td, #db-edit-item .matchlist td {
	padding:3px;
}
#db-edit-item .matchlist td a{
	font-size:16px;
}

#content #db-edit-item h2 {margin-bottom:10px;}
#content #db-edit-item select {margin-bottom:3px;}
#content #db-edit-item textarea {margin-bottom:3px;}
/*- admin edit -*/
/* unsorted stuff */
.unhide { display:none; }

.survey .row1 {background-color:#101010;}
.survey .row2 {background-color:#151515;}
.survey td {padding:10px;}
.survey th {padding:5px;}
.survey th {
	background-color:#000000;
	text-align:left;
	background:url(/css/gfx/forum-bg-hdr2.png) repeat-x;
	color:#f2f2f2;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.survey td {color:#c0c0c0;}
.survey ul, .survey ol {margin:20px 40px;}
.survey input, .survey select, .survey textarea {
	color:#C1C1C1;
	background-color:#282929;
	border:1px solid #000000;
	padding:3px;
}
#build-vote-down,
#build-vote-up {
	position:absolute;
	width:350px;
	right:0;
	top:27px;
	border:1px solid #3e3e3e;
	background-color:#161616;
	padding:12px;
	z-index:999;
	color:#c0c0c0;
}
#build-vote-down h5,
#build-vote-up h5 {
	color:#fff;
	font-size:14px;
	font-weight:normal;
}
#build-vote-down span.float-right,
#build-vote-up span.float-right {
	font-size:14px;
	display:block;
	margin-top:10px;
}
#build-vote-down span.float-right span,
#build-vote-up span.float-right span {
	color:#ff0014;
	font-weight:bold;
}
#build-vote-down textarea,
#build-vote-up textarea {
	border:1px solid #676767;
	background-color:#c0c0c0;
}
#snews h2, #home-snews h2, .side-hdr, .side-free h2{
	margin:0px;
	color:#7391a9;
	font-weight:normal;
	text-transform:uppercase;
	font-size:12px;
	text-align:left;
}
#snews table, #home-snews table{
	width:100%;
}
#home-snews td {
	padding:5px 8px;
	background:#050c13;
	color:#C8D0DD;
}
#snews td {
	padding:5px 8px;
	background:#0B1524;
	color:#c1c1c1;
	font-size:11px;
}
#snews td .snews-title{
	font-size:12px;
}
#home-snews th {
	padding:8px 8px;
	background:#09121d;
}
#home-snews .snews-date {
	width:65px;
}
.champ-rotator {
	margin: 0 auto;
	width: 280px;
}
.champ-rotator .champ {
	background: #000e19;
	width: 220px;
	display: inline-block;
	padding: 5px;
	cursor: pointer;
}
.champ-rotator .champ > div {
	display: table;
}
.champ-rotator .champ img, .champ-rotator .champ .title  {
	display: table-cell;
	vertical-align: middle;
}
.champ-rotator .champ .title {
	padding-left:10px;
}
.champ-rotator .champ img {
	width: 72px;
	height: 72px;
	border: 3px solid #152034;
}
.champ-rotator .champ h3, .champ-rotator .champ h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.champ-rotator .champ h3 {
	font-size: 18px;
	color: #bbc7dc;
	margin-bottom: 0;
	line-height: 20px;
}
.champ-rotator .champ a:hover {
	text-decoration: none;
}
.champ-rotator .champ h4 {
	text-transform: uppercase;
	font-size: 12px;
	color: #606671;
	line-height: 20px;
}
.champ-rotator .arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
}
.champ-rotator .prev {
	border-width: 44px 20px 44px 0;
	border-color: transparent #000e19 transparent transparent;
	float: left;
	margin-right: 5px;
}
.champ-rotator .next {
	border-width: 44px 0 44px 20px;
	border-color: transparent transparent transparent #000e19;
	float: right;
	margin-left: 5px;
}
#auth-guides .auth-info {
	margin-left: 62px;
	font-size: 12px;
}
#auth-guides .auth-info .auth-name {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: white;
	line-height: 1.0em;
	display: table;
	height: 56px;
}
#auth-guides .auth-info .auth-name > div {
	display: table-cell;
	vertical-align: middle;
}
#auth-guides .auth-info .auth-name span {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#auth-guides .auth-links {
	margin: 10px 0 5px;
}
#auth-guides .auth-info .team-elo {
	float: right;
}
#auth-guides .auth-av {
	width: 50px;
	border: 3px solid #000e19;
}
#auth-guides .sidebar-author-team-icon {
	max-width: 40px;
	display: inline-table;
	vertical-align: middle
}
#auth-guides td {
	font-size:12px;
	line-height:1.2em;
	padding:3px;
}
#auth-guides td a{
	color:#c1c1c1;
}
#auth-guides td a:hover{
	color:#fff;
}
#auth-guides .champ-rotator {
	margin: 0 -3px;
	width: 290px;
}
#auth-guides .champ-rotator .champ {
	width: 230px;
}
#auth-guides .champ-rotator .champ img {
	border: none;
}
#auth-guides .champ-rotator .prev {
	border-width: 41px 20px 41px 0;
}
#auth-guides .champ-rotator .next {
	border-width: 41px 0 41px 20px;
}
#auth-guides .champ-rotator .title {
	padding: 0 4px 0 8px;
}
#auth-guides .champ-rotator .title a {
	font-size: 12px;
	color: #a4b7ca;
}
#auth-guides .champ-rotator .title .g {
	font-size: 10px;
	color: #436282;
}
#mf-tourneys table {
	border-spacing: 3px;
	margin: 0 -3px -3px;
	width: 100%;
}
#mf-tourneys table td{
	background: #000e19;
	text-transform: uppercase;
}
#mf-tourneys table td a {
	color: #cad0d9;
}
#mf-tourneys table td:first-child {
	width: 10px;
	padding: 5px;
}
#mf-tourneys table td:nth-child(2) {
	padding-left: 10px;
}
#mf-tourneys table td > div {
	color: #486a8d;
	font-size: 10px;
}
#mf-tourneys table tr {
	cursor: pointer;
}
#mf-tourneys table tr:hover td, #esports-sidebar .build:hover, #esports-sidebar .news:hover,  #esports-popular .news:hover{
	background: #121f32;
}
#mf-tourneys table td a:hover {
	text-decoration: none;
}
#mf-tourneys .box-blue {
	padding-right: 2px;
}
#astro-tourneys {
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
	font-size: 11px;
	color: #a3b5cd;
}
#astro-tourneys h2 {
	color: #f15c22;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 1px 0 0 black,
	0 1px 0 black,
	0 -1px 0 black,
	-1px 0 0 black;
}
#astro-tourneys .cups {
	position: relative;
	margin: 10px 0 5px;
}
#astro-tourneys a {
	color: #079cff;
}
#astro-tourneys .cups .bg {
	background: #0c1727;
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	height: 88px;
	z-index: 0;
}
#astro-tourneys .cup, #astro-tourneys .astro-star {
	z-index: 1;
	position: relative;
}

#astro-tourneys .cup {
	margin-top: 19px;
	width: 85px;
	margin-bottom: 11px;
}
#astro-tourneys .astro-star {
	margin: 0 -10px;

}
#astro-tourneys .cup .info {
	text-align: center;
	color: #576682;
	margin-bottom: 17px;
	line-height: 1
}
#astro-tourneys .cup .date {
	color: white;
	font-size: 36px;
}
#astro-tourneys .cup .region {
	color: #e9eff8;
	margin-top: 10px;
}
#astro-tourneys .cup .region img {
	height: 13px;
	vertical-align: bottom;
	//margin-bottom: 1px;
}
#astro-tourneys .cup .date, #astro-tourneys .cup .region {
	font-family: Arial;
	line-height: 1;
}
#astro-tourneys .cup:first-child {
	float: left;
	text-align: right;
}
#astro-tourneys .cup:last-child {
	float: right;
	text-align: left;
}
#esports-sidebar .build {
	background: #000e19;
	padding: 4px;
	display: block;
	cursor: pointer;
}
#esports-sidebar .build:not(:last-child), #esports-sidebar .news:not(:last-child),
#esports-popular .news:not(:last-child) {
	margin-bottom: 4px;
}
#esports-sidebar .build > img{
	float: left;
	height: 50px;
	margin-right: 4px;
}
#esports-sidebar .build > img, #esports-sidebar .build a img {
	border: 2px solid #0b1524;
}
#esports-sidebar .build:hover > img, #esports-sidebar .build:hover a img {
	border: 2px solid #1d314f;
}
#esports-sidebar .build .items {
	font-size: 0;
	margin-top: 4px;
}
#esports-sidebar .build a img {
	height: 30px;
}
#esports-sidebar .build a:not(:last-child) img {
	margin-right: 3px;
}
#esports-sidebar .build h4 {
	font-size: 12px;
	font-weight: normal;
}
#esports-sidebar .build h4 a {
	color: #91a1bf;
}
#esports-sidebar .build h4 span {
	color: #f7ad1d;
}
#esports-sidebar .news, #esports-popular .news {
	background: #000e19;
	color: white;
	font-size: 12px;
	line-height: 15px;
	display: table;
	width: 100%;
	text-align: left;
}
#esports-sidebar .news:hover, #esports-sidebar .build a:hover,
#esports-popular .news:hover, #esports-popular .build a:hover
{
	text-decoration: none;
}
#esports-sidebar .news > div,
#esports-popular .news > div {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}
#esports-sidebar .news > div:nth-child(2),
#esports-popular .news > div:nth-child(2) {
	padding: 5px 0 10px 10px;
}
#esports-sidebar .news span,
#esports-popular .news span  {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	color: #3a5e7a;
}
#esports-sidebar .news > img {
	padding: 4px;
	width: 84px;
}
#esports-popular .news img {
	max-width: 84px;
}
#esports-sidebar .build h4 span img {
	height: 16px;
}
#esports-sidebar .pic-blue {
	border: 6px solid #000e19;
	padding: 0;
	background: #000e19;
}
/* JOB BOARD */
#jobs .job-box {
	padding:15px;
	line-height:1.7em;
	color:#D1D6E0;
}

#jobs .job-box table {
	width:100%;
}
#jobs .job-box th {
	padding:3px 5px;
	color:white;
	font-size:10px;
	text-transform:uppercase;
	background-color: #3B4D6C;
}
#jobs .job-box td {
	padding:3px 5px;
	color:#B0BBD1;
}
#jobs .job-box tr:nth-child(odd) td {
	background-color: #233148;
}
#jobs .job-box tr:nth-child(even) td {
	background-color: #1A283F;
}
#jobs .job-box td a{
	color:#B0BBD1;
}
#jobs h2, #jobs strong {
	color:#8ca9c8;
}
.mf-redesign#jobs .job-box {
	padding:0;
	margin-bottom:20px;
}
.mf-redesign#jobs .job-box table {
	border-collapse:collapse;
}
.mf-redesign#jobs .job-box--open table td, .mf-redesign#jobs .job-box--open table td a {
	color:white;
}
.mf-redesign#jobs .job-box table th {
	background:none;
	font-weight:400;
	padding:2px 10px;
	font-size:11px;
	color:#44526c;
}
.mf-redesign#jobs .job-box table td {
	padding:13px 10px;
	border-bottom:2px solid #091120;
}
.mf-redesign#jobs .job-box table td:first-of-type {
	text-transform:uppercase;
}
.mf-redesign#jobs .job-box td a, .mf-redesign#jobs .job-box td {
	color:#75839e;
}
/*+ Search Page +*/

#search-results .main-search {
	background:#000000;
	border:1px solid #24313b;
	width:635px;
	font-size:18px;
	padding:3px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#search-results .enter-search {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px;
}
#search-results .enter-search form {
	border: 2px solid #263242;
	border-radius: 9px;
	background: #000302;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top,  #000302 0%, #070d19 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000302), color-stop(100%,#070d19));
	background: -webkit-linear-gradient(top,  #000302 0%,#070d19 100%);
	background: -o-linear-gradient(top,  #000302 0%,#070d19 100%);
	background: -ms-linear-gradient(top,  #000302 0%,#070d19 100%);
	background: linear-gradient(to bottom,  #000302 0%,#070d19 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000302', endColorstr='#070d19',GradientType=0 );
}
#search-results .enter-search input {
	background: none;
	border: none;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 1;

}
#search-results .enter-search button {
	float:right;
	margin: 1px;
	border-radius: 6px;
	font-size: 12px;
	padding: 6px 8px;
	cursor: pointer;
	color: white;
	line-height: 1.1;
	display: inline-block;
	text-shadow: 1px 1px 1px rgba(0,0,0, .75);
	border: 1px solid #2c72ba;
	box-shadow: inset 0 0 7px #012c5c, 2px 2px 4px 0 rgba(0,0,0,0.15);
	background: #3b80df;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NzlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzEwNDQ4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #3b80df 0%, #185bb7 78%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b80df), color-stop(78%,#185bb7));
	background: -webkit-linear-gradient(top,  #3b80df 0%,#185bb7 78%);
	background: -o-linear-gradient(top,  #3b80df 0%,#185bb7 78%);
	background: -ms-linear-gradient(top,  #3b80df 0%,#185bb7 78%);
	background: linear-gradient(to bottom,  #3b80df 0%,#185bb7 78%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3479d9', endColorstr='#185bb7',GradientType=0 );
}
#search-results .enter-search button:hover {
	text-decoration: none;
	color: white;
	box-shadow: inset 0 0 7px #012c5c, 2px 2px 4px 0 rgba(0,0,0,0.15);
	border: 1px solid #549ce5;
	background: #4095ed;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNTJjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzAwMWEzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #4095ed 0%, #2477da 78%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4095ed), color-stop(78%,#2477da));
	background: -webkit-linear-gradient(top,  #4095ed 0%,#2477da 78%);
	background: -o-linear-gradient(top,  #4095ed 0%,#2477da 78%);
	background: -ms-linear-gradient(top,  #4095ed 0%,#2477da 78%);
	background: linear-gradient(to bottom,  #4095ed 0%,#2477da 78%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4095ed', endColorstr='#2477da',GradientType=0 );
}
.sidebar-search {
	background: #151515;
	border:1px solid #24313b;
	width:220px;
	font-size:12px;
	padding:3px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#search-results .search-url {
	font-size:11px;
	color:#9FADC4;
	padding-bottom:5px;
}
#search-results  .results {
	padding:  10px 15px 15px;
}
#search-results .result {
	padding: 8px 8px 12px;
	margin-top: 13px;
	background: #1a283f;
}
#search-results .result-desc {
	margin-left: 60px;
	color: #adadad;
}
#search-results .icon {
	vertical-align:middle;
	padding:1px;
	border:solid 1px #4970a7;
	width:30px;
	padding: 5px;
	background: #283d5b;
	background: -moz-linear-gradient(top,  #283d5b 0%, #172942 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#283d5b), color-stop(100%,#172942));
	background: -webkit-linear-gradient(top,  #283d5b 0%,#172942 100%);
	background: -o-linear-gradient(top,  #283d5b 0%,#172942 100%);
	background: -ms-linear-gradient(top,  #283d5b 0%,#172942 100%);
	background: linear-gradient(to bottom,  #283d5b 0%,#172942 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283d5b', endColorstr='#172942',GradientType=0 );

}
/*- Search Page -*/

/*+ BBCode Components +*/

.component h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:0px;
}
.component table, .component .cheat-hdr {
	width:580px;
}
#build-description .component table, #build-description .component .cheat-hdr {
	width:705px;
}
.component td {
	text-align:center;
	padding:2px;
}
.component .spacer {height:5px;}
.component table  .row1 td{background-color:#101010;}
.component table  .row2 td{background-color:#151515;}
.component table  .mastery-image img {width:30px;}
.component table  .ability-image img {
	width:22px;
	border:solid 1px #303030;
	padding:1px;
}
.component .item-image td{
	width: 81px!important;
	overflow:hidden;
	vertical-align:top;
}
.component .rune-image td{
	width: 81px!important;
	overflow:hidden;
	vertical-align:top;
}
.component .item-image img {
	width:35px;
	padding:3px;
	border:1px solid #303030;
}
.component .rune-image img {
	width:38px;
	padding:3px;
	border:1px solid #303030;
}
.component .cheat-spells {
	width:94px;
}
.component .cheat-spells img {
	width:35px;
	padding:3px;
	border:1px solid #303030;
	margin:0 2px;
}
.cheat-title {
	text-align:left!important;
	color:#fff;
	text-transform:uppercase;
}
.component .author {
	margin-bottom:14px;
	font-size:10px;
}
.component .offense {
	background-color:#2a0804!important;
}
.component .defense {
	background-color:#04162a!important;
}
.component .utility {
	background-color:#032315!important;
	border-bottom:1px solid #000;
}
.component .utility, .component .defense, .component .offense {
	border-bottom:1px solid #000;
	margin-bottom:4px;
}
.mastery-cell {padding:0 0 4px 0!important;}

/*- BBCode Components -*/

.edit-table {
	width:100%;
	border-spacing: 1px;
}
.box-shadow.short {
	display: inline-block;
}
.edit-table th, #tournament .edit-table th {
	background:#1f3147;
	text-transform:uppercase;
	padding:8px 3px 3px 3px;
	text-align:left;
	color: white;
	font-size: 12px;
}
.edit-table td, #tournament .edit-table td  {
	padding:5px;
	color:#808080;
}
.edit-table .poll-answer, .edit-table .poll-question {
	background:#181919;
}
.edit-row td, .edit-table tr:nth-child(odd) {
	background-color:#0B1524;
}
.edit-row2 td, .edit-table tr:nth-child(even) {
	background-color:#0E1828;
}
.edit-table .edit-row-category td {
	background:url("/css/gfx/forum-bg-hdr2.png") repeat-x scroll 0 0 transparent;
}
.edit-table .edit-input, .edit-table .edit-input-lg, .edit-table .edit-input-num, .edit-table .edit-input-dd, .edit-table .edit-input-dd2 {
	background-color:#202020;
	border: solid 1px #353535;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c1c1c1;
	padding:2px;
}
.edit-table .edit-input {
	width:180px;
}
.edit-table .edit-input-lg {
	width:580px;
}
.edit-table .edit-input-dd {
	width:150px;
}
.edit-table .edit-input-dd2 {
	width:100px;
}
.edit-table .edit-input-num {
	width:60px!important;
	text-align:right!important;
}
.edit-table .edit-full-text, .edit-table .edit-half-text {
	padding:10px;
	border: 1px solid #0E2037;
	//background:#202020;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c1c1c1;
}
.edit-table .edit-full-text, .edit-table .full-text {
	width:655px;
	height:250px;
}
.edit-table .edit-half-text, .edit-table .half-text {
	width:474px;
	height:100px;
}
.edit-table .ranks tr, .edit-table .ranks td  {
	background: none;
}
.edit-link {
	font-size:10px;
}



#edit-video label {
	color: #808080;
	float: left;
	font-size: 14px;
	min-width: 100px;
	width: auto !important;
}
#edit-video input.text {
	margin-bottom: 5px;
	width:220px;
}
#edit-video select {
	margin-bottom: 5px;
	width:226px;
}
#edit-video textarea {
	margin-bottom: 5px;
	width:420px;
}
#edit-video h3 {
	margin-bottom: 7px;
}

.home-discuss-box .d-up {background:#0E1828 url(/css/gfx/d-green.png) repeat-y top right!important;}
.home-discuss-box .d-down {background:#0E1828 url(/css/gfx/d-red.png) repeat-y top right!important;}

#mod-tools .unassigned td {
	background:#233148;
}
#mod-tools .closed td, #mod-tools .locked td {
	background:#0E1828;
	color: #666666;
}
#mod-tools .closed td a, #mod-tools .locked td a, #mod-tools .closed td a span, #mod-tools .locked td a span {
	color: #666666!important;
}
#mod-tools .assigned td {
	background:#182337;
}
.box-404 {
	border:solid 1px #242833;
	background:#000 url(/css/gfx/bg-404.jpg) no-repeat top right;
	padding:20px 300px 20px 20px;
}

._mouseover-show { display:none; }

#votebox .vote-score-wrap {
	width:122px;
	text-align:center;
	padding:7px 0 7px 3px
}
#votebox .vote-score-wrap img{
	cursor: pointer;
	opacity: 0.5;
	position: relative;
}
#votebox .vote-score-wrap img:hover{
	opacity: 1;
}
#votebox .vote-score {
	font:24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:3px;
}
#votebox .vote-follow {
	text-transform:uppercase;
	color:#6d88a0;
	font-size:11px;
	padding-top:5px;
}

#esports-builds-filter, #esports-news-filter, #tools-filter {
	display: table;
}
#esports-builds-filter .gf-box, #esports-news-filter .gf-box, #tools-filter .gf-box {
	padding-right: 12px;
}
#esports-edit .btn.small {
	top:-4px;
	margin-left: 2px;
}
.side-logo {
	display: block;
	float: right;
	margin-right: 40px;
}
.tourny-table {
	width: 100%;
	color: #798aa6;
	border-collapse: collapse;
}
.tourny-table-wrap {
	background: #0a1220;
	padding: 4px;
}
.tourny-table-wrap td {
	padding: 4px 4px;
}
.tourny-table-wrap td:nth-child(2) {
	border-right: 2px solid #0a1220;
}
.tourny-table td:first-child, .tourny-table-wrap td:nth-child(3) {
	padding: 4px 0 4px 10px;
}
.tourny-table tr:not(:last-child) td {
	border-bottom: 2px solid #0a1220;
}
.tourny-table .ign {
	text-align: right;
	padding-right: 5px;
}
.tourny-table span {
	color: white;
	display: inline-block;
}
.tourny-table tr:nth-child(even) {background: #141f34}
.tourny-table tr:nth-child(odd) {background: #1a263f}

.tourny-clock-big {
	float: right;
	background-color: #060c16;
	border: 3px solid #152034;
	text-align: center;
	padding: 10px 15px;
}
#tournament-hdr .admins {
	margin-top: 10px;
}
#tournament-hdr .admins > div {
	display: inline-table;
	border: 2px solid #152034;
	background: #0a1220;
	margin-right: 7px;
}
#tournament-hdr .admins > div > div {
	display: table-cell;
	vertical-align: middle;
	padding: 4px 6px 4px 4px;
}
#tournament-hdr .admins img {
	width: 25px;
	height: 25px;
}
#tournament-hdr .admins span {
	color: white;
	font-size: 14px;
	display: inline-block;
	margin-right: 12px;
}
#login p, #login .login-box td{
	color:#a2b6d1;
}
#login .login-box td{
	padding:3px;
}
#login input[type=text], #login input[type=password] {
	background: #344564;
	border: 1px solid #5d6b85;
	color:#fff;
}
#login .login-box{
	background:#0b1524;
	padding:20px;
}
#login h3{
	font-color:#fff;
	font-size:16px;
	font-weight:normal;
	margin-bottom:10px;
}
.community-manager img {
	border: 4px solid #020b12;
	margin-right: 6px;
}
.community-manager div {
	display: inline-block;
	color: #798da5;
	font-size: 12px;
	margin-bottom: 3px;
}
.community-manager div span {
	text-transform: uppercase;
	color: #0072bc;
}

input.fade::-moz-placeholder {
	opacity: 0.4;
	font-style: italic;
	transition: all;
	-moz-transition: all;
}
input.fade::-webkit-input-placeholder {
	font-style: italic;
	opacity: 0.4;
	-webkit-transition: opacity 0.4s;
}
input.fade:focus::-moz-placeholder {
	opacity: 0.1;
}
input.fade:focus::-webkit-input-placeholder {
	opacity: 0.1;
}
#item-shopper .permalink, #rune-shopper .permalink {
	color: #a9bfd2;
	font-weight: bold;
	font-size: 12px;
}
#item-shopper .permalink input, #rune-shopper .permalink input {
	width: 890px;
	margin: 0 15px 0 7px;
	color: white;
	padding: 2px 8px;
}
#item-shopper .permalink button, #rune-shopper .permalink button {
	top: -3px;
}
.wiki-box .bbcode_code_body {
	white-space: pre-wrap!important;
}
.wiki-box .bbcode_img {
	max-width: 722px;
}
.credits .avatar {
	padding: 7px 7px 2px 7px;
	text-align: center;
	display: inline-block;
	width: 100px;
	overflow: hidden;
	margin-top: 10px;
}
.credits .avatar > div {
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
	height: 28px;
	width: 100px;
	text-align: center;
}
.credits .avatar:not(:nth-child(8n+1)) {
	margin-left: 12px;
}
.credits .avatar img {
	width: 100px;

}
.credits .add .box-shadow, .credits .add .box-shadow-inner-db,
.credits .add .box-shadow-inner-db .ads-narrow, .credits .add .box-shadow-inner-db .exhibits-narrow {
	padding: 0;
	border: none;
	box-shadow: none;
	margin-bottom: 0!important;
	margin: 0;
}
#sidebar-guide-lists {
	padding: 3px;
}
#sidebar-free-champs h2 {
	margin-top: 2px;
}
#sidebar-guide-lists h2, #sidebar-free-champs h2, #sidebar-my-tickets h2 {
	color: white!important;
	font-size: 18px!important;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1!important;
}
#sidebar-guide-lists h2, #sidebar-my-tickets h2 {
	display: block;
	text-shadow: 2px 2px 2px black;
	background: #152d4a;
	background: -moz-linear-gradient(top,  #152d4a 0%, #152034 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#152d4a), color-stop(100%,#152034));
	background: -webkit-linear-gradient(top,  #152d4a 0%,#152034 100%);
	background: -o-linear-gradient(top,  #152d4a 0%,#152034 100%);
	background: -ms-linear-gradient(top,  #152d4a 0%,#152034 100%);
	background: linear-gradient(to bottom,  #152d4a 0%,#152034 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152d4a', endColorstr='#152034',GradientType=0 );
	padding: 17px 0;
	margin-bottom: 3px;
}
#sidebar-guide-lists h2 img {
	position: relative;
	top: -4px;
	vertical-align: middle;
}
#sidebar-guide-lists .t-list > a {
	border: 1px solid #264266;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 1px #08111b, inset 0 0 7px 1px #08111b;
	width: 100%;
	height: 52px;
	background: #0e1d31;
}
#sidebar-guide-lists .t-list > a:hover {
	border: 1px solid #ff8000;
}
#sidebar-guide-lists .t-list > a:not(:last-child) {
	margin-bottom: 6px;
}
#sidebar-guide-lists .t-list > a > div {
	display: table-cell;
	vertical-align: middle;
}
#sidebar-guide-lists .t-list > a > div.pic {
	width: 46px;
	text-align: center;
}
#sidebar-guide-lists .t-list > a > div.title {
	color: white;
	padding-left: 2px;
	text-shadow: 2px 2px 2px black;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	box-shadow: -1px -1px 0 0 #08111B inset, 0 1px 0 0 #08111B inset;
}
#sidebar-guide-lists .t-list > a > div.title {
	text-shadow: none;
}
#sidebar-guide-lists .t-list a:first-child > div.title {
	background: url(/images/toplists/featured-bg.png) right 0px no-repeat;
}
#sidebar-guide-lists .t-list a:nth-child(2)> div.title {
	background: url(/images/toplists/30days-bg.png) right 0px no-repeat;
}
#sidebar-guide-lists .t-list a:nth-child(3)> div.title {
	background: url(/images/toplists/alltime-bg.png) right 0px no-repeat;
}
#sidebar-guide-lists .t-list a:nth-child(4)> div.title {
	background: url(/images/toplists/talked-bg.png) right 0px no-repeat;
}
#sidebar-guide-lists .t-list a:nth-child(5)> div.title {
	background: url(/images/toplists/champ-bg.png) right 0px no-repeat;
}
#sidebar-free-champs {
	padding: 8px 0;
	position: relative;
}
#sidebar-free-champs .ico {
	background: url(/images/free-champ.png);
	width: 51px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
}
#sidebar-free-champs h2 {
	margin: 11px 0 7px;
	padding-right: 30px;
}
#sidebar-free-champs h2 img {
	vertical-align: top;
	position: relative;
	top: -3px;
}
.side-free {
	text-align:center;
	font-size:0;
}
.side-free img {
	width:46px;
	height: 46px;
	border: 1px solid #a5cbfd;
}
.side-free a:hover img {
	border:1px solid #ff8000;
}
.side-free a {
	width:46px;
	height: 46px;
	margin:2px 1.5px;
	padding:5px;
	display:inline-block;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2MmQ0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzE2MmQ0OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjJkNDkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(22,45,73,1) 0%, rgba(22,45,73,0) 85%, rgba(22,45,73,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,45,73,1)), color-stop(85%,rgba(22,45,73,0)), color-stop(100%,rgba(22,45,73,0)));
	background: -webkit-linear-gradient(top,  rgba(22,45,73,1) 0%,rgba(22,45,73,0) 85%,rgba(22,45,73,0) 100%);
	background: -o-linear-gradient(top,  rgba(22,45,73,1) 0%,rgba(22,45,73,0) 85%,rgba(22,45,73,0) 100%);
	background: -ms-linear-gradient(top,  rgba(22,45,73,1) 0%,rgba(22,45,73,0) 85%,rgba(22,45,73,0) 100%);
	background: linear-gradient(to bottom,  rgba(22,45,73,1) 0%,rgba(22,45,73,0) 85%,rgba(22,45,73,0) 100%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162d49', endColorstr='#00162d49',GradientType=0 );
}
.side-free a:nth-child(5n) {
	margin-right: 0;
}
.side-free a:nth-child(5n+1) {
	margin-left: 3px;
}
a.play-vid {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
a.play-vid:after {
	content: url("/images/vids/vid-thumb-button.png");
}
input.search[type="text"] {
	background: url("/images/search-ico.png") no-repeat scroll calc(100% - 8px) center #2A3C54;
	padding-right: 26px;
	border-radius: 5px;
}

.chapter h2.c9-hdr {
	background: url(/images/c9-hdr.png) no-repeat;
	line-height: 37px;
	padding-left: 54px;
	color: white!important;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;

}

.bbcode_rule2 {
	border-color: #000 #2d3d5d #2d3d5d;
	border-width: 1px 0;
	margin: 6px 0;
	line-height: 1.7em;
}
*:focus {
	outline: none;
}


.gf-wrap{
	padding-right:4px;
	float:left;
	margin:0 4px 0 0;
	outline: medium none !important;
}
.gf-wrap span{
	background: #2a3c54;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyYTNjNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMyNjM3NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2a3c54 50%, #263751 52%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2a3c54), color-stop(52%,#263751));
	background: -webkit-linear-gradient(top,  #2a3c54 50%,#263751 52%);
	background: -o-linear-gradient(top,  #2a3c54 50%,#263751 52%);
	background: -ms-linear-gradient(top,  #2a3c54 50%,#263751 52%);
	background: linear-gradient(to bottom,  #2a3c54 50%,#263751 52%);
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3c54', endColorstr='#263751',GradientType=0 )\9;

	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	border: 1px solid #0e2037;
	-webkit-box-shadow: 0 0 3px #35455e inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0 0 3px #35455e inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow        : 0 0 3px #35455e inset, 0 1px 1px rgba(0,0,0,0.1);
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 23px;
	line-height: 24px;
	padding: 0 8px 0 4px;
	color: #b3bfd2;
	text-decoration: none;
}
.gf-wrap:focus span {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
	box-shadow        : 0 0 5px rgba(0,0,0,.3);
	border: 1px solid #7193bd;
}
.gf-m span{
	width:109px;
}
.gf-l span{
	width:131px;
}
.gf-wrap.check span div{
	background:  url(/css/gfx/gf-check.png) no-repeat center top;
	width:17px;
	height:17px;
	margin: 3px 5px 0 0;
	float:left;
}
.gf-wrap.checked span div{
	background:  url(/css/gfx/gf-check.png) no-repeat center bottom;
}
.edit-table .edit-full-text, .edit-table .edit-half-text, select[multiple],
.gf-input, .edit-table td > input[type=text],
.edit-table td > input[type=file],
.edit-table td > input[type=password],
.edit-table .file, .edit-table td > textarea,
.filter .gf-row > input[type=text],
.filter .gf-row .float-left> input[type=text],
.profile-contents input[type=text],
.profile-contents input[type=password], input.search[type="text"],
.prime-pay input[type="text"] {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213148', endColorstr='#263751', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #213148), color-stop(15%, #2a3c54));
	background-image: -webkit-linear-gradient(top, #213148 1%, #2a3c54 15%);
	background-image: -moz-linear-gradient(top, #213148 1%, #2a3c54 15%);
	background-image: -o-linear-gradient(top, #213148 1%, #2a3c54 15%);
	background-image: linear-gradient(#213148 1%, #2a3c54 15%)!important;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	border: 1px solid #0e2037;
	overflow: hidden;
	/*white-space: nowrap;*/
	position: relative;
	height: 23px;
	line-height: 24px;
	padding: 0 8px 0 4px;
	color: #b3bfd2;
	text-decoration: none;
}

.edit-table .fileUpload {
	position: relative;
	overflow: hidden;
	margin: 0 0 4px;
}
.edit-table .fileUpload input.upload, .side-form .fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 2px 3px 0 #213148 inset, 0 -1px 3px 0 #2a3c54 inset, 0 0 0 50px #2a3c54 inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #b3bfd2;
}

input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 2px 3px 0 #213148 inset, 0 -1px 3px 0 #2a3c54 inset, 0 0 0 50px #2a3c54 inset;
	-webkit-text-fill-color: #b3bfd2;
}
.edit-table input[type=text], .edit-table select {
	width:200px;
}
.edit-table .file {
	margin-right: 5px;
	width: 130px !important;
}
#banner-edit .edit-table input[type=text]{
	width:250px;
}
.edit-table .desc{
	margin: 4px 0 0 5px;
	display: inline-block;
}
textarea.gf-input, .edit-table td > textarea {
	padding:2px;
	height: auto;
}
.gf-text{
	background-color: #263751;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18273c', endColorstr='#263751', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #18273c), color-stop(5%, #2a3c54));
	background-image: -webkit-linear-gradient(top, #18273c 1%, #2a3c54 5%);
	background-image: -moz-linear-gradient(top, #18273c 1%, #2a3c54 5%);
	background-image: -o-linear-gradient(top, #18273c 1%, #2a3c54 5%);
	background-image: linear-gradient(#18273c 1%, #2a3c54 5%);
}
.gf-input.idle-field {
	color:#7e8da2;
	font-style:italic;
}
.gf-input:focus, .edit-table td > input[type=text]:focus {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
	box-shadow        : 0 0 5px rgba(0,0,0,.3);
	border: 1px solid #7193bd;
}
.edit-table .chosen-choices input[type=text]:focus {
	box-shadow:none;
}

.short-checkbox .gf-wrap, .short-checkbox.gf-wrap, .short-checkbox + .gf-wrap {
	width:27px!important;
}
.short-checkbox + .gf-wrap {
	float: none;
	vertical-align: middle;
	display: inline-block;
}
.edit-table select {
	width: 189px;
}
.edit-table .both select {
	width: 178px;
}
.edit-table .both.align-left {
	white-space: nowrap;
}
.bg-section-lb, .bg-section-db, .bg-section {
	margin: 17px -13px -13px;
	padding: 13px;
	box-shadow: 0 -1px 0 0 #112032, 0 -3px 0 0 #020b13, 0 -4px 0 0 #020406;
}
.bg-section-lb {
	background: #0e1728;
}
p.error:not(:empty) {
	padding: 10px;
	border: 1px dashed red;
	display: inline-block;
	margin: 5px;
}

.s6 .mastery-row {
	overflow: visible;
	font-size: 0;
	text-align: center;
}
#mastery-tree-planner.s6, #champion-mastery.s6 {
	//    background: url(/images/mastery-tree/masteries-s6.jpg) no-repeat;
}
.s6 .mastery-skill {
	position: relative;
	float: none;
	display: inline-block;
	text-align: left;
	margin: 0 5px!important;
}
.s6 .mastery-skill.empty {
	display: none;
}
.s6 .mastery-skill:after {
	content: "";
	position: absolute;
	top: -6px;
	left: -5px;
	width: 38px;
	height: 38px;
	padding: 6px;
	background-repeat: no-repeat;
	background-size: 49px auto;
	z-index: 50;
}
.s6 .disabled.mastery-skill:after {
	opacity: 0.6;
}
.s6 .disabled.mastery-skill:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
	background: rgba(0,0,0,0.6);
	z-index: 11;
}
.s6 .mastery-change {
	position: relative;
	z-index: 10;

}
.s6 #mastery-tree1 .mastery-row:nth-child(4n+3) .mastery-skill:after {
	background-image: url(/images/mastery-tree/ferocity-mastery-frames.png);
}
.s6 #mastery-tree2 .mastery-row:nth-child(4n+3) .mastery-skill:after {
	background-image: url(/images/mastery-tree/cunning-mastery-frames.png);
}
.s6 #mastery-tree3 .mastery-row:nth-child(4n+3) .mastery-skill:after {
	background-image: url(/images/mastery-tree/resolve-mastery-frames.png);
}
.s6 .mastery-row:nth-child(3) .mastery-skill:after {
	background-position: 0 1px;
}
.s6 .mastery-row:nth-child(7) .mastery-skill:after {
	background-position: 0 -55px;
}
.s6 .mastery-row:nth-child(11) .mastery-skill:after {
	background-position: 0 -116px;
}
.s6 .mastery-row:nth-child(4n+1) .mastery-skill {
	margin: 0 27px!important;
}
#champion-mastery.s6 #mastery-tree1 {
	width: 196px!important;
	margin-right: 23px!important;
	padding: 15px 5px 0 5px!important;
	background: url(/images/mastery-tree/bg-1_small-s6.jpg) no-repeat;
}
#champion-mastery.s6 #mastery-tree2 {
	width: 196px!important;
	margin-right: 24px!important;
	padding: 15px 5px 0 5px!important;
	background: url(/images/mastery-tree/bg-2_small-s6.jpg) no-repeat;

}
#champion-mastery.s6 #mastery-tree3 {
	width: 198px!important;
	padding: 15px 0 0 5px!important;
	background: url(/images/mastery-tree/bg-3_small-s6.jpg) no-repeat;

}
#champion-mastery.s6 .mastery-skill {
	margin-right: 0px;
}
#champion-mastery.s6 .mastery-skill div {
	z-index: 100;
}
#champion-mastery.s6 .master-tree-total {
	padding-left: 5px;
	padding-top: 17px;
}


#view .item-specifications {
	margin-left: 83px;
}
#view .item-specifications h4 {
	margin-bottom: 10px;
}
#view .item-specifications div {
	display: inline-block;
	vertical-align: top;
}
#view .item-specifications div:first-child {
	margin-right: 150px;
}
#view .item-specifications .spec {
	text-align: center;
}
.ad-vertical, .exhibit-vertical {
	text-align: center;
}
.ad-vertical > div, .exhibit-vertical > div {
	text-align: center;
	display: inline-block;
}
.quick-comment .subscribe-link {
	float: right;
}
.subscribe-link {
	background: #5d7ca6;
	color: white!important;
	border: 1px solid #37547b;
	border-radius: 3px;
	padding: 3px 10px;
	font: 11px/12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#view .box-hdr-l img {
	height: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
#profile #profile-content .profile-list .profile-table.friends > div > a.pic img {
	width: 50px;
	height: 50px;
}




/*
  jQuery MegaMenu Plugin
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

/*#net-menu ul li a {
	padding:0px!important;
	color: #C0C0C0;
    font-size: 12px;	
}*/
#header .chosen-container a {
	padding: 0 0 0 8px !important;
}

.menu-container {
	background:#112137 url(gfx/menu/bar-bg.png) repeat-x center center;
	height:62px;	
}

ul.megamenu {
 /* background-color: #888;
  border-top: 1px solid #888;
  border-bottom: 1px solid #666;
  */
  margin: 0px auto;
  padding: 5px 10px 5px 0;
  list-style: none;
  display: none;
}
/*ul.megamenu li.mm-item {
	background:url(gfx/menu/item-break.png) no-repeat left center;
	height:36px;
	margin:5px 0;
	padding:4px 15px;
}*/
ul.megamenu li.mm-home {
	background:none;
	height:36px;
	margin:8px 0;
	padding:0 5px;
}
ul.megamenu li.mm-rip {
	background:url(gfx/menu/bg-rip.png) no-repeat left center;
	height:28px;
	width:152px;
	margin:0;
	padding:12px 18px;
}
ul.megamenu li.mm-item .mm-top-link {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px!important;
	color:#b3cbe3;
	line-height:.75em;
	text-align:center!important;
	height:44px;
	background: url(gfx/menu/link-bg.png) repeat-x top center;
	padding-top:3px;
	
}
ul.megamenu li.mm-item a span {
	text-transform:uppercase;
	font-size:11px;
	color:#51738c;	
}
ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu a.mm-item-link:link {
  position: relative;
  display: inline-block;
  color: #FFF;
 // padding: 8px 15px;
  margin: 0px 3px 0px 0px;
  text-decoration: none;
  z-index: 10;
  font-size: 14px;
}
ul.megamenu .mm-home a.mm-item-link:link {
	padding:5px 10px 0 5px!important;	
}
*html ul.megamenu a.mm-item-link:link {
  border-color: pink;
  filter: chroma(color=pink);
}


ul.megamenu div.mm-item-content {
  background: #0f1e34;
  padding: 0px;
  position: absolute;
  z-index: 9;
}

.mm-content-base {
  background: #0f1e34;
  position: relative;
  z-index: 11;
  padding: 5px;
}
.mm-js-shadow {
  background: #000;
  position: absolute;
  z-index: 10;
}

.menu-inner a:hover{
	color:#ff8000!important;
	text-decoration:none;	
}
.menu-inner .guide-list {
	width:280px; padding:7px;	
}
.menu-inner h2, .menu-inner h3, .menu-inner h4 {
	color:#547287;
	text-transform:uppercase;
	font-weight:normal;
		
}
.menu-inner h2 {font-size:16px;}
.menu-inner h3 {font-size:12px; color:#fff; margin-bottom:5px;}
.menu-inner h4 {font-size:11px;}
.menu-inner .mm-bullet {
  background: url(gfx/menu/bullet.png) no-repeat top left;
  padding:0 0 5px 10px;
}

.mm-box-bl {
	background:#122a43;
	padding:7px;	
}

.menu-inner .grad-new {
  background: url(gfx/menu/grad-new.png) repeat-x top left;
  padding:14px 7px 0 7px;
}

.menu-inner .col {
	background: url(gfx/menu/col.png) repeat-y top right;
  	padding-right:14px;
}
.menu-inner .col-grad {
	background: url(gfx/menu/col-grad.png) no-repeat top left;
  	padding:7px;
}
.menu-inner .champion{
	width:276px;
	height:80px;
	padding:14px 0 0 10px!important;
	font-size:11px;
	text-transform:uppercase;
	border:#293749 1px solid;
	display:block;
	text-shadow: 1px 1px 1px #000;
}
.menu-inner .champion:hover{
	border:#ff8000 1px solid;
	text-decoration:none;	
}
.menu-inner .champion span{
	font-size:21px!important;	
	font-family:"Times New Roman", Times, serif;
	text-transform:none!important;
	color:#fff!important;
}

.menu-inner .free-week img {
	border:1px #293749 solid;
	margin:2px 0!important;
	width:48px;
	padding:1px;	
}
.menu-inner .free-week a:hover img {
	border:1px #ff8000 solid;
}
.menu-inner .mm-break {
	background: url(gfx/menu/break.png) repeat-x center center;
  	padding:7px;	
}
.menu-inner .mm-charts {
	width:100%;	
}
.menu-inner .mm-charts td {
	font-size:10px;
	text-transform:uppercase;	
}
.menu-inner .mm-charts td img {
	margin:3px!important;	
}
.menu-inner .mm-new {
	background: url("/css/gfx/new.png") no-repeat scroll right bottom #101A25;
	height:65px;
	width:65px;
	margin:3px;
}
.menu-inner .mm-feature-stream {
	padding:6px;
	background:#141F33;
	display: inline-block;	
}
.menu-inner .mm-stream-wrap .mm-stream-box {
    float: left;
    font-size: 10px;
    height: 75px;
    margin: 3px 10px 3px 0;
    width: 107px;
    line-height: 1;
}
.menu-inner .mm-stream-wrap .mm-stream-box div.c {
	margin-top: 2px;
}
.menu-inner .mm-vid-wrap a, .menu-inner .mm-stream-wrap .mm-stream-box a {
    border: 1px solid #233148;
    display: block;
    height: 60px;
    width: 107px;
}
.menu-inner .mm-vid-wrap a {
    float: left;
    margin: 3px 10px 3px 0;
}
#mftv-menu.menu-inner h3 {
	margin-bottom: 0;
}
.menu-inner .mm-feature-stream img.stream-img{
	border:1px solid #233148;	
    height: 142px;
    width: 253px;
}
.menu-inner .mm-fstream-title {
	padding:5px;
	background:#233148;
	margin-top:3px;
}
.mm-table-list {
	width:100%;	
}
.mm-table-list td {
	padding:2px;	
}
.mm-es-news-list {
	background:#050505;
	border:#45607A solid 1px;
	border-top-width:0px;
	padding:3px;	
}
.mm-es-news-list table {
	width:100%;	
}
.mm-es-news-list table td {
	padding:5px 8px;
}
.mm-es-news-list table .row-1 td{
	background:#0f2034;	
}
.mm-es-news-list table .row-2 td{
	background:#1f3655;	
}

.menu-inner .mm-tab-box {
	width:140px;	
}
.menu-inner .mm-tab-content {
	width:379px;
	background:#102036;
	padding:4px;
	min-height:418px;	
}
.menu-inner .mm-tab {
	padding:3px 5px;
	background:#102036;
	margin-bottom:1px;	
	font-size:11px;
	color:#95a8c6;
}

.menu-inner .mm-tab:hover, .menu-inner .mm-tab-box .selected{
	background:#1f3452;
	color:#fff;
}
.menu-inner .mm-tab-hdr {
	text-transform:uppercase;
	color:#5b759c;
	font-size:10px;
	padding:5px 0 0 0;
}
.menu-inner .menu-feature-vid-wrap {
	background: #141f33;
	width:166px;
	padding:4px;
}
.menu-inner .menu-feature-vid {
	border:1px solid #233148;
	width:163px;
	height:92px;
}
.menu-inner .menu-feature-vid-text {
	background:#233148;
	padding:5px;
	font-size:11px;	
}

.menu-inner .mf-sub-wrap {
	width:192px;
	height:27px;
	padding:2px;
	background:#141f33;	
	margin-bottom:2px;
}
.menu-inner .mf-sub {
	border:1px solid #233148;
	width:44px;
	height:25px;
}
.menu-inner .mf-sub-text {
	background:#233148;
	padding:7px 5px 3px;
	width:132px;
	height:17px;
	font-size:11px;	
}
.menu-inner .menu-sub-text {
	font-size:11px;
	color:#799cbf;	
}
.menu-youtube {
	white-space: nowrap;
	font-weight: bold;
	color: white;
	line-height: 16px;
}
.menu-youtube img {
	height: 25px;
	position: relative;
	top: 3px;
	margin-left: 15px;
}



#net-menu {
	min-width: 1134px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 250;
	height: 30px;
	border-bottom: 1px solid #292929;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}
.premium #net-menu {
	background: url(/images/prime/net-bg.png) no-repeat center center, linear-gradient(to top, #13366e, #1f4c91);
	border-bottom: 1px solid #0a1120;
	box-shadow: none;
}
.premium #net-menu #network-menu-target .collapse .mm-item > a, .premium #net-menu #member-menu-target .collapse .mm-item > a, .premium #net-menu .site-logo .mfn {
	color: #a3c3ed;
}
.premium #net-menu .collapse .mm-item > a:hover {
	//background: none!important;
}
.premium #net-menu #network-menu-target .collapse .mm-item .site-logo {
	//background: #0a1120!important;
}
.premium #net-menu #member-menu-target .collapse .messages .ico {
	background-image: url(/images/msg-ico-premium.png);
}
.premium #net-menu #member-menu-target .collapse .notify .ico {
	background-image: url(/images/notify-ico-premium.png);
}
.premium #net-menu #member-menu-target .collapse .reports .ico {
	background-image: url(/images/reports-ico-premium.png);
}
.premium #net-menu #member-menu-target .collapse .messages.active .ico {
	background-image: url(/images/msg-active-ico-premium.png);
}
.premium #net-menu #member-menu-target .collapse .notify.active .ico {
	background-image: url(/images/notify-active-ico-premium.png);
}
.premium #net-menu #member-menu-target .collapse .reports.active .ico {
	//  background-image: url(/images/reports-active-ico-premium.png);
}
.premium #net-menu #member-menu-target .collapse .commends .ico, #net-menu #member-menu-target .collapse .commends .ico.ico-prime {
	background-image: url(/images/commends-ico-premium.png);
}
.premium #net-menu .collapse .mm-item-content .mm-content-base {
	background: #0a1120;
}
.premium #net-menu .collapse .mm-item-content:not(.tools):not(.login) .notification, .premium #net-menu .collapse .mm-item-content:not(.tools):not(.login) a {
	background: #152034;
}
.premium #net-menu .collapse .mm-item-content:not(.tools):not(.login) .notification:hover, .premium #net-menu .collapse .mm-item-content:not(.tools):not(.login) a:hover {
	background: #2a3d5f;
}
.premium #net-menu #member-menu-target .tools .mm-content-base > div {
	background: #152034;
}
.premium #net-menu #member-menu-target .tools .mm-content-base > div:not(:last-child), .premium #net-menu #member-menu-target .tools .moderator > div:not(:last-child) {
	border-color: #0a1120;
}
.premium #net-menu .collapse .mm-item > a:hover,.premium  #net-menu .collapse .mm-item > a.mm-item-link-hover,
.premium #net-menu .collapse .mm-item > form > a:hover,.premium  #net-menu .collapse .mm-item > form > a.mm-item-link-hover {
	background: #0a1120!important;
}

.premium .collapse.expand #header-search .search-input, .premium .collapse #header-search.mobile .search-input {
	background: #0a1120;
	box-shadow: 0 -10px 15px transparent inset, 0 0 0 1px #08080a inset, 0 0 15px 0 transparent inset, 1px 1px 1px 0 transparent;
	border-color: #0d0d0d;
}
.premium #header-logo.collapse.expand .header-search .input-wrap .dropdown-search-results,
.premium .collapse.expand #header-search .input-wrap .dropdown-search-results,
.premium #header-search-mobile .dropdown-search-results {
	background: #0a1120;
}
.premium #header-logo.collapse.expand .header-search .dropdown-search-results .results a,
.premium .collapse.expand #header-search .dropdown-search-results .results a {
	background: #152034;
}
.premium .expand .dropdown-search-results a:hover, .premium .expand  .dropdown-search-results a.selected {
	background: #1e2d48!important;
}
#net-menu.expand {
	height: 40px;
}
.member-nav {
	background: #151514;
	box-shadow: 0 1px 8px 3px #101010 inset, 0 -1px 8px 3px #101010 inset;
}
#net-menu .network{
	//width:780px;
}
#net-menu .title {
	color: #393939;
	display: inline-block;
	font-size: 11px;
	left: calc(50% - 77px);
	letter-spacing: 2px;
	margin: 0 20px;
	position: absolute;
	text-shadow: 1px 0 0 #131313, 0 1px 0 #131313, 0 -1px 0 #131313, -1px 0 0 #131313;
	text-transform: uppercase;
	top: 6px;
}
#net-menu ul.megamenu div.mm-item-content {
	z-index:250;
}
#net-menu ul.megamenu li.mm-home {
	height: 30px;
	margin: 0px;
}
#net-menu li.mm-item {
	border-right: 1px solid #131212;
	box-shadow: 1px 0 0 0 #282727;
	float: left !important;
	padding: 0;
}
#net-menu ul.megamenu {
	padding:0px;
}
#net-menu ul.megamenu a.mm-item-link:link {
	margin:0px;
}
#net-menu ul.megamenu li.mm-item {
	padding:0px;
}
#net-menu .net-list1 {
	display:block;
	margin-bottom:2px;
}
#net-menu .net-list1:hover {
	text-decoration:none;
}
#net-menu .net-list1 img {
	width:15px;
	border:3px solid #444;
}
#net-menu .net-list1 div {
	margin-left:23px;
	background:#222;
	padding:3px 5px;
	font:11px Verdana, Geneva, sans-serif;
	color:#808080;
}
#net-menu .net-list1:hover div{
	background:#333;
}
#net-menu .mm-content-base {
	background:#111;
	padding:3px;
}
#net-menu .menu-inner {
	background:#141414;
	border:solid 1px #222;
	text-align:left;
}
#net-menu .net-hdr{
	font:10px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	text-transform:uppercase;
}
#net-menu .net-btn {
	color: #989898;
	display: block;
	font: 11px/13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	padding: 9px 10px 4px !important;
	text-transform: uppercase;
}
#net-menu .net-btn a {
	font-size: 11px;
}
#net-menu .net-btn .net-icon {
	height:15px;
	margin-right:3px;
}
#net-menu .net-msg, #net-menu .net-report {
	height:20px;
	width:33px;
	background: url(/css/img/bg-net-msg.png) no-repeat center center;
	font:10px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:7px 0 3px !important;
	display:block;
	line-height:1.5em;
	text-align:center;
}
#net-menu .net-report {
	background: url(/css/img/bg-net-report.png) no-repeat center center;
	color:#ffbdbd;
}
#net-menu .net-av {
	width:75px;
	border:1px solid #363636;
	padding:3px;
	margin-right:5px;
}
#net-menu .mm-bullet a{
	font-size:10px;
	text-transform:uppercase;
}
#net-menu .menu-inner .net-grad {
	background: url(img/menu/net-grad.png) no-repeat top left;
	padding:7px;
}
#net-menu .net-btn img {
	position: relative;
	top: -2px;
	vertical-align: middle;
}
#net-menu a.net-btn:hover {
	background-color: rgba(255,255,255,0.05);
}
#net-menu #network-menu-target {
	float: left;
}
#net-menu .collapse .mm-item > a, #net-menu .collapse .mm-item > form > a {
	cursor: pointer;
	display: block;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#net-menu #member-menu-target .collapse .mm-item > a,
#net-menu #member-menu-target .collapse .mm-item > form > a,
#net-menu #network-menu-target .collapse .mm-item > a  {
	padding: 9px 7px 9px;
	line-height: 1;
	font-size: 12px!important;
	color: #7a7a7a;
	-webkit-transition: padding 0.5s;
	-moz-transition: padding 0.5s;
	-ms-transition: padding 0.5s;
	-o-transition: padding 0.5s;
	transition: padding 0.5s;
}
#net-menu #member-menu-target .collapse .mm-item.active > a {
	color: #eee;
}
#net-menu #network-menu-target .collapse .mm-item .site-logo {
	font-size: 0!important;
	width: 82px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#net-menu.expand #member-menu-target .collapse .mm-item > a,
#net-menu.expand #member-menu-target .collapse .mm-item > form > a,
#net-menu.expand #network-menu-target .collapse .mm-item > a   {
	padding: 14px 7px 14px;
}
#net-menu.expand #network-menu-target .collapse .mm-item .site-logo {
	padding: 13px 7px 13px;
	width: 57px;
}

#net-menu .collapse .mm-item > a:hover, #net-menu .collapse .mm-item > a.mm-item-link-hover,
#net-menu .collapse .mm-item > form > a:hover, #net-menu .collapse .mm-item > form > a.mm-item-link-hover {
	background: #060606!important;
}
#net-menu .collapse li.mm-item {
	border-right: none;
	box-shadow: none;
}
#net-menu .collapse .mm-item-content {
	//background: #060606;
	padding: 0;
}
#net-menu .collapse .mm-content-base {
	//background: none;
	padding: 6px;
}
#net-menu .site-logo {
	font-size: 0;
	white-space: nowrap;
}
#net-menu .site-logo .mfn {
	color: #7a7a7a;
	font-size: 12px;
	display: inline-block;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s, visibility 0.5s;
	-moz-transition: opacity 0.5s, visibility 0.5s;
	-ms-transition: opacity 0.5s, visibility 0.5s;
	-o-transition: opacity 0.5s, visibility 0.5s;
	transition: opacity 0.5s, visibility 0.5s;
}
#net-menu.expand .site-logo .mfn {
	opacity: 0;
	visibility: hidden;
}
#net-menu .site-logo .triangle {
	width: 10px;
	height: 6px;
	margin: 0 3px 1px 4px;
	display: inline-block;
	background: url(/images/mfn-expand.png) no-repeat;
	-webkit-transition: margin 0.5s;
	-moz-transition: margin 0.5s;
	-ms-transition: margin 0.5s;
	-o-transition: margin 0.5s;
	transition: margin 0.5s;
}
#net-menu.expand .site-logo .triangle {
	margin: 0 3px -5px -30px;
}
#net-menu .site-logo .logo-ico {
	display: inline-block;
	background-image: url(/images/network-logo-light.png);
	width: 16px;
	height: 18px;
	margin: -4px 6px -2px 3px;
	background-size: 100% 100%;
	vertical-align: bottom;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.premium #net-menu .site-logo .logo-ico {
	background-image: url(/images/network-logo-light-premium.png);
}
#net-menu.expand .site-logo .logo-ico {
	width: 25px;
	height: 28px;
	margin: -8px 6px -6px 3px
}
#net-menu .more-sites {
	text-align: left;
	width: 215px;
	left: 0!important;
}
#net-menu .more-sites h3 {
	color: #4e4d4d;
	text-transform: uppercase;
	font-size: 14px;
	font-family: Tahoma;
	line-height: 23px;
	margin: 6px 0;
	padding-left: 5px;
	font-weight: normal;
}
#net-menu .more-sites h3:first-child {
	margin-top: 0;
}
#net-menu .more-sites .featured img {
	max-width: 100%;
}
#net-menu .create-menu {
	width: 130px;
	text-align: left;
}
#net-menu .more-sites a:hover {
	text-decoration: none;
}
#net-menu .more-sites a:not(.featured), #net-menu .create-menu a {
	line-height: 18px;
	padding: 6px 0;
}
#net-menu .create-menu a {
	text-decoration: none;
}
#net-menu .collapse .mm-item-content:not(.tools):not(.login) .notification:not(:last-child), #net-menu .collapse .mm-item-content:not(.tools):not(.login) a:not(:last-child) {
	margin-bottom: 2px;
}
#net-menu .collapse .mm-item-content:not(.tools):not(.login) .notification, #net-menu .collapse .mm-item-content:not(.tools):not(.login) a  {
	color: #cccccc;
	display: block;
	font-size: 10px;
	background-color: #10100f;
}
#net-menu .notification, #net-menu .notifications .mm-content-base .notification, #net-menu .messages a, #net-menu .notifications .mm-content-base a, #net-menu .wiki-reports a {
	line-height: 15px;
	padding: 8px;
	text-align: left;
	white-space: nowrap;
}
#net-menu .notifications .mm-content-base a {
	background: url(/images/network/notification-star.png) 7px center no-repeat;
	padding-left: 26px;
}
#net-menu .messages a span, #net-menu .notification span {
	color: #ccc;
}
#net-menu .notification a:not(:first-child), #net-menu .messages a em {
	display: block;
	color: #ccc;
	font-size: 11px;
	padding-left: 11px;
	font-style: normal;
	margin-top: 2px;
}
#net-menu .notification a:hover {
	text-decoration: none;
}
#net-menu .notification a.highlight {
	color: #fdd103;
	text-shadow: 1px 1px 5px #f6a701;
}
#net-menu .site-name {
	color: #7a7a7a;
	text-transform: uppercase;
	//width: 160px;
}
#net-menu  .collapse .site-name > a {
	display: inline-block;
}
#net-menu .site-name img {
	height: 15px;
	margin: -2px 5px -2px 0;
}
#net-menu .collapse .mm-item-content:not(.tools):not(.login) .notification:hover, #net-menu .collapse .mm-item-content:not(.tools):not(.login) a:hover {
	background-color: #222;
	text-decoration: none;
}
#net-menu .collapse a.notification:hover, #net-menu .collapse .notification a:hover {
	color: white!important;
}
#net-menu .more-sites a em {
	color: #5a5a5a;
	font-size: 10px;
	font-style: normal;
}
#net-menu .more-sites a span, #net-menu .create-menu a span {
	width: 40px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
#net-menu .more-sites a span img {
	height: 18px;
}
#net-menu .create-menu a span {
	width: 30px;
}
#net-menu .create-menu a span img {
	position: relative;
	top: -1px;
}
#net-menu .collapse li.net-search, #net-menu .collapse li.site-name,  #net-menu .collapse li.create {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#net-menu .collapse li.net-search, #net-menu .collapse li.create, #net-menu.expand .collapse li.site-name {
	opacity: 0;
	visibility: hidden;
}

#net-menu.expand .collapse li.net-search, #net-menu.expand2 .collapse li.create,  #net-menu .collapse li.site-name {
	opacity: 1;
	visibility: visible;
}
#net-menu .collapse li.net-search {
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#net-menu.expand .collapse li.net-search {

	-webkit-transition: all 0.5s 0.3s, visibility 0.5s;
	-moz-transition: all 0.5s 0.3s, visibility 0.5s;
	-ms-transition: all 0.5s 0.3s, visibility 0.5s;
	-o-transition: all 0.5s 0.3s, visibility 0.5s;
	transition: all 0.5s 0.3s, visibility 0.5s;
}
#net-menu .collapse li.net-search {
	padding-top: 8px!important;
	font-size: 0;
	float: left;
	//margin-left: -160px;
	position: fixed;
	left: 57px;
}
#net-menu .net-search .search-logo {
	padding: 0px 8px 0 13px;
	display: inline-block!important;
}
#net-menu .net-search {
	padding-right: 6px!important;
	z-index: 300;
}
#net-menu .net-search > span {
	display: inline-block;
	vertical-align: top;
}
#net-menu .net-search input {
	border: 1px solid #0a0a0a;
	border-radius: 5px;
	background: #242424;
	line-height: 13px;
	padding: 5px 7px;
	vertical-align: top;
	width: 190px;
	color: white;
}
#net-menu .net-search .search {
	margin-right: 5px;
	position: relative;
}
#net-menu .net-search .search-results {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	right: 0;
	background: #242424;
	padding: 6px;
	text-align: left;
	border: 1px solid #0a0a0a;
	border-top: none;
}
#net-menu .net-search .search-results > h3 {
	color: #535353;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 2px;
}
#net-menu .net-search .search-results > a {
	background: #151515;
	padding: 6px;
	line-height: 21px;
	color: #d2d2d2;
	display: block;
	font-size: 12px;
}
#net-menu .net-search .search-results > a:not(:last-child) {
	margin-bottom: 2px!important;
}
#net-menu .net-search .search-results > a:hover {
	background: #303030;
}
#net-menu .net-search .search-results > a span {
	height: 19px;
	width: 19px;
	margin-right: 8px;
	display: inline-block;
	border: 1px solid #363636;
}
#net-menu .net-search .search-results > a span img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
#net-menu  #network-menu-target .collapse .create {
	//margin-left: 255px;
	position: fixed;
	left: 472px;
}
#net-menu  #network-menu-target .collapse .create > a {
	text-transform: uppercase;
	font-size: 12px;
	color: #ee9d15!important;
	padding: 14px 7px 13px;
}
#net-menu  #network-menu-target .collapse .create > a:hover {
	color: white;
}
#net-menu  #network-menu-target .collapse .create > a span {
	color: white;

}
#net-menu .net-search select {
	width: 120px;
}
#net-menu .net-search .chosen-container {
	text-align: left;
}
#net-menu .net-search .chosen-container-single {
	margin: 1px 14px 0 0;
}
#net-menu .net-search .chosen-container-single .chosen-single {
	border-radius: 4px;
	border: 1px solid #0e0e0e;
	background: linear-gradient(to bottom, #2b2b2b 0%, #111111 100%);
	color: #bcbcbc!important;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	//padding: 0 17px 0 22px;
	line-height: 21px;
	height: 21px;
	-webkit-box-sizing: content-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: content-box;    /* Firefox 1 - 28 */
	box-sizing: content-box;
	cursor: pointer;
	vertical-align: middle;
	box-shadow: none;
	margin-right: -14px;
}
#net-menu .net-search .chosen-container-single .chosen-single > div {
	margin-right: 1px;
}
#net-menu .net-search .chosen-container-single .chosen-single span {
	text-transform: uppercase;
	margin-right: 18px;
	color: #bcbcbc!important;
}

#net-menu .net-search .chosen-container .chosen-drop {
	background: #131313;
	border-color: #0e0e0e;
	overflow: hidden;
	width: calc(100% + 14px);
	padding-top: 2px;
}
#net-menu .net-search .chosen-container .chosen-results li {
	color: #bcbcbc;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 8px;
}
#net-menu .net-search .chosen-container-active.chosen-with-drop .chosen-single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#net-menu .net-search .chosen-container .chosen-results {
	margin: 0;
	padding: 0;
}
#net-menu .net-search .chosen-container-single .chosen-single div b {
	background-image: url(/images/header-select-sprite.png);
}

#net-menu .net-search .chosen-container .chosen-results li.highlighted {
	background: none repeat scroll 0 0 rgba(255,255,255, 0.05);
	color: white;
}

#net-menu #member-menu-target .logged-out.collapse .mm-item > a,
#net-menu #member-menu-target .logged-out.collapse .mm-item > form > a  {
	text-transform: uppercase;
	color: white;
	background: #303030;
	background: linear-gradient(to bottom, #303030 0%, #060606 78%);
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #242424;
}
#net-menu #member-menu-target .logged-out.collapse .join > a {
	color: #fbac14;
}
#net-menu #member-menu-target .collapse .messages .mm-content-base,
#net-menu #member-menu-target .collapse .notifications .mm-content-base {
	min-width: 120px;
}
#net-menu #member-menu-target .collapse .ico {
	display: inline-block;
	vertical-align: top;
	width: 26px;
	height: 27px;
	margin-bottom: -10px;
	background-size: 100% auto!important;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: width 0.5s, background-position 0.5s, margin-top 0.5s;
	-moz-transition: width 0.5s, background-position 0.5s, margin-top 0.5s;
	-ms-transition: width 0.5s, background-position 0.5s, margin-top 0.5s;
	-o-transition: width 0.5s, background-position 0.5s, margin-top 0.5s;
	transition: width 0.5s, background-position 0.5s, margin-top 0.5s;
}
#net-menu #member-menu-target .collapse .messages .ico {
	background-image: url(/images/msg-ico.png);
	margin: -9px 6px -6px 2px;
	width: 22px;
}
#net-menu.expand #member-menu-target .collapse .messages  .ico {
	width: 27px;
	margin-top: -9px;
	margin-left: 3px;
}
#net-menu #member-menu-target .collapse .wiki-reports .ico {
	background-image: url(/images/wiki-pencil.png);
	background-size:17px !important;
	margin: -9px 5px -6px 2px;
	width: 20px;
}
#net-menu.expand #member-menu-target .collapse .wiki-reports .ico {
	width: 27px;
	margin-top: -9px;
	margin-left: 3px;
}
#net-menu #member-menu-target .collapse .reports .ico {
	background-image: url(/images/reports-ico.png);
	margin-top: -9px;
}
#net-menu #member-menu-target .collapse .notify .ico {
	background-image: url(/images/notify-ico.png);
	margin-top: -8px;
	width: 19px;
	margin-right: 3px;
}
#net-menu #member-menu-target .collapse .reports a {
	padding-left: 5px;
}
#net-menu.expand #member-menu-target .collapse .notify .ico {
	width: 23px;
}
#net-menu #member-menu-target .collapse .commends a {
	padding-right: 2px;
	padding-top: 10px;
	padding: 10px 2px 8px 2px;
}
#net-menu #member-menu-target .collapse .commends .ico {
	background-image: url(/images/commends-ico.png);
	margin-top: -9px;
	width: 34px;
}
#net-menu.expand #member-menu-target .collapse .commends .ico {
	width: 42px;
}
#net-menu.expand #member-menu-target .collapse .commends a {
	padding-right: 1px;
}
#net-menu #member-menu-target .collapse .commends em {
	font-style: normal;
	display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    color: #7a7a7a;
    font-size: 10px;
}
.premium #net-menu #member-menu-target .collapse .commends em {
	color: #a3c3ed;
}
#net-menu #member-menu-target .collapse .commends.active em {
	color: white;
}
@-moz-document url-prefix() {
	#net-menu #member-menu-target .collapse .messages .ico {
		margin-top: -7px;
	}
}
#net-menu #member-menu-target .collapse .notifications.active, #net-menu #member-menu-target .collapse .messages.active {
	color: white;
}
#net-menu #member-menu-target .collapse .messages.active .ico {
	background-image: url(/images/msg-active-ico.png);
}
#net-menu #member-menu-target .collapse .reports.active .ico {
	background-image: url(/images/reports-active-ico.png);
}
#net-menu #member-menu-target .collapse .notify.active .ico {
	background-image: url(/images/notify-active-ico.png);
}
#net-menu #member-menu-target .collapse .wiki-reports.active .ico {
	background-image: url(/images/wiki-pencil-active.png);
}
#net-menu #member-menu-target .collapse .notifications .ico {

	margin-top: -6px;
	background: url(/images/notifications-ico.png);
}
#net-menu.expand #member-menu-target .collapse .ico {
	width: 32px;
}
#net-menu.expand #member-menu-target .collapse .notifications .ico {
	margin-top: -9px;
}
#net-menu #member-menu-target .collapse .notifications.active .ico {
	background-position: 0 -32px;
}
#net-menu.expand #member-menu-target .collapse .notifications.active .ico {
	background-position: 0 -40px;
}
#net-menu #member-menu-target .tools .mm-content-base > div {
	display: table-cell;
	background: #10100f;
	text-align: left;
	padding-bottom: 6px;
}
#net-menu #member-menu-target .tools .mm-content-base > div > div {
	padding-left: 10px;
}
#net-menu #member-menu-target .tools .mm-content-base > div:not(:last-child) {
	border-right: 3px solid #060606;
}
#net-menu #member-menu-target .tools .admin {
	padding-right: 10px;
}
#net-menu #member-menu-target .tools .admin > div,
#net-menu #member-menu-target .tools .translate > div {
	display: table-cell;
}
#net-menu #member-menu-target .tools .admin > h3 {
	padding-left: 14px;
}
#net-menu #member-menu-target .tools .translate {
	border-top: 3px solid #060606;
	display: block;
	margin-right: -10px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 3px;
}
.premium #net-menu #member-menu-target .tools .translate {
	border-color: #0a1120;
}
#net-menu #member-menu-target .tools .moderator > div {
	padding-bottom: 5px;
}
#net-menu #member-menu-target .tools .moderator > div:not(:last-child) {
	border-bottom: 3px solid #060606;
}
#net-menu #member-menu-target .tools h3 {
	color: white;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	margin-right: 5px;
	line-height: 23px;
}
#net-menu #member-menu-target .tools a {
	color: #969696;
	margin-left: 20px;
	margin-right: 10px;

	display: block;
	white-space: nowrap;
	line-height: 1.5;
}
#net-menu #member-menu-target .tools a:hover {
	text-decoration: underline;
}
#net-menu #member-menu-target .user .settings {
	margin-bottom: 10px;
}
#net-menu #member-menu-target .user .settings > div {
	display: table-cell;
	vertical-align: middle;
}
#net-menu #member-menu-target .user .settings .pic {
	width: 1px;
	padding-left: 17px;
}
#net-menu #member-menu-target .user .settings .pic img {
	width: 40px;
	height: 40px;
}
#net-menu #member-menu-target .user .settings .desc a {
	margin-left: 15px;
}
#net-menu #member-menu-target .user .content a {
	margin-left: 0;
}
#net-menu #member-menu-target .user .content a span {
	width: 37px;
	display: inline-block;
	text-align: right;
	color: #969696;
	margin-right: 5px;
}
#net-menu #member-menu-target .user .craft {
	text-align: center;

}
#net-menu #member-menu-target .user .craft a {
	background: #2e7d32;
	color: white;
	text-transform: uppercase;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 18px 0 8px;
}
#net-menu #member-menu-target .user .craft a:hover {
	text-decoration: none;
}
#login-dropdown {
	padding: 13px;
	background: #141414 none repeat scroll 0 0;
	border: 1px solid #222;
	text-align: left;
}
#login-dropdown > div {
	white-space: nowrap;
}
#login-dropdown .login-desc {
	margin-bottom: 10px;
}
#login-dropdown .login-desc > div {
	color: #dddddd;
	font-size: 14px;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: bottom;
	line-height: 1;
}
#login-dropdown .login-desc .logo {
	padding-right: 10px;
}
#login-dropdown .login-desc .logo img {
	width: 25px;
	height: 28px;
}
#login-dropdown .login-desc span {
	color: #777575;
	font-size: 10px;
	display: block;
	margin-top: 2px;
}
#login-dropdown .inputs input {
	border: 2px solid #333;
	background: #222;
	font-size: 11px;
	font-style: italic;
	margin-right: 10px;
	width: 128px;
	box-shadow: inset 0 0 1px #000;
	border-radius: 7px;
	padding: 5px 9px;
	color: #c0c0c0;
}
#login-dropdown .inputs .submit {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
#login-dropdown .inputs .submit span {
	display: block;
	font-size: 10px;
	font-family: Arial;
	color: #fbac14;
	text-align: center;
	margin-top: 4px;
	cursor: pointer;
	line-height: 1;
}
#login-dropdown .inputs .submit span:hover {
	color: white;
}
#login-dropdown .inputs .submit .btn {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px!important;
	line-height: 1!important;
	text-transform: none;
	border-radius: 5px;
	padding: 5px 14px 6px!important;
	box-shadow: inset 0 0 5px rgba(58,58,58,0.75), 3px 3px 6px rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 2px 0 rgba(0,0,0,0.75);
	border: 1px solid #828181;
	background: #848484;
}

#login-dropdown .inputs .submit .btn:hover {
	border: 1px solid #646464;
	background: #4b4b4b;
}

#login-dropdown .inputs .submit .btn:before {
	display: none;
}
#login-dropdown .remember {
	font-size: 11px;
	color: #797979;
	margin-top: -2px;
	line-height: 1;
}

#login-dropdown .prettycheckbox {
	top: 0;
	margin-top: -7px;
	margin-left: 0;
	vertical-align: top;
}
#login-dropdown .prettycheckbox a {
	height: 23px;
}
#login-dropdown .prettycheckbox a {
	background: url(/css/img/login_check_sprite.png) 0 2px no-repeat;
	width: 24px;
}
#login-dropdown .prettycheckbox a:focus{background-position: 0 2px;}
#login-dropdown .prettycheckbox a.checked{ background-position: 0 -26px; }
#login-dropdown .prettycheckbox a.checked:focus{ background-position: 0 -26px; }

#login-dropdown input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 1px #000000, 0 0 0 50px #161616 inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #c0c0c0;
}

#login-dropdown input:-webkit-autofill:focus {
	-webkit-box-shadow: inset 0 0 1px #000000, 0 0 0 50px #161616 inset;
	-webkit-text-fill-color: #c0c0c0;
}




#forum-home, #forum-topic, #forum-thead {
  background-color: #1a1a1a;
}
#forum-home table th {
  color: #4a4a4a;
  background: #16233a url(/css/gfx/forum/bg-forum-head.png) repeat-x;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  padding: 5px 10px;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #8ea9d5;
}
#forum-home table th.last {
  border-right: 1px solid #000;
}
#forum-home table .col-header {
  background: url(/css/gfx/forum/bg-thread-head.png) repeat-x;
  border: 1px solid #000;
  color: #545f76;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#forum-home table td {
  background: #121212 url(/css/gfx/forum/bg-thread-row.png) repeat-x top left;
  color: #808080;
  border: 1px solid #000;
  padding: 5px 8px;
}
#forum-home table td .ftopic-desc {
  color: #dbb74c;
  font-size: 11px;
}
#forum-home table td.last {
  border-right: 1px solid #000;
}
#forum-home table td .title {
  color: #bbb;
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
#forum-home table td.date {
  color: #505050;
  font-size: 11px;
}
#forum-home table td.date span {
  color: #808080;
}
#forum-home table td.date a {
  color: #808080;
}
#forum-home table td.count {
  color: #808080;
  font-size: 11px;
}
#forum-topic table th {
  background: url("/css/gfx/forum/bg-thread-head.png") repeat-x scroll 0 0 transparent;
  border: 1px solid #000;
  color: #545f76;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 5px 8px;
}
#forum-topic table th.first {
  border-left: none;
}
#forum-topic table .col-header {
  background-color: #636363;
  border: 1px solid #000;
  color: #f2f2f2;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#forum-topic table td {
  background: #121212 url(/css/gfx/forum/bg-thread-row.png) repeat-x top left;
  color: #808080;
  padding: 5px 8px;
  font-size: 11px;
  border: 1px solid #000;
}
#forum-topic table td.last {
  border-right: 1px solid #000;
}
#forum-topic table td.thread-desc {
  padding-right: 50px;
}
#forum-topic table td a {
  color: #dbb74c;
}
#forum-topic table td span.float-right a {
  border: 1px solid #000;
  background-color: #202020;
  color: #666;
  padding: 0 4px;
}
#forum-topic table td .commends {
  float: right;
  margin-right: -40px;
  margin-top: 4px;
  text-align: center;
  color: #b6c5d7;
  font-size: 9px;
}
#forum-topic table td .commends img {
  width: 23px;
}
#forum-topic .forum-topic-mainlink {
  font: bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #bbb;
}
.forum-topic-header {
  font-size: 11px;
  color: #ddd;
}
.forum-topic-header span.float-right {
  text-align: right;
  color: #ddd;
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
.forum-topic-white {
  color: #fff;
}
.forum-topic-bot {
  color: #7f7f7f;
}
.forum-topic-admin {
  color: #f00;
}
.forum-topic-mod {
  color: #0f0;
}
.thead-header {
  font: bold 18px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  padding-top: 4px;
  font-weight: normal;
}
.thead-header span {
  font-size: 10px;
}
.forum-crumb {
  background: url(/css/gfx/forum/bg-forum-head.png) repeat-x;
  padding: 3px 8px;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #8ea9d5;
}
.forum-crumb a {
  color: #ddd;
}
.forum-page-nav {
  margin: 0 auto;
  width: auto !important;
}
.forum-page-nav td {
  border-top: 1px solid #27292c;
  border-bottom: 1px solid #27292c;
  background: #151515 url(/css/gfx/page-nav_sep.png) no-repeat right top;
  padding: 0 1px 0 0 !important;
}
.forum-page-nav a {
  display: block;
  padding: 4px 12px;
  color: #c1c1c1 !important;
}
.forum-page-nav .first a:hover, .forum-page-nav .last a:hover {
  background: none;
}
.forum-page-nav .first, .forum-page-nav .last {
  border-top: none;
  border-bottom: none;
  padding: 0 !important;
  background: none;
}
.forum-page-nav .first a, .forum-page-nav .last a {
  border-top: none;
  border-bottom: none;
  padding: 0;
}
.forum-page-nav img {
  background: none;
}
.forum-page-nav-dark td {
  border: none;
  background: #eaeaea url(/css/gfx/page-nav-dark_sep.png) no-repeat right top;
}
.forum-page-nav-dark a {
  color: #929494;
}
.forum-page-nav-dark a:hover, .forum-page-nav-dark a.selected {
  background-color: #303030;
  text-decoration: none;
  color: #fff !important;
}
.thead-container {
  background-color: #1a1a1a;
}
.thead-container table, .thead-container div.comment-sig table.bbcode_columns {
  width: 100%;
}
.thead-container .anchor {
  position: relative;
  top: -40px;
  display: block;
}
.thead-container .thead-left {
  padding-right: 1px;
}
.thead-container .thead-top {
  background: #1a2435 url(/css/gfx/forum/bg-thread-head.png) repeat-x;
  color: #808080;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 5px 10px;
  border: 1px solid #000;
  border-left: #000 solid 0px;
  margin-bottom: 1px;
}
.thead-container .thead-top a {
  color: #0080c0;
}
.thead-container .thead-top strong {
  color: #ef0010;
}
.thead-container .thead-mid {
  color: #c0c0c0;
  padding: 10px 0 0 10px;
  background: #121212 url(/css/gfx/forum/bg-thread-row.png) repeat-x top left;
  min-height: 122px;
  height: auto !important;
  border: 1px solid #000;
  border-left: 0px solid #000;
}
.thead-container .thead-mid .signature {
  border-top: 1px solid #222;
  background-color: #0e0e0e;
  padding: 5px;
  margin: 0 10px 10px 0;
  color: #666;
  max-height: 250px;
  overflow: hidden;
  position: relative;
}
.thead-container .thead-mid .signature img {
  max-width: 916px;
}
.thead-container .thead-mid .forum-comment {
  min-height: 182px;
  height: auto !important;
  padding: 20px;
  width: 886px;
  /* Mozilla */
  white-space: -moz-pre-wrap !important;
  /* Opera 4-6 */
  white-space: -pre-wrap;
  /* Opera 7 */
  white-space: -o-pre-wrap;
  /* IE 5.5+ */
  word-wrap: break-word;
}
.thead-container .thead-mid .forum-comment ol {
  margin-left: 30px;
}
.thead-container .thead-mid .forum-comment ol li {
  padding-top: 10px;
}
.thead-container .thead-mid .forum-comment ul {
  padding-left: 25px;
  margin-left: 15px;
  list-style: outside !important;
}
.thead-container .thead-mid .forum-comment ul li {
  margin: 5px 0;
}
.thead-container .thead-bottom {
  background: #1a2435 url(/css/gfx/forum/bg-thread-head.png) repeat-x;
  margin-top: 1px;
  padding: 5px 10px;
  border: 1px solid #000;
  border-left: #000 solid 0px;
  color: #808080;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.thead-container .thead-bottom a {
  color: #0080c0;
}
.thead-container .thead-right {
  width: 149px;
  background-color: #0e1621;
  text-align: center;
  vertical-align: top;
  color: #c0c0c0;
  font-size: 11px;
  padding: 4px;
  border: 1px solid #000;
  border-right: 0px solid #000;
}
.thead-container .thead-right .ava-wrap {
  width: 60px;
  height: 60px;
  border: 1px solid #162434;
  margin-bottom: 5px;
  padding: 2px;
  display: inline-block;
}
.thead-container .thead-right .ava-wrap img {
  background: #0e1621;
}
.thead-container .thead-right .ava-wrap img.ava {
  width: 60px;
  height: 60px;
  background: #070d15;
}
.thead-container .thead-right span {
  color: #808080;
}
.thead-container .thead-right a {
  color: #0080c0;
  font-weight: bold;
}
.thead-container .thead-right .thead-grad {
  background: url(/css/gfx/forum/thead-grad.png) repeat-x top right;
  padding: 10px 2px 0 2px;
  width: inherit;
  word-wrap: break-word;
}
.thead-container .thead-right .elo-badge img {
  margin-bottom: none !important;
  height: 15px;
  border: none;
}
.thead-container .sep {
  background-color: #121212;
  height: 6px;
}
.thead-grad .thead-info-tbl {
  width: 100%;
}
.thead-grad .thead-info-tbl td {
  background-color: #040b13;
  text-align: left;
  padding: 2px 3px;
  font-size: 10px;
  color: #879cb8;
}
.thead-container .thead-right .user-achievs, .comment-content .comment-avatar .user-achievs {
  text-align: center;
  padding-top: 3px;
  margin-bottom: 5px;
}
.thead-container .thead-right .user-achievs img, .comment-content .comment-avatar .user-achievs img {
  border: none;
  height: 37px;
}
.thead-info-tbl .thead-tbl-label {
  color: #4e7084 !important;
}
.thead-comment h2 {
  background: #1a2435 url(/css/gfx/forum/bg-thread-head.png) repeat-x;
  margin-top: 1px;
  padding: 5px 10px;
  border: 1px solid #000;
  border-left: #000 solid 0px;
  color: #545f76;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.thead-comment .form-comments {
  height: 230px;
  margin: 0 0 5px;
  width: 784px;
  color: #c1c1c1;
  background: url("/css/gfx/forum/bg-thread-row.png") repeat-x left top #121212;
  border: 0px solid #000;
  padding: 10px;
  resize: vertical;
}
.thead-comment .form-title {
  margin: 0 0 2px;
  width: 1090px;
  color: #c1c1c1;
  background-color: #282929;
  border: 0px solid #000;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
}
.f-search {
  width: 200px;
  height: 24px;
  background-color: #151515;
  border: solid 1px #2b3c4b;
  color: #c0c0c0;
  margin-right: 5px;
  padding: 0 4px;
}
.p-box {
  background: #252525;
  padding: 15px;
  border-bottom: 1px solid #000;
}
#poll .question, #results .question {
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}
#poll .p-box2, #results .p-box2 {
  background: #2e3f4b;
  padding: 15px;
  border: #000 1px solid;
}
#poll .choices, #results .choices {
  margin-left: 15px;
  width: none;
}
#poll .choices td, #results .choices td {
  padding: 3px;
  font-size: 12px;
  color: #c8c8c8;
}
#poll .choices .p-radio, #results .choices .p-radio {
  width: 15px;
}
#poll .choices .p-vote, #results .choices .p-vote {
  width: 15px;
  color: #666;
}
#poll .choices .p-options, #results .choices .p-options {
  width: 200px;
  background: #202020;
  padding: 2px;
  overflow: hidden;
  line-height: 1.9em;
  font-size: 10px;
  color: #666;
}
#poll .choices .p-option1, #results .choices .p-option1, #poll .choices .p-option2, #results .choices .p-option2, #poll .choices .p-option3, #results .choices .p-option3, #poll .choices .p-option4, #results .choices .p-option4 {
  height: 20px;
  overflow: hidden;
  font-size: 10px;
  text-align: right;
}
#poll .choices .p-option1, #results .choices .p-option1 {
  background: #8f1918 url("/images/forum/poll1.png") repeat-x;
  border: 1px solid #751c1b;
  border-bottom-color: #aa1816;
  border-right-color: #aa1816;
  color: #350010;
}
#poll .choices .p-option2, #results .choices .p-option2 {
  background: #8d1988 url("/images/forum/poll2.png") repeat-x;
  border: 1px solid #92188d;
  border-bottom-color: #aa15a4;
  border-right-color: #aa15a4;
  color: #303;
}
#poll .choices .p-option3, #results .choices .p-option3 {
  background: #195b8b url("/images/forum/poll3.png") repeat-x;
  border: 1px solid #1b5175;
  border-bottom-color: #166bab;
  border-right-color: #166bab;
  color: #003;
}
#poll .choices .p-option4, #results .choices .p-option4 {
  background: #8d1988 url("/images/forum/poll4.png") repeat-x;
  border: 1px solid #188f33;
  border-bottom-color: #16aa36;
  border-right-color: #16aa36;
  color: #030;
}
#poll .choices .p-score, #results .choices .p-score {
  width: 25px;
  font-size: 11px;
  color: #777;
  text-align: right;
  background: none;
}
.f-link {
  color: #bbb !important;
}
.ava-wrap.prime1, .ava-wrap.prime2, .ava-wrap.prime3 {
  border: none !important;
  padding: 3px !important;
  background: linear-gradient(to top, #422100 1%, #5e2b04 8%, #a15104 19%, #c87005 35%, #ca7206 36%, #9d3a0e 47%, #fdbe34 58%, #fee485 66%, #fedb6d 76%, #fdbc31 87%, #ee9b15 98%);
  box-shadow: 0 0 11px 0px #fe9a04;
}
.ava-wrap.prime1:before, .ava-wrap.prime2:before, .ava-wrap.prime3:before {
  pointer-events: none;
}
.ava-wrap.prime1:after, .ava-wrap.prime2:after, .ava-wrap.prime3:after {
  pointer-events: none;
}
.ava-wrap.prime2, .ava-wrap.prime3 {
  margin-bottom: 30px !important;
  position: relative;
}
.ava-wrap.prime2:after, .ava-wrap.prime3:after, .ava-wrap.prime3:before {
  position: absolute;
  left: -22px;
  bottom: -34px;
  pointer-events: none;
}
.ava-wrap.prime2:after, .ava-wrap.prime3:after {
  content: url(/images/prime/lvl2.png);
}
.ava-wrap.prime3:before {
  content: url(/images/prime/lvl3.png);
}
.signature {
  position: relative;
}
.signature .close-popup {
  position: absolute;
  right: 0;
  top: 0;
  border: 2px solid #172a47;
  border-radius: 3px;
  background: #0e1621;
  padding: 9px 29px 9px 20px;
  color: #adadad;
  line-height: 18px;
}
.signature .close-popup .prettycheckbox {
  margin-bottom: -2px;
  margin-left: 6px;
}
.signature .close, #edit-profile .close {
  float: right;
  color: #adadad;
  line-height: 1;
  border: 1px solid #1f2e42;
  background: #0e1621;
  height: 10px;
  width: 10px;
  font-size: 10px;
  cursor: pointer;
  text-align: center;
  position: relative;
  z-index: 10;
}
#edit-profile .close {
  float: none;
  display: inline-block;
}
.forum-comment .bbcode_quote {
  background-color: #0e1621;
  padding: 15px;
  margin: 15px;
  border: dashed 1px #000;
  font-family: "Courier New", Courier, monospace;
}
#tournament .comment-text {
  width: 712px;
}
.comment-text .bbcode_quote, .msg .bbcode_quote {
  width: 80%;
  padding: 15px;
  margin: auto;
  border: dashed 1px #000;
}
.comment-text .bbcode_quote {
  background-color: #303030;
}
.comment-text .bbcode_code {
  width: 80%;
  background-color: #e1e1e1;
  padding: 15px;
  margin: auto;
  border: dashed 1px #000;
  overflow: auto;
  font-family: "Courier New", Courier, monospace;
  color: #000;
}
.mf-forum {
  margin-bottom: 40px;
}
.mf-forum select {
  color: #f3f3f3;
}
.mf-forum a {
  color: #97bbff;
}
.mf-forum a:hover {
  color: #f3f3f3;
}
.mf-forum__breadcrumbs {
  margin-top: 20px;
  display: block;
  color: #8498b8;
}
.mf-forum__breadcrumbs .forum-topic-white {
  color: #f3f3f3;
}
.mf-forum__breadcrumbs a {
  background: #193358;
  color: #f3f3f3;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
  padding: 0px 5px 0px 16px;
  position: relative;
  transition: 250ms;
  position: relative;
}
.mf-forum__breadcrumbs a:nth-of-type(1) {
  z-index: 10;
  padding-left: 8px;
}
.mf-forum__breadcrumbs a:nth-of-type(1)::before {
  content: none;
}
.mf-forum__breadcrumbs a:nth-of-type(2) {
  z-index: 9;
}
.mf-forum__breadcrumbs a:nth-of-type(3) {
  z-index: 8;
}
.mf-forum__breadcrumbs a::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #193358;
  transition: 250ms;
}
.mf-forum__breadcrumbs a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #091120;
}
.mf-forum__breadcrumbs a:hover {
  background: #275495;
}
.mf-forum__breadcrumbs a:hover::after {
  border-color: transparent transparent transparent #275495;
}
.mf-forum__breadcrumbs a.current {
  cursor: default;
  background: #275495;
}
.mf-forum__breadcrumbs a.current::after {
  border-color: transparent transparent transparent #275595;
}
.mf-forum__breadcrumbs .float-right {
  margin-top: 4px;
}
.mf-forum .row {
  margin: 2px 0;
  background: #1a283f;
  font-size: 0;
}
.mf-forum .row--legend {
  margin-top: 10px;
}
.mf-forum .row--legend + .row--header {
  margin-top: 3px;
}
.mf-forum .row--legend span {
  height: 30px !important;
  line-height: 30px !important;
  font-size: 12px !important;
  color: #8498b8;
}
.mf-forum .row--legend span:nth-of-type(1) {
  width: 690px;
  padding-left: 10px;
}
.mf-forum .row--legend span:nth-of-type(2) {
  width: 260px;
  padding-left: 10px;
}
.mf-forum .row--legend span:nth-of-type(3) {
  width: 80px;
  text-align: center;
}
.mf-forum .row--legend span:nth-of-type(4) {
  width: 80px;
  text-align: center;
}
.mf-forum .row > span {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  box-sizing: border-box;
}
.mf-forum .row--header {
  background: #2c3d5d;
  color: #b4b8c0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0px 10px;
  margin-top: 5px;
}
.mf-forum .row--header > span {
  height: 25px;
  line-height: 25px;
  font-size: 11px;
}
.mf-forum__status {
  width: 40px;
  text-align: center;
  position: relative;
}
.mf-forum__status img {
  transform: scale(0.5) translate(-50%, -50%);
  transform-origin: top left;
  position: absolute;
  top: 50%;
  left: 50%;
  backface-visibility: hidden;
}
.mf-forum__name, .mf-forum__recent {
  line-height: 17px !important;
  padding: 4px 10px 0;
}
.mf-forum__name {
  width: 650px;
  font-size: 12px !important;
  color: #8498b8;
}
.mf-forum__name > a {
  display: block;
  font-size: 14px;
  color: #f3f3f3;
}
.mf-forum__name > a span {
  font-size: 12px;
  color: #8498b8;
}
.mf-forum__recent {
  width: 260px;
  font-size: 11px !important;
  color: #8498b8;
  padding-top: 4px;
}
.mf-forum__recent a:first-of-type {
  display: block;
  color: #b4b8c0;
}
.mf-forum__posts, .mf-forum__comments {
  width: 80px;
  text-align: center;
  font-size: 11px;
  color: #8498b8;
}
.mf-forum__recent, .mf-forum__comments {
  background: #233148;
}
body .mf-discussion #poll .choices .p-options, body .mf-discussion #results .choices .p-options {
  background: rgba(0, 0, 0, 0.25);
  margin-right: 10px;
  display: inline-block;
}
body .mf-discussion #poll .choices .p-score, body .mf-discussion #results .choices .p-score {
  color: white;
  font-size: 13px;
}
body .mf-discussion #poll .p-option1, body .mf-discussion #results .p-option1, body .mf-discussion #poll .p-option2, body .mf-discussion #results .p-option2, body .mf-discussion #poll .p-option3, body .mf-discussion #results .p-option3, body .mf-discussion #poll .p-option4, body .mf-discussion #results .p-option4 {
  background: #275495;
  border: none;
  color: white;
  box-sizing: border-box;
  padding-right: 5px;
}
body .mf-discussion #poll .p-option1 ._mouseover-show, body .mf-discussion #results .p-option1 ._mouseover-show, body .mf-discussion #poll .p-option2 ._mouseover-show, body .mf-discussion #results .p-option2 ._mouseover-show, body .mf-discussion #poll .p-option3 ._mouseover-show, body .mf-discussion #results .p-option3 ._mouseover-show, body .mf-discussion #poll .p-option4 ._mouseover-show, body .mf-discussion #results .p-option4 ._mouseover-show {
  font-size: 11px;
}
body .mf-discussion__poll {
  margin: 10px 0;
  padding: 15px;
  background: #152034;
}
body .mf-discussion__poll__question {
  color: white;
  font-size: 16px;
  margin-bottom: 10px;
}
body .mf-discussion__poll__buttons {
  margin-top: 10px;
}
body .mf-discussion__poll form {
  padding: 0 15px;
}
body .mf-discussion__poll form label {
  display: block;
  padding: 3px 0;
  font-size: 13px;
  color: #8498b8;
  cursor: pointer;
}
body .mf-discussion__poll form label input[type="radio"] {
  display: none;
}
body .mf-discussion__poll form label input[type="radio"] + span {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  border: 3px solid #275495;
  border-radius: 3px;
  margin-right: 10px;
}
body .mf-discussion__poll form label input[type="radio"]:checked + span {
  background: #275495 url(/images/check-white.png);
  background-repeat: no-repeat;
  background-position: center center;
}
body .mf-discussion__poll form label:hover {
  color: white;
}
body .mf-discussion__header__left {
  float: left;
  width: 50%;
}
body .mf-discussion__header__left img {
  width: 63px;
  border: 1px solid #293957;
  float: left;
  margin-right: 15px;
}
body .mf-discussion__header__left h1 {
  text-transform: none;
  font-size: 18px;
}
body .mf-discussion__header__left span {
  display: block;
  color: #b4b8c0;
  font-size: 12px;
}
body .mf-discussion__header__right {
  float: right;
  width: 50%;
  text-align: right;
  color: #b4b8c0;
}
body .mf-discussion__header__right .flat-btn {
  margin-bottom: 10px;
}
body .mf-discussion__header__right a {
  color: #75adff;
}
body .mf-discussion__header__modControls {
  float: left;
  width: 100%;
  margin-top: 10px;
}
body .mf-discussion__header__modControls .move-to {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
}
body .mf-discussion__header__modControls .move-to span {
  color: #b4b8c0;
  font-size: 10px;
  display: block;
}
body .mf-discussion__thread {
  margin: 10px 0;
  float: left;
  width: 100%;
}
body .mf-discussion__thread__comment {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}
body .mf-discussion__thread__comment__meta {
  overflow: hidden;
  width: 162px;
  margin-right: 2px;
  background: #152034;
  float: left;
  padding: 6px;
  box-sizing: border-box;
}
body .mf-discussion__thread__comment__meta__top {
  background: #0b1727;
  padding: 5px 0 10px 0;
}
body .mf-discussion__thread__comment__meta__bottom {
  font-size: 10px;
  color: #8498b8;
}
body .mf-discussion__thread__comment__meta__bottom .meta-row {
  padding: 5px 10px;
  border-bottom: 3px solid #0b1727;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
body .mf-discussion__thread__comment__meta__bottom .meta-row__left {
  width: 40px;
  float: left;
}
body .mf-discussion__thread__comment__meta__bottom .meta-row__right {
  float: left;
  width: 90px;
}
body .mf-discussion__thread__comment__meta__buttons {
  float: left;
  width: 100%;
  font-size: 0;
  text-align: center;
}
body .mf-discussion__thread__comment__meta__buttons a {
  font-size: 11px;
  color: #f3f3f3;
  text-transform: uppercase;
  background: #2c3d5d;
  padding: 7px 14px;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  transition: 250ms;
}
body .mf-discussion__thread__comment__meta__buttons a:hover {
  background: #3c5480;
}
body .mf-discussion__thread__comment__meta__buttons a + a {
  background: #475976;
}
body .mf-discussion__thread__comment__meta__buttons a + a:hover {
  background: #5a7196;
}
body .mf-discussion__thread__comment__meta .name {
  text-align: center;
  font-size: 11px;
  color: #f3f3f3;
}
body .mf-discussion__thread__comment__meta .name a {
  font-size: 13px;
}
body .mf-discussion__thread__comment__meta .ava-wrap {
  display: block;
  margin: 5px auto 10px;
  width: 109px;
  text-align: center;
  position: relative;
}
body .mf-discussion__thread__comment__meta .ava-wrap .ava {
  width: 100%;
  background: #0b1727;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats {
  background: #191d26;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 14px;
  border-bottom: 2px solid;
  border-left: 18px solid;
  box-sizing: border-box;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 0 13px;
  border-color: transparent transparent transparent #007bff;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats::after {
  content: attr(level);
  position: absolute;
  top: 6px;
  left: -14px;
  color: white;
  font-size: 10px;
  line-height: 0;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats a {
  position: absolute;
  top: 1px;
  right: 3px;
  color: #35c5ce;
  font-size: 10px;
  line-height: 0;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats a img {
  display: inline-block;
  vertical-align: baseline;
  transform: scaleX(-1);
  width: 10px;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Bronze {
  border-color: #825d42;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Bronze::before {
  border-color: transparent transparent transparent #825d42;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Silver {
  border-color: #88929d;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Silver::before {
  border-color: transparent transparent transparent #88929d;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Gold {
  border-color: #e1d05e;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Gold::before {
  border-color: transparent transparent transparent #e1d05e;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Diamond {
  border-color: #845ee1;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Diamond::before {
  border-color: transparent transparent transparent #845ee1;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Platinum {
  border-color: #22d1ae;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Platinum::before {
  border-color: transparent transparent transparent #22d1ae;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Master {
  border-color: #5ebfe1;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Master::before {
  border-color: transparent transparent transparent #5ebfe1;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Challenger {
  border-color: #be9f5f;
}
body .mf-discussion__thread__comment__meta .ava-wrap__stats.Challenger::before {
  border-color: transparent transparent transparent #be9f5f;
}
body .mf-discussion__thread__comment__meta .awards-showcase {
  background: #091120;
}
body .mf-discussion__thread__comment__meta .awards-showcase .awards {
  text-align: center;
}
body .mf-discussion__thread__comment__meta .awards-showcase .awards img {
  height: 32px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
body .mf-discussion__thread__comment__meta .awards-showcase .show-awards {
  border-top: 0;
  margin: 0;
  display: none;
}
body .mf-discussion__thread__comment__main {
  width: 945px;
  float: left;
}
body .mf-discussion__thread__comment__main__topBar {
  padding: 6px 10px;
  background: #152034;
  color: #f3f3f3;
}
body .mf-discussion__thread__comment__main__topBar a {
  color: #75adff;
}
body .mf-discussion__thread__comment__main__topBar a.commend {
  color: #ffaa23;
}
body .mf-discussion__thread__comment__main__content {
  padding: 5px 13px;
}
body .mf-discussion__thread__comment__main__content .forum-comment {
  font-size: 13px;
  line-height: 1.4;
  color: #b4b8c0;
}
body .mf-discussion__thread__comment__main__content .forum-comment ol {
  margin-left: 30px;
}
body .mf-discussion__thread__comment__main__content .forum-comment ol li {
  padding-top: 10px;
}
body .mf-discussion__thread__comment__main__content .forum-comment ul {
  padding-left: 25px;
  margin-left: 15px;
  list-style: outside !important;
}
body .mf-discussion__thread__comment__main__content .forum-comment ul li {
  margin: 5px 0;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_quote_head {
  margin-bottom: 4px;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_quote_body, body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_quote_body * {
  font-family: 'Times New Roman', Times, sans-serif;
  font-size: 14px;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_spoiler_head div {
  background: #152034;
  font: 13px/34px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  padding: 0 10px 2px 10px;
  color: #b4b8c0;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_spoiler_head div img {
  display: none;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_spoiler_head div::before {
  content: "+";
  color: #75adff;
  font-size: 18px;
  margin-right: 7px;
  font-weight: 700;
  position: relative;
  top: 2px;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_spoiler_head div.open::before {
  content: '-';
  top: 0;
  margin-right: 11px;
}
body .mf-discussion__thread__comment__main__content .forum-comment .bbcode_spoiler_body {
  background: #152034;
  color: #b4b8c0;
}
body .mf-discussion__thread__comment__main__bottomBar {
  padding: 5px 13px;
  background: #152034;
  margin-top: 5px;
}
body .mf-discussion__thread__comment__main__bottomBar a {
  color: #75adff;
}
body .mf-discussion__thread__comment__main .signature {
  background: #060c18;
  padding: 10px;
  max-height: 150px;
  overflow: hidden;
}
body .mf-discussion__thread__comment__main .signature img {
  max-height: 140px;
}




.recipe-container {
  margin: 0 0 20px 20px;
}
.recipe-pad {
  padding: 0px 5px;
  vertical-align: top;
}
.recipe-pad2 {
  padding: 0px 1px;
  vertical-align: top;
}
.recipe1 img {
  width: 50px;
  height: 50px;
  border: 1px solid #4a4a4a;
  padding: 1px;
}
.recipe2 img {
  width: 30px;
  height: 30px;
  border: 1px solid #4a4a4a;
  padding: 1px;
}
.recipe3 img {
  width: 15px;
  height: 15px;
  border: 1px solid #4a4a4a;
  padding: 1px;
}
.recipe-bar2 {
  background: url(https://www.mobafire.com/css/gfx/recipe-bar2.png) no-repeat center bottom;
  padding-bottom: 4px;
}
.recipe-bar .bar1 {
  background: url(https://www.mobafire.com/css/gfx/recipe-bar1.png) no-repeat left top;
  height: 5px;
  width: 50%;
  float: right;
}
.recipe-bar .bar2 {
  background: url(https://www.mobafire.com/css/gfx/recipe-bar1.png) no-repeat center top;
  height: 5px;
}
.recipe-bar .bar3 {
  background: url(https://www.mobafire.com/css/gfx/recipe-bar1.png) no-repeat right top;
  height: 5px;
  width: 50%;
  float: left;
}
.recipe-bar .bar4 {
  background: url(https://www.mobafire.com/css/gfx/recipe-bar2.png) no-repeat center top;
  height: 5px;
}
#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #3060a5;
  background: #172a47;
  padding: 7px;
  color: #c0c0c0;
  line-height: 1.5;
}
#tooltip div {
  margin: 0;
}
#tooltip h3 {
  color: #dbb74c;
  font: 16px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}
#tooltip label {
  display: block;
}
#tooltip label span {
  color: #0f0;
  float: right;
  width: 150px;
}
#tooltip .tt-image {
  display: table-cell;
  vertical-align: middle;
}
#tooltip .tt-info {
  color: #c0c0c0;
  background: #040c17;
  padding: 7px;
  font-size: 12px;
}
#tooltip .tt-side {
  vertical-align: top;
  border-right: 7px solid #172a47;
  padding: 7px;
  display: table-cell;
  background: #040c17;
}
#tooltip .tt-side img {
  margin: 0;
  border: 2px solid #1a2235;
}
#tooltip .tt-side + .tt-info {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
#tooltip .tt-desc {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
}
#tooltip .tt-head {
  color: #4b6b86;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.3em;
  text-transform: uppercase;
  font-size: 9px;
}
#tooltip .tt-head span {
  color: #adadad;
}
#tooltip .tt-head.wrap {
  background: none repeat scroll 0 0 #040c17;
  margin-bottom: 7px;
  padding: 7px;
}
#tooltip .tt-head.wrap img {
  margin-right: 10px;
  border: 2px solid #1a2235;
}
#tooltip .tt-name {
  color: #fff !important;
  display: inline-block;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px !important;
  line-height: 1;
  margin-bottom: 5px;
  text-transform: none;
  font-weight: normal;
}
#tooltip .ttip-general {
  max-width: 400px;
}
#tooltip .ttip-champion {
  width: 464px;
}
#tooltip .ttip-champion .champ-head {
  text-transform: none !important;
  font-size: 12px !important;
}
#tooltip .ttip-champion .champ-image img {
  width: 112px;
  height: 206px;
  margin-right: 7px;
}
#tooltip .ttip-champion .champ-info {
  background: #040c17;
  width: 310px;
  padding: 10px 7px 0 10px !important;
}
#tooltip .ttip-champion table {
  width: 100%;
  color: #c1c1c1;
  font-size: 11px;
  margin: 8px 0;
}
#tooltip .ttip-champion .grey-bg1 td {
  background: #151515;
  padding-left: 5px;
}
#tooltip .ttip-champion .grey-bg2 td {
  background: #101010;
  padding-left: 5px;
}
#tooltip .ttip-champion .champ-buy {
  color: #4b6b86;
  margin: 8px 0 10px;
}
#tooltip .ttip-champion .champ-buy span {
  color: #adadad;
  margin-right: 15px;
}
#tooltip .ttip-champion .champ-buy span:last-of-type {
  margin-right: 19px;
}
#tooltip .ttip-champion .champ-buy img {
  vertical-align: middle;
  width: 23px;
  margin-right: 3px;
}
#tooltip .ttip-champion .champ-data .stats {
  display: block;
  margin-left: -5px;
  margin-bottom: 3px;
}
#tooltip .ttip-champion .champ-data .stats > div {
  width: 315px;
  background: none;
  padding: 4px 0;
}
#tooltip .ttip-champion .champ-data .title {
  font-size: 11px;
}
#tooltip .ttip-skill {
  width: 426px;
}
#tooltip .ttip-skill .skill-image img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border: 2px solid #1a2235;
}
#tooltip .ttip-skill .skill-info {
  background: #040c17;
  width: auto;
  padding: 10px;
  font-size: 12px;
}
#tooltip .ttip-skill .skill-head {
  font-size: 12px;
  color: #4b6b86;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  background: #040c17;
  margin-bottom: 7px;
  padding: 7px;
}
#tooltip .ttip-skill .ap {
  color: #bfb;
}
#tooltip .ttip-skill .ad {
  color: #fc8a01;
}
#tooltip .ttip-build {
  width: 425px;
}
#tooltip .ttip-build .build-head {
  font-size: 10px;
  color: #808080;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3em;
}
#tooltip .ttip-build .build-head span {
  font-size: 14px;
  color: #fff;
}
#tooltip .ttip-build .build-image img {
  width: 64px;
  height: 64px;
  margin-right: 10px;
}
#tooltip .ttip-build .build-image.tt-image img {
  width: 73px;
  height: 73px;
}
#tooltip .ttip-build .build-image2 img {
  width: 64px;
  height: 64px;
  padding: 7px;
}
#tooltip .ttip-build .build-info {
  background: url(https://www.mobafire.com/css/gfx/ttip-champ-bg.png) repeat-x top;
  width: 300px;
  padding: 10px;
  font-size: 11px;
}
#tooltip .ttip-build .build-info2 {
  background: #040c17;
  width: 375px;
  padding: 10px;
  font-size: 11px;
}
#tooltip .ttip-build .tt-desc {
  height: 77px;
}
#tooltip .ttip-build .team {
  font-size: 0;
  margin-top: 5px;
}
#tooltip .ttip-build .team img {
  width: 24px;
  height: 24px;
  margin-right: 3px;
  border: 1px solid #141f32;
}
#tooltip .ttip-build .team span {
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 27px;
  display: inline-block;
  margin: 0 8px 0 4px;
  color: #4b6b86;
}
#tooltip .ttip-build table {
  width: 100%;
  color: #c1c1c1;
  font-size: 11px;
  margin: 8px 0;
}
#tooltip .ttip-build .grey-bg1 td {
  background: #151515;
  padding-left: 5px;
}
#tooltip .ttip-build .grey-bg2 td {
  background: #101010;
  padding-left: 5px;
}
#tooltip .ttip-build .build-buy {
  color: #808080;
}
#tooltip .skin-head {
  padding: 10px 0;
  text-align: center;
}
#tooltip .ttip-item {
  width: 500px;
}
#tooltip .ttip-item .item-head {
  font-size: 10px;
  color: #4b6b86;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3em;
}
#tooltip .ttip-item .item-head .item-name {
  font-size: 14px;
  color: #fff;
}
#tooltip .ttip-item .item-image img, #tooltip .ttip-item .skill-image img {
  width: 64px;
  height: 64px;
  margin-right: 10px;
  border: 2px solid #000;
}
#tooltip .ttip-item .item-info {
  width: 401px;
}
#tooltip .ttip-item .skill-info {
  background: #040c17;
  width: 270px;
  padding: 10px;
  font-size: 12px;
}
#tooltip .ttip-item .item-recipe .recipe-image {
  width: 48px;
  height: 48px;
  margin: 0 17px;
  border: 1px solid #202020;
  padding: 2px;
}
#tooltip .ttip-league {
  width: 376px;
}
#tooltip .ttip-league .l-sub {
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
  line-height: 0.7em;
  padding-top: 5px;
}
#tooltip .ttip-league .ttip-inner {
  background: url(https://www.mobafire.com/css/gfx/ttip-item-bg.png) repeat-x top;
  padding: 10px;
}
#tooltip .ttip-league .tourny-info {
  color: #627a91;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
}
#tooltip .ttip-rune {
  width: 414px;
}
#tooltip .ttip-rune .rune-image img {
  width: 59px;
  border: none;
}
#tooltip .ttip-rune .rune-info {
  background: #040c17;
  width: 342px;
  padding: 10px;
  font-size: 12px;
}
#tooltip .ttip-spell {
  width: 341px;
}
#tooltip .ttip-spell .spell-image img {
  width: 64px;
  height: 64px;
  margin-right: 10px;
  background: #000;
  border: 2px solid #000;
  padding: 2px;
}
#tooltip .ttip-spell .spell-info {
  background: #040c17;
  width: 245px;
  padding: 10px;
  font-size: 12px;
}
#tooltip .ttip-spell .spell-head .spell-name {
  font-size: 14px;
  color: #fff;
}
#tooltip .ttip-spell .spell-image .tt-head {
  text-align: center;
  display: block;
  margin-top: 2px;
}
#tooltip .ttip-user-achiev {
  width: 250px;
  font-size: 10px;
  color: white;
  line-height: 1.4;
}
#tooltip .ttip-user-achiev h3 {
  color: #dbb74c;
  font-size: 12px;
  font-weight: normal;
  margin: 3px 0 5px;
}
#tooltip .ttip-user-achiev span {
  color: #808080;
}
#tooltip .ttip-user-achiev img {
  padding: 0 0 3px 3px;
}
#tooltip .ttip-user-achiev .desc {
  margin-bottom: 5px;
}
#tooltip .ttip-user {
  width: 346px;
}
#tooltip .ttip-user .item-head .item-name {
  font-size: 14px;
  color: #fff;
}
#tooltip .ttip-user .user-title {
  display: inline-block;
  margin: 3px 0;
}
#tooltip .ttip-user .user-image img {
  width: 90px;
  height: 90px;
}
#tooltip .ttip-user .item-image img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border: 2px solid #040c17;
}
#tooltip .ttip-user .item-info {
  background: #040c17;
  width: 210px;
  padding: 10px;
  font-size: 12px;
}
#tooltip .ttip-user .item-recipe .recipe-image {
  width: 48px;
  height: 48px;
  margin: 0 17px;
  border: 1px solid #202020;
  padding: 2px;
}
#tooltip .ttip-user .tt-info {
  padding: 10px !important;
}
#tooltip .ttip-forum-thread {
  width: 376px;
}
#tooltip .ttip-forum-thread img {
  max-width: 356px !important;
  height: auto !important;
}
#tooltip .ttip-forum-thread .item-image img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border: 2px solid #1a2235;
}
#tooltip .ttip-forum-thread .item-info {
  background: #040c17;
  padding: 7px;
  font-size: 12px;
  margin-bottom: 7px;
}
#tooltip .ttip-forum-thread .item-desc {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  padding: 10px;
  width: 356px;
  background: #040c17;
}
#tooltip .ttip-forum-thread .item-head .item-name {
  font-size: 14px;
  color: #fff;
}
#tooltip .ttip-forum-thread .item-recipe .recipe-image {
  width: 48px;
  height: 48px;
  margin: 0 17px;
  border: 1px solid #202020;
  padding: 2px;
}
#tooltip .ttip-mastery .mastery-image {
  font-size: 0;
  white-space: nowrap;
  position: relative;
}
#tooltip .ttip-mastery .mastery-image .tree-wrap {
  position: relative;
}
#tooltip .ttip-mastery .mastery-image img {
  width: 44px;
  height: 44px;
}
#tooltip .ttip-mastery .mastery-image img:not(.tree):not(:only-child) {
  margin-bottom: 3px;
}
#tooltip .ttip-mastery .mastery-image .tree {
  max-width: 28px;
  max-height: 32px;
  height: auto;
  width: auto;
  bottom: -4px;
  right: -5px;
  border: none;
  position: absolute;
}
#tooltip .ttip-tournament {
  width: 425px;
}
#tooltip .ttip-tournament .tt-desc {
  display: table-cell;
  vertical-align: middle;
  height: 65px;
}
#tooltip .ttip-tournament .date {
  margin: 3px 0;
}
#tooltip .ttip-tournament .tourny-image img {
  height: 65px;
  border: none;
}
#tooltip .ttip-tournament .tourny-info h2 {
  font-size: 14px;
  color: white;
  font-weight: normal;
}
#tooltip .ttip-tournament .tourny-info .desc {
  font-size: 11px;
  color: #4b6b86;
  margin-bottom: 10px;
}
#tooltip .ttip-tournament .tourny-info .sponsors {
  text-align: center;
}
#tooltip .ttip-tournament .tourny-info .sponsors img {
  max-height: 50px;
  margin: 5px;
}
#tooltip .ttip-tournament .tourny-info .sponsors a:not(:last-child) {
  margin-right: 5px;
}
#tooltip .ttip-info, #tooltip .inner {
  background: #040c17;
  padding: 5px 8px;
}
#tooltip .commend-image {
  text-transform: uppercase;
  color: #374b74;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}
#tooltip .commend-image img {
  width: 75px;
  border: none;
}
#tooltip .commend-info {
  min-width: 160px;
  padding: 8px 15px !important;
}
#tooltip .commend-info div {
  font-size: 11px;
  color: #8ea9d5;
}
#tooltip .commend-info div span {
  color: white;
}
#tooltip .commend-info .more {
  color: #3d5786;
  font-size: 10px;
  margin-top: 2px;
}
#tooltip iframe {
  width: 300px !important;
  height: 200px !important;
}
.tooltip-redesign #tooltip {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.tooltip-redesign #tooltip .tt-name {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.tooltip-redesign #tooltip .tt-side {
  border-right: none;
}
.tooltip-redesign #tooltip .tt-side > img {
  margin-right: 5px !important;
}
.tooltip-redesign #tooltip .tt-info {
  padding-left: 0 !important;
}
.tooltip-redesign #tooltip .tt-head {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: none;
  color: white;
  font-size: 12px;
}
.tooltip-redesign #tooltip .ttip-spell {
  width: 471px;
}
.tooltip-redesign #tooltip .ttip-spell .spell-head span {
  color: white;
}
.tooltip-redesign #tooltip .ttip-spell .spell-info {
  width: 365px;
}
.tooltip-redesign #tooltip .ttip-item .item-name {
  margin-bottom: 8px;
}
.tooltip-redesign #tooltip .ttip-item .item-info ul {
  margin-top: 10px;
}
.tooltip-redesign #tooltip .ttip-rune .rune-image img {
  width: 75px;
}
.tooltip-redesign #tooltip .ttip-champion.ttip-champion--new {
  width: 365px;
}
.tooltip-redesign #tooltip .ttip-champion.ttip-champion--new .champ-info {
  width: auto;
}
.tooltip-redesign #tooltip .ttip-champion.ttip-champion--new .radial-stats {
  margin: 0 auto 5px;
}
.tooltip-redesign #tooltip .ttip-champion .tt-side {
  position: relative;
}
.tooltip-redesign #tooltip .ttip-champion .champ-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 7px 10px 0px 10px;
  background: rgba(9, 17, 32, 0.6);
}
.tooltip-redesign #tooltip .ttip-champion .champ-overlay img {
  width: 23px !important;
}
.tooltip-redesign #tooltip .ttip-champion .champ-image img {
  width: 141px;
  height: auto;
  border: none;
}
.tooltip-redesign #tooltip .ttip-champion .champ-stats {
  display: table-cell;
  vertical-align: middle;
  background: #040c17;
  padding: 10px 7px 0 0px !important;
}
.tooltip-redesign #tooltip .ttip-champion .champ-buy {
  color: #97acce;
  margin-top: 0;
}
.tooltip-redesign #tooltip .ttip-champion .champ-buy span, .tooltip-redesign #tooltip .ttip-champion .champ-buy p {
  color: #97acce;
}
.tooltip-redesign #tooltip .ttip-champion .champ-roles > span {
  display: inline-block;
  width: 45px;
  margin-bottom: 8px;
  text-align: center;
}
.tooltip-redesign #tooltip .ttip-champion .champ-roles > span > img {
  max-width: 24px;
  max-height: 24px;
}
.tooltip-redesign #tooltip .ttip-champion .champ-roles > span > span {
  display: block;
  color: #97acce;
}
.tooltip-redesign #tooltip .ttip-skill .skill-head {
  padding: 0;
}
.tooltip-redesign #tooltip .ttip-skill .skill-head span {
  color: white;
  display: inline-block;
  white-space: nowrap;
}
.tooltip-redesign #tooltip .ttip-skill .skill-image {
  font-size: 0;
  width: 70px;
}
.tooltip-redesign #tooltip .ttip-skill .skill-champ {
  display: inline-block;
  width: 30px;
  height: auto;
  border: none;
  margin-top: 4px;
  margin-right: 4px !important;
}
.tooltip-redesign #tooltip .ttip-skill .skill-key {
  display: inline-block;
  width: 30px;
  text-align: center;
  background: #152034;
  color: #8397b2;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
}
.tooltip-redesign #tooltip .ttip-skill .skill-key img {
  border: none;
  width: 22px;
  height: auto;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.tooltip-redesign #tooltip .ttip-user {
  width: 282px;
}
.tooltip-redesign #tooltip .ttip-user .user-image img {
  border: none;
}
.tooltip-redesign #tooltip .ttip-user .user-image .user-title {
  margin: 0;
  background: #141f31;
  color: #8797b9;
  width: 90px;
  text-align: center;
  padding: 7px 2px;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 12px;
}
.tooltip-redesign #tooltip .ttip-user .item-info {
  vertical-align: top;
}
.tooltip-redesign #tooltip .ttip-user .tt-head {
  color: #8797b9;
  text-transform: uppercase;
  font-size: 10px;
}
.tooltip-redesign #tooltip .ttip-user .tt-head span {
  text-transform: capitalize;
  color: #adadad;
}
.tooltip-redesign #tooltip .ttip-user .item-head__info {
  margin-bottom: 6px;
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards, .tooltip-redesign #tooltip .ttip-user .item-head__rank {
  font-size: 10px;
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards > span, .tooltip-redesign #tooltip .ttip-user .item-head__rank > span {
  text-transform: uppercase;
  color: #63748f;
  display: block;
  margin-bottom: 3px;
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards {
  padding: 5px;
  background: #141f31;
  text-align: center;
  color: white;
  font: 300 18px/22px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  height: 22px;
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--challenger, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--challenger {
  background: #be9f5f;
  background: -moz-linear-gradient(-45deg, #be9f5f 50%, #4aa28c 50%);
  background: -webkit-linear-gradient(-45deg, #be9f5f 50%, #4aa28c 50%);
  background: linear-gradient(135deg, #be9f5f 50%, #4aa28c 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be9f5f', endColorstr='#4aa28c',GradientType=1);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--master, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--master {
  background: rgba(94, 191, 225, 0.8);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--platinum, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--platinum {
  background: rgba(34, 209, 174, 0.8);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--diamond, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--diamond {
  background: rgba(132, 94, 225, 0.8);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--gold, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--gold {
  background: rgba(225, 208, 94, 0.8);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--silver, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--silver {
  background: rgba(136, 146, 157, 0.8);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards .meta-rewards--bronze, .tooltip-redesign #tooltip .ttip-user .item-head__rank .meta-rewards--bronze {
  background: rgba(130, 93, 66, 0.8);
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards {
  float: left;
}
.tooltip-redesign #tooltip .ttip-user .item-head__awards img {
  image-rendering: crisp-edges;
  padding: 2px;
  background: #141f31;
  height: 28px;
}
.tooltip-redesign #tooltip .ttip-user .item-head__rank {
  float: right;
}
.tooltip-redesign #tooltip .ttip-user .item-head__rank > span {
  text-align: center;
}
.tooltip-redesign #tooltip .ttip-forum-thread .item-image {
  float: left;
}
.tooltip-redesign #tooltip .ttip-forum-thread .item-image img {
  border: none;
}
.tooltip-redesign #tooltip .ttip-forum-thread .item-head {
  color: #8797b9;
  text-transform: uppercase;
  font-size: 10px;
}
.tooltip-redesign #tooltip .ttip-forum-thread .item-head .item-name {
  color: white;
  margin-top: -2px;
  display: block;
}
.tooltip-redesign #tooltip .ttip-forum-thread .item-head span {
  text-transform: capitalize;
  color: #adadad;
}
.tooltip-redesign #tooltip .ttip-forum-thread .item-info {
  margin-bottom: 0;
  padding: 10px 10px 0 10px;
}
.tooltip-redesign #tooltip .ttip-skin .tt-side img {
  width: 137px;
  height: 137px;
  border: none;
}
.tooltip-redesign #tooltip .ttip-skin .tt-info > span {
  display: block;
  text-transform: uppercase;
  color: #8498b8;
  font-size: 12px;
}
.tooltip-redesign #tooltip .ttip-skin .tt-info > span.small {
  font-size: 10px;
}
.tooltip-redesign #tooltip .ttip-skin .tt-info > span img {
  width: 17px;
}
.tooltip-redesign #tooltip .ttip-skin .tt-info > span span {
  text-transform: none;
}
.tooltip-redesign #tooltip .ttip-skin .tt-info > span span.hiliteGold {
  color: #f0ae06;
}
.tooltip-redesign #tooltip .ttip-skin .tt-name {
  text-transform: none !important;
}
.tooltip-redesign #tooltip .ttip-build {
  background: #040c17;
  padding: 7px;
}
.tooltip-redesign #tooltip .ttip-build .build-image img {
  width: 77px;
  height: 77px;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__meta {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  color: #8797b9;
  margin-bottom: 5px;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__meta span {
  color: #adadad;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__keystone, .tooltip-redesign #tooltip .ttip-build .build-desc__summoners, .tooltip-redesign #tooltip .ttip-build .build-desc__items {
  display: inline-block;
  vertical-align: top;
  padding: 3px;
  margin-right: 9px;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__keystone img, .tooltip-redesign #tooltip .ttip-build .build-desc__summoners img, .tooltip-redesign #tooltip .ttip-build .build-desc__items img {
  width: 29px;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__keystone {
  background: #233148;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__keystone img {
  border-radius: 100%;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__summoners {
  background: #1a283f;
}
.tooltip-redesign #tooltip .ttip-build .build-desc__items {
  background: #233148;
  margin-right: 0;
}
.tooltip-redesign #tooltip .mastery-head {
  margin-bottom: 10px;
}




ul.dropdown	{ 
	list-style: none;
	text-align:left;
	color:#c0c0c0;
	margin-top:6px;
}
/* LEVEL ONE */
ul.dropdown                         { position: relative;}
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; background: #232220; padding: 2px 8px; margin:0px; border-right: 1px solid #333;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; color: #c0c0c0; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #ccc; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }
/* LEVEL TWO */
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; margin:0px; padding: 4px;}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;  padding: 4px;} 
/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200);

#collapsing-header {
	z-index: 99999;
	position: relative;
}

#header-logo {
	background: #151514;
	border-top: 1px solid #1a3b57;
	border-bottom: 1px solid #1a3b57;
	min-width: 1136px;
	//padding: 4px 0 6px;
	padding: 4px 0 2px;
	font-size: 0!important;
	//position: relative;
	height: 47px;
}
#header-logo.collapse {
	//position: fixed;
	left: 0;
	right: 0;
	margin-top: 30px;
}

.collapse #header-search {
	position: fixed;
	top: 35px;
	left: calc(50% - 98px);
	z-index: 200;
	//position: relative;
	-moz-transition: all 0.5s, position 0s;
	-webkit-transition: all 0.5s, position 0s;
	-ms-transition:  all 0.5s, position 0s;
	-o-transition: all 0.5s, position 0s;
	transition: all 0.5s, position 0s;
}
#header-logo.collapse.notransition *, #header-logo.collapse.notransition .header-search:before,
#net-menu.notransition, #net-menu.notransition *, .collapse.notransition #header-search:before {
	-moz-transition: none!important;
	-webkit-transition: none!important;
	-o-transition: none!important;
	-ms-transition: none!important;
	transition: none!important;
}

.collapse #header-search:before {
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	bottom: 0;
	background: linear-gradient(to bottom, #444444 0%, #222222 100%);
	opacity: 1;
	border: 1px solid #0e0e0e;
	border-radius: 4px;
	content: "";
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#header-logo #header-search-mobile {
	background: linear-gradient(to bottom, #444444 0%, #222222 100%);
	border: 1px solid #0e0e0e;
	border-radius: 4px;
	padding: 5px 10px 6px;
}
#header-logo.collapse.expand .header-search:before, .collapse #header-search.expand:before, .collapse #header-search.mobile:before {
	opacity: 0;
}
.collapse #header-search.expand, .collapse #header-search.mobile {
	background: transparent;
	border: transparent;
	position: fixed;
	top: -1px;
	//left: 88px;
	left: 83px;
	margin-left: 4px;
	margin-top: 3px;
	-moz-transition: all 0.5s, margin-left 0.3s 0.5s;
	-webkit-transition: all 0.5s, margin-left 0.3s 0.5s;
	-o-transition: all 0.5s, margin-left 0.3s 0.5s;
	-ms-transition: all 0.5s, margin-left 0.3s 0.5s;
	transition: all 0.5s, margin-left 0.3s 0.5s;
}

#header-logo.collapse .header-search > img, .collapse #header-search > img {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	position: relative;
}
.collapse.expand #header-search > img,  .collapse #header-search.mobile > img {
	opacity: 0;
}
.collapse #header-search .search-input {
	min-width: 170px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.collapse.expand #header-search .search-input, .collapse #header-search.mobile .search-input  {
	background: #242424;
	box-shadow: 0 -10px 15px transparent inset, 0 0 0 1px #0a0a0a inset, 0 0 15px 0 transparent inset, 1px 1px 1px 0 transparent;
	border-color: #0a0a0a;
	width: 180px;
	min-width: 190px;
	padding: 6px 8px;
	-moz-transition: all 0.5s, min-width 0.3s 0.5s;
	-webkit-transition: all 0.5s, min-width 0.3s 0.5s;
	-ms-transition: all 0.5s, min-width 0.3s 0.5s;
	-o-transition: all 0.5s, min-width 0.3s 0.5s;
	transition: all 0.5s, min-width 0.3s 0.5s;
}
#header-logo.collapse .dropdown-search-results a span, .collapse .dropdown-search-results a span {
	max-width: 400px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	text-overflow: ellipsis;
}
#header-logo.collapse.expand .dropdown-search-results a span, .collapse.expand .dropdown-search-results a span {
	max-width: 156px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 12px;
	line-height: 1.2;
}
.expand .dropdown-search-results .extra div {
	line-height: 1.2;
	height: auto;
}
.dropdown-search-results  img {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	vertical-align: top;
}
.dropdown-search-results .extra span {
	vertical-align: middle;
}
.dropdown-search-results .elo-search img {
	padding-top: 7px;
}
.dropdown-search-results .cs-search img {
	padding-top: 1px;
}
.expand .dropdown-search-results .elo-search img {
	height: 15px;
	padding: 2px 0;
}
.expand .dropdown-search-results .cs-search img {
	height: 18px;
}
#header-logo.collapse .logo, #header-img {
	position: fixed;
	top: 35px;
	left: calc(50% - 568px);
	-moz-transition: all 0.4s, visibility 1s;
	-webkit-transition: all 0.4s, visibility 1s;
	-o-transition: all 0.4s, visibility 1s;
	-ms-transition: all 0.4s, visibility 1s;
	transition: all 0.4s, visibility 1s;
	z-index: 200;
	margin-top: -1px;
}
@media screen and (max-width:1136px) {
	#header-img {
		left:0;
	}
	.collapse #header-search {
		left:460px;
	}
}
#header-logo.collapse.expand .logo, .expand #header-img {
	top: 0!important;
	left: 66px!important;
	visibility: hidden;
}
#header-logo.collapse .logo img, #header-img img {
	-moz-transition: all 0.4s, opacity 0.3s;
	-webkit-transition: all 0.4s, opacity 0.3s;
	-o-transition: all 0.4s, opacity 0.3s;
	-ms-transition: all 0.4s, opacity 0.3s;
	transition: all 0.4s, opacity 0.3s;
	opacity: 1;
}
#header-logo.collapse.expand .logo img, .expand #header-img img {
	width: 55px;
	height: 39px;
	-moz-transition: all 0.5s, opacity 0.3s 0.3s;
	-webkit-transition: all 0.5s, opacity 0.3s 0.3s;
	-o-transition: all 0.5s, opacity 0.3s 0.3s;
	-ms-transition: all 0.5s, opacity 0.3s 0.3s;
	transition: all 0.5s, opacity 0.3s 0.3s;

	opacity: 0;
}
#header-logo.collapse .slogan {
	margin-left: 12px;
}
.collapse #header-search .input-wrap .dropdown-search-results  {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0px solid black;
}
#header-logo.collapse.expand .header-search .input-wrap .dropdown-search-results, .collapse.expand #header-search .input-wrap .dropdown-search-results, #header-search-mobile .dropdown-search-results {
	top: calc(100% - 4px);
	right: 0;
	left: 0;
	padding: 3px 6px 6px;
	border-radius: 0;
	background: #242424;
	border-width: 0 1px 1px 1px;
	border-color: black;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
	z-index: 200;
}
.collapse #header-search .dropdown-search-results .results a {
	min-width: 20px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	white-space: nowrap;
}
#header-logo.collapse.expand .header-search .dropdown-search-results .results a, .collapse.expand #header-search .dropdown-search-results .results a {
	border-radius: 0;
	margin: 0;
	min-width: 100%;
	background: #151515;
}
#header-logo.collapse.expand .header-search .dropdown-search-results .results a:not(:last-child), .collapse.expand #header-search .dropdown-search-results .results a:not(:last-child) {
	margin-bottom: 1px;
}
#header-logo.collapse .dropdown-search-results a > *, .collapse .dropdown-search-results a > * {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#header-logo.collapse.expand .dropdown-search-results a > *, .collapse.expand .dropdown-search-results a > * {
	background: transparent;
	padding: 0;
}
.collapse #header-search .input-wrap .dropdown-search-results h4, #header-search-mobile .input-wrap .dropdown-search-results h4 {
	color: #535353;
	font-size: 12px;
	line-height: 23px;
	margin: 0 0 2px;
	text-transform: uppercase;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#header-logo.collapse.expand .header-search .input-wrap .dropdown-search-results h4, .collapse.expand #header-search .input-wrap .dropdown-search-results h4 {
	padding: 0;
}
.expand .dropdown-search-results h4:not(:first-child) {
	margin-top: 10px;
}
#header-logo.collapse .header-search .input-wrap .dropdown-search-results::after, .collapse #header-search .input-wrap .dropdown-search-results::after {
	-moz-transition: all 0.3s 0.5s;
	-webkit-transition: all 0.3s 0.5s;
	-o-transition: all 0.3s 0.5s;
	-ms-transition: all 0.3s 0.5s;
	transition: all 0.3s 0.5s;
}
#header-logo.collapse.expand .header-search .input-wrap .dropdown-search-results::after, .collapse.expand #header-search .input-wrap .dropdown-search-results::after {
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	height: 0;
	top: -3px;
}
.ad-break, .exhibit-break {
	width: 1136px;
	margin: auto;
	text-align: center;
	padding: 3px 0;
	position: relative;
	z-index: 11;
}
.home-ad, .home-exhibit {
	text-align: center;
	margin-bottom: 15px;
	position:relative;
}
.ads-wide, .exhibit-wide {
	display: inline-block;
}
.ads-wide > div, .exhibit-wide > div {
	font-size: 0;
}
.ad-break .ads-wide.head, .exhibit-break .exhibit-wide.head {
	min-height: 90px;
}
#header-logo .header-logo-wrap {
	width: 1136px;
	margin: 0 auto;
}
#header-logo .logo, #header-img {
	margin-right: 12px;
	//margin-top: 9px;
	display: inline-block;
	vertical-align: top;
}
#header-logo .logo img, #header-img img {
	width: 215px;
	height: 47px;
	vertical-align: top;
}
#header-logo .slogan {
	color: #616161;
	font-size: 11px;
	font-family: Lucida Sans Unicode,Verdana,Arial,Helvetica,sans-serif;
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	margin-top: 18px;
}
#header-logo .header-search, #header-search {
	display: inline-block;
	//border: 1px solid #0e0e0e;
	//border-radius: 4px;
	//background: linear-gradient(to bottom, #444444 0%, #222222 100%);
	white-space: nowrap;
	padding: 6px 11px 7px;
	margin-top: 4px;
	margin-bottom: 6px;
	position: relative;
	float: right;
	font-size: 0;
	height: 24px;
}
#header-logo .header-search > img, #header-search > img  {
	margin-right: 9px;
}
#header-logo .header-search .input-wrap, #header-search .input-wrap, #header-search-mobile .input-wrap {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.header-search .search-input, #header-search .search-input, #header-search-mobile .search-input  {
	border: none;
	padding: 5px 7px 6px;
	width: 360px;
	line-height: 13px;
	height: 13px;
	color: white;
	font-size: 12px;
	vertical-align: middle;
	//background: linear-gradient(to bottom, #232323 0%, #171717 100%);
	background: #232323;
	box-shadow: 0 -10px 15px #171717 inset, inset 0 1px 2px 0 black, inset 0 0 15px 0 rgba(0,0,0,0.15), 1px 1px 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 -10px 15px #171717 inset, inset 0 1px 2px 0 black, inset 0 0 15px 0 rgba(0,0,0,0.15), 1px 1px 1px 0 rgba(255,255,255,0.1);
	-webkit-appearance: none;
	border-radius: 4px;
	outline: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.header-search .search-warning {
	font-size: 10.5px;
	padding: 3px 0 4px 4px;
	margin-bottom: 5px;
	color:  #656565;
	background: #0f0f0f;
}
.premium .header-search .search-warning {
	color: #485771;
	background: #050913;
}
#header-logo .header-search .input-wrap .dropdown-search-results, #header-search .input-wrap .dropdown-search-results {
	left: -41px;
	right: -145px;
	top: calc(100% + 7px);
	border: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #171717;
	border: none;
	box-shadow: 0 6px 6px 0 rgba(0,0,0,0.5);
	white-space: normal;
}
#header-logo .header-search .input-wrap .dropdown-search-results:after, #header-search .input-wrap .dropdown-search-results:after {
	top: -10px;
	left: 41px;
	right: 145px;
	height: 10px;
	background: #171717;
	content: "";
	position: absolute;
}
#header-search .input-wrap .dropdown-search-results h4,
#header-search .input-wrap .dropdown-search-results h5 {
	text-transform: none;
}
#header-logo .header-search select, #header-search select {
	width: 114px;
	vertical-align: middle;
	margin-left: 6px;
	-webkit-appearance:none;
	position: relative;
	background: url/*(/images/header-select-sprite.png) no-repeat calc(100% + 17px) center, linear-gradient(to bottom, #192a49 0%, #091120 100%);
	color: #99b0d5;*/
	background: linear-gradient(to bottom, #2b2b2b 0%, #111111 100%);
	color: #bcbcbc;
	
	border-radius: 4px;
	border: 1px solid #0e0e0e;
	
	text-transform: uppercase;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	//line-height: 21px;
	height: 23px;
	padding-left: 5px;
}
#header-logo .social {
	float: right;
	margin-top: 6px;
	margin-right: 15px;
	font-size: 0;
}
#header-logo .social span {
	color: #2a3c58;
	font-family: Raleway, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	vertical-align: middle;
}
#header-logo .social a {
	display: inline-block;
	margin-left: 12px;
	vertical-align: middle;
}
#header-logo .header-search button, #header-search button  {
	border-radius: 4px;
	border: 1px solid #030811;
	/*background: linear-gradient(to bottom, #192a49 0%, #091120 100%);
	color: #99b0d5;*/
	background: linear-gradient(to bottom, #2b2b2b 0%, #111111 100%);
	color: #bcbcbc;

	font-size: 10px;
	font-family: Verdana, sans-serif;
	padding: 0 17px 0 22px;
	line-height: 21px;
	height: 21px;
	text-transform: uppercase;
	margin-left: 6px;
	-webkit-box-sizing: content-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: content-box;    /* Firefox 1 - 28 */
	box-sizing: content-box;
	cursor: pointer;
	vertical-align: middle;
}
#header-logo .header-search .chosen-container-single, #header-search .chosen-container-single {
	margin-left: 6px;
	margin-right: 14px;
}

.header-search .chosen-container-single .chosen-single, #header-search .chosen-container-single .chosen-single {
	border-radius: 4px;
	border: 1px solid #0e0e0e;
	background: linear-gradient(to bottom, #2b2b2b 0%, #111111 100%);
	color: #bcbcbc;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	//padding: 0 17px 0 22px;
	line-height: 21px;
	height: 21px;
	-webkit-box-sizing: content-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: content-box;    /* Firefox 1 - 28 */
	box-sizing: content-box;
	cursor: pointer;
	vertical-align: middle;
	box-shadow: none;
	margin-right: -14px;
}
.header-search .chosen-container-single .chosen-single > div, #header-search .chosen-container-single .chosen-single > div  {
	margin-right: 1px;
}
.header-search .chosen-container-single .chosen-single span, #header-search .chosen-container-single .chosen-single span {
	text-transform: uppercase;
	margin-right: 18px;
}

.header-search .chosen-container .chosen-drop, #header-search .chosen-container .chosen-drop {
	background: #131313;
	border-color: #0e0e0e;
	overflow: hidden;
	width: calc(100% + 14px);
	padding-top: 2px;
}
.header-search .chosen-container .chosen-results li, #header-search .chosen-container .chosen-results li {
	color: #bcbcbc;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 8px;
}
.header-search .chosen-container-active.chosen-with-drop .chosen-single, #header-search .chosen-container-active.chosen-with-drop .chosen-single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.header-search .chosen-container .chosen-results, #header-search .chosen-container .chosen-results {
	margin: 0;
	padding: 0;
}
.header-search .chosen-container-single .chosen-single div b, #header-search .chosen-container-single .chosen-single div b {
	background-image: url(/images/header-select-sprite.png);
}

.header-search .chosen-container .chosen-results li.highlighted, #header-search .chosen-container .chosen-results li.highlighted {
	background: none repeat scroll 0 0 rgba(255,255,255, 0.05);
	color: white;
}
.dropdown-search-results {
	position: absolute;
	top: calc( 100% + 5px);
	left: -10px;
	right: -100px;
	padding: 0 11px 11px;
	z-index: 20;
	text-align: left;
	border: 2px solid #2a3c58;
	box-shadow: 0 6px 9px 6px rgba(0,0,0,0.5);

}
.dropdown-search-results h4 {
	font-size: 14px;
}
.dropdown-search-results h5 {
	font-size: 12px;
}
.dropdown-search-results h4, .dropdown-search-results h5 {
	color: #bb5c44;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 9px 0 7px;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0 4px;
}
.dropdown-search-results h4.no-results {
	background: #171717 url(/images/no-results.png) no-repeat 5px center;
	color: #a3a3a3;
	text-transform: uppercase;
	border: 1px solid #595959;
	line-height: 34px;
	padding: 0 15px 0 33px!important;
	display: inline-block;
	margin: 10px 0 0!important;
}
.dropdown-search-results h4 span, .dropdown-search-results .extra em {
	color: white;
}
.dropdown-search-results h4 a {
	font-size: 11px;
	float: right;
	display: inline-block;
	color: #848fa3;
	padding-right: 10px;
}
.dropdown-search-results h4 a img {
	margin-top: -10px;
}
.dropdown-search-results h4 a:hover {
	text-decoration: none;
	color: #a0b1cd;
}
.dropdown-search-results .results {
	//background: #09111e;
	//border: 1px solid #060e19;
	//padding: 4px;
}
.dropdown-search-results .results a, .dropdown-search-results .extra {
	display: inline-block;
	background: #353535;
	padding: 3px;
	border-radius: 3px;
	margin: 4px;
	vertical-align: top;
	color: #aec3e4;
	font-size: 0;
	white-space: nowrap;
	min-width: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.5s 0.3s, visibility 0.5s, min-width 0.5s;
}
.expand .dropdown-search-results .extra {
	margin: 0;
	min-width: 100%;
	padding: 6px;
	background: #152034;
}
.dropdown-search-results .extra > span {
	padding: 3px 7px;
	font-size: 14px;
	white-space: normal;
	padding-top: 3px!important;
	vertical-align: top;
}
.dropdown-search-results .extra:last-child {
	margin-bottom: 0;
}
.dropdown-search-results h4:not(:first-child) {
	margin-top: 7px!important;
}
.dropdown-search-results .results a img {
	width: 25px;
	height: 25px;
	margin-right: 4px;
	padding: 3px;
}
.dropdown-search-results .extra em {
	font-style: normal;
}
.dropdown-search-results a > * {
	display: inline-block;
	vertical-align: middle;
	background: #1e1e1e;
	color: #adadad;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-size: 12px;
	border-radius: 3px;
}
.dropdown-search-results a:hover, .dropdown-search-results a.selected {
	text-decoration: none;
	background: #4d4c4c;
}
.dropdown-search-results a:hover > *, .dropdown-search-results a.selected > * {
	background: #333333;
	color: #c4c4c4;
}
.dropdown-search-results a span {
	padding: 3px 11px;
}
.dropdown-search-results .results > div:not(:last-child) {
	margin-bottom: 10px;
}
.dropdown-search-results .extra div  {
	min-width: 21px;
	height: 31px;
	padding: 0 5px;
	text-align: center;
	margin-right: 4px;
}
/*.dropdown-search-results .extra div img {
position: relative;
top: 50%;
transform: translateY(-50%);
vertical-align: top;
}
*/
#logo-placeholder {
	width: 215px;
	height: 47px;
	display: inline-block;
}

#net-menu .site-name {
	//display: none;
}
#header-logo .logo.mobile, #header-logo #header-search-mobile {
	position: static;
	opacity: 1;
	visibility: visible;
	transition: all 0s 0s, visibility 0.5s, opacity 0.5s!important;
}
.expand.collapse #header-search.mobile {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s 0.3s, visibility 0.5s;
}
#header-logo.collapse.expand .logo.mobile, #header-logo.collapse.expand #header-search-mobile, .collapse #header-search.mobile {
	opacity: 0;
	visibility: hidden;
}
.collapse #header-search.mobile {
	transition: all 0.2s;
}
#header-logo .logo.mobile *, #header-seach-mobile.collapse.expand * {
	transition: none!important;
}
#header-logo.collapse.expand .logo.mobile img {
	width: 166px;
	height: 47px;
	opacity: 1;
}
.get-prime, #get-prime-mobile, .expand #get-prime-mobile {
	position: fixed;
	top: 35px;
	left: calc(50% - 182px);
	z-index: 240;
}
@media screen and (max-width:1136px) {
	.get-prime, #get-prime-mobile, .expand #get-prime-mobile {
		left:380px;
	}
}
.get-prime, .get-prime * {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.get-prime.mobile, .get-prime.mobile * {
	transition: all 0.2s;
	opacity: 0;
	visibility: hidden;

}
.expand .get-prime.mobile, .expand .get-prime.mobile * {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s 0.3s, visibility 0.5s;
}
.get-prime img, #get-prime-mobile img, .expand #get-prime-mobile  img {
	height: 43px;
	width: 54px;
}
.expand .get-prime, .get-prime.mobile {
	top: 3px;
	left: 557px;
}
.expand .get-prime img, .get-prime.mobile img {
	height: 34px;
	width: 43px;
}
.expand .get-prime span,  .get-prime.mobile span {
	margin: 7px 0 0 -4px;
}
.get-prime span, #get-prime-mobile span, .expand #get-prime-mobile span {
	font-size: 10px;
	font-family: Lucida Sans Unicode,Verdana,Arial,Helvetica,sans-serif;
	color: #e6bb6e;
	display: inline-block;
	text-align: center;
	line-height: 1.1;
	vertical-align: top;
	text-transform: uppercase;
	margin: 12px 0 0 -5px;
}
#get-prime-mobile {
	position: static;
	opacity: 1;
	visibility: visible;
	transition: all 0s 0s, visibility 0.5s, opacity 0.5s!important;
}
.expand #get-prime-mobile {
	visibility: hidden;
	opacity: 0;
	position: static;
}
#collapsing-header .username, #collapsing-header .username a {
	//-webkit-transform: translateZ(0px);
	//-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}
.ads-popup {
	top: 150px;
	left: 50%;
	background: #0b0b0b;
	z-index: 100;
	width: 360px;
	padding: 15px 15px 25px;
	border: 2px solid #191919;
	box-shadow: inset 0 0 0 4px #101010;
	z-index: 300;
}
.ads-popup.mf{
	background: #040c17;
	border: 2px solid #101a26;
	box-shadow: inset 0 0 0 4px #051122;
	webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
}
.ads-popup.adblock {
	position: fixed;
	transform: translateX(-50%);
	text-align: center;
}
.ads-popup.adblock:not(.mf){
	webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
}
.ads-popup .close {
	position: absolute;
	background: url(/images/mf-circle-x.png) no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
	top: 15px;
	right: 15px;
}
.ads-popup .sad-face {
	margin: 15px 0 12px;
}
.ads-popup h2 {
	color: white;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
}
.ads-popup h3 {
	color: white;
	font-size: 14px;
	font-weight: normal;
}
.ads-popup h4 {
	color: #9fadc4;
	font-weight: bold;
	font-size: 12px;
	margin: 12px 0;
}
.ads-popup h4 span {
	color: #fe4e01;
}
.ads-popup h5 {
	color: #4c5563;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 20px;
}
.ads-popup p {
	color: #9fadc4;
	line-height: 2;
	margin-top: 15px;
}
.ads-popup label {
	color: #9fadc4;
	display: inline-block;
	margin: 5px 0 5px 7px;
}
.ads-popup textarea {
	width: 100%;
	height: 80px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ads-popup .btn {
	margin: 0 auto;
	display: block;
}
.ads-popup.report h2, .ads-popup.report h3 {
	text-align: center;
	margin-bottom: 7px;
}
.ads-popup .prettycheckbox {
	top: -1px;
}
.ads-popup .prettycheckbox a, .ads-popup .prettycheckbox a:focus {
	background: url(/images/flat-checkboxes.png) no-repeat center 0;
	width: 14px;
	height: 14px;
}
.ads-popup .prettycheckbox a.checked, .ads-popup  .prettycheckbox a.checked:focus {
	background-position: center -16px;
}
.ads-popup.report {
	width: 450px;
}
.ads-popup.thank-you {
	text-align: center;
	padding-bottom: 100px;
	width: 440px;
}
.ads-popup.thank-you p {
	color: white;
	font-size: 14px;
}
.ads-popup.thank-you .logo {
	margin-bottom: 45px;
	margin-top: 85px;
	display: inline-block;
	width: 270px;
	height: 100px;
	background: url(/images/bg-logo.png) no-repeat center center;
	background-size: 100% auto;
}
.ads-popup.thank-you .logo img {
}
.ads-narrow, .ads-wide, .exhibit-narrow, .exhibit-wide {
	position: relative;
	text-align: center;
}
.report-ad, .report-exhibit {
	background: rgba(2,2,2,0.6);
	position: absolute;
	right: 0;
	top: 100%;
	color: rgba(255,255,255,0.3);
	text-transform: uppercase;
	font-size: 8px!important;
	padding: 2px 6px 2px;
	cursor: pointer;
	white-space: nowrap;
}
.report-ad .arrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3.5px 6px 3.5px;
	border-color: transparent transparent rgba(255,255,255,0.3) transparent;
	margin-right: 3px;
}
.fade-bg {
	position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.8);
z-index: 200;
}




	ul#main-menu {
		position: relative; 
		list-style: none;
		float:left;
		margin:1px 0 0 0;
		padding:0;
		text-align:left;
	}
		/* LEVEL ONE*/
		ul#main-menu li {
			float: left;
			zoom: 1;
		}
			ul#main-menu li.main-menu-new {
				background:url(/images/new-lol-strategy-guide.png) no-repeat right center;
				padding-right:12px;
			}
		ul#main-menu li .menu-divider {
			height:4px;
			background:#42484f;
		}
		ul#main-menu li.expanable a {background: url(/css/gfx/sub-menu_sep.png) no-repeat left 4px;}
		ul#main-menu li.main-menu-sep a {background: url(/css/gfx/sub-menu_sep.png) no-repeat left 4px;}
		ul#main-menu li.expanable a:hover,
		ul#main-menu li.expanable a:active,
		ul#main-menu li.main-menu-sep a:hover,
		ul#main-menu li.main-menu-sep a:active {
			text-decoration:none!important;
			color:#FFCC33;
		}
		ul#main-menu li a{
			display: block;
			color:#e4e4e4;
			font-size:12px;
			padding: 5px 15px;
			text-decoration:none;
			margin-bottom:1px;
		}
		ul#main-menu li a:hover, ul#main-menu li a:active {color:#FFCC33;}
		ul#main-menu li.hover,
		ul#main-menu li:hover {position: relative;}
		ul#main-menu li.hover a {text-decoration:none;
		}
			/* LEVEL TWO*/
			ul#main-menu ul {
				width: 220px;
				visibility: hidden;
				position: absolute;
				top: 100%;
				left: 0;
				list-style:none;
				border-top: 1px solid #000;
				border-right: 1px solid #000;
				border-left: 1px solid #000;
				background:#282929;
				padding: 0;
				z-index:100;
			}
			ul#main-menu ul li {
				font-weight: normal;
				color: #000;
				border-bottom: 1px solid #000;
				float: none;
			}
			/* IE 6 & 7 Needs Inline Block */
			ul#main-menu ul li a	{
				padding: 5px 15px 5px 25px;
				border-right: none;
				display: block;
				background: url(/images/menu-icon.png) no-repeat left!important;
				text-decoration:none!important;
				overflow:hidden;
			}
			ul#main-menu ul li a:hover {
				text-decoration:underline;
				background:#3c3e3e url(/images/menu-icon.png) no-repeat left!important;
			}
			/* IE 6 & 7 Needs Inline Block */
			ul#main-menu .hot a	{
				padding: 5px 15px 5px 25px;
				border-right: none;
				display: block;
				background: url(/images/menu-icon-hot.png) no-repeat left!important;
				text-decoration:none!important;
			}
			ul#main-menu .hot a:hover {
				text-decoration:underline;
				background:#3c3e3e url(/images/menu-icon-hot.png) no-repeat left!important;
			}
			/* LEVEL THREE */
			ul#main-menu ul ul { left: 100%; top: 0; }
			ul#main-menu li:hover > ul { visibility: visible; }
/*+ sommomer-menu +*/
#content ul.sommomer-menu {
	position: relative; 
	list-style: none;
	float:left;
	margin:1px 0 0 0;
	padding:0;
	text-align:left;
}
	/* LEVEL ONE */
	#content ul.sommomer-menu li {
		float: left;
		zoom: 1;
	}
	#content ul.sommomer-menu li.expanable a:hover,
	#content ul.sommomer-menu li.expanable a:active {text-decoration:none!important;}
	#content ul.sommomer-menu li a{
		display: block;
		color:#e4e4e4;
		font-size:14px;
		text-decoration:none;
	}
	#content ul.sommomer-menu li.hover,
	#content ul.sommomer-menu li:hover {position: relative;}
	#content ul.sommomer-menu li.hover a {text-decoration:none;}
		/* LEVEL TWO */
		#content ul.sommomer-menu ul {
			width:390px;
			visibility: hidden;
			position: absolute;
			top: 100%;
			left: 0;
			list-style:none;
			border-top: 1px solid #000;
			border-right: 1px solid #000;
			border-left: 1px solid #000;
			padding: 0;
			z-index:100;
		}
		#content ul.sommomer-menu ul li {
			font-weight: normal;
			color: #000;
			border-bottom: 1px solid #000;
			width:130px;
			float:left;
			background: #282929 url(/css/gfx/sum-skills.png) no-repeat;
		}
		/* IE 6 & 7 Needs Inline Block */
		#content ul.sommomer-menu ul li a {
			padding: 9px 15px 8px 35px;
			border-right: none;
			display: block;
			text-decoration:none!important;
			border-left:1px solid #000;
		}
		#content ul.sommomer-menu ul li a:hover {
			text-decoration:underline;
			background:url(/css/gfx/sum-skills-hover.png) no-repeat left!important;
		}
		/* IE 6 & 7 Needs Inline Block */
		#content ul.sommomer-menu .hot a	{
			padding: 5px 15px 5px 25px;
			border-right: none;
			display: block;
			background: url(/images/menu-icon-hot.png) no-repeat left!important;
			text-decoration:none!important;
		}
		#content ul.sommomer-menu .hot a:hover {
			text-decoration:underline;
			background:#3c3e3e url(/images/menu-icon-hot.png) no-repeat left!important;
		}
		/* LEVEL THREE */
		#content ul.sommomer-menu ul ul { left: 100%; top: 0; }
		#content ul.sommomer-menu li:hover > ul { visibility: visible; }

#content ul.sommomer-menu ul li.sum-skills-clairvoyance { background-position: 1px 0;  }
#content ul.sommomer-menu ul li.sum-skills-clarity { background-position: 1px -82px;  } 
#content ul.sommomer-menu ul li.sum-skills-cleanse { background-position: 1px -164px;  } 
#content ul.sommomer-menu ul li.sum-skills-exhaust { background-position: 1px -328px;  } 
#content ul.sommomer-menu ul li.sum-skills-flash { background-position: 1px -410px;  } 
#content ul.sommomer-menu ul li.sum-skills-fortify { background-position: 1px -492px;  } 
#content ul.sommomer-menu ul li.sum-skills-garrison { background-position: 1px -574px;  }
#content ul.sommomer-menu ul li.sum-skills-ghost { background-position: 1px -656px;  } 
#content ul.sommomer-menu ul li.sum-skills-heal { background-position: 1px -738px;  } 
#content ul.sommomer-menu ul li.sum-skills-ignite { background-position: 1px -820px;  } 
#content ul.sommomer-menu ul li.sum-skills-promote { background-position: 1px -984px;  } 
#content ul.sommomer-menu ul li.sum-skills-rally { background-position: 1px -1066px;  } 
#content ul.sommomer-menu ul li.sum-skills-revive { background-position: 1px -1230px;  } 
#content ul.sommomer-menu ul li.sum-skills-smite { background-position: 1px -1312px;  } 
#content ul.sommomer-menu ul li.sum-skills-surge { background-position: 1px -1476px;  } 
#content ul.sommomer-menu ul li.sum-skills-teleport { background-position: 1px -1558px;  }

/*- sommomer-menu -*/




#home-page .home-feature .col-left {width:372px;padding:0px;} 
#home-page .home-feature .col-right {width:728px;padding:0px;}
#home-page .home-guide .col-left {width:728px;padding:0px;}
#home-page .home-guide .col-right {width:372px;padding:0px;}
#home-page .gap, #news .gap {height:8px;padding:0px;}
#home-page .home-split .col-left {width:550px;padding:0px;}
#home-page .home-split .col-right {width:550px;padding:0px;}
#home-page .guide-box {padding:8px;}
#home-page .f-box{background:#131b24;}

#home-page .f-box h2{
	padding:15px 0 5px 15px;
	color:#fff;	
}
#home-page .tab h3{
	color:#fff;	
	size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 3px 0;
	font-weight:normal;
}
#home-page .b-list {
	background: url(/css/gfx/menu/bullet.png) no-repeat 15px 1px;
	padding:4px 0 4px 25px;
	display:block;
	line-height:1.0em;
	font-size:11px;	
}
#home-page .f-box .tabs {
	width:255px;
	margin:55px 0 0 15px;
	padding:6px;
	background: url(gfx/bg-home-tab-box.png);
	border:solid 1px #2d3e48;
	position:absolute;
	z-index:1;
}
#home-page .f-box .tab-box {
	width:394px;
	height:420px;
	overflow:hidden;
}
#home-page .home-discuss-box .discuss-link {
	margin-left:0px;	
}
#home-page .f-box .tabs .tab{
	width:247px;
	padding:2px;
	background: url(gfx/bg-home-tab-grad.png);
	border:solid 1px #25323a;
	height:64px;
	margin-bottom:5px;
	color:#a2b6c4;
}
#home-page .f-box .tabs .selected {
	border:solid 1px #59798e;
}
#home-page .f-box .tabs .last{
	margin-bottom:0px;
}
#home-page .stream {
	width:100px;	
}

#home-page .boxHdr {
    background: url(gfx/bg-hdr-box.png) repeat-x center center;
    color: #95acc5;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 4px;
    text-transform: uppercase;
	height:18px;
}

.out-hdr {
	padding:5px;
	color:#999999;
	font-size:10px;
	text-transform:uppercase;
	line-height:1.0em;	
}

.out-hdr h2{
	color:#fff;
	text-transform:none;
	font-size:18px;
	font-weight:normal;
}
#home-page .h-vid-wrap .vid-wrap{
	width:344px;
	height:262px;	
}
#home-page .stream-wrap {
		padding:8px;
	background: url(gfx/bg-box-break-2.png) repeat-x bottom center;
}

#home-page .stream-f {
	width:218px;
	padding:5px;
	background:#060c12;
	border:solid 1px #1b3a5f;
	height:170px;
		
}
#home-page .stream-f a {
	color:#a9b8cd;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
}
#home-page .streams {
	margin-left:232px;	
}
#home-page .streams .stream img {
	padding:2px;
	background:#112233;
	border:solid 1px #1b3a5f;
	width:80px;
	height:45px;

}

#home-page .h-vid-tbl {
	width:100%;	
}

#home-page .h-vid-tbl td{
	padding:3px;	
}
#home-page h1 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;	
}
#home-page .streams .stream {
	line-height:1.3em;
	color:#a9b8cd;
	font:10px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
#home-page .streams .stream a {
	color:#a9b8cd;
}

#home-page .ez-sub {
	text-transform:uppercase;
	font-size:10px;	
}
#home-page .ez-guides img {
	width:54px;
	border:1px solid #1B3A5F;
	padding:2px;
	margin:4px 2px 0;	
}
#home-page .ez-stream img {
	width:96px;
	border:1px solid #1B3A5F;
	padding:2px;
	margin:4px 2px 0;	
}
#home-page .ez-speak img {
	width:35px;
	border:1px solid #1B3A5F;
	padding:2px;	
}

#home-page .guide-list {
	
	padding:10px;
	width:390px;
}
#home-page .guide-list .list-hdr {
	background: url(gfx/bg-home-guide-hdr.png) repeat-x bottom center;
	padding:10px;
	height:70px;
}
#home-page  .list-hdr .list-pic{
	padding:0 5px 0 0;
	width:66px;

}
#home-page  .list-hdr .list-name {
	color:#666;
}
#home-page  .list-hdr .list-pic img {
	padding:3px;
	width:57px;
	background:#132942;
	border: 1px solid #23385a;
}
#home-page  .list-hdr .list-name .h-guide-name {
	font-size:14px;
	color:#fff;
}
#home-page  .list-hdr .list-name .hg-votes {
	color:#4f668a;
}
#home-page  .list-body table {
	width:100%;
}
#home-page  .list-body .list-pic{
	width:30px;

}
#home-page  .list-body .bg1{
	background:#0f2034;
	padding:3px 4px;
}
#home-page  .list-body .bg2{
	background:#091522;
	padding:1px 4px;
}
#home-page  .list-body .list-name {
	color:#666;
	line-height:1.0em;
	font-size:11px;
}
#home-page  .list-body .byline {
	font-size:10px;
	color:#555;
}

#home-page  .list-body .list-name .h-guide-name {
	font-size:12px;
	color:#c0c0c0;
}


#home-page .new-champ {
}
#home-page .free-champ-box {
	padding:3px 3px 10px 3px;
	background: url(gfx/bg-home-tab-content.png);
}
#home-page .free-champ-box img {
	padding:2px;
	border:solid 1px #2d3e48;
	width:51px;
}
#home-page h4 {
	color:#59798e;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 0;
}
#home-page .new-champ .champ a{
	font-size:48px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
}
#home-page .new-champ .title a{
	color:#bccbd6;
	font-size:12px;
	text-transform:uppercase;
	padding-left:20px;
}
#home-page .new-champ .title a:hover, #home-page .new-champ .champ a:hover{
	text-decoration:none;
}

#home-page .bg1 td {
	background:#0f1519;
}
#home-page .bg2 td {
	background:#090c0f;
}
#home-page .h-news {
	padding:15px;	
}
.h-news .news-hdr {
	padding:10px 0;
	margin-bottom:3px;
}
.h-news .news-hdr h2 {
	margin:3px 0;
	font-size:18px;
 }
 .h-news .news-hdr img {
	width:36px;
	border:#102338 solid 1px;
	padding:2px;
	margin-right:5px;
	float:left;
 }
 .h-news .news-hdr .byline {
	font-size:12px;
	border-bottom:1px solid #102338;
	margin-left:50px;
	padding-top:5px;
 }
 .h-news .news-hdr .date {
	font-size:11px;
	color:#808080;
	margin-left:50px;
 }
#home-page .members {
	width:100%;	
}
#home-page .members th {
	font-size:10px;
	font-weight:bold;
	color:#4f668a;
	text-transform:uppercase;
}
#home-page .welcome {
	padding:7px 0 0 65px;
	font-size:10px;	
}
#home-page .welcome a{
	
	color:#a9b8cd;	
}
#home-page .welcome h4{
	text-transform:uppercase;
	color:#4f668a;
	size:11px;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:3px 0 0 0;
	line-height:1em;
}
#home-page .members td{
	padding:2px;
}
#home-page .members-box {
	background:#0b1524;
	padding:8px;	
}
#home-page .members-box h2{
	font-size:14px;
	font-weight:normal;

}
#home-page .members-box .hdr-sub{
	font-size:10px;
	font-weight:normal;
	color:#a9b8cd;
	text-transform:uppercase;
	padding-bottom:5px;	
}
#home-page .new-members {
	padding:4px 8px;
	color:#a9b8cd;
	font-size:10px;	
}
#home-page .new-members a {
	color:#a9b8cd;	
}
#home-page .new-members h4{
	text-transform:uppercase;
	color:#4f668a;
	size:12px;
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
}
#home-page .home-guides {
    border: 1px solid #242833;
	height:374px;
	padding:8px;
}
#home-page .home-guides h2{
    font-size:12px;
	text-transform:uppercase;
	color:#59798E;
}



#home-page .h-tab-box .h-tab{
    background: url(gfx/bg-tab-home.png) center bottom;
	font:normal 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#afbdd1;
	width:114px;
	height:40px;
	padding:10px 5px 0;
	text-align:center;
	line-height:1em;
	margin-right:2px;
}
#home-page .h-tab-box .selected{
	background: url(gfx/bg-tab-home.png) center top;
	color:#fff;	
}
#home-page .h-tab .sub{
    color:#4f668a;
	font:normal 10px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	
}
#home-page .h-tab-box .selected .sub{
    color:#afbdd1;
	font:normal 10px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	
}
.h-news .news-bin {
	padding:20px;
	background: #050c13;
	line-height:1.7em;
	color:#c8d0dd;
	margin:10px 0;
}
.h-news .news-bin li {
	margin:7px 30px;
}  
.h-news .news-bin img{
	background: #0a121c;
    border: 1px solid #364956;
    max-width: 500px;
    padding: 4px;
}
.h-news .news-ftr {
	padding:3px;
	background: #0a121c;
	font-size:11px;
	border:solid 1px #102338;
}
.h-news .news-ftr a {
	color:#596271;	
}
#home-page .rec-by {
	font-size:11px;
}
#home-page .tl-hdr {
	padding-top:10px;
	color: #a2b6c4;
    font-size: 12px;
    text-transform: uppercase;
}
#h-esports .byline {
	font-size:10px;
	color:#627a91;
	text-transform:uppercase;	
}
#h-esports .sub-f-link {
	height: 75px; margin-top: 1px; overflow: hidden; padding: 8px;	
}
#h-esports .sub-f-link a{
	color:#fff;	
}




.home {
  padding: 5px;
  font-size: 0;
}
.home > div {
  font-size: 0;
}
.home > div > div {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  font-size: 14px;
}
.home__top {
  background: #1a283f;
  padding: 16px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.home__top__left {
  width: 70%;
}
.home__top__right {
  width: 30%;
  padding-left: 35px;
}
.home__middle {
  margin-bottom: 15px;
}
.home__middle__left {
  width: 379px;
  margin-right: 21px;
}
.home__middle__center {
  width: 379px;
  margin-right: 21px;
}
.home__middle__right {
  width: 300px;
  margin-top: 10px;
}
.home__middle + .exhibit-wide {
  margin-bottom: 15px;
}
.home__bottom__left {
  width: 65%;
  padding-right: 21px;
}
.home__bottom__right {
  width: 35%;
}
.home__bottom__right .exhibit {
  margin-bottom: 20px;
}
.featured-guides {
  position: relative;
}
.featured-guides__header {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  background: rgba(21, 32, 52, 0.7);
  padding: 0 12px;
  box-sizing: border-box;
}
.featured-guides__header span {
  font: 12px/25px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: white;
}
.featured-guides__header ul {
  float: right;
  margin: 8px 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.featured-guides__header ul li {
  cursor: pointer;
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #345079;
  transition: 300ms;
}
.featured-guides__header ul li + li {
  margin-left: 2px;
}
.featured-guides__header ul li.selected, .featured-guides__header ul li:hover {
  background: #5384ca;
}
.featured-guides__slides {
  white-space: nowrap;
  font-size: 0;
  height: 220px;
  overflow: hidden;
}
.featured-guides__slide {
  display: inline-block;
  width: 100%;
  height: 220px;
  position: relative;
  left: 0;
  transition: 500ms;
}
.featured-guides__slide__image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.featured-guides__slide__image img {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.featured-guides__slide__info {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(21, 32, 52, 0.75);
  padding: 4px 12px 7px;
}
.featured-guides__slide__info__meta {
  position: absolute;
  right: 0;
  bottom: 100%;
  background: rgba(132, 94, 225, 0.8);
  padding: 0 50px 0 30px;
}
.featured-guides__slide__info__meta::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 19px 19px;
  border-color: transparent transparent rgba(132, 94, 225, 0.8) transparent;
  position: absolute;
  right: 100%;
  top: 0;
}
.featured-guides__slide__info__meta span {
  font-size: 12px;
  line-height: 19px;
  text-transform: uppercase;
  color: white;
}
.featured-guides__slide__info__meta img {
  position: absolute;
  right: 7px;
  top: -9px;
  width: 34px;
}
.featured-guides__slide__info > span {
  color: #63748f;
  display: block;
}
.featured-guides__slide__info > span:nth-of-type(1) {
  font-size: 16px;
  color: white;
}
.featured-guides__slide__info > span:nth-of-type(2) {
  font-size: 12px;
}
.featured-guides__slide__info > span:nth-of-type(3) {
  font-size: 11px;
}
.featured-guides__slide__info > span:nth-of-type(3) b {
  font-weight: 400;
  color: white;
}
.new-champ {
  position: relative;
  padding-left: 168px;
}
.new-champ__main {
  position: absolute;
  top: 0;
  left: 0;
  width: 155px;
  bottom: 0;
}
.new-champ__main__image {
  position: relative;
  overflow: hidden;
}
.new-champ__main__image img:nth-of-type(1) {
  width: 155px;
  height: 155px;
  transform: translateZ(0);
}
.new-champ__main__image img:nth-of-type(2) {
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 30px;
}
.new-champ__main__image img:nth-of-type(3) {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 32px;
}
.new-champ__main__info {
  margin-top: 10px;
}
.new-champ__main__info span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.1;
}
.new-champ__main__info span:nth-of-type(1) {
  font-size: 24px;
  color: white;
  font-family: "Times New Roman", sans-serif;
}
.new-champ__main__info span:nth-of-type(2) {
  font-size: 12px;
  color: #7c89a1;
}
.new-champ__main__info span:nth-of-type(3) {
  font-size: 10px;
  color: #384763;
}
.new-champ__main:hover .new-champ__image img:nth-of-type(1) {
  transform: scale(1.2) translateZ(0);
}
.new-champ__selection {
  font-size: 0;
}
.new-champ__selection > a {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}
.new-champ__selection > a:nth-of-type(7n + 7) {
  margin-right: 0;
}
.new-champ__selection > a > img {
  width: 72px;
  height: 72px;
  transition: 400ms;
  transform: translateZ(0);
}
.new-champ__selection > a:hover > img {
  transform: scale(1.2) translateZ(0);
}
.new-champ__results {
  font-size: 0;
}
.new-champ__results__item {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}
.new-champ__results__item > div {
  background-color: #2c3d5d;
  width: 72px;
  height: 72px;
  transition: 400ms;
  transform: translateZ(0);
  background-size: cover;
}
.new-champ__results__item:hover > div {
  transform: scale(1.2) translateZ(0);
}
.new-champ__search {
  width: 100%;
  box-sizing: border-box;
  background: #2c3d5d;
  padding: 2px 2px 2px 54px;
  position: relative;
}
.new-champ__search img {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 23px;
}
.new-champ__search img:nth-of-type(2) {
  display: none;
}
.new-champ__search input[type="text"] {
  background: #18253e;
  box-sizing: border-box;
  border: none !important;
  height: 46px !important;
  line-height: 46px;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 24px !important;
  color: #c7d0e3 !important;
  padding: 0 10px !important;
  width: 100%;
}
.new-champ__search input[type="text"]::placeholder {
  color: #c7d0e3 !important;
}
.new-champ__search__clear {
  display: none;
  position: absolute;
  top: 13px;
  right: 15px;
  padding: 5px 10px;
  color: #c7d0e3;
  background: #2c3d5d;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
}
.list-box__title {
  background: #0b1727;
  padding: 0 10px;
  margin-bottom: 4px;
}
.list-box__title h2 {
  color: #8c9aad;
  display: inline-block;
}
.list-box__title a {
  float: right;
  color: #5384ca;
  transition: 300ms;
}
.list-box__title a:hover {
  color: #7aa0d6;
}
.list-box__title h2, .list-box__title a {
  font-size: 12px;
  line-height: 39px;
  text-transform: uppercase;
}
.list-box__content {
  padding: 5px;
  background: #152034;
}
.list-box__item {
  background: #1a283f;
  position: relative;
  padding: 2px;
  margin-bottom: 3px;
  display: block;
  transition: 300ms;
}
.list-box__item:hover {
  background: #293f63;
}
.list-box__item + .list-box__item {
  margin-top: 3px;
}
.list-box__item:nth-of-type(even) {
  background: #233148;
}
.list-box__item:nth-of-type(even):hover {
  background: #34486a;
}
.list-box__item > span {
  display: inline-block;
  vertical-align: middle;
}
.list-box__item__pic {
  width: 61px;
  height: 61px;
  margin-right: 8px;
}
.list-box__item__pic img {
  width: 100%;
}
.list-box__item__content {
  width: 250px;
}
.list-box__item__content > span {
  display: block;
  line-height: 1.2;
}
.list-box__item__content > span:nth-of-type(1) {
  color: white;
  font-size: 14px;
}
.list-box__item__content > span:nth-of-type(2) {
  font-size: 12px;
  color: #63748f;
}
.list-box__item__votes {
  position: relative;
}
.list-box__item__votes span {
  font: 9px/9px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
  color: #63748f;
  display: block;
  margin-top: 4px;
}
.list-box__item__fullContent > span {
  display: block;
  line-height: 1.2;
  color: white;
  font-size: 14px;
}
.list-box__item__fullContent ul {
  margin: 4px 0 0 0;
  padding: 0;
  list-style: none;
}
.list-box__item__fullContent ul li {
  display: inline-block;
  border: 2px solid #2c3d5d;
  border-radius: 100%;
  overflow: hidden;
  width: 33px;
  height: 33px;
  text-align: center;
  background: #1a283f;
}
.list-box__item__fullContent ul li img {
  width: 100%;
  height: 100%;
}
.list-box__item__fullContent ul li span {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 11px;
  color: #63748f;
  display: inline-block;
  margin-top: 6px;
}
.home-news__featured {
  border-bottom: 1px solid #152034;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
.home-news__featured::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 120px 120px 0 0;
  border-color: #275495 transparent transparent transparent;
}
.home-news__featured__caret {
  text-align: center;
  position: absolute;
  top: -3px;
  left: -3px;
  transform: rotate(-45deg);
  width: 120px;
  height: 120px;
}
.home-news__featured__caret svg {
  margin-bottom: 8px;
  width: 25px;
  height: 25px;
}
.home-news__featured__caret span {
  font: 300 16px/20px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  text-transform: uppercase;
  display: block;
  letter-spacing: 3px;
}
.home-news__featured .home-news__item__header h4 {
  font-size: 22px;
}
.home-news__featured .home-news__item__header > span {
  font-size: 14px;
}
.home-news__featured .home-news__item__header .tags {
  float: right;
}
.home-news__featured .home-news__item__copy p {
  display: inline-block;
  margin-bottom: 5px;
}
.home-news__featured .home-news__item__copy p:last-of-type {
  display: inline;
}
.home-news__list {
  font-size: 0;
  position: relative;
}
.home-news__list .home-news__item {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  width: 50%;
  border-bottom: 1px solid #152034;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.home-news__list .home-news__item .tags {
  margin: 7px 0 9px;
}
.home-news__list .home-news__item__copy p {
  color: #8c9aad;
}
.home-news__list::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid #152034;
}
.home-news__item {
  box-sizing: border-box;
}
.home-news__item__pic {
  display: block;
}
.home-news__item__pic img {
  width: 100%;
}
.home-news__item__header {
  padding: 5px 0;
}
.home-news__item__header h4 {
  color: white;
  font-size: 16px;
  font-weight: 400;
}
.home-news__item__header > span {
  color: #63748f;
  font-size: 11px;
}
.home-news__item__header ul.tags {
  font-size: 0;
}
.home-news__item__header ul.tags li {
  display: inline-block;
  border-radius: 5px;
  color: white;
  background: #666;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px 10px;
}
.home-news__item__header ul.tags li a {
  color: white;
}
.home-news__item__header ul.tags li + li {
  margin-left: 5px;
}
.home-news__item__header ul.tags li[type="mf"] {
  background: #5384ca;
}
.home-news__item__header ul.tags li[type="riot"] {
  background: #e60d2d;
}
.home-news__item__header ul.tags li[type="sale"] {
  background: #48b744;
}
.home-news__item__copy p {
  color: white;
  font-size: 12px;
  display: inline;
}
.home-news__item__copy a {
  color: #5384ca;
  font-size: 12px;
  display: inline;
  margin-left: 5px;
}
.home-sidebar-module {
  background: #152034;
  margin-bottom: 20px;
}
.home-sidebar-module__header {
  padding: 0 15px;
}
.home-sidebar-module__header h3 {
  color: #8c9aad;
  font-size: 12px;
  line-height: 38px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
}
.home-sidebar-module__header a {
  text-transform: uppercase;
  float: right;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 38px;
  color: #5384ca;
  transition: 300ms;
}
.home-sidebar-module__header a:hover {
  color: #7aa0d6;
}
.home-sidebar-module__content {
  padding: 0 5px 5px;
}
.home-sidebar-module__content .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-sidebar-module__questions > a {
  display: block;
  text-align: center;
  background: #1a283f;
  margin-bottom: 10px;
  padding: 0 20px;
  transition: 400ms;
}
.home-sidebar-module__questions > a:hover {
  background: #213351;
}
.home-sidebar-module__questions > a:nth-of-type(even) {
  background: #233148;
}
.home-sidebar-module__questions > a:nth-of-type(even):hover {
  background: #2b3d59;
}
.home-sidebar-module__questions > a:last-child {
  margin-bottom: 0;
}
.home-sidebar-module__questions > a > h4 {
  color: #8599b8;
  font-size: 35px;
  line-height: 45px;
  font-family: "Times New Roman", serif;
  border-bottom: 1px solid #2c3d5d;
  font-weight: 400;
  padding: 5px 0;
}
.home-sidebar-module__questions > a > h4 span {
  font-size: 25px;
  font-family: "Times New Roman", serif;
}
.home-sidebar-module__questions > a > h4::after {
  content: '';
  display: inline-block;
  margin-left: 5px;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #8599b8;
}
.home-sidebar-module__questions > a > p {
  font-size: 14px;
  line-height: 18px;
  color: white;
  padding: 8px 0 5px;
}
.home-sidebar-module__questions > a > span {
  font-size: 10px;
  line-height: 16px;
  color: #63748f;
  display: block;
  padding: 2px 0;
}
.home-sidebar-module__questions > a > b {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  color: #5384ca;
  display: block;
  padding: 2px 0 5px;
}
.home-sidebar-module__switcher {
  position: relative;
  padding-bottom: 25px;
}
.home-sidebar-module__switcher > ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.home-sidebar-module__switcher > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 5px 15px;
  color: #788aab;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: 300ms;
}
.home-sidebar-module__switcher > ul > li:hover {
  color: white;
}
.home-sidebar-module__switcher > ul > li.active {
  color: white;
  border-bottom: 4px solid #5384ca;
}
.home-sidebar-module__switcher > div {
  height: 340px;
  overflow: hidden;
  position: relative;
}
.home-sidebar-module__switcher .item {
  display: block;
  position: relative;
  width: 375px;
  padding: 3px;
  background: #1a283f;
  padding-left: 75px;
  min-height: 65px;
  margin-bottom: 3px;
  box-sizing: border-box;
  transition: 500ms;
}
.home-sidebar-module__switcher .item:hover {
  background: #213351;
}
.home-sidebar-module__switcher .item:nth-of-type(even) {
  background: #233148;
}
.home-sidebar-module__switcher .item:nth-of-type(even):hover {
  background: #2b3d59;
}
.home-sidebar-module__switcher .item > img {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 59px;
}
.home-sidebar-module__switcher .item > div {
  position: absolute;
  top: 50%;
  left: 75px;
  transform: translateY(-50%);
  right: 6px;
}
.home-sidebar-module__switcher .item > div > span {
  display: block;
}
.home-sidebar-module__switcher .item > div > span:nth-of-type(1) {
  color: white;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home-sidebar-module__switcher .item > div > span:nth-of-type(2) {
  color: #63748f;
  font-size: 12px;
  line-height: 14px;
}
.home-sidebar-module__switcher .item > div > span:nth-of-type(3) {
  margin-top: 3px;
}
.home-sidebar-module__switcher .item > div > span:nth-of-type(3) img {
  width: 20px;
  margin-right: 5px;
}
.home-sidebar-module__switcher .item > div > p {
  font-size: 12px;
  color: #63748f;
}
.home-sidebar-module__switcher .item > div > p b {
  font-weight: 400;
  color: white;
}
.home-sidebar-module__switcher .item > div > p + span {
  color: #63748f !important;
  font-size: 12px !important;
  line-height: 14px !important;
}
.home-sidebar-module__switcher .nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 7px;
  display: block;
  font-size: 0;
}
.home-sidebar-module__switcher .nav > span {
  display: inline-block;
  width: 49.5%;
  background: #233148;
  color: #63748f;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  line-height: 21px;
  transition: 300ms;
  cursor: pointer;
}
.home-sidebar-module__switcher .nav > span + span {
  margin-left: 1%;
}
.home-sidebar-module__switcher .nav > span:not(.disabled):hover {
  background: #34486a;
  color: white;
}
.home-sidebar-module__switcher .nav > span.disabled {
  opacity: 0.5;
  cursor: default;
}
.box-pad {
  padding: 12px;
}
#home-champs {
  width: 664px;
}
#home-champs .new-champ {
  height: 191px;
  position: relative;
}
#home-champs .new-champ .champ a {
  font-size: 24px;
  font-family: "Times New Roman", Times, serif;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000;
}
#home-champs .new-champ .title a {
  color: #bccbd6;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 0px;
  text-shadow: 1px 1px 1px #000;
}
#home-champs .free-champ-box {
  padding: 3px 3px 10px 3px;
  background: url(gfx/bg-home-tab-content.png);
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#home-champs .free-champ-box img {
  padding: 2px;
  border: solid 1px #010b13;
  background: #0b1522;
  width: 45px;
}
#home-champs .free-champ-box img:hover {
  border: solid 1px #ff8000;
}
#home-champs .new-ico {
  background: url(gfx/home-new-ico.png) top left no-repeat;
  height: 90px;
}
#home-champs h4 {
  color: #59798e;
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 0px 5px 0px;
}
.home-h1 {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 5px;
}
#home-champs .new-champ .title a:hover, #home-champs .new-champ .champ a:hover {
  text-decoration: none;
}
#home-feature .box-shadow .box-shadow-inner-lb {
  height: 178px;
  overflow: hidden;
}
#home-feature {
  overflow: hidden;
  position: relative;
}
#home-feature img {
  width: 428px;
  height: 178px;
}
#home-feature .pager {
  position: absolute;
  bottom: 8px;
  right: 15px;
  overflow: hidden;
  list-style: none;
  clear: both;
  border-radius: 7px;
  padding: 3px 5px;
}
#home-feature .pager li {
  float: left;
}
#home-feature .pagenum {
  padding: 3px;
  display: block;
}
#home-feature .pagenum div {
  width: 14px;
  height: 14px;
  border: 1px solid #010101;
  text-decoration: none;
  text-align: center;
  display: block;
  position: relative;
  background: #101010;
}
#home-feature .pager .selected div {
  background: #3280cf;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyODBjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTlhZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #3280cf 0%, #059afb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3280cf), color-stop(100%, #059afb));
  background: -webkit-linear-gradient(top, #3280cf 0%, #059afb 100%);
  background: -o-linear-gradient(top, #3280cf 0%, #059afb 100%);
  background: -ms-linear-gradient(top, #3280cf 0%, #059afb 100%);
  background: linear-gradient(to bottom, #3280cf 0%, #059afb 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3280cf', endColorstr='#059afb',GradientType=0);
}
#home-stats .box-shadow {
  width: 421px;
}
#home-stats .box-shadow .box-shadow-inner-lb {
  height: 191px;
  overflow: hidden;
}
#home-stats h2 {
  font: 16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.3em;
}
#home-stats .hdr-sub {
  margin-top: 3px;
  color: #7e8da2;
  font-size: 11px;
}
#home-stats .inset {
  background: #0b1524;
  padding: 7px;
  width: 480px;
}
#home-stats .welcome {
  font-size: 10px;
}
#home-stats .welcome a {
  color: #a9b8cd;
}
#home-stats .welcome h4 {
  text-transform: uppercase;
  color: #4f668a;
  size: 11px;
  font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 3px 0 0 0;
  line-height: 1em;
}
#home-stats .members {
  color: #dbdbdb;
}
#home-stats .members-online {
  font-size: 11px;
  margin: 2px 0 0 0;
  color: #7e8da2;
}
#home-guides .box-shadow-2 {
  width: 385px;
}
#home-guides .guide-row {
  display: block;
  padding: 2px;
}
#home-guides .guide-row:hover {
  background: #152238;
}
#home-guides .guide-divide {
  background: url(gfx/box-discuss-divide.png) center center repeat-x;
  height: 10px;
}
#home-guides .guide-avatar {
  width: 35px;
}
#home-guides a .guide-info {
  color: #b8c3d1;
}
#home-guides a:hover .guide-info {
  color: #fff;
}
#home-guides a .guide-info .author {
  color: #3b516d;
  font-size: 10px;
  line-height: 12px;
}
#home-guides a .guide-score {
  width: 40px;
  padding-top: 7px;
  font-size: 14px;
  text-align: center;
}
.home-sublink {
  color: #7e95b5;
}
#home-eb .box-shadow-2 {
  width: 385px;
}
#home-eb .eb-row, #esports-builds .eb-row {
  background: #0b1524;
  padding: 4px 5px 5px 5px;
}
#home-eb .b-pic, #esports-builds .b-pic {
  width: 34px;
  padding: 2px;
  border: solid 1px #121e32;
  background: #020914;
}
#home-eb .eb-row h3, #esports-builds .eb-row h3 {
  font: 12px Verdana, Geneva, sans-serif normal;
  color: #8897ae;
  margin-bottom: 3px;
}
#home-eb .eb-row h3 a, #esports-builds .eb-row h3 a {
  color: #8897ae;
}
#home-eb .eb-row h3 span, #esports-builds .eb-row h3 span {
  color: #c90;
}
#home-eb .eb-row h3 span img, #esports-builds .eb-row h3 span img {
  height: 16px;
  margin-right: 2px;
}
#home-gg .box-shadow {
  width: 663px;
}
#home-gg .guest-guides, #home-ga .guest-guides {
  background: #0b1524;
  padding: 5px;
}
#home-gg .info-line {
  line-height: 15px;
}
#home-gg .guest-info {
  width: 236px;
  font-size: 11px;
  color: #cdcdcd;
  padding-left: 5px;
}
#home-gg .guest-links {
  background: url(gfx/box-guest-grad.png) bottom left repeat-x;
  padding: 18px;
  width: 349px;
  height: 112px;
}
#home-gg .guest-tabs, #home-ga .guest-tabs {
  margin-top: 8px;
}
#home-gg .guest-tabs .tab, #home-ga .guest-tabs .tab {
  padding: 3px 10px;
  height: 23px;
  background: #080f1a;
  font: 12px/23px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #445875;
  text-transform: uppercase;
  margin-left: 2px;
}
#home-gg .guest-tabs .tab img {
  max-height: 25px;
}
#home-gg .guest-links h3 {
  font-weight: normal;
  margin: 5px 0 10px;
  color: #8a9ab2;
  font-size: 16px;
}
#home-gg .team-logo {
  width: 197px;
  height: 80px;
}
#home-gg .guest-tabs .tab:hover, #home-gg .guest-tabs .selected, #home-ga .guest-tabs .tab:hover, #home-ga .guest-tabs .selected {
  color: #8a9ab2;
  background: #0b1524;
}
#home-gg .guest-tabs h3, #home-ga .guest-tabs h3 {
  font: 14px/23px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-left: 7px;
}
#home-gg .guide-links a {
  width: 55px;
  height: 55px;
  padding: 3px;
  border: 1px solid #1b3a5f;
  margin: 4px;
  display: block;
}
#home-gg .stream-link img {
  padding: 3px;
  background: #060b13;
  border: 1px solid #1b3a5f;
  margin: 4px;
  width: 96px;
  height: 54px;
}
#home-gg .guide-links a:hover, #home-gg .stream-link img:hover {
  border: 1px solid #ff8000;
}
#home-ga .box-shadow {
  width: 421px;
}
#home-ga .guest-guides {
  padding: 8px;
}
#home-ga .auth-info-box {
  padding: 8px;
}
#home-ga .auth-info-box .avatar {
  width: 37px;
  height: 37px;
  padding: 3px;
  background: #273248;
}
#home-ga .auth-info-box .name {
  color: #c6d9f3;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#home-ga .auth-info-box .elo {
  color: #aaa;
  font-size: 10px;
}
#home-ga .auth-info-box .stream {
  width: 152px;
  height: 28px;
  display: block;
  background: url(gfx/home-stream-status-twitch.png) bottom center no-repeat;
}
#home-ga .auth-info-box .live {
  background: url(gfx/home-stream-status-twitch.png) top center no-repeat;
}
#home-ga .auth-guide-list {
  background-color: #040911;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #040911), color-stop(100%, #0b1524));
  background-image: -webkit-linear-gradient(top, #040911 1%, #0b1524 100%);
  background-image: -moz-linear-gradient(top, #040911 1%, #0b1524 100%);
  background-image: -o-linear-gradient(top, #040911 1%, #0b1524 100%);
  background-image: linear-gradient(#040911 1%, #0b1524 100%);
  height: 79px;
  padding: 8px;
}
#home-ga .guide-row {
  display: block;
  padding: 2px;
}
#home-ga .guide-row:hover {
  background: #152238;
}
#home-ga .guide-divide {
  background: url(gfx/box-discuss-divide.png) center center repeat-x;
  height: 10px;
}
#home-ga .guide-avatar {
  width: 35px;
}
#home-ga a .guide-info {
  color: #b8c3d1;
}
#home-ga a:hover .guide-info {
  color: #fff;
}
#home-ga a .guide-info .date {
  color: #3b516d;
  font-size: 10px;
  line-height: 12px;
}
#home-mftv .box-shadow {
  width: 663px;
}
#home-mftv .mftv-wrap {
  background: #0b1524;
  padding: 10px;
  height: 216px;
}
#home-mftv .mftv-new, .mf-tv-loading {
  background: #040911 url(gfx/home-mftv-bg.png) center center no-repeat;
}
#home-mftv .mftv-new {
  width: 307px;
  height: 205px;
  padding: 6px;
}
.mf-tv-loading {
  min-height: 170px;
  width: 283px;
  border: 1px solid black;
}
#home-mftv .mftv-logo {
  margin: 5px 0 15px 25px;
}
#home-mftv .mcs-logo {
  margin: 0 0 0 25px;
}
#home-mftv .mftv-watch, .sideblock .mftv-watch {
  font-size: 10px;
  color: #506686;
  text-transform: uppercase;
  padding-bottom: 3px;
}
#home-mftv .mftv-new .vid-tmb {
  width: 307px;
  height: 173px;
  display: block;
  text-align: center;
}
#home-mftv .mftv-new .mcs .vid-tmb, #home-mftv .mftv-new .mftv-stream .vid-tmb {
  height: 153px;
}
#home-mftv .mftv-new .vid-tmb img {
  margin-top: 50px;
}
#home-mftv .mftv-new .mcs .vid-tmb img, #home-mftv .mftv-new .mftv-stream .vid-tmb img {
  margin-top: 40px;
}
#home-mftv .vid-title, .mf-tv-sidebar .vid-title {
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
}
#home-mftv .mftv-new .vid-title, .mf-tv-sidebar .vid-title {
  background: #112136;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMjEzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzA5MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #112136 0%, #030910 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #112136), color-stop(100%, #030910));
  background: -webkit-linear-gradient(top, #112136 0%, #030910 100%);
  background: -o-linear-gradient(top, #112136 0%, #030910 100%);
  background: -ms-linear-gradient(top, #112136 0%, #030910 100%);
  background: linear-gradient(to bottom, #112136 0%, #030910 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#112136', endColorstr='#030910',GradientType=0);
}
#home-mftv .mftv-new .vid-title:first-child, .mf-tv-sidebar .vid-title:last-child {
  padding: 2px 0 5px;
}
#home-mftv .video, .mf-tv-sidebar .video {
  background: url("/images/bg-home-stream.jpg") no-repeat scroll center center transparent;
  text-align: center;
  display: block;
  background-size: 100% 100%;
}
#home-mftv .video {
  height: 205px;
  width: 307px;
}
.mf-tv-sidebar .video {
  width: 283px;
  min-height: 204px;
}
#home-mftv .video .mm-home-vid-tmb {
  height: 175px;
  text-align: center;
  width: 307px;
}
.mf-tv-sidebar .video .mm-home-vid-tmb {
  width: 283px;
  height: 176px;
}
.mf-tv-sidebar .vid-title:last-child {
  padding: 5px 0 4px;
}
#home-mftv .mftv-new .mcs .vid-title:first-child {
  color: #5f83a4;
}
#home-mftv .mftv-new .mcs .vid-title.teams, .mf-tv-sidebar.mcs .vid-title.teams {
  font-size: 10px;
  padding-top: 5px;
}
#home-mftv .mftv-new .mcs .vid-title.teams img, .mf-tv-sidebar.mcs .vid-title.teams img {
  max-width: 23px;
  max-height: 17px;
  margin: 0 5px 0 1px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
#home-mftv .mftv-new .mcs .vid-title.teams img:last-child, .mf-tv-sidebar.mcs .vid-title.teams img:last-child {
  margin: 0 1px 0 5px;
}
#home-mftv .mftv-new .vid-title img {
  margin-left: 5px;
}
#home-mftv .mftv-new .vid-title .btn {
  top: -3px;
  margin-left: 34px;
}
.mf-tv-sidebar .vid-title .mftv-logo {
  margin: 3px 0 5px 10px;
}
.mf-tv-sidebar.mcs .vid-title {
  position: relative;
}
.mf-tv-sidebar.mcs .vid-title .mcs-logo {
  position: absolute;
  top: -37px;
  left: 2px;
}
.mf-tv-sidebar .vid-icons {
  float : right;
  margin: 9px 5px 7px 0;
}
.mf-tv-sidebar .vid-icons img {
  vertical-align: top;
  margin-right: 5px;
}
.mf-tv-sidebar .box-blue {
  padding: 0;
}
.streaming-live {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.5);
  margin-bottom: 9px;
  display: inline-block;
}
#home-razer .box-shadow {
  width: 421px;
}
#home-razer .box-shadow-3 {
  margin: 3px;
}
#home-razer {
  text-align: center;
}
#home-razer h3 {
  font: 16px/1.4em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#home-razer .razer-streams {
  padding: 10px 40px;
}
#home-razer .razer-streams .razer-wrap {
  background: #060b13 url(gfx/home-new-ico.png) 1px 1px no-repeat;
  padding: 5px;
  height: 87px;
  border: 1px solid #1b3a5f;
  display: block;
  color: #cdcdcd;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#home-razer .razer-streams .razer-wrap span {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #6897bf;
  text-transform: uppercase;
}
#home-razer .razer-streams .razer-wrap img {
  width: 128px;
  height: 87px;
}
#home-razer .razer-streams .razer-wrap:hover {
  border: 1px solid #ff8000;
  text-decoration: none;
  color: #fff;
}
#home-razer .razer-wrap .razer-info {
  width: 160px;
  padding: 18px 0 0 18px;
}
#home-razer .razer-sub {
  color: #4a6f97;
  text-transform: uppercase;
  line-height: 1.2em;
}
#home-razer .box-shadow-inner-db {
  height: 170px;
}
#home-discussion.home-area {
  width: 421px;
}
#home-discussion h3 .show {
  float: right;
  text-transform: uppercase;
  color: #3c4b65;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#home-discussion h3 .show .prettycheckbox {
  margin-left: 5px;
}
#home-discussion .discuss-link {
  font-size: 11px;
  color: #607495;
  display: table;
  width: 100%;
  background: #070e19;
  margin-top: 2px;
}
#home-discussion .discuss-link:last-child {
  margin-bottom: 2px;
}
#home-discussion .discuss-link > div {
  display: table-cell;
  vertical-align: middle;
}
#home-discussion .discuss-link a {
  color: #b0bed6;
}
#home-discussion .discuss-link img {
  border: solid 3px #131e30;
  background: #020b12;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
#home-discussion .discuss-link .pic {
  padding: 8px;
  width: 40px;
  height: 40px;
}
#home-discussion .discuss-divide {
  background: url(gfx/box-discuss-divide.png) center center repeat-x;
  height: 10px;
}
#home-discussion .discuss-sublink {
  color: #436a94;
  padding: 0;
}
#home-discussion .discuss-sublink a {
  color: #436a94;
}
#home-discussion .btn-more {
  background: #080e19;
  font-size: 10px;
  text-transform: uppercase;
  color: #5a6c7d;
  line-height: 24px;
}
#home-discussion .btn-more:hover {
  background: #0f192a;
}
#home-discussion .btn-more span {
  display: block;
  padding: 0 10px;
}
#home-discussion .btn-more div {
  display: inline;
}
#home-discussion .btn-more span:first-child {
  float: left;
}
#home-discussion .btn-more span:last-child {
  float: right;
}
#home-news {
  float: left;
  width: 663px;
}
#home-news.news {
  float: none;
  width: auto;
}
#home-news article {
  padding: 9px;
}
#home-news .news-head > h2 {
  border-bottom: #070e19;
  box-shadow: 0 1px 0 0 #1a293a;
}
#home-news h2, #home-news h2 a {
  font: 21px/28px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: white;
}
#home-news h2 img {
  margin: 0 6px 4px 0;
  height: 26px;
}
#home-news h2 a:hover {
  text-decoration: none;
  color: #fff;
}
#home-news .hdr-sub, #home-news .hdr-sub a {
  color: #485771;
  padding: 2px 0 10px;
  font-size: 11px;
}
#home-news .hdr-sub a {
  text-decoration: none;
}
#home-news .news-inner {
  padding: 30px 16px 15px;
  color: #9fabbe;
  font-size: 14px;
  line-height: 1.5em;
  background: #070e19;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#home-news .news-inner h2 {
  font-size: 18px;
}
#home-news .news-inner.news-riot {
  color: #c0c0c0;
}
#home-news .news-inner.news-riot h3, #home-news .news-inner.news-riot h2 {
  color: #62a2fc;
}
#home-news .news-inner.news-riot h3, #home-news .news-inner.news-riot h2 {
  color: #d91f31;
}
#home-news .news-inner .read-more {
  display: block;
  color: #3d4e69;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  line-height: 26px;
  border: 1px solid #0b1423;
  position: relative;
  background: url(/images/news-dot.png) calc(50% - 67px) center no-repeat, url(/images/news-dot.png) calc(50% - 55px) center no-repeat, url(/images/news-dot.png) calc(50% + 67px) center no-repeat, url(/images/news-dot.png) calc(50% + 55px) center no-repeat;
  background-color: #131e30;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #0c131e;
}
#home-news .news-inner .disappear {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  display: block;
  height: 75px;
  width: 100%;
  margin-top: -65px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3MGUxOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzA3MGUxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzBlMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(7, 14, 25, 0) 0%, #070e19 90%, #070e19 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(7, 14, 25, 0)), color-stop(90%, #070e19), color-stop(100%, #070e19));
  background: -webkit-linear-gradient(top, rgba(7, 14, 25, 0) 0%, #070e19 90%, #070e19 100%);
  background: -o-linear-gradient(top, rgba(7, 14, 25, 0) 0%, #070e19 90%, #070e19 100%);
  background: -ms-linear-gradient(top, rgba(7, 14, 25, 0) 0%, #070e19 90%, #070e19 100%);
  background: linear-gradient(to bottom, rgba(7, 14, 25, 0) 0%, #070e19 90%, #070e19 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00070e19', endColorstr='#070e19',GradientType=0);
}
#home-news .news-inner .read-more:hover {
  color: #84accd;
  text-decoration: none;
  background-color: #1c2c45;
  box-shadow: inset 0 0 0 1px #121c2c;
}
#home-news .news-inner img {
  max-width: 543px;
}
#home-news .news-riot {
  background-image: url(/images/riot-bg.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 1px) 1px;
}
#home-news .news-riot img {
  max-width: 543px;
}
#home-news .news-esc img {
  max-width: 300px;
  background: #151515;
  padding: 4px;
  border: 1px solid #000;
}
#home-news .permalink {
  margin-bottom: -7px;
}
#home-news .permalink a {
  color: #394b62;
}
#home-qa .qa-hdr {
  font-size: 10px;
  text-transform: uppercase;
  color: #537097;
  padding: 8px 0 3px;
}
#home-qa .qa-row {
  display: block;
  background: #1a283f;
  margin-top: 2px;
  padding: 3px;
  overflow: hidden;
}
#home-qa .qa-row:hover {
  background: #233148;
  text-decoration: none;
}
#home-qa .qa-row h3 {
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #aabad5;
}
#home-qa .qa-row .qa-byline {
  font-size: 10px;
  color: #53698d;
}
#home-qa .qa-row img {
  padding: 3px;
  border: solid 1px #112133;
  background: #020b12;
  width: 27px;
  height: 27px;
}
#new-champ .champ-pic {
  height: 87px;
  border: 1px solid #050a12;
  padding: 15px 0 0 71px;
  display: block;
}
#new-champ .champ-pic:hover {
  text-decoration: none;
}
#new-champ .champ-pic h2 {
  color: white;
  line-height: 1;
  font-family: Times New Roman;
  font-size: 48px;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.75);
  font-weight: normal;
}
#new-champ .champ-pic h2 span {
  text-transform: uppercase;
  color: #b2d1fe;
  margin-right: 6px;
  font-size: 10px;
  line-height: 1;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#new-champ .champ-pic h3 {
  text-transform: uppercase;
  font-weight: normal;
  color: white;
  line-height: 1;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-shadow: 2px 2px 2px black;
}
#new-champ .champ-selection {
  padding: 6px 10px;
  font-size: 0;
  background: #0a1220;
  margin-top: 4px;
}
#new-champ .champ-selection .champs__header {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}
#new-champ .champ-selection .champs__header h4 {
  float: left;
  padding: 0;
  color: #424c60;
  font-weight: 400;
  font-size: 11px;
  line-height: 11px;
}
#new-champ .champ-selection .champs__header a {
  float: right;
  color: #909db3;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
}
#new-champ .champ-selection .champs__header a::after {
  content: '';
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #909db3;
  display: inline-block;
  transition: 300ms;
}
#new-champ .champ-selection .champs__header a:hover::after {
  margin-left: 8px;
}
#new-champ .champ-selection .champs > a {
  float: left;
  margin: 0 3px 0 0;
  width: 39px;
  height: 39px;
  border: 2px solid #2a3c58;
  border-radius: 3px;
  background: #070e19;
  color: white;
  text-align: center;
  line-height: 100%;
  vertical-align: top;
}
#new-champ .champ-selection .champs > a:hover {
  border-color: #039dd1;
}
#new-champ .champ-selection .champs > a img {
  height: 100%;
  width: 100%;
}
#new-champ .champ-selection .champs > span {
  font-size: 9px;
  color: #2a3c58;
  display: inline-block;
  line-height: 1.3;
  width: 5px;
  letter-spacing: 5px;
  text-align: center;
  margin-right: 4px;
  margin-top: 2px;
}
.mobafire-search-s {
  font-size: 0;
  position: relative;
  display: inline-block;
  border-radius: 7px;
  border: 2px solid #2a3c58;
  margin: 7px 0 8px;
  padding-left: 12px;
  box-shadow: inset 5px 5px 5px 0 rgba(0, 0, 0, 0.35);
  background: #010409;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMDQwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzBlMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #010409 0%, #070e1a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #010409), color-stop(100%, #070e1a));
  background: -webkit-linear-gradient(top, #010409 0%, #070e1a 100%);
  background: -o-linear-gradient(top, #010409 0%, #070e1a 100%);
  background: -ms-linear-gradient(top, #010409 0%, #070e1a 100%);
  background: linear-gradient(to bottom, #010409 0%, #070e1a 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#010409', endColorstr='#070e1a',GradientType=0);
}
.mobafire-search-s .search-text-area {
  background: none;
  border: none;
  color: #b3b1b1;
  width: 688px;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 18px;
  padding: 7px 0;
  outline: none;
}
.mobafire-search-s ::-webkit-input-placeholder {
  font-style: italic;
  color: #586c8b;
  line-height: 18px;
}
.mobafire-search-s :-moz-placeholder {
  font-style: italic;
  color: #586c8b;
}
.mobafire-search-s ::-moz-placeholder {
  font-style: italic;
  color: #586c8b;
}
.mobafire-search-s :-ms-input-placeholder {
  font-style: italic;
  color: #586c8b;
}
.mobafire-search-s .rotation-search-button {
  color: white;
  margin: 1px;
  border-radius: 5px;
  border: 1px solid #243f68;
  text-transform: uppercase;
  float: right;
  cursor: pointer;
  padding: 0px 11px 0px 28px;
  line-height: 28px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.75), 0 0 5px 0 rgba(0, 0, 0, 0.75);
  background: url(/images/search-s.png), #2466b4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NjZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTNlODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: url(/images/search-s.png) no-repeat 10px 7px, -moz-linear-gradient(top, #2466b4 0%, #093e80 100%);
  background: url(/images/search-s.png) no-repeat 10px 7px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2466b4), color-stop(100%, #093e80));
  background: url(/images/search-s.png) no-repeat 10px 7px, -webkit-linear-gradient(top, #2466b4 0%, #093e80 100%);
  background: url(/images/search-s.png) no-repeat 10px 7px, -o-linear-gradient(top, #2466b4 0%, #093e80 100%);
  background: url(/images/search-s.png) no-repeat 10px 7px, -ms-linear-gradient(top, #2466b4 0%, #093e80 100%);
  background: url(/images/search-s.png) no-repeat 10px 7px, linear-gradient(to bottom, #2466b4 0%, #093e80 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2466b4', endColorstr='#093e80',GradientType=0);
  font-size: 12px;
  position: relative;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.mobafire-search-s .rotation-search-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.dropdown-search-results {
  position: absolute;
  top: calc(100% + 5px);
  left: -10px;
  right: -100px;
  background: #0b1524;
  padding: 0 11px 11px;
  z-index: 20;
  text-align: left;
  border: 2px solid #2a3c58;
  box-shadow: 0 6px 9px 6px rgba(0, 0, 0, 0.5);
}
.dropdown-search-results h4 {
  font-size: 14px;
}
.dropdown-search-results h5 {
  font-size: 12px;
}
.dropdown-search-results h4, .dropdown-search-results h5 {
  color: #8696b1;
  text-transform: uppercase;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1;
  margin: 9px 0 7px;
  font-weight: normal;
  text-align: left;
  padding: 0 0 0 4px;
}
.dropdown-search-results h4.no-results {
  background: #060d17 url(/images/no-results.png) no-repeat 5px center;
  color: #848fa3;
  text-transform: uppercase;
  border: 1px solid #2a3c58;
  line-height: 34px;
  padding: 0 15px 0 33px !important;
  display: inline-block;
  margin: 0;
}
.dropdown-search-results h4 span, .dropdown-search-results .extra em {
  color: white;
}
.dropdown-search-results h4 a {
  font-size: 11px;
  float: right;
  display: inline-block;
  color: #848fa3;
  padding-right: 10px;
}
.dropdown-search-results h4 a img {
  margin-top: -10px;
}
.dropdown-search-results h4 a:hover {
  text-decoration: none;
  color: #a0b1cd;
}
.dropdown-search-results .results a, .dropdown-search-results .extra {
  display: inline-block;
  background: #10233d;
  padding: 3px;
  border-radius: 3px;
  margin: 4px;
  vertical-align: top;
  color: #aec3e4;
  white-space: nowrap;
}
.dropdown-search-results .extra:last-child {
  margin-bottom: 0;
}
.dropdown-search-results h4:not(:first-of-type) {
  margin-top: 12px;
}
.dropdown-search-results .results a img {
  width: 25px;
  height: 25px;
  margin-right: 4px;
  padding: 3px;
}
.dropdown-search-results .extra em {
  font-style: normal;
}
.dropdown-search-results a > * {
  display: inline-block;
  vertical-align: middle;
  background: #0b1a30;
  color: #aec3e4;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 25px;
  font-size: 12px;
  border-radius: 3px;
}
.dropdown-search-results a:hover, .dropdown-search-results a.selected {
  text-decoration: none;
  background: #173257;
}
.dropdown-search-results a:hover > *, .dropdown-search-results a.selected > * {
  background: #102544;
  color: #dbe9f8;
}
.dropdown-search-results a span {
  padding: 3px 11px;
}
.dropdown-search-results .results > div:not(:last-child) {
  margin-bottom: 10px;
}
.dropdown-search-results .extra div {
  min-width: 21px;
  height: 31px;
  padding: 0 5px;
  text-align: center;
  margin-right: 4px;
}
.expand .dropdown-search-results .extra div {
  margin-right: 6px;
}
#cloud-latest-guides, #home-featured-guides {
  width: 379px;
  float: left;
}
#cloud-latest-guides h2 {
  text-transform: uppercase;
  color: #039dd1;
  font-weight: normal;
  font-size: 12px;
  line-height: 2.4;
}
#cloud-latest-guides h2 img {
  margin: 6px 5px 0 11px;
}
#cloud-latest-guides .team {
  height: 103px;
  background: url(/images/c9-team.png);
  margin-top: 2px;
  display: block;
}
#cloud-latest-guides .champs {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#cloud-latest-guides .champs > div {
  display: table-cell;
  text-align: center;
  background: #070e19;
  padding-bottom: 20px;
  position: relative;
}
#cloud-latest-guides .champs > div > a {
  display: block;
  text-decoration: none;
}
#cloud-latest-guides .champs > div > .champ:hover {
  background: #0b1626;
}
#cloud-latest-guides .champs > div:nth-child(2) {
  border-left: 1px solid #0a1220;
  border-right: 1px solid #0a1220;
}
#cloud-latest-guides .champs > div .pic {
  width: 74px;
  height: 74px;
  padding: 3px;
  background: #015875;
  border: 1px solid #039dd1;
  display: inline-block;
  margin-top: -39px;
  position: relative;
}
#cloud-latest-guides .champs > div > .champ:hover .pic {
  background: #039dd1;
}
#cloud-latest-guides .champs > div .pic:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: url(/images/cloud-s.png) no-repeat;
}
#cloud-latest-guides .champs > div .pic img {
  width: 100%;
  height: 100%;
}
#cloud-latest-guides .champs > div h4 {
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 8px;
  line-height: 1;
}
#cloud-latest-guides .champs > div h5 {
  color: #039dd1;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-top: 3px;
  word-wrap: break-word;
  padding-bottom: 9px;
}
#cloud-latest-guides .champs > div .stream {
  background: #152034;
  color: #41506b;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 5px 0;
  line-height: 1;
  bottom: 0;
  width: 100%;
  display: block;
  position: absolute;
}
#cloud-latest-guides .champs > div .stream.online {
  background: #299623;
  color: white;
  text-shadow: 1px 0 0 #0d5809, 0 1px 0 #0d5809, 0 -1px 0 #0d5809, -1px 0 0 #0d5809, -1px -1px 0 #0d5809, 1px -1px 0 #0d5809, -1px 1px 0 #0d5809, 1px 1px 0 #0d5809;
}
#cloud-latest-guides .champs > div .stream.online:hover {
  background: #30cb28;
}
#home-newest-guides {
  width: 365px;
}
#home-popular-guides, #home-weekly-guides {
  float: right;
  width: 691px;
}
#home-popular-guides .exhibit, #home-weekly-guides .exhibit {
  float: right;
  background: #070e19;
  padding: 4px;
  height: 250px;
  width: 300px;
}
#home-popular-guides .guides, #home-weekly-guides .guides {
  margin-right: 312px;
}
.home-guides .guides a {
  display: table;
  width: 100%;
}
.home-guides .guides a:hover {
  text-decoration: none;
}
.home-guides .guides a:not(:last-child) {
  margin-bottom: 3px;
}
.home-guides .guides a > div {
  display: table-cell;
  vertical-align: middle;
  padding: 3px;
  background: #070e19;
}
.home-guides .guides a > div:first-child {
  width: 1px;
  padding: 0px;
}
.home-guides .guides a:hover > div {
  background: #111929;
}
.home-guides .guides a .pic {
  height: 36px;
  width: 36px;
  border: 1px solid #070e19;
  padding: 3px;
}
.home-guides .guides a:hover .pic {
  border: 1px solid #111929;
}
.home-guides .guides a .pic img {
  width: 100%;
  height: 100%;
}
#home-featured-guides a .pic, #home-weekly-guides a .pic {
  width: 67px;
  height: 67px;
}
#home-featured-guides .guides a:not(:last-child), #home-weekly-guides .guides a:not(:last-child) {
  margin-bottom: 4px;
}
.home-guides .guides a .desc {
  border-left: 6px solid #0a1220;
  text-align: left;
  padding: 5px;
}
.home-guides .guides a .desc h4 {
  color: white;
  font: normal 12px/1.2 Verdana, Arial, sans-serif;
  margin-bottom: 3px;
  text-transform: uppercase;
  height: 14px;
  white-space: nowrap;
  overflow: hidden;
  width: 288px;
  text-overflow: ellipsis;
}
.home-guides .guides a .desc h5 {
  color: #5a708d;
  font: normal 10px/1 Verdana, Arial, Helvetica, sans-serif;
}
.home-guides .guides a:hover .desc h5 {
  color: #6d84a3;
}
.home-guides .guides .guide-items {
  font-size: 0;
  margin-top: 7px;
}
.home-guides .guides .guide-items > span {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 2px solid #141f33;
}
.home-guides .guides .guide-items > span:not(:last-child) {
  margin-right: 9px;
}
.home-guides .guides .guide-items > span img {
  width: 100%;
  height: 100%;
}
#home-questions .bg {
  width: 100%;
  display: table;
  position: relative;
  z-index: 0;
  background: linear-gradient(to right, #152034 0%, #152034 70%, rgba(21, 32, 52, 0) 82%, rgba(21, 32, 52, 0) 100%);
}
#home-questions .bg:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 150px;
  width: 745px;
  z-index: -1;
}
#home-questions .bg > div {
  display: table-cell;
  vertical-align: middle;
  height: 83px;
}
#home-questions .bg .pic {
  padding: 4px 25px 0 17px;
}
#home-questions .bg .arrows {
  width: 1px;
}
#home-questions .bg .arrows a {
  display: block;
  width: 29px;
  height: 25px;
  background: url(/images/arrow.png) no-repeat;
}
#home-questions .bg .arrows a:last-child {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
#home-questions .bg .desc {
  padding-left: 25px;
  width: 90%;
}
#home-questions .bg .desc span {
  color: #607495;
}
#home-questions .bg .desc h3 {
  display: inline;
  font: normal 21px/1.3 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
#home-questions .bg .desc h3 a {
  color: white;
}
#home-questions .bg .desc h3 a:hover {
  text-decoration: none;
}
#home-questions .bg .desc h3:before, #home-questions .bg .desc h3:after {
  content: url(/images/quote.png);
  display: inline-block;
  position: relative;
  margin: 0 7px 0 -22px;
  top: -4px;
}
#home-questions .bg .desc h3:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 0 5px 0 7px;
}
#home-questions .bg .ask {
  text-align: center;
  padding: 0 44px 0 50px;
  width: 1px;
}
#home-questions .bg .ask a:not(.btn) {
  color: #607495;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 7px;
  display: block;
}
h3.feature-hdr {
  font: normal 14px/21px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #909db3;
  text-transform: uppercase;
  margin: 2px 1px 2px 2px;
}
h3.feature-hdr img {
  vertical-align: top;
  max-height: 17px;
  margin-right: 6px;
}
h3.feature-hdr .view {
  float: right;
  line-height: 1.3;
}
h3.feature-hdr .view a {
  color: #273954;
  font-size: 11px;
  margin-right: 5px;
}
h3.feature-hdr .view a:hover {
  color: #3c577e;
  text-decoration: none;
}
#home-featured-news {
  float: left;
  width: 663px;
  margin-bottom: 10px;
}
#home-featured-news h3 {
  padding: 6px;
}
#home-featured-news > a {
  float: left;
  width: 212px;
  height: 137px;
  border: 3px solid #070e18;
  position: relative;
  overflow: hidden;
}
#home-featured-news > a > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  transition: 300ms;
}
#home-featured-news > a > span {
  height: 40px;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 300ms;
}
#home-featured-news > a > span > span {
  color: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  right: 10px;
  font-size: 12px;
  color: white;
}
#home-featured-news > a + a {
  margin-left: 4px;
}
#home-featured-news > a:hover > div {
  transform: scale(1.15);
}
#home-featured-news > a:hover > span {
  background: rgba(0, 0, 0, 0.9);
  padding-bottom: 10px;
}




#guide table {width:100%;}
#guide .toplist-head {
	background:url(/css/gfx/league-of-legends-home-builds-hdr.png) no-repeat bottom center;
	height:19px;
	padding: 40px 20px 0 20px;
}
	#guide .toplist-head .home-select {
		font-size:12px;
		*font-size:11px;
	}
#guide .toplist-body {
	background:#040404 url(/css/gfx/lol-guides-home-build-bg.png) repeat-x top center;
	border:solid #171717;
	border-width: 0px 1px 1px 1px;
	margin:0 9px;
	padding:7px;
}
#guide .toplist-body h2, #guide .toplist-head h2{
	font-size: 12px;
	font-weight:normal;
}
#guide h2 span {
	font-size: 10px;
	font-weight: normal;
	color:#808080;
}
#guide .guide-bg {padding-bottom:20px;}
.guide-bg div {padding-right:400px;}
#guide .guide-container-bg {
	background:url(/css/gfx/guide-container-bg.png) repeat-y top center;
	width:701px;
	padding:6px 6px 1px 6px;
}
#guide .guide-container-hdr {
	background:url(/css/gfx/guide-container-hdr.png) no-repeat bottom center;
	width:701px;
	padding:8px 6px 4px 6px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#808080;
}
#guide .guide-container-ftr {
	background:url(/css/gfx/guide-container-ftr.png) repeat-y top center;
	width:713px;
	height:8px;
}
#guide .guide-single img, #guide .guide-team img{width:64px;}
#guide .guide-single, #guide .guide-team {margin-bottom:15px;}
#guide .last{margin-bottom:0px;}
/*#guide .score{
	width:74px;
	background:#171717;
	padding-top:18px;
	text-align:center;
	height:56px;
	color:#808080;
	font-size:9px;
	text-transform:uppercase;
	border:1px solid #303030;
}
#guide .score span{
	font-size: 18px;
	color:#00ff00;
	font-weight:bold;
}*/
#guide .body{
	background:#1e1e1e;
	padding:5px;
	height:64px;
	margin-right:78px;
	font-size:11px;
	border:1px solid #303030;
}
#guide .body h3{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f5eb23;
	padding:2px 0;
}
#guide .author{
	font: 10px Arial, Helvetica, sans-serif;
	color:#808080;
	text-transform:uppercase;
	padding-top:4px;
}
#guide .thumb{margin-right:5px;}
#guide .guide-team .thumb{
	background:url(/css/gfx/guide-img-bg.png) no-repeat;
	padding-left:27px;
}
#guide .champ-wrap {
	margin-bottom: 10px;
}
#guide .champ-wrap .view {
	margin-top: 10px;
	color: #607495;
	font-size: 14px;
	display: inline-block;
}
#guide .champ-wrap .view:hover {
	text-decoration: none;
}
#guide .champ-wrap .view img {
	vertical-align: middle;
}
 #guide .champ-wrap .champ-info h1 {
 	line-height: 28px;
}
 #guide .champ-wrap .champ-info p {
 	line-height: 16px;
}
#guide-pages .guide-stats {
	float: right;
	z-index: 10;
	position: relative;
}
.stats-clear {
	clear: both;
}



.view-guide .col-left {
  padding-top: 0;
}
.view-guide .col-left a {
  color: #97bbff;
}
.view-guide .col-left a:hover {
  color: #f3f3f3;
}
.view-guide__ad {
  background: #040913;
  padding: 10px 0;
  margin-bottom: 10px;
  display: block;
}
.view-guide__header__top {
  padding-bottom: 5px;
}
.view-guide__header__top h1 {
  display: inline-block;
}
.view-guide__header__top .actions {
  display: inline-block;
  margin-left: 5px;
}
.view-guide__header__top .actions a {
  color: #8498b8;
  font-size: 11px;
  margin-left: 6px;
  text-transform: uppercase;
}
.view-guide__header__top .actions a:hover {
  color: white;
}
.view-guide__header__top .user-actions {
  float: right;
  margin-top: -2px;
}
.view-guide__header__top .user-actions .f-btn-new img {
  margin-right: 5px;
}
.view-guide__header__top .user-actions .f-btn-new:last-of-type {
  margin-right: 0;
}
.view-guide__header__main {
  background-size: cover;
  min-height: 200px;
  margin: 5px 0 0;
  padding: 15px 50px;
  box-sizing: border-box;
  position: relative;
}
.view-guide__header__main .top {
  display: block;
}
.view-guide__header__main .top__rank {
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  padding: 2px 10px 30px 10px;
  width: 70px;
  height: 60px;
  box-sizing: border-box;
}
.view-guide__header__main .top__rank img {
  width: 22px;
  margin: 4px auto 0;
}
.view-guide__header__main .top__rank img, .view-guide__header__main .top__rank span {
  display: block;
}
.view-guide__header__main .top__rank span {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  box-sizing: border-box;
}
.view-guide__header__main .top__title {
  display: inline-block;
  vertical-align: middle;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.view-guide__header__main .top__title h2 {
  text-transform: none;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 5px;
}
.view-guide__header__main .top__title h2 img {
  width: 26px;
}
.view-guide__header__main .top__title > span {
  display: block;
  color: #a0a0a0;
  text-transform: uppercase;
}
.view-guide__header__main .middle {
  padding-right: 20px;
  position: relative;
  margin: 12px 0 15px;
  display: inline-block;
}
.view-guide__header__main .middle > div {
  display: inline-block;
  vertical-align: middle;
}
.view-guide__header__main .middle__rank {
  padding: 6px;
}
.view-guide__header__main .middle__rank .browse-list__item__rating__total {
  font-size: 0;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.view-guide__header__main .middle__rank .browse-list__item__rating__bar {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.view-guide__header__main .middle__rank .browse-list__item__rating__pending {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 20px;
}
.view-guide__header__main .middle__rank .fill-bar {
  width: 123px;
  height: 22px;
  background: #233148;
}
.view-guide__header__main .middle__rank .fill-bar__fill {
  height: 22px;
  background: #4fce4b;
  color: white;
  line-height: 22px;
  padding-left: 10px;
  box-sizing: border-box;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.view-guide__header__main .middle__vote {
  font-size: 0;
}
.view-guide__header__main .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background: rgba(21, 32, 52, 0.6);
  height: 34px;
}
.view-guide__header__main .bottom::after {
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 34px 34px;
  border-color: transparent transparent rgba(21, 32, 52, 0.6) transparent;
}
.view-guide__header__main .bottom .guide-actions__dropdown span i {
  border: none;
  width: auto;
  height: auto;
  margin: 3px 0;
  line-height: 0;
}
.view-guide__header__main .bottom .guide-actions__dropdown span i img {
  width: 10px;
}
.view-guide__header__main .bottom__meta {
  padding-left: 10px;
}
.view-guide__header__main .bottom__meta > div {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 10px;
  padding-top: 7px;
}
.view-guide__header__main .bottom__meta > div img {
  width: 30px;
  max-width: 20px;
  max-height: 20px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.view-guide__header .champ-tabs {
  margin-bottom: 10px !important;
}
.view-guide__champs {
  margin-bottom: 15px;
}
.view-guide__champs h3 {
  color: #8498b8;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
}
.view-guide__champs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.view-guide__champs ul li {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 15px;
  margin-right: 15px;
}
.view-guide__champs ul li .img {
  width: 33px;
  height: 33px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  box-sizing: border-box;
}
.view-guide__champs ul li .img img {
  width: 100%;
  transition: 300ms;
  filter: grayscale(100%);
}
.view-guide__champs ul li span {
  font-size: 14px;
  line-height: 33px;
  padding: 0 10px;
  background: #152034;
  color: #8b9ab5;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
  text-transform: uppercase;
  transition: 300ms;
}
.view-guide__champs ul li:hover .img img {
  transform: grayscale(0%);
}
.view-guide__champs ul li:hover span {
  background: #1c3d6d;
}
.view-guide__champs ul li.active .img {
  border-color: #275495;
}
.view-guide__champs ul li.active .img img {
  /* Safari 6.0 - 9.0 */
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.view-guide__champs ul li.active span {
  background: #275495;
  color: white;
}
.view-guide__build {
  display: none;
  font-size: 0;
}
.view-guide__build h3 {
  color: #8498b8;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 12px;
  border-bottom: 2px solid #152034;
  min-height: 25px;
  line-height: 25px;
}
.view-guide__build h3 span {
  color: #b4b8c0;
}
.view-guide__build h3.collapse-title {
  cursor: pointer;
  position: relative;
}
.view-guide__build h3.collapse-title::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #8498b8 transparent transparent transparent;
  transition: 300ms;
}
.view-guide__build h3.collapse-title.collapsed::after {
  transform: scaleY(-1);
}
.view-guide__build__switcher {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
}
.view-guide__build__switcher span {
  width: 24px;
  height: 24px;
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  background: #233148;
  color: #63748f;
  margin-left: 2px;
  cursor: pointer;
}
.view-guide__build__switcher span.active, .view-guide__build__switcher span:hover {
  background: #275495;
  color: white;
}
.view-guide__build__switcher.full-text span {
  width: auto;
  padding: 0 10px;
  text-transform: uppercase;
}
.view-guide__build__notes {
  width: 100%;
  text-align: right;
  margin-bottom: 5px;
}
.view-guide__build__notes img {
  height: 13px;
  cursor: pointer;
}
.view-guide__build > * {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 20px;
}
.view-guide__build__runes {
  width: 58%;
  margin-right: 11%;
}
.view-guide__build__runes .new-runes {
  display: none;
  padding-left: 0;
}
.view-guide__build__runes .new-runes > div > div:not(:first-of-type) {
  margin-left: 15px;
}
.view-guide__build__runes .new-runes__bonuses {
  max-width: 160px;
}
.view-guide__build__spells {
  width: 31%;
}
.view-guide__build__items {
  width: 100%;
}
.view-guide__build__abilities {
  width: 100%;
}
.view-guide__build__threatSynergy {
  width: 100%;
}
.view-guide__spells {
  display: none;
  position: relative;
}
.view-guide__spells > span {
  display: block;
  color: #b4b8c0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 12px;
  padding-right: 50px;
}
.view-guide__spells .view-guide__build__notes {
  position: absolute;
  top: 0;
  right: 0;
}
.view-guide__spells__row {
  display: inline-block;
  position: relative;
  width: 75px;
  margin-right: 25px;
  margin-bottom: 20px;
  text-align: center;
}
.view-guide__spells__row img {
  width: 64px;
  height: 64px;
  border: 5px solid #152034;
  box-sizing: border-box;
  border-radius: 100%;
}
.view-guide__spells__row h4 {
  color: #8498b8;
  font-size: 18px;
  line-height: 1;
  margin: 7px 0;
  font-weight: 400;
}
.view-guide__items {
  font-size: 14px;
  margin-bottom: 13px;
  display: inline-block;
}
.view-guide__items + .view-guide__items {
  margin-left: 13px;
}
.view-guide__items__bar {
  margin-bottom: 5px;
}
.view-guide__items__bar span {
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  color: #b4b8c0;
  display: inline-block;
  vertical-align: middle;
}
.view-guide__items__bar span:nth-of-type(2) {
  margin: -1px 0 0 15px;
  line-height: 0;
}
.view-guide__items__content {
  background: #0b1727;
  padding: 13px;
}
.view-guide__items__content > span {
  display: inline-block;
  vertical-align: top;
  width: 55px;
}
.view-guide__items__content > span img {
  width: 46px;
  height: 46px;
  border: 2px solid #152034;
  border-radius: 2px;
  display: block;
  margin: 0 auto;
}
.view-guide__items__content > span span {
  margin-top: 3px;
  color: #8498b8;
  font-size: 10px;
  line-height: 12px;
  display: block;
  text-align: center;
}
.view-guide__items__content > span + span {
  margin-left: 15px;
}
.view-guide__itemGroup {
  font-size: 14px;
  border: 2px solid #152034;
  padding: 2px;
  margin-bottom: 13px;
}
.view-guide__itemGroup__bar {
  height: 39px;
  background: #152034;
  position: relative;
}
.view-guide__itemGroup__bar span {
  color: #8498b8;
  font-size: 14px;
  padding-left: 10px;
  text-transform: uppercase;
  line-height: 39px;
}
.view-guide__itemGroup__bar .collapse {
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 39px;
  line-height: 24px;
  background: #0b1727;
  text-align: center;
  cursor: pointer;
}
.view-guide__itemGroup__bar .collapse img {
  width: 10px;
  margin-left: 4px;
  transform: rotate(180deg);
  transition: 300ms;
}
.view-guide__itemGroup__bar .collapse:hover {
  background: #162e4f;
}
.view-guide__itemGroup__bar .collapse.active img {
  transform: rotate(0deg);
}
.view-guide__itemGroup__content {
  padding: 15px;
}
.view-guide__itemGroup__content .view-guide__items:last-of-type {
  margin-bottom: 0;
}
.view-guide__tS__top {
  font-size: 0;
}
.view-guide__tS__top span {
  width: 50%;
  display: inline-block;
  color: #b4b8c0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}
.view-guide__tS__top span img {
  margin: 5px auto;
  display: block;
}
.view-guide__tS__mid {
  font-size: 0;
  text-align: center;
}
.view-guide__tS__mid .left, .view-guide__tS__mid .right {
  display: inline-block;
  vertical-align: middle;
  width: 310px;
  position: relative;
  bottom: 10px;
  margin: 0 10px;
}
.view-guide__tS__mid .left svg, .view-guide__tS__mid .right svg {
  width: 310px;
  fill: #202d49;
}
.view-guide__tS__mid .left svg path, .view-guide__tS__mid .right svg path {
  cursor: pointer;
}
.view-guide__tS__mid .left svg path:hover, .view-guide__tS__mid .right svg path:hover {
  fill: #30436c;
}
.view-guide__tS__mid .left svg path[current="true"], .view-guide__tS__mid .right svg path[current="true"] {
  fill: red;
}
.view-guide__tS__mid .left .labels, .view-guide__tS__mid .right .labels {
  position: absolute;
  top: 24px;
  left: 0px;
  right: 0px;
  text-align: left;
  pointer-events: none;
}
.view-guide__tS__mid .left .labels span, .view-guide__tS__mid .right .labels span {
  text-align: center;
  width: 61px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: white;
  font-size: 10px;
}
.view-guide__tS__mid .left .labels span + span, .view-guide__tS__mid .right .labels span + span {
  margin-left: 4px;
}
.view-guide__tS__mid .left .labels span[count]::after, .view-guide__tS__mid .right .labels span[count]::after {
  content: attr(count);
  opacity: 0.6;
  display: block;
  line-height: 12px;
}
.view-guide__tS__mid .left svg path[current="true"]:nth-of-type(1) {
  fill: #fe5752;
}
.view-guide__tS__mid .left svg path[current="true"]:nth-of-type(2) {
  fill: #fe4843;
}
.view-guide__tS__mid .left svg path[current="true"]:nth-of-type(3) {
  fill: #fe3934;
}
.view-guide__tS__mid .left svg path[current="true"]:nth-of-type(4) {
  fill: #fe2b24;
}
.view-guide__tS__mid .left svg path[current="true"]:nth-of-type(5) {
  fill: #fe1c15;
}
.view-guide__tS__mid .left .labels span:first-of-type {
  width: 66px;
}
.view-guide__tS__mid .left .labels span:last-of-type {
  width: 44px;
}
.view-guide__tS__mid .right svg path[current="true"]:nth-of-type(1) {
  fill: #35af32;
}
.view-guide__tS__mid .right svg path[current="true"]:nth-of-type(2) {
  fill: #31a32f;
}
.view-guide__tS__mid .right svg path[current="true"]:nth-of-type(3) {
  fill: #2e972b;
}
.view-guide__tS__mid .right svg path[current="true"]:nth-of-type(4) {
  fill: #2a8b28;
}
.view-guide__tS__mid .right svg path[current="true"]:nth-of-type(5) {
  fill: #277f24;
}
.view-guide__tS__mid .right .labels span:first-of-type {
  width: 45px;
}
.view-guide__tS__mid .right .labels span:last-of-type {
  width: 66px;
}
.view-guide__tS__mid .middle {
  display: inline-block;
  vertical-align: middle;
}
.view-guide__tS__mid .middle img {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  border: 3px solid #1c2a45;
}
.view-guide__tS__mid .middle span {
  display: block;
  color: #75adff;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 5px;
  cursor: pointer;
}
.view-guide__tS__mid .middle span:hover {
  color: #a8cbff;
}
.view-guide__tS__bot {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.view-guide__tS__bot__top {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
}
.view-guide__tS__bot__top .left, .view-guide__tS__bot__top .right {
  display: inline-block;
  vertical-align: top;
  width: 290px;
}
.view-guide__tS__bot__top .left span, .view-guide__tS__bot__top .right span {
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  margin: 0 5px;
}
.view-guide__tS__bot__top .left .toggle, .view-guide__tS__bot__top .right .toggle {
  width: 10px;
  margin: 0 10px;
  position: relative;
  top: -4px;
  cursor: pointer;
  transition: 300ms;
}
.view-guide__tS__bot__top .left .toggle.active, .view-guide__tS__bot__top .right .toggle.active {
  transform: rotate(180deg);
}
.view-guide__tS__bot__top .left {
  text-align: left;
}
.view-guide__tS__bot__top .right {
  text-align: right;
}
.view-guide__tS__bot__top .middle {
  display: inline-block;
  vertical-align: top;
  width: 180px;
}
.view-guide__tS__bot__top .middle input {
  width: 100%;
}
.view-guide__tS__bot__left, .view-guide__tS__bot__right {
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
}
.view-guide__tS__bot__left {
  border-right: 1px solid #151f34;
  padding-right: 30px;
}
.view-guide__tS__bot__left .row__image {
  border-color: #fe5752;
}
.view-guide__tS__bot__left .row label {
  color: #fe5752;
}
.view-guide__tS__bot__right {
  border-left: 1px solid #151f34;
  padding-left: 30px;
}
.view-guide__tS__bot__right .row__image {
  border-color: #179313;
}
.view-guide__tS__bot__right .row label {
  color: #35af32;
}
.view-guide__tS__bot .row {
  position: relative;
  padding-left: 105px;
  min-height: 90px;
  margin-bottom: 40px;
}
.view-guide__tS__bot .row__image {
  padding: 5px;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.view-guide__tS__bot .row__image img {
  width: 76px;
  height: 76px;
  border-radius: 100%;
}
.view-guide__tS__bot .row h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  margin-bottom: 4px;
}
.view-guide__tS__bot .row label {
  font-size: 11px;
  margin-top: -4px;
  display: block;
  margin-bottom: 7px;
  text-transform: uppercase;
  line-height: 1;
}
.view-guide__tS__bot .row p {
  font-size: 12px;
  line-height: 1.2;
  color: #8498b8;
}
.view-guide__tS__bot .collapse-box {
  margin-top: 20px;
  font-size: 0;
}
.view-guide__tS__bot .collapse-box span {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #777;
  padding: 4px;
}
.view-guide__tS__bot .collapse-box span img {
  width: 56px;
  height: 56px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.view-guide__tS__bot .collapse-box span.current, .view-guide__tS__bot .collapse-box span:hover {
  border-color: #275495;
}
.view-guide__tS__bot .collapse-box span.current img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.view-guide__chapters {
  margin-top: 20px;
  width: 100%;
}
.view-guide__chapters h3 {
  color: #8498b8;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
}
.view-guide__chapters__banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  height: 142px;
  margin-bottom: 20px;
}
.view-guide__chapters__banner .cover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(21, 32, 52, 0.8);
  padding: 10px 20px;
  color: white;
}
.view-guide__chapters__banner .cover h4 {
  font-size: 18px;
  font-weight: 400;
  color: white;
}
.view-guide__chapters__banner .cover span {
  font-size: 14px;
}
.view-guide__chapters--classic {
  width: 710px;
  background: black;
  padding: 11px;
  border: solid 1px #242833;
  background: #000;
}
.view-guide .view-guide__chapters--classic a {
  color: #dbb74c;
}
.view-guide__chapters--classic .view-guide__chapter__content {
  color: #c0c0c0;
  font-size: 12px;
  line-height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 10px;
  background: #000 url(/css/gfx/bg-chapter.png) repeat-x top left;
}
.view-guide__chapters--classic .view-guide__chapter__content * {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.view-guide__chapters--classic .view-guide__chapter__content__title {
  margin-bottom: 15px;
  color: #fc0;
  margin-top: 10px;
}
.view-guide__chapters--classic .view-guide__chapter__content__title h2 {
  text-transform: none;
  font: bold 16px/26px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.view-guide__chapters--classic .view-guide__chapter__content img {
  max-width: 685px;
}
.view-guide__chapters--classic .view-guide__chapter__content p {
  color: #c0c0c0;
}
.view-guide__chapter {
  margin-bottom: 20px;
}
.view-guide__chapter__top {
  margin-bottom: 20px;
  background: #152034;
  padding: 10px 15px;
  position: relative;
}
.view-guide__chapter__top span {
  font-size: 18px;
  font-weight: 300;
}
.view-guide__chapter__top img {
  position: absolute;
  top: 12px;
  right: 10px;
}
.view-guide__chapter__content {
  margin-bottom: 20px;
  color: white;
}
.view-guide__chapter__content img {
  max-width: 100%;
}
.view-guide .side-toc {
  background: #152034;
  margin-top: 13px;
}
.view-guide .side-toc__top {
  background: #1a283f;
  padding: 8px;
  position: relative;
  padding-left: 80px;
  min-height: 63px;
}
.view-guide .side-toc__top > img {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 8px;
  left: 8px;
}
.view-guide .side-toc__top .nickname {
  display: inline-block;
  font-size: 16px;
}
.view-guide .side-toc__top .type {
  margin-left: 3px;
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  color: #699be5;
}
.view-guide .side-toc__top .meta {
  padding-top: 5px;
}
.view-guide .side-toc__top .meta > * {
  display: inline-block;
  vertical-align: middle;
}
.view-guide .side-toc__top .meta .rating-bar span {
  margin: 0 2px;
}
.view-guide .side-toc__social {
  background: #1a283f;
  padding: 0 8px 8px 8px;
  font-size: 0;
}
.view-guide .side-toc__social .guide-actions__dropdown {
  min-width: 0;
  display: inline-block;
  vertical-align: top;
}
.view-guide .side-toc__social .guide-actions__dropdown span {
  padding: 5px 8px;
}
.view-guide .side-toc__social .commend-btn {
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  padding: 5px 33px 5px 8px;
}
.view-guide .side-toc__title {
  padding: 8px;
  font-size: 16px;
  color: #b4b8c0;
  padding-bottom: 4px;
}
.view-guide .side-toc__main {
  padding: 8px;
  padding-top: 0;
  box-sizing: border-box;
  max-height: 160px;
  overflow: hidden;
  margin-bottom: 8px;
  display: inline-block;
  width: 100%;
}
.view-guide .side-toc__main__chapter a {
  position: relative;
  top: 0;
  display: block;
  margin: 2px 0;
  color: #8498b8;
}
.view-guide .side-toc__main__chapter a:hover {
  color: #a4b3cb;
}
.view-guide .side-toc__main--scrollable {
  position: relative;
}
.view-guide .side-toc__main--scrollable .side-toc__main__inner {
  border-left: 11px solid #0b1727;
  padding-left: 10px;
}
.view-guide .side-toc__main--scrollable .scroller {
  position: absolute;
  top: 0px;
  left: 8px;
  background: #ffc000;
  width: 11px;
  height: 15px;
}
.view-guide .rating-bar {
  font-size: 0;
}
.view-guide .rating-bar label {
  font-size: 12px;
  line-height: 1;
  margin-right: 5px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: bottom;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: 2px;
}
.view-guide .rating-bar span {
  display: inline-block;
  vertical-align: bottom;
  width: 6px;
  height: 20px;
  margin: 0 3px;
  border-radius: 2px;
  background: #55616f;
}
.view-guide .rating-bar span.fill {
  background: #4bac43;
}
.view-guide .rating-bar span:nth-of-type(1) {
  height: 8px;
}
.view-guide .rating-bar span:nth-of-type(2) {
  height: 10px;
}
.view-guide .rating-bar span:nth-of-type(3) {
  height: 12px;
}
.view-guide .rating-bar span:nth-of-type(4) {
  height: 14px;
}
.view-guide .rating-bar span:nth-of-type(5) {
  height: 16px;
}
.view-guide .rating-bar span:nth-of-type(6) {
  height: 18px;
}
.view-guide .rating-bar span:nth-of-type(7) {
  height: 20px;
}
.view-guide .rating-bar span:nth-of-type(8) {
  height: 22px;
}
.view-guide .rating-bar span:nth-of-type(9) {
  height: 24px;
}
.view-guide .rating-bar span:nth-of-type(10) {
  height: 26px;
}
.view-guide .build-vote-up, .view-guide .build-vote-down {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-radius: 3px;
  margin: 0 2.5px;
  padding: 5px;
}
.view-guide .build-vote-up svg, .view-guide .build-vote-down svg {
  width: 15px;
  transition: 300ms;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.view-guide .build-vote-up svg path, .view-guide .build-vote-down svg path {
  fill: rgba(255, 255, 255, 0.5);
}
.view-guide .build-vote-up.grayed svg, .view-guide .build-vote-down.grayed svg {
  opacity: 0.5;
}
.view-guide .build-vote-up span, .view-guide .build-vote-down span {
  text-transform: uppercase;
  margin-left: 3px;
  margin-right: 5px;
  font-size: 10px;
  color: white;
  display: inline-block;
  vertical-align: middle;
}
.view-guide .build-vote-up {
  background: #347c33;
}
.view-guide .build-vote-up.selected svg {
  fill: #3bbc6c;
  top: 0 !important;
}
.view-guide .build-vote-up:hover svg {
  top: -3px;
}
.view-guide .build-vote-down {
  background: #aa3933;
}
.view-guide .build-vote-down.selected svg {
  fill: #ce4e43;
  top: 0 !important;
}
.view-guide .build-vote-down:hover svg {
  top: 3px;
}
.twitch-thumbnail {
  position: relative;
  display: inline-block;
}
.twitch-thumbnail::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 60px;
  border-color: transparent transparent transparent #fff;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 400ms;
}
.twitch-thumbnail::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/images/twitch/twitch_logo.png);
  background-size: 90px;
  background-position: right 10px bottom 10px;
  background-repeat: no-repeat;
  transition: 600ms;
}
.twitch-thumbnail:hover::before {
  border-width: 40px 0 40px 80px;
}
.twitch-thumbnail:hover::after {
  background-color: rgba(0, 0, 0, 0.6);
}
#guide-pages .col-left {
  width: 760px;
}
#guide-pages h1 {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #7a91a9;
  margin-bottom: 10px;
}
#guide-pages .build {
  padding: 14px;
}
#guide-pages .guide-head .champ-ico, #stream .user-ico {
  position: relative;
  float: left;
  width: 94px;
  height: 94px;
}
#stream .user-ico {
  border: 5px solid #020914;
}
#guide-pages .guide-head .champ-ico .ico, #stream .user-ico .ico {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 65px;
  height: 55px;
}
#guide-pages .guide-head .champ-ico.gold .ico, #stream .user-ico.gold .ico, #browse-build .browse-icon.gold .ico, #profile #profile-stats .pic.gold .ico {
  background-image: url('/images/ico-gold.png');
}
#guide-pages .guide-head .champ-ico.platinum .ico, #stream .user-ico.platinum .ico, #browse-build .browse-icon.platinum .ico, #profile #profile-stats .pic.platinum .ico {
  background-image: url('/images/ico-platinum.png');
}
#guide-pages .guide-head .champ-ico.diamond .ico, #stream .user-ico.diamond .ico, #browse-build .browse-icon.diamond .ico, #profile #profile-stats .pic.diamond .ico {
  background-image: url('/images/ico-diamond.png');
}
#guide-pages .guide-head .champ-ico.master .ico, #stream .user-ico.master .ico, #browse-build .browse-icon.master .ico, #profile #profile-stats .pic.master .ico {
  background-image: url('/images/ico-master.png');
  z-index: 1;
}
#guide-pages .guide-head .champ-ico.challenger .ico, #stream .user-ico.challenger .ico, #browse-build .browse-icon.challenger .ico, #profile #profile-stats .pic.challenger .ico {
  background-image: url('/images/ico-challenger.png');
  z-index: 1;
}
#browse-build .browse-icon.pro-guest .ico {
  background-image: url('/images/ico-pro-guest.png');
}
#guide-pages .guide-head .champ-ico.c9-guide .ico, #stream .user-ico.c9-guide .ico, #browse-build .browse-icon.c9-guide .ico, #profile #profile-stats .pic.c9-guide .ico {
  background-image: url('/images/ico-c9.png');
}
#guide-pages .guide-head .author-av, #stream .user-ico .author-av {
  width: 86px;
  padding: 3px;
  border: #192838 solid 1px;
  background-color: #0b1727;
}
#guide-pages .guide-head .champ-ico.c9-guide .author-av, #stream .user-ico.c9-guide .author-av, #browse-build .browse-icon.c9-guide img, #profile #profile-stats .pic.c9-guide {
  background: #015875;
  border: 1px solid #039dd1;
}
#guide-pages .guide-head .champ-ico.gold .author-av, #stream .user-ico.gold .author-av, #browse-build .browse-icon.gold img, #profile #profile-stats .pic.gold, .pic.gold {
  border: 1px solid #53520f !important;
  background: #bebe85 !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlYmU4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTMwMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top, #bebe85 0%, #353005 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bebe85), color-stop(100%, #353005)) !important;
  background: -webkit-linear-gradient(top, #bebe85 0%, #353005 100%) !important;
  background: -o-linear-gradient(top, #bebe85 0%, #353005 100%) !important;
  background: -ms-linear-gradient(top, #bebe85 0%, #353005 100%) !important;
  background: linear-gradient(to bottom, #bebe85 0%, #353005 100%) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebe85', endColorstr='#353005',GradientType=0) !important;
}
#guide-pages .guide-head .champ-ico.platinum .author-av, #stream .user-ico.platinum .author-av, #browse-build .browse-icon.platinum img, #profile #profile-stats .pic.platinum, .pic.platinum {
  border: 1px solid #345c5f !important;
  background: #62dde1 !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyZGRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTMzMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top, #62dde1 0%, #253335 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62dde1), color-stop(100%, #253335)) !important;
  background: -webkit-linear-gradient(top, #62dde1 0%, #253335 100%) !important;
  background: -o-linear-gradient(top, #62dde1 0%, #253335 100%) !important;
  background: -ms-linear-gradient(top, #62dde1 0%, #253335 100%) !important;
  background: linear-gradient(to bottom, #62dde1 0%, #253335 100%) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62dde1', endColorstr='#253335',GradientType=0) !important;
}
#guide-pages .guide-head .champ-ico.diamond .author-av, #stream .user-ico.diamond .author-av, #browse-build .browse-icon.diamond img, #profile #profile-stats .pic.diamond, .pic.diamond {
  border: 1px solid #1a4249 !important;
  background: #d9a8ca;
  background: -moz-linear-gradient(45deg, #d9a8ca 0%, #ebd0a3 36%, #46c2da 66%, #f8fcff 100%);
  background: -webkit-linear-gradient(45deg, #d9a8ca 0%, #ebd0a3 36%, #46c2da 66%, #f8fcff 100%);
  background: linear-gradient(45deg, #d9a8ca 0%, #ebd0a3 36%, #46c2da 66%, #f8fcff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9a8ca', endColorstr='#f8fcff',GradientType=1);
}
#guide-pages .guide-head .champ-ico.master .author-av, #stream .user-ico.master .author-av, #browse-build .browse-icon.master img, #profile #profile-stats .pic.master, .pic.master {
  border: 1px solid #fd9002 !important;
  background: #68dece !important;
  background: -moz-linear-gradient(top, #68dece 0%, #0e554b 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68dece), color-stop(100%, #0e554b)) !important;
  background: -webkit-linear-gradient(top, #68dece 0%, #0e554b 100%) !important;
  background: -o-linear-gradient(top, #68dece 0%, #0e554b 100%) !important;
  background: -ms-linear-gradient(top, #68dece 0%, #0e554b 100%) !important;
  background: linear-gradient(to bottom, #68dece 0%, #0e554b 100%) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68dece', endColorstr='#0e554b',GradientType=0) !important;
}
#guide-pages .guide-head .champ-ico.challenger .author-av, #stream .user-ico.challenger .author-av, #browse-build .browse-icon.challenger img, #profile #profile-stats .pic.challenger, .pic.challenger {
  border: 1px solid #469a8a !important;
  background: #ff9d02 !important;
  background: -moz-linear-gradient(-45deg, #ff9d02 0%, #359a96 100%) !important;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff9d02), color-stop(100%, #359a96)) !important;
  background: -webkit-linear-gradient(-45deg, #ff9d02 0%, #359a96 100%) !important;
  background: -o-linear-gradient(-45deg, #ff9d02 0%, #359a96 100%) !important;
  background: -ms-linear-gradient(-45deg, #ff9d02 0%, #359a96 100%) !important;
  background: linear-gradient(135deg, #ff9d02 0%, #359a96 100%) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d02', endColorstr='#359a96',GradientType=1) !important;
}
#browse-build .browse-icon.master > a, #browse-build .browse-icon.challenger > a {
  display: block;
  position: relative;
}
#browse-build .browse-icon.master > a:after, #browse-build .browse-icon.challenger > a:after {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: 3px;
  top: 3px;
}
#guide-pages .guide-head .champ-ico.master:after, #guide-pages .guide-head .champ-ico.challenger:after, #stream .user-ico.master:after, #stream .user-ico.challenger:after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 4px;
  top: 4px;
}
#profile-stats .pic.challenger:after, #profile-stats .pic.master:after {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  top: 5px;
}
#browse-build .browse-icon.master > a:after, #guide-pages .guide-head .champ-ico.master:after, #stream .user-ico.master:after, #profile-stats .pic.master:after {
  border: 1px solid #fd9002;
}
#browse-build .browse-icon.challenger > a:after, #guide-pages .guide-head .champ-ico.challenger:after, #stream .user-ico.challenger:after, #profile-stats .pic.challenger:after {
  border: 1px solid #469a8a;
}
#browse-build .browse-icon.pro-guest img, .pic.pro-guest {
  border: 1px solid #874c9d !important;
  background: #cf92e6 !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmOTJlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjE1NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top, #cf92e6 0%, #461559 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf92e6), color-stop(100%, #461559)) !important;
  background: -webkit-linear-gradient(top, #cf92e6 0%, #461559 100%) !important;
  background: -o-linear-gradient(top, #cf92e6 0%, #461559 100%) !important;
  background: -ms-linear-gradient(top, #cf92e6 0%, #461559 100%) !important;
  background: linear-gradient(to bottom, #cf92e6 0%, #461559 100%) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf92e6', endColorstr='#461559',GradientType=0) !important;
}
#browse-build .browse-icon.sp-guest img, #browse-build .browse-icon.scouted img, .pic.scouted, #browse-build .browse-icon.high-elo img {
  border: 1px solid #183551 !important;
  background: #7692be !important;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2OTJiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTYwODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  background: -moz-linear-gradient(top, #7692be 0%, #496089 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7692be), color-stop(100%, #496089)) !important;
  background: -webkit-linear-gradient(top, #7692be 0%, #496089 100%) !important;
  background: -o-linear-gradient(top, #7692be 0%, #496089 100%) !important;
  background: -ms-linear-gradient(top, #7692be 0%, #496089 100%) !important;
  background: linear-gradient(to bottom, #7692be 0%, #496089 100%) !important;
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7692be', endColorstr='#496089',GradientType=0) !important;
}
#browse-build .browse-icon.sp-guest .ico, #browse-build .browse-icon.scouted .ico, #browse-build .browse-icon.high-elo .ico, #browse-build .browse-icon.gold .ico, #browse-build .browse-icon.diamond .ico, #browse-build .browse-icon.platinum .ico, #browse-build .browse-icon.pro-guest .ico, #browse-build .browse-icon.c9-guide .ico, #browse-build .browse-icon.master .ico, #browse-build .browse-icon.challenger .ico {
  display: block;
}
#browse-build .browse-icon.sp-guest .ico {
  background: url("/images/ico-sp-guest.png") no-repeat 100% 100%;
}
#browse-build .browse-icon.high-elo .ico {
  background: url("/images/ico-high-elo.png") no-repeat 100% 100%;
}
#browse-build .table-top, #browse-players .table-top {
  color: #607495;
}
#guide-pages .guide-head .rating-box {
  margin-left: 27px;
}
#guide-pages .guide-head .rating-box .box-shadow-inner-lb {
  padding: 3px;
}
#guide-pages .guide-head .rating-box .rating {
  background-color: #0b1524;
  padding: 5px 2px;
}
#guide-pages .guide-head .rating-box img {
  padding: 2px;
}
#guide-pages .guide-head .rating-box .rating .votes {
  background-color: #050b15;
  margin: 2px;
  color: #799cc0;
}
#guide-pages .guide-head .scout {
  padding: 3px;
}
#guide-pages .guide-head .rating {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #919caa;
  text-transform: uppercase;
}
#guide-pages .guide-head .rating .percents {
  font: 28px/37px Arial, Helvetica, sans-serif;
  color: #0f0;
}
#guide-pages .guide-head .rating-title {
  font: 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #edf0f3;
  text-transform: uppercase;
  background: #12253d;
}
#guide-pages .guide-head .guide-details {
  margin-left: 105px;
}
#guide-pages .guide-head .guide-details.team {
  padding-top: 0;
}
#guide-pages .guide-head .author-info {
  color: #566684;
  display: table-cell;
  height: 90px;
  vertical-align: middle;
}
#guide-pages .guide-head .author-info .guide-main-title {
  color: #fefefe;
  margin-bottom: 8px;
  font: 16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2;
}
#guide-pages .guide-head .guide-details.team .author-info h1 {
  /* changed from 24px to accomodate team logos with lots of padding on top and bottom */
  line-height: 14px;
  margin-top: 2px;
}
#guide-pages .guide-head .guide-details .author-info .status {
  margin-top: 5px;
}
#guide-pages .guide-head .guide-details.team .author-info .status {
  margin-top: 0px;
}
#guide-pages .guide-head .author-info .status img {
  vertical-align: middle;
}
#guide-pages .guide-head .author-info .status span {
  font-size: 11px;
  color: #a2afc1;
}
#guide-pages .main-tabs {
  padding-top: 10px;
}
#guide-pages .main-tabs:last-child {
  margin-bottom: -13px;
}
#guide-pages .main-tabs .tab {
  background: #18263e;
  float: left;
  padding: 4px 18px;
  margin-left: 5px;
  display: block;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #6b7c9b;
  text-transform: uppercase;
}
#guide-pages .main-tabs .tab:hover, #guide-pages .main-tabs .selected {
  background: #212f48;
  text-decoration: none;
  color: #6b7c9b;
}
#guide-pages .build .build-left {
  width: 480px;
}
#guide-pages .build .champ-img img {
  width: 238px;
  border: #192838 solid 1px;
  padding: 3px;
  background: #0b1727;
}
#guide-pages .build .build-menu span img {
  border: #122134 solid 3px;
  width: 34px;
}
#guide-pages .build .build-menu span:hover img, #guide-pages .build .build-menu .team .champ.selected {
  border: #26384f solid 4px;
}
#guide-pages .build-info {
  margin: 10px 0 3px 0;
}
#guide-pages .build h2 {
  color: #788aaa;
  font: 14px/1.6 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#guide-pages .build-info .build-name div {
  font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1em;
  text-transform: uppercase;
}
#guide-pages .check {
  width: auto !important;
}
#guide-pages .check span {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
#guide-pages .build-menu {
  text-align: center;
  padding: 0 6px 8px 6px;
  display: inline-block;
  white-space: nowrap;
}
#guide-pages .build-menu .team {
  text-align: left;
  display: inline-block;
}
#guide-pages .build-menu span {
  color: #486081;
  font-family: "Lucida Grande";
  font-size: 30px;
  margin: 33px 70px 0;
  display: inline-block;
  line-height: 1;
  vertical-align: top;
}
#guide-pages .build-menu .team h4 {
  line-height: 1;
  margin-bottom: 10px;
  color: #7183a2;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#guide-pages .build-menu .team .champ {
  display: inline-block;
  border: 4px solid #0b1727;
  height: 40px;
  width: 40px;
}
#guide-pages .build-menu .team img {
  height: 40px;
}
.c9-iframe {
  width: 760px;
  margin: 0 auto;
}
#guide-pages .iframe-hdr {
  margin: 9px 0;
}
#guide-pages .iframe-hdr img {
  margin: 0 30px 0 21px;
}
#guide-pages .iframe-hdr a {
  margin: 0 8px 7px 0;
}
#guide-pages .build-wrap {
  background-size: 100% auto;
}
#guide-pages .build-gradient {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MjAzNCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzE1MjAzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTIwMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 320px, #152034 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(21, 32, 52, 0)), color-stop(320px, #152034), color-stop(100%, #152034));
  background: -webkit-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 320px, #152034 100%);
  background: -o-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 320px, #152034 100%);
  background: -ms-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 320px, #152034 100%);
  background: linear-gradient(to bottom, rgba(21, 32, 52, 0) 0%, #152034 320px, #152034 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00152034', endColorstr='#152034',GradientType=0);
}
#guide-pages .build-title {
  padding: 30px 20px 22px;
}
#guide-pages .build-title .cheat-sheet {
  float: right;
  background: url(/images/cheat-sheet.png) #121634 calc(100% - 7px) center no-repeat;
  color: #7081a0;
  font-family: Verdana, Arial, sans-serif;
  text-transform: uppercase;
  padding: 0 26px 0 10px;
  line-height: 25px;
  margin: -30px -20px 0 0;
  font-size: 10px;
}
#guide-pages .build-title .cheat-sheet:hover {
  color: #afbdd7;
  text-decoration: none;
}
#guide-pages .build-title h2, #guide-pages .build-title h3 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-left: 15px;
}
#guide-pages .build .build-title h2 {
  font-size: 31px;
  color: white;
  text-transform: none;
  margin-bottom: 2px;
}
#guide-pages .build .build-title h3 {
  font-size: 14px;
  color: #97a6c3;
  text-transform: uppercase;
}
#guide-pages .build-title .build-spells {
  margin-top: 20px;
  margin-left: 15px;
}
#guide-pages .build-title .build-spells img {
  height: 48px;
}
#guide-pages .build-title .build-spells a {
  display: inline-block;
  border: 3px solid #060e1b;
  height: 48px;
  width: 48px;
  margin-right: 3px;
}
#guide-pages .build-info .build-name div a {
  font-size: 11px;
  color: #666;
}
#guide-pages .build-info .build-name div a:hover {
  color: #fff;
  text-decoration: none;
}
#guide-pages .build-info .build-name {
  padding-top: 2px;
}
#guide-pages .build-info .build-name h2 {
  font-size: 11px;
  color: #7a91a9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  weight: normal;
}
#guide-pages .build-info .build-spells img {
  border: 1px solid #192838;
  width: 40px;
  padding: 2px;
  background: #060d13;
}
#guide-pages .build-stats {
  border: 1px solid #192838;
  background: #0b1727;
  padding: 2px;
}
#guide-pages .build-stats .col {
  width: 235px;
}
#guide-pages .build-stats table {
  width: 100%;
}
#guide-pages .build-stats table td {
  padding: 1px 5px;
}
#guide-pages .build-stats .stat-num {
  width: 60px;
  color: #0d0;
}
#guide-pages .bg1 td {
  background: #0e1a29;
}
#guide-pages .bg2 td {
  background: #122134;
}
#guide-pages .rune-wrap {
  margin-top: 20px;
  display: inline-block;
  position: relative;
  font-size: 0;
}
#guide-pages .rune-wrap .notes {
  position: absolute;
  right: 3px;
  top: -13px;
}
#guide-pages .rune-wrap .notes.static {
  position: static;
  margin-top: 10px;
}
#guide-pages .rune-wrap .rune {
  width: 84px;
  text-align: center;
  display: inline-block;
  padding: 0 5px 5px;
  font-size: 10px;
  color: #8b9cbd;
  margin: 3px 3px 3px 0;
  line-height: 1.1em;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2MGUxYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjBlMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(6, 14, 26, 0) 0%, #060e1a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(6, 14, 26, 0)), color-stop(100%, #060e1a));
  background: -webkit-linear-gradient(top, rgba(6, 14, 26, 0) 0%, #060e1a 100%);
  background: -o-linear-gradient(top, rgba(6, 14, 26, 0) 0%, #060e1a 100%);
  background: -ms-linear-gradient(top, rgba(6, 14, 26, 0) 0%, #060e1a 100%);
  background: linear-gradient(to bottom, rgba(6, 14, 26, 0) 0%, #060e1a 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00060e1a', endColorstr='#060e1a',GradientType=0);
}
#guide-pages .rune-wrap .rune img {
  width: 60px;
  padding: 5px 10px;
}
#guide-pages .rune-wrap .rune .rune-name {
  overflow: hidden;
}
#guide-pages .rune-wrap .rune .rune-name .rune-title {
  height: 35px;
  display: table-cell;
  width: 84px;
  vertical-align: middle;
}
#guide-pages .rune-wrap .rune .rune-num {
  font: 24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: white;
  line-height: 1.2;
  margin-bottom: 1px;
}
#guide-pages .item-wrap {
  margin: 5px 10px 5px 0;
}
#guide-pages .notes {
  font: 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #4e6378;
  cursor: pointer;
  vertical-align: bottom;
  background: url(/images/guide-notes.png);
  display: inline-block;
  height: 15px;
  width: 49px;
  margin: 0 0 5px 3px;
}
#guide-pages .item-wrap .main-items {
  text-align: center;
  height: 85px;
  padding: 0 5px 0 5px;
  margin-bottom: 10px;
  font-size: 10px;
  color: #687a8c;
  line-height: 1.2em;
}
#guide-pages .item-wrap.nonames .main-items {
  height: auto;
}
#guide-pages .item-wrap .main-items a {
  color: #aabace;
}
#guide-pages .item-wrap .main-items a {
  text-decoration: none;
}
#guide-pages .item-wrap .main-items .item-title {
  width: 75px;
  overflow: hidden;
  word-wrap: break-word;
}
#guide-pages .item-wrap .main-items img {
  width: 46px;
  padding: 2px;
  border: 4px solid #060e1c;
  background: #060d13;
}
#guide-pages .item-wrap .last-item {
  width: 48px;
}
#guide-pages .item-wrap .item-group {
  background: #0b1727;
  padding: 10px 10px 0;
  float: left;
  overflow: hidden;
}
#guide-pages .item-wrap .main-items .item {
  display: inline-block;
  position: relative;
  width: 58px;
  height: 58px;
}
#guide-pages .item-wrap .main-items .item .item-count {
  position: absolute;
  bottom: 2px;
  right: 2px;
  padding: 3px;
  font-size: 14px;
  color: #dce4f2;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  background: #060e1c;
}
#guide-pages .item-group .component-item img {
  opacity: 0.3;
}
#guide-pages .ability-wrap .ability-row {
  margin-top: 6px;
}
#guide-pages .ability-wrap .ability-row .ability-check {
  width: 30px;
  height: 22px;
  text-align: center;
  padding-top: 6px;
  overflow: hidden;
  border: 1px solid #0a121b;
  background: #0b1727;
  float: left;
  margin: 0 2px;
}
#guide-pages .ability-wrap .ability-row .selected {
  background: #121f2d url(/css/gfx/ability-selected.png) repeat-x center right;
}
#guide-pages .ability-wrap .ability-row .ability-icon img {
  width: 24px;
  padding: 2px;
  border: 1px solid #192838;
  background: #060d13;
}
#guide-pages .ability-wrap .ability-row h3 {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #687a8c;
  margin-bottom: 3px;
}
#guide-pages .toc {
  background: url(/css/gfx/guide-trans-bg.png);
  padding: 6px;
  border: 1px solid #192838;
}
#guide-pages .toc-page-wrap {
  background: #161c25;
  padding: 2px;
}
#guide-pages .toc-chapter {
  background: url(gfx/menu/bullet.png) no-repeat 20px 5px;
  padding: 5px 0 5px 30px;
}
#guide-pages .toc-page {
  background: #1a2638;
  padding: 2px;
}
#guide-pages .toc-hdr {
  text-align: center;
  font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#guide-pages .toc .pg-num {
  float: left;
  margin-right: 5px;
  background: #293d59;
  color: #ced9e3;
  padding: 1px 3px;
}
#guide-pages .toc-chapter a {
  color: white;
}
#guide-pages .c9-guide .toc-hdr {
  background: url(/images/c9-toc-hdr.png) right center no-repeat;
  text-align: right;
  padding-right: 7px;
  margin-bottom: 6px;
  line-height: 36px;
  font-size: 16px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
}
#guide-pages .c9-guide .toc {
  border: 7px solid #008fd2;
  background: #07212e;
  padding: 5px 0;
}
#guide-pages .c9-guide .toc .toc-page-wrap {
  background: none;
  padding: 0;
}
#guide-pages .c9-guide .toc-chapter {
  background: url(/images/c9-bullet.png) no-repeat 18px 7px;
  padding: 5px 0 5px 44px;
}
#guide-pages .c9-guide .toc-chapter a {
  color: #008fd2;
  line-height: 1.17em;
}
#guide-pages a[name] {
  display: block;
}
#guide-pages .chapter {
  line-height: 1.5em;
  color: #c0c0c0;
}
#guide-pages .chapter img {
  max-width: 685px;
  vertical-align: middle;
}
#guide-pages .chapter ul, #guide-pages .chapter ol {
  margin: 15px 40px 15px 50px;
}
#guide-pages .chapter li {
  list-style-position: outside;
  margin: 5px 0;
}
#guide-pages .chapter ul li {
  list-style-type: disc;
}
#guide-pages .freshness {
  text-transform: uppercase;
  color: #fff;
}
#guide-pages .freshness .fresh-ideal, #guide-pages .freshness .fresh-fresh, #guide-pages .freshness .fresh-stale, #guide-pages .freshness .fresh-expired {
  padding: 5px;
}
#guide-pages .freshness .fresh-ideal {
  background: #031408;
}
#guide-pages .freshness .fresh-fresh {
  background: #140c03;
}
#guide-pages .freshness .fresh-stale {
  background: #140c03;
}
#guide-pages .freshness .fresh-expired {
  background: #140306;
}
#guide-pages .freshness .fresh-title {
  padding-right: 5px;
  color: #3d4754;
  font-size: 10px;
}
#guide-pages .freshness span {
  font-size: 10px;
  color: #c0c0c0;
  text-transform: uppercase;
}
#guide-pages .comment-avatar {
  background: #192534;
  width: 161px;
}
.comment-avatar span {
  color: #bbd0e9;
}
.forum-comment img {
  vertical-align: middle;
  max-width: 100%;
}
#guide-pages .comment-text {
  width: 726px;
  vertical-align: middle;
  padding: 0;
  display: flex;
  flex-direction: column;
  display: -webkit-flex;
  -webkit-flex-direction: column;
}
.comment-inner-wrap {
  padding: 10px;
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  display: -webkit-flex;
  -webkit-flex-grow: 1;
  -webkit-flex-direction: column;
  background-repeat: no-repeat;
  background-position: calc(100% - 2px) calc(100% - 2px);
  z-index: 0;
}
.thead-container .thead-mid .comment-inner-wrap {
  padding: 0 10px 10px 0;
}
#browse-build .desc {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  z-index: 0;
}
#browse-build .desc.commends .freshness {
  margin-top: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
#browse-build .desc.commends .title {
  margin-right: 39px;
}
.comment-inner-wrap.commend1 {
  background-image: url(/images/prime/bg/commend-bg-1.png);
}
.comment-inner-wrap.commend2 {
  background-image: url(/images/prime/bg/commend-bg-2.png);
}
.comment-inner-wrap.commend3 {
  background-image: url(/images/prime/bg/commend-bg-3.png);
}
#browse-build .desc.commend1 {
  background-image: url(/images/prime/bg/commend-1.png);
}
#browse-build .desc.commend2 {
  background-image: url(/images/prime/bg/commend-2.png);
}
#browse-build .desc.commend3 {
  background-image: url(/images/prime/bg/commend-3.png);
}
.comment-inner-wrap .badge, #browse-build .desc .badge {
  content: "";
  position: absolute;
  width: 63px;
  height: 46px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: 6px;
  bottom: 1px;
}
.comment-inner-wrap .badge {
  z-index: 10;
}
#browse-build .desc .badge {
  width: 43px;
  height: 31px;
  bottom: 3px;
  right: 4px;
}
.comment-inner-wrap .badge.commend-badge1, #browse-build .desc .badge.commend-badge1 {
  background-image: url(/images/prime/badges/commend-1.png);
}
.comment-inner-wrap .badge.commend-badge2, #browse-build .desc .badge.commend-badge2 {
  background-image: url(/images/prime/badges/commend-2.png);
}
.comment-inner-wrap .badge.commend-badge3, #browse-build .desc .badge.commend-badge3 {
  background-image: url(/images/prime/badges/commend-3.png);
}
.comment-inner-wrap .badge.commend-badge4, #browse-build .desc .badge.commend-badge4 {
  background-image: url(/images/prime/badges/commend-4.png);
}
.comment-inner-wrap .badge.commend-badge5, #browse-build .desc .badge.commend-badge5 {
  background-image: url(/images/prime/badges/commend-5.png);
}
.comment-inner-wrap:after, .comment-inner-wrap:before, #browse-build .desc:before, #browse-build .desc:after {
  content: "";
  position: absolute;
}
.comment-inner-wrap.commend1:before, .comment-inner-wrap.commend2:before, .comment-inner-wrap.commend3:before {
  height: 2px;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 156, 17, 0) 0%, rgba(245, 145, 7, 0.4) 60%, #fed831 100%);
  z-index: 10;
}
.comment-inner-wrap.commend1:after, .comment-inner-wrap.commend2:after, .comment-inner-wrap.commend3:after {
  width: 2px;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(255, 156, 17, 0) 0%, rgba(245, 145, 7, 0.4) 60%, #fed831 100%);
}
.comment-inner-wrap .comment-inner {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  position: relative;
}
.comment-inner-wrap .commends {
  position: relative;
}
.comment-inner-wrap {
  position: relative;
}
.comment-inner-wrap .fade {
  background: #121212;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.comment-inner-wrap .fade.build {
  background: #121d31;
  background: linear-gradient(to bottom, #0a1220 0px, #121d31 170px, #121d31 100%);
}
.thead-top .commend, .comment-score .commend {
  color: #ffaa23 !important;
}
.thead-top .commend:after {
  content: "\00bb";
  margin-left: 2px;
  font-family: arial;
  font-size: 12px;
}
.thead-top .commend:hover, .comment-score .commend:hover {
  text-decoration: none;
}
.comment-score .commend:before {
  content: "\00ab";
  margin-right: 2px;
  font-family: arial;
  font-size: 12px;
}
.commends .commendments {
  display: inline-block;
  color: #ffe77b;
  font-size: 10px;
  font-family: Verdana;
  vertical-align: middle;
}
#forum-thead .commends .commendments {
  line-height: 15px;
  margin: -5px;
  padding: 5px;
  cursor: default;
}
.comment-sig {
  margin: 0 10px 10px;
}
#guide-pages .comment-text img {
  max-width: 700px;
}
#guide-pages .comment-text .bbcode_quote img {
  max-width: 570px;
}
#guide-pages .comment-text .comment-sig {
  max-width: 690px;
}
#guide-pages .mastery-box {
  background: url("/css/gfx/box-pg-fade2.png") repeat-x left top;
  border: none;
  padding-bottom: 5px;
}
#guide-pages .component table, .component .cheat-hdr {
  width: 686px;
}
#sidebar-similar-builds .guide-sim {
  width: 100%;
  border-spacing: 0 2px;
  border-bottom: 2px solid #202c42;
}
#sidebar-similar-builds .guide-sim > a {
  display: table;
  width: 100%;
  margin-bottom: 2px;
}
#sidebar-similar-builds .guide-sim > a:first-child {
  margin-top: 2px;
}
#sidebar-similar-builds .guide-sim a > div {
  display: table-cell;
  vertical-align: middle;
}
#sidebar-similar-builds .guide-sim a > div.pic {
  width: 40px;
}
#sidebar-similar-builds .guide-sim td, #sidebar-similar-builds .guide-sim > a {
  background: #0c1727;
  line-height: 13px;
}
#sidebar-similar-builds .guide-sim tr:hover td, #sidebar-similar-builds .guide-sim > a:hover {
  background: #0f1c30;
  text-decoration: none;
}
#sidebar-similar-builds .guide-sim td a, #sidebar-similar-builds .guide-sim a .desc .title {
  color: #e8eef7;
  font-size: 14px;
  margin-bottom: 2px;
  line-height: 1.2;
}
#sidebar-similar-builds .guide-sim td a {
  display: inline-block;
}
#sidebar-similar-builds .guide-sim .browse-icon {
  border: 1px solid #182439;
  padding: 2px;
  background: #080f1b;
  margin: 4px;
  width: 40px;
  height: 40px;
}
#sidebar-similar-builds .guide-sim td, #sidebar-similar-builds .guide-sim a .desc {
  padding: 3px 5px;
}
#sidebar-similar-builds .guide-sim td a:hover, #sidebar-similar-builds .guide-sim a:hover .desc .title {
  color: #fff;
  text-decoration: none;
}
#guide-pages .guide-charts {
  background-color: #000e19;
  margin-top: 5px;
  padding: 3px;
}
#guide-pages .guide-charts, #guide-pages .guide-charts a {
  color: #53637e;
  font-size: 11px;
  text-transform: uppercase;
}
#guide-pages .guide-charts a:hover {
  color: white;
  text-decoration: none;
}
#guide-pages .guide-charts table {
  width: 100%;
}
#guide-pages .guide-charts table td {
  width: 25%;
  padding-bottom: 8px;
  vertical-align: top;
}
#guide-pages .guide-charts h3 {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #a6bdcf;
  text-transform: uppercase;
  margin: 5px 0;
}
#guide-pages .guide-charts .champs, #guide-pages .guide-charts a img {
  margin-bottom: 3px;
  display: inline-block;
}
.champ-list-hdr {
  background: url("/css/gfx/hdr-champ-lists.png") repeat-x center bottom;
  height: 36px;
  padding: 1px;
  text-align: center;
}
.champ-list-hdr img {
  width: 35px;
}
.guide-actions {
  margin-top: 9px;
}
.guide-actions > a {
  margin-right: 4px;
  float: left;
}
.guide-actions > a.f-btn {
  padding: 5px 9px;
  margin-right: 5px;
}
.guide-actions > a.f-btn img {
  margin-right: 2px;
}
.guide-actions__dropdown {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
  float: left;
  margin-right: 5px;
  background: #275495;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
  border-radius: 4px;
  min-width: 100px;
  transition: 300ms;
}
.guide-actions__dropdown span {
  display: block;
  color: white;
  padding: 5px 10px;
  transition: 300ms;
  border-radius: 4px;
}
.guide-actions__dropdown span i {
  margin: 4px 0 0 10px;
  float: right;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  transition: 300ms;
}
.guide-actions__dropdown span:hover {
  background: #212f48;
}
.guide-actions__dropdown.open {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  border-radius: 4px 4px 0 0;
  background: #212f48;
}
.guide-actions__dropdown.open span {
  border-radius: 4px 4px 0 0;
}
.guide-actions__dropdown.open span i {
  transform: rotate(180deg);
}
.guide-actions__dropdown__list {
  display: none;
  position: absolute;
  z-index: 10;
  background: #212f48;
  top: 100%;
  left: 0;
  right: 0;
  border-top: 1px solid #162032;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
}
.guide-actions__dropdown__list a {
  display: block;
  font-size: 10px;
  color: #788aac;
  padding: 5px 10px;
  border-top: 1px solid #31405a;
  border-bottom: 1px solid #162032;
  transition: 300ms;
}
.guide-actions__dropdown__list a img {
  width: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.guide-actions__dropdown__list a img:nth-of-type(1) {
  display: inline-block;
}
.guide-actions__dropdown__list a img:nth-of-type(2) {
  display: none;
}
.guide-actions__dropdown__list a:hover {
  background: #374c70;
  color: white;
}
.guide-actions__dropdown__list a:hover img:nth-of-type(1) {
  display: none;
}
.guide-actions__dropdown__list a:hover img:nth-of-type(2) {
  display: inline-block;
}
.guide-actions__dropdown--green {
  background: #499147;
}
.guide-actions__dropdown--green.open {
  background: #305b2e;
}
.guide-actions__dropdown--green span:hover {
  background: #305b2e;
}
.guide-actions__dropdown--green .guide-actions__dropdown__list {
  border-top: 1px solid #264825;
  background: #305b2e;
}
.guide-actions__dropdown--green .guide-actions__dropdown__list a {
  border-top: 1px solid #376d34;
  border-bottom: 1px solid #264825;
  color: #8cb98b;
}
.guide-actions__dropdown--green .guide-actions__dropdown__list a:hover {
  background: #499147;
  color: white;
}
.guide-actions > a img, .guide-actions *[data-facebook-share], .guide-actions *[data-twitter-share], .guide-actions *[data-reddit-share] {
  max-height: 27px;
  cursor: pointer;
}
.guide-actions-right {
  position: absolute;
  top: 105px;
  right: 0px;
  z-index: 15;
  margin-right: 5px;
}
.guide-actions-right > a {
  margin-right: 5px;
  float: left;
}
.guide-actions-right > a.f-btn {
  padding: 6px 9px;
  margin-right: 5px;
}
.guide-actions-right > a.f-btn img {
  margin-right: 5px;
}
.guide-actions-right > a img, .guide-actions-right *[data-facebook-share], .guide-actions-right *[data-twitter-share], .guide-actions-right *[data-reddit-share] {
  max-height: 26px;
  cursor: pointer;
  margin-right: 5px;
}
#sidebar-similar-builds h2 {
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  font-weight: normal;
}
#sidebar-similar-builds h2.title {
  background: #212e44;
  font-size: 11px;
  color: #687fa1;
  font-weight: normal;
}
#sidebar-similar-builds .side-free {
  text-align: center;
}
#sidebar-similar-builds .side-free a:nth-child(5n+1) {
  margin-left: 3px;
}
#sidebar-similar-builds .side-free a {
  display: inline-block;
  height: 46px;
  margin: 2px 1.5px;
  padding: 0px;
  width: 46px;
  background: #101e33;
  border-radius: 4px;
  float: none;
  border: 3px solid #101e33;
}
#sidebar-similar-builds .side-free a:hover {
  border-color: #5d7ca6;
}
#sidebar-similar-builds .side-free img {
  border: none;
  height: 46px;
  width: 46px;
}
#guide-pages .guide-threats {
  text-align: center;
  margin: 90px 0;
  display: inline-block;
  width: 100%;
}
#guide-pages .guide-threats > * {
  vertical-align: top;
  display: inline-block;
}
#guide-pages .guide-threats a, #guide-pages .guide-threats span {
  line-height: 24px;
  font-size: 10px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #b6bed4;
}
#guide-pages .guide-threats span {
  color: #656567;
}
#guide-pages .guide-threats .threats {
  position: relative;
}
#guide-pages .guide-threats .bar {
  font-size: 0;
  background: #070c17;
  padding: 2px;
  border: 2px solid #192034;
  border-radius: 5px;
}
#guide-pages .guide-threats .bar > div, #guide-pages .guide-threats .bar > a {
  width: 57px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #165a1b;
  display: inline-block;
  margin-right: 2px;
  background: #63661e;
  background: linear-gradient(to bottom, #63661e 0%, #babf3b 100%);
  vertical-align: middle;
  cursor: pointer;
}
#guide-pages .guide-threats .bar > div:hover, #guide-pages .guide-threats .bar > div.selected, #guide-pages .guide-threats .bar > a:hover, #guide-pages .guide-threats .bar > a.selected {
  box-shadow: inset 0 0 5px 0 rgba(255, 255, 190, 0.75);
  background: #9ca030;
  background: linear-gradient(to bottom, #9ca030 0%, #e8ed5a 100%);
}
#guide-pages .guide-threats .bar > div:nth-child(-n+3), #guide-pages .guide-threats .bar > a:nth-child(-n+3) {
  background: #2a6a1f;
  background: linear-gradient(to bottom, #2a6a1f 0%, #43c439 100%);
}
#guide-pages .guide-threats .bar > div:nth-child(-n+3):hover, #guide-pages .guide-threats .bar > div:nth-child(-n+3).selected, #guide-pages .guide-threats .bar > a:nth-child(-n+3):hover, #guide-pages .guide-threats .bar > a:nth-child(-n+3).selected {
  background: #3f9e2e;
  background: linear-gradient(to bottom, #3f9e2e 0%, #56f748 100%);
  box-shadow: inset 0 0 5px 0 rgba(201, 255, 191, 0.75);
}
#guide-pages .guide-threats .bar > div:nth-last-child(-n+3), #guide-pages .guide-threats .bar > a:nth-last-child(-n+3) {
  background: #6a1f20;
  background: linear-gradient(to bottom, #6a1f20 0%, #c43c39 100%);
}
#guide-pages .guide-threats .bar > div:nth-last-child(-n+3):hover, #guide-pages .guide-threats .bar > div:nth-last-child(-n+3).selected, #guide-pages .guide-threats .bar > a:nth-last-child(-n+3):hover, #guide-pages .guide-threats .bar > a:nth-last-child(-n+3).selected {
  box-shadow: inset 0 0 5px rgba(255, 160, 161, 0.75);
  background: #9e2e30;
  background: linear-gradient(to bottom, #ab3234 0%, #ff4d4a 100%);
}
#guide-pages .guide-threats .bar > div:last-child, #guide-pages .guide-threats .bar > a:last-child {
  color: #5a1616;
  margin-right: 0;
}
#guide-pages .guide-threats .heroes-wrap {
  position: absolute;
  max-width: 108px;
}
#guide-pages .guide-threats .heroes-wrap.right {
  right: 0;
}
#guide-pages .guide-threats .heroes-wrap.down {
  top: 34px;
}
#guide-pages .guide-threats .heroes-wrap.up {
  bottom: calc(100% + 10px);
}
#guide-pages .guide-threats .heroes-wrap .heroes {
  border: 2px solid #192034;
  border-radius: 5px;
  background: #070c17;
  font-size: 0;
  padding: 3px;
  text-align: left;
  cursor: pointer;
  position: relative;
  z-index: 5;
  position: relative;
}
#guide-pages .guide-threats .heroes-wrap .heroes img, #guide-pages .guide-threats .heroes-wrap .heroes > div {
  width: 30px;
  height: 30px;
  vertical-align: top;
}
#guide-pages .guide-threats .heroes-wrap .heroes > div {
  display: inline-block;
  border: 1px solid #192034;
}
#guide-pages .guide-threats .heroes-wrap .heroes > div:not(:nth-child(3n)):not(:last-child) {
  margin-right: 1px;
}
#guide-pages .guide-threats .heroes-wrap .heroes > div:not(:nth-last-child(-n+3)) {
  margin-bottom: 3px;
}
#guide-pages .guide-threats .heroes-wrap .heroes:after {
  content: "";
  position: absolute;
  bottom: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #192034 transparent transparent transparent;
}
#guide-pages .guide-threats .heroes-wrap .heroes.down:after {
  bottom: auto;
  top: -9px;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #192034 transparent;
}
#guide-pages .guide-threats .heroes-wrap .heroes.left:after {
  left: 2px;
}
#guide-pages .guide-threats .heroes-wrap .heroes.right:after {
  right: 2px;
}
#guide-pages .guide-threats .heroes-wrap .heroes.selected, #guide-pages .guide-threats .heroes-wrap .heroes:hover {
  border-color: #273551;
}
#guide-pages .guide-threats .heroes-wrap .heroes.selected.up:after, #guide-pages .guide-threats .heroes-wrap .heroes:hover.up:after {
  border-color: #273551 transparent transparent transparent;
}
#guide-pages .guide-threats .heroes-wrap .heroes.selected.down:after, #guide-pages .guide-threats .heroes-wrap .heroes:hover.down:after {
  border-color: transparent transparent #273551 transparent;
}
#guide-pages .threats-hdr {
  display: inline-block;
  font-size: 14px;
  margin: 4px 0 12px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
#guide-pages .threat-desc {
  margin-top: 15px;
  margin-bottom: -3px;
}
#guide-pages .threat-desc table {
  border-spacing: 0 3px;
  width: 100%;
}
#guide-pages .threat-desc table th {
  text-align: left;
  color: #62708f;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
}
#guide-pages .threat-desc table th:first-child {
  text-align: center;
}
#guide-pages .threat-desc table td {
  border-top: 1px solid #192034;
  border-bottom: 1px solid #192034;
  background: #08101e;
  vertical-align: top;
  padding-top: 7px;
  padding-bottom: 7px;
}
#guide-pages .threat-desc table td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #192034;
}
#guide-pages .threat-desc table td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #192034;
}
#guide-pages .threat-desc table td.threat {
  width: 70px;
  text-align: center;
  padding-top: 21px;
}
#guide-pages .threat-desc table td.threat > div {
  font-size: 18px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #161616;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
}
#guide-pages .threat-desc table td.threat > div.green {
  background: #3f9e2e;
  background: linear-gradient(to bottom, #3f9e2e 0%, #56f748 100%);
  box-shadow: inset 0 0 5px 0 rgba(201, 255, 191, 0.75);
}
#guide-pages .threat-desc table td.threat > div.yellow {
  box-shadow: inset 0 0 5px 0 rgba(255, 255, 190, 0.75);
  background: #9ca030;
  background: linear-gradient(to bottom, #9ca030 0%, #e8ed5a 100%);
}
#guide-pages .threat-desc table td.threat > div.red {
  box-shadow: inset 0 0 5px rgba(255, 160, 161, 0.75);
  background: #9e2e30;
  background: linear-gradient(to bottom, #ab3234 0%, #ff4d4a 100%);
}
#guide-pages .threat-desc table td.pic {
  width: 51px;
}
#guide-pages .threat-desc table td.pic img {
  width: 51px;
  border: 1px solid #181f33;
}
#guide-pages .threat-desc table td.name {
  width: 121px;
  padding-left: 16px;
  line-height: 1;
  padding-top: 25px;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #b1b1b1;
}
#guide-pages .threat-desc table td.desc {
  vertical-align: middle;
  color: #abaead;
  font-size: 11px;
}
.similar-builds-header {
  display: table;
  width: 100%;
  background: #0c1727;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2px;
}
.similar-builds-header .champ {
  padding: 5px;
  cursor: pointer;
  width: 1px;
}
.similar-builds-header .champ, .similar-builds-header .title {
  display: table-cell;
  vertical-align: middle;
}
.similar-builds-header .title {
  padding-left: 10px;
}
.similar-builds-header .champ img {
  width: 81px;
  height: 81px;
  border: 1px solid #182439;
  padding: 1px;
  background: #080f1b;
}
.similar-builds-header .title h3, .similar-builds-header .champ h4 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.similar-builds-header .title h3 {
  font-size: 21px;
  color: white;
  margin-bottom: 0;
  line-height: 1.1;
}
.similar-builds-header .title a:hover {
  text-decoration: none;
}
.similar-builds-header .title h4 {
  text-transform: uppercase;
  font-size: 12px;
  color: #536990;
  line-height: 1.2;
  margin-bottom: 7px;
}
.c9-guide-banner {
  display: block;
  border: 1px solid #039dd1;
  position: relative;
  color: white !important;
  font-size: 36px;
  height: 103px;
  margin-bottom: 10px;
  z-index: 5;
  background-size: 100% 100%;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.75), 1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, -2px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  line-height: 88px;
  text-transform: uppercase;
}
.iframe-build-info {
  background: #0b1727;
  color: white;
  font-size: 16px;
  color: white;
  text-transform: uppercase;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 8px;
  font-weight: normal;
  padding: 6px 10px;
  letter-spacing: 1.2;
}
.iframe-build-info span {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: none;
  margin-left: 24px;
  color: #97a6c3;
}
.grayscale img, .grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0, 0.3333 0.3333 0.3333 0 0, 0.3333 0.3333 0.3333 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -ms-filter: grayscale(100%);
}
.f-btn-new {
  background: #152034;
  border: solid 0px #243248;
  display: block;
  color: #8498b8 !important;
  font-size: 10px;
  text-transform: uppercase;
  float: left;
  margin-right: 5px;
  padding: 6px 13px;
  border-radius: 0px;
}
.f-btn-new:hover {
  background: #1c2b46;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  border: solid 0px #243248;
}
.vote-popup {
  position: fixed !important;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: -100px;
  opacity: 0;
  background: #233148;
  border-top: 2px solid #3b516e;
  text-align: center;
  padding: 5px 0;
  transition: 1000ms;
}
.vote-popup.active {
  bottom: 0;
  opacity: 1;
}
.vote-popup__close {
  position: absolute !important;
  font: 800 20px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #3b516e;
  top: 6px;
  right: 8px;
  cursor: pointer;
  transition: 250ms;
}
.vote-popup__close:hover {
  color: #4d698f;
}
.vote-popup__content {
  display: inline-block;
}
.vote-popup__content > div {
  display: inline-block;
  vertical-align: top;
}
.vote-popup__content__img {
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #3b516e;
}
.vote-popup__content__img img {
  width: 38px;
}
.vote-popup__content__text {
  color: white;
  text-align: left;
  padding: 4px 25px 0 5px;
}
.vote-popup__content__text span {
  display: block;
  font: 14px/17px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.vote-popup__content__text span:last-of-type {
  font-size: 12px;
}
.vote-popup__content__btns .flat-btn {
  margin: 4px;
}
.vote-popup__reveal {
  display: none;
  background: #0b1727;
  text-align: left;
  margin: 20px auto 5px;
  width: 760px;
  max-width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  position: relative;
}
.vote-popup__reveal a {
  color: #4eb6ff;
  cursor: pointer;
}
.vote-popup__reveal a:hover {
  color: #326bbd;
}
.vote-popup__reveal--vote {
  width: 482px;
  transform: translateX(35px);
}
.vote-popup__reveal--vote .vote-popup__reveal__btn span {
  position: relative;
  top: 1px;
}
.vote-popup__reveal--vote .vote-popup__reveal__btn img {
  width: 21px;
  margin-left: 5px;
  vertical-align: middle;
}
.vote-popup__reveal--vote .vote-popup__reveal__btn:last-of-type img {
  transform: rotate(180deg) scaleX(-1);
}
.vote-popup__reveal--voteComment {
  width: 725px;
}
.vote-popup__reveal--voteComment::before {
  right: 75px !important;
}
.vote-popup__reveal--voteComment label {
  float: left;
  text-align: center;
}
.vote-popup__reveal--voteComment label:first-of-type {
  width: 130px;
}
.vote-popup__reveal--voteComment label:last-of-type {
  width: 380px;
  padding-right: 175px;
}
.vote-popup__reveal--voteComment .vote-popup__reveal__btn {
  margin: 0;
  height: 60px;
  box-sizing: border-box;
  padding-top: 17px;
}
.vote-popup__reveal--voteComment .vote-popup__reveal__btn img {
  width: 21px;
}
.vote-popup__reveal--voteComment .vote-popup__reveal__btn:last-of-type img {
  transform: rotate(180deg) scaleX(-1);
}
.vote-popup__reveal--voteComment textarea {
  width: 380px !important;
  margin-right: 9px !important;
}
.vote-popup__reveal--voteComment span {
  position: absolute;
  font-size: 10px;
  color: #6b7c9b;
}
.vote-popup__reveal--thankYou {
  width: 515px;
}
.vote-popup__reveal--thankYou::before {
  right: 33px !important;
}
.vote-popup__reveal--thankYou h2 {
  font: 400 14px/18px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
}
.vote-popup__reveal--thankYou p {
  font-size: 11px;
}
.vote-popup__reveal--thankYou img {
  float: left;
  margin: 4px 12px 4px 10px;
}
.vote-popup__reveal::before {
  content: '';
  position: absolute;
  top: -12px;
  right: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 12px 5px;
  border-color: transparent transparent #0b1727 transparent;
}
.vote-popup__reveal label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: #8498b8;
  margin-bottom: 5px;
}
.vote-popup__reveal textarea {
  border: 2px solid #2d374a;
  background: #152135;
  width: 535px;
  display: inline-block;
  vertical-align: bottom;
  min-height: 60px;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 5px;
  color: white;
  font: 14px/18px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.vote-popup__reveal input[type="submit"] {
  display: inline-block;
  vertical-align: bottom;
}
.vote-popup__reveal__btn {
  display: inline-block;
  margin: 5px 20px 5px 0;
  font-size: 14px;
  color: white;
  padding: 5px 20px;
  background: #152034;
  cursor: pointer;
  transition: 300ms;
}
.vote-popup__reveal__btn.selected {
  background: #2b426a;
}
.vote-popup__reveal__btn.selected:hover {
  background: #2b426a;
}
.vote-popup__reveal__btn:hover {
  background: #243658;
}
.vote-popup__reveal__btn:last-of-type {
  margin-right: 0;
}




#blog h1 span a {
  color: #0080ff;
  font-size: 12px;
}
#blog .blog-box {
  background: none repeat scroll 0 0 #000;
  border: 1px solid #242833;
  padding: 10px;
}
#blog .blog-hdr {
  margin-left: 75px;
  padding: 10px 0;
  font-size: 11px;
  color: #596271;
}
#blog .blog-hdr h2 {
  font-weight: normal;
  text-transform: uppercase;
  color: #c8c8c8;
  background: url(/css/gfx/bg-blog-title.png) repeat-x center bottom;
  margin: 10px 0 3px 0;
}
#blog .blog-hdr h2 a {
  color: #c8c8c8;
}
#blog .mini-post .blog-hdr {
  margin-left: 5px;
  padding: 0 0 10px 0;
}
#blog .hdr-rank {
  color: #c0c0c0;
  font-size: 11px;
  margin-bottom: 7px;
}
#blog .filter-label {
  color: #4f6d86;
  float: left;
  padding: 1px 5px 1px 25px;
  margin-right: 5px;
  text-transform: uppercase;
}
#blog .filter {
  background: url(/css/gfx/checkbox.png) no-repeat left top;
  float: left;
  padding: 1px 5px 1px 25px;
  margin-right: 5px;
  text-transform: none;
}
#blog .filter.selected {
  background: url(/css/gfx/checkbox.png) no-repeat left bottom;
}
#blog .blog-filter {
  margin-bottom: 15px;
}
#blog .blog-filter .db {
  padding: 11px 15px 8px;
}
#blog .blog-filter span {
  text-transform: uppercase;
  color: #516171;
  font-weight: bold;
  display: inline-block;
}
#blog .blog-filter span:not(:first-child) {
  margin-left: 30px;
}
#blog .blog-filter label {
  font-weight: bold;
  color: #758392;
}
#blog .blog-filter .prettycheckbox {
  margin: 0 0 0 5px;
}
#blog .post {
  line-height: 1.8;
}
#blog .post p {
  margin: 15px 0;
  line-height: 2em;
}
#blog .post ul, #blog .post ol {
  margin: 15px 0;
}
#blog .post li {
  margin: 5px 40px;
  color: #c0c0c0;
}
#blog .post h2, #blog .post h3, #blog .post h4 {
  margin-top: 15px;
  line-height: 1em;
}
#blog .h-post .post {
  background: none;
  padding: 1px 15px;
  line-height: 1.5em;
  min-height: 50px;
  color: #c0c0c0;
}
#blog .h-post .post p {
  margin: 15px 0;
  line-height: 1.5em;
}
#blog .h-post .social {
  margin: 1px 0 15px 0;
  background: #080e19;
}
#blog .h-post .post h2 {
  color: #fff;
  font-weight: normal;
  margin-top: 10px;
}
#blog .blog-views {
  float: right;
  color: #394b62;
  font-size: 11px;
  margin-top: 20px;
  font-weight: normal;
}
#blog .post-info .reputation-button {
  color: #a903fb;
}
#blog .post-info .views {
  text-transform: none;
}
#blog .post-info a {
  color: #394b62;
}
#blog .post-head {
  padding: 10px 10px 3px 10px;
  background: #000 url(/css/gfx/bg-blog-hdr.png) repeat-x center bottom;
}
#blog .post-head img {
  border: 1px solid #162434;
  padding: 3px;
  width: 60px;
}
#blog .post-head .p-date {
  color: #596271;
  font-size: 11px;
}
#blog .h-post .post-head {
  padding: 10px 10px 10px 10px;
  background: url(/css/gfx/box-discuss-divide.png) repeat-x bottom;
}
#blog .h-post .post-head img {
  width: 34px;
  padding: 3px;
  border: solid 1px #162434;
  margin-right: 8px;
}
#blog .blogger .av {
  width: 75px;
  margin-right: 5px;
}
#blog .blogger .b-info {
  vertical-align: middle;
}
#blog .blog-list h2 {
  color: #b8cceb;
  padding: 20px 0 5px 0;
  font-weight: normal;
}
#blog .blog-list li {
  list-style: none;
  padding: 7px 20px;
  border-bottom: 1px solid #0c1118;
}
#blog .blog-list li.last {
  border-bottom: 0px solid #0c1118;
}
#blog .blog-list .the-list {
  background: #000 url(/css/gfx/bg-blog-menu.png) repeat-x center top;
  padding: 7px;
  line-height: 1.5em;
}
#blog .edit-blog-title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  height: 25px;
  padding: 3px;
  width: 635px;
}
#blog .blog article h2 {
  padding-bottom: 5px;
}
#blog .blog-feed-list {
  width: 225px;
}
#blog .blog-feed-list h2 {
  color: #b8cceb;
  padding: 0;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#blog .blog-feed-list li {
  list-style: none;
  padding: 7px 0;
  border-bottom: 1px solid #0c1118;
}
#blog .blog-feed .post img {
  max-width: 435px;
}
#blog .mini-post .blog-feed .post img {
  max-width: 390px;
}
#blog .blog-break {
  height: 20px;
}
#blog .blog-vote img {
  vertical-align: middle;
}
#blog .sb-list {
  background: #090d13;
  padding: 5px;
  margin-bottom: 1px;
}
#blog .post img {
  max-width: 100%;
}
#blog .box-sb {
  background: #050505 url(/css/gfx/bg-box-sb.png) repeat-x center top;
  padding: 12px;
  color: #c0c0c0;
  border: solid 1px #0f181e;
}
#blog .hdr-sb {
  background: #090c13;
  padding: 3px 4px;
  color: #919dac;
  border: solid 1px #0f181e;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #c8c8c8;
  font-size: 14px;
}
#blog .box-sb-inner {
  color: #c0c0c0;
}
#blog .box-sb-inner .blogger {
  display: block;
  color: #808080;
  margin: 10px 0;
  background: #1a283f;
  padding: 0 2px;
}
#blog .box-sb-inner .blogger:hover {
  background: #253959;
}
#blog .box-sb-inner .blogger:last-child {
  margin-bottom: 0;
}
#blog .box-sb-inner .blogger img {
  width: 60px;
  border: 1px solid #444;
  margin: 5px 15px;
}
#blog .box-sb-inner .blogger:hover {
  text-decoration: none;
}
#blog .box-sb-inner .blogger .b-name {
  padding-top: 5px;
  font-size: 14px;
}
#blog .box-sb-inner .blogger .b-rank {
  font-size: 10px;
  color: #c0c0c0;
}
#blog .box-sb-inner .blogger .b-stats {
  font-size: 11px;
  text-transform: uppercase;
}
#blog .box-sb-inner .sb-list {
  background: url(/css/gfx/bg-blog-title.png) repeat-x center bottom;
  padding: 5px 0;
}
#blog .box-sb-inner a {
  color: #919dac;
}
#blog .col-left {
  padding-top: 0;
}
#blog .champ-tabs {
  padding-left: 16px;
}
#blog article h2 .auth-av-wrap {
  height: 40px;
  display: inline-block;
}
#profile-menu h1 {
  padding-top: 3px;
  line-height: 1em;
}
#profile-menu h1 a {
  color: #fff;
}
#profile-menu .main-av {
  width: 35px;
  border: 1px solid #162434;
  padding: 3px;
  background: #070707;
  margin-right: 5px;
}
#profile-menu .bm-stats {
  font-size: 18px;
  text-transform: uppercase;
  color: #596271;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 20px 0 0;
}
#profile-menu .bm-stats .sub-stats {
  font-size: 12px;
}
#profile-menu .bm-stats .sub-stats span {
  color: #c0c0c0;
}
.view-profile #blog .blog-views {
  margin-top: 10px;
}
.blog .post .bbcode_quote {
  background-color: #172133;
  border: 1px dashed black;
  margin: 10px 15px;
  padding: 15px;
  font-family: "Courier New", Courier, monospace;
}
#blog .social, #profile #profile-content .post .social {
  background: #233046;
  padding: 3px 5px;
  color: #666;
  margin-right: 86px;
  font-size: 11px;
}
#blog .social a, #profile-content .social a {
  color: #596271;
}
#profile-content .social a.chosen-single {
  color: #b3bfd2;
}
.blog-feed {
  width: 465px;
}
.blog-search {
  background: none repeat scroll 0 0 #131718;
  border: 1px solid #464b59;
  margin-bottom: 3px;
  padding: 5px;
}
.blog-search input {
  background: none repeat scroll 0 0 #000;
  border: 1px solid #24313b;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 3px;
  width: 400px;
}
article h2 img.auth-av {
  padding: 1px;
  margin-right: 10px;
  border: solid 1px #162434;
  height: 40px !important;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
#blog article h2 .title {
  max-width: 580px;
}
article h2.hdr .title {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.blog-sideblock #user-tags, .blog-sideblock #user-tags a {
  color: #acc1e5;
}
.blog-sideblock #user-tags .llb {
  padding: 10px 15px;
}
.blog-sideblock #recent-posts li:hover {
  background-color: #253959;
}
.blog article .db {
  padding: 20px 17px;
  overflow: hidden;
}
.blog article:not(:last-child) {
  margin-bottom: 10px;
}
.blog article h2.hdr {
  border-bottom: 1px solid #1d2434;
  padding-bottom: 3px;
  margin-bottom: 3px;
  text-transform: uppercase;
  white-space: nowrap;
}
.blog article h2.league.hdr {
  padding-bottom: 10px;
}
.blog article h2.hdr a, .blog article h2.hdr {
  font-size: 20px;
  color: white;
  font-weight: normal;
}
.blog article h2.hdr a:hover {
  text-decoration: none;
}
.blog article .post-info, #blog article .post-info {
  color: #394b62;
  font-size: 10px;
  text-transform: uppercase;
}
.blog article .post {
  padding: 25px 25px 18px;
  color: #979fb4;
  font-size: 12px;
  line-height: 20px;
  word-wrap: break-word;
}
.blog article .post p {
  color: #979fb4;
  text-decoration: none;
}
.blog article .post img.banner {
  border: 1px solid #161c32;
  padding: 4px;
  background: #040814;
  max-width: 645px;
  margin-bottom: 10px;
}
.blog article .read-more {
  text-align: right;
  text-transform: uppercase;
  margin-top: 5px;
}
.blog article .post .read-more {
  margin-bottom: -10px;
}
.blog article .read-more a {
  color: #fb7305 !important;
}
.blog article .read-more a:hover {
  color: white !important;
}
.blog article p {
  margin: 20px 0;
}
.blog article p:last-child {
  margin-bottom: 0px;
}
.blog article.more-articles .post {
  border-bottom: 1px solid #1d2434;
  margin-bottom: 5px;
}
.blog article .more-news {
  display: table;
  border-spacing: 5px;
  margin: 0 -5px 10px;
}
.mf-redesign.mf-blog .mf-form input[type="radio"] + span a, .mf-redesign.mf-blog .mf-form input[type="checkbox"] + span a {
  padding: 0 14px;
}
.mf-redesign.mf-blog .mf-blog__list {
  padding: 20px;
}
.mf-redesign.mf-blog .mf-blog__list__article {
  margin-bottom: 20px;
}
.mf-redesign.mf-blog .mf-blog__list__article > h2 {
  margin-bottom: 5px;
}
.mf-redesign.mf-blog .mf-blog__list__article > h2 img {
  border: 1px solid #475976;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.mf-redesign.mf-blog .mf-blog__list__article > h2 a {
  color: white;
  font-size: 18px;
}
.mf-redesign.mf-blog .mf-blog__list__article > span {
  text-transform: uppercase;
  font-size: 11px;
  color: #475976;
  border-top: 1px solid #152034;
  padding-top: 3px;
  display: block;
}
.mf-redesign.mf-blog .mf-blog__list__article > span .reputation-button {
  text-transform: none;
  color: #c400f4;
  float: right;
}
.mf-redesign.mf-blog .mf-blog__list__article .post {
  font-size: 12px;
  line-height: 22px;
  color: #8498b8;
  padding: 20px;
}
.mf-redesign.mf-blog .mf-blog__list__article .post .read-more {
  text-align: right;
  text-transform: uppercase;
}
.mf-redesign.mf-blog .mf-blog__list__article .post .read-more a {
  color: #fb7305;
}
.mf-redesign.mf-blog .mf-blog__list__article__footer {
  background: #152034;
  padding: 5px 8px;
  text-transform: uppercase;
  color: #7785a0;
  font-size: 11px;
}
.mf-redesign.mf-blog .mf-blog__list__article__footer a {
  float: right;
  color: #7785a0;
}
.mf-redesign .blog-edit-row {
  display: block;
  margin-bottom: 15px;
  color: #475976;
}
.mf-redesign .blog-edit-row label {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  width: 120px;
}
.mf-redesign .blog-edit-row input {
  margin-right: 10px;
}
.mf-redesign .blog-edit-row .chosen-container {
  width: 150px !important;
}




#wiki .wiki-box {
  background: #000 url(/css/gfx/wiki-box.png) repeat-x center top;
  padding: 12px;
}
#wiki .topics {
  width: 275px;
  padding: 8px;
  background: #0b1524;
  border: solid 1px #29374b;
}
#wiki .topics a {
  display: block;
  padding: 2px 15px;
}
#wiki .topics h3 {
  color: #b8c1cb;
  font-size: 14px;
  font-weight: normal;
}
#wiki .topic {
  padding: 10px 0;
}
#wiki .topic h2 {
  border-bottom: solid 1px #29374b;
  padding-bottom: 4px;
  color: #e1e6ea;
  font-size: 18px;
  margin-bottom: 12px;
}
#wiki .topic p {
  line-height: 1.7em;
}
#wiki .cat-box {
  background: #0b1524;
  padding: 8px;
}
#wiki .cat-box .wiki-cat {
  background: #0f2034;
  margin: 1px 0;
  display: block;
  padding: 5px;
  text-transform: uppercase;
  color: #9b9d9f;
  font-weight: bold;
}
#wiki .cat-box .wiki-cat:hover {
  text-decoration: none;
  background: #1a3553;
  color: #fff;
}
#wiki .cat-box .wiki-sub {
  background: #11243b;
  margin: 0 0 3px 15px;
}
#wiki .cat-box .wiki-sub a {
  padding: 5px 8px;
  display: block;
  color: #9b9d9f;
}
#wiki .cat-box .wiki-sub a:hover {
  background: #1a3553;
  text-decoration: none;
  color: #fff;
}
#wiki .cat-box .selected {
  background: #1a3553;
  color: #fff;
}
#wiki .side-cred {
  color: #9b9d9f;
  font-size: 10px;
  padding-top: 8px;
}
#wiki .side-cred h4 {
  size: 12px;
  color: #a9b8cd;
}
#wiki .rev-box {
  background: #050b12;
  border: 1px solid #29374b;
  color: #c1c1c1;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  padding: 10px;
}
#wiki .rev-hdr {
  color: #6c8093;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #0b1524;
  padding: 3px 5px;
}
#wiki .wiki-categories {
  text-align: center;
  padding: 15px 0;
  display: table;
  width: 100%;
}
#wiki .wiki-categories li {
  display: table-cell;
  width: 90px;
}
#wiki .wiki-categories li img {
  width: 64px;
  height: 64px;
  border: 1px solid #293749;
  padding: 2px;
  border: 1px solid #183551;
  background: #7692be;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2OTJiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTYwODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #7692be 0%, #496089 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7692be), color-stop(100%, #496089));
  background: -webkit-linear-gradient(top, #7692be 0%, #496089 100%);
  background: -o-linear-gradient(top, #7692be 0%, #496089 100%);
  background: -ms-linear-gradient(top, #7692be 0%, #496089 100%);
  background: linear-gradient(to bottom, #7692be 0%, #496089 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7692be', endColorstr='#496089',GradientType=0);
}
#wiki .wiki-categories a {
  color: #adc4db;
}
#wiki .wiki-categories span {
  text-align: center;
  font-size: 10px;
}
#wiki .wiki-items {
  padding: 10px;
}
#wiki .wiki-item {
  min-height: 70px;
  margin-top: 12px;
  padding: 10px;
  background-color: #0e192b;
  border: 1px solid #0b1321;
}
#wiki .wiki-item:first-of-type {
  margin-top: 5px;
}
#wiki .wiki-item h3 {
  line-height: 18px;
  margin: -1px 0 4px 0;
  color: #ebedf0;
}
#wiki .wiki-item p {
  color: #d4d1d1;
}
#wiki .wiki-item p a {
  color: #7f91b0;
  padding-left: 5px;
}
#wiki .wiki-item .bbcode_firstcolumn img {
  background-color: #091222;
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 15px;
  padding: 2px;
  border: 1px solid #34465e;
}
#wiki .wiki-table {
  width: 100%;
}
#wiki .wiki-table th {
  background: #1c2833;
  text-transform: uppercase;
  padding: 8px 3px 3px 3px;
  text-align: left;
}
#wiki .wiki-table td {
  padding: 5px;
  color: #808080;
}
#wiki .wiki-table .poll-answer, #wiki .wiki-table .poll-question {
  background: #181919;
}
#wiki .wiki-table .wiki-row td {
  background-color: #0b1524;
}
#wiki .wiki-table .wiki-row2 td {
  background-color: #101f36;
}
#wiki .wiki-table .edit-input, #wiki .wiki-table .edit-input-num, #wiki .wiki-table .edit-input-dd, #wiki .wiki-table .edit-input-dd2 {
  background: none repeat scroll 0 0 #050b12;
  border: 1px solid #29374b;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #c1c1c1;
  padding: 2px;
  font-size: 12px;
}
#wiki .wiki-table .edit-input {
  width: 180px;
}
#wiki .wiki-table .edit-input-dd {
  width: 150px;
}
#wiki .wiki-table .edit-input-dd2 {
  width: 100px;
}
#wiki .wiki-table .edit-input-num {
  width: 60px;
  text-align: right;
}
#wiki .wiki-table .edit-full-text, #wiki .wiki-table .edit-half-text {
  padding: 10px;
  background: none repeat scroll 0 0 #050b12;
  border: 1px solid #29374b;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #c1c1c1;
  font-size: 12px;
}
#wiki .wiki-table .edit-full-text {
  width: 655px;
  height: 250px;
}
#wiki .wiki-table .edit-half-text {
  width: 474px;
  height: 100px;
}
#wiki .wiki-table .chapter-title td {
  text-transform: uppercase;
  color: #6c8093;
  font-size: 11px;
}
#wiki .wiki-edit-table {
  width: 100%;
}
#wiki .wiki-edit-table td {
  padding: 5px;
  color: #808080;
}
#wiki .wiki-edit-table .we-label {
  color: #6c8093;
  font-size: 11px;
  text-transform: uppercase;
  vertical-align: top;
}
#wiki.mf-redesign h2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px;
}
#wiki.mf-redesign .wiki-btn {
  font-size: 11px;
  text-transform: uppercase;
  background: #152034;
  color: white;
  padding: 6px 15px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: 250ms;
}
#wiki.mf-redesign .wiki-btn.insert-chapter {
  padding-left: 31px;
}
#wiki.mf-redesign .wiki-btn.insert-chapter::before, #wiki.mf-redesign .wiki-btn.insert-chapter::after {
  content: '';
  position: absolute;
  left: 10px;
  top: 12px;
  width: 14px;
  height: 4px;
  transform: rotate(90deg);
  background: #2b8b31;
}
#wiki.mf-redesign .wiki-btn.insert-chapter::after {
  transform: rotate(180deg);
}
#wiki.mf-redesign .wiki-btn.delete-chapter {
  padding-left: 31px;
}
#wiki.mf-redesign .wiki-btn.delete-chapter::before, #wiki.mf-redesign .wiki-btn.delete-chapter::after {
  content: '';
  position: absolute;
  left: 10px;
  top: 12px;
  width: 14px;
  height: 4px;
  transform: rotate(45deg);
  background: #fe3e39;
}
#wiki.mf-redesign .wiki-btn.delete-chapter::after {
  transform: rotate(135deg);
}
#wiki.mf-redesign .wiki-btn.move-chapter-up, #wiki.mf-redesign .wiki-btn.move-chapter-down {
  width: 27px;
  height: 27px;
  padding: 0;
}
#wiki.mf-redesign .wiki-btn.move-chapter-up::after, #wiki.mf-redesign .wiki-btn.move-chapter-down::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 13px 6.5px;
  border-color: transparent transparent #2b8b31 transparent;
}
#wiki.mf-redesign .wiki-btn.move-chapter-down::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
#wiki.mf-redesign .wiki-btn:hover {
  background: #1f304d;
}
#wiki.mf-redesign .topic {
  color: #b4b8c0;
}
#wiki.mf-redesign .topic h2 {
  padding-bottom: 10px;
  color: white;
}
#wiki.mf-redesign .topic li {
  list-style-type: square;
}
#wiki.mf-redesign .wiki__home {
  background: #152034;
  padding: 12px;
  margin-top: 10px;
}
#wiki.mf-redesign .wiki__home .wiki__categories a img {
  opacity: 0.7;
  transition: 300ms;
  backface-visibility: hidden;
}
#wiki.mf-redesign .wiki__home .wiki__categories a:hover img {
  opacity: 1;
}
#wiki.mf-redesign .wiki__inner {
  padding: 12px;
  margin-top: 10px;
}
#wiki.mf-redesign .wiki__article {
  padding: 12px;
}
#wiki.mf-redesign .wiki__categories {
  display: block;
  font-size: 0;
  padding: 0;
  margin-bottom: 30px;
}
#wiki.mf-redesign .wiki__categories li {
  display: inline-block;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 15px;
}
#wiki.mf-redesign .wiki__categories li:nth-of-type(4n + 4) {
  margin-right: 0;
}
#wiki.mf-redesign .wiki__categories li a {
  float: left;
  width: 100%;
  background: #0b1727;
  padding: 20px 0 0 0;
  display: block;
  transition: 300ms;
  box-sizing: border-box;
}
#wiki.mf-redesign .wiki__categories li a img {
  border: none;
  background: none;
  display: block;
  margin: 0 auto;
  height: 75px;
  width: auto;
}
#wiki.mf-redesign .wiki__categories li a span {
  font: 13px/13px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
  text-transform: uppercase;
  display: block;
  margin: 15px 0;
  text-align: center;
}
#wiki.mf-redesign .wiki__categories li a:hover {
  background: #2c3d5d;
}
#wiki.mf-redesign .wiki__container {
  padding: 13px;
  background: #0b1727;
  float: left;
  width: 49%;
  margin-right: 2%;
  box-sizing: border-box;
}
#wiki.mf-redesign .wiki__container:last-of-type {
  margin-right: 0;
}
#wiki.mf-redesign .wiki__container h3 {
  font-size: 13px;
  font-weight: 400;
  color: white;
  margin-bottom: 15px;
}
#wiki.mf-redesign .wiki__container ul li {
  list-style: none;
}
#wiki.mf-redesign .wiki__container ul li + li {
  margin-top: 5px;
}
#wiki.mf-redesign .wiki__container ul li a {
  display: block;
  position: relative;
  background: #1a283f;
  padding: 5px 5px 5px 45px;
  transition: 300ms;
  font-size: 11px;
  line-height: 15px;
}
#wiki.mf-redesign .wiki__container ul li a img {
  width: 31px;
  box-sizing: border-box;
  padding: 3px;
  background: #0b1727;
  position: absolute;
  top: 5px;
  left: 5px;
}
#wiki.mf-redesign .wiki__container ul li a .title {
  font-size: 12px;
}
#wiki.mf-redesign .wiki__container ul li a .title, #wiki.mf-redesign .wiki__container ul li a span {
  color: #75adff;
  transition: 300ms;
}
#wiki.mf-redesign .wiki__container ul li a span {
  text-transform: uppercase;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
#wiki.mf-redesign .wiki__container ul li a:hover {
  background: #213351;
}
#wiki.mf-redesign .wiki__container ul li a:hover .title, #wiki.mf-redesign .wiki__container ul li a:hover span {
  color: white;
}




.bbcode_spoiler_head div {
	background:#152034;
	color:#fff;
	padding:5px 10px;	
	border-bottom:1px solid #000;
    font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.bbcode_spoiler_body {
	background:#152034;
	padding:10px;
	color:#c0c0c0;
	border-top:1px solid #142440;	
	
}

#guide-pages .bbcode_spoiler_head div {
	background:#192534;
	color: #98AAC5;
	
}
#guide-pages .bbcode_spoiler_body {
	background:#141e2a;
	border-top:1px solid #192534;
}

div.bbcode_center table {
	margin-left: auto;
	margin-right: auto;
}

#picks {
	margin:15px;
	width:400px;	
}
#picks .picks-wrap {
	background:#0b1524;
	padding:5px;
}
#picks .b-team {
	background:#071c35;
	width:165px;
	float:left;
	text-align:right;
}
#picks .p-team { 
	background:#1c1338;
	width:165px;
	float:right;
}
#picks .mid { 
	width:30px;
	float:left;
	text-align:center;
}
#picks .player, #picks .position {
	height:30px;
	padding:3px;
	line-height:2.2em;
	overflow:hidden;
	margin: 0 2px 2px 2px;	
}
#picks .b-team .player {color:#a0b6dd; background:#142947;}
#picks .p-team .player {color:#c09ace; background:#271d47;}
#picks .b-team .player img{float:right; margin-left:5px;}
#picks .p-team .player img{float:left; margin-right:5px;}
#picks .bans {padding:5px;}
#picks .ban-pad {height:76px;}
#picks .title, #scorecard .title {font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:5px;}
#picks .team-name { text-align:center; font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:5px 5px 10px;}


#scorecard {
	margin:15px;
	width:370px;	
}
#scorecard .t-name {
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-wieght:normal;
	color:#fff!important;
	text-align:left;	
}
#scorecard table {width:100%;}
#scorecard .scorecard-wrap {
	background:#0b1524;
	padding:5px;
}
#scorecard .b-team {background:#071c35;}
#scorecard .p-team { background:#1c1338;}
#scorecard .b-team .player td{color:#a0b6dd; background:#142947; padding:3px;}
#scorecard .p-team .player td{color:#c09ace; background:#271d47; padding:3px;}
#scorecard .role {text-transform:uppercase; font-weight:bold;}



/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;

	display:block;
	width:30px;
	height:30px;
	background:url(/images/nivo-arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}



._submit-on-click { cursor:pointer; }
._checkbox { cursor:pointer; }
._dropdown { float:left; }
._dropdown dd ul { display:none; position:absolute; }
._block-overlay {
	background-color: black;
	filter:alpha(opacity=60); /* IE */
	opacity: 0.6; /* Safari, Opera */
	-moz-opacity:0.60; /* FireFox */
	z-index: 20;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
}



#toplist-header {
  height: 126px;
  padding: 12px;
  margin-bottom: 20px;
  background-size: 825px;
  background-position: -70px -25px;
  background-repeat: no-repeat;
}
#toplist-header .num {
  font-size: 50px;
  line-height: 1;
  float: left;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#toplist-header .num span {
  font-size: 30px;
  display: inline-block;
  position: relative;
  top: -11px;
}
#toplist-header .guide-desc {
  margin-left: 60px;
  padding-top: 5px;
}
#toplist-header .guide-desc .title {
  display: inline-block;
  margin-left: 5px;
}
#toplist-header .guide-desc .title h2 {
  line-height: 1;
}
#toplist-header .guide-desc .title h2 a {
  color: white;
  font-weight: normal;
}
#toplist-header .comments a {
  font-size: 16px;
  text-shadow: 1px 1px 3px black;
}
#top-lists .season {
  vertical-align: top;
}
#top-lists .score {
  line-height: 14px;
  margin-top: 13px;
}
#top-lists .details img {
  height: 39px;
  width: 39px;
  margin-right: 3px;
  border: 2px solid #151f32;
}
#top-lists .details > div {
  display: inline-block;
  margin-right: 24px;
  margin-top: 14px;
}
#top-lists .score-wrap {
  padding: 0;
  vertical-align: top;
  line-height: 14px;
}
#top-lists .score-wrap .percent {
  box-shadow: none;
  display: block;
  margin: 0;
}
#top-lists .comments {
  display: inline-block;
  width: 200px;
  margin-top: 10px;
  vertical-align: top;
}
#top-lists .comments a {
  color: white;
  text-transform: uppercase;
  font-size: 14px;
}
#top-lists .comments a:hover {
  text-decoration: none;
}
#top-lists .comments a span {
  color: #00bb0b;
}
#top-lists .top-list-table-wrap {
  padding: 0 4px;
  background: #152034;
}
#top-lists .top-list-table {
  border-spacing: 4px 8px;
  background: #152034;
  width: 100%;
}
#top-lists .top-list-table .more {
  display: block;
  text-align: center;
  font-size: 18px;
  color: white;
  padding: 7px;
}
#top-lists .top-list-table .more:hover {
  text-decoration: none;
  background: rgba(21, 32, 52, 0.5);
}
#top-lists .top-list-table td {
  background: #0a1220;
}
#top-lists .top-list-table td.rating {
  width: 1px;
  text-align: center;
  padding: 3px 6px 6px;
}
#top-lists .top-list-table td.rating span {
  font-size: 24px;
  line-height: 1.5;
}
#top-lists .top-list-table td.img {
  width: 1px;
  padding: 5px;
}
#top-lists .top-list-table td.img img {
  height: 69px;
}
#top-lists .top-list-table td.desc {
  padding: 8px 5px 5px 13px;
}
#top-lists .top-list-table td.desc .title a {
  color: white;
  font-size: 14px;
  line-height: 1.1;
}
#top-lists .top-list-table td.desc .score {
  display: inline-block;
  white-space: nowrap;
  width: 200px;
  margin-top: 12px;
  vertical-align: top;
}
#top-lists .top-list-table td.desc .details {
  display: inline-block;
  white-space: nowrap;
}
#top-lists .top-list-table td.desc .details a img {
  height: 26px;
  width: 26px;
}
#top-lists .top-list-table td.desc .details > div {
  margin-top: 4px;
}
#top-lists .top-list-table td.desc .details .spells {
  margin-right: 18px;
}
#top-lists .top-list-table td.desc .details .items {
  margin-right: 0;
}
#toplist-sidebar #link {
  padding: 5px;
}
#toplist-sidebar #link-inner {
  background: url(/css/gfx/toplist-sidebar-bg.png) no-repeat center left;
  display: block;
  padding: 5px 10px;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}
#toplist-sidebar a:hover {
  text-decoration: none;
  color: #dbb74c;
}
.toplist-sidebar #link span {
  font-size: 10px;
  color: #c0c0c0;
}
#toplist-box {
  width: 757px;
  height: 402px;
  padding: 0px;
}
#toplist-img-numone-cont {
  width: 752px;
  height: 399px;
}
#toplist-inner-container {
  height: 57px;
}
#toplist-numone {
  font: normal 24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}
#toplist-numone-cont {
  width: 421px;
  height: 375px;
  position: relative;
  top: 7px;
  left: 7px;
  border: solid 1px #060b14;
  padding: 4px;
  background: #0a1220;
  opacity: 0.8;
}
#toplist-numone-left {
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #c0c0c0;
  float: left;
  width: 127px;
  padding-top: 50px;
}
#toplist-numone-right {
  float: right;
  width: 293px;
  padding-top: 50px;
}
#toplist-numone-right img {
  float: right;
}
#toplist-numone-stats-bg {
  width: 115px;
  height: 247px;
  padding-top: 4px;
  background-image: url(/css/gfx/num-one-gradient.png);
  background-repeat: repeat-x;
  background-position: top left;
}
#toplist-numone-stats-box {
  width: 85px;
  height: 71;
  background-color: #090f1b;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 4px;
}
#toplist-numone-avatar img {
  padding-right: 10px;
  width: 60px;
  float: left;
}
#toplist-score {
  font: normal 18px Verdana, Arial, Helvetica, sans-serif;
  color: #0f0;
  text-align: center;
}
#toplist-votes {
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #c0c0c0;
}
#toplist-desc {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #c0c0c0;
  padding-right: 50px;
}
#toplist-guide-title a {
  color: #ddb743;
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
}
#toplist-box-shadow-inner-lb-list {
  border: solid 1px #0d1420;
  padding-left: 12px;
  background: #152034;
  height: 73px;
  overflow: hidden;
}
#toplist-row-num-cont {
  width: 50px;
  height: 40px;
  float: left;
  background-color: #10192a;
  padding-top: 15px;
}
#toplist-row-num {
  font: 20px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #fff;
}
#toplist-row-link {
  float: left;
}
#toplist-list-info-cont {
  float: left;
  padding-top: 10px;
  width: 335px;
}
#toplist-image-list {
  width: 50px;
  float: left;
  padding-right: 10px;
  padding-top: 2px;
}
#toplist-byline {
  color: #007eff;
  font-size: 10px;
}
#toplist-list-keyline {
  background: url(/css/gfx/toplist-list-keyline.gif);
  background-repeat: no-repeat;
  height: 41px;
  width: 2px;
  float: left;
  padding-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}
#toplist-row-score {
  float: right;
  width: 94px;
  height: 41px;
  overflow: hidden;
  text-align: center;
  background-color: #10192a;
  padding-top: 15px;
}
#toplist-endorse-cont {
  width: 100px;
  background-color: #0f0;
}
#toplist-list-vote {
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #c0c0c0;
}
#toplist-btn-more-guides {
  float: right;
  width: 103px;
  height: 23px;
  padding-top: 7px;
  opacity: 1;
}
#toplist-list-info-cont {
  padding-top: 10px;
}
h1.toplist {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #c0c0c0;
}
p.toplist {
  color: #bacde6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#toplist-intro {
  padding: 15px 15px 15px 15px;
}
#toplist-box-shadow-img {
  -moz-box-shadow: 0 0 1px 1px #060b14;
  -webkit-box-shadow: 0 0 1px 1px #060b14;
  box-shadow: 0 0 1px 1px #060b14;
  border: 1px solid #1a293a;
  width: 51px;
  height: 52px;
}
#toplist-box-shadow-inner-lb {
  border: solid 1px #0d1420;
  background: #152034;
}
#toplist-box-shadow-inner-db-img {
  border: solid 1px #060b14;
  background: #0a1220;
  width: 52px;
  height: 52px;
}
.toplist__header {
  display: block;
  background-size: cover;
  background-position: 50% 0%;
  position: relative;
  height: 220px;
  color: white !important;
}
.toplist__header:hover .toplist__header__content {
  background: rgba(9, 17, 32, 0.75);
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 25px;
  padding-left: 100px;
}
.toplist__header:hover .toplist__header__content .num {
  left: 30px;
  top: 15px;
}
.toplist__header__content {
  transition: 300ms;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: rgba(35, 49, 72, 0.65);
  padding: 15px;
  padding-left: 90px;
}
.toplist__header__content .num {
  transition: 300ms;
  position: absolute;
  font-size: 48px;
  left: 20px;
  top: 5px;
}
.toplist__header__content .guide-desc h2 {
  font-size: 18px;
  text-transform: none;
}
.toplist__header__content .guide-desc > span {
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}
.toplist__header__content .guide-desc .rating__total span, .toplist__header__content .guide-desc .rating__views span {
  font-size: 12px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
  color: #8498b8;
}
.toplist__header__content .guide-desc .rating__total {
  font-size: 18px;
  font-family: "Lucida Sans Unicode", sans-serif;
}
.toplist__header__content .guide-desc .rating .browse-list__item__rating__bar {
  float: left;
  margin-right: 10px;
}
.toplist__header__content .guide-desc .rating__views {
  color: #d7dfec;
  margin-top: 3px;
}
.toplist .browse-list .browse-list__item__count {
  width: 45px;
  line-height: 85px;
  height: 85px;
  font-size: 30px;
  color: #63748f;
  margin-right: 2px;
  text-align: center;
  float: left;
}
.toplist .browse-list .browse-list__item__desc {
  width: 468px;
}
.toplist .browse-list .more {
  width: 100%;
  background: #152034;
  color: #8498b8 !important;
}
.toplist .browse-list .more:hover {
  background: #275495;
  color: white !important;
}




@font-face {
font-family: Impact;
src: url('/css/fonts/impact.ttf')
}
#tteam-header .no-logo {
	background: url(/images/no-logo-bg.png) no-repeat;
	width: 313px;
	height: 129px;
	vertical-align: middle;
	text-align: center;
	padding-top: 63px;
	margin-top: -10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;    
}
#tteam-header h1 {
	display: inline-block;
    line-height: 34px;
}
#tteam-header .website {
	margin-left: 15px;
    margin-right: 10px;
}
#tteam-header .website.btn {
	top: -10px;
}
#tteam-header .social {
	display: inline-block;
	top: 2px;
	position: relative;
	margin-right: 11px;


}
#tteam-header .no-logo span, #tteam-body .empty span{
	font: 24px 'Impact', sans-serif;
	color: #4a5872;
	margin-top: -10px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
}

#tteam-header .no-logo span {
	text-shadow: 2px 2px 5px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
}
#tteam-body .tteam-section.empty {
	//width: 734px;
	//height: 270px;
	text-align: center;
	vertical-align: middle;
	padding: 24px 20px 32px;
	//display: table-cell;
}
#tteam-body .tteam-section.empty h3, #tteam-body .tteam-section.empty h4 {
	color: #4a5d78;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.1;
}
#tteam-body .tteam-section.empty h3 {
	font-size: 24px;
	margin: 21px 0 2px;
}
#tteam-body .tteam-section.empty h4 {
	font-size: 18px;
}
#tteam-body .tteam-section.empty .actions .btn {
	margin-top: 27px;
}
#tteam-body .tteam-section.empty .actions .btn:not(:last-child) {
	margin-right: 5px;
}
#tteam-body .empty p {
	font-size: 12px;
	color: #a0acc1;
	margin: 10px;
}
#tteam-header .thead-logo {
	margin-right:50px;
	margin-left:20px;
	display:block;
	color: #4A5872;
	text-decoration: none;
}
#tteam-header .thead-logo img{
	max-height:130px;
	max-width:320px;
}
#tteam-header .thead-avatar {
	margin-right:45px;
	font-size:10px;
	color:#7794af;
	display:block;	
}
#tteam-header .thead-avatar:hover {
	text-decoration:none;
}
#tteam-header .thead-avatar img{
	width:85px;
	height:85px;
	padding:4px;
	background:#102036;
	border:solid 1px #000;	
}
#tteam-header .thead-avatar:hover img{
	border:solid 1px #ff8000;	
}
#tteam-body .tteam-section {
	background:#0B1524;	
	padding:18px;
	color:#c0cbde;
	line-height:1.5em;
}
#tteam-body  h2 {
	font-weight: normal;
	font-family: Verdana, Arial;
	line-height: 1;
	margin: 5px 0 10px;
}
#tteam-standing {
	padding: 0;
	margin-bottom: 10px;
}
#tteam-standing .standing {
	display: table;
	//width: 100%;
	padding: 0;
}
#tteam-standing .standing > div {
	display: table-cell;
	vertical-align: middle;
	font-size: 30px;
	color: #9da9bf;
	text-align: center;
	white-space: nowrap;
	padding: 10px;
}
#tteam-standing .standing> div img {
	vertical-align: middle;
}
#tteam-standing .standing .number {
	line-height: 1;
	font-size: 60px;
}
#tteam-standing .standing .number sup {
	vertical-align: top;
	line-height: 1;
}
#tteam-standing .standing .points, #tteam-standing .standing .wins {
	padding: 10px 13px;
}
#tteam-standing .points span, #tteam-standing .wins span {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}
#tteam-standing .medal span {

	display: table-cell;
	vertical-align: middle;
}
#tteam-standing .medal span.x {
	font-size: 18px;
	padding: 0 3px 0 5px;
}
#tteam-history {
	margin: -3px;
}
#tteam-history table {
	border-spacing: 3px;
	width: 100%;
}
#tteam-history table td {
	background: #0a1220;
	color: #c0cbde;
	padding: 5px 10px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
#tteam-history table td img {
	height: 28px;
}
#tteam-history table td.name {
	text-transform: uppercase;
	text-align: left;
	width: 80%;
}
#tteam-history table td.name img {
	height: 14px;
	margin-left: 4px;
}
#tteam-streams{
	padding:12px;	
}
#tteam-streams .stream-logo{
	max-width:60px;
	/*height:60px;*/
	margin-right:15px;
	margin-left: 3px;
	color: #4A5872;	
}
#tteam-streams .stream-hdr {
	padding-bottom:10px;
	display: table;
}
#tteam-streams .stream-hdr div{
	display: table-cell;
}
#tteam-streams .stream-hdr h2{
	color:#9da9bf;
	font-size:21px;
	font-weight:normal;
}
#tteam-streams .tteam-stream {
	padding:3px;
	display:block;	
	margin-top:2px;
}
#tteam-streams .tteam-stream:hover {
	background:#152238;
	text-decoration:none;
}
#tteam-streams .tteam-stream table{
	width:100%;
}
#tteam-streams .tteam-stream .stream-av {
	width:45px;	
}
#tteam-streams .tteam-stream .stream-av img{
	width:36px;
	padding:2px;
	border:1px solid #162031;
	background:#233148;	
}
#tteam-streams .tteam-stream .stream-name {
	color:#fff;	
}
#tteam-streams .tteam-stream .stream-sub {
	font-size:10px;
	color:#547794;
	padding-top:3px;	
}
#tteam-streams .stream-divide {
	background: url("gfx/box-discuss-divide.png") repeat-x center center;
    height: 10px;	
}
#home-discussion .box-shadow-2.team-box-shadow {
	width:313px;
}




#featured-builds .browse-icon img, #browse-build .browse-icon img, .browse-table .browse-icon img {
  border: 1px solid #071627;
  background: #141f33;
  padding: 2px;
}
#featured-builds .browse-icon .ico, #browse-build .browse-icon .ico, #sidebar-similar-builds .guide-sim .browse-icon .ico, #profile #profile-stats .ico {
  position: absolute;
  width: 65px;
  height: 55px;
}
#sidebar-similar-builds .guide-sim .browse-icon .ico {
  background-size: 38px auto !important;
  background-repeat: no-repeat;
}
#featured-builds .browse-icon, #browse-build .browse-icon, #sidebar-similar-builds .guide-sim .browse-icon, #profile-stats .pic {
  position: relative;
}
.browse-table .scouted-guide .desc {
  background-image: url("/images/scouted-bg.png");
  background-position: calc(100% - 43px) center;
  background-repeat: no-repeat;
}
.browse-table .pic, #browse-build table td.pic {
  width: 1px;
  padding: 5px;
}
#browse-build .build-title, #featured-builds .build-title {
  font-size: 14px;
  color: #fff !important;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  line-height: 1;
  max-width: 423px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
#sidebar-similar-builds .guide-sim .browse-icon .ico {
  bottom: -1px;
  right: -1px;
}
#browse-build h2, #featured-builds h2 {
  margin: 2px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 5px;
}
#browse-build h2 .advanced, #browse-build .section {
  font-size: 10px;
  color: #58677e;
  text-transform: uppercase;
}
#browse-build h2 .advanced {
  float: right;
}
#browse-build .section {
  background: #0b1422;
  padding: 4px 7px;
}
#featured-builds .browse-icon img, #sidebar-similar-builds .guide-sim .browse-icon img {
  width: 40px;
  height: 40px;
}
#featured-builds .browse-icon.sp-guest img, #sidebar-similar-builds .guide-sim .browse-icon.sp-guest img {
  background: #a675b9;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2NzViOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTViYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #a675b9 0%, #955bab 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a675b9), color-stop(100%, #955bab));
  background: -webkit-linear-gradient(top, #a675b9 0%, #955bab 100%);
  background: -o-linear-gradient(top, #a675b9 0%, #955bab 100%);
  background: -ms-linear-gradient(top, #a675b9 0%, #955bab 100%);
  background: linear-gradient(to bottom, #a675b9 0%, #955bab 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a675b9', endColorstr='#955bab',GradientType=0);
}
#featured-builds .browse-icon.scouted img, #sidebar-similar-builds .guide-sim .browse-icon.scouted img {
  background: #d87c45;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4N2M0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzY2MmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d87c45 0%, #c7662c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d87c45), color-stop(100%, #c7662c));
  background: -webkit-linear-gradient(top, #d87c45 0%, #c7662c 100%);
  background: -o-linear-gradient(top, #d87c45 0%, #c7662c 100%);
  background: -ms-linear-gradient(top, #d87c45 0%, #c7662c 100%);
  background: linear-gradient(to bottom, #d87c45 0%, #c7662c 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d87c45', endColorstr='#c7662c',GradientType=0);
}
#featured-builds .browse-icon.high-elo img, #sidebar-similar-builds .guide-sim .browse-icon.high-elo {
  background: #399e2e;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5OWUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzgyMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #399e2e 0%, #27821d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #399e2e), color-stop(100%, #27821d));
  background: -webkit-linear-gradient(top, #399e2e 0%, #27821d 100%);
  background: -o-linear-gradient(top, #399e2e 0%, #27821d 100%);
  background: -ms-linear-gradient(top, #399e2e 0%, #27821d 100%);
  background: linear-gradient(to bottom, #399e2e 0%, #27821d 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#399e2e', endColorstr='#27821d',GradientType=0);
}
#sidebar-similar-builds .guide-sim .browse-icon.cloud9, #sidebar-similar-builds .guide-sim .browse-icon.c9-guide, #sidebar-similar-builds .guide-sim .cloud9 .browse-icon, #sidebar-similar-builds .guide-sim .c9-guide .browse-icon {
  background: #015875;
  border-color: #0584b1;
}
#featured-builds .browse-icon.sp-guest .ico, #sidebar-similar-builds .guide-sim .browse-icon.sp-guest .ico {
  background: url("/images/ico-sp-guest-featured.png") no-repeat 100% 100%;
}
#featured-builds .browse-icon.scouted .ico, #sidebar-similar-builds .guide-sim .browse-icon.scouted .ico {
  background: url("/images/ico-scouted-featured.png") no-repeat 100% 100%;
}
#featured-builds .browse-icon.high-elo .ico, #sidebar-similar-builds .guide-sim .browse-icon.high-elo .ico {
  background: url("/images/ico-high-elo-featured.png") no-repeat 100% 100%;
}
#sidebar-similar-builds .guide-sim .browse-icon.cloud9 .ico, #sidebar-similar-builds .guide-sim .browse-icon.c9-guide .ico, #sidebar-similar-builds .guide-sim .cloud9 .browse-icon .ico, #sidebar-similar-builds .guide-sim .c9-guide .browse-icon .ico {
  background: url("/images/ico-cloud9.png") no-repeat 100% 100%;
}
#sidebar-similar-builds .guide-sim .cloud9 td:last-of-type, #sidebar-similar-builds .guide-sim .c9-guide td:last-of-type {
  background: #0c1727 url(/images/cloud9-bg.png) calc(100% - 3px) center no-repeat;
}
#browse-build .champ-box, #browse-items .champ-box {
  width: 106px;
  padding: 6px 3px 3px 3px;
}
#browse-build .champ-box, #browse-items .champ-box, #item-planner .item, #rune-planner .item {
  text-align: center;
  border: 1px solid #233148;
  margin: 5px;
  background: #000;
  display: block;
  color: #fff;
}
#item-planner .item, #rune-planner .item {
  padding: 3px;
}
#profile #profile-stats .pic .ico {
  bottom: 1px;
  right: 1px;
}
#profile #profile-stats .pic.gold, #profile #profile-stats .pic.diamond, #profile #profile-stats .pic.platinum {
  padding: 4px;
  width: 107px;
  height: 107px;
}
#profile #profile-stats .pic.gold img, #profile #profile-stats .pic.diamond img, #profile #profile-stats .pic.platinum img {
  border: 1px solid rgba(0, 0, 0, 0.6);
}
#sidebar-similar-builds .guide-sim .g {
  text-transform: uppercase;
  font-size: 10px;
  color: #738dba;
}
#sidebar-similar-builds .guide-sim .g a {
  font-size: 10px;
}
#rune-planner #browse-items .champ-box {
  width: 200px;
  margin: 5px 20px;
}
#rune-planner #browse-items .champ-box .inf {
  color: #84abe1;
  margin-bottom: 10px;
}
#rune-planner #browse-items .champ-box .inf img, .sandbox-row .inf img {
  width: 20px !important;
  margin-right: 3px;
  vertical-align: middle;
  float: none !important;
}
#browse-items .champ-box {
  width: 88px;
}
#browse-items .dominion-only, #browse-items .filter-available-in-dominion:not(.filter-available-in-classic) {
  background: #000 url(/css/gfx/icon-dom.png) no-repeat top left;
}
#browse-items .classic-only, #browse-items .filter-available-in-classic:not(.filter-available-in-dominion) {
  background: #000 url(/css/gfx/icon-cls.png) no-repeat top left;
}
#browse-build .champ-box:hover, #browse-items .champ-box:hover {
  border: 1px solid #ff8000;
  text-decoration: none;
}
#browse-items .champ-box img, #item-planner .item img, #rune-planner .item img {
  width: 55px;
}
#item-planner .sandbox-container .item img.icon {
  margin: 9px 20px;
}
#rune-planner .sandbox-container .item img.icon {
  margin: 12px;
}
#rune-planner .rune-up, #rune-planner .rune-down {
  width: 13px;
  float: none;
}
#browse-build .champ-name, #browse-items .champ-name {
  font-size: 12px;
  padding-bottom: 3px;
}
#browse-items .champ-name, #item-planner .champ-name {
  min-height: 32px;
}
#rune-planner .rune-name {
  height: 45px;
  margin-bottom: 5px;
}
#rune-planner .rune-remove {
  margin: 0 !important;
}
#rune-planner .remove-rune, #rune-planner .item {
  display: table-cell;
  float: none;
  vertical-align: middle;
  height: 83px;
}
#browse-build .champ-sub, #browse-items .champ-sub, #item-planner .item .champ-sub {
  font-size: 10px;
  color: #808080;
  float: none;
  line-height: 1;
}
#browse-items .champ-sub {
  margin: 0 -3px;
}
#browse-items .champ-sub img {
  width: 14px;
  vertical-align: middle;
}
#browse-build .champ-box .info, #browse-items .champ-box .info {
  margin-top: 3px;
}
#browse-items .champ-box .info {
  overflow: hidden;
}
#browse-build .champ-box .info, #browse-items .champ-box .info, #item-planner .item .info, #rune-planner .item .info {
  padding: 4px;
  background: #233148;
  text-align: center;
}
#browse-items .champ-box .info, #item-planner .item .info {
  height: 65px;
}
#rune-planner .item .info {
  font-size: 10px;
  height: 75px;
}
#rune-planner #browse-items .champ-box .upper {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 7px 10px;
  height: 60px;
}
#rune-planner #browse-items .champ-box .info {
  padding: 4px 1px;
}
#item-planner .item .info, #rune-planner .item .info {
  width: 80px;
  display: inline-block;
}
#item-planner .item .info img {
  float: none;
}
.score-wrap {
  padding: 1px;
  line-height: 1;
  font-size: 12px;
  width: 100%;
  max-width: 97px;
  display: inline-block;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
.score-wrap .percent {
  margin: 4px 0 2px;
  height: 14px;
  width: 100%;
  max-width: 95px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #0e1a2c !important;
  box-shadow: 3px 3px 0 0 #131e31, -3px -3px 0 0 #131e31, -3px 3px 0 0 #131e31, 3px -3px 0 0 #131e31;
  background: #0f1929;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMTkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTI4M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #0f1929 0%, #1a283f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f1929), color-stop(100%, #1a283f));
  background: -webkit-linear-gradient(top, #0f1929 0%, #1a283f 100%);
  background: -o-linear-gradient(top, #0f1929 0%, #1a283f 100%);
  background: -ms-linear-gradient(top, #0f1929 0%, #1a283f 100%);
  background: linear-gradient(to bottom, #0f1929 0%, #1a283f 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1929', endColorstr='#1a283f',GradientType=0);
}
.score-wrap .percent span {
  display: block;
  height: 12px;
  background: #14e42c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0ZTQyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYThmMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #14e42c 0%, #0a8f0d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #14e42c), color-stop(100%, #0a8f0d));
  background: -webkit-linear-gradient(top, #14e42c 0%, #0a8f0d 100%);
  background: -o-linear-gradient(top, #14e42c 0%, #0a8f0d 100%);
  background: -ms-linear-gradient(top, #14e42c 0%, #0a8f0d 100%);
  background: linear-gradient(to bottom, #14e42c 0%, #0a8f0d 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14e42c', endColorstr='#0a8f0d',GradientType=0);
}
.score-wrap .percent.new {
  background: url(/images/score-new.png);
}
.score-wrap .percent.new span {
  display: none !important;
}
#guide-pages .score-wrap {
  width: 80px;
}
#guide-pages .score-wrap img {
  padding: 0 !important;
}
#guide-pages .score-wrap .percent {
  border-color: #080f1a !important;
  margin: 7px 0 6px;
}
.score-wrap .score-s {
  display: inline-block;
  vertical-align: bottom;
  width: 30px;
  height: 20px;
  background: url(/images/score-s.png) no-repeat 0 -1px;
}
.score-wrap .score-s.one {
  background-position: 0 -23px;
}
.score-wrap .score-s.two {
  background-position: 0 -45px;
}
.score-wrap .score-s.three {
  background-position: 0 -67px;
}
.score-wrap .score-s.four {
  background-position: 0 -88px;
}
.guide-votes {
  padding: 0 14px;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  width: 110px;
}
.guide-votes .rank {
  color: white;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 2px;
  margin-top: -2px;
  text-transform: uppercase;
}
.guide-votes > div {
  display: block;
}
.guide-votes .bar-wrap {
  background: linear-gradient(to bottom, #101d35 0%, #091121 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 5px;
  padding: 4px;
  margin-bottom: 4px;
  display: inline-block;
}
.guide-votes .bar {
  background: url("/images/stats-bar-off.png") repeat scroll -2px 0px, linear-gradient(to bottom, #0e0e0e 0%, #131313 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #242424;
  height: 16px;
  width: 98px;
}
.guide-votes .bar .percent {
  background: url("/images/stats-bar.png") repeat scroll -2px 0px, linear-gradient(to bottom, #0a8f0d 0%, #14e42c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 16px;
}
.guide-votes .new {
  background: linear-gradient(to bottom, #3d9319 0%, #489925 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #61ab42 !important;
  color: white;
  font-size: 14px;
  line-height: 14px;
  margin: 0 2px 5px;
  padding: 5px 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  text-transform: uppercase;
}
.score-icobox {
  display: inline-block;
}
#featured-builds table, #browse-build table, .browse table, .browse-table {
  width: 100%;
}
#browse-build table th, .browse table th {
  padding: 0 5px;
  font-size: 10px;
  color: #63768d;
  background-color: #1f3147;
  text-align: left;
  height: 27px;
}
#browse-build table td, .browse table td, .browse-table td {
  padding: 5px 10px;
  color: #fff;
}
#browse-build table td a, .browse table td a {
  color: #dbb74c;
}
#browse-build form label, .browse form label {
  padding: 0px 0 3px 0;
}
#browse-build form .label, .browse form .label {
  padding: 10px 0 3px 0;
}
.text {
  width: 150px;
}
#browse-build form option, .browse form option {
  padding-left: 10px;
}
#browse-build .g, #champion .g, .browse .g, .browse-table .g, #tournament .g, .menu-inner .g {
  font-size: 11px;
  color: #768ba7;
}
#browse-build .build-update.g {
  font-size: 10px;
  display: block;
  margin-bottom: 3px;
}
#browse-players .g, #browse-players .g a {
  color: #a5b8d1;
}
#browse-build .g a, #champion .g a, .browse .g a, .browse-table .g a {
  color: #768ba7;
}
#browse-build .g a:hover, #champion .g a:hover, .browse .g a:hover, .browse-table .g a:hover {
  color: #fff;
  text-decoration: none;
}
#browse-build .browse-bg, .browse .browse-bg {
  background-color: #1a283f;
}
#browse-build .browse-bg2, .browse .browse-bg2 {
  background-color: #233148;
  /*- Browse Checkboxes -*/
}
.browse-filter-container fieldset {
  border: 0;
  margin-top: 5px;
}
.browse-filter-container .checklist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.browse-filter-container .checklist p {
  float: left;
  margin-right: 2px;
  margin-top: 2px;
  width: 30px;
  height: 30px;
  font: normal 11px/1.3 "Lucida Grande", "Lucida", "Arial", Sans-serif;
}
.browse-filter-container .checklist p.selected .checkbox-select {
  display: none;
}
.browse-filter-container .checkbox-select {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background: url(/css/gfx/blank.png) no-repeat 0 0;
  text-indent: -9999px;
  outline: 0;
}
.browse-filter-container .checklist p input {
  display: none;
}
.browse-filter-container a.checkbox-deselect {
  display: none;
  color: white;
  font-weight: bold;
  text-decoration: none;
  outline: 0;
}
.browse-filter-container .checklist p.selected a.checkbox-deselect {
  display: block;
}
.browse-filter-container .checklist p span {
  display: block;
  text-align: center;
  padding: 8px;
}
#browse-slidingDiv {
  display: none;
}
.filter-selects * {
  vertical-align: middle;
}
.filter-select {
  background-color: #242424;
  border: 1px solid #636363;
  color: #fff;
}
.filter-short-txt {
  background-color: #242424;
  border: 1px solid #636363;
  color: #fff;
  width: 20px;
  height: 18px;
}
.filter-long-txt {
  background-color: #242424;
  border: 1px solid #636363;
  color: #fff;
  width: 100px;
  height: 18px;
}
.browse-filters {
  background: url(/css/gfx/filter-bg.png) no-repeat top left;
  padding: 8px;
}
#browse-build .skin-info h3, .choose-skin .skin-info h3 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
}
#browse-build .skin-info span, #browse-build .skin-info .cost, .choose-skin .skin-info span, .choose-skin .skin-info .cost {
  font-size: 11px;
  line-height: 15px;
}
#browse-build .skin-info .sk-value, .choose-skin .skin-info .sk-value {
  color: #96a3bb;
}
#browse-build .skin-info .cost, .choose-skin .skin-info .cost {
  color: #dbb74c;
  padding-top: 3px;
  display: inline-block;
  margin-right: 5px;
}
#browse-build .skin-info .cost img, .choose-skin .skin-info .cost img {
  height: 19px;
  vertical-align: middle;
  margin-bottom: 3px;
}
#browse-build .skin-vote .score, .choose-skin .skin-vote .score {
  color: #fff;
  font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  padding: 3px;
}
#browse-build .skin-vote .score {
  padding: 3px;
}
#filter-skins .gf-box, #filter-skins .filter-hdr {
  padding-left: 10px;
}
#filter-skins form .gf-button {
  height: 47px;
  padding-top: 15px;
  margin-right: 7px;
}
#browse-build .season, #top-lists .season {
  border: 1px solid #268441;
  border-spacing: 0;
  padding: 3px;
  display: inline-block;
  background: #053312;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MzMxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzUwMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #053312 0%, #07501c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #053312), color-stop(100%, #07501c));
  background: -webkit-linear-gradient(top, #053312 0%, #07501c 100%);
  background: -o-linear-gradient(top, #053312 0%, #07501c 100%);
  background: -ms-linear-gradient(top, #053312 0%, #07501c 100%);
  background: linear-gradient(to bottom, #053312 0%, #07501c 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053312', endColorstr='#07501c',GradientType=0);
}
#browse-build .season > div, #top-lists .season > div {
  background: #07501c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3NTAxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTMzMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #07501c 0%, #053312 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #07501c), color-stop(100%, #053312));
  background: -webkit-linear-gradient(top, #07501c 0%, #053312 100%);
  background: -o-linear-gradient(top, #07501c 0%, #053312 100%);
  background: -ms-linear-gradient(top, #07501c 0%, #053312 100%);
  background: linear-gradient(to bottom, #07501c 0%, #053312 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07501c', endColorstr='#053312',GradientType=0);
  width: 24px;
  height: 24px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-shadow: 1px 1px 0 #04290e, -1px 1px 0 #04290e, 1px -1px 0 #04290e, -1px -1px 0 #04290e;
}
#browse-build .season.s6, #top-lists .season.s6 {
  border: 1px solid #265583;
  background: #051d33;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MWQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzJjNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #051d33 0%, #072c4e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #051d33), color-stop(100%, #072c4e));
  background: -webkit-linear-gradient(top, #051d33 0%, #072c4e 100%);
  background: -o-linear-gradient(top, #051d33 0%, #072c4e 100%);
  background: -ms-linear-gradient(top, #051d33 0%, #072c4e 100%);
  background: linear-gradient(to bottom, #051d33 0%, #072c4e 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#051d33', endColorstr='#072c4e',GradientType=0);
}
#browse-build .season.s6 > div, #top-lists .season.s6 > div {
  background: #072c4e;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3MmM0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTFkMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #072c4e 0%, #051d33 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #072c4e), color-stop(100%, #051d33));
  background: -webkit-linear-gradient(top, #072c4e 0%, #051d33 100%);
  background: -o-linear-gradient(top, #072c4e 0%, #051d33 100%);
  background: -ms-linear-gradient(top, #072c4e 0%, #051d33 100%);
  background: linear-gradient(to bottom, #072c4e 0%, #051d33 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#072c4e', endColorstr='#051d33',GradientType=0);
  text-shadow: 1px 1px 0 #021c2c, -1px 1px 0 #021c2c, 1px -1px 0 #021c2c, -1px -1px 0 #021c2c;
}
#browse-build .season.s5, #browse-build .season.s4, #browse-build .season.s3, #browse-build .season.s2, #browse-build .season.s1, #top-lists .season.s5, #top-lists .season.s4, #top-lists .season.s3, #top-lists .season.s2, #top-lists .season.s1 {
  border: 1px solid #2c3d57;
  background: #121a27;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMWEyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjI3M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #121a27 0%, #1b273b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #121a27), color-stop(100%, #1b273b));
  background: -webkit-linear-gradient(top, #121a27 0%, #1b273b 100%);
  background: -o-linear-gradient(top, #121a27 0%, #1b273b 100%);
  background: -ms-linear-gradient(top, #121a27 0%, #1b273b 100%);
  background: linear-gradient(to bottom, #121a27 0%, #1b273b 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#121a27', endColorstr='#1b273b',GradientType=0);
}
#browse-build .season.s5 > div, #browse-build .season.s4 > div, #browse-build .season.s3 > div, #browse-build .season.s2 > div, #browse-build .season.s1 > div, #top-lists .season.s5 > div, #top-lists .season.s4 > div, #top-lists .season.s3 > div, #top-lists .season.s2 > div, #top-lists .season.s1 > div {
  background: #1b273b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMjczYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjFhMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #1b273b 0%, #121a27 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b273b), color-stop(100%, #121a27));
  background: -webkit-linear-gradient(top, #1b273b 0%, #121a27 100%);
  background: -o-linear-gradient(top, #1b273b 0%, #121a27 100%);
  background: -ms-linear-gradient(top, #1b273b 0%, #121a27 100%);
  background: linear-gradient(to bottom, #1b273b 0%, #121a27 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b273b', endColorstr='#121a27',GradientType=0);
  text-shadow: 1px 1px 0 #121a27, -1px 1px 0 #121a27, 1px -1px 0 #121a27, -1px -1px 0 #121a27;
}
.new-skin-tooltip img {
  vertical-align: middle;
  margin-bottom: 4px;
}
.new-skins-title, .skin-title {
  color: #7e95b5;
}
.select-champ {
  margin: 2px;
  padding: 4px;
}
#carousel {
  display: table;
}
#carousel .viewport {
  width: 1020px;
  height: 143px;
  overflow: hidden;
  position: relative;
  margin: 0 8px;
}
#carousel .disable {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#carousel .overview {
  position: absolute;
}
.new-skin-wrap {
  display: table;
  margin: auto;
}
.new-skin-wrap .arrow {
  -moz-user-select: none;
  display: table-cell;
  width: 24px;
  height: 140px;
  vertical-align: top;
}
.new-skin-wrap .arrow span {
  display: none;
}
.new-skin-wrap .arrow #prev, .new-skin-wrap .arrow #next {
  cursor: pointer;
  margin-top: 3px;
  position: relative;
}
.new-skin-wrap .new-skin-box {
  float: left;
  margin-right: 20px;
  margin: 0 8px;
  width: 188px;
  position: relative;
}
.new-skin-wrap .new-skin-box.last {
  margin-right: 0px;
}
.new-skin-wrap .new-skin-box .box-shadow-inner-db {
  position: relative;
  padding: 2px;
}
.new-skin-wrap .new-skin-box .new-skin-title {
  padding-top: 5px;
  font: 15px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #5a708d;
  text-align: center;
}
.new-skin-wrap .new-skin-box .sign {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.new-skin-wrap .new-skin-box .skin-tmb img {
  width: 180px;
  height: 106px;
}
.new-skin-wrap .new-skin-box.new .box-shadow {
  border: 1px solid #ddb700;
}
.new-skin-wrap .new-skin-box.new .box-shadow:hover {
  border: 1px solid #ff8000;
}
.new-skin-wrap .new-skin-box.sale .box-shadow:hover {
  border: 1px solid #ff8000;
}
.skin-wrap.sale .skin-pic, .new-skin-box.sale .box-shadow {
  border: 1px solid #ba29b1;
  display: table;
}
.skin-title {
  font-size: 21px;
}
.skin-inner-db {
  background: #0a1220;
}
.skin-ico {
  vertical-align: top;
  margin-top: 1px;
}
.choose-skin, .show-skin {
  display: inline-block;
}
.choose-skin {
  width: 265px;
  margin-left: 15px;
  float: left;
}
.choose-skin .thumb .arrow {
  display: inline-block;
  margin: 0 5px 140px 5px;
}
.choose-skin .thumb .arrow img {
  width: 12px;
}
.choose-skin .thumb a:hover {
  text-decoration: none;
}
.choose-skin .thumb .image {
  margin: 10px 0 0px 0;
  padding: 5px;
  height: 294px;
}
.choose-skin .skin-inner-db {
  text-align: center;
}
.choose-skin .skin-description {
  margin: 10px;
  min-height: 105px;
  padding: 17px 0 5px 7px;
}
.choose-skin .skin-description .skin-vote {
  float: left;
  margin-top: 3px;
}
.choose-skin .skin-description .skin-vote img {
  width: 28px;
}
.choose-skin .skin-description .skin-info {
  margin-left: 37px;
  text-align: left;
  color: #637697;
}
.choose-skin .skin-description, .choose-skin .thumb .image, .show-skin .thumb img {
  background: #101828;
  border: 1px solid #070e1b;
}
.show-skin {
  margin-right: 10px;
  float: right;
}
.show-skin .thumb {
  padding: 4px;
}
.show-skin .thumb img {
  height: 455px;
}
#featured-builds .description {
  margin-left: 13px;
}
#featured-builds .scout-score .g {
  text-transform: uppercase;
  font-size: 8px;
  line-height: 9px;
}
#featured-builds .scout-score .plus {
  margin-right: 1px;
  color: #00ff0c;
}
#featured-builds .scout-score .minus {
  margin-left: 1px;
  color: #ff3838;
}
#featured-builds .scout-score .plus, #featured-builds .scout-score .minus {
  font: 18px/20px Arial, sans-serif;
}
#featured-builds .elo img {
  max-height: 21px;
}
#featured-builds .elo span {
  font-size: 14px;
  line-height: 16px;
}
#featured-builds .g {
  font-size: 11px;
  color: #91a1bf;
}
#featured-builds .browse-icon .ico {
  bottom: 0;
  right: 0;
}
#featured-builds td {
  background: #435573;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNTU3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDQ0NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #435573 0%, #304462 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #435573), color-stop(100%, #304462));
  background: -webkit-linear-gradient(top, #435573 0%, #304462 100%);
  background: -o-linear-gradient(top, #435573 0%, #304462 100%);
  background: -ms-linear-gradient(top, #435573 0%, #304462 100%);
  background: linear-gradient(to bottom, #435573 0%, #304462 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#435573', endColorstr='#304462',GradientType=0);
}
#featured-builds td:last-child {
  background: #22324c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMzI0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzI4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #22324c 0%, #172842 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22324c), color-stop(100%, #172842));
  background: -webkit-linear-gradient(top, #22324c 0%, #172842 100%);
  background: -o-linear-gradient(top, #22324c 0%, #172842 100%);
  background: -ms-linear-gradient(top, #22324c 0%, #172842 100%);
  background: linear-gradient(to bottom, #22324c 0%, #172842 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22324c', endColorstr='#172842',GradientType=0);
  padding: 0 8px;
}
#featured-builds td:last-child .logo img {
  max-height: 40px;
}
#browse-build .browse-icon img {
  width: 69px;
  height: 69px;
}
#browse-build .browse-icon .ico {
  bottom: -4px;
  right: -4px;
  display: none;
}
#browse-build .build-items img {
  width: 26px;
  border: 1px solid #071627;
  background: #141f33;
  padding: 2px;
  margin-right: 3px;
}
#browse-build .champ-box img {
  width: 71px;
}
#browse-build .new {
  border: 1px solid #ddb700;
}
#browse-build .new .info {
  background: #233148 url(/css/gfx/new.png) no-repeat bottom right;
}
#browse-build .free {
  border: 1px solid #009d00;
}
#browse-build .free .info {
  background: #233148 url(/css/gfx/free.png) no-repeat bottom right;
}
#browse-build .sale {
  border: 1px solid #ba29b1;
}
#browse-build .sale .info {
  background: #233148 url(/css/gfx/sale.png) no-repeat bottom right;
}
#browse-build .score-wrap .percent {
  margin: 8px 0 6px;
}
#browse-build .score-inbox {
  background: #141f33;
  border: 1px solid #071627;
  padding: 7px 2px 0;
  height: 47px;
  width: 57px;
  overflow: hidden;
  font-size: 14px;
}
#browse-build .build-items {
  display: inline-block;
}
#browse-build .set-filters {
  margin: 0 36px 3px 0;
  text-transform: uppercase;
  font-size: 14px;
  float: right;
}
#browse-build .set-filters .arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: bottom;
  background: url(/images/build-filter-arrow.png) no-repeat;
}
#browse-build .set-filters .arrow.right {
  margin-left: 8px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#browse-build .set-filters .find {
  min-width: 195px;
  display: inline-block;
  text-align: right;
}
#browse-build .set-filters .find span {
  margin-left: 30px;
}
#browse-build .item-list-image {
  width: 57px;
}
#browse-build .item-list-image img {
  width: 57px;
  height: 57px;
  border: 1px solid #071627;
  background: #141f33;
  padding: 2px;
}
#browse-build .ability-champ {
  border: 1px solid #071627;
  background: #141f33;
  padding: 2px;
}
#browse-build .tabs {
  padding: 5px 0 0 5px;
}
#browse-build .tabs .tab {
  float: left;
  display: block;
  background: #32445f;
  color: #95a2b6;
  text-transform: uppercase;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px 20px;
  margin-right: 3px;
}
#browse-build .tabs .tab:hover, #browse-build .tabs .tab.selected {
  text-decoration: none;
  background: #435673;
  color: #fff;
}
#browse-build .tabs .sort {
  padding: 7px 0 0 7px;
  color: #95a2b6;
  font-size: 10px;
  text-transform: uppercase;
}
#browse-build .vid-tmb {
  width: 112px;
  border: 1px solid #071627;
}
#browse-build .vid-tmb img {
  border: 2px solid #141f33;
  width: 108px;
}
#browse-build .vid-score {
  font-size: 21px;
  color: #fff;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#browse-build .skin-tmb {
  width: 220px;
}
#browse-build .skin-tmb img {
  height: 80px;
  margin: 3px;
  padding: 4px;
  background: #141f33;
  border: 1px solid #071627;
}
#browse-build .skin-vote {
  width: 100px;
  text-align: center;
}
#browse-build .browse-skin-hdr {
  padding: 2px;
  font-size: 14px;
  color: white;
  background-color: #3b4d6c;
  height: 20px;
  font-weight: normal;
}
#browse-build .browse-skin-hdr img {
  width: 20px;
}
#browse-build .skin-info {
  color: #637697;
  padding-left: 12px;
}
#browse-build .freshness {
  margin-top: -7px;
  float: right;
}
#browse-build .freshness .team {
  max-height: 35px;
  margin-right: 5px;
}
#browse-build .expired {
  margin-top: 1px;
}
#browse-build .expired a {
  color: #999;
  font-size: 12px;
}
#browse-build .expired img {
  vertical-align: middle;
}
#browse-build .box-hdr-l h2 {
  color: white;
  font: 12px;
  line-height: 23px;
}
#browse-build .box-hdr-l h2 span {
  font-size: 11px;
  color: #999;
}
#browse-build .build-items a {
  text-decoration: none;
}
.blue-text, .mf-redesign .mf-form a {
  color: #4eb6ff !important;
}
.green-text {
  color: #48b744 !important;
}
.mf-tabs__options {
  font-size: 0;
  background: #101929;
  display: block;
}
.mf-tabs__options li {
  display: inline-block;
  list-style: none;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #7687a7;
  padding: 10px;
  cursor: pointer;
}
.mf-tabs__options li:hover {
  background: rgba(39, 84, 149, 0.5);
}
.mf-tabs__options li.active {
  background: #275495;
  color: white;
}
.mf-tabs__panes div {
  display: none;
}
.mf-tabs__panes div.active {
  display: block;
}
.sidebar-module {
  background: #152034;
  margin-bottom: 10px;
}
.sidebar-module h3 {
  color: white;
  text-align: center;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding: 11px 0 10px;
  margin-bottom: 7px;
}
.sidebar-module h3::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 1px;
  background: #2c3d5d;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.sidebar-module > p {
  font: 11px/13px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #8498b8;
  padding: 0px 21px 10px;
  text-align: center;
}
.sidebar-module__counters {
  padding: 5px;
  margin-top: 5px;
}
.sidebar-module__counters h4 {
  text-transform: uppercase;
  color: #516381;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 9px;
}
.sidebar-module__counters h4 img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
.sidebar-module__counters__bg {
  background: #091020;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.sidebar-module__counters__bg > p {
  font-size: 12px;
  color: #8498b8;
  margin-bottom: 5px;
  text-transform: uppercase;
  width: 100%;
}
.sidebar-module__counters__bg--gathering > p {
  color: #384763;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 20px;
  margin-bottom: 10px;
  width: 100%;
}
.sidebar-module__counters__links {
  text-align: center;
  padding-top: 10px;
}
.sidebar-module__counters__links img:first-of-type {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  transition: 300ms;
  transform: translateZ(0);
}
.sidebar-module__counters__links img:first-of-type:hover {
  opacity: 0.75;
}
.sidebar-module__counters__links img:last-of-type {
  height: 10px;
  display: inline-block;
  vertical-align: top;
}
.sidebar-module__counters__item {
  display: inline-block;
  width: 25%;
  text-align: center;
  flex: 1;
}
.sidebar-module__counters__item span {
  display: block;
  color: white;
}
.sidebar-module__counters__item .radial-progress {
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 58px;
  height: 58px;
  border: 1px solid #141f35;
}
.sidebar-module__counters__item .radial-progress .circle .mask, .sidebar-module__counters__item .radial-progress .circle .fill, .sidebar-module__counters__item .radial-progress .circle .shadow {
  width: 58px;
  height: 58px;
}
.sidebar-module__counters__item .radial-progress .circle .mask {
  clip: rect(0px, 58px, 58px, 29px);
}
.sidebar-module__counters__item .radial-progress .circle .mask .fill {
  clip: rect(0px, 29px, 58px, 0px);
}
.sidebar-module__counters__item .radial-progress .inset {
  width: 54px;
  height: 54px;
  margin-left: 2px;
  margin-top: 2px;
  box-sizing: border-box;
  border: 5px solid #141f35;
  overflow: hidden;
  z-index: 1;
}
.sidebar-module__counters__item .radial-progress .inset img {
  width: 100%;
  transition: 300ms;
}
.sidebar-module__counters__item .radial-progress--yellow .fill {
  background: #f0ae06 !important;
}
.sidebar-module__counters__item .radial-progress--red .fill {
  background: #fe5752 !important;
}
.sidebar-module__counters__item:hover .radial-progress .inset img {
  transform: scale(1.2);
}
.sidebar-module__list {
  list-style: none !important;
  padding: 5px;
}
.sidebar-module__list li {
  background: #1a283f;
  margin-bottom: 2px;
  line-height: 0;
  transition: 250ms;
}
.sidebar-module__list li:nth-of-type(even) {
  background: #233148;
}
.sidebar-module__list li:hover {
  background: #243858;
}
.sidebar-module__list li:hover:nth-of-type(even) {
  background: #2f4160;
}
.sidebar-module__list__item {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 3px;
  box-sizing: border-box;
  overflow: hidden;
}
.sidebar-module__list__item__pic {
  border: 1px solid #131f33;
  overflow: hidden;
  width: 43px;
  float: left;
  margin-right: 10px;
}
.sidebar-module__list__item__pic img {
  max-width: 100%;
}
.sidebar-module__list__item__content {
  padding-top: 8px;
  display: inline-block;
}
.sidebar-module__list__item__content h4 {
  color: white;
  font: 12px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-module__list__item__content p {
  color: #63748f;
  font: 11px/13px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.sidebar-module__list__item__content p b {
  color: #b4b8c0;
  font-weight: normal;
}
.sidebar-module__list__item__content__extended {
  padding-top: 8px;
  display: inline-block;
}
.sidebar-module__list__item__content__extended h4 {
  color: white;
  font: 12px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  max-width: 225px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-module__list__item__content__extended p {
  color: #63748f;
  font: 11px/13px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.sidebar-module__list__item__content__extended p b {
  color: #b4b8c0;
  font-weight: normal;
}
.sidebar-module__list__item__votes {
  position: absolute;
  top: 6px;
  right: 8px;
}
.sidebar-module__list__item__votes > span:last-of-type {
  font: 9px/9px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
  color: #63748f;
  display: block;
  margin-top: 4px;
}
.sidebar-module__table {
  padding: 0 5px 10px 5px;
}
.sidebar-module__table li {
  display: inline-block;
  width: 100%;
}
.sidebar-module__table__header {
  padding-left: 170px;
}
.sidebar-module__table__header span {
  font-size: 10px;
  text-transform: uppercase;
  color: #8498b8;
  text-align: center;
  display: inline-block;
}
.sidebar-module__table__header span:nth-of-type(1) {
  width: 52px;
}
.sidebar-module__table__header span:nth-of-type(2) {
  width: 64px;
}
.sidebar-module__table__item {
  background: #233148;
  height: 49px;
  width: 100%;
  display: inline-block;
  margin-bottom: 2px;
  transition: 300ms;
  transform: translateZ(0);
}
.sidebar-module__table__item > span {
  height: 49px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 15px 6px;
}
.sidebar-module__table__item > span > span {
  font-size: 10px;
  line-height: 10px;
  color: #8498b8;
  display: block;
}
.sidebar-module__table__item > span > span > b {
  font-weight: normal;
  color: #b4b8c0;
}
.sidebar-module__table__item .sidebar-module__table__item__pic {
  width: 49px;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
}
.sidebar-module__table__item .sidebar-module__table__item__pic img {
  width: 100%;
  transition: 300ms;
  /* Firefox */
  image-rendering: -moz-crisp-edges;
  /* Opera */
  image-rendering: -o-crisp-edges;
  /* Webkit (non-standard naming) */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* IE (non-standard property) */
  -ms-interpolation-mode: nearest-neighbor;
}
.sidebar-module__table__item__title {
  color: white;
  width: 115px;
}
.sidebar-module__table__item__info1 {
  background: #1a283f;
  color: #b4b8c0;
  width: 52px;
  text-align: center;
  transition: 300ms;
}
.sidebar-module__table__item__info2 {
  color: #b4b8c0;
  width: 64px;
  text-align: center;
  text-transform: uppercase;
}
.sidebar-module__table__item[sale] {
  position: relative;
}
.sidebar-module__table__item[sale]::before {
  content: url(/images/menu/flag-sale.png);
  position: absolute;
  top: 0;
  left: 150px;
}
.sidebar-module__table__item[sale] .sidebar-module__table__item__info1 {
  text-decoration: line-through;
  color: #475976;
  padding-top: 8px;
}
.sidebar-module__table__item[sale] .sidebar-module__table__item__info1::before {
  content: attr(sale-price);
  color: #d007e3;
  display: inline-block;
  text-decoration: none;
}
.sidebar-module__table__item:hover {
  background: #2b3d59;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
.sidebar-module__table__item:hover .sidebar-module__table__item__info1 {
  background: #213351;
}
.sidebar-module__table__item:hover .sidebar-module__table__item__pic img {
  transform: scale(1.3);
}
.sidebar-module__table--top .sidebar-module__table__item > span {
  padding: 9px 7px;
}
.sidebar-module__table--top .sidebar-module__table__item__pic {
  padding: 2px !important;
}
.sidebar-module__table--top .sidebar-module__table__item__info1 {
  color: #48b744;
  padding: 12px 7px !important;
}
.sidebar-module__table--top .sidebar-module__table__item__info2 {
  padding: 12px 7px !important;
}
.sidebar-module__table--sales span {
  position: relative;
}
.sidebar-module__table--sales label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  right: 6px;
  cursor: pointer;
}
.sidebar-module__table--sales .sidebar-module__table__item__title {
  line-height: 12px;
}
.sidebar-module__table--sales .sidebar-module__table__item__info2 {
  font-size: 10px;
}
.sidebar-module__table--sales .sidebar-module__table__item[sale] .sidebar-module__table__item__info2 {
  color: #d007e3;
}
.sidebar-module__bounties {
  padding: 5px;
}
.sidebar-module__bounties__item {
  position: relative;
  border: 3px solid #091120;
  margin-right: 4px;
  width: 93px;
  float: left;
  overflow: hidden;
}
.sidebar-module__bounties__item:nth-of-type(3) {
  margin-right: 0;
}
.sidebar-module__bounties__item > img {
  width: 100%;
  transition: 250ms;
  transform: scale(1.2);
  transform-origin: top center;
}
.sidebar-module__bounties__item > span {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 2px 0;
  color: white;
  font: 16px/1em 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-align: center;
}
.sidebar-module__bounties__item > span img {
  display: inline-block;
  width: 13px;
  vertical-align: top;
  margin: 1px;
}
.sidebar-module__bounties__item > span b {
  display: inline-block;
  font-weight: 600;
}
.sidebar-module__bounties__item > span i {
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  display: block;
  text-transform: uppercase;
}
.sidebar-module__bounties__item:hover > img {
  transform: scale(1.3);
}
.sidebar-module__bounties .flat-btn {
  margin-top: 5px;
  padding: 8px;
  width: 100%;
}
.sidebar-module__create {
  position: relative;
  display: inline-block;
  margin: 5px 10px 10px;
  overflow: hidden;
}
.sidebar-module__create > img {
  width: 100%;
  transition: 250ms;
}
.sidebar-module__create__overlay {
  position: absolute;
  background: #152034;
  left: 0;
  bottom: 10px;
  padding: 12px 20px 8px 90px;
}
.sidebar-module__create__overlay img {
  position: absolute;
  top: -10px;
  left: 15px;
}
.sidebar-module__create__overlay span {
  text-transform: uppercase;
  font: 13px/1.1em 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
}
.sidebar-module__create__overlay span b {
  font-size: 21.5px;
  font-weight: 700;
  display: block;
}
.sidebar-module__create__overlay::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 51px 17px 0 0px;
  border-color: #152034 transparent transparent transparent;
}
.sidebar-module__create:hover > img {
  transform: scale(1.2);
}
.sidebar-module__create--champ > img {
  transform: scale(1.75) translateZ(0);
  transform-origin: 70% 15% 0;
}
.sidebar-module__create--champ:hover > img {
  transform: scale(2) translateZ(0);
}
.sidebar-module__wiki {
  padding: 5px;
}
.sidebar-module__wiki .flat-btn {
  margin-bottom: 4px;
  padding: 8px;
  width: 100%;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
.sidebar-module__wiki .flat-btn:not(.selected) {
  background: #2c3d5d;
}
.sidebar-module__wiki .flat-btn:not(.selected):hover {
  background: #34486e;
}
.sidebar-module__wikiForm {
  padding: 10px;
}
.sidebar-module__wikiForm input[type="text"], .sidebar-module__wikiForm textarea {
  width: 100%;
  box-sizing: border-box;
}
.sidebar-module__wikiForm select {
  width: 190px;
}
.sidebar-module__topBuilds {
  margin-top: 15px;
  padding: 2px 10px 12px 10px;
}
.sidebar-module__topBuilds h3 {
  margin-bottom: 10px;
}
.sidebar-module__topBuilds__main img {
  width: 60px;
  height: 60px;
  border: 2px solid #273958;
}
.sidebar-module__topBuilds__main .group {
  float: left;
  background: #091020;
  padding: 8px;
  margin-bottom: 13px;
}
.sidebar-module__topBuilds__main .group--solo {
  margin-left: 20px;
}
.sidebar-module__topBuilds__main .group span {
  float: left;
}
.sidebar-module__topBuilds__main .group span + span {
  margin-left: 36px;
  position: relative;
}
.sidebar-module__topBuilds__main .group span + span::before {
  content: '+';
  font-size: 26px;
  font-weight: 700;
  color: #273958;
  border: 2px solid;
  border-radius: 100%;
  width: 29px;
  height: 29px;
  box-sizing: border-box;
  text-align: center;
  line-height: 25px;
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar-module__topBuilds .flat-btn img {
  margin-right: 5px;
}
.sidebar-module__topLists {
  padding: 5px;
}
.sidebar-module__topLists__row {
  font-size: 0;
  background: #091020;
  padding: 4px;
  display: block;
  transition: 300ms;
}
.sidebar-module__topLists__row + .sidebar-module__topLists__row {
  margin-top: 5px;
}
.sidebar-module__topLists__row:hover {
  background: #0f1a34;
}
.sidebar-module__topLists__row:hover img {
  transform: translate(-50%, -50%) rotate(-8deg);
}
.sidebar-module__topLists__row > span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.sidebar-module__topLists__row > span h4 {
  font: 300 14px/16px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: white;
  text-transform: uppercase;
}
.sidebar-module__topLists__row > span p {
  font: 400 11px/12px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: #63748f;
}
.sidebar-module__topLists__row > span:nth-of-type(1) {
  background: #275495;
  width: 43px;
  height: 43px;
}
.sidebar-module__topLists__row > span:nth-of-type(1) img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 300ms;
  transform: translate(-50%, -50%);
}
.sidebar-module__topLists__row > span:nth-of-type(2) {
  padding-left: 10px;
}
.sidebar-module__topLists__row > span:nth-of-type(3) {
  padding-left: 15px;
}
.sidebar-module__topLists__row > span:nth-of-type(3) .chosen-single {
  color: #63748f;
}
.sidebar-module__topLists__row > span:nth-of-type(3) .chosen-container-single, .sidebar-module__topLists__row > span:nth-of-type(3) .chosen-container-single .chosen-single {
  font-size: 11px;
}
.flat-btn {
  box-sizing: border-box;
  display: inline-block;
  color: white !important;
  background: #275495;
  transition: background 250ms;
  text-align: center;
  padding: 11px 20px;
  text-transform: uppercase;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  border: none;
  cursor: pointer;
  transition: 250ms;
}
.flat-btn:hover {
  background: #326bbd;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
.flat-btn--wide {
  width: 100%;
}
.flat-btn--small {
  padding: 8px;
  font-size: 11px;
}
.flat-btn--dull {
  background: #2c3d5d;
}
.flat-btn--dull:hover {
  background: #3c5480;
}
.flat-btn--dark {
  background: #152034;
  color: #8498b8 !important;
}
.flat-btn--dark:hover {
  background: #1c2b46;
}
.flat-btn--green {
  background: #2b8b32;
}
.flat-btn--green:hover {
  background: #25782b;
}
.flat-btn--red {
  background: #fe3e39;
}
.flat-btn--red:hover {
  background: #fe261f;
}
.flat-btn--teal {
  background: #218086;
}
.flat-btn--teal:hover {
  background: #1c6c72;
}
.flat-btn[disabled] {
  cursor: not-allowed;
  background: #152034;
  color: #39404c !important;
}
.flat-btn[disabled]:hover {
  background: #152034;
  box-shadow: none;
}
.centered, div.radial-stats img, div.radial-stats canvas {
  transform: translateX(-50%) translateY(-50%) translateZ(0);
}
.weight400 {
  font-weight: 400;
}
#stat-tip {
  position: absolute;
  z-index: 500;
  background: #010a13;
  border: 2px solid #60491e;
  color: #eae0cd;
  font: 12px/12px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  padding: 8px;
}
#champ-head .champ-data .summary.summary--new {
  padding-right: 10px;
}
div.radial-stats {
  position: relative;
  width: 140px;
  height: 140px;
  display: block;
  margin: 5px 10px 5px 5px;
}
div.radial-stats img {
  position: absolute;
  cursor: pointer;
  z-index: 5;
  opacity: 0.7;
  transition: 250ms;
  height: 9%;
}
div.radial-stats img:hover {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
}
div.radial-stats img:nth-of-type(1) {
  left: 50%;
  top: 8%;
}
div.radial-stats img:nth-of-type(2) {
  left: 92%;
  top: 40%;
}
div.radial-stats img:nth-of-type(3) {
  left: 78%;
  top: 88%;
}
div.radial-stats img:nth-of-type(4) {
  left: 22%;
  top: 88%;
}
div.radial-stats img:nth-of-type(5) {
  left: 8%;
  top: 40%;
}
div.radial-stats canvas {
  position: absolute;
  top: 53%;
  left: 50%;
  width: 80%;
  height: 80%;
}
.radial-progress {
  width: 28px;
  height: 28px;
  background-color: #152034;
  border-radius: 50%;
}
.radial-progress .circle .mask, .radial-progress .circle .fill, .radial-progress .circle .shadow {
  width: 28px;
  height: 28px;
  position: absolute;
  border-radius: 50%;
}
.radial-progress .circle .shadow {
  box-shadow: none inset;
}
.radial-progress .circle .mask, .radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
  border-radius: 50%;
}
.radial-progress .circle .mask {
  clip: rect(0px, 28px, 28px, 14px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 14px, 28px, 0px);
  background-color: #2a8c26;
}
.radial-progress .inset {
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  background-color: #152034;
  border-radius: 50%;
  box-shadow: none;
}
.radial-progress .inset .percentage {
  width: 57px;
  position: absolute;
  top: 7px;
  left: -16.5px;
  line-height: 1;
  text-align: center;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
  font-weight: 400;
  font-size: 10px;
}
.radial-progress[data-progress="0"] .circle .mask.full, .radial-progress[data-progress="0"] .circle .fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .circle .fill.fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="1"] .circle .mask.full, .radial-progress[data-progress="1"] .circle .fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.radial-progress[data-progress="1"] .circle .fill.fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .mask.full, .radial-progress[data-progress="2"] .circle .fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .fill.fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="3"] .circle .mask.full, .radial-progress[data-progress="3"] .circle .fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.radial-progress[data-progress="3"] .circle .fill.fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="4"] .circle .mask.full, .radial-progress[data-progress="4"] .circle .fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="4"] .circle .fill.fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="5"] .circle .mask.full, .radial-progress[data-progress="5"] .circle .fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.radial-progress[data-progress="5"] .circle .fill.fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="6"] .circle .mask.full, .radial-progress[data-progress="6"] .circle .fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="6"] .circle .fill.fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="7"] .circle .mask.full, .radial-progress[data-progress="7"] .circle .fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.radial-progress[data-progress="7"] .circle .fill.fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="8"] .circle .mask.full, .radial-progress[data-progress="8"] .circle .fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="8"] .circle .fill.fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="9"] .circle .mask.full, .radial-progress[data-progress="9"] .circle .fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.radial-progress[data-progress="9"] .circle .fill.fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="10"] .circle .mask.full, .radial-progress[data-progress="10"] .circle .fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="10"] .circle .fill.fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="11"] .circle .mask.full, .radial-progress[data-progress="11"] .circle .fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.radial-progress[data-progress="11"] .circle .fill.fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="12"] .circle .mask.full, .radial-progress[data-progress="12"] .circle .fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="12"] .circle .fill.fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="13"] .circle .mask.full, .radial-progress[data-progress="13"] .circle .fill {
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.radial-progress[data-progress="13"] .circle .fill.fix {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="14"] .circle .mask.full, .radial-progress[data-progress="14"] .circle .fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="14"] .circle .fill.fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="15"] .circle .mask.full, .radial-progress[data-progress="15"] .circle .fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
.radial-progress[data-progress="15"] .circle .fill.fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="16"] .circle .mask.full, .radial-progress[data-progress="16"] .circle .fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="16"] .circle .fill.fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="17"] .circle .mask.full, .radial-progress[data-progress="17"] .circle .fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.radial-progress[data-progress="17"] .circle .fill.fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="18"] .circle .mask.full, .radial-progress[data-progress="18"] .circle .fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="18"] .circle .fill.fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="19"] .circle .mask.full, .radial-progress[data-progress="19"] .circle .fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.radial-progress[data-progress="19"] .circle .fill.fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="20"] .circle .mask.full, .radial-progress[data-progress="20"] .circle .fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="20"] .circle .fill.fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="21"] .circle .mask.full, .radial-progress[data-progress="21"] .circle .fill {
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.radial-progress[data-progress="21"] .circle .fill.fix {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="22"] .circle .mask.full, .radial-progress[data-progress="22"] .circle .fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="22"] .circle .fill.fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="23"] .circle .mask.full, .radial-progress[data-progress="23"] .circle .fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.radial-progress[data-progress="23"] .circle .fill.fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="24"] .circle .mask.full, .radial-progress[data-progress="24"] .circle .fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="24"] .circle .fill.fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="25"] .circle .mask.full, .radial-progress[data-progress="25"] .circle .fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.radial-progress[data-progress="25"] .circle .fill.fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="26"] .circle .mask.full, .radial-progress[data-progress="26"] .circle .fill {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="26"] .circle .fill.fix {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="27"] .circle .mask.full, .radial-progress[data-progress="27"] .circle .fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.radial-progress[data-progress="27"] .circle .fill.fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="28"] .circle .mask.full, .radial-progress[data-progress="28"] .circle .fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="28"] .circle .fill.fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="29"] .circle .mask.full, .radial-progress[data-progress="29"] .circle .fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.radial-progress[data-progress="29"] .circle .fill.fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="30"] .circle .mask.full, .radial-progress[data-progress="30"] .circle .fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="30"] .circle .fill.fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="31"] .circle .mask.full, .radial-progress[data-progress="31"] .circle .fill {
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.radial-progress[data-progress="31"] .circle .fill.fix {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="32"] .circle .mask.full, .radial-progress[data-progress="32"] .circle .fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="32"] .circle .fill.fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="33"] .circle .mask.full, .radial-progress[data-progress="33"] .circle .fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.radial-progress[data-progress="33"] .circle .fill.fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="34"] .circle .mask.full, .radial-progress[data-progress="34"] .circle .fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="34"] .circle .fill.fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="35"] .circle .mask.full, .radial-progress[data-progress="35"] .circle .fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
.radial-progress[data-progress="35"] .circle .fill.fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="36"] .circle .mask.full, .radial-progress[data-progress="36"] .circle .fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="36"] .circle .fill.fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="37"] .circle .mask.full, .radial-progress[data-progress="37"] .circle .fill {
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.radial-progress[data-progress="37"] .circle .fill.fix {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="38"] .circle .mask.full, .radial-progress[data-progress="38"] .circle .fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="38"] .circle .fill.fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="39"] .circle .mask.full, .radial-progress[data-progress="39"] .circle .fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.radial-progress[data-progress="39"] .circle .fill.fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="40"] .circle .mask.full, .radial-progress[data-progress="40"] .circle .fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="40"] .circle .fill.fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="41"] .circle .mask.full, .radial-progress[data-progress="41"] .circle .fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.radial-progress[data-progress="41"] .circle .fill.fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="42"] .circle .mask.full, .radial-progress[data-progress="42"] .circle .fill {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="42"] .circle .fill.fix {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="43"] .circle .mask.full, .radial-progress[data-progress="43"] .circle .fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.radial-progress[data-progress="43"] .circle .fill.fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="44"] .circle .mask.full, .radial-progress[data-progress="44"] .circle .fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="44"] .circle .fill.fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="45"] .circle .mask.full, .radial-progress[data-progress="45"] .circle .fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
.radial-progress[data-progress="45"] .circle .fill.fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="46"] .circle .mask.full, .radial-progress[data-progress="46"] .circle .fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="46"] .circle .fill.fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="47"] .circle .mask.full, .radial-progress[data-progress="47"] .circle .fill {
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.radial-progress[data-progress="47"] .circle .fill.fix {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="48"] .circle .mask.full, .radial-progress[data-progress="48"] .circle .fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="48"] .circle .fill.fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="49"] .circle .mask.full, .radial-progress[data-progress="49"] .circle .fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.radial-progress[data-progress="49"] .circle .fill.fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="50"] .circle .mask.full, .radial-progress[data-progress="50"] .circle .fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="50"] .circle .fill.fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="51"] .circle .mask.full, .radial-progress[data-progress="51"] .circle .fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.radial-progress[data-progress="51"] .circle .fill.fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.radial-progress[data-progress="52"] .circle .mask.full, .radial-progress[data-progress="52"] .circle .fill {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="52"] .circle .fill.fix {
  -webkit-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.radial-progress[data-progress="53"] .circle .mask.full, .radial-progress[data-progress="53"] .circle .fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.radial-progress[data-progress="53"] .circle .fill.fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.radial-progress[data-progress="54"] .circle .mask.full, .radial-progress[data-progress="54"] .circle .fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="54"] .circle .fill.fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.radial-progress[data-progress="55"] .circle .mask.full, .radial-progress[data-progress="55"] .circle .fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
.radial-progress[data-progress="55"] .circle .fill.fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
.radial-progress[data-progress="56"] .circle .mask.full, .radial-progress[data-progress="56"] .circle .fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="56"] .circle .fill.fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.radial-progress[data-progress="57"] .circle .mask.full, .radial-progress[data-progress="57"] .circle .fill {
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.radial-progress[data-progress="57"] .circle .fill.fix {
  -webkit-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.radial-progress[data-progress="58"] .circle .mask.full, .radial-progress[data-progress="58"] .circle .fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="58"] .circle .fill.fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.radial-progress[data-progress="59"] .circle .mask.full, .radial-progress[data-progress="59"] .circle .fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.radial-progress[data-progress="59"] .circle .fill.fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.radial-progress[data-progress="60"] .circle .mask.full, .radial-progress[data-progress="60"] .circle .fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="60"] .circle .fill.fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
.radial-progress[data-progress="61"] .circle .mask.full, .radial-progress[data-progress="61"] .circle .fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.radial-progress[data-progress="61"] .circle .fill.fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.radial-progress[data-progress="62"] .circle .mask.full, .radial-progress[data-progress="62"] .circle .fill {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="62"] .circle .fill.fix {
  -webkit-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.radial-progress[data-progress="63"] .circle .mask.full, .radial-progress[data-progress="63"] .circle .fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.radial-progress[data-progress="63"] .circle .fill.fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.radial-progress[data-progress="64"] .circle .mask.full, .radial-progress[data-progress="64"] .circle .fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="64"] .circle .fill.fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.radial-progress[data-progress="65"] .circle .mask.full, .radial-progress[data-progress="65"] .circle .fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
.radial-progress[data-progress="65"] .circle .fill.fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
.radial-progress[data-progress="66"] .circle .mask.full, .radial-progress[data-progress="66"] .circle .fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="66"] .circle .fill.fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.radial-progress[data-progress="67"] .circle .mask.full, .radial-progress[data-progress="67"] .circle .fill {
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.radial-progress[data-progress="67"] .circle .fill.fix {
  -webkit-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.radial-progress[data-progress="68"] .circle .mask.full, .radial-progress[data-progress="68"] .circle .fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="68"] .circle .fill.fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.radial-progress[data-progress="69"] .circle .mask.full, .radial-progress[data-progress="69"] .circle .fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.radial-progress[data-progress="69"] .circle .fill.fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.radial-progress[data-progress="70"] .circle .mask.full, .radial-progress[data-progress="70"] .circle .fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="70"] .circle .fill.fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
.radial-progress[data-progress="71"] .circle .mask.full, .radial-progress[data-progress="71"] .circle .fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.radial-progress[data-progress="71"] .circle .fill.fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.radial-progress[data-progress="72"] .circle .mask.full, .radial-progress[data-progress="72"] .circle .fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="72"] .circle .fill.fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.radial-progress[data-progress="73"] .circle .mask.full, .radial-progress[data-progress="73"] .circle .fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.radial-progress[data-progress="73"] .circle .fill.fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.radial-progress[data-progress="74"] .circle .mask.full, .radial-progress[data-progress="74"] .circle .fill {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="74"] .circle .fill.fix {
  -webkit-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.radial-progress[data-progress="75"] .circle .mask.full, .radial-progress[data-progress="75"] .circle .fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.radial-progress[data-progress="75"] .circle .fill.fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.radial-progress[data-progress="76"] .circle .mask.full, .radial-progress[data-progress="76"] .circle .fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="76"] .circle .fill.fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.radial-progress[data-progress="77"] .circle .mask.full, .radial-progress[data-progress="77"] .circle .fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.radial-progress[data-progress="77"] .circle .fill.fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.radial-progress[data-progress="78"] .circle .mask.full, .radial-progress[data-progress="78"] .circle .fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="78"] .circle .fill.fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.radial-progress[data-progress="79"] .circle .mask.full, .radial-progress[data-progress="79"] .circle .fill {
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.radial-progress[data-progress="79"] .circle .fill.fix {
  -webkit-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.radial-progress[data-progress="80"] .circle .mask.full, .radial-progress[data-progress="80"] .circle .fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="80"] .circle .fill.fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
.radial-progress[data-progress="81"] .circle .mask.full, .radial-progress[data-progress="81"] .circle .fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.radial-progress[data-progress="81"] .circle .fill.fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.radial-progress[data-progress="82"] .circle .mask.full, .radial-progress[data-progress="82"] .circle .fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="82"] .circle .fill.fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.radial-progress[data-progress="83"] .circle .mask.full, .radial-progress[data-progress="83"] .circle .fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.radial-progress[data-progress="83"] .circle .fill.fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.radial-progress[data-progress="84"] .circle .mask.full, .radial-progress[data-progress="84"] .circle .fill {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="84"] .circle .fill.fix {
  -webkit-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.radial-progress[data-progress="85"] .circle .mask.full, .radial-progress[data-progress="85"] .circle .fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
.radial-progress[data-progress="85"] .circle .fill.fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
.radial-progress[data-progress="86"] .circle .mask.full, .radial-progress[data-progress="86"] .circle .fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="86"] .circle .fill.fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.radial-progress[data-progress="87"] .circle .mask.full, .radial-progress[data-progress="87"] .circle .fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.radial-progress[data-progress="87"] .circle .fill.fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.radial-progress[data-progress="88"] .circle .mask.full, .radial-progress[data-progress="88"] .circle .fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="88"] .circle .fill.fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.radial-progress[data-progress="89"] .circle .mask.full, .radial-progress[data-progress="89"] .circle .fill {
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.radial-progress[data-progress="89"] .circle .fill.fix {
  -webkit-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.radial-progress[data-progress="90"] .circle .mask.full, .radial-progress[data-progress="90"] .circle .fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="90"] .circle .fill.fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
.radial-progress[data-progress="91"] .circle .mask.full, .radial-progress[data-progress="91"] .circle .fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.radial-progress[data-progress="91"] .circle .fill.fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.radial-progress[data-progress="92"] .circle .mask.full, .radial-progress[data-progress="92"] .circle .fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="92"] .circle .fill.fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.radial-progress[data-progress="93"] .circle .mask.full, .radial-progress[data-progress="93"] .circle .fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.radial-progress[data-progress="93"] .circle .fill.fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.radial-progress[data-progress="94"] .circle .mask.full, .radial-progress[data-progress="94"] .circle .fill {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="94"] .circle .fill.fix {
  -webkit-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.radial-progress[data-progress="95"] .circle .mask.full, .radial-progress[data-progress="95"] .circle .fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
.radial-progress[data-progress="95"] .circle .fill.fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
.radial-progress[data-progress="96"] .circle .mask.full, .radial-progress[data-progress="96"] .circle .fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="96"] .circle .fill.fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.radial-progress[data-progress="97"] .circle .mask.full, .radial-progress[data-progress="97"] .circle .fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.radial-progress[data-progress="97"] .circle .fill.fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.radial-progress[data-progress="98"] .circle .mask.full, .radial-progress[data-progress="98"] .circle .fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="98"] .circle .fill.fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.radial-progress[data-progress="99"] .circle .mask.full, .radial-progress[data-progress="99"] .circle .fill {
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.radial-progress[data-progress="99"] .circle .fill.fix {
  -webkit-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.radial-progress[data-progress="100"] .circle .mask.full, .radial-progress[data-progress="100"] .circle .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="100"] .circle .fill.fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.heart {
  position: relative;
  width: 42px;
  height: 37.8px;
  float: left;
}
.heart__val {
  position: absolute;
  z-index: 3;
  color: white;
  font: 11px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  font-size: 10.5px;
  width: 100%;
  text-align: center;
  top: 38%;
  transform: translateY(-50%);
  pointer-events: none;
  text-shadow: 0px 0px 4.2px #000;
  user-select: none;
}
.heart::before, .heart::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 21px;
  width: 21px;
  height: 33.6px;
  background: #15233a;
  background: red;
  border-radius: 21px 21px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
  transition: 300ms;
  cursor: pointer;
}
.heart::after {
  left: 0px;
  transform: rotate(45deg);
  transform-origin : 100% 100%;
}
.heart--outer::before, .heart--outer::after {
  z-index: 0;
  content: "";
  top: -1.4px;
  width: 25px;
  height: 37.6px;
  background: #305085;
}
.heart--outer::after {
  left: -4px;
}
.heart__left, .heart__right {
  position: absolute;
  top: -2px;
  z-index: 2;
  height: 16.8px;
  overflow: hidden;
}
.heart__left .heart::before, .heart__right .heart::before, .heart__left .heart::after, .heart__right .heart::after {
  background: #15233a;
}
.heart__left {
  top: 14.8px;
}
.heart__left .heart::before, .heart__left .heart::after {
  top: -14.8px;
}
.heart__left:hover .heart::before, .heart__left:hover .heart::after {
  background: #b52f2f;
}
.heart__right:hover .heart::before, .heart__right:hover .heart::after {
  background: #1e9528;
}
.heart[vote="neg"]::before, .heart[vote="neg"]::after {
  background: #d55d5d;
}
.heart[vote="neg"] .heart::before, .heart[vote="neg"] .heart::after {
  background: #b52f2f;
}
.heart[vote="pos"]::before, .heart[vote="pos"]::after {
  background: #26c034;
}
.heart[vote="pos"] .heart::before, .heart[vote="pos"] .heart::after {
  background: #1e9528;
  box-shadow: none !important;
}
@keyframes pendingGlow {
  0%, 100% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes newGlow {
  0% {
    opacity: 0.2;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.2;
  }
  75% {
    opacity: 0.15;
  }
}
@keyframes patchShine {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.75;
  }
  20%, 100% {
    left: 100%;
    opacity: 0;
  }
}
.mf-redesign * {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .col-left {
  width: 762px;
}
.mf-redesign .col-right {
  box-sizing: border-box;
  padding-right: 15px;
}
.mf-redesign .col-right .box-shadow-inner-db, .mf-redesign .col-right .box-shadow-db {
  padding: 0;
  border: none;
  box-shadow: none;
}
.mf-redesign .col-right .box-shadow-inner-db .ads-narrow, .mf-redesign .col-right .box-shadow-db .ads-narrow, .mf-redesign .col-right .box-shadow-inner-db .exhibits-narrow, .mf-redesign .col-right .box-shadow-db .exhibits-narrow {
  margin: 0 auto;
}
.mf-redesign .col-right .box-lb {
  padding: 0;
}
.mf-redesign .full-span {
  background: #0e192b;
  margin-left: -13px;
  margin-right: -13px;
  padding-left: 30px;
  padding-right: 30px;
}
.mf-redesign h1 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.mf-redesign h1 ~ p {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  color: #7585a2;
  margin: 12px 0;
}
.mf-redesign h1 ~ p a {
  color: #4eb6ff;
}
.mf-redesign h1 > span {
  margin-left: 5px;
}
.mf-redesign h1 > span.nomargin {
  margin-left: 0;
}
.mf-redesign .side-image {
  float: left;
  width: 51px;
  height: 51px;
  margin-top: 15px;
  margin-right: 10px;
}
.mf-redesign h2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.mf-redesign h2.light-title {
  color: #7585a2;
}
.mf-redesign h2.white {
  color: white !important;
}
.mf-redesign .box-shadow {
  box-shadow: none;
  border: none;
}
.mf-redesign .box-blue {
  background: #152034;
}
.mf-redesign input[type="text"] {
  background-color: #152135;
  border: 1px solid #37496a;
  font-size: 14px;
  color: white;
  border-radius: 2px;
  height: 27px;
  box-sizing: border-box;
  padding: 0 5px 0 5px;
}
.mf-redesign input[type="password"] {
  background-color: #152135;
  border: 1px solid #37496a;
  font-size: 14px;
  color: white;
  border-radius: 2px;
  height: 27px;
  box-sizing: border-box;
  padding: 0 5px 0 5px;
}
.mf-redesign .page-404 {
  text-align: center;
  margin-bottom: 40px;
}
.mf-redesign .page-404 h1 {
  max-width: 230px;
  margin: 30px auto 20px;
}
.mf-redesign .page-404 img {
  margin-top: 10px;
}
.mf-redesign .page-404 p {
  max-width: 360px;
  margin: 0 auto;
  font-size: 12px;
}
.mf-redesign .page-404 p small {
  font-size: 11px;
}
.mf-redesign .page-404__col {
  margin: 20px 0;
  width: 128px;
  display: inline-block;
  vertical-align: top;
}
.mf-redesign .page-404__col + .page-404__col {
  margin-left: 20px;
}
.mf-redesign .page-404__col a {
  color: #75adff;
  display: block;
  font-size: 11px;
  line-height: 20px;
}
.mf-redesign .page-404__col a:first-of-type {
  line-height: 30px;
  background: #152034;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
}
.mf-redesign .page-404__col + p {
  max-width: 285px;
}
.mf-redesign .new-warning {
  border: 2px solid #ffc000;
  border-radius: 14px;
  background: ;
  padding: 13px 15px 15px 250px;
  margin: 30px auto;
  width: 750px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.mf-redesign .new-warning::before {
  content: 'Warning!';
  font: 30px/30px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  background-color: ;
  background-image: url(/images/new-guide/warning-icon.png);
  background-position: 20px 18px;
  padding: 24px 20px 26px 80px;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.mf-redesign .new-warning span {
  color: #ffc000;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.mf-redesign .new-warning p {
  color: white;
  font-size: 12px;
  line-height: 1.2;
  max-width: 400px;
}
.mf-redesign .new-warning__close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 22px;
  height: 22px;
  border: 2px solid;
  box-sizing: border-box;
  line-height: 18px;
  text-align: center;
  font: 700 15px/1 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: #42516b;
  border-radius: 100%;
  cursor: pointer;
  transition: 300ms;
}
.mf-redesign .new-warning__close:hover {
  color: #55698b;
}
.mf-redesign#rune-shopper .bordered {
  border-color: #152032;
  background: #0b1727;
  border-style: solid;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 12px;
  border-right-width: 12px;
  padding: 3px;
}
.mf-redesign#rune-shopper .permalink span {
  padding: 0 15px 0 8px;
  font-weight: normal;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}
.mf-redesign#rune-shopper .permalink input {
  width: 505px;
  margin-right: 2px;
}
.mf-redesign#rune-shopper .permalink button {
  padding: 6px 20px;
}
.mf-redesign#contact label {
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
  color: white;
}
.mf-redesign#contact input[type='text']:not(#recaptcha_response_field), .mf-redesign#contact textarea {
  border: 1px solid #30405d;
  border-radius: 3px;
  background: #131d2f;
  padding: 5px !important;
  min-width: 300px;
  box-sizing: border-box;
}
.mf-redesign#contact textarea {
  resize: vertical;
}
.mf-redesign#contact input[type='submit'] {
  border: none;
  background: #2b8b32;
  border-radius: 3px;
  text-transform: uppercase;
  color: white;
  padding: 7px 18px;
  font-size: 14px;
  line-height: 14px;
}
.mf-redesign#privacy-policy {
  font-weight: 300;
}
.mf-redesign#privacy-policy h1 {
  font-weight: 300;
  text-transform: none;
  font-size: 50px;
}
.mf-redesign#privacy-policy h2 {
  text-transform: none;
  font-weight: 400;
  font-size: 28px;
  color: #8498b8;
  font-weight: 300;
  margin-bottom: 18px;
}
.mf-redesign#privacy-policy p, .mf-redesign#privacy-policy li {
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  color: #8498b8;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
}
.mf-redesign#privacy-policy .collapse-text {
  border-bottom: 1px solid #233148;
}
.mf-redesign#privacy-policy .collapse-text__title {
  font-size: 25px;
  color: white;
  padding: 20px 0;
  cursor: pointer;
  transition: 300ms;
  position: relative;
  padding-right: 50px;
}
.mf-redesign#privacy-policy .collapse-text__title:hover {
  background: rgba(132, 152, 184, 0.1);
}
.mf-redesign#privacy-policy .collapse-text__title::after {
  content: url(/images/new-guide/group-arrow.png);
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(90deg);
  transition: 400ms;
}
.mf-redesign#privacy-policy .collapse-text__title.open::after {
  transform: translateY(-50%) rotate(270deg);
}
.mf-redesign#privacy-policy .collapse-text__content {
  display: none;
  padding: 15px 0 30px;
}
.mf-redesign .form-title {
  width: 100%;
}
.mf-redesign #champ-head {
  padding: 15px;
  font-size: 14px;
}
.mf-redesign #champ-head span {
  color: #ffc000;
}
.mf-redesign #champ-head h1 + span {
  margin-left: 10px;
}
.mf-redesign #champ-head h1 + span + span {
  margin-left: 5px;
}
.mf-redesign #champ-head h1, .mf-redesign #champ-head span {
  display: inline-block;
}
.mf-redesign #champ-head img {
  height: 16px;
  margin-right: 3px;
}
.mf-redesign .champ-feature {
  padding-left: 15px;
  padding-right: 15px;
}
.mf-redesign .champ-splash {
  background-size: cover;
  background-position: 50% -20px;
  padding: 25px 40px 25px 40px;
  position: relative;
}
.mf-redesign .champ-splash h2 {
  font: 60px/60px "Times New Roman", serif;
  color: white;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .champ-splash h2 span {
  display: block;
  font: 18px/18px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #b4b8c0;
  text-transform: uppercase;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
}
.mf-redesign .champ-splash__main {
  margin-left: -40px;
  padding-left: 40px;
  padding-top: 9px;
  padding-bottom: 13px;
  background: -moz-linear-gradient(left, #091120 0%, rgba(9, 17, 32, 0) 50%);
  background: -webkit-linear-gradient(left, #091120 0%, rgba(9, 17, 32, 0) 50%);
  background: linear-gradient(to right, #091120 0%, rgba(9, 17, 32, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#091120', endColorstr='#00091120',GradientType=1);
}
.mf-redesign .champ-splash__main__lanes {
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
}
.mf-redesign .champ-splash__main__lanes .lane-radial {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.mf-redesign .champ-splash__main__lanes .lane-radial + .lane-radial {
  margin-left: 10px;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress {
  position: relative;
  z-index: 5;
  background: #0e131f;
  display: inline-block;
  width: 58px;
  height: 58px;
  border: none;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .circle .mask, .mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .circle .fill, .mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .circle .shadow {
  width: 58px;
  height: 58px;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .circle .mask {
  clip: rect(0px, 58px, 58px, 29px);
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .circle .mask .fill {
  clip: rect(0px, 29px, 58px, 0px);
  background-color: #2a7cfc;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .inset {
  width: 50px;
  height: 50px;
  margin-left: 4px;
  margin-top: 4px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  background: #152034;
  text-align: center;
  padding-top: 6px;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .inset img {
  width: 26px;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__main .radial-progress .inset span {
  display: block;
  font-size: 10px;
  line-height: 12px;
  color: #6f81a2;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__text {
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 2px;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__text .green {
  color: #67cd59;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__text .yellow {
  color: #ddb860;
}
.mf-redesign .champ-splash__main__lanes .lane-radial__text .red {
  color: #ed5251;
}
.mf-redesign .champ-splash__lanes {
  position: relative;
  margin: 0 0 0 50px;
  border-radius: 10px;
  height: 60px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  padding-left: 3px;
  background-image: url(/images/1-role-bg.png);
}
.mf-redesign .champ-splash__lanes[count="1"] .champ-splash__lanes__circle:nth-of-type(3) {
  margin-right: 5px;
}
.mf-redesign .champ-splash__lanes[count="2"] {
  background-image: url(/images/1-role-bg.png);
}
.mf-redesign .champ-splash__lanes[count="2"] .champ-splash__lanes__circle:nth-of-type(6) {
  margin-right: 5px;
}
.mf-redesign .champ-splash__lanes[count="3"] {
  background-image: url(/images/1-role-bg.png);
}
.mf-redesign .champ-splash__lanes[count="3"] .champ-splash__lanes__circle:nth-of-type(9) {
  margin-right: 5px;
}
.mf-redesign .champ-splash__lanes__circle {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: none;
  border-radius: 100%;
  transform: translateY(-50%);
  text-align: center;
  padding: 5px 0;
  box-sizing: border-box;
  height: 55px;
  width: 55px;
  position: relative;
  top: 47%;
  margin-right: 5px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(1) {
  margin-right: 5px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(2) {
  margin-right: 9px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(3) {
  margin-right: 12px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(4) {
  margin-right: 5px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(5) {
  margin-right: 9px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(6) {
  margin-right: 12px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(7) {
  margin-right: 6px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(8) {
  margin-right: 9px;
}
.mf-redesign .champ-splash__lanes__circle:nth-of-type(9) {
  margin-right: 12px;
}
.mf-redesign .champ-splash__lanes__circle img {
  max-height: 34px;
  max-width: 34px;
}
.mf-redesign .champ-splash__lanes__circle span {
  font-size: 10px;
  line-height: 10px;
  display: block;
  text-transform: uppercase;
  color: #8498b8;
}
.mf-redesign .champ-splash__lanes__circle--stat {
  height: 66px;
  width: 66px;
  top: 38%;
  padding: 4px;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress {
  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 58px;
  height: 58px;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress .circle .mask, .mf-redesign .champ-splash__lanes__circle--stat .radial-progress .circle .fill, .mf-redesign .champ-splash__lanes__circle--stat .radial-progress .circle .shadow {
  width: 58px;
  height: 58px;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress .circle .mask {
  clip: rect(0px, 58px, 58px, 29px);
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress .circle .mask .fill {
  clip: rect(0px, 29px, 58px, 0px);
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress .inset {
  width: 50px;
  height: 50px;
  margin-left: 4px;
  margin-top: 4px;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress .inset .percentage {
  width: 36px;
  position: absolute;
  top: 20px;
  left: 7px;
  font-size: 10px;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress--yellow .fill {
  background: #f0ae06;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress--red .fill {
  background: #fe5752;
}
.mf-redesign .champ-splash__lanes__circle--stat .radial-progress--blue .fill {
  background: #3774ca;
}
.mf-redesign .champ-splash__lanes__circle--stat span {
  color: white;
  position: absolute;
  top: 116%;
  left: 0;
  width: 100%;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.mf-redesign .champ-splash__wishlist {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.mf-redesign .champ-splash__stats {
  position: absolute;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  padding: 6px 30px 6px 15px;
  background: rgba(9, 17, 32, 0.8);
  color: #7585a2;
}
.mf-redesign .champ-splash__stats::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 29px 29px;
  border-color: transparent transparent rgba(9, 17, 32, 0.8) transparent;
  position: absolute;
  right: 100%;
  top: 0;
}
.mf-redesign .champ-splash__stats span + span {
  margin-left: 20px;
}
.mf-redesign .champ-splash__stats em {
  font-style: normal;
  color: white;
}
.mf-redesign .champ-splash__stats img {
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.mf-redesign .champ-splash--footer {
  padding-bottom: 50px;
  padding-left: 0;
  background-position: 50% 50%;
}
.mf-redesign .champ-splash--footer h2 {
  background: rgba(9, 17, 32, 0.8);
  display: inline-block;
  width: auto;
  padding-right: 0px;
  padding-left: 120px;
  padding-top: 9px;
  position: relative;
  box-sizing: border-box;
  height: 100px;
}
.mf-redesign .champ-splash--footer h2 > span {
  text-transform: none;
  font-size: 16px;
}
.mf-redesign .champ-splash--footer h2 > span > a {
  text-transform: uppercase;
  font-size: 13px;
  color: #3d91cc;
  margin-left: 10px;
}
.mf-redesign .champ-splash--footer h2 > span > a:hover {
  color: #5da3d4;
}
.mf-redesign .champ-splash--footer h2::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 100px 0 0;
  border-color: rgba(9, 17, 32, 0.8) transparent transparent transparent;
  position: absolute;
  left: 100%;
  top: 0;
}
.mf-redesign .champ-splash--footer h2 .radial-progress {
  position: absolute;
  left: 23px;
  top: 13px;
  background: #36393e;
  display: inline-block;
  width: 77px;
  height: 77px;
  border: none;
}
.mf-redesign .champ-splash--footer h2 .radial-progress .circle .mask, .mf-redesign .champ-splash--footer h2 .radial-progress .circle .fill, .mf-redesign .champ-splash--footer h2 .radial-progress .circle .shadow {
  width: 77px;
  height: 77px;
}
.mf-redesign .champ-splash--footer h2 .radial-progress .circle .mask {
  clip: rect(0px, 77px, 77px, 38.5px);
}
.mf-redesign .champ-splash--footer h2 .radial-progress .circle .mask .fill {
  clip: rect(0px, 38.5px, 77px, 0px);
}
.mf-redesign .champ-splash--footer h2 .radial-progress .inset {
  width: 58px;
  height: 58px;
  margin-left: 9.5px;
  margin-top: 9.5px;
  box-sizing: border-box;
  padding: 9px 3px 0 3px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  text-align: center;
}
.mf-redesign .champ-splash--footer h2 .radial-progress .inset span:nth-of-type(1) {
  color: white;
  line-height: 14px;
}
.mf-redesign .champ-splash--footer h2 .radial-progress .inset span:nth-of-type(1) sup {
  font-size: 11px;
}
.mf-redesign .champ-splash--footer h2 .radial-progress .inset span:nth-of-type(2) {
  font-size: 8px;
  line-height: 14px;
}
.mf-redesign .champ-splash--footer h2 .radial-progress .inset span:nth-of-type(3) {
  transform: rotate(180deg);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #2a8c26 transparent transparent transparent;
  margin: 0 auto;
}
.mf-redesign .champ-splash--footer h2 .radial-progress--red .fill {
  background-color: #fe5752;
}
.mf-redesign .champ-splash--footer h2 .radial-progress--red .inset span:nth-of-type(3) {
  transform: none;
  border-color: #fe5752 transparent transparent transparent;
}
.mf-redesign .champ-splash--footer h2 .radial-progress--neutral .fill {
  background-color: #275495;
}
.mf-redesign .champ-splash--footer h2 .radial-progress--neutral .inset span:nth-of-type(3) {
  transform: none;
  border: none;
  border-top: 4px solid #275495;
  width: 14px;
  margin-top: 3px;
}
.mf-redesign .float-full {
  float: left;
  width: 100%;
}
.mf-redesign .browse-new--champs {
  width: 100%;
  display: inline-block;
  margin: 3px 0;
}
.mf-redesign .browse-new--champs form {
  display: inline-block;
  width: 100%;
  background: #152034;
}
.mf-redesign .browse-new--champs form fieldset:first-child label:first-child {
  width: auto;
  padding-left: 0;
}
.mf-redesign .browse-new--champs form fieldset:first-child input[type="radio"]:checked + span {
  position: relative;
}
.mf-redesign .browse-new--champs form fieldset:first-child input[type="radio"]:checked + span::after {
  content: '';
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translateX(-50%);
  background: #b8b9bf;
  border: 2px solid #152034;
  position: absolute;
  top: -4px;
  left: 50%;
  -webkit-backface-visibility: hidden;
}
.mf-redesign .champ-tabs {
  width: 100%;
  display: inline-block;
  margin: 3px 0;
  background: #152034;
  font-size: 0;
  padding: 0;
}
.mf-redesign .champ-tabs > a, .mf-redesign .champ-tabs > span {
  display: inline-block;
  text-transform: uppercase;
  color: #788aab;
  padding: 0 13px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  cursor: pointer;
  transition: 250ms;
  user-select: none;
}
.mf-redesign .champ-tabs > a:hover, .mf-redesign .champ-tabs > span:hover {
  background: rgba(39, 84, 149, 0.5);
  color: white;
}
.mf-redesign .champ-tabs > a.active, .mf-redesign .champ-tabs > span.active {
  position: relative;
  color: white;
}
.mf-redesign .champ-tabs > a.active::before, .mf-redesign .champ-tabs > span.active::before {
  content: '';
  width: 100%;
  background: #275495;
  height: 4px;
  bottom: 0;
  left: 0;
  position: absolute;
}
.mf-redesign .champ-tabs > a.active:hover, .mf-redesign .champ-tabs > span.active:hover {
  background: none;
}
.mf-redesign .champ-tabs > a.new, .mf-redesign .champ-tabs > span.new {
  position: relative;
}
.mf-redesign .champ-tabs > a.new::before, .mf-redesign .champ-tabs > span.new::before {
  content: 'New';
  background: #f96e37;
  border-radius: 100px 100px 0 0;
  text-transform: uppercase;
  font: 400 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  padding: 2px 10px 3px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: 250ms;
  z-index: 2;
  color: white;
}
.mf-redesign .champ-tabs > a.new span, .mf-redesign .champ-tabs > span.new span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #f96e37 transparent transparent transparent;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.mf-redesign .champ-tabs__search {
  float: right;
  padding: 4px;
}
.mf-redesign .champ-tabs__search input {
  width: 100%;
}
.mf-redesign .champ-tabs__search input::placeholder {
  font-style: italic;
}
.mf-redesign .champ-tabs__search > img {
  width: 27px;
  margin-right: 5px;
}
.mf-redesign .champ-tabs__search__inner {
  position: relative;
  width: 268px;
  display: inline-block;
}
.mf-redesign .champ-pages {
  margin-top: 3px;
}
.mf-redesign .champ-pages__page {
  display: none;
}
.mf-redesign .champ-pages__page > h2:first-of-type {
  font: 400 14px/16px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #475976;
  text-transform: uppercase;
}
.mf-redesign .champ-pages__page--current {
  display: block;
}
.mf-redesign #champ-autocomplete, .mf-redesign #skin-autocomplete {
  font-size: 0;
  padding: 3px 10px 0;
  display: none;
}
.mf-redesign #champ-autocomplete__clear, .mf-redesign #skin-autocomplete__clear {
  display: none;
  margin-left: 5px;
  padding: 5px 10px;
  color: #c7d0e3;
  background: #2c3d5d;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
}
.mf-redesign #champ-autocomplete__clear:hover, .mf-redesign #skin-autocomplete__clear:hover {
  background: #3c5480;
}
.mf-redesign #champ-autocomplete div, .mf-redesign #skin-autocomplete div, .mf-redesign #champ-autocomplete a, .mf-redesign #skin-autocomplete a {
  display: inline-block;
  cursor: pointer;
  height: 33px;
  overflow: hidden;
  margin: 0 10px 10px 0;
}
.mf-redesign #champ-autocomplete div a, .mf-redesign #skin-autocomplete div a, .mf-redesign #champ-autocomplete a a, .mf-redesign #skin-autocomplete a a {
  text-transform: none;
  padding: 0;
  font-size: 0;
}
.mf-redesign #champ-autocomplete div img, .mf-redesign #skin-autocomplete div img, .mf-redesign #champ-autocomplete a img, .mf-redesign #skin-autocomplete a img {
  height: 33px;
  display: inline-block;
  vertical-align: top;
  transition: transform 250ms;
}
.mf-redesign #champ-autocomplete div.right, .mf-redesign #skin-autocomplete div.right, .mf-redesign #champ-autocomplete a.right, .mf-redesign #skin-autocomplete a.right {
  float: right;
}
.mf-redesign #champ-autocomplete div span, .mf-redesign #skin-autocomplete div span, .mf-redesign #champ-autocomplete a span, .mf-redesign #skin-autocomplete a span {
  font-size: 12px;
  color: white;
  background: #2c3d5d;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  border-radius: 0 3px 3px 0;
  position: relative;
  z-index: 1;
  transition: background 250ms;
}
.mf-redesign #champ-autocomplete div:hover img, .mf-redesign #skin-autocomplete div:hover img, .mf-redesign #champ-autocomplete a:hover img, .mf-redesign #skin-autocomplete a:hover img {
  transform: scale(1.2);
}
.mf-redesign #champ-autocomplete div:hover span, .mf-redesign #skin-autocomplete div:hover span, .mf-redesign #champ-autocomplete a:hover span, .mf-redesign #skin-autocomplete a:hover span {
  background: #1c263a;
}
.mf-redesign #champ-autocomplete div.over, .mf-redesign #skin-autocomplete div.over, .mf-redesign #champ-autocomplete a.over, .mf-redesign #skin-autocomplete a.over {
  cursor: default;
}
.mf-redesign #champ-autocomplete div.over span, .mf-redesign #skin-autocomplete div.over span, .mf-redesign #champ-autocomplete a.over span, .mf-redesign #skin-autocomplete a.over span {
  background: transparent;
}
.mf-redesign #champ-autocomplete div.over:hover span, .mf-redesign #skin-autocomplete div.over:hover span, .mf-redesign #champ-autocomplete a.over:hover span, .mf-redesign #skin-autocomplete a.over:hover span {
  background: transparent;
}
.mf-redesign #champ-dropdown {
  display: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  right: 0;
  background: #172030;
  border: 1px solid #334360;
  border-top: none;
  border-bottom: none;
}
.mf-redesign #champ-dropdown a {
  display: block;
  font-size: 12px;
  line-height: 28px;
  color: #788aab;
  text-transform: none;
  padding: 0;
  height: auto;
  transition: none;
  transition: background 300ms;
  border-bottom: 1px solid #334360;
}
.mf-redesign #champ-dropdown a > img {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  margin-right: 5px;
}
.mf-redesign #champ-dropdown a:hover {
  background: #334360;
  color: white;
}
.mf-redesign #champ-dropdown a > span > img {
  margin: 0 -2px;
  height: 26px;
  opacity: 0.5;
}
.mf-redesign #champ-dropdown a > span > img:first-of-type {
  opacity: 1;
}
.mf-redesign #champ-dropdown a > span:last-of-type {
  float: right;
  padding-right: 2px;
}
.mf-redesign .expanding-comments h2 {
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #475976;
  text-transform: uppercase;
  margin-top: 5px;
}
.mf-redesign .expanding-comments #new-comment-form {
  background: none;
  margin-bottom: 20px;
}
.mf-redesign .expanding-comments .comments .comment {
  border: none;
  border-radius: 0;
  background: #152034;
  padding: 12px 0 8px 9px;
}
.mf-redesign .expanding-comments .comments .comment .body {
  margin-right: 8px;
  margin-left: 25px;
}
.mf-redesign .expanding-comments .comments .comment .vote {
  padding: 0;
}
.mf-redesign .expanding-comments .comments .comment .vote a {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 9px 7px;
  border-color: transparent transparent #58657a transparent;
  background: none;
}
.mf-redesign .expanding-comments .comments .comment .vote a.selected {
  border-color: transparent transparent #34a024 transparent;
}
.mf-redesign .expanding-comments .comments .comment .vote a.selected.down {
  border-color: transparent transparent #c8474b transparent;
}
.mf-redesign .expanding-comments .comments .comment .comment {
  background: #1c2b46;
}
.mf-redesign .expanding-comments .comments .comment .comment .comment {
  background: #152034;
}
.mf-redesign #post-comment .markItUp {
  width: 780px;
}
.mf-redesign .markItUp {
  border: none;
}
.mf-redesign .markItUpContainer {
  border: none;
  background: none;
  padding: 0;
}
.mf-redesign .markItUpEditor {
  border: 4px solid #152034;
  background: #0a1221;
  resize: vertical;
  height: 140px;
}
.mf-redesign .markItUpFooter {
  display: none;
}
.mf-redesign .markitup-buttons {
  margin-top: 8px;
  text-align: right;
}
.mf-redesign .markitup-buttons button {
  padding: 11px 20px;
  width: auto;
  margin-left: 5px;
}
.mf-redesign .markitup-buttons button:first-of-type {
  background: #8498b8;
}
.mf-redesign .markitup-buttons button:first-of-type:hover {
  background: #647da5;
}
.mf-redesign .chosen-container-single .chosen-single {
  background: #152135;
  border: 1px solid #37496a;
  font-size: 14px;
  color: white;
  border-radius: 2px;
  height: 27px;
  box-sizing: border-box;
  padding: 0 5px 0 5px;
  box-shadow: none;
}
.mf-redesign .chosen-container-single .chosen-single div b {
  background-image: url('/images/chosen-sprite-white.png') !important;
}
.mf-redesign .chosen-container-single .chosen-drop {
  margin-top: 0;
}
.mf-redesign .chosen-container-multi .chosen-choices {
  background: #152135;
  border: 1px solid #37496a;
  font-size: 14px;
  color: white;
  border-radius: 2px;
  height: 27px;
  box-sizing: border-box;
  padding: 0 5px 0 5px;
}
.mf-redesign .chosen-container-multi .chosen-choices li.search-choice {
  background: #7585a2;
  box-shadow: none;
  color: white;
  border: none;
  padding: 6px 20px 6px 6px;
}
.mf-redesign .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: url(/images/close.png) !important;
  background-size: cover !important;
  top: 7px;
  padding: 0;
}
.mf-redesign .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: #7585a2;
}
.mf-redesign .chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: white !important;
}
.mf-redesign .chosen-container .chosen-drop {
  background: #1c2a45;
  border: 1px solid #37496a;
  border-top: none;
}
.mf-redesign .chosen-container .chosen-drop input[type="text"] {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  color: white;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
  padding-bottom: 1px;
}
.mf-redesign .chosen-container .chosen-drop .chosen-results {
  margin: 0;
  padding: 0;
}
.mf-redesign .chosen-container .chosen-drop .chosen-results li.highlighted {
  background: #275495 !important;
}
.mf-redesign .chosen-container .chosen-single {
  width: 100%;
  background: #223148;
  border: none;
  border-radius: 0;
  height: auto;
}
.mf-redesign .chosen-container .chosen-single div {
  width: 25px;
}
.mf-redesign .chosen-container .chosen-single div b {
  background-color: #275495;
  width: 25px;
  background-position: 4px 0px;
}
.mf-redesign .chosen-container a {
  color: #b1bac1 !important;
}
.mf-redesign .chosen-container a span {
  font-size: 14px;
  margin-right: 28px;
}
.mf-redesign .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -15px 0;
}
.mf-redesign .ask-question {
  margin-top: 15px;
}
.mf-redesign .ask-question__row {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.mf-redesign .ask-question__row label {
  font-size: 14px;
  text-transform: uppercase;
  width: 150px;
  float: left;
}
.mf-redesign .ask-question input[question-title], .mf-redesign .ask-question .chosen-container-multi {
  width: 250px !important;
}
.mf-redesign .ask-question .chosen-container-single {
  width: 150px !important;
}
.mf-redesign .ask-question .checkbox-edit {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.mf-redesign .ask-question .checkbox-edit input {
  background: red;
}
.mf-redesign .ask-question .checkbox-edit-message {
  float: left;
  width: 500px;
  color: #7585a2;
}
.mf-redesign .mf-form {
  background: #152034;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .mf-form fieldset {
  border: none;
  float: left;
  box-sizing: border-box;
}
.mf-redesign .mf-form fieldset#display {
  float: right;
}
.mf-redesign .mf-form fieldset.half {
  width: 50%;
}
.mf-redesign .mf-form fieldset.half + .half {
  margin-top: 0;
}
.mf-redesign .mf-form fieldset.regular-margin {
  margin-top: 5px !important;
}
.mf-redesign .mf-form fieldset.role-sort img {
  width: 20px;
  top: -1px;
  margin-right: 5px;
  display: none !important;
}
.mf-redesign .mf-form fieldset.role-sort img + img {
  display: inline-block !important;
}
.mf-redesign .mf-form fieldset.role-sort input[type="radio"]:checked + span img {
  display: inline-block !important;
}
.mf-redesign .mf-form fieldset.role-sort input[type="radio"]:checked + span img + img {
  display: none !important;
}
.mf-redesign .mf-form fieldset.item-filter {
  background: #223148;
  padding-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0 !important;
  max-width: 116px;
  min-height: 135px;
  margin-left: 4px;
  margin-bottom: 10px;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(even) {
  background: #19283f;
}
.mf-redesign .mf-form fieldset.item-filter:first-of-type {
  margin-left: 10px;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(1) {
  border-top: 4px solid #007236;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(2) {
  border-top: 4px solid #c06bdc;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(3) {
  border-top: 4px solid #f0ae06;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(4) {
  border-top: 4px solid #fe5752;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(5) {
  border-top: 4px solid #12bdbb;
}
.mf-redesign .mf-form fieldset.item-filter:nth-of-type(6) {
  border-top: 4px solid #98b3dd;
}
.mf-redesign .mf-form fieldset.item-filter label {
  width: 100%;
  display: inline-block;
}
.mf-redesign .mf-form fieldset.item-filter input[type="checkbox"] + span {
  font-size: 11px;
  line-height: 22px;
  color: #788aab;
  text-transform: none;
  padding: 0 0 0 7px;
  box-sizing: border-box;
  height: auto;
  width: 100%;
}
.mf-redesign .mf-form fieldset.item-filter input[type="checkbox"] + span:hover {
  color: white;
}
.mf-redesign .mf-form fieldset.item-filter input[type="checkbox"]:checked + span {
  color: white;
}
.mf-redesign .mf-form fieldset.item-filter .title {
  font-size: 12px;
  line-height: 18px;
  height: auto;
  padding: 10px 7px 3px 7px;
}
.mf-redesign .mf-form .wide-label {
  width: 125px !important;
}
.mf-redesign .mf-form label:first-child {
  font-size: 13px;
  line-height: 14px;
  text-transform: uppercase;
  color: white;
  height: 36px;
  line-height: 36px;
  width: 100px;
  padding-left: 10px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .mf-form input, .mf-redesign .mf-form select {
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .mf-form input[type="text"] {
  background-image: url(/images/browse-search.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding: 0 5px 0 25px;
  width: 250px;
}
.mf-redesign .mf-form input[type="text"].noImage {
  background: none;
}
.mf-redesign .mf-form input[type="password"] {
  background-image: url(/images/browse-search.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding: 0 5px 0 25px;
  width: 250px;
}
.mf-redesign .mf-form input[type="password"].noImage {
  background: none;
}
.mf-redesign .mf-form--normalInputs {
  font-size: 0;
}
.mf-redesign .mf-form--normalInputs input[type="text"] {
  background-position: 0 0;
  background-image: none;
  padding-left: 5px;
}
.mf-redesign .mf-form--normalInputs .gf-wrap {
  font-size: 12px;
  vertical-align: middle;
  margin-left: 5px;
}
.mf-redesign .mf-form--normalInputs #new-pm #recipient-ajax-list, .mf-redesign .mf-form--normalInputs ul#recipient-ajax-list, .mf-redesign .mf-form--normalInputs ul.ui-autocomplete {
  top: 27px;
}
.mf-redesign .mf-form--normalInputs li.recipient-name, .mf-redesign .mf-form--normalInputs .recipient-list span {
  font-size: 12px;
}
.mf-redesign .mf-form a {
  float: right;
  text-transform: uppercase;
  border: none;
  background: none;
  height: 36px;
  cursor: pointer;
  padding: 0 10px;
  font-size: 14px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .mf-form a span {
  font-size: 21px;
}
.mf-redesign .mf-form .chosen-container {
  width: auto !important;
}
.mf-redesign .mf-form .chosen-container a {
  color: white !important;
}
.mf-redesign .mf-form .chosen-container a span {
  font-size: 14px;
}
.mf-redesign .mf-form--links a {
  float: none;
  color: #788aab !important;
  transition: 250ms;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
}
.mf-redesign .mf-form--links a:hover {
  color: white !important;
}
.mf-redesign .mf-form--links span {
  padding: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  position: relative;
}
.mf-redesign .mf-form--links span::after {
  position: absolute;
  top: 12px;
  right: 15px;
}
.mf-redesign .mf-form--links input[type="radio"]:checked + span a {
  color: white !important;
}
.mf-redesign .mf-form--links.mf-sort input[type="radio"]:checked + span a {
  padding-right: 38px;
}
.mf-redesign .mf-form#build-view {
  margin-top: 13px;
  margin-right: 10px;
  float: right;
}
.mf-redesign .mf-form#build-view label:first-of-type {
  display: none;
}
.mf-redesign .mf-form#build-view input[type="radio"] + span {
  background: #233148;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
}
.mf-redesign .mf-form#build-view input[type="radio"]:checked + span {
  background: #275495;
}
.mf-redesign .mf-form#video-view label:first-child {
  width: auto;
  padding-left: 0;
}
.mf-redesign .mf-form#video-view input[type="radio"] + span {
  background: #233148;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
}
.mf-redesign .mf-form#video-view input[type="radio"]:checked + span {
  background: #275495;
}
.mf-redesign .mf-form .clear-btn {
  display: inline-block;
  background: #152135;
  color: #788aab;
  text-transform: uppercase;
  padding: 3px 15px;
  margin-left: 10px;
  cursor: pointer;
  transition: 250ms;
}
.mf-redesign .mf-form .clear-btn:hover {
  background: #23385a;
}
.mf-redesign .mf-form input[type="radio"], .mf-redesign .mf-form input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.mf-redesign .mf-form input[type="radio"] + span, .mf-redesign .mf-form input[type="checkbox"] + span {
  display: inline-block;
  margin-right: -2px;
  text-transform: uppercase;
  color: #788aab;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  cursor: pointer;
  transition: 250ms;
  user-select: none;
}
.mf-redesign .mf-form input[type="radio"] + span img, .mf-redesign .mf-form input[type="checkbox"] + span img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.mf-redesign .mf-form input[type="radio"] + span:hover, .mf-redesign .mf-form input[type="checkbox"] + span:hover {
  color: white;
}
.mf-redesign .mf-form input[type="radio"]:checked + span, .mf-redesign .mf-form input[type="checkbox"]:checked + span {
  background: #275495;
  color: white;
}
.mf-redesign .mf-tags img {
  width: 22px;
  position: relative;
  top: 2px;
  opacity: 0.65;
}
.mf-redesign .mf-tags input[type="radio"]:checked + span img {
  opacity: 1;
}
.mf-redesign .mf-search {
  padding: 12px;
}
.mf-redesign .mf-search fieldset {
  background: #0b1727;
  width: 100%;
}
.mf-redesign .mf-search fieldset + fieldset {
  margin-top: 4px;
}
.mf-redesign #guide-search fieldset:nth-of-type(3) {
  width: 70%;
}
.mf-redesign #guide-search fieldset:nth-of-type(4) {
  width: 30%;
  border-left: 4px solid #152034;
}
.mf-redesign #guide-search fieldset:nth-of-type(4) label:first-child {
  width: 80px;
}
.mf-redesign .mf-sort fieldset:nth-of-type(2) {
  float: right;
}
.mf-redesign .mf-sort label:first-child {
  padding-left: 22px;
  width: 90px;
}
.mf-redesign .mf-sort .order input[type="radio"]:checked + span:after {
  margin-left: 5px;
  display: inline-block;
  content: url(/images/sort-arrow.png);
}
.mf-redesign .mf-sort .order input[type="radio"]:checked[order="ascending"] + span::after {
  transform: rotate(180deg);
}
.mf-redesign .mf-sort .order input[type="radio"]:checked[order="asc"] + span::after {
  transform: rotate(180deg);
}
.mf-redesign #display-sort #patch label, .mf-redesign #user-sort #patch label {
  width: auto;
  padding-left: 15px;
}
.mf-redesign #display-sort #patch label span, .mf-redesign #user-sort #patch label span {
  margin-left: 5px;
  color: #8498b8;
}
.mf-redesign #display-sort #display label:not(:first-child), .mf-redesign #user-sort #display label:not(:first-child) {
  height: 36px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.mf-redesign #display-sort #display label:not(:first-child) span, .mf-redesign #user-sort #display label:not(:first-child) span {
  padding: 7px 9px 8px 9px;
  box-sizing: border-box;
}
.mf-redesign #display-sort #display label:not(:first-child) input:checked + span div, .mf-redesign #user-sort #display label:not(:first-child) input:checked + span div {
  background: #c5d1e3;
}
.mf-redesign #display-sort #display label:not(:first-child) input:checked + span div i, .mf-redesign #user-sort #display label:not(:first-child) input:checked + span div i {
  background: #275495;
}
.mf-redesign #display-sort #display label:not(:first-child) div, .mf-redesign #user-sort #display label:not(:first-child) div {
  position: relative;
  width: 21px;
  height: 21px;
  background: #788aab;
  padding: 0;
}
.mf-redesign #display-sort #display label:not(:first-child) div i, .mf-redesign #user-sort #display label:not(:first-child) div i {
  background: #152034;
  width: 23px;
  left: -1px;
  position: absolute;
}
.mf-redesign #display-sort #display label:not(:first-child):nth-of-type(2) i, .mf-redesign #user-sort #display label:not(:first-child):nth-of-type(2) i {
  height: 2px;
}
.mf-redesign #display-sort #display label:not(:first-child):nth-of-type(2) i:nth-of-type(1), .mf-redesign #user-sort #display label:not(:first-child):nth-of-type(2) i:nth-of-type(1) {
  top: 6px;
}
.mf-redesign #display-sort #display label:not(:first-child):nth-of-type(2) i:nth-of-type(2), .mf-redesign #user-sort #display label:not(:first-child):nth-of-type(2) i:nth-of-type(2) {
  top: 14px;
}
.mf-redesign #display-sort #display label:not(:first-child):nth-of-type(3) div, .mf-redesign #user-sort #display label:not(:first-child):nth-of-type(3) div {
  width: 17px;
}
.mf-redesign #display-sort #display label:not(:first-child):nth-of-type(4) i, .mf-redesign #user-sort #display label:not(:first-child):nth-of-type(4) i {
  height: 3px;
  top: 9px;
}
.mf-redesign #display-sort #display label:not(:first-child):nth-of-type(4) i:nth-of-type(2), .mf-redesign #user-sort #display label:not(:first-child):nth-of-type(4) i:nth-of-type(2) {
  transform: rotate(90deg);
}
.mf-redesign .view-skin img {
  max-width: 100%;
}
.mf-redesign .view-skin__image {
  position: relative;
  margin-bottom: 0;
}
.mf-redesign .view-skin__image__meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 12px;
  background: rgba(20, 31, 51, 0.6);
}
.mf-redesign .view-skin__image__meta__left {
  float: left;
  position: relative;
  padding-right: 100px;
}
.mf-redesign .view-skin__image__meta__left > h2 {
  display: block;
}
.mf-redesign .view-skin__image__meta__left > span {
  display: block;
  font-size: 12px;
  color: #63748f;
}
.mf-redesign .view-skin__image__meta__right {
  float: right;
  position: relative;
  padding-left: 70px;
}
.mf-redesign .view-skin__image__meta__right > span {
  display: block;
  font-size: 12px;
  color: #63748f;
}
.mf-redesign .view-skin__image__meta .wishlist {
  position: absolute;
  top: 8px;
  right: 0;
  line-height: 0;
}
.mf-redesign .view-skin__image__meta .champ-skins__item__cost {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
}
.mf-redesign .view-skin__chromas {
  background: #233148;
  padding: 2px 10px;
  margin-bottom: 10px;
}
.mf-redesign .view-skin__chromas__toggle {
  display: block;
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
  color: #63748f;
  cursor: pointer;
  transition: 300ms;
}
.mf-redesign .view-skin__chromas__toggle:hover {
  color: #7f8ea6;
}
.mf-redesign .view-skin__chromas__toggle::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #63748f transparent;
}
.mf-redesign .view-skin__chromas__toggle.closed::after {
  border-width: 6px 4px 0 4px;
  border-color: #63748f transparent transparent transparent;
}
.mf-redesign .view-skin__chromas__content {
  margin: 10px 0;
}
.mf-redesign .browse-list {
  padding-top: 5px;
}
.mf-redesign .browse-list * {
  box-sizing: border-box;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .browse-list__divider {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #63748f;
  background: #152034;
  height: 30px;
  font: 400 14px/30px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .browse-list__divider img {
  width: 15px;
  margin: 0 6px;
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .browse-list__item {
  margin-bottom: 2px;
  float: left;
  width: 100%;
  transition: 150ms;
}
.mf-redesign .browse-list__item * {
  transition: 300ms;
}
.mf-redesign .browse-list__item > div {
  background: #233148;
  height: 85px;
}
.mf-redesign .browse-list__item:nth-of-type(even) > div {
  background: #1a283f;
}
.mf-redesign .browse-list__item--simple > div {
  height: 64px;
}
.mf-redesign .browse-list__item--simple .browse-list__item__pic {
  width: 64px;
}
.mf-redesign .browse-list__item--simple .browse-list__item__pic img {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  transition: 300ms;
}
.mf-redesign .browse-list__item--simple .browse-list__item__pic img:nth-of-type(1) {
  opacity: 1;
}
.mf-redesign .browse-list__item--simple .browse-list__item__pic img:nth-of-type(2) {
  opacity: 0;
}
.mf-redesign .browse-list__item--simple .browse-list__item__desc {
  width: 690px;
  margin-right: 0;
  padding-top: 13px;
}
.mf-redesign .browse-list__item--simple:hover .browse-list__item__pic img:nth-of-type(1) {
  opacity: 0;
}
.mf-redesign .browse-list__item--simple:hover .browse-list__item__pic img:nth-of-type(2) {
  opacity: 1;
}
.mf-redesign .browse-list__item__pic {
  float: left;
  width: 85px;
  margin-right: 2px;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
}
.mf-redesign .browse-list__item__pic img {
  width: 100%;
}
.mf-redesign .browse-list__item__pic::before {
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  right: 0;
  padding: 1px 5px 2px;
  position: absolute;
  bottom: 7px;
  left: 0;
  z-index: 2;
  color: white;
}
.mf-redesign .browse-list__item__pic::after {
  content: "";
  width: 26px;
  height: 24px;
  position: absolute;
  bottom: 2px;
  right: 1px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 3;
}
.mf-redesign .browse-list__item__pic.role-top::after {
  background-image: url(/images/lanes/top.png);
}
.mf-redesign .browse-list__item__pic.role-middle::after {
  background-image: url(/images/lanes/middle.png);
}
.mf-redesign .browse-list__item__pic.role-jungle::after {
  background-image: url(/images/lanes/jungle.png);
}
.mf-redesign .browse-list__item__pic.role-bottom::after {
  background-image: url(/images/lanes/bottom.png);
}
.mf-redesign .browse-list__item__pic.role-support::after {
  background-image: url(/images/lanes/support.png);
}
.mf-redesign .browse-list__item__pic__shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, #000 100%);
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, #000 100%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000',GradientType=1);
  pointer-events: none;
}
.mf-redesign .browse-list__item__desc {
  float: left;
  width: 515px;
  margin-right: 2px;
  padding: 6px 10px;
}
.mf-redesign .browse-list__item__desc__title {
  color: white;
  font-size: 16px;
  float: left;
  width: 100%;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mf-redesign .browse-list__item__desc__meta {
  color: #63748f;
  font-size: 11px;
  line-height: 1em;
  float: left;
  width: 100%;
}
.mf-redesign .browse-list__item__desc__meta a, .mf-redesign .browse-list__item__desc__meta span {
  margin-right: 4px;
}
.mf-redesign .browse-list__item__desc__tags {
  margin-top: 13px;
  float: left;
  width: 100%;
  list-style: none;
}
.mf-redesign .browse-list__item__desc__tags--commended {
  margin-top: 9px;
}
.mf-redesign .browse-list__item__desc__tags li {
  background: #aaa;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  border-radius: 5px;
  padding: 3px 12px 4px;
  text-transform: uppercase;
  color: white;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.mf-redesign .browse-list__item__desc__tags li.pic {
  background: none;
  padding: 0;
}
.mf-redesign .browse-list__item__desc__tags li.pic img {
  height: 30px;
}
.mf-redesign .browse-list__item__desc__tags li.featured {
  background: #904d98;
}
.mf-redesign .browse-list__item__desc__tags li.pick {
  background: #447ab7;
}
.mf-redesign .browse-list__item__desc__tags li.fresh {
  background: #48b744;
}
.mf-redesign .browse-list__item__desc__tags li.less-fresh {
  background: #c3ae22;
}
.mf-redesign .browse-list__item__desc__tags li.patch-shine {
  position: relative;
  overflow: hidden;
}
.mf-redesign .browse-list__item__desc__tags li.patch-shine::after {
  content: '';
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, #fff 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1);
  width: 20%;
  height: 100%;
  transform: skew(-30deg, 0deg);
  animation: patchShine 5s;
  animation-iteration-count: infinite;
  animation-delay: 3s;
}
.mf-redesign .browse-list__item__desc__tags li.stream {
  background: #764fb1;
}
.mf-redesign .browse-list__item__desc__tags li.stale {
  background: #dc5b42;
  color: #a42f18;
}
.mf-redesign .browse-list__item__desc__tags li.current-patch {
  background: #00c95e;
}
.mf-redesign .browse-list__item__desc__tags li.patch-1-behind {
  background: #00c95e;
}
.mf-redesign .browse-list__item__desc__tags li.patch-2-behind {
  background: #07c36b;
}
.mf-redesign .browse-list__item__desc__tags li.patch-3-behind {
  background: #12b97e;
}
.mf-redesign .browse-list__item__desc__tags li.patch-4-behind {
  background: #1baf90;
}
.mf-redesign .browse-list__item__desc__tags li.patch-5-behind {
  background: #25a5a1;
}
.mf-redesign .browse-list__item__desc__tags li.patch-6-behind {
  background: #2f9ab1;
}
.mf-redesign .browse-list__item__desc__tags li.patch-7-behind {
  background: #398fc0;
}
.mf-redesign .browse-list__item__desc__tags li.patch-8-behind {
  background: #4284cf;
}
.mf-redesign .browse-list__item__desc__tags li.pre-season {
  background: #4284cf;
}
.mf-redesign .browse-list__item__desc__tags li.previous-season {
  background: #e65b48;
}
.mf-redesign .browse-list__item__desc__tags li.in-depth {
  background: #5a75a0;
}
.mf-redesign .browse-list__item__rating {
  float: left;
  width: 158px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 7px;
}
.mf-redesign .browse-list__item__rating__total {
  font-size: 18px;
  color: white;
}
.mf-redesign .browse-list__item__rating__total span {
  font-size: 12px;
  color: #8498b8;
}
.mf-redesign .browse-list__item__rating__bar {
  width: 111px;
  height: 16px;
  border: 1px solid #4e607e;
  overflow: hidden;
  margin: 3px auto 4px;
  position: relative;
  background: #152034;
  border-radius: 5px;
}
.mf-redesign .browse-list__item__rating__bar .fill {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  border-radius: 3px 0 0 3px;
}
.mf-redesign .browse-list__item__rating__bar .fill.new {
  right: 1px;
  background: #152034;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span {
  display: inline-block;
  background: #12bdbb;
  width: 4px;
  height: 50px;
  margin-right: 7px;
  margin-top: -13px;
  transform: rotate(45deg);
  transform-origin: right center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  opacity: 0;
  animation: newGlow 4s linear infinite;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(1) {
  width: 15px;
  margin-left: -6px;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(2) {
  animation-delay: 0.25s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(3) {
  animation-delay: 0.5s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(4) {
  animation-delay: 0.75s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(5) {
  animation-delay: 1s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(6) {
  animation-delay: 1.25s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(7) {
  animation-delay: 1.5s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(8) {
  animation-delay: 1.75s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(9) {
  animation-delay: 2s;
}
.mf-redesign .browse-list__item__rating__bar .fill.new span:nth-of-type(10) {
  animation-delay: 2.25s;
}
.mf-redesign .browse-list__item__rating__bar .fill.green {
  background: #48b744;
}
.mf-redesign .browse-list__item__rating__bar .fill.yellow {
  background: #cbb831;
}
.mf-redesign .browse-list__item__rating__bar .fill.red {
  background: #dc5b42;
}
.mf-redesign .browse-list__item__rating__pending {
  position: relative;
  width: 100%;
  height: 22px;
}
.mf-redesign .browse-list__item__rating__pending span {
  display: inline-block;
  margin: 5px;
  background: #12bdbb;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  opacity: 0.2;
  animation: pendingGlow 3s infinite;
}
.mf-redesign .browse-list__item__rating__pending span:nth-of-type(2) {
  animation-delay: 0.5s;
}
.mf-redesign .browse-list__item__rating__pending span:nth-of-type(3) {
  animation-delay: 1s;
}
.mf-redesign .browse-list__item__rating__pending span:nth-of-type(4) {
  animation-delay: 1.5s;
}
.mf-redesign .browse-list__item__rating__views {
  color: white;
}
.mf-redesign .browse-list__item__rating__views span {
  color: #778fb6;
}
.mf-redesign .browse-list__item.player-challenger .browse-list__item__pic::before {
  content: "Challenger";
  font-size: 8px;
  text-shadow: 0px 0px 1px #0a2b36;
  background: #be9f5f;
  background: -moz-linear-gradient(-45deg, #be9f5f 50%, #4aa28c 50%);
  background: -webkit-linear-gradient(-45deg, #be9f5f 50%, #4aa28c 50%);
  background: linear-gradient(135deg, #be9f5f 50%, #4aa28c 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be9f5f', endColorstr='#4aa28c',GradientType=1);
}
.mf-redesign .browse-list__item.player-master .browse-list__item__pic::before {
  content: "Master";
  background: rgba(94, 191, 225, 0.8);
  text-shadow: 0px 0px 1px #0a2b36;
}
.mf-redesign .browse-list__item.player-platinum .browse-list__item__pic::before {
  content: "Platinum";
  background: rgba(34, 209, 174, 0.8);
  text-shadow: 0px 0px 1px #000;
}
.mf-redesign .browse-list__item.player-diamond .browse-list__item__pic::before {
  content: "Diamond";
  background: rgba(132, 94, 225, 0.8);
  text-shadow: 0px 0px 1px #170a36;
}
.mf-redesign .browse-list__item.player-gold .browse-list__item__pic::before {
  content: "Gold";
  background: rgba(225, 208, 94, 0.8);
  text-shadow: 0px 0px 1px #36300a;
}
.mf-redesign .browse-list__item.player-silver .browse-list__item__pic::before {
  content: "Silver";
  background: rgba(136, 146, 157, 0.8);
  text-shadow: 0px 0px 1px #000;
}
.mf-redesign .browse-list__item.player-bronze .browse-list__item__pic::before {
  content: "Bronze";
  background: rgba(130, 93, 66, 0.8);
  text-shadow: 0px 0px 1px #000;
}
.mf-redesign .browse-list__item.scouted-guide > div {
  background-color: #0b1727;
}
.mf-redesign .browse-list__item.scouted-guide > div:nth-of-type(2) {
  background-image: url(/images/scouted-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.mf-redesign .browse-list__item.scouted-guide:hover > div {
  background-color: #11233b;
}
.mf-redesign .browse-list__item:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.mf-redesign .browse-list__item:hover > div {
  background: #2b3d59;
}
.mf-redesign .browse-list__item:hover:nth-of-type(even) > div {
  background: #213351;
}
.mf-redesign .browse-list__item:hover .browse-list__item__pic img {
  transform: scale(1.25);
}
.mf-redesign .champ-list {
  float: left;
  width: 100%;
  margin-top: 9px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .champ-list__item {
  float: left;
  background: #152034;
  position: relative;
  overflow: hidden;
  display: none;
}
.mf-redesign .champ-list__item.visible {
  display: block;
}
.mf-redesign .champ-list__item__flags {
  display: none;
}
.mf-redesign .champ-list__item__pic img {
  width: 100%;
}
.mf-redesign .champ-list__item__pic img:last-of-type {
  display: none;
}
.mf-redesign .champ-list__item__name {
  color: white;
  font-size: 18px;
}
.mf-redesign .champ-list__item__name b {
  font-weight: normal;
}
.mf-redesign .champ-list__item__name span {
  display: none;
}
.mf-redesign .champ-list__item__role > i {
  display: none;
}
.mf-redesign .champ-list__item__role > b {
  position: absolute;
  opacity: 0;
}
.mf-redesign .champ-list__item__role span {
  display: none;
  color: #b4b8c0;
  font-size: 10px;
  text-transform: uppercase;
  word-break: break-word;
}
.mf-redesign .champ-list__item__role span b {
  font-weight: normal;
}
.mf-redesign .champ-list__item__role span b + b::before {
  content: "/";
  margin: 0 2px;
  opacity: 0.6;
}
.mf-redesign .champ-list__item__rp, .mf-redesign .champ-list__item__ip, .mf-redesign .champ-list__item__pickP, .mf-redesign .champ-list__item__sale, .mf-redesign .champ-list__item__stats, .mf-redesign .champ-list__item__titling {
  display: none;
}
.mf-redesign .champ-list__item .change {
  margin-left: 2px;
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .champ-list__item .change--none {
  width: 7px;
  height: 2px;
  background: #354660;
}
.mf-redesign .champ-list__item .change--down, .mf-redesign .champ-list__item .change--up {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3.5px 4px 3.5px;
}
.mf-redesign .champ-list__item .change--down {
  border-color: transparent transparent red transparent;
  transform: rotate(180deg);
  transform-origin: 2px;
}
.mf-redesign .champ-list__item .change--up {
  border-color: transparent transparent green transparent;
}
.mf-redesign .champ-list--list .champ-list__item {
  transition: background 100ms, transform 100ms;
  width: 100%;
  margin-bottom: 2px;
  padding: 1px;
  float: left;
  background: #233148;
}
.mf-redesign .champ-list--list .champ-list__item__pic {
  width : 46px;
  float: left;
  overflow: hidden;
}
.mf-redesign .champ-list--list .champ-list__item__pic img {
  transition: 200ms;
}
.mf-redesign .champ-list--list .champ-list__item__name {
  float: left;
  padding: 3px 11px;
  width: 200px;
  box-sizing: border-box;
}
.mf-redesign .champ-list--list .champ-list__item__name span {
  display: block;
  color: #475976;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
.mf-redesign .champ-list--list .champ-list__item__role {
  float: left;
  padding: 4px 0;
  width: 107px;
  text-align: center;
  height: 46px;
  box-sizing: border-box;
}
.mf-redesign .champ-list--list .champ-list__item__role img {
  width: 27px;
  opacity: 1 !important;
}
.mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(4) {
  width: 27px;
}
.mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(7), .mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(7) ~ img {
  width: 25px;
  margin: 1px 2px;
}
.mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(10), .mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(10) ~ img {
  width: 23px;
  margin: 2px 2px;
}
.mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(13), .mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(13) ~ img {
  width: 21px;
  margin: 3px 2px;
}
.mf-redesign .champ-list--list .champ-list__item__role img:first-child:nth-last-child(13) ~ span {
  font-size: 9px;
}
.mf-redesign .champ-list--list .champ-list__item__role span {
  display: block;
}
.mf-redesign .champ-list--list .champ-list__item__role, .mf-redesign .champ-list--list .champ-list__item__ip, .mf-redesign .champ-list--list .champ-list__item__winP, .mf-redesign .champ-list--list .champ-list__item__sale {
  background: #1a283f;
  transition: background 100ms;
}
.mf-redesign .champ-list--list .champ-list__item__rp, .mf-redesign .champ-list--list .champ-list__item__ip, .mf-redesign .champ-list--list .champ-list__item__pickP, .mf-redesign .champ-list--list .champ-list__item__winP, .mf-redesign .champ-list--list .champ-list__item__banP, .mf-redesign .champ-list--list .champ-list__item__sale {
  display: block;
  float: left;
  text-align: center;
  width: 70px;
  height: 46px;
  line-height: 46px;
  text-transform: uppercase;
  color: #b4b8c0;
}
.mf-redesign .champ-list--list .champ-list__item__rp, .mf-redesign .champ-list--list .champ-list__item__ip {
  width: 60px;
}
.mf-redesign .champ-list--list .champ-list__item__sale {
  width: 79px;
}
.mf-redesign .champ-list--list .champ-list__item__sale--now {
  color: #ef00fe;
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type {
  margin-top: 15px;
  overflow: visible;
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__pic, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__role, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__rp, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__ip, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__pickP, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__winP, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__banP, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__sale {
  position: relative;
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__pic::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__role::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__rp::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__ip::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__pickP::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__winP::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__banP::before, .mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__sale::before {
  pointer-events: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 110%;
  left: 0;
  right: 0;
  color: #475976;
  font: 11px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  cursor: default;
  transform: translateZ(0);
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__pic::before {
  content: 'Champion';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__role::before {
  content: 'Role';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__rp::before {
  content: 'RP Cost';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__ip::before {
  content: 'BE Cost';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__pickP::before {
  content: 'Pick %';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__winP::before {
  content: 'Win %';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__banP::before {
  content: 'Ban %';
}
.mf-redesign .champ-list--list .champ-list__item:first-of-type .champ-list__item__sale::before {
  content: 'Last Sale';
}
.mf-redesign .champ-list--list .champ-list__item[special~="free"] .champ-list__item__rp, .mf-redesign .champ-list--list .champ-list__item[special~="free"] .champ-list__item__ip {
  color: #354660;
  text-decoration: line-through;
  position: relative;
  padding-top: 7px;
  box-sizing: border-box;
}
.mf-redesign .champ-list--list .champ-list__item[special~="free"] .champ-list__item__rp::after, .mf-redesign .champ-list--list .champ-list__item[special~="free"] .champ-list__item__ip::after {
  content: 'FREE';
  color: #34ac2f;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: -7px;
}
.mf-redesign .champ-list--list .champ-list__item[special~="sale"] .champ-list__item__rp {
  color: #354660;
  text-decoration: line-through;
  position: relative;
  padding-top: 7px;
  box-sizing: border-box;
}
.mf-redesign .champ-list--list .champ-list__item[special~="sale"] .champ-list__item__rp::after {
  content: attr(data-sale);
  color: #ef00fe;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: -7px;
}
.mf-redesign .champ-list--list .champ-list__item:hover {
  background: #1b2537;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  z-index: 20;
}
.mf-redesign .champ-list--list .champ-list__item:hover .champ-list__item__role, .mf-redesign .champ-list--list .champ-list__item:hover .champ-list__item__ip, .mf-redesign .champ-list--list .champ-list__item:hover .champ-list__item__winP, .mf-redesign .champ-list--list .champ-list__item:hover .champ-list__item__sale {
  background: #131d2d;
}
.mf-redesign .champ-list--list .champ-list__item:hover .champ-list__item__pic img {
  transform: scale(1.3);
}
.mf-redesign .champ-list--details .champ-list__item {
  padding: 2px;
  margin-right: 9px;
  margin-bottom: 9px;
  height: 171px;
  box-sizing: border-box;
  transform: translateZ(0);
}
.mf-redesign .champ-list--details .champ-list__item:nth-of-type(5n + 5) {
  margin-right: 0;
}
.mf-redesign .champ-list--details .champ-list__item__flags {
  position: absolute;
  z-index: 10;
  right: 5px;
  top: 1px;
  display: block;
}
.mf-redesign .champ-list--details .champ-list__item__flags img {
  float: right;
}
.mf-redesign .champ-list--details .champ-list__item__pic {
  width: 141px;
  overflow: hidden;
}
.mf-redesign .champ-list--details .champ-list__item__pic img {
  transition: transform 300ms;
}
.mf-redesign .champ-list--details .champ-list__item__pic img:first-of-type {
  display: none;
}
.mf-redesign .champ-list--details .champ-list__item__pic img:last-of-type {
  display: block;
}
.mf-redesign .champ-list--details .champ-list__item__name {
  background: rgba(21, 32, 52, 0.85);
  position: absolute;
  bottom: 6px;
  left: 2px;
  right: 2px;
  padding: 21px 0 4px;
  min-height: 0;
  box-sizing: border-box;
  text-align: center;
  color: #bedcf5;
  transition: 400ms;
}
.mf-redesign .champ-list--details .champ-list__item__role {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 55px;
  z-index: 10;
  transition: bottom 400ms;
  text-align: center;
  white-space: nowrap;
  width: 30px;
}
.mf-redesign .champ-list--details .champ-list__item__role > b {
  top: 19px;
  width: 20px;
  text-align: center;
  left: 0;
  font-size: 10px;
  color: #afdcf5;
  font-weight: normal;
}
.mf-redesign .champ-list--details .champ-list__item__role > b:nth-of-type(2) {
  left: 25px;
}
.mf-redesign .champ-list--details .champ-list__item__role > b:nth-of-type(3) {
  left: 50px;
}
.mf-redesign .champ-list--details .champ-list__item__role > b:nth-of-type(4) {
  left: 75px;
}
.mf-redesign .champ-list--details .champ-list__item__role img {
  width: 30px;
  opacity: 0;
  position: relative;
  top: 0;
  transition: 300ms;
}
.mf-redesign .champ-list--details .champ-list__item__role img:nth-of-type(1) {
  opacity: 1;
  left: 0;
}
.mf-redesign .champ-list--details .champ-list__item__role img:nth-of-type(2) {
  left: -30px;
}
.mf-redesign .champ-list--details .champ-list__item__role img:nth-of-type(3) {
  left: -60px;
}
.mf-redesign .champ-list--details .champ-list__item__role img:nth-of-type(4) {
  left: -90px;
}
.mf-redesign .champ-list--details .champ-list__item__winP, .mf-redesign .champ-list--details .champ-list__item__banP {
  transition: 400ms;
  background: #233d60;
  color: white;
  position: absolute;
  bottom: 45px;
  border: 1px solid #152034;
  width: 57px;
  height: 17px;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
}
.mf-redesign .champ-list--details .champ-list__item__winP::after, .mf-redesign .champ-list--details .champ-list__item__banP::after {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  color: #5b6c97;
}
.mf-redesign .champ-list--details .champ-list__item__winP .change, .mf-redesign .champ-list--details .champ-list__item__banP .change {
  position: absolute;
  top: 5px;
}
.mf-redesign .champ-list--details .champ-list__item__winP {
  right: 50%;
  border-radius: 50px 0 0 50px;
  border-right: none;
}
.mf-redesign .champ-list--details .champ-list__item__winP::after {
  content: "WIN";
}
.mf-redesign .champ-list--details .champ-list__item__winP .change {
  left: 5px;
}
.mf-redesign .champ-list--details .champ-list__item__banP {
  left: 50%;
  border-radius: 0 50px 50px 0;
  border-left: none;
}
.mf-redesign .champ-list--details .champ-list__item__banP::after {
  content: "BAN";
}
.mf-redesign .champ-list--details .champ-list__item__banP .change {
  right: 5px;
}
.mf-redesign .champ-list--details .champ-list__item__stats {
  display: block;
  position: absolute;
  z-index: 5;
  top: 100%;
  transition: 400ms;
  left: 2px;
  right: 2px;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .stats > div {
  margin-top: 1px;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .stats > div:first-child {
  margin-bottom: 0;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .stats > div > div {
  display: inline-block;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .stats > div > div:first-of-type {
  width: 62px;
  padding-right: 3px;
  text-align: right;
  font-size: 10px;
  color: #b1bed5;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .bar {
  width: calc(6px * 10);
  height: 10px;
  background-size: 6px 10px;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .bar .percent {
  height: 10px;
  background-size: 6px 10px;
}
.mf-redesign .champ-list--details .champ-list__item__stats .champ-data .radial-stats {
  width: 98px;
  height: 98px;
  margin: 5px auto;
}
.mf-redesign .champ-list--details .champ-list__item__titling {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2px 0;
  background: rgba(21, 32, 52, 0.65);
  text-align: center;
  text-transform: uppercase;
  color: #bedcf5;
  font-size: 9px;
  line-height: 9px;
  opacity: 0;
  display: block;
  transition: 400ms;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__pic img {
  transform: scale(1.2);
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__name {
  bottom: 0;
  padding: 140px 0 5px 0;
  background: rgba(21, 32, 52, 0.65);
  min-height: 171px;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__role {
  bottom: 147px;
  width: auto;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__role > b {
  opacity: 1;
  padding: 0 2px;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__role img {
  width: 20px;
  margin: 0 2px;
  opacity: 1 !important;
  position: relative;
  top: 0;
  left: 0;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__winP, .mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__banP {
  opacity: 0;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__stats {
  margin-top: 5px;
  top: 23%;
}
.mf-redesign .champ-list--details .champ-list__item:hover .champ-list__item__titling {
  opacity: 1;
  top: 0;
}
.mf-redesign .champ-list--thumbs .champ-list__item {
  padding: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  transition: transform 200ms;
}
.mf-redesign .champ-list--thumbs .champ-list__item:nth-of-type(10n + 10) {
  margin-right: 0;
}
.mf-redesign .champ-list--thumbs .champ-list__item__pic {
  width: 67px;
  overflow: hidden;
}
.mf-redesign .champ-list--thumbs .champ-list__item__pic img {
  transition: transform 200ms;
}
.mf-redesign .champ-list--thumbs .champ-list__item__name, .mf-redesign .champ-list--thumbs .champ-list__item__role, .mf-redesign .champ-list--thumbs .champ-list__item__rp, .mf-redesign .champ-list--thumbs .champ-list__item__ip, .mf-redesign .champ-list--thumbs .champ-list__item__pickP, .mf-redesign .champ-list--thumbs .champ-list__item__winP, .mf-redesign .champ-list--thumbs .champ-list__item__banP, .mf-redesign .champ-list--thumbs .champ-list__item__sale {
  display: none;
}
.mf-redesign .champ-list--thumbs .champ-list__item:hover {
  transform: scale(1.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  z-index: 20;
}
.mf-redesign .champ-list--thumbs .champ-list__item:hover .champ-list__item__pic img {
  transform: scale(1.3);
}
.mf-redesign .champ-list--thumbs .champ-list__item:hover .champ-list__item__name {
  display: block;
  color: #bedcf5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(21, 32, 52, 0.6);
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  padding: 4px 5px 5px 5px;
  word-break: break-word;
}
.mf-redesign .browse-pager {
  margin-top: 3px;
  background: #152034;
  position: relative;
  float: left;
  width: 100%;
}
.mf-redesign .browse-pager > div {
  display: inline-block;
}
.mf-redesign .browse-pager > div a {
  display: inline-block;
  color: #8092b3;
  text-transform: uppercase;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  transition: 300ms;
}
.mf-redesign .browse-pager > div a:hover {
  background: rgba(39, 84, 149, 0.25);
  color: white;
}
.mf-redesign .browse-pager__prev {
  float: left;
}
.mf-redesign .browse-pager__pages {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.mf-redesign .browse-pager__pages a.current {
  background: #275495;
  color: white;
}
.mf-redesign .browse-pager__next {
  float: right;
}
.mf-redesign .champ-build {
  font-size: 0;
}
.mf-redesign .champ-build__meta {
  color: #475976;
  font: 11px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  padding: 10px 0 20px 0;
}
.mf-redesign .champ-build__meta span {
  display: block;
  margin-top: 5px;
}
.mf-redesign .champ-build__section {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  position: relative;
}
.mf-redesign .champ-build__section--half {
  width: 50%;
}
.mf-redesign .champ-build__section--half .champ-build__section__header__meta {
  display: block;
  margin-top: 3px;
}
.mf-redesign .champ-build__section--half .champ-build__section__header__meta img {
  margin: 0 5px 0 3px;
}
.mf-redesign .champ-build__section--oneSixth {
  width: 16.16%;
}
.mf-redesign .champ-build__section--oneSixth .champ-build__section__header__meta {
  display: block;
  margin-top: 3px;
}
.mf-redesign .champ-build__section--twoSixth {
  width: 33.83%;
}
.mf-redesign .champ-build__section--twoSixth .champ-build__section__header {
  min-height: 42px;
}
.mf-redesign .champ-build__section__header * {
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .champ-build__section__header h3 {
  color: #8498b8;
  font: 14px/20px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
}
.mf-redesign .champ-build__section__header__reminder {
  margin-top: 2px;
  margin-bottom: -3px;
}
.mf-redesign .champ-build__section__header__reminder img {
  border-radius: 100%;
  border: 2px solid #8498b8;
  height: 19px;
  width: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.mf-redesign .champ-build__section__header__reminder span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  color: #8498b8;
}
.mf-redesign .champ-build__section__header__meta img {
  width: 18px;
  margin: 0 5px 0 10px;
}
.mf-redesign .champ-build__section__header__meta > span {
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #39b54a;
}
.mf-redesign .champ-build__section__header__meta p {
  font: 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #617497;
  text-transform: uppercase;
  margin: 0 15px 0 5px;
}
.mf-redesign .champ-build__section__header__meta p > span {
  display: block;
}
.mf-redesign .champ-build__section__header__meta ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.mf-redesign .champ-build__section__header__meta ul li {
  width: 19px;
  height: 19px;
  font: 10px/19px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-align: center;
  color: #263448;
  background: #152034;
  transition: 250ms;
  margin-right: 5px;
  cursor: pointer;
}
.mf-redesign .champ-build__section__header__meta ul li:hover {
  background: #060a10;
}
.mf-redesign .champ-build__section__header__meta ul li.current {
  background: #275495;
  color: #a6bcdb;
}
.mf-redesign .champ-build__section__disclaimer {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  position: relative;
  padding-left: 20px;
}
.mf-redesign .champ-build__section__disclaimer i {
  position: absolute;
  top: 1px;
  left: 0;
  background: #475976;
  border-radius: 100%;
  color: white;
  font-style: normal;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-weight: 700;
  box-sizing: border-box;
  padding-left: 1px;
  font-size: 11px;
}
.mf-redesign .champ-build__section__disclaimer span {
  color: #475976;
}
.mf-redesign .champ-build__section__disclaimer span:first-of-type {
  color: #63748f;
}
.mf-redesign .champ-build__section__content {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.mf-redesign .champ-build__section__content .mastery-box {
  background-image: url(/images/masteries/masteries-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 20px;
}
.mf-redesign .champ-build__section__content__tab {
  display: none;
  float: left;
  width: 100%;
}
.mf-redesign .champ-build__section__content__tab + .champ-build__section__content__tab .champ-build__section__content__tab__header {
  border-top: 1px solid #4e6488;
  margin-top: 15px;
}
.mf-redesign .champ-build__section__content__tab.single .champ-build__section__content__tab__header {
  border-top: 0px solid transparent;
  margin-top: 0px;
  padding: 0;
}
.mf-redesign .champ-build__section__content__tab.single .champ-build__section__content__tab__header * {
  display: none;
}
.mf-redesign .champ-build__section__content__tab__header {
  padding: 10px 0;
  transition: 300ms;
}
.mf-redesign .champ-build__section__content__tab__header * {
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .champ-build__section__content__tab__header h4 {
  color: #647da5;
  font: 13px/13px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
.mf-redesign .champ-build__section__content__tab__header img {
  width: 18px;
  margin: 0 5px 0 10px;
}
.mf-redesign .champ-build__section__content__tab__header > span {
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #39b54a;
}
.mf-redesign .champ-build__section__content__tab__header p {
  font: 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #617497;
  text-transform: uppercase;
  margin: 0 5px;
}
.mf-redesign .champ-build__section__content__tab__header p > span {
  display: block;
}
.mf-redesign .champ-build__section__content__tab.current {
  display: block;
}
.mf-redesign .champ-build__section__graphic {
  position: absolute;
  bottom: 15px;
  right: 50px;
}
.mf-redesign .champ-build__section__graphic span {
  margin-top: 5px;
  text-align: center;
  display: block;
  font: 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: #617497;
}
.mf-redesign .champ-build__runes {
  width: 100%;
  float: left;
}
.mf-redesign .champ-build__runes > a {
  float: left;
  width: 50%;
  margin-bottom: 10px;
  min-height: 45px;
}
.mf-redesign .champ-build__runes > a * {
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .champ-build__runes > a img {
  width: 42px;
}
.mf-redesign .champ-build__runes > a span {
  color: white;
  font: 30px/30px "Times New Roman", serif;
  margin: 0 5px;
}
.mf-redesign .champ-build__runes > a p {
  font: 12px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  max-width: 120px;
}
.mf-redesign .champ-build__runes > a p small {
  color: #8498b8;
}
.mf-redesign .champ-build__runes__seals p {
  color: #f0ae06;
}
.mf-redesign .champ-build__runes__marks p {
  color: #fe5752;
}
.mf-redesign .champ-build__runes__glyphs p {
  color: #12bdbb;
}
.mf-redesign .champ-build__runes__quints p {
  color: #c06bdc;
}
.mf-redesign .champ-build__item {
  width: 115px;
  background: #0b1727;
  display: inline-block;
  vertical-align: top;
}
.mf-redesign .champ-build__item + .champ-build__item {
  margin-left: 14px;
}
.mf-redesign .champ-build__item img {
  display: block;
  margin: 10px auto;
  width: 64px;
  height: 64px;
}
.mf-redesign .champ-build__item > span {
  display: block;
  text-align: center;
  color: white;
  background: #152034;
  padding: 0 5px;
  font-size: 12px;
  height: 35px;
  line-height: 32px;
}
.mf-redesign .champ-build__item > span b {
  font-weight: normal;
  line-height: 12px;
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign .champ-build__item[stack] {
  position: relative;
}
.mf-redesign .champ-build__item[stack]::after {
  content: "X" attr(stack);
  position: absolute;
  bottom: 45px;
  right: 26px;
  background: rgba(0, 0, 0, 0.75);
  padding: 2px 4px;
  color: white;
  font-size: 14px;
  line-height: 14px;
}
.mf-redesign .champ-build__item--luxury {
  background: none;
}
.mf-redesign .champ-build__item--luxury .champ-build__item__img {
  background: #0b1727;
  display: inline-block;
  width: 100%;
}
.mf-redesign .champ-build__item--luxury p {
  text-align: center;
  text-transform: uppercase;
  font: 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: #8498b8;
  margin-top: 4px;
  margin-bottom: 15px;
}
.mf-redesign .champ-build__item--luxury p span {
  color: #39b54a;
}
.mf-redesign .champ-build__abilities {
  display: block;
}
.mf-redesign .champ-build__abilities__row {
  display: block;
  font-size: 0;
  position: relative;
  padding-left: 70px;
  margin-bottom: 5px;
}
.mf-redesign .champ-build__abilities__row img {
  position: absolute;
  width: 63px;
  top: 0;
  left: 0;
}
.mf-redesign .champ-build__abilities__row h4 {
  font: 14px/27px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
  display: block;
}
.mf-redesign .champ-build__abilities__row ul {
  list-style: none;
  display: block;
}
.mf-redesign .champ-build__abilities__row ul li {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #152034;
}
.mf-redesign .champ-build__abilities__row ul li + li {
  margin-left: 2px;
}
.mf-redesign .champ-build__abilities__row ul li.lit {
  position: relative;
}
.mf-redesign .champ-build__abilities__row ul li.lit::after {
  content: attr(level);
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #007236;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
  text-align: center;
  line-height: 29px;
}
.mf-redesign .champ-build__abilities__row span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  font: 18px/29px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #7b90b5;
  text-align: center;
}
.mf-redesign .champ-build__abilities__row--passive {
  box-sizing: border-box;
  min-height: 63px;
  padding-top: 5px;
}
.mf-redesign .champ-build__abilities__row--passive p {
  color: #617497;
  font-size: 12px;
}
.mf-redesign .champ-build__questions h3 {
  font-size: 14px;
  line-height: 20px;
  color: #8495b2;
  text-transform: uppercase;
  font-weight: 400;
}
.mf-redesign .champ-build__questions__ask {
  font-size: 0;
  margin-bottom: 20px;
}
.mf-redesign .champ-build__questions__ask h3 {
  color: white;
  margin: 15px 0;
}
.mf-redesign .champ-build__questions__ask > div {
  display: inline-block;
  vertical-align: top;
}
.mf-redesign .champ-build__questions__ask__bar {
  background: #152034;
  padding: 3px 3px 3px 50px;
  position: relative;
  display: inline-block;
}
.mf-redesign .champ-build__questions__ask__bar img {
  position: absolute;
  top: 12px;
  left: 18px;
}
.mf-redesign .champ-build__questions__ask__bar input {
  background: #0a1221;
  color: white;
  border: none;
  height: 43px;
  width: 593px;
  padding: 0 15px;
  font-size: 16px;
}
.mf-redesign .champ-build__questions__ask .flat-btn {
  margin-left: 8px;
  width: auto;
  height: 49px;
  line-height: 49px;
  width: 108px;
  padding: 0;
  cursor: pointer;
}
.mf-redesign .champ-skins {
  margin-top: 5px;
  float: left;
  width: 100%;
}
.mf-redesign .champ-skins--title {
  display: none;
}
.mf-redesign .champ-skins__item {
  float: left;
  width: 177px;
  height: 318px;
  margin-right: 18px;
  box-sizing: border-box;
  border: 2px solid #152034;
  position: relative;
  margin-bottom: 15px;
}
.mf-redesign .champ-skins__item:nth-of-type(4n + 4) {
  margin-right: 0;
}
.mf-redesign .champ-skins__item img {
  width: 100%;
}
.mf-redesign .champ-skins__item__cost {
  position: absolute;
  top: 15px;
  left: 25px;
  font: 11px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  background: rgba(21, 32, 52, 0.8);
  color: #ffc601;
  border-radius: 0 15px 15px 0;
  border: 1px solid white;
  padding: 1px 7px 2px 17px;
}
.mf-redesign .champ-skins__item__cost::after {
  content: '';
  background-image: url('/images/interface/rp-icon.png');
  position: absolute;
  left: -15px;
  top: -5px;
  width: 28px;
  height: 25px;
  background-size: cover;
}
.mf-redesign .champ-skins__item__meta {
  background: rgba(21, 32, 52, 0.8);
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  min-height: 50px;
  padding-bottom: 35px;
}
.mf-redesign .champ-skins__item__meta h3 {
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 55px;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
}
.mf-redesign .champ-skins__item__meta .byline {
  padding-left: 10px;
  font: 300 11px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: #829dc3;
  text-transform: uppercase;
}
.mf-redesign .champ-skins__item__meta .date {
  background: #233148;
  color: #55657f;
  font-size: 10px;
  text-align: center;
  padding: 5px 0;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.mf-redesign .champ-skins__item__meta .wishlist {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 0;
}
.mf-redesign .champ-skins__item__meta .skinLove {
  position: absolute;
  right: 5px;
  bottom: 35px;
  color: white;
}
.mf-redesign .champ-skins__item__smallPic {
  display: none;
}
.mf-redesign .champ-skins--list .champ-skins--title {
  display: block;
  margin-bottom: 5px;
  font-size: 0;
}
.mf-redesign .champ-skins--list .champ-skins--title span {
  display: inline-block;
  text-align: center;
  color: #475976;
  font: 11px/11px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
}
.mf-redesign .champ-skins--list .champ-skins--title span:nth-of-type(1) {
  width: 360px;
  text-align: left;
}
.mf-redesign .champ-skins--list .champ-skins--title span:nth-of-type(2) {
  width: 130px;
}
.mf-redesign .champ-skins--list .champ-skins--title span:nth-of-type(3) {
  width: 110px;
}
.mf-redesign .champ-skins--list .champ-skins--title span:nth-of-type(4) {
  width: 72px;
}
.mf-redesign .champ-skins--list .champ-skins--title span:nth-of-type(5) {
  width: 86px;
}
.mf-redesign .champ-skins--list .champ-skins__item {
  width: 100%;
  height: auto;
  margin-right: 0;
  font-size: 0;
  margin-bottom: 3px;
  background: #152034;
  transition: background 300ms;
}
.mf-redesign .champ-skins--list .champ-skins__item:hover {
  background: #243658;
}
.mf-redesign .champ-skins--list .champ-skins__item:hover > * {
  background: #243658;
}
.mf-redesign .champ-skins--list .champ-skins__item > * {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  transition: background 300ms;
}
.mf-redesign .champ-skins--list .champ-skins__item > img {
  display: none;
}
.mf-redesign .champ-skins--list .champ-skins__item > .champ-skins__item__smallPic {
  display: inline-block;
  width: 60px;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
}
.mf-redesign .champ-skins--list .champ-skins__item__cost {
  position: static;
  border: none;
  border-radius: 0;
  padding: 0 10px;
  width: 86px;
  height: 60px;
  line-height: 60px;
  color: #788aab;
}
.mf-redesign .champ-skins--list .champ-skins__item__cost::after {
  content: none;
}
.mf-redesign .champ-skins--list .champ-skins__item__cost::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url('/images/interface/rp-icon.png');
  width: 28px;
  height: 25px;
  background-size: cover;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta {
  position: static;
  height: auto;
  padding-bottom: 0;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta > * {
  position: static;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta h3 {
  width: 210px;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta .byline {
  width: 90px;
  text-align: center;
  position: relative;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta .byline > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 14px;
  text-align: center;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta .wishlist {
  width: 110px;
  padding-top: 25px;
  text-align: center;
  transform: none;
  line-height: 0;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta .date {
  width: 130px;
  background: none;
  color: #788aab;
  font-size: 11px;
}
.mf-redesign .champ-skins--list .champ-skins__item__meta .skinLove {
  padding-top: 14px;
  width: 72px;
}
.mf-redesign .wishlist-btn {
  color: white;
  text-transform: uppercase;
  font: 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  padding: 0px 10px 1px 10px;
  background: #fe5752;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  position: relative;
  top: 0;
  cursor: pointer;
  transition: 300ms;
}
.mf-redesign .wishlist-btn b {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.mf-redesign .wishlist-btn img {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  position: relative;
  top: -1px;
}
.mf-redesign .wishlist-btn:hover {
  background: #fe706b;
  top: -2px;
}
.mf-redesign .wishlist-btn.added {
  background: #48b744;
}
.mf-redesign .wishlist-btn.added:hover {
  top: 0;
  background: #48b744;
}
.mf-redesign .champ-abilities {
  text-transform: uppercase;
  font-size: 11px;
}
.mf-redesign .champ-abilities__titling {
  display: none;
}
.mf-redesign .champ-abilities__titling span {
  text-align: center;
  float: left;
  color: #475976;
}
.mf-redesign .champ-abilities__titling span:nth-of-type(1) {
  width: 425px;
  text-align: left;
}
.mf-redesign .champ-abilities__titling span:nth-of-type(2) {
  width: 63px;
}
.mf-redesign .champ-abilities__titling span:nth-of-type(3), .mf-redesign .champ-abilities__titling span:nth-of-type(4) {
  width: 137px;
}
.mf-redesign .champ-abilities__item {
  float: left;
  transition: opacity 300ms;
}
.mf-redesign .champ-abilities__item__letter {
  display: none;
}
.mf-redesign .champ-abilities__item__pic {
  overflow: hidden;
}
.mf-redesign .champ-abilities__item__pic img {
  width: 100%;
  transition: 300ms;
  transform: scale(1) translateZ(0);
}
.mf-redesign .champ-abilities__item__video {
  display: none;
}
.mf-redesign .champ-abilities__item__name {
  color: white;
}
.mf-redesign .champ-abilities__item__name span, .mf-redesign .champ-abilities__item__name img {
  display: none;
}
.mf-redesign .champ-abilities__item__desc {
  display: none;
}
.mf-redesign .champ-abilities__item:hover {
  opacity: 0.85;
}
.mf-redesign .champ-abilities__item:hover .champ-abilities__item__pic img {
  transform: scale(1.2) translateZ(0);
}
.mf-redesign .champ-abilities--list {
  margin-top: 18px;
}
.mf-redesign .champ-abilities--list .champ-abilities__titling {
  display: block;
  float: left;
  margin-bottom: 3px;
}
.mf-redesign .champ-abilities--list .champ-abilities__item {
  height: auto !important;
  text-align: center;
  margin-bottom: 2px;
  color: #b4b8c0;
}
.mf-redesign .champ-abilities--list .champ-abilities__item > div {
  height: 48px;
  background: #233148;
  float: left;
  box-sizing: border-box;
}
.mf-redesign .champ-abilities--list .champ-abilities__item > div img {
  vertical-align: middle;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__pic {
  width: 48px;
  border: 1px solid #233148;
  margin-right: 2px;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__name {
  text-align: left;
  width: 375px;
  text-transform: none;
  font-size: 18px;
  line-height: 18px;
  color: white;
  padding: 7px 10px;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__name span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #475976;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__name span em {
  color: #a1b0c9;
  font-style: normal;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__range {
  width: 63px;
  line-height: 48px;
  background: #1a283f !important;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__cost {
  width: 137px;
  line-height: 48px;
}
.mf-redesign .champ-abilities--list .champ-abilities__item__cooldown {
  line-height: 48px;
  width: 137px;
  background: #1a283f !important;
}
.mf-redesign .champ-abilities--details {
  margin-top: 18px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item {
  text-transform: none;
  width: 365px;
  background: #152034;
  position: relative;
  padding: 30px 25px 20px;
  box-sizing: border-box;
  margin-bottom: 70px;
  text-align: center;
}
.mf-redesign .champ-abilities--details .champ-abilities__item:nth-of-type(even) {
  margin-right: 27px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__letter {
  display: block;
  position: absolute;
  top: 11px;
  left: 12px;
  color: #8498b8;
  font-size: 21px;
  line-height: 21px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__pic {
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translate(-50%, -50%);
  border: 2px solid #233148;
  border-radius: 3px;
  width: 64px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__name {
  display: block;
  text-align: center;
  font-size: 21px;
  padding-top: 2px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #2c3d5d;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__range, .mf-redesign .champ-abilities--details .champ-abilities__item__cost, .mf-redesign .champ-abilities--details .champ-abilities__item__cooldown {
  display: inline-block;
  color: #00ff30;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__range::before, .mf-redesign .champ-abilities--details .champ-abilities__item__cost::before, .mf-redesign .champ-abilities--details .champ-abilities__item__cooldown::before {
  color: #a6b4cc;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__range {
  margin-right: 10px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__range::before {
  content: "Range: ";
}
.mf-redesign .champ-abilities--details .champ-abilities__item__cost::before {
  content: "Cost: ";
}
.mf-redesign .champ-abilities--details .champ-abilities__item__cooldown {
  margin-left: 10px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__cooldown::before {
  content: "Cooldown: ";
}
.mf-redesign .champ-abilities--details .champ-abilities__item__video {
  margin-top: 10px;
  display: block;
  position: relative;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__video__cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 275px;
  transform: translateX(-50%);
  background: red;
  cursor: pointer;
  z-index: 10;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__video__cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  transition: 300ms;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__video__cover img:nth-of-type(1) {
  width: 102%;
  top: -1%;
  left: -1%;
  transform: none;
}
.mf-redesign .champ-abilities--details .champ-abilities__item__video__cover:hover img:nth-of-type(2) {
  transform: translate(-50%, -50%) scale(1.2);
}
.mf-redesign .champ-abilities--details .champ-abilities__item__desc {
  display: block;
  color: #a6b4cc;
  margin-top: 10px;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item--passive {
  width: 95%;
  margin-left: 5%;
  padding-left: 60px;
  padding-top: 10px;
  min-height: 0;
}
.mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__pic {
  left: 0%;
  top: 50%;
}
.mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__name {
  text-align: left;
}
.mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__name img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__range, .mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__cost, .mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__cooldown {
  display: none;
}
.mf-redesign .champ-abilities--details .champ-abilities__item--passive .champ-abilities__item__desc {
  margin-top: 0;
}
.mf-redesign .summoner-spells a {
  width: 100px;
  height: 120px;
  background: #151f31;
  margin-right: 7px;
  margin-bottom: 7px;
  text-align: center;
  transition: background 300ms;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.mf-redesign .summoner-spells a:nth-of-type(7n + 7) {
  margin-right: 0;
}
.mf-redesign .summoner-spells a > img {
  display: block;
  margin: 10px auto 0;
  width: 60px;
  box-sizing: border-box;
  transition: 300ms;
  border: 0px solid #152034;
  border: 5px solid #091020;
  margin-bottom: 5px;
  border-bottom-width: 20px;
}
.mf-redesign .summoner-spells a > div {
  color: #8498b8;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 69px;
  right: 25px;
}
.mf-redesign .summoner-spells a > div img {
  display: inline-block;
  vertical-align: bottom;
  width: 14px;
}
.mf-redesign .summoner-spells a span {
  font: 12px/12px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
  margin-top: 9px;
  display: block;
}
.mf-redesign .summoner-spells a .desc {
  display: none;
}
.mf-redesign .summoner-spells a:hover {
  background: #2c3d5d;
}
.mf-redesign .summoner-spells--list a {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin-right: 0;
  text-align: left;
  padding: 6px;
  margin-bottom: 6px;
}
.mf-redesign .summoner-spells--list a > img {
  border: none !important;
  width: 50px;
  float: left;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.mf-redesign .summoner-spells--list a > div {
  display: none;
}
.mf-redesign .summoner-spells--list a span {
  float: left;
  font-size: 16px;
  max-width: 680px;
}
.mf-redesign .summoner-spells--list a .desc {
  display: block;
  color: #7585a2;
  font-size: 14px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 0;
}
.mf-redesign .mastery-list {
  font-size: 0;
}
.mf-redesign .mastery-list__title {
  width: 100%;
}
.mf-redesign .mastery-list__title span {
  text-transform: uppercase;
  color: #475976;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 4px;
}
.mf-redesign .mastery-list__title span:nth-of-type(1) {
  width: 557px;
}
.mf-redesign .mastery-list__title span:nth-of-type(2) {
  width: 95px;
  text-align: center;
}
.mf-redesign .mastery-list__title span:nth-of-type(3) {
  width: 95px;
  text-align: center;
}
.mf-redesign .mastery-list__item {
  margin-bottom: 2px;
  background: #233148;
  color: white;
  font-size: 11px;
  cursor: pointer;
  width: 100%;
  min-height: 51px;
  display: inline-block;
  padding: 4px;
  box-sizing: border-box;
}
.mf-redesign .mastery-list__item.odd {
  background: #233148;
}
.mf-redesign .mastery-list__item.odd:hover {
  background: #2b3d59;
}
.mf-redesign .mastery-list__item.even {
  background: #1a283f;
}
.mf-redesign .mastery-list__item.even:hover {
  background: #213351;
}
.mf-redesign .mastery-list__item > span {
  float: left;
}
.mf-redesign .mastery-list__item__pic {
  border: 2px solid #091020;
  width: 39px;
}
.mf-redesign .mastery-list__item__pic img {
  width: 100%;
}
.mf-redesign .mastery-list__item > div {
  display: none;
  color: #8498b8;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 54px;
  right: 31px;
}
.mf-redesign .mastery-list__item > div img {
  display: inline-block;
  vertical-align: bottom;
  width: 14px;
}
.mf-redesign .mastery-list__item__info {
  width: 500px;
  padding-left: 10px;
  padding-bottom: 6px;
  font-size: 12px;
}
.mf-redesign .mastery-list__item__info span {
  display: block;
  font-size: 11px;
  color: #8498b8;
  max-width: 100%;
  max-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mf-redesign .mastery-list__item__tree {
  width: 95px;
  text-align: center;
  text-transform: uppercase;
  color: #b4b8c0;
  line-height: 43px;
}
.mf-redesign .mastery-list__item__season {
  width: 95px;
  text-align: center;
  color: #b4b8c0;
  line-height: 43px;
}
.mf-redesign .mastery-list--cards .mastery-list__title {
  display: none;
}
.mf-redesign .mastery-list--cards .mastery-list__item {
  position: relative;
  width: 103px;
  background: #151f31;
  padding: 6px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  box-sizing: border-box;
  text-align: center;
}
.mf-redesign .mastery-list--cards .mastery-list__item > span {
  float: none;
}
.mf-redesign .mastery-list--cards .mastery-list__item > div {
  display: block;
}
.mf-redesign .mastery-list--cards .mastery-list__item__pic {
  display: block;
  margin: 0 auto 10px auto;
  border: 5px solid #091020;
  margin-bottom: 5px;
  border-bottom-width: 20px;
}
.mf-redesign .mastery-list--cards .mastery-list__item__info {
  width: 100%;
}
.mf-redesign .mastery-list--cards .mastery-list__item__info > span {
  display: none;
}
.mf-redesign .mastery-list--cards .mastery-list__item__tree, .mf-redesign .mastery-list--cards .mastery-list__item__season {
  display: none;
}
.mf-redesign .rune-list {
  font-size: 0;
}
.mf-redesign .rune-list__title {
  width: 100%;
}
.mf-redesign .rune-list__title span {
  text-transform: uppercase;
  color: #475976;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 4px;
}
.mf-redesign .rune-list__title span:nth-of-type(1) {
  width: 559px;
}
.mf-redesign .rune-list__title span:nth-of-type(2) {
  width: 95px;
  text-align: center;
}
.mf-redesign .rune-list__title span:nth-of-type(3) {
  width: 95px;
  text-align: center;
}
.mf-redesign .rune-list__item {
  margin-bottom: 2px;
  background: #233148;
  color: white;
  font-size: 11px;
  cursor: pointer;
  width: 100%;
  min-height: 51px;
  display: inline-block;
  padding: 4px;
  box-sizing: border-box;
}
.mf-redesign .rune-list__item.odd {
  background: #233148;
}
.mf-redesign .rune-list__item.odd:hover {
  background: #2b3d59;
}
.mf-redesign .rune-list__item.even {
  background: #1a283f;
}
.mf-redesign .rune-list__item.even:hover {
  background: #213351;
}
.mf-redesign .rune-list__item > span {
  float: left;
}
.mf-redesign .rune-list__item .comments {
  display: none;
}
.mf-redesign .rune-list__item__pic {
  width: 55px;
  margin-top: -2px;
  margin-left: -2px;
  margin-bottom: -2px;
}
.mf-redesign .rune-list__item__pic img {
  width: 100%;
}
.mf-redesign .rune-list__item__info {
  width: 500px;
  padding-left: 4px;
  padding-bottom: 6px;
  padding-top: 8px;
  font-size: 12px;
}
.mf-redesign .rune-list__item__info > span {
  display: block;
  font-size: 11px;
  color: #8498b8;
}
.mf-redesign .rune-list__item__tier {
  width: 95px;
  text-align: center;
  text-transform: uppercase;
  color: #b4b8c0;
  line-height: 43px;
}
.mf-redesign .rune-list__item__season {
  width: 95px;
  text-align: center;
  color: #b4b8c0;
  line-height: 43px;
}
.mf-redesign .rune-list--cards .rune-list__title {
  display: none;
}
.mf-redesign .rune-list--cards .rune-list__item {
  width: 103px;
  background: #151f31;
  padding: 6px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  box-sizing: border-box;
  text-align: center;
}
.mf-redesign .rune-list--cards .rune-list__item > span {
  float: none;
}
.mf-redesign .rune-list--cards .rune-list__item__pic {
  display: inline-block;
}
.mf-redesign .rune-list--cards .rune-list__item__info {
  width: 100%;
  display: inline-block;
}
.mf-redesign .rune-list--cards .rune-list__item__info > span {
  display: none;
}
.mf-redesign .rune-list--cards .rune-list__item__tier, .mf-redesign .rune-list--cards .rune-list__item__season {
  display: none;
}
.mf-redesign .rune-list--cards .rune-list__item .comments {
  display: block;
  text-align: center;
  color: #8498b8;
}
.mf-redesign .rune-list--cards .rune-list__item .comments img {
  display: inline-block;
  vertical-align: bottom;
  width: 14px;
}
.mf-redesign .ability-list__item {
  width: 103px;
  background: #151f31;
  padding: 6px;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  transition: background 250ms;
}
.mf-redesign .ability-list__item:nth-of-type(7n) {
  margin-right: 0;
}
.mf-redesign .ability-list__item__pic {
  border: 5px solid #091020;
  width: 64px;
  height: 64px;
  margin-bottom: 5px;
  border-bottom-width: 20px;
}
.mf-redesign .ability-list__item__champ {
  position: absolute;
  top: 58px;
  left: 18px;
  z-index: 1;
  border-radius: 100%;
  border: 2px solid #091020;
  width: 30px;
  height: 30px;
}
.mf-redesign .ability-list__item__name {
  display: block;
  color: white;
  font-size: 12px;
  line-height: 14px;
}
.mf-redesign .ability-list__item__name .desc {
  display: none;
}
.mf-redesign .ability-list__item__keybind {
  display: none;
}
.mf-redesign .ability-list__item__comments {
  color: #8498b8;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 79px;
  right: 18px;
}
.mf-redesign .ability-list__item__comments img {
  display: inline-block;
  vertical-align: bottom;
  width: 14px;
}
.mf-redesign .ability-list__item:hover {
  background: #243655;
}
.mf-redesign .ability-list__title {
  display: none;
  width: 100%;
}
.mf-redesign .ability-list__title span {
  text-transform: uppercase;
  color: #475976;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 4px;
}
.mf-redesign .ability-list__title span:nth-of-type(1) {
  width: 65px;
}
.mf-redesign .ability-list__title span:nth-of-type(2) {
  width: 60px;
}
.mf-redesign .ability-list__title span:nth-of-type(3) {
  width: 625px;
}
.mf-redesign .ability-list--list .ability-list__title {
  display: block;
}
.mf-redesign .ability-list--list .ability-list__item {
  width: 100%;
  margin-right: 0;
}
.mf-redesign .ability-list--list .ability-list__item__pic {
  float: left;
  border: none;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-bottom: 0;
}
.mf-redesign .ability-list--list .ability-list__item__champ {
  position: static;
  float: left;
  border: none;
  border-radius: 0;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.mf-redesign .ability-list--list .ability-list__item__keybind {
  display: block;
  float: left;
  margin-right: 10px;
  background: rgba(43, 62, 94, 0.5);
  color: #8297b6;
  font-size: 28px;
  line-height: 50px;
  font-weight: 400;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}
.mf-redesign .ability-list--list .ability-list__item__keybind img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mf-redesign .ability-list--list .ability-list__item__name {
  width: 560px;
  float: left;
  text-align: left;
  font-size: 16px;
  padding-top: 10px;
}
.mf-redesign .ability-list--list .ability-list__item__name .desc {
  display: block;
  color: #7585a2;
  font-size: 14px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 0;
}
.mf-redesign .ability-list--list .ability-list__item__comments {
  display: none;
}
.mf-redesign .item-list__item {
  width: 103px;
  background: #151f31;
  padding: 8px 6px 6px;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  transition: background 250ms;
}
.mf-redesign .item-list__item:nth-of-type(7n) {
  margin-right: 0;
}
.mf-redesign .item-list__item > img {
  width: 64px;
  height: 64px;
  margin-bottom: 5px;
  border: 5px solid #091020;
  margin-bottom: 5px;
  border-bottom-width: 20px;
}
.mf-redesign .item-list__item > span {
  display: block;
  color: white;
  width: 75px;
  margin: 0 auto;
}
.mf-redesign .item-list__item .browse-list__item__desc__tags {
  display: none;
}
.mf-redesign .item-list__item > .cost {
  display: none;
}
.mf-redesign .item-list__item > .comments {
  color: #8498b8;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 81px;
  right: 21px;
}
.mf-redesign .item-list__item > .comments img {
  display: inline-block;
  vertical-align: bottom;
  width: 14px;
}
.mf-redesign .item-list__item:hover {
  background: #243655;
}
.mf-redesign .item-list__title {
  display: none;
  width: 100%;
}
.mf-redesign .item-list__title span {
  text-transform: uppercase;
  color: #475976;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 4px;
}
.mf-redesign .item-list__title span:nth-of-type(1) {
  width: 654px;
}
.mf-redesign .item-list__title span:nth-of-type(2) {
  width: 95px;
  text-align: center;
}
.mf-redesign .item-list--list .item-list__title {
  display: block;
}
.mf-redesign .item-list--list .item-list__item {
  width: 100%;
  margin-right: 0;
  font-size: 16px;
  color: white;
  position: relative;
}
.mf-redesign .item-list--list .item-list__item > img {
  width: 50px;
  height: 50px;
  margin-bottom: 0;
  float: left;
  margin-right: 10px;
  border: none;
}
.mf-redesign .item-list--list .item-list__item > .comments {
  display: none;
}
.mf-redesign .item-list--list .item-list__item > span {
  float: left;
  width: 594px;
  text-align: left;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags {
  margin-top: 2px;
  display: block;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li {
  background: #091120;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 400;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  padding-left: 7px;
  padding-right: 7px;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.jungling, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.laning {
  border-left-color: #007236;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.consumables, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.income, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.vision, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.trinkets {
  border-left-color: #c06bdc;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.magic-resist, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.health-regen, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.health, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.armor {
  border-left-color: #f0ae06;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.attack-speed, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.critical-strike, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.damage, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.life-steal {
  border-left-color: #fe5752;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.cooldown-reduction, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.mana, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.mana-regen, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.ability-power {
  border-left-color: #12bdbb;
}
.mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.boots, .mf-redesign .item-list--list .item-list__item .browse-list__item__desc__tags li.movement {
  border-left-color: #98b3dd;
}
.mf-redesign .item-list--list .item-list__item > .cost {
  display: block;
  float: left;
  width: 95px;
  text-align: center;
  font-weight: 300;
  padding-top: 15px;
}
.mf-redesign .tag {
  background: #275495;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
  border-radius: 5px;
  padding: 3px 12px 4px;
  text-transform: uppercase;
  color: white;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.mf-redesign .question-list {
  margin: 10px 0 0 0;
  padding: 0;
}
.mf-redesign .question-list__item {
  list-style: none;
  margin-bottom: 3px;
}
.mf-redesign .question-list__item > div, .mf-redesign .question-list__item > a > div {
  display: inline-block;
  background: #233148;
  vertical-align: top;
  transition: 300ms;
  box-sizing: border-box;
}
.mf-redesign .question-list__item > a > div {
  min-height: 124px;
}
.mf-redesign .question-list__item__avatar {
  width: 55px;
  height: 55px;
  float: left;
  border: 1px solid #091120;
  margin-right: 12px;
}
.mf-redesign .question-list__item:hover > div, .mf-redesign .question-list__item:hover > a > div {
  background: #2b3d59;
}
.mf-redesign .question-list__item:nth-of-type(even) > div, .mf-redesign .question-list__item:nth-of-type(even) > a > div {
  background: #1a283f;
}
.mf-redesign .question-list__item:nth-of-type(even):hover > div, .mf-redesign .question-list__item:nth-of-type(even):hover > a > div {
  background: #213351;
}
.mf-redesign .question-list__item__meta {
  width: 106px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.mf-redesign .question-list__item__meta__vote {
  display: block;
  margin-bottom: 20px;
}
.mf-redesign .question-list__item__meta__vote img {
  display: block;
  margin: 5px auto;
  width: 36px;
  opacity: 0.5;
  transition: 300ms;
  cursor: pointer;
}
.mf-redesign .question-list__item__meta__vote img:hover, .mf-redesign .question-list__item__meta__vote img.selected {
  opacity: 1;
}
.mf-redesign .question-list__item__meta__vote label {
  font-size: 12px;
  color: white;
}
.mf-redesign .question-list__item__meta__vote span {
  font-size: 11px;
  color: #b8b8b8;
  margin: 18px 0 8px 0;
  display: block;
}
.mf-redesign .question-list__item__info {
  width: 652px;
  padding: 12px 50px 12px 15px;
  box-sizing: border-box;
}
.mf-redesign .question-list__item__info h4 {
  font-size: 18px;
  line-height: 24px;
  color: white;
  font-weight: 400;
}
.mf-redesign .question-list__item__info p {
  font-size: 12px;
  line-height: 15px;
  color: #91a1c1;
  margin: 5px 0;
}
.mf-redesign .question-list__item__info p.byline {
  color: #b4b8c0;
  font-size: 11px;
}
.mf-redesign .question-list__item--main .copy {
  color: #8498b8;
  margin-top: 20px;
}
.mf-redesign .question-list__item--main:hover > div, .mf-redesign .question-list__item--main:hover > a > div {
  background: #233148 !important;
}
.mf-redesign .guide-data .voting {
  margin: 4px 0 -4px 0 !important;
  transform-origin: left center;
  display: inline-block;
  position: relative;
  transform: none;
}
.mf-redesign .guide-data .voting .build-vote-up, .mf-redesign .guide-data .voting .build-vote-down {
  background-position: top center;
  background-size: cover;
  width: 17px;
  height: 17px;
  margin-right: 3px;
}
.mf-redesign .guide-data .voting .build-vote-up:hover, .mf-redesign .guide-data .voting .build-vote-down:hover, .mf-redesign .guide-data .voting .build-vote-up.selected, .mf-redesign .guide-data .voting .build-vote-down.selected {
  background-position: 0 100%;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__total {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 5px;
  color: #99b1d6;
  font-size: 0;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__total span {
  font-size: 10px;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__total.new {
  top: 2px;
  right: 10px;
  padding: 2px 2px 3px 20px;
  background: -moz-linear-gradient(left, rgba(21, 32, 52, 0) 0%, #152034 20%, #152034 100%);
  background: -webkit-linear-gradient(left, rgba(21, 32, 52, 0) 0%, #152034 20%, #152034 100%);
  background: linear-gradient(to right, rgba(21, 32, 52, 0) 0%, #152034 20%, #152034 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00152034', endColorstr='#152034',GradientType=1);
}
.mf-redesign .guide-data .voting .browse-list__item__rating__pending {
  display: inline-block;
  width: 178px;
  padding-left: 7px;
  height: 15px;
  box-sizing: border-box;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__bar {
  margin: 1px 2px;
  display: inline-block;
  height: 15px;
  width: 178px;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__bar .fill {
  top: 0;
  left: 0;
  bottom: 0;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__bar .fill.new span:nth-of-type(11) {
  animation-delay: 2.5s;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__bar .fill.new span:nth-of-type(12) {
  animation-delay: 2.75s;
}
.mf-redesign .guide-data .voting .browse-list__item__rating__bar .fill.new span:nth-of-type(13) {
  animation-delay: 3s;
}
.mf-redesign#view #view-title {
  margin-top: 20px;
  font-weight: 400;
  padding-bottom: 8px;
  margin-bottom: 25px;
  border-bottom: 1px solid #475976;
}
.mf-redesign#view #view-title .float-right {
  font-size: 13px;
}
.mf-redesign#view #view-title .float-right > div {
  display: inline-block;
  margin-left: 5px;
}
.mf-redesign#view .recipe-container {
  margin-top: 0;
}
.mf-redesign#view #view-item__img {
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign#view #view-item__info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.mf-redesign#view #view-item__related {
  padding-top: 10px;
  float: right;
}
.mf-redesign#view #view-item__related h3 {
  text-align: center;
  color: #8594af;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 5px;
}
.mf-redesign#view #view-item__related > a {
  display: inline-block;
  background: #19283f;
  width: 180px;
  padding: 5px;
}
.mf-redesign#view #view-item__related > a * {
  display: inline-block;
  vertical-align: middle;
}
.mf-redesign#view #view-item__related > a img {
  width: 30px;
}
.mf-redesign#view #view-item__related > a span {
  color: white;
  font-size: 11px;
  line-height: 13px;
  max-width: 78%;
  margin-left: 2%;
  margin-bottom: 1px;
}
.mf-redesign#view #view-item__related > a:hover {
  background: #273f64;
}
.mf-redesign#view #view-ability {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 20px;
}
.mf-redesign#view #view-ability__left, .mf-redesign#view #view-ability__right {
  background: #152034;
  position: relative;
  float: left;
  box-sizing: border-box;
}
.mf-redesign#view #view-ability__left {
  padding: 5px 10px 10px;
  width: 417px;
  margin-right: 15px;
  color: #c0c0c0;
}
.mf-redesign#view #view-ability__left > img {
  position: absolute;
  top: -30px;
  left: 7px;
  border: 3px solid #152034;
  width: 65px;
  border-radius: 3px;
}
.mf-redesign#view #view-ability__left .ability-info {
  width: auto;
  padding-right: 30px;
}
.mf-redesign#view #view-ability__left .spell-info {
  padding-left: 87px;
  color: white;
  margin-bottom: 8px;
  font-size: 11px;
  min-height: 36px;
}
.mf-redesign#view #view-ability__left .spell-info div {
  margin-bottom: 0;
}
.mf-redesign#view #view-ability__left .spell-info > div:first-of-type {
  display: block;
}
.mf-redesign#view #view-ability__left .ability-key {
  background: #2b3e5e;
  position: absolute;
  top: 0;
  right: 0;
  color: #8297b6;
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
  padding: 1px 6px 6px;
}
.mf-redesign#view #view-ability__right {
  width: 330px;
  padding: 0 10px 10px;
}
.mf-redesign#view #view-ability__right h3 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  color: #8297b6;
  font-size: 13px;
  padding: 4px 0;
}
.mf-redesign#view #view-ability__right .other-abilities {
  display: block;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.mf-redesign#view #view-ability__right .other-abilities a {
  display: inline-block;
  margin: 10px;
}
.mf-redesign#view #view-ability__right .other-abilities a img {
  width: 64px;
  height: 64px;
  border: 1px solid #2b3e5e;
}
.mf-redesign#view #view-ability__right .ability-video {
  position: relative;
}
.mf-redesign#view #view-ability__right .ability-video > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.mf-redesign#view #view-ability__right .ability-video > div > img:first-of-type {
  width: 100%;
  height: 100%;
}
.mf-redesign#view #view-ability__right .ability-video > div > img:last-of-type {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 300ms;
}
.mf-redesign#view #view-ability__right .ability-video > div:hover > img:last-of-type {
  transform: translate(-50%, -50%) scale(1.1);
}
.mf-redesign#view #view-ability__champ {
  position: absolute;
  top: 50%;
  left: 422px;
  transform: translate(-50%, -50%);
  border: 2px solid #152034;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
}
.mf-redesign#view #view-ability__champ img {
  width: 60px;
}
.mf-redesign .user-list__title {
  font-size: 0;
}
.mf-redesign .user-list__title > span {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
  color: #475976;
  font-size: 11px;
  display: inline-block;
}
.mf-redesign .user-list__title > span:first-of-type {
  width: 50px;
}
.mf-redesign .user-list__title > span:nth-of-type(2) {
  width: 250px;
}
.mf-redesign .user-list__title > span:nth-of-type(3) {
  width: 70px;
}
.mf-redesign .user-list__title > span:nth-of-type(4) {
  width: 120px;
}
.mf-redesign .user-list__title > span:nth-of-type(5) {
  width: 120px;
}
.mf-redesign .user-list__title > span:nth-of-type(6) {
  width: 75px;
}
.mf-redesign .user-list__title > span:nth-of-type(7) {
  width: 75px;
}
.mf-redesign .user-list__item {
  background: #233148;
  font-size: 0;
  margin-bottom: 2px;
}
.mf-redesign .user-list__item:nth-of-type(even) {
  background: #1a283f;
}
.mf-redesign .user-list__item > span {
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: center;
}
.mf-redesign .user-list__item > span:first-of-type img {
  width: 50px;
  height: 50px;
}
.mf-redesign .user-list__item > span:nth-of-type(2) {
  width: 250px;
  padding: 8px 10px;
  text-align: left;
  word-break: break-word;
}
.mf-redesign .user-list__item > span:nth-of-type(2) > a, .mf-redesign .user-list__item > span:nth-of-type(2) .rep {
  font-size: 13px;
}
.mf-redesign .user-list__item > span:nth-of-type(2) .rep {
  color: #f0f;
}
.mf-redesign .user-list__item > span:nth-of-type(2) .comments {
  display: block;
  color: #b4b8c0;
}
.mf-redesign .user-list__item > span:nth-of-type(3) {
  width: 70px;
  padding: 10px 0;
}
.mf-redesign .user-list__item > span:nth-of-type(3) img {
  transform: scaleX(-1);
  margin-left: 1px;
}
.mf-redesign .user-list__item > span:nth-of-type(4) {
  width: 120px;
  padding: 5px 0;
  text-transform: uppercase;
  color: #8498b8;
}
.mf-redesign .user-list__item > span:nth-of-type(4) img {
  width: 26px;
  height: 26px;
  display: inline-block;
}
.mf-redesign .user-list__item > span:nth-of-type(5) {
  width: 120px;
  padding-top: 11px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 10px;
}
.mf-redesign .user-list__item > span:nth-of-type(5) img {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.mf-redesign .user-list__item > span:nth-of-type(6) {
  width: 75px;
  color: #b4b8c0;
  line-height: 50px;
}
.mf-redesign .user-list__item > span:nth-of-type(7) {
  width: 75px;
  color: #b4b8c0;
  line-height: 50px;
}
.mf-redesign .user-list--details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mf-redesign .user-list--details .user-list__title {
  display: none;
}
.mf-redesign .user-list--details .user-list__item {
  width: 102px;
  padding-top: 5px;
  margin-bottom: 8px;
  margin-right: 8px;
}
.mf-redesign .user-list--details .user-list__item:nth-of-type(7n + 1) {
  margin-right: 0;
}
.mf-redesign .user-list--details .user-list__item > span {
  display: block;
  text-align: center;
}
.mf-redesign .user-list--details .user-list__item > span:nth-of-type(1) img {
  width: 91px;
  height: 91px;
}
.mf-redesign .user-list--details .user-list__item > span:nth-of-type(2) {
  width: auto;
}
.mf-redesign .user-list--details .user-list__item > span:nth-of-type(2) > span {
  display: none;
}
.mf-redesign .user-list--details .user-list__item > span:nth-of-type(n + 3) {
  display: none;
}
.trinket-half {
  width: 38% !important;
  margin-left: 80px;
}
.luxury-half {
  padding-left: 5px;
}
h1.underline {
  border-bottom: 1px solid #333;
  line-height: 1.5;
  padding-bottom: 4px;
  margin-bottom: 18px !important;
  margin-top: 20px;
  border-color: #1a293a;
  font: 21px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #979fb4;
}
#activity_hash {
  display: block;
}
#subscriptions_hash {
  display: none;
}
#friends_hash {
  display: none;
}
#manage-friends {
  display: none;
}
.profile-table {
  display: table;
  border-spacing: 0 5px;
  width: 100%;
}
.profile-table tr, .profile-table > div {
  display: table-row;
}
.profile-table tr:hover > a:not(.edit), .profile-table > div:hover > a:not(.edit) {
  background: #1c1c1c;
}
.profile-table tr:hover .activity, .profile-table > div:hover .activity {
  background-position: 0 -58px !important;
}
.profile-table tr td, .profile-table > div td, .profile-table tr > a, .profile-table > div > a {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  color: #e3e3e3;
}
.profile-table tr td.desc, .profile-table > div td.desc, .profile-table tr > a.desc, .profile-table > div > a.desc {
  padding: 7px 7px 7px 10px;
}
.profile-table tr td.desc .desc-hdr, .profile-table > div td.desc .desc-hdr, .profile-table tr > a.desc .desc-hdr, .profile-table > div > a.desc .desc-hdr {
  border-spacing: 0;
  margin-left: -2px;
  margin-bottom: 8px;
}
.profile-table tr td.desc .desc-hdr > div, .profile-table > div td.desc .desc-hdr > div, .profile-table tr > a.desc .desc-hdr > div, .profile-table > div > a.desc .desc-hdr > div {
  display: table-cell;
  vertical-align: middle;
}
.profile-table tr td.desc .desc-hdr .hdr-pic, .profile-table > div td.desc .desc-hdr .hdr-pic, .profile-table tr > a.desc .desc-hdr .hdr-pic, .profile-table > div > a.desc .desc-hdr .hdr-pic {
  padding-right: 13px;
}
.profile-table tr td.desc .desc-hdr .hdr-pic img, .profile-table > div td.desc .desc-hdr .hdr-pic img, .profile-table tr > a.desc .desc-hdr .hdr-pic img, .profile-table > div > a.desc .desc-hdr .hdr-pic img {
  width: 37px;
  height: 37px;
}
.profile-table tr td.desc > a, .profile-table > div td.desc > a, .profile-table tr > a.desc > a, .profile-table > div > a.desc > a, .profile-table tr td.desc .title, .profile-table > div td.desc .title, .profile-table tr > a.desc .title, .profile-table > div > a.desc .title {
  font-size: 16px;
  font-family: ;
}
.profile-table tr td.desc > a, .profile-table > div td.desc > a, .profile-table tr > a.desc > a, .profile-table > div > a.desc > a {
  color: white;
}
.profile-table tr td.edit, .profile-table > div td.edit, .profile-table tr > a.edit, .profile-table > div > a.edit {
  text-align: center;
  width: 50px;
  white-space: nowrap;
}
.profile-table tr td.edit a, .profile-table > div td.edit a, .profile-table tr > a.edit a, .profile-table > div > a.edit a, .profile-table tr td.edit span, .profile-table > div td.edit span, .profile-table tr > a.edit span, .profile-table > div > a.edit span {
  text-transform: uppercase;
  color: #aaa;
  font-size: 14px;
}
.profile-table tr td.edit a:hover, .profile-table > div td.edit a:hover, .profile-table tr > a.edit a:hover, .profile-table > div > a.edit a:hover {
  color: #eee;
}
.profile-table tr td.edit.delete, .profile-table > div td.edit.delete, .profile-table tr > a.edit.delete, .profile-table > div > a.edit.delete {
  font-size: 18px !important;
}
.profile-table tr td .manage, .profile-table > div td .manage, .profile-table tr > a .manage, .profile-table > div > a .manage {
  font-size: 12px;
  font-family: ;
}
.profile-table tr td .manage a, .profile-table > div td .manage a, .profile-table tr > a .manage a, .profile-table > div > a .manage a {
  color: white;
  font-size: 12px;
}
.profile-table tr a.edit:hover, .profile-table > div a.edit:hover {
  background: #2a2a2a;
}
.profile-table tr.unread .desc, .profile-table > div.unread .desc {
  background: #282828;
}
.manage-friends h2 .filter {
  margin-left: 0;
}
.manage-friends h2 .filter input {
  margin-left: 5px;
}
.manage {
  float: right;
  color: white;
  font: 12px/26px ;
  padding: 0 15px;
  background: #222;
  text-transform: none;
  cursor: pointer;
}
.manage-subscription .sub {
  float: right;
}
.manage-subscription .sub a {
  display: inline-block;
  padding: 0 16px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 14px;
  background: #141f31;
  color: #435269;
  text-transform: uppercase;
  line-height: 28px;
  display: block;
  text-align: center;
}
.manage-subscription h2.line {
  margin-bottom: 10px !important;
}
#profile .manage-subscription label {
  color: #979fb4;
  font-size: 12px;
  min-width: 160px;
  margin: 0 0 8px 0;
}
.manage-subscription > div {
  overflow: hidden;
}
.manage-subscription label + span {
  margin: 0;
  color: #adadad;
}




/*+ View Items +*/

#view .item-info {
	width:460px;
	line-height:1.5em;
}
#view .ability-info {
	line-height:1.5em;
	color:#c0c0c0;
	width:620px;
}
#view .ability-info .spell-info > div {
	display: inline-block;
	margin: 0 18px 8px 0;

}

#view .item-info-image {
	background: none repeat scroll 0 0 #233148;
    border: 1px solid #071627;
    height: 64px;
    padding: 2px;
    width: 64px;
}

#view .item-info-image-small {
	background: none repeat scroll 0 0 #233148;
    border: 1px solid #071627;
    height: 42px;
    padding: 2px;
    width: 42px;
}

#view .item-recipe .recipe-image {
	width:45px;
	border:1px solid #252525;
	padding:1px;
	margin:0 15px;
}

#view .recipe-container {
    margin: 30px 0 0 0;
}
#view .recipe1 img {
	border:1px solid #2e3f5b;
}
#view .recipe2 img {
	border:1px solid #2e3f5b;
}
#view .recipe3 img {
	border:1px solid #2e3f5b;
}
#view .recipe-bar2 {
	background:url(gfx/recipe-bar2-n2.png) no-repeat center bottom;
}
#view .recipe-bar .bar1 {
	background:url(gfx/recipe-bar1-n2.png) no-repeat left top;
}
#view .recipe-bar .bar2 {
	background:url(gfx/recipe-bar1-n2.png) no-repeat center top;
}
#view .recipe-bar .bar3 {
	background:url(gfx/recipe-bar1-n2.png) no-repeat right top;
}
#view .recipe-bar .bar4 {
	background:url(gfx/recipe-bar2-n2.png) no-repeat center top;
}
/*- View Items -*/

#view .vid-wrap {
	background:#233148;
	padding:8px;	
}
#view .vid-tmb-wrap {
	padding:5px;
	margin-top:2px;	
}
#view .vid-tmb {
	width:112px;
	float:left;
	border:1px solid #071627;
}
#view .vid-tmb img {
	border:2px solid #141f33;
	width:108px;
}
#view .vid-tmb .vid-title {
	width:146px;
	padding:5px;
	background:#101A25;
	height:45px;
	overflow:hidden;
}
#view .vid-title a{
	color:#87a4b7;	
}
.vid-desc {
	background:#1a283f;
	padding:10px;
	color:#c0c0c0;
	font-size:12px;
}
.vid-desc .avatar {
	width:57px;
	height:57px;
	border:1px solid #071627;
	background:#141f33;
	padding:2px;
}
#view .box-top {
	background-color: #19283f;
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32445f', endColorstr='#19283f', GradientType=0 );   
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #32445f), color-stop(100%, #19283f));
  	background-image: -webkit-linear-gradient(top, #32445f 1%, #19283f 100%);
  	background-image: -moz-linear-gradient(top, #32445f 1%, #19283f 100%);
  	background-image: -o-linear-gradient(top, #32445f 1%, #19283f 100%);
  	background-image: linear-gradient(#32445f 1%, #19283f 100%); 
	padding:8px;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;	
}
#view .vid-score {
	font-size:21px;
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	padding:3px;
}
#view .bio-height {
	height:30px;
	overflow:hidden;	
}
#view .btn-expand-wrap {
	border-top:1px solid #233148;
	margin-top:5px;
}
#view .btn-expand-wrap .btn-expand{
	background:#233148;
	padding:0 5px;
	width:50px;
	padding:3px 5px;
	margin:auto;
	text-transform:uppercase;
	font-size:10px;
	color:#87A4B7;
}
/*- View Items -*/



@import '/css/local-vars';
@font-face {
  font-family: steelfish;
  src: url(/fonts/steelfish-rg.ttf);
}
.profile > div {
  float: left;
  box-sizing: border-box;
}
.profile__sidebar {
  background: #152034;
  width: 340px;
}
.profile__sidebar h1 span {
  font-size: 11px;
  color: #8498b8;
}
.profile__sidebar__stats {
  background: #152034;
  padding: 16px 22px;
}
.profile__sidebar__stats h1 {
  margin-bottom: 10px;
}
.profile__sidebar__stats__avatar {
  float: left;
  width: 96px;
  border: 8px solid #0a1527;
}
.profile__sidebar__stats__avatar img {
  width: 100%;
}
.profile__sidebar__stats__details {
  float: left;
  padding-left: 10px;
  width: 174px;
  text-transform: uppercase;
  font-size: 14px;
  color: #63748f;
}
.profile__sidebar__stats__details h3 {
  color: white;
  font-weight: 400;
  font-size: 18px;
}
.profile__sidebar__stats__details .offline {
  color: #666;
}
.profile__sidebar__stats__social {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.profile__sidebar__stats__social ul li {
  display: inline-block;
  list-style: none;
  margin-right: 7px;
  transform: translateZ(0);
  transition: 300ms;
}
.profile__sidebar__stats__social ul li:hover {
  transform: rotate(-7deg) translateZ(0);
}
.profile__sidebar__stats__social p {
  margin: 10px 0;
  font-size: 14px;
}
.profile__sidebar__stats__social a {
  color: #4eb6ff;
  transition: 300ms;
}
.profile__sidebar__stats__social a:hover {
  color: white;
}
.profile__sidebar__stats__actions {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.profile__sidebar__tabs {
  background: #0b1727;
  list-style: none !important;
}
.profile__sidebar__tabs ul {
  list-style: none !important;
}
.profile__sidebar__tabs li {
  position: relative;
}
.profile__sidebar__tabs li a {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #152034;
  color: #63748f;
  font-size: 14px;
  transition: 300ms;
  position: relative;
}
.profile__sidebar__tabs li a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  transition: 300ms;
}
.profile__sidebar__tabs li a > span {
  position: relative;
  z-index: 2;
}
.profile__sidebar__tabs li a > span > span {
  color: #b4b8c0;
}
.profile__sidebar__tabs li a > div {
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  position: absolute;
  z-index: 1;
  background: #275495;
  transition: 450ms;
}
.profile__sidebar__tabs li a:hover, .profile__sidebar__tabs li a.selected {
  color: white;
  padding-left: 25px;
}
.profile__sidebar__tabs li a:hover img, .profile__sidebar__tabs li a.selected img {
  filter: brightness(0) invert(1);
}
.profile__sidebar__tabs li a:hover > div, .profile__sidebar__tabs li a.selected > div {
  width: 100%;
}
.profile__sidebar__tabs li .sub-toggle {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  width: 49px;
  height: 49px;
  border-left: 1px solid #152034;
  background: #0b1727;
  transition: 300ms;
  cursor: pointer;
}
.profile__sidebar__tabs li .sub-toggle span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  transition: 300ms;
}
.profile__sidebar__tabs li .sub-toggle:hover {
  background: #162e4f;
}
.profile__sidebar__tabs li .sub-toggle:hover span {
  opacity: 1;
}
.profile__sidebar__tabs li .sub-toggle.opened {
  background: #11233b;
}
.profile__sidebar__tabs li .sub-toggle.opened span {
  transform: translate(-50%, -50%) rotate(180deg);
}
.profile__sidebar__tabs li .sub-toggle.opened:hover {
  background: #162e4f;
}
.profile__sidebar__tabs > li > ul {
  display: none;
}
.profile__sidebar__tabs > li > ul li a {
  padding-left: 25px;
}
.profile__sidebar__tabs > li > ul li a img {
  width: 18px;
  opacity: 0.5;
}
.profile__sidebar__tabs > li > ul li a:hover, .profile__sidebar__tabs > li > ul li a.selected {
  padding-left: 35px;
}
.profile__sidebar__tabs > li > ul li a:hover img, .profile__sidebar__tabs > li > ul li a.selected img {
  opacity: 1;
}
.profile__sidebar__awards h4 {
  color: white;
  text-align: center;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding: 11px 0 7px;
  margin-bottom: 16px;
}
.profile__sidebar__awards h4::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 1px;
  background: #2c3d5d;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.profile__sidebar__awards .awards-showcase {
  padding: 10px 15px;
}
.profile__sidebar__awards .awards-showcase .awards > div {
  background: #19283f;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.profile__sidebar__awards .awards-showcase .awards > div:nth-of-type(4n) {
  margin-right: 0;
}
.profile__sidebar__awards .awards-showcase .awards > div img {
  width: 60px;
}
.profile__sidebar__awards .awards-showcase .show-awards {
  margin: 0;
  font-size: inherit;
  padding: inherit;
}
.profile__sidebar__awards .awards-showcase .show-awards::before, .profile__sidebar__awards .awards-showcase .show-awards::after {
  content: none;
}
.profile__sidebar__points {
  padding: 10px 14px;
}
.profile__sidebar__points .mf-points {
  margin-right: 0;
}
.profile__sidebar__ad {
  padding: 10px 13px;
}
.profile__main {
  width: 796px;
  background: #0a1121;
  padding: 10px 20px 20px;
  position: relative;
}
.profile__main h2 {
  margin-bottom: 10px;
  color: #8498b8;
}
.profile__main h2 span {
  color: white;
}
.profile__main h2 .find-tag {
  font-size: 12px;
  float: right;
  text-transform: none;
}
.profile__main h2 .find-tag a {
  color: #87add9;
}
.profile__main h3 {
  text-transform: uppercase;
  font-weight: 400;
  color: #596e8e;
}
.profile__main h3 img {
  width: 26px;
  opacity: 0.5;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.profile__main h3 .edit-link {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
}
.profile__main p {
  color: #8498b8;
}
.profile__main--unpadded {
  padding: 10px 10px 20px;
}
.profile__main--unpadded h2 {
  padding-left: 10px;
}
.profile__main .verify-btn {
  padding: 15px 50px;
  position: relative;
}
.profile__main .verify-btn a {
  color: white;
}
.profile__main .verify-btn::before {
  content: url('/images/check-white.png');
  position: absolute;
  left: 30px;
  top: 11px;
  opacity: 0;
  transition: 300ms;
}
.profile__main .verify-btn.verified {
  background: #298a34;
  padding: 15px 40px 15px 60px;
}
.profile__main .verify-btn.verified::before {
  opacity: 1;
}
.profile__main .verify-btn.verified:hover {
  background: #298a34;
}
.profile__main__modules {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.profile__main__inactiveModules {
  border-top: 1px solid #152034;
  float: left;
  width: 100%;
}
.profile__main__inactiveModules h2 {
  text-align: center;
  padding: 15px 0;
}
.profile__main__inactiveModules__inner {
  min-height: 100px;
}
.profile__main__inactiveModules__inner .profile-module {
  opacity: 0.3;
}
.profile__main__edit {
  position: absolute;
  top: 0px;
  right: 20px;
  font-size: 0;
}
.profile__main__edit .flat-btn {
  margin-right: 8px;
}
.profile__main__edit .switcher {
  display: inline-block;
  background: #141f33;
  color: #778aaa;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  font-size: 14px;
  line-height: 34px;
  height: 34px;
  padding: 0 10px;
  box-sizing: border-box;
}
.profile__main__edit .switcher.active, .profile__main__edit .switcher:hover {
  color: white;
  border-bottom: 4px solid #275495;
}
.profile__main #fav-sort label:first-child {
  width: auto;
  padding-right: 16px;
}
.profile__main #fav-sort label span {
  padding: 0 11px;
}
.profile__main .profile-module {
  background: #152034;
  color: white;
  padding: 1px 15px 15px;
  float: left;
  width: calc(100% - 20px);
  box-sizing: border-box;
  margin: 0 10px 20px 10px;
  position: relative;
}
.profile__main .profile-module--half {
  width: calc(50% - 20px);
  max-width: calc(50% - 20px);
}
.profile__main .profile-module h4 {
  color: white;
  text-align: center;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding: 11px 0 7px;
  margin-bottom: 16px;
}
.profile__main .profile-module h4::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 1px;
  background: #2c3d5d;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.profile__main .profile-module__custom {
  min-height: 146px;
  position: relative;
  margin-bottom: 10px;
}
.profile__main .profile-module__custom img {
  max-width: 100%;
}
.profile__main .profile-module__custom img {
  max-width: 100%;
}
.profile__main .profile-module__custom p {
  margin-bottom: 20px;
}
.profile__main .profile-module__custom textarea {
  width: 100%;
  height: 140px;
  resize: vertical;
  background: #1a283f;
  color: #b4b8c0;
  border: none;
  padding: 5px;
  box-sizing: border-box;
}
.profile__main .profile-module__bio {
  height: 146px;
  position: relative;
  overflow: hidden;
}
.profile__main .profile-module__bio p {
  margin-bottom: 20px;
}
.profile__main .profile-module__bio__cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 40%, #152034 100%);
  background: -webkit-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 40%, #152034 100%);
  background: linear-gradient(to bottom, rgba(21, 32, 52, 0) 0%, #152034 40%, #152034 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00152034', endColorstr='#152034',GradientType=0);
}
.profile__main .profile-module__bio__cover span {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 25px 0 5px;
  font-size: 14px;
  color: #788ba9;
  text-transform: uppercase;
  transition: 300ms;
  cursor: pointer;
}
.profile__main .profile-module__bio__cover span:hover {
  color: white;
}
.profile__main .profile-module__summoner {
  font-size: 0;
}
.profile__main .profile-module__summoner__item {
  display: inline-block;
  width: 33.33%;
  text-align: center;
}
.profile__main .profile-module__summoner__item img {
  border: 5px solid #0d1526;
  border-radius: 100%;
  width: 89px;
  height: 89px;
  margin-bottom: 10px;
}
.profile__main .profile-module__summoner__item span {
  display: block;
  margin-bottom: 2px;
  color: white;
  font-size: 14px;
}
.profile__main .profile-module__summoner__item span:nth-of-type(1) {
  text-transform: uppercase;
  font-size: 10px;
}
.profile__main .profile-module__wishlist__item {
  font-size: 0;
  background: #19283f;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
  transition: 300ms;
}
.profile__main .profile-module__wishlist__item > span {
  display: inline-block;
  vertical-align: middle;
  color: white;
}
.profile__main .profile-module__wishlist__item > span:nth-of-type(1) {
  overflow: hidden;
}
.profile__main .profile-module__wishlist__item > span:nth-of-type(1) img {
  width: 64px;
  height: 64px;
  transform: translateZ(0);
  transition: 300ms;
}
.profile__main .profile-module__wishlist__item > span:nth-of-type(2) {
  width: 200px;
  padding-left: 15px;
  font-size: 14px;
}
.profile__main .profile-module__wishlist__item > span:nth-of-type(2) span {
  display: block;
  font-size: 11px;
  color: #63748f;
}
.profile__main .profile-module__wishlist__item > span:nth-of-type(3) {
  font-size: 14px;
}
.profile__main .profile-module__wishlist__item:hover {
  background: #203451;
}
.profile__main .profile-module__wishlist__item:hover > span:nth-of-type(1) img {
  transform: scale(1.2) translateZ(0);
}
.profile__main .profile-module__topChamp {
  font-size: 0;
  text-align: center;
}
.profile__main .profile-module__topChamp__item {
  display: inline-block;
  text-align: left;
}
.profile__main .profile-module__topChamp__item h5 {
  text-transform: uppercase;
  color: white;
  font: 12px/12px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  text-align: left;
  padding-left: 108px;
  position: relative;
  top: 20px;
}
.profile__main .profile-module__topChamp__item__data {
  position: relative;
  padding-left: 55px;
  min-height: 115px;
}
.profile__main .profile-module__topChamp__item__image {
  border: 4px solid #091120;
  border-radius: 100%;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.profile__main .profile-module__topChamp__item__image .wrap {
  display: block;
  border: 4px solid #152034;
  overflow: hidden;
  border-radius: 100%;
}
.profile__main .profile-module__topChamp__item__image img {
  width: 93px;
  height: 93px;
  border-radius: 100%;
  transition: 400ms;
}
.profile__main .profile-module__topChamp__item__image:hover img {
  transform: scale(1.15);
}
.profile__main .profile-module__topChamp__item__radial {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
}
.profile__main .profile-module__topChamp__item__radial .radial-progress {
  background: #152034;
  display: inline-block;
  width: 110px;
  height: 110px;
  border: 4px solid #152034;
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .circle .mask, .profile__main .profile-module__topChamp__item__radial .radial-progress .circle .fill, .profile__main .profile-module__topChamp__item__radial .radial-progress .circle .shadow {
  width: 110px;
  height: 110px;
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .circle .mask {
  clip: rect(0px, 110px, 110px, 55px);
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .circle .mask .fill {
  clip: rect(0px, 55px, 110px, 0px);
  background: #30a7ae;
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .inset {
  width: 95px;
  height: 95px;
  margin-left: 7.5px;
  margin-top: 7.5px;
  box-sizing: border-box;
  border: 3px solid #152034;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .inset img {
  width: 100%;
  transition: 300ms;
  transform: scale(1.1);
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .inset__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 5px 15px;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  text-align: center;
  text-transform: uppercase;
  font: 12px/12px 'Open Sans Mobafire', 'Open Sans', sans-serif;
}
.profile__main .profile-module__topChamp__item__radial .radial-progress .inset:hover img {
  transform: scale(1.2);
}
.profile__main .profile-module__topChamp__item__stats {
  padding-top: 30px;
}
.profile__main .profile-module__topChamp__item__stats .stats-bar {
  height: auto;
  margin-bottom: 10px;
  margin-left: 45px;
}
.profile__main .profile-module__topChamp__item__stats .stats-bar .bar-div {
  box-sizing: border-box;
  background: #19283f;
  width: 85px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.profile__main .profile-module__topChamp__item__stats .stats-bar .bar-div span {
  display: inline-block;
  height: 100%;
  color: white;
  background: #275495;
  vertical-align: top;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
}
.profile__main .profile-module__topChamp__item__stats .stats-bar .bar-div span b {
  display: inline-block;
  font-weight: 400;
  padding: 0px 4px;
  background: rgba(39, 84, 149, 0.5);
  border-radius: 5px;
  line-height: 1.4;
  margin: 3px 0;
}
.profile__main .profile-module__topChamp__item__stats .stats-bar .bar-div span.blue {
  color: white;
}
.profile__main .profile-module__topChamp__item__stats .stats-bar em {
  text-transform: uppercase;
  font-size: 11px;
  background: #17283c;
  color: #687891;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  width: 35px;
  text-align: center;
  padding-left: 6px;
}
.profile__main .profile-module__topChamp__item__stats p {
  color: white;
  font-size: 11px;
  margin: -4px 0 0 48px;
}
.profile__main .profile-module__topChamp__item--triple h5 {
  top: 10px;
}
.profile__main .profile-module__topChamp__item--triple .profile-module__topChamp__item__stats {
  padding-top: 18px;
}
.profile__main .profile-module__topChamp__item--triple .stats-bar {
  margin-left: 40px;
}
.profile__main .profile-module__topChamp__item--triple .stats-bar em {
  padding-left: 15px;
  width: 60px;
  text-align: right;
  padding-right: 6px;
}
.profile__main .profile-module__topChamp__prompt {
  margin-top: 40px;
  padding: 6px 0;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  background: #191d26;
  border: 1px solid #33c4cd;
  cursor: pointer;
  transition: 300ms;
}
.profile__main .profile-module__topChamp__prompt a {
  color: white;
}
.profile__main .profile-module__topChamp__prompt img {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.profile__main .profile-module__topChamp__prompt:hover {
  background: #232935;
}
.profile__main .profile-module__topChamp--full {
  margin-top: 10px;
  margin-bottom: 40px;
}
.profile__main .profile-module__topChamp--full .profile-module__topChamp__item .radial-progress {
  background: #0a1121;
  border-color: #0a1121;
}
.profile__main .profile-module__topChamp--full .profile-module__topChamp__item .radial-progress .inset {
  border-color: #0a1121;
}
.profile__main .profile-module__topChamp--full .profile-module__topChamp__item__stats {
  margin-right: 20px;
}
.profile__main .profile-module__topChamp--full .profile-module__topChamp__item__stats:last-of-type {
  margin-right: 0;
}
.profile__main .profile-module__guides__feature {
  display: block;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: 300ms;
  padding: 10px 12px;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 5px;
}
.profile__main .profile-module__guides__feature h5 {
  font-size: 16px;
  color: white;
  font-weight: 400;
}
.profile__main .profile-module__guides__feature > span {
  font-size: 11px;
  color: #63748f;
}
.profile__main .profile-module__guides__feature > span em {
  font-style: normal;
  color: white;
}
.profile__main .profile-module__guides__feature__rating {
  color: #63748f;
  padding-top: 20px;
}
.profile__main .profile-module__guides__feature__rating span {
  font-size: 12px;
  text-transform: uppercase;
}
.profile__main .profile-module__guides__feature__rating span em {
  font-style: normal;
  color: white;
}
.profile__main .profile-module__guides__feature__rating > div {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.profile__main .profile-module__guides__feature__items {
  padding-top: 5px;
}
.profile__main .profile-module__guides__feature__items img {
  width: 26px;
  height: 26px;
  border: 2px solid #141f33;
  margin-right: 9px;
}
.profile__main .profile-module__guides__feature__tier {
  position: absolute;
  bottom: 18px;
  right: 0;
  font-size: 12px;
  text-transform: uppercase;
  background: rgba(132, 94, 225, 0.8);
  padding: 0px 50px 0 25px;
  height: 19px;
  line-height: 19px;
  color: white;
}
.profile__main .profile-module__guides__feature__tier img {
  width: 25px;
  position: absolute;
  top: -3px;
  right: 20px;
}
.profile__main .profile-module__guides__feature__tier::before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 19px 19px;
  border-color: transparent transparent rgba(132, 94, 225, 0.8) transparent;
}
.profile__main .profile-module__guides__feature__tier.unranked {
  background: transparent;
}
.profile__main .profile-module__guides__feature__tier.unranked::before {
  content: none;
}
.profile__main .profile-module__guides__feature:hover {
  background-size: 120% auto;
}
.profile__main .profile-module__guides__listing {
  position: relative;
  padding: 4px 0px 5px 85px;
  background: #19283f;
  width: 356px;
  margin-right: 14px;
  margin-bottom: 5px;
  float: left;
  box-sizing: border-box;
  min-height: 75px;
  transition: 300ms;
}
.profile__main .profile-module__guides__listing:nth-of-type(odd) {
  margin-right: 0;
}
.profile__main .profile-module__guides__listing__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 75px;
  overflow: hidden;
}
.profile__main .profile-module__guides__listing__image img {
  width: 100%;
  transition: 300ms;
  transform: translateZ(0);
}
.profile__main .profile-module__guides__listing__image img:nth-of-type(2) {
  width: 22px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.profile__main .profile-module__guides__listing h5 {
  font-weight: 400;
  color: white;
  font-size: 14px;
  line-height: 14px;
}
.profile__main .profile-module__guides__listing span {
  font-size: 11px;
  color: #63748f;
}
.profile__main .profile-module__guides__listing span em {
  font-style: normal;
  color: white;
}
.profile__main .profile-module__guides__listing__rating {
  text-transform: uppercase;
}
.profile__main .profile-module__guides__listing__rating > div {
  margin: 0;
}
.profile__main .profile-module__guides__listing__views {
  position: absolute;
  bottom: 5px;
  right: 7px;
}
.profile__main .profile-module__guides__listing:hover {
  background: #203451;
}
.profile__main .profile-module__guides__listing:hover .profile-module__guides__listing__image img {
  transform: translateZ(0) scale(1.2);
}
.profile__main .profile-module__raffle__column {
  display: inline-block;
  width: 225px;
  margin-right: 22px;
}
.profile__main .profile-module__raffle__column:nth-of-type(3) {
  margin-right: 0;
}
.profile__main .profile-module__raffle__column h5 {
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 400;
  text-align: center;
}
.profile__main .profile-module__raffle__column h5 img {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
}
.profile__main .profile-module__raffle__column__row {
  margin-bottom: 3px;
}
.profile__main .profile-module__raffle__column__row:last-of-type {
  margin-bottom: 0;
}
.profile__main .profile-module__raffle__column__row span {
  background: #1a283f;
  font-size: 12px;
  display: inline-block;
  padding: 10px;
  box-sizing: border-box;
}
.profile__main .profile-module__raffle__column__row span:nth-of-type(1) {
  color: #b4b8c0;
  width: 180px;
}
.profile__main .profile-module__raffle__column__row span:nth-of-type(2) {
  color: #eeae53;
}
.profile__main .profile-module__raffle__column__total {
  background: #1a283f;
  padding: 10px;
  color: white;
}
.profile__main .profile-module__raffle__column__total span:last-of-type {
  float: right;
  color: #eeae53;
}
.profile__main .profile-module__raffle--full {
  margin: 20px 0 10px;
}
.profile__main .profile-module__raffle--full h5 {
  color: #475976;
  font-size: 14px;
}
.profile__main .profile-module__raffle--full h5 img {
  vertical-align: middle;
}
.profile__main .profile-module__raffle--full .profile-module__raffle__column {
  width: 235px;
  margin-right: 22px;
}
.profile__main .profile-module__raffle--full .profile-module__raffle__column:last-of-type {
  margin-right: 0;
}
.profile__main .profile-module__raffle--full .profile-module__raffle__column__row span:nth-of-type(1) {
  width: 190px;
}
.profile__main .profile-module__blog {
  position: relative;
  display: inline-block;
}
.profile__main .profile-module__blog__cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 40%, #152034 100%);
  background: -webkit-linear-gradient(top, rgba(21, 32, 52, 0) 0%, #152034 40%, #152034 100%);
  background: linear-gradient(to bottom, rgba(21, 32, 52, 0) 0%, #152034 40%, #152034 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00152034', endColorstr='#152034',GradientType=0);
}
.profile__main .profile-module__blog__cover a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 25px 0 5px;
  font-size: 14px;
  color: #788ba9;
  text-transform: uppercase;
  transition: 300ms;
}
.profile__main .profile-module__blog__cover a:hover {
  color: white;
}
.profile__main .profile-module__blog__date {
  width: 38px;
  float: left;
}
.profile__main .profile-module__blog__date span {
  display: block;
  text-align: center;
}
.profile__main .profile-module__blog__date span:nth-of-type(1) {
  font-size: 20px;
  line-height: 33px;
  background: #091120;
}
.profile__main .profile-module__blog__date span:nth-of-type(2) {
  color: #8498b8;
  font-size: 11px;
  line-height: 17px;
  text-transform: uppercase;
  background: #275495;
}
.profile__main .profile-module__blog__content {
  float: left;
  padding-left: 10px;
  width: 288px;
  max-height: 233px;
  overflow: hidden;
}
.profile__main .profile-module__blog__content h5 {
  font-size: 16px;
  font-weight: normal;
  color: white;
}
.profile__main .profile-module__blog__content h5 a {
  color: white;
}
.profile__main .profile-module__blog__content span {
  display: block;
  color: #475976;
  font-size: 12px;
  margin-bottom: 10px;
}
.profile__main .profile-module__blog__content .main {
  color: #b4b8c0;
  font-size: 13px;
  float: left;
  width: 100%;
  height: 182px;
}
.profile__main .profile-module__blog__content .main img {
  max-width: 100%;
}
.profile__main .profile-module__blog__content .main--full {
  height: auto;
}
.profile__main .profile-module__blog--full {
  width: 100%;
  margin-bottom: 40px;
}
.profile__main .profile-module__blog--full .profile-module__blog__date span:nth-of-type(1) {
  background: #142134;
}
.profile__main .profile-module__blog--full .profile-module__blog__content {
  width: calc(100% - 48px);
  max-height: none;
}
.profile__main .profile-module__blog--full .profile-module__blog__content h5 {
  border-bottom: 1px solid #475976;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.profile__main .profile-module__blog--full .profile-module__blog__content h5 span {
  float: right;
  margin-bottom: 0;
  margin-top: 5px;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .tags {
  float: left;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .tags a {
  color: #475976;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .tags a:hover {
  color: #7585a2;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .actions {
  float: right;
  color: #475976;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .actions a {
  margin-left: 5px;
  color: #475976;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .actions a:hover {
  color: #7585a2;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .actions a:nth-of-type(1) {
  color: #a903fb;
  margin: 0 5px 0 0;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .main {
  margin: 10px 0;
  color: #7585a2;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .main p {
  color: #7585a2;
}
.profile__main .profile-module__blog--full .profile-module__blog__content .main a {
  display: block;
  margin-top: 5px;
}
.profile__main .profile-module__blog--full .profile-module__blog__social {
  margin-top: 10px;
  width: calc(100% - 48px);
  float: right;
  background: #152034;
  padding: 3px 5px 5px 7px;
  box-sizing: border-box;
}
.profile__main .profile-module__blog--full .profile-module__blog__social a {
  color: #7585a2;
}
.profile__main .profile-module__blog--full .profile-module__blog__social > span {
  margin-top: 1px;
}
.profile__main .profile-module__tier__listing {
  position: relative;
  padding: 13px 0px 5px 85px;
  background: #19283f;
  width: 100%;
  margin-bottom: 5px;
  float: left;
  box-sizing: border-box;
  min-height: 75px;
  transition: 300ms;
}
.profile__main .profile-module__tier__listing:last-of-type {
  margin-bottom: 0;
}
.profile__main .profile-module__tier__listing__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 75px;
  overflow: hidden;
}
.profile__main .profile-module__tier__listing__image img {
  width: 100%;
  transition: 300ms;
  transform: translateZ(0);
}
.profile__main .profile-module__tier__listing h5 {
  font-weight: 400;
  color: white;
  font-size: 14px;
  line-height: 14px;
}
.profile__main .profile-module__tier__listing span {
  font-size: 12px;
  color: #63748f;
}
.profile__main .profile-module__tier__listing span em {
  font-style: normal;
  color: white;
}
.profile__main .profile-module__tier__listing__rating {
  text-transform: uppercase;
}
.profile__main .profile-module__tier__listing__rating > div {
  display: inline-block;
  vertical-align: middle;
}
.profile__main .profile-module__tier__listing:hover {
  background: #203451;
}
.profile__main .profile-module__tier__listing:hover .profile-module__tier__listing__image img {
  transform: translateZ(0) scale(1.2);
}
.profile__main .profile-module__handle {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  text-align: center;
  background: #0a1121;
  border-radius: 0 0 5px 0;
  box-sizing: border-box;
  cursor: move;
}
.profile__main .profile-module__handle img {
  width: 30px;
  height: 30px;
  opacity: 0.5;
  transition: 300ms;
}
.profile__main .profile-module__handle:hover img {
  opacity: 1;
}
.profile__main .profile-module__close {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  text-align: center;
  background: #0a1121;
  border-radius: 0 0 0 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.profile__main .profile-module__close img {
  width: 30px;
  height: 30px;
  opacity: 0.5;
  transition: 300ms;
}
.profile__main .profile-module__close:hover img {
  opacity: 1;
}
.profile__main .profile-module__placeholder {
  background: #060606;
  float: left;
  margin: 0 10px 20px 10px;
}
.profile__main .sort-awards {
  font-size: 0;
  min-height: 56px;
  width: 100%;
}
.profile__main .sort-awards > div {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-right: 5px;
  background: #141f31;
  border: 1px solid #1b2a41;
  padding: 5px;
  height: 58px;
  width: 58px;
}
.profile__main .sort-awards > div img {
  height: 58px;
}
.profile__main .sort-awards > div.award-placeholder {
  background: #233655;
  border: 1px solid #2a4165;
}
.profile__main .browse-list h3 {
  text-transform: none;
}
.profile__main .browse-list__item__desc {
  width: 509px;
}
.profile__main .browse-list--noRating .browse-list__item__desc {
  width: 669px;
  margin-right: 0;
}
.profile__main .awards-list {
  margin-top: 30px;
}
.profile__main .awards-list__title {
  display: flex;
  margin-bottom: 3px;
}
.profile__main .awards-list__title > span {
  text-transform: uppercase;
  color: #475976;
  font-size: 11px;
}
.profile__main .awards-list__title > span:nth-of-type(1) {
  width: 70px;
}
.profile__main .awards-list__title > span:nth-of-type(2) {
  width: 531px;
}
.profile__main .awards-list__title > span:nth-of-type(3) {
  width: 158px;
  text-align: center;
}
.profile__main .awards-list__item {
  display: flex;
  margin-bottom: 2px;
}
.profile__main .awards-list__item > span {
  height: 70px;
  box-sizing: border-box;
  position: relative;
}
.profile__main .awards-list__item > span:nth-of-type(1) {
  background: #1a2940;
  width: 70px;
}
.profile__main .awards-list__item > span:nth-of-type(1) img {
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile__main .awards-list__item > span:nth-of-type(2) {
  background: #233249;
  width: 531px;
}
.profile__main .awards-list__item > span:nth-of-type(2) span {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 100%;
}
.profile__main .awards-list__item > span:nth-of-type(2) h4 {
  font-weight: 400;
  font-size: 16px;
}
.profile__main .awards-list__item > span:nth-of-type(2) p {
  font-size: 12px;
}
.profile__main .awards-list__item > span:nth-of-type(3) {
  text-align: center;
  width: 158px;
  background: #1a2940;
  color: #c0c0c0;
  line-height: 70px;
}
.profile__main .league-stats {
  position: relative;
  background-size: cover;
  background-position: right -200px center;
  padding-top: 135px;
  font-size: 0;
  margin-bottom: 30px;
}
.profile__main .league-stats__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(9, 16, 32, 0) 0%, rgba(9, 16, 32, 0) 59%, #091020 88%, #091020 100%);
  background: -webkit-linear-gradient(top, rgba(9, 16, 32, 0) 0%, rgba(9, 16, 32, 0) 59%, #091020 88%, #091020 100%);
  background: linear-gradient(to bottom, rgba(9, 16, 32, 0) 0%, rgba(9, 16, 32, 0) 59%, #091020 88%, #091020 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00091020', endColorstr='#091020',GradientType=0);
}
.profile__main .league-stats__prompt {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 0;
  text-align: center;
  background: #0b1727;
  padding: 0 30px;
}
.profile__main .league-stats__prompt img {
  width: 185px;
  display: block;
  margin: 5px auto 0 auto;
}
.profile__main .league-stats__prompt .updated {
  color: #aaa;
  font-size: 10px;
  line-height: 10px;
}
.profile__main .league-stats__prompt span {
  color: white;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin: -3px 0 7px 0;
}
.profile__main .league-stats__update {
  position: absolute;
  z-index: 2;
  top: 96px;
  left: 0;
  text-align: center;
  background: #0b1727;
  padding: 10px 30px 0px 30px;
}
.profile__main .league-stats__update img {
  width: 185px;
  display: block;
  margin: 5px auto 0 auto;
}
.profile__main .league-stats__update .updated {
  color: #aaa;
  font-size: 10px;
  line-height: 10px;
}
.profile__main .league-stats__update span {
  color: white;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin: -3px 0 7px 0;
}
.profile__main .league-stats__item {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.profile__main .league-stats__item .wrap {
  display: inline-block;
  border: 5px solid rgba(13, 21, 38, 0.75);
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.profile__main .league-stats__item > img {
  border-radius: 100%;
  border: 5px solid rgba(13, 21, 38, 0.75);
  margin-bottom: 10px;
}
.profile__main .league-stats__item img {
  transition: 400ms;
  width: 139px;
  height: 139px;
}
.profile__main .league-stats__item span {
  display: block;
  margin-bottom: 1px;
  color: white;
  font-size: 16px;
}
.profile__main .league-stats__item span a {
  color: white;
}
.profile__main .league-stats__item span:nth-of-type(1) {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
}
.profile__main .league-stats__item:hover .wrap img {
  transform: scale(1.1);
}
.profile__main .league-stats__item__subItem {
  position: absolute;
  bottom: 5px;
  right: 0;
}
.profile__main .league-stats__item__subItem img {
  width: 60px;
  height: 60px;
  background: rgba(13, 21, 38, 0.75);
}
.profile__main .league-stats__item__subItem > img {
  border-radius: 100%;
  border: 3px solid rgba(13, 21, 38, 0.75);
}
.profile__main .league-stats__item__subItem span {
  color: #aaa;
  font-size: 14px;
}
.profile__main .league-stats__item:last-of-type img {
  background: rgba(13, 21, 38, 0.5);
}
.profile__main .verify-area {
  background: none !important;
}
.profile__main .verify-area__left {
  width: 40%;
  float: left;
  text-align: center;
  margin: 30px 0 50px;
}
.profile__main .verify-area__left img {
  width: 245px;
  margin-bottom: 5px;
}
.profile__main .verify-area__left p {
  font-size: 13px;
  line-height: 24px;
  color: white;
}
.profile__main .verify-area__right {
  width: 60%;
  float: left;
  box-sizing: border-box;
  padding-left: 50px;
  margin: 30px 0 50px;
}
.profile__main .verify-area__right > fieldset, .profile__main .verify-area__right > label {
  display: block;
  float: none;
}
.profile__main .verify-area__right span + label {
  margin-left: 5px;
  cursor: pointer;
}
.profile__main .verify-area__right label:first-child {
  padding-left: 0;
}
.profile__main .verify-area__right input[type="checkbox"] + span {
  margin: 5px 0;
}
.profile__main .verify-area__right .flat-checkbox + span + span {
  color: white;
}
.profile__main .verify-area submit {
  padding: 15px 0;
}
.profile__main .mastered-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 40px;
  justify-content: center;
}
.profile__main .mastered-list__item {
  position: relative;
  margin: 4px;
}
.profile__main .mastered-list__item:first-of-type {
  margin-left: 0;
}
.profile__main .mastered-list__item:last-of-type {
  margin-right: 0;
}
.profile__main .mastered-list__item .wrap {
  overflow: hidden;
  border: 2px solid #152032;
  display: block;
}
.profile__main .mastered-list__item > img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 53px;
}
.profile__main .mastered-list__item > span > img {
  width: 82px;
  height: 82px;
  transition: 400ms;
  transform: translateZ(0);
}
.profile__main .mastered-list__item:hover > span > img:nth-of-type(1) {
  transform: scale(1.1) translateZ(0);
}
.profile__main .fav-list__item {
  display: block;
  position: relative;
  padding: 20px 40px 20px 65px;
  border-bottom: 1px solid #152034;
}
.profile__main .fav-list__item__icon {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 5px;
  background: #233148;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
}
.profile__main .fav-list__item__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 300ms;
}
.profile__main .fav-list__item__icon:hover img {
  transform: translate(-50%, -50%) rotate(-8deg);
}
.profile__main .fav-list__item__content h4 {
  font-weight: 400;
  font-size: 14px;
  color: white;
}
.profile__main .fav-list__item__content span {
  margin-top: 3px;
  color: #63748f;
  font-size: 12px;
}
.profile__main .fav-list__item__remove {
  position: absolute;
  top: 23px;
  right: 15px;
  font-size: 30px;
  transform: rotate(45deg);
  cursor: pointer;
  transition: 300ms;
}
.profile__main .fav-list__item__remove a {
  color: #63748f;
}
.profile__main .fav-list__item__remove:hover a {
  color: white;
}
.profile__main .activity-list__item {
  display: block;
  position: relative;
  padding: 20px 40px 20px 60px;
  border-bottom: 1px solid #152034;
}
.profile__main .activity-list__item__icon {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 5px;
  background: #233148;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
}
.profile__main .activity-list__item__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 300ms;
  max-width: 30px;
  max-height: 30px;
}
.profile__main .activity-list__item__icon:hover img {
  transform: translate(-50%, -50%) rotate(-8deg);
}
.profile__main .activity-list__item__date {
  padding: 5px 15px;
  display: inline-block;
  vertical-align: middle;
}
.profile__main .activity-list__item__date span {
  display: block;
  font-size: 11px;
  line-height: 13px;
  color: #b2b9c3;
}
.profile__main .activity-list__item__content {
  display: inline-block;
  vertical-align: middle;
}
.profile__main .activity-list__item__content h4 {
  font-weight: 400;
  font-size: 14px;
  color: #b2b9c3;
}
.profile__main .activity-list__item__content span {
  margin-top: 3px;
  color: #63748f;
  font-size: 13px;
}
.profile__main .activity-list__item__content em {
  font-style: normal;
  color: white;
}
.profile__main .activity-list__item__remove {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 30px;
  color: #63748f;
  transform: rotate(45deg);
  cursor: pointer;
  transition: 300ms;
}
.profile__main .activity-list__item__remove a {
  color: #63748f;
}
.profile__main .activity-list__item__remove:hover a {
  color: white;
}
.profile__main .messages__top .champ-tabs {
  width: auto;
  margin-right: 3px;
}
.profile__main .messages__top .champ-tabs a, .profile__main .messages__top .champ-tabs span {
  width: 87px;
  text-align: center;
}
.profile__main .messages--notif .champ-tabs span::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  display: inline-block;
  margin-left: 5px;
}
.profile__main .messages--notif .champ-tabs a, .profile__main .messages--notif .champ-tabs span {
  width: 140px;
  position: relative;
}
.profile__main .messages--notif .champ-tabs a ul, .profile__main .messages--notif .champ-tabs span ul {
  display: none;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  right: 0;
  background: #152034;
  border-radius: 0 0 5px 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  padding: 5px 0;
}
.profile__main .messages--notif .champ-tabs a ul li, .profile__main .messages--notif .champ-tabs span ul li {
  display: block;
}
.profile__main .messages--notif .champ-tabs a ul li a, .profile__main .messages--notif .champ-tabs span ul li a {
  display: block;
  text-transform: none;
  color: white;
  width: 100%;
  font-size: 12px;
  line-height: 2;
}
.profile__main .messages--notif .champ-tabs a ul li a:hover, .profile__main .messages--notif .champ-tabs span ul li a:hover {
  background: #275495;
}
.profile__main .messages--notif .champ-tabs a:hover ul, .profile__main .messages--notif .champ-tabs span:hover ul {
  display: block;
}
.profile__main .messages--notif .message-list__item > a {
  padding-left: 80px;
}
.profile__main .messages--notif .message-list__item__pic img {
  padding: 7px;
  box-sizing: border-box;
  background: #2a364e;
}
.profile__main .messages--notif .message-list__item__content {
  width: 610px;
}
.profile__main .messages--notif .message-list__item__content > p > span {
  color: #b2b9c3;
}
.profile__main #pm-view {
  margin-top: 15px;
}
.profile__main .message-list__item {
  display: block;
  position: relative;
  border-bottom: 1px solid #152034;
  transition: 400ms;
}
.profile__main .message-list__item > a {
  display: inline-block;
  padding: 20px 40px 20px 60px;
}
.profile__main .message-list__item.unread {
  border-left: 5px solid #275495;
  background: #152034;
}
.profile__main .message-list__item:hover {
  background: #101929;
}
.profile__main .message-list__item__pic {
  position: absolute;
  top: 0;
  left: 10px;
  width: 45px;
  bottom: 0;
  box-sizing: border-box;
}
.profile__main .message-list__item__pic img {
  width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.profile__main .message-list__item__meta {
  padding: 5px 15px;
  display: inline-block;
  vertical-align: middle;
  width: 130px;
}
.profile__main .message-list__item__meta > span {
  display: block;
  font-size: 11px;
  line-height: 13px;
  color: #8498b8;
}
.profile__main .message-list__item__content {
  display: inline-block;
  vertical-align: middle;
  width: 475px;
}
.profile__main .message-list__item__content h4 {
  font-weight: 400;
  font-size: 14px;
  color: #b2b9c3;
}
.profile__main .message-list__item__content p {
  font-size: 13px;
}
.profile__main .message-list__item__remove {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  font-size: 30px;
  color: #63748f;
  cursor: pointer;
  transition: 300ms;
}
.profile__main .message-list__item__remove a {
  display: block;
  transform: rotate(45deg);
  color: #63748f;
}
.profile__main .message-list__item__remove:hover a {
  color: white;
}
.profile__main .commend-list {
  margin-top: 15px;
}
.profile__main .commend-list__item {
  background: #233249;
  position: relative;
  padding: 15px 5px 15px 75px;
  margin-bottom: 2px;
}
.profile__main .commend-list__item:nth-of-type(even) {
  background: #1a2940;
}
.profile__main .commend-list__item img {
  width: 65px;
  position: absolute;
  top: 9px;
  left: 5px;
}
.profile__main .commend-list__item h4 {
  font-weight: 400;
}
.profile__main .commend-list__item span {
  color: #7585a2;
}
.profile__main__bio {
  color: #7585a2;
  margin: 15px 0 25px 0;
}
.profile__main__bio p {
  color: #7585a2;
  margin-bottom: 15px;
}
.profile__main .beta-list {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 25px;
}
.profile__main .beta-list__item {
  margin-bottom: 30px;
}
.profile__main .beta-list__item h3 {
  float: left;
  margin-right: 10px;
  font-weight: 700;
}
.profile__main .beta-list__item label {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
.profile__main .beta-list__item p {
  margin-top: 8px;
  color: #979fb4;
}
.profile__main .notification-label {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 8px;
}
.profile__main .notification-label:nth-of-type(1) {
  width: 475px;
}
.profile__main .notification-label:nth-of-type(2), .profile__main .notification-label:nth-of-type(3) {
  color: white;
}
.profile__main .notification-label:nth-of-type(3) {
  margin-left: 167px;
}
.profile__main .mf-form .active {
  color: #2de346;
}
.profile__main .mf-form .inactive {
  color: #f00;
}
.profile__main .mf-form--prime {
  margin: 10px 0;
}
.profile__main .mf-form--prime label:first-of-type {
  width: auto;
}
.profile__main .mf-form--prime span {
  text-transform: uppercase;
  color: #8498b8;
  font-size: 14px;
}
.profile__main .mf-form--prime .half:nth-of-type(1), .profile__main .mf-form--prime .half:nth-of-type(2) {
  margin-bottom: 2px;
}
.profile__main .mf-form--prime .half:nth-of-type(even) {
  border-left: 2px solid #152034;
}
.profile__main .mf-form--prime + a {
  margin-bottom: 20px;
}
.profile__main .mf-form--notifications {
  margin-bottom: 30px;
}
.profile__main .mf-form--notifications label {
  display: inline-block;
  vertical-align: bottom;
  margin: 5px 0;
}
.profile__main .mf-form--notifications label:first-child {
  width: 475px;
}
.profile__main .mf-form--notifications label:not(:first-child) {
  font-size: 0;
}
.profile__main .mf-form--notifications label:nth-of-type(3) {
  margin-left: 180px;
}
.profile__main .mf-form--notifications:last-of-type {
  margin-bottom: 20px;
}
.profile__main .mf-form--strip {
  margin-top: 20px;
}
.profile__main .mf-form--strip fieldset {
  padding: 5px;
  position: relative;
  padding-right: 35px;
}
.profile__main .mf-form--strip fieldset > img {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
.profile__main .mf-form--strip fieldset > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.profile__main .mf-form--strip fieldset > span:nth-of-type(1) {
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
}
.profile__main .mf-form--strip fieldset > span:nth-of-type(2) {
  color: #63748f;
  float: right;
  margin-top: 3px;
  padding-right: 40px;
}
.profile__main .mf-form--strip fieldset input[type="text"] {
  color: #8498b8;
  display: inline-block;
  vertical-align: middle;
}
.profile__main .mf-form--strip fieldset a {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #275495;
  border-radius: 3px;
  height: 25px;
  width: 25px;
  padding: 0;
  text-align: center;
  transition: 300ms;
  box-sizing: border-box;
  padding-top: 4px;
}
.profile__main .mf-form--strip fieldset a:hover {
  background: #326bbd;
}
.profile__main .mf-form--commendation {
  margin-top: 10px;
}
.profile__main .mf-form--commendation fieldset > span {
  float: left;
  position: relative;
  height: 36px;
  line-height: 36px;
}
.profile__main .mf-form--commendation fieldset > span:nth-of-type(1) {
  width: 56px;
  text-align: center;
}
.profile__main .mf-form--commendation fieldset > span:nth-of-type(1) img {
  width: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile__main .mf-form--commendation fieldset > span:nth-of-type(1) span {
  font-size: 21px;
  color: white;
}
.profile__main .mf-form--commendation fieldset > span:nth-of-type(2) {
  font-size: 14px;
  color: white;
}
.profile__main .mf-form--commendation fieldset > span:nth-of-type(2) a {
  color: white !important;
}
.profile__main .mf-form--commendation fieldset > span:nth-of-type(3) {
  font-size: 14px;
  color: #8498b8;
  text-transform: uppercase;
  float: right;
  padding-right: 10px;
}
.profile__main .commendation-bank {
  margin-top: 10px;
  margin-bottom: 30px;
}
.profile__main .commendation-bank__left {
  float: left;
  width: 150px;
  position: relative;
}
.profile__main .commendation-bank__left img {
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  width: 160px;
}
.profile__main .commendation-bank__left span {
  text-align: center;
  display: block;
}
.profile__main .commendation-bank__left span:first-of-type {
  padding-top: 25px;
  font-size: 48px;
  color: #b4b8c0;
}
.profile__main .commendation-bank__left span:last-of-type {
  padding-top: 12px;
  color: #233148;
  font-size: 14px;
  text-transform: uppercase;
}
.profile__main .commendation-bank__right {
  float: left;
  width: 566px;
  padding-left: 40px;
  padding-top: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #8498b8;
}
.profile__main .commendation-bank__right a {
  margin-top: 20px;
}
.profile__main__socialLogins {
  margin: 10px 0 5px 0;
}
.profile__main__socialLogins span {
  padding: 10px;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}
.profile__main__socialLogins a {
  margin-right: 10px;
  opacity: 0.25;
}
.profile__main__socialLogins a.active {
  opacity: 1;
}
.profile__main__socialLinks {
  margin: 10px 0 5px 0;
}
.profile__main__socialLinks a {
  margin-right: 10px;
  opacity: 0.25;
}
.profile__main__socialLinks a.active {
  cursor: pointer;
  opacity: 1;
  position: relative;
}
.profile__main__socialLinks a.active img {
  transition: 300ms;
}
.profile__main__socialLinks a.active::after {
  content: '+';
  background: rgba(11, 23, 39, 0.75);
  padding: 3px;
  position: absolute;
  bottom: 3px;
  right: 3px;
  font-size: 12px;
  line-height: 6px;
  color: white;
  font-weight: 700;
}
.profile__main__socialLinks a.active:hover img {
  transform: scale(1.2);
}
.profile__main #socialLinks fieldset {
  font-size: 0;
}
.profile__main #socialLinks span:nth-of-type(1) {
  width: 120px;
}
.profile__main .avatar {
  display: inline-block;
  padding: 5px 0;
  width: 500px;
}
.profile__main .avatar > div {
  display: inline-block;
  vertical-align: middle;
}
.profile__main .avatar .pic {
  position: relative;
  margin-right: 10px;
}
.profile__main .avatar .pic img {
  float: left;
  cursor: pointer;
  width: 56px;
  height: 56px;
}
.profile__main .avatar .pic::after {
  content: url(/images/profile/add-avatar.png);
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: rgba(11, 23, 39, 0.5);
  padding: 1px;
  pointer-events: none;
}
.profile__main .avatar span {
  color: #8498b8;
}
.profile__main .avatar #show-avatars {
  cursor: pointer;
}
.profile__main .avatar a {
  float: none;
  padding: 0;
  text-transform: none;
  font-size: inherit;
}
.mt30 {
  margin-top: 30px;
}
.flat-checkbox {
  display: none;
}
.flat-checkbox + span {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  border: 2px solid #275495;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
.flat-checkbox + span + span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px 0 5px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  transition: 300ms;
}
.flat-checkbox + span + span:hover {
  color: white;
}
.flat-checkbox:checked + span {
  background: #275495;
}
.flat-checkbox:checked + span::after {
  content: '';
  background-image: url(/images/check-white.png);
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.flat-checkbox:checked + span + span {
  color: white;
}
.flat-checkbox--small + span {
  width: 18px;
  height: 18px;
}
.flat-checkbox--small + span + span {
  margin-left: 0 !important;
}
#profile img {
  max-width: 100%;
}
#profile h1.underline {
  border-bottom: 1px solid #333;
  line-height: 1.5;
  padding-bottom: 4px;
  margin-bottom: 18px !important;
  margin-top: 20px;
}
#profile h2 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
#profile .col-l {
  width: 330px;
}
#profile .col-r {
  width: 780px;
}
#profile .col-r, #profile .col-l {
  display: table-cell;
  float: none;
  font-size: 0;
  vertical-align: top;
}
#profile .col-left {
  width: 330px;
  padding: 0;
}
#profile .col-right {
  width: 780px;
  padding: none;
}
#profile .btn.grey {
  padding: 8px 12px 9px;
  background: #222;
  text-shadow: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #222 0%, #111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #222 0%, #111 100%);
  background: -o-linear-gradient(top, #222 0%, #111 100%);
  background: -ms-linear-gradient(top, #222 0%, #111 100%);
  background: linear-gradient(to bottom, #222 0%, #111 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111',GradientType=0);
}
#profile .btn.grey a {
  color: inherit;
}
#profile .btn.grey:hover, #profile .btn.grey.selected {
  color: white;
  background: #4b4b4b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #4b4b4b 0%, #232322 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #232322));
  background: -webkit-linear-gradient(top, #4b4b4b 0%, #232322 100%);
  background: -o-linear-gradient(top, #4b4b4b 0%, #232322 100%);
  background: -ms-linear-gradient(top, #4b4b4b 0%, #232322 100%);
  background: linear-gradient(to bottom, #4b4b4b 0%, #232322 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#232322',GradientType=0);
}
#profile .btn.grey:hover a, #profile .btn.grey.selected a {
  color: inherit;
}
#profile #profile-stats .pic {
  float: left;
  border: 1px solid #1a293a;
  background: #0a121e;
  padding: 5px;
  box-shadow: inset 0 0 0 1px black;
  margin: 5px 0 0 5px;
  height: 105px;
  width: 105px;
}
#profile #profile-stats .pic img {
  height: 105px;
}
#profile #profile-stats .stats {
  padding: 0px 0px 8px 13px;
  margin-left: 125px;
}
#profile #profile-stats .stats h3 {
  margin: 7px 0 5px 0;
  color: #aab9d0;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
}
#profile #profile-stats .stats h3 span {
  font-size: 11px;
}
#profile #profile-stats .stats span {
  display: inline-block;
  font-size: 12px;
  text-transform: none;
  color: #bcc6d9;
}
#profile #profile-stats .stats span:not(.hiliteG) {
  text-transform: uppercase;
  color: #606060;
  display: inline-block;
  line-height: 1.5;
}
#profile #profile-stats .stats div {
  text-transform: uppercase;
  color: #505969;
  line-height: 1.5;
}
#profile #profile-stats .stats .btn {
  border: 1px solid black;
  margin: 5px 5px 0 0;
}
#profile #profile-stats .stats .offline {
  color: #505969;
}
#profile #profile-stats .stats .f-btn {
  margin: 5px 5px 0 0;
}
#profile #profile-stats .stats .f-btn:last-child {
  margin-right: 0;
}
#profile #profile-tabs {
  margin: 20px 0;
}
#profile #profile-tabs .tab {
  background: #161616;
  border: 2px solid #212121;
  border-right: none;
  border-radius: 3px 0 0 3px;
  text-align: left;
  text-transform: uppercase;
  color: #d2d2d2;
  padding: 7px 9px;
  margin-bottom: 2px;
  cursor: pointer;
  display: block;
  position: relative;
  margin-right: -2px;
}
#profile #profile-tabs .tab span {
  float: right;
  width: 130px;
  color: #11f000;
  text-transform: uppercase;
}
#profile #profile-tabs .tab:nth-child(3):not(:last-child) {
  margin-bottom: 9px;
}
#profile #profile-tabs .tab a {
  color: inherit;
}
#profile #profile-tabs .tab:hover, #profile #profile-tabs .tab.selected {
  background: #0a1220;
  color: white;
  position: relative;
}
#profile #profile-tabs .tab:hover a, #profile #profile-tabs .tab.selected a {
  color: inherit;
}
#profile #profile-tabs .tab {
  background: #141f31;
  border: 1px solid #1a293a;
  border-right: none;
  color: #9fadc4;
  cursor: pointer;
  display: block;
  margin-bottom: 3px;
  padding: 7px 10px;
  text-align: left;
  text-transform: uppercase;
}
#profile #profile-tabs a .tab {
  color: #9fadc4;
  text-transform: uppercase;
}
#profile #profile-content {
  border: 2px solid #212121;
  background: #111;
  padding: 12px;
  min-height: 400px;
}
#profile #profile-content .profile-inner-tabs {
  border-bottom: 1px solid #1a293a;
  position: relative;
  margin-bottom: 17px;
  font-size: 0;
}
#profile #profile-content .profile-inner-tabs .btn.grey {
  border-bottom: none;
}
#profile #profile-content .profile-inner-tabs > a, #profile #profile-content .profile-inner-tabs > div {
  display: inline-block;
  background: #222;
  color: white;
  font-size: 12px;
  font-family: ;
  padding: 13px 22px;
  line-height: 1;
  margin: 0 4px 4px 0;
  cursor: pointer;
}
#profile #profile-content .profile-inner-tabs > a.selected, #profile #profile-content .profile-inner-tabs > div.selected, #profile #profile-content .profile-inner-tabs > a:hover, #profile #profile-content .profile-inner-tabs > div:hover {
  background: #161616;
}
#profile #profile-content .profile-inner-tabs > a, #profile #profile-content .profile-inner-tabs .tab {
  display: inline-block;
  color: #6a7f9b;
  padding: 7px 8px;
  background: #0f1a2b;
  color: #485569;
  cursor: pointer;
}
#profile #profile-content .profile-inner-tabs > a:hover, #profile #profile-content .profile-inner-tabs > a.selected, #profile #profile-content .profile-inner-tabs .tab:hover, #profile #profile-content .profile-inner-tabs .tab.selected {
  color: #fff;
  background: #172235;
  text-decoration: none;
}
#profile #profile-content .profile-inner-content #paging {
  margin-top: 15px;
}
#profile #profile-content .profile-inner-content div {
  color: #adadad;
  line-height: 1.5;
}
#profile #profile-content .profile-inner-content div a:hover {
  color: white;
}
#profile #profile-content .profile-inner-content .tab div {
  line-height: 1.5;
}
#profile #profile-content .profile-inner-content input[type="text"], #profile #profile-content .profile-inner-content input[type="password"] {
  padding: 5px 9px;
}
#profile #profile-content .profile-inner-content h2, #profile #profile-content .profile-inner-content h2.line span {
  color: #616060;
  font-size: 14px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2;
  background: #111;
}
#profile #profile-content .profile-inner-content .social > div {
  display: inline-block;
  margin-bottom: 8px;
}
#profile #profile-content .profile-inner-content .social > div img {
  vertical-align: middle;
  padding-right: 5px;
}
#profile #profile-content .profile-inner-content .social > div input[type="text"] {
  width: 145px;
}
#profile #profile-content .profile-inner-content .social > div:not(:nth-child(3n)) {
  margin-right: 10px;
}
#profile #profile-content .profile-inner-content .bt {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 7px;
}
#profile #profile-content .profile-inner-content .avatar {
  display: table;
}
#profile #profile-content .profile-inner-content .avatar > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .profile-inner-content .avatar .pic {
  float: left;
  margin-right: 10px;
}
#profile #profile-content .profile-inner-content .avatar .pic img {
  border: 1px solid #444;
  height: 42px;
}
#profile #profile-content .profile-inner-content .avatar #show-avatars img {
  margin-top: -3px;
}
#profile #profile-content .profile-inner-content .avatar .update-avatar {
  padding-left: 10px;
}
#profile #profile-content .profile-inner-content .notifications .select {
  float: right;
}
#profile #profile-content .profile-inner-content .notifications .chosen-container-single .chosen-single {
  border: 1px solid #252525;
}
#profile #profile-content .profile-inner-content .notifications label {
  display: inline-block;
  margin-top: 2px;
}
#profile #profile-content .profile-inner-content .profile-signature {
  margin-top: 20px;
}
#profile #profile-content .profile-inner-content .biography .markItUpEditor {
  height: 250px;
}
#profile #profile-content .profile-inner-content .change-pass label {
  min-width: 140px;
  display: inline-block;
  margin-bottom: 15px;
}
#profile #profile-content .profile-inner-content .change-pass input[type='password'], #profile #profile-content .profile-inner-content .change-pass input[type='text'] {
  width: 300px;
}
#profile #profile-content h2 {
  margin: 10px 0;
}
#profile #profile-content h2.line span {
  display: inline-block;
  padding-right: 7px;
  text-transform: uppercase;
}
#profile #profile-content h2.line {
  position: relative;
  z-index: 0;
}
#profile #profile-content h2.line:before {
  content: "";
  border-top: 1px solid #333;
  position: absolute;
  right: 0px;
  top: 50%;
  height: 5px;
  left: 0;
  z-index: -1;
}
#profile #profile-content h2 .sort {
  float: right;
  font-size: 11px;
  text-transform: none;
}
#profile #profile-content h2 .sort a {
  color: #616060;
}
#profile #profile-content h2 .sort a.active, #profile #profile-content h2 .sort a:hover {
  color: #989898;
}
#profile #profile-content h2 .filter {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  margin-top: -1px;
}
#profile #profile-content h2 .filter > span {
  color: #aaa;
  text-transform: none;
}
#profile #profile-content h2 .filter form {
  display: inline-block;
}
#profile #profile-content h2 .filter form .chosen-container-single .chosen-single {
  color: #adadad;
}
#profile #profile-content .team-info .profile-col > div, #profile #profile-content .player-info .profile-col > div {
  margin-bottom: 15px;
}
#profile #profile-content .team-info .profile-col > div > label, #profile #profile-content .player-info .profile-col > div > label {
  display: inline-block;
  min-width: 100px;
}
#profile #profile-content .team-info .profile-col input[type="text"], #profile #profile-content .player-info .profile-col input[type="text"] {
  width: 180px;
}
#profile #profile-content .team-info .profile-col:first-child > div > label, #profile #profile-content .player-info .profile-col:first-child > div > label {
  min-width: 160px;
}
#profile #profile-content .team-info .profile-col .chosen-container-single, #profile #profile-content .player-info .profile-col .chosen-container-single {
  margin: 2px 0 4px;
}
#profile #profile-content .team-info .pref-roles, #profile #profile-content .player-info .pref-roles {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  padding-bottom: 2px;
}
#profile #profile-content .team-info .pref-roles .prettycheckbox, #profile #profile-content .player-info .pref-roles .prettycheckbox {
  position: relative;
  top: -5px;
  margin: 0 7px 0 3px;
}
#profile #profile-content .team-info .pref-roles img, #profile #profile-content .player-info .pref-roles img {
  height: 26px;
}
#profile #profile-content .team-info .days-req, #profile #profile-content .player-info .days-req {
  padding-top: 4px;
}
#profile #profile-content .team-info .days-req > label, #profile #profile-content .player-info .days-req > label {
  margin-top: 2px;
}
#profile #profile-content .team-info .days-req.disabled .days > label, #profile #profile-content .player-info .days-req.disabled .days > label {
  color: #4f4f4f;
}
#profile #profile-content .team-info .days, #profile #profile-content .player-info .days {
  display: inline-block;
  vertical-align: top;
}
#profile #profile-content .team-info .days > label, #profile #profile-content .player-info .days > label {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 2px 1px 3px;
  width: 20px;
}
#profile #profile-content .team-info .days .prettycheckbox, #profile #profile-content .player-info .days .prettycheckbox {
  margin-bottom: 3px;
}
#profile #profile-content .team-info .status, #profile #profile-content .player-info .status {
  margin-bottom: 15px;
}
#profile #profile-content .team-info .status:last-child, #profile #profile-content .player-info .status:last-child {
  margin-bottom: 30px;
}
#profile #profile-content .team-info .status .prettycheckbox, #profile #profile-content .player-info .status .prettycheckbox {
  top: 1px;
}
#profile #profile-content .team-info .status > label, #profile #profile-content .player-info .status > label {
  margin: 0 0 0 3px;
  display: inline-block;
}
#profile #profile-content .team-info .status.disabled > label, #profile #profile-content .player-info .status.disabled > label {
  color: #4f4f4f;
}
#profile #profile-content .team-info select, #profile #profile-content .player-info select {
  width: 180px;
}
#profile #profile-content .team-info .pro-settings .status label, #profile #profile-content .player-info .pro-settings .status label {
  min-width: 200px;
}
#profile #profile-content .team-info .pro-settings .status .desc, #profile #profile-content .player-info .pro-settings .status .desc {
  display: inline-block;
  vertical-align: middle;
  color: #4f4f4f;
  font-size: 11px;
  margin-left: 15px;
  line-height: 1.2;
}
#profile #profile-content .team-info .pro-settings .status input[type='text'], #profile #profile-content .player-info .pro-settings .status input[type='text'] {
  width: 180px;
  vertical-align: middle;
}
#profile #profile-content .groups .private {
  margin-left: 50px;
}
#profile #profile-content .groups .private > label {
  margin: 0 0 0 3px;
  display: inline-block;
}
#profile #profile-content .groups .profile-col:first-child {
  width: 350px;
}
#profile #profile-content .groups .profile-col:nth-child(2) {
  width: 370px;
}
#profile #profile-content .groups .profile-col > div > label {
  min-width: 130px !important;
}
#profile #profile-content .group-members label {
  margin-right: 5px;
}
#profile #profile-content .group-members .current > div:not(:last-child) {
  margin-bottom: 10px;
}
#profile #profile-content .group-members .current > div > span {
  min-width: 110px;
  display: inline-block;
}
#profile #profile-content .group-members .current input[type="text"]:not(:last-child) {
  margin-right: 30px;
}
#profile #profile-content .group-members .current, #profile #profile-content .group-members .members-to-invite {
  margin-bottom: 15px;
}
#profile #profile-content .view-profile .social-links {
  float: left;
  width: 350px;
  margin-bottom: 20px;
}
#profile #profile-content .view-profile .social-links img {
  margin-right: 6px;
}
#profile #profile-content .view-profile .web {
  float: right;
  width: 340px;
  word-break: break-all;
}
#profile #profile-content .view-profile .social-links h2, #profile #profile-content .view-profile .web h2 {
  margin-top: 0;
}
#profile #profile-content .view-profile .view-biography {
  margin-top: 20px;
}
#profile #profile-content .view-profile .view-groups {
  font-size: 0;
}
#profile #profile-content .view-profile .view-groups .groups {
  column-count: 2;
  column-gap: 0;
  -moz-column-count: 2;
  -moz-column-gap: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 0;
  margin-bottom: -18px;
}
#profile #profile-content .view-profile .view-groups .groups .group {
  display: inline-table;
  width: 50%;
  margin-bottom: 18px;
}
#profile #profile-content .view-profile .view-groups .groups .group > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .view-profile .view-groups .groups .group .pic {
  width: 1px;
  padding-right: 12px;
}
#profile #profile-content .view-profile .view-groups .groups .group .pic > div {
  width: 47px;
  height: 47px;
  border: 2px solid #222;
}
#profile #profile-content .view-profile .view-groups .groups .group .pic > div img {
  width: 100%;
  height: 100%;
}
#profile #profile-content .view-profile .view-groups .groups .group .desc .name {
  font-size: 14px;
  color: white;
  display: block;
}
#profile #profile-content .view-profile .view-groups .groups .group .desc .name:hover {
  text-decoration: underline;
}
#profile #profile-content .view-profile .view-groups .groups .group .desc label {
  color: #adadad;
}
#profile #profile-content .profile-list {
  margin: -5px 0;
}
#profile #profile-content .profile-list table, #profile #profile-content .profile-list .profile-table {
  display: table;
  border-spacing: 0 5px;
  width: 100%;
}
#profile #profile-content .profile-list table tr, #profile #profile-content .profile-list .profile-table tr, #profile #profile-content .profile-list table > div, #profile #profile-content .profile-list .profile-table > div {
  display: table-row;
}
#profile #profile-content .profile-list table tr:hover > a:not(.edit), #profile #profile-content .profile-list .profile-table tr:hover > a:not(.edit), #profile #profile-content .profile-list table > div:hover > a:not(.edit), #profile #profile-content .profile-list .profile-table > div:hover > a:not(.edit) {
  background: #1c1c1c;
}
#profile #profile-content .profile-list table tr:hover .activity, #profile #profile-content .profile-list .profile-table tr:hover .activity, #profile #profile-content .profile-list table > div:hover .activity, #profile #profile-content .profile-list .profile-table > div:hover .activity {
  background-position: 0 -58px !important;
}
#profile #profile-content .profile-list table tr td, #profile #profile-content .profile-list .profile-table tr td, #profile #profile-content .profile-list table > div td, #profile #profile-content .profile-list .profile-table > div td, #profile #profile-content .profile-list table tr > a, #profile #profile-content .profile-list .profile-table tr > a, #profile #profile-content .profile-list table > div > a, #profile #profile-content .profile-list .profile-table > div > a {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  color: #e3e3e3;
}
#profile #profile-content .profile-list table tr td.desc, #profile #profile-content .profile-list .profile-table tr td.desc, #profile #profile-content .profile-list table > div td.desc, #profile #profile-content .profile-list .profile-table > div td.desc, #profile #profile-content .profile-list table tr > a.desc, #profile #profile-content .profile-list .profile-table tr > a.desc, #profile #profile-content .profile-list table > div > a.desc, #profile #profile-content .profile-list .profile-table > div > a.desc {
  padding: 7px 7px 7px 10px;
}
#profile #profile-content .profile-list table tr td.desc .desc-hdr, #profile #profile-content .profile-list .profile-table tr td.desc .desc-hdr, #profile #profile-content .profile-list table > div td.desc .desc-hdr, #profile #profile-content .profile-list .profile-table > div td.desc .desc-hdr, #profile #profile-content .profile-list table tr > a.desc .desc-hdr, #profile #profile-content .profile-list .profile-table tr > a.desc .desc-hdr, #profile #profile-content .profile-list table > div > a.desc .desc-hdr, #profile #profile-content .profile-list .profile-table > div > a.desc .desc-hdr {
  border-spacing: 0;
  margin-left: -2px;
  margin-bottom: 8px;
}
#profile #profile-content .profile-list table tr td.desc .desc-hdr > div, #profile #profile-content .profile-list .profile-table tr td.desc .desc-hdr > div, #profile #profile-content .profile-list table > div td.desc .desc-hdr > div, #profile #profile-content .profile-list .profile-table > div td.desc .desc-hdr > div, #profile #profile-content .profile-list table tr > a.desc .desc-hdr > div, #profile #profile-content .profile-list .profile-table tr > a.desc .desc-hdr > div, #profile #profile-content .profile-list table > div > a.desc .desc-hdr > div, #profile #profile-content .profile-list .profile-table > div > a.desc .desc-hdr > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .profile-list table tr td.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list .profile-table tr td.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list table > div td.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list .profile-table > div td.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list table tr > a.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list .profile-table tr > a.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list table > div > a.desc .desc-hdr .hdr-pic, #profile #profile-content .profile-list .profile-table > div > a.desc .desc-hdr .hdr-pic {
  padding-right: 13px;
}
#profile #profile-content .profile-list table tr td.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list .profile-table tr td.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list table > div td.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list .profile-table > div td.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list table tr > a.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list .profile-table tr > a.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list table > div > a.desc .desc-hdr .hdr-pic img, #profile #profile-content .profile-list .profile-table > div > a.desc .desc-hdr .hdr-pic img {
  width: 37px;
  height: 37px;
}
#profile #profile-content .profile-list table tr td.desc > a, #profile #profile-content .profile-list .profile-table tr td.desc > a, #profile #profile-content .profile-list table > div td.desc > a, #profile #profile-content .profile-list .profile-table > div td.desc > a, #profile #profile-content .profile-list table tr > a.desc > a, #profile #profile-content .profile-list .profile-table tr > a.desc > a, #profile #profile-content .profile-list table > div > a.desc > a, #profile #profile-content .profile-list .profile-table > div > a.desc > a, #profile #profile-content .profile-list table tr td.desc .title, #profile #profile-content .profile-list .profile-table tr td.desc .title, #profile #profile-content .profile-list table > div td.desc .title, #profile #profile-content .profile-list .profile-table > div td.desc .title, #profile #profile-content .profile-list table tr > a.desc .title, #profile #profile-content .profile-list .profile-table tr > a.desc .title, #profile #profile-content .profile-list table > div > a.desc .title, #profile #profile-content .profile-list .profile-table > div > a.desc .title {
  font-size: 16px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#profile #profile-content .profile-list table tr td.desc > a, #profile #profile-content .profile-list .profile-table tr td.desc > a, #profile #profile-content .profile-list table > div td.desc > a, #profile #profile-content .profile-list .profile-table > div td.desc > a, #profile #profile-content .profile-list table tr > a.desc > a, #profile #profile-content .profile-list .profile-table tr > a.desc > a, #profile #profile-content .profile-list table > div > a.desc > a, #profile #profile-content .profile-list .profile-table > div > a.desc > a {
  color: white;
}
#profile #profile-content .profile-list table tr td.edit, #profile #profile-content .profile-list .profile-table tr td.edit, #profile #profile-content .profile-list table > div td.edit, #profile #profile-content .profile-list .profile-table > div td.edit, #profile #profile-content .profile-list table tr > a.edit, #profile #profile-content .profile-list .profile-table tr > a.edit, #profile #profile-content .profile-list table > div > a.edit, #profile #profile-content .profile-list .profile-table > div > a.edit {
  text-align: center;
  width: 50px;
  white-space: nowrap;
}
#profile #profile-content .profile-list table tr td.edit a, #profile #profile-content .profile-list .profile-table tr td.edit a, #profile #profile-content .profile-list table > div td.edit a, #profile #profile-content .profile-list .profile-table > div td.edit a, #profile #profile-content .profile-list table tr > a.edit a, #profile #profile-content .profile-list .profile-table tr > a.edit a, #profile #profile-content .profile-list table > div > a.edit a, #profile #profile-content .profile-list .profile-table > div > a.edit a, #profile #profile-content .profile-list table tr td.edit span, #profile #profile-content .profile-list .profile-table tr td.edit span, #profile #profile-content .profile-list table > div td.edit span, #profile #profile-content .profile-list .profile-table > div td.edit span, #profile #profile-content .profile-list table tr > a.edit span, #profile #profile-content .profile-list .profile-table tr > a.edit span, #profile #profile-content .profile-list table > div > a.edit span, #profile #profile-content .profile-list .profile-table > div > a.edit span {
  text-transform: uppercase;
  color: #aaa;
  font-size: 14px;
}
#profile #profile-content .profile-list table tr td.edit a:hover, #profile #profile-content .profile-list .profile-table tr td.edit a:hover, #profile #profile-content .profile-list table > div td.edit a:hover, #profile #profile-content .profile-list .profile-table > div td.edit a:hover, #profile #profile-content .profile-list table tr > a.edit a:hover, #profile #profile-content .profile-list .profile-table tr > a.edit a:hover, #profile #profile-content .profile-list table > div > a.edit a:hover, #profile #profile-content .profile-list .profile-table > div > a.edit a:hover {
  color: #eee;
}
#profile #profile-content .profile-list table tr td.edit.delete, #profile #profile-content .profile-list .profile-table tr td.edit.delete, #profile #profile-content .profile-list table > div td.edit.delete, #profile #profile-content .profile-list .profile-table > div td.edit.delete, #profile #profile-content .profile-list table tr > a.edit.delete, #profile #profile-content .profile-list .profile-table tr > a.edit.delete, #profile #profile-content .profile-list table > div > a.edit.delete, #profile #profile-content .profile-list .profile-table > div > a.edit.delete {
  font-size: 18px !important;
}
#profile #profile-content .profile-list table tr td .manage, #profile #profile-content .profile-list .profile-table tr td .manage, #profile #profile-content .profile-list table > div td .manage, #profile #profile-content .profile-list .profile-table > div td .manage, #profile #profile-content .profile-list table tr > a .manage, #profile #profile-content .profile-list .profile-table tr > a .manage, #profile #profile-content .profile-list table > div > a .manage, #profile #profile-content .profile-list .profile-table > div > a .manage {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#profile #profile-content .profile-list table tr td .manage a, #profile #profile-content .profile-list .profile-table tr td .manage a, #profile #profile-content .profile-list table > div td .manage a, #profile #profile-content .profile-list .profile-table > div td .manage a, #profile #profile-content .profile-list table tr > a .manage a, #profile #profile-content .profile-list .profile-table tr > a .manage a, #profile #profile-content .profile-list table > div > a .manage a, #profile #profile-content .profile-list .profile-table > div > a .manage a {
  color: white;
  font-size: 12px;
}
#profile #profile-content .profile-list table tr a.edit:hover, #profile #profile-content .profile-list .profile-table tr a.edit:hover, #profile #profile-content .profile-list table > div a.edit:hover, #profile #profile-content .profile-list .profile-table > div a.edit:hover {
  background: #2a2a2a;
}
#profile #profile-content .profile-list table tr.unread .desc, #profile #profile-content .profile-list .profile-table tr.unread .desc, #profile #profile-content .profile-list table > div.unread .desc, #profile #profile-content .profile-list .profile-table > div.unread .desc {
  background: #282828;
}
#profile #profile-content .thumb-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: -13px;
}
#profile #profile-content .thumb-list .thumb {
  -webkit-flex: 0 0 230px;
  flex: 0 0 230px;
  -ms-flex: 0 0 30.5%;
  margin-bottom: 20px;
  border: 2px solid #191919;
  background: #161616;
  padding: 3px;
  margin-bottom: 13px;
}
#profile #profile-content .thumb-list .thumb a {
  height: 126px;
  width: 230px;
}
#profile #profile-content .thumb-list .thumb .desc {
  padding: 8px 5px 5px;
}
#profile #profile-content .thumb-list .thumb .desc .title {
  line-height: 1.2;
  color: #555;
  font-size: 15px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#profile #profile-content .thumb-list .thumb .desc .date {
  color: #aaa;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 2px 0 0;
}
#profile #profile-content span.date {
  color: #aaa;
  font-size: 12px;
}
#profile #profile-content span.date a {
  color: #666;
}
#profile #profile-content span.date a:hover {
  color: #999;
}
#profile #profile-content .notification span.date {
  display: block;
  color: #aaa;
  font-size: 12px;
  margin-bottom: 5px;
}
#profile #profile-content .notification span.date a {
  color: #666;
}
#profile #profile-content .notification span.date a:hover {
  color: #999;
}
#profile #profile-content .activities {
  position: relative;
  overflow: hidden;
}
#profile #profile-content .activities a {
  color: #e3e3e3;
}
#profile #profile-content .activities > div, #profile #profile-content .activities > a {
  padding: 5px 15px 10px;
}
#profile #profile-content .activities .share > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .activities .share > div.pic {
  border: 2px solid #212121;
  padding: 4px;
}
#profile #profile-content .activities .share > div.pic img {
  height: 57px;
}
#profile #profile-content .activities .share > div.video a {
  height: 120px;
  width: 204px;
}
#profile #profile-content .activities .share > div.desc {
  padding-left: 12px;
}
#profile #profile-content .activities .share > div.desc a {
  color: #c4c4c4;
  font-size: 14px;
}
#profile #profile-content .activities .grey-out {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 0;
  text-align: center;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 90%, #111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(90%, #111), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 90%, #111 100%);
  background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 90%, #111 100%);
  background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111 90%, #111 100%);
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, #111 90%, #111 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111', endColorstr='#111111',GradientType=0);
}
#profile #profile-content .inbox .profile-list .desc {
  padding-bottom: 10px;
}
#profile #profile-content .show-more {
  text-align: center;
  text-transform: uppercase;
  padding-top: 5px;
}
#profile #profile-content .show-more a {
  color: #5f5f5f;
}
#profile #profile-content .show-more a:hover {
  color: #adadad;
}
#profile #profile-content .view-blog .date {
  float: left;
  width: 40px;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  line-height: 29px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
#profile #profile-content .view-blog .date span:not(.localized-datetime) {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 15px;
  padding-bottom: 2px;
  color: #869dc0;
  background: #163a75;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2M2E3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTI3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #163a75), color-stop(100%, #0a274f));
  background: -webkit-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: -o-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: -ms-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: linear-gradient(to bottom, #163a75 0%, #0a274f 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#163a75', endColorstr='#0a274f',GradientType=0);
}
#profile #profile-content .view-blog .post {
  margin-left: 60px;
}
#profile #profile-content .view-blog .post .title {
  margin-bottom: 20px;
}
#profile #profile-content .view-blog .post .title h3 {
  font-size: 21px;
  border-bottom: 1px solid #262626;
  line-height: 1.3;
}
#profile #profile-content .view-blog .post .title .tags {
  color: #6c6c6c;
  font-size: 10px;
}
#profile #profile-content .view-blog .post .post-content {
  padding: 0 7px;
  margin-bottom: 20px;
}
#profile #profile-content .view-blog .post .blog-social {
  float: right;
  margin-left: 5px;
}
#profile #profile-content .view-blog .post .blog-social img {
  margin-left: 3px;
}
#profile #profile-content .view-blog .post .comments a {
  color: #7d7c7c;
  line-height: 1;
  font-size: 10px;
  text-transform: uppercase;
}
#profile #profile-content .view-blog .post .comments a:hover {
  color: white;
}
#profile #profile-content .view-blog .find-tag {
  float: right;
  text-transform: none;
  color: #464646;
  font-size: 11px;
}
#profile #profile-content .view-blog .find-tag input {
  background-color: #2c2c2c;
  padding: 3px 6px;
  margin-left: 3px;
  width: 110px;
  border: 1px solid black;
}
#profile #profile-content .view-blog .find-tag a {
  color: #989797;
}
#profile #profile-content .view-blog .find-tag a:hover {
  color: white;
}
#profile #profile-content .subscriptions .profile-list .profile-table {
  border-spacing: 0;
}
#profile #profile-content .subscriptions .notification {
  display: table;
  border: 2px solid transparent !important;
  width: 100%;
}
#profile #profile-content .subscriptions .notification .delete {
  width: 110px !important;
}
#profile #profile-content .subscriptions .notification:hover {
  border: 2px solid #313131 !important;
}
#profile #profile-content .manage-friends h2 .filter {
  margin-left: 0;
}
#profile #profile-content .manage-friends h2 .filter input {
  margin-left: 5px;
}
#profile #profile-content .notification-settings label {
  width: 180px;
  color: #adadad;
  display: inline-block;
}
#profile #profile-content .notification-settings span {
  color: #555;
  margin-left: 55px;
}
#profile #profile-content .notification-settings .prettycheckbox {
  margin-left: 8px;
}
#profile #profile-content .privacy-settings label {
  width: 275px;
  display: inline-block;
  color: #adadad;
}
#profile .player ul, #profile .team ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#profile .player .history, #profile .team .history {
  margin-top: 30px;
}
#profile .player .role img, #profile .team .role img {
  height: 28px;
  vertical-align: middle;
  margin: -10px 0;
}
#profile .player .zone img, #profile .team .zone img {
  margin: -5px 7px -3px 5px;
  height: 13px;
  vertical-align: middle;
}
#profile .player .availability, #profile .team .availability {
  color: #555 !important;
}
#profile .player .availability span, #profile .team .availability span {
  color: white;
}
#profile .player .website a, #profile .team .website a {
  color: #0080ff !important;
}
#profile .player .website a:hover, #profile .team .website a:hover {
  color: white !important;
}
#profile .player .btn, #profile .team .btn {
  margin-top: 30px;
}
#profile .profile-col:first-child {
  float: left;
  width: 390px;
}
#profile .profile-col:nth-child(2) {
  float: right;
  width: 340px;
}
#profile .profile-col > div:not(:last-child) {
  margin-bottom: 35px;
}
#profile .profile-tabs .tab, #profile .avatar-tabs .tab, #profile .profile-tabs .avatar-tab, #profile .avatar-tabs .avatar-tab {
  background: #212121;
  color: #c1c1c1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 10px;
  text-transform: uppercase;
  margin-right: 2px;
  cursor: pointer;
}
#profile .profile-tabs .selected, #profile .avatar-tabs .selected {
  background: #0067a2;
  color: #fff;
}
#profile .p-stats {
  margin-left: 140px;
}
#profile .srow {
  border-bottom: 1px solid #3b3b3b;
  padding: 5px 0;
  font-size: 11px;
}
#profile .p-details {
  width: 100%;
}
#profile .avatar-box {
  width: 320px;
  height: 280px;
  overflow: auto;
  background: #0b0b0b;
  padding: 5px;
  border: 1px solid #3b3b3b;
}
#profile .avatar-box img {
  width: 47px;
  padding: 2px;
  border: solid 1px #232b35;
  margin: 2px;
}
#profile .avatar-box .selected {
  border: 1px solid #c8c8c8;
}
#profile .bio-stat {
  background: #151515;
  margin-bottom: 1px;
  padding: 3px;
}
#profile .bio-stat span {
  border-right: 1px solid #000;
  color: #9fadc4;
  float: left;
  margin-right: 3px;
  width: 150px;
}
#profile .bio-box {
  background: url("/css/img/bg-skill-under.png") repeat-x scroll left top transparent;
  color: #c8c8c8;
  line-height: 1.8em;
  padding: 10px 20px;
  font-size: 11px;
}
#profile .list-box, #profile .box-round {
  background: #0d0d0d;
  border: 2px solid #212121;
  border-radius: 3px;
}
#profile .list-box {
  padding: 10px;
}
#profile .byline {
  font-size: 11px;
}
#profile .byline .recipient-hidden {
  display: none;
}
#profile .view-more-recipients {
  cursor: pointer;
}
#profile .message-box {
  border-top: 1px solid #212121;
  padding: 10px 0;
}
#profile .message-box:last-child {
  border-bottom: 1px solid #212121;
}
#profile .message-box .avatar {
  background: none repeat scroll 0 0 #111;
  border: 2px solid #1c1c1c;
  padding: 3px;
  width: 50px;
}
#profile .message-box .message {
  margin-left: 75px;
}
#profile .activity {
  background: #101010;
}
#profile .activity:not(:last-child) {
  margin-bottom: 6px;
}
#inbox table {
  width: 100%;
  border-spacing: 2px;
}
#inbox table td {
  padding: 5px 15px;
  border: 2px solid #202020;
  border-radius: 2px;
}
#inbox table .last-reply-pic {
  width: 1px;
  padding: 10px;
}
#inbox table .last-reply-pic img {
  background: #111;
  width: 64px;
  padding: 3px;
  border: 2px solid #1c1c1c;
}
#inbox .reply {
  width: 15px;
}
#inbox .select {
  width: 20px;
}
#inbox .last-reply-pic {
  vertical-align: top;
}
#inbox .last-reply {
  width: 100px;
  font-size: 10px;
  color: #909090;
  vertical-align: top;
  padding-top: 15px;
}
#inbox .last-reply a {
  font-size: 11px;
  font-weight: bold;
}
#inbox .msg {
  font-size: 13px;
  line-height: 1.6;
}
#inbox .msg a {
  font-size: 12px;
}
#inbox .unread td {
  background: #090909;
  border-color: #081a33;
}
#inbox .delete {
  width: 20px;
}
#profile #profile-content h2 .manage, #profile .manage {
  float: right;
  color: white;
  font: 12px/26px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  padding: 0 15px;
  background: #222;
  text-transform: none;
  cursor: pointer;
}
#profile-content .notification-settings > div, #profile-content .privacy-settings > div {
  margin-bottom: 12px;
}
#profile #profile-tabs a:hover, #profile #profile-tabs .tab.selected a {
  color: #ccc;
  text-decoration: none;
}
#profile #profile-tabs .tab:hover:before, #profile #profile-tabs .tab.selected:before {
  background: #0a1220;
  bottom: 0;
  content: "";
  left: 100%;
  position: absolute;
  right: -2px;
  top: 0;
}
#profile #profile-content {
  min-height: 658px;
  padding: 20px;
  box-shadow: 0 0 1px 1px #060b14, inset 0 0 0 1px #060b14;
  background: #0a1220;
  border: 1px solid #1a293a;
}
#profile #profile-content .profile-list .profile-table > div > a {
  background: #0f1a2b;
  border: none;
}
#profile #profile-content .profile-list .profile-table > div > a.edit {
  background: #141f31;
  cursor: pointer;
}
#profile #profile-content .profile-list .profile-table > div:hover > a:not(.edit) {
  background: #212d41;
}
#profile #profile-content .profile-list .profile-table > div a.edit:hover {
  background: #243551;
}
#profile .subscriptions .notification {
  border: none !important;
}
#profile .subscriptions .notification:hover {
  border: none !important;
}
#profile #profile-content span.date {
  color: #596271;
}
#profile h1.underline {
  border-color: #1a293a;
}
#profile #profile-content .profile-list .profile-table > div > a.desc .title {
  color: #adadad;
}
#profile #profile-content .profile-list .profile-table > div > a:first-child, #profile #profile-content .profile-list .profile-table > div > a:last-child {
  border: none;
  border-radius: 0;
}
#profile #profile-content .social {
  background: none;
  margin-right: 0;
}
#profile #profile-content .profile-inner-content div:not(.highlighter-content), .edit-blog.profile-contents label, .edit-blog.profile-contents form, #profile #profile-content .view-blog .post .post-content li {
  color: #979fb4;
  line-height: 2;
}
#profile #profile-content .profile-inner-content .comment-text {
  color: #c0c0c0;
}
#new-pm label {
  min-width: 70px !important;
  display: inline-block;
}
.home-discuss-box .activity-icon {
  border: 1px solid #333;
  display: table-cell;
  height: 42px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  background: #262626;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzBjMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #262626 0%, #0c0c0c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #262626 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #262626 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #262626 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #262626 0%, #0c0c0c 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#0c0c0c',GradientType=0);
}
.home-discuss-box .nav-wrap {
  margin: 0 -3px;
}
.home-discuss-box .nav-wrap:last-child {
  margin-top: 5px;
}
.home-discuss-box .nav {
  border-collapse: separate;
  border-spacing: 3px 0;
  display: table;
  width: 100%;
}
.home-discuss-box .nav a, .home-discuss-box .nav div, .home-discuss-box .nav td {
  background: #101010;
  display: table-cell;
}
.home-discuss-box .nav a {
  color: #f7b400;
  font-size: 10px;
  padding: 2px 8px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 10px;
}
.home-discuss-box .nav a:hover {
  text-decoration: underline;
}
#view-profile .discuss-link {
  background: #101010;
  padding: 6px 10px;
  margin-left: 41px;
}
#edit-profile {
  position: relative;
}
#edit-profile .dark-cover {
  position: absolute;
  top: 5px;
  left: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.85);
  border: 3px solid #111;
  text-align: center;
}
#edit-profile .dark-cover .close {
  display: inline-block;
  float: right;
  margin-right: -10px;
  margin-top: -10px;
}
#edit-profile .dark-cover .avatar-icons {
  background-color: #131718;
  margin: 15px;
  width: 1040px;
  text-align: center;
  margin: 2px;
  padding: 10px;
}
#edit-profile .dark-cover .avatar-icons img {
  width: 73px;
  height: 73px;
  padding: 2px;
  border: 2px solid #111;
  margin: 4px;
  cursor: pointer;
}
#edit-profile .dark-cover .avatar-icons img:hover {
  border-color: #4598dc;
}
#new-pm {
  margin-left: 2px;
}
#new-pm.reply {
  margin-left: 10px;
}
#new-pm .psuedo-input {
  background: #161616;
  border: 2px solid #333;
  border-radius: 4px;
  height: 50px;
  cursor: text;
}
.remove-user-btn {
  font-size: 9px;
  text-transform: uppercase;
  line-height: 9px;
  display: inline-block;
  width: 9px;
  height: 9px;
  border: 1px solid #303030;
  text-align: center;
  color: #a3a3a3;
}
.header-action {
  float: right;
  color: #555;
  font: 9px/14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #555;
  padding: 0 12px;
}
.header-action:hover {
  color: #bbb;
  border: 1px solid #bbb;
}
.edit-blog.profile-contents label {
  width: 90px;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 4px;
}
.edit-blog.profile-contents .blog-title label, .edit-blog.profile-contents .blog-title input {
  font-weight: bold;
}
.edit-blog.profile-contents .blog-title label {
  font-size: 14px;
}
.edit-blog.profile-contents .blog-title input {
  font-size: 15px;
  width: 300px;
}
#profile #profile-content .profile-inner-content img {
  max-width: 100%;
}
#profile #profile-content .inner-tab .profile-inner-tabs {
  margin-bottom: 10px;
}
#profile #profile-content .inner-tab .profile-inner-tabs > div {
  background: #121e2e;
  text-transform: uppercase;
  color: #596271;
  border: none;
  box-shadow: none;
  font-size: 10px;
  padding: 5px 11px;
}
#profile #profile-content .inner-tab .profile-inner-tabs > div.selected, #profile #profile-content .inner-tab .profile-inner-tabs > div:hover {
  background: #17273b;
  color: #87a5c1;
}
#profile #profile-content .inner-tab .profile-inner-content {
  padding: 0;
}
#profile #profile-content .profile-inner-content .tab div {
  line-height: 1.5;
}
#profile #profile-content .profile-inner-content input[type="text"], #profile #profile-content .profile-inner-content input[type="password"] {
  padding: 2px 9px;
  line-height: 1.5;
}
#profile #profile-content h2, #profile #profile-content h2.line span {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #435268 !important;
  text-transform: uppercase;
  font-weight: normal;
}
#profile #profile-content .profile-inner-content a {
  word-wrap: break-word;
}
#profile #profile-content .profile-inner-content .sort {
  color: #596271;
}
#profile #profile-content .profile-inner-content a:hover {
  color: white;
  text-decoration: none;
}
#profile #profile-content .profile-inner-content h2, #comments h2.quick-reply, #profile #profile-content .profile-inner-content h2.line span {
  color: #435268 !important;
  text-transform: uppercase;
  font-weight: normal;
  background: #0a1220;
}
#profile #profile-content .profile-inner-content h2, #comments h2.quick-reply {
  margin-bottom: 10px !important;
}
#profile #profile-content h2 {
  margin-bottom: 7px !important;
}
#comments h2.quick-reply, #comments .no-comments {
  line-height: 1 !important;
}
#profile #profile-content h2.line span {
  display: inline-block;
  padding-right: 7px;
}
#profile #profile-content h2.line {
  position: relative;
  z-index: 0;
}
#profile #profile-content h2.line:before {
  border-top: 1px solid #1a293a;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: -1;
}
#profile #profile-content .profile-inner-content h2 .sort {
  float: right;
  font-size: 11px;
}
#profile #profile-content .profile-inner-content h2 .sort a {
  color: #596271;
}
#profile #profile-content .profile-inner-content h2 .sort a.active, #profile #profile-content .profile-inner-content h2 .sort a:hover {
  color: #9fadc4;
}
#profile #profile-content .profile-inner-content .comment .thread-hdr {
  font-size: 14px;
  color: #ccc;
}
#profile #profile-content .profile-inner-content .comment .thread-sub {
  font-size: 11px;
  color: #666;
}
#profile #profile-content .profile-inner-content .activity-comment a {
  color: #ccc;
}
#profile #profile-content .profile-inner-content .activity-comment a:hover, #profile #profile-content .profile-inner-content .comment a:hover {
  color: #fff;
}
#profile #profile-content .profile-inner-content .social > div {
  display: inline-block;
  margin-bottom: 8px;
}
#profile #profile-content .profile-inner-content .social > div img {
  padding-right: 5px;
  vertical-align: middle;
}
#profile #profile-content .profile-inner-content .social > div input[type="text"] {
  width: 145px;
}
#profile #profile-content .profile-inner-content .social > div:not(:nth-child(3n)) {
  margin-right: 10px;
}
#profile #profile-content .profile-inner-content .avatar {
  display: table;
}
#profile #profile-content .profile-inner-content .avatar > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .profile-inner-content .avatar .update-avatar {
  padding-left: 10px;
}
#profile #profile-content .profile-inner-content .avatar .update-avatar .btn {
  margin-bottom: 0;
}
#profile #profile-content .profile-inner-content .avatar .pic {
  float: left;
  margin-right: 15px;
}
#profile #profile-content .profile-inner-content .avatar .pic img {
  border: 1px solid #444;
  height: 42px;
}
#profile #profile-content .profile-inner-content .avatar #show-avatars img {
  margin-top: -3px;
}
#profile #profile-content .profile-inner-content .notifications .select {
  float: right;
}
#profile #profile-content .profile-inner-content .notifications .chosen-container-single .chosen-single {
  border: 1px solid #252525;
}
#profile #profile-content .profile-inner-content .notifications label {
  display: inline-block;
  margin-top: 2px;
}
#profile #profile-content .profile-inner-content .profile-summoner {
  margin-top: 20px;
}
#profile #profile-content .profile-inner-content .profile-summoner .summoner-info {
  display: table;
  width: 100%;
  margin-top: 7px;
}
#profile #profile-content .profile-inner-content .profile-summoner .summoner-info > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .profile-inner-content .profile-summoner label {
  margin: 0 4px 4px 0;
  display: inline-block;
}
#profile #profile-content .profile-inner-content .profile-signature {
  margin-top: 20px;
}
#profile #profile-content .profile-inner-content .biography .markItUpEditor {
  height: 250px;
}
#profile #profile-content .profile-inner-content .change-pass label {
  display: inline-block;
  min-width: 160px;
}
#profile #profile-content .profile-inner-content .change-pass input[type="password"] {
  width: 250px;
}
#profile #profile-content .view-profile .social-links {
  margin: 0 40px 20px 0;
  display: inline-block;
  width: 350px;
}
#profile #profile-content .view-profile .social-links img {
  margin-right: 6px;
}
#profile #profile-content .view-profile .web {
  display: inline-block;
  width: 350px;
  margin-bottom: 15px;
}
#profile #profile-content .view-profile .cols, #profile #profile-content .view-profile .view-biography {
  margin-bottom: 15px;
}
#profile #profile-content .view-profile .cols a {
  color: #dbb74c;
}
#profile #profile-content .view-profile .cols a:hover {
  color: white;
}
#profile #profile-content .view-profile .cols > div {
  display: table;
  width: 100%;
}
#profile #profile-content .view-profile .cols.wrap > div {
  display: inline-block;
  width: 49.5%;
  margin-bottom: 9px;
}
#profile #profile-content .view-profile .cols.wrap > div:last-child {
  margin-bottom: 0;
}
#profile #profile-content .view-profile .cols > div > div {
  display: table-cell;
  vertical-align: top;
}
#profile #profile-content .view-profile .cols.wrap > div > div {
  display: block;
}
#profile #profile-content .view-profile .cols label {
  color: #9fadc4;
  text-transform: uppercase;
  width: 110px;
  display: inline-block;
}
#profile #profile-content .view-profile .cols .elo {
  width: 1%;
}
#profile #profile-content .view-profile .cols .elo img {
  width: 76px;
  padding: 5px;
  border: 3px solid #1a293a;
  margin-right: 13px;
  max-width: initial;
}
#profile #profile-content .profile-list .pro-row {
  background: #0f1a2b;
  display: block;
  margin-bottom: 2px;
  color: #ccc;
}
#profile #profile-content .profile-list .pro-row:hover {
  background: #172235;
  color: #fff;
}
#profile #profile-content .profile-list table {
  border-spacing: 0px;
  width: 100%;
}
#profile #profile-content .profile-list table tr:hover .activity {
  background-position: 0 -58px !important;
}
#profile #profile-content .profile-list table tr td {
  padding: 10px;
}
#profile #profile-content .profile-list table tr td.pic {
  padding: 5px;
  width: 58px;
}
#profile #profile-content .profile-list table tr td.pic img {
  height: 58px;
}
#profile #profile-content .profile-list table tr td.status {
  width: 85px;
  text-align: center;
}
#profile #profile-content .profile-list table tr td.archived {
  color: #444;
}
#profile #profile-content .profile-list table tr td.pic .activity {
  height: 58px;
  margin: -2px;
  width: 58px;
}
#profile #profile-content .profile-list table .score-wrap {
  max-width: inherit;
  text-align: left;
  font-size: 12px;
  color: white;
  text-transform: none;
}
#profile #profile-content .profile-list table .score-wrap .percent {
  vertical-align: bottom;
  margin: 5px 5px 1px;
}
#profile #profile-content .profile-list table tr td.pic .activity.video {
  background: url("/images/activity-video.png") repeat scroll center top rgba(0, 0, 0, 0);
}
#profile #profile-content .profile-list table tr td.pic .activity.image {
  background: url("/images/activity-image.png") repeat scroll center top rgba(0, 0, 0, 0);
}
#profile #profile-content .profile-list table tr td.pic .activity.mod {
  background: url("/images/activity-mod.png") repeat scroll center top rgba(0, 0, 0, 0);
}
#profile #profile-content .profile-list table tr td.pic .activity.skin {
  background: url("/images/activity-skin.png") repeat scroll center top rgba(0, 0, 0, 0);
}
#profile #profile-content .profile-list table tr td.pic .activity.thread {
  background: url("/images/activity-thread.png") repeat scroll center top rgba(0, 0, 0, 0);
}
#profile #profile-content .profile-list table tr td.pic .activity.question {
  background: url("/images/activity-question.png") repeat scroll center top rgba(0, 0, 0, 0);
}
#profile #profile-content .profile-list table tr td.desc a {
  color: #ccc;
  font-size: 13px;
}
#profile #profile-content .profile-list table tr td.desc a:hover {
  color: #fff;
}
#profile .sub-stats {
  float: right;
  text-transform: uppercase;
  color: #435268;
}
#profile .sub-stats span {
  margin-right: 10px;
  color: #9fadc4;
}
#profile #profile-content .sentto {
  color: #4f5d6e;
  display: block;
  font-size: 10px;
  line-height: 1;
}
#profile #profile-content span.date a {
  font-size: 10px;
}
#profile #profile-content .activities {
  position: relative;
  padding-right: 10px;
  margin-right: -10px;
}
#profile #profile-content .activities > div {
  padding: 5px 15px 10px;
}
#profile #profile-content .activities .shared > div {
  display: table-cell;
  vertical-align: middle;
}
#profile #profile-content .activities .shared > div.pic img {
  background: #0a121e;
  padding: 1px;
  border: 1px solid #1a293a;
  height: 57px;
}
#profile #profile-content .activities .shared > div.video a {
  height: 120px;
  width: 204px;
}
#profile #profile-content .activities .shared > div.desc {
  padding-left: 12px;
}
#profile #profile-content .activities .shared > div.desc a {
  color: #c1c1c1;
}
#profile #profile-content .activities .shared > div.desc a:hover {
  color: #efefef;
  text-decoration: none;
}
#profile #profile-content .activities .grey-out {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 0;
  text-align: center;
  /* FF3.6+ */
  background: -moz-linear-gradient(top, rgba(10, 18, 32, 0) 0%, #0a1220 90%, #0a1220 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(10, 18, 32, 0)), color-stop(90%, #0a1220), color-stop(100%, #0a1220));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, rgba(10, 18, 32, 0) 0%, #0a1220 90%, #0a1220 100%);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(10, 18, 32, 0) 0%, #0a1220 90%, #0a1220 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(10, 18, 32, 0) 0%, #0a1220 90%, #0a1220 100%);
  /* W3C */
  background: linear-gradient(to bottom, rgba(10, 18, 32, 0) 0%, #0a1220 90%, #0a1220 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000a1220', endColorstr='#0a1220',GradientType=0);
}
#profile #profile-content .show-more {
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
}
#profile #profile-content .show-more a {
  color: #5f5f5f;
}
#profile #profile-content .show-more a:hover {
  color: #adadad;
}
#profile .manage-subscription .sub {
  float: right;
}
#profile .manage-subscription .sub a {
  display: inline-block;
  padding: 0 16px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 14px;
  background: #141f31;
  color: #435269;
  text-transform: uppercase;
  line-height: 28px;
  display: block;
  text-align: center;
}
#profile #profile-content .manage-subscription h2.line {
  margin-bottom: 10px !important;
}
#profile .manage-subscription label {
  color: #979fb4;
  font-size: 12px;
  min-width: 160px;
  margin: 0 0 8px 0;
}
#profile .manage-subscription > div {
  overflow: hidden;
}
#profile .manage-subscription label + span {
  margin: 0;
  color: #adadad;
}
#tteam-body #blog.view-blog {
  padding: 8px;
}
#tteam-body #blog .blog-views {
  margin-top: 10px;
}
#blog.view-blog article {
  background: #0e1828;
  padding: 20px;
}
#blog.view-blog article:not(:last-child) {
  margin-bottom: 20px;
}
#blog.view-blog article .date {
  float: left;
  width: 40px;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  line-height: 29px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  border: 2px solid #596271;
  background: #0b182f;
  overflow: hidden;
}
#blog.view-blog article .date span:not(.localized-datetime) {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 15px;
  padding-bottom: 2px;
  color: #869dc0;
  background: #163a75;
  text-shadow: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2M2E3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTI3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #163a75), color-stop(100%, #0a274f));
  background: -webkit-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: -o-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: -ms-linear-gradient(top, #163a75 0%, #0a274f 100%);
  background: linear-gradient(to bottom, #163a75 0%, #0a274f 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#163a75', endColorstr='#0a274f',GradientType=0);
}
#blog.view-blog .post .title {
  margin-bottom: 7px;
  margin-left: 62px;
}
#blog.view-blog .post .title h3 {
  border-bottom: 1px solid #1a293a;
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 0;
  font-weight: normal;
  margin-top: 3px;
  padding-bottom: 3px;
}
#blog.view-blog .post .title h3 .main {
  color: #fff;
}
#blog.view-blog .post .title .tags {
  color: #596271;
  font-size: 10px;
  text-transform: none;
}
#blog.view-blog .post .post-content {
  padding: 20px 0;
}
#blog.view-blog .post .blog-social {
  float: right;
  margin-left: 5px;
}
#blog.view-blog .post .blog-social img {
  margin-left: 3px;
}
#blog.view-blog .post .comments {
  background: #233046;
  padding: 0 7px 1px;
  margin-right: 86px;
}
#blog.view-blog .post .comments a {
  color: #596271;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
}
#blog.view-blog .post .comments a:hover {
  color: #fff;
}
#blog.view-blog .find-tag {
  color: #596271;
  float: right;
  font-size: 11px;
  text-transform: none;
}
#blog.view-blog article.view-blog .find-tag input {
  margin-left: 3px;
  padding: 1px 6px;
  width: 110px;
}
#blog.view-blog article.view-blog .find-tag a {
  color: #869dc0;
}
#blog.view-blog article.view-blog .find-tag a:hover {
  color: #fff;
}
#profile .profile-tabs .tab, #profile .avatar-tabs .avatar-tab {
  background: none repeat scroll 0 0 #212121;
  color: #c1c1c1;
  cursor: pointer;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-right: 2px;
  padding: 4px 10px;
  text-transform: uppercase;
}
#profile .profile-tabs .selected, #profile .avatar-tabs .selected {
  background: none repeat scroll 0 0 #0067a2;
  color: #fff;
}
#profile .p-stats {
  margin-left: 140px;
}
#profile .srow {
  border-bottom: 1px solid #3b3b3b;
  font-size: 11px;
  padding: 5px 0;
}
#profile h2 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
#profile .avatar-box {
  background: none repeat scroll 0 0 #0b0b0b;
  border: 1px solid #3b3b3b;
  height: 280px;
  overflow: auto;
  padding: 5px;
  width: 320px;
}
#profile .avatar-box img {
  border: 1px solid #232b35;
  margin: 2px;
  padding: 2px;
  width: 47px;
}
#profile .avatar-box .selected {
  border: 1px solid #c8c8c8;
}
#profile .bio-stat {
  background: none repeat scroll 0 0 #151515;
  margin-bottom: 1px;
  padding: 3px;
}
#profile .bio-stat span {
  border-right: 1px solid #000;
  color: #9fadc4;
  float: left;
  margin-right: 3px;
  width: 150px;
}
#profile .bio-box {
  background: url("/css/img/bg-skill-under.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  color: #c8c8c8;
  font-size: 11px;
  line-height: 1.8em;
  padding: 10px 20px;
}
#inbox {
  margin: 0 -6px -6px;
}
#inbox table {
  width: 100%;
  border-spacing: 2px;
  table-layout: fixed;
}
#inbox table td {
  padding: 10px;
  border: none;
}
#inbox .reply {
  width: 15px;
}
#inbox .select {
  width: 20px;
}
#inbox table .last-reply-pic img {
  width: 70px;
  max-width: 70px;
}
#inbox table .last-reply-pic {
  vertical-align: top;
  width: 76px !important;
  padding: 7px;
}
#inbox .last-reply {
  color: #909090;
  font-size: 10px;
  padding-top: 15px;
  vertical-align: top;
  width: 100px;
}
#inbox .last-reply a {
  font-size: 11px;
  font-weight: bold;
}
#inbox .unread td {
  background: #172235;
}
#inbox td {
  background: #0f1a2b;
}
#inbox .msg a.subj {
  font-size: 14px;
  color: white;
}
#inbox .msg {
  color: #adadad;
  padding: 20px;
  width: 572px;
  word-wrap: break-word;
  font-size: inherit;
}
#inbox .msg p {
  color: #adadad;
  line-height: 1.5em;
}
#inbox .msg .bbcode_quote {
  color: #ccc;
}
#inbox .delete {
  width: 20px;
}
#new-pm label {
  min-width: 70px !important;
}
#profile .block-list-box {
  background: #0f1a2b;
  padding: 12px;
}
#profile .block-list-box a {
  color: #8dadc4;
}
#profile .block-list-box a:hover {
  color: white;
  text-decoration: none;
}
#profile .byline {
  font-size: 11px;
}
#profile .message-box {
  border-top: 1px solid #212121;
  padding: 20px 0 35px;
}
#profile .message-box .avatar {
  width: 50px;
}
#profile .message-box .message {
  margin-left: 70px;
}
#profile .activity {
  background: none repeat scroll 0 0 #101010;
}
#profile .activity:not(:last-child) {
  margin-bottom: 6px;
}
.add {
  display: inline-block;
}
#tteam-body .blog article .post, .profile-inner-content .blog article .post {
  padding: 0;
}
#tteam-body .edit-blog, #profile #profile-content .profile-inner-content .edit-blog {
  font-size: 12px;
}
#tteam-body .edit-blog a, #profile #profile-content .profile-inner-content .edit-blog a {
  color: #dbb74c;
}
#tteam-body .edit-blog a:hover, #profile #profile-content .profile-inner-content .edit-blog a:hover {
  color: white;
}
#profile #profile-content .profile-inner-content .subscriptions h2 .sort {
  margin-top: -3px;
}
#profile #profile-content .profile-inner-content .subscriptions h2 .sort select {
  width: 170px;
}
#profile #profile-content .profile-inner-content .subscriptions h2 .sort .filter {
  text-transform: none;
  font-size: 12px;
  display: inline-block;
  margin: 7px 5px 0 0;
  line-height: 1;
  vertical-align: top;
}
#profile #profile-content .subscriptions h2 .sort form {
  display: inline-block;
}
#profile #profile-content .subscriptions .subscription {
  border-top: 1px solid #1a293a;
  padding: 15px 0;
}
#profile #profile-content .subscriptions .subscription:last-child {
  border-bottom: 1px solid #1a293a;
}
#profile #profile-content .subscriptions .subscription .unsubscribe {
  float: right;
  display: inline-block;
  background: #1c2f48;
  text-transform: uppercase;
  color: #6a7f9b;
  padding: 5px 7px;
  margin-top: -4px;
  line-height: 1;
}
#profile #profile-content .subscriptions .subscription .unsubscribe:hover {
  background: #274061;
  color: #7e97b9;
}
#profile #profile-content .subscriptions .subscription .title {
  color: #ccc;
}
#profile #profile-content .subscriptions .subscription .post-content {
  color: #adadad;
  font-size: 12px;
}
#profile #profile-content .profile-inner-content form .btn {
  margin-bottom: 5px;
}
#profile #profile-content .profile-inner-content .p-details > div {
  margin-bottom: 15px;
}
#profile #profile-content .profile-inner-content form {
  margin-bottom: 10px;
}
#comments .subscribe-link {
  float: right;
}
#comments .subscribe-first .subscribe-link {
  margin: 0 1px -25px 0;
  top: 10px;
}
#comments .comment-hdr .subscribe-link {
  margin: 1px 2px 0 0;
}
#profile .profile-inner-content .builds-filter {
  text-align: right;
  margin-bottom: 10px;
}
#profile .profile-inner-content .builds-filter form {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  text-align: left;
}
#profile .awards-showcase {
  margin-right: 12px;
  padding-right: 0;
  margin-bottom: 15px;
}
#forum-thead .awards-showcase {
  margin: 5px 0;
}
#profile .awards-showcase h5 {
  color: white;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0 0 10px 2px;
}
#forum-thead .awards-showcase h5 {
  display: none;
}
.awards-showcase .awards-1 {
  position: relative;
  /*margin-bottom: 12px;*/
  overflow: hidden;
}
.awards-showcase .awards {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.awards-showcase .awards, #profile .sort-awards {
  font-size: 0;
}
.awards-showcase .awards div, #profile .sort-awards div {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
#forum-thead .awards-showcase .awards div {
  width: 36px;
  margin: 2px;
  height: 36px;
}
#forum-thead .awards-showcase .awards div a {
  display: inline-block;
}
#forum-thead .awards-showcase .awards div img {
  height: 36px;
}
#profile .awards-showcase .awards div, #profile .sort-awards div {
  background: #141f31;
  width: 47px;
  margin: 1px;
  padding: 5px 0 4px;
  border: 1px solid #141f31;
}
#profile .sort-awards {
  min-height: 53px;
}
#profile .sort-awards div {
  margin-right: 5px;
  height: 40px;
  border: 1px solid #1b2940;
}
#profile .sort-awards .award-placeholder {
  border: 1px dashed #4a5d78;
  background: rgba(20, 31, 49, 0.3);
}
#profile .awards-sort .hide {
  color: #455062;
}
#profile #awards-sorting2 {
  opacity: 0.7;
}
#profile #awards-sorting2:after, #profile #awards-sorting.empty:after {
  content: "+";
  border: 1px solid #1b2940;
  height: 49px;
  width: 47px;
  margin: 1px;
  background: #141f31;
  color: #0a121f;
  font-size: 30px;
  line-height: 47px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
#profile .awards-showcase .awards div img, #profile .sort-awards div img {
  height: 40px;
}
.awards-showcase .show-awards {
  text-transform: uppercase;
  color: #344255;
  font-size: 9px;
  text-align: center;
  border-top: 1px solid #162434;
  margin: 5px 0px -5px -5px;
  line-height: 1;
  padding: 5px 0;
  position: relative;
  cursor: pointer;
}
#forum-thread .awards-showcase .show-awards {
  margin: 5px -5px -5px -5px;
}
#forum-thead .awards-showcase .show-awards {
  font-size: 8px;
}
.awards-showcase .show-awards:hover {
  color: #7387a3;
}
.awards-showcase .show-awards:after, .awards-showcase .show-awards:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #344255 transparent transparent transparent;
  position: absolute;
  top: 7px;
}
.awards-showcase .show-awards:after {
  left: 7px;
}
.awards-showcase .show-awards:before {
  right: 7px;
}
.awards-showcase .show-awards.open:after, .awards-showcase .show-awards.open:before {
  top: 6px;
  border-width: 0 3px 6px 3px;
  border-color: transparent transparent #344255 transparent;
}
#profile .prime-pic {
  min-height: 140px;
  position: relative;
  border: 3px solid #141f31;
  margin-bottom: 20px;
  max-height: 248px;
  overflow: hidden;
}
#profile .prime-pic > img {
  max-width: 100%;
}
#profile .prime-pic #profile-stats {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 3px solid rgba(20, 31, 49, 0.9);
  border-right: 3px solid rgba(20, 31, 49, 0.9);
  background: rgba(9, 17, 32, 0.9);
}
#profile .prime-pic #profile-stats .stats {
  width: auto;
  background: none;
  border: none;
  font-size: 12px;
  line-height: initial;
  color: #505969;
  padding-right: 10px;
}
#profile .prime-pic #profile-stats .stats div {
  line-height: 1.5;
}
#profile .prime-pic #profile-stats .pic {
  height: auto;
  width: auto;
  background: none;
  margin: 10px 0 10px 10px;
}
#profile .prime-pic .pic .ava-wrap {
  margin-bottom: 0 !important;
}
#profile .prime-pic #profile-stats .pic img.avatar {
  background: #0a1220;
}
#profile .my-commendations {
  font-size: 0;
  margin-bottom: 15px;
}
#profile .my-commendations .commend {
  display: inline-table;
  border-spacing: 3px 0;
  width: calc(50% - 2px);
  margin-bottom: 10px;
  vertical-align: top;
}
#profile .my-commendations .commend:nth-child(even) {
  margin-right: 4px;
}
#profile .my-commendations .commend > div {
  display: table-cell;
  background: #141f31;
  border: 1px solid #1a293a;
  vertical-align: middle;
}
#profile .my-commendations .commend .pic {
  padding: 3px;
  width: 1px;
}
#profile .my-commendations .commend .pic img {
  width: 90px;
  max-width: initial !important;
}
#profile .my-commendations .commend .desc {
  padding: 0 9px;
}
#profile .my-commendations .commend .desc h4 {
  color: #efeff0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 4px;
}
#profile .my-commendations .commend .desc div {
  color: #979fb4;
  font-size: 10px;
  line-height: 1.5 !important;
}
#profile .prime-profile-settings .markItUpEditor {
  height: 65px;
}
#profile .prime-profile-settings .self-clear.default > span {
  margin-top: 4px;
  margin-left: 6px;
  display: inline-block;
}
.p-premium .bank .commends {
  float: left;
  text-align: center;
  background: url(/images/prime/bank.png) no-repeat center top;
  min-width: 150px;
  min-height: 100px;
  font-size: 11px;
  color: #435268 !important;
  text-transform: uppercase;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.p-premium .bank .commends div {
  color: #9fadc4;
  font-size: 52px;
  line-height: 100px !important;
}
.p-premium .bank .desc {
  margin-left: 185px;
  color: #adadad !important;
  padding-top: 15px;
  margin-bottom: 20px;
}
#profile .payment-history label {
  min-width: 130px;
  float: none;
  display: inline-block;
}
#profile .payment-desc {
  min-width: 220px;
  display: inline-block;
}
#profile .subscriptions #activity_hash {
  display: block;
}
#profile .subscriptions #subscriptions_hash {
  display: none;
}
#profile .subscriptions #friends_hash {
  display: none;
}
#profile .subscriptions #manage-friends {
  display: none;
}
#profile .subscriptions #settings_hash {
  display: none;
}
#profile #profile-content h2 .manage, #profile .manage {
  background: #172235;
  color: #a9bcda;
}
#profile #profile-content h2 .manage:hover, #profile .manage:hover {
  color: white;
  background: #253756;
}
.header-action {
  color: #515a69;
  border-color: #515a69;
}
#profile-content .notification-settings span {
  margin-left: 0;
}
.notification-settings {
  border-spacing: 0;
}
.notification-settings td {
  color: #adadad;
  font-size: 14px;
}
.notification-settings td:not(:first-child), .notification-settings th:not(:first-child) {
  text-align: center;
}
.notification-settings td:not(:first-child) {
  font-size: 0;
}
.notification-settings .check {
  display: inline-block;
  float: none;
}
.notification-settings thead tr {
  background-color: transparent !important;
}
.notification-settings th {
  background: none;
  font-weight: normal;
  color: #9fadc4;
  padding: 0 0 10px;
  line-height: 1;
}
.privacy-settings.notification-settings td:first-child {
  width: 338px;
}
.privacy-settings.notification-settings td:last-child {
  text-align: left;
}
.notification-settings .gf-wrap.check {
  width: auto !important;
}
.notification-settings .gf-wrap.check span {
  padding-right: 4px;
}
.notification-settings .gf-wrap.check div {
  margin-right: 0;
}
#profile #profile-content .subscriptions .profile-list .profile-table {
  border-spacing: 0 5px;
}
.mentions-input {
  position: relative;
}
.mentions-input .ui-autocomplete {
  position: absolute;
  right: calc(100% - 3px);
  top: 0 !important;
  bottom: 8px;
  background: #2d374a;
  padding: 7px;
  overflow: hidden;
  height: 178px;
  z-index: 150;
  left: auto !important;
  width: auto !important;
  border-radius: 0;
  border: none;
}
.mentions-input .ui-autocomplete .ui-menu-item {
  width: auto;
  display: inline-block;
  overflow: hidden;
  height: 30px;
}
.mentions-input .ui-autocomplete .ui-menu-item a {
  background: #0a1220;
  color: #9fadc4;
  display: inline-block;
  cursor: pointer;
  width: 150px;
  line-height: 30px;
  padding: 0px;
  overflow: hidden;
  height: 30px;
}
.mentions-input .ui-autocomplete .ui-menu-item a:hover {
  background: #141f31;
  color: white;
  text-decoration: none;
}
.mentions-input .ui-autocomplete .ui-menu-item a img {
  height: 30px;
  width: 30px;
  display: inline-block;
  padding: 0px;
  margin-right: 6px;
  overflow: hidden;
  vertical-align: top;
}
.mentions-input .ui-autocomplete .ui-menu-item a span {
  height: 30px;
  width: 108px;
  display: inline-block;
  overflow: hidden;
  line-height: 30px;
  padding: 0px;
}
.mentions-input .ui-autocomplete .ui-menu-item a .pic {
  width: 1px;
}
.mentions-input .ui-autocomplete .ui-menu-item:not(:last-child) {
  margin-bottom: 0px;
}
.mentions-input .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #070d17;
}
#post-comment .mentions-input {
  display: inline-block !important;
}
#profile .my-queue {
  font-size: 0;
  margin-bottom: 15px;
}
#profile .my-queue .queue {
  display: inline-table;
  border-spacing: 3px 0;
  width: calc(33% - 2px);
  margin-bottom: 10px;
  padding: 5px;
  vertical-align: top;
}
#profile .my-queue .queue > div {
  display: table-cell;
  background: #141f31;
  border: 1px solid #1a293a;
  vertical-align: middle;
  margin-right: 4px;
}
#profile .my-queue .queue .pic {
  padding: 3px;
  width: 1px;
}
#profile .my-queue .queue .pic img {
  width: 50px;
  max-width: initial !important;
}
#profile .my-queue .queue .desc {
  padding: 0 9px;
}
#profile .my-queue .queue .desc h4 {
  color: #dbb74c;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.1;
}
#profile .my-queue .queue .desc div {
  color: #979fb4;
  font-size: 11px;
  line-height: 1.1 !important;
}
td.social-ident {
  background: #0f1a2b;
  border: 1px solid #0a1220;
  padding: 8px;
  text-align: center;
}
td.social-ident img {
  width: 22px;
  height: 22px;
}
.social-left {
  text-align: left !important;
}




#champ-head {
	padding: 15px 20px 0;	
}
#champ-head .champ-wrap {
	width:725px;
}

#champ-head .champ-wrap .champ-icon.free .thumb img {
	border: 1px solid #055d07;
}
#champ-head .champ-wrap .champ-icon.new .thumb img {
	border: 1px solid #DDB700;
}
#champ-head .champ-wrap .champ-icon.sale .thumb img {
	border: 1px solid #BA29B1;
}
#champ-head .champ-wrap .champ-icon {
	position: relative;
}
#guide .champ-wrap .champ-icon .thumb img{
	width:120px;
	border:solid 1px #000;
	padding:5px;
}
#guide .champ-wrap .champ-icon .thumb img {
	background: #233148;
}
#champ-head .ico {
	padding:6px;
	position:absolute;
	bottom: 0;
	right: 0;
}
#champ-head .champ-wrap .champ-info, #guide .champ-wrap .champ-info{
	margin-left:145px;

}
#champ-head .champ-wrap .champ-info h1 {
	font:48px "Times New Roman", Times, serif;
	font-weight:normal;
	color:#fff;
	line-height:1;
	margin-bottom: 0;
}
#champ-head .champ-wrap .champ-info .champ-class {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color: #728fb0;
}
#champ-head .champ-wrap .champ-info .champ-class .main {
	font-size: 12px;
}
#champ-head .champ-wrap .champ-info .champ-class .dark {
	color:#354f68;
}
#champ-head .champ-wrap .champ-title {
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#728fb0;
	text-transform:uppercase;
	padding-bottom:5px;
	margin-left: 5px;
}
#champ-head .champ-wrap .champ-abilities img{
	width:44px;
	background:#040c16;
	border:solid 1px #192838;
	padding:3px;
	margin-right:15px;	
}
#champ-head .champ-wrap .points {
	color: #ffa800;
	margin: 0 5px 5px 0;
	display: inline-block;
}
#champ-head .champ-wrap .points img {
	margin-right: 2px;
}
#champ-head .champ-wrap .champ-abilities {
	overflow: hidden;
	height: 52px;
}

#champ-head .champ-wrap .champ-abilities.expand {
	height: auto;
}
#champ-head .champ-wrap .champ-abilities #more-abilities {
	color: #687A8C;
	display: none;
	font-size: 10px;
	height: 52px;
	vertical-align: bottom;
	line-height: 14px;

}
#champ-head .champ-wrap .champ-abilities #more-abilities img {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	margin: 0 5px 2px 5px;
	padding: 0;
	width: 13px;
}
#champ-head .champ-wrap .champ-abilities #more-abilities.flip img {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}
#champ-head .champ-stats {
	//width:375px;	
}
#champ-head .champ-stats .stats-hdr {
	background:#070e19;
	padding:5px;
	margin-bottom:5px;	
}
#champ-head .champ-stats table{
	width:100%;	
}
#champ-head .champ-stats td{
	padding:3px;
	color:#a2a2a2;	
}
#champ-head .champ-buttons{
	padding:15px 0;	
}
#champ-head .champ-buttons a {
	display:block;
	float:left;
	margin-right:15px;
	color:#607495;	
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#champ-head .champ-buttons a:hover {
	color:#fff;
	text-decoration:none;	
}

.champ-tabs {
	padding-left:3px;
}

.champ-tabs .tab{
	float:left;
	display:block;
	background:#18263e;
	color:#607495;
	text-transform:uppercase;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding:6px 22px;
	margin-right:2px;
}
.champ-tabs .tab:hover, .champ-tabs .selected{
	text-decoration:none;
	background:#212f48;
	color:#b3bfd4;
	
}
#champ-info .info-box {
	background:#0B1524;
	padding:22px;
	color:#98a5b9;
	line-height:1.7em;	
}
#champ-info .info-box img{
	width:200px;
	background:#132136;
	border:solid 1px #000;
	padding:3px;
	margin:0 15px 15px;	
}
#champ-info .info-box h2 {
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#c0c0c0;	
}
#champ-info .info-box .champ-info-stats {
	width: 445px;
	border-collapse: collapse;
	border: 1px solid #070d18;
	table-layout: fixed;
}
#champ-info .info-box .champ-info-stats td {
	background: #0e1728;
	padding: 0 7px;
	line-height: 26px;
}
#champ-info .info-box .champ-info-stats tr:not(:last-child) td {
	border-bottom: 1px solid #070d18;
}
#champ-info .info-box .champ-info-stats td:nth-child(2) {
	border-right: 1px solid #070d18;
}
#champ-info .info-box .champ-info-stats td:nth-child(even) {
	width: 78px;
	color: #00e819;
}
#champ-skins .skin-wrap {
	width:166px;
	margin:2.5px;
	cursor:pointer;		
}
#champ-skins .skin-wrap .skin-hdr{
	height:48px;
	padding:0px;
	border:1px solid #070e1b;
	background:#101828;
	overflow:hidden;
}
#champ-skins .skin-wrap .skin-hdr td {
	height:35px;
	width:164px;
	padding:6px;
	color:#fff;	
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:1.1em;	
	
}

#champ-skins .skin-wrap .skin-pic{
	height:281px;
	padding:6px;
	border:1px solid #070e1b;
	margin:3px 0;
}
#champ-skins .skin-wrap.sale .skin-pic{
	border:1px solid #ba29b1;
	display: block;
}
#champ-skins .skin-wrap.new .skin-pic{
	border:1px solid #DDB700;
}
#champ-skins .skin-wrap .skin-selected{
	outline:1px solid #ffff00;
}
#champ-skins .skin-wrap:hover .skin-pic{
	border:1px solid #ff8000;
}
#champ-skins .skin-wrap.sale .sale-price{
	background-color: rgba(186,41,177,0.5);
	padding:7px;
	color:#fff;
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0 0 3px #390536;
	margin-top:200px;
	text-align:center;
}
#champ-skins .skin-wrap .skin-info{
	height:35px;
	padding:6px;
	border:1px solid #070e1b;
	background:#101828;
	color:#586171;	
	font-size:11px;
	text-align:center;
	overflow:hidden;
}
#champ-skins .skin-info .cost {
	color:#DBB74C;
	padding-bottom:3px;
}
#champ-skins .skin-info .cost img {
	height:16px;	
}

#guide .champ-wrap .champ-info h1 {
	font-size: 18px;
	text-transform: uppercase;
}
#champ-head .champ-data > div {
	display: table-cell;
	vertical-align: top;
	background: #040c17;
}
#champ-head .champ-data .summary {
	padding: 10px 30px 10px 10px;
}
#champ-head .champ-data .summary h4 {
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	margin: 6px 0;
}
#champ-head .champ-data .summary .against > div {
	display: table-cell;
}
#champ-head .champ-data .summary .against > div:not(:last-child) {
	padding-right: 10px;
}
#champ-head .champ-data .summary .against h5 {
	color: #516381;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	margin: 1px 0 4px;
}
#champ-head .champ-data .summary .gathering-stats {
	padding-top: 17px;
}
#champ-head .champ-data .summary .champ {
	display: table-cell;
	font-size: 12px;
	color: #516381;
	text-align: center;
	line-height: 1.1;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}
#champ-head .champ-data .summary .champ:not(:last-child) {
	padding-right: 10px;
}
#champ-head .champ-data .summary .champ .pic {
	width: 54px;
	height: 54px;
	margin-bottom: 4px;
}
#champ-head .champ-data .summary .champ .pic img {
	width: 100%;
	height: 100%;
}

#champ-head .champ-data .summary .worst .champ {
	color: #c54a4a;
	line-height: 1;
}
.champ-data > div:first-child {
	margin-bottom: 3px;
}
.champ-data .votes, .champ-data .stats {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 8px;
}
.guide-stats {
	white-space: nowrap;
	font-size: 0;
}
.guide-stats > div {
	display: inline-block;
	vertical-align: top;
}
.guide-stats .guide-commends {
	text-align: center;
}
.guide-stats .guide-commends > img {
	width: 95px;
}
.guide-head:not(.lvl1):not(.lvl2):not(.lvl3) .guide-data {
	position: relative;
	border-radius: 5px;
	background: linear-gradient(to top, #091732, #15233e);
	z-index: 1;
	padding-bottom: 12px;
	margin-left: 10px;
	margin-bottom: -12px;
	padding-top: 3px;
	margin-top: -3px;
}
.guide-head:not(.lvl1):not(.lvl2):not(.lvl3) .guide-data:after {
	content: "";
	position: absolute;
	background: #040914;
	border-radius: 5px;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	z-index: -1;
}
.guide-head:not(.lvl1):not(.lvl2):not(.lvl3) .guide-stats .guide-commends > img {
	margin-top: 12px;
}
.guide-data .views {
	font-size: 0;
}

.guide-data .views > div {
	text-align: center;
	font-size: 11px;
	display: inline-block;
	width: calc( (100% - 6px)/ 3);
	padding: 6px 0 15px;
}
.guide-data .views > div:not(:last-child) {
	margin-right: 3px;
}
.guide-data .bar {
	display: table-cell;
	vertical-align: middle;
}
.guide-data .voting {
	white-space: nowrap;
	font-size: 0;
	transform: scale(0.75);
	margin: 4px 0 -4px -31px;
}
.guide-reg .guide-data .voting {
	margin: 4px 0 0 -31px;
}
.prime .guide-data .voting {
	margin: 4px 0 -4px -31px;
}
.guide-data .voting-wrap {
	width: 222px;
	padding: 0 15px;
}
.guide-data .voting a {
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	margin-right: 5px;
	cursor: pointer;
}
.guide-data .voting a.build-vote-down {
	background-image: url(/images/vote-minus.png);
}
.guide-data .voting a.build-vote-up {
	background-image: url(/images/vote-plus.png);
}
.guide-data .voting a.build-vote-down.grayed {
	background-image: url(/images/vote-minus-gray.png);
}
.guide-data .voting a.build-vote-up.grayed {
	background-image: url(/images/vote-plus-gray.png);
}
.guide-data .voting a:hover, .guide-data .voting a.selected {
	background-position: 0 -25px;
}
.guide-data .voting, .guide-data .views > div {
	color: #7a91a9;
	text-transform: uppercase;
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.guide-reg {
	box-shadow: 0 0 1px 1px #060B14, inset 0 0 0 1px #0d1420;
    background: #152034;
        border: 1px solid #1A293A;
    padding: 5px;
}
.guide-reg .voting-wrap, .guide-reg .views > div {
	background:#040c17;
}
.guide-data .views > div > div {
	color: white;
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.guide-data .views > div > div {
	padding: 4px 0 6px;
}
.champ-data .votes, .champ-data .stats > div {
	color: #547794;
	font-size: 9px;
} 
.champ-data .votes {
	text-align: center;
	text-transform: uppercase;
	padding: 15px 5px 5px;
	font-size: 11px;
	width: 76px;
	line-height: 1.3;

}
.champ-data .stats > div {
	//text-align: right;
	white-space: nowrap;
	text-transform: uppercase;
	//width: 365px;
	margin-top: 5px;
	//display: table;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
}
.champ-data .stats > div > div {
	vertical-align: middle;
}
.champ-data .stats > div:first-child {
	margin-bottom: 3px;
}
.champ-data .title {
	margin-bottom: 2px; 
}
.champ-data .stat {
	white-space: nowrap;
	margin-right: 10px;
}
.champ-data .stat > div {
	display: inline-block;
	vertical-align: middle;
}
.champ-data .stat span {
	color: #516381;
	font-size: 10px;
	margin-left: 4px;
}
.champ-data .stat span sup {
	font-size: 8px;
}
.champ-data .bar, .guide-data .bar {
	border-radius: 3px;
	display: inline-block;
	width: calc(18px * 13 - 2px) ;
	height: 21px;
	border: 2px solid #192839;
	margin-left: 1px;
	background: #060c15;
	background: url(/images/stats-bar-off.png) -2px 0, linear-gradient(to bottom,  #060c15 0%,#121926 100%);
}
.champ-data .bar {
	width: calc(15px * 13 - 2px);
	height: 17px;
}
.guide-data .bar .percent {
	height: 21px;
}
.champ-data .bar .percent {
	height: 17px;
}
.champ-data .bar.health .percent, .guide-data .bar.health .percent {
	background: #60d863;
	background: url(/images/stats-bar-on.png) -2px 0, linear-gradient(to bottom,  #60d863 1%,#064b0b 100%);
}
.champ-data .bar.health .percent {
	background: #60d863;
	background: url(/images/stats-bar-on-s.png) -2px 0, linear-gradient(to bottom,  #60d863 1%,#064b0b 100%);
}
.champ-data .bar.attack .percent {
	background: #da5858;
	background: url(/images/stats-bar-on-s.png) -2px 0, linear-gradient(to bottom,  #da5858 0%,#640505 100%);
}
.champ-data .bar.magic .percent { 
	background: #408cd9;
	background: url(/images/stats-bar-on-s.png) -2px 0, linear-gradient(to bottom,  #408cd9 0%,#011835 100%);
}
.champ-data .bar.difficulty .percent { 
	background: #f57af4;
	background: url(/images/stats-bar-on-s.png) -2px 0, linear-gradient(to bottom,  #f57af4 0%,#490048 100%);
}




.champ-data .votes .champ-vote {
	white-space: nowrap;
	line-height: 1;
	display: inline-table;

}
.champ-data .votes .champ-vote > span {
	display: table-cell;
	vertical-align: middle;
}
.champ-data .votes .champ-vote .count {
	color: white;
	font-size: 30px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}
.champ-data .votes .champ-vote .arrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.champ-data .votes .champ-vote .arrow .narrow {
	transform: scaleX(0.8);
	-ms-transform: scaleX(0.8); 
	-webkit-transform: scaleX(0.8);
}
.champ-data .votes .champ-vote .arrow div {
	text-align: center;
}
.champ-data .votes .champ-vote .arrow.up {
	color: #00ff00;
}
.champ-data .votes .champ-vote .arrow.down {
	color: red;
}
#champ-tips .search {
	margin-bottom: 22px;
}
#champ-tips .search input {
	background: #091326 url(/images/mini-search-icon.png) calc(100% - 6px) center no-repeat;
	border: 1px solid #1a283f;
	border-radius: 3px;
	padding: 5px 30px 5px 10px;
	color: #87a4cb;
	width: 330px;
	line-height: 19px;
}
#champ-tips .search input::-webkit-input-placeholder {
	color: #6c8db8;
}
#champ-tips .search input::-moz-placeholder {
	color: #6c8db8;
}
#champ-tips .search input:-ms-input-placeholder {  
   color: #6c8db8; 
}
#champ-tips .search .add {
	color: #b3bfd4;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 27px;
	padding: 0 14px;
	float: right;
	background: #2a3c58;
	margin-top: 1px;
}
#champ-tips .search .add:hover {
	color: white;
	text-decoration: none;
	background: #344b6e;
}
#champ-tips {
	padding: 7px;
}
#champ-tips .tips {
	display: table;
	border-spacing: 5px 0;
	margin: 0 -5px;
}
#champ-tips .tips > div {
	display: table-cell;
	background: #233148;
	padding: 7px;
}
#champ-tips .tips h4 {
	font: 24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: #1a283f;
	color: #b3bfd4;
	line-height: 48px;
	text-align: center;
	border-bottom: 2px solid #152032;
	margin: -7px -7px 7px;
}
#champ-tips .tips .tip {
	background: #1a283f;
	border: 4px solid #2a3c58;
	padding: 13px;
	border-radius: 6px;
	position: relative;
	margin-bottom: 21px;
}
#champ-tips .tips .tip:not(:last-child) {
	margin-bottom: 32px;
}
#champ-tips .tips .tip:after, #champ-tips .tips .tip:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 33px 0 0;
	border-color: #2a3c58 transparent transparent transparent;
}
#champ-tips .tips .tip:after {
	border-color: #1a283f transparent transparent transparent;
	top: calc(100% - 8px);
	left: 24px;
}
#champ-tips .tips .tip > div {
	display: table-cell;
	vertical-align: top;
}
#champ-tips .tips .tip .vote {
	width: 26px;
	text-align: center;
	font-size: 0;
	padding: 0 14px 0 0;
	border-spacing: 0;
}
#champ-tips .tips .tip .vote a {
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 0 13px 17px 13px;
	border-color: transparent transparent #465f7b transparent;
}
#champ-tips .tips .tip .vote a:hover {
	border-color: transparent transparent #0e1623 transparent;
}
#champ-tips .tips .tip .vote a.down {
	border-width: 17px 13px 0 13px;
	border-color: #465f7b transparent transparent 
}
#champ-tips .tips .tip .vote a.down:hover {
	border-color: #0e1623 transparent transparent 
}
#champ-tips .tips .tip .vote span {
	font: 20px/1.55 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: -2px 0;
	display: inline-block;
}
#champ-tips .tips .tip .desc {
	color: white;
	font: 16px/1.3 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#champ-tips .tips .tip .desc > a, #champ-tips .tips .tip .desc > span {
	color: white;
}
#champ-tips .tips .tip .desc > a:hover {
	color: #b3bfd4;
	text-decoration: none;
}
#champ-tips .tips .tip .desc .tags {
	margin-top: 4px;
}
#champ-tips .tips .tip .desc .tags, #champ-tips .tips .tip .desc .tags a {
	color: #617290;
	font-size: 11px;
}
#champ-tips .tips .tip .desc .tags a:hover {
	color: white;
	text-decoration: none;
}



#qa .gf-row .gf-label {
	width:120px;	
}
#qa .checkbox-edit {
	padding-top: 4px;
	float: left;
	width: 15px;
}
#qa .checkbox-edit-message {
	float: right;
	padding-top: 4px;
	color: gray;
	width: 519px;
}
#qa .q-wrap {
	background: #233148;
}
#qa .a-wrap {
	border-left:4px solid #152034;
	background:#1a283f;
	width:589px;
	padding:7px;	
	overflow: hidden;
	min-height: 98px;
}
#qa .a-auth-av {
	width:75px;	
}
#qa .q-auth-av {
	padding-bottom:10px;	
}
#qa .a-auth-av img, #qa .q-auth-av img{
	width:63px;
	background:#141f33;
	border:solid 1px #071627;
	padding:3px;	
}
#qa .a-author, #qa .q-author {
	padding-bottom:5px;
	color:#648ba4;
}
#qa .q-author {
	width:500px;	
}
#qa .q-author h2{
	font:18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:15px;
}
#qa .c-author {
	padding-bottom:5px;
	color:#648ba4;
	font-size:10px;		
}
#qa .c-author img {
	width:20px;
	border:solid 1px #071627;
}
#qa .a-full, #qa .q-full {
	line-height:1.3em;
	color:#b1c3ce;	
}
#qa .a-full img, #qa .q-full img {
	max-width: 100%;
}
#qa .a-full {
	width:510px;	
}
#qa .qa-comment {
	background:#152136;
	padding:7px;
	margin-top:6px;	
	font-size:11px;
}
#qa .qa-list {
	width:100%;	
	border-spacing: 2px;
}
#qa .qa-list a {
	color:#9caece;	
}
#qa .qa-list td {
	padding:10px;
	color:#677faa;	
}
#qa .qa-list .list-rate-box {
	background:#152034;
	padding:10px;
	text-align:center;
	width:55px;
	font:18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#abbedf;	
	border:1px solid #051525;
}
#qa .qa-list .list-rate-box span{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#63779b;
	text-transform:uppercase;	
}
#qa .qa-list .q-title{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1.1;
}
#qa .qa-list .qa-desc {
	vertical-align: middle;
	white-space: nowrap;
	padding: 5px 10px 7px;
}
#qa .qa-list .qa-desc > div {
	white-space: normal;
	vertical-align: middle;
}
#qa .qa-list .qa-desc .desc {
	margin-left: 37px;
}
#qa .qa-list .votes {
	color: white;
	font-size: 20px;
	text-align: center;
	float: left;
}
#qa .qa-list .votes .arrow {
	cursor: pointer;
}
#qa .qa-list .votes .up {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 13px 17px 13px;
	border-color: transparent transparent #49627e transparent;
}
#qa .qa-list .votes .up:hover, #qa .qa-list .votes .up.selected {
	border-color: transparent transparent #627c9a transparent;
}	
#qa .qa-list .votes .down {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 13px 0 13px;
	border-color: #49627e transparent transparent transparent;
}
#qa .qa-list .votes .down:hover, #qa .qa-list .votes .down.selected {
	border-color: #627c9a transparent transparent transparent;
}
#qa .qa-list .qa-desc .content {
	color: #97acce;
	font-size: 11px;
	margin-top: 3px;
}



#builder-hdr .title-label{
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 10px 0 20px;	
}

#b-set .settings-box {
	background:#080e19;
	padding:6px 12px 12px;	
}
#b-set h2, #g-builder h2 {
	color:#91a6c2;
	font:18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;	
}
#b-set h3, #g-builder h3 {
	color:#c0cfe0;
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;	
	margin-bottom:2px;
}
#b-set .set-vis {
	height:18px;
	padding:2px 0 0 25px;
	margin-left:20px;
	color:#807f7f;
}
#b-set .set-public {background: url(gfx/ico-public.png) no-repeat top left ;}
#b-set .set-public-on {background: url(gfx/ico-public.png) no-repeat bottom left ; color:#fff;}
#b-set .set-private {background: url(gfx/ico-private.png) no-repeat top left ;}
#b-set .set-private-on {background: url(gfx/ico-private-on.png) no-repeat bottom left ; color:#fff;}

#b-set .set-label {
	color:#7f98b0;
	font-size:12px;
	text-transform:	uppercase;
	width:90px;
	padding:5px 10px 0 0;
	text-align:right;
}
#b-set .chap-sel-col {
	width:130px;	
}
#b-set .chap-sel-btn {
	background:url(/images/add-10.png) no-repeat 0px 6px;
	padding:3px 0 3px 15px;
	color:#839ab8;	
	font-size:11px;
}
#b-set .chap-sel-hdr {
	color:#fff;
	font-size:12px;
	text-transform:	uppercase;	
}
#b-set .chap-sel-btn:hover {
	color:#FFF;
}

#g-builder .team-label {
	color:#7f98b0;
	font-size:12px;
	text-transform:	uppercase;
	width:60px;
	padding:5px 10px 0 0;
	text-align:right;
}
#g-builder .c-tabs {
	background:url(gfx/gb-tab-mid.png) no-repeat center top;
	padding:5px 5px 2px;	
}
#g-builder .c-tabs .c-tab {
	padding:4px;
	width:48px;
	height:66px;
	background:url(gfx/gb-build-tab.png) no-repeat center top;
	overflow:hidden;
	cursor:pointer;	
}
#g-builder .c-tabs .c-tab:hover {background:url(gfx/gb-build-tab.png) no-repeat center center;}
#g-builder .c-tabs .c-tab.selected {background:url(gfx/gb-build-tab.png) no-repeat center bottom;}
#g-builder .c-tabs .c-tab.selected:hover {background:url(gfx/gb-build-tab.png) no-repeat center bottom;}
#g-builder .c-tabs .c-tab img{
	width:48px;
	height:48px;
}
#g-builder .c-tab-container {
	background:#0a1220;
	padding:8px;	
}
#g-builder .champ-picker .champ{
	border: 1px solid #000000;
	cursor: pointer;
	margin:5px;	
	width:70px;
	height:70px;
	float:left;
}
#g-builder .champ-picker .champ.new{
	border:solid 1px #A88C00;
}
#g-builder .champ-picker .champ.free{
	border: 1px solid #009D00;
}
#g-builder .champ-picker .champ:hover{
	border:solid 1px #2e4f75;
}
#g-builder .build-label {
	color:#7f98b0;
	font-size:12px;
	text-transform:	uppercase;
	width:105px;
	padding:5px 10px 0 0;
	text-align:right;
}
#g-builder .tabs {
	padding:15px 0 1px 5px;	
}
#g-builder .tabs .tab {
	padding:6px 20px;
	color:#5a6c7d;
	background:#03070f;	
	margin-left:2px;
	cursor:pointer;
}
#g-builder .tabs .tab:hover, #g-builder .tabs .tab.selected {
	background:#060c16;
	color:#fff;
}
#g-builder .tab-container {
	background:#060c16;
	padding:12px;	
}
#g-builder .item-filter {
	margin: 0 0 12px;
}
#g-builder .item-filter .hdr-sub{
	line-height: 16px;
}
#g-builder .sub-box {
	background:#0a1220;
	padding:6px;	
}
#g-builder .gb-spells img {
	width:47px;
	height:47px;
	border:#000 1px solid;
	background:#03070f;
	padding:3px;
	margin:6px;	
	cursor:pointer;
}
#g-builder .gb-spells img:hover, #g-builder .gb-spells img.selected {
	border:solid 1px #2e4f75;
}
#g-builder .gb-spell-chosen {
	background: #0a1220 url(gfx/gb-spell-blank.png) no-repeat center center;
	width:57px;
	height:57px;
	padding:5px;	
}
#g-builder .gb-spell-chosen img {
	width:55px;
	height:55px;
	cursor:pointer;
	border:1px solid #0D182A;
}
#g-builder .gb-spell-chosen img:hover {
	border:1px solid #2e4f75;
}
#g-builder .gb-skins img {
	width:70px;
	height:127px;
	border:#000 1px solid;
	background:#03070f;
	padding:5px;
	margin:6px 7px 5px;	
	cursor:pointer;
}
#g-builder .gb-skins img:hover, #g-builder .gb-skins img.selected {
	border:solid 1px #2e4f75;
}
#g-builder .gb-skin-chosen {
	background:url(gfx/gb-skin-blank.jpg) no-repeat center center;
	width:172px;
	height:302px;	
}
#g-builder .col2-wrap .col-l {
	width:245px;
}
#g-builder .col2-wrap .col-r {
	width:440px;
}
#g-builder .hdr-sub {
	color:#5a6c7d;
}
#g-builder .item-bag .slot {
	background:url(gfx/gb-item-slot.png) no-repeat center center;
	width:38px;
	height:38px;
	padding:2px;
	margin:3px;
	float:left;	
}
#g-builder .item-bag .slot img {
	width:36px;
	height:36px;
	cursor:move;
	border:1px solid #0D182A;
}
#g-builder .item-bag .slot img:hover {
	border:1px solid #2e4f75;
}
#g-builder .shop-list-hdr {
	padding:3px 5px;
	font-size:11px;
	color:#9cacc7;
	text-transform:uppercase;	
}
#g-builder .shop-list-hdr img{
	height:16px;
	margin-right:3px;
}
#g-builder .shop-list-item {
	background:#102036;
	padding:2px 4px;
	font-size:11px;
	color:#7a8dac;
	margin-top:1px;
	cursor:pointer;	
}
#g-builder .shop-list-item:hover, #g-builder .shop-list-item.selected {
	background:#1f3452;
	color:#fff;	
}
#g-builder .shop-item, #g-builder .shop-rune {
	margin:2px 0;	
}
#g-builder .shop-item .icon{background:#1f3452; float:left; width:30px; padding:2px; height:30px;	}
#g-builder .shop-item .icon img{width:30px;}
#g-builder .shop-item .name, #g-builder .shop-item .cost{
	background:#0d182a;
	font-size:11px;
	color:#83a9ca;
	margin-left:2px;
	padding:10px 5px 0;
	float:left;	
	height:24px;
	overflow:hidden;
}
#g-builder .shop-item:hover .name, #g-builder .shop-item:hover .cost{
	background:#152238;
}
#g-builder .shop-item .name{width:159px;}
#g-builder .shop-item .cost{width:40px;	text-align:center;}
#g-builder .shop-scroll {height:468px; overflow:auto;}
#g-builder .shop-rune .icon{background:#102036; float:left;	}
#g-builder .shop-rune .icon img{width:30px;	padding:2px;}
#g-builder .shop-rune .name{
	background:#0d182a;
	font-size:11px;
	color:#83a9ca;
	margin-left:2px;
	padding:2px 5px 0;
	float:left;	
	height:32px;
	overflow:hidden;
	width:210px;
}
#g-builder .shop-rune:hover .name{
	background:#152238;
}
#g-builder .shop-rune .name span{
	font-size:10px;
	color:#4a5b76;	
}
#g-builder .rune-bag {
	background:url(gfx/gb-rune-bag.png) no-repeat center center;
	min-height:295px;	
}
#g-builder .rune-bag .slot {
	background:#0b1625;
	padding:2px 5px;
	height:36px;
	border-bottom:solid #060C16 2px;
	cursor:move;
	overflow:hidden;	
}
#g-builder .rune-bag .slot .icon img{
	height:36px;
}
#g-builder .rune-bag .slot .title{
	text-transform:uppercase;
	font-size:12px;
	color:#8a94a5;
	padding:9px 0 0 5px;
	/*width:182px;*/
	max-width:173px;
	height:27px;
	overflow:hidden;	
}
#g-builder .rune-bag .slot .total{
	line-height:0.9em;	
}
#g-builder .shop-control {
	background:#080e19;
	padding:3px 5px;
	color:#3f4c62;
	cursor:pointer;
	width:65px;	
	font-size:11px;
	text-align:center;
	float:left;
}
#g-builder .shop-control-notice {
	background:#080e19;
	padding:3px 5px;
	color:#3f4c62;	
	font-size:11px;
	text-align:center;
}
#g-builder .ability-row .icon {
	width:60px;
	height:60px;
	padding:3px;
	background:#141f33;
	border:solid 1px #000;
	margin-right:10px;	
}
#g-builder .ability-row .select-wrap {
	background:url(gfx/gb-ability-fade.png)repeat-x bottom;
	width:588px;
	height:	66px;
	padding:0 5px 2px 5px;
}
#g-builder .ability-row .icon img{
	width:60px;
	height:60px;	
}
#g-builder .ability-row .name{
	color:#a6b1c7;
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:4px;
}
#g-builder .select .check-wrap {
	width:19px;
	height:34px;
	padding:4px;
	float:left;	
	margin-right:6px;
	text-align:center;
	color:#4e6378;
	cursor:pointer;
}
#g-builder .builder-champs .champ {
	margin-bottom: 10px;
}
#g-builder .builder-champs .champ > div, #g-builder .builder-champs .champ .bars > div,
 #g-builder .builder-champs .champ > a {
	display: inline-block;
	vertical-align: top;
}
#g-builder .builder-champs .champ .bars > div {
	height: 56px;
}
#g-builder .builder-champs .champ > div, #g-builder .builder-champs .champ > a {
	height: 56px;
}
#g-builder .builder-champs .champ .bars > div, #g-builder .builder-champs .champ .score {
	//border: 1px solid #0a111f;
	background: #03070f;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.75);
}
#g-builder .builder-champs .champ div.pic, #g-builder .builder-champs .champ a.pic {
	width: 54px;
	height: 54px;
	border: 1px solid #1e2e49;
	margin-right: 5px;
	background: url(gfx/gb-build-tab.png) -1px -1px no-repeat;
}
#g-builder .builder-champs .champ .pic img {
	height: 54px;
	width: 54px;
}

#g-builder .threat-list {
  padding: 18px 15px 15px;
}
#g-builder .threat-list .threat {
  position: relative;
  font-size: 0;
  margin-bottom: 8px;
}
#g-builder .threat-list .threat > div {
  display: inline-block;
  vertical-align: top;
}
#g-builder .threat-list .threat .pic, #g-builder .threat-list .threat .pic img {
 // width: 45px;
 // height: 45px;
}
#g-builder .threat-list .threat .pic {
  background: url(/images/gb-build-tab.png) no-repeat;
}
#g-builder .threat-list .threat .bars {
  font-size: 0;
  margin: 0 12px;
}
#g-builder .threat-list .threat .bars > div {
	cursor: pointer;
  width: 21px;
  display: inline-block;
  vertical-align: top;
  background: #191c0a;
  background: -moz-linear-gradient(top, #191c0a 0%, #2c3815 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #191c0a), color-stop(100%, #2c3815));
  background: -webkit-linear-gradient(top, #191c0a 0%, #2c3815 100%);
  background: -o-linear-gradient(top, #191c0a 0%, #2c3815 100%);
  background: -ms-linear-gradient(top, #191c0a 0%, #2c3815 100%);
  background: linear-gradient(to bottom, #191c0a 0%, #2c3815 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191c0a', endColorstr='#2c3815',GradientType=0 );
}
#g-builder .threat-list .threat .bars > div:not(:last-child) {
  margin-right: 1px;
}
#g-builder .threat-list .threat .bars > div:nth-child(-n+3) {
  background: #0b1e08;
  background: -moz-linear-gradient(top, #0b1e08 0%, #12390f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b1e08), color-stop(100%, #12390f));
  background: -webkit-linear-gradient(top, #0b1e08 0%, #12390f 100%);
  background: -o-linear-gradient(top, #0b1e08 0%, #12390f 100%);
  background: -ms-linear-gradient(top, #0b1e08 0%, #12390f 100%);
  background: linear-gradient(to bottom, #0b1e08 0%, #12390f 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b1e08', endColorstr='#12390f',GradientType=0 );
}
#g-builder .threat-list .threat .bars > div:nth-last-child(-n+3) {
  background: #1e0808;
  background: -moz-linear-gradient(top, #1e0808 0%, #39100e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e0808), color-stop(100%, #39100e));
  background: -webkit-linear-gradient(top, #1e0808 0%, #39100e 100%);
  background: -o-linear-gradient(top, #1e0808 0%, #39100e 100%);
  background: -ms-linear-gradient(top, #1e0808 0%, #39100e 100%);
  background: linear-gradient(to bottom, #1e0808 0%, #39100e 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e0808', endColorstr='#39100e',GradientType=0 );
}
#g-builder .threat-list .threat .bars > div.selected, #g-builder .threat-list .threat .bars > div:hover {
  background: #8e9100;
  background: -moz-linear-gradient(top, #8e9100 0%, #e6ea00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e9100), color-stop(100%, #e6ea00));
  background: -webkit-linear-gradient(top, #8e9100 0%, #e6ea00 100%);
  background: -o-linear-gradient(top, #8e9100 0%, #e6ea00 100%);
  background: -ms-linear-gradient(top, #8e9100 0%, #e6ea00 100%);
  background: linear-gradient(to bottom, #8e9100 0%, #e6ea00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e9100', endColorstr='#e6ea00',GradientType=0 );
}
#g-builder .threat-list .threat .bars > div.selected:nth-child(-n+3), #g-builder .threat-list .threat .bars > div:hover:nth-child(-n+3) {
  background: #0b9200;
  background: -moz-linear-gradient(top, #0b9200 0%, #0fea00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b9200), color-stop(100%, #0fea00));
  background: -webkit-linear-gradient(top, #0b9200 0%, #0fea00 100%);
  background: -o-linear-gradient(top, #0b9200 0%, #0fea00 100%);
  background: -ms-linear-gradient(top, #0b9200 0%, #0fea00 100%);
  background: linear-gradient(to bottom, #0b9200 0%, #0fea00 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b9200', endColorstr='#0fea00',GradientType=0 );
}
#g-builder .threat-list .threat .bars > div.selected:nth-last-child(-n+3), #g-builder .threat-list .threat .bars > div:hover:nth-last-child(-n+3) {
  background: #920000;
  background: -moz-linear-gradient(top, #920000 0%, #ed0400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #920000), color-stop(100%, #ed0400));
  background: -webkit-linear-gradient(top, #920000 0%, #ed0400 100%);
  background: -o-linear-gradient(top, #920000 0%, #ed0400 100%);
  background: -ms-linear-gradient(top, #920000 0%, #ed0400 100%);
  background: linear-gradient(to bottom, #920000 0%, #ed0400 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920000', endColorstr='#ed0400',GradientType=0 );
}
#g-builder .threat-list .threat .note {
	height:auto;
	min-height:56px;
}

#g-builder .threat-list .threat .note textarea {
	max-width:308px;
}

#g-builder .builder-champs .champ .score {
	width: 49px;
	text-align: center;
	margin: 0 5px;
}
#g-builder .builder-champs .champ .score .num {
	font-size: 21px;
	color: #2a3c54;
	font-family: Arial;
	line-height: 1;
	margin-bottom: 3px;
	margin-top: 18px;
}
#g-builder .builder-champs .champ .score.up .num, #g-builder .builder-champs .champ .score.down .num {
	margin-top: 9px;
	color: white;
}
#g-builder .builder-champs .champ .score.up .arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 9px 7px;
	border-color: transparent transparent #228f22 transparent;
	display: inline-block;
}

#g-builder .builder-champs .champ .score.down .arrow {
	margin-top: 1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 7px 0 7px;
	border-color: #af1313 transparent transparent transparent;
	display: inline-block;
}
#g-builder .builder-champs .champ .note {
	margin-left: 5px;
}
#g-builder .builder-champs .champ .note textarea {
	width: 308px;
	height: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 

}
#g-builder .builder-champs .champ .close img {
	margin: 20px 0 0 8px;
	width: 15px;
}
#g-builder .builder-champs .choose {
	color: #2a3c54;
	text-transform: uppercase;
	font-size: 10px;
	margin-left: 5px;
}
#g-builder .builder-champs .choose span {
	margin-left: 90px;
}
#g-builder .select .check-wrap.last {
	margin-right:0px;	
}
#g-builder .select .check-wrap.cbg1 {
	background:#102036;
}
#g-builder .select .check-wrap.cbg2 {
	background:#0D182A;
}
#g-builder .select .check-wrap.selected, #g-builder .select .check-wrap:hover {
	background:#1F3452;
	color:#fff;
}
#g-builder .check-wrap .check {
	background:url(gfx/gb-check.png)no-repeat top center;
	width:17px;
	height:17px;
	margin-bottom:3px;	
}
#g-builder .check-wrap.selected .check {
	background:url(gfx/gb-check.png)no-repeat bottom center;
}

#g-builder h3 {
	color:#556c90;
	font:12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;	
	margin-bottom:2px;
	text-transform:uppercase;
	padding:5px;
}

#b-guide .chap-wrap {
	background:#0a1220;
	padding:8px;	
}
#b-guide .title-wrap {
	background:#1c2d44;
	padding:4px;
	border:1px solid #010B15;
}
#b-guide .title-wrap .chap-title{
	background:#070d18;
	width:686px;
	height:28px;
	border: 2px solid #2d374a;
	color:#c1c1c1;
	padding:1px 5px;
	font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#b-guide .l-btn {
	padding:3px 5px;
	background:#0f1b2e;
	color:#587199;
	margin:1px;
	cursor:pointer;
}
#b-guide .l-btn img{
	vertical-align:middle;
}
#b-guide .l-btn:hover {
	background:#1c2b43;
	color:#fff;	
}



#popup .pop-blue-wrap {
	background:#152034;
	padding:8px;
	margin:auto;
	width:896px;
	color:#c0c0c0;	
}
#popup .pick-table td{
	padding:3px 5px	
}
#popup .pop-hdr td {
	font-size:11px;
	text-transform:uppercase;
	color:#95A2B6;	
}



/* styles for comment template narrow */

table#comments{
	padding:0px;
	margin:0px;	
}
tr#comment-row{
	background-color:#152034;
}
td#comment-data{
	padding:20px;	
}

td#comments-avatar{
	width:150px;
	padding:20px;
	vertical-align:top;
	
}


td#comment-divider {
    background: url("/css/gfx/box-discuss-divide.png") repeat-x scroll center center transparent;
    height: 10px;
}
#comments-avatar-img {
    padding: 3px;
    border: 1px solid rgb(17, 33, 51);
    background: none repeat scroll 0% 0% rgb(2, 11, 18);
    width: 68px;
    height: 68px;
}

#comment-user-nickname{
	font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#dbb74c;
	
	
}


#comments-user-rep{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#dbb74c;
		
}

#comments-user-rep{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cdcdcd;
		
}

#comments-user-data{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#576c79;
	
}

#comments-text{
	width:500px;
	overflow:hidden;
	
	
}

#comments-score{
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#color:#cdcdcd;;
	border:solid 1px #0d1420;
	padding:7px;
	background:#152034;
	
}

#comments-quickreply{
	font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#cdcdcd;
	padding-top:5px;
	
	
}

































.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.prettycheckbox,
.prettyradio {
	display: inline-block;
	padding:0;
	margin:0 3px;
	vertical-align: middle;
	position: relative;
}
.prettycheckbox {
	top: -2px;
}
.prettyradio {
	top: 0;
}
.prettycheckbox a,
.prettyradio a {
	width: 23px;
	height: 23px;
	display: block;
	float: left;
	cursor: pointer;
	margin:0;
}
.prettycheckbox a {
	background: url(/css/gfx/checkboxes.png) left 3px no-repeat;
	width: 20px;
}
.prettyradio a {
	background: url(/images/radios.png) top left no-repeat;
	height: 20px;
	width: 20px;
}
.clearfix label {
	display: none!important;
}
.prettycheckbox.green a,
.prettyradio.green a{ background-image: url(prettyCheckable-green.png);}

.prettycheckbox.red a,
.prettyradio.red a{ background-image: url(prettyCheckable-red.png);}

.prettycheckbox.yellow a,
.prettyradio.yellow a{ background-image: url(prettyCheckable-yellow.png);}

.prettyradio a {background-position: 0 0;}

.prettycheckbox a:focus,
.prettyradio a:focus {outline: 0 none;}

.prettycheckbox a:focus{background-position: 0 3px;}
.prettyradio a:focus{background-position: 0 -21px;}

.prettycheckbox a.checked{ background-position: 0 -20px; }
.prettyradio a.checked { background-position: 0 -21px; }

.prettycheckbox a.checked:focus{ background-position: 0 -20px; }
.prettyradio a.checked:focus { background-position: 0 -21px; }

.prettycheckbox label,
.prettyradio label {
	display: none;
	float: left;
	margin: 6px 5px;
	cursor: pointer;
}



/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
  margin: 0px;
  padding: 0px;
  outline: none;
}
.markItUp a:link, .markItUp a:visited {
  color: #fff;
  text-decoration: none;
}
.markItUp {
  margin: 1px 0 0 0;
  border: 0px solid #282929;
}
.markItUpContainer {
  border: 1px solid #010b15;
  background: #0f1b2e url(/images/markitup/bg-container.png) repeat-x top left;
  padding: 5px 5px 2px 5px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
  font: 12px 'Courier New', Courier, monospace;
  padding: 5px;
  border: 3px solid #2d374a;
  width: 765px;
  height: 188px;
  background-repeat: no-repeat;
  background-color: #070d18;
  /*clear:both;*/
  display: block;
  line-height: 18px;
  overflow: auto;
  color: #c1c1c1;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.markItUpPreviewFrame {
  overflow: auto;
  background-color: #fff;
  border: 1px solid #3c769d;
  width: 99.9%;
  height: 300px;
  margin: 5px 0;
}
.markItUpFooter {
  width: 100%;
  cursor: n-resize;
}
.markItUpResizeHandle {
  overflow: hidden;
  width: 22px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/images/markitup/handle.png);
  cursor: n-resize;
  /***************************************************************************************/
  /* first row of buttons */
}
.markItUpHeader {
  height: 21px;
}
.markItUpHeader ul li {
  list-style: none;
  float: left;
  position: relative;
}
.markItUpHeader ul li ul {
  display: none;
}
.markItUpHeader ul li:hover > ul {
  display: block;
}
.markItUpHeader ul .markItUpDropMenu {
  background: transparent url(/images/markitup/menu.png) no-repeat 115% 50%;
  margin-right: 5px;
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right: 0px;
}
.markItUpHeader ul .markItUpSeparator {
  margin: 0 10px;
  width: 1px;
  height: 16px;
  overflow: hidden;
  background-color: #444;
  color: #444;
}
.markItUpHeader ul ul .markItUpSeparator {
  width: auto;
  height: 1px;
  margin: 0px;
  /* next rows of buttons */
}
.markItUpHeader ul ul {
  display: none;
  position: absolute;
  top: 18px;
  left: 0px;
  background: #282929;
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  height: inherit;
  z-index: 10;
}
.markItUpHeader ul ul li {
  float: none;
  border-bottom: 1px solid #444;
}
.markItUpHeader ul ul .markItUpDropMenu {
  background: #f5f5f5 url(/images/markitup/submenu.png) no-repeat 100% 50%;
  /* next rows of buttons */
}
.markItUpHeader ul ul ul {
  position: absolute;
  top: -1px;
  left: 150px;
}
.markItUpHeader ul ul ul li {
  float: none;
}
.markItUpHeader ul a {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  background-repeat: no-repeat;
  padding: 3px;
  margin: 0px;
}
.markItUpHeader ul ul a {
  display: block;
  padding-left: 0px;
  text-indent: 0;
  width: 120px;
  padding: 5px 5px 5px 25px;
  background-position: 2px 50%;
}
.markItUpHeader ul ul a:hover {
  color: #fff;
  background-color: #3a4f5f;
  /***************************************************************************************/
}
.html .markItUpEditor {
  background-image: url(/images/markitup/bg-editor-html.png);
}
.markdown .markItUpEditor {
  background-image: url(/images/markitup/bg-editor-markdown.png);
}
.textile .markItUpEditor {
  background-image: url(/images/markitup/bg-editor-textile.png);
}
.bbcode .markItUpEditor {
  background-image: url(/images/markitup/bg-editor-bbcode.png);
}
.wiki .markItUpEditor, .dotclear .markItUpEditor {
  background-image: url(/images/markitup/bg-editor-wiki.png);
}
#edit-build .markItUp {
  width: 704px;
}
#post-comment .markItUp {
  width: 794px;
}
#post-comment .markItUpEditor {
  width: 780px;
}
#edit-build .markItUpEditor {
  width: 675px;
}
.wiki-box #commets .markItUp {
  width: 704px;
}
.wiki-box #comments .markItUpEditor {
  width: 686px;
}
#edit-video .markItUp {
  width: 705px;
}
#edit-video .markItUpEditor {
  width: 677px;
}
#pm-create .markItUpEditor {
  margin-left: 0px;
}
#pm-view .markItUp {
  margin-left: 50px;
}
#pm-view .markItUpEditor {
  margin-left: 0px;
}
#qa .markItUp {
  width: 734px;
}
#qa .markItUpEditor {
  width: 706px;
}
#qa-ask .markItUp {
  width: 685px;
}
#qa-ask .markItUpEditor {
  width: 657px;
}
#es-teaser .markItUpEditor {
  width: 705px;
  height: 150px;
}
#es-full .markItUpEditor {
  width: 705px;
  height: 550px;
}
#edit-team .markItUp, #es-teaser .markItUp, #es-full .markItUp {
  width: 722px;
}
#edit-team .markItUpEditor, #es-teaser .markItUpEditor, #es-full .markItUpEditor {
  width: 693px;
  height: 550px;
}
#b-guide .markItUp {
  width: 710px;
}
#b-guide .markItUpEditor {
  width: 682px;
}
.markItUp .bold a {
  background-image: url(/images/markitup/bold.png);
}
.markItUp .italic a {
  background-image: url(/images/markitup/italic.png);
}
.markItUp .underline a {
  background-image: url(/images/markitup/underline.png);
}
.markItUp .heading a {
  background-image: url(/images/markitup/fonts.png);
}
.markItUp .youtube a {
  background-image: url(/images/markitup/youtube.png);
}
.markItUp .link a {
  background-image: url(/images/markitup/link.png);
}
.markItUp .image a {
  background-image: url(/images/markitup/picture.png);
}
.markItUp .unorderedlist a {
  background-image: url(/images/markitup/list-bullet.png);
}
.markItUp .orderedlist a {
  background-image: url(/images/markitup/list-numeric.png);
}
.markItUp .listitem a {
  background-image: url(/images/markitup/list-item.png);
}
.markItUp .quote a {
  background-image: url(/images/markitup/quotes.png);
}
.markItUp .code a {
  background-image: url(/images/markitup/code.png);
}
.markItUp .html a {
  background-image: url(/images/markitup/clean.png);
}
.markItUp .color a {
  background-image: url(/images/markitup/colorwheel.png);
}
.markItUp .picks-and-bans a {
  background-image: url(/images/markitup/picks-and-bans.png);
}
.markItUp .scorecard a {
  background-image: url(/images/markitup/score-card.png);
}
.markItUp .preview a {
  background-image: url(/images/markitup/preview.png);
}




#collapsing-header {
  background: #151f34;
  height: 27px;
}
#header.header-new {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  width: auto;
  left: 50%;
  transform: translateX(-567px);
  margin-top: 27px;
  margin-bottom: 2px;
  z-index: 240;
  position: fixed;
  top: 0;
  transition: margin 500ms;
  background: none;
}
@media screen and (max-width: 1152px) {
  #header.header-new {
    left: 0px;
    transform: none;
  }
}
#header.header-new #header__wrap {
  width: auto;
  white-space: nowrap;
}
#header.header-new #header__logo {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 332px;
  height: 57px;
  transition: 500ms;
}
#header.header-new #header__logo img {
  position: absolute;
  left: 0px;
  top: -26px;
  z-index: 200;
}
#header.header-new #header__logo span {
  font-size: 10px;
  text-transform: uppercase;
  color: #4f5f82;
  position: absolute;
  top: 35px;
  left: 90px;
  white-space: nowrap;
}
#header.header-new #header__logo a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20px;
}
#header-logo-new {
  position: fixed;
  left: 50%;
  transform: translateX(-567px);
  top: 3px;
  z-index: 320;
}
@media screen and (max-width: 1152px) {
  #header-logo-new {
    left: 0px;
    transform: none;
  }
}
#header-logo-new a {
  transition: 500ms;
  display: inline-block;
  width: 269px;
}
#header-logo-new img {
  width: 100%;
}
#header-logo-new a:last-of-type {
  opacity: 0;
  position: absolute;
  top: 11px;
  left: 0;
}
.expand ~ #header-logo-new {
  z-index: 400;
}
@media screen and (max-width: 1290px) {
  .expand ~ #header-logo-new {
    left: 68px;
    transform: none;
  }
}
.expand ~ #header-logo-new a {
  width: 165px;
}
.expand ~ #header-logo-new a:first-of-type {
  margin-top: -7px;
  opacity: 0;
}
.expand ~ #header-logo-new a:last-of-type {
  top: 0px;
  opacity: 1;
}
.expand ~ #header.header-new {
  margin-top: 0;
  z-index: 400;
}
@media screen and (max-width: 1290px) {
  .expand ~ #header.header-new {
    left: 68px;
    transform: none;
  }
}
.expand ~ #header.header-new #header__logo {
  width: 205px;
  height: 48px;
}
.expand ~ #header.header-new #header__logo span {
  opacity: 0;
}
.expand ~ #header.header-new #menu-target {
  vertical-align: top;
  width: auto;
}
.expand ~ #header.header-new #menu-target .top > a {
  height: 48px;
  box-sizing: border-box;
  padding: 19px 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: #bbcbe8;
}
.expand ~ #header.header-new #menu-target .top > a div {
  display: none;
}
.expand ~ #header.header-new #menu-target .top.craft > a {
  color: white;
}
.expand ~ #header.header-new #menu-target .top.search {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 15px 31px 16px;
  box-sizing: border-box;
}
#headerHolder {
  background: #1c2a45;
  margin-bottom: 2px;
  width: 100%;
  min-width: 1136px;
  height: 57px;
}
#mobafire-search {
  padding: 15px 12px 12px 12px;
  background: #152034;
  display: none;
  width: 1136px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  color: white;
}
#mobafire-search__top {
  padding-left: 215px;
  padding-right: 180px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
#mobafire-search__type {
  width: 215px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#mobafire-search__type div {
  text-align: center;
  float: left;
  padding: 8px 0px 5px;
  background: transparent;
  transition: 300ms;
  cursor: pointer;
  margin-right: 4px;
  width: 49px;
}
#mobafire-search__type div img {
  opacity: 0.5;
  display: block;
  margin: 0 auto 3px auto;
  width: 19px;
}
#mobafire-search__type div span {
  color: #617292;
  font: 400 10px/10px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
}
#mobafire-search__type div:hover {
  background: rgba(0, 0, 0, 0.4);
}
#mobafire-search__type div.active {
  background: #275495;
}
#mobafire-search__type div.active img {
  opacity: 1;
}
#mobafire-search__type div.active span {
  color: white;
}
#mobafire-search__input {
  width: 100%;
  box-sizing: border-box;
  background: #2c3d5d;
  padding: 2px 2px 2px 54px;
  position: relative;
}
#mobafire-search__input img {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 23px;
}
#mobafire-search__input img:last-of-type {
  display: none;
}
#mobafire-search__input.loading img:first-of-type {
  display: none;
}
#mobafire-search__input.loading img:last-of-type {
  display: block;
  animation: spin 1.4s linear infinite;
}
#mobafire-search__input input {
  background: #18253e;
  box-sizing: border-box;
  border: none;
  height: 46px;
  line-height: 46px;
  font-family: "Times New Roman", Times, serif;
  font-size: 24px;
  color: white;
  padding: 0 10px;
  width: 100%;
}
#mobafire-search__input__clear {
  display: none;
  position: absolute;
  top: 13px;
  right: 15px;
  padding: 5px 10px;
  color: #c7d0e3;
  background: #2c3d5d;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 3px;
}
#mobafire-search__input__clear:hover {
  background: #3c5480;
}
#mobafire-search__legend {
  width: 180px;
  position: absolute;
  top: 0px;
  right: 0px;
  font: 9px/9px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  text-transform: uppercase;
  color: #63748f;
  padding: 0 5px;
  box-sizing: border-box;
  transition: 300ms;
}
#mobafire-search__legend img {
  display: inline-block;
  vertical-align: text-top;
  margin-bottom: -7px;
  margin-top: -2px;
  margin-right: 5px;
  margin-left: 4px;
}
#mobafire-search__legend > div {
  float: left;
  width: 50%;
  cursor: pointer;
  transition: 300ms;
  user-select: none;
  padding: 5px 0;
}
#mobafire-search__legend > div:hover {
  color: white;
}
#mobafire-search__legend > div.active {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  color: white;
}
#mobafire-search__legend.disabled {
  opacity: 0.4;
}
#mobafire-search__legend.disabled > div {
  cursor: default;
}
#mobafire-search__legend.disabled > div:hover {
  color: #63748f;
}
#mobafire-search__legend.disabled > div.active {
  background: none;
  color: #63748f;
}
#mobafire-search__results {
  margin-top: 10px;
  position: relative;
  margin-bottom: -10px;
  display: none;
  overflow: hidden;
  max-height: 345px;
}
#mobafire-search__results .no-results {
  display: inline-block;
  width: 100%;
  background: #2c3d5d;
  color: #c7d0e3;
  text-align: center;
  border-radius: 4px;
  padding: 6px 0;
  margin-bottom: 10px;
}
#mobafire-search__results__legend, #mobafire-search__results .mobafire-search__results__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
  margin-bottom: 10px;
  width: 82px;
  height: 77px;
  box-sizing: border-box;
  text-align: center;
}
#mobafire-search__results__legend span, #mobafire-search__results .mobafire-search__results__item span {
  font-size: 11px;
  color: #c7d0e3;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
#mobafire-search__results__legend {
  display: none;
  background: #2c3d5d;
  padding-top: 10px;
}
#mobafire-search__results__legend img {
  display: block;
  margin: 0 auto 5px;
}
#mobafire-search__results .mobafire-search__results__item {
  text-align: center;
  position: relative;
}
#mobafire-search__results .mobafire-search__results__item:last-of-type {
  margin-right: 0;
}
#mobafire-search__results .mobafire-search__results__item div {
  width: 100%;
  height: 58px;
  margin-bottom: 2px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 300ms;
}
#mobafire-search__results .mobafire-search__results__item div img {
  position: absolute;
  top: -1px;
  right: -1px;
}
#mobafire-search__results .mobafire-search__results__item div img:nth-of-type(2) {
  right: 18px;
}
#mobafire-search__results .mobafire-search__results__item div img:nth-of-type(3) {
  right: 37px;
}
#mobafire-search__results .mobafire-search__results__item span {
  color: #c7d0e3;
  background: #2c3d5d;
  word-break: break-word;
  padding: 1px 5px 3px;
  display: block;
  transition: 300ms;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#mobafire-search__results .mobafire-search__results__item:hover div {
  background-size: 120%;
}
#mobafire-search__results .mobafire-search__results__item:hover span {
  color: #ffc000;
}
#mobafire-search__results .mobafire-search__results__item--small {
  height: auto;
  width: auto;
}
#mobafire-search__results .mobafire-search__results__item--small span {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 3px;
}
.header-new #menu-target {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 150;
  width: 800px;
}
.header-new #menu-target > ul {
  display: table;
  width: 100%;
}
.header-new #menu-target li {
  position: relative;
  transition: 300ms;
  background: transparent;
}
.header-new #menu-target li > ul {
  position: absolute;
  display: none;
  width: 250px;
  top: -1px;
  left: 100%;
  font-size: 14px;
  background: #2c3d5d;
}
.header-new #menu-target li.active > ul {
  display: block;
}
.header-new #menu-target .top {
  white-space: normal;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1555px) {
  .header-new #menu-target .top:nth-of-type(5) li a .expand {
    float: left;
    margin-right: 5px;
    transform: rotate(180deg);
  }
  .header-new #menu-target .top:nth-of-type(5) li > ul {
    left: auto;
    right: 100%;
    box-shadow: inset -2px 0px 2px rgba(0, 0, 0, 0.15);
  }
}
.header-new #menu-target .top:hover {
  background: #2b4069;
  box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.20), -2px 0px 1px rgba(0, 0, 0, 0.20);
  z-index: 50;
}
.header-new #menu-target .top li {
  color: #bbcfea;
  border-bottom: 1px solid transparent;
}
.header-new #menu-target .top li a:hover {
  background: #344969;
}
.header-new #menu-target .top li a .expand {
  float: right;
  font-size: 11px;
}
.header-new #menu-target .top li > a, .header-new #menu-target .top li h3 {
  line-height: 1.3;
}
.header-new #menu-target .top li.no-link {
  padding: 5px 12px 0;
}
.header-new #menu-target .top li > a {
  display: block;
  color: #bec9dc;
  padding: 7px 7px 7px 20px;
  line-height: 16px;
}
.header-new #menu-target .top li > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: -4px;
  z-index: -1;
}
.header-new #menu-target .top li h3 {
  color: #8498b8;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 5px 0;
}
.header-new #menu-target .top li .highlight {
  text-transform: uppercase;
  color: #ffc000;
}
.header-new #menu-target .top li .free-champs {
  margin: 0;
}
.header-new #menu-target .top li .free-champs .champs {
  font-size: 0;
  margin: 5px 0;
  text-align: center;
}
.header-new #menu-target .top li .free-champs .champs > a {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: 1px solid #091831;
  box-sizing: border-box;
  margin: 0 9px 5px 0;
}
.header-new #menu-target .top li .free-champs .champs > a:hover {
  border-color: #ffc000;
}
.header-new #menu-target .top li .free-champs .champs > a img {
  width: 36px;
  height: 36px;
}
.header-new #menu-target .top li .free-champs .champs > a:nth-of-type(5n + 5) {
  margin-right: 0;
}
.header-new #menu-target .top li:not(:last-child) {
  border-bottom: 1px solid #445677;
}
.header-new #menu-target .top ul {
  z-index: 9;
}
.header-new #menu-target .top > ul {
  top: 100%;
  border-top: 1px solid black;
  left: 0;
  text-align: left;
  padding-top: 3px;
}
.header-new #menu-target .top > ul ul {
  box-shadow: inset 2px 0px 2px rgba(0, 0, 0, 0.15);
  width: 200px;
}
.header-new #menu-target .top > a {
  padding: 14px 20px;
  white-space: nowrap;
  display: block;
  color: white;
  font-size: 16px;
  line-height: 1;
  position: relative;
  z-index: 0;
  text-align: center;
}
.header-new #menu-target .top a {
  transition: all 500ms, background 200ms;
}
.header-new #menu-target .top a:hover {
  text-decoration: none;
}
.header-new #menu-target .top a div {
  font-size: 10px;
  line-height: 1;
  margin-top: 3px;
  color: #6986b2;
  text-transform: uppercase;
}
.header-new #menu-target .top.craft {
  width: 1px;
  background: #275495;
  z-index: 100;
}
.header-new #menu-target .top.craft:hover {
  background: #326bbd;
}
.header-new #menu-target .top.craft div {
  color: #96b6e5;
}
.header-new #menu-target .top.search {
  background: #2b4069;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  padding: 18px 14px 22px;
  min-width: 124px;
  box-sizing: border-box;
  float: right;
  position: relative;
}
.header-new #menu-target .top.search:hover {
  background: #39568e;
}
.header-new #menu-target .top.search:hover > span {
  color: white;
}
.header-new #menu-target .top.search > span {
  transition: 300ms;
  color: #7384a2;
}
.header-new #menu-target .top.search .search__normal {
  opacity: 1;
}
.header-new #menu-target .top.search .search__active {
  width: 85px;
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.header-new #menu-target .top.search .search__active img {
  display: inline;
  margin-bottom: 1px;
}
.header-new #menu-target .top.search.active-search .search__normal {
  opacity: 0;
}
.header-new #menu-target .top.search.active-search .search__active {
  opacity: 1;
}
.header-new #menu-target .top .new-champ {
  float: left;
  width: 100%;
  margin-bottom: 8px;
  cursor: pointer;
  padding: 0;
  font-size: 0;
}
.header-new #menu-target .top .new-champ > img {
  border: 1px solid #162136;
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
}
.header-new #menu-target .top .new-champ:hover .new-champ__info {
  border: 1px solid #ffc000;
}
.header-new #menu-target .top .new-champ__info {
  background: #1c2a45;
  display: inline-block;
  vertical-align: middle;
  width: 185px;
  min-height: 40px;
  padding: 5px;
  box-sizing: border-box;
  margin-left: 1px;
  position: relative;
  border: 1px solid transparent;
  transition: 300ms;
  text-transform: none;
  margin-top: 0;
}
.header-new #menu-target .top .new-champ__info h2, .header-new #menu-target .top .new-champ__info h3 {
  float: left;
  width: 100%;
}
.header-new #menu-target .top .new-champ__info h2 {
  font: 400 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  color: white;
}
.header-new #menu-target .top .new-champ__info h3 {
  line-height: 11px;
  margin: 2px 0 0 0;
}
.header-new #menu-target .top .new-champ__info img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
}
.header-new #menu-target .top .social-links > a {
  display: inline-block;
  padding-top: 0;
}
.header-new #menu-target .top .social-links > a:hover {
  background: none;
}
.header-new #menu-target .top .social-links > a:not(:first-child) {
  padding-left: 0px;
}
.header-new #menu-target .top .social-links > a:not(:last-child) {
  padding-right: 7px;
}
.header-new #menu-target .top .social-links > a:last-child {
  padding-right: 0;
}
.header-new #menu-target .top .social-links > a img {
  border: 1px solid #00172d;
  border-radius: 5px;
}
#net-menu.member-nav--new {
  background: none;
  box-shadow: none;
  border: none !important;
  height: 0px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  transition: 500ms;
  z-index: 350;
}
#net-menu.member-nav--new .social-login-text, #net-menu.member-nav--new .social-icons-toplogin {
  border-left: none;
  transition: 500ms;
}
#net-menu.member-nav--new .site-logo {
  width: auto !important;
}
#net-menu.member-nav--new .site-logo .mfn {
  color: white;
  width: 26px;
  overflow: hidden;
  transition: 500ms;
}
#net-menu.member-nav--new .site-logo .triangle {
  width: 13px;
  height: 7px;
}
#net-menu.member-nav--new .site-logo .logo-ico {
  background-image: url(/images/network-logo-new.png);
  width: 18px;
  height: 21px;
  margin: -5px 6px -4px 3px;
}
#net-menu.member-nav--new .collapse .mm-item > a {
  border: none !important;
  transition: 500ms !important;
}
#net-menu.member-nav--new .collapse .mm-item > a:hover, #net-menu.member-nav--new .collapse .mm-item > a.mm-item-link-hover {
  background: #091120 !important;
}
#net-menu.member-nav--new .collapse .mm-content-base {
  background: #091120;
}
#net-menu.member-nav--new .collapse .mm-content-base > div {
  background: #091120 !important;
}
#net-menu.member-nav--new ul.megamenu div.mm-item-content {
  background: #091120;
}
#net-menu.member-nav--new ul.megamenu div.mm-item-content a {
  background: none !important;
}
#net-menu.member-nav--new #network-menu-target {
  position: relative;
  left: 0;
  transition: 250ms;
}
#net-menu.member-nav--new #network-menu-target .collapse .create > a {
  color: #ff9601 !important;
}
#net-menu.member-nav--new #network-menu-target .collapse .mm-item > a {
  padding: 8px 9px 6px;
}
#net-menu.member-nav--new #network-menu-target .collapse .mm-item .mm-item-content a:hover {
  background: #142648 !important;
}
#net-menu.member-nav--new #member-menu-target .logged-out.collapse .join > a {
  color: #fbac14 !important;
}
#net-menu.member-nav--new #member-menu-target .user .craft a {
  background: #2e7d32 !important;
}
#net-menu.member-nav--new #member-menu-target .collapse .mm-item > a {
  padding: 8px 7px 6px;
  color: white;
}
#net-menu.member-nav--new #member-menu-target .collapse .prime a {
  padding: 3px 8px;
}
#net-menu.member-nav--new #member-menu-target .collapse .prime img {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
#net-menu.member-nav--new #member-menu-target .collapse .prime span {
  color: white;
  font-size: 12px;
  position: relative;
  top: 2px;
}
#net-menu.member-nav--new #member-menu-target .collapse .username > a {
  font-size: 14px !important;
  padding-top: 6px;
}
#net-menu.member-nav--new #member-menu-target .collapse .username img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
#net-menu.member-nav--new #member-menu-target .collapse .reports .ico {
  background-image: url(/images/network/reports-ico.png);
  width: 17px;
  margin-right: 4px;
}
#net-menu.member-nav--new #member-menu-target .collapse .reports.active .ico {
  background-image: url(/images/reports-active-ico.png);
}
#net-menu.member-nav--new #member-menu-target .collapse .points .ico {
  background-image: url(/images/network/points-ico.png);
  width: 15px;
  margin: -8px 3px -7px 0px;
}
#net-menu.member-nav--new #member-menu-target .collapse .messages .ico {
  background-image: url(/images/network/msg-ico.png);
  width: 19px;
}
#net-menu.member-nav--new #member-menu-target .collapse .messages.active .ico {
  background-image: url(/images/msg-active-ico-premium.png);
}
#net-menu.member-nav--new #member-menu-target .collapse .notify .ico {
  background-image: url(/images/network/notify-ico.png);
  width: 15px;
}
#net-menu.member-nav--new #member-menu-target .collapse .notify.active .ico {
  background-image: url(/images/notify-active-ico-premium.png);
}
#net-menu.member-nav--new.expand {
  background: #1c2a45;
  height: 48px;
}
#net-menu.member-nav--new.expand .site-logo {
  background: #151f34;
  padding-top: 14px !important;
}
#net-menu.member-nav--new.expand .site-logo .mfn {
  width: 0;
}
#net-menu.member-nav--new.expand .site-logo .triangle {
  margin: 0 3px -2px 0px;
  width: 10px;
  height: 5px;
  background-size: 100%;
}
#net-menu.member-nav--new.expand .site-logo .logo-ico {
  width: 26px;
  height: 30px;
}
#net-menu.member-nav--new.expand #member-menu-target .mm-item > a {
  padding: 18px 11px;
}
#net-menu.member-nav--new.expand #member-menu-target .mm-item > a:hover, #net-menu.member-nav--new.expand #member-menu-target .mm-item > a.mm-item-link-hover {
  background: #151f34 !important;
}
#net-menu.member-nav--new.expand #member-menu-target .username > a {
  background: #151f34;
  padding-top: 16px;
  transform: translateZ(0);
}
#net-menu.member-nav--new.expand #member-menu-target .username > a:hover {
  background: #091120 !important;
}
#net-menu.member-nav--new.expand #member-menu-target .prime > a {
  padding: 13px 8px 15px;
}
#net-menu.member-nav--new.expand .social-login-text {
  padding: 14px 0px 15px 6px;
}
#net-menu.member-nav--new.expand .social-icons-toplogin {
  padding: 15px 6px 12px 6px;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}




#footer {
  margin-top: 10px;
  width: 1136px;
  margin: auto;
  background: black url(/images/main-bg-pattern.png);
}
#footer .wrap-row-d {
  margin-bottom: 20px;
}
#footer h3 {
  color: #bdc8d9;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#footer div a {
  color: #333;
}
#footer p.c {
  color: #5d5d5d;
  font-size: 10px;
  margin-top: 5px;
  padding: 10px 0 50px 10px;
}
#footer .footer-links {
  column-count: 6;
  column-gap: 0;
  -moz-column-count: 6;
  -moz-column-gap: 0;
  -webkit-column-count: 6;
  -webkit-column-gap: 0;
  margin-left: 3px;
  line-height: 1.3;
}
#footer .footer-links a {
  display: block;
  color: #576374;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer .foot-text {
  background : #040911;
  padding: 20px 12px 17px;
  width: 380px;
  color: #576374;
  line-height: 1.3em;
  font-size: 11px;
  float: right;
}
#footer .foot-text h3 {
  margin-bottom: 13px;
}
#footer #foot {
  box-sizing: border-box;
  margin: 20px auto 10px;
  width: 1136px;
}
#footer #foot .network {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1a1a1a 0%, #1a1a1a calc(100% - 53px), #151515 calc(100% - 53px)) repeat scroll 0 0;
  border: 3px solid #222;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  display: table;
  padding: 8px 8px 0 15px;
  width: 100%;
}
#footer #foot .network .ad, #footer #foot .network .exhibit {
  background-color: #151515;
  border-radius: 8px;
  float: right;
  height: 250px;
  margin-bottom: 8px;
  padding: 6px;
  width: 300px;
}
#footer #foot .network .site-logo {
  height: 50px;
  margin-bottom: 9px;
}
#footer #foot .network .site-logo img {
  max-height: 50px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#footer #foot .network nav > div {
  display: inline-block;
  vertical-align: top;
}
#footer #foot .network nav > div:not(:last-child) {
  margin-right: -15px;
}
#footer #foot .network nav > div h3 {
  color: #515151;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
#footer #foot .network nav > div span {
  display: inline-block;
  margin: 0 0 10px;
  min-width: 110px;
}
#footer #foot .network nav > div a {
  color: #adadad;
  line-height: 1.5;
  border-radius: 4px;
  margin-left: -6px;
  padding: 3px 6px;
}
#footer #foot .network nav > div a:hover {
  background: #151515;
  text-decoration: none;
}
#footer #foot .network nav > div .items {
  display: flex;
  display: -webkit-flex;
  flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  height: 120px;
  width: 250px;
}
#footer #foot .network nav > div .items a > span {
  display: inline-block;
  width: 25px;
  min-width: initial;
}
#footer #foot .network nav > div .items .fb span {
  padding-left: 3px;
  width: 22px;
  margin-bottom: 0;
}
#footer #foot .network .links {
  font-size: 11px;
  margin: 11px 0 4px;
  text-transform: uppercase;
}
#footer #foot .network .links a {
  color: #565656;
  display: inline-block;
  margin: 10px 14px 10px 0;
}
#footer #foot .network .network-logo {
  border-right: 1px solid #080808;
  box-shadow: 1px 0 0 0 #1e1e1e;
  color: #565656;
  display: inline-block;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-right: 15px;
  vertical-align: middle;
  width: 165px;
}
#footer #foot .network .network-logo img {
  margin: -2px 5px 0;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
#footer #foot.foot-new {
  width: 100%;
}
#footer.footer-new {
  width: 100%;
  min-width: 1136px;
}
#footer.footer-new h3 {
  color: #8594af;
}
#footer.footer-new .wrap-row-d {
  background: #151f34;
  max-width: 1136px;
  margin: 0 auto;
  padding-bottom: 60px;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
}
#footer.footer-new .footer-links {
  column-count: 8;
  column-gap: 0;
  -moz-column-count: 8;
  -moz-column-gap: 0;
  -webkit-column-count: 8;
  -webkit-column-gap: 0;
  margin-left: 3px;
  line-height: 1.5;
}
#footer.footer-new .footer-links a {
  display: block;
  color: #41506b;
  font-size: 12px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  transition: 200ms;
}
#footer.footer-new .footer-links a:hover {
  color: #7791bf;
}
#footer.footer-new #foot {
  width: 100%;
  margin: 0;
  text-align: center;
}
#footer.footer-new #foot .network {
  position: relative;
  background: #091120;
  border: none;
  padding: 0;
}
#footer.footer-new #foot .network .site-logo {
  margin-top: -42px;
  height: 75px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
#footer.footer-new #foot .network .site-logo img {
  max-height: 75px;
}
#footer.footer-new #foot .network .foot-nav {
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
}
#footer.footer-new #foot .network .foot-nav .light-links {
  width: 100%;
  margin-top: 20px;
}
#footer.footer-new #foot .network .foot-nav .light-links a {
  font-size: 12px;
  line-height: 14px;
  color: #4eb6ff;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  margin: 0 10px;
  padding: 0;
  transition: 250ms;
}
#footer.footer-new #foot .network .foot-nav .light-links a:hover {
  background: none;
  color: #ccd7ea;
}
#footer.footer-new #foot .network .foot-nav > div {
  float: left;
  padding-bottom: 20px;
  margin: 0;
}
#footer.footer-new #foot .network .foot-nav > div h3 {
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
}
@media screen and (max-width: 1136px) {
  #footer.footer-new #foot .network .foot-nav > div {
    position: static;
  }
}
@media screen and (max-width: 480px) {
  #footer.footer-new #foot .network .foot-nav > div {
    width: 100%;
  }
}
#footer.footer-new #foot .network .foot-nav__side {
  padding-top: 70px;
  width: 32%;
}
#footer.footer-new #foot .network .foot-nav__side--switch {
  position: relative;
  left: -36%;
}
#footer.footer-new #foot .network .foot-nav__side h3 {
  color: white;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  text-transform: none;
}
#footer.footer-new #foot .network .foot-nav__side .foot-btn {
  padding: 10px 50px;
  text-transform: uppercase;
  color: white;
  background: #275495;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
}
#footer.footer-new #foot .network .foot-nav__side .foot-btn:hover {
  background: #326bbd;
}
#footer.footer-new #foot .network .foot-nav__side__social {
  line-height: 16px;
  padding: 11px 6px 6px 6px;
  display: block;
}
#footer.footer-new #foot .network .foot-nav__side__social a {
  background: none !important;
}
#footer.footer-new #foot .network .foot-nav__side__social img {
  display: inline-block;
  width: 16px;
  margin-right: 4px;
  transition: 300ms;
}
#footer.footer-new #foot .network .foot-nav__side__social img:hover {
  transform: scale(1.2);
}
#footer.footer-new #foot .network .foot-nav__side__logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 8px 7px;
  padding: 0;
  transition: 300ms;
}
#footer.footer-new #foot .network .foot-nav__side__logo img {
  width: 84px;
}
#footer.footer-new #foot .network .foot-nav__side__logo:first-of-type {
  position: relative;
  top: 5px;
}
#footer.footer-new #foot .network .foot-nav__side__logo:last-of-type {
  position: relative;
  right: 2px;
}
#footer.footer-new #foot .network .foot-nav__side__logo:last-of-type img {
  width: 73px;
}
#footer.footer-new #foot .network .foot-nav__side__logo:hover {
  background: none;
  transform: scale(1.08);
}
@media screen and (max-width: 1136px) {
  #footer.footer-new #foot .network .foot-nav__side {
    width: 50%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  #footer.footer-new #foot .network .foot-nav__side {
    padding-top: 20px;
  }
}
#footer.footer-new #foot .network .foot-nav__center {
  padding-top: 43px;
  background: #040a15;
  width: 36%;
  position: relative;
  left: 32%;
}
#footer.footer-new #foot .network .foot-nav__center h3 {
  color: #ccd7ea;
  font-size: 14px;
  letter-spacing: 6px;
  text-transform: uppercase;
}
#footer.footer-new #foot .network .foot-nav__center .items {
  display: inline-block;
  text-align: left;
  border: none;
  width: 155px;
  height: auto;
  padding: 0 0 0 25px;
  margin-top: 8px;
}
#footer.footer-new #foot .network .foot-nav__center .items:first-of-type {
  text-align: right;
  border-right: 1px solid #0b1323;
  padding: 0 25px 0 0;
  margin-right: -4px;
}
@media screen and (max-width: 480px) {
  #footer.footer-new #foot .network .foot-nav__center .items {
    width: 45%;
    padding: 0 0 0 10px;
  }
  #footer.footer-new #foot .network .foot-nav__center .items:first-of-type {
    padding: 0 10px 0 0;
  }
}
#footer.footer-new #foot .network .foot-nav__center .items span {
  width: 100%;
}
#footer.footer-new #foot .network .foot-nav__center .items span:last-of-type {
  margin: 0;
}
#footer.footer-new #foot .network .foot-nav__center .items span a {
  color: #3a4964;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 12px;
  transition: 250ms;
  font-family: 'Open Sans', sans-serif;
}
#footer.footer-new #foot .network .foot-nav__center .items span a:hover {
  background: none;
  color: #ccd7ea;
}
@media screen and (max-width: 1136px) {
  #footer.footer-new #foot .network .foot-nav__center {
    width: 100%;
  }
}
.foot-btn {
  position: relative;
  overflow: hidden;
  transition: background 0.15s ease-in-out;
}
.foot-btn i {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, #fff 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1);
  width: 20%;
  height: 100%;
  transform: skew(-30deg, 0deg);
  animation: move 6s;
  animation-iteration-count: infinite;
  animation-delay: 5s;
}
@keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0.25;
  }
  20%, 100% {
    left: 100%;
    opacity: 0;
  }
}




.hide-prime {
  display: inline-block;
  background: #0e1621;
  color: #5f779f !important;
  font-size: 18px;
  border: 1px solid #1f2e42;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-left: 2px;
  cursor: pointer;
}
.comment-content .hide-prime {
  height: 12px;
  width: 12px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 12px;
}
.hide-prime.hideComment {
  font-size: 13px;
}
.hide-prime:hover {
  text-decoration: none !important;
}
.prime-stream .hide-prime, #comments .hide-prime {
  float: right;
}
#comments .hide-prime {
  margin: 5px 1px 0 4px;
}
#comments .hide-prime.hideComment {
  margin-top: -1px;
}
.prime-stream {
  background: #0a1220;
  border: 1px solid #23334f;
  padding: 5px 4px 0;
  position: relative;
}
.prime-stream:not(:last-child) {
  margin-bottom: 7px;
}
.prime-stream .online-indicator {
  color: white;
  text-transform: uppercase;
  background: url(/images/stream-on-prime.png) no-repeat 3px center;
  padding-left: 22px;
  line-height: 22px;
  margin-bottom: 5px;
}
.prime-stream .online-indicator.off {
  background-image: url(/images/stream-off-prime.png);
  padding-left: 34px;
}
.prime-stream .stream {
  text-align: center;
  margin: 0 -4px;
  overflow: hidden;
}
.prime-stream .stream img {
  max-width: 100%;
}
.prime-stream__close {
  position: absolute;
  bottom: -13px;
  font: 12px/27px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: white;
  text-transform: uppercase;
  background: #275495;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  width: 120px;
  text-align: center;
  transition: 300ms;
}
.prime-stream__close:hover {
  background: #2c5fa9;
}
.commend-btn {
  background: url(/images/commend-btn-arrows.png) no-repeat right 5px center, #212f48;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.0);
  padding: 6px 35px 6px 10px;
  font-weight: normal;
  cursor: pointer;
  margin-left: 2px;
  transition: 300ms;
}
.commend-btn:hover {
  text-decoration: none;
  background-color: #275495;
}
#guide-pages .guide-head.prime {
  padding-right: 0px;
  background-repeat: no-repeat;
  background-position: right 7px;
}
#guide-pages .guide-head.prime.lvl1 {
  background-image: url(/images/prime/guide/commend-bg-1.png);
}
#guide-pages .guide-head.prime.lvl2 {
  background-image: url(/images/prime/guide/commend-bg-2.png);
}
#guide-pages .guide-head.prime.lvl3 {
  background-image: url(/images/prime/guide/commend-bg-3.png);
}
#premium-landing {
  text-align: center;
}
.premium-pay h1, #premium-landing h2 {
  font: 30px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin-top: 20px;
}
#premium-landing h2 {
  margin-bottom: 15px;
  line-height: 1.2;
}
#premium-landing h3 {
  font: 14px Verdana, Arial, Helvetica, sans-serif;
}
#premium-landing p {
  color: #b3c6ea;
  font-size: 14px;
  line-height: 1.75;
}
.upgrade-btn {
  display: inline-block;
  border: 2px solid #88ef2f;
  background: #72d120;
  background: linear-gradient(to bottom, #3d9509, #72d120);
  border-radius: 8px;
  text-transform: uppercase;
  color: white;
  font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
  line-height: 43px;
  padding: 0 15px;
  margin-top: 30px;
}
.upgrade-btn:hover {
  text-decoration: none;
}
#premium-landing .summary {
  background: url(/images/prime/landing/summary-bg.png) no-repeat center top;
  position: relative;
  padding-top: 345px;
  margin-top: 8px;
}
.premium-pay .summary .item {
  display: inline-table;
}
#premium-landing .summary .item {
  position: absolute;
}
.premium-pay .summary .item > div {
  display: table-cell;
  vertical-align: middle;
}
.premium-pay .summary .item .desc {
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  padding: 0 7px;
  line-height: 1.3;
}
#premium-landing .summary .item.flair .desc {
  padding: 0;
}
#premium-landing .summary .ads, #premium-landing .summary .exhibits, #premium-landing .summary .commends {
  text-align: left;
}
#premium-landing .summary .streams, #premium-landing .summary .sigs {
  text-align: right;
}
#premium-landing .summary .ads, #premium-landing .summary .exhibits {
  top: 58px;
  left: 153px;
}
#premium-landing .summary .commends {
  top: 165px;
  left: 245px;
}
#premium-landing .summary .streams {
  top: 59px;
  right: 146px;
}
#premium-landing .summary .sigs {
  top: 161px;
  right: 255px;
}
#premium-landing .summary .sigs .desc, #premium-landing .summary .commends .desc {
  padding-top: 5px;
}
#premium-landing .summary .flair {
  top: 265px;
  left: 402px;
}
#premium-landing .summary .flair .pic img {
  margin: 0 -10px;
}
#premium-landing .summary .options {
  margin: 50px 0;
}
.premium-pay .options {
  font-size: 0;
  text-align: center;
}
.premium-pay .options a {
  background: linear-gradient(to bottom, #2d5516, #102116);
  border: 2px solid #0c1529;
  color: white;
  font: 14px/36px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
  min-width: 170px;
  text-align: center;
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
  border: 2px solid #101d39;
  border-radius: 4px;
}
.premium-pay .options span {
  display: block;
  font-size: 85%;
}
.premium-pay .options span {
  color: #feb312;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 69%;
}
.premium-pay .options a:hover {
  text-decoration: none;
}
.premium-pay .options a.large {
  font-size: 18px;
  line-height: 55px;
  min-width: 220px;
  background: linear-gradient(to bottom, #5fb701, #265600);
}
#commend-sales.premium-pay .options a {
  font-size: 12px;
  line-height: 1.5;
  min-width: 120px;
  padding-top: 6px;
  margin-top: 10px;
}
#commend-sales.premium-pay .options a em {
  display: block;
  font-style: normal;
  font-size: 24px;
}
#commend-sales.premium-pay .options a em sup {
  font-size: 14px;
  position: relative;
  line-height: 1;
  top: 1px;
}
#premium-landing .ads-free, #premium-landing .avatar-flair {
  padding: 39px 75px 45px;
}
#premium-landing .ads-free .upgrade-btn, #premium-landing .avatar-flair .upgrade-btn {
  margin-top: 15px;
}
#premium-landing .ads-free h2 {
  margin-bottom: -10px;
}
#premium-landing .avatar-flair h2 {
  margin-bottom: 0;
}
#premium-landing .prime-bonus .desc {
  text-align: left;
}
#premium-landing .commendations .desc {
  width: 260px;
  float: left;
  margin: 58px 0 0 0;
}
#premium-landing .stream-exposure .desc {
  width: 300px;
  display: inline-block;
}
#premium-landing .stream-exposure img {
  float: left;
}
#premium-landing .signature-control .desc {
  float: left;
  width: 290px;
  margin-top: 96px;
}
#premium-landing .signature-control .desc h2 {
  margin-right: -40px;
}
#premium-landing .signature-control, #premium-landing .commendations {
  padding-left: 89px;
}
#premium-landing .stream-exposure {
  text-align: left;
  padding-left: 74px;
}
#premium-landing .stream-exposure .desc {
  margin: 81px 0 0 105px;
}
#premium-complete, #gild-complete {
  text-align: center;
}
.premium-pay > p {
  color: #b3c6ea;
  margin: 10px 0 30px;
}
.premium-pay > p a {
  color: white;
}
#premium-complete .summary, #gild-complete .summary {
  font-size: 0;
  margin-bottom: 50px;
}
#premium-complete .item, #gild-complete .item {
  background: #0e1728;
  border: 1px solid #112033;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
  vertical-align: top;
  height: 110px;
  margin: 6px;
  width: 290px;
}
#gild-complete .item {
  height: 87px;
}
#premium-complete .item .pic, #gild-complete .item .pic {
  text-align: right;
}
#gild-complete .item .pic {
  padding: 0 5px;
}
#premium-complete .item.flair img {
  margin-right: -10px;
}
#gild-complete .item.flair .pic {
  padding: 0;
}
#premium-complete .item .desc, #gild-complete .item .desc {
  text-align: left;
}
#premium-cancel {
  text-align: center;
}
#premium-cancel .kittie {
  display: inline-block;
  margin-bottom: 25px;
}
#premium-cancel .kittie a {
  display: inline-block;
  background: linear-gradient(to top, #560a00, #b71a01);
  color: white;
  border: 2px solid #192947;
  border-radius: 3px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
  padding: 8px 16px;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin: 15px 0 7px;
  line-height: 1.3;
}
#premium-cancel .kittie a:hover {
  text-decoration: none;
  background: linear-gradient(to top, #700d00, #d11e02);
}
.premium-pay .sales {
  display: inline-block;
  width: 965px;
}
#commend-sales, #premium-sales {
  text-align: center;
  margin-bottom: 50px;
}
.premium-pay .features {
  border-spacing: 5px;
  width: 100%;
  margin-bottom: 7px;
}
.premium-pay .features th {
  color: white;
  text-align: center;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.premium-pay .features th:first-child {
  text-align: left;
  padding-left: 5px;
}
.premium-pay .features td {
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  background: #0e1728;
  border: 1px solid #112033;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
  vertical-align: middle;
  padding: 5px;
  text-align: center;
  min-width: 95px;
}
.premium-pay .features td.check {
  background: #121c30;
}
.premium-pay .features td:first-child {
  text-align: left;
  line-height: 29px;
}
#commend-sales .features .desc {
  min-width: 610px;
}
.premium-pay .features .desc img {
  margin-right: 10px;
  vertical-align: middle;
}
.premium-pay .features td a {
  color: #fda100;
}
.premium-pay .buy {
  background: linear-gradient(to top, #265600, #5fb701);
  color: white;
  text-transform: uppercase;
  font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
  line-height: 44px;
  border: 2px solid #101d39;
  border-radius: 4px;
  padding: 0 22px;
  display: inline-block;
}
#commend-sales .buy {
  margin: 10px 5px 30px 0;
}
.premium-pay .buy:hover {
  background: linear-gradient(to top, #327000, #6dd102);
  text-decoration: none;
}
#premium-sales {
  text-align: center;
}
#premium-sales .options {
  margin: 22px;
}
#premium-sales .options a.large, #premium-landing .options a.large {
  line-height: 1.2;
  padding: 11px 0;
}
#premium-sales .options a, #premium-landing .options a {
  line-height: 1.2;
  padding: 9px 0;
}
#premium-sales .options a:first-child, #premium-landing .options a:first-child {
  line-height: 30px;
}
#premium-loggedout {
  text-align: center;
  margin: 100px 0 150px;
}
#premium-loggedout h1 {
  margin-bottom: 15px;
}
#premium-loggedout #login {
  display: inline-block;
  text-align: left;
  min-width: 650px;
}
.manage-subscription .premium-pay .features td {
  color: white;
  font-size: 12px;
}
.manage-subscription .premium-pay .sales {
  display: block;
  margin: 0 -5px;
}
.manage-subscription .premium-pay h1 {
  font-size: 22px;
  margin-top: 10px;
  color: white;
}
#profile .manage-subscription .premium-pay .sub {
  float: none;
}
#profile .manage-subscription #premium-sales .options {
  margin-top: 10px;
  margin-bottom: 26px;
}
#premium-landing .commendation-badges {
  font-size: 0;
  text-align: center;
  margin-bottom: 35px;
}
#premium-landing .commendation-badges .badge {
  display: inline-block;
  border: 2px solid #131f35;
  background: #091020;
  margin: 30px 2px 10px;
  padding: 12px 5px;
}
#premium-landing .commendation-badges .badge img {
  width: 177px;
}
#premium-landing.commends > p {
  margin-bottom: 15px;
}
.manage-subscription .plans {
  width: 350px;
  float: left;
  margin-right: 23px;
}
.manage-subscription .upgrade {
  padding: 15px 11px 0 11px;
  height: 422px;
}
.manage-subscription .plans > div, .manage-subscription .upgrade {
  border: 1px solid #112033;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75);
}
.manage-subscription .plans > div {
  padding: 14px;
  color: #adadad;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
  min-height: 73px;
}
.manage-subscription .plans .active {
  background: #0e1728;
}
.manage-subscription .plans span {
  font-size: 24px;
  display: block;
}
#profile .manage-subscription .plans .sub {
  text-align: center;
  float: none;
  padding: 0;
}
#profile .manage-subscription .plans .sub a {
  line-height: 40px;
  display: block;
}
#profile .manage-subscription .plans label {
  float: none;
  color: #adadad !important;
  display: inline-block;
  line-height: 25px;
  margin: 0 0 0 6px;
  font-size: 14px;
}
#profile .manage-subscription .plans .save {
  margin: 20px 0 4px 35px;
  line-height: 1;
}
#profile .manage-subscription .plans .box-shadow-lb * {
  color: white !important;
}
#profile #editBack, #commendations-popup #commend-close {
  background: #1f2636;
  color: #687087;
  line-height: 20px;
  display: inline-block;
  padding: 0 7px 0 5px;
  text-transform: uppercase;
  font-size: 10px;
}
#commendations-popup #commend-close {
  position: absolute;
  top: 0;
  right: 0;
}
#profile #editBack:hover, #commendations-popup #commend-close:hover {
  text-decoration: none;
  background: #37435f;
  color: white;
}
.manage-subscription .upgrade {
  text-align: center;
  margin-left: 378px;
}
.manage-subscription .upgrade div {
  color: #adadad !important;
  font-size: 14px;
}
.manage-subscription .upgrade div > div {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: left;
}
.manage-subscription .upgrade .pic {
  width: 40px;
  text-align: center;
  padding-right: 10px;
}
.manage-subscription .upgrade-sub {
  margin-top: 23px;
  background: linear-gradient(to bottom, #5fb701, #265600);
  color: white;
  font: 18px/57px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #101d39;
  border-radius: 4px;
  padding: 0 15px;
  cursor: pointer;
}
#profile .manage-subscription .sub .renew {
  color: white;
  background: #387e0e;
}
.prime-btn {
  border: 2px solid #101d39;
  border-radius: 3px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
  color: white;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #5fb701, #265600);
  display: inline-block;
  font: 18px/44px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  padding: 0 18px;
  cursor: pointer;
}
.prime-btn:hover {
  text-decoration: none;
}
.prime-btn.dark {
  background: linear-gradient(to bottom, #2d5516, #102116);
}
.prime-btn.dark:hover {
  text-decoration: none;
  background: linear-gradient(to bottom, #5fb701, #265600);
}
#commendations-popup .commendations {
  text-align: center;
  background: #060c17;
  border: 1px solid #152034;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 165px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 0px 20px;
  z-index: 210;
  min-width: 390px;
  border-radius: 3px;
}
#commendations-popup .grey {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200;
}
#commendations-popup h2 {
  color: white;
  font: 18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#commendations-popup p {
  color: #b3c6ea;
  line-height: 1.5;
  margin-top: 5px;
}
#commendations-popup .bank {
  background: url(/images/prime/bank.png) no-repeat center center;
  display: inline-block;
  color: #9fadc4;
  font: 54px/1 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  padding-top: 18px;
  height: 75px;
  display: block;
  margin-top: 15px;
}
#commendations-popup .stored {
  color: #435268;
  text-transform: uppercase;
  font: 11px/1.5 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 16px;
}
#commendations-popup .commend-btn {
  font-size: 10px;
  line-height: 18px;
  padding: 4px 12px;
  background: #ce9124;
  border: 0px;
}
#commendations-popup .commend-btn:hover {
  background: #e59301;
  border: 0px;
}
.custom-sideblock {
  margin-right: 12px;
  word-wrap: break-word;
}
.custom-sideblock img {
  max-width: 100%;
}
.custom-sideblock object {
  max-height: 230px;
  max-width: 306px;
}
#profile .blog .commend-actions {
  margin-top: 10px;
}
.commend-actions .commends {
  float: right;
}
.premium-pay .purchase {
  font-size: 18px;
}
#blog .commend-flair {
  margin-top: 0;
  text-align: center;
  margin: -17px -4px 0 0;
}
#blog .commend-flair img {
  width: 56px;
  margin: 0 0 -5px;
}
#blog.view-blog .commend-flair img {
  width: 44px;
}
#blog.view-blog .commend-flair #BlogBadgeSpot {
  height: 33px;
  display: block;
  font-size: 0;
}
.view-profile #blog.view-blog .blog-views.commend-flair {
  margin-top: -20px;
}
.premium-pay .powered {
  color: #4f647c;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #1f2b3d;
  border-radius: 11px;
  padding: 10px 32px 13px;
  display: inline-block;
}
#commend-sales .powered {
  margin-top: 22px;
}
.premium-pay .rollout {
  color: white;
  text-align: right;
  margin: 30px 0 -15px;
}
.premium-pay a {
  color: white;
}
#BuildFlames, #BuildFlames > * {
  position: relative;
}
#BuildFlames .fade {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #091120;
}




#stream h2 {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 10px;
}
#stream h2.featured-prime {
  background: url(/images/top-streams-header.png) no-repeat 5px center;
  padding-left: 42px;
  line-height: 23px;
  padding-top: 3px;
  margin: -6px 0 6px;
}
#stream .browse-tabs {
  text-transform: uppercase;
  font: 14px/1;
  color: #8092af;
  float: right;
  margin: 0 7px 0 0;
}
#stream .browse-tabs span {
  margin-right: 10px;
}
#stream .browse-tabs > a {
  display: inline-block;
  margin-right: 3px;
  color: #a6b2c2;
  padding: 7px 24px;
  border: 1px solid #0a1220;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  background: #121c2f;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMWMyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTE4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #121c2f 0%, #0e1828 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #121c2f), color-stop(100%, #0e1828));
  background: -webkit-linear-gradient(top, #121c2f 0%, #0e1828 100%);
  background: -o-linear-gradient(top, #121c2f 0%, #0e1828 100%);
  background: -ms-linear-gradient(top, #121c2f 0%, #0e1828 100%);
  background: linear-gradient(to bottom, #121c2f 0%, #0e1828 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#121c2f', endColorstr='#0e1828',GradientType=0);
}
#stream .browse-tabs > a.selected, #stream .browse-tabs > a:hover {
  text-decoration: none;
  background: #1a2944;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMjk0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDIzM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #1a2944 0%, #14233a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a2944), color-stop(100%, #14233a));
  background: -webkit-linear-gradient(top, #1a2944 0%, #14233a 100%);
  background: -o-linear-gradient(top, #1a2944 0%, #14233a 100%);
  background: -ms-linear-gradient(top, #1a2944 0%, #14233a 100%);
  background: linear-gradient(to bottom, #1a2944 0%, #14233a 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a2944', endColorstr='#14233a',GradientType=0);
}
#stream .show-offline {
  float: right;
  margin-right: 5px;
  margin-top: -4px;
}
#stream .show-offline label {
  margin: 0 5px 3px;
  display: inline-block;
}
#stream .show-offline select {
  width: 120px;
}
#stream .top-stream {
  display: table;
  width: 100%;
  border-spacing: 7px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#stream .top-stream h2 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 8px;
}
#stream .top-stream h2 span {
  color: #bbcee1;
  font-size: 10px;
  text-transform: uppercase;
}
#stream .top-stream > div {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#stream .top-stream .video {
  background: url(/images/big-twitch-bg.jpg) bottom;
  background-size: 100%;
  display: block;
  height: 400px;
  width: 630px;
}
#stream .top-stream .video .vid-tmb {
  height: 370px;
  width: 630px;
}
#stream .top-stream .new-vids a {
  display: inline-block;
  height: 85px;
  width: 150px;
  border: 4px solid #152439;
}
#stream .top-stream span.new-title {
  display: block;
  text-transform: uppercase;
  color: #617e9f;
  font-size: 14px;
  margin: 33px 0 5px;
  margin-top: 15px;
}
#stream .top-stream .info {
  background: #222e34;
  padding: 8px;
  color: #bbcee1;
  line-height: 1.5em;
  font-size: 11px;
}
#stream .top-stream .title {
  padding: 10px 0;
}
#stream .top-stream .title a {
  font-size: 16px;
}
#stream .stream-list .stream-box {
  width: 127px;
  padding: 6px;
  background: #131b24;
  margin: 3px;
  height: 130px;
  overflow: hidden;
}
#stream .stream-list .info {
  padding: 3px;
  font-size: 10px;
  background: #0f1519;
  margin-bottom: 5px;
}
#stream .stream-list .stream-tmb {
  width: 125px;
  height: 75px;
  background: #000;
}
#stream .stream-list .title {
  text-size: 11px;
}
#stream .featured-streams {
  display: inline-block;
  padding: 15px;
  height: 236px;
  overflow: hidden;
}
#stream .featured-streams .video {
  width: 330px;
  height: 185px;
}
#stream .featured-streams .video .vid-tmb {
  height: 173px;
  width: 314px;
}
#stream .featured-streams .stream {
  margin: 0 10px;
}
#stream .featured-streams .stream .stream-link {
  display: inline-block;
  height: auto;
  width: auto;
}
#stream .featured-streams .stream .title {
  color: #7a8796;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 0 1px;
  text-align: center;
}
#stream.view-stream .featured-streams {
  display: block;
  height: auto;
}
#stream.view-stream .featured-streams .stream {
  margin: 0 6px;
}
#stream .new-vids .video .vid-tmb {
  height: 144px;
  width: 280px;
}
#stream.browse-vids .top-stream .new-vids a {
  width: 250px;
  height: 158px;
  background: url("/images/bg-home-stream.jpg") bottom;
  background-size: 250px;
}
#stream.browse-vids .featured-streams .stream .stream-link {
  height: 166px;
  width: 323px;
  padding: 42px 0 0 85px;
}
#stream.browse-vids .featured-streams .stream .title {
  text-align: left !important;
}
#stream .submit-video.btn {
  top: 3px;
  margin-left: 10px;
}
#stream .stream {
  display: inline-block;
  background-color: #020914;
  padding: 5px;
  vertical-align: top;
}
#stream .stream a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
#stream .stream .stream-wrap {
  background: #152034;
  padding: 3px;
  position: relative;
}
#stream .stream .views {
  color: #3b4c5f;
  font-size: 10px;
}
#stream .stream .views .comments {
  float: right;
  font-size: 10px;
  color: #3b4c5f;
  margin-right: 5px;
}
#stream .stream .views .comments a {
  color: #3b4c5f;
}
#stream .stream.prime .stream-wrap {
  background: linear-gradient(to bottom, #ffffce 0%, #dda869 83%, #ffe295 100%);
}
#stream .stream.prime .stream-wrap:before {
  position: absolute;
  content: url(/images/prime-stream.png);
  right: 0;
  bottom: 0;
  height: 19px;
  z-index: 20;
}
#stream .stream.prime .stream-link {
  position: relative;
}
#stream .side-stream .top-s-box {
  padding: 10px;
  background: #19293a;
  margin-bottom: 1px;
}
#stream .side-stream .s-box-info {
  background: #08131d;
}
#stream .side-stream .stream {
  padding: 5px;
  border: solid 1px #131b24;
  margin: 1px;
  width: 75px;
  font-size: 11px;
  height: 75px;
}
#stream .side-stream .stream-bg1 {
  background: #08131d;
}
#stream .side-stream .stream-bg2 {
  background: #101a25;
}
#stream .side-stream .top-s-box img {
  padding: 4px;
  border: solid 1px #131b24;
}
#stream .live-streams {
  padding: 15px;
}
#stream .live-streams.similar-videos {
  margin-top: 10px;
}
#stream .live-streams.similar-videos .stream {
  margin-bottom: 0;
}
#stream .live-streams .stream {
  float: left;
  margin-bottom: 15px;
  margin-right: 16px;
  min-height: 174px;
}
#stream .live-streams .stream:nth-child(4n) {
  margin-right: 0;
}
#stream .live-streams .stream .stream-link {
  height: 132px;
  width: 232px;
}
#stream .live-streams .sidebar-header {
  text-align: center;
  margin: -11px -11px 10px -11px;
  padding: 10px;
  line-height: 1;
  background: #31435e;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNDM1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTI5NDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #31435e 0%, #1a2940 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31435e), color-stop(100%, #1a2940));
  background: -webkit-linear-gradient(top, #31435e 0%, #1a2940 100%);
  background: -o-linear-gradient(top, #31435e 0%, #1a2940 100%);
  background: -ms-linear-gradient(top, #31435e 0%, #1a2940 100%);
  background: linear-gradient(to bottom, #31435e 0%, #1a2940 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31435e', endColorstr='#1a2940',GradientType=0);
}
#stream .f-box {
  background: #131b24;
}
#stream .guide-box {
  padding: 8px;
}
#stream .top-s-pic a {
  width: 630px;
  height: 355px;
  display: block;
}
#stream .live-stream-box {
  height: 408px;
  background: #101a25;
}
#stream .stream-details {
  display: table-cell;
  font-size: 14px;
  height: 85px;
  margin-left: 110px;
  text-align: left;
  vertical-align: middle;
}
#stream .stream-details span, #stream .stream-details .comments a {
  font-size: 10px;
  color: #69788f;
  display: block;
}
#stream .stream-details .name {
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
}
#stream .vid-info {
  padding: 0;
  vertical-align: top !important;
  text-align: center;
}
#stream .vid-info > div {
  padding: 7px;
}
#stream .vid-info > div:first-of-type {
  margin-bottom: 7px;
}
#stream .add-vid-button {
  text-transform: uppercase;
  font-size: 18px;
  color: #a6b2c2;
  display: inline-block;
  padding: 15px 60px;
  margin-bottom: 7px;
  border: 1px solid #0a1220;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
  background: #173c60;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3M2M2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDJmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #173c60 0%, #102f4f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #173c60), color-stop(100%, #102f4f));
  background: -webkit-linear-gradient(top, #173c60 0%, #102f4f 100%);
  background: -o-linear-gradient(top, #173c60 0%, #102f4f 100%);
  background: -ms-linear-gradient(top, #173c60 0%, #102f4f 100%);
  background: linear-gradient(to bottom, #173c60 0%, #102f4f 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#173c60', endColorstr='#102f4f',GradientType=0);
}
#stream .add-vid-button:hover {
  text-decoration: none;
  background: #1c4b77;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjNGI3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTNkNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #1c4b77 0%, #153d66 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c4b77), color-stop(100%, #153d66));
  background: -webkit-linear-gradient(top, #1c4b77 0%, #153d66 100%);
  background: -o-linear-gradient(top, #1c4b77 0%, #153d66 100%);
  background: -ms-linear-gradient(top, #1c4b77 0%, #153d66 100%);
  background: linear-gradient(to bottom, #1c4b77 0%, #153d66 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c4b77', endColorstr='#153d66',GradientType=0);
}
#stream #desc-expand {
  border-top: 1px solid #233148;
  text-align: center;
}
#stream #desc-expand > div {
  background-color: #233148;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  color: #6ea49e;
  padding: 6px 10px;
  line-height: 1;
}
#stream .desc-header {
  color: #677998;
  font-size: 11px;
}
#stream .desc-text {
  margin: 5px;
  overflow: hidden;
  height: 40px;
  width: 704px;
  word-wrap: break-word;
}
#stream .desc {
  line-height: 1.5em;
}
#stream .desc h4 {
  font-size: 10px;
  text-transform: uppercase;
  color: #bbcee1;
  margin: 10px 0;
}
#stream .desc #votebox .vote-score-wrap {
  width: auto;
  padding: 0;
}
#stream .desc #votebox .vote-score-wrap > div {
  height: auto !important;
}
#stream .desc #votebox .vote-score-wrap img {
  width: 25px;
}
#stream .desc #votebox .vote-score {
  font-size: 16px;
  line-height: 1.2;
  padding: 3px 0 3px;
}
#stream .desc .vote {
  margin-left: 10px;
  float: right;
  text-align: center;
}
#stream .desc .vote .arrow {
  color: #3a506a;
  font-size: 20px;
  cursor: pointer;
  transform: scaleX(2);
  -ms-transform: scaleX(2);
  -webkit-transform: scaleX(2);
}
#stream .desc .vote .arrow:hover {
  color: #496585;
}
#stream .desc .vote .number {
  margin: 7px 0 6px;
  line-height: 1;
  font-size: 16px;
}
#stream .desc-text p, #stream .desc-text {
  color: #b4c2d9;
}
#stream .buttons a {
  border: 1px solid #051424;
  background: #8ca2b3;
  text-transform: uppercase;
  font-size: 10px;
  display: inline-block;
  color: #9fadc4;
  margin-right: 3px;
  padding: 5px 15px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzE4M2Q2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDJmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #183d62 1%, #102f4f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #183d62), color-stop(100%, #102f4f));
  background: -webkit-linear-gradient(top, #183d62 1%, #102f4f 100%);
  background: -o-linear-gradient(top, #183d62 1%, #102f4f 100%);
  background: -ms-linear-gradient(top, #183d62 1%, #102f4f 100%);
  background: linear-gradient(to bottom, #183d62 1%, #102f4f 100%);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#183d62', endColorstr='#102f4f',GradientType=0);
}
#stream .stream-info {
  padding: 5px;
  background: #0f1519;
  margin-bottom: 5px;
}
#stream .featured-streams .stream .stream-link .vid-tmb, #stream .stream .stream-link {
  background: #020914 center center no-repeat;
}
#stream .stream .title, #stream.browse-vids .featured-streams .stream .title {
  color: #7e95b3;
  font-size: 11px;
  line-height: 14px;
  padding: 4px 0;
}
#stream.view-stream .top-stream .box-blue .box-shadow, #stream.view-stream .top-stream .box-blue .box-shadow-inner-db {
  border: none;
  box-shadow: none;
  margin: 0 !important;
  padding: 0 !important;
  background: none;
}
.featured-streams .f-row {
  background: #0f1519;
  padding: 2px;
  margin-bottom: 4px;
  color: #bbcee1;
  font-size: 11px;
}
.featured-streams .last {
  margin-bottom: 0px;
}
.mf-video h2 {
  text-transform: none;
  margin-bottom: 10px;
}
.mf-video h2 span {
  font-size: 12px;
  color: #63748f;
}
.mf-video__item {
  float: left;
  width: 24%;
  margin-right: 1.33%;
  margin-bottom: 1.33%;
}
.mf-video__item:nth-of-type(4n) {
  margin-right: 0;
}
.mf-video__item__thumb {
  width: 100%;
  background-size: 102%;
  background-repeat: none;
  background-position: center center;
  position: relative;
  height: 145px;
  transition: 300ms;
}
.mf-video__item__thumb__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 200ms;
  background: rgba(9, 17, 32, 0.25);
}
.mf-video__item__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mf-video__item__thumb::before {
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  right: 0;
  padding: 1px 5px 2px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  color: white;
}
.mf-video__item__title {
  font-size: 12px;
  color: white;
}
.mf-video__item__prime {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.mf-video__item__meta {
  background: #1a283f;
  color: #8498b8;
  padding: 5px;
  font-size: 11px;
  transition: 250ms;
  position: relative;
}
.mf-video__item__meta .comments {
  float: right;
}
.mf-video__item__meta .comments span img {
  margin-right: 3px;
  margin-top: 3px;
  vertical-align: top;
}
.mf-video__item:hover .mf-video__item__thumb__overlay {
  background: rgba(9, 17, 32, 0);
}
.mf-video__item:hover .mf-video__item__thumb {
  background-size: 110%;
}
.mf-video__item:hover .mf-video__item__meta {
  background: #293f63;
}
.mf-video__item.player-challenger .mf-video__item__thumb::before {
  content: "Challenger";
  font-size: 8px;
  text-shadow: 0px 0px 1px #0a2b36;
  background: #be9f5f;
  background: -moz-linear-gradient(-45deg, #be9f5f 50%, #4aa28c 50%);
  background: -webkit-linear-gradient(-45deg, #be9f5f 50%, #4aa28c 50%);
  background: linear-gradient(135deg, #be9f5f 50%, #4aa28c 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be9f5f', endColorstr='#4aa28c',GradientType=1);
}
.mf-video__item.player-master .mf-video__item__thumb::before {
  content: "Master";
  background: rgba(94, 191, 225, 0.8);
  text-shadow: 0px 0px 1px #0a2b36;
}
.mf-video__item.player-platinum .mf-video__item__thumb::before {
  content: "Platinum";
  background: rgba(34, 209, 174, 0.8);
  text-shadow: 0px 0px 1px #000;
}
.mf-video__item.player-diamond .mf-video__item__thumb::before {
  content: "Diamond";
  background: rgba(132, 94, 225, 0.8);
  text-shadow: 0px 0px 1px #170a36;
}
.mf-video__item.player-gold .mf-video__item__thumb::before {
  content: "Gold";
  background: rgba(225, 208, 94, 0.8);
  text-shadow: 0px 0px 1px #36300a;
}
.mf-video__item.player-silver .mf-video__item__thumb::before {
  content: "Silver";
  background: rgba(136, 146, 157, 0.8);
  text-shadow: 0px 0px 1px #000;
}
.mf-video__item.player-bronze .mf-video__item__thumb::before {
  content: "Bronze";
  background: rgba(130, 93, 66, 0.8);
  text-shadow: 0px 0px 1px #000;
}
.mf-video--triple .mf-video__item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.mf-video--triple .mf-video__item:nth-of-type(3n) {
  margin-right: 0;
}
.mf-video--triple .mf-video__item__meta {
  background: #070b16;
}
.mf-video .float-right {
  margin-top: -36px;
}
.mf-mainVideo .col-left {
  width: 742px;
  padding-bottom: 0;
  padding-left: 17px;
}
.mf-mainVideo .col-left iframe {
  width: 742px;
  height: 420px;
}
.mf-mainVideo .col-right {
  width: 325px;
  padding-right: 17px;
}
.mf-mainVideo .one-col {
  padding-top: 0;
  padding-bottom: 20px;
}
.mf-mainVideo__meta {
  background: #1a283f;
  padding: 14px 5px 10px 60px;
  min-height: 40px;
  position: relative;
}
.mf-mainVideo__meta #votebox {
  transform: scale(0.55);
  transform-origin: top left;
  position: absolute;
  top: 2px;
  left: 0px;
}
.mf-mainVideo__meta #votebox .vote-score-wrap {
  width: 80px;
}
.mf-mainVideo__meta > .heart {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
}
.mf-mainVideo__meta h2 {
  text-transform: none;
  max-width: 70%;
  line-height: 16px;
}
.mf-mainVideo__meta h2 + span {
  display: block;
}
.mf-mainVideo__meta span {
  display: inline-block;
  color: #8498b8;
}
.mf-mainVideo__meta .float-right {
  white-space: nowrap;
  position: absolute;
  right: 15px;
  top: 50%;
  padding-bottom: 4px;
  transform: translateY(-50%);
}
.mf-mainVideo__meta .float-right span:first-of-type {
  margin-right: 30px;
}
.mf-mainVideo__meta--noPadding {
  padding: 10px;
  min-height: 0;
}
.mf-mainVideo__sideSection {
  background: #1a283f;
  color: #8498b8;
  padding: 10px;
  margin: 10px 0;
}
.mf-mainVideo__sideSection--top span {
  text-transform: uppercase;
  color: #8498b8;
  font-size: 11px;
  display: block;
}
.mf-mainVideo__sideSection--top a:not(.flat-btn) {
  display: block;
  font-size: 14px;
  margin-top: -1px;
  margin-bottom: 3px;
}
.mf-mainVideo__sideSection--top img {
  border: 1px solid #0a1222;
  width: 71px;
  height: 71px;
  float: left;
  margin-right: 10px;
}
.mf-mainVideo__sideSection--bottom {
  margin-bottom: 0px;
  position: relative;
}
.mf-mainVideo__sideSection--bottom > * {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#video-view {
  display: inline-block;
  vertical-align: top;
  margin-left: -2px;
}
#video-view label {
  display: inline-block;
  vertical-align: top;
}




@import '/css/local-vars';
@font-face {
  font-family: steelfish;
  src: url(/fonts/steelfish-rg.ttf);
}
.expanding-comments a {
  cursor: pointer;
}
.expanding-comments .hdr .view-comments {
  background: linear-gradient(to top, #353535, #565656);
  border-radius: 3px;
  color: white;
  font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
  font-size: 12px;
  float: right;
  line-height: 26px;
  padding: 0 10px;
  text-transform: none;
  display: inline-block;
  margin-top: -7px;
}
.expanding-comments .hdr .view-comments:hover {
  text-decoration: none;
  color: white;
}
.expanding-comments .hdr.quick-comment {
  margin-bottom: 5px !important;
  padding: 7px 0;
}
.expanding-comments .comment-header {
  margin-bottom: 13px;
  display: table;
  width: 100%;
}
.expanding-comments .comment-header > div {
  display: table-cell;
  vertical-align: middle;
}
.expanding-comments .comment-header .pic {
  width: 1px;
}
.expanding-comments .comment-header .pic > div {
  width: 51px;
  height: 51px;
  border: 2px solid #1a1a1a;
  border-radius: 2px;
}
.expanding-comments .comment-header .pic > div img {
  width: 100%;
  height: 100%;
}
.expanding-comments .comment-header .desc {
  color: #656565;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 8px;
}
.expanding-comments .comment-header .desc h4 {
  color: #adadad;
  font-size: 18px;
  font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
.expanding-comments .comment-header .desc span {
  color: white;
}
.expanding-comments .actions {
  color: #656565;
  font-size: 11px;
  padding-top: 10px;
}
.expanding-comments .actions form {
  display: inline-block;
  margin-left: 5px;
}
.expanding-comments .actions select {
  width: 90px;
}
.expanding-comments .actions > p {
  display: inline-block;
  color: #656565;
  font-size: 11px;
  margin: 0;
}
.expanding-comments .actions > p span.expand {
  cursor: pointer;
  color: #1b7def;
}
.expanding-comments .actions .sort {
  color: #656565;
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: -5px;
}
.expanding-comments .actions .sort .chosen-container {
  margin-bottom: 3px;
}
.expanding-comments .comments .comment {
  margin-top: 8px;
  border: 1px solid #292929;
  border-radius: 3px;
  padding: 12px 8px 8px 9px;
  background: #121212;
}
.expanding-comments .comments .comment.closed {
  background: #1d1d1d;
}
.expanding-comments .comments .comment.closed .expand {
  color: #a093ae !important;
}
.expanding-comments .comments .comment.collapsed {
  display: none;
}
.expanding-comments .comments .comment .vote {
  float: left;
  margin-top: 1px;
  text-align: center;
}
.expanding-comments .comments .comment .vote-col {
  display: none;
}
.expanding-comments .comments .comment .minified .vote-col {
  float: left;
  margin-top: 1px;
  text-align: center;
  display: block;
  color: #656565;
  font-size: 13px;
  line-height: 1;
  padding: 0px 5px;
  max-width: 35px;
}
.expanding-comments .comments .comment .vote > a {
  display: block;
  width: 23px;
  height: 9px;
  background: url(/images/comment-vote.png) 0 0 no-repeat;
}
.expanding-comments .comments .comment .vote > a:hover, .expanding-comments .comments .comment .vote > a.selected {
  background-position: 0 -14px;
}
.expanding-comments .comments .comment .vote > a.down {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1);
  margin-top: 2px;
}
.expanding-comments .comments .comment .vote > a.up {
  margin-bottom: 2px;
}
.expanding-comments .comments .comment .vote span {
  color: #656565;
  font-size: 13px;
  line-height: 1;
}
.expanding-comments .comments .comment .body {
  margin-left: 30px;
}
.expanding-comments .comments .comment .body .info {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #555;
  font-size: 11px;
  margin-bottom: 2px;
}
.expanding-comments .comments .comment .body .info .expand {
  color: #4598dc;
}
.expanding-comments .comments .comment .body .info .pic {
  display: inline-block;
  width: 23px;
  height: 23px;
  border: 1px solid #5c4474;
  vertical-align: middle;
  margin: 0 2px;
}
.expanding-comments .comments .comment .body .info .pic img {
  width: 100%;
  height: 100%;
}
.expanding-comments .comments .comment .body .info .user, .expanding-comments .comments .comment .body .info .expand {
  font-size: 12px;
}
.expanding-comments .comments .comment .body .info .count {
  color: #c400f4;
}
.expanding-comments .comments .comment .body .content {
  color: #adadad;
  font-size: 12px;
  line-height: 1.5;
  word-wrap: break-word;
}
.expanding-comments .comments .comment .body .content img, .expanding-comments .comments .comment .body .content embed, .expanding-comments .comments .comment .body .content video {
  max-width: 100% !important;
}
.expanding-comments .comments .comment .body .comment-foot {
  margin-top: 5px;
}
.expanding-comments .comments .comment .body .comment-foot .links {
  float: right;
  color: #656565;
}
.expanding-comments .comments .comment .body .comment-foot .links a {
  color: #656565;
  font-size: 11px;
}
.expanding-comments .comments .comment .body .comment-foot .links a.rep {
  color: #c400f4;
}
.expanding-comments .comments .comment .body .comment-foot .links a.edit, .expanding-comments .comments .comment .body .comment-foot .links a.delete {
  color: #1b7def;
}
.expanding-comments .comments .comment .body .comment-foot .links a.report {
  color: #f57b5a;
}
.expanding-comments .comments .comment .body .comment-foot .links a:hover {
  text-decoration: underline;
}
.expanding-comments .comments .comment .body .comment-foot a.reply {
  font-size: 11px;
  color: #89bd66;
}
.expanding-comments .comments .comment .body .comment-foot a.reply:hover {
  text-decoration: underline;
}
.expanding-comments .comments .comment .body .comment-foot span.reply {
  font-size: 11px;
  color: #656565;
}
.expanding-comments .comments .comment .load-more {
  color: white;
  font-size: 11px;
  display: inline-block;
  margin-top: 5px;
}
.expanding-comments .comments .comment .load-more:hover {
  text-decoration: underline;
}
.expanding-comments .comments .comment p.deleted {
  text-transform: uppercase;
  font-size: 11px;
  color: #656565;
  text-align: center;
  padding: 0;
  margin: -4px 0 0;
}
.expanding-comments .comments > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment {
  background: #1a1a1a;
}
.expanding-comments.not-logged-in .comments .comment .body .info .report {
  display: none;
}
.expanding-comments.not-logged-in .comments .comment .body .comment-foot .links {
  display: none;
}
.expanding-comments.is-admin .comments .comment.deleted > .body, .expanding-comments.is-admin .comments .comment.deleted > .vote {
  opacity: 0.25;
}
.expanding-comments.is-admin .comments .comment.deleted:hover > .body, .expanding-comments.is-admin .comments .comment.deleted:hover > .vote {
  opacity: 1;
}
.expanding-comments .markItUpEditor {
  height: 80px;
}
.col-r .expanding-comments .view-comments {
  font-size: 10px;
}
.col-r .expanding-comments .markItUpHeader {
  display: none;
}
.col-r .expanding-comments .markItUpEditor {
  height: 75px;
}
.col-r .expanding-comments .comments-preview, .col-r .expanding-comments .preview {
  display: none;
}
.expanding-comments .comments .comment .commend-flair {
  float: right;
  margin: -8px -3px -2px 0;
}
.expanding-comments .comments .comment .commend-flair img {
  height: 36px;
}
.expanding-comments .commend-comment {
  color: #ffaa23;
  font: 11px Verdana, sans-serif;
}
.expanding-comments .commend-comment span {
  font: 14px serif;
}
.expanding-comments .anchor {
  position: relative;
  top: -52px;
  display: block;
}
.expanding-comments .comments .comment.minified > .vote, .expanding-comments .comments .comment.minified > .load-more, .expanding-comments .comments .comment.minified > .comment:not(.collapsed) {
  display: none;
}
.expanding-comments .comments .comment.minified > .body .content, .expanding-comments .comments .comment.minified > .body .comment-foot {
  display: none;
}
.expanding-comments .info .voted {
  background: #225000 url(/images/comment-voted-up.png) no-repeat 7px 3px;
  text-transform: uppercase;
  color: #95e05e;
  font: 11px/1 Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #95e05e;
  display: inline-block;
  padding: 3px 6px 4px 21px;
  margin-left: 4px;
}
.expanding-comments .info .voted.down {
  background-image: url(/images/comment-voted-down.png);
  background-color: #2d0e0e;
  color: #b23636;
  border-color: #b23636;
}
.load-more-comments {
  background: #121212;
  border: 1px solid #292929;
  margin-top: 12px;
  border-radius: 3px;
  padding: 12px;
  cursor: pointer;
  text-align: center;
  transition: 300ms;
}
.load-more-comments:hover {
  background: #121b2b;
}
.comments-main__loading {
  text-align: center;
  padding: 30px;
}
.comments-main__loading span {
  display: inline-block;
  animation: grow 1s infinite ease-in;
  font-size: 18px;
}
@keyframes grow {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}




#net-menu #network-menu-target .collapse .mm-item > a, #net-menu #member-menu-target .logged-out.collapse .mm-item > a, #net-menu #member-menu-target .logged-out.collapse .mm-item > form > a {
  color: #7684a2;
}
#net-menu #member-menu-target .logged-out.collapse .mm-item > a, #net-menu #member-menu-target .logged-out.collapse .mm-item > form > a {
  background: none;
}
.collapse #header-search:before, .collapse #header-search-mobile:before {
  border: 1px solid #030811;
  background: linear-gradient(to bottom, #204180 0%, #102040 100%);
}
#header-logo {
  background: #091120;
  border-top: 1px solid #274275;
  border-bottom: 1px solid #274275;
}
#header-logo .logo img, #header-img img {
  width: 166px;
  height: 43px;
}
#header-logo .slogan {
  color: #4e5f7e;
}
.header-search .search-input, #header-search .search-input, #header-search-mobile .search-input {
  background: #0a1429;
}
.header-search .chosen-container-single .chosen-single, #header-search .chosen-container-single .chosen-single, #header-logo .header-search button, #header-search button, #header-logo .header-search select, #header-search select {
  background: linear-gradient(to bottom, #192a49 0%, #091120 100%);
  color: #99b0d5;
}
#collapsing-header:not(.premium) .expand .header-search .chosen-container-single .chosen-single, #collapsing-header:not(.premium) .expand #header-search .chosen-container-single .chosen-single {
  background: linear-gradient(to bottom, #2b2b2b 0%, #111 100%);
  color: #bcbcbc;
}
.header-search .chosen-container .chosen-drop, #header-search .chosen-container .chosen-drop {
  background: #0a1222;
  border-color: #030811;
}
#collapsing-header:not(.premium) .header-search .chosen-container .chosen-drop, #collapsing-header:not(.premium) #header-search .chosen-container .chosen-drop {
  background: #131313;
  border-color: #0e0e0e;
}
.header-search .chosen-container .chosen-results li, #header-search .chosen-container .chosen-results li {
  color: #99b0d5;
}
#collapsing-header:not(.premium) .header-search .chosen-container .chosen-results li, #collapsing-header:not(.premium) #header-search .chosen-container .chosen-results li {
  color: #bcbcbc;
}
#header-logo .header-search .input-wrap .dropdown-search-results, #header-search .input-wrap .dropdown-search-results {
  background: #0a1429;
}
#header-logo .header-search .input-wrap .dropdown-search-results:after, #header-search .input-wrap .dropdown-search-results:after {
  background: #0a1429;
}
.header-search .search-input, #header-search .search-input, #header-search-mobile .search-input {
  background: #0a1429;
  box-shadow: 0 -10px 0px #0a1429 inset, inset 0 1px 2px 0 black, inset 0 0 15px 0 rgba(0, 0, 0, 0.15), 1px 1px 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 -10px 15px #0a1429 inset, inset 0 1px 2px 0 black, inset 0 0 15px 0 rgba(0, 0, 0, 0.15), 1px 1px 1px 0 rgba(255, 255, 255, 0.1);
}
#header-logo.collapse.expand .header-search .input-wrap .dropdown-search-results, .collapse.expand #header-search .input-wrap .dropdown-search-results, #header-search-mobile .dropdown-search-results {
  background: #0f1d3a;
}
#collapsing-header:not(.premium) #header-logo.collapse.expand .header-search .input-wrap .dropdown-search-results, #collapsing-header:not(.premium) .collapse.expand #header-search .input-wrap .dropdown-search-results, #header-search-mobile .dropdown-search-results {
  background: #242424;
}
#logo-placeholder {
  width: 168px;
}
#collapsing-header:not(.premium) .expand .dropdown-search-results .extra {
  background: #353535;
}
#collapsing-header:not(.premium) .expand .dropdown-search-results a > * {
  color: #adadad;
}
#header-logo #header-search-mobile {
  background: linear-gradient(to bottom, #204180 0%, #102040 100%);
  border: 1px solid #030811;
}
.expanding-comments .hdr .view-comments {
  background: linear-gradient(to top, #130b21, #2a015a);
}
.expanding-comments .comments .comment {
  background: #0f1726;
  border: 1px solid #25354e;
}
.expanding-comments .comments .commend {
  position: relative;
  background: linear-gradient(to top, #b76f07, #f6ce7d 43%) !important;
  z-index: 0;
  border: none;
}
.expanding-comments .comments .commend.comment:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  z-index: -1;
  background: #0f1726;
}
.expanding-comments .comments > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment {
  background: #152034;
}
.expanding-comments .comments > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after, .expanding-comments .comments > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment > .comment:after {
  background: #152034;
}
.expanding-comments .comments .comment .commend-flair {
  float: right;
  margin: -8px -3px -2px 0;
}
.expanding-comments .comments .comment .commend-flair img {
  height: 36px;
}
.expanding-comments .comments .comment .body .info .pic {
  border: #49617f;
}
.expanding-comments .comments .comment .body .info, .expanding-comments .comments .comment .body .info .expand {
  color: #87add9;
}
.expanding-comments .comments .comment .body .comment-foot .links a {
  color: #87add9;
}
.expanding-comments .comments .comment .body .comment-foot .links a.edit, .expanding-comments .comments .comment .body .comment-foot .links a.delete {
  color: #dbb74c;
}
.expanding-comments .comments .comment .body .content {
  color: #c0c0c0;
}
.expanding-comments .actions > p {
  color: #566684;
}
.expanding-comments .actions > p span.expand {
  color: #87add9;
}
.comments .bbcode_quote {
  background: #212e44;
  border-radius: 3px;
  margin: 15px;
  padding: 15px;
}
.comments .bbcode_quote_head {
  font-size: 11px;
  text-transform: uppercase;
  color: #888b9c;
}
.comments .bbcode_code {
  background: #000;
  border-radius: 3px;
  margin: 15px;
  padding: 15px;
}
.comments .bbcode_code_head {
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
  margin-bottom: 10px;
}
.ads-popup {
  filter: grayscale(0%);
}
.ads-popup.thank-you .logo {
  background-image: url(/images/mf-blue-logo.png);
}
#legal .box {
  box-shadow: 0 0 1px 1px #060b14, inset 0 0 0 1px #0d1420;
  background: #0b1524;
  border: 6px solid #152034;
  padding: 0px 15px 15px 15px;
}
#legal .box p, .box li {
  color: #808080;
}
#legal h2 {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 15px;
  font-weight: normal;
}
#legal .hilite {
  color: #ccc;
}
#legal p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
#legal .col-l {
  float: left;
  width: 746px;
}
#legal .col-r {
  float: right;
  width: 315px;
}
.login-btn {
  background: #475c8a;
}
.register-btn {
  background: #37741d;
  margin-right: 0px;
  padding-left: 0px;
}
.login-popup .social-links img, .captcha-popup .social-links img {
  margin: 10px;
}
.social-icons-login {
  position: relative;
  width: 100%;
  height: 36px;
  margin-top: 10px;
}
.social-icons-login img {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 20px;
}
.social-icons-login img:hover {
  opacity: 0.8;
}
ul.right-menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.right-menu li {
  margin: 0px;
  padding: 0px;
}
#net-menu ul.right-menu u a.mm-item-link:link {
  margin: 0px;
}
#net-menu ul.right-menu li.mm-item {
  padding: 0px;
}
.soc-item {
  float: left;
  padding: 0px;
  margin: 0px;
}
.social-login-text {
  float: left;
  width: 38px;
  padding: 5px 0px 3px;
  font-size: 8px;
  line-height: 9px;
  color: #a7b3cd;
  text-transform: uppercase;
  text-align: right;
  border-left: 1px solid #242424;
}
.social-icons-toplogin {
  float: left;
  line-height: 16px;
  padding: 6px 6px 6px 6px;
}
#net-menu.expand .social-login-text {
  padding: 10px 0px 9px 6px;
}
#net-menu.expand .social-icons-toplogin {
  padding: 10px 6px 12px 6px;
}
.social-icons-toplogin:after {
  clear: both;
}
.social-icons-toplogin img {
  display: inline-block;
  width: 16px;
  margin-right: 4px;
}
.social-icons-toplogin img:hover {
  opacity: 0.8;
}
#edit-profile .player-info .chosen-container-single {
  width: 160px !important;
}
.item-info ul {
  list-style-type: square !important;
  list-style-position: inside !important;
  color: #5c7ea4;
}
.item-info li {
  color: #5c7ea4;
}
.item-text {
  color: #c0c0c0;
  margin-left: 0px;
}
li .item-text {
  margin-left: -10px;
}
.item-white {
  color: #fff;
}
.load-more-comments {
  background: #0f1726;
  border: 1px solid #25354e;
}
.login-popup, .captcha-popup {
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: #050914;
  z-index: 100;
  width: 360px;
  padding: 15px 15px 25px;
  border: 2px solid #08121e;
  z-index: 300;
  border-radius: 5px 5px 5px 5px;
}
.login-popup.mf, .captcha-popup.mf {
  background: #040c17;
  border: 2px solid #08121e;
  /* Chrome, Safari, Opera */
  webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  border-radius: 5px 5px 5px 5px;
}
.login-popup.prompt, .captcha-popup.prompt {
  text-align: center;
  padding: 30px 20px;
  width: 540px;
}
.login-popup.prompt p, .captcha-popup.prompt p {
  color: #c0c0c0;
  font-size: 12px;
  margin: 15px auto;
}
.login-popup.prompt .logo, .captcha-popup.prompt .logo {
  margin: 5px auto 0px;
  width: 285px;
  height: 75px;
  background: url(/images/bg-logo.png) no-repeat center center;
  background-size: 100% auto;
}
.login-popup .close, .captcha-popup .close {
  position: absolute;
  background: url(/images/mf-circle-x.png) no-repeat;
  width: 28px;
  height: 28px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  opacity: 0.6;
}
.login-popup input, .captcha-popup input {
  background: #1e222b;
  border: 0px;
  padding: 0px 8px;
  color: #aaa;
  font-size: 12px;
  margin: 5px 5px 5px 0px;
  display: inline-block;
  width: 130px;
  height: 34px;
  line-height: 34px;
  border-radius: 2px 2px 2px 2px;
}
.login-popup button, .captcha-popup button {
  border: 0px;
  color: #fff;
  font-size: 14px;
  padding: 0px;
  margin: 5px 5px 5px 0px;
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 2px 2px 2px 2px;
}
.captcha-popup .captcha-container > div {
  margin: 0 auto;
}




.mentions-input {
    position: relative;
}

.mentions-input .input {
    position: relative;
	overflow: auto; 
}

.mentions-input .highlighter {
    position: absolute;
    left: 0;
    right: 0;
    color: transparent;
    border-style: solid;
    border-color: transparent;
	overflow: hidden;
}

.mentions-input .highlighter-content {
    position: relative;
    font-size: 12px;
    font-style: normal;
    font-family: "Courier New", Courier, monospace!important;
    font-weight: 400;
    line-height: 18px;
}

.mentions-input .highlighter-content strong {
  font-weight: inherit;
  display: inline;
  margin-left: -2px;
}

.mentions-input .highlighter-content span {
    font-size: 12px;
    font-style: normal;
    font-family: "Courier New", Courier, monospace!important;
    font-weight: 400;
    line-height: 18px;
  }

.mentions-input .ui-menu-item  {
	cursor: pointer;
}

.mentions-input .ui-menu-item  img {
	width: 50px;
}

[data-mention] {
  background-color: #a3bcea;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#091120; overflow:hidden;}
        .cboxIframe{background:#091120;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:66%; color:#949494; margin-left:17%; margin-right: 17%;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



#points .points-text {
  color: #bacde6;
}
#points .points-box {
  padding: 9px;
}
#points .points-box__table span {
  float: left;
  box-sizing: border-box;
}
#points .points-box__table span:first-of-type {
  width: 75px;
  margin-right: 4px;
  text-align: center;
}
#points .points-box__table span:nth-of-type(2) {
  width: 555px;
  margin-right: 4px;
}
#points .points-box__table span:nth-of-type(3) {
  width: 90px;
}
#points .points-box__table__title span {
  font-size: 10px;
  text-transform: uppercase;
  color: #4b5870;
  padding-left: 7px;
  padding-bottom: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#points .points-box__table__title span:first-of-type {
  padding-left: 0;
}
#points .points-box__table__title span:last-of-type {
  padding-left: 0;
  text-align: center;
}
#points .points-box__table__row {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}
#points .points-box__table__row--previousWinner span:nth-of-type(2) {
  background: #0a1220 url(/images/points/prev-winner-badge.png) right 9px center no-repeat;
}
#points .points-box__table__row span {
  line-height: 50px;
  background: #0a1220;
}
#points .points-box__table__row span img {
  width: 32px;
  float: left;
  border: 2px solid #152034;
  margin: 7px;
  margin-right: 10px;
}
#points .points-box__table__row span:first-of-type {
  font-size: 24px;
}
#points .points-box__table__row span:last-of-type {
  text-align: center;
  font-size: 14px;
}
#points .points-box__table__row span:last-of-type img {
  border: none;
  width: 21px;
  margin: 14px -12px 14px 14px;
}
#points .points-header {
  text-align: center;
  font-size: 14px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: white;
  margin-bottom: 5px;
  margin-top: -5px;
}
#points .points-bg {
  background: url(/images/points/points-bg.jpg) center center no-repeat;
  text-align: center;
  width: 100%;
  height: 123px;
}
#points .points-bg__item {
  padding-top: 30px;
  display: inline-block;
  width: 30%;
}
#points .points-bg__item:first-of-type {
  padding-left: 20px;
  box-sizing: border-box;
}
#points .points-bg__item:last-of-type {
  padding-left: 30px;
}
#points .points-bg__item img {
  float: left;
  margin-right: 10px;
}
#points .points-bg__item p {
  text-align: left;
}
#points .points-bg__item p:first-of-type {
  margin-top: 10px;
}
#points .points-title {
  font-size: 16px;
  color: white;
}
#points .points-subtitle {
  font-size: 11px;
  font-weight: bold;
  color: white;
}
#points .points-switcher {
  margin-top: 10px;
}
#points .points-switcher__item {
  padding: 9px 22px;
  color: #bacde6;
  background: #32445f;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
#points .points-switcher__item.selected {
  background: #435673;
  color: white;
}
.mf-points {
  margin-right: 12px;
  margin-bottom: 15px;
}
.mf-points__title {
  color: white;
  padding: 3px 0 9px 5px;
}
.mf-points__title a {
  float: right;
  color: #dbb74c;
  font-size: 11px;
  margin-top: 1px;
}
.mf-points__table {
  float: left;
  width: 100%;
}
.mf-points__table__row {
  border-bottom: 2px solid #0a1220;
  float: left;
  width: 100%;
}
.mf-points__table__row span {
  float: left;
  background: #141f31;
  padding: 8px 8px 8px 8px;
  box-sizing: border-box;
}
.mf-points__table__row span b {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-weight: normal;
}
.mf-points__table__row span:first-of-type {
  width: 75%;
  color: #9fadc4;
  border-right: 2px solid #0a1220;
  background: #141f31 url(/images/mf-logo-blue.png) right 3px center no-repeat;
  padding-right: 25px;
}
.mf-points__table__row span:last-of-type {
  width: 25%;
  color: white;
  text-align: center;
}
.mf-points__table__row--total span {
  background: #1a2941 !important;
  border-top: 6px solid #0a1220;
  border-bottom: 8px solid #0a1220;
}
.mf-points__table__row--total span:first-of-type {
  color: white;
}
.mf-points__table__row--total span:last-of-type {
  color: #dbb74c;
}
.mf-points__message {
  padding: 3px 5px 15px 5px;
  text-align: center;
  color: #962b2b;
  color: red;
}
.mf-points__leaderboard a {
  width: 100%;
  background: #263d60;
  display: inline-block;
  line-height: 25px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
  text-align: center;
  color: white;
  font-size: 12px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}




#tier {
  background: #020b13;
  margin-top: -26px;
}
#tier__banner {
  position: relative;
  width: 100%;
  margin: 20px 0;
}
#tier__banner__buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
}
#tier__banner__buttons a:first-of-type {
  padding-left: 50px;
}
#tier__icon {
  /* Firefox */
  image-rendering: -moz-crisp-edges;
  /* Opera */
  image-rendering: -o-crisp-edges;
  /* Webkit (non-standard naming) */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* IE (non-standard property) */
  -ms-interpolation-mode: nearest-neighbor;
  width: 30px;
  position: absolute;
  top: 7px;
  left: 12px;
}
#tier__top {
  padding-bottom: 10px;
  border-bottom: 1px solid #020406;
  background: #091120;
}
#tier__top > div {
  float: left;
}
#tier__top__left {
  width: 46%;
  box-sizing: border-box;
  padding-right: 20px;
}
#tier__top__leftWide {
  width: 72.9%;
  box-sizing: border-box;
  padding-right: 240px;
}
#tier__top__rightHalf {
  text-align: right;
  padding-top: 50px;
}
#tier__top__center {
  width: 26.9%;
  text-align: center;
}
#tier__top__right {
  width: 27.1%;
}
#tier__top__meta {
  border-top: 1px solid #111f39;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 20px;
}
#tier__top h2 {
  font-size: 21px;
  font-weight: normal;
  margin-bottom: 8px;
  display: inline-block;
}
#tier__top .community-instructions {
  margin-top: 20px;
  margin-bottom: 10px;
  float: left;
}
#tier__top .community-instructions h3 {
  font-weight: 400;
  margin-bottom: 5px;
}
#tier__top .community-instructions > div:nth-of-type(1) {
  float: left;
  width: 235px;
  padding-right: 20px;
}
#tier__top .community-instructions > div:nth-of-type(2) {
  border-left: 1px solid #152032;
  float: left;
  width: 495px;
  padding-left: 25px;
}
#tier__top .community-instructions > div:nth-of-type(2) img {
  margin-left: -3px;
  margin-bottom: -3px;
}
#tier__bottom {
  border-top: 1px solid #112032;
  margin-top: 1px;
  background: #0e1728;
}
#tier__bottom h2 {
  padding-bottom: 6px;
  margin-bottom: 10px;
  margin-top: -5px;
  border-bottom: 1px solid #233654;
}
#tier__bottom h2 span {
  min-height: 25px;
  display: inline-block;
  min-width: 1px;
}
#tier__bottom h2 span.disclaimer {
  font: 11px/13px "Verdana", sans-serif;
  color: #6b7c9b;
  max-width: 692px;
  padding-left: 20px;
  vertical-align: middle;
}
#tier__bottom h2 span.disclaimer img {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
#tier__bottom h2 span.tier-tab {
  font-weight: normal;
  text-transform: uppercase;
  color: #788aab;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  cursor: pointer;
  transition: 300ms;
  margin-right: -4px;
}
#tier__bottom h2 span.tier-tab.active {
  background: #275495;
  color: white;
}
#tier__bottom h2 span.tier-tab:hover {
  background: rgba(39, 84, 149, 0.5);
  color: white;
}
#tier__bottom h2 b {
  float: right;
  font-weight: 400;
  font-size: 14px;
  color: #4a9d27;
  cursor: pointer;
}
#tier__bottom h2 b:hover {
  color: #54b12c;
}
#tier__bottom.noting .tier-box__options__heroes li {
  cursor: help !important;
}
#tier__bottom > .tier-tab {
  display: none;
}
#tier__bottom > .tier-tab.active {
  display: block;
}
#tier__notes {
  display: none;
}
#tier__notes textarea {
  width: 100%;
  resize: vertical;
  margin: 5px 0 10px;
  min-height: 150px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #c0cce0;
  border: 1px solid #cbddf9;
  color: #273a58;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
}
#tier-instructions {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  margin-bottom: 8px;
}
#tier-instructions-personal {
  display: inline-block;
  margin-bottom: 30px;
}
#tier__top__leftHalf, #tier__top__rightHalf {
  width: 50%;
}
.community-tier #tier__top__leftWide {
  padding-right: 30px;
}
.community-tier .tier-text {
  margin-bottom: 10px;
}
.community-tier .tier-btn {
  margin-top: 8px;
}
.community-tier + #tier__bottom > h2 {
  padding-bottom: 0;
  background: #152034;
  border: none;
}
#tier__top__rightHalf .tier-btn {
  float: none;
}
.tier-text {
  font-size: 12px;
  line-height: 20px;
  color: #c0c0c0;
  margin-bottom: 30px;
}
.tier-btn {
  margin-right: 27px;
  border-radius: 4px;
  background: #37741d;
  color: white;
  text-transform: uppercase;
  padding: 12px 16px;
  float: left;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: 300ms;
  border: 1px solid transparent;
}
.tier-btn img {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1px;
  position: relative;
  left: 0;
  transition: 300ms;
}
.tier-btn img.load-spin {
  margin: 0 10px 0 0;
  animation: spin 1.4s linear infinite;
  width: 20px;
  height: 20px;
}
.tier-btn.disabled {
  background: grey !important;
}
.tier-btn:hover {
  background: #489726;
}
.tier-btn:hover img {
  left: 3px;
}
.tier-btn--hollow {
  background: transparent;
  border: 1px solid #37741d;
}
.tier-btn--hollow:hover {
  background: transparent;
  border: 1px solid #489726;
}
.tier-box {
  background: #091120;
  text-align: center;
  padding: 9px;
  margin-bottom: 16px;
}
.tier-box--new {
  padding: 20px 0;
  font-size: 16px;
  opacity: 0.8;
  cursor: pointer;
  transition: 300ms;
  box-sizing: border-box;
  border: 1px dotted transparent;
}
.tier-box--new div {
  transition: 300ms;
}
.tier-box--new:hover {
  border: 1px dotted rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.tier-box--new:hover div {
  transform: scale(1.1);
}
.tier-box--new span {
  padding-left: 1px;
  line-height: 33px;
  margin-right: 10px;
  vertical-align: middle;
}
.tier-box--editable .tier-box__title h3 span, .tier-box--editable .tier-box__title p span {
  transition: 250ms;
  display: inline-block;
  min-width: 1px;
  padding: 2px 3px;
}
.tier-box--editable .tier-box__title h3 span:hover, .tier-box--editable .tier-box__title p span:hover {
  background: rgba(255, 255, 255, 0.15);
  cursor: pointer;
}
.tier-box--editable .tier-box__title > img {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 2px;
  border-radius: 100%;
  background: transparent;
  transition: 300ms;
  cursor: pointer;
}
.tier-box--editable .tier-box__title > img:hover {
  background: white;
}
.tier-box__title {
  padding-bottom: 15px;
  border-bottom: 1px solid #152034;
  margin-bottom: 10px;
  position: relative;
}
.tier-box__title > span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  user-select: none;
}
.tier-box__title h3 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 2px;
}
.tier-box__title p {
  color: #6b7c9b;
  font-size: 11px;
  width: 80%;
  margin: 0 10%;
  word-break: break-word;
}
.tier-box__options ul {
  margin: 0;
  padding: 5px 0;
}
.tier-box__options ul li {
  display: inline-block;
  vertical-align: middle;
  border: 4px solid #152034;
  border-radius: 3px;
  margin: 3px;
  cursor: pointer;
  position: relative;
  transition: border 250ms;
}
.tier-box__options ul li:hover {
  border: 4px solid #253552;
}
.tier-box__options ul li:hover .tier-box__options__rating {
  border: 4px solid #253552;
}
.tier-box__options ul li[notes]::after {
  content: "i";
  position: absolute;
  bottom: -8px;
  right: -8px;
  width: 15px;
  height: 15px;
  color: #2e5ea2;
  background: black;
  border: 2px solid;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  border-radius: 100%;
  font-family: serif;
  font-weight: bold;
}
.tier-box__options ul li[notes]::before {
  opacity: 0;
  transition: 300ms;
  content: attr(champ) " \A \A " attr(notes);
  white-space: pre-wrap;
  position: absolute;
  top: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000b14+0,38558c+20,091732+21,15233e+100 */
  left: 90%;
  /* Old browsers */
  background: #000b14;
  /* FF3.6-15 */
  background: -moz-linear-gradient(top, #000b14 0%, #000 28px, #091732 29px, #15233e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(top, #000b14 0%, #000 28px, #091732 29px, #15233e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, #000b14 0%, #000 28px, #091732 29px, #15233e 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000b14', endColorstr='#15233e',GradientType=0);
  color: #91a7d0;
  min-width: 275px;
  padding: 7px 10px 12px 10px;
  border: 1px solid #6b7c9b;
  z-index: 10;
  text-align: left;
  pointer-events: none;
  font-size: 12px;
  line-height: 16px;
}
.tier-box__options ul li[notes]:hover::before {
  opacity: 1;
}
.tier-box__options ul li.sortPlaceholder {
  background: transparent;
  width: 43px;
  height: 43px;
  border-style: dotted;
  border-color: rgba(255, 255, 255, 0.5);
}
.tier-box__options ul li img {
  width: 60px;
}
.tier-box__options__add {
  height: 43px;
  line-height: 43px;
  padding: 0 10px;
  opacity: 0.8;
  transition: 250ms;
  cursor: pointer !important;
}
.tier-box__options__add:hover {
  opacity: 1;
}
.tier-box__options__remove {
  color: #cd3333;
  width: 43px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  cursor: pointer;
  font-size: 24px;
  opacity: 0.8;
  transition: 250ms;
}
.tier-box__options__remove span {
  border-radius: 50%;
  border: 2px solid #cd3333;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
.tier-box__options__remove:hover {
  opacity: 1;
}
.tier-box__options__tempCount {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 17px;
  height: 17px;
  background: #152034;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
}
.tier-box__options__vote {
  position: absolute;
  z-index: 2;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(9, 17, 32, 0.75);
  transition: none;
  padding-top: 8px;
}
.tier-box__options__vote__up, .tier-box__options__vote__down {
  background-size: cover;
  background-repeat: no-repeat;
  width: 17px;
  height: 10px;
  margin: 0 auto;
}
.tier-box__options__vote__up {
  background-image: url(/images/tier/tier-vote-up.png);
}
.tier-box__options__vote__down {
  background-image: url(/images/tier/tier-vote-down.png);
}
.tier-box__options__vote__count {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  padding-top: 1px;
}
.tier-box__options__rating {
  position: absolute;
  z-index: 2;
  display: none;
  top: 100%;
  left: 50%;
  border: 4px solid #152034;
  background: rgba(9, 17, 32, 0.95);
  transform: translateX(-50%);
  padding: 7px 13px;
  transition: border 250ms;
}
.tier-box__options__rating span {
  display: inline-block;
  background: #152034;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  margin: 5px 0;
  transition: 250ms;
  transform: translateZ(0);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0);
}
.tier-box__options__rating span:hover {
  transform: scale(1.5) translateZ(0);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
}
.tier-box__options__rating span.active {
  border: 2px solid white;
}
.tier-box__options__rating span:nth-of-type(1) {
  background: #48b744;
}
.tier-box__options__rating span:nth-of-type(2) {
  background: #75b744;
}
.tier-box__options__rating span:nth-of-type(3) {
  background: #cbb831;
}
.tier-box__options__rating span:nth-of-type(4) {
  background: #cb6431;
}
.tier-box__options__rating span:nth-of-type(5) {
  background: #dc5b42;
}
.tier-box__title > span, .tier-box--new span {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #152034;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 100%;
  border: 3px solid #152034;
  text-align: center;
  line-height: 35px;
  letter-spacing: -3px;
  padding-right: 2px;
  box-sizing: border-box;
}
.tier-box__title h3 label, #tier .list-title span {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  background: #233654;
  padding: 2px 7px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: -2px;
  border-radius: 3px;
}
.tier-box--editable .tier-box__options ul li, .tier-box--editable .tier-box__title > span {
  cursor: move;
}
.vote-neg {
  color: #cd3333;
}
.vote-pos {
  color: #19c748;
}
#tier__modal, #notes__modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.75);
  min-width: 1136px;
}
#tier__modal__window, #notes__modal__window {
  position: absolute;
  top: 25%;
  right: 25%;
  left: 25%;
  bottom: 25%;
  background: #091120;
  border-radius: 6px;
  padding: 20px;
}
#notes__modal__window {
  bottom: auto;
  min-height: 190px;
  max-height: 75%;
}
#notes__modal__window textarea {
  width: 100%;
  resize: vertical;
  margin: 10px 0;
  min-height: 150px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 4px;
}
#tier__modal__window__list {
  overflow-y: auto;
  max-height: calc(100% - 74px);
}
#tier__modal__window__list ul {
  margin: 0;
  padding: 5px 0;
}
#tier__modal__window__list ul li {
  display: inline-block;
  vertical-align: middle;
  border: 4px solid #152034;
  border-radius: 3px;
  margin: 3px;
  cursor: pointer;
  transition: 200ms;
  position: relative;
}
#tier__modal__window__list ul li img {
  width: 50px;
}
#tier__modal__window__filter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px;
  background: #1c2840;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.5);
}
#tier__modal__window__filter input {
  width: 100%;
  background-image: url(/images/browse-search.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  border: 1px solid #37496a;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;
  font-size: 14px;
  color: white;
  border-radius: 2px;
  height: 27px;
  box-sizing: border-box;
  padding: 0 5px 0 25px;
  background-color: #152135;
}
#tier #browse-build .tabs {
  padding-left: 0;
}
#tier #browse-tabs {
  margin-bottom: -10px;
  padding-top: 22px;
}
#tier .browse-list__item__desc .pic:nth-of-type(n + 14) {
  display: none;
}
#tier .guide-votes .new {
  font-size: 12px;
}
#tier .col-left {
  padding-left: 0;
  width: 762px;
}
#tier .list-title {
  color: #fefefe;
  margin-bottom: 15px;
  font: 16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
}
#tier .author-info {
  float: left;
  height: auto !important;
}
#tier .author-info__meta {
  color: #768ba7;
  min-width: 325px;
}
#tier .author-info__meta > a > img {
  width: 77px;
  border: 1px solid #22314c;
  float: left;
  margin-right: 10px;
}
#guide-pages #tier h1 {
  font: 21px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  text-transform: none;
  color: white;
}
#tier .guide-data {
  float: right;
}
#tier .guide-data .views > div {
  width: 100%;
  padding-bottom: 0;
  padding-top: 10px;
}
#tier .guide-data__btns {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
#tier .guide-data__btns .f-btn-new {
  float: none;
  margin: 0 2px;
  display: inline-block;
}
#tier .score-icobox {
  opacity: 0.7;
  margin-top: 3px;
}
#tier .score-icobox a {
  color: #566684;
}
#tier .tier-box__notes {
  margin-top: 20px;
}
#tier .tier-box__notes__title {
  position: relative;
  border-bottom: 1px solid #152034;
  padding-bottom: 8px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #788aaa;
  text-align: center;
  text-transform: uppercase;
}
#tier .tier-box__notes__title span {
  position: absolute;
  top: 2px;
  left: 0;
  cursor: pointer;
  color: #2b426c;
  font-size: 10px;
  transition: 250ms;
}
#tier .tier-box__notes__title span:hover {
  color: #788aaa;
}
#tier .tier-box__notes__content {
  display: none;
  padding: 15px 0;
}
#tier .tier-box__note {
  display: inline-block;
  vertical-align: middle;
  border: 4px solid #152034;
  background: #152034;
  border-radius: 3px;
  cursor: pointer;
  transition: 200ms;
  position: relative;
  color: #c0c0c0;
  font-size: 11px;
  line-height: 14px;
  width: 330px;
  margin-right: 25px;
  text-align: left;
}
#tier .tier-box__note:nth-of-type(3n) {
  margin-right: 0;
}
#tier .tier-box__note img {
  width: 43px;
  margin-right: 8px;
  float: left;
}
#tier .no-vote .tier-box__options ul li {
  cursor: default;
}




.twitch-exposure {
  display: none;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 1136px;
  height: 260px;
  border: 25px solid #091120;
  box-sizing: border-box;
}
.twitch-exposure__leftLink {
  position: absolute;
  top: 20px;
  left: 5px;
}
.twitch-exposure__leftLink img {
  width: 347px;
}
.twitch-exposure__rightLink {
  position: absolute;
  top: 65px;
  right: 55px;
}
.twitch-exposure__rightLink img {
  width: 240px;
}
.twitch-exposure__stream {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 10px 2px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  overflow: hidden;
  transition: 1s;
  line-height: 0;
  width: 345px;
  height: 195px;
  background: rgba(0, 0, 0, 0.3);
}
.twitch-exposure__close {
  font: 14px/14px 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #9f9f9f;
  position: absolute;
  top: 3px;
  right: 5px;
  padding-left: 5px;
  background: black;
  cursor: pointer;
  transition: 300ms;
}
.twitch-exposure__close b {
  font-weight: normal;
}
.twitch-exposure__close span {
  color: white;
  background: #741414;
  padding: 4px 7px 4px 6px;
  display: inline-block;
  margin-left: 5px;
  transition: 300ms;
}
.twitch-exposure__close.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.65;
}
.twitch-exposure__close:hover {
  background: #1a1a1a;
}
.twitch-exposure__close:hover span {
  background: #a01c1c;
}
.twitch-exposure.scrolled .twitch-exposure__stream {
  position: fixed;
  right: 20px;
  bottom: 10px;
  width: 172.5px;
  height: 97.5px;
  z-index: 99999;
  top: auto;
  left: auto;
  transform: none;
  box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.4);
}
.twitch-exposure.scrolled .twitch-exposure__stream iframe {
  width: 172.5px;
  height: 97.5px;
}
.twitch-exposure.scrolled .twitch-exposure__close {
  position: fixed;
  z-index: 1000;
  top: auto;
  right: 20px;
  bottom: 110px;
  font-size: 12px;
  line-height: 12px;
}




.login-combo {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 100px;
}
.login-combo h2 {
  text-transform: uppercase;
  padding-left: 55px;
  position: relative;
  font-size: 25px;
  font-weight: 300;
  margin-bottom: 30px;
}
.login-combo h2::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 50px;
  height: 50px;
  background: url('/images/network-logo-new.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
}
.login-combo h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: #7585a2;
}
.login-combo a {
  color: #96baff;
}
.login-combo a:hover {
  color: #b0cbff;
}
.login-combo .mf-form label:first-child {
  width: 125px;
}
.login-combo .mf-form input[type="text"], .login-combo .mf-form input[type="password"] {
  background-image: none;
  padding-left: 5px;
  width: 299px !important;
}
.login-combo form > p, .login-combo form > label {
  display: block;
  margin: 13px 0;
  color: #7585a2 !important;
}
.login-combo form > p input + span + span, .login-combo form > label input + span + span {
  color: #7585a2;
}
.login-combo input[type="submit"] {
  margin-bottom: 20px;
}
.login-combo__top {
  width: 100%;
  text-align: center;
  padding: 20px 0 40px;
}
.login-combo__top h1, .login-combo__top p {
  text-transform: none;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif !important;
  color: white !important;
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 300 !important;
  margin: 0 !important;
}
.login-combo__top .hiliteR {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  color: #fd5751 !important;
  margin-top: 10px !important;
}
.login-combo__left, .login-combo__right {
  width: 50%;
  padding: 0 50px 10px;
  box-sizing: border-box;
}
.login-combo__right {
  border-left: 1px solid #171f34;
}
.champion-rotation {
  margin-top: 20px;
}
.champion-rotation > div {
  font-size: 0;
}
.champion-rotation > div > span {
  font: 14px/18px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.champion-rotation > div > span:first-of-type {
  width: 40px;
}
.champion-rotation > div > span:nth-of-type(2) {
  width: 50px;
  background: #152034;
}
.champion-rotation > div > span:nth-of-type(3) {
  text-align: left;
}
.champion-rotation .champion-rotation__labels {
  background: #152034;
}
.champion-rotation .champion-rotation__labels > span {
  padding: 5px;
  font-weight: 300;
  font-size: 18px;
}
.champion-rotation .champion-rotation__labels > span:nth-of-type(2) {
  background: #121c2d;
}
.champion-rotation .champion-rotation__week > span:nth-of-type(3) {
  font-size: 0;
  padding-left: 5px;
}
.champion-rotation .champion-rotation__week > span:nth-of-type(3) a {
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  font: 13px/15px 'Open Sans Mobafire', 'Open Sans', sans-serif;
}
.champion-rotation .champion-rotation__week > span:nth-of-type(3) a img {
  display: block;
  width: 50px;
  height: 50px;
  border: 4px solid #091120;
  margin-bottom: 3px;
}
.champion-rotation .champion-rotation__week > span:last-of-type {
  float: right;
  margin-right: 5px;
  margin-top: 20px;
}
.champion-rotation .new-week {
  border-top: 1px solid #091120;
  background: #233148;
}
.champion-rotation .new-week > span {
  padding-top: 5px;
}
.champion-rotation .new-week:nth-of-type(even) {
  background: #1a283f;
}
.champion-rotation .new-season {
  border-bottom: 10px solid #091120;
}




.new-runes {
  padding-left: 15px;
}
.new-runes > div {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}
.new-runes > div > div {
  text-align: center;
  position: relative;
  z-index: 2;
}
.new-runes > div > div:not(:first-of-type) {
  margin-left: 20px;
}
.new-runes > div > div span {
  color: #8498b8;
  font-size: 12px;
  display: block;
  margin-top: 7px;
}
.new-runes > div[path="Precision"] {
  color: #a18b6b;
}
.new-runes > div[path="Domination"] {
  color: #de6c6c;
}
.new-runes > div[path="Sorcery"] {
  color: #7c6fbd;
}
.new-runes > div[path="Resolve"] {
  color: #468d4a;
}
.new-runes > div[path="Inspiration"] {
  color: #538ea1;
}
.new-runes__primary .new-runes__item:nth-of-type(2) img {
  transform: scale(1.7);
}
.new-runes__primary::after {
  content: '';
  position: absolute;
  top: 25px;
  left: 44px;
  z-index: 1;
  height: 5px;
  right: 30px;
  background: #181d27;
  border: 1px solid #091120;
  outline: 1px solid #273040;
}
.new-runes__secondary::after {
  content: '';
  position: absolute;
  top: 25px;
  left: 44px;
  z-index: 1;
  height: 5px;
  right: 30px;
  background: #181d27;
  border: 1px solid #091120;
  outline: 1px solid #273040;
}
.new-runes__title {
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px !important;
  font-weight: 700;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
}
.new-runes__item {
  display: inline-block;
  vertical-align: top;
}
.new-runes__item:nth-of-type(n + 2) {
  width: 80px;
}
.new-runes__item__circle {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 2px solid;
  margin: 0 auto;
  background: #181d27;
}
.new-runes__item__circle img {
  width: 100%;
}
.new-runes__bonuses {
  vertical-align: top;
  margin-left: 30px;
  max-width: 300px;
}
.new-runes__bonuses span {
  font-size: 12px;
  display: block;
  color: #8498b8;
}
.new-runes__bonuses p {
  color: #b4b8c0;
  font-size: 12px;
}
.new-runes--smaller {
  padding-left: 0;
}
.new-runes--smaller .new-runes__item:not(:first-of-type) {
  margin-left: 15px;
  width: 60px;
}
.new-runes--smaller .new-runes__item__circle {
  width: 45px;
  height: 45px;
}
.new-runes--smaller .new-runes__item span {
  display: none;
}
.new-guide .col-left {
  padding-top: 0;
}
.new-guide__modal {
  cursor: pointer;
  display: none;
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.new-guide__modal__item {
  position: absolute;
  width: 300px;
  max-width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #1a283f;
  border: 1px solid #37496a;
  padding: 20px;
  color: white;
  font-size: 16px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
  text-align: center;
}
.new-guide__modal__item span {
  color: white;
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 5px;
}
.new-guide__placeholder {
  background: #111929;
  margin-bottom: 10px;
}
.new-guide__tooltip {
  background-image: url(/images/questions.png);
  background-size: 5px;
  width: 15px;
  background-color: #44566e;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
  transition: 300ms;
  display: inline-block;
  vertical-align: top;
}
.new-guide__tooltip:hover {
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.new-guide__banner {
  display: none;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 13px;
}
.new-guide__banner .champ-splash {
  background-position: center center;
  min-height: 150px;
}
.new-guide__banner .champ-splash__main h2 {
  color: #bdcbe7;
}
.new-guide__banner .champ-splash__main span {
  text-transform: none !important;
  color: white !important;
}
.new-guide__sidebar {
  font-size: 14px;
  position: relative;
}
.new-guide__sidebar__header {
  background: #152034;
  padding: 15px;
  text-transform: uppercase;
  color: #8498b8;
}
.new-guide__sidebar__nav span {
  display: block;
  background-color: #0b1727;
  padding: 15px;
  padding-left: 32px;
  border-left: 5px solid transparent;
  background-image: url(/images/new-guide/gear-icon.png);
  background-size: 14px;
  background-position: 11px 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}
.new-guide__sidebar__nav span:hover {
  background-color: #1b2537;
  border-left: 5px solid #224981;
}
.new-guide__sidebar__nav span.current {
  background-color: #233148;
  border-left: 5px solid #275495;
}
.new-guide__sidebar__nav span + span {
  border-top: 1px solid #152034;
}
.new-guide__sidebar__nav span[disabled] {
  cursor: not-allowed;
  background: #152034;
  color: #39404c;
}
.new-guide__sidebar__nav span[disabled]:hover {
  background: #152034;
  box-shadow: none;
  border-left: 5px solid transparent;
}
.new-guide__sidebar__nav span.error::before {
  content: '';
  width: 20px;
  height: 18px;
  background: url(/images/new-guide/error-icon.png);
  background-size: 20px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
}
.new-guide__sidebar__actions {
  padding: 2%;
  background: #152034;
  margin-bottom: 10px;
}
.new-guide__sidebar__actions .flat-btn--dull {
  width: 49%;
  float: left;
  margin-bottom: 2%;
}
.new-guide__sidebar__actions .flat-btn--dull + .flat-btn--dull {
  margin-left: 2%;
}
.new-guide__sidebar__actions .flat-btn--wide {
  font-size: 18px;
}
.new-guide__sidebar__move .flat-btn {
  margin-bottom: 10px;
}
.new-guide__buttons {
  margin-top: 30px;
}
.new-guide__buttons span {
  display: inline-block;
}
.new-guide__start__row {
  margin-bottom: 20px;
  transition: 400ms;
}
.new-guide__start__row h2 {
  text-transform: none;
  margin-bottom: 10px;
}
.new-guide__start__row h2 span {
  color: #8498b8;
}
.new-guide__start__row input[type='text'] {
  width: 100%;
  height: 45px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #0b1727;
  transition: 300ms;
}
.new-guide__start__row input[type='text'][disabled] {
  opacity: 0.5;
}
.new-guide__start__row input[type='text']::placeholder {
  color: #475976;
  font-style: italic;
}
.new-guide__start__row input[type='text'][name="champ-search"] {
  padding-left: 30px;
  background-image: url(/images/new-guide/champ-icon.png);
  background-position: 9px 15px;
  background-repeat: no-repeat;
  width: 60%;
}
.new-guide__start__row__item {
  display: inline-block;
  background: #151f34;
  padding: 10px 10px 10px 5px;
  border-left: 5px solid transparent;
  white-space: nowrap;
  width: 160px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 300ms;
}
.new-guide__start__row__item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #8498b8;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
  margin-left: 10px;
}
.new-guide__start__row__item img {
  display: inline-block;
  vertical-align: middle;
}
.new-guide__start__row__item img:last-of-type {
  display: none;
}
.new-guide__start__row__item + .new-guide__start__row__item {
  margin-left: 20px;
}
.new-guide__start__row__item:hover {
  background: #0b101b;
}
.new-guide__start__row__item.active {
  border-left: 5px solid #275495;
  background: #233148;
}
.new-guide__start__row__item.active span {
  color: white;
}
.new-guide__start__row__item.active img:first-of-type {
  display: none;
}
.new-guide__start__row__item.active img:last-of-type {
  display: inline-block;
}
.new-guide__start__row__item--roles {
  border-radius: 100%;
  border: 2px solid transparent;
  text-align: center;
  width: auto;
  padding: 10px;
}
.new-guide__start__row__item--roles img {
  width: 50px;
  height: 50px;
}
.new-guide__start__row__item--roles img:last-of-type {
  display: inline-block;
}
.new-guide__start__row__item--roles + .new-guide__start__row__item--roles {
  margin-left: 40px;
}
.new-guide__start__row__item--roles.active {
  border: 2px solid #275495;
}
.new-guide__start__row.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.17;
}
.new-guide__start__row.active {
  display: block;
}
.new-guide__start__row .champ-box, .new-guide__start__row .skin-box {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.new-guide__start__row .champ-box > div, .new-guide__start__row .skin-box > div {
  flex: 0 1 100px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid transparent;
  transition: 300ms;
}
.new-guide__start__row .champ-box > div img, .new-guide__start__row .skin-box > div img {
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  transition: 300ms;
}
.new-guide__start__row .champ-box > div span, .new-guide__start__row .skin-box > div span {
  display: none;
}
.new-guide__start__row .champ-box > div:hover img, .new-guide__start__row .skin-box > div:hover img, .new-guide__start__row .champ-box > div.active img, .new-guide__start__row .skin-box > div.active img {
  transform: scale(1.2) translateZ(0);
}
.new-guide__start__row .champ-box > div.active, .new-guide__start__row .skin-box > div.active {
  border: 2px solid #275495;
}
.new-guide__start__row .champ-box > div {
  height: 100px;
}
.new-guide__start__row .champ-box > div:nth-of-type(7n + 7) {
  margin-right: 0;
}
.new-guide__start__row .skin-box > div {
  flex: 0 1 180px;
  height: 108px;
}
.new-guide__start__row .skin-box > div:nth-of-type(4n + 4) {
  margin-right: 0;
}
.new-guide__start__row .skin-box > div.disabled {
  opacity: 0.6;
}
.new-guide__start__row .skin-box > div.disabled:hover {
  opacity: 1;
}
.new-guide__start__row .champ-select {
  display: flex;
  flex-wrap: wrap;
}
.new-guide__start__row .champ-select > span {
  width: 84px;
  height: 84px;
  padding: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  transition: 300ms;
}
.new-guide__start__row .champ-select > span.empty {
  background: #0b1727;
  border: 2px solid #233148;
  background-image: url(/images/new-guide/new-guide__champType.png);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center center;
}
.new-guide__start__row .champ-select > span:not(.empty) {
  border: 2px solid #233148;
}
.new-guide__start__row .champ-select > span:not(.empty):hover, .new-guide__start__row .champ-select > span:not(.empty).active {
  border-color: #275495;
}
.new-guide__start__row .champ-select > span img {
  width: 100%;
  height: 100%;
  transition: 300ms;
}
.new-guide__start__row .champ-select > span span {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 20%;
  left: 20%;
  border-radius: 100%;
  background: #8498b8;
  color: #091120;
  width: 47px;
  height: 47px;
  text-align: center;
  cursor: pointer;
  font: 700 38px/40px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  user-select: none;
  transition: opacity 300ms;
}
.new-guide__build {
  display: none;
}
.new-guide__build__champs {
  margin-bottom: 10px;
  padding: 5px 0;
  display: flex;
}
.new-guide__build__champs__title {
  flex: 1 1 200px;
  background: #151f34;
  padding: 11px;
}
.new-guide__build__champs__title input[type="text"] {
  height: 28px;
  background: #0b1727;
  border: none;
  color: #6e7c99;
  width: 100%;
}
.new-guide__build__champs__row {
  flex: 1 1 auto;
  margin-left: 7px;
}
.new-guide__build__champs__row div {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  margin-right: 7px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px;
  border: 2px solid #222f46;
  padding: 2px;
}
.new-guide__build__champs__row div img {
  width: 100%;
  transition: 300ms;
  filter: grayscale(100%);
}
.new-guide__build__champs__row div:hover img {
  filter: grayscale(0%);
}
.new-guide__build__champs__row div.active {
  border: 2px solid #275495;
}
.new-guide__build__champs__row div.active img {
  filter: grayscale(0%);
}
.new-guide__build__menu {
  display: block;
  background: #151f34;
  font-size: 0;
}
.new-guide__build__menu span {
  display: inline-block;
  font-size: 14px;
  line-height: 49px;
  padding: 0 25px;
  cursor: pointer;
}
.new-guide__build__menu span:hover {
  background: #224981;
}
.new-guide__build__menu span.error::before {
  content: '';
  width: 20px;
  height: 18px;
  background: url(/images/new-guide/error-icon.png);
  background-size: 20px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
}
.new-guide__build__menu span.current {
  background: #275495;
}
.new-guide__build__section {
  display: none;
  padding-top: 23px;
}
.new-guide__build__section.current {
  display: block;
}
.new-guide__chapters {
  display: none;
}
.new-guide__chapters__topBar {
  background: #151f34;
  height: 50px;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 23px;
}
.new-guide__chapters__topBar > span {
  font-size: 14px;
  line-height: 26px;
  padding-left: 5px;
}
.new-guide__chapters__topBar .toc {
  float: right;
}
.new-guide__chapters__topBar .toc span:first-of-type {
  font-size: 14px;
  color: #b4b8c0;
  margin-right: 8px;
}
.new-guide__chapters__topBar .toc .flat-btn {
  padding: 6px 15px;
  margin-left: 3px;
}
.new-guide__chapters__topBar .toc .flat-btn.active {
  background: #275495;
}
.new-guide__help {
  display: none;
  color: #b4b8c0;
}
.new-guide__help h2 {
  margin-bottom: 10px;
}
.new-guide__container.loading {
  min-height: 100px;
  background-image: url(/images/loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.new-guide__block {
  margin-bottom: 10px;
}
.new-guide__block.new {
  display: none;
}
.new-guide__block__head {
  height: 52px;
  background: #151f34;
  padding: 4px;
  cursor: pointer;
  transition: 300ms;
  box-sizing: border-box;
  border: 1px solid transparent;
  position: relative;
}
.new-guide__block__head:hover {
  background: #1c2a46;
}
.new-guide__block__head > span {
  color: #8498b8;
  text-transform: uppercase;
  font-size: 14px;
  margin: 10px 0 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.new-guide__block__head > img {
  width: 42px;
  height: 42px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.new-guide__block__head .rank-box {
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 16px;
  right: 80px;
}
.new-guide__block__head .rank-box span {
  width: 74px;
  height: 17px;
  background: #2c3d5d;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.new-guide__block__head .rank-box span + span {
  margin-left: 2px;
}
.new-guide__block__head .rank-box span.active {
  background: #455f91;
  font-size: 14px;
  line-height: 17px;
}
.new-guide__block__head .rank-box span.active:nth-of-type(5) {
  background: #9b2f2a;
  color: #4b1714;
}
.new-guide__block__head .rank-box span.active:nth-of-type(4) {
  background: #9b6d2b;
  color: #4b3515;
}
.new-guide__block__head .rank-box span.active:nth-of-type(3) {
  background: #96971d;
  color: #41410d;
}
.new-guide__block__head .rank-box span.active:nth-of-type(2) {
  background: #2bb220;
  color: #165c10;
}
.new-guide__block__head .rank-box span.active:nth-of-type(1) {
  background: #1b5e85;
  color: #0a2230;
}
.new-guide__block__head .rank-box--synergy span.active:nth-of-type(5) {
  background: #2e9c2b;
  color: #164c15;
}
.new-guide__block__head .rank-box--synergy span.active:nth-of-type(4) {
  background: #739c2b;
  color: #384c15;
}
.new-guide__block__head .rank-box--synergy span.active:nth-of-type(3) {
  background: #9c752b;
  color: #4c3915;
}
.new-guide__block__head .rank-box--synergy span.active:nth-of-type(2) {
  background: #9c5b2b;
  color: #4c2c15;
}
.new-guide__block__head .rank-box--synergy span.active:nth-of-type(1) {
  background: #9c2b2b;
  color: #4c1515;
}
.new-guide__block__head .spell-box {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  margin-bottom: 3px;
  max-width: 300px;
  overflow: hidden;
  max-height: 38px;
}
.new-guide__block__head .spell-box img {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 2px;
  border: 2px solid #1a283f;
  border-radius: 100%;
}
.new-guide__block__head .spell-box img + img {
  margin-left: 8px;
}
.new-guide__block__head .item-box {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  margin-bottom: 3px;
  max-width: 300px;
  overflow: hidden;
  max-height: 38px;
}
.new-guide__block__head .item-box img {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 2px;
  border: 2px solid #1a283f;
}
.new-guide__block__head .item-box img + img {
  margin-left: 8px;
}
.new-guide__block__head .item-box.over {
  position: relative;
}
.new-guide__block__head .item-box.over::after {
  content: url(/images/new-guide/more-items.png);
  position: absolute;
  top: 30px;
  right: 6px;
}
.new-guide__block__head .ability-box {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  margin-bottom: 3px;
  max-width: 300px;
  overflow: hidden;
  max-height: 38px;
}
.new-guide__block__head .ability-box span {
  display: inline-block;
  vertical-align: middle;
}
.new-guide__block__head .ability-box span img {
  width: 34px;
  height: 34px;
  border-radius: 2px;
  border: 2px solid #1a283f;
  display: inline-block;
  vertical-align: middle;
}
.new-guide__block__head .ability-box span + span {
  margin-left: 8px;
}
.new-guide__block__head .ability-box span + span::before {
  content: url(/images/guides/arrow-right.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.new-guide__block__head .rune-box {
  display: inline-block;
  margin-left: 14px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  margin-bottom: 3px;
  max-width: 460px;
  overflow: hidden;
  max-height: 40px;
}
.new-guide__block__head .rune-box img {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 2px solid #1a283f;
}
.new-guide__block__head .rune-box img + img {
  margin-left: 9px;
}
.new-guide__block__head .rune-box img:first-of-type {
  width: 36px;
  height: 36px;
}
.new-guide__block__head .rune-box img.big {
  border: none;
  transform: scale(1.3);
}
.new-guide__block__head .rune-box .p, .new-guide__block__head .rune-box .s {
  display: inline-block;
}
.new-guide__block__head .rune-box .p {
  margin-right: 25px;
}
.new-guide__block__head input[type='text'] {
  background: #0b1727;
  border: none;
  color: #6e7c99;
  width: 200px;
  margin: 7px 0 0 5px;
}
.new-guide__block__head input[type='text']::placeholder {
  color: #475976;
  font-style: italic;
}
.new-guide__block__head__actions {
  float: right;
  margin-top: 11px;
  margin-right: 7px;
}
.new-guide__block__head__actions span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: 400ms;
}
.new-guide__block__head__actions span[error] {
  display: none;
  margin-right: 4px;
}
.new-guide__block__head__actions span[error] img {
  width: 20px;
}
.new-guide__block__head__actions span[error]:hover {
  filter: none;
}
.new-guide__block__head__actions span[move] {
  cursor: move;
}
.new-guide__block__head__actions span + span {
  margin-left: 7px;
}
.new-guide__block__head__actions label .tooltip {
  margin-left: 5px;
}
.new-guide__block__head__actions label:hover > span:not(:last-of-type) {
  filter: brightness(0) invert(1);
}
.new-guide__block__head.error {
  border: 1px solid red;
}
.new-guide__block__head.error [error] {
  display: inline-block;
}
.new-guide__block__head .collapsed-only {
  display: none;
}
.new-guide__block__head.collapsed > span {
  margin-top: 0;
}
.new-guide__block__head.collapsed .collapsed-only {
  display: inline-block;
}
.new-guide__block__content {
  display: none;
  padding: 10px;
}
.new-guide__block__content.active {
  display: block;
}
.new-guide__block__content__info {
  margin: -5px 0 5px;
  color: #6e7c99;
  font-size: 10px;
  line-height: 20px;
}
.new-guide__block__content__info img {
  width: 9px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.new-guide__block--group > .new-guide__block__head {
  background: #2c3d5d;
}
.new-guide__block--group > .new-guide__block__head > span {
  margin-top: -4px;
}
.new-guide__block--group > .new-guide__block__head > input[type="text"] {
  background: #1a2741;
}
.new-guide__block__group {
  border: 1px solid #2c3d5d;
  min-height: 52px;
  padding: 2px;
  box-sizing: border-box;
}
.new-guide__block__group .new-guide__block {
  margin-bottom: 2px;
}
.new-guide__block__group .new-guide__block:last-of-type {
  margin-bottom: 0;
}
.new-guide__block__group .new-guide__block__head {
  position: relative;
  padding-left: 33px;
}
.new-guide__block__group .new-guide__block__head::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 28px solid #091120;
  bottom: 0;
}
.new-guide__block__group .new-guide__block__head::after {
  content: url(/images/new-guide/group-arrow.png);
  position: absolute;
  top: 14px;
  left: 6px;
}
.new-guide__block__group .new-guide__items__search__main {
  margin-left: 25px;
}
.new-guide__block__group .new-guide__placeholder {
  margin-bottom: 2px;
}
.new-guide__block__group .new-guide__placeholder:last-of-type {
  margin-bottom: 0;
}
.new-guide textarea {
  font-size: 14px;
  background: #0b1727;
  border: 1px solid #151f34;
  border-radius: 2px;
  padding: 5px;
  width: 100%;
  height: 123px;
  box-sizing: border-box;
  color: #6e7c99;
  resize: vertical;
  font-size: 14px;
}
.new-guide textarea::placeholder {
  color: #475976;
  font-style: italic;
}
.new-guide__spells {
  font-size: 0;
}
.new-guide__spells__list {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.new-guide__spells__list span {
  border-radius: 100%;
  border: 3px solid #111d34;
  overflow: hidden;
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  opacity: 0.5;
  transition: 300ms;
  display: inline-block;
  cursor: pointer;
  margin-right: 7px;
  margin-bottom: 7px;
}
.new-guide__spells__list span img {
  width: 100%;
  height: 100%;
}
.new-guide__spells__list span:hover {
  opacity: 0.75;
}
.new-guide__spells__list span.active {
  opacity: 1;
  border-color: #275495;
}
.new-guide__spells__notes {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.new-guide__items__chosen {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  user-select: none;
}
.new-guide__items__chosen > div {
  flex: 0 1 55px;
  width: 55px;
  height: 55px;
  border: 2px solid #1a283f;
  border-radius: 2px;
  position: relative;
  background: #0b1727;
  margin-right: 17px;
  margin-bottom: 5px;
}
.new-guide__items__chosen > div img {
  width: 55px;
  height: 55px;
}
.new-guide__items__chosen > div.filled {
  cursor: move;
}
.new-guide__items__chosen > div.filled::after {
  content: url(/images/new-guide/mini-move.png);
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: 0;
  right: 0;
  background: #141e32;
}
.new-guide__items__search {
  font-size: 0;
}
.new-guide__items__search__categories {
  font-size: 0;
  width: 206px;
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: top;
}
.new-guide__items__search__categories > div {
  flex: 0 1 101px;
  background: #212d41;
  width: 101px;
  margin-bottom: 4px;
  padding-bottom: 6px;
}
.new-guide__items__search__categories > div:nth-of-type(even) {
  margin-left: 4px;
  background: #1a283f;
}
.new-guide__items__search__categories > div h4 {
  font-size: 12px;
  line-height: 18px;
  padding: 10px 7px 3px 7px;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
}
.new-guide__items__search__categories > div span {
  display: inline-block;
  font-size: 11px;
  line-height: 22px;
  color: #788aab;
  padding: 0 0 0 7px;
  box-sizing: border-box;
  height: auto;
  width: 100%;
  cursor: pointer;
}
.new-guide__items__search__categories > div span:hover {
  color: white;
}
.new-guide__items__search__categories > div span.active {
  color: white;
  background: #275495;
}
.new-guide__items__search__categories > div:nth-of-type(1) {
  border-top: 4px solid #007236;
}
.new-guide__items__search__categories > div:nth-of-type(2) {
  border-top: 4px solid #c06bdc;
}
.new-guide__items__search__categories > div:nth-of-type(3) {
  border-top: 4px solid #f0ae06;
}
.new-guide__items__search__categories > div:nth-of-type(4) {
  border-top: 4px solid #fe5752;
}
.new-guide__items__search__categories > div:nth-of-type(5) {
  border-top: 4px solid #12bdbb;
}
.new-guide__items__search__categories > div:nth-of-type(6) {
  border-top: 4px solid #98b3dd;
}
.new-guide__items__search__main {
  display: inline-block;
  width: 505px;
  margin-left: 30px;
}
.new-guide__items__search__main .top {
  margin-bottom: 10px;
}
.new-guide__items__search__main .top h4 {
  color: #54617b;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  margin: 0 11px 0 0px;
}
.new-guide__items__search__main .top input {
  margin-right: 30px;
  width: 220px;
}
.new-guide__items__search__main .top .flat-btn {
  padding: 6px 15px;
  color: #8498b8;
}
.new-guide__items__search__main .top .item-costs {
  margin-right: 5px;
}
.new-guide__items__search__main .top .item-costs.active {
  background: #275495;
  color: white;
}
.new-guide__items__search__main .bottom {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  max-height: 340px;
  overflow-y: auto;
}
.new-guide__items__search__main .bottom > div {
  box-sizing: border-box;
  width: 84px;
  display: inline-block;
  flex: 0 1 84px;
  background: #233148;
  text-align: center;
  padding: 7px 7px 2px 7px;
  margin-bottom: 7px;
  cursor: pointer;
  transition: background 300ms;
  margin-right: 8px;
  position: relative;
}
.new-guide__items__search__main .bottom > div img {
  width: 64px;
  height: 64px;
  border: 2px solid #152034;
  background: #152034;
  border-radius: 2px;
}
.new-guide__items__search__main .bottom > div span {
  display: block;
  color: #63748f;
  font-size: 10px;
  line-height: 1.1;
  padding: 4px 0;
}
.new-guide__items__search__main .bottom > div p {
  position: absolute;
  left: 50%;
  top: 54px;
  border-radius: 5px;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 10px;
  line-height: 10px;
  padding: 3px 10px;
}
.new-guide__items__search__main .bottom > div:nth-of-type(5n + 1) {
  margin-left: 0;
}
.new-guide__items__search__main .bottom > div:hover {
  background: #34486a;
}
.new-guide__items__search__main .bottom > div:hover span {
  color: white;
}
.new-guide__items__notes {
  padding: 10px 0;
}
.new-guide__abilities__row {
  display: block;
  font-size: 0;
  position: relative;
  padding-left: 77px;
  margin-bottom: 5px;
  min-height: 63px;
}
.new-guide__abilities__row > span {
  position: absolute;
  color: white;
  text-align: center;
  height: 22px;
  width: 22px;
  font-size: 14px;
  line-height: 22px;
  top: 41px;
  left: 41px;
  font-size: 14px;
  z-index: 2;
  background: #2c3d5d;
}
.new-guide__abilities__row > img {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 0;
  left: 0;
}
.new-guide__abilities__row h4 {
  font: 18px/27px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: white;
}
.new-guide__abilities__row h4 > img {
  display: inline-block;
  vertical-align: middle;
}
.new-guide__abilities__row p {
  color: #576478;
  font-size: 14px;
}
.new-guide__abilities__row ul {
  list-style: none;
  margin-top: 5px;
}
.new-guide__abilities__row ul li {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: #2c3d5d;
  position: relative;
  cursor: pointer;
  transition: 250ms;
}
.new-guide__abilities__row ul li + li {
  margin-left: 6px;
}
.new-guide__abilities__row ul li:hover::after {
  color: white;
}
.new-guide__abilities__row ul li::after {
  content: attr(level);
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  font: 14px/14px 'Open Sans Mobafire', 'Open Sans', sans-serif;
  color: #576478;
  text-align: center;
  line-height: 26px;
}
.new-guide__abilities__row ul li.lit {
  background: #275495;
}
.new-guide__abilities__row ul li.lit::after {
  color: white;
}
.new-guide__abilities__notes {
  padding: 10px 0;
}
.new-guide__runes {
  font-size: 0;
}
.new-guide__runes__options {
  padding: 5px 20px 15px;
}
.new-guide__runes__options label, .new-guide__runes__options > span {
  display: inline-block;
  vertical-align: middle;
}
.new-guide__runes__options label {
  font-size: 14px;
  color: #b4b8c0;
  margin-right: 30px;
}
.new-guide__runes__options > span {
  margin-right: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
  transition: 300ms;
  border-radius: 100%;
  position: relative;
}
.new-guide__runes__options > span:hover {
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.new-guide__runes__options > span.added::before {
  content: '';
  position: absolute;
  z-index: 5;
  background: #0b1727;
  opacity: 0.7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
}
.new-guide__runes__options > span.added::after {
  position: absolute;
  z-index: 10;
  font-family: "Times New Roman", Times New Roman, Times, serif;
  font-size: 30px;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-guide__runes__primary, .new-guide__runes__secondary {
  padding: 5px 20px;
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.new-guide__runes__primary .rune-row, .new-guide__runes__secondary .rune-row {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 35px;
  padding-left: 65px;
  min-height: 54px;
}
.new-guide__runes__primary .rune-row:last-of-type, .new-guide__runes__secondary .rune-row:last-of-type {
  margin-bottom: 0;
}
.new-guide__runes__primary .rune-row__circle, .new-guide__runes__secondary .rune-row__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 54px;
  box-sizing: border-box;
  border-radius: 100%;
  background: #181d27;
  border: 2px solid #2b3447;
  box-shadow: inset 0px 0px 1px #000;
  transition: 300ms;
  border-radius: 100%;
  cursor: pointer;
}
.new-guide__runes__primary .rune-row__circle img, .new-guide__runes__secondary .rune-row__circle img {
  width: 100%;
}
.new-guide__runes__primary .rune-row__circle:hover, .new-guide__runes__secondary .rune-row__circle:hover {
  border-color: #3f4c66;
}
.new-guide__runes__primary .rune-row__copy, .new-guide__runes__secondary .rune-row__copy {
  font-size: 12px;
  max-width: 250px;
}
.new-guide__runes__primary .rune-row__copy h4, .new-guide__runes__secondary .rune-row__copy h4 {
  padding-top: 4px;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
.new-guide__runes__primary .rune-row__copy .rune-option, .new-guide__runes__secondary .rune-row__copy .rune-option {
  cursor: pointer;
  width: 52px;
  height: 52px;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.new-guide__runes__primary .rune-row__copy .rune-option + .rune-option, .new-guide__runes__secondary .rune-row__copy .rune-option + .rune-option {
  margin-left: 10px;
}
.new-guide__runes__primary .rune-row__copy .rune-option[rune-row="1"] + [rune-row="2"], .new-guide__runes__secondary .rune-row__copy .rune-option[rune-row="1"] + [rune-row="2"], .new-guide__runes__primary .rune-row__copy .rune-option[rune-row="2"] + [rune-row="3"], .new-guide__runes__secondary .rune-row__copy .rune-option[rune-row="2"] + [rune-row="3"] {
  margin-left: 0;
  margin-top: 10px;
}
.new-guide__runes__primary .rune-row__copy .rune-option img, .new-guide__runes__secondary .rune-row__copy .rune-option img {
  width: 100%;
}
.new-guide__runes__primary .rune-row__copy .rune-option.disabled, .new-guide__runes__secondary .rune-row__copy .rune-option.disabled {
  opacity: 0.25;
  cursor: default;
}
.new-guide__runes__primary::before, .new-guide__runes__secondary::before {
  content: '';
  position: absolute;
  top: 35px;
  left: 44px;
  z-index: 1;
  width: 5px;
  bottom: 30px;
  background: #181d27;
  border: 1px solid #091120;
  outline: 1px solid #273040;
}
.new-guide__runes__primary .rune-row__circle::after, .new-guide__runes__secondary .rune-row__circle::after {
  position: absolute;
  top: -21px;
  left: -25px;
  width: 102px;
  height: 102px;
  background-size: cover;
  background-repeat: no-repeat;
}
.new-guide__runes__primary[path="Precision"] .rune-row__circle, .new-guide__runes__secondary[path="Precision"] .rune-row__circle {
  border-color: #857154;
}
.new-guide__runes__primary[path="Precision"] .rune-row__copy, .new-guide__runes__secondary[path="Precision"] .rune-row__copy {
  color: #857154;
}
.new-guide__runes__primary[path="Precision"] .rune-row:first-of-type .rune-row__circle::after, .new-guide__runes__secondary[path="Precision"] .rune-row:first-of-type .rune-row__circle::after {
  content: '';
  background-image: url(/images/new-guide/precision.png);
}
.new-guide__runes__primary[path="Precision"] .rune-row.active .rune-row__circle, .new-guide__runes__secondary[path="Precision"] .rune-row.active .rune-row__circle {
  border-color: #a18b6b;
}
.new-guide__runes__primary[path="Domination"] .rune-row__circle, .new-guide__runes__secondary[path="Domination"] .rune-row__circle {
  border-color: #d95757;
}
.new-guide__runes__primary[path="Domination"] .rune-row__copy, .new-guide__runes__secondary[path="Domination"] .rune-row__copy {
  color: #d95757;
}
.new-guide__runes__primary[path="Domination"] .rune-row:first-of-type .rune-row__circle::after, .new-guide__runes__secondary[path="Domination"] .rune-row:first-of-type .rune-row__circle::after {
  content: '';
  background-image: url(/images/new-guide/domination.png);
}
.new-guide__runes__primary[path="Domination"] .rune-row.active .rune-row__circle, .new-guide__runes__secondary[path="Domination"] .rune-row.active .rune-row__circle {
  border-color: #e28181;
}
.new-guide__runes__primary[path="Sorcery"] .rune-row__circle, .new-guide__runes__secondary[path="Sorcery"] .rune-row__circle {
  border-color: #5e4eab;
}
.new-guide__runes__primary[path="Sorcery"] .rune-row__copy, .new-guide__runes__secondary[path="Sorcery"] .rune-row__copy {
  color: #5e4eab;
}
.new-guide__runes__primary[path="Sorcery"] .rune-row:first-of-type .rune-row__circle::after, .new-guide__runes__secondary[path="Sorcery"] .rune-row:first-of-type .rune-row__circle::after {
  content: '';
  background-image: url(/images/new-guide/sorcery.png);
}
.new-guide__runes__primary[path="Sorcery"] .rune-row.active .rune-row__circle, .new-guide__runes__secondary[path="Sorcery"] .rune-row.active .rune-row__circle {
  border-color: #7c6fbd;
}
.new-guide__runes__primary[path="Resolve"] .rune-row__circle, .new-guide__runes__secondary[path="Resolve"] .rune-row__circle {
  border-color: #356b38;
}
.new-guide__runes__primary[path="Resolve"] .rune-row__copy, .new-guide__runes__secondary[path="Resolve"] .rune-row__copy {
  color: #356b38;
}
.new-guide__runes__primary[path="Resolve"] .rune-row:first-of-type .rune-row__circle::after, .new-guide__runes__secondary[path="Resolve"] .rune-row:first-of-type .rune-row__circle::after {
  content: '';
  background-image: url(/images/new-guide/resolve.png);
}
.new-guide__runes__primary[path="Resolve"] .rune-row.active .rune-row__circle, .new-guide__runes__secondary[path="Resolve"] .rune-row.active .rune-row__circle {
  border-color: #468d4a;
}
.new-guide__runes__primary[path="Inspiration"] .rune-row__circle, .new-guide__runes__secondary[path="Inspiration"] .rune-row__circle {
  border-color: #42707f;
}
.new-guide__runes__primary[path="Inspiration"] .rune-row__copy, .new-guide__runes__secondary[path="Inspiration"] .rune-row__copy {
  color: #42707f;
}
.new-guide__runes__primary[path="Inspiration"] .rune-row:first-of-type .rune-row__circle::after, .new-guide__runes__secondary[path="Inspiration"] .rune-row:first-of-type .rune-row__circle::after {
  content: '';
  background-image: url(/images/new-guide/inspiration.png);
}
.new-guide__runes__primary[path="Inspiration"] .rune-row.active .rune-row__circle, .new-guide__runes__secondary[path="Inspiration"] .rune-row.active .rune-row__circle {
  border-color: #538ea1;
}
.new-guide__runes__notes {
  padding: 10px 0;
}
.new-guide__runes__primary .rune-row:nth-of-type(2) img {
  transform: scale(1.7);
}
.new-guide__threats {
  font-size: 0;
}
.new-guide__threats__choose [name="champ-search"] {
  padding-left: 30px !important;
  background-image: url(/images/new-guide/champ-icon.png);
  background-position: 6px 6px;
  background-repeat: no-repeat;
  width: 60%;
  background-color: #0b1727 !important;
}
.new-guide__threats__choose [name="champ-search"]::placeholder {
  color: #475976;
  font-style: italic;
}
.new-guide__threats__choose .champ-box {
  margin-top: 10px;
}
.new-guide__threats__choose .champ-box > div {
  display: inline-block;
  margin-right: 3px;
  overflow: hidden;
  cursor: pointer;
}
.new-guide__threats__choose .champ-box > div img {
  width: 50px;
  height: 50px;
  transition: 250ms;
}
.new-guide__threats__choose .champ-box > div:hover img {
  transform: scale(1.2);
}
.new-guide__threats__main {
  display: inline-block;
  display: none;
  width: 65%;
  vertical-align: top;
}
.new-guide__threats__main h3 {
  font-size: 14px;
  font-weight: 400;
  color: white;
  margin-top: 2px;
  margin-bottom: 12px;
}
.new-guide__threats__main img {
  width: 70px;
  height: 70px;
  display: inline-block;
  vertical-align: top;
}
.new-guide__threats__main__graph {
  display: inline-block;
  vertical-align: top;
  max-width: 390px;
  margin-left: 13px;
  position: relative;
}
.new-guide__threats__main__graph h4 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  color: #b4b8c0;
  margin: 5px 0 -3px;
}
.new-guide__threats__main__graph .graph-labels {
  position: absolute;
  pointer-events: none;
  top: 23px;
  left: 0px;
}
.new-guide__threats__main__graph .graph-labels label {
  visibility: hidden;
  color: white;
  display: inline-block;
  width: 73px;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}
.new-guide__threats__main__graph .graph-labels label + label {
  margin-left: 2px;
}
.new-guide__threats__main__graph .graph-labels label:nth-of-type(5) {
  font-size: 28px;
  bottom: 10px;
}
.new-guide__threats__main__graph .graph-labels label:nth-of-type(4) {
  font-size: 22px;
  bottom: 5px;
}
.new-guide__threats__main__graph .graph-labels label:nth-of-type(3) {
  font-size: 18px;
  bottom: 2px;
}
.new-guide__threats__main__graph .graph-labels label:nth-of-type(2) {
  font-size: 14px;
}
.new-guide__threats__main__graph .graph-labels label:nth-of-type(1) {
  font-size: 9px;
}
.new-guide__threats__main__graph svg {
  overflow: visible;
  margin-top: -18px;
}
.new-guide__threats__main__graph svg > * {
  cursor: pointer;
  position: relative;
}
.new-guide__threats__main__graph svg > *.active {
  stroke-width: 3px;
  stroke-linejoin: bevel;
}
.new-guide__threats__main__graph svg > *.active::after {
  content: attr('value');
}
.new-guide__threats__main__graph svg > *.inactive {
  fill: #2c3d5d !important;
}
.new-guide__threats__main__graph svg path:nth-of-type(5) {
  fill: #1b5e85;
}
.new-guide__threats__main__graph svg path:nth-of-type(5):hover, .new-guide__threats__main__graph svg path:nth-of-type(5).active {
  fill: #2582b8;
}
.new-guide__threats__main__graph svg path:nth-of-type(5).active {
  stroke: #2582b8;
}
.new-guide__threats__main__graph svg path:nth-of-type(4) {
  fill: #2bb220;
}
.new-guide__threats__main__graph svg path:nth-of-type(4):hover, .new-guide__threats__main__graph svg path:nth-of-type(4).active {
  fill: #41db35;
}
.new-guide__threats__main__graph svg path:nth-of-type(4).active {
  stroke: #41db35;
}
.new-guide__threats__main__graph svg path:nth-of-type(3) {
  fill: #96971d;
}
.new-guide__threats__main__graph svg path:nth-of-type(3):hover, .new-guide__threats__main__graph svg path:nth-of-type(3).active {
  fill: #c9ca27;
}
.new-guide__threats__main__graph svg path:nth-of-type(3).active {
  stroke: #c9ca27;
}
.new-guide__threats__main__graph svg path:nth-of-type(2) {
  fill: #9b6d2b;
}
.new-guide__threats__main__graph svg path:nth-of-type(2):hover, .new-guide__threats__main__graph svg path:nth-of-type(2).active {
  fill: #c98e3b;
}
.new-guide__threats__main__graph svg path:nth-of-type(2).active {
  stroke: #c98e3b;
}
.new-guide__threats__main__graph svg path:nth-of-type(1) {
  fill: #9b2f2a;
}
.new-guide__threats__main__graph svg path:nth-of-type(1):hover, .new-guide__threats__main__graph svg path:nth-of-type(1).active {
  fill: #c93f39;
}
.new-guide__threats__main__graph svg path:nth-of-type(1).active {
  stroke: #c93f39;
}
.new-guide__threats__main__graph span {
  text-transform: uppercase;
  font-size: 10px;
  color: #63748f;
  display: inline-block;
  width: 73px;
  margin-top: 3px;
  text-align: center;
}
.new-guide__threats__main__graph span + span {
  margin-left: 2px;
}
.new-guide__threats__notes {
  display: inline-block;
  display: none;
  width: 35%;
  vertical-align: top;
}
.new-guide__threats__notes textarea {
  margin-top: 5px;
  height: 110px;
}
.new-guide__synergy {
  font-size: 0;
}
.new-guide__synergy__choose [name="champ-search"] {
  padding-left: 30px !important;
  background-image: url(/images/new-guide/champ-icon.png);
  background-position: 6px 6px;
  background-repeat: no-repeat;
  width: 60%;
  background-color: #0b1727 !important;
}
.new-guide__synergy__choose [name="champ-search"]::placeholder {
  color: #475976;
  font-style: italic;
}
.new-guide__synergy__choose .champ-box {
  margin-top: 10px;
}
.new-guide__synergy__choose .champ-box > div {
  display: inline-block;
  margin-right: 3px;
  overflow: hidden;
  cursor: pointer;
}
.new-guide__synergy__choose .champ-box > div img {
  width: 50px;
  height: 50px;
  transition: 250ms;
}
.new-guide__synergy__choose .champ-box > div:hover img {
  transform: scale(1.2);
}
.new-guide__synergy__main {
  display: inline-block;
  display: none;
  width: 65%;
  vertical-align: top;
}
.new-guide__synergy__main h3 {
  font-size: 14px;
  font-weight: 400;
  color: white;
  margin-top: 2px;
  margin-bottom: 12px;
}
.new-guide__synergy__main img {
  width: 70px;
  height: 70px;
  display: inline-block;
  vertical-align: top;
}
.new-guide__synergy__main__graph {
  display: inline-block;
  vertical-align: top;
  max-width: 390px;
  margin-left: 13px;
  position: relative;
}
.new-guide__synergy__main__graph h4 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  color: #b4b8c0;
  margin: 5px 0 -3px;
}
.new-guide__synergy__main__graph .graph-labels {
  position: absolute;
  pointer-events: none;
  top: 23px;
  left: 0px;
}
.new-guide__synergy__main__graph .graph-labels label {
  visibility: hidden;
  color: white;
  display: inline-block;
  width: 73px;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}
.new-guide__synergy__main__graph .graph-labels label + label {
  margin-left: 2px;
}
.new-guide__synergy__main__graph .graph-labels label:nth-of-type(5) {
  font-size: 28px;
  bottom: 10px;
}
.new-guide__synergy__main__graph .graph-labels label:nth-of-type(4) {
  font-size: 22px;
  bottom: 5px;
}
.new-guide__synergy__main__graph .graph-labels label:nth-of-type(3) {
  font-size: 18px;
  bottom: 2px;
}
.new-guide__synergy__main__graph .graph-labels label:nth-of-type(2) {
  font-size: 14px;
}
.new-guide__synergy__main__graph .graph-labels label:nth-of-type(1) {
  font-size: 9px;
}
.new-guide__synergy__main__graph svg {
  overflow: visible;
  margin-top: -18px;
}
.new-guide__synergy__main__graph svg > * {
  cursor: pointer;
  position: relative;
}
.new-guide__synergy__main__graph svg > *.active {
  stroke-width: 3px;
  stroke-linejoin: bevel;
}
.new-guide__synergy__main__graph svg > *.active::after {
  content: attr('value');
}
.new-guide__synergy__main__graph svg > *.inactive {
  fill: #2c3d5d !important;
}
.new-guide__synergy__main__graph svg path:nth-of-type(1) {
  fill: #2e9c2b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(1):hover, .new-guide__synergy__main__graph svg path:nth-of-type(1).active {
  fill: #3fc93b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(1).active {
  stroke: #3fc93b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(2) {
  fill: #739c2b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(2):hover, .new-guide__synergy__main__graph svg path:nth-of-type(2).active {
  fill: #96c93b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(2).active {
  stroke: #96c93b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(3) {
  fill: #9c752b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(3):hover, .new-guide__synergy__main__graph svg path:nth-of-type(3).active {
  fill: #c9983b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(3).active {
  stroke: #c9983b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(4) {
  fill: #9c5b2b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(4):hover, .new-guide__synergy__main__graph svg path:nth-of-type(4).active {
  fill: #c9773b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(4).active {
  stroke: #c9773b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(5) {
  fill: #9b2f2a;
}
.new-guide__synergy__main__graph svg path:nth-of-type(5):hover, .new-guide__synergy__main__graph svg path:nth-of-type(5).active {
  fill: #c93b3b;
}
.new-guide__synergy__main__graph svg path:nth-of-type(5).active {
  stroke: #c93b3b;
}
.new-guide__synergy__main__graph span {
  text-transform: uppercase;
  font-size: 10px;
  color: #63748f;
  display: inline-block;
  width: 73px;
  margin-top: 3px;
  text-align: center;
}
.new-guide__synergy__main__graph span + span {
  margin-left: 2px;
}
.new-guide__synergy__notes {
  display: inline-block;
  display: none;
  width: 35%;
  vertical-align: top;
}
.new-guide__synergy__notes textarea {
  margin-top: 5px;
  height: 110px;
}
.new-guide__chapter__header {
  margin-bottom: 20px;
}
.new-guide__chapter__header span {
  font-size: 14px;
  color: #b4b8c0;
  margin-right: 5px;
}
.new-guide__chapter__header input {
  margin-right: 10px;
  width: 300px;
}
.new-guide__chapter__header input::placeholder {
  color: #475976;
  font-style: italic;
}
.new-guide__chapter__header .flat-btn {
  padding: 6px 15px;
  margin-left: 3px;
}
.new-guide__chapter__header .flat-btn.active {
  background: #275495;
}
.ls-promo {
  position: relative;
  display: block;
  height: 55px;
  margin-bottom: 10px;
  overflow: hidden;
}
.ls-promo__overlayLeft {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 5px 3px 5px 8px;
  background: #0e313f;
}
.ls-promo__overlayLeft::after {
  content: '';
  width: 54px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 100%;
  background-image: url(/images/leaguespy/leftOverlay.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.ls-promo__champ {
  height: 55px;
  position: absolute;
  top: 0;
  left: -12%;
  width: 52%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ls-promo__infoBG {
  background: #fefdf8;
  background: -moz-linear-gradient(top, #fefdf8 0%, #d0ccc0 100%);
  background: -webkit-linear-gradient(top, #fefdf8 0%, #d0ccc0 100%);
  background: linear-gradient(to bottom, #fefdf8 0%, #d0ccc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdf8', endColorstr='#d0ccc0',GradientType=0);
  height: 55px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 32%;
  border-radius: 100px 0 0 100px;
}
.ls-promo__infoBG__radial {
  position: absolute;
  top: 2px;
  left: 2px;
}
.ls-promo__infoBG__radial .radial-progress {
  display: inline-block;
  width: 51px;
  height: 51px;
  background: #c6c2b9;
}
.ls-promo__infoBG__radial .radial-progress .circle .mask, .ls-promo__infoBG__radial .radial-progress .circle .fill, .ls-promo__infoBG__radial .radial-progress .circle .shadow {
  width: 51px;
  height: 51px;
}
.ls-promo__infoBG__radial .radial-progress .circle .mask {
  clip: rect(0px, 51px, 51px, 25.5px);
}
.ls-promo__infoBG__radial .radial-progress .circle .mask .fill {
  clip: rect(0px, 25.5px, 51px, 0px);
  background: #2b77ad;
}
.ls-promo__infoBG__radial .radial-progress .inset {
  width: 39px;
  height: 39px;
  margin-left: 6px;
  margin-top: 6px;
  box-sizing: border-box;
  overflow: hidden;
  background: #f2f0e9;
}
.ls-promo__infoBG__radial .radial-progress .inset img {
  width: 80%;
  margin: 4px auto;
  display: block;
  transition: 300ms;
}
.ls-promo__infoBG__stat {
  padding: 15px 0;
  margin-left: 60px;
  font-family: 'Open Sans Mobafire', 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #777572;
}
.ls-promo__winBar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 200px;
  z-index: 3;
}
.ls-promo__winBar .stat-bar {
  border: 1px solid white;
  outline: 1px solid #dcdcdb;
  font-size: 0;
}
.ls-promo__winBar .stat-bar em {
  background: #484848;
  line-height: 20px;
  font-size: 10px;
  color: #bbb;
  text-transform: uppercase;
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
}
.ls-promo__winBar .stat-bar > span {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 104px;
  background: white;
}
.ls-promo__winBar .stat-bar > span > span {
  display: inline-block;
  color: white;
  line-height: 20px;
  font-size: 11px;
  text-indent: 5px;
  background: #2b77ad;
}
.ls-promo__overlayRight {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 12px 5px 10px;
  background: #0e313f;
}
.ls-promo__overlayRight::before {
  content: '';
  width: 53px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 100%;
  background-image: url(/images/leaguespy/rightOverlay.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.ls-promo__overlayRight span {
  text-transform: uppercase;
  color: white;
  background: #30a7ae;
  border-radius: 4px;
  padding: 8px 15px;
  display: inline-block;
  transition: 300ms;
}
.ls-promo__overlayRight span:hover {
  background: #45c4cc;
}
.ls-promo__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}