@CHARSET "UTF-8";

/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	background:	#FFF;
	border:		1px solid #BBB;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	*/
	padding:	10px; 
	overflow:	auto;
	}
	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
	.ui-layout-content {
		padding:	10px;
		position:	relative; /* contain floated or positioned elements */
		overflow:	auto; /* add scrolling to content-div */
	}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
}
	
.ui-layout-resizer-west {
	background: #FFFFFF;
	border-left: none;
	
}
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #FFEDC9;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border-left:  1px solid #BBB;
		border-right: 1px solid #BBB;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover 
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	background-color: #BBB;
	border: none;
}


	.ui-layout-toggler-west {
		background: #FFFFFF;
		height: 35px;
	}
	
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border: none;
		border-width: 0 1px; /* left/right borders */
		width: 35px;
	}
	
	.ui-layout-toggler-south-closed {
		background: url('../img/layout_panels/arrow_up.gif') no-repeat;
	}
	
	.ui-layout-toggler-south-open {
		background: url('../img/layout_panels/arrow_down.gif') no-repeat;
	}
	
	
	.ui-layout-toggler-west-closed {
		background: url('../img/layout_panels/arrow_right.gif') no-repeat;
	}
	
	.ui-layout-toggler-west-open {
		background: url('../img/layout_panels/arrow_left.gif') no-repeat;
	}
	
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		12px;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}



.ui-layout-pane {
	border:			0; /* override layout-default-latest.css */
	padding: 0;
}


.ui-layout-pane-north ,
.ui-layout-pane-south {
	
	padding:0;
}
.ui-layout-pane-center	{
	overflow:		auto;
	border-left:	0;
	border-right:	0;
	padding:0;
}

/* add shading to outer sidebar-panes */
.outer-east {
	background-color: #EEE;
}

.outer-south {
	padding: 0;
}

/* remove padding & scrolling from panes that are 'containers' for nested layouts */ 
.outer-center ,
.middle-center {
	border:			0; /* cosmetic */
	padding:		0; 
	overflow:		hidden;
}

/*
 *	customize borders on panes/resizers to make pretty
 */
.ui-layout-pane-east		{ border-left:		0; }
.ui-layout-resizer-east		{ border-right:		1px solid #BBB; }
.ui-layout-pane-north		{ border-bottom:	0; }
.ui-layout-resizer-north	{ border-top:		1px solid #BBB; }
.ui-layout-pane-south		{ border-top:		0; }
.ui-layout-resizer-south	{ border-bottom: 	1px solid #BBB; }
/*
 *	add borders to resizers when pane is 'closed'
 *
 *.ui-layout-resizer-closed	{ border:			1px solid #BBB; }
 */
/* 
 *	show both borders when the resizer is 'dragging' 
 */
 
.ui-layout-resizer-north-dragging ,
.ui-layout-resizer-south-dragging {
	border-top:		1px solid #BBB;
	border-bottom:	1px solid #BBB;
}


#profile-description {
	font-weight: bold;
	overflow: hidden;
	padding: 0;
}

.inner-center { /* layout de la liste de candidatures */
	border:		1px solid #BBB;
	overflow: hidden;
}

#tableAndPagerAndStats {
	position: relative;
	height: 550px;
}

DIV.taskbar_layout {
	width: 100%;
	margin: 0;
	height: 24px;
}

DIV.taskbar_top_layout {
	border-bottom: 1px solid black; /*#9E9E9E*/
}

DIV.taskbar_bottom_layout {
	position: absolute;
	bottom: 0;
	height: 22px;
	border-top: 1px solid black; /*#9E9E9E*/
	margin-top: 24px;
}

DIV.taskbar_bottom_layout.pool {
	background-color: #D08A8C;
}

DIV.taskbar_bottom_layout.app {
	background-color: #FBEEC7;
}

DIV.infos_left {
	float: left;
}

DIV.infos_right {
	float: right;
}

DIV.taskbar_layout ul {
	height: auto;
	padding: 0;
	margin: 0;
}

DIV.taskbar_layout ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 5px;
}

#app-table, #cand-table {
	clear: left;
	height: 400px;
}

TABLE.tablelist {
	margin-bottom: 25px;
}

#tableAndPagerAndStats {
	height: 500px;
}