#connectButton.connected {
    background-color: #7FFF00;
}

#connectButton {
    background-color: white;
    border: 1px solid black;
    color: black;
    width: 100px;
	height: 25px;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

#disconnectButton {
    background-color: white;
    border: 1px solid black;
    color: black;
    width: 100px;
	height: 25px;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}

#transmitMessages {
    width: 99%;
}

#receivedMessages {
    width: 99%;
}

.scrollable-div {
    overflow-y: scroll;
    height: 500px;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #000;
    margin: 0;
}

select {
    width: 80px;
}

body {
    background-color: white;
}

h1 {
	color: black;
	text-align: center;
}

h2 {
	color: white;
	text-align: right;
}

p {
	font-family: verdana;
	font-size: 14px;
}