/**
 * This file is part of
 * pragmaMx - Web Content Management System.
 * Copyright by pragmaMx Developer Team - http://www.pragmamx.org
 * $Id: default.forms.css,v 1.15 2011/05/03 08:56:09 tora60 Exp $
 *
 * 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-bottom: .18em;
   padding-left: .3em;
   padding-right: .3em;
   padding-top: .15em;
   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-bottom: .18em;
   padding-left: .2em;
   padding-right: .1em;
   padding-top: .15em;
   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.watermark,
form textarea.watermark {
   font-style: italic;
}

form input[type=image] {
   background-color: transparent;
   border: none;
   color: inherit;
   padding: 0;
   margin: 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 option {
   padding-left: .4em;
}

form 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 */
}