.name {
	color: blue
}

.speakingToName {
	color: red
}

.heading {
	text-align: center;
	font-size: 14px
}

.interface {
	display: none
}

.ourNameLabel {
	font-size: 12px
}

.ourName {
	font-size: 12px
}

.output {
	position: relative;
	padding-left: 10;
	text-align: left;
	width: 450;
	height: 280;
	overflow: auto;
	border-style: solid
}

.inputdiv {
	position: relative;
	width: 450;
	height: 100;
	top: 5;
	padding-top: 10;
	border-style: solid
}

.speakToLabel {
}

.inputfield {
	padding: 10
}

.logoutdiv {
	position: relative;
	top: 10
}

.logoutbutton {
}

.login {
	padding: 10;
	border-style: solid;
	text-align: left; 
	width: 400
}

.idFields {
}

.idLabel {
	padding: 10; 
	position: relative; 
	min-width: 100; 
	float: left
}

.idFieldDiv {
	padding: 10; 
	position: relative; 
	float: right
}

.idField {
}

.passwordFields {
	clear: both
}

.passwordLabel {
	padding: 10;
	position: relative;
	min-width: 100;
	float: left
}

.passwordFieldDiv {
	padding: 10; 
	position: relative; 
	float: right
}

.passwordField {
}

.loginButtonDiv {
	padding: 10; 
	position: relative; 
	left: 100; 
	width: 150; 
	clear: both
}

.loginButton {
	width: 150
}