.gradient_new {background-image:url('http://ca.socompetent.com/bitmaps/new_gradient.gif');}
.gradient_new2 {background-image:url('http://ca.socompetent.com/bitmaps/new2_gradient.gif');}
.gradient_search {background-image:url('http://ca.socompetent.com/bitmaps/search_gradient.gif');}
.gradient_footer {background-image:url('http://ca.socompetent.com/bitmaps/footer_gradient.gif'); font-size:1em;  width:auto;}
.gradient_dossier {background-image:url('http://ca.socompetent.com/bitmaps/dossier_gradient.gif');}
.gradient_left {width:8px;}.test{ margin:0px; padding:0px; float:left }
#searchTxt { 
  width:250px;
  margin-bottom:.6em;
  z-index:300;
  display:block;
  float:left;
  padding-left:5px;
  padding-right:8px;
}

#searchTxt input { 
  -padding:1px 0 1px; /* IE6 */
  width:247px; 
  margin-top:3px; /* For FF */
  *margin-top:2px; /* For IE6 & IE7 */
}

#inputtext {-margin-left : -10px; /* For IE6 */ }

#QueryId { height:18px; }


#SearchDepID{ 
  float:left;
  width:190px;
}

#RateID{
    float:left; 
    width:110px;
}


/* BEGIN : Category combo tree */
#combotree_cat { 
  width:270px; 
  float:left;
  margin-right:10px;
  padding: 0px;
}

#tree_cat { 
  width:270px;
  height:330px;
  background-color:white;
  border :1px solid Silver; 
  display:none;
  overflow:auto;
  position:absolute;
  z-index:300
}

#tree_cat_status { background-color:#C53B3B; }

#tree_cat_status_close { margin-left:145px; }
/* END : Category combo tree */

/*#tab1, #tab2, #combo_cat, #QueryId { margin-top:.5em; }*/
#combo_cat { padding-top:0px; margin-top:3px;}

/* tabs */


.tabs {
 top:0px;
 float:left;
 width:240px;
 left:10px;
 margin-bottom:0px;
 }
div.tab {
 display:none;
 width: 231px;
background-color:#abc9ff;
/* background:url(../bitmaps/tab-content-bg.gif) no-repeat;*/
 padding: 3px 3px 3px 3px;;
 }

div a.tab {
 float:left;
 height:20px;
 line-height:20px;
 display:inline;
 font-size:11px;
 color:gray;
 text-decoration:none;    
}
a#t1 {background:url(../bitmaps/tabs_bg_full.gif) no-repeat left top; width:70px; padding:0 0 0 10px;margin-right:87px;
}
a#t2 {background:url(../bitmaps/tabs_bg_full.gif) no-repeat right top; width:70px; text-align:center;
}

a#t1.tab:hover, div.tabset a#t1.active {color: #606060; background-position: left bottom;
}
a#t2.tab:hover, div.tabset a#t2.active {color: #606060; background-position: center bottom;
}

.linea {position:absolute;margin-top:7px;margin-left:.5em;width:166px;background-color:#bdd5ff;height:3px;}
.lineb {position:absolute;margin-top:7px;margin-left:.5em;width:189px;background-color:#bdd5ff;height:3px;}
.linec {position:absolute;margin-top:7px;margin-left:.5em;width:209px;background-color:#bdd5ff;height:3px;}
/*div.tab input, div.tab select {font:9px Verdana, Arial, Helvetica, sans-serif;}*/
div.tab input {
/* padding:1px 0 1px; */

 }


#tab1 input {
/* position:relative;*/
 top: 1px;
 width:155px;
 padding:1px 0 1px;
 clear:left;
 float:left;
 margin-right:7px;
 -padding:2px 0 2px;
 -margin-right:4px; /* For IE6 */
}

#tab1 select {top: 1px; left:3px;  width:62px; height:17px;}

#tab2 select {top: 1px; left: 3px; width:231px; height:17px;}

div.tabs div.tabset  {
 clear: left;
margin:0px; 
}

#combo_raydiv {
margin:0px; 
}

#combo_ray { margin-top:-10px;}

#combo_raydiv input {/*padding-left:3px;*/ }

#combo_zonediv {
 top: 0px;
 clear:left;
}

#tree_cat_status a, #tree_zone_status a { 
color:white;
font-size:.8em;

}

#combo_zone {
}

#tree_zone { 
  overflow:auto;
  width:228px;
  height:220px;
  margin-top:0px;
  background-color:white;
  border :1px solid Silver;
  display:none;

  position:absolute;
  z-index:1000
}

#tree_zone_status { 
/*  margin-bottom:5px; oma */
  background-color:#C53B3B;
}
#tree_zone_status_close { 
  margin-left:100px;
}

#RateDiv {
      top:18px;
      left:-800px;
}

#LevelDiv {
       top:40px;
       left:-940px;
}
#lblexample {
font-size:.8em;text-align:left;line-height:11px;margin-bottom:0px;padding-bottom:5px
}

label#lblkeywords, label#lblcategories, label#lblzone {
font-weight:bold;margin-bottom:1em;padding-bottom:1em;
}
#btndiv { 
  float:left;
  margin-top:20px;
  margin-left:50px;
}

.small {
font-size:.8em;text-align:left;line-height:11px;margin-bottom:0px;padding-bottom:5px
}

.button {
margin-bottom:10px;
}

/*---------------- Default Part ----------------------
*/
.Tabs{padding:0px;margin:0px;overflow:hidden;background:#FFFFFF url(../../bitmaps/bg.gif) bottom repeat-x;width:100%;}
.Tabs li a span{float:left;padding:6px 10px 3px 0;background:url(../../bitmaps/tabRight.gif) 100% 0px no-repeat}
.Tabs li a{float:left;padding-left:9px;background:url(../../bitmaps/tabLeft.gif) 0% 0px no-repeat}
li.actif a span,li.nactif a:hover span,li.nactif a:focus span{background-position:100% -150px}
li.actif a,li.nactif a:hover,li.nactif a:focus{background-position:0% -150px;color:#333;}
.Tabs ul li{float:left;margin-left: 0px}
.Tabs ul{margin:16px 16px 0 0;padding:0;list-style:none}
.Tabs li a:hover{cursor:pointer}
.Tabs li a {font-weight:bold;font-size:.8em}
li.nactif{border-bottom:1px solid #765;}
li.nactif a{color:#765;}
li.actif a span{border-bottom:1px solid white}

.Tabs-Content {border-right:1px solid gray;border-left:1px solid gray;border-bottom:1px solid gray;background-color:white; margin-bottom:0px;padding-bottom:0px;}
.TabSet{margin-bottom:20px;/* border-top:1px solid #FFFFFF était un hack pour IE6 sinon il affichait un espace entre le tab et le content ex nego, eval je le retire car ca ne le fait plus */}


/* ============================
 * SET -- DisplaySubCatTabSet
 * ============================*/

/* Tab 1 : MissionTabTitle */
#MissionTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#MissionTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#MissionTabTitle a span{border-bottom:1px solid #C6DAFF}
#MissionTabTitle-Content{background-color:#C6DAFF;}
#MissionTabTitle-Content ul { margin-left:2em; }
/* Tab 2 : SkillTabTitle */
#SkillTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#SkillTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#SkillTabTitle a span{border-bottom:1px solid #E6ECFF}
#SkillTabTitle-Content{background-color:#E6ECFF}
#SkillTabTitle-Content ul { margin-left:2em}

/* Tab 3 : AddMissionTabTitle */
#AddMissionTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#AddMissionTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#AddMissionTabTitle a span{border-bottom:1px solid #C6DAFF}
#AddMissionTabTitle-Content{background-color:#C6DAFF}

/* Tab 4 : AddSkillTabTitle */
#AddSkillTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#AddSkillTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#AddSkillTabTitle a span{border-bottom:1px solid #E6ECFF}
#AddSkillTabTitle-Content{background-color:#E6ECFF}

/* Tab 5 : TrainingTabTitle */
#TrainingTabTitle{margin-left:187px;}
#TrainingTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#TrainingTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#TrainingTabTitle a span{border-bottom:1px solid #E6ECFF}
#TrainingTabTitle-Content{background-color:#E6ECFF}

/* Tab 6 : NewTabTilte */
#NewsTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#NewsTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#NewsTabTitle a span{border-bottom:1px solid #C6DAFF}
#NewsTabTitle-Content{background-color:#C6DAFF}

/* ============================
 * SET -- SkillUtilsTabSet
 * ============================*/

/* Tab : OpenedSkillTabTitle  */
#OpenedSkillTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#OpenedSkillTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#OpenedSkillTabTitle a span{border-bottom:1px solid #C6DAFF}
#OpenedSkillTabTitle-Content{background-color:#C6DAFF}

/* Tab : ClosedSkillTabTitle  */
#ClosedSkillTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#ClosedSkillTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#ClosedSkillTabTitle a span{border-bottom:1px solid #C6DAFF}
#ClosedSkillTabTitle-Content{background-color:#C6DAFF}

/* Tab : AddSkillFormTabTitle */
#AddSkillFormTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#AddSkillFormTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#AddSkillFormTabTitle a span{border-bottom:1px solid #C6DAFF}
#AddSkillFormTabTitle-Content{background-color:#C6DAFF}

#AddSkillFormTabTitle-Content table.dispo_table{background-color:#E6ECFF}

/* Tab 4 : ModifSkillFormTabTitle */
#ModifSkillFormTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#ModifSkillFormTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#ModifSkillFormTabTitle a span{border-bottom:1px solid #C6DAFF}
#ModifSkillFormTabTitle-Content{background-color:#C6DAFF}

#ModifSkillFormTabTitle-Content table.dispo_table{background-color:#E6ECFF}

/* ============================
 * SET -- MissionUtilsTabSet
 * ============================*/

/* Tab 1 : OpenedMissionTabTitle  */
#OpenedMissionTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#OpenedMissionTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#OpenedMissionTabTitle a span{border-bottom:1px solid #E6ECFF}
#OpenedMissionTabTitle-Content{background-color:#E6ECFF}

/* Tab 2 : ClosedMissionTabTitle  */
#ClosedMissionTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#ClosedMissionTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#ClosedMissionTabTitle a span{border-bottom:1px solid #E6ECFF}
#ClosedMissionTabTitle-Content{background-color:#E6ECFF}

/* Tab 3 : AddMissionFormTabTitle */
#AddMissionFormTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#AddMissionFormTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#AddMissionFormTabTitle a span{border-bottom:1px solid #E6ECFF}
#AddMissionFormTabTitle-Content{background-color:#E6ECFF}

#AddMissionFormTabTitle-Content table.dispo_table{background-color:#F8FFFF}

/* Tab 4 : ModifMissionFormTabTitle */
#ModifMissionFormTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#ModifMissionFormTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#ModifMissionFormTabTitle a span{border-bottom:1px solid #E6ECFF}
#ModifMissionFormTabTitle-Content{background-color:#E6ECFF}

#ModifMissionFormTabTitle-Content table.dispo_table{background-color:#F8FFFF}

/* ============================
 * SET -- NegoTabSet
 * ============================*/
/* Tab 1 : ContactorEvalTabTitle */
#ContactorTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#ContactorTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#ContactorTabTitle a span{border-bottom:1px solid #C6DAFF}
#ContactorTabTitle-Content{background-color:#C6DAFF}

/* Tab 2 : ContactedEvalTabTitle */
#ContactedTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#ContactedTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#ContactedTabTitle a span{border-bottom:1px solid #E6ECFF}
#ContactedTabTitle-Content{background-color:#E6ECFF;margin-bottom:0px;}

/* ============================
 * SET -- EvalTabSet
 * ============================*/

/* Tab 1 : EmpployeeEvalTabTitle */
#EmployeeEvalTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue1.gif)}
#EmployeeEvalTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue1.gif)}
li.actif#EmployeeEvalTabTitle a span{border-bottom:1px solid #C6DAFF}
#EmployeeEvalTabTitle-Content{background-color:#C6DAFF}

/* Tab 2 : BossEvalTabTitle */
#BossEvalTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#BossEvalTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#BossEvalTabTitle a span{border-bottom:1px solid #E6ECFF}
#BossEvalTabTitle-Content{background-color:#E6ECFF;margin-bottom:0px;}

/* ============================
 * SET -- AccountFormTabSet
 * ============================*/
#AccountFormTabSet #EvalTabSet{margin-bottom:0px}
#AccountFormTabSet #EvalTabSet{padding:10px}

/* ============================
 * SET -- ContactFormTabSet
 * ============================*/
#ContactFormTabSet td.content {padding:0px 1em}

#ResumeTabTitle a span{background-image:url(../../bitmaps/tabRight_Blue2.gif)}
#ResumeTabTitle a{background-image:url(../../bitmaps/tabLeft_Blue2.gif)}
li.actif#ResumeTabTitle a span{border-bottom:1px solid #E6ECFF}
#ResumeTabTitle-Content{background-color:#E6ECFF;margin-bottom:0px;}

/* ============================
 * SET -- SummaryTabSet
 * ============================*/
/* Tab 1 : Summary *//* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
.dhx_combo_img{
	position:absolute;
	top:0px;
	right:0px;
	width:17px;
	height:20px;
}

.dhx_combo_option_img{
	position:relative;
	top:1px;
	margin-left:2px;
	left:0px;
	width:18px; height:18px;
}

.dhx_combo_option_img2{
	position:relative;
	top:1px;
	margin-left:2px;
	left:0px;
	width:80px; height:14px;
}


.dhx_combo_input{
	color:#333333;
	font-family: Arial;
	font-size: 9pt;
	border:0px;
	padding:2px 2px 2px 2px;
	position:absolute;
	top:0px;
}
.dhx_combo_box{
	position:relative;
	text-align:left;
	border:1px solid #7F9DB9;
	height:20px;
	_height:22px;
	overflow:hidden;
    background-color: white;
}
.dhx_combo_list{
   position:absolute;
   z-index:30;
   overflow-y:auto;
   overflow-x:hidden;
   border:1px solid black;
   height:100px;
   font-family: Arial;
   font-size: 9pt;
   background-color: white;
}

.dhx_combo_list div{
	cursor:default;
	padding:2px 2px 2px 2px;
}
.dhx_selected_option{
	background-color:navy;
	color:white;
}

.defaultTreeTable{
			margin : 0px;
			padding : 0px;
			border : 0px;
}
.containerTableStyle { overflow : auto; position:relative; top:0; font-size : 12px;z-index:30}
.containerTableStyleRTL span { direction: rtl; unicode-bidi: bidi-override;  }
.containerTableStyleRTL { direction: rtl; overflow : auto; position:relative; top:0; font-size : 12px;}
.standartTreeRow{	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 	font-size : 12px; -moz-user-select: none;  }
.selectedTreeRow{ background-color : navy; color:white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 		font-size : 12px;  -moz-user-select: none; }
.dragAndDropRow{ background-color : navy; color:white; }
.standartTreeRow_lor{	text-decoration:underline; background-color : #FFFFF0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 	font-size : 12px; -moz-user-select: none; }
.selectedTreeRow_lor{   text-decoration:underline; background-color : navy; color:white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 		font-size : 12px;  -moz-user-select: none; }

.standartTreeImage{ width:18px; height:18px;  overflow:hidden; border:0; padding:0; margin:0;
font-size:1px; }
.hiddenRow { width:1px;   overflow:hidden;  }
.dragSpanDiv,.dragSpanDiv td{ 	font-size : 12px; 	background-color:white; }


.selectionBox{
background-color: #FFFFCC;
}
.selectionBar {
	top:0;
	background-color: Black;
	position:absolute;
	overflow:hidden;
	height: 2px;
	z-index : 11;
}

.intreeeditRow{
  width:100%; font-size:8pt; height:16px; border:1px solid silver; padding:0; margin:0;
  -moz-user-select:  text;   
}
.dhx_tree_textSign{
   font-size:8pt;
   font-family:monospace;
   width:21px;
   color:black;
   padding:0px;
   margin:0px;
   cursor:pointer;
   text-align: center;
}
.dhx_tree_opacity{
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
}
.dhx_bg_img_fix{
width:18px;
height:18px;
background-repeat: no-repeat;
background-position: center;
background-position-x: center;
background-position-y: center;
}