body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

#section-form_design input{
  margin:0;
  padding:0;
  max-width: 60%;
}

.section {
  min-width:30em;
}

input.disabled {
  border: 1px solid #F2F2F2;
  background-color: white;
}

input.required, textarea.required {
  border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
  border: 1px solid #FF3300;
  color : #FF3300;
}

td.elem_text input.validation-passed,
td.elem_password input.validation-passed,
td.elem_textarea textarea.validation-passed {
  border: 1px solid #00CC00;
  color : #000;
}

.validation-advice {
  margin: 0;
  padding: 5px;
  background-color: #FF3300;
  color : #FFF;
  font-weight: bold;
}

.custom-advice {
  margin: 5px 0;
  padding: 5px;
  background-color: #C8AA00;
  color : #FFF;
  font-weight: bold;
}

label {
  margin-right: 5px;
  /* font-weight: bold; */
}

.form-row {
  clear: both;
  padding: 0.5em;
}

.field-label {}

.field-widget {}

div#form_container {
  /* width: 100%;
  margin: -5px; */
  width: 85%;
  overflow: auto;
}

table thead th {
  padding:  10px 3px;
  text-align: left;
  color : black;
  background: white;
}

table table td {
  padding: 3px;
}

tr.header td {
  padding: 0;
}

tr.header h3 {
  margin: 0;
  padding: 10px 3px;
  background: #00A8E6;
  border-top: 1px solid black;
  font-size: 1em;
}

.elem_text {
  position: relative;
}

.elem_text input[readonly], .elem_text  input[readonly="readonly"] {
  background-color: lightGray;
}

.elem_text input {
  width: 100%;
  max-width: 60%;
}

.elem_password input {
  width: 100%;
}

.elem_textarea textarea {
  width: 100%;
  max-width: 60%;
}

table .elem_text input {
  width: 99%;
}

table .elem_password input {
  width: 99%;
}

table .elem_textarea textarea {
  width: 99%;
}

tr td.label {
  width: 120px;
}

tr.advice td {
  padding: 0;
}

fieldset {
  color: black;
  border: none;
  padding:  0.5em 0.5em 0.5em 0.5em;
  background: white;
}

fieldset fieldset {
  padding: 0.5em;
  background: #333;
  margin-bottom: 1em;
}

fieldset legend {
  color: darkorange;
  font-weight: bold;
  padding: 0.4em 0.6em;
  background: white;
}

fieldset fieldset legend {
  background: white;
}

fieldset legend.form {
  font-size: 1.3em;
}

fieldset div {
  margin: 0.5em 0;
  width: 100%;
}

div.elem_submit {
  text-align:left;
}

div.elem_submit input.elem_submit {
  margin-left:11.1em;
}

div.elem_button {
  text-align:left;
}

div.elem_button input.elem_button {
  margin-left:11.1em;
  font-family:'Lucida Grande',Arial,Helvetica,sans-serif;
  font-size:12.6px;
  font-weight:normal;
}

fieldset div label {
  display: inline-block;
  font-family: 'Lucida Grande',Arial,Helvetica,sans-serif;
  font-size: 12.6px;
  font-weight: normal;
  padding-right: 0.5em;
  text-align: right !important;
  text-transform: capitalize;
  white-space: nowrap;
  width: 10em;
  vertical-align: top;
}

fieldset input.required, fieldset textarea.required {
  border: 1px solid darkorange;
}

fieldset input.validation-failed, fieldset textarea.validation-failed {
  border: 1px solid magenta;
  color : magenta;
}

fieldset div.elem_text input.validation-passed,
fieldset div.elem_password input.validation-passed,
fieldset div.elem_textarea textarea.validation-passed {
  border: 1px solid #00CC00;
  color : #000;
}

#notice {
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  padding: 1em 1em 1em 1em;
  background: #7CBF7C;
  border: none;
  border-top: 2px solid #008F00;
  border-bottom: 2px solid #008F00;
  margin-bottom: 1em;
}

div.error_message, #error {
  color: #ff3300;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  padding: 1em 1em 1em 1em;
  background: pink;
  border: none;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  margin-bottom: 1em;
}

#warning {
  color: #900000;
  padding: 10px 10px 10px 52px !important;
  margin-bottom: 1em;
  background: url(/images/messagebox_warning.png) #FFFF66;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  min-height:32px;
  border: none;
  border-top: 2px solid #FFCC33;
  border-bottom: 2px solid #FFCC33;
  padding: 6px;
  margin-bottom: 1em;
}

#warning h2 {
  color: darkred !important;
  margin-top: 0 !important;
}

.side_by_side_container {
  display: inline-block;
  margin-top: 0;
  margin-bottom: -0.4em;
}

.side_by_side_label {
  float: left;
  max-width:10em;
  margin-right: 0.6em;
}

.side_by_side_element {
  max-width: 29%;
  width: 28.5%;
  float: left;
  margin-right: 10px;
}

.side_by_side_element select {
  min-width: 100%;
}

.side_by_side_element input {
  min-width: 100%;
  width: 100%;
}

.side_by_side_container_with_custom_style {
  display: inline-block;
  margin-top: 0;
  margin-bottom: -0.7em;
}

.side_by_side_element_with_custom_style {
  float: left;
  margin-right: 10px;
}

.side_by_side_element_with_custom_style select {
  min-width: 100%;
}

.side_by_side_element_with_custom_style input {
  min-width: 100%;
  width: 100%;
}

div.elem_select select{
  margin:0;
  padding:0;
  max-width: 60%;
  width:60%;
}

._loading {
  padding: 1.5em;
  background: transparent url(/images/spinner.gif) 50% 0 no-repeat;
}

.pdflib_form {
}

.pdflib_form .form_img_holder {
  background-repeat:no-repeat;
  position:relative;
  border: 1px solid black;
}

.pdflib_form .form_img_holder .input_field_div {
  background: none repeat scroll 0% 0% transparent;
  position: absolute;
  overflow: hidden;
  cursor:pointer;
  text-align: left;
}

.pdflib_form .form_img_holder .input_field_div_disabled {
  background: none repeat scroll 0% 0% transparent;
  position: absolute;
  overflow: hidden;
  cursor:auto;
  text-align: left;
}

.pdflib_form .form_img_holder .input_field_div:hover {
  border: 1px outset highlight;
  background-color: transparent;
}

.pdflib_form .form_img_holder .input_field_div .input_field {
  width: 100%;
  height: 100%;
  border:0 none;
  position:absolute;
  -moz-border-radius:0 0 0 0;
}

.pdflib_form .list_field_div label {
  margin-left: 5px;
}

.pdflib_form .list_field_div select{
  margin: 10px;
}

.submit_button {
  margin-top: 1em;
}

.preview_without_crop {
  margin-left: 1em;
  margin-right: 10px;
  visibility: hidden;
  position: absolute;
}

.preview_with_crop {
  margin-left: 1em;
  margin-right: 10px;
}

.image_library_div {
  border: 1px solid #F0F0F0;
  float: left;
  height: 700px;
  margin-left: 1em;
  margin-right: 10px;
  min-width: 430px;
  background-color: #F0F0F0;
}

.elem_textarea {
  margin-bottom: 0.1em
}

.elem_help {
  z-index: 1000;
  position: absolute;
  right: 15px;
  top: -8px;
  width: 0;
  height: 0;
  overflow: visible;
  margin: 0;
}

.elem_help > .help {
  position: relative;
  width: 300px;
  padding: 5px;
  border: 1px solid gray;
  border-radius: 4px;
  box-shadow: 0 0 10px black;
  background-color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
}