body {
	padding: 0; 
	margin: 0; 
	height: 100%; 
	font-family: Tahoma;
}

#shardhavenPickerLabel {
	font-size: 14px;
	margin-right: 20px;
}

select {
   background: white;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   background-color: white;
   color: black;
}

#bodyContainer {
	float: left; 
	width: 100%; 
	height: 100%
}

#editContainer {
	float: left; 
	margin-right: 400px; 
	width: 100%; 
	display: flex; 
	flex-flow: column; 
	height: 100%;
}

#titleContainer {
	height: 30px; 
	background: #d0d0d0; 
	padding: 10px
}

#mapContainer {
	min-height: 200px; 
	margin-right: 400px;
	overflow: scroll; 
	flex-grow: 1;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

#roomDataContainer {
	float: right; 
	width: 360px; 
	margin-left: -100%; 
	overflow-y:scroll; 
	height: 95%; 
	background: #d0d0d0; 
	padding: 20px;
}

#shardhavenName {
	font-size: 14px;
	margin-top: 6px;
	padding: 4px;
	width: 100%;
	background: white;
	border: 1px solid black;
}

#shardhavenDesc {
	font-size: 14px;
	margin-top: 6px;
	padding: 4px;
	width: 100%;
	background: white;
	border: 1px solid black;
}

.editSection {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid black;
}

.obstacleLabel {
	width: 55px;
	padding: 5px;
	text-align: right;
	font-size: 14px;
	float: left;
}

.checkboxDiv {
	margin-left: 64px;
	font-size: 14px;
}

button {
	border-radius: 20px;
	padding: 8px;
	width: 140px;
	font-size: 16px;
	color: white;	
}

#shardhavenRoomSave {
	background-color: green;
}

#shardhavenRoomSave:disabled {
	background-color: gray;
}

#shardhavenRoomDelete {
	background-color: red;
}

#shardhavenRoomDelete:disabled {
	background-color: gray;
}
