html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #777; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: ; /*STOCK*/
	margin: 1px;
	}

#wrapper {
	background: ; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: ; /*STOCK*/
	width: ; /*STOCK*/
	}

#content{
	padding: ; /*STOCK*/
	position: ; /*STOCK*/
	}

p {
	margin-top: 12px;
	}

hr {
	margin-left: 0px;
	width: 92%;
	/*! height: 1px; */
	border: none;
	background: #555;
	}

.grey {
	color: #000;
	}

#context-schedule {
	left: 281px;
	letter-spacing: 1px;
	line-height: 9px;
	margin: auto;
	position: absolute;
	top: 137px;
	width: 777px;
	}


/*date-time */
	#date-time {
		color: rgba(110,110,110, .8);
		font: 37px underwood-champion;
		position: fixed;
		left: 0px;
		width: 100%;
		background: #000;
		height: 0px;
		top: 0px;
		padding: 62px 0px 77px 297px;
		letter-spacing: 5px;
		z-index: 1;
		}
/* date-time */



#skedule,
#monitor {
	padding-bottom: 507px;
	}

	#monitor {
		padding-top: 137px;
		}

	.grid-container {
		display: grid;
		grid-gap: 0px;
		grid-template-columns: 234px auto;
		margin: 27px 0px;
		}

		.grid-item {
			font: 20px monospace;
			padding: 5.5px 0px 5.5px 27px;
			font-weight: 500;
			text-transform: lowercase;
			}

			.grid-item:hover {
				background:
				}

		.grid-item.left.watch {
			width: 400px;
			}

		.grid-item.right {
			padding-left: 11px;
			position: relative;
			left: -1px;
			}

		.grid-item.right.watch {
			left: 138px;
			}

			.item1 {
				font-weight: bold;
				grid-column: 1 / span 2;
				}


.last {
	color: #600;
	font-size: 16px;
	font-weight: bold;
	opacity: .7;
	}

.next {
	color: #030;
	font-size: 16px;
	font-weight: bold;
	opacity: .7;
	}

	.every {
		color: #000;
		opacity: .27;
		}

	.none {
		color: #222;
		opacity: .37;
		}

		.occurance {
		font-size: 16px;
		position: relative;
		top: -1px;
		}


.frequency {
	opacity: .5;
	}


.active-row {
  background-color: #888 !important; /* Light yellow background */
}

/* Optional: add a border to make the whole row stand out */
.grid-item.active-row {
}

/* Top and bottom borders for both cells */
.active-row {
}

/* Left side of the row */
.grid-item.left.active-row {
    border-left: 1px solid #000; /* Solid left border */
left: -1px;
position: relative;
}

/* Right side of the row */
.grid-item.right.active-row {
    border-right: 1px solid #000; /* Solid right border */
}



		.link a:link {text-decoration: none; color: #700; }
		.link a:visited {text-decoration: none; color: #700; }
		.link a:hover {text-decoration: none; color: #040; }
		.link a:active {text-decoration: none; color: #020; }



.monthly {
	background-color: #888;
	}



/* BEGIN FIXED */


#menu {
	border-radius: 4px;
	font: bold 12px verdana;
	line-height: 18px;
	letter-spacing: 3px;
	padding: 14px;
	position: fixed;
	left: 17px;
	top: 164px;
	text-transform: lowercase;
	width: anchor-size;
	z-index: 3;
	height: auto;
	}

		#menu a:link {text-decoration: none; color: #000; }
		#menu a:visited {text-decoration: none; color: #000; }
		#menu a:hover {text-decoration: none; color: #040; }
		#menu a:active {text-decoration: none; color: #030; }

	.links {
	background: #000;
	border-radius: 7px;
	font: 15px verdana;
	line-height: 28px;
	opacity: .7;
	padding: 14px;
	position: fixed;
	right: 17px;
	top: 54px;
	text-transform: uppercase;
	text-align: center;
	z-index: 1;
	}

	.links:hover {
		opacity: 1;
		}

		.links a:link {text-decoration: none; color: #080; }
		.links a:visited {text-decoration: none; color: #080; }
		.links a:hover {text-decoration: none; color: #090; }
		.links a:active {text-decoration: none; color: #040; }

/* END FIXED */