/* GLOBAL */
/* UPDATED 06-30-21 */
.vertAlign {vertical-align: middle !important;}

/* FORMS */	
form {
	width: 90%;
	margin: 1% auto;
	/*margin-top: 2%;*/
	/*margin-bottom: 2%;*/	
	font-size: 1em;
	}
fieldset {
	width: 98% !important;
	margin: 1% auto;
	padding: 0.25% 0.5%;
	/*background-color: #f9f9f9;*/
	color: #444 !important;	
	border: 0px solid #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	}
legend {display: block; margin-bottom: 2% !important;}
	
select, input[type="text"] {
	display: block;
	width: 70%; max-width: 325px; 
	margin: 0.5% 0; padding: 2px 5px;
	color: #5c524d; font-size: 0.9em;
	background-color: #fff;
	border: 1px solid #bdb7b5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
input[type="submit"]	{
	margin: 0.5% 0; padding: 2px 5px;
	color: #5c524d;
	border: 1px solid #bdb7b5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;		
	}
	
/* FORMS IN GENERAL */	
input[type="checkbox"], input[type="radio"] {
	display: inline-block;
	width: 12px;
	margin: 0 5px !important;
	background-color: #ffff00;	
	}	
	
input.short, input.long, input.vlong {
	display: inline-block;
	margin: 0.5% 0; padding: 2px 5px;
	color: #5c524d; font-size: 0.9em;
	border: 1px solid #bdb7b5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}	
	
input.short {width: 33%; max-width: 115px;}
input.long {width: 70%; max-width: 200px;}
input.vlong {width: 95%; max-width: 510px;}

input:focus {
	border: 1px solid #bdb7b5;	
	}
textarea {
	width: 95%; max-width: 510px;	
	min-height: 75px;
	margin: 0.5% 0; padding: 2px 5px;
	font-family: 'Ubuntu', arial, helvetica, sans-serif;
	color: #5c524d; font-size: 0.9em; text-align: left;
	border: 1px solid #bdb7b5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	

	}	
	
.submitButton {
	display: block;
	/*width: 50%; max-width: 175px;*/
	margin-top: 2%;
	padding: 2px 5px;
	background-color: #dddd; font-size: 1.25em; color:#444;
	cursor: pointer;
	border: 2px solid #917c73;
	}	

.submitButtonCentered {margin: 2% auto;}	
.submitButtonLeft {margin: 2% 0;}		
input.submitButton:hover {background-color: #fff; color: #669933;}

	
.formNote {
	display: inline-block; 
	/*width: 140px;*/
	margin: 0; padding: 7px 0 0 5px;
	font-size: 0.9em;
	white-space: nowrap !important;
	}

span.formInfo {color: #307900; font-size: 1.1em; font-style: italic;}
.asterik, .special {display: inline-block; font-weight: bold; color: #307900; font-size: 1.35em; margin-left: 3px;}
.extraInfo {display: inline-block; font-weight: normal; color: #307900;}
span.note {
	display: block;
	margin-top: -0.4%;
	margin-left: 0.25%;	
	}
span.smTxt a {
	display: inline-block;
	padding-left: 5px;
	font-size: 0.8em; text-align: left;
	}	

/* FORM TABLES */	
table, table.narrow, table.complex {
	display: table;
	table-layout: fixed;
	margin: 1% 0;
	border-collapse: separate;
	color: #444 !important;
	background-color: #efefef;
	border-spacing: 5px !important;
	border: 2px solid #a9a9a9;
	border-radius: 4px;
	}

table {width: 100% !important;}

fieldset table.complex {
	width: 100% !important; max-width: 1280px !important;	
	}

table.narrow {width: 85%;}
td.narrowLabel, th.narrowLabel  {
	width: 25%; /*max-width: 350px;*/
	padding-right: 1%;
	text-align: right; vertical-align: middle; *white-space: nowrap;
	font-size: 0.9em;
	border: 1px solid #ddd;
	}	
td.label, th.label  {
	width: 35%; /*max-width: 350px;*/
	padding-right: 1%;
	text-align: right; vertical-align: middle; *white-space: nowrap;
	font-size: 0.9em;
	border: 1px solid #ddd;
	}	

td.bigLabel, th.bigLabel  {
	width: 35%; /*max-width: 350px;*/
	padding-right: 1%;
	text-align: right; vertical-align: middle; *white-space: nowrap;
	font-size: 1em;
	border: 1px solid #ddd;
	}
td.noBorder {text-align: right; vertical-align: middle; *white-space: nowrap; font-size: 1em; border: 0 !important;}	
td.labelTop  {
	width: 35%;
	padding-top: 0.25%;
	padding-right: 1%;
	font-size: 0.9em;
	text-align: right; vertical-align: top; white-space: nowrap;	
	border: 0px solid #ddd;
	}	
td.labelBottom {
	width: 30%;
	padding: 3px 5px 0 0;
	font-size: 0.9em;
	text-align: right; vertical-align: bottom; white-space: nowrap;	
	border: 0px solid #ddd;
	}	
td.value, th.value  {
	width: 65% !important; /*max-width: 528px;*/
	padding-left: 1%;
	text-align: left;
	border: 0px solid #ddd;	
	}
td.valueWide  {
	width: 75% !important;
	/*margin-left: 10% !important; */
	padding-left: 1%;
	text-align: left; /*white-space: nowrap;*/	
	border: 0px solid #ddd;	
	}
td.extraPad {
	padding: 7px;	
	}
td.text {
	width: 100%; max-width: 740px;
	text-align: left;
	border: 0px solid #ddd;	
	}
td.spam {
	text-align: center; font-size: 1em;  
	}		
	
	
/* COMPLEX TABLES WITH VARIED COLSPANS */	
table.complex {width: 96% !important; margin: 1% auto;}
table.complex th, table.complex td {padding: 0.25%; border: 0px solid #ddd;}

table.complex th.fullWidth, table.complex td.fullWidth {width: 99% !important; vertical-align: top !important;}
table.complex th.halfWidth, table.complex td.halfWidth {width: 49% !important;}
table.complex th.quarterWidth, table.complex td.quarterWidth {width: 25% !important;}

table.complex td.label {width: 25%;}
table.complex td.value {width: 25%;}
table.complex td.halfEmpty { width: 50%; border: 0 !important;}

table.complex td.quarterWidth span.inputName {display: inline-block !important; margin: 0;}	
table.complex td.halfWidth span.inputName {display: block !important; margin: 0;}
table.complex td.halfWidth span.inlineInputName {display: inline-block !important; margin: 0;}	

span.inputName {display: inline-block !important; margin: 0;}	

table.complex td.quarterWidth input[type='text'] {display: inline-block;}	
table.complex td.quarterWidth input.long[type='text'] {display: inline-block; width: 98% !important;/*max-width: 180px;*/}	

table.complex td.halfWidth input[type='text'] {display: inline-block; /*max-width: 225px;*/}
table.complex td.halfWidth input.short[type='text'] {display: inline-block; /*max-width: 130px;*/}	

table.complex td.noBorder {
	border: 0 !important;	
	}
	
	
/* CHECKBOX OR RADIO ELEMENTS WITHIN A UL OR OL LIST*/
ul.inlineElements, ul.inlineElements2 {
	width: 99% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;	
	vertical-align: top !important;
	border: 0px solid #ddd;
	}
ul.inlineElements li, ul.inlineElements2 li {
	display: inline-block !important;
	padding: 0.5% 1% 0.5% 0 !important;
	/*font-size: 0.9em;*/
	white-space: nowrap !important;
	border: 0px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
	}
	
ul.inlineElements li {margin: 0 2.5% 0 0 !important;} 
ul.inlineElements2 li {	margin: 0 1% 0 0 !important;}
	
ul.inlineElements2 li:nth-child(3n) {padding-left: 5px !important; border: 1px solid #ddd;}	
	
ul.inlineElements li.wide {
	display: inline-block;
	width: 25%; 
	margin-right: 1%; 
	padding: 0.5% 1% 0.5% 0 !important;
	/*font-size: 0.9em;*/
	border: 2px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
	}	

/* AUTH TO RELEASE INFORMATION */
ul.inlineElements2 li:nth-child(1n) {width: 6%;}
ul.inlineElements2 li:nth-child(2n) {width: 6%;}
ul.inlineElements2 li:nth-child(3n) {width: 75%;}
	
/*li input.checkboxList {
	list-style: none !important; border: 1px solid #666;
	}*/

#myform table div.threeColumnNarrow {
	/* USED FOR TESTING ONLY */
	/*border: 2px solid #cc0000;	*/
	}
/*#myform div.leftCol, #myform div.centerCol, #myform div.rightCol {width: 31% !important;}*/
div.leftCol ul, div.centerCol ul, div.rightCol ul {
	width: 100%; margin: 0; padding: 0; text-align: left !important;
	list-style: none !important; border: 0px solid #666;
	}
div.leftCol li, div.centerCol li, div.rightCol li {
	display: block;
	margin: 5% 0;
	padding-right: 10px !important;
	line-height: 1.75em !important; white-space: nowrap; text-align: left;
	border: 0px solid #ddd; 	
	}	
	
/* containing element for radio buttons */
span.radioValue {display: inline-block !important; margin-bottom: 2% !important; line-height: 1.35em; border: 0px solid #aaa;}

input.radioList, input.checkboxList {
	display: inline-block;
	transform: scale(2);
	margin-bottom: 10px !important;
	text-align: left;	vertical-align: middle !important; 	
	cursor: pointer;
	border: 1px solid #ddd !important;
	border-radius: 2px !important;
	}
input.radioList {
	line-height: 1.25em;	
	}	
	
input.radioListLast {
	display: inline-block;
	/*width: 10%; max-width: 20px;*/
	transform: scale(1.5);
	margin: 0 5px 0 10px !important; 
	padding: 0; 
	text-align: left;	vertical-align: middle !important; 	
	cursor: pointer;	
	}
	
/* CHECKBOX AND RADIO BUTTON TEXT */
span.radioboxValue, span.checkboxName {
	display: inline-block !important; margin-left: 5px !important;	margin-right: 5px !important;
	}	

input.radioList {
	display: inline-block !important; margin-right: 10px !important; margin-left: 5px !important;
	}
	
span.radiobuttonName {
	display: inline-block;
	padding-right: 1%;			
	text-align: left;
	}
	
/* EXTRA */	
input.radioCol, input.checkboxCol {
	display: block;
	transform: scale(1.5) !important;
	margin-right: 0.5%; padding: 0; 
	text-align: left;	vertical-align: middle; 	
	border: 0; cursor: pointer;
	}
input.radioCol2, input.checkboxCol2 {
	display: inline-block;
	transform: scale(1.5) !important;
	margin: 0.25% 0.75% 0.75% 0 !important;
	padding: 0; 
	text-align: left;	vertical-align: middle; 	
	border: 0; cursor: pointer;
	}
/* END RADIO AND CHECKBOX RULES */	
	
/* GROUPS FORM */
div.providers {display:none;}
div.inscard {display:none;}

/* ONBOARDING */
span.password-showhide, span.show-password {
	cursor: pointer !important;
	}

span.hide-password {display: none; 	cursor: pointer !important;}

/* STATE MODEL */
#preference {
	width: 500px !important;	
	}
table.loginForm td span.mobile {
	display: none !important;		
	}
table.loginForm td.noLabel  {
	width: 22%;
	padding-right: 5px;
	vertical-align: top !important; *white-space: nowrap;
	border: 0px solid #ddd !important;
	}	
form #locationState option.bottomSpace {
	padding-bottom: 50px;  
	}

/* VALIDATION AND CAPTCHA */	
label.error { 
	display: block;
	max-width: 245px;
	white-space: nowrap !important; 
	margin: 3px 0;	padding: 3px 5px;
	text-align: left; background-color: #598c25 !important;
	color: #fff; font-size: 0.9em;
	border: 1px solid #444444;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}

/* NO LONGER BEING USED NOW THAT ALL FORMS USE LUXSCI */	
#captcha {
	width: 95%; max-width: 440px;
	margin: 2% 0; padding: 0 0 0.5% 0;
	font-size: 1em;	text-align: center;
	border: 1px solid #ddd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	}	
.captchaIntro p, #captcha p {
	margin: 0.5% 0; padding: 0; 

	}
.captchaImages	{
	margin: 0; padding: 0; 	
	}
.captchaImage { margin: 0 2px; }
.simpleCaptchaSelected { border: 2px solid #fda67f; }	
span.captchaText {font-weight: bold; color: #000099;}	


/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-device-width : 756px) {
	form {
		width: 100%;
		margin: 2% auto;
		/*margin-top: 2%;*/
		/*margin-bottom: 2%;*/	
		font-size: 1em;
		}

	#myform, fieldset {
		width: 100% !important; /*max-width: 700px !important;*/ 
		margin: 2% auto !important;
		font-size: 1em;
		}

	#myform table, #myform table.complex, #myform table.narrow {
		display: table;
		table-layout: fixed;
		width: 100% !important;
		margin: 1% 0;
		color: #444 !important;
		
		background-color: #efefef;
		/*border-spacing: 5px !important;*/
		border: 2px solid #a9a9a9;
		border-radius: 4px !important;
		}

	/* VERTICAL PORTRAIT */
   @media only screen and (orientation: portrait) {
		table {width: 100% !important; border-collapse: separate;}
		table.complex {width: 100% !important; border-collapse: collapse;}
		table.narrow {width: 100% !important; border-collapse: collapse;}
		table.narrow tr {border: 1px solid #cddbb5;}
		
/*		td.mobile {display: none !important;}
		td.label, td.labelTop {
			display: block !important; 
			width: 40% !important; 
			padding: 2px;
			font-size: 1em;  font-weight: bold; text-align: left;
			border: 1px solid #ddd;
			}
		td.value {
			display: block !important; 
			width: 75% !important;
			padding: 5px !important;
			text-align: left;
			border: 1px solid #ddd;
			}
		td.label span.asterik {display: inline-block !important;}*/
		

		/*select, input {width: 85%; max-width: 300px;}*/
		
		td.narrowLabel, th.narrowLabel  {
			width: 40%; /*max-width: 350px;*/
			padding-right: 1%;
			text-align: right; vertical-align: middle; *white-space: nowrap;
			font-size: 0.9em;
			border: 1px solid #ddd;
			}
		td.valueWide  {
			width: 60% !important;
			/*margin-left: 10% !important; */
			padding-left: 1%;
			text-align: left; /*white-space: nowrap;*/	
			border: 0px solid #ddd;	
			}				
		
		
		td.value select, td.value input[type="text"], td.value textarea {
			display: block;
			width: 95% !important;
			}
		input[type="radio"] {
			display: inline-block !important;
			-ms-transform: scale(2); /* IE 9 */
			-webkit-transform: scale(2); /* Chrome, Safari, Opera */
			transform: scale(2);
			margin: 0 5px;	
			}		
		span.radioValue {display: inline-block !important; width: 90%; font-size: 1.2em;}
		input.radioList, input.radioListLast {margin: 0 12px 0 3px !important;}
		}
		
	*#preference {width: 85% !important;}
	#preference table {
	
		width: 96% !important; 

		margin: 0 auto !important;
		margin: 0 10% !important;
		}
	#locationState option {
		display: inline-block !important;
		visibility: visible !important;
		}	

	table.loginForm td span.mobile {
		display: block !important; font-size: 1.2em;		
		}			
		
   /* HORIZONTAL LANDSCAPE */
   @media only screen and (orientation: landscape) {
		div.leftCol, div.leftCol ul, td.value, th.value  {
			padding: 0 0 0 10px !important; border: 0 !important;
			}
		div.leftCol li, div.centerCol li, div.rightCol li {
			display: block;
			margin: 1% 0 !important;
			padding-right: 10px !important;
			line-height: 1.75em !important; white-space: nowrap; text-align: left;
			border: 0px solid #a9a9a9; 	
			}

		input[type="radio"] {
			display: inline-block !important;
			-ms-transform: scale(2); /* IE 9 */
			-webkit-transform: scale(2); /* Chrome, Safari, Opera */
			transform: scale(2);
			margin: 0 5px;	
			}				
		span.radioValue {display: inline-block !important; margin-right: 2% !important;}
		input.radioList, input.radioListLast {margin: 0 8px 0 3px !important;}


		div.leftCol3, div.rightCol3 {
			display: block !important;
			width: 85%;	
			}
		table.narrow {width: 90% !important; border-collapse: collapse;}
		table.narrow tr {border: 1px solid #cddbb5;}
		table.narrow td input {margin: 5px 0 !important;}

		table.complex th.quarterWidth, table.complex td.quarterWidth {width: 20% !important; margin-right: 2% !important;}
		table.complex td.quarterWidth input.long[type='text'] {display: inline-block; width: 90% !important;max-width: 150px;}	
		
		}
		
	}