body
{
	margin: 0;
	line-height: normal;
}

a
{
	color: rgb(0, 0, 238);
}

hr
{
	border-top-color: black;
}
			
#s_colorbox
{
	margin: auto;
	text-align: center;
	width: 800px;
	max-width: 800px;
	border: 1px solid #fff;
	font-size: 120%;
	text-align: left;
}

button
{
	/* font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; */
	background-color: #cccccc;
	font-size: 100%;
	text-align: left;
	border: 0;		/* makes the stupid beveled edge go away */
	border-radius: 5px;
	padding: 0.5em 1em;
	/*margin: 1em 0 0.5em 0;*/
}

.cl-button-home
{
	position: fixed;
	top: 20px;
	left: 20px;
}

.cl-button-map
{
    background-color: cyan;
    /* background-color: rgba(227, 227, 227, 0.8); */
}

.id-update-container, .id-text-container
{
    margin: 10px 0 10px 15px;
}

.id-map-button
{
}

.id-list
{
    flex: 1;
    overflow: auto;
}

.id-search-container
{
    margin-left: 32px;
    color: black;
}

.id-and-or-container
{
    margin-left: 16px;
}

.id-matches-container
{
    margin-left: 16px;
}

.id-band-container
{
    margin-left: 32px;
    color: black;
}

.id-snr-container
{
    margin-left: 32px;
    color: black;
}

.id-url-params-container
{
    margin-left: 32px;
    color: black;
}

.id-type-container
{
    margin-left: 32px;
    color: black;
}

.id-tab-container
{
    margin-left: 32px;
    color: black;
}

.id-rx-count
{
    margin-left: 32px;
}

.id-band
{
    color: white;
    background: grey;
	margin-left: 4px;
    padding: 3px 5px;
	border-radius: 7px;
	box-shadow: 1px 1px 5px #999;
	font-size: 14px;
}

.cl-button-home:hover, .cl-button-home:active, .cl-button-map:hover, .cl-button-map:active
{
    color: white;
    background-color: #4CAF50;  /* = w3-selection-green */
    border-color: #4CAF50;      /* = w3-selection-green */
}

.id-font-menu
{
	position: fixed;
	top: 60px;
	left: 25px;
}

.id-font-select
{
	font-size: 16px;
	color: red;
	text-align: center;
}

big
{
    font-size: 22px;
}

.cl-entry
{
    position: relative;
    margin: 0 15px 15px 15px;
    padding: 15px 15px 9px 15px;
    border-radius: 15px;
    line-height: 25px;
    background: rgba(227, 227, 227, 0.8);
}

.cl-name
{
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    color: black
}

.button-email
{
	font-size: 16px;
	padding: 0.25em 1em;
}

.button-email:hover, .button-email:active
{
    color: white;
    background-color: #4CAF50;  /* = w3-selection-green */
    border-color: #4CAF50;      /* = w3-selection-green */
}

.f_white
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000;
	padding: 10px;
	margin-top: 20px;
}

.f_purple
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: lavender;
	color: #000;
	padding: 10px;
	margin-top: 20px;
}

.f_blue
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: lightCyan;
	color: #000;
	padding: 10px;
	margin-top: 20px;
}

.f_honeyDew
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: honeyDew;
	color: #000;
	padding: 10px;
	margin-top: 20px;
}

.f_rose
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: lavenderBlush;
	color: #000;
	padding: 10px;
	margin-top: 20px;
}

.f_tan
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: cornsilk;
	color: #000;
	padding: 10px;
	margin-top: 20px;
}

.img
{
	display: block;
	margin: auto;
	margin-left:20px;
	margin-right:20px;
}

code
{
	font-weight: bold;
}

.powered
{
	margin: 20px;
	text-align: center;
}

.class-inline-block
{
	display: inline-block;
}

.class-table
{
	display: table;
	position: relative;		/* so position:absolute can be used inside cells */
	width: 100%;			/* otherwise buttons get squished together */
	/*border-spacing: 1px;	debug*/
}

.class-td
{
	display: table-cell;
	position: relative;		/* so position:absolute can be used inside cells */
	text-align: left;
	float: left;
	/*background-color: cyan;	/* debug */
	/*border: 1px solid red;	/* debug */
}

.class-copy
{
	display: table-cell;
	position: absolute;		/* so position:absolute can be used inside cells */
	top: 170px;
	left: 30px;
	text-align: left;
	font-size: 8pt;
	/*background-color: cyan;	/* debug */
	/*border: 1px solid red;	/* debug */
}

.quote
{
	font-size: 100%;
	font-style: italic;
}

table
{
	border-spacing: 20px 5px;
}

table, th, td
{
	
}

th
{
	text-align: left;
}

td
{
	background-color: #d9d9d9;
}

/* the last <td> gets the fixed background color */
.table-data-mixed td:last-child
{
	background-color: lavender;
}

/* all <td> text is center aligned */
.table-data-centered td
{
	text-align: center;
}

span-grey
{
	background-color: #d9d9d9;
	padding: 0 6px;
	text-align: center;
}

.cl-wish
{
	display: inline-block;
	color: black;
	background-color: #00ffff;
	padding: 0.5em 1em;
	margin: 1em 0 0.5em 0;
}

.cl-bug
{
	display: inline-block;
	color: white;
	background-color: #fc2929;
	padding: 0.5em 1em;
	margin: 1em 0 0.5em 0;
}

.cl-list-outer
{
	margin: 0 0 0 0;
}

.cl-admin
{
    width: fit-content;
    margin: 4px 0;
    padding: 4px 8px;
}

.cl-admin-status
{
    /* w3-red */
	color: white;
	background-color: #f44336;
}

.cl-admin-mode
{
    /* w3-blue */
	color: white;
	background-color: #2196F3;
}

.cl-admin-control
{
    /* w3-purple */
	color: white;
	background-color: #9c27b0;
}

.cl-admin-connect
{
    /* w3-black */
	color: white;
	background-color: black;
}

.cl-admin-config
{
    /* w3-aqua */
	color: black;
	background-color: #00ffff;
}

.cl-admin-webpage
{
    /* w3-pink */
	color: white;
	background-color: #e91e63;
}

.cl-admin-public
{
    /* w3-yellow */
	color: black;
	background-color: #ffeb3b;
}

.cl-admin-dx
{
    /* w3-amber */
	color: black;
	background-color: #ffc107;
}

.cl-admin-update
{
    /* w3-green */
	color: white;
	background-color: #4CAF50;
}

.cl-admin-backup
{
    /* w3-orange */
	color: black;
	background-color: #ff9800;
}

.cl-admin-network
{
    /* w3-grey */
	color: white;
	background-color: #9e9e9e;
}

.cl-admin-gps
{
    /* w3-lime */
	color: black;
	background-color: #cddc39;
}

.cl-admin-log
{
    /* w3-indigo */
	color: white;
	background-color: #3f51b5;
}

.cl-admin-console
{
    /* w3-brown */
	color: white;
	background-color: #795548;
}

.cl-admin-ext
{
    /* w3-teal */
	color: white;
	background-color: #009688;
}

.cl-admin-security
{
    /* w3-blue-grey */
	color: white;
	background-color: #607d8b;
}

.cl-yellow-highlight-box
{
	display: inline-block;
	padding: 0.5em;
	background-color: yellow;
}

.cl-blue-highlight-text
{
	display: inline;
	padding: 0 3px;
	color: white;
	background-color: dodgerBlue;
}

.cl-violet-highlight-text
{
	display: inline;
	padding: 0 3px;
	color: white;
	background-color: mediumVioletRed;
}

.cl-yellow-highlight-text
{
	display: inline;
	padding: 0 3px;
	background-color: yellow;
}

.cl-orange-highlight-text
{
	display: inline;
	padding: 0 3px;
	background-color: orange;
}

.cl-cyan-highlight-text
{
	display: inline;
	padding: 0 3px;
	background-color: cyan;
}

.cl-lime-highlight-text
{
	display: inline;
	padding: 0 3px;
	background-color: lime;
}

.cl-white-highlight-text
{
	display: inline;
	padding: 0 3px;
	background-color: white;
}

.cl-underline-text
{
	text-decoration: underline;
}

unl
{
	text-decoration: underline;
}

.bolt, .excla
{
	color: red;
}

.test
{
	color: sandyBrown;
}

.check
{
	color: limeGreen;
}