@import url("../css/standard-columns.css");

@import url("../../../charter-ltr/hraccess.css");

.ui-dialog {
	width: max-content !important;
}

.ui-widget-overlay.custom-overlay {
	background-color: black;
	background-image: none;
	opacity: 0.3;
	z-index: 1040;    
}

/** 
	This white-space setting is VERY important as it keeps content from "spilling"
	outside of portlets.
*/
td, th {
	white-space: normal; 
}

form {
	padding:0;
	margin: 0;
}

/*
 * Divers jetspeed
 */
#banner {
	padding: 0px;
}

#main {
	/*border-top: 1px solid #f7f3e7;*/
}

.hrportal-portal-layout {
	padding-top:2px;
}

.portal-layout-maxed {
	padding-top: 4px;
	padding-right: 2px;
}

.portal-layout-column {
	/*min-height: 50px;*/
}

/**
 * diagnostic
 */
.hrportal-diagnostic {
	padding: 10px;
	background-color: white;
	border: 1px solid red;
}

.hrportal-diagnostic-title {
	font-size: 15px;
	color: black;
	padding-left: 10px;
	padding-right: 100px;
}

.hrportal-diagnostic-link {
	padding-left: 3px;
	font-size: 10px;
}

.hrportal-diagnostic-link a {
	color: black;
}

/**
 * Fatal error
 */
.hrportal-fatal-title {
	text-align: center;
	font-size: 20px;
	color: red;
	padding-top: 10px;
	padding-bottom: 20px;
}

.hrportal-fatal-subtitle {
	font-size: 18px;
}

.hrportal-fatal-field-title {
	padding-left: 20px;
	padding-top: 5px;
	font-weight: bold;
}

.hrportal-fatal-field {
	font-style: italic;
	padding-left: 5px;
	padding-top: 5px;
}

.hrportal-fatal-logs {
	padding-top: 10px;
}

/**
 * Layout pour le client riche
 */
.portal-layout-single {
	height: 100%;
	padding-left:2px;
	padding-right:0px;
	overflow-y: hidden;
}

.portal-layout-single-darjeeling {
	height: 100%;
	padding-left:0px;
	padding-right:0px;
	overflow-y: hidden;
}

/******************************
	Debut Darjeeling
*******************************/
	
	html.darjeeling, body.darjeeling {
		height:100%; /* juste pour permettre le mode standard pour le rich-client */
	}
	
	.hrportal-category-navigation a {
		text-decoration: none;
	}
	
	#hrsp_bar_darjeeling {
		background-color:#333333;
		padding: 3px 8px;
		margin:0;
	}
	
	/******************************
		Debut menu Darjeeling
	*******************************/
		#hrsp_menu,
		.hrsp_breadcrumb_element_menu ul {
			float : left;
			width:100%;
			font-size:12px;
			font-family:verdana, arial;
			margin-bottom:0;
			margin-left:0;
			margin-right:0;
			margin-top:1px;
		}
		
		#hrsp_menu .hrsp_root:hover {
			background-image: url(../hrimages/hrsp_menu_background_hover.png);
			background-color: #95C2CE;
		}
		
		//depracated
		#hrsp_menu .hrsp_root.ui-state-hover {
			background-image: url(../hrimages/hrsp_menu_background_hover.png);
			background-color: #95C2CE;
		}
		
		#hrsp_menu .hrsp_root_label
		{
			font-weight: bold;
			text-align: left;
			width: 100%;
			padding: 0;
			color: white;
			line-height: 10px;
			height: 12px;
			background-image: url(../hrimages/hrsp_menu_main_open.png);
			background-repeat: no-repeat;
			background-position: 100% 70%;
			cursor: pointer;
			font-family: verdana, arial;
		}
		
		#hrsp_menu .hrsp_root:active .hrsp_root_label
		{
			padding-left: 0px;
			padding-top: 1px;
			height: 15px;
		}
		//depracated
		#hrsp_menu .hrsp_root.ui-state-active .hrsp_root_label
		{
			padding-left:9px;
			padding-top:2px;
			height:16px;
		}
		
		#hrsp_menu a,
		#hrsp_breadcrumb a
		{
			text-decoration:none;
			display:block;
		}
		
		/* Pas de puces et pas de décalage des listes html*/
		#hrsp_menu, 
		#hrsp_menu ul,
		#hrsp_breadcrumb ul{
			padding:0;
			list-style-type:none;
			list-style-position:outside;
			width: 125px;
			position:relative;  /* Flag de positionnement pour les enfants absolute*/
			line-height:14px;
		}
		
		/* La taille des éléments du menu  */
		#hrsp_menu ul,
		#hrsp_breadcrumb ul
		{
			margin:0; 
			z-index: 10000;
			position:absolute;
			display:none;  /* Ferme par defaut */
			width:24em;   /* La taille des éléments du menu doit etre rappeler + bas pour '#hrsp_menu li ul ul'*/
			top:24px;/*re-specifier la hauteur du root, décalage entre root et premier menu liste. 100% ne marche pas bien*/
			border: 1px solid #666666;
		}
		
		#hrsp_menu li,
		#hrsp_breadcrumb li li{
			width:100%; /*Ajout Xav, */
			float:left; /* permet de mettre les blocs root à coté (inutile ici, car un seul bloc root)*/
			position:relative; /* Flag de positionnement pour les enfants absolute, mais semble inutile ici*/
		}
		
		/* ne concerne que les menu de niveau 2 */
		#hrsp_menu ul ul,
		#hrsp_breadcrumb ul ul{
			top:0;  /*Pour surcharger la valeur 2em vu + haut. Avec 0, Le bloc de sous-menu apparait au même niveau que son pere li (auto pose des pb)*/
		}
		
		/* ne concerne que les menu de niveau 2 */
		#hrsp_menu li ul ul,
		#hrsp_breadcrumb li ul ul {
			left:24em; /* décalage La taille des éléments du menu doit etre rappeler + haut pour '#hrsp_menu ul'*/
			margin:0px 0 0 0px; /* pas besoin de marge 10 px car on n'utilise pas des anchor avec marges de 2*5 comme element de menu */
		}
		
		.hrsp_cont_domain_sub,
		.hrsp_cont_topic,
		.hrsp_cont_domain_only,
		.hrsp_cont_domain_popup,
		.hrsp_cont_fa_only,
		.hrsp_cont_fa_popup,
		.hrsp_cont_empty
		{
			position:relative;
			padding: 0 0;
			border:0;
		}
		
		.hrsp_domain .hrsp_cont_domain_sub,
		.hrsp_domain .hrsp_cont_topic,
		.hrsp_domain .hrsp_cont_fa_only,
		.hrsp_domain .hrsp_cont_fa_popup,
		.hrsp_domain .hrsp_cont_domain_only,
		.hrsp_domain .hrsp_cont_domain_popup,
		.hrsp_empty .hrsp_cont_empty
		{
			background-color:white; /* Blanc */
		}
		
		.hrsp_breadcrumb_element_menu .hrsp_cont_domain_sub,
		.hrsp_breadcrumb_element_menu .hrsp_cont_topic,
		.hrsp_breadcrumb_element_menu .hrsp_cont_fa_only,
		.hrsp_breadcrumb_element_menu .hrsp_cont_fa_popup,
		.hrsp_breadcrumb_element_menu .hrsp_cont_domain_only,
		.hrsp_breadcrumb_element_menu .hrsp_cont_domain_popup,
		.hrsp_breadcrumb_element_menu .hrsp_cont_empty
		{
			background-color:white; /* Blanc */
		}
		
		.hrsp_tool .hrsp_cont_domain_sub,
		.hrsp_tool .hrsp_cont_topic,
		.hrsp_tool .hrsp_cont_fa_only,
		.hrsp_tool .hrsp_cont_fa_popup,
		.hrsp_tool .hrsp_cont_domain_only,
		.hrsp_tool .hrsp_cont_domain_popup
		{
			background-color:#EAEAEA; /* Gris clair */
		}
		
		.hrsp_partText,
		.hrsp_partHome,
		.hrsp_partAction
		{
			color:black;
		}
		
		.hrsp_partText
		{
			display:block;
			padding-top:5px;
			padding-bottom:5px;
			border:0;
			min-height:14px;
			cursor:default;
		}
		
		a.hrsp_partText,
		.hrsp_cont_fa_only>.hrsp_partText,
		.hrsp_cont_fa_popup>.hrsp_partText,
		.hrsp_cont_domain_only>.hrsp_partText,
		.hrsp_cont_domain_popup>.hrsp_partText,
		.hrsp_partHome,
		.hrsp_partAction
		{
			cursor:pointer;
		}
		
		.hrsp_partHome,
		.hrsp_partAction
		{
			border:0;
			position:absolute;
			width:20px;
			height:100%;
			top:0;
			-moz-border-radius: 5px; /* Mozilla */
			-webkit-border-radius: 5px; /* Webkit */
			border-radius: 5px; /* Standard CSS3 */
		}
		
		.hrsp_partHome.hrsp_part_hover
		{
			background-image: url(../hrimages/hrsp_wte_home_selected.png);
		}
		
		.hrsp_cont_domain_only>.hrsp_partText
		{
			margin-left:20px;
			margin-right:0;
			padding-left:5px;
			padding-right:5px;
		}
		
		.hrsp_cont_domain_popup>.hrsp_partText
		{
			margin-left:20px;
			margin-right:20px;
			padding-left:5px;
			padding-right:5px;
		}
		
		.hrsp_cont_fa_only>.hrsp_partText
		{
			margin-left:0;
			margin-right:0;
			padding-left:5px;
			padding-right:5px;
		}
		
		.hrsp_domain .hrsp_cont_hover,
		.hrsp_domain .hrsp_active>.hrsp_cont_domain_sub, /* Specialement pour le marquage comme actif */
		.hrsp_domain .hrsp_active>.hrsp_cont_topic,
		.hrsp_domain.hrsp_active>.hrsp_cont_domain_sub,
		.hrsp_domain.hrsp_active>.hrsp_cont_topic
		{
			background-color:#CCCCCC; /* Gris moyen */
		}
		
		.hrsp_breadcrumb_element_menu .hrsp_cont_hover,
		.hrsp_breadcrumb_element_menu .hrsp_active>.hrsp_cont_domain_sub, /* Specialement pour le marquage comme actif */
		.hrsp_breadcrumb_element_menu .hrsp_active>.hrsp_cont_topic,
		.hrsp_breadcrumb_element_menu.hrsp_active>.hrsp_cont_domain_sub,
		.hrsp_breadcrumb_element_menu.hrsp_active>.hrsp_cont_topic
		{
			background-color:#CCCCCC; /* Gris moyen */
		}
		
		.hrsp_part_hover
		{
			background-color:#555555; /* Gris fonce */
			color:white;
		}
		
	/******************************
		Fin menu Darjeeling
	*******************************/
	
	/******************************
		Debut Search Darjeeling
	*******************************/
		
		input#hrsp_input_search {
			width:100%;
			border-width: 1px 0 1px 1px;
			border-style:solid;
			border-color:#CECECE;
			height: 16px;
		}
		
	/******************************
		Fin Search Darjeeling
	*******************************/
	
	/******************************
		Debut Breadcrumb Darjeeling
	*******************************/
		
		#hrsp_breadcrumb {
			margin: 4px;
			width:auto;
			font-family:verdana, arial;
			font-size:8pt;
			padding:0;
			list-style-type:none;
			list-style-position:outside;
		}
		
		#hrsp_breadcrumb > li {
			display: inline-block;
			vertical-align:middle;
		}
		.hrsp_breadcrumb_separator{
			margin: 0 8px 0 0;
		}
		
		.hrsp_breadcrumb_element_home,
		.hrsp_breadcrumb_element_menu,
		.hrsp_breadcrumb_separator{
			color: #999999;
		}
		
		.hrsp_breadcrumb_element_menu .hrsp_root,
		.hrsp_breadcrumb_element_home {
			padding: 0 11px 0 0;
		}
		
		.hrsp_breadcrumb_element_home a{
			text-decoration: none;
			color: #999999;
		}
		
		.hrsp_breadcrumb_element_home:hover .hrsp_breadcrumb_element_home_text{
			text-decoration: underline;
			color: white;
		}
		
		.hrsp_breadcrumb_element_last,
		.hrsp_breadcrumb_element_last a
		{
			font-weight: bold;
			color: white;
		}
		
		.hrsp_breadcrumb_home_img,
		.hrsp_autocomplete_breadcrumb_home_img{
			background-image:url(../hrimages/hrsp_wte_home_breadcrumb.png);
			background-repeat: no-repeat;
			background-position: center;
			width: 16px;
			height: 16px;
			vertical-align: bottom;
			margin-right: 4px;
			border: 0;
		}
		
		.hrsp_breadcrumb_element_home:hover .hrsp_breadcrumb_home_img{
			background-image:url(../hrimages/hrsp_wte_home_selected.png);
		}
		
		.hrsp_breadcrumb_home_img
		{
			margin-bottom: -1px;
			margin-top: -2px;
		}
		
		.hrsp_autocomplete_breadcrumb_home_img{
			margin-bottom: 2px;
		}
		
		.hrsp_breadcrumb_element_menu .hrsp_root,
		.hrsp_breadcrumb_element_home {
			cursor: pointer;
			background: none;
			color: #999999;
			border: none;
			font-family: verdana, arial;
		}
		
		.hrsp_breadcrumb_element_menu .hrsp_root:hover{
			border: none;
			background-image:url(../hrimages/hrsp_breadcrumb_open_active.png);
			background-repeat: no-repeat;
			background-color: inherit;
			background-position:100% 65%;
			color: white;
			font-weight: inherit;
		}
		
		.hrsp_breadcrumb_element_home:hover{
			border: none;
			color: white;
			font-weight: inherit;
		}
		
		//deprecated
		.hrsp_breadcrumb_element_menu .hrsp_root.ui-state-hover,
		.hrsp_breadcrumb_element_menu.hrsp_active .hrsp_root{
			background-image:url(../hrimages/hrsp_breadcrumb_open_active.png);
			background-repeat: no-repeat;
			background-position:100% 65%;
			color: white;
		}
		
		.hrsp_breadcrumb_element_menu.ui-state-active{
		}
		
	/******************************
		Fin Breadcrumb Darjeeling 
	*******************************/
	
	/******************************
		Debut Autocomplete Darjeeling
	*******************************/
		
		ul.ui-autocomplete {
			cursor: default !important;
			position:absolute !important;
			font-family: verdana,arial !important;
			font-size: 12px !important;
			list-style: none outside none !important;
			border: 1px solid #666666 !important;
			margin: 0 !important;
			background-color: white !important; /* Blanc */
			-moz-border-radius: 4px !important; /* Mozilla */
			-webkit-border-radius: 4px !important; /* Webkit */
			border-radius: 4px !important; /* Standard CSS3 */
			max-height: 274px !important;
			overflow-y: auto !important;
			overflow-x: hidden !important; /* Contre la scroll bar horizontale */
			padding: 2px !important; /* De la place pour éviter scroll bar verticale, si selection au bord*/
		}
		
		.ui-menu .ui-menu-item {
			clear: left;
			float: left;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
		.ui-menu .ui-menu-item a {
			display: block;
			line-height: 1.5em;
			padding: 0.2em 0.4em;
			text-decoration: none;
			color: black;
			cursor: pointer;
		}
		
		.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover{
			border: 1px solid #cccccc;
			background: #ededed;
			font-weight: normal;
			color: #2b2b2b;
		}
		
		.ui-state-active, .ui-widget-content .ui-state-active{
			border: 1px solid #cccccc !important;
			background: #ededed !important;
			font-weight: normal !important;
			color: #2b2b2b !important;
		}
		
	/******************************
		Fin Autocomplete Darjeeling
	*******************************/
	
	table.full {
		width: 100%;
		height: 100%;
	}
	
	table thead tr th.sortable {
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}
	
	table thead tr th.sortableAsc {
		background-image: url("../../../charter-ltr/table_order_asc.gif");
	}
	
	table thead tr th.sortableDesc {
		background-image: url("../../../charter-ltr/table_order_desc.gif");
	}
	
/******************************
	Fin Darjeeling
*******************************/

.hr-confirm-dialog-message {
	background-image: url("../../../charter-ltr/wte_iconquest.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 42px;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
}

.hr-confirm-dialog-buttons-separator {
	width: 5px;
}

.hr-confirm-dialog-buttons {
	margin-left: auto;
}

.hr-alert-dialog-message {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 42px;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
}

.hr-alert-dialog-message-info {
	background-image: url("../../../charter-ltr/wte_iconinfo.gif");
}

.hr-alert-dialog-message-warn {
	background-image: url("../../../charter-ltr/wte_iconex.gif");
}

.hr-alert-dialog-message-error {
	background-image: url("../../../charter-ltr/wte_iconerror.gif");
}

/******************************
	Styles dépendants 
	de la langue
*******************************/




/******************************
	Debut Darjeeling
*******************************/
	
	/******************************
		Debut menu Darjeeling
	*******************************/
		
		#hrsp_menu .hrsp_root {
			background-image: url(../hrimages/hrsp_menu_background.png);
			background-repeat: repeat-x;
			background-position: top;
			background-color: #2C80A5;
			cursor:pointer;
			height: 9px;
			padding-left: 8px;
			padding-right: 5px;
			width: 100%;
			border: none;
			font-size:8pt;
			-moz-border-radius: 3px; /* Mozilla */
			-webkit-border-radius: 3px; /* Webkit */
			border-radius: 3px; /* Standard CSS3 */
		}
		
		.hrsp_partHome {
			left:0;
			background-image: url(../hrimages/hrsp_wte_home.png);
			background-repeat: no-repeat;
			background-position:center;
		}
		
		.hrsp_partAction {
			right:0;
			background-image: url(../hrimages/hrsp_wte_new_window.gif);
			background-repeat: no-repeat;
			background-position:center;
		}
		
		.hrsp_cont_domain_sub>.hrsp_partText {
			margin-left:20px;
			margin-right:0;
			padding-left:5px;
			padding-right:25px;
		}
		
		.hrsp_cont_topic>.hrsp_partText {
			margin-left:0;
			margin-right:0;
			padding-left:5px;
			padding-right:25px;
		}
		
		.hrsp_cont_fa_popup>.hrsp_partText {
			margin-left:0;
			margin-right:20px;
			padding-left:5px;
			padding-right:5px;
		}
		
		.hrsp_cont_domain_sub .hrsp_partText,
		.hrsp_cont_topic .hrsp_partText
		{
			background-image: url(../hrimages/hrsp_submenu.png);
			background-repeat: no-repeat;
			background-position:right;
		}
		
		/* surcharge des hover */
		.hrsp_cont_domain_sub .hrsp_partText_hover,
		.hrsp_cont_topic .hrsp_partText_hover
		{
			background-image: url(../hrimages/hrsp_submenu_hover.png);
			background-repeat: no-repeat;
			background-position:right;
		}
	/******************************
		Fin menu Darjeeling
	*******************************/
	
	/******************************
		Debut Search Darjeeling
	*******************************/
		
		#hrsp_search_zone {
			width:auto;
			margin-left:136px; /* 136 px + un espace de 12px */
			-moz-border-radius: 3px 0 0 3px; /* Mozilla */
			-webkit-border-radius: 3px 0 0 3px; /* Webkit */
			border-radius: 3px 0 0 3px; /* Standard CSS3 */
		}
		
		#hrsp_labelInputSearch {
			float:left;
			width:150px;
			font-size:8pt;
			font-family:verdana, arial;
			font-style:normal;
			text-align:right;
			color:#CCCCCC;
			margin-top:4px;
		}
		
		#hrsp_buttonSearch{
			float : right;
			width: 16px;
			height: 9px;
			cursor:pointer;
			background-color :  #BAE1FF;
			border-width: 1px 1px 1px 0;
			border-style:solid;
			border-color:#CECECE;
			background-image:url(../hrimages/hrsp_search_button.png);
			background-repeat: no-repeat;
			background-position: top;
			background-color: #333333;
			margin:0;
		}
		
		#hrsp_buttonSearch.ui-state-hover{
			background-image:url(../hrimages/hrsp_search_button_hover.png);
		}
		
		#hrsp_buttonSearch.ui-state-active{
			background-image:url(../hrimages/hrsp_search_button_active.png);
		}
		
		#hrsp_conteneurInput{
			position:relative;
			margin-right:39px;
			margin-left:155px;
			width : auto;
		}
		
		
		
		
		#hrsp_search_conteneur {
			display:none;
		}
	/******************************
		Fin Search Darjeeling
	*******************************/
	
/******************************
	Fin Darjeeling
*******************************/