@charset "UTF-8";
html{
	-webkit-text-size-adjust:100%;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	background-color:#ECECFF;    
}
p,h1,h2,h3,h4,ul,ol,dl,img,hr,td,tr,line-height,div {
	margin: 0px;
	padding: 0px;
	border: none;
}
a:focus {
	outline: 0;
	text-decoration:none;
}
a:hover{
	outline:none;
	}
a {
	text-decoration:none;
	}
#chartcontainer {
	width: 640px;
	margin: 0em auto;
	padding-top: 3em;
	position: relative;
}
#outside {
	width: 640px;
	margin: 0em auto;
	position: relative;
	padding-bottom: 25px;
	/*border: 1px solid #9A20B0;*/
}
#container {
	width: 500px;
	margin: 0px auto;
	padding-top: 3.5em;
	position: relative;
	/*border: 1px solid #9A20B0;*/
}
#wrapper{
	width: 640px;
	margin: 0em auto;
	position: relative;
	padding-bottom: 25px;
		}

#leftbutton{
	width: 120px;
	height: 30px;
	position: absolute;
	top: 238;
	left: 0;
	color: #440D59;
	}
#rightbutton{
	width: 120px;
	height: 30px;
	position: absolute;
	top: 238;
	right: 0;
	color: #440D59;
	}
button {
	font-family: "open-sans",sans-serif;
	height: 48px;
	width: 120px;
	background-color: #E0D4FD;
	border: 1px solid #A679C3;
	text-align:center;
	font-size:2em;
	color: #9A20B0;
	font-weight:700;
	line-height:100%;
}

table{
	padding: 2em 1em 2em 1em;
	margin-bottom: 7.5em;
	/*border-bottom: 1px solid #9a20b0;*/
}
#leftTitle{
	padding-bottom: .85em;
	}
#rightTitle{
	padding-bottom: .85em;
		}
#leftmanlist{
	padding-bottom: .85em;
	}
#rightmanlist{
	padding-bottom: .85em;
	}
.leftmantable{
	position: absolute;
	top: 320px;
	left: 0px;
	margin:0;
	}
.leftdragontable{
	padding-top: 2em;
	float:left;
	margin:0;
	}
.leftlist{
	width: 145px;
	height: 137px;
	padding-bottom: .85em;
	overflow-y: auto;
		}
.movesleftlist{
	width: 175px;
	height: 137px;
	padding-bottom: .85em;
	overflow-y: auto;
	margin-bottom: 7.5em;
		}
.rightlist{
	width: 145px;
	height: 137px;
	padding-bottom: .85em;
	overflow-y: auto;
	}
.movesrightlist{
	width: 175px;
	height: 137px;
	padding-bottom: .85em;
	overflow-y: auto;
	margin-bottom: 7.5em;
		}		
.rightmantable{
	position: absolute;
	top: 320px;
	right: 0px;
	margin:0;
	}
.rightdragontable{
	padding-top: 2em;
	float: right;
	margin:0;
	}

#heading{
	width: 620px;
	height: 12em;
	padding: 2em 0em 1.5em;
	text-align: center;
	margin: 0em auto;
	border: 1px solid #9a20b0;
	background-color: #E6E1FF;
	}
#manheading{
	width: 640px;
	height: 4em;
	padding: 1.5em 0em;
	text-align: center;
	margin: 0em auto;
	border: 1px solid #9a20b0;
	background-color: #E6E1FF;
	}
#abilheading{
	width: 620px;
	height: 6.5em;
	padding: 2em 0em 1.5em;
	text-align: center;
	margin: 0em auto;
	border: 1px solid #9a20b0;
	background-color: #E6E1FF;
	}
#epicheading{
	width: 620px;
	height: 14em;
	padding: 2em 0em 1.5em;
	text-align: center;
	margin: 0em auto;
	border: 1px solid #9a20b0;
	background-color: #E6E1FF;
	}

h1{
	font-family: "runda","open-sans",sans-serif;
	font-size:3.2em;
	color: #9A20B0;
	font-weight:700;
	line-height:200%;
	}
h2 {
	font-family: "runda","open-sans",sans-serif;
	color: #9a20b0;
	font-size: 2.2em;
	font-weight: 700;
	line-height:120%;
}
h3 {
	font-family: "runda","open-sans",sans-serif;
	color: #9a20b0;
	font-size: 3em;
	font-weight: 700;
	line-height:100%;
}
h4 {
	font-family: "runda","open-sans",sans-serif;
	color: #9a20b0;
	font-size: 1.65em;
	font-weight: 500;
	line-height:100%;
}
.breathtype{
	width: 140px;
	padding: 10px 5px;
}
.abiltype{
	width: 155px;
	padding: 10px 5px;
}
.icon{
	width: 85px;
	padding: 10px 5px;
}
.abilicon{
	width: 85px;
	padding: 10px 5px;
}
.dscrptn{
	width: 385px;
	padding: 10px 5px;
	}
.abildscrptn{
	width: 370px;
	padding: 10px 5px;
	}
.bodycopy{
	font-family: "open-sans",sans-serif;
	font-size:1.5em;
	color: #440D59;
	font-weight:500;
	line-height:125%;
	}
.purplebodycopy{
	font-family: "open-sans",sans-serif;
	font-size:1.5em;
	color: #9A20B0;
	font-weight:500;
	line-height:132%;
	}
.bodycopy p{
	padding: .5em 0 .5em 0;
	}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 3px;
}
::-webkit-scrollbar:horizontal {
    height: 3px;
}
::-webkit-overflow-scrolling: {
    touch;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    /*border: 1px solid #ECECFF; /* should match background, can't be transparent */
    background-color: rgba(148, 159, 188, .66);
}
::-webkit-scrollbar-track { 
    background-color: #DCDCEF; 
    border-radius: 4px; 
}