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

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




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

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

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

/**
 * Dojo : entete des popups 
 */

.dijitDialog {
	background: #fff;
	
	padding: 0px;
	-webkit-box-shadow: 0px 5px 10px #adadad;
}
.dijitDialog .dijitDialogPaneContent {
	background-color: white;
    border-color: white gray gray white;
    border-style: ridge;
    border-width: 0 2px 2px;
    padding: 8px;
    text-align: left;
}

.dijitDialogTitleBar {
	cursor: move;
	outline:0;
	
	background-color: #DBDEE3;
    border-color: white gray gray white;
    border-style: ridge;
    border-width: 2px 2px 0;
    font-weight: bold;
    padding-bottom: 6px;
    padding-top: 8px; 
    padding-left: 4px;
}

.dijitDialogTitle {	
	background-image: url("../../../charter-ltr/hraccess_logo.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 8pt;
	font-weight: bold;
}

.dijitDialogCloseIcon {	
	background: url("../../../charter-ltr/close_pop-up.gif") no-repeat right 5px;
	position: absolute;
	vertical-align: middle;
	right: 6px;
	top: 4px;
	height: 20px;
	width: 15px;
	cursor: pointer;
}

.dijitDialogCloseIcon-hover {
	background: url("../../../charter-ltr/close_pop-up_rollover.gif") no-repeat right 5px;
}

.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

/******************************
	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:136px;
	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;
	font-size:8pt;
	-moz-border-radius: 3px; /* Mozilla */
	-webkit-border-radius: 3px; /* Webkit */
	border-radius: 3px; /* Standard CSS3 */
}

#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;
	margin:0;
	padding:1px 30px 0 8px ; /* changer aussi le #hrsp_menu .hrsp_root.ui-state-active .hrsp_root_label */
	color:white;
	height:17px; /* On surcharge pour etre sur que c'est egal à l'image (16px + 2px = 18)*/
	background-image: url(../hrimages/hrsp_menu_main_open.png);
	background-repeat: no-repeat;
	background-position:95% 50%;
	cursor:pointer;
}

#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;
	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_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 : 35px;
	height : 18px; 
	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;
}

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

.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;
	position:absolute;
	font-family: verdana,arial;
	font-size: 12px;
	list-style: none outside none;
	border: 1px solid #666666;
	margin: 0;
	background-color: white; /* Blanc */
	-moz-border-radius: 4px; /* Mozilla */
	-webkit-border-radius: 4px; /* Webkit */
	border-radius: 4px; /* Standard CSS3 */
	max-height: 274px;
	overflow-y: auto;
	overflow-x: hidden; /* Contre la scroll bar horizontale */
	padding: 2px; /* 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 a.ui-state-focus {
	font-weight: normal;
	margin: -1px;
	background: #555555; /* Gris fonce */
	border: 1px solid black;
	color: white;
	-moz-border-radius: 4px; /* Mozilla */
	-webkit-border-radius: 4px; /* Webkit */
	border-radius: 4px; /* Standard CSS3 */
}

/* Fin Autocomplete Darjeeling
************/



/***********
	Debut Discussion Feature */

table#hrportal-discussion-link {
	font-family: Verdana;
	font-size: 9pt;
	color: #FFFFFF;
	white-space: nowrap;
	padding-right: 5px;
	cursor: pointer;
	border: 0;
	width: 100%;
}

table#hrportal-discussion-link img#hrportal-discussion-link-img {
	border: 0;
	cursor: pointer;
}

table#hrportal-discussion-link img#hrportal-discussion-link-img {
	border: 0;
	background-image: url("../../../charter-ltr/envelope.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
	width: 16px;
}

table#hrportal-discussion-link div#hrportal-discussion-link-count {
	width: 19px;
	padding-right: 2px;
	text-align: right;
}

table#hrportal-discussion-link:hover {
	color: #ADCDDA;
}

table#hrportal-discussion-link:hover img#hrportal-discussion-link-img {
	background-image: url("../../../charter-ltr/envelope_rollover.gif");
}

div#hrportal-discussion-myconversations-widget {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 780;
	border: 2pt solid #D9D9D9;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-north,
div#hrportal-discussion-conversation-widget > div.ui-layout-north,
div#hrportal-discussion-contacts-widget div.ui-layout-north,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-north {
	background-color: #333333;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1pt solid #D9D9D9;
	text-align: left;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-north span,
div#hrportal-discussion-conversation-widget > div.ui-layout-north span,
div#hrportal-discussion-contacts-widget div.ui-layout-north span,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-north span {
	float: right;
	text-align: center;
	width: 20px;
	cursor: pointer;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south,
div#hrportal-discussion-conversation-widget > div.ui-layout-south,
div#hrportal-discussion-contacts-widget div.ui-layout-south,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south {
	padding: 0;
	margin: 0;
	border: 0;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south > div,
div#hrportal-discussion-conversation-widget > div.ui-layout-south > div,
div#hrportal-discussion-contacts-widget div.ui-layout-south > div,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south > div {
	background-color: #EBEBEB;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	padding: 5px;
	margin: 0;
	text-align: left;

	border-top: 1pt solid #D9D9D9;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-newconv-button,
div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-refresh-button,
div#hrportal-discussion-conversation-widget > div.ui-layout-south table tbody tr td span#conversation-widget-send-button,
div#hrportal-discussion-contacts-widget div.ui-layout-south div span#contacts-widget-find-button,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south div span#add-contacts-widget-add-button,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north span#add-contacts-widget-search-button {
	display: inline-block;
	position: relative;
	padding: 0;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;

	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;

	background-color: #2C80A5;
	background-image: url("../hrimages/hrsp_menu_background.png");
	background-position: center top;
    background-repeat: repeat-x;
	color: #FFFFFF;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-newconv-button.ui-state-hover,
div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-refresh-button.ui-state-hover,
div#hrportal-discussion-conversation-widget > div.ui-layout-south table tbody tr td span#conversation-widget-send-button.ui-state-hover,
div#hrportal-discussion-contacts-widget div.ui-layout-south div span#contacts-widget-find-button.ui-state-hover,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south div span#add-contacts-widget-add-button.ui-state-hover,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north span#add-contacts-widget-search-button.ui-state-hover {
	background-color: #135C9F;
	background-image: url("../hrimages/hrsp_menu_background_hover.png");
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-newconv-button.ui-state-active .ui-button-text,
div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-refresh-button.ui-state-active  .ui-button-text,
div#hrportal-discussion-conversation-widget > div.ui-layout-south table tbody tr td span#conversation-widget-send-button.ui-state-active  .ui-button-text,
div#hrportal-discussion-contacts-widget div.ui-layout-south div span#contacts-widget-find-button.ui-state-active  .ui-button-text,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south div span#add-contacts-widget-add-button.ui-state-active  .ui-button-text,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north span#add-contacts-widget-search-button.ui-state-active  .ui-button-text {
	padding: .2em 1.1em;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-newconv-button.ui-state-disabled .ui-button-text,
div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-refresh-button.ui-state-disabled  .ui-button-text,
div#hrportal-discussion-conversation-widget > div.ui-layout-south table tbody tr td span#conversation-widget-send-button.ui-state-disabled  .ui-button-text,
div#hrportal-discussion-contacts-widget div.ui-layout-south div span#contacts-widget-find-button.ui-state-disabled  .ui-button-text,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south div span#add-contacts-widget-add-button.ui-state-disabled  .ui-button-text,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north span#add-contacts-widget-search-button.ui-state-disabled  .ui-button-text {
	color: lightgrey;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-newconv-button .ui-button-text,
div#hrportal-discussion-myconversations-widget div.ui-layout-south div span#myconversations-widget-refresh-button .ui-button-text,
div#hrportal-discussion-conversation-widget > div.ui-layout-south table tbody tr td span#conversation-widget-send-button .ui-button-text,
div#hrportal-discussion-contacts-widget div.ui-layout-south div span#contacts-widget-find-button .ui-button-text,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-south div span#add-contacts-widget-add-button .ui-button-text,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north span#add-contacts-widget-search-button .ui-button-text {
	display: block;
	line-height: 1.4em;
	padding: .2em 1em;
}


div#hrportal-discussion-myconversations-widget div.ui-layout-center,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center,
div#hrportal-discussion-contacts-widget div.ui-layout-center,
div#hrportal-discussion-conversation-widget > div.ui-layout-center {
	padding: 5px;
	margin: 0;
	border: 0;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table,
div#hrportal-discussion-contacts-widget div.ui-layout-center table  {
	font-family: Verdana;
	font-size: 9pt;
	color: #000000;
	text-align: left;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center > div.ui-layout-center {
	overflow: auto;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table col.column1 {
	width: 30px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table col.column2 {
	width: 40%;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table col.column3 {
	width: 25%;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table col.column4 {
	width: 35%;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table col.column5 {
	width: 45px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr,
div#hrportal-discussion-contacts-widget div.ui-layout-center table thead tr,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table thead tr {
	height: 25px;
	color: #000000;

	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.first,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.title,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.lastestupdate,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.last {
	text-align: left;
	padding-left: 5px;
	background-color: #CCCCCC;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.first {
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.first,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.title,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.lastestupdate {
	border-right: 1pt solid white;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table thead tr th.last {
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr td.loading,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr td.info,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr td.error,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr td.loading,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr td.info,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr td.error,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr td.loading,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr td.info,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr td.error {
	text-align: center;
	vertical-align: middle;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.beforeDiscussion,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.afterDiscussion,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.beforeContact,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.afterContact,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.beforeContact,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.afterContact {
	height: 5px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.beforeDiscussion td img.beforeDiscussion,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.afterDiscussion td img.afterDiscussion,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.beforeContact td img.beforeContact,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.afterContact td img.afterContact,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.beforeContact td img.beforeContact,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.afterContact td img.afterContact {
	width: 1px;
	height: 5px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion {
	height: 50px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionIcon {
	padding: 5px;
	border-top: 1pt solid white;
	border-left: 1pt solid white;
	border-bottom: 1pt solid white;
	border-right: 1pt dotted #D9D9D9;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionIcon img.discussionIcon {
	width: 16px;
	height: 16px;

	background-image: url("../../../charter-ltr/discussion_read.gif");
	background-repeat: no-repeat;
	background-position: center 50%;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.discussionUnread td.discussionIcon img.discussionIcon {
	background-image: url("../../../charter-ltr/discussion_unread.gif");
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionTitle,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionLastestUpdate {
	padding: 5px;
	font-weight: normal;
	border-top: 1pt solid white;
	border-left: 0;
	border-bottom: 1pt solid white;
	border-right: 1pt dotted #D9D9D9;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.attendee {
	vertical-align: top;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.discussionUnread td.discussionTitle,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.discussionUnread td.discussionLastestUpdate,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.discussionUnread td.attendee {
	font-weight: bold;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionTitle p.discussionPosters,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionLastestUpdate p.discussionLastestPoster {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionDeletion,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactDeletion {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	border-top: 1pt solid white;
	border-left: 0;
	border-bottom: 1pt solid white;
	border-right: 1pt solid white;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionDeletion div,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactDeletion div {
	padding: 0;
	margin: 0;
	border: 0;
	height: 16px;
	width: 16px;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionDeletion div img,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactDeletion div img {
	background-image: url("../../../charter-ltr/darjeeling_note_del.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    vertical-align: bottom;
    width: 16px;
    cursor: pointer;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionDeletion div.ui-state-hover img,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactDeletion div.ui-state-hover img {
	background-image: url("../../../charter-ltr/darjeeling_note_del_hover.png");
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionDeletion div.ui-state-active img,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactDeletion div.ui-state-active img {
	background-image: url("../../../charter-ltr/darjeeling_note_del_active.png");
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion td.discussionDeletion div.ui-state-disabled img,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactDeletion div.ui-state-disabled img {
	background-image: url("../../../images/wait.gif");
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.afterDiscussion td.afterDiscussion,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.afterContact td.afterContact,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.afterContact td.afterContact {
	border-bottom: 1pt dotted #D9D9D9;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionIcon,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionTitle,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionLastestUpdate,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionDeletion,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact:hover td.contactUserId,
div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact:hover td.contactDeletion,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact:hover td.presentationName,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact:hover td.login {
	background-color: #555555;
	color: #FFFFFF;
	cursor: pointer;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionIcon,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionIcon {
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-top: 1pt solid #FFFFFF;
	border-left: 1pt solid #FFFFFF;
	border-bottom: 1pt solid #FFFFFF;
	border-right: 1pt dotted #FFFFFF;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionTitle,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionLastestUpdate,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionTitle,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionLastestUpdate {
	border-top: 1pt solid #FFFFFF;
	border-left: 0;
	border-bottom: 1pt solid #FFFFFF;
	border-right: 1pt dotted #FFFFFF;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion:hover td.discussionDeletion,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionDeletion {
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;

	border-top: 1pt solid #FFFFFF;
	border-left: 0;
	border-bottom: 1pt solid #FFFFFF;
	border-right: 1pt solid #FFFFFF;
}

div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionIcon,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionTitle,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.attendee,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionLastestUpdate,
div#hrportal-discussion-myconversations-widget div.ui-layout-center table tbody tr.discussion.selected td.discussionDeletion,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact.selected td.login,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact.selected td.presentationName {
	color: #000000;
	background-color: #CCCCCC;
}







div#hrportal-discussion-merged-widget {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 780;
	border: 0;
}


div#hrportal-discussion-conversation-widget {
	background-color: #FFFFFF;
	border: 2px solid #D9D9D9;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center table.loading,
div#hrportal-discussion-conversation-widget > div.ui-layout-center table.error {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Verdana;
	font-size: 9pt;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.discussionTitle {
	background-color: #CCCCCC;
	color: #000000;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	margin: 0;
	margin-bottom: 5px;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.discussionTitle input {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	width: 95%;
	height: 15px;
	background-color: #FFFFFF;
	
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	color: #000000;
	padding: 2px 5px;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message {
	width: 70%;
	text-align: left;
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	padding: 5px;

	border: 1px solid #d3d3d3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.messageMe {
	float: right;
	margin: 5px 5px 5px 0px;
	background-color: #EBEBEB;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.messageHim {
	float: left;
	margin: 5px 0px 5px 5px;
	background-color: #ffffff;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message div.headerleft,
div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message div.headerright {
	width: 50%;
	font-family: Verdana;
	font-size: 7pt;
	border-bottom: 1px solid #D9D9D9;
	padding: 0;
	margin: 0;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message div.headerleft {
	float: left;
	text-align: left;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message div.headerright {
	float: right;
	text-align: right;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message div.content {
	padding-top: 5px;
	clear: both;
}

div#hrportal-discussion-conversation-widget > div.ui-layout-center div.message div.content,
div#hrportal-discussion-conversation-widget > div.ui-layout-center div.discussionTitle {

	/* Word wrapping */
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table {
	width: 100%;
	height: 55px;
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #D9D9D9;
	background-color: #EBEBEB;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table col.column2 {
	width: 45px;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr {
	height: 100%;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr td {
	padding: 0;
	margin: 0;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr td textarea {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	overflow: auto;
	resize: none;

	width: 95%;
	height: 45px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #d3d3d3;
	background-color: #ffffff;
	color: #000000;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr td div#conversation-widget-counter {
	font-family: Verdana;
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
	padding-bottom: 5px;
	float: left;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr td textarea.exceed {
	color: red;
	border: 1px solid red;
}

div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr td div#conversation-widget-counter.exceed {
	color: red;
}





div#hrportal-discussion-contacts-widget {
	background-color: #FFFFFF;
	border: 2px solid #D9D9D9;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table col.column1 {
	width: 94%;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table col.column2 {
	width: 6%;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table thead tr th.name {
	text-align: left;
	padding-left: 15px;
	background-color: #CCCCCC;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact {
	height: 25px;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact td.contactUserId {
	padding: 5px;
	padding-left: 15px;
	font-weight: normal;
	border: 1px solid #FFFFFF;
	border-right: 1px dotted #D9D9D9;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact:hover td.contactUserId {
	border: 1px solid #D9D9D9;
	border-right: 1px dotted #D9D9D9;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;
}

div#hrportal-discussion-contacts-widget div.ui-layout-center table tbody tr.contact:hover td.contactDeletion {
	border: 1px solid #D9D9D9;
	border-left: 0;

	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}





div#hrportal-discussion-add-contacts-widget {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 781;
	background-color: #FFFFFF;
	border: 2px solid #D9D9D9;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center {
	padding: 5px;
	margin: 0;
	border: 0;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north {
	text-align: left;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north > div.search {
	padding: 5px;
	padding-left: 10px;
	margin: 0px 10px 0px 10px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north > div.search label {
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north > div.search input#add-contacts-criterion {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	width: 400px;
	height: 20px;
	background-color: #FFFFFF;
	margin-left: 10px;
	
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	color: #000000;
	padding: 2px 5px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north > div.search span#add-contacts-widget-search-button {
	margin-left: 10px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center {
	padding: 0;
	padding-top: 5px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table col.column1 {
	width: 65%;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table col.column2 {
	width: 35%;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table thead tr th.presentationName {
	text-align: left;
	padding-left: 5px;
	background-color: #CCCCCC;

	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-right: 1px solid white;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table thead tr th.login {
	text-align: left;
	padding-left: 5px;
	background-color: #CCCCCC;

	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact {
	height: 25px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact td.presentationName {
	padding: 5px;
	font-weight: normal;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px dotted #D9D9D9;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact:hover td.presentationName,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact.selected td.presentationName {
	border: 1px solid #D9D9D9;
	border-right: 1px dotted #D9D9D9;

	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-radius-bottomleft: 4px;

	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-radius-topleft: 4px;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact td.login {
	padding: 5px;
	font-weight: normal;
	border-top: 1px solid white;
	border-left: 0;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact:hover td.login,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-center table tbody tr.contact.selected td.login {
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-radius-topright: 4px;

	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-radius-bottomright: 4px;

	border-top: 1px solid #D9D9D9;
	border-left: 0;
	border-bottom: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}


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



div#hrportal-discussion-conversation-widget > div.ui-layout-center div.discussionTitle input.defaulterClass,
div#hrportal-discussion-conversation-widget div.ui-layout-south table tbody tr td textarea.defaulterClass,
div#hrportal-discussion-add-contacts-widget > div.ui-layout-center > div.ui-layout-north > div.search input#add-contacts-criterion.defaulterClass {
	color: grey;
	font-style: italic;
	font-weight: bolder;
}



div#hrportal-discussion-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background: url("../../../charter-ltr/discussion_overlay.png") repeat scroll 50% 50% #666666;
}


/* Fin Discussion Feature
************/


/******************************
	Fin Darjeeling
*******************************/



/* reconnu uniquement par Firefox, pas d'opacité sous IE (cf. #) */
html>body .dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

/* Pour l'opacite sous IE */
.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

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

#loadingLanguagePopup .dijitDialogTitleBar {
	display: none;
}

#loadingLanguagePopup .dijitDialogPaneContent {
	border-width: 2px;
}