@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), 
      url("fonts/OpenSans-Regular.ttf") format("truetype"), 
      url("fonts/OpenSans-Regular-webfont.svg#OpenSans") format("svg");
}

html {
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(to bottom, #E3EFFF, #D3E6FE);
}
body {
	font-family: 'OpenSans',helvetica,arial,sans-serif;
	font-weight: 400;
	font-size: 13px;
	height: 98%;    
	background: #E3EFFF;
	background: linear-gradient(to bottom, #E3EFFF, #D3E6FE);
}
.clear {
	clear: both;
	float: none;
}

/*
loginScreen
*/
body#loginPage {
	background: #003C6E;
}
#loginScreen, #reconnectScreen {
	width: 400px;
	padding: 10px;
	margin: 10% auto 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	background: linear-gradient(to bottom, rgba(255,255,255,1),  rgba(246,246,246,1));
}
	/* Background tests */
	body#loginPage.fr_FR {
		background: #333 url('i/wallpaper2.jpg') no-repeat center center;
	}
	body#loginPage.fr_FR #loginScreen {
		border: 1px solid #CCC;
		box-shadow: 0 0px 200px rgba(0,0,0,1);
	}
	body#loginPage.es_ES {
		background: #333 url('i/wallpaper3.jpg') no-repeat center center;
	}
	body#loginPage.es_ES #loginScreen {
		border: 1px solid #CCC;
		box-shadow: 0 0px 100px rgba(255,255,255,1);
	}
	body#loginPage.ro_RO {
		background: #333 url('i/wallpaper4.jpg') no-repeat center center;
	}
	body#loginPage.ro_RO #loginScreen {
		border: 1px solid #CCC;
		box-shadow: 0 0px 200px rgba(0,0,0,1);
	}

#reconnectScreen{ height:140px;}
	
#loginScreen #logo, #reconnectScreen #logo {
	background: transparent url('i/logo_neocaseHR_black.png') no-repeat 0px 0px;
	display: block;
	width: 300px;
	height: 40px;
}

#loginBox, #reconnectBox {
	margin: 15px 0 0 0;
}

#reconnectBox 
{
    
}

#reconnectBox #button_reconnexion

{
   margin-top:15px; 
}

#loginBox a#bouton_connexion, #reconnectBox #button_reconnexion {
	display: block;
	float: right;
	border-style:solid;
	border-width:1px;
	border-color:#003C6E;
	color:#ffffff;
	background-image:url(../images/back_button_navy_off.png);	
	background-repeat:repeat-x;
	padding: 3px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    padding: 5px 20px;
    margin-top: 5px;
}
#loginBox a#bouton_connexion:hover, #reconnectBox #button_reconnexion:hover {
   	background: rgba(0,75,145,1);
}
#loginBox form {
	padding: 10px 0 0 0;
}

#loginBox p {
	padding: 10px 0 10px 0;
	line-height: 1.5em;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
#quickCreate ul,#caseProperties ul {
	display: none;
	position: absolute;
	width: 268px;
	margin: -7px 0 0 0;
	background: #FFF;
	border: 1px solid #DDD;
	border-top: 0;
	list-style: none;
}

#quickCreate ul.visible,
#caseProperties ul.visible {
	display: block;
}

#loginBox li,
#quickCreate li,
#caseProperties ul li {
	cursor: pointer;
	margin: 0px 5px 0 5px;
	padding: 4px 5px 4px 5px;
}

#loginBox li:Hover,
#quickCreate li:Hover,
#caseProperties ul li:Hover {
	background: #EEE;
	color: #0145df;
}

li.info,
li.info:Hover {
	margin: 5px 0 0 0 !important;
	background: #EEE !important;
	color: #333 !important;
	font-style: italic !important;
	cursor: default !important;
}
body#loginPage #advertisingBox {
	float: right;
	width: 300px;
	height: 250px;
	background: rgba(100,100,100,1);
	background:linear-gradient(to bottom, rgba(100,100,100,1),  rgba(150,150,150,1));
}
/*
appHeader
*/
#tickerContainer{
	float: left;
	padding: 4px 8px ;
	height: 33px;
	overflow: hidden;
	margin: 5px 0 0 5%;
	border-right: 0;
	color: #FFF;
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#tickerContainer li, #tickerContainer li a {
	line-height: 1.3em;
	cursor: pointer;
	color: #FFF;
	text-decoration:none;
}

#appHeader {
	color: #FFF;
	height: 50px;
	overflow: hidden;
}
#appHeader .logo {
	background: transparent url('i/logo_neocaseHR.png') no-repeat 0 0;
	display: block;
	width: 250px;
	height: 40px;
	position: absolute;
	cursor: pointer;
}

#appHeader div.searchBox {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 0 none;
  border-radius: 5px 5px 5px 5px;
  float: left;
  margin: 10px 0 0 300px;
  min-width: 200px;
  padding: 5px;
}

#appHeader div.searchBox input {
	border: 1px solid #FFF;
	padding: 0 0 0 5px;
	margin: 2px 0 0 0;
	float: left;
}
	#appHeader div.searchBox input.inactive {
		font-style: italic;
		color: #999;
	}
	#appHeader div.searchBox input:focus {
		color: #333;
		font-style: normal;
		outline: none;
		box-shadow: none !important;
	}
#appHeader div.searchBox div.more {
	cursor: pointer;
	float: left;
	width: 18px;
	height: 20px;
	background-color: transparent;
	background-image: url('i/icoSearchMore.png');
	background-repeat: no-repeat;
	background-position: 6px 9px;
}
	#appHeader div.searchBox div.more:Hover {
		background-position: 6px -21px;
	}
#appHeader div#searchEntities {
	display: none;
	position: absolute;
	margin-top: 27px;
	background: #FFF;
	border: 1px solid #DDD;
	border-top: 0;
	color: #333;
	padding: 5px;
	width: 200px;
	z-index: 10000;
}
#appHeader div#searchEntities.visible {
	display: block;
}
#appHeader div#searchEntities li {
	padding: 4px 5px 4px 5px;
	cursor: pointer;
}
#appHeader div#searchEntities li.break {
	display: block;
	height: 1px;
	padding: 0;
	overflow: hidden;
	margin: 5px 0 5px 0;
	background: #DDD;
}
#appHeader div#searchEntities li:Hover {
	background: #EEE;
	color: #0145df;
}
#appHeader div.searchBox ul#searchLinks {
	display: block;
	float: right;
}
#appHeader div.searchBox ul#searchLinks li {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
#appHeader div.searchBox ul#searchLinks li#advSearch {
	background: transparent url('i/ico_adv_search.png') no-repeat left 2px;
}
	#appHeader div.searchBox ul#searchLinks li#advSearch:Hover {
		background-position: left -18px;
	}
#appHeader div.searchBox ul#searchLinks li#savedSearch {
	background: transparent url('i/ico_saved_search.png') no-repeat left 4px;
}
	#appHeader div.searchBox ul#searchLinks li#savedSearch:Hover {
		background-position: left -16px;
	}
#appHeader div.searchBox ul#searchLinks li#regularSearch{
	background: transparent url('i/ico_regular_search.png') no-repeat left 4px;
}
	#appHeader div.searchBox ul#searchLinks li#regularSearch:Hover {
		background-position: left -16px;
	}


#appHeader .tools {
  float: left;
  height: 50px;
  width: 18%;
}

.dashboard #appHeader {
	width: 100%;
	box-shadow: 0px 0px 5px 3px rgba(0,60,110,1);
	background: rgba(0,60,110,1);
}
.analytics #appHeader {
	background: none;
	/* Prétrole */
	background-color: rgba(0,130,153,1);
	border-bottom: 1px solid rgba(0,130,153,1);
	box-shadow: 0px 0px 5px 3px rgba(0,130,153,.5);
}
.settings #appHeader {
	background: none;
	/* Gris */
	background-color: rgba(88,88,88,1);
	border-bottom: 1px solid rgba(88,88,88,1);
	box-shadow: 0px 0px 5px 3px rgba(88,88,88,.5);
}
.kb #appHeader {
	background: none;
	/* Vert clair */
	background-color: rgba(3,179,178,1);
	border-bottom: 1px solid rgba(3,179,178,1);
	box-shadow: 0px 0px 5px 3px rgba(3,179,178,.5);
}
.user {
	position: fixed;
	right: 0;
	top: 0;
	float: right;
	height: 48px;
	border-top: 0;
	padding:0 20px 0 0px;
	background: transparent url('i/identity_opener.png') no-repeat 95% 22px;
	z-index: 100;
}
.user div.identity {
	float: left;
	display: block;
	padding: 10px 20px 0 20px;
	font-weight: 600;
	color: #FFF;
}
.user div.identity span {
	display: block;
	float: none;
	padding: 0 0 5px 0;
}
.user div.identity span.more {
	display: none;
	border-top: 1px solid #CCC;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}
.user div.identity span.more.last {
	padding-bottom: 10px;
}
.user div.identity span.more a {
	color: #333;
	font-weight: normal;
	display: block;
	float: none;
	padding: 3px 0 2px 0;
	cursor: pointer;
	text-decoration: none;
}
.user div.picture {
	float: left;
	padding: 5px;
}
.user div.picture img {
	width: 40px;
	height: 40px;
}
	.user:Hover {
		background: #FFF;
		background: linear-gradient(to bottom, rgba(255,255,255,1),  rgba(246,246,246,1));
		border: 1px solid #CCC;
		border-top: 0;
		height: auto;
	}
	.user:Hover div.identity {
		color: #2f539d !important;
	}
	.user:Hover div.identity span.more {
		display: block;
	}
	.user div.identity span.more a:Hover {
		color: #0145df;
	}
	
#appHeader .tools ul {
  margin: auto;
  width: 153px;
}

#appHeader .tools li {
	width: 50px;
	height: 51px;
	float: left;
	margin: 0 1px 0 0;
	cursor: pointer;
}
#appHeader .tools a{
	background-color: transparent;
	background-image: url('i/ico_univers.png');
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 100%;
}
#appHeader .tools #dashboard {
	background-position: 0 3px;
}
#appHeader .tools #analytics {
	background-position: -100px 3px;
}
#appHeader .tools #settings {
	background-position: -50px 3px;
}
#appHeader .tools #kb {
	background-position: -150px 3px;
}
#appHeader .tools #dashboard:Hover, #appHeader .tools #dashboard:focus{
	background-position: 0px -47px;
}
#appHeader .tools #analytics:Hover, #appHeader .tools #analytics:focus{
	background-position: -100px -47px;
}
#appHeader .tools #settings:Hover, #appHeader .tools #settings:focus{
	background-position: -50px -47px;
}
#appHeader .tools #kb:Hover, #appHeader .tools #kb:focus{
	background-position: -150px -47px;
}

#appHeader .tools a:Hover {
	background-color: rgba(255,255,255,.10);
}
#appHeader .tools a.active {
	background-color: rgba(0,0,0,.25);
}
/*
leftCol
*/
#leftCol {
	width: 200px;
	padding: 5px;
	border-right: 1px solid rgba(107,151,209,.3);
	background-color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.05);
	margin-top: 50px;
}
#leftCol>ul {
}
#leftCol a.quickCreateWindow {	
	/* Dégradé bleu */
	background: rgba(0,110,190,1);
	background: linear-gradient(to bottom, rgba(0,110,190,1) , rgba(0,75,145,1));
	border: 1px solid rgba(0,75,145,1);
	text-shadow: 1px 1px rgba(0,75,145,.5);
	color: rgba(255,255,255,1);
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 10px 5px 10px 2px;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
}
#leftCol a.quickCreateWindow:Hover {
	background: rgba(0,75,145,1);
	padding: 11px 5px 9px 2px;
}
#leftCol a.quickReportWindow {
	color: rgba(255,255,255,1);
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 10px 5px 10px 2px;
	/* Dégradé turquoise */
	background: rgba(0,130,153,1);
	background: linear-gradient(to bottom, rgba(0,130,153,1) , rgba(0,97,114,1));
	border: 1px solid rgba(0,97,114,1);
	text-shadow: 1px 1px rgba(0,97,114,.5);
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
}
#leftCol a.quickReportWindow:Hover {
	background: rgba(0,97,114,1);
	padding: 11px 5px 9px 2px;
}
#leftCol>ul>li {
	display: block;
	margin: 5px 0px 5px 0px;
	border: 1px solid rgba(107,151,209,.5);
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	padding: 8px 5px 8px 2px;
	padding: 0 0 10px 0;
	background: white;
}
#leftCol>ul>li.closed {
	
}
#leftCol ul.lvl1 span.title {

	display: block;
	font-size: 16px;
	cursor: pointer;
	padding: 0 0 0 8px;
	padding: 8px 5px 0 30px;
}

#leftCol ul.lvl1 span.icon {
	font-family: arial,helvetica,sans-serif;
	display: block;
	background: transparent url('i/ico_leftMenu.png') no-repeat left 0px;
	height:15px;
	width:15px;
	padding:5px;
	float:left;
}


#leftCol ul.lvl1 span.title#overviewLvl1 {
	background: transparent url('i/ico_leftMenu.png') no-repeat left -29px;
}
#leftCol ul.lvl1 span.title#teamLvl1 {
	background: transparent url('i/ico_leftMenu.png') no-repeat left -61px;
}
#leftCol ul.lvl1 span.title#othersLvl1 {
	background: transparent url('i/ico_leftMenu.png') no-repeat left -120px;
}
#leftCol ul.lvl1 span.title#mylinksLvl1{
	background: transparent url('i/ico_leftMenu.png') no-repeat left -90px;
}
#leftCol ul.lvl1 ul {
	margin: 4px 0 0 0;
}
#leftCol ul.lvl2 li {
	padding: 3px 0 3px 25px;
	border: 0;
	margin: 0;
	margin: 0 1px 0 1px;
}
#leftCol ul.lvl2 li.active {
	color: #2f539d;
	font-weight: 600;
	background-color: rgba(255,246,187,1);
	background-color: rgba(255,228,49,.5);
}
#leftCol ul.lvl2 li span.count {
	display: block;
	float: right;
	text-align: right;
	margin: 0 5px 0 5px;
	color: #000;
}
#leftCol ul.lvl2 li:Hover {
	cursor: pointer;
	background-color: #EEE;
}
body.analytics #leftCol ul.lvl2 li span.tool {
	display: none;
	width: 14px;
	height: 12px;
	background: transparent url('i/ico_wrench.png') no-repeat 0px 1px;
	float: left;
}
body.analytics #leftCol ul.lvl2 li:Hover {
	padding-left: 5px;
}
body.analytics #leftCol ul.lvl2 li:Hover span.tool {
	display: block;
}
body.analytics #leftCol ul.lvl2 li:Hover span.tool:Hover {
	background: transparent url('i/ico_wrench.png') no-repeat 0px -19px;
}
#leftCol ul.lvl2 li.active:Hover {
}
#leftCol.closed {
	width: 5px;
	padding-left: 0;
	padding-right: 0;
}
#leftCol.closed ul {
	display: none;
}
#leftCol.closed:Hover {
	background: rgba(250,165,30,1);
	cursor: pointer;
}
#leftColOpener {
	display: block;
	position: absolute;
	left: 0;
	top: 52px;
	width: 5px;
	height: 100%;
	background: transparent;
	display: none;
}
#leftCol a#reduceCol {
	display: block;
	/* position: absolute; */
	bottom: 0;
	left: 0;
	width: 180px;
	padding: 5px 5px 5px 25px;
	background: transparent url('i/menuCloser.png') no-repeat 5px 10px;
	cursor: pointer;
}
#leftCol a#reduceCol.closed {
	margin: 0;
	width: 5px;
	padding: 0px;
	overflow: hidden;
	height: 100%;
	color: transparent;
}
/*
#leftCol a#reduceCol:Hover {
	margin: 0 -1px 0 0;
	background-color: #DDD;
}
#leftCol a#reduceCol.closed:Hover {
	background: #2f539d;
}
*/
/*
Main
*/
div#main {
	margin-top: 50px; 
	float: right;
	padding-top: 5px;
}
div#main iframe {
	width: 100%;
	height: 690px;
}
/*
DomWindow
*/
div#DOMWindow {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0px 200px rgba(0,0,0,1);
}
div.domTitle {
	background: rgba(0,60,110,1);
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	padding: 10px;
}
#quickReport div.domTitle {
	background: rgba(0,130,153,1);
}
div.domTitle span.right {
	display: inline-block;
	float: right;
	padding: 5px 0;
	margin-top: -5px;
}
#quickCaseForm,
#quickReportForm {
	display: block;
	padding: 10px;
}
div.notice {
	margin: 10px 0 0 0;
	padding: 5px;
}
div.notice p {
	color: #666;
	margin: 5px 0 0 0;
}
#quickCreate a#createNewCase {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 90px;
	background-color: #5076c5;
	color: #FFF;
	font-weight: 600;
	text-shadow: 1px 1px #3c63b3;
	padding: 10px 20px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;

	/* Dégradé bleu */
	background: rgba(0,110,190,1);
	background: linear-gradient(to bottom, rgba(0,110,190,1) , rgba(0,75,145,1));
	border: 1px solid rgba(0,75,145,1);
	text-shadow: 1px 1px rgba(0,75,145,.5);
}
#quickCreate a#createNewCase:Hover {
	background: rgba(0,75,145,1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	padding: 11px 20px 9px 20px !important;
}
#quickReport a.createNewReport {
	display: block;
	position: relative;
	width: 140px;
	text-align: center;
	float: left;
	background-color: #5076c5;
	color: #FFF;
	font-weight: 600;
	text-shadow: 1px 1px #3c63b3;
	padding: 10px 20px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
    background: rgba(0,130,153,1);
	background: linear-gradient(to bottom, rgba(0,130,153,1) , rgba(0,97,114,1));
	border: 1px solid rgba(0,97,114,1);
	text-shadow: 1px 1px rgba(0,97,114,.5);
}
#quickReport a.createNewReport:Hover {
	background: rgba(0,97,114,1);
}
#notificationMessage div.row {
	padding: 10px 0;
}
#notificationMessage div.text {
	border: 1px solid #CCC;
	padding: 10px;
	margin: 10px 0 0 0;
	line-height: 1.4em;
}
#notificationMessage span.label {
	display: block;
	float: left;
	width: 50px;
	font-weight: bold;
}
#notificationMessage span.value {
	display: block;
	float: left;
	width: 350px;
}
#notificationMessage a.next {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #000;
	font-weight: 600;
	text-shadow: 1px 1px #FFF;
	padding: 10px 20px !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid rgba(220,220,220,1);
	background: #fff;
	background: linear-gradient(to bottom, rgba(246,246,246,1),  rgba(220,220,220,1));
	text-decoration: none;
	cursor: pointer;
}
#notificationMessage a.next:Hover {
	background: linear-gradient(to bottom, rgba(246,246,246,1),  rgba(200,200,200,1));
}

/* Cases List */
#casesList {
	margin: 5px;
	padding: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
}
#casesList div.title {
	height: 20px;
	padding: 6px 0 0 10px;
	border: 1px solid #FFF;
	font-size: 16px;
	text-shadow: 0 1px #FFF;
	font-weight: normal;
	color: #444;
	font-family: arial,helvetica,sans-serif;
}
#casesListContainer {
	padding: 5px 2px 0 2px;
}
#casesList tr.dark td {
	background-color: rgba(0,0,0,.05);
}
#casesList th {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(i/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
	padding: 1px 0px 3px 10px;
}
#casesList td b {
	display: none;
}
#casesList td.selected {
	background-color: rgba(255,240,150,1) !important;
	border-bottom: 1px solid  rgba(255,230,150,1) !important;
}
#casesList th.open,
#casesList td.open {
	width: 14px !important;
	overflow: hidden !important;
	padding: 1px 0 3px 1px !important;
	cursor: pointer;
}
#casesList th.open span,
#casesList td.open span {
	background: transparent url('i/ico_caseOpen.png') no-repeat left top;
	width: 16px;
	height: 16px;
	display: block;
}
#casesList td.open.selected span {
	background-position: left -25px;
}
#casesList tr.details td {
	padding: 0 !important;
	border-bottom: 0;
}
#casesList tr.details td div.caseDetails {
	background-color: rgba(255,240,150,.7);
	display: none;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#casesList tr.details td div.caseDetails div.left,
#casesList tr.details td div.caseDetails div.right {
	width: 50%;
}
#casesList tr.details td div.caseDetails strong {
	display: block;
	font-weight: 600;
	padding: 0 0 5px 0;
}
#casesList tr.details td div.caseDetails p {
	line-height: 1.3em;
	margin: 0 0 10px 0;
	text-align: justify;
}
#casesList tr.details td div.caseDetails div div {
	padding: 10px 10px 0 10px;
}
/* Toolbar */
#casesList div.ui-corner-tl {	/*	Move up the filter field */
	/* margin-bottom: 30px; */
	z-index: 0;
}
#casesList #TableToolbar {
	display: block;
	background:transparent;
	margin: 0 0 0 2px;
	padding: 0 0 0 0;
	z-index: 1000;
}
ul.buttons {
	margin: 0;
	padding: 0;
	float: left;
	color: #000;
}
#casesList #TableToolbar ul li,
ul.buttons li {
	display: block;
	float: left;
	padding: 5px 10px;
	margin: 5px 5px 0px 0;
	border: 1px solid #EEE;
	background: #FFF;
	background: linear-gradient(to bottom, rgba(246,246,246,1),  rgba(220,220,220,1));
	text-shadow: 1px 1px rgba(246,246,246,.5);
	cursor: pointer;
}
#casesList #TableToolbar ul li:Hover,
ul.buttons li:Hover {
	background:  rgba(230,230,230,1);
}
#casesList #TableToolbar ul li.separator,
ul.buttons li.separator {
	padding:0;
	width: 1px;
	height: 24px;
	border: 0;
}
/* ThemeRoller adaptation */
	#casesList  td {
		padding: 4px 10px;
		border-bottom: 1px solid rgba(0,0,0,.05);
	}
	#casesList th {
		text-align: left;
	}
	#casesList td a {
		text-decoration: none;
	}
	#casesList td.click {
		cursor: pointer;
	}
	#casesList td.click:Hover {
		text-decoration: underline;
	}
	#casesList td.red a {
		color: #C00;
	}
	#casesList td.orange a {
		color: #F93;
	}
	#casesList td.green a {
		color: #093;
	}
	#casesList td.deepBlue a {
		color: #2f539d;
	}
	#casesList td.lightBlue a {
		color: #7595d9;
	}
	#casesList  td.open img {
		margin-top: 2px;
	}

	/* Icons */
		#casesList .ico {
			width: 14px !important;
			overflow: hidden !important;
			padding-left: 1px;
			padding-right: 0;
			color: transparent !important;
		}
		#casesList td.ico {
			background-image: url('i/ico_enfant.gif');
			background-repeat: no-repeat;
			background-position: center center;
			padding-left: 3px;
		}
		#casesList td.ico.none {
			background-image: none;
		}
		#casesList td.ico1 {
			background-image: url('i/ico_enfant.png');
		}
		#casesList td.ico2 {
			background-image: url('i/ico_bascule.png');
		}
		#casesList td.ico3 {
			background-image: url('i/ico_sablieraplat.png');
		}
		#casesList td.ico4 {
			background-image: url('i/ico_self.png');
		}
		#casesList td.ico5 {
			background-image: url('i/ico_delegatecontact.png');
		}
		#casesList td.ico6 {
			background-image: url('i/ico_mail.png');
		}
		#casesList td.ico7 {
			background-image: url('i/ico_horloge.png');
		}
		#casesList td.ico8 {
			background-image: url('i/ico_attachment.png');
		}

.exampleWindow7 {
	background: red;
}
/* Chat */
	#chatAlertContainer {
		display: block;
		background: transparent;
		position: fixed;
		overflow: hidden;
		bottom: 0;
		left: 0;
		width: 300px;
		margin: 0 45%;
	}
	#chatAlert {
		display: none;
		margin: 0 auto 0 auto;
		width: 300px;
		background: rgba(250,240,150,.9);
		border: 1px solid rgba(250,165,30,.9);
		border-bottom: 0;
		padding: 5px;
		text-align: center;
		vertical-align: top;
		cursor: pointer;
	}
	#chatAlert span {
		vertical-align: top;
		display: inline-block;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#chatAlert #chatIco {
		background: transparent url('i/ico_chat.png') no-repeat left -3px;
		display: inline-block;
		width: 30px;
		height: 20px;
	}
	#chatAlert #chatCount {
		font-weight: bold;
		font-size: 16px;
		margin-top: -2px;
	}
	#chatAlert #chatTextConversation {
		padding: 0;
	}
	#chatCallsList {
		margin: 10px 0 10px 0;
	}
	#chatCallsList li {
		display: block;
		padding: 5px 5px 5px 10px ;
		clear: both;
		height: 15px;
		cursor: pointer;
	}
	#chatCallsList li.mine {
		background: transparent url('i/ico_mycase.png') no-repeat 4px 4px ;
	}
	#chatCallsList li:Hover {
		background-color: rgba(238,238,238,1);
	}
	#chatCallsList li.active {
		background-color: rgba(250,240,160,1);
	}
	#chatCallsList li span {
		float: left;
		padding: 0 5px 0 0;
	}
	#chatCallsList li span.case {
		float: right;
		width: 90px;
		text-align: left;
	}
	#chatCallsList li span.time {
		width: 30px;
		text-align: right;
	}
	#chatCallsList li span.name {
		width: 150px;
	}
	#startChatCall {
		display: block;
		position: absolute;
		bottom: 10px;
		left: 175px;
		background-color: #5076c5;
		color: #FFF;
		font-weight: 600;
		text-shadow: 1px 1px #3c63b3;
		padding: 10px 20px !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-decoration: none;
		cursor: pointer;

		/* Dégradé bleu */
		background: rgba(0,110,190,1);
		background: linear-gradient(to bottom, rgba(0,110,190,1) , rgba(0,75,145,1));
		border: 1px solid rgba(0,75,145,1);
		text-shadow: 1px 1px rgba(0,75,145,.5);
	}
	#startChatCall:Hover {
		background: rgba(0,75,145,1);
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		padding: 11px 20px 9px 20px !important;
	}

	#main>div {
		height: auto;
	}
	#main>div.inactive {
		display: none;
	}
	#main>div.active {
		border: 1px solid rgba(185,210,240,1);
		background: #FFF;
	}
	div#main #iframeTbo {
		height: 700px;
	}
	div#main #iframeTbo,
	div#main #iframeCase {
		height: 700px;
		margin-top: -1px;
	}
	#caseForm div#caseTreatment,
	#caseForm div.tabContent {
		height: 700px;
	}
	#caseProperties b {
		display: block;
		float: left;
		width: 100px;
		padding: 6px 0 0 0;
	}
	#propertySla,
	#propertyCategory,
	#propertySubCategory  {
		margin-left: 100px !important;
	}
	/* Tabs */
	ul#tabs {
		clear: both;
		margin: 5px 0 30px 5px;
	}
	ul#tabs li {
		display: block;
		float: left;
		background: rgba(0,110,190,1);
		color: #FFF;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		padding: 5px 0 5px 0px;
		margin: 0 2px 1px 0;
		border: 1px solid rgba(185,210,240,1);
		border-bottom: 0;
		cursor: pointer;
	}
	ul#tabs li div {
		float: left;
		width: 20px;
		height: 16px;
		margin-top: -1px;
		background: transparent url('i/ico_closeTab.png') no-repeat right top;
	}
	ul#tabs li span {
		float: left;
		padding: 0 20px 0 20px;
	}
	ul#tabs li.active {
		font-weight: 600;
	}
	ul#tabs li.inactive {
		background-color: rgba(255,255,255,1);
		opacity: 0.5;
		color: #000;
		font-style: italic;
	}
	ul#tabs li.inactive:Hover {
		opacity: 1;
		background-color: rgba(255,255,255,1);
	}
/* Case Form */
#caseForm {
	padding: 0;
	margin: 0;
	background: rgba(255,255,255,1);
	border: 2px solid rgba(0,110,190,1);
	border-top: 0;
	border-bottom: 0;
}
#caseForm #caseHeader {
	background: rgba(0,110,190,1);
	color: rgba(255,255,255,1);
	padding: 5px 0 0 0;
}
#caseForm #caseHeader div#caseBasics {
	float: left;
	padding: 7px 5px 5px 5px;
}
#caseForm #caseHeader div#caseBasics a {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
#caseForm #caseHeader div#caseBasics a:Hover {
	text-decoration: underline;;
}
#caseForm #caseHeader ul#underTabs {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
}
#caseForm #caseHeader ul#underTabs li {
	display: block;
	float: left;
	padding: 5px 10px;
	margin: 5px 2px 0 0;
	color: rgba(255,255,255,.9);
	cursor: pointer;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: rgba(255,255,255,.3);
}
#caseForm #caseHeader ul#underTabs li:Hover {
	background: rgba(255,255,255,1);
	color: rgba(0,110,190,1);
}
#caseForm #caseHeader ul#underTabs li.active {
	background: rgba(255,255,255,1);
	color: rgba(50,50,50,1);
}
#caseForm #caseHeader ul.buttons {
	margin: 5px 0 0 10px;
}
#caseForm #caseHeader ul.buttons li {
	padding: 2px 10px;
}
#caseForm #caseHeader ul.buttons li.separator {
	padding: 0;
	background: rgba(0,0,0,.2);
	margin: 5px 10px 0 5px;
}
#caseForm div.tabContent {
	float: right;
	width: 58%;
	border-left: 1px solid #ccc;
	margin: 5px;
	padding-left: 5px;
}
#caseForm div.tabContent.inactive {
	display: none;
}
#caseForm div#caseTreatment {
	float:left;
	width:40%;
}
#caseForm div#caseTreatment div.content {
	padding: 10px;
}
#caseForm div#caseTreatment #caseBasics {
	padding: 0 0 10px 0;
}
#caseForm div#caseTreatment #caseBasics a {
	color: rgba(0,110,190,1);
	text-decoration: none;
}
#caseForm div#caseTreatment #caseBasics a:Hover {
	text-decoration: underline;
}
#caseForm div#caseTreatment label {
	display: block;
	font-weight: 600;
	background: rgba(220,220,220,1);
	padding: 3px 0 3px 10px;
	text-shadow: 1px 1px rgba(255,255,255,.5);
	color: rgba(50,50,50,1);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#caseForm  textarea {
	padding: 5px;
	border: 1px solid rgba(220,220,220,1);
}
#caseForm div#caseTreatment textarea {
	width: 100%;
	height: 180px;
}
#caseForm textarea:focus {
	outline: 0px;
	box-shadow: 0px 0px 3px 2px rgba(80,118,197,.5);
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);
}
#caseForm div#caseTreatment #caseAttachmentsList {
	display: none;
}
#caseForm div#caseTreatment ul#caseAttachments {
	border: 1px solid rgba(220,220,220,1);
	width: 100%;
	padding: 5px;
	margin: 0;
}
#caseForm div#caseTreatment ul#caseAttachments li {
	background: transparent url('i/pdf-icone-6818-16.png') no-repeat 5px 5px;
	padding: 5px 0 5px 25px;
}
#caseForm div#caseTreatment ul#caseAttachments li a {
	color: rgba(0,0,0,1);
	text-decoration: none;
}
#caseForm div#caseTreatment ul#caseAttachments li a:Hover {
	text-decoration: underline;
}
/* Chat history */
	div#chatHistory {
		border: 1px solid rgba(220,220,220,1);
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		height: 615px;
		background: rgba(250,250,250,1);
	}
	div#chatHistory ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow-y: auto;
		height: 560px;
	}
	div#chatHistory ul li {
		clear: both;
		margin: 5px ;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}
	div#chatHistory ul li.me {
		float: right;
		padding: 5px 30px 5px 5px;
		margin-left: 50px;
		background: rgba(230,250,230,1) url('i/userProfileSmall.png') no-repeat right top;
		background: rgba(153,236,153,.2) url('i/userProfileSmall.png') no-repeat right top;
	}
	div#chatHistory ul li.me a {
		color: rgba(0,0,0,1);
	}
	div#chatHistory ul li.me.msg a {
		color: rgba(0,0,0,0.5);
	}
	div#chatHistory ul li.distant {
		float: left;
		padding: 5px 5px 5px 30px;
		margin-right: 50px;
		background: rgba(0,150,255,.1) url('i/userContactSmall.png') no-repeat left top;
	}
	div#chatHistory ul li.me:Hover {
		box-shadow: 0px 0px 3px 2px rgba(153,236,153,1);
	}
	div#chatHistory ul li.distant:Hover {
		box-shadow: 0px 0px 3px 2px rgba(0,150,255,.5);
	}
	div#chatHistory ul li.msg {
		font-style: italic;
		color: rgba(0,0,0,.5);
	}
	div#chatInput {
		margin-top: -50px;
	}
	div#chatInput textarea {
		height: 40px;
		max-height: 40px;
		width: 90%;
	}

/* Custom scrollbar for webkit browsers. For cross-browser solution, look at : http://manos.malihu.gr/jquery-custom-content-scroller/ */ 

	::-webkit-scrollbar {
		width: 6px;
	}
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: rgba(200,200,200,0.8); 
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(200,200,200,0.4); 
	}


/* Knowledge base */
	/* Nav */
	#kbNav {
		background: rgba(0,0,0,0.05);
		height: 650px;
		float: left;
		width: 30%;
		display: block;
	}
	#kbDocs {
		float: right;
		height: 100%;
		width: 70%;
	}
	#treeviewContainer {
		width: 95%;
		padding: 2% 0;
		margin: 5px 5px 5px 5px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	#searchContainer {
		width: 95%;
		padding: 2% 0;
		margin: 5px 5px 5px 5px;
	}
	#searchContainer a {
		display: block;
		text-align: right;
		font-size: 90%;
		padding: 0 10px 0 0;
		color: rgba(0,0,0,.7);
		cursor: pointer;
	}
	#searchContainer a:Hover {
		color: rgba(0,110,190,1);
	}
	#treeviewContainer,
	#searchContainer {
		border: 1px solid rgba(200,200,200,1);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: rgba(255,255,255,1);
	}
	#treeviewContainer  span.title ,
	#searchContainer span.title {
		font-family: arial,helvetica,sans-serif;
		display: block;
		font-size: 16px;
		font-weight: normal;
		cursor: pointer;
		padding: 0 0 0 8px;
		margin: 0 0 0 0;
		background: transparent url('i/toggle_menuleft_kb.gif') no-repeat right top;
	}
	/* Treeview */
	#kbSearch {
		background: rgba(255,255,255,1);
		width: 90%;
		font-size: 12px;
		padding: 3px 5px;
		margin: 5px 5px;
		border: 1px solid rgba(200,200,200,1);
	}
	#kbSearch:Hover,
	#kbSearch:Focus {
		background: rgba(255,255,255,1);
		color: rgba(0,0,0,1);
		text-shadow: none;
		box-shadow: none;
	}
	/* Docs found */
	ul#kbResults {
		list-style-type:none;
		padding:0;
		margin:0 0 0 5px;
		overflow-y: auto;
		height: 650px;
	}
	ul#kbResults>li {
		background: rgba(255,255,255,1);
		display: block;
		box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);
		margin: 1% 2% 1% 1%;
		overflow: hidden;
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height: 60px;
	}
	ul#kbResults>li .docPreview {
		font-style: italic;
		padding: 0 0 0 5px;
		color: rgba(0,0,0,.8);
	}
	ul#kbResults>li:Hover {
		box-shadow: 0 0px 5px 0 rgba(0,173,240,1);
	}
	ul#kbResults>li.selected {
		height: auto;
		max-height: 400px;
		cursor: default;
		overflow-y: auto;
	}
	ul#kbResults>li.selected .docPreview {
		height: auto;
	}
	ul#kbResults>li span.docInfo {
		display: block;
		background: rgba(230,230,230,1);
		background: linear-gradient(to bottom, rgba(230,230,230,1),  rgba(255,255,255,1));
		padding: 3px 5px;
		font-size: 80%;
	}
	ul#kbResults>li span.docInfo span.docId a {
		color: rgba(0,0,0,1);
		text-decoration: none;
	}
	ul#kbResults>li span.docInfo span.docId a:Hover {
		text-decoration: underline;
	}
	ul#kbResults>li span.docInfo span.docMatch {
		float: right;
	}
	ul#kbResults>li span.docTitle {
		padding: 3px 5px;
		font-weight: 600;
	}
	ul#kbResults>li .docPreview p {
		display:block;
		margin: 0 0 1em 0;
	}
	ul#kbResults>li .toolbar {
		padding: 0 0 0 5px;
	}
	ul#kbResults>li .toolbar {
		display: none;
	}
	ul#kbResults>li.selected .toolbar {
		display: block;
	}
	/* Button */
	ul#kbResults>li.selected .docBtn {
		width: 200px;
		float: right;
		position: absolute;
		right: 2%;
		margin-top: -20px;
		/* background: rgba(0,255,0,0.5); */
	}
	ul#kbResults>li .docBtn a {
		display: none;
		float: right;
		padding: 0px 5px;
		margin: 0 5px 0 0;
		border: 1px solid #EEE;
		background: rgba(246,246,246,1);
		background: linear-gradient(to bottom, rgba(246,246,246,1), rgba(220,220,220,1));
		text-shadow: 1px 1px rgba(246,246,246,.5);
		cursor: pointer;
		color: rgba(0,0,0,1);
		font-size: 12px;
		text-decoration: none;
	}
	ul#kbResults>li.selected .docBtn a {
		display: block;
	}
	ul#kbResults>li  a.docBtn:Hover {
		background: rgba(220,220,220,1);
	}
	ul#kbResults>li ul.docBtnOptions {
		display: none;
		background: rgba(255,255,255,1);
		border: 1px solid rgba(200,200,200,1);
		list-style: none;
		margin: 20px 0 0 0;
		z-index: 1000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 3px 0 3px 0;
	}
	ul#kbResults>li ul.docBtnOptions.visible {
		display: block;
	}
	ul#kbResults>li ul.docBtnOptions li {
		padding: 2px 5px 2px 5px;
		cursor: pointer;
	}
	ul#kbResults>li ul.docBtnOptions li:Hover {
		background-color: rgba(0,173,240,.2);
	}
	ul#kbResults>li ul.docBtnOptions li.sep {
		border-bottom: 1px solid rgba(200,200,200,.8);
	}
	/* KB in Full screen */
	#main>#kbNav {
		height: 100%;
		background: rgba(240,240,240,1);
		width: 20%;
	}
	#main>#kbDocs {
		float: right;
		height: 100%;
		width: 80%;
		background: rgba(255,255,255,1);
	}
	#main>#kbDocs ul#kbResults {
		height: 100%;
	}