/*
 Self Resolution
********************/
/* line 4, ../sass/self_resolution.scss */
.lt-ie9 #selfresolving {
  display: none;
}

/* line 8, ../sass/self_resolution.scss */
.lt-ie9 #gallery {
  display: none;
}

/* line 12, ../sass/self_resolution.scss */
.no-canvas-image {
  display: none;
}

/* line 16, ../sass/self_resolution.scss */
.lt-ie9 .no-canvas-image {
  display: block;
  margin-bottom: 50px;
}

/* line 28, ../sass/self_resolution.scss */
#gallery .slidesjs-previous {
  background: url("../../assets/images/prev.png") no-repeat;
  float: right;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 40px;
  padding-bottom: 2px;
  width: 25px;
  margin: 0px 20px 0 0px;
}

/* line 41, ../sass/self_resolution.scss */
#gallery .slidesjs-next {
  background: url("../../assets/images/next.png") no-repeat;
  color: #000000;
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 40px;
  padding-bottom: 2px;
  width: 25px;
  margin: 0px 0 0 0px;
}

/* line 56, ../sass/self_resolution.scss */
#canvas {
  float: left;
  margin: 10px;
  min-width: 100%;
}

/* line 63, ../sass/self_resolution.scss */
canvas {
  float: left;
  margin: 10px 5px 40px 5px;
}

/* line 68, ../sass/self_resolution.scss */
#infoPanel {
  margin: 0 0 10px 10px;
  float: left;
  opacity: 0.95;
}

/* line 82, ../sass/self_resolution.scss */
.ui-icon {
  margin: 0 5px 0 0;
  display: inline-block;
  float: right;
}

/* line 88, ../sass/self_resolution.scss */
#directions {
  clear: both;
  font-size: 9pt;
  line-height: 1.2em;
  margin: 0px 5px 30px 0px;
}

/* line 97, ../sass/self_resolution.scss */
#directions span {
  color: #D13A0D;
  font-weight: 800;
  font-size: 12pt;
}

/* line 103, ../sass/self_resolution.scss */
#controlPanel {
  margin: 0px 0 -40px 0;
  float: left;
}

/* line 109, ../sass/self_resolution.scss */
#controlPanel span {
  float: left;
}

/* line 113, ../sass/self_resolution.scss */
#animation {
  float: left;
  margin: 5px 40px 0px 0px;
  color: #222;
  font-size: 15pt;
}
/* line 121, ../sass/self_resolution.scss */
#animation span {
  margin-top: 7px;
  float: left;
  display: block;
}
/* line 127, ../sass/self_resolution.scss */
#animation form {
  float: left;
}

/* line 134, ../sass/self_resolution.scss */
.btn {
  display: block;
  float: left;
  margin: 0 5px 30px 0;
  font-size: 16pt;
  color: #222;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/* line 147, ../sass/self_resolution.scss */
.btn:hover {
  cursor: pointer;
  color: #111;
}

/* line 153, ../sass/self_resolution.scss */
#export {
  float: left;
  margin: 0px 10px 0 0px;
}

/* line 158, ../sass/self_resolution.scss */
#export span {
  display: block;
  width: 100px;
  margin: 0 0 0 10px;
  font-size: 8.5pt;
  line-height: 1.2em;
  color: #777;
  font-weight: 500;
  float: right;
}

/* line 169, ../sass/self_resolution.scss */
select {
  float: left;
  display: block;
  margin: 1px 10px 20px 10px;
  height: 40px;
  overflow: hidden;
  border: 1px solid #ccc;
}

/* line 179, ../sass/self_resolution.scss */
#draw {
  margin-right: 100px;
}

/* line 183, ../sass/self_resolution.scss */
#play {
  margin-right: 8px;
}

/* line 188, ../sass/self_resolution.scss */
#stop {
  margin-right: 80px;
}