.sketch {
  background-image: url("/static/images/sketch-toolbar-d919542d.png");
}

.sketch-component-icon {
  background-position: 0px;
}

.sketch-net-icon {
  background-position: -16px;
}

.sketch-text-icon {
  background-position: -32px;
}

.sketch-rectangle-select-icon {
  background-position: -48px;
}

.sketch-zoom-icon {
  background-position: -64px;
}

.sketch-pan-icon {
  background-position: -80px;
}

.sketch-move-icon {
  background-position: -96px;
}

.sketch-rotate-icon {
  background-position: -112px;
}

.sketch-scale-icon {
  background-position: -128px;
}

.sketch-pop-off {
  background-position: -144px;
}

.sketch-move-toolbar {
  background-position: -160px;
}

.sketch-eraser-toolbar {
  background-position: -176px;
}


/* Font select. */
.goog-edit-font .goog-toolbar-menu-button-caption {
  color: #246;
  width: 15ex;
  overflow: hidden;
}

/* Font size. */
.goog-edit-font-size .goog-toolbar-menu-button-caption {
  color: #246;
  width: 5ex;
}

/* Bold. */
.goog-edit-bold {
  background-position: 0;
}

/* Italic. */
.goog-edit-italic {
  background-position: -16px;
}

/* Underline. */
.goog-edit-underline {
  background-position: -32px;
}

/* Color. */
.goog-edit-color {
  background-position: -48px;
}

/* Background color. */
.goog-edit-background {
  background-position: -64px;
}

/* Menu buttons. */
.goog-edit-style,
.goog-edit-insert,
.goog-edit-link,
.goog-edit-spellcheck {
  font-weight: bold;
  color: #246;
}

/* Link. */
.goog-edit-link {
  color: #009;
  text-decoration: underline;
}

/* Insert menu. */
.goog-edit-insert-icon {
  background-position: -80px;
  vertical-align: bottom;
}
.goog-edit-insert-caption {
  padding: 0 2px;
  vertical-align: bottom;
}

/* List style menu. */
.goog-edit-list-style {
  background-position: -96px;
}

/* Text alignment buttons. */
.goog-edit-align-left {
  background-position: -128px;
}
.goog-edit-align-center {
  background-position: -144px;
}
.goog-edit-align-right {
  background-position: -160px;
}


/* Image overriding */
.toolbox {
  position:absolute;
  top:100px;
  left:2px;
  background: transparent;
  border: none;
  font: normal 10pt Arial, sans-serif;
  padding: 2px;
}

.goog-toolbar {
  /* Client apps may override the URL at which they serve the image. */
  background: #fafafa url("/static/images/toolbar-bg-5e738530.png") repeat-x bottom left;
}

.goog-menu-button {
  /* Client apps may override the URL at which they serve the image. */
  background: #ddd url("/static/images/button-bg-6a8907d2.png") repeat-x top left;
}


/* Dropdown arrow style. */
.goog-link-button-dropdown {
  height: 14px;
  width: 8px;
  margin-left: 2px;
  vertical-align: bottom;
}

.progress-bar-horizontal {
  position: relative;
  border: 1px solid #949dad;
  background: white;
  padding: 1px;
  overflow: hidden;
  margin: 2px;
}

.progress-bar-horizontal {
  width: 200px;
  height: 14px;
}

.progress-bar-thumb {
  position: relative;
  background: #d4e4ff;
  overflow: hidden;
  width: 100%;
  height: 100%;
}



/* custom classes */

.toolbox {
  position:absolute;
  top:100px;
  left:2px;
  background: #ddd url("/static/images/button-bg-6a8907d2.png") repeat-x top left;
  border: 1px solid #aaa;
  padding: 2px;
}

.goog-console {
  position:relative;
  top:2px;
  margin-bottom:2px;
  width:700px;
  height:230px;
  overflow:auto;
  display:none;
}

.up-console {
  position:relative;
  top:2px;
  margin-bottom:2px;
  width:250px;
  height:230px;
  overflow:auto;
  display:none;
  background-color:white;
  border: 1px solid #d5d5d5;
  padding:1px;
}

.top_left {
  position:absolute;
  top:0px;
  left:0px;
}

.full_width {
  width:100%;
}

.row_full {
  clear:both;
}

.col_left {
  float:left;
}

.col_right {
  float:right;
}

.header_toolbar {
  background-color:#dfe1ff;
  border-bottom:1px solid #d5d5d5;
  position:absolute;
  width:100%;
}

.pt12 {
  font: normal 12pt Verdana, sans-serif;
}

.pt10 {
  font: normal 10pt Verdana, sans-serif;
}

.pt9 {
  font: normal 9pt Verdana, sans-serif;
}

.pt8 {
  font: normal 8pt Verdana, sans-serif;
}

.margin_center {
  margin-left:auto; margin-right:auto;
}

.text_center {
 text-align:center;
}


canvas {
  position: absolute;
  top: 69px;
  left: 0px;
  bottom: 24px;
  right: 0px;
  /*width: 1280px;*/
  /*height: 1024px;*/
  padding:0px;
  margin-left: auto;
  margin-right: auto;
}

hr.skinny_yellow {
  border:0;
  height:1px;
  background-color:#FC0;
  margin:0px;
}

.next-button {
  float: right;
}

.prev-button {
  float: left;
}