/*
     FILE ARCHIVED ON 11:32:08 Jun 27, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:26:53 Nov 12, 2013.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
.wideonly {
	display: none;
}

*, select {
	font-family: "arial";
	font-size: 12px;
}
body {
	padding: 0px;
	margin: 0px;
}
.skilltree {
	margin-top: 0.5em;
	position: relative;
	height: 8em;
}
.skilltree .name {
	width: 50%;
	text-align: center;
	font-weight: bold;
	position: absolute;
}
.evo {
	width: 16.667%;
	position: absolute;
	cursor: pointer;
	height: 4em;
}
.evo0, .evo1, .evo2 {
	top: 2em;
}
.evo3, .evo5, .evo7 {
	top: 0em;
}
.evo4, .evo6, .evo8 {
	top: 4em;
}
.evo0 {left: 0%;}
.evo1 {left: 16.667%; }
.evo2 {left: 33.333%; }
.evo3, .evo4 {left: 50%;}
.evo5, .evo6 {left: 66.667%;}
.evo7, .evo8 {left: 83.333%;}
.evo div {
	height: 4em;
	width: 16.666%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;

	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #D9D9D9 50%);
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #D9D9D9 50%);
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #D9D9D9 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(.5, #D9D9D9));
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #D9D9D9 50%);
	background-image: linear-gradient(top left, #FFFFFF 0%, #D9D9D9 50%);
}
.evo .hover {
	background-image: -ms-linear-gradient(top left, #4060FF 0%, #D9D9D9 50%);
	background-image: -moz-linear-gradient(top left, #4060FF 0%, #D9D9D9 50%);
	background-image: -o-linear-gradient(top left, #4060FF 0%, #D9D9D9 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #4060FF), color-stop(.5, #D9D9D9));
	background-image: -webkit-linear-gradient(top left, #4060FF 0%, #D9D9D9 50%);
	background-image: linear-gradient(top left, #4060FF 0%, #D9D9D9 50%);

}
.evo .selected {
	background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #75B8FA 50%);
	background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #75B8FA 50%);
	background-image: -o-linear-gradient(top left, #FFFFFF 0%, #75B8FA 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(.5, #75B8FA));
	background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #75B8FA 50%);
	background-image: linear-gradient(top left, #FFFFFF 0%, #75B8FA 50%);
}
.evo .hover.selected {
	background-image: -ms-linear-gradient(top left, #4060FF 0%, #75B8FA 50%);
	background-image: -moz-linear-gradient(top left, #4060FF 0%, #75B8FA 50%);
	background-image: -o-linear-gradient(top left, #4060FF 0%, #75B8FA 50%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #4060FF), color-stop(.5, #75B8FA));
	background-image: -webkit-linear-gradient(top left, #4060FF 0%, #75B8FA 50%);
	background-image: linear-gradient(top left, #4060FF 0%, #75B8FA 50%);
}
.class, .race {
	display: inline-block;
	background-color: #dddddd;
	cursor: pointer;
	padding: .5em;
	width: 12%;
	text-align: center;
}
.race {
	width: 128px;
}
#sheet {
	padding: 0px 16px;
}
#classname {
	text-align: center;
}
.detail {
	margin-top: 8px;
	display: block;
	border-left: 4px solid grey;
	padding: 0px 8px;
	vertical-align: top;
}
.detailname {
	font-size: larger;
	font-weight: bold;
}
.attribute {
	margin: 4px 0px;
}
.attributename {
	font-weight: bold;
}
.ability {
	margin-top: 8px;
	vertical-align: top;
	border-left: 4px solid grey;
	padding: 0px 8px;
}
#specials {
	margin: 8px 0px;
}
.input {
	width: 2em;
}
#infobox {
	padding: 8px;
	text-align: center;
	border-top: 4px solid darkblue;
	margin-top: 8px;
}