﻿#addupcard #ctl00_textPL_chkTerms {
	display: none;
}

#loginbigdiv, #contentbox {
	display: block;
	width: 100%;
	min-height: 600px;
	background: #CCCFC8;
	padding-bottom: 30px;
}

.alert.alert-info {
	text-align: center;
	margin-top: 10px;
	color: red;
}

#loginbigdiv > div.panel, #mregform {
	display: table;
	width: 30%;
	height: auto;
	margin: 0px auto;
	background: none;
}

.fitpink {
	font-weight: normal !important;
}

.panel-title h1 {
	color: #29aae2;
	font-size: 5.0em;
	text-align: center;
	width: 100%;
	display: block;
	text-transform: uppercase;
}

.forgotpass {
	margin-top: 5px;
}

.panel-title p {
	text-align: center;
	width: 100%;
	display: block;
}

#mregform li {
	width: 100%;
	margin: 0px;
}

.form-group input, #mregform input, #mregform select {
	width: 80% !important;
	margin: 28px 10% 2px 10%;
	border: 1px solid black;
	padding: 12px 5%;
	background: none;
}

#mregform select {
	height: auto;
	background: none;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	padding: 9px 5%;
}

.form-group, #mregform li {
	position: relative;
	width: 100%;
}

.form-group div, #mregform li div {
	color: rgba(0,0,0,0.5);
	pointer-events: none;
	position: absolute;
	width: 70%;
	margin-left: 15%;
	margin-top: -33px;
	font-size: 17px;
	-moz-transition: color 0.5s, margin-top 0.5s, font-size 0.5s, margin-left 0.5s;
	-webkit-transition: color 0.5s, margin-top 0.5s, font-size 0.5s, margin-left 0.5s;
	-o-transition: color 0.5s, margin-top 0.5s, font-size 0.5s, margin-left 0.5s;
	-ms-transition: color 0.5s, margin-top 0.5s, font-size 0.5s, margin-left 0.5s;
	transition: color 0.5s, margin-top 0.5s, font-size 0.5s, margin-left 0.5s;
}

#LoginUsernameTextBox:focus ~ #usernamelabel, .filled #usernamelabel,
#LoginPasswordTextBox:focus ~ #passwordlabel, .filled #passwordlabel,
#fname:focus ~ #fnamelabel, .filled #fnamelabel,
#regemail:focus ~ #regemaillabel, .filled #regemaillabel,
#regtel:focus ~ #regtellabel, .filled #regtellabel, #UsernameTextBox:focus ~ #UsernameTextBoxlabel,
#ctl00_textPL_txtCurrentPassword:focus ~ #ctl00_textPL_txtCurrentPasswordlabel, .filled #ctl00_textPL_txtCurrentPasswordlabel,
#ctl00_textPL_txtNewPassword:focus ~ #ctl00_textPL_txtNewPasswordlabel, .filled #ctl00_textPL_txtNewPasswordlabel,
#ctl00_textPL_txtConfirmPassword:focus ~ #ctl00_textPL_txtConfirmPasswordlabel, .filled #ctl00_textPL_txtConfirmPasswordlabel, .filled #UsernameTextBoxlabel
/*.spaceinputdiv.filled > div, input.spaceinput:focus ~ div.spacediv*/ {
	margin-top: -60px;
	font-size: 13px;
	color: rgba(0,0,0,1);
	margin-left: 10%;
}

.login-footer-back {
	text-align: center;
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
}

.login-footer {
	width: 80%;
	margin-left: 10%;
}

.forgotpass a {
	width: 100%;
	text-align: right;
	display: block;
	height: auto;
}

#PasswordButton, #backlink {
	margin-top: 30px !important;
}


#PasswordButton {
	color: white;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 12px 25px;
	display: table;
	margin: 10px auto;
}

#backlink {
	text-align: center;
	/*    color:white;
	font-size:1.1em;
	text-transform:uppercase;
	padding:12px 25px;
	display:table;
	margin:10px auto;
    float:right;
     */
}

#UsernameValidator, #ctl00, #ctl01 {
	color: red;
	padding-top: 10px;
	margin-left: 10%;
	margin-top: 10px;
}

#LoginButton, #registerlink, #btnApply {
	color: white;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 12px 25px;
	display: table;
	margin: 10px auto;
	cursor: pointer;
}

#LoginButton, #PasswordButton, #card-button, #btnApply {
	background: #93c83f;
}

#registerlink {
	background: #000000;
	border: 1px solid #000;
	transition: color 0.3s, background 0.3s;
}

#registerlink:hover, #LoginButton:hover, #PasswordButton:hover, #card-button:hover, #btnApply:hover {
	background: #fff;
	color: #000;
}

#ctl00_textPL_LoginButton, #card-button {
	color: white;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 12px 25px;
	display: table;
	margin: 10px auto;
	border: 1px solid #93c83f;
	background: #93c83f;
	width: 30% !important;
	-moz-transition: color 0.3s, background 0.3s;
	-webkit-transition: color 0.3s, background 0.3s;
	-o-transition: color 0.3s, background 0.3s;
	-ms-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}

#ctl00_textPL_LoginButton:hover, #card-button:hover {
	background: rgba(0,0,0,0);
	color: #93c83f;
}

#ctl00_textPL_CancelLink {
	width: 80%;
	text-align: center;
	display: block;
	margin-left: 10%;
}

#ctl00_textPL_lblMessage {
	display: block;
	width: 100%;
	text-align: center;
}

#tandc {
	margin-left: 10%;
}

.yesnoclick span, .filterclick span {
	padding: 0px 0 0 32px;
}

#ctl00_textPL_ctl03 {
	display: block;
	text-align: center;
	padding-top: 10px;
	width: 100%;
}

#addupcard p.description {
	text-align: center;
}

#addupcard #loginbigdiv #card-element {
	position: relative;
	width: 80% !important;
	margin: 20px 10% 0 10%;
	padding: 12px 5%;
}

#addupcard #loginbigdiv #card-button {
	margin-top: 20px;
}

.textboxwrapper {
	width: 50%;
	margin: 0 auto;
	font-size: 17px;
	line-height: 20px;
}

.textboxwrapper > h1 {
	text-transform: uppercase;
	color: #29aae2;
	padding: 30px 0 20px 0;
	line-height: 30px;
	font-size: 1.7em;
	width: 100%;
	font-weight: 600;
	text-align: center;
}

.contenttilesep2 {
	width: 30%;
	max-width: 110px;
	display: block;
	height: 1px;
	background: black;
	margin: 40px auto;
}

@media screen and (min-width:768px) {
}

@media screen and (max-width:1200px) {
	#mregform, #addupcard #loginbigdiv > div.panel {
		width: 50%;
	}
}

@media screen and (max-width:900px) {
	#mregform, #addupcard #loginbigdiv > div.panel {
		width: 60%;
	}
}

@media screen and (max-width:767px) {
	#mregform, #addupcard #loginbigdiv > div.panel {
		width: 70%;
	}

	#tandc {
		margin-left: 0px !important;
	}

	.textboxwrapper {
		width: 90%;
	}
}

@media screen and (max-width:550px) {

	.form-group input {
		/*width:100% !important;*/
	}

	.panel {
		width: 90% !important;
		padding-top: 20px;
	}

	#mregform, #addupcard #loginbigdiv > div.panel {
		width: 96%;
	}

	.panel-title h1 {
	color: #29aae2;
		font-size: 2.4em !important;
	}

	#registerresponsive {
		font-size: 2.4em !important;
	}

	#mregform li div {
		font-size: 13px;
		margin-top: -24px;
	}

	.form-group div {
		font-size: 13px;
		margin-top: -31px;
	}

	#ctl00_textPL_LoginButton, #card-button {
		padding: 8px 15px;
		width: 100% !important;
	}

	/* #tandc
    {
        margin-left:5px;
        height: 35px;
    }

    #cbxtandc a
    {
        margin-left:5px;
        float:none;
    }*/
	.panel-title p {
		padding-left: 10px;
		padding-right: 10px;
	}

	#LoginUsernameTextBox:focus ~ #usernamelabel, .filled #usernamelabel, #LoginPasswordTextBox:focus ~ #passwordlabel,
	.filled #passwordlabel, #fname:focus ~ #fnamelabel, .filled #fnamelabel, #regemail:focus ~ #regemaillabel,
	.filled #regemaillabel, #regtel:focus ~ #regtellabel, .filled #regtellabel, #UsernameTextBox:focus ~ #UsernameTextBoxlabel,
	#ctl00_textPL_txtCurrentPassword:focus ~ #ctl00_textPL_txtCurrentPasswordlabel, .filled #ctl00_textPL_txtCurrentPasswordlabel,
	#ctl00_textPL_txtNewPassword:focus ~ #ctl00_textPL_txtNewPasswordlabel, .filled #ctl00_textPL_txtNewPasswordlabel,
	#ctl00_textPL_txtConfirmPassword:focus ~ #ctl00_textPL_txtConfirmPasswordlabel, .filled #ctl00_textPL_txtConfirmPasswordlabel, #fname:focus ~ #fnamelabel, .filled #fnamelabel {
		margin-top: -61px;
		font-size: 13px;
		color: rgba(0,0,0,1);
		margin-left: 10%;
	}

	#UsernameTextBox:focus ~ #UsernameTextBoxlabel, .filled #UsernameTextBoxlabel {
		margin-top: -60px;
		font-size: 12px;
		color: rgba(0,0,0,1);
		margin-left: 10%;
	}

	#UsernameTextBoxlabel {
		font-size: 10px;
		margin-top: -20px;
	}

	#LoginButton, #PasswordButton, #registerlink, #btnApply, #card-button {
		font-size: 13px;
	}

	.resetpassclass {
		height: 350px !important;
	}

	.alert.alert-info {
		text-align: center;
		margin-top: 10px;
		color: red;
		font-size: 11px;
	}
}
