body { 
	background-color: #f0f0e8; 
	font-family: Scala,Helvetica,Arial,Verdana; 
} 
#content { 
	background-color: white; 
	padding: 1em; 
	border: 1px solid #ccccb2; 
	width: 800px; 
	margin: 0 auto; 
} 
#footer { 
	font-size: 80%; 
	border-top: 1px solid black; 
	margin-top: 1em; padding: 0;
} 
#qrcode { 
	float: right; 
	border: 1px solid black; 
	width: 246px; 
	height: 246px;
	margin-top:2em;
} 
.template { 
	display: none; 
	visibility: hidden; 
} 
.note { 
	font-size: 80%;
	color: #666;
	cursor: pointer;
}
input, textarea, select{
        outline: 0 none;
        vertical-align: top;
        border-color: #6685a3;
        border-style: solid;
        border-width: 1px;
        padding-left: 7px;
        padding-right: 7px;
	margin-right: 1em;
}
input:focus, textarea:focus, select:focus {
        background-color: white;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(100 190 232 / 60% );
}
input {
        line-height: 18px;
}
input[type=number] {
	width: 6ex;
}
.submitbuttons {
	padding: 5px;
	text-align: center;
}
.submitbutton {
	border: 2px outset #006699;
        display: inline-block;
        padding: 2px 6px;
        cursor: pointer;
        font-size: 90%;
        background-color: #ccd6e0;
        color: #036;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
	width: 45%;
	margin-right: 2%;
	margin-left: 2%;
}
.submitbutton:hover, .submitbutton:focus {
        background-color: #8099b2;
        color:white;
}
.submitbutton:active {
	border: 2px inset #006699;
        padding-top: 3px;
        padding-bottom: 1px;
}
.p { 
	margin: 1ex 0;
}
#text {
	width: 500px;
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #999966;
	cursor: pointer;
}
.imgurl {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 85%;
	vertical-align: bottom;
}