/* line 22, ../src/edit_toolbar.scss */
#toolbar-controls {
  margin: 3px 0 14px;
  line-height: 30px;
  height: 30px;
  vertical-align: baseline;
}
/* line 28, ../src/edit_toolbar.scss */
#toolbar-controls .select-container, #toolbar-controls button {
  float: left;
}
/* line 32, ../src/edit_toolbar.scss */
#toolbar-controls button {
  margin-left: 5px;
}

/* line 37, ../src/edit_toolbar.scss */
#ruller-controls {
  background: #626261;
  color: #fff;
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  vertical-align: top;
  padding: 5px 0 6px;
  width: 980px;
}

/* line 49, ../src/edit_toolbar.scss */
#toolbar-container {
  overflow: auto;
  width: 980px;
  background: #e8edf7;
}
/* line 54, ../src/edit_toolbar.scss */
#toolbar-container footer {
  height: 16px;
  background: url(../Images/ruller.png);
}
/* line 58, ../src/edit_toolbar.scss */
#toolbar-container footer img {
  vertical-align: bottom;
}
/* line 63, ../src/edit_toolbar.scss */
#toolbar-container footer.resolution-stats {
  background-image: url(../Images/stats.png);
}

/* line 68, ../src/edit_toolbar.scss */
#toolbar {
  height: 30px;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
}
/* line 74, ../src/edit_toolbar.scss */
#toolbar ul {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
/* line 76, ../src/edit_toolbar.scss */
#toolbar li {
  margin: 0 2px;
  list-style-type: none;
  display: inline-block;
}
/* line 83, ../src/edit_toolbar.scss */
#toolbar .immobile .feature {
  cursor: default;
}
/* line 87, ../src/edit_toolbar.scss */
#toolbar .features {
  display: none;
}
/* line 89, ../src/edit_toolbar.scss */
#toolbar .Separator {
  border: none;
  background: transparent;
  padding: 0 2px;
}
/* line 95, ../src/edit_toolbar.scss */
#toolbar .close {
  position: absolute;
  width: 11px;
  height: 10px;
  cursor: pointer;
  display: none;
  top: -5px;
  right: -5px;
  background: url("../Images/close-small.png") no-repeat;
  z-index: 30;
}
/* line 107, ../src/edit_toolbar.scss */
#toolbar .feature:hover, #toolbar .feature.current {
  background: #e8edf7;
  font-weight: normal;
  height: 22px;
  line-height: 22px;
  margin: 0 3px;
  border: 2px solid #c4bdbd;
}
/* line 115, ../src/edit_toolbar.scss */
#toolbar .feature:hover .close, #toolbar .feature.current .close {
  display: block;
}

/* line 123, ../src/edit_toolbar.scss */
#toolbar .feature {
  height: 26px;
  line-height: 26px;
  position: relative;
  margin: 0 5px;
  padding-right: 3px;
  padding-left: 3px;
  vertical-align: middle;
  background: #e8edf7;
  cursor: move;
}
/* line 134, ../src/edit_toolbar.scss */
#toolbar .feature .icon {
  margin-right: 4px;
  vertical-align: middle;
}
/* line 136, ../src/edit_toolbar.scss */
#toolbar .feature input {
  height: 11px;
  margin-right: 5px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}

/* line 144, ../src/edit_toolbar.scss */
#toolbar .feature.resizable .handle {
  cursor: w-resize;
  position: absolute;
  top: 1px;
  padding-left: 2px;
  right: 0;
  visibility: hidden;
}

/* line 154, ../src/edit_toolbar.scss */
#toolbar .feature.resizable:hover .handle {
  visibility: visible;
}

/* line 159, ../src/edit_toolbar.scss */
#toolbar .feature.clone {
  z-index: 1000;
  border: 1px solid #c4bdbd;
}

/* line 163, ../src/edit_toolbar.scss */
.feature.drag {
  height: 26px;
  line-height: 26px;
  border: 1px solid #dad8d8;
  background: #e8edf7;
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  vertical-align: middle;
  width: auto;
  cursor: move;
  font-size: 13px;
  opacity: 0.7;
  z-index: 10000;
}
/* line 178, ../src/edit_toolbar.scss */
.feature.drag img {
  margin-right: 4px;
  vertical-align: middle;
}

/* line 183, ../src/edit_toolbar.scss */
#edit-area {
  position: relative;
  height: 443px;
  width: 991px;
  margin-top: 15px;
}
/* line 190, ../src/edit_toolbar.scss */
#edit-area h2.title {
  background: #626261;
  color: #fff;
  font-size: 16px;
  display: block;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  padding-left: 10px;
  text-align: left;
  font-weight: bold;
}

/* line 205, ../src/edit_toolbar.scss */
#gallery {
  width: 233px;
  float: left;
  margin-right: 16px;
}
/* line 210, ../src/edit_toolbar.scss */
#gallery h3 {
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  width: auto;
  display: block;
  color: #626261;
  padding-left: 36px;
  border-bottom: 1px solid #dad8d8;
  background: url(../Images/gallery-titles.png) no-repeat left bottom;
  cursor: pointer;
}
/* line 223, ../src/edit_toolbar.scss */
#gallery h3:first-child {
  border-top: 1px solid #dad8d8;
}
/* line 227, ../src/edit_toolbar.scss */
#gallery h3.close {
  background-position: left top;
}
/* line 231, ../src/edit_toolbar.scss */
#gallery h3:hover {
  text-decoration: underline;
}
/* line 233, ../src/edit_toolbar.scss */
#gallery .feature {
  height: 28px;
  line-height: 28px;
  border-bottom: 1px solid #dad8d8;
  cursor: move;
  position: relative;
}
/* line 240, ../src/edit_toolbar.scss */
#gallery .feature .image {
  text-align: center;
  display: inline-block;
  width: 60px;
}
/* line 246, ../src/edit_toolbar.scss */
#gallery .feature img {
  vertical-align: middle;
}
/* line 251, ../src/edit_toolbar.scss */
#gallery .feature:hover {
  background: #f3f3f3;
}
/* line 253, ../src/edit_toolbar.scss */
#gallery .feature:hover .text {
  text-decoration: underline;
}
/* line 258, ../src/edit_toolbar.scss */
#gallery .feature.disabled {
  cursor: default;
  opacity: 0.5;
}
/* line 263, ../src/edit_toolbar.scss */
#gallery .feature.disabled:hover .text {
  text-decoration: none;
}
/* line 268, ../src/edit_toolbar.scss */
#gallery > ol {
  height: 408px;
  overflow: auto;
}

/* line 276, ../src/edit_toolbar.scss */
#properties {
  float: left;
  width: 396px;
  height: 408px;
  overflow: auto;
  position: relative;
}
/* line 283, ../src/edit_toolbar.scss */
#properties form {
  padding: 8px 0 20px 8px;
  height: 346px;
}
/* line 288, ../src/edit_toolbar.scss */
#properties h2.title {
  width: auto;
}
/* line 291, ../src/edit_toolbar.scss */
#properties h2.title .info-toggle {
  width: 40px;
  height: 26px;
  top: 4px;
  right: 4px;
  position: absolute;
  background: url("../Images/info-toggle.png") no-repeat left top;
  cursor: pointer;
}
/* line 301, ../src/edit_toolbar.scss */
#properties h2.title .info-toggle.close {
  background-position: left bottom;
}
/* line 306, ../src/edit_toolbar.scss */
#properties h3 {
  color: #626261;
  font-size: 18px;
  margin-bottom: 12px;
  margin-top: 5px;
}
/* line 313, ../src/edit_toolbar.scss */
#properties label {
  display: block;
}
/* line 318, ../src/edit_toolbar.scss */
#properties .desc {
  margin-bottom: 15px;
}
/* line 322, ../src/edit_toolbar.scss */
#properties .label {
  font-weight: bold;
  margin-bottom: 6px;
  color: #626261;
  display: inline-block;
  _display: inline;
  zoom: 1;
}
/* line 330, ../src/edit_toolbar.scss */
#properties .field {
  margin-bottom: 10px;
}
/* line 335, ../src/edit_toolbar.scss */
#properties input[type=text], #properties textarea {
  display: block;
  width: 260px;
}
/* line 341, ../src/edit_toolbar.scss */
#properties .field-Image li {
  display: inline-block;
}
/* line 344, ../src/edit_toolbar.scss */
#properties .field-File input.file {
  visibility: hidden;
  position: absolute;
}

/* line 351, ../src/edit_toolbar.scss */
.placeholder {
  color: #999;
}

/* line 353, ../src/edit_toolbar.scss */
.help {
  cursor: help;
  color: #3998d1;
  font-size: 10px;
  margin-left: 5px;
  vertical-align: top;
}

/* line 362, ../src/edit_toolbar.scss */
.disabled {
  color: #999;
  cursor: default;
}

/* line 367, ../src/edit_toolbar.scss */
.current {
  color: #000;
  font-weight: bold;
}

/* line 373, ../src/edit_toolbar.scss */
.field-File .progress {
  width: 100px;
  float: left;
  height: 12px;
}
/* line 379, ../src/edit_toolbar.scss */
.field-File img {
  float: left;
}

/* line 382, ../src/edit_toolbar.scss */
#info {
  width: 336px;
  position: absolute;
  top: 0;
  right: 0;
  min-height: 457px;
  z-index: 10;
  clear: both;
  overflow: hidden;
  background: #f9f9f9;
}
/* line 393, ../src/edit_toolbar.scss */
#info .box {
  margin-left: 10px;
  margin-right: 10px;
}
/* line 398, ../src/edit_toolbar.scss */
#info .handle {
  height: 100%;
  width: 10px;
  cursor: pointer;
  left: 0;
  top: 0;
  background-color: #abc;
  position: absolute;
  display: none;
}
/* line 409, ../src/edit_toolbar.scss */
#info .preview {
  height: 231px;
  padding: 0;
  position: relative;
  text-align: center;
}
/* line 427, ../src/edit_toolbar.scss */
#info .has-large {
  position: relative;
}
/* line 430, ../src/edit_toolbar.scss */
#info .has-large img {
  cursor: pointer;
  position: relative;
  display: block;
}
/* line 437, ../src/edit_toolbar.scss */
#info .has-large:hover:after {
  content: '';
  position: absolute;
  top: 22px;
  right: 15px;
  display: block;
  width: 18px;
  height: 18px;
  background: url("../Images/WidgetGallery/search.gif");
}
/* line 449, ../src/edit_toolbar.scss */
#info .info {
  height: 159px;
  padding-top: 34px;
  margin-top: 18px;
  position: relative;
}
/* line 455, ../src/edit_toolbar.scss */
#info .info .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 306px;
}
/* line 462, ../src/edit_toolbar.scss */
#info .info h2 {
  font-size: 1.1em;
}
/* line 466, ../src/edit_toolbar.scss */
#info .info h2, #info .info h3 {
  margin-bottom: 10px;
  font-weight: bold;
}
/* line 471, ../src/edit_toolbar.scss */
#info .info p {
  margin-bottom: 10px;
  line-height: 18px;
}
/* line 473, ../src/edit_toolbar.scss */
#info .info article {
  height: 131px;
  overflow: auto;
  padding: 9px 12px 19px;
}
/* line 478, ../src/edit_toolbar.scss */
#info .info article li {
  list-style-type: square;
  margin: 5px 0 10px 10px;
  line-height: 16px;
}

/* line 486, ../src/edit_toolbar.scss */
#info.close {
  padding: 0;
}

/* line 488, ../src/edit_toolbar.scss */
#bottom-nav {
  margin-top: 23px;
}
/* line 490, ../src/edit_toolbar.scss */
#bottom-nav .select-container, #bottom-nav button {
  float: left;
}

/* line 495, ../src/edit_toolbar.scss */
span.checkbox {
  padding-left: 23px;
  background: url(../Images/checkbox.png) no-repeat 5px -14px;
  color: #fff;
  line-height: 12px;
  height: 13px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}

/* line 506, ../src/edit_toolbar.scss */
span.checkbox:hover {
  text-decoration: underline;
}

/* line 507, ../src/edit_toolbar.scss */
span.checkbox.checked {
  background-position: 5px top;
}

/* line 510, ../src/edit_toolbar.scss */
textarea {
  display: block;
}

/* line 513, ../src/edit_toolbar.scss */
#properties .field-Image .label {
  display: block;
}
/* line 517, ../src/edit_toolbar.scss */
#properties .field-Image .change {
  color: #3998d1;
  cursor: pointer;
  line-height: 18px;
  height: 18px;
  vertical-align: top;
  display: inline-block;
  margin-left: 12px;
}
/* line 526, ../src/edit_toolbar.scss */
#properties .field-Image .change:hover {
  text-decoration: underline;
}

/* line 529, ../src/edit_toolbar.scss */
.Image-Gallery {
  width: 225px;
  padding: 9px;
  background: #fff;
  border: 1px solid #626261;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: #999999 2px 2px 6px 0;
  -webkit-box-shadow: #999999 2px 2px 6px 0;
  -o-box-shadow: #999999 2px 2px 6px 0;
  box-shadow: #999999 2px 2px 6px 0;
}
/* line 537, ../src/edit_toolbar.scss */
.Image-Gallery h3 {
  font-weight: bold;
  color: #626261;
  margin-bottom: 12px;
}
/* line 543, ../src/edit_toolbar.scss */
.Image-Gallery ul {
  text-align: left;
}
/* line 547, ../src/edit_toolbar.scss */
.Image-Gallery li {
  display: inline-block;
  border: 1px solid #ccc;
  border-left-width: 0px;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  vertical-align: middle;
  text-align: center;
}
/* line 557, ../src/edit_toolbar.scss */
.Image-Gallery li img {
  display: inline;
  vertical-align: middle;
}
/* line 563, ../src/edit_toolbar.scss */
.Image-Gallery .or {
  position: relative;
  text-align: center;
  border-top: 2px solid #626261;
  margin-top: 20px;
}
/* line 569, ../src/edit_toolbar.scss */
.Image-Gallery .or span {
  position: relative;
  top: -7px;
  background: #fff;
  color: #ccc;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 4px;
}
/* line 580, ../src/edit_toolbar.scss */
.Image-Gallery .close {
  display: block;
  position: absolute;
  width: 10px;
  height: 11px;
  top: 7px;
  right: 10px;
  cursor: pointer;
  background: url("../Images/close_1.png") no-repeat;
}
/* line 591, ../src/edit_toolbar.scss */
.Image-Gallery li:first-child {
  border-left-width: 1px;
}

/* line 596, ../src/edit_toolbar.scss */
.validation-error {
  position: absolute;
  z-index: 500;
  left: -9999px;
  background: #fff;
  padding: 10px;
  color: red;
  background-image: -webkit-gradient(radial, 100% 0%, 0, 100% 0%, 100, color-stop(17px, #ffffff), color-stop(100%, #dddddd));
  background-image: -moz-radial-gradient(top right, circle, #ffffff 17px, #dddddd 100%);
  background-image: radial-gradient(top right, circle, #ffffff 17px, #dddddd 100%);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: #999999 2px 2px 5px 0;
  -webkit-box-shadow: #999999 2px 2px 5px 0;
  -o-box-shadow: #999999 2px 2px 5px 0;
  box-shadow: #999999 2px 2px 5px 0;
}

/* line 609, ../src/edit_toolbar.scss */
.validation-error .tip {
  position: absolute;
  border: 9px solid transparent;
  border-right-color: #ddd;
  left: -18px;
}

/* line 616, ../src/edit_toolbar.scss */
.badge {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-top: 3px;
  background: url("../Images/validations.png") no-repeat right top;
}

/* line 626, ../src/edit_toolbar.scss */
.badge.passed {
  background-position: right bottom;
}

/* line 629, ../src/edit_toolbar.scss */
.progress-container {
  float: left;
  position: relative;
  height: 30px;
}
/* line 634, ../src/edit_toolbar.scss */
.progress-container .message {
  height: 13px;
  line-height: 13px;
  font-size: 12px;
  position: absolute;
  top: -4px;
  width: 318px;
}
/* line 643, ../src/edit_toolbar.scss */
.progress-container .wrapper {
  width: 318px;
  height: 12px;
  border: 1px solid #dad8d8;
  position: absolute;
  top: 12px;
  overflow: hidden;
}
/* line 652, ../src/edit_toolbar.scss */
.progress-container .bar {
  width: 0;
  top: 0;
  left: 0;
  height: 12px;
  background: url("../Images/progress.png") repeat-x;
  display: block;
}
/* line 661, ../src/edit_toolbar.scss */
.progress-container .success {
  color: #00681C;
  font-weight: bold;
}
/* line 666, ../src/edit_toolbar.scss */
.progress-container .failure {
  font-weight: bold;
  color: #9A2727;
  top: 12px;
}