body {
	margin:0px;
	border:0px;
	background-color:white;
	font-family:system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Tahoma,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Open Sans,sans-serif;
  font-size:15px;
}

input {
	padding:10px;
	width:100%;
	box-sizing:border-box;
}

button {
	font-family:system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Tahoma,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Open Sans,sans-serif;
  font-size:15px;
}

.menu {
  width:100%;
  display:none;
}

.menuLeft {
	padding:10px 0px 0px 10px;
	float:left;
}

.menuRight {
	padding:10px 10px 0px 0px;
	float:right;
}

.menuLink {
	background-color:white;
	color:red;
	padding:10px;
	border:0;
	cursor:pointer;
}

.menuLink:hover {
	color:#cccccc;
}

.menuButton {
	background-color:red;
	color:white;
	padding:10px;
	border:0;
	cursor:pointer;
}

.menuButton:hover {
	color:#cccccc;
}

.home {
	width:100%;
	background-color:white;
}

.dialogueBackground {
	width:100%;
	background-color:gray;
	text-align:center;
	display:none;
}

.dialogue {
  width:20%;
  min-width:150px;
  background-color:white;
  display:inline-block;
  padding:10px;
  margin:10px;
}

.dialogueTitle {
	color:red;
	margin-left:17px;
}

.dialogueClose {
	float:right;
	cursor:pointer;
	border:0px;
	padding:0px;
	width:17px;
	height:17px;
}

.dialogueCloseGrey {
	cursor:pointer;
	display:none;
}

.dialogueClose:hover .dialogueCloseGrey {
	display: inline;
}

.dialogueClose:hover .dialogueCloseWhite {
	display: none;
}

.dialoguePanel {
	padding-top:10px;
}

.dialogueFailure {
	display:none;
	padding-top:10px;
}

.dialogueBorder {
	border:2px solid red;
}

.dialogueSubject {
	color:red;
	padding-top:10px;
}

.dialogueText {
	color:gray;
	padding:10px;
}

.dialogueButton {
	background-color:red;
	color:white;
	width:100%;
	padding:10px;
	border:0;
	cursor:pointer;
}

.dialogueButton:hover {
	color:#cccccc;
}

.dialogueLink {
	color:red;
	text-decoration:none;
}

.dialogueLink:hover {
	color:#cccccc;
}