html, body {
	height:100%;
	width:100%;
	margin:auto;
}

body {
	background-image: linear-gradient(to bottom, #E2E6EA 0%, #708EA8 100%);
	overflow:hidden;
	font-family:arial, helvetica, sans-serif;
	font-size:1.4em;
	color:#000;
	text-align: center;
}

#textholder {
	font-size: 0.9em;
	color: #406687;
	margin: 0;
	text-align: center;
	margin-top:120px;
}

#loginBox {
	width: 40%;
	margin: auto;
	margin-top:10%;
	font-size:1.4em;
	padding: 10px 20px 5px 20px;
	background: #fff;
	text-align: center;
	border: 5px solid #ddd;
    background: url(/customerimages/login-logo.png) center 10% no-repeat whitesmoke;
	border-radius:40px;
	box-shadow: 0 0 40px #000000;
	min-height:400px;
	min-width:400px;
}

input[type="text"], input[type="password"], input[type="email"] { 
	height: 44px;
	font-size:.8em;
	width:50%;
	background-color:whitesmoke;
	border-radius:4px;
	margin-bottom:10px;
	padding: 2px 6px 2px 6px;
	border:2px solid #708EA8;
	color:#406687
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { 
	background-color:white;
	box-shadow: 0 0 4px #708EA8;
}

table {
	text-align:center;
	width:100%;
	border-collapse:collapse;
	margin-top:30px;
}

.login-button {
	width:240px;
	margin: 8px 16px 8px 16px;
	font-weight: bold;
	border: 2px solid #406687;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 6px;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	opacity: 0.6;
	cursor: pointer;
}

.login-button:hover {
	opacity: 0.8;
	box-shadow: 0 0 8px #406687;
}

.login-button:active {
	box-shadow: 0 0 12px #406687;
	color:#b6bb40;
}

#reset-pw {
	width:240px;
	margin: 8px 16px 8px 16px;
	font-weight: bold;
	border: 2px solid #406687;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 6px;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	opacity: 0.6;
	cursor: pointer;
}

#reset-pw:hover {
	opacity: 0.8;
	box-shadow: 0 0 8px #406687;
}

#reset-pw:active {
	box-shadow: 0 0 12px #406687;
	color:#b6bb40;
}

#forgotten-pw {
	font-size: 16px;
    color: red;
	text-decoration:none;
}

#forgotten-pw:hover {
	cursor:pointer;
	text-decoration:underline;
}

#resetbox {
	display:none;
}

#reset-email {
	width:70%;
}

#reset-result {
    font-size: 18px;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
	display:none;
	margin-top:12px;
}

#cp-create-account {
	font-size: 16px;
    color: seagreen;
    text-decoration: none;
}

#cp-create-account:hover {
	cursor:pointer;
	text-decoration:underline;
}

#createaccountbox {
	display:none;
}

#create-account-email {
	width:70%;
}

#create-account-result {
    font-size: 18px;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
	display:none;
	margin-top:12px;
}