.green { margin:6px; margin-top:20px; padding:24px; 
	 background:rgb(160,175,160); }
.panels { margin:auto; }
.panels .control { width:220px; vertical-align:top; 
	padding:10px; padding-top:24px; margin-right:16px; 
	text-align:center; background:rgb(230,230,205); }
#message { margin-top:16px; }

button	  { margin:2px; margin-top:10px; }

* { -moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	user-select:none; }
#diagram { margin-left:16px; cursor:default; 
	-webkit-tap-highlight-color:rgba(0,0,0,0); }
#diagram * { cursor:inherit; -webkit-tap-highlight-color:rgba(0,0,0,0); }

/* Selection and rollover outline for the sites */
.outline { -moz-border-radius:8px; 
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-khtml-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px; }
.outline.Roll { border:2px solid rgb(255,190,0); }
.outline.Sel { border:2px solid rgb(255,130,0); }

/* Rollover panel */
.rollPanel { background-image:url(panel.png); background-repeat:no-repeat;
	padding:10px; font-size:12px; color:rgb(90,80,30); line-height:1.4em;
	cursor:default; }