html {
  background-color: #f2f2f2;
  background: url('background.jpg') no-repeat top left fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

html, body {
  height: 100%;
  color: #34495e;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  margin: 0px;
}

.panel {
  position: absolute;
  top: 50px;
  left: 50%;
  background-color: #f2f2f2;
  width: 600px;
  margin-left: -300px;
  padding: 20px;
  border: 10px solid #014076; 
}

img.link {
	padding-right: 10px;
}

img.logo {
  width: 580px;
  height: auto;
  margin: 10px 10px 5px 10px;
}

img.error, img.download {
  width: 64px;	
}

.panelbox {
  width: 500px;
  margin: 20px 10px 0 10px;
  padding: 20px 39px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
}

.linkbox {
	display: block;
	padding-top: 10px;
}

.linkbox:nth-of-type(1)
{
    padding-top: 20px;
} 

.left, .right {
	display: inline-block;
	text-align: left;
	margin: 6px 0;
	vertical-align: top;
}

.left {
	width: 100px; 
	padding-right: 20px;
	margin-top: 13px;
}

.right {
	width: 280px;
}

.panelbox.large {
	width: 500px; 
  padding: 20px 19px 20px 59px;
}

.left.large {
	width: 120px;
}

.right.large {
	width: 340px;
}

.title, .explanation {
	width: 500px; 
    text-align: left;
    padding-bottom: 5px;
}

.title {
    padding-top: 5px;
	font-weight: bold; 
}


table {
  border-collapse: collapse;
}

th.type4, td.type4 {
  height: 28px;
  color: #014076;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
  border-style: none;
}

td.type4 {
  text-align: right;
}

input.type4, select.type4 {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  background-color: #fafafa;
  color: #34495e;
  height: 24px;
  width: auto;
  box-sizing: content-box;
  margin: 0px;
  padding: 2px;
  font-size: 14px;
  border: 1px solid #ddd;
}

input[type=submit].type4, input[type=button].type4, button[type="submit"].type4 {
  width: 186px;
  margin-top: 0;
  margin-right: 9px;
}

input.editfield.type4 {
  width: 180px;
}

button[type="submit"] {
  margin-top: 2rem;
  margin-right: 9px;
  width: 186px;
  height: 30px;
  cursor: pointer;
}

button[type="submit"]:disabled {
  cursor: not-allowed;
}

input {
	width: 280px;
	height: 30px;
    font-size: 15px;
	border: 1px solid #e0e0e0;
}

input:disabled {
  background-color: #f2f2f2;
}

input[type="submit"], input[type="button"], button[type="submit"] {
	background-color: #34495e;
	color: #ffffff;
	height: 32px;
	border: 0;
	transition-property: background-color, color;
	-webkit-transition-property: background-color, color;
	transition-duration: 0.2s;
	-webkittransition-duration: 0.2s;
}

input[type=submit]:disabled, input[type=button]:disabled, button[type="submit"]:disabled {
  background-color: #7f8c8d!important;
}

input[type="submit"]:hover, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:active, button[type="submit"]:hover, button[type="submit"]:active {
    background-color: #2b2d3f;
    color: white;
}

a {
  color: #34495e;
  text-decoration: none;
}

a:hover {
  color: #34495e;
  text-decoration: underline;
}

.error {
	color: #e74c3c;
}

#progressBarBox {
  margin-top: 5px;
  width: 350px;
  height: 20px;
  border: 1px solid #e0e0e0;
  background: #f2f2f2;
}

#progressBarBoxContent {
  width: 0;
  height: 20px;
  background-color: #2ecc71;
}

#filelist .name {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*********** fontz  ***********/

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-ExtraLight.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-ExtraLight.otf')
    format('opentype'),
    url('fonts/TTF/SourceSansPro-ExtraLight.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-ExtraLightIt.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-ExtraLightIt.otf')
    format('opentype'),
    url('fonts/TTF/SourceSansPro-ExtraLightIt.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-Light.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-Light.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-Light.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-Light.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-LightIt.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-LightIt.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-LightIt.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-LightIt.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-Regular.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-Regular.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-Regular.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-Regular.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  src:
    url('fonts/EOT/SourceSansPro-Semibold.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-Semibold.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-Semibold.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-Semibold.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-SemiboldIt.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-SemiboldIt.otf')
    format('opentype'),
    url('fonts/TTF/SourceSansPro-SemiboldIt.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src:
    url('fonts/EOT/SourceSansPro-Bold.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-Bold.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-Bold.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-Bold.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-BoldIt.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-BoldIt.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-BoldIt.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-BoldIt.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  src:
    url('fonts/EOT/SourceSansPro-Black.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-Black.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-Black.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-Black.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  src: 
    url('fonts/EOT/SourceSansPro-BlackIt.eot')
    format('embedded-opentype'),
    url('fonts/WOFF/OTF/SourceSansPro-BlackIt.otf.woff')
    format('woff'), url('fonts/OTF/SourceSansPro-BlackIt.otf')
    format('opentype'), url('fonts/TTF/SourceSansPro-BlackIt.ttf')
    format('truetype');
}