a.more {
	display: inline-block;
	padding: 5px 0px 10px 20px;
}

.button, button {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	display: inline-block;
	color: #CCC;
	border: none;
	width: 100px;
	height: 20px;
	background: url(images/button.png) top center no-repeat;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.button.secondary{
	background: none;
	color: #001500;
	text-decoration: underline;
	font-weight: normal;
}

.button:hover, button:hover {
	color: #6c6;
}

.button.medium, button.medium {
	background-image: url(images/button-medium.png);
	width: 150px;
}

.button.large, button.large {
	background-image: url(images/button-large.png);
	width: 200px;
}

.button.large, button.large {
	background-image: url(images/button-xlarge.png);
	width: 300px;
}

label {
	display: block;
	padding: 2px 0px;
}

.label label {
	display: inline;
}

label span, .label span {
	font-style: italic;
	width: 150px;
	display: -moz-inline-block;
	display: inline-block;
	text-align: right;
	padding: 2px 2px 0px 0px;
}

label span.large {
	width: 300px;
}

label ul, .label ul {
	margin-left: 155px;
}

label small, .label small {
	display: block;
	margin-left: 280px;
}

select, input,
audio::-webkit-media-controls-panel,
textarea {
	background-color: #eca;
	border: 1px solid #001500;
	font-size: 1em;/*11px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
}
input[type="date"] {
	padding-left: 5px;
}

textarea {
	padding: 10px;
	border-radius: 5px;
}

label select:focus,label input:focus,
.label select:focus,.label input:focus,
textarea:focus {
	border-color: #106515;;
}

.content label select,
.content label input,
.content .label input {
	padding: 2px;
	width: 400px;
}

input.small {
	width: 4em !important;
}

.column button {
	margin-left: 65px;
}

.small {
	font-size: 0.9em/*11px*/;
}

.content form span {
	width: 250px;
	padding-right: 5px;
}

.content form span.full  {
	display: block;
	width: auto;
	float: none;
	text-align: left;
}

.content form label ul, .content form .label ul {
	margin-left: 255px;
}

fieldset, .content fieldset.box{
	background: url(images/ground-light.jpg) top left repeat;
	border: 1px solid #360;
	margin-top: 20px;
}

legend {
	background: url(images/ground-dark.jpg) top left repeat;
	padding: 1px 5px;
	margin-top: -1em;
	border-top: 1px solid #360;
	border-bottom: 1px solid #360;
}

input[type='range'] {
	align-self: center;
	border: solid 0 transparent;
	border-width: 0.25em 0.625em;
	padding: 0;
	width: 32em;
	border-radius: .25em;
	background: none;
}

	input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none;
	}

		input[type='range']::-webkit-slider-runnable-track {
			box-sizing: border-box;
			border: solid .125em transparent;
			/*width: 32em;*/
			height: 0.75em;
			border-radius: 0.375em;
			box-shadow: 0 .125em .125em #999;
			background: url(images/bg-ground.png) #ad8a64 top left repeat;
		}

		input[type='range']::-moz-range-track {
			box-sizing: border-box;
			border: solid .125em transparent;
			/*width: 32em;*/
			height: 0.75em;
			border-radius: 0.375em;
			box-shadow: 0 .125em .125em #999;
		}

		input[type='range']::-webkit-slider-thumb {
			margin-top: -0.75em;
			box-sizing: border-box;
			border: solid .125em transparent;
			padding: 0.4em;
			width: 1.5em;
			height: 2em;
			border-radius: 0;
			box-shadow: 0 .125em .125em #999;
		}

		input[type='range']::-moz-range-thumb {
			box-sizing: border-box;
			border: solid .125em transparent;
			padding: 0.4em;
			width: 1.5em;
			height: 2em;
			border-radius: 0;
			box-shadow: 0 .125em .125em #999;
		}

		input[type='range']::-webkit-slider-runnable-track {
		}

		input[type='range']::-moz-range-track {
			background: url(images/bg-ground.png) #ad8a64 top left repeat;
		}

		input[type='range']::-webkit-slider-thumb {
			background: url(images/button.png) top center no-repeat;
			background-repeat: no-repeat;
			background-size: calc(100% - 2px) 100%, 100% 100%, 100% 100%, 100% 100%;
		}

		input[type='range']::-moz-range-thumb {
			background: url(images/button.png) top center no-repeat;
			background-repeat: no-repeat;
			background-size: calc(100% - 2px) 100%, 100% 100%, 100% 100%, 100% 100%;
		}
/*meter, meter::-webkit-meter-bar, meter::-webkit-meter-optimum-value, meter::-webkit-meter-suboptimum-value, meter::-webkit-meter-even-less-good-value {
	-webkit-appearance: none;
}*/
meter {
	--background: #ad8a64;
	--optimum: forestgreen;
	--sub-optimum: #ffba00;
	--sub-sub-optimum: crimson;
	--optimumMana: rgb(27, 27, 246); /*rgb(22, 110, 145);*/
	--sub-optimumMana: rgb(137, 27, 246); /*rgb(209, 114, 20);*/
	--sub-sub-optimumMana: rgb(246,27,191); /*rgb(184, 36, 194);*/
}
/*for meter track*/
meter,
meter::-webkit-meter-bar {
	/*to remove the default background property */
	background: none;
	width: 16rem;
	height: 1rem;
	border-radius: 0.75rem;
	overflow: hidden;
	background-color: var(--background);/*rgb(226, 226, 226);*/
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3) inset;
}

	/*for meter bar*/
	meter::-webkit-meter-optimum-value {
		background: none;
		background-color: var(--optimum); /* rgb(22, 145, 63);*/
	}

:-moz-meter-optimum::-moz-meter-bar {
	background: none;
	background-color: var(--optimum); /*rgb(22, 145, 63);*/
}

meter::-webkit-meter-suboptimum-value {
	background: none;
	background-color: var(--sub-optimum); /*rgb(209, 114, 20);;*/
}

:-moz-meter-sub-optimum::-moz-meter-bar {
	background: none;
	background-color: var(--sub-optimum); /*rgb(209, 114, 20);*/
}

meter::-webkit-meter-even-less-good-value {
	background: none;
	background-color: var(--sub-sub-optimum); /*rgb(184, 36, 194);*/
}

:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	background: none;
	background-color: var(--sub-sub-optimum); /*rgb(184, 36, 194);*/
}

meter.mana,
meter.mana::-webkit-meter-bar {
}
	/*for meter bar*/
	meter.mana::-webkit-meter-optimum-value {
	background-color: var(--optimumMana);
}


.mana:-moz-meter-optimum::-moz-meter-bar {
	background-color: var(--optimumMana);
}

meter.mana::-webkit-meter-suboptimum-value {
	background-color: var(--sub-optimumMana);
}

.mana:-moz-meter-sub-optimum::-moz-meter-bar {
	background-color: var(--sub-optimumMana);
}

meter.mana::-webkit-meter-even-less-good-value {
	background-color: var(--sub-sub-optimumMana);
}

.mana:-moz-meter-sub-sub-optimum::-moz-meter-bar {
	background-color: var(--sub-sub-optimumMana);
}