.depage-form {
  max-width: 40em;
  /* {{{ input and label sizes */
  /* }}} */
  /* {{{ input states */
  /* }}} */
  /* {{{ fieldsets */
  /* }}} */
  /* {{{ stepnav */
  /* }}} */
  /* {{{ richtext */
  /* }}} */
}
.depage-form .label {
  display: block;
  float: left;
  width: 33%;
  height: 1em;
  min-height: 1em;
  height: auto !important;
  padding-bottom: 0.3em;
  padding-right: 0.3em;
  color: #006699;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 4px 4px 10px;
}

.depage-form .label-result {
  display: block;
  float: left;
  /*width: 50%; */
  height: 1em;
  min-height: 1em;
  height: auto !important;
  padding-bottom: 0.3em;
  padding-right: 0.3em;
  color: #006699;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 4px 4px 10px;
}
.depage-form .input-boolean input {
  float: left;
  margin-top: 0.5em;
}
.depage-form .input-boolean .label {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.7em;
}
.depage-form p {
  clear: left;
}
.depage-form p,
.depage-form .label {
  position: relative;
  line-height: 1.8em;
}
.depage-form input,
.depage-form select,
.depage-form textarea {
  width: 33%;
  font-family: inherit;
  font-size: 1em;
}
.depage-form .input-result { width: 20%;}
.depage-form .input-result-number { font-size:10px; width:50px;}

.depage-form .input-boolean input,
.depage-form .input-single input,
.depage-form .input-multiple input,
.depage-form .input { width:auto; }

.depage-form .submit {
  width: auto;
  margin-left: 80%;
  padding-left:8px;
  padding-right:8px;
}
.depage-form .input-single span label,
.depage-form .input-multiple span label {
  display: inline-block;
  white-space: nowrap;
  
}
.depage-form .input-single span label span,
.depage-form .input-multiple span label span {
  padding-left: 0.5em;
  padding-right: 1em;
  font-size: 1em;
}
.depage-form input,
.depage-form select {
  border: 1px solid #999999;
  padding: 0.2em;
}
.depage-form input:focus, .depage-form input:focus,
.depage-form select:focus,
.depage-form select:focus {
  border: 1px solid #000000;
}
.depage-form input:required, .depage-form input:invalid,
.depage-form select:required,
.depage-form select:invalid {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  font-size:1em;
}
.error .depage-form input, .error
.depage-form select {
  border: 1px solid #ff0000;
}
.depage-form .input-boolean input,
.depage-form .input-boolean input:focus, .depage-form .input-boolean.error input,
.depage-form .input-single input,
.depage-form .input-single input:focus,
.depage-form .input-single.error input,
.depage-form .input-multiple input,
.depage-form .input-multiple input:focus,
.depage-form .input-multiple.error input {
  border: none;
}
.depage-form .error .label {
  color: #ff0000;
}
.depage-form .submit input {
  background: #6094AE;
  width:auto;
  height:auto;
}
.depage-form .submit.error input {
  border: 1px solid #dddddd;
  color: #999999;
  background: #dddddd;
}
.depage-form .errorMessage {
  display: block;
  position: absolute;
  top: 0.2em;
  right: 3%;
  max-width: 70%;
  font-size: 0.8em;
  text-align: right;
}
.depage-form fieldset {
  
  border: 1px solid  #0084C5;
  border-top: 1px solid;
  padding: 12px;
  position: relative !important; 
  background-color: #ddebff;
  
}
.depage-form fieldset legend {
  
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  padding: 0.2em;
  font-weight: bold;
  background-color: #ddebff;
  margin-bottom: 4px;
  border: 1px solid thin;
  color: #0084C5;
}

.depage-form ol.stepnav {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0;
  margin: 0;
}
.depage-form ol.stepnav li {
  display: table-cell;
  list-style: none;
  background: #eeeeee;
  border-right: 0.3em solid #ffffff;
}
.depage-form ol.stepnav li a {
  display: block;
  height: 100%;
  padding: 0.4em;
  color: #000000;
  text-decoration: none;
}
.depage-form ol.stepnav li.invalid a::after {
  content: " !";
  color: #ff0000;
  font-weight: bold;
}
.depage-form ol.stepnav li.current-step {
  background: #dddddd;
}
.depage-form ol.stepnav li {
  *display: block;
  /* IE6/7 hack */
  *float: left;
}
.depage-form .depageEditor {
  clear: left;
  position: relative;
  margin-left: 25px;
}
.depage-form ul.depageEditorToolbar {
  position: absolute;
  left: -25px;
  top: 0;
  line-height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 25px;
}
.depage-form ul.depageEditorToolbar li {
  padding: 0;
}
.depage-form ul.depageEditorToolbar li a {
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -10000px;
  background-image: url(../richtext-toolbar.png);
  background-repeat: none;
  background-position: 25px 0;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonBold {
  background-position: 0 0;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonBold:hover, .depage-form ul.depageEditorToolbar li a.depageEditorButtonBold.on {
  background-position: -25px 0;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonItalic {
  background-position: 0 -25px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonItalic:hover, .depage-form ul.depageEditorToolbar li a.depageEditorButtonItalic.on {
  background-position: -25px -25px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonHyperlink {
  background-position: 0 -50px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonHyperlink:hover, .depage-form ul.depageEditorToolbar li a.depageEditorButtonHyperlink.on {
  background-position: -25px -50px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonOrderedList {
  background-position: 0 -75px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonOrderedList:hover, .depage-form ul.depageEditorToolbar li a.depageEditorButtonOrderedList.on {
  background-position: -25px -75px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonUnorderedList {
  background-position: 0 -100px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonUnorderedList:hover, .depage-form ul.depageEditorToolbar li a.depageEditorButtonUnorderedList.on {
  background-position: -25px -100px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonHTML {
  background-position: 0 -125px;
}
.depage-form ul.depageEditorToolbar li a.depageEditorButtonHTML:hover, .depage-form ul.depageEditorToolbar li a.depageEditorButtonHTML.on {
  background-position: -25px -125px;
}
.depage-form .input-richtext textarea,
.depage-form .input-richtext iframe {
  width: 100%;
  border: 1px solid;
  min-height: 10em;
}

.param-method { 
color: #464646;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-weight: 400;
padding: 0px 0px 0px 20px;
}

.param-box {
        border: 1px solid #bad6fd;
        background-color: #ddebff;
        width:98%;
        
}

.param-label { 
color: #006699;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-style: italic;
font-weight: 700;
padding: 4px 0px 4px 10px;
}
.input-param { 
color: #006699;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-weight: 700;
padding: 10px 0px 10px 10px;
}

/* vim:set ft=css sw=4 sts=4 fdm=marker : */