body {
    background-color: #191919;
    color: #BCFFDE;
    font-family: Lucida Console;
}

a
{	color: #BCFFDE;
	text-decoration:none;

}

#cushionBuffer
{	width: 75%;
	height: 25%;
}

#titleWrapper
{	opacity: 0.0;
	height: 50%;
	background-image: url("zxc_gray_ink.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat; 
}
#footerWrapper
{	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 25px;
	width: 100%;
}

#genericObject
{	background-color:#202020;
	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
	padding: 4px;
	margin: 10px 0px 10px 0px;

}

#genericTitle
{	float: left;
	margin: 0px 8px 0px 0px;
	padding: 4px;
	background-color:#202020;
	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
}

#backgroundOffset
{	background-color:#101010;
}

#wrapper
{	min-width: 700px;
	width: 75%;
	margin: auto;
	position: relative;

}

#titleButton
{	float: right;
	margin: 0px 0px 0px 8px;
	padding: 4px;
	background-color:#202020;
	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
	color: #BCFFDE;
	cursor: pointer;
}

#centeralButton
{	width: 290px;
	margin: 0px 0px 0px 8px;
	padding: 4px;
	background-color:#202020;
	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
	color: #BCFFDE;
	cursor: pointer;
}

select
{	width: 600px;
  	padding: 12px 20px;
 	margin: 8px 0;
  	display: inline-block;
  	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
  	box-sizing: border-box;
	color: #BCFFDE;
	background-color:#202020;

}

input
{	width: 290px;
	
  	padding: 12px 20px;
 	margin: 8px 0;
  	display: inline-block;
  	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
  	box-sizing: border-box;
	color: #BCFFDE;
	background-color:#202020;

}

.shiftWrapper
{	display: none;
  	position: fixed;
  	z-index: 1;
  	padding-top: 150px;
  	left: 0;
  	top: 0;
  	width: 100%;
 	height: 100%;
  	overflow: auto;
 	background-color: rgb(0,0,0);
  	background-color: rgba(0,0,0,0.4);
}

.shiftContent
{	background-color:#202020;
	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
	padding: 4px;
	margin: 10px 0px 10px 0px;
	min-width: 700px;
	width: 75%;
}

.shiftClose
{	color: #BCFFDE;
  	float: right;
  	font-size: 28px;
  	font-weight: bold;
}

.shiftClose:hover,
.shiftClose:focus
{	color: #000;
  	text-decoration: none;
  	cursor: pointer;
}

#shiftButton
{	width: 128px;
	height: 128px;
  	padding: 12px 20px;
 	margin: 8px 0;
  	display: inline-block;
  	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
  	box-sizing: border-box;
	color: #BCFFDE;
	background-color:#202020;

}

#shiftButtonLocked
{	width: 128px;
	height: 128px;
  	padding: 12px 20px;
 	margin: 8px 0;
  	display: inline-block;
  	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: #292929;
	border-radius: 8px;
  	box-sizing: border-box;
	color: #aaaaaa;
	background-color:#202020;

}