/**
 * Styles pour composants EXT
 */
body {
	height : 100%;
	max-height : 100%;
	font-family : Arial, Helvetica, sans-serif !important;
	font-size : 1.00em !important;
	overflow : hidden;
	margin: 0px !important;
}

/**************************** core ****************************/
.x-splitbar-proxy-h {
	width: 15px;
	background: #c9f4fe url(../images/cvmail/layout/handle_split_panel_west.gif) no-repeat 50% 50%;
	border-style: none;
	border-width: 0;
}


/**************************** tabs ****************************/
.x-border-layout-ct .x-tab-panel {
	background-color: transparent;
}
.x-tab-panel-header {
	border: none;
	border-style: none;
	background: none;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
ul.x-tab-strip-top {
	padding-left:8px;
	height:25px;
}
ul.x-tab-strip li {
	float: left;
	margin-left: 0px;
	font-weight: bold;
	/*padding-right: 10px;*/
	padding-right: 1px;
	height:25px;
}
ul.x-tab-strip li a {
	padding-left: 1px;
	color: #464646;
	/*height: 50px;*/
	 height:25px;
	 margin-left:4px;
	 background-color:#d2d4d5;
}
.x-tab-strip span.x-tab-strip-text {
	background:url(../images/cvmail/tabs/bg_tab_off_center.gif) repeat-x scroll center center !important;
	color: #464646;
	font-weight: bold;
    line-height:20px;
    text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding:2px 0!important;
	padding-left:17px !important;
	padding-right:17px !important;
}
li.x-tab-strip-active {
	background:url(../images/cvmail/tabs/bg_tab_onLR.gif) no-repeat right top;
}
li.x-tab-strip-active a {
	background:url(../images/cvmail/tabs/bg_tab_onLR.gif) no-repeat scroll left top;
	border-top:solid 1px #000;
}
li.x-tab-strip-active a span.x-tab-strip-text {
	background:#000 url(../images/cvmail/tabs/bg_tab_on_center.gif) repeat-x scroll center center !important;
	color:#fff!important;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	height:24px!important
	
}
a:hover span.x-tab-strip-text{
	text-decoration: underline;	
}
.x-tab-panel-body {
	border: none;
}

.x-tab-scrolling .x-tab-strip-wrap {
    margin-left  : 16px;
    margin-right : 16px;
}

.x-tab-scroller-right {
    background    : transparent url(../images/cvmail/tabs/scroll-right.gif) no-repeat scroll 0 0px !important;
    border-bottom : none !important;
    width         : 16px !important;
}

.x-tab-scroller-right-over {
    background-position : 0px 0px !important;
}

.x-tab-scroller-left {
    background    : transparent url(../images/cvmail/tabs/scroll-left.gif) no-repeat scroll 0px 0px !important;
    border-bottom : none !important;
    width         : 16px !important;
}

.x-tab-scroller-left-over {
    background-position : 0 0px !important;
}

/**************************** form ****************************/
.x-form .x-fieldset {
	border:none;
}
.labelColor .x-form-item-label , #x-form-el-job_title input {
	/*color:#ff6c48;*/
	font-weight:bold;
}
.labelTextOnly .x-form-item-label , #x-form-el-job_title input {
	font-weight:bold;
}

.x-form-field-textonly {
	height : 18px;
	line-height : 18px;
	padding : 1px 0px 1px 0px;
	vertical-align : middle;
}

.jobPropertiesCriteriaTitle {
	font-family : tahoma,arial,helvetica,sans-serif;
	font-size : 12px;
	font-weight: bold;
}



/**************************** button ****************************/
.x-btn-text-icon .x-btn-center .x-btn-text {
	padding-left:0;
}
.cvmail_toolbar .x-btn button {
	color: #1C5180;
	height: 31px;
}
.cvmail_toolbar .x-btn-over .x-btn-left {
	background-image: none;
	background-color: #ffdf97;
}
.cvmail_toolbar .x-btn-over .x-btn-right {
	background-image: none;
	background-color: #ffdf97;
}
.cvmail_toolbar .x-btn-over .x-btn-center{
	background-image: none;
	/*background-color: #dcf9ff;*/
	background-color: #ffdf97;
}
.cvmail_toolbar .x-btn-over button {
  color: #1C5180;
}
.cvmail_toolbar .x-btn-click .x-btn-text {
  color: #ff6c48 !important;
}
.x-btn-text {
	color: #000;
}
.x-window .x-panel-body{
	background:transparent none !important;
}
.x-window .x-form-element{
	width:64% !important;
}
.x-window .x-form-item label{
	width:36% !important;
}
.x-window .x-btn-left ,
.x-window .x-btn-right,
.x-window .x-btn-center {
	/*background:#ff6c48 !important;*/
	border-top:2px solid #b10000 !important;
	border-bottom:2px solid #b10000 !important;
}
.x-window .x-btn-left {
	border-left:2px solid #b10000 !important;
}
.x-window .x-btn-right {
	border-right:2px solid #b10000 !important;
}
.x-window .x-btn-center {
	color:#fff !important;
}
.x-window .x-btn button {
	font-weight:bold !important;
	color:#000 !important;
}

table.x-item-disabled button.btSendMail {
	background: url(../../../../img/bt/bt_icon_email_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btAttach {
	background: url(../../../../img/bt/bt_icon_attach_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btEmpty {
	background: url(../../../../img/bt/bt_icon_trash_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btTrash {
	background: url(../../../../img/bt/bt_icon_trash_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btTransfer {
	background: url(../../../../img/bt/bt_icon_transfer_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btCopyToFolder {
	background: url(../../../../img/bt/bt_icon_folder_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btChangeStatus {
	background: url(../../../../img/bt/bt_icon_change_state_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btRestore {
	background: url(../../../../img/bt/bt_icon_restore_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btSave {
	background: url(../../../../img/bt/bt_icon_save_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btExportResult {
	background: url(../../../../img/bt/bt_icon_export_result_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btCvLoad {
	background: url(../../../../img/bt/bt_icon_cvload_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btPrint {
	background: url(../../../../img/bt/bt_icon_print_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btAddToFavourites {
	background: url(../../../../img/bt/bt_icon_add_favorite_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btRemoveFromFavourites {
	background: url(../../../../img/bt/bt_icon_delete_favorite_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btReactivateEmail {
	background: url(../../../../img/bt/bt_icon_active_address_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btDeactivateEmail {
	background: url(../../../../img/bt/bt_icon_desactive_address_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btModify {
	background: url(../../../../img/bt/bt_icon_post_modify_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btNext {
	background: url(../../../../img/bt/bt_icon_next_disabled.gif) no-repeat 0px 3px !important;
}
table.x-item-disabled button.btPrevious {
	background: url(../../../../img/bt/bt_icon_previous_disabled.gif) no-repeat 0px 3px !important;
}

/**************************** toolbar ****************************/
.x-paging-info {
	color: #fff !important;
}
.cvmail_toolbar {
	border-style: none !important;
	border-width: 0 !important;
	border-color: transparent !important;
	padding-top:0 !important;
	padding-left:0 !important;
	height:35px !important;
	background: #f39912 url(../../../../img/bg/toolbarbtn_bg.gif) repeat-x center top !important;
}
.x-toolbar .ytb-sep {
	background-image: url(../images/cvmail/grid/grid-gris-split.gif);
	margin:0 !important;
	width:2px !important;
}

div.cvmail_toolbar span.ytb-sep {
	height: 32px;
}
.x-toolbar .x-btn-left {
	padding-left:3px !important;
	background: url(../../../../img/bg/toolbarbtn_bg_on.png) repeat-x center center;
}
.x-toolbar .x-btn-right {
	padding-right:1px !important;
	background: url(../../../../img/bg/toolbarbtn_bg_on.png) repeat-x center center;
}
.x-toolbar .x-btn-center {
	padding:2px 0;
	background: url(../../../../img/bg/toolbarbtn_bg_on.png) repeat-x center center;
	
}
.x-toolbar .x-item-disabled .x-btn-left {
	padding-left:3px !important;
	background: url(../../../../img/bg/toolbarbtn_bg.gif) repeat-x center center !important;
}
.x-toolbar .x-item-disabled .x-btn-right {
	padding-right:1px !important;
	background: url(../../../../img/bg/toolbarbtn_bg.gif) repeat-x center center !important;
}
.x-toolbar .x-item-disabled .x-btn-center {
	padding:2px 0;
	background: url(../../../../img/bg/toolbarbtn_bg.gif) repeat-x center center !important;
}
table.noBg .x-btn-left,table.noBg .x-btn-right,table.noBg .x-btn-center{
	background: transparent none !important;
}
div.cv_mail_pager .x-btn-left,div.cv_mail_pager .x-btn-right,div.cv_mail_pager .x-btn-center{
	background: transparent none !important;
}

/****************************Action Pannel*********************/
div.actionMenu{
	margin:0px 0 0px 6px;
	width:280px !important;
}
div#leftMenuUpPanel div.actionMenu .x-panel-body-noheader{
	height:auto !important;
}
div.actionMenu .ext-el-mask{
	background-color:transparent !important;
}
div.actionMenu .x-toolbar .x-btn-center {
	background:transparent url(../../../../img/bg/bt_pannel_action_center.png) repeat-x scroll center center;
	/*padding:2px 0;*/
	padding:0px;
    width:198px;
    text-indent:5px;
}
div.actionMenu .x-toolbar .x-btn-left{
	background:transparent url(../../../../img/bg/bt_pannel_action_left.png) no-repeat scroll center center;
	padding-left:31px !important;
}
div.actionMenu .x-toolbar .x-btn-right{
	background:transparent url(../../../../img/bg/bt_pannel_action_right.png) no-repeat scroll center center;
	padding-left:7px !important;
}
div.actionMenu .cvmail_toolbar .x-btn button{
	color:#FFF;
	font-weight:bold;
	width:223px !important;
	text-align:left;
}
div.actionMenu .cvmail_toolbar .x-btn-text{
	width:auto !important;
	text-indent:4px !important;
}	
div.actionMenu .cvmail_toolbar,div.actionMenu .x-toolbar {
	background:transparent none !important;
}
div.actionMenu .cvmail_toolbar{
}
div.actionMenu em{
	background:transparent none !important;
	padding:0px !important;
}
div.actionMenu .x-toolbar .x-btn-menu-active .x-btn-left{
	background:transparent url(../../../../img/bg/bt_pannel_action_left_on.png) no-repeat scroll center center;
}
div.actionMenu .x-toolbar .x-btn-menu-active .x-btn-right{
	background:transparent url(../../../../img/bg/bt_pannel_action_right_on.png) no-repeat scroll center center;
	padding-left:7px !important;
}
div.actionMenu .x-menu{
	background:transparent none !important;
}
div.menuAction{
	background:transparent url(../../../../img/bg/bg_menu_center.png) no-repeat scroll 0 bottom !important;
	left:6px !important;
	top:101px !important;
	border:none !important;
	padding:0px !important;
	padding-bottom:4px !important;
	
}
div.menuAction ul{
	background-color:#000 !important;
	
}	
div.menuAction ul li{
	background:transparent url(../../../../img/bg/bg_menu_right.png) no-repeat scroll right bottom !important;
    opacity:1 !important;
	padding:0px;
	width:275px;
} 
div.menuAction ul li a{
	background:transparent url(../../../../img/bg/bg_menu.png) no-repeat scroll left bottom !important;
	width:133px;
	color:#FFF !important;
	text-indent:14px;
}
div.menuAction ul li.x-menu-item-active{
    border:none !important;
}
div.menuAction ul li.x-menu-item-active a{
    color:#FF6C48 !important;
}
div.menuAction ul li.x-item-disabled a{
    opacity:0.4 !important;
}
div.actionMenu .x-btn-text span.jobTitle{
	font-weight:500 !important;
	color:#FFF !important;
	padding-right:3px !important;
}
div.actionMenu .x-btn-text span{
	color:#F39912 !important;
	font-weight:bold !important;
}
		
/**************************** grid ****************************/
.x-grid3-hd-row td {
	-moz-user-select: none;
	line-height: 13px;
	padding-left: 1px;
	padding-right: 1px;
	vertical-align: top;
}
.x-grid3-row td, .x-grid3-summary-row td {
	line-height: 15px;
	vertical-align: middle;
	border-right: 1px solid #faede9;
	border-left: 1px solid #FDF3F0;
}
.x-grid3-row {
	border-top: 1px solid #fff6f2;
	border-bottom: 1px solid #faede9;
}
.x-grid3-row-alt {
	background-color: #FFF9EF;
	border-top: 1px solid #faede9;
	border-bottom: 1px solid #faede9;
}
.x-grid3-row-alt td {
	border-left: 1px solid #fdf3f0;
}
.x-grid3-row-over {
	border: 1px dotted #a3bae9;
	background: #FCDE8B none repeat scroll 0% !important;
}
.x-grid3-row-selected {
	background: #FCDE8B none repeat scroll 0% !important;
	border: 1px dotted #a3bae9;
}
.x-grid3-body .x-grid3-td-checker {
	background: none;
}
.x-grid3-row-over .x-grid3-cell, .x-grid3-row-selected .x-grid3-cell {
	border-right: 1px dotted #a3bae9;
}


/**************************** panel ****************************/
.x-panel-header {
	background: none;
}
.x-panel-header-text {
	color:#ff6633;
}
.x-panel-body {
	background:#2ed3f3 url(../images/cvmail/tabs/grade.png) repeat-y scroll 0 0 !important;
}
div#jobs-left-panelChooseUser .x-panel-bwrap .x-panel-body{
	background:none!important;
}
	
.x-panel-body-noheader, .x-panel-body, .x-panel, .x-panel-header {
	border-style: none !important;
	border-width: 0 !important;
	border-color: transparent !important;
}
.x-panel-body .x-panel-body-noheader {
	padding:0 !important;
}
div.noHeight div.x-panel-bwrap div.x-panel-body,div.noHeight div.x-panel-bwrap div.x-panel-body-noheader{
	display:none!important;
}
div#center .x-panel-body .x-panel-body-noheader {
	background:#fff !important;
}
.x-panel-bc .x-panel-footer, .x-panel-bc, .x-panel-bl, .x-panel-br, .x-panel-mc, .x-panel-ml , .x-panel-mr {
	background:#fff !important;
}
.x-panel-tl {
	border-bottom:none !important;
}
.x-tool-close {
	width:19px;
	height:19px;
	background:transparent url(../images/cvmail/panel/btn-close.png) no-repeat 0 0 !important;
	margin:0 0 2px;
}
.x-tool-restore {
	width:19px;
	height:19px;
	background:transparent url(../images/cvmail/panel/btn-restore.png) no-repeat 0 0 !important;
	margin:0 0 2px;
}
.x-tool-maximize{
	width:19px;
	height:19px;
	background:transparent url(../images/cvmail/panel/bnt-maximize.png) no-repeat 0 0 !important;
	margin:0 0 2px;
}


/**************************** window ****************************/
.x-window-header-text {
	font:normal 1.30em arial,sans-serif !important;
	line-height:1.20em !important;
	color:#fff !important;
}
.x-window-body, .x-window-bc, .x-window-bl, .x-window-br, .x-window-mc, .x-window-ml, .x-window-mr {
	background:#fff !important;
}
body.x-body-masked .x-window-plain .x-window-mc {
	background:#fff !important;
}
.x-window-mc {
	border:none !important;
}
.x-window-ml {
	padding-left:0 !important;
}
.x-window .x-panel-body {
	background-color:#fff !important;
}
.x-window .x-form {
	padding:6px 0 10px 6px;
}

/**************************** layout ****************************/
/* TODO : LAYOUT - icons split */
.x-layout-split-west {
	width: 6px;
	/*background: #007AB3  url(../images/cvmail/layout/handle_split_panel_west.gif) no-repeat 50% 50%;*/
	background-color: #007AB3;
	border-style: none;
	border-width: 0;
}


/**************************** pager ****************************/
.cv_mail_pager {
	color: #FFF !important;
	background: none !important;
	border-style: none !important;
	border-width: 0 !important;
	border-color: transparent !important;
	border-style: none none none none !important;
	border-width: 0 0 0 0 !important;
	background: #00c2e8 url(../images/cvmail/toolbar/bg_pager.gif) no-repeat top right !important;
}
.cv_mail_pager table {
	background-color: #abe4f6;
	border: solid 1px #0075ae;
	border-spacing: 0px;
	color: #000 !important;
}
.cv_mail_pager table td table {
	border-style: none !important;
	border-width: 0 !important;
	border-color: transparent !important;
	border-style: none none none none !important;
	border-width: 0 0 0 0 !important;
}
.cvmail_leftColumn_header {
	background: none;
}

/************************************ menu buttons *********************************/
.x-menu {
	border : 1px solid #07B;
	background : #f0f0f0 url(../images/cvmail/menu/bg_menu.gif) repeat-y !important;
}
.x-menu-item-icon {
	height : 20px;
	width : 22px;
	margin: 0 11px 0 0;
}
.x-menu a.x-menu-item {
	line-height : 20px;
	padding: 3px 21px 3px 0px !important;
}

.cvmail_toolbar .x-btn-menu-active .x-btn-left,
.cvmail_toolbar .x-btn-menu-active .x-btn-center,
.cvmail_toolbar .x-btn-menu-active .x-btn-right {
	background-image : none;
	background-color : #DCF9FF;
}

.icNR {
    background-image: url(../../../../img/puce/puce_icon_unread.gif) !important;
}
.icNP {
    background-image: url(../../../../img/puce/puce_icon_non_traite.gif) !important;
}
.icRef {
    background-image: url(../../../../img/puce/puce_icon_negative.gif) !important;
}
.icC {
    background-image: url(../../../../img/puce/puce_icon_convoque.gif) !important;
}
.icA {
    background-image: url(../../../../img/puce/puce_icon_retenue.gif) !important;
}
img.icRec {
    background-image: url(../../../../img/puce/puce_icon_recrutee.gif) !important;
}

/***************tree ******************************/
/**to render a node with a folder icon even if it's a leaf. **/
.x-tree-node-leaf .x-tree-node-icon {
	background-image : url(../images/default/tree/folder.gif);
}

.sharedFolder .x-tree-node-icon {
	background-image: url(../../../../img/puce/puce_icon_shared_folder.gif);
}

.x-tree {
    zoom : 1;
    margin:0px;
    padding:0px;
}

.x-tree-root-ct{
    zoom : 1;
    margin-bottom:1px;
}

.x-tree-no-lines .x-tree-elbow-plus,
.x-tree-no-lines .x-tree-elbow-end-plus {
    background-image : url(../images/cvmail/tree/collapsed.gif);
    background-position : 3px 5px;
}

.x-tree-no-lines .x-tree-elbow-minus,
.x-tree-no-lines .x-tree-elbow-end-minus {
    background-image : url(../images/cvmail/tree/expanded.gif);
    background-position : 3px 5px;
}

.x-tree-node a span {
    color : #0074B6;
    padding : 1px 3px 1px 2px;
    text-decoration : none;
    
}

.x-tree-node .treeMenuRoot a span {
    color : #FFF;
    font-weight : bold;
    text-decoration : none;
    font-size:12px;
}

.x-tree-node a span:hover {
    text-decoration : none;
}
li.x-tree-node a:hover span{
    text-decoration : underline;
}
div#candidacies-left-panelTrees li.x-tree-node a:hover span{
	text-decoration: none !important;
}
div#trash-tree li.x-tree-node a:hover span{
	text-decoration: underline !important;
}
.x-tree-node .x-tree-selected {
    background-color : #Fac037!important;
}
.x-tree-node .x-tree-selected a span {
    color:#FFF!important;
}    

.x-tree-node .x-tree-node-over{
	background-color:#fcde8b!important;
}
.x-tree-node .x-tree-node-over span{
	text-decoration: underline;
}
div#allcandidacies-tree .x-tree-selected,
div#candidaciesToClass-tree .x-tree-selected,
div#trash-tree .x-tree-selected{
	background :url(../../../../img/bg/bg_x-tree-node_on.png) repeat-x center center!important;
}
div#allcandidacies-tree .x-tree-selected a span,
div#candidaciesToClass-tree .x-tree-selected a span,
div#trash-tree .x-tree-selected a span{
	color:#FFF!important;
}
.x-tree-root-ct .treeMenuRoot{
    background : transparent url(../../../../img/bg/bg_x-tree-node_off.png) repeat-x center center;
}
.x-tree-root-ct .x-tree-node-expanded{
   /*background:transparent url(../../../../img/bg/bg_x-tree-node_on.png) repeat-x scroll center center !important;*/
}
.x-tree-root-ct .x-tree-selected{
   background:transparent url(../../../../img/bg/bg_x-tree-node_on.png) repeat-x scroll center center !important;
}
.x-tree-root-ct div.treeChildNode{
	background-image :none!important;
	margin-top:1px;
	background-color : #FFF;
	 	
}

.x-tree-node .x-tree-selected a span {
    color : #FFFFFF;
    font-weight : bold;
    text-decoration : none;
}
div#allcandidacies-tree,
div#candidaciesToClass-tree,
div#trash-tree,
div#candidacies-left-panelTrees{
	padding-left:8px;
	width:273px;
	
}
div#allcandidacies-tree .x-panel-body,
div#candidaciesToClass-tree .x-panel-body,
div#trash-tree div.panelTrees .x-panel-body,
div#candidacies-left-panelTrees .x-panel-body{
	width:273px !important;
}
div#trash-tree{
	padding-left:0px !important;
}	
ul.x-tree-node-ct li.x-tree-node div.x-tree-node-expanded{
	background-color:#FFFFFF !important;;
}
ul.x-tree-node-ct li.x-tree-node div.x-tree-selected{
	background-color:#FAC037 !important;
	color:#000 !important;
}
ul.x-tree-node-ct li.x-tree-node div.x-tree-selected span{
	color:#000 !important;
}
/********************* empty messages panel ****************/
.mssgError {
	padding-left : 10px;
}