/** ------------------------------------
 * SweetDEV RIA library
 * Copyright [2006] [Ideo Technologies]
 * ------------------------------------
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * 		http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 *
 * For more information, please contact us at:
 *         Ideo Technologies S.A
 *        124 rue de Verdun
 *        92800 Puteaux - France
 *
 *      France & Europe Phone : +33 1.46.25.09.60
 *         USA & Canada Phone : (201) 984-7514
 *
 *        web : http://www.ideotechnologies.com
 *        email : SweetDEV-RIA@ideotechnologies.com
 *
 *
 * @version 3.1-bugfixed
 * @author Ideo Technologies
 */
 

/********************* Calendar **************************/

/* Font of the calendar */
.ideo-cal-main{
	font:100% sans-serif;
	text-align:center;
}

/* Special style for the tooltip wrapping the calendar */
.ideo-cal-cto{
	
}

/* Display on links */
.ideo-cal-main a{
	cursor: pointer;
	text-decoration: none;
}

.ideo-cal-main .calMonth{
	font-size:80%;
}

/* Default cells style */
.ideo-cal-main td.calcell {
	border:1px solid #E0E0E0;
	background-color:#FFF;
}

/* Color of the number of the days */
.ideo-cal-main td.calcell a{
	color:#333333;
	text-decoration:none;
}


.ideo-cal-main .calseparator {
	height:10px;
}

.ideo-cal-multiCalSeparator {
	float:left !important;
	width:10px;
}

/* Today's cell style */
.ideo-cal-main td.calcell.today{
	border:1px solid #000000;
}

/* Out of month cells style */
.ideo-cal-main td.calcell.oom{
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

/* Selected cells style */
.ideo-cal-main td.calcell.selected {
	background-color:#CECECE;
	border:1px solid #A0A0A0;
	color:#333333;
}

/* "Ranged selected" cells style */
.ideo-cal-container td.ideo-cal-rangeSelected{
	background-color: #FFCC67;
}
.ideo-cal-container td.ideo-cal-rangeSelected a{
}


/* Cells "on mouse up" style */
.ideo-cal-main td.calcell.calcellhover {
	cursor:pointer;
	color:#333333;
	background-color:#A0A0A0;
	border:1px solid #A0A0A0;
}

/* Cells "on mouse up" day number style */
.ideo-cal-main td.calcell.calcellhover a {
	color:#333333;
}

/* Out of bounds days style */
.ideo-cal-main td.calcell.previous {
	color:#CCC;
}

/* Disabled Days style */
.ideo-cal-main td.calcell.restricted a {
	text-decoration: line-through;
	cursor: default;
}

/* Head style */
.ideo-cal-main .calhead {
	background:#FFFFFF url(../images/calendar/cal_header.gif) repeat-x scroll left top;
	border:0px none;
	height:29px;
	/*padding-bottom : 15px;*/
	width:100%;
}
/*
.ideo-cal-main .calheadleft {
	background:transparent url(../images/calendar/cal_header_left.gif) no-repeat scroll left top;
	height:29px;
	left:0px;
	position:absolute;
	top:0px;
	width:8px;
}

.ideo-cal-main .calheadright {
	background:transparent url(../images/calendar/cal_header_right.gif) no-repeat scroll left top;
	height:29px;
	position:absolute;
	right:0px;
	top:0px;
	width:8px;
}


.ideo-cal-main .calheadleft {
	background:transparent url(../images/calendar/cal_header_left.gif) no-repeat scroll left top;
	height:29px;
	left:0px;
	position:absolute;
	top:0px;
	width:8px;
}

.ideo-cal-main .calheadright {
	background:transparent url(../images/calendar/cal_header_right.gif) no-repeat scroll left top;
	height:29px;
	position:absolute;
	right:0px;
	top:0px;
	width:8px;
}
*/

/* Headers elements properties. Nested in calhead. */
.ideo-cal-main .calheader {
	text-align:center;
}
.ideo-cal-main .calheader img {
	border:none;
}

/* Day's letters style */
.ideo-cal-main .calweekdaycell {
	color:#666;
	font-weight:normal;
}

/* Footer style */
.ideo-cal-main .calfoot {
	background-color:#EEE;
}

/* Not used by default */
.ideo-cal-main .calrowhead, .ideo-cal-main .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

/* Added to perform some correction for Opera 8.5 hover redraw bug */
table.ideo-cal-main:hover {
	background-color:#FFF;
}

/* Input field style */
.ideo-cal-inputField{
	border: 1px solid black;	
}

/* Input display on bad calendar field */
.ideo-cal-inputFieldBadFormat{
	color: red;
}

/* Footer */
.ideo-cal-footer {
	text-align: center;
/*	font:100% sans-serif;*/
	color:#333;
	/*font-weight:bold;*/
}

/* Links on footer style */
.ideo-cal-footer a {
	cursor: pointer;
}
.ideo-cal-footer span.ideo-cal-footerLink {
	border: 1px solid black;
}

/* Full calendar wrapping container */
.ideo-cal-container{
	background-color:#F7F9FB;
/*	padding:5px;*/
}
.ideo-cal-container .ideo-cal-displayTableWrap{
/*	margin-right: 5px;*/	
}

/* Icon CSS tool */
.calendarIcon {
	border: 0px;
	vertical-align: middle;
}

/* StyleClass for the popup link */
a.ideo-cal-linkClass {
	/*text-decoration: none;*/
}

/********* ClickToOpen *****************************/

/* Main style class for the popup */
.ideo-cto-main {
    
}

/* Main style class for the popup content (closing button excluded) */
.ideo-cto-content {
    
}

/* Main style class for the popup content*/
.ideo-cto-main table {
    border: 0px;
    background-color: white;
}

.ideo-cto-closeIcon{
	background: url("../images/cto_close.gif") transparent 0 0 no-repeat;	
}

/****************** NewWindow *************************/

/* Attributes for the main tag of the window */
.ideo-win-main{
/*	border : 1px solid #002185; */ /* Border component added */
/*	background-color : white; */
}

/* Title bar, used for title bar height */
.ideo-win-main .ideo-win-title{
	height:31px;
	width:100%;
	cursor: move;
}


.ideo-win-docked{
	padding-top : 15px;
}

.ideo-win-main .ideo-win-panel{
	background-color: #FFFFFF;
}

/* Title bar attributes, when active */
.ideo-win-active .ideo-win-title{
	background:url(../images/window/titleBackground.gif) gray top left repeat-x;
}
.ideo-win-inactive .ideo-win-title {
	background:url(../images/window/titleBackground_inactive.gif) gray top left repeat-x;
}

.ideo-win-titleIcon{
	float:left;
}

/* Override all the class you want only when active by using : 
.ideo-win-active .className{
	
}
*/



/* Label style of the window title */
.ideo-win-main .ideo-win-titleLabel{
	width : 100%;
	font-weight : bold;
	font-family : arial;
}

/* Corner picture to resize the window */
.ideo-win-main .ideo-win-corner{
	background-image : url("../images/window/corner.png");
}

/* State bar style (bottom of the window) */
.ideo-win-main .ideo-win-stateBar{
	background-color : #D3D3D3;
	border-top : 1px solid black;
}

/* State bar label style (bottom of the window) */
.ideo-win-main .ideo-win-stateBarLabel{
		
}

/* For icons, dims are :
	width : 16px;
	height : 14px;
*/


/* g-nova */
.ideo-win-main .ideo-win-minIcon, .ideo-win-main .ideo-win-menuIcon, .ideo-win-main .ideo-win-maxIcon, .ideo-win-main .ideo-win-closeIcon, .ideo-win-main .ideo-win-minRestoreIcon, .ideo-win-main .ideo-win-maxRestoreIcon, .ideo-win-main .ideo-win-minRestoreIcon{
	width: 23px;
	height: 22px;
	top: 0px;
}

/* Menu icon */
.ideo-win-active .ideo-win-menuIcon{
	background : url("../images/window/menuIcon.gif") transparent 0 0 no-repeat;
}
.ideo-win-active .ideo-win-minIcon{
	background : url("../images/window/minimizeIcon.gif") transparent 0 0 no-repeat;
	right: 50px;
}
/* Maximize icon */
.ideo-win-active .ideo-win-maxIcon{
	background : url("../images/window/maximizeIcon.gif") transparent 0 0 no-repeat;
	right: 25px;
}
/* Close icon */
.ideo-win-active .ideo-win-closeIcon{
	background : url("../images/window/closeIcon.gif") transparent 0 0 no-repeat;
	right: 0px;
}
/* Restore icon when minimized */
.ideo-win-active .ideo-win-minRestoreIcon{
	background : url("../images/window/restoreIcon.gif") transparent 0 0 no-repeat;
	right: 50px;
}
/* Restore icon when maximized */
.ideo-win-active .ideo-win-maxRestoreIcon{
	background : url("../images/window/restoreIcon.gif") transparent 0 0 no-repeat;
	right: 25px;
}

.ideo-win-inactive .ideo-win-menuIcon {
	background:url(../images/window/menuIcon_inactive.gif) top left repeat-x;
}
.ideo-win-inactive .ideo-win-minIcon{
	background : url("../images/window/minimizeIcon_inactive.gif") transparent 0 0 no-repeat;
	right: 50px;
}
.ideo-win-inactive .ideo-win-maxIcon{
	background : url("../images/window/maximizeIcon_inactive.gif") transparent 0 0 no-repeat;
	right: 25px;
}
.ideo-win-inactive .ideo-win-closeIcon{
	background : url("../images/window/closeIcon_inactive.gif") transparent 0 0 no-repeat;
	right: 0px;
}
.ideo-win-inactive .ideo-win-minRestoreIcon{
	background : url("../images/window/restoreIcon_inactive.gif") transparent 0 0 no-repeat;
	right: 50px;
}
.ideo-win-inactive .ideo-win-maxRestoreIcon{
	background : url("../images/window/restoreIcon_inactive.gif") transparent 0 0 no-repeat;
	right: 25px;
}

.ideo-win-inactive .ideo-bdr-fineN {
	background:transparent url(../images/window/inactive/fine/fineInactiveN.gif) repeat scroll center top;
}

.ideo-win-inactive .ideo-bdr-fineS {
	background:transparent url(../images/window/inactive/fine/fineInactiveS.gif) repeat-x scroll center top;
}

.ideo-win-inactive .ideo-bdr-fineE {
	background:transparent url(../images/window/inactive/fine/fineInactiveE.gif) repeat-y scroll center top;
}

.ideo-win-inactive .ideo-bdr-fineW {
	background:transparent url(../images/window/inactive/fine/fineInactiveW.gif) repeat-y scroll center left;
}

.ideo-win-inactive .ideo-bdr-fineNE {
	background:transparent url(../images/window/inactive/fine/fineInactiveNE.gif) repeat scroll center top;
}

.ideo-win-inactive .ideo-bdr-fineNW {
	background:transparent url(../images/window/inactive/fine/fineInactiveNW.gif) repeat scroll center top;
}

.ideo-win-inactive .ideo-bdr-fineSE {
	background:transparent url(../images/window/inactive/fine/fineInactiveSE.gif) repeat scroll center top;
}

.ideo-win-inactive .ideo-bdr-fineSW {
	background:transparent url(../images/window/inactive/fine/fineInactiveSW.gif) repeat scroll center top;
}


/********************* ModalPanel *********************/

.ideo-mp-main{
	background-color : gray;
	filter : alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/********************** Treeview **************************/

/* Main treeview class style */
DIV.ideo-tv-main{

}

/* Treeview toolbar style */
DIV.ideo-tv-main DIV.ideo-tv-header {
	border: 1px solid black;
	background-color: #F9D544;
	text-align: center;
	width: 100px;
}

/* Main tree div style */
DIV.ideo-tv-main DIV.ideo-tv-tree {
}
/* Color of a node found */
DIV.ideo-tv-main DIV.ideo-tv-tree .foundNode {
	color: #FA8072;
}
/* Color of a node selected */
DIV.ideo-tv-main DIV.ideo-tv-tree .selectedNode {
	color: blue;  
}
/* Color on a mouseover node */
DIV.ideo-tv-main DIV.ideo-tv-tree .hoverNode {
	border : 1px solid;
}
/* Style of the surrounding nodes */
DIV.ideo-tv-main DIV.ideo-tv-tree .beforeNode {
	border-top : 1px solid;
}
DIV.ideo-tv-main DIV.ideo-tv-tree .afterNode {
	border-bottom : 1px solid;
}

/* Text color for the node 0 */
.nodeLevel0 { 
	color: black;
}
/* Icon when node 0 is opened */
.nodeLevel0_icon_open { 
	/* This width depends on the treeview icons's width, to shift the associated text */
	padding-left:17px; 
	background: url(../images/treeview/folders/lm2.gif) 0 0 no-repeat; 
}
/* Icon when node 0 is closed */
.nodeLevel0_icon_close { 
	padding-left:17px; 
	background: url(../images/treeview/folders/lp2.gif) 0 0 no-repeat; 
}
.nodeLevel1 { 
	color: black;
}
.nodeLevel1_icon_open { 
	padding-left:17px; 
	background: url(../images/treeview/folders/lm2.gif) 0 0 no-repeat; 
}
.nodeLevel1_icon_close { 
	padding-left:17px;
	background: url(../images/treeview/folders/lp2.gif) 0 0 no-repeat; 
}
.nodeLevel2 { 
	color: black;
}
.nodeLevel2_icon_open { 
	padding-left:17px;
	background: url(../images/treeview/folders/lm2.gif) 0 0 no-repeat; 
}
.nodeLevel2_icon_close { 
	padding-left:17px;
	background: url(../images/treeview/folders/lp2.gif) 0 0 no-repeat; 
}
.nodeLevel3 { 
	color: black;
}
.nodeLevel3_icon_open { 
	padding-left:17px;
	background: url(../images/treeview/folders/lm2.gif) 0 0 no-repeat; 
}
.nodeLevel3_icon_close { 
	padding-left:17px;
	background: url(../images/treeview/folders/lp2.gif) 0 0 no-repeat; 
}
.nodeLevel4 { 
	color: black;
}
.nodeLevel4_icon_open { 
	padding-left:17px;
	background: url(../images/treeview/folders/lm2.gif) 0 0 no-repeat; 
}
.nodeLevel4_icon_close { 
	padding-left:17px;
	background: url(../images/treeview/folders/lp2.gif) 0 0 no-repeat; 
}

/* Loading icon */
.ygtvloading { background: url(../images/treeview/default/loading.gif) 0 0 no-repeat; width:16px; height:22px; }


/*********************** Export Tag *************************/
/* Validate button style */
.ideo-exp-validateButton {
}
/* cancel button style */
.ideo-exp-cancelButton {
} 

/********************** Menu ************************************/

/* Main style for menus */
ul.ideo-mnu-main, ul.ideo-mnu-main ul{
    border-top : 1px solid white;
    border-left : 1px solid white;
    border-right : 1px solid black;
    border-bottom : 1px solid black;
    background: #E4E4E4 url(../images/menu/bg_menu.gif) 0 0 repeat-y;
    cursor : default;
}

/* Menu items style */
ul.ideo-mnu-main li{
    color : black;
    text-decoration : none;
}

/* Menu items style, on hover. Override both of the following classes for browser compatibility */
ul.ideo-mnu-main li:hover{
    background: url(../images/menu/bg_menubar_hover.gif) 0 0 repeat-x;
    color : white;
}
ul.ideo-mnu-main li.iehover{
    background: url(../images/menu/bg_menubar_hover.gif) 0 0 repeat-x;
    color : white;
}

/* Image to display the sub elements */
ul.ideo-mnu-main div{
    width : 16px;
    height : 16px;
    background-image : url(../images/menu/next.gif);
}
/* this previous image on hover */
ul.ideo-mnu-main div.iehover{
    background-image : url(../images/menu/next_invert.gif);
}
ul.ideo-mnu-main li:hover > div{
    background-image : url(../images/menu/next_invert.gif);
}

/* Checked image, and on hover */
ul.ideo-mnu-main img.ideo-mnu-check{
    background-image : url(../images/menu/check.gif);
}
ul.ideo-mnu-main img.ideo-mnu-check:hover{
    background-image : url(../images/menu/check_invert.gif);
	background-repeat : no-repeat;
}

ul.ideo-mnu-main img.ideo-mnu-checkover{
    background-image : url(../images/menu/check_invert.gif);
	background-repeat : no-repeat;
}

/************* Menu Bar *************/
/* Same than for the menu styles */

ul.ideo-mnb-main{
    border-top : 1px solid white;
    border-left : 1px solid white;
    border-right : 1px solid black;
    border-bottom : 1px solid black;
    background: url(../images/menu/bg_menubar.gif) 0 0 repeat-x;
    cursor : default;
}

ul.ideo-mnb-main > li:hover{
    background: url(../images/menu/bg_menubar_hover.gif) 0 0 repeat-x;
    color : white;
}
ul.ideo-mnb-main li.iehovermenubar {
    background: url(../images/menu/bg_menubar_hover.gif) 0 0 repeat-x;
    color : white;
}

/****************************** Splitter *******************************/

/* Vertical and Horizontal spliters styles */

/* Vertical and Horizontal spliters styles */
.ideo-vsp-main{
    width:10px;
    background:url("../images/spliter/spliter_vertical.gif") transparent 0 0 repeat-y;	
}
.ideo-hsp-main{
    height:10px;
    background:url("../images/spliter/spliter_horizontal.gif") transparent 0 0 repeat-x;	
}

.ideo-vsp-zone{
  /*overflow : auto;*/  /* set it to hidden to hide the scrollbar */
}


.ideo-hsp-zone{
 overflow : auto;  /* set it to hidden to hide the scrollbar */
}

/*************************** FileUpload **************************/

.ideo-fu-deleteButton{
	background: url("../images/fileUpload/delete_button.gif") transparent no-repeat top left;
	width:22px;
	height:22px; 
	cursor: pointer;
	vertical-align: top;
}



/************************** Tabbox *******************************/
/* These definitions override the yahoo ones, to provide an easier customization */

/* Main css style surrounding the tabbox */
.ideo-tab-main{
	
}

/* Content style of the tabbox main container */
.ideo-tab-main .ideo-tab-content{
/*    border:1px solid #CCCCCC; */
}

/* Navigation container (clickable tabs)*/
.ideo-tab-main .ideo-tab-nav{
	
}

/* Tab unselected */
.ideo-tab-main .ideo-tab-nav a{

}

/* Tab selected */
.ideo-tab-main .ideo-tab-nav .selected a{
/*    background-color:#FFFFFF;  */
}
/* On tab hover */
.ideo-tab-main .ideo-tab-nav a:hover{
/*    background-color:#FFFFFF; */	
} 

/* default space between tabs */
.ideo-tab-main .ideo-tab-nav li {
/*    margin-right:0.5em; *//* horizontal tabs */
}
/* default space between sides tabs */
.yui-navset-left .ideo-tab-nav li, .yui-navset-right .ideo-tab-nav li {
 /*   margin:0 0 0.5em; *//* vertical tabs */
}

/* Differents Orientations. The color should be your nav's border color */
.yui-navset-top .ideo-tab-nav li a {
/*    border-bottom:1px solid #CCCCCC;*/
}
.yui-navset-bottom .ideo-tab-nav li a { 
/*	border-top:1px solid #CCCCCC;*/ 
}
.yui-navset-left .ideo-tab-nav li a {
/*    border-right:1px solid #CCCCCC;*/
}
.yui-navset-right .ideo-tab-nav li a {
/*    border-left:1px solid #CCCCCC;*/
}

/* Font of tabs label */
.ideo-tab-main li em { 
/*	font-style:normal;  */
}

/* Image for closing tab */
/* Dims should be 16x16 for a better rendering */
.ideo-tab-closeImg {
   background-image: url(../images/tabbox/close.gif);
}


/********************* Combo Multi **********************/

/* Container to display combo's suggestions */
DIV.ideo-cbo-container{
    border: 1px solid black;
    background-color: white;
    width: 300px;
}
/* Title style of the combo multi (header) */
DIV.ideo-cbo-title{
	font-size : 2em;
	font-weight : bold;
	margin-top : 0.67em;
	margin-right-value : 0pt;
	margin-bottom : 0.67em;
	margin-left-value : 0pt;
}

/* Height of the SUGGESTIONS container (excluded container header and footer) and suggestions params */
DIV.ideo-cbo-sugg {
    height: 200px;
}
DIV.ideo-cbo-sugg {
    font: 10px verdana, sans-serif;
    cursor: pointer;
}
/* Background color of a selected item */
DIV.ideo-cbo-sugg  DIV.selected {
    background-color: #88aacc;
}
/* Background color on over an item */
DIV.ideo-cbo-sugg  DIV.hover {
    background-color: #cceeff;
}
/* Standard item background */
DIV.ideo-cbo-sugg  DIV.normal {
    background-color: white;
}
/* Style of the separator between selected items and others */
DIV.ideo-cbo-listSeparator {
	background-color:#ABABAB;
}
/* Container for actions button */
DIV.ideo-cbo-container DIV.ideo-cbo-btnContainer {
    background-color: #CCCCCC;
}
INPUT.ideo-cbo-btn{
	
}
/* Truncated displayer style */
DIV.ideo-cbo-sugg  SPAN.ideo-cbo-trunc {
    color: red;
    font-style: italic;
    font-weight: bold;
}

/* Additionnal message container style (footer) */
DIV.ideo-cbo-container DIV.ideo-cbo-msgContainer {
    background-color: #EEEEEE;
}
/* Additionnal information message text style (footer) */
DIV.ideo-cbo-container DIV.ideo-cbo-msgContainer DIV.ideo-cbo-info {
    color: green;
}
/* Additionnal exception message text style (footer) */
DIV.ideo-cbo-container DIV.ideo-cbo-msgContainer DIV.ideo-cbo-exception {
    color: red;
}

/************** Accordion *******************/

/* Header default style class */
.ideo-acc-header{
	cursor: pointer;
	width: 100%;
	color: #333333;
	background: none;
	height: 100%;
	overflow: hidden;
}

.ideo-acc-headerBackground {
	border-top : 1px solid #666666;
	height: 20px;
	background:url(../images/accordion/acc_header.gif) repeat-x;
	padding: 4px 0 0 6px;
}

/* Item Container class, between the items and the border*/
.ideo-acc-itemContainer{/*avoid double borders*/
	border-left : 1px solid #666666;
	border-right : 1px solid #666666;
	border-bottom : 1px solid #666666;
}

/* On header a tag focus */
.ideo-acc-headerFocus{
	border: 1px dotted black;
}


/************************  pagebar  *************************/

.ideo-pgb-pagebar {
/*	background-color : #D3D3D3;*/
}

.ideo-pgb-pagebar .ideo-pgb-actualPageNumber{
	color:red; 
	font-weight:bold;
	text-decoration : none;
	padding-left : 4px;
}

.ideo-pgb-pagebar .ideo-pgb-pageNumber{
	color:black; 
	font-weight:normal;
	padding-left : 4px;
}

.ideo-pgb-backward{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/arrow_backward.gif) no-repeat scroll center;
}
.ideo-pgb-backwardLast{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/arrow_backwardLast.gif) no-repeat scroll center;
}

.ideo-pgb-forward{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/arrow_forward.gif) no-repeat scroll center;

}
.ideo-pgb-forwardLast{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/arrow_forwardLast.gif) no-repeat scroll center;
}

.ideo-pgb-no-backward{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/dis_arrow_backward.gif) no-repeat scroll center;
}
.ideo-pgb-no-backwardLast{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/dis_arrow_backwardLast.gif) no-repeat scroll center;
}

.ideo-pgb-no-forward{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/dis_arrow_forward.gif) no-repeat scroll center;

}
.ideo-pgb-no-forwardLast{
    width : 14px;
    height : 100%;
    background : transparent url(../images/pageBar/dis_arrow_forwardLast.gif) no-repeat scroll center;
}

.ideo-pgb-pagebar  a {
	text-decoration:none;
	color:#333333;
}


/************************  grid  *************************/

.ideo-ndg-table{
/*	border: 1px solid #002185; */	
}


/* Headers style */

.ideo-ndg-table .ideo-ndg-head {
	background: transparent url(../images/datagrid/header.gif) repeat-x scroll left top;
}

.ideo-ndg-table .ideo-ndg-header{
/*	background: url(../images/datagrid/header.gif) 0 0 repeat-x;*/
	text-align: center;
	cursor: default;

	font-weight: normal;
	text-align: center;
	vertical-align: top;
}

/* Headers style on drag*/
.ideo-ndg-table .ideo-ndg-headDrag td{
	cursor: move;
}

/* Image set to defined an ascendant or descendant sort */
.ideo-ndg-table .ideo-ndg-headerSortDesc{
	background : url(../images/datagrid/sortDesc.gif) 0 0 no-repeat;
}
.ideo-ndg-table .ideo-ndg-headerSortAsc{
	background : url(../images/datagrid/sortAsc.gif) 0 0 no-repeat;
}
.ideo-ndg-table .ideo-ndg-headerSortable{
	background : url(../images/datagrid/sortable.gif) 0 0 no-repeat;
}

/* Image used on column Drag Drop */
.ideo-ndg-table .ideo-ndg-arrow{
	background : url(../images/splitter_pos.gif) 0 0 no-repeat;	
	width: 9px;
	height: 11px;
}

/* Body of the grid style */
.ideo-ndg-table .ideo-ndg-divBody{
	background-color : #E6E6E6;
}

/* Details content style */
.ideo-ndg-table .ideo-ndg-detail{
	font-style: italic;
}

/* Style for odd/even rows */
.ideo-ndg-table .ideo-ndg-oddRow{
	background-color : #DDDDDD;
}
.ideo-ndg-table .ideo-ndg-parRow{
	background-color : #F1F6FD;
}


/* Selected row style */
.ideo-ndg-table .ideo-ndg-selection{
	background-color : #4C7F9E;
	color : #DFE6FB;
}

/* Splitter columns style when resizable */
.ideo-ndg-table .ideo-ndg-headSeparator{
	background: url(../images/datagrid/separator.gif) transparent 0 0 no-repeat;
	cursor:e-resize;
}

/* Splitter columns style when non resizable */
.ideo-ndg-table .ideo-ndg-headSeparatorNoResize{
	background-color:black;
}

/* Grid resizer style */
.ideo-ndg-table .ideo-ndg-resizer{
	background: url(../images/datagrid/resize.gif) transparent 0 0 no-repeat;
}

/* Waiting message class */
.ideo-ndg-waitingMessage{
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px double #000000;
	font-weight: bold;
}

/* Grouping header style class */
.ideo-ndg-headerGroup{
	background: url(../../resources/images/datagrid/headerGroup.gif) 0 0 repeat-x;
	color: #CCDAFF;
	cursor: pointer;
}

/************************  alert  *************************/

/* Main alert class */
.ideo-alt-zone {
	/* padding : 10px; */
	width: 500px;
}

/* Main alert message class */
.ideo-alt-message {
	padding-left:30px; 
}

/* Main alert icon class */
.ideo-alt-icon {
	width : 20px;
}

/* Alert button container class */
.ideo-alt-buttonBar {
	text-align:center;
}

/* Alert buttons class */
.ideo-alt-button {

}

/* Plain type class */
.ideo-alt-plain {
	background-color: white;
	color : black;
	border: 1px solid black;
}
/* Plain icon class */
.ideo-alt-plainIcon {
}

/* Info type class */
.ideo-alt-info {
	background-color: #D9FFCC;
	color : #1C7000;
	border: 1px solid #165700;
}
/* Info icon class */
.ideo-alt-infoIcon {
	background: url(../images/alert/information.png) transparent 0 0 no-repeat;
}

/* Warn type class */
.ideo-alt-warn {
	background-color: #FFEDB8;
	color : #8F6B00;
	border: 1px solid #8F6B00;
}
/* Warn icon class */
.ideo-alt-warnIcon {
	background: url(../images/alert/warn.png) transparent 0 0 no-repeat;
}

/* Error type class */
.ideo-alt-error {
	background-color: #FFCCCC;
	color : #B8002E;
	border: 1px solid #B8002E;
}
/* Error icon class */
.ideo-alt-errorIcon {
	background: url(../images/alert/error.png) transparent 0 0 no-repeat;
}


/************************  collapse  *************************/

/**
 * This class is apply to collapse header
 */
.ideo-clp-header {
	cursor: pointer;
}

/**
 * This class is apply to collapse body
 */
.ideo-clp-body {

}

/**
 * This class is apply to collapse body when  it s expanded
 */
.ideo-clp-body-exp {
}

/**
 * This class is apply to collapse body when  it s collapsed
 */
.ideo-clp-body-col {
}

/******************************************* Collapse GNOVA ******************************************/
/***********************************************************************************************/

.ideo-clp-topBorder, .ideo-sug-topBorder {
	height:6px;
	position:relative;
}
.ideo-clp-topBorderLeft, .ideo-sug-topBorderLeft {
	position:absolute;
	top:0px;
	left:0px;
	width: 6px;
	height: 6px;
}
.ideo-clp-topBorderCenter, .ideo-sug-topBorderCenter {
	position:relative;
	height: 6px;
	margin:0 6px 0 6px;
}
.ideo-clp-topBorderCenterImg, .ideo-sug-topBorderCenterImg {
	height:10px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	height: 6px;
	line-height: 6px;
}
.ideo-clp-topBorderRight, .ideo-sug-topBorderRight {
	position:absolute;
	top:0px;
	right:0px;
	width: 6px;
	height: 6px;
}

/**
 * This class is apply to collapse header
 */

.ideo-clp-topBorderLeft {
	background:url(../images/collapse/clp_header_TopLeft.gif) no-repeat;
}
.ideo-clp-topBorderCenterImg {
	background:url(../images/collapse/clp_top.gif) repeat-x;
}
.ideo-clp-topBorderRight {
	background:url(../images/collapse/clp_header_TopRight.gif) no-repeat;
}
.ideo-clp-header {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: none;
	background:url(../images/collapse/clp_header.gif) repeat-x top left #D5D5D5;
}
/** * This class is apply to collapse header when  it s collapsed
 */

img.ideo-clp-headerIcon{
	border:0px;
	height:24px;
	vertical-align: middle;
}

.ideo-clp-header span{
	vertical-align: middle;	
}

.ideo-clp-header-col img.ideo-clp-headerIcon{
	background: url(../images/collapse/collapse_collapsed.gif) left top no-repeat;
}

/**
 * This class is apply to collapse header when  it s expanded
 */
.ideo-clp-header-exp img.ideo-clp-headerIcon{
	background: url(../images/collapse/collapse_expanded.gif) left top no-repeat;
}

.ideo-clp-body {
	border-top : 0px solid #666666;
	border-left : 1px solid #666666;
	border-right : 1px solid #666666;
	border-bottom : 1px solid #666666;
	padding: 5px;
}
.ideo-clp-bottom {
	height: 9px;
	background:url(../images/collapse/clp_bottom.gif) repeat-x;
}
.ideo-clp-bottom-left {
	height: 9px;
	width: 6px;
	float:left;
	background:url(../images/collapse/clp_bottom_left.gif) no-repeat top left;
}
.ideo-clp-bottom-right {
	height: 9px;
	width: 6px;
	float:right;
	background:url(../images/collapse/clp_bottom_right.gif) no-repeat top left;
}

/************************  draggdrop  *************************/

.ideo-dd-fake {
/*	border : 1px solid red;*/
	opacity:.50;
	background-color : gray;
}

.ideo-dd-container {
/*	background-color : white;*/
	opacity : 0.9;
	border : 0px solid #DDDDDD;
}

.ideo-dd-clone {
	opacity:.50;
}

.ideo-dd-dragObject {


}

.ideo-dd-dropOverIcon {
	background: url(../images/control/not_error.png) transparent 0 0 no-repeat;
}

.ideo-dd-dropOutIcon {
	background: url(../images/control/error.png) transparent 0 0 no-repeat;
}

/************************  list  *************************/
/**
 * This class is apply to ul tag containing all items li
 */
.ideo-lst-ul {
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
}


/**
 * This class is apply to each li tag containing an item
 */
.ideo-lst-li {

}

/**
 * This class is apply to list containing all items
 */
.ideo-lst-list {

}


/**
 * This class is apply to each item
 */
.ideo-lst-item {
	display: block;
	background-color: white;
	text-decoration: none;
	color: #000000;
}

/**
 * This class is apply to the hover item
 */
a.ideo-lst-item:hover{
	color:#000000;
}

/************************  control error  *************************/


/**
 * This class is apply to a component on error
 */
.ideo-msg-error {
	
}

/**
 * This class is apply to a component label when it's on error
 */
.ideo-msg-labelError {
	color : #FF0000;
}

/**
 * This class is apply to messenger icon for an error message
 * (Fix for IE6 : margin -3 to correct on padding and bg for ff)
 */
.ideo-msg-iconError {
	background-image : url("../images/control/error.png"); 
	padding-left:16px;
}

/**
 * This class is apply to messenger icon for an non error message
 */
.ideo-msg-iconNotError {
	background-image : url("../images/control/not_error.png"); 
	margin-left : 16px;
	padding-left : 16px;
}

/**
 * This class is apply to messenger message for an error message
 */
.ideo-msg-messageError {
	color : #FF0000;
}

/**
 * This class is apply to messenger message for an non error message
 */
.ideo-msg-messageNotError {
	color : #000000;
}


/*********************** Suggest **********************************/

/* Main suggest class */
.ideo-sug-main{
	text-align: left;
}
/* New input style */
.ideo-sug-main .ideo-but-main{
  height: 29px; 
}
.ideo-sug-main .ideo-but-main .ideo-sug-headerLeft{
	background-image: url("../images/suggest/sugg_header_left.gif");
	height: 29px;
	padding:0 0 0 8px;	
}
.ideo-sug-main .ideo-but-main .ideo-sug-headerRight{
	background-image: url("../images/suggest/sugg_header_right.gif");
	height: 29px;
	padding:0 8px 0 0;		
}
.ideo-sug-main .ideo-but-main .ideo-sug-headerCenter{
	background-image: url("../images/suggest/sugg_header.gif");
	height: 29px;
}
 
.ideo-sug-main .ideo-sug-bottomBorderContainer{
	position:relative;
	font-size:8px;
}  	
.ideo-sug-main .ideo-sug-bottomLeft{
	background-image: url("../images/suggest/sugg_bottom_left.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	position:absolute;
	top:0px;
	left:0px;
	width:6px;height:10px;
		
}
.ideo-sug-main .ideo-sug-bottomCenter{
	background-image: url("../images/suggest/sugg_bottom.gif");
	left:6px;
	margin-right: 6px;
}
.ideo-sug-main .ideo-sug-bottomRight{
	background-image: url("../images/suggest/sugg_bottom_right.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	position:absolute;
	top:0px;
	right:0px;
	width:6px;height:10px;
}


/* The way to render the different button states. 16x16 images */
.ideo-sug-buttonLoading{
	background: url("../images/spinner.gif") no-repeat 0 0;
}
.ideo-sug-buttonOut{
	background: url("../images/suggest/buttonOut.png") no-repeat 0 0;
}
.ideo-sug-buttonOver{
	background: url("../images/suggest/buttonOver.png") no-repeat 0 0;	
}
.ideo-sug-buttonDown{
	background: url("../images/suggest/buttonDown.png") no-repeat 0 0;	
}

/*** Items ***/

/* This class is applied to each item */
.ideo-sug-item {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

/* This class is applied to the hover item */
.ideo-sug-item:hover {
	background-color : gray;
	color : white;
}

/* This class is applied to all unselected items */
.ideo-sug-unselectedItem {
	background-color : white;
	color : black;
}

/* This class is applied to the selected items */
.ideo-sug-selectedItem {
	background-color : purple;
	color : white;
}

/* This class is applied to the highlightened item */
.ideo-sug-highlightenedItem {
	background-color : blue;
	color : white;
}


/*** Popup ***/

/* This class is applied to the div containing header, items and footer */
.ideo-sug-popup {
	background-color: white;
	text-align: left;
}

/* This class is applied to item list header */
.ideo-sug-header {
	border: 1px solid;
}

/* This class is applied to the div containing the items */
.ideo-sug-items {

}

/* This class is applied to the item list footer and page bar container*/
.ideo-sug-footer, .ideo-sug-pageBarContainer{
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}

/************************** Border *******************************/

DIV.ideo-bdr-N {
	background:transparent url(../images/borders/classic/classicN.gif) repeat scroll center top;
}

DIV.ideo-bdr-S {
	background:transparent url(../images/borders/classic/classicS.gif) repeat-x scroll center top;
}

DIV.ideo-bdr-E {
	background:transparent url(../images/borders/classic/classicE.gif) repeat-y scroll center top;
}

DIV.ideo-bdr-W {
	background:transparent url(../images/borders/classic/classicW.gif) repeat-y scroll center left;
}

DIV.ideo-bdr-NE {
	background:transparent url(../images/borders/classic/classicNE.gif) repeat scroll center top;
}

DIV.ideo-bdr-NW {
	background:transparent url(../images/borders/classic/classicNW.gif) repeat scroll center top;
}

DIV.ideo-bdr-SE {
	background:transparent url(../images/borders/classic/classicSE.gif) repeat scroll center top;
}

DIV.ideo-bdr-SW {
	background:transparent url(../images/borders/classic/classicSW.gif) repeat scroll center top;
}



DIV.ideo-bdr-fineN {
	background:transparent url(../images/borders/fine/fineN.gif) repeat scroll center top;
}

DIV.ideo-bdr-fineS {
	background:transparent url(../images/borders/fine/fineS.gif) repeat-x scroll center top;
}

DIV.ideo-bdr-fineE {
	background:transparent url(../images/borders/fine/fineE.gif) repeat-y scroll center top;
}

DIV.ideo-bdr-fineW {
	background:transparent url(../images/borders/fine/fineW.gif) repeat-y scroll center left;
}

DIV.ideo-bdr-fineNE {
	background:transparent url(../images/borders/fine/fineNE.gif) repeat scroll center top;
}

DIV.ideo-bdr-fineNW {
	background:transparent url(../images/borders/fine/fineNW.gif) repeat scroll center top;
}

DIV.ideo-bdr-fineSE {
	background:transparent url(../images/borders/fine/fineSE.gif) repeat scroll center top;
}

DIV.ideo-bdr-fineSW {
	background:transparent url(../images/borders/fine/fineSW.gif) repeat scroll center top;
}

/************************** Button *******************************/
/****************** http://www.babylon-design.com/exemples/boutons-extensibles/ *********************/

.ideo-but-main{
	height: 24px;
	cursor: default;
	color:#333333;
	font-size:90%;
}

.ideo-but-main .ideo-but-left{
	padding:0 0 0 14px;		
	background:url(../images/button/btn_left.gif) left top no-repeat;
	height: 24px;
}

.ideo-but-main .ideo-but-right{
	padding:0 14px 0 0;		
	background:url(../images/button/btn_right.gif) right top no-repeat;
	height: 24px;
}

.ideo-but-main .ideo-but-center{
	background:url(../images/button/btn_center.gif) left top repeat-x;
	height: 24px;
	line-height: 24px;
}


/*************************** Tree *******************************/

/* Main tree style class */
.ideo-tre-box{
	width: 100%;		
}

.ideo-tre-node {


}

/* Default image for a folder */
.ideo-tre-folder {
	background : transparent url(../images/tree/folder.gif) no-repeat center;
}
/* Default image for a folder, collapsed */
.ideo-tre-collapseNode .ideo-tre-folder {
	background :  transparent url(../images/tree/folder.gif) no-repeat center;
}
/* Default image for a folder, expanded */
.ideo-tre-expandNode .ideo-tre-folder {
	background : transparent url(../images/tree/folder-open.gif) no-repeat center;
}
/* Default image for a file */
.ideo-tre-file {
	background : transparent url(../images/tree/file.gif) no-repeat center;
}

/* Default image on loading */
.ideo-tre-loading{
	background: url("../images/spinner.gif") no-repeat 0 0;
}

/* Default image displaying a vertical line */
.ideo-tre-iconLine {
	background : transparent url(../images/tree/line.gif) repeat-y center;
}

/* Default image displayed on drag and drop actions */
.ideo-tre-dropOnFolder {
	background: url(../images/tree/dd/dropOn.gif) transparent 0 0 no-repeat;
}
.ideo-tre-dropAtFirst {
	background: url(../images/tree/dd/dropAtFirst.gif) transparent 0 0 no-repeat;
}
.ideo-tre-dropAtLast {
	background: url(../images/tree/dd/dropAtLast.gif) transparent 0 0 no-repeat;
}
.ideo-tre-dropBetween {
	background: url(../images/tree/dd/dropBetween.gif) transparent 0 0 no-repeat;
}

/* Default image displayed for the nodes hierarchy */
.ideo-tre-plus {
	background : transparent url(../images/tree/plus.gif) no-repeat center;
}
.ideo-tre-plusLast {
	background : transparent url(../images/tree/plusLast.gif) no-repeat center;
}
.ideo-tre-minus {
	background : transparent url(../images/tree/minus.gif) no-repeat center;
}
.ideo-tre-minusLast {
	background : transparent url(../images/tree/minusLast.gif) no-repeat center;
}
.ideo-tre-normal {
	background : transparent url(../images/tree/normal.gif) no-repeat center;
	height:100%;
}
.ideo-tre-normalLast {
	background : transparent url(../images/tree/normalLast.gif)  no-repeat center;
}


/* Selected item style class */
.ideo-tre-selected .ideo-tre-label {
	border : 1px dashed blue;
	background-color : #D6E0FF;
}

/* Class to display between 2 nodes on drag */
.ideo-tre-dragAbove {
	border-top : 1px dotted red;
}
/* Class to display between 2 nodes on drag */
.ideo-tre-dragBelow {
	border-bottom : 1px dotted red;
}
/* Class to display the node on drag over */
.ideo-tre-dragOver {
	background-color : red;
}