#controlPanel {
    background-color: rgba(255, 255, 255, 0.75);
    border-right: 1px solid rgb(0, 0, 0);
    width: 350px;
    top: var(--headerHeight);
    bottom: var(--footerHeight);
    left: 0px;
    position: absolute;
    z-index: 5;
    box-shadow: 10px 0px 5px -5px rgba(0, 0, 0, 0.644);
}

#innerPanel {
    font-weight: 800;
    margin-top: 50px;
    height: 500px;
    float: right;
    width: 250px;
    padding: 10px;
}

#controlTable {
    width: 100%;
    height: 100%;
}

p {
    margin: 0;
}

#controlTable td{
    text-align: center;
    /*border: 1px solid rgb(206, 206, 206);*/
}

#optionsBtn {
    font-size: large;
    margin-left: 50px;
    margin-top: 10px;
    position: absolute;
    top: var(--headerHeight);
    z-index: 6;
    width: 200px;
}


#optionsBtn {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#optionsBtn {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
#optionsBtn {
	position:relative;
	top:1px;
} 

#ruleTitle {
    font-weight: 100;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: transparent;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
  
input[type=range]:hover {
    opacity: 1;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #7b8c92;
    cursor: pointer;
    margin-top: -8px;
}

input[type=range]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #7b8c92;
    cursor: pointer;
}

/* HIDE RADIO */
[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
  
/* IMAGE STYLES */
[type=radio] + img {
    margin: 10px;
    cursor: pointer;
}
  
/* CHECKED STYLES */
[type=radio]:checked + img {
    outline: 2px solid rgb(102, 102, 102);
}

#vertNumSlot {
    display: table-cell;
}