@charset "UTF-8";

/** 
* Fichier CSS des formulaires 
* 
* LICENSE:   Ce programme est un logiciel libre ; vous pouvez le redistribuer ou le
* modifier suivant les termes de la “GNU General Public License” telle que
* publiée par la Free Software Foundation : soit la version 3 de cette
* licence, soit (à votre gré) toute version ultérieure.
* Ce programme est distribué dans l’espoir qu’il vous sera utile, mais SANS
* AUCUNE GARANTIE : sans même la garantie implicite de COMMERCIALISABILITÉ
* ni d’ADÉQUATION À UN OBJECTIF PARTICULIER. Consultez la Licence Générale
* Publique GNU pour plus de détails.
* Vous trouverez une copie de la Licence Générale Publique GNU
* dans [EN] /docs/license/license_en.pdf et [FR] /docs/license/license_fr.pdf ;
* si ce n’est pas le cas, consultez :
* [EN] http://www.gnu.org/licenses/gpl.html
* [FR] http://www.april.org/files/groupes/trad-gpl/doc/GPLv3/www.rodage.org/gpl-3.0.fr.html
* 
* @author     Vincent Guédé (vincent.guede@ac-bordeaux.fr)
* @copyright  Copyright (c) 2007-2009, Vincent Guédé (vincent.guede@ac-bordeaux.fr) - Tous droits réservés
* @license    http://www.gnu.org/licenses/gpl.html  GNU/GPL License 3.0
* @version    $Revision: 186 $ $Date: 2009-10-30 23:34:32 +0100 (ven., 30 oct. 2009) $ $Author: vguede $ 
* @since      Ce fichier est disponible depuis la version 0.5.0 
*/

/* ---------------- form ----------------- */
.formDefault {
    margin: 10px 5px 3em 5px;
    padding: 0;
    border: 2px solid #808080;
    background-color: #FAFAFA;
    font-size: 120%;
}

.deleteFormMessage {
    color: red;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

div.formTitle p {
    margin: 0;
    padding: 5px 10px 5px 20px;
    background-color: #DDDDDD;
    color: #222222;
    font-weight: bold;
    text-align: left;
    border-bottom: 2px solid #808080;
    font-size: 100%;
}

div.formTitle span {
    vertical-align: 50%;
    padding-left: 10px;
}

.formActionBar,.formFooterBar {
    margin: 0;
    padding: 10px 10px 10px 20px;
    background-color: #DDDDDD;
    color: #222222;
    font-weight: bold;
    text-align: right;
    border-top: 2px solid #808080;
    font-size: 100%;
}

.formActionBar {
    border-bottom: 2px solid #808080;
}

.formFieldset {
    border-style: solid;
    border-color: #808080;
    border-width: 1px 0 0 0;
    margin: 10px 0;
    padding: 10px;
}

.formLegend {
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 1px 4px;
    border: 1px solid #808080;
    color: #222222;
    background-color: #DDDDDD;
}
    

.formLegendText {
    color: #606060;
    font-style: italic;
    font-weight: normal;
}

.formLegendText ul, .formLegendText li{
    padding-top: 1px;
    margin-top: 1px;
}

.formGlobalFieldContainer {
    width: 100%;
    clear:both;
    margin: 0;
    padding: 10px 0;
    overflow:hidden;
    text-indent: 0;
}
.formLabelContainer {
    color: #0287c9;
    font-weight: normal;
    text-align: right;
    display: block;
    float: left;
    width: 27%;
    padding: 5px 10px 5px 5px;
    margin: 0;
}

.formFieldContainer {
    color: black;
    font-weight: normal;
    text-align: left;
    display: block;
    padding: 0px 10px 5px 10px;
    margin-left: 28%;
}

.formField {
    display: block;
    padding: 5px 0;
}

.formDisabledLabel {
    color: #575353;
    font-weight: bold;
}
.formDisabledLabel:after {
    content: ' :';
}
.formLabel {
    color: #0287c9;
    font-weight: normal;
    font-style: normal;
}

input[type=text].formDisabled {
    color: #575353;
    border: 0;
    background-color: #FAFAFA;
}
div>input[type=hidden] {
    display: inline;
}

.formAfterFieldLabel {
    color: #505050;
    font-weight: normal;
}

.formExempleText {
    display: block;
    padding: 0;
    color: #606060;
    font-style: normal;
    font-weight: normal;
    font-size: 80%;
}


/* --- required --- */
.formRequiredLabel, .formRequiredLegend {
    font-weight: bold;
}
.formRequiredLegend {
    color: #0287c9;    
}
.formRequiredLabel:after, .formRequiredLegend:after {
    content: " *";
    color: red;
}
.formRequiredInfo {
    padding-left: 20px;
    color: #606060;
    font-style: italic;
}
.formRequiredInfo:before {
    content: "* ";
    color: red;
}




.formWarningDelete {
    color: red;
    padding: 10px;
}

.formErrorField {
    color: #D63301;
    border: 1px solid #D63301;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    background-color: #FFCCBA;
}
.formTable tbody tr th, .displayValuationResults tbody tr th {
    text-align: left;
    color: #575353;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #EEEEEE
}
.formTable tbody tr td, .displayValuationResults tbody tr td {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.formTable tbody tr.formThead th {
    background-color: #DDDDDD;
    color: #222222;
    font-weight: bold;
    text-align: center;
    border: 1px solid #808080;
}
.formTable tbody tr td.left, .formTable tbody tr th.left {
    text-align: left;
}
.formErrorTableTd {
    background-color: red;
}
        
.formSubmitButton, .formCancelButton{
    background-color: #dcf3c2;
    color: #3f5a3f;
    border-width: 1px;
    border-top-color: #BABABA;
    border-left-color: #BABABA;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-style: solid;
    padding: 2px 10px;
    text-decoration: none;
    font-size: 100%;
    cursor: pointer;
}
.formCancelButton {
    background-color: #EEEEEE;
}
.formSubmitButton:hover, .formSubmitButton:active {
    background-color: #b5e384;
}
.formCancelButton:hover, .formCancelButton:active {
    background-color: #CCCCCC;
}

input[type=button], .linkButton {
    background-color: #FFFFFF;
    color: #2255a0;
    border-width: 1px;
    border-top-color: #BABABA;
    border-left-color: #BABABA;
    border-bottom-color: #808080;
    border-right-color: #808080;
    border-style: solid;
    padding: 2px 10px;
    text-decoration: none;
    font-size: 100%;
    cursor: pointer;
}
input[type=button]:hover, .linkButton:active {
    background-color: #EEEEEE;
}

.linkButton:hover, .linkButton:active {
    text-decoration: none;
}

#displayDocumentsTabs .formNestedSetModelGroup {
    margin-left: 30%;
}
    
.formNestedSetModelGroup li {
    list-style-type: none;
}
.formTreeDiagramCheckbox ul {
    padding-left: 40px;
}
.formTreeDiagramCheckbox .toEdit {
    list-style-type: none;
}
.formTreeDiagramCheckbox .formTextLikeLabel {
    float: left;
    width: 0%;
    padding-right: 0;
}

.formCheckboxGroupBar, .formCheckboxGroupBar p {
    margin: 0;
    padding: 0;
}
.formCheckboxGroupBar {
    margin-left: 28%;
}

.checkAll, .unCheckAll {
    margin: 0;
}

.formAddEditUserInfo {
    padding: 0 20px 0 0;
    margin: 0;
    text-align: right;
    color: #606060;
    font-style: italic;
    font-size: 80%;
}
div.formAutocompleteDiv {
    display: none;
    position: absolute;
    float: left;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    margin-left: 32%;
    padding: 0px;
}

div.formAutocompleteDiv ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.formAutocompleteDiv ul li.selected {
    background-color: #ffb;
}

div.formAutocompleteDiv ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 32px;
    cursor: pointer;
}

.formFocus {
    background-color: #E2EAF4;
}

.formBlur {
    background-color: white;
}

.formNoData {
    font-style: italic;
    padding-left: 80px;
}

.formCompetenceNoData, .formMarkNoData {
    background-color: #CCCCCC;
}

.noEdit {
    color: #606060;
}
.toEdit {
    color: #000000;
}
.sortableImage {
    cursor: move;
}

.formTextareaCountBox {
    display:none;
    padding:1px 2px;
    font-size: 13px;
    border:1px solid #BABABA;
}

.bugJQueryNbsp {
    visibility: hidden;
}