/*
 * VARIABLES
 */
/* Sprite positions */
/**
 * MIXINS
 */
/**
 * INPUT MIXINS
 */
.form-loadingData form:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white url("/styles/themes/mediaManager/images/preloader-switch.gif") no-repeat center center;
  z-index: 100000;
  opacity: .8;
  /*z-index: 10;*/ }

form.FormTheme-mediaManager {
  overflow: auto;
  font-family: HNL, Helvetica, sans-serif;
  color: #333;
  /**
   * LABELS
   */
  /**
   * INPUTS
   */
  /**
   * FIELDS
   */
  /* FORM ERRORS */
  /**
   * FIELD AUTOCOMPLETE
   */
  /**
   * FIELD Date
   */
  /**
   * FIELD TIME
   */
  /**
   * FIELD REGIONS
   */
  /**
   * FIELD GROUP PAGER
   */ }
form.FormTheme-mediaManager .formTitle {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 9px;
  padding-bottom: 5px; }
form.FormTheme-mediaManager .formControls {
  padding-top: 10px; }
form.FormTheme-mediaManager input[data-base-type="text"], form.FormTheme-mediaManager input[type="text"] {
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 0px 1px #bfbfbf;
  -webkit-box-shadow: 0px 0px 0px 1px #bfbfbf;
  box-shadow: 0px 0px 0px 1px #bfbfbf;
  border: 1px solid #eaeaea;
  background: white;
  padding: 0px 8px 0px;
  font-size: 10px;
  left: 1px;
  line-height: 20px;
  height: 30px;
  font-family: HNL, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  display: block; }
form.FormTheme-mediaManager input[data-base-type="text"] {
  min-width: 200px;
  padding-top: 4px; }
form.FormTheme-mediaManager textarea {
  min-width: 200px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 0px 1px #bfbfbf;
  -webkit-box-shadow: 0px 0px 0px 1px #bfbfbf;
  box-shadow: 0px 0px 0px 1px #bfbfbf;
  border: 1px solid #eaeaea;
  padding: 6px 8px;
  width: 100%;
  /*white-space: normal !important;*/
  min-height: 100px;
  font-family: HNL, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  text-overflow: initial;
  white-space: pre-line !important;
  line-height: 18px !important; }
form.FormTheme-mediaManager .fieldBaseButton {
  width: auto;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 transparent; }
form.FormTheme-mediaManager .fieldBaseButton:hover, form.FormTheme-mediaManager .fieldBaseButton:focus {
  color: #000000;
  -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  text-shadow: 0 1px 0 #ffffff; }
form.FormTheme-mediaManager .fieldBaseButton:active {
  background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 transparent; }
form.FormTheme-mediaManager input[type="submit"], form.FormTheme-mediaManager button {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  padding: 0;
  padding: 4px 10px;
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: auto;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  line-height: 14px;
  min-height: 28px;
  background-color: transparent; }
form.FormTheme-mediaManager input[type="submit"]:hover, form.FormTheme-mediaManager input[type="submit"]:focus, form.FormTheme-mediaManager button:hover, form.FormTheme-mediaManager button:focus {
  color: #000000;
  border: 1px solid #999999;
  /*	text-decoration: underline;*/ }
form.FormTheme-mediaManager a[data-type="button"] {
  padding-top: 6px !important;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  padding: 0;
  padding: 4px 10px;
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: auto;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  line-height: 14px;
  min-height: 28px;
  background-color: transparent; }
form.FormTheme-mediaManager a[data-type="button"]:hover, form.FormTheme-mediaManager a[data-type="button"]:focus {
  color: #000000;
  border: 1px solid #999999;
  /*	text-decoration: underline;*/ }
form.FormTheme-mediaManager input[data-base-type="text"]:focus,
form.FormTheme-mediaManager .customSelect:focus .customSelectValue,
form.FormTheme-mediaManager .customSelectActive .customSelectValue,
form.FormTheme-mediaManager textarea:focus {
  border: 1px solid #CBE52B; }
form.FormTheme-mediaManager .formField {
  position: relative; }
form.FormTheme-mediaManager .formField .required-symbol {
  color: red; }
form.FormTheme-mediaManager .formField .inputWrapper {
  position: relative;
  float: left;
  clear: both;
  width: 100%; }
form.FormTheme-mediaManager .formField > label {
  font-family: HNM, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-bottom: 4px;
  padding-top: 0px; }
form.FormTheme-mediaManager .formField label {
  position: relative;
  float: left;
  cursor: pointer;
  color: #333;
  font-size: 14px;
  padding: 0;
  margin: 0;
  padding-top: 2px;
  font-family: HNL, Helvetica, sans-serif; }
form.FormTheme-mediaManager .fieldHtml .inputDisplayOnly {
  padding: 9px 0px 8px 2px;
  font-size: 14px; }
form.FormTheme-mediaManager .fieldButton {
  min-width: 0px; }
form.FormTheme-mediaManager .fieldTimecode {
  min-width: 100px;
  width: 60px; }
form.FormTheme-mediaManager .fieldTimecode input {
  width: 100%;
  min-width: auto; }
form.FormTheme-mediaManager .fieldBaseText.hasButton {
  min-width: 200px; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .fieldButton, form.FormTheme-mediaManager .fieldBaseText.hasButton input {
  position: relative;
  float: left;
  clear: none; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .fieldButton {
  top: -1px;
  z-index: 1; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .fieldButton:after {
  top: 10px; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .fieldButton a {
  line-height: 18px; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .inputSubWrapper {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
  overflow: visible; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-right {
  position: absolute;
  right: 0px;
  top: -1px; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-right a, form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-right button, form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-right input {
  border-radius: 0px 4px 4px 0px !important; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-left {
  top: -1px;
  position: absolute; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-left a, form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-left button, form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-left input {
  border-radius: 4px 0px 0px 4px !important; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-top {
  width: 101px;
  text-align: center;
  margin-bottom: 3px;
  width: 100%;
  position: relative;
  /*			a,button, input{
                  border-radius:4px 4px 0px 0px !important;
              }*/ }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-bottom {
  position: relative;
  width: 100%;
  text-align: center; }
form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-bottom a, form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-bottom button, form.FormTheme-mediaManager .fieldBaseText.hasButton .button-position-bottom input {
  /*border-radius:0px 0px 4px 4px !important;*/ }
form.FormTheme-mediaManager .fieldBaseText.hasButton input {
  width: 125px;
  margin-left: 38px;
  text-align: center;
  /*padding-left: 10px;*/
  max-width: 200px; }
form.FormTheme-mediaManager .formErrorField input[data-base-type="text"], form.FormTheme-mediaManager .formErrorField .customSelectValue, form.FormTheme-mediaManager .formErrorField textarea, form.FormTheme-mediaManager .formErrorField.fieldAutoComplete .customSelectSearch input {
  -moz-box-shadow: 0px 0px 0px 1px #ffd1d1 !important;
  -webkit-box-shadow: 0px 0px 0px 1px #ffd1d1 !important;
  box-shadow: 0px 0px 0px 1px #ffd1d1 !important;
  border: 1px solid #fa9657;
  background-color: #feebec; }
form.FormTheme-mediaManager .formErrorField .fieldOptionsWrapper {
  border: 1px solid #fd6a00; }
form.FormTheme-mediaManager .formErrorField .fieldOptionsWrapper li label {
  /*background-color: #fef7f8;*/ }
form.FormTheme-mediaManager .fieldErrorsHolder {
  background-color: #ffd1d1;
  padding: 7px 10px 4px;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 0px;
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  border: 1px solid #fa9657; }
form.FormTheme-mediaManager .fieldErrorsHolder .errorClose {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 2px;
  top: 2px;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -696px -214px;
  cursor: pointer; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList {
  padding: 0;
  overflow: visible;
  list-style-type: disc;
  padding-left: 18px;
  cursor: pointer;
  padding-right: 8px; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList:after {
  content: " ";
  top: -7px;
  left: 9px;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 10;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #fa9657; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList .errorMessage {
  overflow: visible;
  list-style-type: disc;
  font-size: 13px;
  line-height: 14px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 14px; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList .errorMessage li {
  list-style-type: square; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList .errorMessage ul {
  margin-top: 4px; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList.expanded {
  height: auto !important; }
form.FormTheme-mediaManager .fieldErrorsHolder .fieldErrorList.expanded .errorMessage {
  height: auto !important;
  width: auto !important;
  text-overflow: normal !important;
  overflow: auto !important;
  white-space: normal;
  overflow: hidden;
  text-overflow: normal; }
form.FormTheme-mediaManager .fieldErrorsHolder.noErrors {
  display: none !important; }
form.FormTheme-mediaManager .fieldErrorsHolder:after {
  content: ' ';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -1170px -11px; }
form.FormTheme-mediaManager .formFieldDescription {
  margin-top: 6px;
  position: relative;
  float: left;
  width: 100%; }
form.FormTheme-mediaManager .formField:not(.fieldBaseButton) {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin: 8px 0px 10px; }
form.FormTheme-mediaManager .fieldFieldGroup > label {
  font-family: NHM, Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #d0d0d1;
  width: 100%; }
form.FormTheme-mediaManager .fieldFieldGroup > .inputWrapper {
  padding-top: 10px;
  /*		padding-left: 5px;*/
  padding-bottom: 10px; }
form.FormTheme-mediaManager .autoCompleteCheckboxes {
  display: none; }
form.FormTheme-mediaManager a.autoCompleteClearValues {
  display: block;
  margin-top: 5px;
  margin-right: 7px;
  margin-bottom: 2px;
  position: relative;
  float: right;
  clear: both; }
form.FormTheme-mediaManager a.autoCompleteClearValues:hover {
  text-decoration: underline; }
form.FormTheme-mediaManager .fieldAutoComplete {
  max-width: 200px; }
form.FormTheme-mediaManager .deleteAutoCompleteValue {
  position: absolute;
  right: 0px;
  width: 17px;
  height: 16px;
  border-radius: 16px;
  top: 3px;
  right: 1px;
  cursor: pointer;
  background: white url("themes/mediaManager/images/sprites.png") no-repeat -693.5px -173px;
  border: 1px solid white; }
form.FormTheme-mediaManager .deleteAutoCompleteValue:hover, form.FormTheme-mediaManager .deleteAutoCompleteValue:focus {
  /*border: 1px solid #c6c6c6;*/
  background-position: -693px -213px; }
form.FormTheme-mediaManager .autoCompleteValues {
  width: 100%;
  position: relative;
  float: left;
  clear: both;
  max-width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 8px; }
form.FormTheme-mediaManager .autoCompleteValue:nth-child(even) {
  width: 49%;
  margin-left: 1%; }
form.FormTheme-mediaManager .autoCompleteValue:nth-child(odd) {
  width: 49%;
  margin-right: 1%; }
form.FormTheme-mediaManager .autoCompleteValue {
  width: 50%;
  position: relative;
  float: left;
  padding-bottom: 4px; }
form.FormTheme-mediaManager .autoCompleteValueText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 20px 1px 6px;
  /*		line-height: 16px;*/
  /*		background-color: #f6f6f6;*/
  -moz-box-shadow: 0px 0.5px 1.2px 0.5px #d1d1d1;
  -webkit-box-shadow: 0px 0.5px 1.2px 0.5px #d1d1d1;
  box-shadow: 0px 0.5px 1.2px 0.5px #d1d1d1;
  border-radius: 0px; }
form.FormTheme-mediaManager .fieldDate {
  max-width: 200px; }
form.FormTheme-mediaManager .fieldDate input {
  min-width: 175px; }
form.FormTheme-mediaManager .fieldDate .dateIcon {
  background: white url("themes/mediaManager/images/sprites.png") no-repeat -1452px -11px;
  position: absolute;
  right: 4px;
  top: 6px;
  width: 16px;
  height: 17px;
  cursor: pointer;
  z-index: 10; }
form.FormTheme-mediaManager .fieldDate input:focus + .dateIcon, form.FormTheme-mediaManager .fieldDate input:hover + .dateIcon, form.FormTheme-mediaManager .dateIcon:hover {
  background-position: -1452px -51px !important; }
form.FormTheme-mediaManager .fieldOptionsWrapper {
  overflow: auto;
  width: 100%;
  margin-top: 0px;
  padding-bottom: 2px; }
form.FormTheme-mediaManager .fieldOptionsWrapper li {
  position: relative;
  width: 100%;
  clear: both;
  float: left;
  /*background-color: #F3F9DD;*/
  margin: 0px 0px;
  max-width: 200px;
  margin-bottom: -1px; }
form.FormTheme-mediaManager .fieldOptionsWrapper li input {
  position: absolute;
  right: 6px;
  top: 5px;
  cursor: pointer;
  z-index: 1;
  margin: 0; }
form.FormTheme-mediaManager .fieldOptionsWrapper li input:checked + label {
  /*#EDECDE*/
  /*background-color: #F6FEE2 ;*/
  /*text-decoration: underline;*/ }
form.FormTheme-mediaManager .fieldOptionsWrapper li label:hover {
  background-color: #f3f3f3 !important;
  border-right: 2px solid #e0e0e0 !important; }
form.FormTheme-mediaManager .fieldOptionsWrapper li label {
  /*@include shadow(.2px 0.4px 1.2px .5px #d2d2d2);*/
  border: 1px solid #e7e7e7;
  font-size: 13px;
  width: 100%;
  padding: 4px 20px 2px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
form.FormTheme-mediaManager div.fieldSelect .inputWrapper, form.FormTheme-mediaManager div.fieldSelect .customSelectOptionsWrapper {
  width: 200px;
  /*max-width:100px;*/ }
form.FormTheme-mediaManager div.fieldSelect .customSelectOptionsWrapper {
  /**/ }
form.FormTheme-mediaManager .fieldDateTime {
  max-width: 310px !important; }
form.FormTheme-mediaManager .fieldDateTime .dateIcon {
  right: 26px; }
form.FormTheme-mediaManager .fieldDateTime input {
  min-width: 175px;
  width: 160px; }
form.FormTheme-mediaManager .fieldDateTime .timeIcon {
  /*			background-size: 150%;*/ }
form.FormTheme-mediaManager .dateTimeIcon {
  background: white url("themes/mediaManager/images/sprites.png") no-repeat -2172px -6px;
  position: absolute !important;
  right: 2px;
  top: 2px;
  width: 16px;
  height: 28px;
  cursor: pointer;
  z-index: 10; }
form.FormTheme-mediaManager .fieldDateTime input:focus + .dateTimeIcon {
  background: white url("themes/mediaManager/images/sprites.png") no-repeat -2172px -46px; }
form.FormTheme-mediaManager .timeIcon {
  background: white url("themes/mediaManager/images/sprites.png") no-repeat -1132px -92px;
  position: absolute;
  right: 2px;
  top: 6px;
  width: 16px;
  height: 17px;
  cursor: pointer;
  z-index: 10; }
form.FormTheme-mediaManager .fieldTime input {
  min-width: 50px;
  width: 175px; }
form.FormTheme-mediaManager .fieldTime input:focus + .timeIcon {
  background: white url("themes/mediaManager/images/sprites.png") no-repeat -1132px -132px !important; }
form.FormTheme-mediaManager .regionFieldsWrapper {
  /*width: 100%;*/
  padding-right: 2px;
  padding-left: 1px;
  overflow: auto; }
form.FormTheme-mediaManager .formRegion {
  padding-left: 2px;
  overflow: auto;
  position: relative;
  float: left;
  width: 100%;
  clear: both; }
form.FormTheme-mediaManager .formField {
  position: relative;
  float: left;
  clear: both;
  width: auto; }
form.FormTheme-mediaManager .formField.inline {
  width: 100%;
  /*			.clipForm-thumbnail{
                  width: 60% !important;
              }*/ }
form.FormTheme-mediaManager .formField.inline label {
  top: 6px;
  left: 0px;
  width: 100px;
  text-align: right;
  position: absolute; }
form.FormTheme-mediaManager .formField.inline .inputWrapper {
  padding-left: 115px;
  width: 100%; }
form.FormTheme-mediaManager .formField.inline .inputWrapper input {
  width: 100%;
  max-width: 100%; }
form.FormTheme-mediaManager .formField.inline .imagePreview {
  width: 40%;
  position: relative;
  float: left; }
form.FormTheme-mediaManager .formField.inline .dropAreaContainer {
  width: 60%;
  padding-left: 10px;
  position: relative;
  float: left; }
form.FormTheme-mediaManager .fieldHoneypot {
  display: none; }
form.FormTheme-mediaManager .fieldGroupPager {
  position: relative;
  float: left;
  width: 220px !important; }
form.FormTheme-mediaManager .fieldGroupPager .pagerInputWrapper > * {
  margin: 0px 5px;
  padding-top: 5px;
  position: relative;
  float: left; }
form.FormTheme-mediaManager .fieldGroupPager input {
  min-width: 0;
  width: 40px;
  text-align: center;
  max-width: 100%; }
form.FormTheme-mediaManager .fieldGroupPager li {
  position: relative;
  float: left !important; }
form.FormTheme-mediaManager .fieldGroupPager input[type="submit"] {
  border: none;
  width: 100%;
  padding: 0;
  width: 20px;
  font-size: .5px;
  text-indent: -1000px; }
form.FormTheme-mediaManager .fieldGroupPager .pager-first input {
  background: url("themes/mediaManager/images/sprites.png") -250px -45px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-first:hover:not(.pager-btn-disabled) input {
  background: url("themes/mediaManager/images/sprites.png") -250px -5px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-prev input {
  background: url("themes/mediaManager/images/sprites.png") -170px -45px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-prev:hover:not(.pager-btn-disabled) input {
  background: url("themes/mediaManager/images/sprites.png") -170px -5px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-next input {
  background: url("themes/mediaManager/images/sprites.png") -209px -45px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-next:hover:not(.pager-btn-disabled) input {
  background: url("themes/mediaManager/images/sprites.png") -209px -5px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-last input {
  background: url("themes/mediaManager/images/sprites.png") -288px -45px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-last:hover:not(.pager-btn-disabled) input {
  background: url("themes/mediaManager/images/sprites.png") -288px -5px no-repeat; }
form.FormTheme-mediaManager .fieldGroupPager .pager-btn-disabled input {
  opacity: .4;
  cursor: auto; }
form.FormTheme-mediaManager div.fieldFieldGroupTab {
  width: 100% !important; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabs {
  margin-top: 20px;
  position: absolute;
  width: 108px; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabs label {
  z-index: 1;
  cursor: pointer;
  padding-left: 30px !important;
  width: 100%;
  height: 40px;
  line-height: 34px;
  border: 0; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabs li {
  /*border-radius:2px;*/
  border-right: 0px solid #999;
  margin: 0; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabs input {
  left: 0px;
  position: absolute;
  z-index: 2 !important;
  top: 13px !important;
  left: 8px; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabs li.checkboxFieldOption[data-selected="true"] label {
  background-color: white !important;
  border-left: 1px solid #e0e0e0 !important;
  border-top: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  border-right: none !important;
  font-weight: bold; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabFields {
  width: 100%;
  padding-left: 110px;
  z-index: 0;
  position: relative;
  left: -4px;
  margin-top: 0 !important;
  float: left; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabFields .fieldTab {
  padding: 10px 20px;
  border: 2px solid #e0e0e0;
  border-radius: 2px;
  margin-top: 0 !important; }
form.FormTheme-mediaManager div.fieldFieldGroupTab .tabFields .fieldTab > .field-group-wrapper {
  padding-top: 0;
  margin-top: 0; }

.modal .formRegionControls .regionFieldsWrapper .fieldButton {
  float: left;
  clear: none;
  position: relative;
  margin-left: 10px; }

/*
 * VARIABLES
 */
/* Sprite positions */
/**
 * MIXINS
 */
/**
 * INPUT MIXINS
 */
.submitButtonWrapper input, .submitButtonWrapper a, .submitButtonWrapper button, .newButtonWrapper input, .newButtonWrapper a, .newButtonWrapper button, .addButtonWrapper input, .addButtonWrapper a, .addButtonWrapper button, .cancelButtonWrapper input, .cancelButtonWrapper a, .cancelButtonWrapper button, .deleteButtonWrapper input, .deleteButtonWrapper a, .deleteButtonWrapper button {
  z-index: 2;
  padding-left: 25px !important; }
.submitButtonWrapper:after, .newButtonWrapper:after, .addButtonWrapper:after, .cancelButtonWrapper:after, .deleteButtonWrapper:after {
  z-index: 1;
  content: ' ';
  width: 11px;
  height: 11px;
  overflow: hidden;
  left: 10px;
  top: 7px;
  position: absolute;
  background: url("themes/mediaManager/images/sprites.png") no-repeat; }

a.submitButtonWrapper, a.newButtonWrapper, a.addButtonWrapper, a.cancelButtonWrapper, a.deleteButtonWrapper {
  z-index: 2;
  padding-left: 26px !important; }

.submitButtonWrapper:after {
  background-position: -655px -14px; }

.newButtonWrapper:after {
  background-position: -735px -14px; }

.addButtonWrapper:after {
  background-position: -735px -55px; }

.cancelButtonWrapper:after {
  background-position: -696px -294px; }

.deleteButtonWrapper:after {
  background-position: -696px -214px; }

.btnRed {
  border: none;
  /*background-color: red !important;*/ }
.btnRed input, .btnRed a, .btnRed button {
  border: 1px solid #E00A1D !important;
  color: white !important;
  background-color: #E00A1D !important;
  padding: 10px 10px !important;
  padding-bottom: 20px !important;
  height: 40px !important;
  font-family: Ubuntu, Helvetica, Arial, sans-serif; }
.btnRed input:hover, .btnRed a:hover, .btnRed button:hover {
  background-color: #f90017 !important;
  color: #fff !important; }

.btnRedSmall {
  border: none;
  /*background-color: red !important;*/ }
.btnRedSmall input, .btnRedSmall a, .btnRedSmall button {
  border: 1px solid #E00A1D !important;
  color: white !important;
  background-color: #E00A1D !important;
  padding: 10px 10px !important;
  padding-bottom: 20px !important;
  height: 40px !important;
  font-family: Ubuntu, Helvetica, Arial, sans-serif; }
.btnRedSmall input:hover, .btnRedSmall a:hover, .btnRedSmall button:hover {
  background-color: #f90017 !important;
  color: #fff !important; }
.btnRedSmall input, .btnRedSmall a, .btnRedSmall button {
  height: 12px !important;
  line-height: 12px;
  padding: 3px 15px !important;
  border-radius: 4px !important; }

.btnRedCancel {
  border: none;
  /*background-color: red !important;*/ }
.btnRedCancel input, .btnRedCancel a, .btnRedCancel button {
  border: 1px solid #E00A1D !important;
  color: white !important;
  background-color: #E00A1D !important;
  padding: 10px 10px !important;
  padding-bottom: 20px !important;
  height: 40px !important;
  font-family: Ubuntu, Helvetica, Arial, sans-serif; }
.btnRedCancel input:hover, .btnRedCancel a:hover, .btnRedCancel button:hover {
  background-color: #f90017 !important;
  color: #fff !important; }
.btnRedCancel a, .btnRedCancel input, .btnRedCancel button {
  padding-left: 30px !important; }
.btnRedCancel:after {
  content: ' ';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 13px;
  top: 13px;
  z-index: 10;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -695px -94px; }

.btnGrayCancel {
  border: none;
  /*background-color: red !important;*/
  border: 0px solid #A90818 !important; }
.btnGrayCancel a, .btnGrayCancel button, .btnGrayCancel input {
  height: 40px !important;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif; }
.btnGrayCancel a, .btnGrayCancel input, .btnGrayCancel button {
  padding-left: 30px !important; }
.btnGrayCancel:after {
  content: ' ';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 13px;
  top: 14px;
  z-index: 10;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -695px -214px; }

.btnBlue {
  border: none;
  /*background-color: red !important;*/
  border: 0px solid #A90818 !important; }
.btnBlue:hover a {
  text-shadow: 0px 0px !important; }
.btnBlue a, .btnBlue button, .btnBlue input {
  border: none;
  border: 1px solid #017abf !important;
  color: white !important;
  background-color: #017abf !important;
  height: 44px !important;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif; }
.btnBlue a:hover, .btnBlue a:focus, .btnBlue button:hover, .btnBlue button:focus, .btnBlue input:hover, .btnBlue input:focus {
  background-color: #0C85ED !important; }

.btnGreen {
  border: none;
  /*background-color: red !important;*/
  border: 0px solid #A90818 !important; }
.btnGreen:hover a {
  text-shadow: 0px 0px !important; }
.btnGreen a, .btnGreen button, .btnGreen input {
  border: none;
  border: 1px solid #98ba30 !important;
  color: white !important;
  background-color: #98ba30 !important;
  height: 44px !important;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif; }
.btnGreen a:hover, .btnGreen a:focus, .btnGreen button:hover, .btnGreen button:focus, .btnGreen input:hover, .btnGreen input:focus {
  background-color: #acd543 !important; }

.btnGray {
  border: none;
  /*background-color: red !important;*/
  border: 0px solid #A90818 !important; }
.btnGray:hover a {
  text-shadow: 0px 0px !important; }
.btnGray a, .btnGray button, .btnGray input {
  border: none;
  border: 1px solid #ababab !important;
  color: white !important;
  background-color: #ababab !important;
  height: 44px !important;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif; }
.btnGray a:hover, .btnGray a:focus, .btnGray button:hover, .btnGray button:focus, .btnGray input:hover, .btnGray input:focus {
  background-color: #bdbdbd !important; }

.submitMedia, .submitImage {
  border: none;
  /*background-color: red !important;*/
  border: 0px solid #A90818 !important; }
.submitMedia:hover a, .submitImage:hover a {
  text-shadow: 0px 0px !important; }
.submitMedia a, .submitMedia button, .submitMedia input, .submitImage a, .submitImage button, .submitImage input {
  border: none;
  border: 1px solid #98ba30 !important;
  color: white !important;
  background-color: #98ba30 !important;
  height: 40px !important;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif;
  padding-left: 45px !important; }
.submitMedia a:hover, .submitMedia a:focus, .submitMedia button:hover, .submitMedia button:focus, .submitMedia input:hover, .submitMedia input:focus, .submitImage a:hover, .submitImage a:focus, .submitImage button:hover, .submitImage button:focus, .submitImage input:hover, .submitImage input:focus {
  background-color: #acd543 !important; }
.submitMedia:after, .submitImage:after {
  content: " ";
  width: 25px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 10px;
  /*background: red !important;*/
  z-index: 2;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2488px -10px; }

.controlTab, .controlTabBlack {
  width: auto;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 transparent;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  padding: 0;
  padding: 4px 10px;
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: auto;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  line-height: 14px;
  min-height: 28px;
  background-color: transparent;
  width: 30px;
  height: 30px;
  margin-right: 4px;
  position: relative;
  float: left; }
.controlTab:hover, .controlTab:focus, .controlTabBlack:hover, .controlTabBlack:focus {
  color: #000000;
  -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  text-shadow: 0 1px 0 #ffffff; }
.controlTab:active, .controlTabBlack:active {
  background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 transparent; }
.controlTab:hover, .controlTab:focus, .controlTabBlack:hover, .controlTabBlack:focus {
  color: #000000;
  border: 1px solid #999999;
  /*	text-decoration: underline;*/ }

/*.controlTabBlack{
	background: linear-gradient(to bottom, #1b1b1b 4%, #0c0c0c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) ;
}*/
.formButton {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  padding: 0;
  padding: 4px 10px;
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: auto;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  line-height: 14px;
  min-height: 28px;
  background-color: transparent;
  width: auto;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 transparent;
  padding-top: 5px;
  position: relative;
  float: left; }
.formButton:hover, .formButton:focus {
  color: #000000;
  border: 1px solid #999999;
  /*	text-decoration: underline;*/ }
.formButton:hover, .formButton:focus {
  color: #000000;
  -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  text-shadow: 0 1px 0 #ffffff; }
.formButton:active {
  background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 transparent; }
.formButton.addButton, .formButton.deleteButton, .formButton.submitButton, .formButton.cancelButton, .formButton.newButton {
  padding-left: 25px;
  line-height: 16px; }
.formButton.addButton:after, .formButton.deleteButton:after, .formButton.submitButton:after, .formButton.cancelButton:after, .formButton.newButton:after {
  content: ' ';
  width: 11px;
  height: 11px;
  overflow: hidden;
  left: 10px;
  top: 7px;
  position: absolute;
  background: url("themes/mediaManager/images/sprites.png") no-repeat;
  left: 9px;
  top: 7px; }
.formButton.addButton:after {
  background-position: -735px -55px; }
.formButton.submitButton:after {
  background-position: -655px -14px; }
.formButton.cancelButton:after {
  background-position: -696px -294px; }
.formButton.deleteButton:after {
  background-position: -696px -214px; }
.formButton.newButton:after {
  background-position: -735px -14px; }

.formButton.buttonBlack, .controlTabBlack {
  background: linear-gradient(to bottom, #0c0c0c 4%, #1b1b1b 50%, #0c0c0c 100%) repeat scroll 0 0 transparent;
  color: #c0c0c0;
  border: 1px solid #313131; }
.formButton.buttonBlack:hover, .formButton.buttonBlack:focus, .controlTabBlack:hover, .controlTabBlack:focus {
  color: #E9F5AE;
  -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #272727;
  -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #272727;
  box-shadow: 0.1px 0.5px 1.2px 0.5px #272727;
  text-shadow: 0 1px 0 #000; }
.formButton.buttonBlack:active, .controlTabBlack:active {
  background: linear-gradient(to bottom, #0c0c0c 0%, #000 100%) repeat scroll 0 0 transparent; }
.formButton.buttonBlack.selectedTab, .controlTabBlack.selectedTab {
  -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #272727;
  -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #272727;
  box-shadow: 0.1px 0.5px 1.2px 0.5px #272727;
  border: 1px solid #758916; }
.formButton.buttonBlack.selectedTab:after, .controlTabBlack.selectedTab:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #758916;
  opacity: .1;
  z-index: 1; }

.fieldButton.disabled:before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5); }

.btnTall {
  min-width: 184px;
  position: relative;
  top: -1px; }
.btnTall span {
  top: 9px !important; }
.btnTall:after {
  top: 9px; }
.btnTall a, .btnTall input, .btnTall button {
  height: 31px !important;
  display: block; }
.btnTall a {
  line-height: 22px !important; }

form.FormTheme-mediaManager {
  /**
   * MESSAGES
   */ }
form.FormTheme-mediaManager .formMessages {
  position: relative;
  float: left;
  width: 100%;
  padding: 0px 0px 6px;
  clear: both;
  /*margin-bottom: 5px;margin-top: 5px;*/
  overflow: visible; }
form.FormTheme-mediaManager .formMessages a.fieldPointer {
  padding: 0px 4px; }
form.FormTheme-mediaManager .formMessages .close {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  padding: 3px 5px 4px;
  line-height: 10px;
  border-radius: 4px;
  width: 17px;
  height: 16px; }
form.FormTheme-mediaManager .formMessages .close:hover {
  background-color: #e9e9e9 !important; }
form.FormTheme-mediaManager .formMessages .warningMessage {
  background-color: #fef7d9;
  border: 1px solid #fda100; }
form.FormTheme-mediaManager .formMessages .warningMessage a {
  color: #FD9100; }
form.FormTheme-mediaManager .formMessages .warningMessage .icon {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -609px -10px; }
form.FormTheme-mediaManager .formMessages .warningMessage .close {
  background: url("themes/mediaManager/images/sprites.png") -692px -132px; }
form.FormTheme-mediaManager .formMessages .errorMessage, form.FormTheme-mediaManager .formMessages .form-status-error {
  background-color: #ffd1d1;
  border: 1px solid #f4342e; }
form.FormTheme-mediaManager .formMessages .errorMessage .icon, form.FormTheme-mediaManager .formMessages .form-status-error .icon {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -491px -51px; }
form.FormTheme-mediaManager .formMessages .errorMessage a, form.FormTheme-mediaManager .formMessages .form-status-error a {
  color: #D23D3E; }
form.FormTheme-mediaManager .formMessages .errorMessage .close, form.FormTheme-mediaManager .formMessages .form-status-error .close {
  background: url("themes/mediaManager/images/sprites.png") -692px -212px; }
form.FormTheme-mediaManager .formMessages .dev-errorMessage {
  background-color: #FBF8FF;
  border: 1px solid #B08286; }
form.FormTheme-mediaManager .formMessages .dev-errorMessage .icon {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -491px -51px; }
form.FormTheme-mediaManager .formMessages .dev-errorMessage a {
  color: #B42521; }
form.FormTheme-mediaManager .formMessages .dev-errorMessage .close {
  background: url("themes/mediaManager/images/sprites.png") -692px -212px; }
form.FormTheme-mediaManager .formMessages .devMessage {
  background-color: #FBF8FF;
  border: 1px solid #B08286;
  padding-left: 45px; }
form.FormTheme-mediaManager .formMessages .devMessage .icon {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -328px -7px; }
form.FormTheme-mediaManager .formMessages .devMessage a {
  color: #B42521; }
form.FormTheme-mediaManager .formMessages .devMessage .icon {
  width: 40px;
  height: 30px;
  top: 5px; }
form.FormTheme-mediaManager .formMessages .devMessage .close {
  background: url("themes/mediaManager/images/sprites.png") -692px -332px; }
form.FormTheme-mediaManager .formMessages .successMessage {
  background-color: #e9eed0;
  border: 1px solid #8eb02a; }
form.FormTheme-mediaManager .formMessages .successMessage .icon {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -450px -11px; }
form.FormTheme-mediaManager .formMessages .successMessage a {
  color: #728D21; }
form.FormTheme-mediaManager .formMessages .successMessage .close {
  background: url("themes/mediaManager/images/sprites.png") -692px -171px; }
form.FormTheme-mediaManager .formMessages .statusMessage {
  background-color: #e5f0f6;
  border: 1px solid #4182a8; }
form.FormTheme-mediaManager .formMessages .statusMessage a {
  color: #4182a8; }
form.FormTheme-mediaManager .formMessages .statusMessage .icon {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -570px -11px; }
form.FormTheme-mediaManager .formMessages .statusMessage .close {
  background: url("themes/mediaManager/images/sprites.png") -692px -332px; }
form.FormTheme-mediaManager .formMessage {
  overflow: auto;
  overflow-x: hidden !important;
  position: relative;
  line-height: 18px;
  margin: 3px 0px 0px;
  font-family: HNL, Helvetica, sans-serif !important;
  font-size: 14px;
  color: #333;
  padding: 9px 10px 7px 35px;
  margin-bottom: 2px;
  margin-top: 0;
  border: 0px solid #999 !important;
  border-radius: 2px; }
form.FormTheme-mediaManager .formMessage span.field-reference-row {
  position: relative;
  background: none;
  left: auto; }
form.FormTheme-mediaManager .formMessage .accordion-content {
  margin-top: 4px;
  position: relative; }
form.FormTheme-mediaManager .formMessage .accordion-content li {
  position: relative;
  padding: 3px 0px;
  list-style-type: disc !important;
  left: 10px; }
form.FormTheme-mediaManager .formMessage pre {
  font-size: 12px;
  line-height: 12px;
  padding-left: 10px; }
form.FormTheme-mediaManager .bullet-points {
  list-style-type: circle;
  padding-left: 10px; }
form.FormTheme-mediaManager .bullet-points li {
  list-style-type: disc; }
form.FormTheme-mediaManager .bullet-points .bulletKey {
  font-family: Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 550; }
form.FormTheme-mediaManager .formMessage .message-error-field {
  width: 99%; }
form.FormTheme-mediaManager .formMessage .message-error-field a {
  color: #8C1419;
  text-decoration: underline; }
form.FormTheme-mediaManager .formMessage a:hover {
  text-decoration: underline; }
form.FormTheme-mediaManager .formMessage span.icon {
  height: 20px;
  left: 8px;
  position: absolute;
  top: 9px;
  width: 23px; }
form.FormTheme-mediaManager .fieldErrors {
  padding-left: 13px;
  padding-top: 4px; }
form.FormTheme-mediaManager .fieldErrors li {
  list-style-type: disc !important; }

/**
 * CUSTOM SELECT
 */
/*
 * VARIABLES
 */
/* Sprite positions */
/**
 * MIXINS
 */
/**
 * INPUT MIXINS
 */
a.customSelect {
  width: 100%;
  position: relative;
  clear: both;
  float: left;
  max-width: 298px;
  overflow: visible; }
a.customSelect .noResults {
  padding: 20px;
  position: relative !important;
  font-size: 22px;
  text-align: center;
  color: #BEBEBE;
  display: none; }
a.customSelect:focus .customSelectValue {
  border: 1px solid #CBE52B !important; }

.customSelectValue {
  min-width: 200px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 0px 1px #bfbfbf;
  -webkit-box-shadow: 0px 0px 0px 1px #bfbfbf;
  box-shadow: 0px 0px 0px 1px #bfbfbf;
  border: 1px solid #eaeaea;
  background: white;
  padding: 0px 8px 0px;
  font-size: 10px;
  left: 1px;
  line-height: 20px;
  height: 30px;
  font-family: HNL, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  display: block;
  cursor: pointer;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100% !important;
  display: block;
  width: auto;
  padding-right: 30px;
  position: relative;
  float: left;
  color: #333;
  line-height: 32px; }
.customSelectValue:after {
  content: '\25be';
  font-size: 16px;
  position: absolute;
  right: 7px;
  top: 0px;
  color: #707070; }

.customSelectOptionsWrapper {
  margin-top: 2px;
  width: 100%;
  overflow: auto;
  position: relative;
  min-width: 172px;
  width: auto;
  background-color: white;
  z-index: 100000 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: -1px 1px 4px 0.5px gray;
  -webkit-box-shadow: -1px 1px 4px 0.5px gray;
  box-shadow: -1px 1px 4px 0.5px gray;
  display: none;
  min-width: 200px; }
.customSelectOptionsWrapper li:not(.optgroupHolder), .customSelectOptionsWrapper a {
  font-family: "HNL", Helvetica, Arial, sans-serif;
  width: 100%;
  float: left;
  clear: both;
  display: block;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  color: #333;
  padding: 8px 15px;
  line-height: 18px; }
.customSelectOptionsWrapper li:not(.optgroupHolder):hover, .customSelectOptionsWrapper a:hover {
  background-color: #D9E86D; }
.customSelectOptionsWrapper li:not(.optgroupHolder).customSelectSelectedItem, .customSelectOptionsWrapper a.customSelectSelectedItem {
  background-color: #CBE52B !important; }
.customSelectOptionsWrapper li:not(.optgroupHolder).customSelectFocusedItem, .customSelectOptionsWrapper a.customSelectFocusedItem {
  background-color: #D9E86D !important; }
.customSelectOptionsWrapper li:not(.optgroupHolder).nav-selected, .customSelectOptionsWrapper a.nav-selected {
  background-color: #CBE638 !important; }
.customSelectOptionsWrapper .optgroupHolder > a {
  font-family: UbuntuBold, Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #ebebeb;
  width: 96%;
  margin-left: 2%;
  padding-bottom: 4px;
  padding-left: 10px;
  cursor: text; }
.customSelectOptionsWrapper .optgroupHolder > a:hover {
  background: white !important; }
.customSelectOptionsWrapper .optgroupHolder li {
  width: 96%;
  margin-left: 2%;
  padding-left: 25px;
  padding-left: 14px; }

.customSelect > .customSelectSearch {
  width: 100% !important;
  min-width: 0px; }
.customSelect > .customSelectSearch input {
  width: 100% !important;
  min-width: 200px; }

.customSelectOptionsWrapper .customSelectSearch {
  background-color: white;
  clear: both;
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -ms-border-radius: 4px 4px 0px 0px;
  -o-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  padding: 0px 5px 0px;
  height: 32px;
  border-bottom: 1px solid #DEDEDE; }
.customSelectOptionsWrapper .customSelectSearch input {
  position: absolute;
  top: 0px;
  bottom: 4px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border: none !important;
  -moz-box-shadow: 0px 0px 0px 0px #C8C8C8;
  -webkit-box-shadow: 0px 0px 0px 0px #C8C8C8;
  box-shadow: 0px 0px 0px 0px #C8C8C8;
  right: 10px !important;
  width: 97%;
  left: 1.5%;
  height: 30px;
  padding-top: 8px; }
.customSelectOptionsWrapper .customSelectSearch input:focus {
  outline: 1px solid whtie !important;
  -moz-box-shadow: 0px 0px 0px 0px #C8C8C8;
  -webkit-box-shadow: 0px 0px 0px 0px #C8C8C8;
  box-shadow: 0px 0px 0px 0px #C8C8C8; }
.customSelectOptionsWrapper .customSelectSearch > input {
  border-color: transparent !important; }
.customSelectOptionsWrapper .customSelectSearch input {
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important; }

.selectSearched {
  font-weight: bold;
  text-decoration: underline; }

.customSelectOptions {
  width: 100%;
  position: relative;
  float: right;
  max-height: 200px;
  height: 100%;
  overflow: auto;
  top: 0;
  bottom: 0; }

form.FormTheme-mediaManager {
  /**
   * FIELD TOOLTIP
   */
  /**
   * maxLengthCounter
   */
  /**
   * Array List
   */
  /*PLAYER POSITION CONTROLS*/ }
form.FormTheme-mediaManager .fieldTooltip, form.FormTheme-mediaManager .fieldHelp {
  z-index: 100 !important;
  margin: 1px;
  background: url("themes/mediaManager/images/sprites.png") no-repeat white;
  background-position: -1010px -51px;
  border-radius: 18px;
  height: 20px;
  width: 20px;
  overflow: visible;
  position: absolute;
  right: -25px;
  top: 5px;
  cursor: pointer; }
form.FormTheme-mediaManager .fieldTooltip:hover, form.FormTheme-mediaManager .fieldTooltip:focus, form.FormTheme-mediaManager .fieldTooltip .tooltipActive, form.FormTheme-mediaManager .fieldHelp:hover, form.FormTheme-mediaManager .fieldHelp:focus, form.FormTheme-mediaManager .fieldHelp .tooltipActive {
  background-position: -1010px -91px; }
form.FormTheme-mediaManager .fieldTooltip ul, form.FormTheme-mediaManager .fieldHelp ul {
  padding: 0px 0px 0px 15px; }
form.FormTheme-mediaManager .fieldTooltip li, form.FormTheme-mediaManager .fieldHelp li {
  list-style-type: disc; }
form.FormTheme-mediaManager .fieldTooltip .tooltipContent, form.FormTheme-mediaManager .fieldHelp .tooltipContent {
  min-width: 300px; }
form.FormTheme-mediaManager .fieldTooltip .tooltipContent, form.FormTheme-mediaManager .fieldTooltip .helpContent, form.FormTheme-mediaManager .fieldHelp .tooltipContent, form.FormTheme-mediaManager .fieldHelp .helpContent {
  position: relative;
  width: auto !important;
  display: none;
  background-color: #FEFFE9 !important;
  font-family: HNL,Helvetica, Arial, sans-serif;
  margin-top: 2px;
  font-size: 14px;
  line-height: 14px;
  max-width: 400px;
  color: #333;
  width: 100%;
  word-wrap: normal;
  white-space: normal !important;
  overflow: auto;
  background-color: white;
  z-index: 100;
  padding: 10px 10px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0.5px 1px 2px 1px gray;
  -webkit-box-shadow: 0.5px 1px 2px 1px gray;
  box-shadow: 0.5px 1px 2px 1px gray; }
form.FormTheme-mediaManager .fieldTooltip .tooltipContent .tooltip-button, form.FormTheme-mediaManager .fieldTooltip .helpContent .tooltip-button, form.FormTheme-mediaManager .fieldHelp .tooltipContent .tooltip-button, form.FormTheme-mediaManager .fieldHelp .helpContent .tooltip-button {
  float: left;
  clear: both !important;
  margin-top: 4px; }
form.FormTheme-mediaManager .fieldHelp {
  background-position: -1090px -51px; }
form.FormTheme-mediaManager .fieldHelp:hover, form.FormTheme-mediaManager .fieldHelp:focus, form.FormTheme-mediaManager .fieldHelp .tooltipActive {
  background-position: -1090px -91px; }
form.FormTheme-mediaManager .formField > .fieldTooltip, form.FormTheme-mediaManager .formField > .fieldHelp {
  position: relative;
  float: right;
  top: -2px;
  right: -2px;
  left: auto; }
form.FormTheme-mediaManager .maxLengthCounter {
  font-family: HNL, Helvetica, Arial, sans-serif;
  margin-top: 5px;
  position: relative; }
form.FormTheme-mediaManager .formMessage .arrayList .arrayListKey {
  color: #333;
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-size: 14px;
  display: inline; }
form.FormTheme-mediaManager .formMessage .arrayList .arrayListValue {
  display: inline; }
form.FormTheme-mediaManager .formMessage .arrayList .propertyName {
  font-family: Helvetica, Arial, sans-serif; }
form.FormTheme-mediaManager .formMessage .arrayList .arrayListItem {
  list-style-type: disc; }
form.FormTheme-mediaManager .formMessage .arrayList > ul {
  margin-top: 4px; }
form.FormTheme-mediaManager .formMessage .arrayList ul {
  padding-left: 12px;
  margin-bottom: 4px; }
form.FormTheme-mediaManager .fieldPlayerPosition.disabled:after {
  content: ' ';
  position: absolute;
  top: -1px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1; }
form.FormTheme-mediaManager .fieldPlayerPosition label {
  display: none; }
form.FormTheme-mediaManager .fieldPlayerPosition .inputWrapper {
  max-width: 100%;
  width: 100%; }
form.FormTheme-mediaManager .fieldPlayerPosition .inputSubWrapper {
  padding-left: 54px;
  padding-right: 56px;
  margin-bottom: 0px !important; }
form.FormTheme-mediaManager .fieldPlayerPosition .inputSubWrapper > .fieldButton {
  position: absolute;
  width: 50px;
  border-radius: 4px !important; }
form.FormTheme-mediaManager .fieldPlayerPosition .inputSubWrapper > .fieldButton a {
  border-radius: 4px !important; }
form.FormTheme-mediaManager .fieldPlayerPosition .inputSubWrapper .button-position-left {
  left: 0px; }
form.FormTheme-mediaManager .fieldPlayerPosition .inputSubWrapper .button-position-right {
  right: 0px; }
form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom {
  position: relative;
  float: left;
  margin-top: 2px;
  width: 100%;
  padding-left: 54px;
  padding-right: 54px; }
form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom .button-position-bottomLeft {
  position: absolute;
  left: 0px; }
form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom .button-position-bottomRight {
  right: 0px; }
form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom .button-position-bottomLeft, form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom .button-position-bottomRight {
  position: absolute;
  width: 50px; }
form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom .button-position-bottomLeft a, form.FormTheme-mediaManager .fieldPlayerPosition .controlWrapperBottom .button-position-bottomRight a {
  border-radius: 4px; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottom span,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-left span,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-right span,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottomLeft span,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottomRight span {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: red;
  top: 11px !important;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2331px -12px; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottom span {
  left: 50%;
  margin-left: -50px; }
form.FormTheme-mediaManager .fieldPlayerPosition .playEnd.button-position-bottom span {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2451px -92px; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-left span,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottomLeft span {
  left: 6px;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2413px -12px; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-left a,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottomLeft a {
  text-align: right;
  padding-right: 12px;
  display: block;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-right span,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottomRight span {
  right: 6px;
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2367px -12px; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-right a,
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-bottomRight a {
  text-align: left;
  padding-left: 12px;
  display: block;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif; }
form.FormTheme-mediaManager .fieldPlayerPosition input {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0;
  margin-left: 0 !important;
  height: 36px;
  min-width: 0px !important;
  padding-top: 6px; }
form.FormTheme-mediaManager .fieldPlayerPosition .fieldButton {
  height: 38px; }
form.FormTheme-mediaManager .fieldPlayerPosition .fieldButton a {
  line-height: 24px !important;
  height: 38px !important; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-top {
  margin-bottom: 10px !important;
  position: relative;
  height: 42px; }
form.FormTheme-mediaManager .fieldPlayerPosition .button-position-top a {
  line-height: 30px !important;
  height: 42px !important; }

/**
 * TIMEPICKER
 */
.timePicker {
  border: 1px solid #a6a6a6;
  width: 250px;
  position: fixed;
  z-index: 999;
  top: 100px;
  left: 100px;
  height: 270px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: -0.1px 0.1px 3px 0.5px #b3b3b3;
  -webkit-box-shadow: -0.1px 0.1px 3px 0.5px #b3b3b3;
  box-shadow: -0.1px 0.1px 3px 0.5px #b3b3b3;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: visible;
  padding: 4px;
  padding: 0;
  display: none; }
.timePicker .timePickerClock {
  position: relative;
  margin-top: 5px;
  width: 94%;
  padding-bottom: 92%;
  height: 0px;
  left: 4%;
  border-radius: 50%;
  /*background-color: red;*/
  border: 2px dashed #5b5b5b; }
.timePicker .clockWrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  border-radius: 50%;
  cursor: pointer; }
.timePicker .centerDot {
  position: absolute;
  width: 18px;
  margin-left: -9px;
  margin-top: -9px;
  height: 18px;
  border-radius: 9px;
  background-color: #bcc7d2;
  border: 1px solid #e7e7e7;
  top: 50%;
  left: 50%;
  z-index: 12;
  opacity: 1; }
.timePicker .clockCentreDisplay {
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 33px;
  font-size: 11px;
  font-weight: bold;
  opacity: .6; }
.timePicker .hour {
  color: #4e4e4e;
  z-index: 10; }
.timePicker .minute {
  z-index: 10; }
.timePicker .minuteMarker {
  cursor: pointer;
  left: 50%;
  top: 50%;
  width: 6px;
  margin-left: -3px;
  height: 2px;
  margin-top: -1px;
  background-color: #515151;
  position: absolute;
  opacity: .6; }
.timePicker .hour, .timePicker .minute {
  cursor: pointer;
  left: 50%;
  top: 50%;
  font-size: 15px;
  position: absolute;
  margin-left: -11px;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  line-height: 21px;
  border-radius: 10px;
  text-align: center;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif;
  /*		background-color: #e7e7e7;*/
  color: #5d5d5d;
  letter-spacing: -1px;
  text-align: center !important; }
.timePicker .minute {
  /*color: #306cb5;*/
  margin-top: -7px;
  font-size: 11px;
  letter-spacing: 0;
  margin-left: -8px;
  margin-top: -8px;
  width: 16px;
  line-height: 15px;
  height: 16px; }
.timePicker .amPmInputWrapper {
  width: 100%;
  position: relative;
  float: left;
  padding: 10px;
  text-align: center; }
.timePicker .amPmInputWrapper > * {
  display: inline-block; }
.timePicker .amPmInputWrapper label {
  padding: 4px;
  cursor: pointer; }
.timePicker .amPmInputWrapper input {
  margin-right: 10px;
  cursor: pointer; }
.timePicker .timePickerInput {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-family: UbuntuBold,  Helvetica, Arial, sans-serif;
  color: #4599fe;
  border: 0px solid white;
  border-radius: 0px;
  -moz-box-shadow: 0px 0px 0px 0px #fff !important;
  -webkit-box-shadow: 0px 0px 0px 0px #fff !important;
  box-shadow: 0px 0px 0px 0px #fff !important;
  background-color: #e7e7e7; }
.timePicker .minuteHandleWrapper, .timePicker .hourHandleWrapper, .timePicker .secondsHandleWrapper {
  cursor: pointer !important;
  /*border-radius:4px;*/
  position: absolute;
  left: 50%;
  top: 0; }
.timePicker .liveSelection {
  color: #306cb5;
  /*		text-shadow:0px 0px 1px gray;*/
  /*outline: 1px solid #ddd;*/ }
.timePicker .minuteMarker.liveSelection {
  background-color: #306cb5 !important; }
.timePicker .minuteHandleWrapper {
  width: 0px;
  height: 100%;
  z-index: 10; }
.timePicker .minuteHandleWrapper .minuteHandle {
  top: 10%;
  bottom: 50%;
  position: absolute;
  background-color: #bcc7d2;
  width: 10px;
  left: -5px;
  border: 1px solid white;
  border-radius: 4px 4px 0px 0px; }
.timePicker .secondsHandleWrapper {
  width: 0px;
  height: 100%;
  z-index: 10; }
.timePicker .secondsHandleWrapper .secondsHandle {
  top: 1%;
  bottom: 50%;
  position: absolute;
  background-color: #bcc7d2;
  width: 6px;
  left: -3px;
  border: 1px solid white;
  border-radius: 2px 2px 0px 0px; }
.timePicker .hourHandleWrapper {
  width: 0px;
  height: 100%;
  z-index: 10; }
.timePicker .hourHandleWrapper .hourHandle {
  top: 20%;
  bottom: 50%;
  position: absolute;
  background-color: #bcc7d2;
  width: 12px;
  left: -6px;
  border: 1px solid white;
  border-radius: 4px 4px 0px 0px; }
.timePicker .minuteHitArea {
  position: absolute;
  width: 88%;
  height: 88%;
  left: 6%;
  top: 6%;
  border-radius: 50%;
  border: 1px dashed #d8d8d8;
  background-color: white;
  background-color: #f1f1f1; }
.timePicker .secondsHitArea {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  border-radius: 50%;
  border: 1px dashed #d8d8d8;
  background-color: white; }
.timePicker .hourHitArea {
  position: absolute;
  width: 64%;
  height: 64%;
  background-color: white;
  border-radius: 50%;
  left: 18%;
  top: 18%;
  border: 1px dashed #d8d8d8; }

/**
 * CALENDAR
 */
.switchCalendar {
  border: 1px solid #a6a6a6;
  width: 250px;
  position: fixed;
  z-index: 999;
  top: 100px;
  left: 100px;
  height: 270px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: -0.1px 0.1px 3px 0.5px #b3b3b3;
  -webkit-box-shadow: -0.1px 0.1px 3px 0.5px #b3b3b3;
  box-shadow: -0.1px 0.1px 3px 0.5px #b3b3b3;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: visible;
  padding: 4px; }
.switchCalendar th {
  background-color: #f5f6f6 !important;
  font-size: 10px;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif;
  color: #707070;
  text-align: center;
  padding: 2px 0px 4px;
  border-color: white !important; }
.switchCalendar .previousMonthDay a, .switchCalendar .nextMonthDay a {
  color: #b0b0b0 !important; }
.switchCalendar .dayCell {
  border: none;
  overflow: hidden;
  padding: 0;
  width: 14.28571428571429%;
  height: 30px; }
.switchCalendar .dayCell.currentDay a {
  background-color: #eef45d;
  -moz-box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5;
  -webkit-box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5;
  box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5; }
.switchCalendar .dayCell a {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  line-height: 31px;
  display: block;
  width: 100%;
  height: 32px;
  color: #333;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-family: Ubuntu,Helvetica,sans-serif !important;
  border-radius: 4px;
  border: 1px solid white !important; }
.switchCalendar .dayCell a:hover, .switchCalendar .dayCell a:focus {
  background-color: #dbf1b3;
  -moz-box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5;
  -webkit-box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5;
  box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5; }
.switchCalendar .dayCell.selectedDay a {
  background-color: #a9d6e7;
  -moz-box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5;
  -webkit-box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5;
  box-shadow: 0.2px 0.2px 1px 0.3px #c5c5c5; }
.switchCalendar .dayCell.firstRow {
  border-top: 3px solid white; }
.switchCalendar .calendarArrow {
  top: 5px;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #ddd;
  background: url("themes/mediaManager/images/sprites.png") no-repeat;
  z-index: 1;
  cursor: pointer; }
.switchCalendar .calendarArrowNext {
  right: 0px;
  background-position: -9px -50px; }
.switchCalendar .calendarArrowNext:hover, .switchCalendar .calendarArrowNext:focus {
  background-position: -9px -10px !important; }
.switchCalendar .calendarArrowPrev {
  left: 2px;
  background-position: -50px -50px; }
.switchCalendar .calendarArrowPrev:hover, .switchCalendar .calendarArrowPrev:focus {
  background-position: -50px -10px !important; }
.switchCalendar .calendarControls {
  margin-top: 2px;
  margin-bottom: 4px;
  position: relative;
  float: left;
  width: 100%;
  /*.monthSelectWrapper .customSelect{
      padding-right: 24px;
      padding-left: 24px;
  }
  .yearSelectWrapper .customSelect{
      padding-right: 24px;
      padding-left: 24px;
  }*/ }
.switchCalendar .calendarControls .monthSelectWrapper, .switchCalendar .calendarControls .yearSelectWrapper {
  position: relative;
  float: left;
  width: 50%;
  overflow: auto; }
.switchCalendar .calendarControls .monthSelectWrapper .customSelect, .switchCalendar .calendarControls .yearSelectWrapper .customSelect {
  padding: 2px 24px 6px; }
.switchCalendar .calendarControls .monthSelectWrapper .customSelect .customSelectValue, .switchCalendar .calendarControls .yearSelectWrapper .customSelect .customSelectValue {
  min-width: 0 !important;
  height: 25px;
  line-height: 26px;
  text-overflow: initial; }
.switchCalendar .calendarControls .monthSelectWrapper .customSelect .customSelectValue:after, .switchCalendar .calendarControls .yearSelectWrapper .customSelect .customSelectValue:after {
  color: #afafaf;
  right: 4px;
  top: -1px; }
.switchCalendar .calendarControls .monthSelectWrapper .customSelect .customSelectOptionsWrapper, .switchCalendar .calendarControls .yearSelectWrapper .customSelect .customSelectOptionsWrapper {
  width: 120px !important;
  min-width: 0 !important; }
.switchCalendar .calendarControls .monthSelectWrapper .customSelectOptions li, .switchCalendar .calendarControls .yearSelectWrapper .customSelectOptions li {
  line-height: 11px; }
.switchCalendar .calendarControls .monthSelectWrapper {
  width: 110px; }
.switchCalendar .calendarControls .yearSelectWrapper {
  width: 110px;
  float: right; }

/**
 * DATE TIME WIDGET
 */
.dateTimeWidget {
  width: 100%;
  max-width: 250px;
  min-height: 300px;
  overflow: visible;
  position: fixed;
  /*.timePickerInput{
  	margin-top: 20px !important;
  }*/ }
.dateTimeWidget .tabWrapper {
  width: 100%;
  height: 100%;
  overflow: visible;
  position: absolute;
  top: 0;
  /*display: none;*/
  left: 0px; }
.dateTimeWidget .widgetTab {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 6px 10px 5px;
  border: 1px solid #a6a6a6;
  border-radius: 2px 2px 0px 0px;
  z-index: 1;
  top: 2px;
  border-bottom: 1px solid #a6a6a6;
  cursor: pointer;
  z-index: 10;
  height: 28px;
  font-size: 1px;
  color: #fff; }
.dateTimeWidget .tabWrapper-date a.widgetTab {
  width: 34px; }
.dateTimeWidget .tabWrapper-date a.widgetTab:after {
  content: " ";
  background: url("themes/mediaManager/images/sprites.png") no-repeat scroll -1452px -11px;
  width: 18px;
  height: 20px;
  left: 8px;
  top: 5px;
  position: absolute; }
.dateTimeWidget .tabWrapper-time a.widgetTab {
  width: 34px;
  left: 35px; }
.dateTimeWidget .tabWrapper-time a.widgetTab:after {
  content: " ";
  background: url("themes/mediaManager/images/sprites.png") no-repeat -1132px -92px;
  position: absolute;
  left: 8px;
  top: 6px;
  width: 16px;
  height: 17px;
  cursor: pointer;
  z-index: 10; }
.dateTimeWidget .tabWrapper-time.activeTab .widgetTab:after {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -1132px -132px; }
.dateTimeWidget .tabWrapper-date.activeTab .widgetTab:after {
  background: url("themes/mediaManager/images/sprites.png") no-repeat scroll -1452px -51px; }
.dateTimeWidget .tabWrapper-time .widgetTab {
  width: 49%;
  right: 0px; }
.dateTimeWidget .tabWrapper-date .widgetTab {
  width: 49%;
  left: 0px; }
.dateTimeWidget .tabWrapper-date .switchCalendar {
  /*border-radius:0px 0px 4px 4px;*/ }
.dateTimeWidget .tabContent {
  z-index: 0;
  position: absolute;
  padding-top: 29px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0;
  overflow: visible;
  display: none; }
.dateTimeWidget .tabContent > .timePicker, .dateTimeWidget .tabContent .switchCalendar {
  position: relative;
  top: 0px !important;
  left: 0px;
  border-radius: 0px 4px 4px 4px; }
.dateTimeWidget .tabWrapper.activeTab .tabContent {
  display: block;
  z-index: 1; }
.dateTimeWidget .tabWrapper.activeTab .widgetTab {
  cursor: auto;
  border-bottom: 1px solid transparent !important; }
.dateTimeWidget .tabWrapper.activeTab .tabContent > * {
  display: block; }
.dateTimeWidget .tabWrapper-time .tabContent {
  top: 0px; }

/**
 * HTML5File
 */
div.fieldHtml5File, div.fieldHtml5Image {
  overflow: visible;
  margin-top: 10px;
  width: 200px;
  /* IMAGE PREVIEW */ }
div.fieldHtml5File.noImage .imagePreview, div.fieldHtml5Image.noImage .imagePreview {
  display: none !important; }
div.fieldHtml5File.noImage .dropAreaContainer, div.fieldHtml5Image.noImage .dropAreaContainer {
  width: 100% !important;
  padding-left: 0 !important; }
div.fieldHtml5File .moxie-shim.moxie-shim-html5, div.fieldHtml5Image .moxie-shim.moxie-shim-html5 {
  /*display: none;*/ }
div.fieldHtml5File .dropAreaWrapper, div.fieldHtml5Image .dropAreaWrapper {
  width: 100%;
  position: relative;
  float: left;
  padding-left: 0 !important; }
div.fieldHtml5File .dropAreaWrapper .dropArea, div.fieldHtml5Image .dropAreaWrapper .dropArea {
  width: 100%;
  border: 2px dashed #cccccc;
  border-radius: 4px;
  position: relative;
  text-align: center;
  transition: background-color 0.1s linear 0.1s;
  clear: both;
  height: 100%;
  width: 100%;
  min-height: 96px;
  border-radius: 4px; }
div.fieldHtml5File .dropAreaWrapper .dropArea.hover, div.fieldHtml5Image .dropAreaWrapper .dropArea.hover {
  background-color: #f5f5f5; }
div.fieldHtml5File .dropAreaWrapper .dropArea .dropAreaContent, div.fieldHtml5Image .dropAreaWrapper .dropArea .dropAreaContent {
  width: 100%;
  overflow: auto;
  margin: 0 auto;
  position: relative;
  padding: 10px 10px 15px 10px;
  overflow: auto; }
div.fieldHtml5File .dropAreaWrapper .dropArea .dropAreaContent .uploadText, div.fieldHtml5Image .dropAreaWrapper .dropArea .dropAreaContent .uploadText {
  color: #ccccd3;
  display: block;
  font-size: 12pt;
  font-weight: bold;
  text-align: center; }
div.fieldHtml5File .dropAreaWrapper .dropArea .dropAreaContent .uploadButton, div.fieldHtml5Image .dropAreaWrapper .dropArea .dropAreaContent .uploadButton {
  position: relative;
  top: 6px;
  display: block;
  margin: 0px auto;
  width: 100px;
  float: none; }
div.fieldHtml5File .dropAreaWrapper .dropArea .dropAreaContent .selectFrame, div.fieldHtml5Image .dropAreaWrapper .dropArea .dropAreaContent .selectFrame {
  position: relative;
  top: 6px;
  display: block;
  margin: 0px auto;
  width: 140px;
  margin-top: 5px;
  float: none; }
div.fieldHtml5File .dropAreaWrapper .dropAreaActive, div.fieldHtml5Image .dropAreaWrapper .dropAreaActive {
  background-color: #f5f5f5; }
div.fieldHtml5File .fileList, div.fieldHtml5Image .fileList {
  position: relative;
  float: left;
  margin-top: 6px;
  width: 100%; }
div.fieldHtml5File .fileNameWrapper, div.fieldHtml5Image .fileNameWrapper {
  width: 100%;
  padding-left: 34px;
  padding-right: 34px;
  position: absolute; }
div.fieldHtml5File .fileName, div.fieldHtml5Image .fileName {
  position: relative;
  float: left;
  clear: both;
  text-align: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
div.fieldHtml5File .fileProgressWrapper, div.fieldHtml5Image .fileProgressWrapper {
  width: 100%;
  height: 4px;
  background-color: #ddd;
  position: relative;
  float: left;
  clear: both; }
div.fieldHtml5File .fileList li, div.fieldHtml5Image .fileList li {
  width: 100%;
  position: relative;
  float: left;
  clear: both;
  margin: 5px 0px;
  padding-top: 2px;
  height: 25px; }
div.fieldHtml5File .fileIcon, div.fieldHtml5Image .fileIcon {
  width: 26px;
  height: 20px;
  position: absolute;
  left: 0px;
  background: url("themes/mediaManager/images/sprites.png") no-repeat; }
div.fieldHtml5File .fileIcon.fileType-image, div.fieldHtml5Image .fileIcon.fileType-image {
  background-position: -1567px -49px; }
div.fieldHtml5File .fileButtonWrapper > a, div.fieldHtml5Image .fileButtonWrapper > a {
  width: auto;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 4%, #f2f2f2 100%) repeat scroll 0 0 transparent;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: block;
  padding: 0;
  padding: 4px 10px;
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: auto;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  line-height: 14px;
  min-height: 28px;
  background-color: transparent;
  padding: 0;
  width: 21px;
  height: 21px;
  min-height: 0;
  line-height: 0 !important;
  display: block;
  position: absolute;
  right: 5px;
  margin-top: 0px; }
div.fieldHtml5File .fileButtonWrapper > a:hover, div.fieldHtml5File .fileButtonWrapper > a:focus, div.fieldHtml5Image .fileButtonWrapper > a:hover, div.fieldHtml5Image .fileButtonWrapper > a:focus {
  color: #000000;
  -moz-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  -webkit-box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  box-shadow: 0.1px 0.5px 1.2px 0.5px #d0d0d0;
  text-shadow: 0 1px 0 #ffffff; }
div.fieldHtml5File .fileButtonWrapper > a:active, div.fieldHtml5Image .fileButtonWrapper > a:active {
  background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 transparent; }
div.fieldHtml5File .fileButtonWrapper > a:hover, div.fieldHtml5File .fileButtonWrapper > a:focus, div.fieldHtml5Image .fileButtonWrapper > a:hover, div.fieldHtml5Image .fileButtonWrapper > a:focus {
  color: #000000;
  border: 1px solid #999999;
  /*	text-decoration: underline;*/ }
div.fieldHtml5File .fileProgress, div.fieldHtml5Image .fileProgress {
  height: 100%;
  width: 0;
  background: #3baf52;
  display: block;
  transition: width 0.1s linear 0s; }
div.fieldHtml5File a.fileSuccess, div.fieldHtml5Image a.fileSuccess {
  display: none; }
div.fieldHtml5File .fileDelete:after, div.fieldHtml5Image .fileDelete:after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("themes/mediaManager/images/sprites.png") no-repeat;
  background-position: -691px -291px; }
div.fieldHtml5File .fileDelete:hover:after, div.fieldHtml5Image .fileDelete:hover:after {
  background-position: -691px -211px; }
div.fieldHtml5File .fileSuccess:after, div.fieldHtml5Image .fileSuccess:after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("themes/mediaManager/images/sprites.png") no-repeat;
  background-position: -651px -11px; }
div.fieldHtml5File .fileSuccess:hover:after, div.fieldHtml5Image .fileSuccess:hover:after {
  /*background-position: -691px -211px;*/ }
div.fieldHtml5File .imagePreview.noImage div.thumbnailWrapper, div.fieldHtml5Image .imagePreview.noImage div.thumbnailWrapper {
  /*		height:0 !important;
          opacity:0 ;*/ }
div.fieldHtml5File .thumbnailWrapper, div.fieldHtml5Image .thumbnailWrapper {
  height: 50%;
  overflow: hidden !important;
  border-radius: 2px;
  margin-bottom: 6px;
  cursor: pointer;
  opacity: 1;
  height: auto;
  overflow: auto;
  position: relative;
  min-width: 172px;
  width: auto;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: -0.5px 0.5px 2px 0.5px gray;
  -webkit-box-shadow: -0.5px 0.5px 2px 0.5px gray;
  box-shadow: -0.5px 0.5px 2px 0.5px gray; }
div.fieldHtml5File .thumbnailWrapper img, div.fieldHtml5Image .thumbnailWrapper img {
  opacity: 0; }
div.fieldHtml5File .thumbnailWrapper .previewButton, div.fieldHtml5Image .thumbnailWrapper .previewButton {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background-color: #ddd;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #ececec url("themes/mediaManager/images/sprites.png") -691px -291px;
  cursor: pointer; }
div.fieldHtml5File .thumbnailWrapper .imageManipulation, div.fieldHtml5Image .thumbnailWrapper .imageManipulation {
  left: 30px;
  background: #ececec url("themes/mediaManager/images/sprites.png") -1691px -11px; }
div.fieldHtml5File .thumbnailWrapper .imageManipulation:hover, div.fieldHtml5Image .thumbnailWrapper .imageManipulation:hover {
  background: #ececec url("themes/mediaManager/images/sprites.png") -1691px -51px; }
div.fieldHtml5File .thumbnailWrapper button, div.fieldHtml5Image .thumbnailWrapper button {
  border: 0px solid #999 !important; }
div.fieldHtml5File .thumbnailWrapper .deleteButton, div.fieldHtml5Image .thumbnailWrapper .deleteButton {
  width: 19px;
  height: 18px; }
div.fieldHtml5File .thumbnailWrapper .deleteButton:hover, div.fieldHtml5Image .thumbnailWrapper .deleteButton:hover {
  background-position: -691px -211px; }
div.fieldHtml5File .thumbnailWrapper .downloadButton, div.fieldHtml5Image .thumbnailWrapper .downloadButton {
  left: 32px;
  background-position: -811px -51px; }
div.fieldHtml5File .thumbnailWrapper .downloadButton:hover, div.fieldHtml5Image .thumbnailWrapper .downloadButton:hover {
  background-position: -811px -91px; }
div.fieldHtml5File .thumbnailWrapper:focus, div.fieldHtml5File .thumbnailWrapper:hover, div.fieldHtml5Image .thumbnailWrapper:focus, div.fieldHtml5Image .thumbnailWrapper:hover {
  outline: 2px solid #CBE52B !important; }
div.fieldHtml5File .thumbnailWrapper:focus:before, div.fieldHtml5File .thumbnailWrapper:hover:before, div.fieldHtml5Image .thumbnailWrapper:focus:before, div.fieldHtml5Image .thumbnailWrapper:hover:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #CBE52B;
  opacity: 0.05; }
div.fieldHtml5File .thumbnailWrapper:hover .previewButton, div.fieldHtml5Image .thumbnailWrapper:hover .previewButton {
  opacity: .8; }
div.fieldHtml5File .thumbnailWrapper.preloading:after, div.fieldHtml5Image .thumbnailWrapper.preloading:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 10;
  background: url(themes/mediaManager/images/preloadWatch.gif) no-repeat center center; }
div.fieldHtml5File .thumbnailMask, div.fieldHtml5Image .thumbnailMask {
  width: 100%;
  height: 100px;
  overflow: hidden; }

.previewWrapper {
  display: none;
  cursor: pointer;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  z-index: 100000000;
  text-align: center; }

.previewImageContainer {
  position: fixed;
  text-align: center;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%; }
.previewImageContainer img {
  cursor: auto;
  width: 100%;
  height: auto;
  border: 2px solid black;
  opacity: 1; }
.previewImageContainer .closeButton {
  position: absolute;
  top: -15px;
  right: -15px;
  border-radius: 30px;
  width: 32px;
  height: 32px;
  background-color: black;
  border: 1px solid #999;
  cursor: pointer; }
.previewImageContainer .closeButton:after {
  content: ' ';
  width: 100%;
  height: 100%;
  left: 1px;
  top: 2px;
  position: absolute;
  background: url("themes/mediaManager/images/sprites.png") no-repeat;
  background-position: -486px -87px; }

/*
 * VARIABLES
 */
/* Sprite positions */
/**
 * MIXINS
 */
/**
 * INPUT MIXINS
 */
.imageManipulationWrapper {
  position: fixed;
  top: 0;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100000;
  text-align: center; }

.closeImageManipulation {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  width: 30px;
  height: 30px;
  background: transparent url("themes/mediaManager/images/sprites.png") no-repeat -482px -90px;
  margin-bottom: 10px;
  margin-top: 4px;
  right: 10px;
  top: 10px; }

.imageManipulationForm {
  position: relative;
  float: left; }

.canvasWrapper, .imageManipulationWrapper canvas {
  background-color: black !important; }

.imageManipulationWrapper.loading .canvasWrapper:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86) url("themes/mediaManager/images/preloader-switch-xsmall.gif") 3px 6px no-repeat; }

.imageManipulationWrapper.loadingSave:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 18; }
.imageManipulationWrapper.loadingSave:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86) url("themes/mediaManager/images/preloader-switch-xsmall.gif") 3px 6px no-repeat;
  z-index: 19; }

.imageManipulationContainer {
  border-left: 1px solid #252525;
  display: inline-block;
  width: 90%;
  height: 90%;
  top: 5%;
  position: relative;
  /*	background-color: rgba(255,255,255,.8);
  	background-color: rgba(0,0,0,.8);*/
  background-color: black;
  /*	overflow: auto;*/
  border-radius: 8px; }
.imageManipulationContainer .canvasWrapper {
  position: absolute;
  top: 0;
  left: 0px;
  right: 300px;
  bottom: 0px;
  background-color: #1e1e1e; }
.imageManipulationContainer .imageManipulationControls {
  width: 300px;
  position: absolute;
  right: 0px;
  background-color: #1e1e1e !important;
  height: 100%;
  padding: 12px 12px 20px 20px;
  border-left: 1px solid #252525; }
.imageManipulationContainer label {
  color: #fff; }
.imageManipulationContainer .rgbLabel {
  color: white;
  position: relative;
  float: left;
  font-family: UbuntuBold, Helvetica, Arial, sans-serif;
  font-size: 15px; }
.imageManipulationContainer .rgbControlsWrapper {
  position: relative;
  float: left;
  margin-top: 20px; }

.aspectWrapper {
  position: relative;
  float: right;
  width: 100%;
  height: 40px; }
.aspectWrapper label {
  text-align: left !important;
  float: left;
  width: 50%;
  top: 10px; }
.aspectWrapper .customSelect {
  position: absolute;
  right: 0px;
  width: 50%; }
.aspectWrapper .customSelect .customSelectValue {
  min-width: 1px !important;
  background: linear-gradient(to bottom, #0c0c0c 4%, #1b1b1b 50%, #0c0c0c 100%) repeat scroll 0 0 transparent;
  color: #c0c0c0;
  border: 1px solid #313131;
  -moz-box-shadow: -1px 1px 4px 0.5px black;
  -webkit-box-shadow: -1px 1px 4px 0.5px black;
  box-shadow: -1px 1px 4px 0.5px black; }
.aspectWrapper .customSelect .customSelectSearch {
  border-bottom: 1px solid black; }
.aspectWrapper .customSelect .customSelectOptionsWrapper {
  width: 80px !important;
  background-color: #1e1e1e !important;
  -moz-box-shadow: -1px 1px 4px 0.5px black;
  -webkit-box-shadow: -1px 1px 4px 0.5px black;
  box-shadow: -1px 1px 4px 0.5px black; }
.aspectWrapper .customSelect .customSelectSearch {
  background-color: #1e1e1e !important; }
.aspectWrapper .customSelect .customSelectOptions li, .aspectWrapper .customSelect .customSelectSearch input {
  color: white;
  background-color: #1e1e1e;
  text-align: left;
  font-family: Ubuntu,Helvetica, Arial, sans-serif; }
.aspectWrapper .customSelect .customSelectOptions li.customSelectSelectedItem, .aspectWrapper .customSelect .customSelectOptions li:hover, .aspectWrapper .customSelect .customSelectSearch input.customSelectSelectedItem, .aspectWrapper .customSelect .customSelectSearch input:hover {
  background-color: #343c15 !important; }

.sliderWrapper {
  position: relative;
  float: left;
  margin: 12px 0px;
  width: 100%; }
.sliderWrapper label {
  padding-bottom: 0;
  position: relative;
  float: left; }
.sliderWrapper .controlContainer {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  position: relative; }
.sliderWrapper .sliderContainer {
  /*width: 75%;*/
  border-radius: 2px;
  padding: 1px;
  height: 27px;
  background-color: #595959;
  top: 1px !important;
  right: 70px !important;
  left: 0px;
  position: absolute !important;
  float: left;
  cursor: pointer; }
.sliderWrapper .sliderInputWrapper {
  width: 25%;
  height: 20px;
  position: relative;
  float: right; }
.sliderWrapper .sliderInputWrapper input {
  color: white;
  background-color: #252525;
  width: 100%;
  -moz-box-shadow: 0px 0px 0px 1px black;
  -webkit-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black;
  /*border:1px solid ;*/ }
.sliderWrapper .sliderHandleWrapper {
  border-radius: 2px;
  position: absolute;
  width: 16px;
  /*height: 20px;*/
  height: 25px;
  background-color: #161616; }

.sliderInputWrapper input, .cropInputWrapper input {
  color: white;
  background-color: #252525;
  width: 100%;
  -moz-box-shadow: 0px 0px 0px 1px black;
  -webkit-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black;
  border: 1px solid black; }

.imageManipulationWrapper .formButtons {
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  float: left;
  clear: both;
  margin-top: 20px;
  right: 0px; }
.imageManipulationWrapper .formButtons > a.formButton {
  position: relative;
  float: right;
  clear: none;
  font-size: 13px;
  padding: 8px 16px !important; }
.imageManipulationWrapper .formButtons .formButton {
  width: 48%;
  margin-top: 0px !important;
  position: relative;
  clear: both;
  float: left;
  right: -1px;
  font-size: 13px;
  padding: 7px 16px !important;
  border: 2px solid black !important; }
.imageManipulationWrapper .cropControlWrapper .formButton, .imageManipulationWrapper .imageManipulationControlWrapper .formButton {
  position: relative !important;
  float: left;
  display: block;
  clear: none;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  /*			margin: 0px 10px 10px 0px;*/
  position: relative;
  width: 48%; }
.imageManipulationWrapper .cropControlWrapper .formButton.btnApply, .imageManipulationWrapper .imageManipulationControlWrapper .formButton.btnApply {
  /*margin-right: 4%;*/ }
.imageManipulationWrapper .cropButtonsWrapper {
  position: relative;
  float: left;
  overflow: auto;
  width: 100%;
  margin-top: 20px; }
.imageManipulationWrapper .cropButtonsWrapper > a:nth-child(odd) {
  margin-right: 2%; }
.imageManipulationWrapper .cropButtonsWrapper .formButton {
  width: 49%;
  margin-bottom: 2%; }

.cropControlWrapper {
  margin-top: 13px;
  position: relative;
  float: left; }

.controlTab-cropTool {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2246px -6px !important; }

.controlTab-sliders {
  background: url("themes/mediaManager/images/sprites.png") no-repeat -2286px -6px !important; }

.cropInputWrapper {
  position: relative;
  float: left;
  margin-top: 10px;
  clear: none !important;
  width: 50%; }
.cropInputWrapper label {
  width: 50%;
  position: relative;
  float: left;
  text-align: right;
  top: 10px;
  padding-right: 10px; }
.cropInputWrapper input {
  min-width: 0;
  width: 50%;
  position: relative;
  float: left; }

.modalForm {
  background-color: white;
  overflow: auto; }
.modalForm .FormV2 {
  height: auto; }
.modalForm .formMessages {
  margin-top: 2px !important;
  padding-left: 2px !important;
  padding-right: 2px !important; }
.modalForm .formRegion, .modalForm .formMessages {
  /*background-color: white;*/ }
.modalForm .formRegionMain {
  padding: 0px 30px !important;
  padding-bottom: 70px !important; }
.modalForm .formRegionControls {
  background: transparent url("/styles/themes/mediaManager/images/modal-header-bg.gif") repeat-x scroll 0 0;
  border-radius: 0 0 16px 16px;
  border-top: 1px solid #999;
  height: 50px;
  overflow: auto;
  padding-right: 20px !important;
  position: absolute !important;
  width: 100%;
  bottom: 0px; }
.modalForm .formRegionControls .regionFieldsWrapper {
  position: relative;
  float: right;
  /*			padding-top: 10px;*/ }

.form-loadingData .modalForm:after {
  content: " ";
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px !important;
  background: white url("/styles/themes/mediaManager/images/preloader-switch.gif") no-repeat center center;
  z-index: 100000;
  opacity: .8;
  /*z-index: 10;*/ }

.smallForm .formRegionMain .regionFieldsWrapper {
  background-color: white;
  width: 100%; }
.smallForm .formRegionMain .regionFieldsWrapper > .formField {
  margin: 6px 0px;
  max-width: 100%;
  width: 100%; }
.smallForm .formRegionMain .regionFieldsWrapper > .formField > label {
  position: absolute !important;
  width: 90px;
  top: 7px;
  left: 0px;
  text-align: right; }
.smallForm .formRegionMain .regionFieldsWrapper > .formField > .inputWrapper {
  width: 100%;
  padding-left: 110px; }
.smallForm .formRegionMain .regionFieldsWrapper .fieldSelect {
  max-width: 200px; }
.smallForm .formRegionMain .regionFieldsWrapper .fieldTimecode {
  min-width: 100%; }
.smallForm .formRegionMain .regionFieldsWrapper .fieldTimecode input {
  max-width: 110px; }
.smallForm div.formMessages {
  padding-left: 5px;
  padding-right: 5px;
  background-color: white; }

.oneColumn .formRegionMain .regionFieldsWrapper {
  background-color: white;
  width: 100%; }
.oneColumn .formRegionMain .regionFieldsWrapper > .formField {
  margin: 6px 0px;
  max-width: 100%;
  /*width: 100%;*/ }
.oneColumn .formRegionMain .regionFieldsWrapper > .formField > label {
  position: absolute;
  width: 110px;
  top: 7px;
  left: 0px;
  text-align: right; }
.oneColumn .formRegionMain .regionFieldsWrapper > .formField > .inputWrapper {
  width: 100%;
  padding-left: 130px; }
.oneColumn .formRegionMain .regionFieldsWrapper > .formField .fieldErrorsHolder {
  left: 0px;
  right: 0px;
  width: auto;
  max-width: 200px; }
.oneColumn .formRegionMain .regionFieldsWrapper .formErrorField {
  margin-top: 0; }