/* ! Toolbar styles */

.web-developer-toolbar, .web-developer-toolbar *
{
	background-image: none !important;
	-webkit-box-shadow: none !important;
	clear: none !important;
  color: #000 !important;
  cursor: default !important;
  font-family: verdana, "bitstream vera sans", sans-serif !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
  height: auto !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
  width: auto !important;
}

.web-developer-toolbar { background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee)) !important; border-top: 1px solid #ccc !important; bottom: 0 !important; box-shadow: 0 -1px 2px #333 !important; -webkit-box-shadow: 0 -1px 2px #333 !important; height: 16px !important; left: 0 !important; padding: 10px !important; position: fixed !important; text-shadow: 0 1px 0 #fff !important; width: 100% !important; z-index: 2147483647 !important; }
.web-developer-toolbar h1 { background: url(images/logo.png) no-repeat center right !important; float: right !important; font-size: 15px !important; margin-right: 25px !important; padding-right: 25px !important; }
/* ! Ruler styles */

* { cursor: crosshair !important; }

#web-developer-ruler { background-color: rgba(255, 0, 0, 0.2) !important; border: 1px dotted #f00 !important; left: -25px; position: absolute !important; top: -25px; z-index: 2147483647 !important; }
#web-developer-ruler-bottom-left { border-width: 1px 1px 0 0 !important; bottom: 0 !important; cursor: sw-resize !important; left: 0 !important; }
#web-developer-ruler-bottom-right { border-width: 1px 0 0 1px !important; bottom: 0 !important; cursor: se-resize !important; right: 0 !important; }
#web-developer-ruler-container { cursor: move !important; height: 100% !important; overflow: hidden !important; position: relative !important; width: 100% !important; }
#web-developer-ruler-container div { border-color: #f00 !important; border-style: dotted !important; height: 20px !important; position: absolute !important; width: 20px !important; }
#web-developer-ruler-top-left { border-width: 0 1px 1px 0 !important; cursor: nw-resize !important; left: 0 !important; top: 0 !important; }
#web-developer-ruler-top-right { border-width: 0 0 1px 1px !important; cursor: ne-resize !important; right: 0 !important; top: 0 !important; }
/* ! Ruler styles */

.web-developer-toolbar label { float: right !important; margin-right: 10px !important; position: relative !important; top: 1px !important; }
.web-developer-toolbar #web-developer-ruler-height { margin: -3px 40px 0 0 !important; } 
.web-developer-toolbar #web-developer-ruler-height, .web-developer-toolbar #web-developer-ruler-width { float: right !important; padding: 2px !important; width: 50px !important; }
.web-developer-toolbar #web-developer-ruler-width { margin: -3px 20px 0 0 !important; } 
