/**
 * This file is part of
 * pragmaMx - Web Content Management System.
 * Copyright by pragmaMx Developer Team - http://www.pragmamx.org
 * $Id: default.forms.css 6 2015-07-08 07:07:06Z PragmaMx $
 *
 * ACHTUNG WICHTIG !!
 * Bitte ändern sie nicht diese Original Systemdatei!
 * Um das Standard Stylesheet anzupassen, erstellen sie in diesem 
 * Ordner eine zusätzliche css Datei die ihre Änderungen enthält.
 * Der Dateiname muss mit "custom" beginnen und die Dateiendung 
 * muss ".css" sein. 
 * z.B.: custom.irgendetwas.css
*/

form {
  display: inline;
}

form .captcha-area {
  white-space: nowrap;
}

form .captcha-area .captcha-caption {
  display: block;
  margin: .5em 0 .25em 0;
}

form .captcha-area .captcha-image,
form .captcha-area .captcha-input {
  margin: 0;
}

form .captcha-area .captcha-reload {
  margin: .75em 0 0 .75em;
}

form a.button, form a.formbutton,
a.button, a.formbutton,
a.button:hover, a.formbutton:hover,
a.button:focus, a.formbutton:focus,
a.button:active a.formbutton:active {
  background-color: ___alternate-0___;
  color: ___textcolor2___ !important;
  display: inline-block;
  padding: .3em;
  text-decoration: none !important;
}

form button, button,
form input[type=submit],
form input[type=reset],
input[type=button],
.button, .formbutton {
  background-color: ___alternate-0___; /* ACHTUNG! Anpassungen fuer IE 7 vorhanden */
  border-color: ___bordercolor___ ___bordercolor-dark___ ___bordercolor-dark___ ___bordercolor___;
  border-style: solid;
  border-width: 1px;
  color: ___textcolor2___;
  cursor: pointer;
  font-size: 1em;
  margin: .2em;
  padding: .15em .3em .18em;
  text-align: center;
  text-decoration: none !important;
}

form fieldset.inlineperms {
  display: block;
  margin: 0 !important;
}

form fieldset.inlineperms .deny {
  background-color: transparent;
  color: #ff0000;
}

form fieldset.inlineperms .toggle {
  display: block;
}

form fieldset.inlineperms legend span {
  font-size: 85%;
  font-weight: normal;
  text-transform: none;
}

form fieldset.inlineperms span.check,
form fieldset.inlineperms input.check{
  display: block;
  float: left;
  margin: .25em 0 .5em 0 !important;
  text-align: center;
  width: 3.5em;
}

form input,
form input[type=text],
form input[type=file],
form input[type=password],
form textarea,
form select {
  background-color: ___alternate-0___;
  border-color: ___bordercolor-dark___ ___bordercolor___ ___bordercolor___ ___bordercolor-dark___;
  border-style: solid;
  border-width: 1px;
  color: ___textcolor2___;
}

form input,
form textarea,
form select {
  font-size: 1em;
  padding: .15em .2em .18em .2em;
  text-align: left;
}

form input.formcheckbox,
form input[type=checkbox],
form input[type=radio] {
  background-color: transparent;
  border: none;
  color: inherit;
  margin: 0 .5em 0 .2em;
  vertical-align: baseline;
}

form input[type=image] {
  background-color: transparent;
  border: none;
  color: inherit;
  margin: 0;
  padding: 0;
}

form input[type=text]:hover,
form input[type=file]:hover,
form input[type=password]:hover,
form textarea:hover,
form select:hover {
  border-color: #b2b2b2 #d3d3d3 #d3d3d3 #b2b2b2;
}

form input[type=text]:focus,
form input[type=file]:focus,
form input[type=password]:focus,
form textarea:focus,
form select:focus {
  border-color: #adadad #cdcdcd #cdcdcd #adadad;
  outline-color: ___alternate-2___;
  outline-style: solid;
  outline-width: 1px;
}

form label,
form select,
form input[type=checkbox],
form input[type=radio],
form input[type=image] {
  cursor: pointer;
}

form optgroup {
  font-weight: bold;
  margin: .25em 0 .25em 0;
}

form select option {
  padding-left: .4em;
  padding-right: .4em;
}

form select option.current {
  font-weight: bold;
}

form select:focus {
  outline: none;
}

form textarea {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  overflow: auto;
}

html#htmlarea {
  margin: 0; /* wysiwyg */
}

html#htmlarea body {
  font-size: .86em; /* wysiwyg */
  margin: .3em .5em;
  padding: 0;
  position: relative;
}

html#htmlarea,
html#htmlarea body {
  background-color: ___alternate-0___; /* wysiwyg */
  background-image: none;
  color: ___textcolor2___;
  text-align: left;
}

html.htmlarea table,
html.htmlarea td,
html.htmlarea th {
  border: 1px dashed #ccffcc; /* Tabellen im wysiwyg kenntlich machen, ohne #htmlarea damit die Einstellungen überschrieben werden können */
}

form .colpick-color-box {
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 2.5em;
  cursor: pointer;
  padding: 2px 0 2px 0;
}

div.colpick.colpick_full {
  background-color: ___bgcolor2___;
  border-color: ___bordercolor-dark___;
  color: inherit;
  padding: 0 .5em .5em 0;
}