body {
	padding: 0 20px;
	font-family: sans-serif;
	font-size: 13pt;
}

h1, h2 {
	text-align: center;
	font-weight: bold;
	font-size: 20pt;
	padding: 10px;
}

h2 {
	font-size: 18pt;
	padding-bottom: 20px;
	margin-top: 20px;
}

p {
	padding-bottom: 10px;
}

strong {
	font-weight: bold;
}

#wrapper {
	width: 100%;
	padding-bottom: 50%;
	position: relative;
	border: 5px solid black;
	margin-left: -5px;
}

#img_cont, #message {
	position: relative;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}

#message {
	text-align: center;
	background-color: #eef;
	z-index: 0;
	overflow: scroll;
}

#error_msg {
	color: red;
	font-weight: bold;
	font-size: 20px;
	margin-top: 50px;
}

#img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	pointer-events: none;
}

#dragger {
	position: relative;
	left: 50%;
	top: 0;
	height: 100%;
	width: 20px;
	margin-left: -10px;
	margin-right: -10px;
	background: url('red_pixel.gif') repeat-y center top;
	z-index: 2;
	cursor: ew-resize;
		visibility: hidden;
}
#info {
	margin: 10px auto;
	text-align: center;
}

#file_upload {
	text-align: center;
}
label {
	font-weight: bold;
	margin-right: 10px;
}