/* {{{ Formulaires Global */



form {}
form {}
    form fieldset {
        border: 2px solid #2C739A;
        border-radius: 4px;
        padding: 15px 0px; /* espacement intérieur */
        margin: 20px 0px;  /* espacement entre les fieldsets */
    }
    fieldset.aligned {
        border: none;
    }
        form fieldset legend {
            margin-left: -2px;  /* espace entre le bord gauche de l'etiquette et la bordure */
            /* pour mettre l'étiquette d'aplomb avec la bordure on doit mettre un nombre négatif "égal" à la bordure. */
            /* Ex: -3px si la bordure du fieldset est de 3px. */
            /* Penser à mettre un border-bottom-left-radius: 0px sur le legend pour ne pas avoir sur le corner bottom left un "blanc" à cause du border-radius */
            padding: 3px 10px;
            border: 1px solid #2C739A;
            border-radius: 4px;
            border-bottom-left-radius: 0px;
            background-color: #2C739A;
            color: white;
            font-weight: bold;
}
form div.form_field { 
  clear: both; 
  padding: 1px 1px; 
  /*overflow: auto;*/
}

.even_line {
	background: aliceblue;
}

.odd_line {
	background: none;
}

form div.form_field label, label.radiolistlabel {
  position: relative;
   display: block;
/*     float: right;
text-align: left;
   padding: 0 0 0 0;*/
}

label.radiolistlabel { top: -4px; }
form div.form_field label.secondary {
            position: relative;
            display: inline;
            float: none;
            width: auto;
            text-align: left;
            padding: 0 20px 0 14px;
}
form div.form_field div.emptylabel {
            position: relative;
            display: block;
            float: left;
            width: 160px;
            text-align: right;
            padding: 0 20px 0 0;
        }
.form_field.table{
 margin: 0;
}
form div.form_field label span { color: #BA6912; position: absolute; top: 0; right: 10px; } /* Affiche "*" pour les champs obligatoires */
.in, form div.form_field  input.in { color: #3D4554; padding: 1px 2px; border: 1px solid #A5ACB4; border-radius: 2px; display: initial;} /* Type text password, textarea, select */
.in:focus, form div.form_field  input.in:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.in_ok, form div.form_field  input.in_ok {
  border-color: #86e65a;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 233, 129, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 233, 129, .6);
}

.in_nok, form div.form_field  input.in_nok {
  background: #f7cecc;
  border-color: #e96c66;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, .6);
}

.in_nok:focus, form div.form_field  input.in_nok:focus {
  background: #fff;
  border-color: #e96c66;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 102, 102, .6);
}

input.disabled { background-color: #ccc }

form div.form_field input { width: auto; /*display: contents;*/}
form div.form_field select { padding: 1px 2px; border: 1px solid #A5ACB4; background: #FFF; color: #3D4554; width: auto;}
form select option { padding-right: 8px; }
form div.form_field textarea { padding: 1px 2px; border: 1px solid #A5ACB4; }
form div.form_field div.button input { width: auto; margin-top: -2px; border: 0; } /* Cas spécial : ajuster la taille auto pour l'input de validation */
form div.form_field input[type="file"] { border: 1px solid #2C739A; width: 350px; }

form div.sub {
    margin: 0 0 0 164px;
    padding-bottom: 4px;
    clear: left;
    font-size: 8pt;
    color: #0099D5;
} /* Commentaires en dessous des champs de formulaires */
    form div.sub p { font-size: 8pt; color: #2C739A; } 
        

    form div.radiolist { margin: 1px 0px 1px 180px; position: relative; top: -3px; }
        form div.radiolist div.radiolistitem { width: 160px; float: left; position: relative; top: -2px; }
            form div.radiolist div.radiolistitem label { float: none; display: inline; }
            form div.radiolist div.radiolistitem input { width: auto; margin: 0 4px 0 0; }
        form div.radiolist div.radiolistitem_wide {  }
            form div.radiolist div.radiolistitem_wide label { float: none; display: inline; }
            form div.radiolist div.radiolistitem_wide input { width: auto; margin: 0 4px 0 0; }

    
    .form textarea#zone_bind { font-family: Courier, monospace; font-size: 1.2em; }
/* End of form_field */

.module {
  background: white none repeat scroll 0 0;
  border: 1px #ECF2FD solid;
  margin-bottom: 5px;
}

/* FORM ROWS */
.form-row { overflow:hidden; padding:2px 12px; font-size:11px; border-bottom:0px solid #ECF2FD; }
.form-row img, .form-row input { vertical-align:middle; }
form .form-row p { padding-left:0; font-size:11px; }

/* FORM LABELS */
form h4 { margin:0 !important; padding:0 !important; border:none !important; }
label { font-weight:normal !important; font-size:12px; }
.required label, label.required { font-weight:bold !important; color:#333 !important; }
form .form_field,
form .form-row {
  text-align:left;
}

.striped {
width: 100%;
}

input.cxm_submit {/* font-weight: normal; */}

input.cxm_submit.ui-button.ui-widget.ui-state-default.ui-corner-all {
    font-weight: normal;
    border: 1px solid #2e6e9e;    
    padding: 0.1em 0.5em;
}

input.cxm_submit.ui-button.ui-widget.ui-state-default.ui-corner-all:hover {
    font-weight: normal;
    border: 1px solid #dfeffc;
    padding: 0.1em 0.5em;
    color: white;
    background: #2e6e9e;
}

button.cxm_button.ui-button.ui-widget.ui-state-default.ui-corner-all {
    font-weight: normal;
    border: 1px solid #2e6e9e;    
    padding: 0.1em 0.5em;
}

button.cxm_button.ui-button.ui-widget.ui-state-default.ui-corner-all:hover {
    font-weight: normal;
    border: 1px solid #dfeffc;
    padding: 0.1em 0.5em;
    color: white;
    background: #2e6e9e;
}

/* RADIO BUTTONS */
form ul.radiolist li { list-style-type:none; }
form ul.radiolist label { float:none; display:inline; }
form ul.inline { margin-left:0; padding:0; }
form ul.inline li { float:left; padding-right:7px; }
.form-row  li{	display: table-row; }
.form-row  li label{	width: inherit; }

/* ALIGNED FIELDSETS */
div.form_field.aligned label { display:block; padding:3px 10px 0 0; float:left; width:9em; }
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
form .aligned p, form .aligned ul { margin-left:7em; padding-left:30px; }
form .aligned table p { margin-left:0; padding-left:0; }
form .aligned p.help { padding-left:38px; }
.aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width:610px; }
.checkbox-row p.help { margin-left:0; padding-left:0 !important; }
fieldset .field-box { float:left; margin-right: 20px; }

/* TABLE FIELDSETS */
div.form_field.table label { display:block; padding:3px 10px 0 0; float:left; width: auto;}
.colMS .table .vLargeTextField, .colMS .table .vXMLLargeTextField { width:350px; }
form .table p, form .table ul { margin-left:7em; padding-left:30px; }
form .table table p { margin-left:0; padding-left:0; }
form .table p.help { padding-left:38px; }
.table .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
.colM .table .vLargeTextField, .colM .table .vXMLLargeTextField { width:610px; }
.checkbox-row p.help { margin-left:0; padding-left:0 !important; }
fieldset .field-box { float:left; margin-right: 20px; }

/* WIDE FIELDSETS */
.wide label { width:15em !important; }
form .wide p { margin-left:15em; }
form .wide p.help { padding-left:38px; }
.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { width:450px; }

fieldset, img {
border: 0 none;
}

/* BORDERED FIELDSETS */
fieldset.border{
  border: 1px solid;
  padding: 5px;
  margin: 10px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
fieldset.border legend{  margin-left: 10px; }
fieldset.border label { width:10em; }	

/* COLLAPSED FIELDSETS */
fieldset.collapsed * { display:none; }
fieldset.collapsed h2, fieldset.collapsed { display:block !important; }
fieldset.collapsed h2 { background-image:url(../../img/admin/nav-bg.gif); background-position:bottom left; color:#999; }
fieldset.collapsed .collapse-toggle { padding:3px 5px !important; background:transparent; display:inline !important;}

/* MONOSPACE TEXTAREAS */
fieldset.monospace textarea { font-family:"Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; }

/* SUBMIT ROW */
.submit-row { padding:5px 7px; text-align:right; background:white url(../../img/admin/nav-bg.gif) 0 100% repeat-x; border:1px solid #ccc; margin:5px 0; overflow:hidden; }
.submit-row input { margin:0 0 0 5px; }
.submit-row p { margin:0.3em; }
.submit-row p.deletelink-box { float: left; }
.submit-row .deletelink { background:url(../../img/admin/icon_deletelink.gif) 0 50% no-repeat; padding-left:14px; }


/* INPUTS */
input[type=text], input[type=password], input[type=file], textarea  {
	border: solid 1px #a8acad;
    padding: 3px 4px;
    /*height: 14px;*/
}

input[type=text], input[type=password], textarea  {
}

input.ip_input {
    /*border: 1px solid #A5ACB4;
    color: #3D4554;*/
	
	border: solid 1px #a8acad;
    padding: 3px 4px;
    height: 14px;
}

input.disabled, textarea.disabled { background-color: #ECF2FD }
input[disabled], input[readonly], 
textarea[disabled], textarea[readonly] {
    background-color: #ECF2FD;
    background-image: none;
}

.form_buttons {
  text-align:right;
  overflow:hidden;
}

.cxm_form {
/*	width: 620px;*/
	margin: 10px 20px 10px 20px;
	cursor: default;
}


.ui-dialog-content .cxm_form {
/*	width: 620px;*/
	margin: 0px 0px 0px 0px;
	cursor: default;
}

.params_form {
  position: relative;
}
  .params_form br{
    clear:both;
  }
.form_one_line  td{
padding-right: 5px;
}
#formSubmiter {
	width:100%; height:100%; margin:0; padding:0;
	position:absolute; top:0; left:0;
	background:#fff url('../../img/loading.gif') no-repeat center center;
	z-index:999;
	display: none;
}
#formSubmiter p {
	color:#ededed;
	/*font:72pt Arial,san-serif;*/
	font-weight:bold;
}
#form_submit{
  float:right;
}
.form_button{
	background-repeat: no-repeat; 
	width: 22px;
	height: 22px;
	text-align: center;
	padding-right:4px; 
}
.form_submit_icon         {  background-image: url('../../icons/22x22/apply.png');}
.form_cancel_icon         {  background-image: url('../../icons/22x22/cancel.png');}
.form_back_icon         {  background-image: url('../../icons/22x22/back.png');}
.form_next_icon         {  background-image: url('../../icons/22x22/next.png');}
.form_del_user_icon       {  background-image: url('../../icons/22x22/delete_user.png');}
.form_del_group_icon      {  background-image: url('../../icons/22x22/delete_group.png');}
.form_reset_password_icon {  background-image: url('../../icons/22x22/halfencrypted.png');}
.form_purge_icon          {  background-image: url('../../icons/22x22/trash.png');}
.form_test_icon           {  background-image: url('../../icons/22x22/advanced.png');}