fieldset
{
	
	margin-left: 0;
	margin-bottom: 0.75em;
	margin-right: 0;
	margin-top: 0.5em;
	float: left;
	clear: left;
	width: 942px;
	padding: 0px;
	padding-bottom: 0.5em;
	border: 1px solid var(--greyborder);
	background-color: var(--headingaccentlight);
	border-radius: 8px;

}

legend
{
	margin-left: 10px;
	padding: 5px 10px;
	background-color: var(--tableheaderbackground);
	color:#FFF;
	border: 0px;
	border-radius: 4px;
}

fieldset ol
{
	padding: 0em 1em 0 1em;
	list-style: none;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding: 0px;
	margin-bottom: 8px;
}

fieldset li.leftcol
{
	float: left;
	clear: left;
	width: 440px;
	padding-bottom: 0.25em;
}

fieldset li.rightcol
{
	float: left;
	clear: none;
	width: 440px;
	/* background-color: lime;  */
	padding-bottom: 0.25em;

}

fieldset li.separator
{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #b0b0b0;

}

fieldset li.hoser label
{
	position: relative;
	top: 0px;
	float: left;
	width: 700px;
	margin-right: 1em;
	margin-top: 0.7em;
	text-align: left;
	word-wrap: break-word;
	/* background: #19ff84; */
}


label
{
	position: relative;
	top: 4px;
	float: left;
	width: 190px;
	margin-right: 16px;
	text-align: right;
	color: var(--grey);
	border-radius: 4px;

}

label.override {
	position: relative;
	top: 0px;
	float: none;
	width: auto;
	margin-right: auto;
	text-align: auto;
}

label strong
{
	position: absolute;
	left: 145px;
	top: 2px;
	width: 58px;
	color: var(--heading);
	/* font-size: var(--fontsmall); */
	/* font-size: 11px; */
	
}

fieldset.submit
{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
	background-image: none;
}

input {
	font-size: var(--fontsize);
	margin-top: 2px;
	accent-color: var(--heading);
}


input[type=text]
{
	font-size: var(--inputfontsize);
	width: var(--inputwidth);
	padding: 3px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--greyborder);
	background-color: white;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	
}

input[type=text]:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

input[type=password]
{
	font-size: var(--inputfontsize);
	width: var(--inputwidth);
	padding: 3px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--greyborder);
	background-color: white;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;

}

input[type=password]:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

input[type=file]
{
	font-size: var(--inputfontsize);
}

input[type=button]
{

	background-color: var(--grey);
	border: none;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	text-decoration: none;
	margin: 4px 0px;
	margin-right: 5px;
	font-size: 15px;
	cursor: pointer;
	min-width: 85px;

}

input[type=button].InputButton
{

	padding: 4px 8px;
	margin: 0px;
	font-size: var(--inputfontsize);

}

input[type=button].AlertButton
{

	background-color: #bb0000;
    border: none;
    color: white;
    padding: 4px 4px;
    margin: 4px 0px;
    cursor: pointer;
	
}

input[type=button].BlackButton
{

	background-color: #000000;
    border: none;
    color: white;
    padding: 4px 4px;
    margin: 4px 0px;
    cursor: pointer;
	
}

input[type=submit] {
	
	background-color: var(--heading);
	border: none;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	text-decoration: none;
	margin: 4px 0px;
	margin-right: 5px;
	font-size: var(--fontsize);
	font-size: 15px;
	cursor: pointer;
	min-width: 85px;
	
}

input[type=submit].AlertButton {
	
	background-color: var(--red);
	border: none;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	text-decoration: none;
	margin: 4px 0px;
	margin-right: 5px;
	font-size: var(--fontsize);
	font-size: 15px;
	cursor: pointer;
	min-width: 85px;
	
}

input[type=submit].SearchButton
{

	background-color: var(--heading);
	border: none;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	text-decoration: none;
	margin: 4px 0px;
	margin-right: 5px;
	font-size: var(--fontsize);
	font-size: 15px;
	cursor: pointer;
	min-width: 85px;
}

input[type=button].ResetButton
{
	background-color: var(--grey);
	border: none;
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	text-decoration: none;
	margin: 4px 0px;
	margin-right: 5px;
	font-size: 15px;
	cursor: pointer;
	min-width: 85px;

}

input[type=button]:focus,  input[type=submit]:focus {
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

input[type=button]:disabled, input[type=submit]:disabled {
	opacity: 0.5;
}

select {
	
	font-size: var(--inputfontsize);
	padding: 3px;
	margin-top: 2px;
	border-radius: 4px;
	border: 1px solid var(--greyborder);
	color: #000000;
	background-color: white;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	
}

select:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}

fieldset ol li input.extendedfield
{
  width: 650px;
}

input.feesummary {
	border: none;
	background: none;
	text-align: right;
	color: #FFF;
	font-weight: bold;
}

input.stealth {
	border: none;
	width: 6em;
	background: none;
	text-align: right;
	/* font: small/1.4 "Verdana", sans-serif; */
	
}

input.stealthleft {
	border: none;
	width: 6em;
	background: none;
	text-align: left;
	color: #FFF;
	/* font: small/1.4 "Verdana", sans-serif; */
}

input.stealthfees {
	border: none;
	background: none;
	text-align: right;
	font-weight: bold;
}

p.attachment {

	/*background-color: #123;*/
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;

}

textarea
{

	font-family: "Open Sans", "Verdana", sans-serif;
	font-size: var(--inputfontsize);
	width: 670px;
	height: 10em;
	padding: 3px;
	border-radius: 6px;
	border: 1px solid var(--greyborder);
	background-color: white;
	overflow:auto;
	
	transition: all 0.3s ease;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear; */
		
}

textarea:focus
{
	background-color: var(--yellow);
	outline: none;
	box-shadow: 0 0 2px 1px var(--heading);
}




.fieldcontainer 
{
	/* background-color: #abc;  */
	float: left;
}

textarea.textareatab
{
	width: 840px;
	height: 6em;
	overflow:auto;
	/* font: 100% "Verdana", sans-serif; */
	background-color: #FFF;
}

textarea.textareasql
{
	width: 934px;
	height: 20em;
	overflow:auto;
	/* font: 100% "Verdana", sans-serif; */
	background-color: #fffbd9;
}

textarea.textarearesults
{
	width: 934px;
	height: 20em;
	overflow:auto;
	/* font: 100% "Verdana", sans-serif; */
	background-color: #ededed;
}

textarea.addressfield
{
	width: 400px;
	height: 4em;
	overflow:auto;
	/* font: 100% "Verdana", sans-serif; */
	background-color: #FFF;
}

.textareacounter
{
	clear: left;
	width: 19em;
	min-height: 1.5em;
	padding: 1px;
	margin: 0px;
	color: var(--heading);
	font-size: 90%;
}

input.addresstextfield
{
	width: 400px;
}

.fieldnote
{
	color: var(--heading);
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
}

.fieldnotewhite
{
	color: #FFF;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
	/*padding-left: 4px;*/
}

.fieldnotegrey 
{
	color: var(--grey);
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
}

.fieldnotered
{
	color: var(--red);
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 4px;

}

.fieldnotewarning
{
	color: #FFF;
	background-color: var(--red);
	font-weight: normal;
	text-transform: uppercase;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;

}


.fieldnoteappclosed
{
	font-size: 85%;
	color: var(--red);
	font-weight: normal;
	text-transform: uppercase;

}

.fieldnotebig
{
	color: var(--heading);
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}

select.superselect 
{
	width: 248px;
	/* font: 90% "Verdana", sans-serif; */
	
}

div.container {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}


div.containersectionpadded {
	float: left;
	clear: left;
	background-color: #9DC5A8;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 1em;
	/*margin-bottom: 1em;*/
		overflow:hidden;
	
}

div.containersection {
	float: left;
	clear: left; 
	width: 910px;
	/* background-color: aqua; */
}

li.rightcol div.readonlybox, li.leftcol div.readonlybox
{
	width: 216px;
}

.readonlybox
{

	float: left;
	margin-top: 0;
	padding: 3px;
	background-color: white;
	color: #000;
	border: 1px solid var(--greyborder);
	width: var(--inputwidth);
	min-height: var(--fontsize);
	word-wrap: break-word;
	border-radius: 4px;
	
}

.readonlyboxlong
{

	float: left;
	margin-top: 0;
	padding: 3px;
	background-color: white;
	color: #000;
	border: 1px solid var(--greyborder);
	width: 695px;
	min-height: var(--fontsize);
	word-wrap: break-word;
	border-radius: 4px;

}

.readonlyboxhoser
{

	float: left;
	margin-top: 0em;
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0em;
	margin-right: 0.6em;
	background-color: white;
	color: #000;
	border: 1px solid #bebebe;
	width: 780px;
	min-height: 1.2em;
	word-wrap: break-word;

}

.readonlyboxhtml
{

	float: left;
	margin-top: 0em;
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0em;
	margin-right: 0.6em;
	background-color: white;
	color: #7d7d7d;
	border: 1px solid #bebebe;
	width: 840px;
	min-height: 1.2em;

}

.readonlyboxsupport
{

	float: left;
	margin-top: 0em;
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0em;
	margin-right: 0.6em;
	background-color: #e8f0ea;
	color: #7d7d7d;
	border: 1px solid #bebebe;
	width: 840px;
	min-height: 1.2em;

}

.readonlyboxalert
{

	float: left;
	margin-top: 0em;
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0em;
	margin-right: 0.6em;
	background-color: #F0B2B2;
	color: #000;
	border: 1px solid #bebebe;
	width: 640px;
	min-height: 1.2em;

}

div.statictext p {
	padding: 0px;
	margin: 0px;
}

div.statictext table {
	border-collapse:collapse;
}

div.statictext ol {
	padding-top: 1em;
	padding-bottom: 1em;
	
	list-style-type: decimal; 
	list-style-position: outside; 
	
}

div.statictext ol li {
	
	display: list-item;
	float: none;
	margin-left: 2em; 
	padding-top: 0px;
	padding-bottom: 0px;
	
}

div.statictext ul {
	padding-top: 1em;
	padding-bottom: 1em;
	
	list-style-type: disc; 
	list-style-position: outside; 
	
}

div.statictext ul li {
	
	display: list-item;
	float: none;
	margin-left: 2em; 
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
	padding: 0;
	
}

div.readonlytransparent
{

	float: left;
	margin-top: 0em;
	/* font: "Verdana"; */
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0em;
	margin-right: 0.6em;
	width: 640px;
	min-height: 1.2em;

}

.checkswitch
{
	/* font: 150% "Verdana", sans-serif; */
	font-size: 150;
	font-weight: bold;
	clear: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;

}

div.logview
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #FFF;
	font-size: 105%;
	padding: 0.5em;
	color: #000;
	border: 1px solid var(--greyborder);
	border-radius: 8px;

}

div.logview table {
	border-collapse:collapse;	
}


.coolbutton {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
/*   font-family: Arial; */
  color: #ffffff !important;
 
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.coolbutton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/*
https://www.bestcssbuttongenerator.com/#/14	
*/

.wubutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffdd00), color-stop(1, #e0c307));
	background:-moz-linear-gradient(top, #ffdd00 5%, #e0c307 100%);
	background:-webkit-linear-gradient(top, #ffdd00 5%, #e0c307 100%);
	background:-o-linear-gradient(top, #ffdd00 5%, #e0c307 100%);
	background:-ms-linear-gradient(top, #ffdd00 5%, #e0c307 100%);
	background:linear-gradient(to bottom, #ffdd00 5%, #e0c307 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00', endColorstr='#e0c307',GradientType=0);
	background-color:#ffdd00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #696969;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #faeb89;
}
.wubutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0c307), color-stop(1, #ffdd00));
	background:-moz-linear-gradient(top, #e0c307 5%, #ffdd00 100%);
	background:-webkit-linear-gradient(top, #e0c307 5%, #ffdd00 100%);
	background:-o-linear-gradient(top, #e0c307 5%, #ffdd00 100%);
	background:-ms-linear-gradient(top, #e0c307 5%, #ffdd00 100%);
	background:linear-gradient(to bottom, #e0c307 5%, #ffdd00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0c307', endColorstr='#ffdd00',GradientType=0);
	background-color:#e0c307;
}
.wubutton:active {
	position:relative;
	top:1px;
}







.fwbutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4394d1), color-stop(1, #1271ba));
	background:-moz-linear-gradient(top, #4394d1 5%, #1271ba 100%);
	background:-webkit-linear-gradient(top, #4394d1 5%, #1271ba 100%);
	background:-o-linear-gradient(top, #4394d1 5%, #1271ba 100%);
	background:-ms-linear-gradient(top, #4394d1 5%, #1271ba 100%);
	background:linear-gradient(to bottom, #4394d1 5%, #1271ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4394d1', endColorstr='#1271ba',GradientType=0);
	background-color:#4394d1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #535b61;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.fwbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1271ba), color-stop(1, #4394d1));
	background:-moz-linear-gradient(top, #1271ba 5%, #4394d1 100%);
	background:-webkit-linear-gradient(top, #1271ba 5%, #4394d1 100%);
	background:-o-linear-gradient(top, #1271ba 5%, #4394d1 100%);
	background:-ms-linear-gradient(top, #1271ba 5%, #4394d1 100%);
	background:linear-gradient(to bottom, #1271ba 5%, #4394d1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1271ba', endColorstr='#4394d1',GradientType=0);
	background-color:#1271ba;
}
.fwbutton:active {
	position:relative;
	top:1px;
}