/* mandant */
::-webkit-input-placeholder     {color:#888f93;}
input:-moz-placeholder          {color:#888f93;}

.custom-form input.error, .custom-form textarea.error, .custom-form .error div.custom.dropdown a.current, .custom-form select.multiple.error{ border-color: #ca0036 !important; }

.custom-form input.placeholder, .custom-form textarea.placeholder {color:#888f93;}
.custom-form div.custom.dropdown.disabled a.current{ color:#888F93; }
.custom-form div.custom.dropdown ul li.selected, .custom-form div.custom.dropdown ul li.selected:hover{ background:#fff; color:#033D86; }

.custom-form .error-msg, .custom-form label.error, .custom-form .mandatory{ color:#ca0036; }
/* ENDE - mandant */

.custom-form span.custom { display: inline-block; zoom: 1; *display: inline; position: relative; margin-right: 20px; }
.custom-form input[type="checkbox"] + span.custom { margin-right: 15px; outline: none;} /* smaller margin for checkboxes, because of bigger img width against radio-buttons */

.custom-form .margin-bottom{ margin-bottom: 5px; }
.custom-form .margin-bottom-medium{ margin-bottom: 10px; }
.custom-form .margin-bottom-big{ margin-bottom: 20px; }

.custom-form .form-copytext{ margin-bottom: 25px; }

.custom-form fieldset{ border: none; }

/* ============================================================= */
/* RADIO-BUTTONS / CHECKBOXES */

/* radio */

.custom-form input[type=radio]{ background:none!important; border:0!important; }

.custom-form span.custom.radio{ border:none; width:64px; height:63px; top: -2px; outline: medium none; }
.custom-form span.custom.radio.disabled:hover{ cursor:default; }

/* checkbox */
.custom-form span.custom.checkbox{ width:70px; height:65px; }

/* radio / checkbox */
.custom-form span.custom.checkbox.disabled,.custom-form span.custom.radio.disabled{ opacity:0.4; filter:alpha(opacity=40); }
.custom-form input[type=radio],.custom-form input[type=checkbox]{ background-color:transparent; background-image:none; border:none; padding:0; }

/* ============================================================= */

/* ============================================================= */
/* DROPDOWN */

.custom-form div.custom.dropdown{ display:block; position:relative; width:auto; padding:0; }

.custom-form div.custom.dropdown a.current{ display:block; width:auto; line-height:49px; min-height:49px; border-width: 1px; background-color:#fff; white-space:nowrap; padding:2px 66px 2px 10px; text-decoration: none; }
.custom-form div.custom.dropdown.disabled a.current, .custom-form div.custom.dropdown.disabled a.selector{ cursor: not-allowed; }

.custom-form div.custom.dropdown a.current span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

.custom-form div.custom.dropdown a.selector{ position:absolute; width:56px; height:55px; display:block; right:0; top:0; border:none; }

/*.custom-form div.custom.dropdown:hover a.selector,.custom-form div.custom.dropdown.open a.selector{
  background-position:-15px -24px;
}*/

.custom-form div.custom.dropdown ul{ position:absolute; width:auto; display:none; left:0; top:55px; border-width: 0 1px; background:#fff; border-bottom:none; margin:0; padding:0; zoom:1; }

.ie8 .custom-form div.custom.dropdown ul{ background: #fff; }

.custom-form div.custom.dropdown ul li{ cursor:pointer; height:40px; line-height:40px; color: #222; white-space:nowrap; border-bottom-width:1px; overflow:hidden; text-overflow:ellipsis; margin:0; padding:0 10px; }
.custom-form div.custom.dropdown ul li:first-child{ border-top-width: 1px; }
.custom-form div.custom.dropdown ul li:hover{}
.custom-form div.custom.dropdown.open ul{ display:block; }
.custom-form label + select + div.custom.dropdown > a.current{ margin-top:-9px; }

/* terminal max view condition: only 4 elements can be displayed at the same time */
.custom-form div.custom.dropdown ul { max-height: 255px; overflow-y: auto; }

.custom-form .dropdown a.current{}
.custom-form div.custom.dropdown ul.show{ display:block; }


/* ============================================================= */

/* ============================================================= */
/* LABEL */

.custom-form label.label-top{ margin-bottom:3px; display:block; min-height: 18px; }
.custom-form label.inline{ display:inline; line-height:34px; margin-right:10px; float:left; }

/* ============================================================= */


/* ============================================================= */
/* INPUT / TEXTAREA */

.custom-form input{ -webkit-appearance:textfield; -moz-appearance:textfield; }

.custom-form .error-msg, .custom-form label.error{ margin: 5px 0; display: inline-block; font-size: 12px; }

.custom-form legend{ font-size:11px; }
.custom-form legend a{ text-decoration:underline; }

.custom-form .form-inline-element{ /*float: left;*/ margin-top: -2px; display: block; }

.custom-form .copytext{ margin-bottom: 25px; }

/* ============================================================= */

/* ============================================================= */
/* Z-INDEX */
.custom-form input, .custom-form textarea, .custom-form label, .custom-form .dropdown{ z-index: 0; position: relative; } 
.custom-form .dropdown.open{ z-index:10; }
.custom-form div.custom.dropdown.open ul{ z-index:1001; }


/* ============================================================= */
/* ============================ SIZES ========================== */
/* ============================================================= */
.custom-form .column-1-3 div.custom.dropdown,
.custom-form.column-1-3 div.custom.dropdown            {width:360px !important;}
.custom-form .column-1-2 div.custom.dropdown,
.custom-form.column-1-2 div.custom.dropdown            {width:554px !important;}

.custom-form .column-1-3 div.custom.dropdown.open ul,
.custom-form.column-1-3 div.custom.dropdown.open ul    {width:358px !important;}
.custom-form .column-1-2 div.custom.dropdown.open ul,
.custom-form.column-1-2 div.custom.dropdown.open ul    {width:552px !important;}

.custom-form input[type=radio],
.custom-form input[type=checkbox]                      {width: auto !important;}

.custom-form textarea {height:190px; resize: none;}