/* euclid.css
 * 
 * CSS styles to go with euclid.html path-builder application
 */
 
body{
	background-color: rgb(150,150,150);
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
a{
	color: rgb(0,0,0);
	text-decoration: none;
}
a:active{
	color: rgb(255,255,255);
	text-decoration: none;
}
a:visited{
	color: rgb(0,0,0);
	text-decoration: none;
}
a:hover{
	color: white;
	text-decoration: none;
}
div.gridStrips{
	background-color: rgb(0,0,0);
	z-index: 0;
}
div.crosshairs{
	z-index: 2;
	height: 21px;
	width: 21px;
	font-size: 8px;
	color: rgb(155,155,155);
	cursor: crosshair;
}
div.crosshairVertical{
	height: 21px;
	width: 1px;
	top: 0px;
	left: 10px;
	line-height: 1px;
	background-color: rgb(155,155,155);
}
div.crosshairHorizontal{
	height: 1px;
	width: 21px;
	top: 10px;
	left: 0px;
	line-height: 0px;
	background-color: rgb(155,155,155);
}
div.cpHandle{
	height: 17px;
	width: 200px;
	top: 10px;
	left: 300px;
	line-height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,255,255);
	text-align: middle;
	cursor: move;
	z-index: 3;
	background-color: rgb(100,100,255);
}
div.cpPanelBackground{
	height: 330px;
	width: 200px;
	top: 17px;
	left: 0px;
	background-color: rgb(200,200,255);
	cursor: default;
}
div.cpPanel{
	width: 190px;
	top: 0px;
	left: 0px;
	margin: 5px;
}
div.helpPanel{
	width: 190px;
	top: 0px;
	left: 0px;
	margin: 5px;
	cursor: default;
	display: none;
	white-space: normal;
}
div.cpMinMax{
	top: 0px;
	left: 180px;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
}
div.codeBlock{
	display: none;
	z-index: 4;
	top: 100px;
	left: 100px;
	font-size: 12px;
	padding: 5px;
	border-width: 2px;
	border-color: rgb(100,100,255);
	border-style: solid;
	background-color: rgb(200,200,255);
}
.button, .buttonBlock{
	background-color: rgb(150,150,255);
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

.buttonBlock{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.formLine{
	display: block;
	background-color: rgb(100,100,255);
	border-color: black;
	border-width: 1px;
	border-style: dotted;
	line-height: 28px;
}

.textField{
	font-size: 10px;
	background-color: rgb(150,150,255);
} 
.labelText{
	font-weight: bold;
	line-height: 20px;
}

.rightAlign{
	float: right;
}

.code{
	font-family: monospace;
	white-space: pre;
}