/*******************************************************************************************************************************************
  FORMS IN GENERAL
*******************************************************************************************************************************************/

form div.button_holder {
	border-top: 1px solid #d9d9d9;
	padding: 0px 20px;
  background: #FFF url(assets/images/environment/default/layout/forms/big-form-button-holder-background.png) repeat-x left 1px;
}

form div.fields_wrapper {
  padding: 0px 20px;
}

form div.button_holder a img {
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px;
}

/*******************************************************************************************************************************************
  BIG FORM
*******************************************************************************************************************************************/

form.big_form {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}

form.big_form .button_holder {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

form.big_form div.big_form_wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 41px;
  overflow: auto;  
}

form.big_form div.big_form_wrapper.one_form_sidebar .main_form_column {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 728px;
  padding: 5px 20px;
  background: #f2f2f2;
  overflow: auto;
  border-right: 1px solid #e8e8e8;    
}

form.big_form div.big_form_wrapper.two_form_sidebars .main_form_column {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 498px;
  padding: 5px 20px 10px;
  background: #f2f2f2;
  overflow: auto;
  border-right: 1px solid #e8e8e8;
}

form.big_form div.big_form_wrapper div.form_sidebar {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 200px;
  padding: 5px 15px;
  overflow: auto;
  border-right: 1px solid #e8e8e8;
  background: #f7f7f7;
}

form.big_form div.big_form_wrapper div.form_sidebar.form_first_sidebar {
  left: 539px;
  font-size: 11px;
}

form.big_form div.big_form_wrapper div.form_sidebar.form_second_sidebar {
  left: 770px;
  font-size: 11px;
  border-right: 0px !important;
}

/* BIG FORM CONTROLS */
form.big_form div.big_form_wrapper div.main_form_column input[type=text].title {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;  
}

form.big_form div.big_form_wrapper div.form_sidebar select,
form.big_form div.big_form_wrapper div.form_sidebar input[type=text],
form.big_form div.big_form_wrapper div.form_sidebar textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

form.big_form div.big_form_wrapper div.form_sidebar input[type=text].input_date {
  width: 150px;
}

/* BIG FORM A51 EDITOR */
form.big_form div.big_form_wrapper div.main_form_column div.big_editor.control_holder {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 53px;
  bottom: 10px;
  overflow: visible !important;
}

form.big_form div.big_form_wrapper div.main_form_column div.big_editor.not_visual.control_holder {
	top: 50px;
}

form.big_form div.big_form_wrapper div.main_form_column div.big_editor.control_holder .a51editor_wrapper {
  overflow: visible !important;
  padding: 0px;
  position: absolute;
  top: 22px;
  width: 100%;
  bottom: 0px;
}

form.big_form div.big_form_wrapper div.main_form_column div.big_editor.control_holder .a51editor_wrapper .a51editor {
  height: 100% !important;
  overflow: visible !important;
  padding: 0px !important;
  position: relative;
}

form.big_form div.big_form_wrapper div.main_form_column div.big_editor.control_holder .a51editor_wrapper .a51editor .a51editor_toolbar {
  margin: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background: #fafafa;
}

form.big_form div.big_form_wrapper div.main_form_column div.big_editor.control_holder .a51editor_wrapper .a51editor .a51editor_field {
  padding-left: 0px;
  padding-right: 0px;
  position: absolute;
  top: 28px;
  bottom: 0px;
  left: 10px;
  right: 10px;
}

form.big_form div.big_form_wrapper div.main_form_column div.big_editor.control_holder .a51editor_wrapper .a51editor .a51editor_field iframe {
  height: 100% !important;
}

form.big_form div.big_form_wrapper div.select_asignees_inline_widget .company_user span.responsible {
  color: #000 !important;
  border-radius: 5px;
}

/*******************************************************************************************************************************************
  BUTTON ADD
*******************************************************************************************************************************************/

.link_button span.inner span.icon,
span.link_button_dropdown span.link_button_dropdown_button span.inner span.icon {
  padding-left: 15px;
}

.link_button span.inner span.icon.button_add,
span.link_button_dropdown span.inner span.icon.button_add {
  background: url(assets/images/environment/default/icons/12x12/add-white.png) no-repeat left center;
}

.link_button span.inner span.icon.button_duplicate,
span.link_button_dropdown span.inner span.icon.button_duplicate {
  background: url(assets/images/environment/default/icons/12x12/duplicate.png) no-repeat left center;
}

/*******************************************************************************************************************************************
  SECTION BUTTON
*******************************************************************************************************************************************/

.section_button_wrapper {
  margin: 30px 0px 25px;
  text-align: center;
}

.section_button {
  background: url(assets/images/system/default/layout/section-buttons/section-button-right.png) no-repeat right top;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  padding-right: 21px;
  text-decoration: none !important;
}

.section_button span {
  height: 40px;
  display: inline-block;
  background: url(assets/images/system/default/layout/section-buttons/section-button-left.png) no-repeat left top;
  padding-left: 24px;
  padding-right: 3px;
  color: #333;
  text-shadow: #FFF 1px 1px 0px;
  font-size: 11px;
  text-decoration: none !important;
}

.section_button:hover {
  background-position: right center;
}

.section_button:hover span {
  background-position: left center;
}

.section_button:active {
  background-position: right bottom;
}

.section_button:active span {
  background-position: left bottom;
}

.section_button span img {
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.section_button.first {
  background: none;
  padding-right: 0px;
  /*border-right: 1px solid #f1f1f1;*/
}

.section_button.first span {
  padding-right: 13px;
}

.section_button.last span {
  background-position: -17px top;
  padding-left: 13px;
}

.section_button.last:hover span {
  background-position: -17px center;
}

.section_button.last:active span {
  background-position: -17px bottom;
}

.section_button.middle {
  background: none;
  padding-right: 0px;
}

.section_button.middle span {
  background-position: -17px top;
  padding-left: 13px;
  padding-right: 13px;
}

.section_button.middle:hover span {
  background-position: -17px center;
}

.section_button.middle:active span {
  background-position: -17px bottom;
}