@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-cell
{
}

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

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

/**
 * 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;
}

/**
 * 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;
}

/******************************
	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;
}

#hrsp_content_menu_search{

}

/***********
	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
{
	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_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
{
	left:0;
	background-image: url(../hrimages/hrsp_wte_home.png);
	background-repeat: no-repeat;
	background-position:center;
}

.hrsp_partHome.hrsp_part_hover
{
	background-image: url(../hrimages/hrsp_wte_home_selected.png);
}

.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_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_topic>.hrsp_partText
{
	margin-left:0;
	margin-right:0;
	padding-left:5px;
	padding-right:25px;
}

.hrsp_cont_fa_only>.hrsp_partText
{
	margin-left:0;
	margin-right:0;
	padding-left:5px;
	padding-right:5px;
}

.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;
}


.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_tool .hrsp_cont_hover,
.hrsp_tool .hrsp_active>.hrsp_cont_domain_sub, /* Specialement pour le marquage comme actif */
.hrsp_tool .hrsp_active>.hrsp_cont_topic,
.hrsp_tool.hrsp_active>.hrsp_cont_domain_sub,
.hrsp_tool.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 */
 
#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_search_conteneur {
	display:none;
}

#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;
}

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,
.hrsp_breadcrumb_element_home: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;
}

//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");
}