/* ------- Global All browser except MSIE ------- */

/* --- body --- */
BODY {}

/* -- loader and lightbox background opacity -- */		
.ui-loader,
.lightbox-background { opacity:0.5 }

/* --- container --- */
.container {}

/* --- portlets spacing --- */
.outer-left-top {}
.outer-right-bottom {} 

/* tabs level 1 */
.tabnav .outer {margin-top:10px;}

/* --- portlet structure --- */
/* main */
.portlet {}
.portlet .inner {}

/* --- application portlet structure --- */
.application .portlet .zone3 .inner {  }

/* --- portlet navigation --- */
/* tabs */
.portlet .portletnav .outer {margin:4px 5px 5px 4px;}

/* steps */
.step {}
.step .buttons-outer {margin-top:14px}

/* --- content zones (text block, text+image, tables...) --- */
/* content-zone1 */
.content-zone {}
.application .content-zone {height:100%;}

/* content-zone2 */
.content-zone2 {}

/*fck contents render*/
.fckcontent { }

/* forms tables */
.form-style1, .form-style2 {height:inherit !important}

/* --- buttons --- */
/* outer */
.buttons-outer {}

/* fix application buttons*/
.application .buttons-outer {margin-bottom:27px;}

/* fix application grid buttons*/
.application .grid .buttons-outer {margin-bottom:0px}

/*button height fix*/
.button {line-height:24px;}

/* button1 */
.button1-part0 { padding:6px 0px 6px 11px; } 
.button1-part0-down { padding:6px 0px 6px 11px;  }
.button1-part1 {padding:6px 23px 6px 0px}
.button1-part1-down { padding:6px 23px 6px 0px;  }

/* button2 */
.button2-part0 { padding:6px 0px 6px 11px; } 
.button2-part0-down { padding:6px 0px 6px 11px;  }
.button2-part1 {padding:6px 23px 6px 0px}
.button2-part1-down { padding:6px 23px 6px 0px;  }

/* button3 */
.button3-part0 { padding:6px 0px 6px 11px; } 
.button3-part0-down { padding:6px 0px 6px 11px;  }
.button3-part1 {padding:6px 23px 6px 0px}
.button3-part1-down { padding:6px 23px 6px 0px;  }


/*disabled buttons*/
.disabled {
-moz-opacity:0.30;
opacity: 0.30;
cursor: default;
}

.header-level1 .button {}
.header-level1 .button1-part0,.header-level1 .button1-part0-down {padding:4px 0px 6px 11px;}
.header-level1 .button1-part1,.header-level1 .button1-part1-down {padding:4px 23px 6px 0px;}

.grid .cell1 .button1-part0 { padding:4px 0px 6px 11px; }
.grid .cell1 .button1-part0-down { padding:4px 0px 6px 11px;  }
.grid .cell1 .button1-part1 {padding:4px 23px 6px 0px}
.grid .cell1 .button1-part1-down { padding:4px 23px 6px 0px;  }
.grid .cell2 .button1-part0 { padding:4px 0px 6px 11px; }
.grid .cell2 .button1-part0-down { padding:4px 0px 6px 11px;  }
.grid .cell2 .button1-part1 {padding:4px 23px 6px 0px}
.grid .cell2 .button1-part1-down { padding:4px 23px 6px 0px;  }


.grid .cell1 .button2-part0 { padding:4px 0px 6px 11px; }
.grid .cell1 .button2-part0-down { padding:4px 0px 6px 11px;  }
.grid .cell1 .button2-part1 {padding:4px 23px 6px 0px}
.grid .cell1 .button2-part1-down { padding:4px 23px 6px 0px;  }
.grid .cell2 .button2-part0 { padding:4px 0px 6px 11px; }
.grid .cell2 .button2-part0-down { padding:4px 0px 6px 11px;  }
.grid .cell2 .button2-part1 {padding:4px 23px 6px 0px}
.grid .cell2 .button2-part1-down { padding:4px 23px 6px 0px;  }


.grid .cell1 .button3-part0 { padding:4px 0px 6px 11px; }
.grid .cell1 .button3-part0-down { padding:4px 0px 6px 11px;  }
.grid .cell1 .button3-part1 {padding:4px 23px 6px 0px}
.grid .cell1 .button3-part1-down { padding:4px 23px 6px 0px;  }
.grid .cell2 .button3-part0 { padding:4px 0px 6px 11px; }
.grid .cell2 .button3-part0-down { padding:4px 0px 6px 11px;  }
.grid .cell2 .button3-part1 {padding:4px 23px 6px 0px}
.grid .cell2 .button3-part1-down { padding:4px 23px 6px 0px;  }


/*.grid .button IMG {margin: 0 0 6px 5px; }*/



/* --- bars --- */
/* parts */
.bar-outer {  }
.bar {height:10px;}
.bar-gauge {height:10px;}
.bar-text {}

/* --- component grid --- */
/* headers and footer */
/*.grid-footer {border-top-width:2px; }*/

/* content */
.grid-content-zone { height:auto !important; }

/* buttons */
.grid .buttons-outer, .simple-grid .buttons-outer { }

.grid-header1 .button1-part0, .grid-header1 .button1-part0-down, .grid-footer .button1-part0, .grid-footer .button1-part0-down {padding:4px 0px 6px 8px;}
.grid-header1 .button2-part0, .grid-header1 .button2-part0-down, .grid-footer .button2-part0, .grid-footer .button2-part0-down {padding:4px 0px 6px 8px;}

.grid-header1 .button1-part1, .grid-footer .button1-part1, .grid-header1 .button2-part1, .grid-footer .button2-part1, .grid-header1 .button3-part1, .grid-footer .button3-part1, .grid-header1 .button1-part1-down,  .grid-footer .button1-part1-down, .grid-header1 .button2-part1-down, .grid-footer .button2-part1-down,  .grid-footer .button3-part1-down {padding:4px 8px 8px 0px;}

/* history */
.grid-history {}

/* --- SimpleGrid --- */
.simple-grid .grid-footer {border-top:2px solid #B9C1CC}

/* --- DataList --- */
.dataList {}
.dataList .grid-footer {border-top-width:1px} 

/* --- selector --- */
.selector { margin:0px; padding:0px; }
.selector .grid-content-zone { overflow:auto; min-height:242px; height:250px!important;}
.selector .outer-left-top { padding-top:10px; }
.selector .outer-right-bottom TABLE {height:auto!important}
.selector .buttons-outer { margin-bottom:10px; }

/* --- wizzard --- */
.wizzard {}
.wizzard .content-zone {margin-top:10px}
.wizzard #zoneB .form-style1 {height:auto!important;}

/* copyright */
.copyright TABLE {margin-top:8px }


/* --- popup structure --- */
/* main */
.popup  {}
.popup .portlet {}
.popup .portlet .outerzone3 {height:100%}
.popup .portlet .zone3 .center {height:100%;}
.popup .portlet .zone3 .inner {height:inherit !important}

/*lien item niveau 2*/
.ActionsMenu ul li a {  }
.ActionsMenu ul li a span { margin:0px 6px 1px 6px; display:block}

/* form section */
.section, .empty-section { margin:0px 0px 8px 0px; padding:0px; }

/* form subsection */
.subsection, .empty-subsection {}

/* sections cells */
.cell-left {}
.cell-right {}

/*datepicker*/
.ui-datepicker {width:22em!important}
.ui-datepicker-multi-2 {width:37em!important}
.ui-datepicker-multi-3 {width:55em!important}
.ui-datepicker .ui-datepicker-other-month .ui-state-default{color:#797979; border:1px solid #CECFCA; opacity:0.3; background:white }

/*XP Fix*/
/*
.grid .button IMG {margin: 0 0 2px 5px;}
.grid .cell1 .button IMG {margin: 0 0 1px 5px;}
.grid .cell2 .button IMG {margin: 0 0 1px 5px;}

.button1-part0 { padding:5px 0px 6px 11px; } 
.button1-part0-down { padding:5px 0px 6px 11px;  }
.button1-part1 {padding:5px 23px 6px 0px}
.button1-part1-down { padding:6px 23px 6px 0px;  }


.button2-part0 { padding:5px 0px 6px 11px; } 
.button2-part0-down { padding:5px 0px 6px 11px;  }
.button2-part1 {padding:5px 23px 6px 0px}
.button2-part1-down { padding:5px 23px 6px 0px;  }

.button3-part0 { padding:5px 0px 6px 11px; } 
.button3-part0-down { padding:5px 0px 6px 11px;  }
.button3-part1 {padding:5px 23px 6px 0px}
.button3-part1-down { padding:5px 23px 6px 0px;  }

.header-level1 .button {}
.header-level1 .button1-part0,.header-level1 .button1-part0-down {padding:3px 0px 6px 11px;}
.header-level1 .button1-part1,.header-level1 .button1-part1-down {padding:3px 23px 6px 0px;}

.grid .cell1 .button1-part0 { padding:3px 0px 6px 11px; }
.grid .cell1 .button1-part0-down { padding:3px 0px 6px 11px;  }
.grid .cell1 .button1-part1 {padding:3px 23px 6px 0px}
.grid .cell1 .button1-part1-down { padding:3px 23px 6px 0px;  }
.grid .cell2 .button1-part0 { padding:3px 0px 6px 11px; }
.grid .cell2 .button1-part0-down { padding:3px 0px 6px 11px;  }
.grid .cell2 .button1-part1 {padding:3px 23px 6px 0px}
.grid .cell2 .button1-part1-down { padding:3px 23px 6px 0px;  }


.grid .cell1 .button2-part0 { padding:3px 0px 6px 11px; }
.grid .cell1 .button2-part0-down { padding:3px 0px 6px 11px;  }
.grid .cell1 .button2-part1 {padding:3px 23px 6px 0px}
.grid .cell1 .button2-part1-down { padding:3px 23px 6px 0px;  }
.grid .cell2 .button2-part0 { padding:3px 0px 6px 11px; }
.grid .cell2 .button2-part0-down { padding:3px 0px 6px 11px;  }
.grid .cell2 .button2-part1 {padding:3px 23px 6px 0px}
.grid .cell2 .button2-part1-down { padding:3px 23px 6px 0px;  }


.grid .cell1 .button3-part0 { padding:3px 0px 6px 11px; }
.grid .cell1 .button3-part0-down { padding:3px 0px 6px 11px;  }
.grid .cell1 .button3-part1 {padding:3px 23px 6px 0px}
.grid .cell1 .button3-part1-down { padding:3px 23px 6px 0px;  }
.grid .cell2 .button3-part0 { padding:3px 0px 6px 11px; }
.grid .cell2 .button3-part0-down { padding:3px 0px 6px 11px;  }
.grid .cell2 .button3-part1 {padding:3px 23px 6px 0px}
.grid .cell2 .button3-part1-down { padding:3px 23px 6px 0px;  }

.grid-header1 .button1-part0, .grid-header1 .button1-part0-down, .grid-footer .button1-part0, .grid-footer .button1-part0-down {padding: 3px 0 6px 8px;}
.grid-header1 .button1-part1, .grid-footer .button1-part1, .grid-header1 .button2-part1, .grid-footer .button2-part1, .grid-header1 .button3-part1, .grid-footer .button3-part1, .grid-header1 .button1-part1-down, .grid-footer .button1-part1-down, .grid-header1 .button2-part1-down, .grid-footer .button2-part1-down, .grid-footer .button3-part1-down {padding: 3px 8px 8px 0;}
*/

/*combobox*/
.vui-combobox input, .vui-combobox-multi input {height:19px;}

/*----lightbox----*/
.lightbox-background {
	background-color:#000;
	opacity: 0.8;
}

/*FIX grid filter zone height*/		
.application .handler-filter-screen .content-zone {height:auto!important}