a, a:link, a:active, a:visited{
	color:#2571AC;
	text-decoration:underline;
}
a.filter{
}
a.filter:hover{
	text-decoration:underline;
}
body{
	background:url("images/background.jpg") no-repeat #070916;
	background-size:cover;
	color:#ECC873;
}
form.championsearch{
	height:25px;
	padding:5px;
	margin:0px;
}
form.comparechampions{
	height:20px;
	margin:5px;
}
div.construction{
	height:250px;
}
div.news{
	width:800px;
	height:200px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
div.news a, a:link, a:active, a:visited{
	color:#2571AC;
	font-family:'ITCFrizQuadrataRoman';
	text-decoration:none;
	font-weight:bold;
}
div.news a:hover{
	color:#1CC873;
	font-family:'ITCFrizQuadrataRoman';
	text-decoration:underline;
	font-weight:bold;
	transition:All 1s ease;
}
div.champ_info_container{
	width:1000px;
	height:650px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.champ_request_container{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.champ_info_container_scroll{
	width:1000px;
	height:650px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
div.summoner_input_field{
	width:1000px;
	height:45px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.summoner_container_scroll{
	width:1200px;
	height:600px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	overflow-y:scroll;
}
div.game_container{
	width:1200px;
	height:600px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.champ_icon{
	width:200px;
	float:left;
}
div.champ_base_info{
	width:200px;
	float:left;
	text-align:left;
	margin:10px;
}
div.champ_infoleftbl{
	width:190px;
	float:left;
	clear:left;
	text-align:left;
	margin-left:20px;
}
div.champ_infomidbl{
	width:470px;
	float:left;
	text-align:center;
}
div.champ_inforightbl{
	width:260px;
	float:left;
	text-align:center;
	clear:right;
	margin-left:20px;
}
div.champ_tables{
	width:1000px;	
	clear:left;
}
div.divider{
	clear:left;
}
div.compare_container{
	width:1000px;
	height:650px;
	margin:auto;
	text-align:center;
}
div.summoner_container{
	width:1000px;
	height:650px;
	margin:auto;
	text-align:center;
}
div.compare_left{
	width:500px;
	float:left;
	clear:left;
	text-align:center;
}
div.compare_right{
	width:500px;
	float:left;
	text-align:center;
}
div.main_body{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
div.under_construction{
	text-align:center;
}
@font-face{
	font-weight:normal;
	font-style:normal;
	font-family:'ITCFrizQuadrataRoman';
	src:url(fonts/friz.ttf);
}
font.highlight{
	color:#0298f6;
}
font.free_champs{
	font-size:22pt;
}
font.menu{
	color:#01A1FF;
}
font.magic{
	font-weight:bold;
	color:#0155db;
}
font.name{
	color:#E6D7AB;
	font-size:12pt;
}
font.physical{
	font-weight:bold;
	color:#ac0101;
}
font.skillname{
	font-weight:bold;
	color:#FFFFFF;
}
font.true{
	font-weight:bold;
	color:#FFFFFF;
}
font.bigger{
	color:#1CC873;
}
font.big{
	font-weight:bold;
	color:#FFFFFF;
}
font.smaller{
	color:#ac0101;
}
hr{
	color:#2571AC;
}
img.allchamp{
	margin-top:1px;
	margin-left:1px;
}
img.allchamp:hover{
	height:38px;
	margin-top:3px;
	margin-left:3px;
}
img.small_champion_icon{
	width:30px;
	margin:1px 1px 1px 1px;
	border-radius:15px;
}
img.champion_icon{
	width:80px;
	margin:1px 1px 1px 1px;
	border-radius:15px;
	transition:All 0.1s ease;
}
img.champion_icon:hover{
	width:76px;
	margin:3px 3px 3px 3px;
	border-radius:15px;
	transition:All 0.1s ease;
}
table.header{
	width:980px;
	height:30px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-spacing:0px;
}
table.borderless{
	width:91%;
	border:none;
	border-width: 0;
}
table.compare{
	width:700px;
	border-collapse:separate;
	margin:auto;
}
table.champions{
	width:800px;
	height:30px;
	margin:auto;
}
table.champions_controls{
	width:800px;
	border-collapse:separate;
	border-spacing:5px;
	margin:auto;
}
table.info{
	width:100%;
	background:rgb(7, 9, 22);
	border:1px solid #333311;
	border-collapse:collapse;
}
td{
	border:1px solid #01A1FF;
}
tr.summary{
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
}
tr.menu{
	text-align:right;
	font-weight:bold;
	color:#01A1FF;
}
td.champion_icon{
	color:#ECC873;
	background:#070936;
	background-image:url("images/champion_bg_normal.png");
	background-size:cover;
	background-size:cover;
	border:3px double #333311;
	height:130px;
	width:90px;
	vertical-align:bottom;
	text-align:center;
	font-weight:bold;
	transition:All 1s ease;
}
td.champion_icon:hover{
	border:3px double #01A1FF;
	transition:All 0.3s ease;
}
td.champion_icon a, a:link, a:active, a:visited{
	color:#ECC873;
	font-family:'ITCFrizQuadrataRoman';
	font-weight:bold;
	text-decoration:none;
}
td.champion_icon a:hover{
	color:#1CC873;
	transition:All 1s ease;
	font-family:'ITCFrizQuadrataRoman';
	font-weight:bold;
	text-decoration:underline;
}
td.empty{
	border:0px;
	padding:0px 40px;
}
td.hidden{
	border:1px solid #333311;
}
td.topmenu{
	border:none;
	font-family:'ITCFrizQuadrataRoman';
	font-size:18px;
	border:1px double #000000;
	padding:0.2em 0.1em 0.4em 0.1em;
	transition:All 0.1s ease;
}
td.topmenu:hover{
	font-family:'ITCFrizQuadrataRoman';
	font-size:18px;
	border:1px double #01A1FF;
	border-radius:5px;
	padding:0.4em 0.1em 0.2em 0.1em;
	transition:All 0.1s ease;
}
td.topmenu a, a:link, a:active, a:visited{
	color:#2571AC;
}
td.topmenu a:hover{
	color:#1CC873;
	transition:All 1s ease;
}
td.menu{
	padding:0px 35px;
	border-spacing:25px 0px;
	vertical-align:bottom;
	text-align:center;
}
td.cmp{
	vertical-align:middle;
	text-align:center;
	border:1px solid #333311;
}
td.summonermenu{
	padding:0px 5px;
	border-spacing:5px 0px;
	vertical-align:bottom;
	text-align:center;
}
tr.win{
	background:#003A12;	
}
tr.loose{
	background:#3A0000;
}
input.searchchampion{

}



.tooltip {
    position: relative;
    display: inline-block;
#    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 210px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}