#mandel-canvas {
	border: thin black solid;
}

 
 


 
 

canvas.mini-window {
	border: thin yellow solid;
	margin: 10px;
}

div.color-scheme table { 
	margin: auto;
}

div.footer   { 
	font-family: arial;
	text-align: center;
	color: gray; 
	font-weight: bold;
	font-size: smaller
}

/* ------------------------------------------------ */

div.mandel-ui   {
	min-width: 100px; 
	font-family: arial;
	text-align: center;
	color: black; 
	margin: auto;
}


span.ui-title {
	color: brown;
	font-weight: bold;
}

span.ui-title:hover {
	color: #44cc22;
}

span.ui-spacer {
	color: #bbbbbb;
	margin: 30px;
}

span.ui-label {
	color: gray; 
	font-weight: bold;
	vertical-align: center;
}

span.ui-group {
	background-color: white;
	border: white thin solid;
	padding: 14px 10px 10px 10px;
}

span.ui-button { 
	color: green;
	font-weight: bold; 
}

span.ui-button:hover { 
	color: #55ff33;
	background-color: black;
}

/* ------------------------------------------------ */

div.help { 
	padding: 50px; 
	text-align: justify;
	font-family: Comic Sans MS, arial, serif;
	font-size: smaller; 
	line-height: 1.5;
}

div.help h2 {    
	color: gray;
	background-color: #eeeeee;
}


div#help-precision-images {
	text-align: right;
	float: right; 	
	padding: 0px 0px 0px 40px;
}



div#help-precision-images img {	 
	margin: 5px 0px 5px 10px;
	float: right;
}

div#help-precision-images div {
	width: 500px; 
	overflow: auto;
}