/* To have an input value close to its unit for #type 'style_settings_number'.*/
.style-settings-form-align {
  text-align: right; /* LTR */
}

div.style-settings-image-preview {
  float: left; /* LTR */
  padding: 0 10px 10px 0; /* LTR */
}

/*Puts a preview template next to the preview itself.*/
.style-settings-preview {
  float: left; /* LTR */
  margin: 0 12px 15px 0; /* LTR */
  padding: 10px;
  border: 1px solid #ccc;
}

/* Create a checkerboard background to verify the image opacity level.*/
div.style-settings-checkerboard {
  float: left;
  max-height: 75px;
  border: solid LightGrey 1px;
  background-image: -moz-linear-gradient(45deg, Gray 25%, transparent 25%),
  -moz-linear-gradient(-45deg, Gray 25%, transparent 25%),
  -moz-linear-gradient(45deg, transparent 75%, Gray 75%),
  -moz-linear-gradient(-45deg, transparent 75%, Gray 75%);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, Gray), color-stop(0.25, transparent)),
  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, Gray), color-stop(0.25, transparent)),
  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, Gray)),
  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, Gray));
  background-position: 0 0, 5px 0, 5px -5px, 0 5px;
  -webkit-background-size: 10px 10px;
     -moz-background-size: 10px 10px;
          background-size: 10px 10px;
}
div.style-settings-image-preview img {
  max-width: 150px;
  max-height: 75px;
}

.form-item.form-type-style-settings-imgurl {
  overflow: auto;
}

fieldset.container-inline .fieldset-wrapper .form-item.form-type-managed-file {
  float: right; /* LTR */
}

fieldset.container-inline .fieldset-wrapper .messages.status {
  display: none;
}