html, body {
	font-family:arial;
	font-size:16px;
	background-color:black;
	margin:0px;
}

form div{
margin-bottom: 5px;
}

H1 {
	font-size:30px;
	margin-top:25px;
} 


.adminmenu, .adminmenu a {
	background-color:#FFBF00;
	color:black;
}

.bp {
	padding-bottom:10px;
}

.cb {
	clear:both;
}

.dashboard, .dashboard a {
	background-color:cyan;
	color:black;
}

.whiteonred, .disableable option:disabled {
	color:white;
	background-color:red;
}

.blackongreen, .disableable option:enabled {
	color:black;
	background-color:lightgreen;
}

.error {
	color:red;
	font-size:24px;
}

.extrabottom {
	margin-bottom:25px;
}

.extraspace {
	margin-top:25px;
	margin-bottom:10px;
}

.extratop {
	margin-top:25px;
}

.footerbar {
	background-color:black;
}

.footer {
	font-size:16px;
}

.footmenu {
	color:white;
	font-size:12px;
}

.footmenu a {
	color:white;
}

.formbuttonhl {
	background-color:yellow;
	font-size:1.2em;
}

.hand {
	cursor:pointer;
}

.hl {
	background-color:yellow;
}

.hl-red {
	background-color:lightsalmon;
}

.iconspan{
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

a.inactive:link {
	color:grey;
}
a.inactive:visited {
	color:grey;
}
a.inactive:hover {
	color:grey;
}
a.inactive:active {
	color:grey;
}

.kw_hl {
	background-color:lightgreen;
}

.larger {
	font-size:1.4em;
}

.largish {
	font-size:1.2em;
}

.lightyellow {
	background-color:#FFFFC0;
}

.logout {
	background-color:red;
	color:white;
}

.looklikelink {
	border-bottom:1px blue solid;
}

.menu, .menu a {
	background-color:lightgreen;
	color:black;
}

.topmenu, .topmenu a {
	background-color:#FDD255;
	color:black;
}

.qmark {
	font-weight:bold;
	background-color:yellow;
	color:black;
	padding-left:5px;
	padding-right:5px;
}

.smalltext {font-size:14px;}

.textmiddle {
	vertical-align:middle;
} 

.toggler {
	display:block;
}

.tt {
	color:blue;
	border-bottom:1px dotted blue;
}

.ui-resizable-helper { border: 1px dotted gray; }
.resizable{display:block; width:90%; height:600px; padding:30px; border:1px solid grey; overflow:scroll; position:relative;}

/* Bullet Checkmark LIST */

    ul.check {
        list-style-type: none;
        margin: 10px;
    }
    
    ul.check li {
        margin-bottom: 5px;
        padding: 4px;
        background-image: url(images/bulletCheck.png);
        background-repeat: no-repeat;
        background-position: 0px 2px;
        padding-left: 32px;
    }
    
 /* Bullet X LIST */

    ul.x {
        list-style-type: none;
        margin: 10px;
    }
    
    ul.x li {
        margin-bottom: 5px;
        padding: 4px;
        background-image: url(images/bulletX.png);
        background-repeat: no-repeat;
        background-position: 0px 2px;
        padding-left: 32px;
    }
    




H2 {font-size:18pt;} 

H3 {font-size:14pt;}
TABLE {border-collapse:collapse;}


.table1 {background-color:white;}

.table-nc {border-collapse:separate;}

.border1 {
	border:1px solid black;
}

.bg-green {
	background-color:lightgreen;
}

.bg-red {
	background-color:#FF8080;
}

.content {padding:30px;}

.formtitle {
	display:none;
	width:5px;
}

.healthy {
	background-color:#CCFF99;
}

.sick {
	background-color:#FEAEAE;
}

.tooltip {
	padding:5px 10px;
	font-size:11pt;
}

.tooltip2 {
	padding:5px 10px;
	font-size:10pt;
}

.tooltip3 {
	padding:5px 10px;
	font-size:9pt;
}

.menubar {
	background-color:#BDC68F;
	border-right:1px solid black;
	margin:0px;
	padding:0px;
	width:200px;
}

.centrefix {text-align:center;}

.cartbg {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFF94;
	color:black;
	width:180px;
	height:100px;
}

.cellbar {
	background-color:#CCFF99;
	color:black;
}

.carttext {font-size:10pt;}

.extrabottom {padding-bottom:15px;}

.nomargin {margin:0;}

.h2 {color:red;}

.menusubhead {
	margin:5px 0px;
	padding:0px 10px;
	background:#CCFF99;
	font-size:11pt;
	text-align:left;
}

.menuentry {
	width:200px;
	margin:0px;
}

.nudgedown {
	margin-top:10px;
}

.nudgeright {
	margin-left:50px;
}

.nudgeup {
	margin-top:-10px;
}

.popuptext {font-size:11pt;}

.smallishtext {font-size:10pt;}

.text90pc {font-size:0.75em;}

.subhead {
	background-color:lightgrey;
	font-weight:bold;
	font-size:1.2em;
}

.largesttext {font-size:18pt;}

.menutext {font-size:10pt;}

.menutext_sm {font-size:8pt;}

.subform {font-size:10pt;}

.subbutton {font-size:9pt;}

.subbutton_lg {font-size:16pt;}

.cright {font-size:10pt;}

.bglink {color:white;}

.looklikebluelink {color:blue; border-bottom:1px blue dotted;}

.nolooklikelink {color:black; text-decoration:none;}

.bp {padding-bottom:10px;}

.bpt {padding-top:10px;padding-bottom:10px;}

.hlp {background-color:#FF7C80;}

.hr {margin-top:10px;margin-bottom:10px;}

.breaker {width:180px;border-bottom:1px solid #777;height:1px;margin-top:18px;margin-bottom:18px;margin-left:auto;margin-right:auto;}
.breaker hr {display:none;}

.lessheight {margin-top:5px;margin-bottom:5px;padding-top:5px;padding-bottom:5px;}

table.sample {
	border-width: 2px;
	border-spacing: ;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}

table.sample th {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.sample td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.outer {
	border-width: 2px;
	border-spacing: ;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
}
.smalltext {font-size:10pt;}

.smallertext {font-size:9pt;}

.largetext {font-size:14pt;}

.largertext {font-size:16pt;}

.floatleft {float:left;margin-right:10px;margin-bottom:10px;}

.floatright {float:right;margin-left:10px;margin-bottom:10px;}

.sel_button {cursor:pointer;}

.testimonialbg {background-color:#FFFF94;color:black;}

.warningbg {background-color:#F991A0;color:black;}

.menutext {font-size:10pt;}

.redbox {border:5px solid red;}

.redtext {color:red;}

.crumb {font-size:8pt;}

.invis {visibility:hidden;}

.centered {
  position: fixed;
  width:50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.successbox {
  font-size: 18px;
  background-color: #C0FFC0;
  border: darkgreen 5px solid;
  padding: 10px;
  z-index: 100;
}

.unethical {
  background-color:#C0C0C0 !important;
}

.warningbox {
  font-size: 18px;
  background-color: #FFC0C0;
  border: red 5px solid;
  padding: 10px;
  z-index: 100;
}

.close {
  float:right;
  margin:25px 25px 0 0;
  cursor:pointer;
}

.nichegrid {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    grid-template-rows: 100px; /* top row is 100px in height */
    grid-auto-rows: 200px;     /* any new rows created are 200px in height */
    grid-gap: 10px;
}

.nichegrid div {
padding: 1em;
color: black;
box-sizing: border-box;
}

.nav {
	grid-column: 1 / -1;
}

.nichegrid .vc {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 2px;
background-color: yellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.enteremail {
	background-color:yellow;
	height:40px;
}

#fadeinbox{
position:absolute;
width: 700px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: yellow;
padding: 20px;
z-index: 100;
visibility:hidden;
font-size:11pt;
}

/*Default style for SPAN icons. Edit if desired: */

.iconspan{
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

#dropcontentsubject{
width: 180px;
margin:0 auto;
font-weight: bold;
}

.dropcontent{
width: 180px;
height: 100px;
border: 1px solid black;
background-color: #FFFF94;
margin:0 auto;
padding: 3px;
display:block;
font-size:10pt;
text-align:left;
}

table.iconbar {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}
table.iconbar td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: black;
	-moz-border-radius: ;
}


.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:5px solid orange; /*Border around tooltip*/
background:white;
z-index:3000;
width:800px;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:orange;
color:black;
padding-top:5px;
text-align:center;
font:bold 12px Arial;
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 16px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

#toolbar {
	padding:2px;
	background:skyblue;
	width:100%;
}

#editor {
	width:99%;
	height:400px;
	border:2px inset ButtonShadow;
	overflow:scroll;
	padding:5px;
}

.bulletsafe {
	background-color:lightgreen;
}

.bulletunsafe {
	background-color:lightsalmon;
}

.grad1 {
  background: -webkit-linear-gradient(left, #C0FEC0 , #DFDFC0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #C0FEC0, #DFDFC0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #C0FEC0, #DFDFC0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #C0FEC0 , #DFDFC0); /* Standard syntax */
} 

.grad2 {
  background: -webkit-linear-gradient(left, #DFDFC0 , #FFC0C0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #DFDFC0, #FFC0C0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #DFDFC0, #FFC0C0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #DFDFC0 , #FFC0C0); /* Standard syntax */
} 

.loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}

.loader {
    display: block;
        position: absolute;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 200px;
        height: 200px;
    text-align:center;
    z-index:2;
    overflow: auto;
}

#slturingimg_11_2 {
	height: 50px !important;
}

.copy-row { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
.copyable { width: 16px; height: 24px; cursor: pointer; vertical-align: middle; }
/* Put this after the rule that sets 24px */
img.copyable {
  width: 16px !important;
  height: 16px !important;
}
.copied-badge { font-size: 0.9rem; }