/* ======================================================================== //
//                                                                          //
// Fichier     : FORM.CSS                                                   //
//                                                                          //
// Description : Application de gestion                                     //
//               Feuille des styles CSS - Styles des formulaires            //
//                                                                          //
// Auteur      : IDÉLOGIC - Dany MIODON (05/12/2008)                        //
//                                                                          //
// ======================================================================== */

form {
   margin: 0;
   padding: 0;
}

div.legend {
   background-color: #89c6f3;
   border: 1px solid #508dc6;
   color: #ffffff; /* White */
   display: block;
   font-size: 117%;
   font-weight: bold;
   /*margin-left: -1px;*/
   margin-top: 10px;
   padding: 3px 8px;
}

div.legend img {
   margin-top: -2px;
}

fieldset, div.fieldset {
   background-color: #e6e6fa;
   border: 1px solid #508dc6;
   border-top: none;
   /*clear: both;*/
   color: #483d8b; /* DarkSlateBlue */
   font-size: 90%;
   margin: 0;
   /*margin-left: -1px;*/
   /*overflow: auto;*/
   overflow-y: hidden;
   padding: 3px 0 0;
}

fieldset.normal, div.normal {
   background-color: transparent;
   border: none;
}

fieldset.button, div.button, .button {
   background-color: transparent;
   border: none;
   margin: 10px 0;
   padding: 0;
}

form fieldset legend {
   border: 1px solid #508dc6;
   border-bottom: none;
   color: #483d8b; /* DarkSlateBlue */
   cursor: pointer;
   font-size: 150%;
   font-weight: normal;
   margin: 0;
   padding: 2px 8px;
}

fieldset div.row, div.fieldset div.row {
   border-bottom: 1px solid #e6e6fa;
   border-top: 1px solid #e6e6fa;
   /*clear: both;*/
   margin: 0 0 3px;
   /*overflow: auto;*/
   /*overflow-y: visible;*/
   overflow-y: hidden;
   padding: 2px 8px;
}

fieldset div.error, div.fieldset div.error {
   background: #ffdfdf url("../images/row-error.gif") no-repeat top left;
   border-bottom: 1px solid #ff0000;
   border-top: 1px solid #ff0000;
}

fieldset div.focus, div.fieldset div.focus {
   background: #eee8aa url("../images/row-focus.gif") no-repeat top left; /* PaleGoldenRod */
   border-bottom: 1px solid #ff8c00;
   border-top: 1px solid #ff8c00;
}

form p.error {
   background: url("../images/error.gif") no-repeat top left;
   border-style: none;
   color: #ff0000; /* Red */
   /*display: none;*/
   /*font-weight: bold;*/
   margin: 0 0 0 11em;
   padding: 0 0 0 20px;
}

form label {
   /*background-color: lightgreen;*/
   color: #483d8b; /* DarkSlateBlue */
   float: left;
   margin: 2px 8px;
   padding: 0 8px 0 0;
   text-align: right;
   width: auto;
}
form label.first {
   clear: left;
   margin: 2px 8px 2px 0;
   width: 9.5em;
}
form label.after {
   margin: 2px 8px 2px 0;
   text-align: left;
   width: 135px;
}
form label.required {
   background: url("../images/required.gif") no-repeat right 0.5em;
}

span.label {
   float: left;
   margin: 2px 3px 0 0;
}

form input, form textarea, form select {
   background-color: #f5f5dc; /* Beige */
   color: #483d8b; /* DarkSlateBlue */
   margin: 2px 0;
   padding: 0 1px 0 2px;
}
form input, form textarea, form select, form fieldset div.row div, form div.fieldset div.row div, form fieldset div.row table, form div.fieldset div.row table {
   float: left;
   margin-right: 3px;
}
form select {
   margin-left: 2px;
   padding-left: 0;
   padding-right: 0;
}
form input.radio, form input.check {
   background-color: transparent;
   /*background-color: pink;*/
   float: none;
   margin: 2px 0 0;
   padding: 0;
   vertical-align: middle;
   width: 1.3em;
}
form span.radio,form span.check {
   /*background-color: lightgreen;*/
   margin: 0 5px 0 2px;
}
form input.disabled,form select.disabled {
   /*background-color: #dcdcdc; /* Gainsboro  */
   background-color: #e0e0e0;
   color: #808080; /* Gray */
}

form button, div.button button {
   color: #483d8b; /* DarkSlateBlue */
   cursor: pointer;
   margin: 0;
   padding: 1px 0;
   text-align: center;
   width: 9em;
}
form button img, div.button button img {
   /*background-color: pink;*/
   float: left;
   margin: 0 2px;
   padding: 0;
}
a.button {
   border: 1px solid #508dc6;
   padding: 1px;
   text-decoration: none;
}
form button:focus, form button:hover {
   color: #ff8c00;
}
form button.disabled, form button.disabled:focus, form button.disabled:hover {
   color: darkgrey;
}

form br {
   /*background-color: pink;*/
   border: 0;
   clear: left;
   margin: 0;
   padding: 0;
}

form div.toolbar,div.toolbar {
   float: right;
   text-align: center;
}
fieldset div.row div.toolbar,div.fieldset div.row div.toolbar {
   float: right;
   margin: 2px 0 0;
   padding: 0;
   text-align: center;
}
fieldset div.row div.toolbar img, div.fieldset div.row div.toolbar img {
   margin: 0 0 0 4px;
   padding: 0;
}

form a, fieldset a, div.fieldset a {
   margin: 0;
   padding: 0;
}

div.summary {
   background-color: #cfebcf;
}
div.summary div.total {
   border: none;
   float: right;
   font-weight: bold;
   margin: 0 3px 0 16px;
   padding: 5px 3px;
   text-align: right;
   width: 15em;
}
div.summary div.first {
   /*margin-left: 35em;*/
}
div.summary div.amount {
   background-color: #ffffff;
   border: none;
   border-left: 1px solid #508dc6;
   border-right: 1px solid #508dc6;
   color: #ff0000;
   float: right;
   font-weight: bold;
   padding: 5px 3px;
   text-align: right;
   width: 6em;
}

div#debug {
   background-color:#e6e6fa;
   border:1px solid #508dc6;
   border-top:none;
   color: #483d8b; /* DarkSlateBlue */
   height:150px;
   margin:0;
   overflow-y:auto;
   padding:5px;
}