input {
	width: 50px;
}

.leftForm {
	display: inline-block;
	width: 250px;
	text-align: right;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #333;
	color: #FFF;
}
#values {
	width: 450px;
	float: left;
	text-align: left;
}
a {
    color: #FF0;
}
a:link {
    color: #FF0;
}
a:visited {
}

.note {
	color: #F00;
}

#imgimg {
    border-style: double;
}
#resultImage {
	clear: both;
}
#image {
	width: 410px;
	float: left;
}
#error {
	color: #F00;
	clear: both;
	text-align: right;
}
.loadMarker {
	background-color: #F00;
	height: 20px;
	width: 50px;
    border: double #FFF;
    padding-right: 20px;
	padding-left: 16px;
}
.off {
	clear: both;
}
p {
	padding-top: 1ex;
	padding-bottom: 1ex;
	margin: 0px;
}
.loadedMarker {
	background-color: #0F0;
	height: 20px;
	width: 50px;
    border: double #FFF;
    padding-right: 20px;
	padding-left: 16px;
}
#main {
	text-align: right;
	color: #FF0;
	font-size: large;
}
.result {
	padding-right: 4px;
	padding-bottom: 4px;
}
.right {
    padding-left: 4px;
    text-align: right;
	color: #FF0;
	font-size: large;
	float: right;
}
.left {
    padding-right: 4px;
    text-align: left;
	color: #FF0;
	font-size: large;
	float: left;
}

.subtitle {
	font-size: larger;
	margin: 0px;
	padding-top: 2ex;
	padding-right: 0px;
	padding-bottom: 0ex;
	padding-left: 0px;
}
.subtitleClear {
	font-size: larger;
	clear: both;
	margin: 0px;
	padding-top: 2ex;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.super {
    font-size: smaller;
    vertical-align: top;
}