@charset "UTF-8";
/* CSS Document */

/*
	File: logCase.css
	Purpose: to style zipArtic application
	Author: David Whimpey
	Date Created: 04/07/2017
	Last updated: 03/09/2017
*/


HTML {
	margin: 0;
	overflow:scroll;
	border: none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEE;
	padding-left:0%;
	padding-right:0%;
	min-width:960px; /*1028*/
	max-width:960px; /*1028*/
	margin: 0 auto;
}

section{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background-color: #FFF;	
}

h1{
	color: #EEE;
	background-color: #00A3D9;	
	text-align: center;
	margin: 0px;
	padding: 10px;
    font-size:400%;
}

h2{
	color: #036596;
    font-size:200%;
}

p{
	color: #000;	
	font-size:medium;
}

span, .lightGrey{
	color: #000;
	margin: 0px 0px 0px 20px;
}

form{
	width: 100%;
}

fieldset{
	border:0;
}

label{
	width: 80%;
	display: block;
	float:left;
	padding: 0px 5px 0px 5px;
	margin: 20px 0px 0px 5px;
	color: #000;
	font-size:120%;
}

.label{
	display:inline-block;
	width: 40%;	
	/*padding-left:20px;*/
	color: #000;
	font-size:110%;
}

input, select, textarea, option{
	margin: 20px 0px 0px 10px;
	padding:0px 0px 0px 5px;
	/*line-height: 18px;*/
	font-size:200%;
	width: 60%;
	color:#000;
	box-sizing: border-box;
}

textarea{
	width: 80%;	
}

input[type=radio] {
	display: inline-block;
}

input[type=checkbox] {
	display: block;
	width:auto;
}

input:focus, textarea:focus, option:focus, select:focus{
	background-color: #FFFACD;
}

input::placeholder{
	color:#d9b100;
	font-style: italic;
}

input:placeholder-shown {
  	color:#d9b100;
	font-style: italic;
}

input[type=button]{
	margin: 10px 10px 0px 0px;
	padding: 1px 10px 1px 10px;
	width: auto;
	font-size:90%;
	color:#FFF;
	background-color:#00A3D9;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius:4px;
}

input[type=button]:hover {
	background-color:#036596;
}

input[type=button]:active {
	color:#d9b100;
}

.red{
	color: red;
}

.white{
	color:#FFF;	
}

.center{
	text-align: center;	
}

.hidden{
	display: none;
}