body {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 90%;
	overflow: hidden;
}
#controls {
	padding: 3px;
	margin: 0 0;
	padding: 3px 4px 3px 48px;
	border: 1px solid gray;
	background-color: #ffc;
}
#controls img {
	float: right;
	cursor: pointer;
	margin: 4px;
}
#controls input {
	margin: 4px 0 0 0;
}
#controls a.control {
	text-decoration: none;
}
#controls a.control:hover {
	text-decoration: underline;
	color: #000;
}
table#advanced tr {
	text-align: right;
}
table.tablesep {
	border: 1px solid lightgray;
	margin: 2px;
}
div#logo {
	width: 0px;
	height: 0px;
	margin: 0 3px 0 0;
	padding: 0 0;
	float: left;
}
div#logo img {
	float: left;
	cursor: default;
	margin: 4px 0 0 -44px;
}
.DAOphot {
	color: #ff0000;
	cursor: pointer;
}
.SExtractor {
	color: #3333ff;
	cursor: pointer;
}
.inactive {
	color: #bbb;
}

form#controls span.r { color: #ff0000; cursor: pointer; }
form#controls span.o { color: #ff7f00; cursor: pointer; }
form#controls span.y { color: #f2f200; cursor: pointer; }
form#controls span.g { color: #00e500; cursor: pointer; }
form#controls span.c { color: #00f2c9; cursor: pointer; }
form#controls span.lb { color: #0094ff; cursor: pointer; }
form#controls span.lp { color: #fa9fb5; cursor: pointer; }
form#controls span.lg { color: #addd8e; cursor: pointer; }
form#controls span.b { color: #3333ff; cursor: pointer; }
form#controls span.p { color: #9933ff; cursor: pointer; }
form#controls span.m { color: #ff00bf; cursor: pointer; }

.button {
	position: absolute;
	width: 1.1em;
	height: 1.1em;
	margin: 0.15em;
	background-color: #fff;
	border: 1px solid gray;
	color: gray;
	text-align: center;
	line-height: 1em;
	cursor: pointer;
}

.zoombarbox {
	position: absolute;
	display: block;
	height: 1.1em;
	margin: 0;
	padding: 0 0 0.15em 0;
}
.zoombar {
	position: absolute;
	width: 6px;
	height: 1.1em;
	margin: -2px 0.5px 0 0.5px;
	padding: 0;
	display: block;
	cursor: pointer;
	border: 1px solid gray;
	background-color: #bbb;
}
.zoombar:hover {
	background-color: #f00;
}
.zoombar#selected {
	background-color: #fff;
}

/* help, print, save buttons */

div.hlbutton {
	float: right;
	height: 32px;
	width: 32px;
	margin: 4px 5px;
	cursor: pointer;
}
/* URLs are relative to location of this style file */
div.print { background-image: url(../images/print.png); }
div.help { background-image: url(../images/help.png); }
div.save { background-image: url(../images/save.png); }
div.print:hover { background-image: url(../images/print_hl.png); }
div.help:hover { background-image: url(../images/help_hl.png); }
div.save:hover { background-image: url(../images/save_hl.png); }
div.buttoncaption {
	/* clear: right; */
	float: right;
	font-size: 60%;
	font-weight: bold;
	margin: 0 5px;
	text-align: right;
}
.plotcaption {
}

.marker {
	background-repeat: no-repeat;
	background-position: center center;
	width: 21px;
	height: 21px;
	position: absolute;
}

@media screen {
	.marker.r0 { background-image: url(../images/rcircle0.png); }
	.marker.r1 { background-image: url(../images/rcircle1.png); }
	.marker.r2 { background-image: url(../images/rcircle2.png); }
	.marker.r3 { background-image: url(../images/rcircle3.png); }
	.marker.o0 { background-image: url(../images/ocircle0.png); }
	.marker.o1 { background-image: url(../images/ocircle1.png); }
	.marker.o2 { background-image: url(../images/ocircle2.png); }
	.marker.o3 { background-image: url(../images/ocircle3.png); }
	.marker.y0 { background-image: url(../images/ycircle0.png); }
	.marker.y1 { background-image: url(../images/ycircle1.png); }
	.marker.y2 { background-image: url(../images/ycircle2.png); }
	.marker.y3 { background-image: url(../images/ycircle3.png); }
	.marker.g0 { background-image: url(../images/gcircle0.png); }
	.marker.g1 { background-image: url(../images/gcircle1.png); }
	.marker.g2 { background-image: url(../images/gcircle2.png); }
	.marker.g3 { background-image: url(../images/gcircle3.png); }
	.marker.c0 { background-image: url(../images/ccircle0.png); }
	.marker.c1 { background-image: url(../images/ccircle1.png); }
	.marker.c2 { background-image: url(../images/ccircle2.png); }
	.marker.c3 { background-image: url(../images/ccircle3.png); }
	.marker.lb0 { background-image: url(../images/lbcircle0.png); }
	.marker.lb1 { background-image: url(../images/lbcircle1.png); }
	.marker.lb2 { background-image: url(../images/lbcircle2.png); }
	.marker.lb3 { background-image: url(../images/lbcircle3.png); }
	.marker.lp0 { background-image: url(../images/lpcircle0.png); }
	.marker.lp1 { background-image: url(../images/lpcircle1.png); }
	.marker.lp2 { background-image: url(../images/lpcircle2.png); }
	.marker.lp3 { background-image: url(../images/lpcircle3.png); }
	.marker.lg0 { background-image: url(../images/lgcircle0.png); }
	.marker.lg1 { background-image: url(../images/lgcircle1.png); }
	.marker.lg2 { background-image: url(../images/lgcircle2.png); }
	.marker.lg3 { background-image: url(../images/lgcircle3.png); }
	.marker.b0 { background-image: url(../images/bcircle0.png); }
	.marker.b1 { background-image: url(../images/bcircle1.png); }
	.marker.b2 { background-image: url(../images/bcircle2.png); }
	.marker.b3 { background-image: url(../images/bcircle3.png); }
	.marker.p0 { background-image: url(../images/pcircle0.png); }
	.marker.p1 { background-image: url(../images/pcircle1.png); }
	.marker.p2 { background-image: url(../images/pcircle2.png); }
	.marker.p3 { background-image: url(../images/pcircle3.png); }
	.marker.m0 { background-image: url(../images/mcircle0.png); }
	.marker.m1 { background-image: url(../images/mcircle1.png); }
	.marker.m2 { background-image: url(../images/mcircle2.png); }
	.marker.m3 { background-image: url(../images/mcircle3.png); }
}

@media print {
	/*
	 * square markers (delineated by border)
	 * size of marker is always 21 pixels = width + 2*(border+margin)
	 */
	.marker.r0 { border: 2px solid #ff0000; width: 17px; height: 17px; margin: 0px; }
	.marker.r1 { border: 1px solid #ff0000; width:  9px; height:  9px; margin: 5px; }
	.marker.r2 { border: 1px solid #ff0000; width:  5px; height:  5px; margin: 7px; }
	.marker.r3 { border: 1px solid #ff0000; width:  3px; height:  3px; margin: 8px; }
	.marker.o0 { border: 2px solid #ff7f00; width: 17px; height: 17px; margin: 0px; }
	.marker.o1 { border: 1px solid #ff7f00; width:  9px; height:  9px; margin: 5px; }
	.marker.o2 { border: 1px solid #ff7f00; width:  5px; height:  5px; margin: 7px; }
	.marker.o3 { border: 1px solid #ff7f00; width:  3px; height:  3px; margin: 8px; }
	.marker.y0 { border: 2px solid #f2f200; width: 17px; height: 17px; margin: 0px; }
	.marker.y1 { border: 1px solid #f2f200; width:  9px; height:  9px; margin: 5px; }
	.marker.y2 { border: 1px solid #f2f200; width:  5px; height:  5px; margin: 7px; }
	.marker.y3 { border: 1px solid #f2f200; width:  3px; height:  3px; margin: 8px; }
	.marker.g0 { border: 2px solid #00e500; width: 17px; height: 17px; margin: 0px; }
	.marker.g1 { border: 1px solid #00e500; width:  9px; height:  9px; margin: 5px; }
	.marker.g2 { border: 1px solid #00e500; width:  5px; height:  5px; margin: 7px; }
	.marker.g3 { border: 1px solid #00e500; width:  3px; height:  3px; margin: 8px; }
	.marker.c0 { border: 2px solid #00f2c9; width: 17px; height: 17px; margin: 0px; }
	.marker.c1 { border: 1px solid #00f2c9; width:  9px; height:  9px; margin: 5px; }
	.marker.c2 { border: 1px solid #00f2c9; width:  5px; height:  5px; margin: 7px; }
	.marker.c3 { border: 1px solid #00f2c9; width:  3px; height:  3px; margin: 8px; }
	.marker.lb0 { border: 2px solid #0094ff; width: 17px; height: 17px; margin: 0px; }
	.marker.lb1 { border: 1px solid #0094ff; width:  9px; height:  9px; margin: 5px; }
	.marker.lb2 { border: 1px solid #0094ff; width:  5px; height:  5px; margin: 7px; }
	.marker.lb3 { border: 1px solid #0094ff; width:  3px; height:  3px; margin: 8px; }
	.marker.lp0 { border: 2px solid #fa9fb5; width: 17px; height: 17px; margin: 0px; }
	.marker.lp1 { border: 1px solid #fa9fb5; width:  9px; height:  9px; margin: 5px; }
	.marker.lp2 { border: 1px solid #fa9fb5; width:  5px; height:  5px; margin: 7px; }
	.marker.lp3 { border: 1px solid #fa9fb5; width:  3px; height:  3px; margin: 8px; }
	.marker.lg0 { border: 2px solid #addd8e; width: 17px; height: 17px; margin: 0px; }
	.marker.lg1 { border: 1px solid #addd8e; width:  9px; height:  9px; margin: 5px; }
	.marker.lg2 { border: 1px solid #addd8e; width:  5px; height:  5px; margin: 7px; }
	.marker.lg3 { border: 1px solid #addd8e; width:  3px; height:  3px; margin: 8px; }
	.marker.b0 { border: 2px solid #3333ff; width: 17px; height: 17px; margin: 0px; }
	.marker.b1 { border: 1px solid #3333ff; width:  9px; height:  9px; margin: 5px; }
	.marker.b2 { border: 1px solid #3333ff; width:  5px; height:  5px; margin: 7px; }
	.marker.b3 { border: 1px solid #3333ff; width:  3px; height:  3px; margin: 8px; }
	.marker.p0 { border: 2px solid #9933ff; width: 17px; height: 17px; margin: 0px; }
	.marker.p1 { border: 1px solid #9933ff; width:  9px; height:  9px; margin: 5px; }
	.marker.p2 { border: 1px solid #9933ff; width:  5px; height:  5px; margin: 7px; }
	.marker.p3 { border: 1px solid #9933ff; width:  3px; height:  3px; margin: 8px; }
	.marker.m0 { border: 2px solid #ff00bf; width: 17px; height: 17px; margin: 0px; }
	.marker.m1 { border: 1px solid #ff00bf; width:  9px; height:  9px; margin: 5px; }
	.marker.m2 { border: 1px solid #ff00bf; width:  5px; height:  5px; margin: 7px; }
	.marker.m3 { border: 1px solid #ff00bf; width:  3px; height:  3px; margin: 8px; }
	form#controls { background-color: transparent; }
	div.print { background-image: none; }
	div.help { background-image: none; }
	div.save { background-image: none; }
	div.print:hover { background-image: none; }
	div.help:hover { background-image: none; }
	div.save:hover { background-image: none; }
}