/* Created by Stephan Koskowski */

*{
	margin:0px;
	padding:0px;
	color:rgb(220,220,220);
	text-align:center;
	font:14px Tahoma;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: 1px 1px 1px black;
}
*::selection{
	background: rgb(220,220,220);
	color: rgb(30,30,30);
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
#buildCreatorBody,#buildCreator > header > div,#itemArrayDisplay,#insideLevelSlider,#insideLevelDown,#insidelevelDisplay,
#insideLevelUp,#buildIDsection,#buildCreator > nav > div,#buildCreatorMenu,#itemFilterPanel,
#runeSection > div,#runeSelection > div > header,#runeStatsDisplay,#runeStatsDisplay > div,#runeStatsDisplay > div > div,
#statisticsSection > div,#statistics
Section > div > section:nth-child(1) > div,#generalStatsPanel,#generalStatsPanel > div,
#generalStatsPanel > div > div,#statisticsDetailsPanel > div > nav > ul,#statisticsDetailsScreen > section > div,
#statisticsDetailsScreen > section  > div > div > section,#statisticsDetailsScreen > section > div > div > section > div,
#tooltip > div > *,#tooltip > div > header,#tooltip > div > header > div.descriptionWrapper,#tooltip.rune > div > header,
#tooltip.DetailsScreen > div > footer > div,#abilitySection > div,#abilitySection > div > nav,#selectedAbilityWrapper,
#selectedAbilityTopWrapper,#selectedAbilityTopWrapper > div,#selectedAbilityDamageEffectPanel,#selectedAbilityDamageEffectPanel > section,
#selectedAbilityAttributePanel,#selectedAbilityDamageEffectPanel > section > div > div,#selectedAbilityMidWrapper,
#selectedAbilityBotWrapper,#selectedAbilityLevelTuner > div.levelTuner,#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2),
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div.active,#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div.inactive,
#selectedAbilityDamageDisplay,#selectedAbilityDamageDisplay > div,#buffSection > div,#buffSection > div > nav,#buffSection > div > section,
.buffHeader,.buffDescription,.buffDescription > div,.buffContent,#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div,
#buffSection > div > nav > div,#goldWrapper,#goldWrapper > div,#savePanel,#savePanel > div,#savePanel > div > div,.buff.enchant > .buffContent > .rbWrapper,
#buildCreatorMenu > div,#trinketWrapper,#summonerSpellWrapper,#buildCreator > nav,.damageBalanceWrapper,.damageBalanceWrapper > div:nth-child(2){
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#buildCreatorBody,#buildCreator > header > div,#insideLevelDown,#insidelevelDisplay,#insideLevelUp,#buildIDsection,
#runeSection > div,#runeSelection > div > header,#statisticsSection > div,
#statisticsSection > div > section:nth-child(1) > div,#statisticsDetailsPanel > div > nav > ul,#statisticsDetailsScreen > section > div,
#statisticsDetailsScreen > section  > div > div > section,#tooltip > div > *,#tooltip > div > header > div.descriptionWrapper,
#tooltip.rune > div > header,#abilitySection > div,#abilitySection > div > nav,#selectedAbilityWrapper,
#selectedAbilityDamageEffectPanel,#selectedAbilityDamageEffectPanel > section > div > div,#selectedAbilityLevelTuner > div.levelTuner,
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2),#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div.active,
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div.inactive,#selectedAbilityDamageDisplay,
#selectedAbilityDamageDisplay > div,#buffSection > div,#buffSection > div > section,#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div,
.buff.item > div > div.buffDescription,#goldWrapper > div,.damageBalanceWrapper{
	-webkit-box-flex: 1;
	flex: 1;
}
#buildCreatorBody,.filter,#buildCreator > header > div,
#itemDisplaySection,#itemArrayDisplay,#insideLevelSlider,#runeSection > div,
#runeSelection > div > header,#runeStatsDisplay > div,#statisticsSection > div,#statisticsDetailsPanel > div > nav > ul,
#statisticsDetailsScreen > section > div,#statisticsDetailsScreen > section  > div > div > section,
#statisticsDetailsScreen > section > div > div > section > div,#tooltip > div > header,#tooltip.DetailsScreen > div > footer > div,
#abilitySection > div,#selectedAbilityTopWrapper > div,#selectedAbilityAttributePanel,#selectedAbilityDamageEffectPanel > section > div > div,
#selectedAbilityMidWrapper,#selectedAbilityBotWrapper,#selectedAbilityLevelTuner > div.levelTuner,#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2),
#selectedAbilityDamageDisplay,#buffSection > div > nav,#buffSection > div > section,.buffHeader,#goldWrapper,
#savePanel > div,.buff.enchant > .buffContent > .rbWrapper,#buildCreator > nav,.damageBalanceWrapper{
	-webkit-box-orient: horizontal;
	-webkit-flex-flow: row;
	-moz-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	flex-direction: row;
}
#buildIDsection,
#buildCreatorMenu,#runeStatsDisplay,
#statisticsSection > div > section:nth-child(1) > div,#generalStatsPanel,#generalStatsPanel > div,#tooltip > div > *,
#tooltip > div > header > div.descriptionWrapper,#tooltip.rune > div > section > div,#abilitySection > div > nav,
#selectedAbilityWrapper,#selectedAbilityTopWrapper,#selectedAbilityDamageEffectPanel,#selectedAbilityDamageEffectPanel > section,
#selectedAbilityDamageDisplay > div,#buffSection > div,.buffDescription,.buffContent,#savePanel,#trinketWrapper,#summonerSpellWrapper{
	-webkit-box-orient: vertical;
	-webkit-flex-flow: column;
	-moz-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	flex-direction: column;
}
#buildCreatorBody,#insidelevelDisplay,
#buildIDsection,#buildCreator > nav > div,#generalStatsPanel > div > div,#tooltip.rune > div > header,
#tooltip.rune > div > section,#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2),#buffSection > div,
#buffSection > div > nav > div,.buff.item > div > div.buffDescription,#goldWrapper > div,#savePanel,
#savePanel > div > div,.buff.enchant > .buffHeader,#buildCreatorMenu,#buildCreatorMenu > div,#itemDisplaySection,
#trinketWrapper,#summonerSpellWrapper,#savePanel{
	-ms-flex-pack: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
#buildCreator > header > div,#itemArrayDisplay,#insideLevelSlider,#statisticsDetailsPanel > div > nav > ul,
#buffSection > div > nav,#buffSection > div > section{
    -ms-flex-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}
#runeStatsDisplay > div > div,#tooltip.DetailsScreen > div > footer > div,.buffHeader,#savePanel > div,
#buildCreator > nav,.damageBalanceWrapper, #selectedAbilityBotWrapper{
    -ms-flex-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.buff.enchant > .buffContent > .rbWrapper{
    -ms-flex-pack: start;
	-moz-box-pack: start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
#selectedAbilityAttributePanel,#selectedAbilityDamageEffectPanel > section > div > div{
    -ms-flex-pack: end;
	-moz-box-pack: end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}
#champDisplayWrapper,#insideLevelSlider,
#buildIDsection,#buildCreator > nav > div,#masterySection > div,#runeStatsDisplay > div > div,
#tooltip.rune > div > header,#tooltip.rune > div > section,#tooltip.rune > div > section > div,#buffSection > div,
#buffSection > div > nav,#buffSection > div > section,.buffDescription,.buffContent,#buffSection > div > nav > div,
.buff.item > div > div.buffDescription,#goldWrapper > div,#savePanel,#savePanel > div > div,.buff.enchant > .buffContent > .rbWrapper,
#buildCreatorMenu,#buildCreatorMenu > div,#itemDisplaySection,#trinketWrapper,#summonerSpellWrapper{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#selectedAbilityTopWrapper > div,.buffDescription > div,.buff.enchant > .buffContent{
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
}
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2){
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}



#runeSelection > div.closed > header > img,#statisticsDetailsOffenseScreenBG,#statisticsDetailsDefenseScreenBG,
#statisticsDetailsUtilityScreenBG,#abilitySection > div > nav > div > div > img,#selectedAbilityBackground,
#itemArrayDisplay > section > img.icon{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(ffFilters.svg#grayscale); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
}
#abilitySection > div > nav > div:hover > div > img.inactive{
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: url(ffFilters.svg#semigrayscale); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
}
#runeSelection > div.open > header > img,#abilitySection > div > nav > div > div > img.active,
#itemArrayDisplay > section > img.icon:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: grayscale(0%);
}





#buildCreatorBody{
	overflow: hidden;
	position: relative;

}
#buildCreatorBody > section{
	display: none;
	border-left: 5px solid black;
	border-right: 5px solid black;
	
	height: 662px;
	min-height: 662px;
	max-height: 662px;
	
	width: 970px;
	min-width: 970px;
	max-width: 970px;
}
#buildCreatorBody > header{
	background: black;
	text-align: center;
	
	height: 100px;
	min-height: 100px;
	max-height: 100px;
}


#buildCreator > header{
	padding: 2px;
	
	height: 100px;
	min-height: 100px;
	max-height: 100px;
}
#buildCreator_ChampionImage{
	width: 98px;
	min-width: 98px;
	max-width: 98px;
	
	height: 98px;
	min-height: 98px;
	max-height: 98px;
}
#itemDisplaySection{
}
#itemArrayDisplay{
	
	width: 402px;
	min-width: 402px;
	max-width: 402px;
	
	height: 64px;
	min-height: 64px;
	max-height: 64px;
}
#itemArrayDisplay > section{
	position: relative;
	
	margin-left: 1px;
	margin-right: 1px;
	outline: 1px solid rgb(90,90,90);
	
	width: 64px;
	min-width: 64px;
	max-width: 64px;
	
	height: 64px;
	min-height: 64px;
	max-height: 64px;
}
#itemArrayDisplay > section > img{
    position: relative;
    
	width: 64px;
	min-width: 64px;
	max-width: 64px;
	
	height: 64px;
	min-height: 64px;
	max-height: 64px;
}
#itemArrayDisplay > section > img.delete.icon{
    position: absolute;
    
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	
	top: -17px;
	right: 0px;
}
#itemArrayDisplay > section > img.manipulate.icon{
    position: absolute;
    
	width: 15px;
	min-width: 15px;
	max-width: 15px;
	
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	
	top: -18px;
	left: 25px;
}
#itemArrayDisplay > section > img:hover{
	outline: 1px solid rgb(190,190,190);
	cursor: pointer;
}

#trinketSlot{
	position: relative;
	outline: 1px solid rgb(90,90,90);
	
	width: 32px;
	min-width: 32px;
	max-width: 32px;
	
	height: 32px;
	min-height: 32px;
	max-height: 32px;
}
#trinketSlot:hover{
	outline: 1px solid white;
	cursor: pointer;
}

#summonerSpellWrapper > div{
	position: relative;
	outline: 1px solid rgb(90,90,90);
	
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	
	margin-top: 2px;
	margin-bottom: 2px;
}
#summonerSpellWrapper > div:hover{
	outline: 1px solid white;
	cursor: pointer;
}

#insideLevelSlider{
	margin-top: 15px;
	
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
#insideLevelDown{
	background: url('../images/UI/minus sign.png');
	background-size: 100%;
	background-repeat: no-repeat;
	
	width: 25px;	
	min-width: 25px;	
	max-width: 25px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	outline: 1px solid rgb(90,90,90);
}
#insideLevelSlider:not(.level1) > #insideLevelDown:hover{
	outline: 1px solid white;
	cursor: pointer;
}
#insideLevelSlider.level1 > #insideLevelDown,#insideLevelSlider.level18 > #insideLevelUp{
	opacity: 0.5;
}
#insideLevelSlider > div{
	opacity: 1;
}
#insidelevelDisplay{
	font: 21px Arial;
	font: 25px Arial;
}
#insideLevelUp{
	background: url('../images/UI/plus sign.png');
	background-size: 100%;
	background-repeat: no-repeat;
	
	width: 25px;	
	min-width: 25px;	
	max-width: 25px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	outline: 1px solid rgb(90,90,90);
}
#insideLevelSlider:not(.level18) > #insideLevelUp:hover{
	outline: 1px solid white;
	cursor: pointer;
}
#goldWrapper{
	margin-top: 10px;
}
#goldWrapper > img{
	margin-right: 10px;
	
	width: 25px;
	min-width: 25px;
	max-width: 25px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
}
#goldWrapper > div{
	outline: 1px solid rgb(70,70,70);
}

#savePanel{
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	
	height: 100px;
	min-height: 100px;
	max-height: 100px;
}
#champSelectSavePanel{
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}
#savePanel > *, #champSelectSavePanel > *{
	width: 100%;
}
#saveSelect, #champSelectSaveSelect{
	background: rgba(40,40,40,0);
	border: none;
	outline: 1px solid rgb(90,90,90);
	margin-bottom: 5px;
	margin-top: 5px;
}
#saveSelect:hover, #champSelectSaveSelect:hover{
	outline: 1px solid white;
	cursor: pointer;
}
#saveSelect > *, #champSelectSaveSelect > *{
	background: black;
	color: rgb(220,220,220);
	
}
#savePanel > div > div, #champSelectSavePanel > div > div{
	outline: 1px solid rgb(75,75,75);
	
	width: 48%;
	min-width: 48%;
	max-width: 48%;
}
#savePanel > div > div:hover, #champSelectSavePanel > div > div:hover{
	outline: 1px solid white;
	cursor: pointer;
}
#savePanel > div > div:active, #champSelectSavePanel > div > div:active{
	background: rgb(80,80,80);
}

#buildCreator{
	display: none;
	
	width: 970px;
	min-width: 970px;
	max-width: 970px;
}
#buildCreator.visible{
	display: block;
}
#buildCreator > nav{
	height: 64px;
	min-height: 64px;
	max-height: 64px;
}
#buildCreator > nav > div{
	height: 50px;
	min-height: 50px;
	max-height: 50px;
	
	width: 138px;
	min-width: 138px;
	max-width: 138px;
	
	font: 20px Arial;
	font: bold 24px Arial;
	
}
#buildCreator > nav > div.inactive:hover{
	cursor: pointer;
	text-shadow: 0px 0px 8px #E0B059;
}
#buildCreator > nav > div.active{
	text-decoration: underline;
}
#buildCreator > nav > div.inactive{
	text-shadow: none;
	outline: none;
}
#buildCreator > section{
	display: none;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}
#buildCreator > section.visible{
	display: block;
}
#buildCreator > section > div{
	width: 970px;
	min-width: 970px;
	max-width: 970px;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}

#buildCreatorMenu > div{
	margin: 3px;
	outline: 1px solid rgb(90,90,90);
	
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	
	height: 33px;
	min-height: 33px;
	max-height: 33px;
}
#buildCreatorMenu > div:hover{
	outline: 1px solid white;
	cursor: pointer;
}
#buildCreatorMenu > div:active{
	background: rgb(40,40,40);
}
#buildCreatorMenu > div > p{
	font: 11px Tahoma;
}

#masterySection > div{
	width: 700px;
	min-width: 700px;
	max-width: 700px;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}
#runeSelection{
	overflow-y: auto;
	
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	
	height: 414px;
	min-height: 414px;
	max-height: 414px;
}
#runeSelection > div{
	padding: 5px;
}
#runeSelection > div:nth-child(1):hover{
	cursor: pointer;
}
#runeSelection > div:nth-child(2):hover{
	cursor: pointer;
}
#runeSelection > div:nth-child(3):hover{
	cursor: pointer;
}
#runeSelection > div:nth-child(4):hover{
	cursor: pointer;
}
#runeSelection > div:nth-child(1) > header > p{
	color: rgb(219, 37, 37);
}
#runeSelection > div:nth-child(2) > header > p{
	color: rgb(211, 211, 0);
}
#runeSelection > div:nth-child(3) > header > p{
	color: rgb(76, 76, 223);
}
#runeSelection > div:nth-child(4) > header > p{
	color: rgb(160, 53, 219);
}
#runeSelection > div > header{
	padding-left: 10px;
	padding: 4px;
	
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(#3F3F3F 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3F3F3F), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#3F3F3F 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#3F3F3F 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(#3F3F3F 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(#3F3F3F 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='black',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#runeSelection > div > header > img{
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
#runeSelection > div > header > p{
	padding-top: 3px;
	padding-left: 10px;
	font: 18px Tahoma;
}
#runeSelection > div > section{
	padding: 2px;
}
#runeSelection > div > section > div{
	padding: 8px;
}
#runeSelection > div > section > div > div{
	text-align: left;
	font: 12px Tahoma;
}
#runeSelection > div > section > div:hover{
	background: rgb(45,45,45);
	cursor: pointer;
}
#runeSelection > div.open > section{
	display: block;
}
#runeSelection > div.closed > section{
	display: none;
}
#runeDisplay{
	background: url('../images/Runes/runepage.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0.7;
	text-align: left;
	position: relative;
	
	width: 600px;
	min-width: 600px;
	max-width: 600px;
	
	height: 414px;
	min-height: 414px;
	max-height: 414px;
}
#runeDisplay > img{
	position: absolute;
}
#runeDisplay > img.mark,#runeDisplay > img.seal,#runeDisplay > img.glyph{
	width: 47px;
	min-width: 47px;
	max-width: 47px;
	
	height: 54px;
	min-height: 54px;
	max-height: 54px;
}
#runeDisplay > img.quintessence{
	width: 94px;
	min-width: 94px;
	max-width: 94px;
	
	height: 98px;
	min-height: 98px;
	max-height: 98px;
}
#runeStats{
	width: 170px;
	min-width: 170px;
	max-width: 170px;
}
#runeStats > header{
	font: bold 15px Tahoma;
}
#runeStatsDisplay{
	overflow: auto;
	
	height: 417px;
	min-height: 417px;
	max-height: 417px;
}
#runeStatsDisplay > div > div > img{
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
#runeStatsDisplay > div > div{
	margin-left: 5px;
	margin-right: 5px;
	
	height: 55px;
	min-height: 55px;
	max-height: 55px;
}
#runeStatsDisplay > div > div:nth-child(2){
	font: bold 14px Tahoma;
	
	width: 25px;
	min-width: 25px;
	max-width: 25px;
}
#runeStatsDisplay > div > div:nth-child(3){
	font: bold 12px Tahoma;
	
	width: 85px;
	min-width: 85px;
	max-width: 85px;
}

#statisticsSection > div{
	height: 500px;
	min-height: 500px;
	max-height: 500px;
	
	width: 700px;
	min-width: 700px;
	max-width: 700px;
}
#statisticsSection > div > section:nth-child(1){
	width: 194px;
	min-width: 194px;
	max-width: 194px;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}
#statisticsSection > div > section:nth-child(2){
	width: 776px;
	min-width: 776px;
	max-width: 776px;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}

#generalStatsPanel > div{
	outline: 1px solid rgb(60,60,60);
	
	margin: 8px;
	padding: 6px;
}
#generalStatsPanel > div > div:nth-child(odd){
	font: 11px Tahoma;
}
#generalStatsPanel > div > div:nth-child(even){
	font: bold 12px Tahoma;
}
.damageBalanceWrapper{
	margin-top: 2px;
	
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}
.damageBalanceWrapper > div:first-child,.damageBalanceWrapper > div:last-child{
	width: 14px;
	min-width: 14px;
	max-width: 14px;
	
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}
.damageBalanceWrapper > div:first-child{
	background: url('../images/UI/SwordIcon.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.damageBalanceWrapper > div:last-child{
	background: url('../images/UI/WandIcon.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.damageBalanceWrapper > div:nth-child(2){
	background: rgb(120,120,120);
	
	width: 75%;
	min-width: 75%;
	max-width: 75%;	
	
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}
.damageBalanceWrapper > div:nth-child(2) > div:first-child{
	background: #fc8a01;
	color: white;
	font: bold 12px Tahoma;
	
	width: 50%;
	
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}
.damageBalanceWrapper > div:nth-child(2) > div:last-child{
	background: #97fc97;
	color: black;
	text-shadow: none;
	font: bold 12px Tahoma;
	
	width: 50%;
	
	height: 14px;
	min-height: 14px;
	max-height: 14px;
}

#statisticsDetailsPanel > div > nav > ul{
	list-style: none;
}
#statisticsDetailsPanel > div > nav > ul > li:nth-child(1){
	border-radius: 10px 0px 0px 0px;
}
#statisticsDetailsPanel > div > nav > ul > li:nth-child(2){
	border-radius: 0px 0px 0px 0px;
}
#statisticsDetailsPanel > div > nav > ul > li:nth-child(3){
	border-radius: 0px 10px 0px 0px;
}
#statisticsDetailsPanel > div > nav > ul > li{
	font: 17px Arial;
	font: bold 20px Arial;
	
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	
	background: #222222;
	background: -moz-linear-gradient(#3F3F3F 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3F3F3F), color-stop(100%,#222222));
	background: -webkit-linear-gradient(#3F3F3F 0%,#222222 100%);
	background: -o-linear-gradient(#3F3F3F 0%,#222222 100%);
	background: -ms-linear-gradient(#3F3F3F 0%,#222222 100%);
	background: linear-gradient(#3F3F3F 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='black',GradientType=1 );
}
#statisticsDetailsPanel > div > nav > ul > li.active{
	background: #222222;
	background: -moz-linear-gradient(#8A6B34 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8A6B34), color-stop(100%,#222222));
	background: -webkit-linear-gradient(#8A6B34 0%,#222222 100%);
	background: -o-linear-gradient(#8A6B34 0%,#222222 100%);
	background: -ms-linear-gradient(#8A6B34 0%,#222222 100%);
	background: linear-gradient(#8A6B34 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#8A6B34',GradientType=1 );
}
#statisticsDetailsPanel > div > nav > ul > li.inactive:hover{
	cursor: pointer;
}
#statisticsDetailsPanel > div > section.inactive{
	display: none;
}
#statisticsDetailsPanel > div > section.active{
	display: block;
}

#statisticsDetailsScreen > section > div{
	padding: 10px;
}
#statisticsDetailsScreen > section  > div > div{	
	padding: 5px;
	
	width: 746px;
	min-width: 746px;
	max-width: 746px;
}
#statisticsDetailsScreen > section  > div > div > section{
	padding: 5px;
}
#statisticsDetailsScreen > section  > div > div > section:nth-child(even){
	background: rgba(25,25,25,0.6);
}
#statisticsDetailsScreen > section  > div > div > section:nth-child(odd){
	background: rgba(25,25,25,0.4);
}
#statisticsDetailsScreen > section  > div > div > div{
	background: rgb(45,45,45);
	padding: 5px;
	
	height: 35px;
	min-height: 35px;
	max-height: 35px;
}
#statisticsDetailsScreen > section  > div > div > section > div > div:nth-child(2){
	padding-left: 5px;
}
#statisticsDetailsScreen > section  > div > div > section > div > div:nth-child(2).positive{
	color: rgb(0,255,0);
}
#statisticsDetailsScreen > section  > div > div > section > div > div:nth-child(2).negative{
	color: rgb(223, 92, 31);
}
#statisticsDetailsScreen > section  > div > div > section > div > div:nth-child(2):before{
	content:" (+";
	color: rgb(220,220,220);
}
#statisticsDetailsScreen > section  > div > div > section > div > div:nth-child(2).negative:before{
	content:" (";
}
#statisticsDetailsScreen > section  > div > div > section > div > div:nth-child(2):after{
	content:")";
	color: rgb(220,220,220);
}
#statisticsDetailsScreen > section  > div > div > section > div{
	text-align: left;
}
#statisticsDetailsScreen > section  > div > div > section > div:nth-child(1){
	width: 32%;
	min-width: 32%;
	max-width: 32%;
}
#statisticsDetailsScreen > section  > div > div > section > div:nth-child(2){
	width: 21%;
	min-width: 21%;
	max-width: 21%;
}
#statisticsDetailsScreen > section  > div > div > section > div:nth-child(3){
	width: 30%;
	min-width: 30%;
	max-width: 30%;
}
#statisticsDetailsScreen > section  > div > div > section > div:nth-child(4){
	width: 14%;
	min-width: 14%;
	max-width: 14%;
}

#statisticsDetailsOffenseScreen > div > div,#statisticsDetailsDefenseScreen > div > div,
#statisticsDetailsUtilityScreen > div > div{
	background: #191919;
	background: -moz-linear-gradient(-25deg, #122525 5%, #332B18 95%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(5%,#122525), color-stop(95%,#332B18));
	background: -webkit-linear-gradient(-25deg, #122525 5%,#332B18 95%);
	background: -o-linear-gradient(-25deg, #122525 5%,#332B18 95%);
	background: -ms-linear-gradient(-25deg, #122525 5%,#332B18 95%);
	background: linear-gradient(115deg, #122525 5%,#332B18 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122525', endColorstr='#332B18',GradientType=1 );
}
#statisticsDetailsDefenseScreenBG,#statisticsDetailsUtilityScreenBG,#statisticsDetailsOffenseScreenBG{
	opacity: 0.07;
	position: absolute;
	pointer-events: none;
	left: 0px;
	bottom: 0px;
	
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}
#statisticsDetailsOffenseScreenBG{
	background: url('../images/UI/LeBlancBG.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#statisticsDetailsDefenseScreenBG{
	background: url('../images/UI/ShyvanaBG.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#statisticsDetailsUtilityScreenBG{
	background: url('../images/UI/LuluBG.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#tooltip{
	position: absolute;
	padding: 10px;
	border-radius: 5px;
	display: block;
	font: bold 14px Tahoma;
	background: rgba(20,20,20,0.95);
	max-width: 300px;
	border: 2px solid rgb(200,200,200);
	z-index: 2;
}

#tooltip.invisible{
	display: none;
}
#tooltip > div{
	max-width: 300px;
}
#tooltip > div > *{
	padding: 4px;
}
#tooltip > div > header > div.img{
	border: 1px groove rgb(120,120,120);
	
	width: 32px;
	min-width: 32px;
	max-width: 32px;
	
	height: 32px;
	min-height: 32px;
	max-height: 32px;
}
#tooltip > div > header > div.descriptionWrapper{
	padding-left: 10px;
	text-align: left;
}

#tooltip:not(.item) > div > header > div.descriptionWrapper > div:nth-child(1){
	font: 21px Arial;
	font: bold 26px Arial;
	text-align: left;
}
#tooltip.item > div > header > div.descriptionWrapper > div:nth-child(1){
	font: 15px Arial;
	font: bold 18px Arial;
	text-align: left;
}
#tooltip.item > div > header > div.descriptionWrapper > div:nth-child(2){
	color: #CC9933;
	text-align: left;
}
#tooltip.item > div > header > div.descriptionWrapper > div:nth-child(2):before{
	content: "Cost: ";
}
#tooltip > div > section > div{
	font: 14px Tahoma;
	text-align: left;
	color: #A1E55D;
}
#tooltip.DetailsScreen{
	min-width: 200px;
}
#tooltip.DetailsScreen > div > header > div.descriptionWrapper > div:nth-child(1){
	text-align: right;
	font: bold 22px Tahoma;
}
#tooltip.DetailsScreen > div > footer > div > div{
	margin-left: 5px;
	margin-right: 5px;
}
#tooltip.DetailsScreen > div > footer > div{
	-webkit-align-items: center;
	-webkit-box-align: space-between;
	-moz-box-align: space-between;
	-ms-flex-align: space-between;
	align-items: space-between;
}
#tooltip.DetailsScreen > div > footer > div:nth-child(odd){
	background: rgb(25,25,25);
}
#tooltip.DetailsScreen > div > footer > div:nth-child(even){
	background: rgb(35,35,35);
}
#tooltip.DetailsScreen > div > footer > div > div:nth-child(1){
	text-align: left;
}
#tooltip.DetailsScreen > div > footer > div > div:nth-child(2){
	text-align: right;
}
#tooltip:not(.DetailsScreen) > div > footer > div{
	text-align: left;
	font: 12px Tahoma;
	padding: 4px;
	padding-bottom: 8px;
}
#tooltip:not(.DetailsScreen) > div > footer > div.Active:before{
	content: "Activate: ";
	font: bold 14px Tahoma;
	color: rgb(220,220,220);
}
#tooltip:not(.DetailsScreen) > div > footer > div.Active{
}
#tooltip:not(.DetailsScreen) > div > footer > div.Passive{
}
#tooltip:not(.DetailsScreen) > div > footer > div.Passive:before{
	content: "Passive: ";
	font: bold 14px Tahoma;
	color: rgb(220,220,220);
}
#tooltip > div > div{
	font: 10px Tahoma;
	text-align: left;
	color: rgb(220,220,220);
}

#levelchooser{
	position: absolute;
	background: rgb(50,50,50);
	border: 2px solid black;
	
	width: 222px;
	min-width: 222px;
	max-width: 222px;
	
	height: 131px;
	min-height: 131px;
	max-height: 131px;
}
#levelchooser > input{
	background: rgb(50,50,50);
	border: 2px solid rgb(150,150,50);
	box-shadow: none;
	
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
#levelchooser > div{
	margin: 1px;
	font: 23px Arial;
	font: 28px Arial;
	background: rgb(35,35,35);
	display: inline-block;
	
	width: 35px;
	min-width: 35px;
	max-width: 35px;
	
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
#levelchooser > div:hover{
	box-shadow: 0px 0px 1px 2px white;
	cursor: pointer;
}
#levelchooser > div:active{
	background: rgb(45,45,45);
}
#abilitySection > div > nav{
	width: 194px;
	min-width: 194px;
	max-width: 194px;
}
#abilitySection > div > nav > div{
	border-top: 2px solid rgb(45,45,45);
	border-left: 2px solid rgb(45,45,45);
	border-right: 2px solid rgb(5,5,5);
	border-bottom: 2px solid rgb(5,5,5);
	padding-top: 4px;
	
	height: 92px;
	min-height: 92px;
	max-height: 92px;
}
.abilitySelectorName{
	font: 10px Arial;
	font: 12px Arial;
}
#abilitySection > div > nav > div > div > img{
	margin-left: 5px;
	margin-right: 5px;
	border: 2px solid black;
	border-radius: 32px;
	
	width: 64px;
	min-width: 64px;
	max-width: 64px;
	
	height: 64px;
	min-height: 64px;
	max-height: 64px;
}
#abilitySection > div > nav > div:hover{
	background: rgb(35,35,35);
	cursor: pointer;
}
#abilitySection > div > nav > div:active{
	border-top: 2px solid rgb(5,5,5);
	border-left: 2px solid rgb(5,5,5);
	border-right: 2px solid rgb(45,45,45);
	border-bottom: 2px solid rgb(45,45,45);
	background: rgb(25,25,25);
}
#selectedAbilitySection{
	border-left: 3px solid black;
	position: relative;
}
#selectedAbilityBackground{
	position: absolute;
	opacity: 0.08;
	top: 0px;
	left: 0px;
	pointer-events: none;
	
	width: 770px;
	min-width: 770px;
	max-width: 770px;
	
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}
#selectedAbilityWrapper{
	width: 770px;
	min-width: 770px;
	max-width: 770px;
	
	height: 500px;
	min-height: 500px;
	max-height: 500px;
}

#selectedAbilityTopWrapper{
	margin-left: 15px;
	padding: 5px;
	
	width: 730px;
	min-width: 730px;
	max-width: 730px;
}
#selectedAbilityTopWrapper > header{
	text-align: center;
	margin: 5px;
	background: black;
	border-radius: 10px;
	padding: 10px;
	font: 18px Arial;
	font: bold 22px Arial;
	color: #D8A853;
}
#selectedAbilityDamageEffectPanel{
	margin: 5px;
	background: black;
	border-radius: 10px;
	padding: 10px;
}

#selectedAbilityAttributePanel{
	width: 225px;
	min-width: 225px;
	max-width: 225px;
}
#selectedAbilityAttributePanel > div{
	margin: 5px;
	background: black;
	border-radius: 10px;
	padding: 10px;
}
#selectedAbilityDamageEffectPanel > header{
	color: #D8A853;
}
#selectedAbilityDamageEffectPanel > section > div > div.active:before{
	content: ">";
	color: red;
	font: 12px Tahoma;
}
#selectedAbilityDamageEffectPanel > section > div > div.inactive:hover{
	background: rgb(45,45,45);
	cursor: pointer;
}
#selectedAbilityDamageEffectPanel > section > div > div > div{
	color: #F8E1AA;
	margin-right: 2px;
	font: 12px Tahoma;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.tAP{
	color: #97fc97;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.bAP{
	color: #97fc97;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.tAD{
	color: #fc8a01;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.bAD{
	color: #fc8a01;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.maxMana{
	color: #468EEB;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.armor{
	color: #FFFF88;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.crit{
	color: #FFFF44;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.auto{
	color: #fc8a01;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.onhit{
	color: #BCE05A;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.maxHealth{
	color: #CC1F1F;
}
#selectedAbilityDamageEffectPanel > section > div > div > div.champlevel{
	color: #ABCDEF;
}
#selectedAbilityAttributePanel > div > header{
	color: #C97138;
}
#selectedAbilityAttributePanel > div > section > div:nth-child(1){
	color: #F8E1AA;
	font: 12px Tahoma;
}
#selectedAbilityAttributePanel > div > section > div:nth-child(2){
	color: #9B9279;
}

#selectedAbilityCooldownAttribute > div:after{
	content: " seconds";
}
#selectedAbilityCooldownAttribute > div.nocd:after{
	content: "";
}
#selectedAbilityMidWrapper{
	margin-left: 15px;
	padding: 5px;
	
	width: 730px;	
	min-width: 730px;	
	max-width: 730px;
}
#selectedAbilityMidWrapper > div{
	margin: 5px;
	background: black;
	border-radius: 10px;
	padding: 10px;
	
	width: 335px;
	min-width: 335px;
	max-width: 335px;
	
	height: 180px;
	min-height: 180px;
	max-height: 180px;
}

#selectedAbilityBotWrapper{
	margin-left: 15px;
	padding: 5px;
	
	width: 730px;
	min-width: 730px;
	max-width: 730px;
}
#selectedAbilityBotWrapper > div{
	margin: 5px;
	background: black;
	border-radius: 10px;
	padding: 10px;
}
#selectedAbilityBotWrapper > div:nth-child(2){
	padding-top: 12px;
	
	width: 225px;
	min-width: 225px;
	max-width: 225px;
}
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(1){
	background: url('../images/UI/minus sign.png');
	background-size: 100%;
	background-repeat: no-repeat;
	
	width: 25px;	
	min-width: 25px;	
	max-width: 25px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	outline: 1px solid rgb(90,90,90);
}
#selectedAbilityLevelTuner > div.levelTuner > div.active:nth-child(1):hover{
	outline: 1px solid white;
	cursor: pointer;
}
#selectedAbilityLevelTuner > div.levelTuner > div.inactive{
	opacity: 0.5;
}

#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2){
	background: #141414;
	border: 2px ridge #E9B203;
	border-radius: 2px;
	margin: 2px;
	margin-left: 5px;
	margin-right: 5px;
	
	width: 79px;
	min-width: 79px;
	max-width: 79px;
}

#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div.active{
	margin: 1px;
	
	background: #f9c667; /* Old browsers */
	background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9c667 0%,#f79621 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */	
}
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(2) > div.inactive{
	margin: 1px;
	background: #141414;
}
#selectedAbilityLevelTuner > div.levelTuner > div:nth-child(3){
	background: url('../images/UI/plus sign.png');
	background-size: 100%;
	background-repeat: no-repeat;
	
	width: 25px;	
	min-width: 25px;	
	max-width: 25px;
	
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	
	outline: 1px solid rgb(90,90,90);
}
#selectedAbilityLevelTuner > div.levelTuner > div.active:nth-child(3):hover{
	outline: 1px solid white;
	cursor: pointer;
}
#selectedAbilityLevelTuner > div.levelTuner > div.inactive{
	opacity: 0.5;
}
#selectedAbilityLevelTuner > div.levelDisplay{
	font: 26px Arial;
	font: bold 31px Arial;
	color: #D8A853;
}
#selectedAbilityDamageDisplay > div > div{
	font: 26px Arial;
	font: 32px Arial;
	margin-left: 3px;
	margin-right: 3px;
	
	height: 35px;
	min-height: 35px;
	max-height: 35px;
}
#selectedAbilityDamageDisplay > div > div:nth-child(1){
	color: #F8E1AA;
}
#selectedAbilityDamageDisplay > div > div:nth-child(2){
	color: #9B9279;
}
#selectedAbilityDamageDisplay > div:first-child > div{
	text-align: left;
}
#selectedAbilityDamageDisplay > div:last-child > div{
	text-align: right;
}
#buffSection > div > nav{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
#buffSection > div > nav > div{
	outline: none;
	border-top: 2px solid rgb(45,45,45);
	border-left: 2px solid rgb(45,45,45);
	border-right: 2px solid rgb(5,5,5);
	border-bottom: 2px solid rgb(5,5,5);
	font: 12px Tahoma;
	
	width: 102px;
	min-width: 102px;
	max-width: 102px;
	
	height: 32px;
	min-height: 32px;
	max-height: 32px;	
}
#buffSection > div > nav > div:hover{
	cursor: pointer;
}
#buffSection > div > nav > div.active{
	outline: 2px solid rgb(117,128,172);
}
#buffSection > div > section{
	overflow: auto;
	overflow-x: hidden;
	
	height: 450px;
	min-height: 450px;
	max-height: 450px;
	
	width: 970px;
	min-width: 970px;
	max-width: 970px;
}
#buffSection > div > section > div{
	overflow: auto;
	overflow-x: hidden;
	
	height: 450px;
	min-height: 450px;
	max-height: 450px;
	
	margin: 0 auto;
	
	width: inherit;
	/*width: 970px;
	min-width: 970px;
	max-width: 970px;*/
}
#buffSection > div > section > div.active{
	display: block;
}
#buffSection > div > section > div.inactive{
	display: none;
}
.buff{
	display: inline-block;
	
	float: left;
	
	margin: 5px;
	padding: 5px;
	
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(50,50,50,0);
}
#selfBuffPanel > .buff.active,#neutralPanel > .buff.active,#masteryBuffPanel > .buff.active,#selfItemPanel > .buff.active{
	-webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#8fc8ff), to(rgba(50,50,50,0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #8fc8ff, rgba(50,50,50,0)) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #8fc8ff, rgba(50,50,50,0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, #8fc8ff, rgba(50,50,50,0)) 1 100%;
	border-image: linear-gradient(rgba(50,50,50,0), #8fc8ff) 1% stretch;
}
#friendBuffPanel > .buff.active,#summonerBuffPanel > .buff.active,#friendItemPanel > .buff.active{
	-webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#8fc800), to(rgba(50,50,50,0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #8fc800, rgba(50,50,50,0)) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #8fc800, rgba(50,50,50,0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, #8fc800, rgba(50,50,50,0)) 1 100%;
	border-image: linear-gradient(rgba(50,50,50,0), #8fc800) 1% stretch;
}
#foeBuffPanel > .buff.active,#foeItemPanel > .buff.active{
	-webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ffc800), to(rgba(50,50,50,0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #ffc800, rgba(50,50,50,0)) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #ffc800, rgba(50,50,50,0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, #ffc800, rgba(50,50,50,0)) 1 100%;
	border-image: linear-gradient(rgba(50,50,50,0), #ffc800) 1% stretch;
}
.buff.item.invisible,.buff.enchant.invisible,.buff.summoner.invisible{
	display: none;
}
.buff.enchant > .buffContent > .rbWrapper > *{
	margin: 5px;
}
.buff.enchant > .buffContent > .rbWrapper > img{
	width: 32px;
	min-width: 32px;
	max-width: 32px;
	
	height: 32px;
	min-height: 32px;
	max-height: 32px;
}
.buff > div{
	margin-bottom: 5px;
}
.buffImage{
	background: black;
	border: 1px solid rgb(40,40,40);
	
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	
	height: 40px;
	min-height: 40px;
	max-height: 40px;
}
.buffDescription{
	padding-left: 5px;
	padding-right: 5px;
}
.buffDescription > div:nth-child(1){
	font: 13px Arial;
	font: 16px Arial;
}
.buffContent > table > tr{
	background: rgb(40,40,40);
	
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}
.buffContent > table > tr > th{
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}
.buffContent > table > tr > th.active{
	background: rgb(80,80,80);
	color: white;
}

.skillButton.inactive{
	background: rgb(50,0,0);
	color: rgb(120,120,120);
}
.skillButton.active{
	background: rgb(0,100,0);
}
.buffContent > header{
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
.buffContent > header.permanent{
	background: #423612;
}
#selfBuffSelector.fully.inactive{
	opacity: 0.3;
}