body {
  font-family: "Century Gothic", sans-serif; /*Gill Sans*/
  font-size: 80%;
/*  margin: 0 0 20px 0;*/
}

h1 {
  border-bottom: 1px solid black;
  margin-bottom: 0;
}

h3 {
  border-top: 2px solid black;
  border-bottom: 1px solid gray;
  background-color: #eee;
  padding-left: 5px;
}

h3.important {
  background-color: orange;
}

a:visited {
  color: #00E;
}

span.info {
  text-decoration: none;
  border-bottom: 1px dashed black;
  cursor: pointer;
}

/** Main menu ***************************************************************/

menu#main_menu {
  margin: 10px;
  padding: 0 10px;
  border: 1px solid #888;
  background: #eee;
/*  width: 700px;*/
/*  margin: 20px auto;*/
  margin-top: 0;
  border-top: 0;
  list-style-type: none;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

menu#main_menu li {
  display: inline;
  margin-right: 10px;
}

menu#main_menu li a {
  display: inline-block;
  padding: 5px;
  text-decoration: none;
  color: #000;
  border-right: 1px solid silver;
  border-left: 1px solid silver;
}

menu#main_menu li a img {
  margin-right: 2px;
}

menu#main_menu li a:hover {
  background-color: #ff8;
}

/** Section menu ************************************************************/
menu#section_menu,
menu.section_menu {
  list-style-type: none;
  margin: 20px;
  padding: 0;
}

menu#section_menu li,
menu.section_menu li {
  display: inline-block;
}

/** Content *****************************************************************/
#content {
  margin: 0 50px;
  width: 1024px;
}

/** Form ********************************************************************/
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

fieldset label {
  display: block;
  font-weight: bold;
  clear: both;
}

legend {
  font-weight: bold;
}

fieldset ul.hint {
  color: gray;
  font-size: 80%;
  border: 1px solid gray;
  background-color: #eee;
  padding: 10px;
  width: 250px;
  position: absolute;
  top: 0px;
  left: 330px;
  margin: 0;
  list-style-type: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

fieldset div.field .field_input {
  margin: 10px 0;
  padding: 10px;
  width: 300px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

fieldset div.field.error .field_input {
  background-color: #fee;
  border: 1px solid red;
}

fieldset div.field .field_input.selected {
  background-color: #fff7c0;
  border: 1px solid orange;
}

fieldset div.field .field_input input[type=text],
fieldset div.field .field_input input[type=password],
fieldset div.field .field_input textarea {
  display: block;
  width: 290px;
}

fieldset div.field .field_input input[type=text].colorpicker {
  display: inline;
  width: 260px;
}

fieldset div.field {
  position: relative;
}

form span.required {
  color: red;
}

fieldset div.errors {
  color: #f00;
  border: 1px solid #f00;
  background-color: #fee;
  padding: 0 10px;
  margin: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

fieldset div.field div.field_input ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

fieldset div.field div.field_input ul.errors {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 80%;
  color: red;
}

/** *************************************************************************/

menu.status0 li.status0,
menu.status1 li.status1,
menu.status2 li.status2,
menu.status3 li.status3,
menu.status4 li.status4,
menu.status5 li.status5,
menu.day1 li.day1,
menu.day2 li.day2,
menu.day3 li.day3,
menu.day4 li.day4,
menu.day5 li.day5,
menu.section_menu_group_ li.group_none,
menu.section_menu_group_amd li.group_amd {
  font-weight: bold;
}

.actions {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.documents_list {
  margin-top: 0;
  font-size: 80%;
}

.documents_list a,
.actions a,
a.action {
  font-size: 80%;
}

th {
  text-align: left;
}

.rside {
  width: 500px;
}

.portrait {
  overflow: auto;
}

.portrait img {
  float: left;
  width: 100px;
}

.portrait div {
  padding-left: 105px;
}

#contact_list,
#absences ul {
  list-style-type: none;
  padding: 0;
}

#contact_list table,
.absence .detail,
.address .detail,
.reminder .detail {
  margin-left: 5px;
  padding-left: 5px;
  margin-bottom: 20px;
  margin-top: 0;
  border-left: 2px solid black;
}

.reminder .detail p {
  margin: 0;
}

section.reminders ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

section.reminders .detail ul {
  padding-left: 10px;
}

div.story {
  margin: 10px 0;
}

div.story .for {
  color: blue;
}

div.story p {
  margin-top: 0;
  margin-bottom: 0;
}

div.story .lastupdate {
  color: grey;
  font-size: smaller;
}

#contact_list table th {
  width: 30%;
}

#days ul:first-child {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#days form div {
  margin-left: 25px;
}

.attachments {
  list-style-type: none;
  padding: 0;
}

li.client {
  color: green;
}

li.nonclient {
  color: red;
}

div.week_nav {
  text-align: right;
}

/** *************************************************************************/

p.succes {
  color: darkgreen;
  border: 1px solid darkgreen;
  padding: 5px;
  background-color: palegreen;
}

div.errors,
p.error {
  color: red;
  border: 1px solid red;
  padding: 5px;
  background-color: #fee;
}

span.warning,
p.warning {
  color: red;
}

p.info {
  color: blue;
}

/** *************************************************************************/

table#calendar {
  width: 100%;
}

table#calendar tr {
  height: 30px;
}

table#calendar thead th {
  width: 19%;
  text-align: center;
}

table#calendar thead th:first-child {
  width: 5%;
}

table#calendar thead td,
table#calendar thead th {
  border-right: 1px solid black;
}

table#calendar tbody th {
  padding-right: 5px;
  text-align: right;
  font-size: 80%;
  vertical-align: top;
}

table#calendar tbody td {
  border-top: 1px dotted silver;
}

table#calendar tbody th,
table#calendar tbody td {
  border-right: 1px solid black;
  font-weight: normal;
}

table#calendar tbody tr.hour0 th {
  font-weight: bold;
}

table#calendar tbody tr.hour0 td,
table#calendar tbody tr.hour0 th {
  border-top: 1px solid black;
  font-size: 100%;
}

table#calendar tbody tr:last-child td,
table#calendar tbody tr:last-child th {
  border-bottom: 1px solid black;
}

table#calendar tr.highlight{
  background-color: #efe;
}

table#calendar ul {
  list-style-type: none;
  margin: 2px;
  padding: 0;
}

table#calendar li {
  padding: 1px;
  position: relative;
}

table#calendar li.reminder:hover {
  background-color: #bcb;
}

table#calendar li div.detail {
  background-color: #eee;
  border: 1px solid black;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 1.5em;
  z-index: 1;
  width: 350px;
  
  -moz-box-shadow: 3px 3px 5px #222;
  -webkit-box-shadow: 3px 3px 5px #222;
  box-shadow: 3px 3px 5px #222;
  -webkit-border-radius: 1px;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.reminders .detail .close {
  display: none;
}

.detail .close {
  float: right;
  cursor: pointer;
}

span.date,
span.time {
  font-style: italic;
}

span.short_assignee,
span.long_assignee {
  font-weight: bold;
}


/** *************************************************************************/

table#program_cui_chauf th[rowspan] + td {
/*  border-bottom: 1px dotted gray;*/
}

table#program_cui_chauf {
  clear: both;
  width: 100%;
  min-width: 100%;
  border-collapse:collapse;
  margin-bottom: 15px;
  font-size: 24px;
  border-spacing: 0px;
}

table#program_cui_chauf td,
table#program_cui_chauf th {
  border: 1px solid gray;
  padding: 0;
}

table#program_cui_chauf table {
  border-collapse:collapse;
  border-spacing: 0px;
  width:100%;
}

table#program_cui_chauf table td,
table#program_cui_chauf table th {
  border: none;
}

table#program_cui_chauf thead th {
  text-align: center;
}

table#program_cui_chauf tbody th,
table#program_cui_chauf tbody td.th {
  width: 3%;
  text-align: right;
  font-size:24px;
  padding-right: 5px;
}

table#program_cui_chauf tbody td {
  width: 16%;
}

table#program_cui_chauf div.activity {
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}

table#program_cui_chauf .v_spacer {
  height: 10px;
}

/** *************************************************************************/

table#program th[rowspan] + td {
/*  border-bottom: 1px dotted gray;*/
}

table#program {
  clear: both;
  width: 100%;
  min-width: 100%;
  border-collapse:collapse;
  margin-bottom: 15px;
  font-size: 80%;
  border-spacing: 0px;
}

table#program td,
table#program th {
  border: 1px solid gray;
  padding: 0;
}

table#program table {
  border-collapse:collapse;
  border-spacing: 0px;
  width:100%;
}

table#program table td,
table#program table th {
  border: none;
}

table#program thead th {
  text-align: center;
}

table#program tbody th,
table#program tbody td.th {
  width: 3%;
  text-align: right;
  font-size: 80%;
  padding-right: 5px;
}

table#program tbody td {
  width: 16%;
}

table#program div.activity {
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}

table#program .v_spacer {
  height: 10px;
}

/** *************************************************************************/

#attendances {
  min-width: 100%;
  border-collapse:collapse;
  margin-bottom: 15px;
  font-size: 80%;
}

#attendances th {
  background-color: #eee;
}

#attendances th,
#attendances td {
  border: 1px solid black;
  padding: 2px;
}

#attendances .end_of_day {
  border-right: 3px double black;
}

#attendances .testday {
  background-color: yellow;
}

#attendances .evalday {
  background-color: #FE6B6F;
}

#attendances tfoot td {
  vertical-align: top;
  text-align: right;
}

#attendances tfoot td fieldset {
  text-align: left;
}

#attendances tfoot tr.specificities td,
#attendances tfoot tr.alternative_addresses td {
  text-align: left;
}

.edit_attendance_outer,
.edit_program_outer,
.drugs_monitoring_outer,
.special_care_outer,
.animation_outer {
  position: absolute; 
}
.edit_attendance,
.edit_program,
.drugs_monitoring,
.special_care,
.animation {
  width: 320px;
  
  background-color: #eee;
  border: 1px solid black;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 999;
  
  -moz-box-shadow: 3px 3px 5px #222;
  -webkit-box-shadow: 3px 3px 5px #222;
  box-shadow: 3px 3px 5px #222;
  -webkit-border-radius: 1px;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.edit_attendance .close,
.edit_program .close,
.drugs_monitoring .close,
.special_care .close,
.animation .close {
  float: right;
  cursor: pointer;
}

.toggle_form {
  cursor: pointer;
}

#attendances + form,
#program + form {
  text-align: right;
}

/** *************************************************************************/

#homecare {
  width: 100%;
}

#homecare .day {
  width: 9%;
}

#homecare tbody td {
  font-size: 80%;
}

/** *************************************************************************/

#users,
#groups,
#holidays {
  list-style-type: none;
  padding: 0;
}

/** *************************************************************************/

#user_bar {
  font-size: 80%;
  text-align: right;
  margin-right: 15px;
}

section.reminders + form,
#calendar + form {
  margin-top: 10px;
  text-align: right;
}

#doctor_detail,
#insurance_detail {
  background-color: #eee;
  border: 1px solid black;
}

#doctor_detail .hint,
#insurance_detail .hint {
  background-color: white;
}

.user_color {
  display: inline-block;
  margin: 2px;
  padding: 5px 0;
  text-align: center;
  width: 45px;
  cursor: pointer;
}

/** **************************************************************************/

table.history {
  width: 99%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 50px;
}

table.history th,
table.history td {
  border: 1px solid gray;
  padding: 2px;
}

table.history th {
  border-bottom: 1px solid gray;
  background-color: silver;
}

table.history tr.odd {
  background-color: #ddd;
}

#amds th,
#amds td {
  vertical-align: top;
}

/** **************************************************************************/

#phonebook {
  width: 99%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 50px;
}

#phonebook mark {
  background-color: #fdfc8f;
}

#phonebook small,
#amds small,
h2 small {
  color: gray;
}

#phonebook thead {
  border-bottom: 1px solid black;
}

#phonebook td {
  vertical-align: top;
}

#phonebook thead tr th:nth-child(1) {
  width: 56px;
}

#phonebook thead tr th:nth-child(3),
#phonebook thead tr th:nth-child(4),
#phonebook thead tr th:nth-child(5) {
  width: 11em;
}

#phonebook thead tr th:nth-child(6) {
  width: 20em;
}

#phonebook tbody tr.odd {
  background-color: #ddd;
}
/*
#phonebook tbody tr:nth-child(5n-1) {
    border-top: 1px solid #aaa;
}

#phonebook tbody tr:nth-child(5n) {
  border-bottom: 1px solid #aaa;
}
*/

.colorpicker-choice {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  margin-right: 2px;
}

/** *************************************************************************/

#postits[data-columns]::before {
	content: '3 .column.size-1of3';
}

#postits .column {
  float: left;
}
#postits .size-1of3 {
  width: 33.333%;
}

.postit {
  background-color: #FFDD2A;
  padding: 1em;
  margin: 0.5em;
  border: 1px solid orange;
  box-shadow: 2px 2px 4px 0 silver;
  border-radius: 2px;
  line-height: 1.2;
  position: relative;
}

.postit h3 {
  border: none;
  border-bottom: 1px solid black;
  background: none;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

.postit p {
  padding: 0;
  margin: 0;
}

.postit .actions {
  padding: 0.2em;
  background-color: #FAFFCC;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid orange;
  opacity: 0.9;
}
.postit .actions li {
  display: inline-block;
/*  background-color: #FFDD2A;*/
}

.postit .actions li img {
  vertical-align: center;
}

/*
.postit hr.faded {
  width: 100%;
  height: 1px;
  margin: 1em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, #FFDD2A),
      color-stop(0.5, black),
      color-stop(1, #FFDD2A)
  );
  background-image: -moz-linear-gradient(
      left center,
      #FFDD2A 0%,
      black 50%,
      #FFDD2A 100%
  );
}
*/