Match CQL Box with rest of Examine CSS

Changed the font to match our monospace font, made the squares circles, borders match borders of other items on page, colors are more muted like other colors on page. Obviously this is pretty subjective, so feel free to hate it & we can change it to make everyone happy. I think the page in general needs a little love, but figured this might be a small improvement to bring the querybox more in line with the rest of the page.

![](http://cl.ly/image/2c143x3s2J37/Screen%20Shot%202014-11-22%20at%201.57.23%20PM.png)
![](http://cl.ly/image/2d27200q0Z2B/Screen%20Shot%202014-11-22%20at%201.57.18%20PM.png)
set `display: none;` on this to fix #232 while you're at it :)