a {font:bold 10px 'Lato',Arial,sans-serif; color:#9ea07e; text-decoration:none;}
a:hover {font:bold 10px 'Lato',Arial,sans-serif; color:#9ea07e; text-decoration:underline;}
.errormessage, .jsrequired {width:680px; margin:0 auto;}
.login {position:relative; width:680px; margin:0 auto; overflow:hidden;}
.login .text {position:absolute; top:42px; left:0; width:485px; text-align:center;}
#loginDiv .forgotpassword {text-align:center; padding:15px 0; }
#loginDiv .forgotpassword, #loginDiv .questions {font:normal 11px 'Lato',Arial,sans-serif; color:#084E8D;}
#loginDiv .forgotpassword a, #loginDiv .questions a {color:#084E8D; text-decoration:underline;}
#loginDiv .forgotpassword a:hover, #loginDiv .questions a:hover {color:#44A79F; text-decoration:none;}
#loginDiv .newpartner {width:335px; margin:0 auto; padding:10px 0 25px 0; font:normal 11px 'Lato',Arial,sans-serif; color:#084E8D; text-align:center;}
#loginDiv .newpartner a {font:bold 11px 'Lato',Arial,sans-serif; color:#084E8D; text-decoration:underline;}
#loginDiv .newpartner a:hover {color:#44A79F; text-decoration:none;}
.loginlogo {width:187px;}

.center {text-align:center;}

.loginbtn {margin:10px auto 20px auto !important; padding:10px 20px !important; font-size:17px;}
.loginlogo {position:relative; display:block; margin:45px auto 15px auto;}
.loginheader {padding:20px 0 30px 0; font:normal 32px 'MrEavesSanRRegular',Arial,sans-serif; color:#084E8D; text-align:center;}

/* LOGO */
.pploginlogo .logo {position:relative; width:180px; height:107px; display:block; margin:45px auto 15px auto; background:url(https://cdn.ssmedia.com/carmelcalifornia/webart/noidx/logo-color.svg) no-repeat; z-index:100;}
.pploginlogo .logo div {display:block; width:100%; height:100%; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);}
.pploginlogo .logo, .pploginlogo .logo div {-o-background-size:100% 100%,auto; -moz-background-size:100% 100%,auto; -webkit-background-size:100% 100%,auto; background-size:100% 100%,auto;}

.inputfield {display:block; margin:0 auto 15px auto; width:310px; padding:15px 15px; border:none; font-family:'MrEavesSanRRegular'; font-size:18px; font-style:italic; color:#44a79f; background:#C7E4E2; }
input.error {border:2px solid #f00;}
label.error {display:none !important;}

/* Placeholder */
#loginForm .placeholder {color:#44a79f !important;}
#loginForm input::-webkit-input-placeholder {color:#44a79f !important;}
#loginForm input:-moz-placeholder {color:#44a79f !important; opacity:1 !important;}
#loginForm input::-moz-placeholder {color:#44a79f !important; opacity:1 !important;}
#loginForm input:-ms-input-placeholder {color:#44a79f !important;}

@media only screen and (max-width: 767px) {
	.errormessage, .login, .jsrequired {width:96%;}
	.login .text {left:0; width:90%;}
	#loginDiv .newpartner {width:80%;}
	.loginlogo {width:150px;}
	.loginheader {font-size:28px;}
	.pploginlogo .logo {width:150px; height:89px;}
}
@media only screen and (max-width: 640px) {
	.loginheader {font-size:24px;}
}
@media only screen and (max-width: 480px) {
	.inputfield {width:80%;}
	.loginlogo {width:120px;}
	.loginheader {font-size:18px;}
	.pploginlogo .logo {width:120px; height:71px;}
}