/* multiselect */
.ui-multiselect-menu, button.ui-multiselect {
	width:596px !important;
}
.ui-multiselect-checkboxes label {
	width:auto;
}
.ui-multiselect-checkboxes li span {
	margin:10px 0 0 10px;
	line-height: 2.1em
}
/* liste */
.dl_mod dt {
	width: 180px;
	margin-left: 6px;
	background-color: #FFF;
	color: #4B6886;
}

.dl_mod dd {
	width: 345px;
	margin-left: 180px;
	background-color: #FFF;
	color: #4B6886;
}

.dl_mod a {
	padding: 0px;
	margin: 0px;
}

.dl_intitule {
	font-weight: bold;
	color: #d7e2ef;
}

.timeline-event-bubble-title a {
	color: #60778E;
	text-decoration: none;
}

.timeline-event-bubble-title a:hover {
	color: #F69E18;
	text-decoration: none;
}

#project_slider {
	width:300px;
	display: inline-block;
}

#progression_value {display: inline-block;padding:0 1em;}

div.progressbar {margin:0;}
div.progressbar span:first-child {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left:1px solid #ccc;
}
div.progressbar span:last-child {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right:1px solid #ccc;
}
div.progressbar span {
	display:inline-block;
	width:11px;
	height:7px;
	background-color: #ddd;
	border-right:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	/**
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	*/
}
	
div.progressbar span.completed {
	background-color: #FF8D1C;
	/**
	-moz-box-shadow: 0 0 5px #555;
	-webkit-box-shadow: 0 0 5px #555;
	box-shadow: 0 0 5px #555;
	*/
}


#project_indicators h3 {
	display: none;
}
/** Dashboard 
**********************************************/
.table_dashboard td {
	padding:0.5em 1em;
}

.table_dashboard .no-value {
	padding-bottom:.8em;
}

.dashboard-indicator-label, .dashboard-indicator-tendency  {
	display:inline-block;
}

.ruler {
	position: relative;
	z-index: 24;
	text-decoration: none;
}

/** datavisualisation type */
.dashboard-indicator-gauge {
	float: left;
	padding: 0px;
	text-indent: 0px;
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
}

.dashboard-indicator-raw {
	display:inline-block;
	padding: 0px;
	width:125px;
	text-align: center;
	position: relative;
}

.dashboard-indicator-raw .unit {
	display: block;
	color:#AFAFAF;
	font-size: 0.85em;
}

.dashboard-indicator-raw span.value, .dashboard-indicator-raw span.no-value {
	font-size:1.9em;
	line-height:0.0em;
	color: #3A91A5;
	font-weight: bold;
}

.dashboard-indicator-gauge .cursor {
	position: relative;
	top: -3px;
	margin-left: 0;
	z-index: 100;
}

.dashboard-indicator-gauge .value {
	display:none;
}

div.indicator-info-container {
	position: relative;
}

div.indicator-info:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 18px;
		left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #F2F6F9;   
}
div.indicator-info {
	display: none;
	position: absolute;
	top: -10px;
	left: 130px;
	width: 200px;
	padding:1em;
	border: 1px solid #ccc;
	background-color: #F2F6F9;
	color: #666;
	text-align: left;
	-moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  z-index: 99;
}
div.indicator-info p {
	margin:0;
	padding:.2em 0;
	border-bottom: 1px dotted #ccc;
	font-size: .9em;
}
.valuecomment {
	margin-left: 2em;
	position:relative;
}
.valuecomment div.cont {
	padding:1em;
	margin:0 0 0 1em;
	display: none;
	position: absolute;
	left:-340px;
	top:0;
	color:white;
	background-color: #000;
	opacity:.7;
	width:300px;
	font-size: 11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}