﻿body, p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
}

body {
	background-color: #DDDDDD;
}

h1, h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	text-align: center;
	display: block;
	color: #FFFFFF;
	background-color: #084880;
	padding: 0.2em;
	border-radius:0.35em;	
}

h1 {
    font-size: 24pt;
}

h2 {
    font-size: 16pt;
}

.header {
	text-align: center;
	margin: 0.5em;
	background-color: #FFFFFF;	
	border-radius:0.5em;
}

.header img {
	margin: 0.5em;
	height: 4em;
}

.content {
	text-align: center;
	margin: 0.5em;
	background-color: #FFFFFF;	
	border-radius:0.5em;
}

.content > div {
	padding: 0.5em;
}

.content > div > div:first-child {
	margin-top: 0px;
}

.content > div > div, .content > div > p > div {
	text-align: left;
	margin-top: 0.5em;
	background-color: #DDDDDD;	
	border-radius:0.5em;
	padding: 0.5em;

}

.filename {
	font-weight: bold;
	margin: 1em;
}

.expiredate {
	margin: 1em;	
}

input[type=file] {
    position: fixed;
    left: -500px;
    top: -500px;
    height: 0px;
    width: 0px;
}

.content a, button, select, input[type=button], input[type=submit], input[type=reset], select {
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
	margin: 0.5em;
	padding: 0.5em;
	color: #084880;
	display: inline-block;
	width: 18em;
	background-color: #DDDDDD;
	border-radius:0.3em;
	border: solid 0.05em #000000;
}

textarea{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
	margin: 0.5em;
	padding: 0.5em;
	color: #084880;
	display: inline-block;
	width: 18em;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius:0.3em;
	border: solid 0.05em #000000;
	height: 4em;
}

.content a:hover, button:hover, select:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, select:hover {
	color: #e31c1c;
	background-color: #AAAAAA;
}

button:disabled, select:disabled, input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, select:disabled, textarea:disabled {
	color: #5898D0;
	background-color: #EEEEEE;
}

.content > div > div > a {
	width: auto;
}

.content img {
	height: 1.5em;
	vertical-align: middle;
}

.content span {
	text-align: left;
	line-height: 1.5em;
	height: 1.5em;
	display: inline-block;
	margin: 0.5em;
}

#progressbar {
	margin: 0.5em;
	padding: 0;
	border-radius:0.3em;
	border: solid 0.05em #000000;
	background-color: #FFFFFF;
	height: 0.7em;
	overflow: hidden;
}
#progressvalue{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #084880;
}

#storebar {
	margin: 0.5em;
	padding: 0;
	border-radius:0.3em;
	border: solid 0.05em #000000;
	background-color: #FFFFFF;
	height: 1.5em;
	overflow: hidden;
}
#storevalue{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #084880;
}

.errormsg{
	background-color: #f47365 !important;
	text-align: center !important;
	
}

.successmsg{
	background-color: #8cc63f !important;
	text-align: center !important;	
}

.sendform{
	text-align: center !important;	
}
