
/* ========== Casio Watches ========== */

table.casioWatches {
	padding-top:1em;
	padding-bottom:1em;
	padding-left:2ch;
	padding-right:1ch;
	width:75ch;

	background-color: cyan;
	border-right: solid magenta 3px;
	border-bottom: solid magenta 3px;
	border-top: solid white 3px;
	border-left: solid white 3px; 
}

tr {
	display: block;
	margin-bottom: 2px; 
}

th {
	background-color: magenta;
	padding: 0;
	margin: 0;
	font: inherit;
	border-right: solid cyan 3px; 
}

td {
	background-color: magenta;
	padding: 0;
	margin: 0;
	font: inherit;
	border-right: solid cyan 3px; 
	vertical-align:top;
}

.output {
	background-color: black;
}


.width18 {
	width: 18ch;
}

.width14 {
	width: 14ch;
}

.width3Cols {
	width: calc(18ch + 3px + 14ch + 1ch + 3px + 18ch + 1ch + 3px );
}

.paddingLeft1 {
	padding-left: 1ch;
}

.height3 {
	height: 3em;
}

.height7 {
	height: 7em;
}

.floatLeftContainer {
	 float: left;
}

.floatRightContainer {
	 float: right;
}

.dropdown {
	position: relative;
	display: inline-block;
	background-color: cyan;
	color: magenta;
	padding-left: 1ch;
	padding-right: 1ch;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: magenta;
	color: cyan;
	min-width: 16ch;
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  padding-right: 1ch; /* 12px 16px;*/
  z-index: 1;
 	line-height: 100%;
padding-bottom: 0;
}

.dropdown-content:hover
	{/*	text-decoration: none;	*/
		background: white;
		color: magenta;
}

.dropdown:hover .dropdown-content {
  display: block;
}