/* =debug================================{ */

#debug {
    width: 950px;
    margin: 20px auto;
    padding-left: 10px;
}
#debug .tools {
    position: absolute;
    top: 0;
    right: 10px;
}
#debug .tools li {
    text-align: right;
}

#legend {
    position: absolute;
    top: 0;
    left: 10px;
	padding: 6px;
}
#legend dl { border-bottom: 1px solid #ccc; margin-bottom: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#legend dt { font-weight: bold; color: white; }
#legend dt span { padding: 4px; }
#legend dd { padding-left: 16px; }
#legend span { display: block; height: 22px; width: 150px; }

#legend span.blue { background-color: #196FAE; }
#legend span.teal { background-color: #007D96; }
#legend span.steel { background-color: #4D758C; }
#legend span.purple { background-color: #915087; }
#legend span.orange { background-color: #D2690F; }
#legend span.olive { background-color: #7D8C14; }

body.grid {
	background-image: url(../images/grid.png);
	background-position: center top;
	background-repeat: repeat-y;
}

/* } */