﻿

/*  ---------------------------  WATERMARK TEXTBOX AND TEXTBOXES  ---------------------------------------------------    */
.unwatermarked {
	width: 90%;
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	font-style: italic;
	text-align: left;
	box-shadow: inset 0 0 3px #888;
	padding: 8px;
	border-radius: 5px;
}

.watermarked, watermarked input {
	width: 90%;
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	font-style: italic;
	text-align: left;
	padding: 8px;
	border-radius: 5px;
	color: var(--tb-text);
}

.watermarkednormal, watermarkednormal input {
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	font-style: italic;
	text-align: left;
	padding: 10px;
	border-radius: 5px;
	color: var(--tb-text);
}

.watermarkednormalcalcwidth1, watermarkednormalcalcwidth1 input {
	width: calc( 100% - 202px);
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	font-style: italic;
	text-align: left;
	padding: 8px;
	border-radius: 5px;
	color: var(--tb-text);
}

.watermarkednormalcalcwidth2, watermarkednormalcalcwidth2 input {
	width: calc( 100% - 95px);
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	font-style: italic;
	text-align: left;
	padding: 8px;
	border-radius: 5px;
	color: var(--tb-text);
}

.tbwide {
	width: 90%;
	padding: 8px;
}

.tb {
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	color: var(--tb-text);
	border-radius: 5px;
	padding: 8px;
}

.tbcalcwidth1 {
	width: calc( 100% - 202px);
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	color: var(--tb-text);
	border-radius: 5px;
	padding: 8px;
}

.tbcalcwidth2 {
	width: calc( 100% - 100px);
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	color: var(--tb-text);
	border-radius: 5px;
	padding: 8px;
}

.tbdropdownlist {
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	color: var(--tb-text);
	border-radius: 5px;
	padding: 10px;
}

.tbcal {
	font-size: 1.0em;
	background-color: var(--white);
	border: 1px solid var(--lightgray);
	color: var(--tb-text);
	box-shadow: inset 0 0 2px var(--lightgray);
	padding: 8px;
	background-image: url(Images/Calendar.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	width: 140px;
}


.rddl{font-size: 1.0em; background-color: var(--white); border: 1px solid var(--lightgray); color: var(--tb-text); border-radius: 5px; padding: 8px;}

.tdright {text-align: right; padding-right: 4px;}

.divprompt240 {width: 250px; display:inline-block; text-align:right; padding: 13px 5px 0 0; margin-top: 10px; vertical-align:top;}
.divresponse240 {width: calc(99% - 270px); display:inline-block; margin-top: 13px; vertical-align:top; text-align:left;}

.divprompt200 {width: 200px; display:inline-block; text-align:right; padding: 13px 5px 0 0; margin-top: 10px; vertical-align:top;}
.divresponse200 {width: calc(100% - 206px); display:inline-block; margin-top: 13px; vertical-align:top; text-align:left; }

.divprompt300 {width: 350px; display:inline-block; text-align:right; padding: 13px 5px 0 0; margin-top: 10px; vertical-align:top;}
.divresponse300 {width: calc(99% - 380px); display:inline-block; margin-top: 13px; vertical-align:top; text-align:left;}

.divprompt {width: 160px; display: inline-block; text-align:right; padding: 13px 5px 0 0; margin-top: 7px;}
.divresponse {width: calc(100% - 200px); display: inline-block; min-width: 200px; margin-top: 10px; padding: 0; vertical-align:top;}

.divprompt150 {width: 150px; display: inline-block; text-align: right; padding: 13px 5px 0 0; margin-top: 10px; }
.divresponse150 {width: calc(100% - 156px); display: inline-block; min-width: 300px; margin-top: 10px; text-align:left; }

.divprompt100 {width: 100px; display: inline-block; text-align: right; padding: 13px 5px 0 0; margin-top: 10px; }
.divresponse100 {width: calc(100% - 106px); display: inline-block; min-width: 300px; margin-top: 10px; text-align:left; }

.divprompt50 {width: 50px; display: inline-block; text-align: right; padding: 8px 5px 0 0; margin-top: 10px; }
.divresponse50 {width: calc(100% - 56px); display: inline-block; min-width: 300px; margin-top: 10px; text-align:left; }


.acctsetuppage {width: 100%; max-width: 1200px; vertical-align:top; display: inline-block; margin: 0 auto 30px auto; text-align:left;}


.page_footer {
	font-size: 0.64em;
}

	.page_footer .footer_content {
		/*font-size: 1.0em;*/
	}
	.page_footer .footer_content a {color: #fff; /*text-decoration:none;*/}
	.page_footer .footer_content a[href^="tel:"] {color: #fff; text-decoration:none;}

@media (max-width:650px) {
	.divprompt300 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px; width:100%;}
	.divresponse300 {margin-top: 0px; width: 100%}

	.divprompt240 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px; width:100%;}
	.divresponse240 {margin-top: 0px; width: 100%}

	.divprompt200 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px; width:100%;}
	.divresponse200 {margin-top: 0px; width: 100%}

	.divprompt150 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px; width:100%;}
	.divresponse150 {margin-top: 0px; width: 100%}

	.divprompt100 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px; width:100%;}
	.divresponse100 {margin-top: 0px; width: 100%}
}
