/* Links */
a {
	font-size: 1.1em;
	text-decoration: none;
	font-weight: normal;
}

a.unique:link {
	color: #2020C0;
	font-weight: bold;
}

a.unique:visited {
	color: #202050;
	font-weight: bold;
}

a.unique:active {
	color: #202080;
	font-weight: bold;
}

a.unique:hover {
	color: #3030E0;
	font-weight: bold;
}

a.normal:link {
	color: #2020C0;
}

a.normal:visited {
	color: #303060;
}

a.normal:active {
	color: #303080;
}

a.normal:hover {
	color: #4040A0;
}

a.back:link {
	color: #2020C0;
}

a.back:visited {
	color: #303060;
}

a.back:active {
	color: #303080;
}

a.back:hover {
	color: #4040A0;
}
/* End of links */


/* Body and headers */
body.general {
	background-color: #F0F0D0;
	font-size: 80%;
}

h1.title {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border-width: 0.05em;
	border-style: solid;
	border-color: #A0B070;
	background-color: #D0E0A0;
	margin-top: 0.4em;
	margin-bottom: 0.05em;	
}

h2.intro {
	font-size: 1.1em;
	background-color: #D0E0A0;
	border-width: 0.05em;
	border-style: solid;
	border-color: #A0B070;
	text-align: left;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	font-weight: normal;
	margin-top: 0.4em;
	margin-bottom: 0.05em;	
	/*float: left;*/
	/*width: 99%;
	display: block;*/
}

h2.errors {
	font-size: 1.1em;
	background-color: #FFB080;
	border-width: 0.05em;
	border-style: solid;
	border-color: #DF8050;
	text-align: left;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	font-weight: normal;
	margin-top: 0.4em;
	margin-bottom: 0.05em;	
}

h3.error {
	color: #FF3030;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 0.4em;
	margin-bottom: 0.05em;	
}
/* End of body and headers */


/* Table */
table.general {
	width: 99%;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}

table.list {
	background-color: #D0E0A0;
	border-width: 0.05em;
	border-style: solid;
	border-color: #A0B070;
	width: 99%;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
}

td {
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
	border-right-width: 0.05em;
	border-right-style: solid;
	font-size: 1.1em;
	padding-left: 0.4em;
}

th {
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
	border-right-width: 0.05em;
	border-right-style: solid;
	font-size: 1.1em;
}

td.spell {
	background-color: #C0E090;
	border-bottom-color: #80D080;
	border-right-color: #80D080;
	width: 30%;
}

td.power {
	background-color: #C0E090;
	border-bottom-color: #80D080;
	border-right-color: #80D080;
	width: 30%;
}

td.resultb {
	background-color: #F0E090;
	border-bottom-color: #E0D080;
	border-right-color: #E0D080;
}

td.resultz {
	background-color: #E7B780;
	border-bottom-color: #E0D080;
	border-right-color: #E0D080;
}

td.resultj {
	background-color: #C7D790;
	border-bottom-color: #E0D080;
	border-right-color: #E0D080;
}

td.resultc {
	background-color: #80C0D7;
	border-bottom-color: #E0D080;
	border-right-color: #E0D080;
}

td.result {
	background-color: #F0E090;
	border-bottom-color: #E0D080;
	border-right-color: #E0D080;
}

td.level {
	background-color: #F0E090;
	border-bottom-color: #E0D080;
	border-right-color: #E0D080;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-align: center;
}

td.three {
	background-color: #B0E780;
	border-bottom-color: #50B050;
	border-right-color: #50B050;
	text-align: left;
	font-weight: normal;
	width: 99%;
}

th.result {
	background-color: #E7E700;
	border-bottom-color: #B0B000;
	border-right-color: #B0B000;
	font-weight: bold;
	width: 28%;
}

th.level {
	background-color: #E7E700;
	border-bottom-color: #B0B000;
	border-right-color: #B0B000;
	font-weight: bold;
	width: 5%;
}

caption.results {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin-top: 0.3em;
	margin-bottom: 0.1em;
}
/* End of table */


/* Form elements */
form.general {
	background-color: #D0E0A0;
	border-width: 0.1em;
	border-style: solid;
	border-color: #A0B070;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
	margin-top: 0.5em;
	margin-bottom: 0.1em;	
	font-weight: normal;
	text-align: left;
	position: relative;
}

fieldset.type {
	display: inline;
	position: relative;
	/*width: auto;*/
	top: 0.4em;
	margin-bottom: 0.4em;
	bottom: 0em;
	height: auto;
}

fieldset.extra {
	display: inline;
	position: absolute;
	width: 6.5em;
	top: 0.4em;
	bottom: 0em;
	/*height: auto;*/
}

fieldset.numeric {
	width: 13em;
	display: inline;
	position: absolute;
	left: 17.4em;
	top: 0.4em;
	bottom: 0em;
	height: auto;
}

fieldset.limbs {
	width: 13em;
	display: inline;
	position: absolute;
	left: 17.4em;
	top: 0.4em;
	bottom: 0em;
	height: auto;
}

input.button {
	width: 5em;
}

input.list {
	width: 4em;
	float: right;
	position: relative;
	bottom: 2em;
	right: 0.4em;
}

input.box {
	display: inline;
	/*clear: right;*/
	position: absolute;
	/*left: 67px;*/
	left: 5em;
}

input.min {
	position: absolute;
	left: 0.3em;
	width: 2.6em;
}

input.max {
	position: absolute;
	right: 0.3em;
	width: 2.6em;
}

input.search {
}

input.char {
	text-align: center;
}

label.search {
	font-size: 1.0em;
	font-weight: bold;
}

label.box {
	font-size: 1em;
	padding-right: 2em;
}

label.text {
	font-size: 1em;
	padding-left: 1em;
	padding-right: 0.3em;
}

/* End of form elements */


/* Inline */
span {
	font-size: 1.1em;
}

span.show {
	background-color: #D0E0A0;
	border-width: 0.05em;
	border-style: solid;
	border-color: #A0B070;
	width: 99%;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	text-align: left;
}

span.text-bold {
	font-weight: bold;
}

span.header {
	background-color: #B0E780;
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
	border-bottom-color: #50B050;
	border-right-width: 0.05em;
	border-right-style: solid;
	border-right-color: #50B050;
	text-align: left;
	font-weight: bold;
	width: 99%;
}

span.basetype {
	background-color: #F0E090;
}

span.zangtype {
	background-color: #E7B780;
}

span.joketype {
	background-color: #C7D790;
}

span.cthtype {
	background-color: #80C0D7;
}

span.label {
	font-size: 1em;
	position: absolute;
	right: 3.8em;
	left: 3.6em;
	/*width: 50px;*/
	text-align: center;
	padding-top: 0.3em;
}

div.boxes {
	position: relative;
}

div.numeric {
	position: relative;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

div.footer {
	position: relative;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

/* End of other */


/* Paragraph */
p {
	margin-top: 0.4em;
}

p.back {
	text-align: center;
	font-size: 1em;
}

p.valid {
	position: absolute;
	left: 1em;
}

p.credit {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	padding-top: 0.8em;
	position: absolute;
	right: 1em;
}

p.show {
	background-color: #D0E0A0;
	border-width: 0.05em;
	border-style: solid;
	border-color: #A0B070;
	width: 99%;
	text-align: left;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
/* End of paragraph */

/* Lists */
ul.errors {
	padding-top: 0px;
	padding-bottom: 0.1em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	display: block;
}
/* End of lists*/