
.psf-item
{
	display: inline-block;
	margin-right: 5ch;
	margin-bottom: 1.5em;
}

.psf-item label
{
	display: block;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.psf-form input, .psf-form select
{
	height: 2em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  border: 1px solid #a0a0a0;
	padding-left: 1ch;
}

.psf-form input:focus, .psf-form select:focus, .psf-textradio:focus + label
{
	outline: none;
	border-color: blue;
	border-width: 2px;
}

label.psf-radiolabel
{
	display: inline-block;
	width: auto;
	height: 2em;
	padding: 0 1ch 0 1ch;
	border: 1px solid gray;
	border-radius: 6px;
	text-align: center;
}

label.psf-radiolabel:hover
{
	background-color: #363636;
	color: white;
}

.psf-textradio
{
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

label.psf-layerlabel
{
	width: 4ch;
	padding: 0px;
}

label.psf-colorlabel
{
	padding: 0 1ch 0 1ch;
}

.psf-textradio:checked + label {
	 background-color: green;
	 color: white;
}

/*.advanced
{
	display: none;
}*/

progress {
	 /* Reset the default appearance */
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;

	 height: 2em;

	 /* Style in Firefox */
	 background: lightgray;
	 box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
	 border-radius: 1em;
}

progress::-moz-progress-bar
{
	 background-color: lightgreen;
	 border-radius: 1em;
}

/* Style in Chrome and Safari */
progress::-webkit-progress-bar
{
	 background: lightgray;
	 box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
	 border-radius: 1em;
}

progress::-webkit-progress-value
{
	 background-color: green;
	 border-radius: 1em;
}

.psf-colorblock
{
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	vertical-align: middle;
	word-wrap: normal;
	border: 1px solid black;
}

.psf-nocolorblock
{
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	vertical-align: middle;
	word-wrap: normal;
	border: 1px dotted black;
}

label.psf-radiolabel:hover .psf-colorblock, label.psf-radiolabel:hover .psf-nocolorblock
{
	border-color: white;
}