/* STYLE FORM: registryFormA UPDATED 2019-07-23*/

/* REGISTRY FORM COMMONS */

form#registryFormA {
	overflow:hidden; 
	width:100%;
	}
	
form#registryFormA hr {
	border:none; 
	height:1px; 
	clear:both;
	margin: 2% 0;
	}

form#registryFormA fieldset {
	float:left; 
	overflow:hidden; 
	}

form#registryFormA label {
	float:left; 
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] { 
float:left; 
border:1px solid grey;
color: grey;
}

form#registryFormA input[type="number"].smallInput { 
float:left;
border:1px solid grey;
text-align: center; 
}

form#registryFormA input[type="text"].smallInput {
	float:left; 
	border:1px solid grey; 
	text-align: center;
	}
	
form#registryFormA  textarea {
	font-family:'Open Sans', sans-serif;
}

/* REMOVING THE INPUT NUMBER SPINNER */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
	margin: 0;
	}

input[type=number] {
	-moz-appearance:textfield;
	}


/* PLACEHOLDERS STYLE */

::placeholder {
color: #9F3333; font-size:96%; opacity: 0.8;
}
	
::-webkit-input-placeholder {
color: #9F3333; font-size:96%; opacity: 0.8;
}

::-moz-placeholder { /* Firefox 18- */
color: #9F3333; font-size:96%; opacity: 0.8;
}

::-moz-placeholder { /* Firefox 19+ */
color: #9F3333; font-size:96%; opacity: 0.8;
}

input::-ms-input-placeholder  { 
color: #9F3333; font-size:96%; opacity: 0.8;
}



/* REMOVING DROPDOWN ARROW */

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	background: url('../common/select_arrow.svg') no-repeat 97% 50% #FFFFFF;
	border:1px solid grey;
	color:grey;
}

form#registryFormA textarea {
	color:grey; 
	float:left; 
	border:1px solid grey; 
	resize:none;
	}

form#registryFormA select {
	float:left;
	}

form#registryFormA input[type="submit"] {
	clear:both; 
	float:right; 
	border:none;
	background-color:#8E8E8E;
	color:white;
	cursor:pointer;
	}
	
form#registryFormA input[type="submit"]:hover {
	background-color:#C6716B;	
}

form#registryFormA input[type="submit"]:active {
	background-color:#DD4A3E;	
}

span.legalText {
	display:block;
	}

/* WARNING BOX */

div#formwarningbox {
	width:98%; 
	padding:1%; 
	color:#FFFFFF; 
	background-color:#C93131; 
	font-size:95%; 
	clear:both;
	}

span.informText {
	width: 72%;
	display:block;
	color:#9F3333; 
	font-size: 80%; 
	line-height:135%;
	margin: -4% 0 1% 27%;
	float:right;
	}

/*STYLING CHECKBOXES*/

form#registryFormA input[type="checkbox"] {
	display:none;
}

form#registryFormA input[type="checkbox"] + label
{
background: url('../common/check.svg'); background-repeat:no-repeat; background-size:98%; background-position: center;
height: 30px;
width: 30px;
display:inline-block;
padding: 0;
margin-right: 10px;
margin-top:-4px;
cursor:pointer;
}
form#registryFormA input[type="checkbox"]:checked + label
{
background: url('../common/checked.svg'); background-repeat:no-repeat; background-size:98%; background-position: center;
height: 30px;
width: 30px;
display:inline-block;
padding: 0;
margin-right: 10px;
margin-top:-4px;
cursor:pointer;
}




/******RESPONSIVE******************/

/* PHONE PORTRAIT *******************************************/

@media only screen and (min-width: 280px) and (orientation: portrait) {
	
form#registryFormA {
	width: 100%; 
	padding: 3% 0;
	font-size:100%;
	}

form#registryFormA fieldset {
	width: 99.5%; 
	margin: 0; 
	}
	

form#registryFormA label {
	width: 100%;
	margin: 0 0 1% 0;
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] 
{
	width: 97%; 
	margin-bottom: 5%; 
	padding:1%;
	height:25px;
	}

form#registryFormA input[type="tel"] {
	width: 50%; 
	margin: 0 26% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="number"].smallInput {
	width: 35%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="text"].smallInput {
	width: 35%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA textarea {
	width: 97%; 
	height:105px; 
	margin-bottom: 5%; 
	padding:1%; 
	}

form#registryFormA select {
	width:99%; 
	padding:1%; 
	margin-bottom: 5%;
	font-size:98%;
	height:35px;
	}

form#registryFormA input[type="submit"] {
	min-width:10%;
	font-size: 100%; 
	padding:3% 4%; 
	margin:2% 0; 
	letter-spacing:1px;
	}

span.legalText {
	font-size:81%;
	line-height:145%;
	}

/*ADDED*/

form#registryFormA  label.largeLabel {
	width:100%; 
	float:left; 
	clear:both; 
	color:#FFFFFF;
	}
form#registryFormA textarea.longTextarea {
	width: 98%; 
	height:120px; 
	margin-bottom: 5%; 
	padding:1%; 
	font-size:100%;
	}
	
span.informText {
	width: 100%;
	font-size: 80%; 
	line-height:135%;
	margin: -4% 0 2% 0;
	}
	
}

/* PHONE LANDSCAPE *******************************************/

@media only screen and (min-width: 300px) and (orientation: landscape) {
	
form#registryFormA {
	width: 100%; 
	padding: 3% 0;
	font-size:100%;
	}

form#registryFormA fieldset {
	width: 48%; 
	margin: 0 2% 0 0; 
	}
	
form#registryFormA fieldset:nth-child(odd) {
	width: 48%; 
	margin: 0 0 0 2%; 
	}

form#registryFormA label {
	width: 100%;
	margin: 0 0 1% 0;
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] 
{
	width: 95%; 
	margin-bottom: 5%; 
	padding:1%;
	height:26px;
	}

form#registryFormA input[type="tel"] {
	width: 60%; 
	margin: 0 16% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="number"].smallInput {
	width: 35%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="text"].smallInput {
	width: 45%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA textarea {
	width: 95%; 
	height:106px; 
	margin-bottom: 5%; 
	padding:1%; 
	}

form#registryFormA select {
	width:98%; 
	padding:1%; 
	margin-bottom: 5%;
	font-size:98%;
	height:36px;
	}

form#registryFormA input[type="submit"] {
	min-width:10%;
	font-size: 100%; 
	padding:2% 3%; 
	margin:2% 0; 
	letter-spacing:1px;
	}


span.legalText {
	font-size:85%;
	line-height:145%;
	}
	
span.informText {
	width: 100%;
	font-size: 80%; 
	line-height:135%;
	margin: -4% 0 2% 0;
	}

/*ADDED*/

form#registryFormA  label.largeLabel {
	width:100%; 
	float:left; 
	clear:both; 
	color:#FFFFFF;
	}
form#registryFormA textarea.longTextarea {
	width: 98%; 
	height:120px; 
	margin-bottom: 5%; 
	padding:1%; 
	font-size:100%;
	}	
	
}


/* TABLET PORTRAIT *******************************************/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
form#registryFormA {
	width: 100%; 
	padding: 3% 0;
	font-size:100%;
	}

form#registryFormA fieldset {
	width: 48%; 
	margin: 0 2% 0 0; 
	}
	
form#registryFormA fieldset:nth-child(odd) {
	width: 48%; 
	margin: 0 0 0 2%; 
	}

form#registryFormA label {
	width: 100%;
	margin: 0 0 1% 0;
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] 
{
	width: 95%; 
	margin-bottom: 5%; 
	padding:1%;
	height:22px;
	}

form#registryFormA input[type="tel"] {
	width: 50%; 
	margin: 0 26% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="number"].smallInput {
	width: 35%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="text"].smallInput {
	width: 35%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA textarea {
	width: 95%; 
	height:96px; 
	margin-bottom: 5%; 
	padding:1%; 
	}

form#registryFormA select {
	width:98%; 
	padding:1%; 
	margin-bottom: 5%;
	font-size:98%;
	}

form#registryFormA input[type="submit"] {
	min-width:10%;
	font-size: 100%; 
	padding:1% 2%; 
	margin:2% 0; 
	letter-spacing:1px;
	}


span.legalText {
	font-size:81%;
	line-height:145%;
	}
	
span.informText {
	width: 100%;
	font-size: 80%; 
	line-height:135%;
	margin: -4% 0 2% 0;
	}

/*ADDED*/

form#registryFormA  label.largeLabel {
	width:100%; 
	float:left; 
	clear:both; 
	color:#FFFFFF;
	}
form#registryFormA textarea.longTextarea {
	width: 98%; 
	height:120px; 
	margin-bottom: 5%; 
	padding:1%; 
	font-size:100%;
	}	
	
}



/* TABLET LANDSCAPE *******************************************/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
form#registryFormA {
	width: 100%; 
	padding: 3% 0;
	font-size:100%;
	}

form#registryFormA fieldset {
	width: 48%; 
	margin: 0 2% 0 0; 
	}
	
form#registryFormA fieldset:nth-child(odd) {
	width: 48%; 
	margin: 0 0 0 2%; 
	}

form#registryFormA label {
	width: 27%;
	margin: 0 1% 0 0;
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] 
{
	width: 69%; 
	margin-bottom: 5%; 
	padding:1%;
	height:22px;
	}

form#registryFormA input[type="tel"] {
	width: 40%; 
	margin: 0 26% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="number"].smallInput {
	width: 25%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="text"].smallInput {
	width: 25%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA textarea {
	width: 69%; 
	height:100px; 
	margin-bottom: 5%; 
	padding:1%; 
	}

form#registryFormA select {
	width:60%; 
	padding:1%; 
	margin-bottom: 5%;
	font-size:98%;
	}

form#registryFormA input[type="submit"] {
	min-width:10%;
	font-size: 100%; 
	padding:1% 2%; 
	margin:2% 0; 
	letter-spacing:1px;
	}

span.legalText {
	font-size:84%;
	line-height:145%;
	}

/*ADDED*/

form#registryFormA  label.largeLabel {
	width:100%; 
	float:left; 
	clear:both; 
	color:#FFFFFF;
	}
form#registryFormA textarea.longTextarea {
	width: 98%; 
	height:120px; 
	margin-bottom: 5%; 
	padding:1%; 
	font-size:100%;
	}	

	
}

/* PORTABLE COMPUTER *******************************************/

@media only screen and (min-device-width: 1025px) and (max-device-width: 1366px) and (orientation : landscape) {
	
form#registryFormA {
	width: 100%; 
	padding: 3% 0;
	font-size:97%;
	}

form#registryFormA fieldset {
	width: 48%; 
	margin: 0 2% 0 0; 
	}
	
form#registryFormA fieldset:nth-child(odd) {
	width: 48%; 
	margin: 0 0 0 2%; 
	}

form#registryFormA label {
	width: 27%;
	margin: 0 1% 0 0;
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] 
{
	width: 69%; 
	margin-bottom: 5%; 
	padding:1%;
	font-size:97%;
	}

form#registryFormA input[type="tel"] {
	width: 40%; 
	margin: 0 26% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="number"].smallInput {
	width: 25%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="text"].smallInput {
	width: 25%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA textarea {
	width: 69%; 
	height:100px; 
	margin-bottom: 5%; 
	padding:1%; 
	}

form#registryFormA select {
	width:60%; 
	padding:1%; 
	margin-bottom: 5%;
	font-size:98%;
	}

form#registryFormA input[type="submit"] {
	min-width:10%;
	font-size: 100%; 
	padding:1% 2%; 
	margin:2% 0; 
	letter-spacing:1px;
	}

span.legalText {
	font-size:82%;
	line-height:135%;
	text-align:justify;
	}

/*ADDED*/

form#registryFormA  label.largeLabel {
	width:100%; 
	float:left; 
	clear:both; 
	color:#FFFFFF;
	}
form#registryFormA textarea.longTextarea {
	width: 98%; 
	height:120px; 
	margin-bottom: 5%; 
	padding:1%; 
	font-size:100%;
	}	

}

/* MONITOR DESKTOP COMPUTER *******************************************/

@media only screen and (min-device-width: 1367px) and (orientation : landscape) {

form#registryFormA {
	width: 100%; 
	padding: 3% 0;
	font-size:105%;
	}

form#registryFormA fieldset {
	width: 48%; 
	margin: 0 2% 0 0; 
	}
	
form#registryFormA fieldset:nth-child(odd) {
	width: 48%; 
	margin: 0 0 0 2%; 
	}

form#registryFormA label {
	width: 27%;
	margin: 0 1% 0 0;
	}

form#registryFormA input[type="text"], input[type="password"], input[type="email"], input[type="tel"] 
{
	width: 69%; 
	margin-bottom: 5%; 
	padding:1%;
	height:22px;
	font-size:102%;
	}

form#registryFormA input[type="tel"] {
	width: 40%; 
	margin: 0 26% 5% 0; 
	padding:1%; 
	}

form#registryFormA input[type="number"].smallInput {
	width: 25%; 
	margin: 0 40% 5% 0;
	height:22px;
	font-size:102%;
	padding:1%; 
	}

form#registryFormA input[type="text"].smallInput {
	width: 25%; 
	margin: 0 40% 5% 0; 
	padding:1%; 
	}

form#registryFormA textarea {
	width: 69%; 
	height:100px; 
	margin-bottom: 5%; 
	padding:1%; 
	}

form#registryFormA select {
	width:60%; 
	padding:1%; 
	margin-bottom: 5%;
	font-size:100%;
	}

form#registryFormA input[type="submit"] {
	min-width:10%;
	font-size: 100%; 
	padding:1% 2%; 
	margin:2% 0; 
	letter-spacing:1px;
	}

span.legalText {
	font-size:85%;
	line-height:145%;
	text-align:justify;
	}


/*ADDED*/

form#registryFormA  label.largeLabel {
	width:100%; 
	float:left; 
	clear:both; 
	color:#FFFFFF;
	}
	
form#registryFormA textarea.longTextarea {
	width: 98%; 
	height:120px; 
	margin-bottom: 5%; 
	padding:1%; 
	font-size:100%;
	}

}