body {
	background-color: grey;
}

a.middle
{
	color: black;
 	outline-style: none;
 	text-decoration: none;
    position: relative;
}
a.middle:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}
a.middle:hover:before {
    visibility: visible;
    transform: scaleX(1);
}

a.nounderline:link
{
	text-decoration: none;
}


ul {
  list-style-type : none;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.header-class {
	background-color: #98c0cf;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	margin-left: 1px;
	margin-right: 1px;


}

.navBar-class {

	background-color: lightgrey;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
/*	margin-right: 2em;*/
}

.formAide-class {


	background-color: lightgrey;
	border-radius: 5px;
	border-width: 1px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-style: solid;
	border-color: black;

}

.form-titlesArea {
	background-color: #98c0cf;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}


.buttonToRotate {
	transition: transform 0.25s linear;
	transform-origin: center;
	transform-style: preserve-3d;
}

.buttonRotation {
	transform: rotate(-180deg);
}

.scrollingBar
 {
	height: 130px;
	overflow-y: auto;
}