MediaWiki:Common.css

/* ######################################################################## */
/* ### CSS placed here will be applied to all skins on the entire site. ### */
/* ######################################################################## */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700);
@import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global.css&action=raw&ctype=text/css);
@import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global-common.css&action=raw&ctype=text/css);
@import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global-hydra.css&action=raw&ctype=text/css);
@import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global-hydradark.css&action=raw&ctype=text/css);
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: local('Raleway Medium'), local('Raleway-Medium'), url("https://themes.googleusercontent.com/static/fonts/raleway/v6/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: local('Raleway Bold'), local('Raleway-Bold'), url("https://themes.googleusercontent.com/static/fonts/raleway/v6/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
}
@font-face {
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 400;
	src: local('Oxygen'), local('Oxygen-Regular'), url("https://themes.googleusercontent.com/static/fonts/oxygen/v3/RzoNiRR1p2Mqyyz2RwqSMw.woff") format('woff');
}
@font-face {
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 700;
	src: local('Oxygen Bold'), local('Oxygen-Bold'), url("https://themes.googleusercontent.com/static/fonts/oxygen/v3/yVHpdQrmTj9Kax1tmFSx2j8E0i7KZn-EPnyo3HZu7kw.woff") format('woff');
}
/********* VARIABLES **********/
/*

Variables placed here are PER-WIKI variables. They are restricted per skin.
Global (all esports wikis) variables should be placed in hydra & hydradark.css. Those files will be synced globally across all (esports) wikis with no modifications.

*/
.skin-hydra {
	--bg-image: url("/media/f/f5/Background-image.png");
	--wiki-color: #ed1b24;
	--wiki-accent: #3562B5;
	--tabheader-tab: #de5a5f;
	--navbox: #de5a5f;
	--navbox-subgroup: #F78C90;
	--infobox-color: #de5a5f;
	--infobox-border-color: #aaa;
	--infobox-notice-color: #ff6666;
	--bg-color: #f0eaea;
}
/**** end variables ****/

.mw-body h1,
.mw-body h2 {
	font-family: sans-serif;
}
/* Adding Logo Text */
.mw-wiki-logo-text {
	position: relative;
	background-image: url("/media/4/41/WikiText.png");
	display: block;
	height: 134px;
	width: 305px;
	z-index: 100;
	top: 0px!important;
	left: 170px;
}
@media screen and (max-width: 720px) {
	.mw-wiki-logo-text {
		display: none!important;
	}
}
/*Fixing the Revision Form*/
.flaggedrevs_reviewform {
	margin-top: 10px;
	margin-bottom: 10px;
	bottom: 0;
}

body.page-League_of_Legends_Wiki .flaggedrevs_reviewform {
	position: relative;
	z-index: 100!important;
}

body.page-League_of_Legends_Wiki #catlinks {
	position: relative;
	z-index: 100!important;
}
/**MAIN PAGE STYLESHEET**/
#mainpagenavigation {
	display: block;
	border-collapse: collapse;
	text-align: left;
}

#mainpagenavigation th {
	color: #fff!important;
	font-family: 'Raleway', serif;
	text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
	background-color: #444;
	background-image: url("https://lol.gamepedia.com/media/lol.gamepedia.com/1/16/Blue.png");
	font-weight: 700;
	height: 48px;
	text-align: center;
	font-size: x-large;
}

#mainpagenavigation th a,
#mainpagenavigation th strong {
	color: #fff!important;
	font-family: 'Raleway', serif;
	text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
	font-weight: 700;
	height: 48px;
	text-align: center;
	font-size: x-large;
}

.helpcontentnavbox th,
.helpcontentnavbox th a,
.helpcontentnavbox th strong {
	background-image: none;
	background-color: #25578A;
	font-size: 12px!important;
}

#mainpagenavigation td {
	font-family: 'Raleway', sans-serif;
	background-color: #EFEFEF;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
	background-image: linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%);
	background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%);
	background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%);
	background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%);
	background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #EFEFEF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #EFEFEF));
}

#mainpagenavigation td.banner {
	background-image: none;
	filter:none;
	background-color: #FFFFFF;
}

#mainpagenavigation td.content {
	vertical-align: top;
	padding: 0.5em 0.5%;
}

#mainpagenavigation td.content2 {
	vertical-align: top;
	padding: 0;
}

#mainpagenavigation td.content3 {
	vertical-align: top;
	padding: 0.5em 2%;
}

#mainpagenavigation td.separator {
	border-right: #aaa solid 1px;
	border-left: #aaa solid 1px;
}

#mainpagenavigation td.separator2 {
	border-right: #aaa solid 1px;
	border-left: #aaa solid 1px;
	border-bottom: #aaa solid 1px;
}

#mainpagenavigation td.separator3 {
	border-right: #aaa solid 1px;
	border-left: #aaa solid 1px;
	border-top: #aaa solid 1px;
}

#mainpagenavigation th.separator {
	border-right: #25578A solid 1px;
}

#mainpagenavigation th.separator2 {
	border-left: #25578A solid 1px;
}

body.page-Main_Page.ns-subject #content,
body.page-Main_Page_editcopy.ns-subject #content {
	padding-left: 1em;
	padding-right: 1em;
}
/*older IE hacks*/
#mainpagenavigation td.content > * {
	width: 100%\0/;
}

#mainpagenavigation td.content > [class*=float] {
	width: auto\0/;
}

:root #mainpagenavigation td.content > * {
	width: auto;
}
/*FIXING FRONTPAGE TABLES*/
#mainpagecontent th {
	color: #000!important;
	text-shadow: none;
	background-color: transparent;
	background-image: none;
	background-size: 0 0;
	background-repeat: no-repeat;
	font-weight: 700;
	height: auto;
	text-align: center;
	font-size: 13px;
}

#mainpagecontent th a,
#mainpagecontent th strong {
	color: #000!important;
	text-shadow: none;
	background-color: transparent;
	background-image: none;
	background-size: 0 0;
	background-repeat: no-repeat;
	font-weight: 700;
	height: auto;
	text-align: center;
	font-size: large;
}

#mainpagecontent td {
	background-color: transparent;
	background-image: none;
	font-size: 13px;
}
/*FIXING FRONTPAGE TABLES*/
#newscontent th {
	color: #000!important;
	text-shadow: none;
	background-color: transparent;
	background-image: none;
	background-size: 0 0;
	background-repeat: no-repeat;
	font-weight: 700;
	height: auto;
	font-size: 15px;
}

#newscontent td {
	background-color: transparent;
	background-image: none;
	font-size: 12px;
	text-align: left;
}

body.ltr .thumbcaption {
	padding: 0.4em 0.75em;
	background: #FFFFFF;
	border-radius: 0 0 3px 3px;
	font-size: 85%;
	line-height: 1.35;
}

body.ltr .magnify {
	margin-right: 0.5em;
}
/* Give [[Media:]] file links a special icon */
a[href$=".mp3"].internal {
	background: url("https://lol.gamepedia.com/media/lol.gamepedia.com/4/40/Icon_external_link_mp3.png") center right no-repeat;
	padding-right: 16px;
}
/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
	font-style: italic;
}

.allpagesredirect:after {
	color: #808080;
	content: " (redirect)";
}

.watchlistredir {
	font-style: italic;
}
/* Make <ref> tags not increase line height */
.reference {
	line-height: 1em;
}
/* Smaller text for <references> tag */
ol.references {
	font-size: 11px;
	line-height: 16px;
}
/* wikitable/prettytable */
table.prettytable,
table.wikitable {
	margin: 13px 13px 13px 0;
	background: #f9f9f9;
	border: 1px #aaa solid;
	border-collapse: collapse;
}

.prettytable td,
.prettytable th,
.wikitable td,
.wikitable th {
	border: 1px #aaa solid;
	padding: 3px;
}

.prettytable th,
.wikitable th {
	background: #f2f2f2;
	text-align: center;
}

.prettytable caption,
.wikitable caption {
	font-weight: bold;
}
/* Giving headers and TOC a little extra space */
h2 {
	margin-top: 15px;
}

.toc {
	margin-top: 15px;
}
/* Chracter icons. */
.character_icon {
	white-space: nowrap;
}

.character_icon span {
	font-weight: bold;
}
/* Disambiguation style table */
table.disambig {
	clear: both;
	margin: 0.9em 1em;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	background: transparent;
}
/* Infobox template style */
.infobox {
	border: 1px solid #aaaaaa;
	background-color: #f9f9f9;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
	float: right;
	clear: right;
}

.infobox td,
.infobox th {
	vertical-align: top;
}

.infobox caption {
	font-size: larger;
	margin-left: inherit;
}

.infobox.bordered {
	border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaaaaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
/* Dablinks */
.dablink {
	font-style: italic;
	padding-left: 2em;
	margin-bottom: 0.5em;
}
/* Ambox styling */
.ambox {
	font-size: 95%;
	width: 80%;
	margin: 0 auto;
	border: 1px #AAA solid;
	border-left: 10px solid #bba;
	border-collapse: collapse;
	background-color: transparent;
}

table.ambox + table.ambox {
	/* Single border between stacked boxes. */
	margin-top: -1px;
}

.ambox-blue {
	border-left: 10px solid #0000FF;
	/* Blue (notice) */
}

.ambox-red {
	border-left: 10px solid #b22222;
	/* Red (delete/serious) */
}

.ambox-orange {
	border-left: 10px solid #f28500;
	/* Orange (content) */
}

.ambox-yellow {
	border-left: 10px solid #f4c430;
	/* Yellow (style) */
}

.ambox-purple {
	border-left: 10px solid #9932cc;
	/* Purple (merge) */
}

.ambox-gray {
	border-left: 10px solid #cccccc;
	/* Gray (protection) */
}

.ambox-green {
	border-left: 10px solid #228b22;
	/* Green */
}

.ambox-image {
	/* The left image cell */
	width: 60px;
	padding: 2px 0 2px 0.5em;
	/* 0.5em left, 0px right */
	text-align: center;
}

.ambox-info {
	padding: 0.25em 0.5em;
}
/* Mbox styling */
td.mbox-text,
th.mbox-text {
	/* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em;
	/* 0.9em left/right */
	width: 100%;
	/* Make all mboxes the same width regardless of text length */
}

td.mbox-image {
	/* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em;
	/* 0.9em left, 0px right */
	text-align: center;
}

td.mbox-imageright {
	/* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;
	/* 0px left, 0.9em right */
	text-align: center;
}

td.mbox-empty-cell {
	/* An empty narrow cell */
	border: none;
	padding: 0;
	width: 1px;
}

table.ombox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	/* Default "notice" gray */
	background: transparent;
}

table.ombox-notice {
	border: 1px solid #cccccc;
	/* Gray */
}

table.ombox-speedy {
	border: 2px solid #b22222;
	/* Red */
	background: #fee;
	/* Pink */
}

table.ombox-delete {
	border: 2px solid #b22222;
	/* Red */
}

table.ombox-content {
	border: 1px solid #f28500;
	/* Orange */
}

table.ombox-style {
	border: 1px solid #f4c430;
	/* Yellow */
}

table.ombox-style {
	border: 1px solid #4aa02c;
	/* Green */
}

table.ombox-style {
	border: 1px solid #0000FF;
	/* Blue */
}

table.ombox-move {
	border: 1px solid #9932cc;
	/* Purple */
}

table.ombox-protection {
	border: 2px solid #bba;
	/* Gray-gold */
}
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {
	/* For the "small=yes" option. */
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}

body.mediawiki table.mbox-small-left {
	/* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}
/* Styling for permission requests */
.permission-request {
	width: 100%;
	border: 1px solid #ECFCF4;
	margin-top: 5px;
	padding: 5px;
}
/* Show achievement points in a darker color */
#about-achievements span {
	color: #000000;
}
/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
	border: 1px solid #aaa;
	margin-top: 1em;
	padding: 12px;
}

.forumlist td.forum_edited a {
	color: black;
	text-decoration: none;
}

.forumlist td.forum_title a {
	padding-left: 20px;
}

.forumlist td.forum_title a.forum_new {
	font-weight: bold;
	background: url("https://lol.gamepedia.com/media/lol.gamepedia.com/4/4e/Forum_new.gif") center left no-repeat;
	padding-left: 20px;
}

.forumlist td.forum_title a.forum_new:visited {
	font-weight: normal;
	background: none;
	padding-left: 20px;
}

.forumlist th.forum_title {
	padding-left: 20px;
}
/* Recent changes byte indicators */
.mw-plusminus-pos {
	color: #006500;
}

.mw-plusminus-neg {
	color: #8B0000;
}
/* Image frame fix */
div.tleft,
div.tright {
	border: 1px solid silver;
}

div.thumbinner {
	background: inherit;
	border: none;
	color: inherit;
}

#article div.thumb {
	color: inherit;
}
/* Tooltips */

.hidden,
.htt .tooltip-content .tooltip-hide {
	display: none;
}

.tooltip-ready {
	visibility: hidden;
	display: block;
	z-index: 999;
}
/* === Userboxes  === */

table.userbox {
	float: left;
	margin: 0.2em;
	padding: 0;
	border-width: 1px;
	border-style: solid;
}

table.userbox td.left,
table.userbox td.right {
	text-align: center;
	vertical-align: middle;
	font-size: 1.6em;
	padding: 0;
}

table.userbox td.main {
	padding: 0 4px;
	vertical-align: middle;
	line-height: 125%;
	font-size: 0.9em;
}

table.userbox {
	border-color: #aaa;
	background: #f8f8f8;
}

table.userbox td.left,
table.userbox td.right {
	background: #d8d8d8;
}
/* modified so that it won't be covered by Absolute Legend's logo */
#f-copyrightico {
	margin-left: 150px;
}

.collapseButton {
	/* 'show'/'hide' buttons created dynamically by the        */
	float: right;
	/* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
	font-weight: normal;
	/* are styled here so they can be customised.              */
	text-align: right;
	width: auto;
}
/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
	margin: 0;
	padding: 4px;
	border: 1px solid #aaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}

div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}

div.NavPic {
	background-color: #fff;
	margin: 0;
	padding: 2px;
	float: left;
}

div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	background-color: #DE5A5F;
	position: relative;
}

div.NavFrame div.NavContent,
div.NavFrame div.NavContent p,
div.NavFrame p {
	font-size: 100%;
}

div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}

a.NavToggle {
	position: absolute;
	top: 0;
	right: 3px;
	font-weight: normal;
	font-size: 90%;
}
/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

pre {
	overflow: auto;
	/* Scrollbar if there are lines with no spaces */
	width: auto;
	max-width: 99%;
}

sup.reference {
	line-height: 0;
	vertical-align: super;
}
/* Default skin for navigation boxes */
table.navbox {
	/* Navbox container style */
	border: 1px solid #aaa;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}

table.navbox + table.navbox {
	/* Single pixel border between adjacent navboxes */
	margin-top: -1px;
	/* (doesn't work for IE6, but that's okay)       */
}

.navbox-abovebelow,
.navbox-title,
table.navbox th {
	text-align: center;
	/* Title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}

.navbox-group {
	/* Group style */
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}

.navbox,
.navbox-subgroup {
	background: #fdfdfd;
	/* Background color */
}

.navbox-list {
	border-color: #fdfdfd;
	/* Must match background color */
}

.navbox-title,
table.navbox th {
	background: #DE5A5F;
	/* Level 1 color */
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: #F78C90;
	/* Level 2 color */
}

.navbox-subgroup .navbox-abovebelow,
.navbox-subgroup .navbox-group {
	background: #c4dff7;
	/* Level 3 color */
}

.navbox-even {
	background: #f7f7f7;
	/* Even row striping */
}

.navbox-odd {
	background: transparent;
	/* Odd row striping */
}

.collapseButton {
	/* 'show'/'hide' buttons created dynamically */
	float: right;
	/* by the CollapsibleTables javascript in    */
	font-weight: normal;
	/* [[MediaWiki:Common.js]] are styled here   */
	text-align: right;
	/* so they can be customised.                */
	width: auto;
}

.navbox .collapseButton {
	/* In navboxes, the show/hide button balances */
	width: 6em;
	/* the vde links from [[Template:Navbar]],    */
}
/* so they need to be the same width.         */

.navbar {
	/* Navbox template links */
	font-size: 88%;
	/* Default font-size */
	font-weight: normal;
}

.navbox .navbar {
	font-size: 100%;
	/* Font-size when nested within navbox */
}
/* Test */
div.mpboxtitle {
	height: 22px;
	font-family: "Helvetica Neue LT Com 65 Medium","Helvetica Neue CE 65 Medium","Helvetica Neue 65 Medium","HelveticaNeue LT Com 65 Medium","HelveticaNeue CE 65 Medium","HelveticaNeue 65 Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	color: #ffffff;
	text-shadow: #ffffff 0 0 0.5px;
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	/* background-image:url(/w/skins/common/images/MainPageTitleboxMiddle.png);*/
	/* image doesn't exits */
	background-repeat: repeat-x;
	line-height: 23px;
}

table.zebra tr:nth-child(odd) {
	background: #E9E9E9;
}
/* Patch-note test */

.patchnote {
	background-image: url("https://lol.gamepedia.com/media/lol.gamepedia.com/e/ed/Patchnote_mid.jpg");
}
/* TNL test */

.tnl-sdate {
	position: relative;
	left: 0;
	top: -3px;
	font-size: xx-small;
}

.tnl-edate {
	position: relative;
	left: 0;
	top: -12px;
	font-size: xx-small;
}

.tnl-sedate {
	float: left;
	min-width: 105px;
	max-width: 105px;
	max-height: 25px;
}
/* Jungle test */
.jungler {
	display: inline;
}
/* ************************************************** 
 * Tab support based on http://www.alistapart.com/articles/slidingdoors/
 * ************************************************** */

.tabs {}

.tabs-blue {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.tabs-blue ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabs-blue li {
	float: left;
	padding-left: auto;
	padding-right: auto;
	text-align: center;
}

.tabs-blue li #current {
	float: left;
	padding-left: auto;
	padding-right: auto;
	background-color: #C0C0C0;
}
/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
.tabs a,
.tabs strong,
.tabs-blue a,
.tabs-blue strong {}

.tabs-blue a,
.tabs-blue strong {
	float: left;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #765;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs a,
.tabs-blue a {
	float: none;
}
/* End IE5-Mac hack */
.tabs-blue a:hover {
	color: #333;
}

.tabs #current {
	background-color: #C0C0C0;
}

.tabs-blue #current {
	background-color: #C0C0C0;
}

.tabs #current a,
.tabs #current strong,
.tabs-blue #current a,
.tabs-blue #current strong {
	color: #333;
	padding-bottom: 5px;
	background-color: #C0C0C0;
}

.tabs-blue #current a,
.tabs-blue #current strong {
	background-color: #C0C0C0;
}

.tabcontent {
	padding: 0 1em 1em;
	background-color: #ffffff;
	clear: both;
	font-weight: normal;
	color: #000;
	font-size: 100%;
}

.tabcontent #prevtab {
	float: left;
	margin-top: -1.5em;
	background-color: #DAE0D2;
	color: #000;
	padding: 0.2em 0.6em;
	font-size: 130%;
	border: 1px solid #765;
}

.tabcontent #nexttab {
	float: right;
	margin-top: -1.5em;
	background-color: #DAE0D2;
	color: #000;
	padding: 0.2em 0.6em;
	font-size: 130%;
	border: 1px solid #765;
}
/* New Frontpage Tabs - START*/

.tabs-new {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	padding: 5px 0;
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2A2A33,EndColorStr=#171C18);
	background-image: linear-gradient(top, #2A2A33 0%, #171C18 100%);
	background-image: -o-linear-gradient(top, #2A2A33 0%, #171C18 100%);
	background-image: -moz-linear-gradient(top, #2A2A33 0%, #171C18 100%);
	background-image: -webkit-linear-gradient(top, #2A2A33 0%, #171C18 100%);
	background-image: -ms-linear-gradient(top, #2A2A33 0%, #171C18 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2A2A33), color-stop(1, #171C18));
}

.tabs-new ul {
	list-style: none;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
	margin-left: 0;
}

.tabs-new ul #current {
	list-style: none;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new li {
	display: inline;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new li #current {
	display: inline;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new a,
.tabs-new strong {
	float: none;
	text-decoration: none;
	font-weight: bold;
	color: #EEEEEE;
	text-align: center;
	padding: 5px 7px;
	background-color: transparent;
	font-size: 110%;
}

.tabs-new a:hover {
	color: #CCC;
}

.tabs-new a {
	float: none;
}

.tabs-new #current {
	background-color: transparent;
}

.tabs-new #current a,
.tabs-new #current strong {
	color: #EEEEEE;
	padding-bottom: 6px;
	font-weight: 700;
	background-color: transparent;
	border-bottom: 5px solid #ed1b24;
	font-size: 110%;
}
/* Frontpage Tabs - END */
/* New Frontpage Tabs - START*/

.tabs-new2 {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new2 ul {
	list-style: none;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
	margin-left: 0;
}

.tabs-new2 ul #current {
	list-style: none;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new2 li {
	display: inline;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new2 li #current {
	display: inline;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-new2 a,
.tabs-new2 strong {
	float: none;
	text-decoration: none;
	font-weight: bold;
	color: #0b0080;
	text-align: center;
	padding: 5px 7px;
	background-color: transparent;
	font-size: 110%;
}

.tabs-new2 a:hover {
	color: #0645ad;
}

.tabs-new2 a {
	float: none;
}

.tabs-new2 #current {
	background-color: transparent;
}

.tabs-new2 #current a,
.tabs-new2 #current strong {
	color: #000;
	padding-bottom: 6px;
	font-weight: 700;
	background-color: transparent;
	font-size: 110%;
}
/* Frontpage Tabs - END */
/* Main Page Banner - START */

#mainpagebanner1 {
	background-color: transparent;
	background-image: -webkit-gradient(linear, left, right, color-stop(0, rgba(238, 238, 238, 0)), color-stop(1, rgba(238, 238, 238, 0.5)), color-stop(1, rgba(238, 238, 238, 1)));
	background-image: -webkit-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
	/* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
	/* FF3.6+ */
	background-image: -ms-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
	/* IE10 */
	background-image: -o-linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
	/* Opera 11.10+ */
	background-image: linear-gradient(left,rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
	/* W3C */
}

.dnUser {
	display: none;
}
/* Making all VoDs look as if they weren't visited yet */
.gameScheduleVoDs a.external:visited {
	color: rgb(51, 102, 187)!important;
}

.moot {
	max-width: 1300px!important;
}
/*Prediction Contest */
body.page-Special_FormEdit_2013BattleOfTheAtlanticWeek1 #input_5,
body.page-Special_FormEdit_2013BattleOfTheAtlanticWeek1 #input_8 {
	margin-left: 11px;
}

body.page-Special_FormEdit_2013BattleOfTheAtlanticWeek2 #input_11,
body.page-Special_FormEdit_2013BattleOfTheAtlanticWeek2 #input_5,
body.page-Special_FormEdit_2013BattleOfTheAtlanticWeek2 #input_8 {
	margin-left: 11px;
}

body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_11,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_14,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_17,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_20,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_23,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_26,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_29,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_32,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_35,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_38,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_41,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_44,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_47,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_5,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_50,
body.page-Special_FormEdit_LCSEU2014PredictionsIntern #input_8 {
	margin-left: 11px;
}

body.page-Special_FormEdit_2014WorldsPredictions-Bracket_Prediction_Bracket_Stage .createboxInput {
	width: 15px;
}

body.page-Special_FormEdit_2014WorldsPredictions-Bracket_Prediction_Bracket_Stage #input_45 {
	width: 230px;
}
/* New Frontpage Stuff After This */
/**MAIN PAGE STYLESHEET**/
#mainpagenavigation2014 {
	border-collapse: collapse;
	text-align: left;
}

#mainpagenavigation2014 th {
	color: #fff!important;
	font-family: 'Roboto Condensed', serif;
	background-color: #ed1b24;
	font-weight: 400;
	height: 33px;
	text-align: center;
	font-size: 20px;
	padding: 0;
}

#mainpagenavigation2014 th a,
#mainpagenavigation2014 th strong {
	color: #fff!important;
	font-family: 'Roboto Condensed', serif;
	font-weight: 400;
	background-color: #ed1b24;
	height: 33px;
	text-align: center;
	font-size: 20px;
	padding: 0;
}

#mainpagenavigation2014 td {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #FFFFFF;
}

#mainpagenavigation2014 td.banner {
	background-image: none;
	filter:none;
	background-color: #FFFFFF;
}

#mainpagenavigation2014 td.content {
	vertical-align: top;
	padding: 0.5em 0.5%;
	background-color: #EBEBEB;
}

#mainpagenavigation2014 td.content2 {
	vertical-align: top;
	padding: 0;
	background-color: #EBEBEB;
}

#mainpagenavigation2014 td.content3 {
	vertical-align: top;
	padding: 0.5em 2%;
	background-color: #EBEBEB;
}

#mainpagenavigation2014 td.separator {
	border-right: #C6C6C6 solid 1px;
	border-left: #C6C6C6 solid 1px;
}

#mainpagenavigation2014 td.separator2 {
	border-right: #C6C6C6 solid 1px;
	border-left: #C6C6C6 solid 1px;
	border-bottom: #C6C6C6 solid 1px;
}

#mainpagenavigation2014 td.separator3 {
	border-right: #C6C6C6 solid 1px;
	border-left: #C6C6C6 solid 1px;
	border-top: #C6C6C6 solid 1px;
}

#mainpagenavigation2014 th.separator {
	border-right: #ed1b24 solid 1px;
	border-bottom: #3562B5 solid 5px;
}

#mainpagenavigation2014 th.separator2 {
	border-left: #ed1b24 solid 1px;
	border-bottom: #3562B5 solid 5px;
}
/*FIXING FRONTPAGE TABLES*/
#mainpagecontent2014 th {
	color: #000!important;
	background-color: transparent;
	background-image: none;
	background-size: 0 0;
	background-repeat: no-repeat;
	font-weight: 700;
	height: auto;
	text-align: center;
	font-size: 13px;
	padding: 0.2em;
}

#mainpagecontent2014 table.jquery-tablesorter th.headerSort {
	padding-right: 21px;
}

#mainpagecontent2014 th a,
#mainpagecontent2014 th strong {
	color: #000!important;
	background-color: transparent;
	background-image: none;
	background-size: 0 0;
	background-repeat: no-repeat;
	font-weight: 400;
	height: auto;
	text-align: center;
	font-size: 16px;
}

#mainpagecontent2014 td {
	background-color: transparent;
	background-image: none;
	font-size: 13px;
}
/*FIXING FRONTPAGE TABLES*/
#newscontent2014 th {
	color: #000!important;
	background-color: transparent;
	background-image: none;
	background-size: 0 0;
	background-repeat: no-repeat;
	font-weight: 700;
	height: auto;
	font-size: 15px;
}

#newscontent2014 td {
	background-color: transparent;
	background-image: none;
	font-size: 12px;
	text-align: left;
}
/* New Frontpage Tabs - START*/

.tabs-March2014 {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	padding: 0 0 4px;
	background-color: #C6C6C6;
}

.tabs-March2014 ul {
	list-style: none;
	text-align: center;
	padding: 0;
	background-color: transparent;
	margin-left: 0;
}

.tabs-March2014 ul #current {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: -10px 0;
	background-color: #ed1b24;
}

.tabs-March2014 li {
	display: inline;
	text-align: center;
	padding: 0;
	background-color: transparent;
}

.tabs-March2014 li #current {
	display: inline;
	text-align: center;
	padding: 0;
	background-color: #ed1b24;
}

.tabs-March2014 a,
.tabs-March2014 strong {
	float: none;
	text-decoration: none;
	font-weight: 500;
	color: #000000;
	text-align: center;
	padding: 5px 7px;
	background-color: transparent;
	font-size: 110%;
}

.tabs-March2014 a:hover {
	color: #555;
}

.tabs-March2014 a {
	float: none;
}

.tabs-March2014 #current {
	background-color: transparent;
}

.tabs-March2014 #current a,
.tabs-March2014 #current strong {
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: 500;
	background-color: transparent;
	background-color: #3562B5;
	font-size: 110%;
}

body.page-Main_Page #firstHeading {
	display: none;
}
/* Frontpage Tabs - END */
/* Articles Index Tabs */

.tabs-March2014-Articles {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	padding: 4px 0 5px;
	background-color: #ed1b24;
	color: #fff;
	border-bottom: 1px solid #aaa;
}

.tabs-March2014-Articles ul {
	list-style: none;
	text-align: center;
	padding: 5px 0;
	background-color: transparent;
}

.tabs-March2014-Articles a,
.tabs-March2014-Articles strong {
	float: none;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 5px 7px;
	background-color: transparent;
	font-size: 110%;
}

.tabs-March2014-Articles a:hover {
	color: #CCC;
}

.tabs-March2014-Articles a {
	float: none;
}

.tabs2ndRow {
	background-color: transparent;
}
/* Poll Stuff */
#mainpagecontent2014 .ajaxpoll {
	width: auto;
	max-width: 420px;
	border: none;
	background: none;
}

.ajaxpoll-id-info,
.ajaxpoll-info,
.ajaxpoll-misc {
	display: none;
}
/* Matchrecap S4 */
.matchrecap1 {
	width: 632px;
	margin-bottom: -1px!important;
	margin-top: 0px!important;
	background-color: transparent!important;
	padding: 0;
}

.matchrecap2 {
	margin: -1px!important;
	background-color: transparent!important;
}

.matchrecapScoreLine {
	text-align: center;
	font-weight: bold;
}

.matchrecapBans {
	text-align: center;
	letter-spacing: -3px;
	padding: 0;
	opacity: 0.6;
}

.matchrecapTime {
	margin: -1px -13px -1px -1px!important;
	background-color: transparent!important;
}

.matchrecapLogo {
	opacity: 0.3;
	top: 13px;
	left: 40px;
	position: relative;
	pointer-events: none;
}

.matchrecapLogoS6 {
	opacity: 0.2;
	top: 27px;
	left: 50px;
	position: relative;
	pointer-events: none;
}

#crystalcup img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	/* ie8 */
}

#twitter-widget-0,
#twitter-widget-1,
#twitter-widget-2 {
	width: 400px;
}
/* Tabs adapted by Liquipedia */
/* CSS for new Tabs */
div.tabs-dynamic,
div.tabs-static {
	overflow: hidden;
}

ul.tabs {
	border-bottom: 2px solid #6798FF;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 333;
}

ul.tabs li {
	background-color: #EFF6FF;
	border: 1px solid #a3b1bf;
	border-bottom-color: #6798FF;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	cursor: pointer;
	display: inline-block;
	font-size: 90%;
	margin: 3px 0 -2px;
	padding: 2px 5px;
}

ul.tabs li.active {
	background-color: #ffffff;
	border: 2px solid #6798FF;
	border-bottom: 2px solid #ffffff;
	padding-top: 1px;
}
/* 170 + 75 * (number of tabs) */
@media (max-width: 320px) {
	ul.tabs2 {
		border-bottom: 0;
	}

	ul.tabs2 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs2 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs2 li a,
	ul.tabs2 li strong {
		display: block;
	}
}
@media (max-width: 395px) {
	ul.tabs3 {
		border-bottom: 0;
	}

	ul.tabs3 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs3 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs3 li a,
	ul.tabs3 li strong {
		display: block;
	}
}
@media (max-width: 470px) {
	ul.tabs4 {
		border-bottom: 0;
	}

	ul.tabs4 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs4 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs4 li a,
	ul.tabs4 li strong {
		display: block;
	}
}
@media (max-width: 545px) {
	ul.tabs5 {
		border-bottom: 0;
	}

	ul.tabs5 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs5 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs5 li a,
	ul.tabs5 li strong {
		display: block;
	}
}
@media (max-width: 620px) {
	ul.tabs6 {
		border-bottom: 0;
	}

	ul.tabs6 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs6 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs6 li a,
	ul.tabs6 li strong {
		display: block;
	}
}
@media (max-width: 695px) {
	ul.tabs7 {
		border-bottom: 0;
	}

	ul.tabs7 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs7 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs7 li a,
	ul.tabs7 li strong {
		display: block;
	}
}
@media (max-width: 770px) {
	ul.tabs8 {
		border-bottom: 0;
	}

	ul.tabs8 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs8 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs8 li a,
	ul.tabs8 li strong {
		display: block;
	}
}
@media (max-width: 845px) {
	ul.tabs9 {
		border-bottom: 0;
	}

	ul.tabs9 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs9 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs9 li a,
	ul.tabs9 li strong {
		display: block;
	}
}
@media (max-width: 920px) {
	ul.tabs10 {
		border-bottom: 0;
	}

	ul.tabs10 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs10 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs10 li a,
	ul.tabs10 li strong {
		display: block;
	}
}
@media (max-width: 995px) {
	ul.tabs11 {
		border-bottom: 0;
	}

	ul.tabs11 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs11 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs11 li a,
	ul.tabs11 li strong {
		display: block;
	}
}
@media (max-width: 1070px) {
	ul.tabs12 {
		border-bottom: 0;
	}

	ul.tabs12 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs12 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs12 li a,
	ul.tabs12 li strong {
		display: block;
	}
}
@media (max-width: 1145px) {
	ul.tabs13 {
		border-bottom: 0;
	}

	ul.tabs13 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs13 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs13 li a,
	ul.tabs13 li strong {
		display: block;
	}
}
@media (max-width: 1220px) {
	ul.tabs14 {
		border-bottom: 0;
	}

	ul.tabs14 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs14 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs14 li a,
	ul.tabs14 li strong {
		display: block;
	}
}
@media (max-width: 1295px) {
	ul.tabs15 {
		border-bottom: 0;
	}

	ul.tabs15 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs15 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs15 li a,
	ul.tabs15 li strong {
		display: block;
	}
}
@media (max-width: 1370px) {
	ul.tabs16 {
		border-bottom: 0;
	}

	ul.tabs16 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs16 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs16 li a,
	ul.tabs16 li strong {
		display: block;
	}
}
@media (max-width: 1445px) {
	ul.tabs17 {
		border-bottom: 0;
	}

	ul.tabs17 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs17 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs17 li a,
	ul.tabs17 li strong {
		display: block;
	}
}
@media (max-width: 1520px) {
	ul.tabs18 {
		border-bottom: 0;
	}

	ul.tabs18 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs18 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs18 li a,
	ul.tabs18 li strong {
		display: block;
	}
}
@media (max-width: 1595px) {
	ul.tabs19 {
		border-bottom: 0;
	}

	ul.tabs19 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs19 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs19 li a,
	ul.tabs19 li strong {
		display: block;
	}
}
@media (max-width: 1670px) {
	ul.tabs20 {
		border-bottom: 0;
	}

	ul.tabs20 li {
		border: 1px solid #a3b1bf;
		border-radius: 0;
		display: block;
		height: 20px;
		margin-top: 1px;
		padding: 3px;
	}

	ul.tabs20 li.active {
		border: 1px solid #a3b1bf;
		padding-top: 3px;
	}

	ul.tabs20 li a,
	ul.tabs20 li strong {
		display: block;
	}
}

div.tabs-content {
	background-color: #ffffff;
	border-left: 2px solid #6798FF;
	padding: 5px;
}

div.tabs-content > div:not(.active) {
	display: none;
}

div.tabs-content > div {
	overflow-x: auto;
	overflow-y: hidden;
}
/* ### DROPDOWN MENU CSS STUFF ### */

.dropdown-toggle {
	height: 30px;
	padding: 5px 30px;
	background-color: #3562B5;
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto Condensed',serif;
}

.dropdown-right::after {
	content: "▶";
	text-align: right;
	color: rgb(105, 112, 96);
}

.dropdown-toggle-right:focus,
.dropdown-toggle-right:hover {
	text-decoration: none;
	color: #103248;
	background-color: transparent;
}

.dropdown-toggle-right {
	display: inline-block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.25;
	color: rgb(105, 112, 96);
	width: calc(100% - 60px);
	white-space: nowrap;
}

.dropdown-menu-right {
	left: calc(100% + 5px)!important;
	top: -5px!important;
}

.dropdown {
	position: relative;
	list-style: none;
}

.dropdown-toggle:focus {
	outline: 0;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px!important;
	margin: 0 0.2em 0 0!important;
	list-style: none;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #838b78;
	border-radius: 0;
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #ced2ca;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.25;
	color: #697060;
	white-space: nowrap;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	text-decoration: none;
	color: #103248;
	background-color: transparent;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #236b9b;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
	color: #999999;
}

.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}

.open > .dropdown-menu {
	display: block;
}

.open > a {
	outline: 0;
}

.dropdown-menu-left {
	left: 0;
	right: auto;
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 14px;
	line-height: 1.25;
	color: #999999;
}

.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990;
}

.pull-right > .dropdown-menu {
	right: 0;
	left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px solid;
	content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}
@media (min-width: 768px) {
	.navbar-right .dropdown-menu {
		left: auto;
		right: 0;
	}

	.navbar-right .dropdown-menu-left {
		left: 0;
		right: auto;
	}
}
/* ### DROPDOWN MENU CSS STUFF END### */
/* Brackets */
.bracket {
	font-size: 11px;
	background: transparent;
	display: table;
}

.bracket-column {
	float: left;
	position: relative;
}

.bracket-header {
	border-radius: 2px;
	border: 1px solid #aaa;
	padding: 2px 0;
	position: relative;
	left: 0;
	right: 0;
	line-height: 18px;
	margin-bottom: 20px;
	text-align: center;
	background: #ebebeb;
}

.bracket-header-oldschool {
	border: 1px solid #aaa;
	padding: 2px 0;
	position: relative;
	left: 0;
	right: 0;
	line-height: 18px;
	margin-bottom: 20px;
	text-align: center;
	background: #f2f2f2;
}

.bracket-cell-r1 {
	height: 36px;
}

.bracket-cell-r2 {
	height: 72px;
}

.bracket-cell-r3 {
	height: 144px;
}

.bracket-cell-r4 {
	height: 288px;
}

.bracket-cell-r5 {
	height: 576px;
}

.bracket-cell-r6 {
	height: 1152px;
}

.bracket-cell-r7 {
	height: 2304px;
}

.bracket-cell-r1,
.bracket-cell-r2,
.bracket-cell-r3,
.bracket-cell-r4,
.bracket-cell-r5,
.bracket-cell-r6,
.bracket-cell-r7 {
	position: relative;
}

.bracket-team-bottom,
.bracket-team-top {
	border-radius: 0 0 2px 2px;
	border: solid #aaa 1px;
	position: absolute;
	padding: 1px;
	min-height: 20px;
	line-height: 18px;
	background: white;
	left: 0;
	right: 0;
}

.bracket-team-bottom-oldschool,
.bracket-team-top-oldschool {
	border: solid #aaa 1px;
	position: absolute;
	padding: 1px;
	min-height: 20px;
	line-height: 18px;
	background: white;
	left: 0;
	right: 0;
}

.bracket-team-top {
	bottom: 0;
	border-radius: 2px 2px 0 0;
}

.bracket-team-top-oldschool {
	bottom: 0;
}

.bracket-score {
	text-align: center;
	background: #ebebeb;
	border-left: 1px solid #aaa;
	position: absolute;
	line-height: 22px;
	right: 0;
	top: 0;
	bottom: 0;
}

.bracket-score-oldschool {
	text-align: center;
	background: #f2f2f2;
	border-left: 2px solid #aaa;
	position: absolute;
	line-height: 22px;
	right: 0;
	top: 0;
	bottom: 0;
}

.bracket-team-bottom .bracket-score {
	border-bottom-right-radius: 2px;
}

.bracket-team-top .bracket-score {
	border-top-right-radius: 2px;
}

div.ib-sr {
	border-bottom: 1px solid #aaa;
}

div.ib-sr:last-child {
	border-bottom: 0 hidden;
}

div.ib-sr div {
	display: inline-block;
	padding: 1px 0;
	border-left: 1px solid #aaa;
	text-align: center;
}

div.ib-sr div#title {
	display: inline-block;
	padding: 1px 0 1px 1px;
	border: none;
	width: 83px;
	text-align: left;
}

div.ib-sr div#lvl1 {
	width: 66%;
}

div.ib-sr div#lvl2 {
	width: 33%;
}

div.ib-sr div#lvl3 {
	width: 22%;
}

div.ib-sr div#lvl4 {
	width: 16.3%;
}
/* End Brackets*/
/* Match summary */
.bracket-game-details div.match-row {
	letter-spacing: -3px;
	min-height: 21px;
	padding-top: 1px;
	position: relative;
}

.bracket-game-details .left div.draft {
	left: 2px;
}

.bracket-game-details .right div.draft {
	right: 2px;
}

.bracket-game-details div.draft {
	position: absolute;
	width: 90px;
}

.bracket-game-details .left .check {
	left: 157px;
	position: absolute;
}

.bracket-game-details .right .check {
	right: 158px;
	position: absolute;
}

.bracket-game-details .left .gold {
	left: 120px;
	width: 35px;
	position: absolute;
	letter-spacing: normal;
	text-align: center;
}

.bracket-game-details .right .gold {
	right: 120px;
	position: absolute;
	width: 35px;
	letter-spacing: normal;
	text-align: center;
}

.bracket-game-details .left .kills {
	left: 90px;
	width: 30px;
	position: absolute;
	letter-spacing: normal;
	text-align: center;
}

.bracket-game-details .right .kills {
	right: 90px;
	width: 30px;
	position: absolute;
	letter-spacing: normal;
	text-align: center;
}

.bracket-game-details div.game-length {
	font-size: 10px;
	letter-spacing: 0;
	text-align: center;
	top: 3px;
}

.bracket-game-details div.draft a img {
	border: 2px solid;
	margin: -2px;
	display: inline block;
}

.bracket-game-details div.draft.red a img {
	border-color: #FE2E2E;
}

.bracket-game-details div.draft.blue a img {
	border-color: #5882FA;
}

.bracket-game-details div.date {
	border-bottom: 1px dotted #aaa;
	line-height: 1.8em;
	font-size: 85%;
	text-align: center;
}

div.bracket-game-details {
	width: 390px;
	text-align: center;
	border: 1px solid #aaa;
	display: none;
	background: rgba(242, 242, 242, 0.9);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 4px 4px 6px #BBBBBB;
	z-index: 100;
	position: absolute;
}

div.header {
	display: table-row;
	font-weight: bold;
	padding: 2px 5px;
}

.bracket-game-details .header div {
	display: table-cell;
	line-height: 26px;
	width: 195px;
	padding-bottom: 0;
	border-bottom: 1px solid #aaa;
}

.bracket-game-details .header div.left {
	text-align: right;
	padding-right: 2px;
}

.bracket-game-details .header div.right {
	text-align: left;
	padding-left: 2px;
}

.bracket-game-details div.icons {
	margin-top: 2px;
	border-top: 1px solid #aaa;
	padding: 2px;
}

.bracket-game .icon,
.match-row-icon {
	height: 12px;
	width: 12px;
	background: url("https://lol.gamepedia.com/media/lol.gamepedia.com/c/c5/Bracketinfoicon.png") no-repeat transparent;
	z-index: 50;
	position: absolute;
}

.bracket-game .icon {
	right: 16px;
}

.match-row-icon {
	left: -11.5px;
	top: 4px;
}

.match-row div.bracket-game-details {
	font-size: 85%;
	font-weight: normal;
}

.bracket-line-left-top-r1 {
	height: 37px;
}

.bracket-line-left-top-r2 {
	height: 73px;
}

.bracket-line-left-top-r3 {
	height: 145px;
}

.bracket-line-left-top-r4 {
	height: 289px;
}

.bracket-line-left-top-r5 {
	height: 577px;
}

.bracket-line-left-mid-r1 {
	height: 16px;
}

.bracket-line-left-mid-r2 {
	height: 52px;
}

.bracket-line-left-mid-r3 {
	height: 124px;
}

.bracket-line-left-mid-r4 {
	height: 268px;
}

.bracket-line-left-mid-r5 {
	height: 556px;
}

.bracket-line-left-bot-r1 {
	height: 33px;
}

.bracket-line-left-bot-r2 {
	height: 69px;
}

.bracket-line-left-bot-r3 {
	height: 141px;
}

.bracket-line-left-bot-r4 {
	height: 285px;
}

.bracket-line-left-bot-r5 {
	height: 573px;
}

.bracket-line-right-top-r1 {
	height: 55px;
}

.bracket-line-right-top-r2 {
	height: 127px;
}

.bracket-line-right-top-r3 {
	height: 271px;
}

.bracket-line-right-top-r4 {
	height: 559px;
}

.bracket-line-right-top-r5 {
	height: 1135px;
}

.bracket-line-right-bot-r1 {
	height: 51px;
}

.bracket-line-right-bot-r2 {
	height: 123px;
}

.bracket-line-right-bot-r3 {
	height: 267px;
}

.bracket-line-right-bot-r4 {
	height: 555px;
}

.bracket-line-right-bot-r5 {
	height: 1131px;
}

.bracket-line-left-bot-r1,
.bracket-line-left-bot-r2,
.bracket-line-left-bot-r3,
.bracket-line-left-bot-r4,
.bracket-line-left-bot-r5,
.bracket-line-left-mid-r1,
.bracket-line-left-mid-r2,
.bracket-line-left-mid-r3,
.bracket-line-left-mid-r4,
.bracket-line-left-mid-r5,
.bracket-line-left-top-r1,
.bracket-line-left-top-r2,
.bracket-line-left-top-r3,
.bracket-line-left-top-r4,
.bracket-line-left-top-r5,
.bracket-line-right-bot-r1,
.bracket-line-right-bot-r2,
.bracket-line-right-bot-r3,
.bracket-line-right-bot-r4,
.bracket-line-right-bot-r5,
.bracket-line-right-top-r1,
.bracket-line-right-top-r2,
.bracket-line-right-top-r3,
.bracket-line-right-top-r4,
.bracket-line-right-top-r5 {
	width: 9px;
}
/* End match summary */
/* Highlighting Background colors */
.colorUpwithbye {
	background-color: rgb(151, 236, 171);
}

.colorUp,
.colorWin {
	background-color: rgb(204, 255, 204);
}

.colorStayup {
	background-color: rgb(224, 247, 176);
}

.colorStay {
	background-color: rgb(255, 255, 153);
}

.colorStaydown {
	background-color: rgb(255, 221, 170);
}

.colorDown {
	background-color: rgb(255, 204, 204);
}

.colorAutorelegate {
	background-color: rgb(255, 128, 128);
}

.colorDraw {
	background-color: rgb(255, 255, 221);
}

.colorUpwithbyeHL {
	background-color: rgb(192, 214, 197);
}

.colorUpHL,
.colorWinHL {
	background-color: rgb(206, 212, 206);
}

.colorStayupHL {
	background-color: rgb(210, 216, 198);
}

.colorStayHL {
	background-color: rgb(218, 218, 193);
}

.colorStaydownHL {
	background-color: rgb(218, 210, 197);
}

.colorDownHL {
	background-color: rgb(218, 206, 206);
}

.colorAutorelegateHL {
	background-color: rgb(218, 186, 186);
}

.colorDrawHL {
	background-color: rgb(218, 218, 210);
}
/* End Highlighting Background colors */
/* Patchnote Background */
.patchnotesText {
	background-image: url("https://lol.gamepedia.com/media/lol.gamepedia.com/e/ed/Patchnote_mid.jpg");
	background-repeat: repeat-y;
}
/* Inline Lists for Valuerank queries in chart titles */
ul.teamsInPlayerStatsList {
	margin: 0;
	display: inline;
	list-style-type: none;
}
/* Flatlist TOC */
.flatlistTOC .toc {
	float: none;
	margin: 0 auto;
}

.flatlistTOC .toc #toctitle {
	display: none;
}

.flatlistTOC .tocnumber {
	display: none;
}

.flatlistTOC li {
	display: inline;
	font-weight: bold;
}

.flatlistTOC li:before {
	content: " • ";
}

.flatlistTOC li.toclevel-1.tocsection-1:before {
	content: none;
}
/* RedX and GreenCheck for Extended Roster Line */
div.redx {
	display: inline-block;
	width: 14px;
	height: 10px;
	background-image: url("https://commons-esports.gamepedia.com/media/esports.gamepedia.com/8/89/RedX.png");
	background-repeat: no-repeat;
	background-position: center;
}

div.greencheck {
	display: inline-block;
	width: 14px;
	height: 10px;
	background-image: url("https://commons-esports.gamepedia.com/media/esports.gamepedia.com/6/66/GreenCheck.png");
	background-repeat: no-repeat;
	background-position: center;
}
/* End RedX and GreenCheck */
/* Featured Leagues top section */
.FLTopLogo {
	float: left;
	margin-top: 10px;
}

.FLTopTitle {
	font-size: 24px;
	text-align: right;
	line-height: 26px;
}

.FLTopDate {
	font-size: 18px;
	text-align: right;
	line-height: 20px;
}
/* End Featured Leagues top section */
/* start common gadget css */
.gadget-action-success {
	background-color: green;
}

.gadget-action-incomplete {
	background-color: orange;
}

.gadget-action-fail {
	background-color: red;
}
/* end common gadget css */
/* for navboxes with subpages */
.no-subpage a {
	color: green;
}

.no-subpage a.new {
	color: #ba0000;
}
/* end navboxes with subpages */