/* ---------- Planning ---------- */
#planning_outer { 
  border: none!important; 
  margin-bottom: 50px;
}

#planning_outer > .caption { 
  margin-right:2px; 
  margin-left: 2px;
}
.planning { padding: 0; }

#planning_caption span { 
  font-family: Georgia, Times Roman, serif;
  font-size: 150%;
  font-weight: bold;
  padding-bottom: 5px;
}

.prestation .caption_text a,
#wait_caption a { 
  margin: 1px 5px; 
  cursor: pointer!important; 
  font-size: 80%; 
  text-decoration: underline; 
  position: relative;
  display: inline;
}

#planning_caption .toolbar { margin: 10px 0; padding: 0; position: relative; display: inline; }
#planning_caption .toolbar div { display: inline; position: relative; }
#planning_caption .toolbar .__horizontal { float: none; display: inline; position: relative; }
#planning_caption .toolbar input { margin-right: 5px; position: relative }
#planning_caption .toolbar .caption { 
  background-color: #D3E7E5!important; 
  font-size: 100%;
}

/* #planning_caption .toolbar #open_outer { margin-left: 20px; } */
#planning_caption .toolbar #open_caption { float: none!important; }
.prestation .caption_text a {
  margin-left: 0px;
}

/* ---------- Timeline ---------- */
.timeline { 
  margin: 0;
  padding: 0;
  height: 12px;
}

.timeline .timeslot {
  font-size: 70%;
  text-align: left;
  overflow: hidden!important;
  border: none;
  padding: 0;
}

.timeline .timeslot .sub {
  overflow: hidden!important;
  white-space: nowrap;
  height: 12px;
  padding: 0;
  vertical-align: middle;
  margin-right: 1px;
  font-size: 7pt;
  color: #3C65C2;
  background-image: none;
}

.timeline .empty .sub { visibility: hidden;}

.timeline .pre, .timeline .post { background-color: #DBF881; }
.timeline .service { background-color: #FFEC9F; }

/* ---------- Prestation ---------- */
table.prestation { 
  border-collapse: collapse;
  border-spacing: 0;
  margin: 5px 0 10px 0; 
}

.prestation .caption td { 
/*  padding: 0; 
  margin: 0; */
  background-color: #D3E7E5; 
}
.prestation td {
  border: 1px solid #fff;
}

.prestation .caption_text {
  color: #3C65C2;
  width: 160px;
  padding: 3px 5px; 
  text-align: left;
}

.prestation .caption .timeline { 
  padding: 0 0 20px 0!important; 
  margin: 0!important;
  position: relative;
  background: transparent url('images/timeline v07.png') -240px 100% repeat-x;
}

.prestation .collapse .timeline { 
  background-image: none!important; 
  padding-bottom: 0!important;
}

.caption td .timeslot {
  height: 12px!important;
  background-image: none;
}

.prestation tr.load td {
  border-bottom: 1px solid #ddd; 
}

.prestation tr.load .caption {
  color: #3C65C2;
  padding: 3px 5px; 
  text-align: left;  
  border-bottom: none;
}

.prestation tr.load span { 
  font-size: 7pt;
  text-align: center;
  width: 15px!important;
  display: block;
  float: left;
  color: #3C65C2;
}

/* ---------- Resource ---------- */
.resource td.caption { 
  color: #3c65c2;
  font-weight: bolder;
  background-color: #D3E7E5; 
  padding: 3px 5px;
  vertical-align: top; 
  width: 160px;
}

.resource { 
  border: none!important; 
  border-collapse: separate;
  margin: 0;
  padding: 0;
  border-spacing: 0px; 
}

.resource .main { 
  background-color: #feffbd; 
  padding: 0;
  margin: 0;
  height: 40px;
  position: relative;
}

/* ---------- Indicators ---------- */
.indicators, .activity-indicator_outer { 
  font-size: 8pt!important; 
  padding: 0; 
  margin: 0; 
  border-collapse: collapse;
}

.indicators td { vertical-align: top; }

.indicators td.caption, .activity-indicator_outer .caption { 
  width: 5em!important; 
  background-color: #fff;
  height: 15px!important;
  padding: 1px!important;
  font-weight: bold;
}

/* ---------- Progress bar ---------- */
.pause-indicator {
  height: 12px;
  border: 1px solid #ddd;
  background-color: #fff!important; 
}

.pause-indicator_outer, label_outer {
  margin: 0; 
}
 
.pause-indicator .bar {
  height: 10px;
  background-color: #ddd;
  border: 1px solid #eee;
  border-left: none;
  border-right: none;
  float: left;
  cursor: pointer; 
}

/* ---------- Activities ---------- */

.activities {
  margin: 0;
  padding: 0;
  margin-top: 1px;
  height: auto;
  position: static;
}

.activities .timeslot, .clipboard .timeslot {
  height: 22px;
  background: transparent url('images/pixel_feffbd.png') top right repeat-y;
/*  position: relative; */
}
.activities .timeslot .sub,
.clipboard .timeslot .sub {
  height: 22px;
  font-size: 70%;
  text-align: center;
  padding-top: 2px;
  margin-right: 1px;
  color: white;
  cursor: pointer;
  background-image: url('images/timeline.png');
  background-position: 0% 100%;
  background-repeat: repeat-x;
}

.activities .empty .sub { background-image: none; }
.activities .empty { border-right: none; }

.activities .locked { color: #FF6000!important;  font-weight: bolder; }
.activities .pause { background-color: #ddd; }

.clipboard { 
  margin: 0; 
  padding: 0; 
  float: none!important;
  z-index: 5000;
  height: 22px;
  position: absolute;
  top: 14px;
  background-color: #ddd;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.5;
} 
/*
.clipboard .timeslot { position: relative; }
.clipboard .timeslot .sub { position: relative; } 
*/


/* ---------- Modules ---------- */
.self .pre, .club .pre { background-color: #4EA08F; }
.self .service, .club .service { background-color: #FF9000; }
.self .post, .club .post { background-color: #176F5D; }

.petit-dejeuner .pre, .scramble .pre { background-color: #7389B8; }
.petit-dejeuner .service, .scramble .service { background-color: #FFCC00; }
.petit-dejeuner .post, .scramble .post { background-color: #8373B8; }

/* ---------- Wait Area ---------- */
#wait_outer { 
  margin: 0 1.5%; 
  position: fixed; 
  bottom: 40px;
  left: 0; 
  _position: absolute;
  z-index: 6000;
  width: 97%;
  background-color: #fff;
}
.wait { 
  margin: 0; 
  padding: 10px; 
  background-color: #fff;
  min-height: 100px; 
  _height: 100px;
  z-index: 6000;
}
.wait .timeslot { 
  margin: 10px 5px; 
  height: 12px!important;
  background-image: none;
  position: relative;
}

.wait .timeslot .sub {
  height: 22px;
  font-size: 70%;
  text-align: center;
  padding-top: 2px;
  margin-right: 1px;
  color: white;
  cursor: pointer;
  background-image: url('images/timeline.png');
  background-position: 0% 100%;
  background-repeat: repeat-x;
}

.wait .locked { color: #FF6000!important;  font-weight: bolder; }

.wait .empty { display: none; }


/* ---------- Misc ---------- */

.dragging { 
  filter: alpha(opacity=50)!important;
  opacity: 0.5!important;
  z-index: 9000;
  background-color: #333;
  height: 25px;
  text-align: center;
  padding-top: 4px;
  font-size: 7pt;
  float: none;
}

#resource_outer { z-index: 9999999999; }
.popup {
  font-size: 90%;
  padding: 0!important;
}

.popup { padding: 2px!important; }

.popup .toggle2, .popup .button2 { 
  background-color: #fff; 
  color: #000; 
  font-weight: normal;
  padding: 2px 5px!important; 
}

.popup .selected { background-color: #fff; }

.radio-group_outer .caption { background-color: #fff; }

.button2.disabled { color: #bbb; cursor: default; }
div.button2.selected, div.toggle2.selected {
  background-color: #fff;
}

#details { font-size: 90%; background-color: #fff; }
#details .caption { background-color: #fff; }

/* ---------- Filter ---------- */
#filter_outer { 
  z-index: 999999999; 
  width: 100%!important; 
  position: relative; 
}

.popup .disabled { 
  color: #BBB!important;
  cursor: default!important;
}