html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }

blockquote:before,
blockquote:after, q:before,
q:after {
  content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

div.switch {
  float: left;
  text-align: left;
  position: relative;
  margin-top: 20px;
  color: #ffcc00;
  margin: 7px 0px 4px 0px;
  font-size: 2.5em;
  font-weight: normal; }

div.switch:hover {
  background-color: #1a4f85;
  float: left;
  padding-bottom: 10px; }

div.switch:hover ul {
  background-color: #1a4f85;
  display: block; }

div.switch ul {
  display: none;
  position: absolute;
  margin: 0;
  top: 39px;
  left: 0;
  width: 100%;
  z-index: 10;
  float: left;
  background-color: #1a4f85;
  clear: left;
  padding-bottom: 2px; }

div.switch ul li {
  display: block;
  padding: 1px 5px; }

div.switch ul li a {
  color: #ffcc00;
  border-bottom: 0;
  padding-top: 6px;
  height: 29px;
  font-size: 18px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 18px;
  display: block;
  text-decoration: none; }

div.switch ul li a:hover {
  color: #1a4f85;
  background-color: #dddddd; }

div.switch:hover {
  background-color: #1a4f85; }

a.switch {
  float: left;
  background-color: #1a4f85;
  height: 29px;
  padding: 0 10px;
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 0;
  line-height: 18px;
  min-width: 210px;
  text-decoration: none; }

a.switch strong {
  display: block;
  float: left;
  padding: 5px 20px 0 0;
  height: 24px;
  min-width: 190px;
  color: #ffcc00;
  background: transparent url(/assets/app-switcher-arrow_yellow.png) no-repeat 100% 11px; }

a.switch:hover {
  background-color: #1a4f85; }

.show_search-view img#planning__flexplanning-search-loading-indicator {
  padding-bottom: 10px; }

.show_search-view div.only_one {
  float: right;
  text-align: left;
  position: relative;
  margin-top: 20px;
  color: black;
  margin: 7px 0px 4px 0px;
  font-size: 1.4em;
  font-weight: bold; }

.show_search-view div.group-switch {
  float: right;
  text-align: left;
  position: relative;
  margin-top: 20px;
  color: #ffcc00;
  margin: 7px 0px 4px 0px;
  font-size: 1em;
  font-weight: normal; }

.show_search-view div.group-switch:hover {
  background-color: #1a4f85;
  float: right;
  padding-bottom: 4px; }

.show_search-view div.group-switch:hover ul {
  background-color: #1a4f85;
  display: block; }

.show_search-view div.group-switch ul {
  display: none;
  position: absolute;
  margin: 0;
  top: 29px;
  left: 0;
  width: 100%;
  z-index: 10;
  float: right;
  background-color: #1a4f85;
  clear: left;
  padding-bottom: 2px; }

.show_search-view div.group-switch ul li {
  display: block;
  padding: 1px 5px;
  border-right: 0px;
  text-align: left;
  width: 96%; }

.show_search-view div.group-switch ul li a {
  color: #ffcc00;
  border-bottom: 0;
  padding-top: 6px;
  height: 18px;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 12px;
  display: block;
  text-decoration: none; }

.show_search-view div.group-switch ul li a:hover {
  color: #1a4f85;
  background-color: #dddddd; }

.show_search-view div.group-switch:hover {
  background-color: #1a4f85; }

.show_search-view a.group-switch {
  float: right;
  background-color: #1a4f85;
  height: 29px;
  padding: 0 10px;
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 0;
  line-height: 18px;
  min-width: 210px;
  text-decoration: none; }

.show_search-view a.group-switch strong {
  display: block;
  float: right;
  padding: 5px 20px 0 0;
  height: 24px;
  min-width: 190px;
  color: #ffcc00;
  background: transparent url(/assets/app-switcher-arrow_yellow.png) no-repeat 100% 11px; }

.show_search-view a.group-switch:hover {
  background-color: #1a4f85; }

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }

blockquote:before,
blockquote:after, q:before,
q:after {
  content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

.active-scaffold td.employee-column .planning-name {
  width: 180px;
  text-align: left; }

.active-scaffold td.calculations {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

.active-scaffold ul {
  margin: 0 0;
  list-style-type: none; }

.active-scaffold ul li.timescale {
  display: inline-block;
  padding: 0 0;
  margin: 0 0;
  width: 20px;
  text-align: center;
  border-right: 1px dotted lightgrey; }

.active-scaffold ul li.timescale.help {
  cursor: help; }

.active-scaffold ul li.timescale.filled {
  background-color: #009900; }

.active-scaffold ul li.timescale.pending {
  background-color: #F56000; }

.active-scaffold th#planning__flexoccupations-timescale-column {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

.active-scaffold th#planning__flexoccupations-timescale-column ul {
  margin: 0 0;
  list-style-type: none;
  padding-bottom: 4px; }

.active-scaffold th#planning__flexoccupations-timescale-column ul li.hours {
  background-color: #dddddd; }

.active-scaffold th#planning__flexoccupations-timescale-column ul li.minutes {
  background-color: white; }

.active-scaffold th#planning__flexplanning-timescale-column {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

.active-scaffold th#planning__flexplanning-timescale-column ul {
  margin: 0 0;
  list-style-type: none;
  padding-bottom: 4px; }

.active-scaffold th#planning__flexplanning-timescale-column ul li.hours {
  background-color: #dddddd; }

.active-scaffold th#planning__flexplanning-timescale-column ul li.minutes {
  background-color: white; }

.active-scaffold tr.record td.timescale-column {
  padding: 0 0; }

.active-scaffold tr.record td.child-column.planning-name {
  padding: 0 0;
  width: 180px; }

.active-scaffold tr.record td.employee-column.planning-name {
  padding: 0 0;
  width: 180px; }

.active-scaffold #absent_children {
  margin-top: 10px; }

.active-scaffold form .calendar_date_styler {
  margin-top: 10px;
  float: left; }

li.form-element dl dd.registration {
  margin-top: 5px; }

li.form-element dl dd div.result {
  margin-top: 6px; }

table#mgt_overviews {
  border-right: 1px solid #C5DBF7; }

table#mgt_overviews tr.totals td {
  font-weight: 800;
  border-top: 1px solid #000; }

table#transfers {
  border-right: 1px solid #C5DBF7; }

table#transfers tr.totals td {
  font-weight: 800;
  border-top: 1px solid #000; }

table#free_places {
  border-right: 1px solid #C5DBF7; }

table#free_places tr.totals td {
  font-weight: 800;
  border-top: 1px solid #000; }

table thead tr th.table_header.group {
  width: 200px; }

span.red {
  color: red; }

span.occupations_busy {
  padding: 4px 0px 4px 5px;
  display: none; }

.school_overview_header {
  font-size: 2em;
  font-weight: 600; }

#main_sub_menu.menu_shift_right {
  margin-left: -22px; }

.group_select_school_overview {
  margin-right: 6px;
  display: block; }

th.check_presence {
  width: 40px;
  text-align: center; }

th.class_room {
  width: 40px; }

th.get_time {
  width: 40px; }

th.child_name {
  width: 200px; }

th.number {
  width: 40px; }

th.group_name {
  width: 140px; }

.active-scaffold tr.record td.check_presence {
  border-left: 2px solid #000;
  border-bottom: 2px solid #000; }

.active-scaffold tr.record td.check_presence.last {
  border-right: 2px solid #000; }

th.debtor_month {
  width: 45px;
  text-align: center; }

th.amount {
  text-align: right; }

th.debtor_number {
  width: 60px; }

th.debtor_actions {
  width: 1px;
  padding-left: 0px;
  padding-right: 0px; }

td.sum_invoices {
  width: 45px;
  text-align: right;
  font-size: 11px;
  font-family: Verdana,sans-serif;
  font-weight: 400;
  padding-right: 4px;
  border-left: 1px solid #C5DBF7; }

td.close_sum_invoices {
  border-left: 1px solid #C5DBF7; }

td.amount {
  text-align: right;
  font-family: Verdana,sans-serif;
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  padding-right: 4px; }

td.debtor_value {
  text-align: left;
  font-family: Verdana,sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal; }

td.debtor_field {
  font-family: Verdana,sans-serif;
  font-size: 13px;
  font-weight: 800;
  font-style: italic;
  width: 200px; }

td.paid {
  background-image: url(/assets/tick.png);
  background-position: 21px 50%;
  background-repeat: no-repeat; }

td.not_paid {
  background-image: url(/assets/cross.png);
  background-position: 21px 50%;
  background-repeat: no-repeat; }

span#refresh_busy {
  display: none; }

.form_left_column {
  float: left; }

.form_right_column {
  float: left; }

.active-scaffold .parent_label {
  color: #222222;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1;
  padding-top: 12px;
  margin-bottom: 10px; }

#as_revenu__groups-active-scaffold table {
  width: 300px;
  height: 400px;
  margin-right: 20px;
  margin-top: 4px;
  float: left; }

img#as_revenu__groups-search--loading-indicator {
  margin: 12px 0 0 10px; }

select#revenu_select {
  float: left; }

#revenu_graph {
  margin: 10px 10px; }

.active-scaffold-footer .totals_incasso {
  font-size: 1.2em;
  color: #0066CC; }

span#message_child_surcharge {
  font-weight: 600;
  color: red; }

.active-scaffold-header .actions a.export_clieop {
  background-image: url(/assets/active_scaffold/default/money_euro.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.set_as_paid {
  background-image: url(/assets/active_scaffold/default/table_add.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.show_import {
  background-image: url(/assets/active_scaffold/default/table_add.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.set_sent {
  background-image: url(/assets/active_scaffold/default/lock.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.reset_sent {
  background-image: url(/assets/active_scaffold/default/lock_open.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.export_overview_pdf {
  background-image: url(/assets/page_white_acrobat.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.mail_invoices {
  background-image: url(/assets/active_scaffold/default/email_go.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .actions a.list_overview {
  background-image: url(/assets/active_scaffold/default/table.png);
  background-position: 1px 50%;
  background-repeat: no-repeat;
  padding-left: 19px; }

.active-scaffold-header .title_header {
  padding-bottom: 19px; }

.active-scaffold-header .title_header_debtors {
  padding-bottom: 6px; }

.active-scaffold-header .title_actions {
  padding-top: 20px; }

.active-scaffold-header .header_links {
  background-color: #e6f2ff;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid lightgrey;
  text-align: center; }

.active-scaffold-header .header_links a {
  padding: 4px 4px 4px 4px;
  margin-bottom: 0px; }

.active-scaffold-header .header_links a.selected {
  background-color: #555555;
  color: #FFF;
  font-weight: bold; }

.active-scaffold-header .header_links span.next_month {
  position: absolute;
  right: 2px; }

.active-scaffold-header .header_links span.prev_month {
  position: absolute;
  left: 2px; }

.active-scaffold li.form-element dd span.postcode_nrs {
  padding: 6px 0 0 4px; }

.active-scaffold li.form-element dt {
  padding: 6px 0;
  width: 14em;
  float: left; }

.active-scaffold td.last-column {
  border-right: 1px solid #CCCCCC; }

.active-scaffold th.table_header {
  padding-left: 5px;
  color: #fff; }

.active-scaffold textarea.text-input-parents-remarks {
  padding: 2px;
  width: 265px; }

.active-scaffold .sub-form table {
  border-left: 0px solid black;
  background-color: #fff; }

.active-scaffold .sub-form table * {
  display: inline; }

.active-scaffold .sub-form table thead {
  display: none; }

.active-scaffold .sub-form table td {
  padding: 0.0em;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }

.active-scaffold .sub-form table td {
  display: block; }

.active-scaffold .sub-form table td.actions {
  clear: both; }

.active-scaffold .sub-form table td.last-column {
  border-right: 1px solid #CCCCCC; }

.active-scaffold .sub-form label {
  display: inline;
  padding: 0.0em; }

.active-scaffold .sub-form dl {
  width: 41.1em;
  margin: 0 0;
  padding: 0;
  display: block; }

.active-scaffold .sub-form dt {
  width: 15em;
  float: left;
  margin: 0 0 0 0;
  padding: .5em; }

.active-scaffold .sub-form dd {
  float: left;
  width: 24em;
  margin: 0 0 0 0;
  padding: .5em; }

.active-scaffold span.description {
  color: #999999;
  font-size: 15px;
  font-weight: 800;
  margin-left: 5px; }

.active-scaffold tr.print_record td {
  background-color: #efffa1;
  border-left: solid 1px #ddd; }

.active-scaffold tr.print_record td.sorted {
  background-color: #efffa1;
  border-bottom: solid 1px #AFD0F5; }

.active-scaffold tr.pending td {
  background-color: #f56000;
  border-left: solid 1px #ddd; }

.active-scaffold tr.pending td.sorted {
  background-color: #f56000;
  border-bottom: solid 1px #AFD0F5; }

.active-scaffold tr.record.paid_record td {
  background-color: #ddffcc;
  border-left: solid 1px #ddd; }

.active-scaffold tr.record.paid_record td.sorted {
  background-color: #ddffcc;
  border-bottom: solid 1px #AFD0F5; }

.active-scaffold tr.even_record.paid_record td {
  background-color: white;
  border-left: solid 1px #ddd; }

.active-scaffold tr.even_record.paid_record td.sorted {
  background-color: white;
  border-bottom: solid 1px #AFD0F5; }

.active-scaffold tr.record.non_paid_record td {
  background-color: #ffbbcc;
  border-left: solid 1px #ddd; }

.active-scaffold tr.record.non_paid_record td.sorted {
  background-color: #ffbbcc;
  border-bottom: solid 1px #AFD0F5; }

.active-scaffold tr.record.even_record.non_paid_record td {
  background-color: white;
  border-left: solid 1px #ddd; }

.active-scaffold tr.record.even_record.non_paid_record td.sorted {
  background-color: white;
  border-bottom: solid 1px #AFD0F5; }

.active-scaffold tr.no_account_number td {
  background-color: #ff8084;
  border-left: solid 1px #ddd; }

.active-scaffold tr.no_account_number td.sorted {
  background-color: #ff8084;
  border-bottom: solid 1px #AFD0F5; }

th#planning__flexoccupations-remarks-column, th#planning__flexplanning-dummy-column {
  width: 150px; }

label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input.text {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 300px;
  padding: 5px; }

input.text:focus {
  border: 1px solid #666; }

input.title {
  font-size: 1.5em; }

input.title {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 300px;
  padding: 5px; }

input.title:focus {
  border: 1px solid #666; }

textarea {
  margin: 0.5em 0;
  border: 1px solid #bbb; }

textarea:focus {
  border: 1px solid #666; }

select {
  margin: 0.5em 0;
  border: 1px solid #bbb; }

select:focus {
  border: 1px solid #666; }

textarea {
  width: 390px;
  height: 250px;
  padding: 5px; }

span.forgot_password {
  padding: 0px 0px 0px 5px; }

span.forgot_password a {
  text-decoration: none; }

span.forgot_password a:hover {
  text-decoration: underline; }

fieldset.form {
  border: 15px solid #dddddd;
  background-color: #edf3fe;
  margin: 0 auto 10px auto;
  width: 375px;
  margin-bottom: 30px; }

input.submit {
  font-size: 1.5em; }

div.center_block {
  margin: 0 auto;
  width: 440px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 8px; }

li {
  list-style: none; }

ol.form input {
  margin-top: 0px; }

ol.form label {
  font-size: 1.2em;
  color: #666;
  margin-bottom: 0px; }

h1.form_title {
  margin: 0 auto;
  width: 440px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 2.8em;
  text-align: center;
  font-style: bold;
  color: #003366; }

h3.form_title {
  margin: 0 auto;
  width: 440px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1.6em;
  text-align: center; }

h4.form_title {
  margin: 0 auto;
  width: 440px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1.0em;
  font-style: italic;
  text-align: center; }

#admin__invoice_layouts-content textarea {
  padding: 5px;
  height: 1200px;
  width: 800px; }

#admin__contract_layouts-content textarea {
  padding: 5px;
  height: 1200px;
  width: 800px; }

#admin__overview_year_layouts-content textarea {
  padding: 5px;
  height: 1200px;
  width: 800px; }

.error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }

.error a {
  color: #8a1f11; }

.notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }

.notice a {
  color: #514721; }

.success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }

.success a {
  color: #264409; }

.hide {
  display: none; }

.highlight {
  background: yellow; }

.added {
  background: #006600;
  color: white; }

.removed {
  background: #990000;
  color: white; }

#flash {
  margin: 1em 0 -1em 0; }

#flash_notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }

#flash_notice a {
  color: #514721; }

#flash_error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }

#flash_error a {
  color: #8a1f11; }

#flash_success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }

#flash_success a {
  color: #264409; }

#flash_failure {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }

#flash_failure a {
  color: #8a1f11; }

#inform {
  margin-top: 1em; }

.errorExplanation {
  background-color: #ffe6e6;
  padding: 6px;
  font-size: 0.9em; }

.errorExplanation li {
  clear: both;
  padding-top: 10px;
  list-style: square; }

.errorExplanation h2 {
  font-size: 1.2em;
  color: #9a0000; }

.fieldWithErrors input.text {
  border: 1px solid #9a0000; }

.fieldWithErrors password.text {
  border: 1px "solid" #FFB3BC; }

.fieldWithErrors textarea {
  border: 1px "solid" #FFB3BC; }

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }

blockquote:before,
blockquote:after, q:before,
q:after {
  content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

.tabs {
  height: 1%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  min-height: auto;
  overflow: auto; }

.tabs div#header_right li {
  float: right; }

.tabs div#header_left li {
  float: left; }

.tabs ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: disc; }

.tabs ul li {
  border-bottom: none;
  line-height: 1.5;
  list-style-type: none;
  margin: 0 .25em 0 0;
  padding: 0;
  background-color: #1a4f85; }

.tabs ul li.selected {
  background: #dddddd;
  border-bottom: none;
  cursor: default;
  padding: .2em .5em .3em .5em; }

.tabs ul li span span {
  border-bottom: none;
  color: #009900;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  text-decoration: none; }

.tabs ul a {
  border-bottom: none;
  color: white;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: normal;
  padding: .2em .5em .3em .5em;
  text-decoration: none; }

.tabs ul a:focus, .tabs ul a:hover {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

.tabs ul.label {
  border: none;
  font-weight: bold;
  line-height: 1.5;
  margin-right: .5em;
  padding: .2em .5em .3em .5em; }

.tabs ul li.help {
  background-color: #009900; }

.tabs ul li.help a {
  color: white;
  font-weight: bold; }

#header-container {
  background-color: #003366;
  margin: 0 auto;
  min-width: 950px;
  width: 90%; }

#header {
  background-color: #003366; }

#global-links {
  float: right;
  color: white;
  margin: 0;
  padding: 2px 2px 7px 25px;
  font-size: 1em;
  text-align: right;
  position: relative; }

#global-links a {
  color: white; }

#global-links a:hover {
  background-color: #1d64ad;
  color: white; }

#global-links span.pipe {
  opacity: 0.6; }

#header-container h2 {
  color: #ffcc00;
  text-align: left;
  margin-bottom: 4px;
  font-size: 2.5em;
  font-weight: normal; }

#sidebar_menu {
  margin: 0 0 8px;
  padding: 0px 0px 0px 0px;
  background-color: #f0f0f0; }

#sidebar_menu ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: disc;
  min-height: auto;
  overflow: auto; }

#sidebar_menu ul li {
  border-bottom: none;
  line-height: 1.5;
  clear: left;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  background-color: #1a4f85; }

#sidebar_menu ul li.selected {
  margin: 0 0 8px;
  padding: 0 0 0 0;
  background-color: #dddddd;
  border-bottom: none;
  color: #009900;
  cursor: default;
  font-weight: bold; }

#sidebar_menu ul li span span {
  margin: 0 0 4px;
  padding-left: .5em;
  border-bottom: none;
  color: #009900;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  text-decoration: none; }

#sidebar_menu ul li a {
  border-bottom: none;
  color: #666666;
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: .2em .5em .3em 0;
  text-decoration: none;
  background-color: #edf3fe; }

#sidebar_menu ul li a:focus, #sidebar_menu ul li a:hover {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

ul#second_level {
  list-style-type: disc;
  margin: 0 1.5em 0; }

.correction_menu {
  margin-top: -24px; }

.correction_margin {
  margin-top: 16px; }

#main_sub_menu {
  height: 1%;
  min-height: auto;
  margin-left: 4px; }

#main_sub_menu #sub_menu_right #management {
  margin-bottom: 0; }

#main_sub_menu #sub_menu_right {
  float: right;
  top: 115px;
  padding-right: 11px;
  margin-top: -8px;
  font-weight: bolder;
  font-size: 1.1em; }

#main_sub_menu #sub_menu_right li {
  border-bottom: none;
  line-height: 1.5;
  list-style-type: none;
  float: left;
  margin: 0 0 10px 0;
  padding: 0; }

#main_sub_menu #sub_menu_right li.selected {
  margin: 0 0 8px;
  padding: 0 0 0 0;
  border-bottom: none;
  color: #009900;
  cursor: default;
  font-weight: bold; }

#main_sub_menu #sub_menu_right li a {
  border-bottom: none;
  color: #666666;
  cursor: pointer;
  font-weight: normal;
  padding: .1em .4em .1em .25em;
  text-decoration: underline; }

#main_sub_menu #sub_menu_right li a.selected {
  border-bottom: none;
  color: #1d64ad;
  cursor: default;
  font-weight: bold;
  text-decoration: none; }

#main_sub_menu #sub_menu_right li a:focus, #main_sub_menu #sub_menu_right li a:hover {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

#main_sub_menu #sub_menu {
  list-style-type: disc;
  margin: 0 0 -10px 0;
  padding: 6px 0px 0 0;
  font-weight: bolder;
  font-size: 1.1em;
  height: 22px; }

#main_sub_menu #sub_menu ul#years {
  margin-left: 2px;
  padding-left: 0px; }

#main_sub_menu #sub_menu li {
  border-bottom: none;
  line-height: 1.5;
  list-style-type: none;
  float: left;
  margin: 0 0 10px 0;
  padding: 0; }

#main_sub_menu #sub_menu li.year_overview a {
  border-bottom: none;
  background-color: #1a4f85;
  color: white;
  cursor: pointer;
  margin: 0 0 10px 5px;
  font-weight: bolder;
  padding: .1em .4em .1em .25em;
  text-decoration: none; }

#main_sub_menu #sub_menu li.selected {
  margin: 0 0 8px;
  padding: 0 0 0 0;
  border-bottom: none;
  color: #009900;
  cursor: default;
  font-weight: bold; }

#main_sub_menu #sub_menu li a {
  border-bottom: none;
  color: #666666;
  cursor: pointer;
  font-weight: normal;
  padding: .1em .4em .1em .25em;
  text-decoration: underline; }

#main_sub_menu #sub_menu li a.selected {
  border-bottom: none;
  color: #1d64ad;
  cursor: default;
  font-weight: bold;
  text-decoration: none; }

#main_sub_menu #sub_menu li a:focus, #main_sub_menu #sub_menu li a:hover {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

#cms_main_sub_menu {
  height: 1%;
  min-height: auto; }

#cms_main_sub_menu #cms_sub_menu {
  background: #EDF3FE none repeat scroll 0 0;
  list-style-type: disc;
  margin: 0 0 0 0;
  padding: 6px 0px 0 0;
  float: right;
  font-weight: bolder;
  font-size: 1.1em; }

#cms_main_sub_menu #cms_sub_menu li {
  height: 1%;
  border-bottom: none;
  line-height: 1.5;
  list-style-type: none;
  float: left;
  margin: 0 0 10px 0;
  padding: 0; }

#cms_main_sub_menu #cms_sub_menu li.selected {
  margin: 0 0 8px;
  padding: 0 0 0 0;
  border-bottom: none;
  color: #009900;
  cursor: default;
  font-weight: bold; }

#cms_main_sub_menu #cms_sub_menu li a {
  border-bottom: none;
  color: #666666;
  cursor: pointer;
  font-weight: normal;
  padding: .1em .4em .1em .25em;
  text-decoration: underline; }

#cms_main_sub_menu #cms_sub_menu li a.selected {
  border-bottom: none;
  color: #1d64ad;
  cursor: default;
  font-weight: bold;
  text-decoration: none; }

#cms_main_sub_menu #cms_sub_menu li a:focus, #cms_main_sub_menu #cms_sub_menu li a:hover {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

.occupations_busy {
  text-align: center; }

h2.fc-header-title {
  color: #003366;
  margin-bottom: 0.75em;
  margin-top: -2px;
  font-weight: normal;
  font-size: 2.0em;
  padding-left: 10px;
  text-align: center; }

.fc-event,
.fc-agenda.fc-event-time,
.fc-event a {
  border-style: solid;
  border-color: #3366cc;
  background-color: #3366cc;
  color: white;
  height: 40px; }

.group_free,
.fc-agenda.group_free.fc-event-time,
.group_free a {
  background-color: lightgreen;
  border-color: lightgreen; }

.group_full,
.fc-agenda.group_full.fc-event-time,
.group_full a {
  background-color: gray;
  border-color: gray; }

.group_over,
.fc-agenda.group_over.fc-event-time,
.group_over a {
  background-color: red;
  border-color: red; }

.group_free span.fc-event-title, .group_over span.fc-event-title, .group_full span.fc-event-title {
  color: white;
  font-weight: bold; }

form.formtastic {
  margin: 0;
  padding: 0; }

form.formtastic ul, form.formtastic ol {
  margin: 0;
  padding: 0;
  list-style: none; }

form.formtastic li {
  margin: 0;
  padding: 0; }

form.formtastic fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-block; }

form.formtastic fieldset.buttons {
  padding-left: 25%; }

form.formtastic fieldset.buttons li {
  float: left;
  padding-right: 0.5em; }

form.formtastic fieldset ol li {
  margin-bottom: 1.5em;
  display: inline-block; }

form.formtastic fieldset ol li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

form.formtastic fieldset ol li label {
  display: block;
  width: 25%;
  float: left;
  padding-top: .2em; }

form.formtastic fieldset ol li li label {
  line-height: 100%;
  padding-top: 0; }

form.formtastic fieldset ol li li label input {
  line-height: 100%;
  vertical-align: middle;
  margin-top: -0.1em; }

form.formtastic fieldset ol li fieldset {
  position: relative; }

form.formtastic fieldset ol li fieldset legend {
  position: absolute;
  width: 25%;
  padding-top: 0.1em; }

form.formtastic fieldset ol li fieldset legend span {
  position: absolute; }

form.formtastic fieldset ol li fieldset ol {
  float: left;
  width: 74%;
  margin: 0;
  padding: 0 0 0 25%; }

form.formtastic fieldset ol li fieldset ol li {
  padding: 0;
  border: 0; }

form.formtastic fieldset ol li p.inline-hints {
  color: #666;
  margin: 0.5em 0 0 25%; }

form.formtastic fieldset ol li p.inline-errors {
  color: #cc0000;
  margin: 0.5em 0 0 25%; }

form.formtastic fieldset ol li ul.errors {
  color: #cc0000;
  margin: 0.5em 0 0 25%;
  list-style: square; }

form.formtastic fieldset ol li ul.errors li {
  padding: 0;
  border: none;
  display: list-item; }

form.formtastic fieldset ol li.string input, form.formtastic fieldset ol li.password input, form.formtastic fieldset ol li.numeric input, form.formtastic fieldset ol li.text textarea {
  width: 74%; }

form.formtastic fieldset ol li.hidden {
  display: none; }

form.formtastic fieldset ol li.boolean label {
  padding-left: 25%;
  width: auto; }

form.formtastic fieldset ol li.boolean label input {
  margin: 0 0.5em 0 0.2em; }

form.formtastic fieldset ol li.radio fieldset ol, form.formtastic fieldset ol li.check_boxes fieldset ol {
  margin-bottom: -0.6em; }

form.formtastic fieldset ol li.radio fieldset ol li, form.formtastic fieldset ol li.check_boxes fieldset ol li {
  margin: 0.1em 0 0.5em 0; }

form.formtastic fieldset ol li.radio fieldset ol li label, form.formtastic fieldset ol li.check_boxes fieldset ol li label {
  float: none;
  width: 100%; }

form.formtastic fieldset ol li.radio fieldset ol li label input, form.formtastic fieldset ol li.check_boxes fieldset ol li label input {
  margin-right: 0.2em; }

form.formtastic fieldset ol li.date fieldset ol li, form.formtastic fieldset ol li.time fieldset ol li, form.formtastic fieldset ol li.datetime fieldset ol li {
  float: left;
  width: auto;
  margin: 0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label, form.formtastic fieldset ol li.time fieldset ol li label, form.formtastic fieldset ol li.datetime fieldset ol li label {
  display: none; }

form.formtastic fieldset ol li.date fieldset ol li label input, form.formtastic fieldset ol li.time fieldset ol li label input, form.formtastic fieldset ol li.datetime fieldset ol li label input {
  display: inline;
  margin: 0;
  padding: 0; }

form.formtastic fieldset:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

form.formtastic legend {
  margin: 0;
  padding: 0;
  color: #000; }

form.formtastic input, form.formtastic textarea, form.formtastic select {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-size: 100%; }

form.formtastic p {
  margin: 0;
  padding: 0; }

form.formtastic em, form.formtastic strong {
  font-style: normal;
  font-weight: normal; }

form.formtastic abbr, form.formtastic acronym {
  border: 0;
  font-variant: normal; }

html[xmlns] form.formtastic fieldset {
  display: block; }

html[xmlns] form.formtastic fieldset ol li {
  display: block; }

* html form.formtastic fieldset {
  height: 1%; }

* html form.formtastic fieldset ol li {
  height: 1%; }

.form_group {
  border: 1px solid;
  margin-bottom: 12px;
  padding: 10px 10px 0px 10px;
  width: 45%;
  background-color: #e6f2ff; }

.form_group#parent {
  float: left;
  margin-right: 15px; }

#new_child_form {
  margin: 0 auto;
  padding: 1em;
  color: #003366;
  width: 95%; }

#new_child_form textarea {
  height: 8em; }

#new_contact_form {
  margin: 0 auto;
  padding: 1em;
  color: #003366;
  width: 776px; }

#new_contact_form textarea {
  width: 73%; }

#contact_message {
  padding: .5em;
  color: #003366;
  margin-bottom: 1em;
  font-weight: bold; }

#contact_message h3.registration, #contact_message h3.contact {
  margin-bottom: 0.3em; }

form.formtastic span.label {
  color: #003366;
  font-size: 0.85em;
  font-style: normal;
  font-weight: bold; }

form.formtastic fieldset ol li {
  margin-bottom: 8px; }

form.formtastic fieldset ol li.string input {
  width: auto; }

form.formtastic fieldset ol li.numeric input {
  width: auto; }

#help_text {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: white;
  color: #009900;
  border-color: #009900; }

#help_text a.help_close_link {
  display: block;
  color: #514721;
  float: right; }

.active-scaffold td.employee-column .planning-name {
  width: 180px;
  text-align: left; }

.active-scaffold td.calculations {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

.active-scaffold ul {
  margin: 0 0;
  list-style-type: none; }

.active-scaffold ul li.timescale {
  display: inline-block;
  padding: 0 0;
  margin: 0 0;
  width: 20px;
  text-align: center;
  border-right: 1px dotted lightgrey; }

.active-scaffold ul li.timescale.help {
  cursor: help; }

.active-scaffold ul li.timescale.filled {
  background-color: #009900; }

.active-scaffold th#planning__flexoccupations-timescale-column {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

.active-scaffold th#planning__flexoccupations-timescale-column ul {
  margin: 0 0;
  list-style-type: none;
  padding-bottom: 4px; }

.active-scaffold th#planning__flexoccupations-timescale-column ul li.hours {
  background-color: #dddddd; }

.active-scaffold th#planning__flexoccupations-timescale-column ul li.minutes {
  background-color: white; }

.active-scaffold th#planning__flexplanning-timescale-column {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

.active-scaffold th#planning__flexplanning-timescale-column ul {
  margin: 0 0;
  list-style-type: none;
  padding-bottom: 4px; }

.active-scaffold th#planning__flexplanning-timescale-column ul li.hours {
  background-color: #dddddd; }

.active-scaffold th#planning__flexplanning-timescale-column ul li.minutes {
  background-color: white; }

.active-scaffold tr.record td.timescale-column {
  padding: 0 0; }

.active-scaffold tr.record td.child-column.planning-name {
  padding: 0 0;
  width: 180px; }

.active-scaffold tr.record td.employee-column.planning-name {
  padding: 0 0;
  width: 180px; }

.active-scaffold #absent_children {
  margin-top: 10px; }

#feedback {
  font-size: 1.4em; }

.selectable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%; }

.selectable li.timescale {
  font-size: 9px;
  display: inline-block;
  padding: 0 0;
  margin: 0 0;
  width: 20px;
  text-align: center;
  border-right: 1px dotted lightgrey; }

.selectable li.timescale.first {
  margin-left: 6px; }

.selectable li.timescale.help {
  cursor: help; }

.selectable li.timescale.filled {
  background-color: #009900; }

.selectable li.timescale.pending {
  background-color: #f56000; }

.selectable .ui-selecting {
  background: #FECA40; }

.selectable .ui-selected {
  background: #F39814;
  color: white; }

.selectable ul {
  margin: 0 0;
  list-style-type: none; }

table.group_detail {
  table-layout: fixed; }

table.group_detail th.detail_name {
  width: 20%;
  color: white; }

table.group_detail th.detail_starttime {
  width: 8%; }

table.group_detail th.detail_endtime {
  width: 8%; }

table.group_detail th.detail_remarks {
  width: 10%; }

table.group_detail th.detail_link {
  width: 6%; }

table.year_details {
  margin-bottom: 1.4em;
  float: left;
  max-width: 1100px;
  table-layout: fixed; }

table.year_details th.detail_occupation {
  padding-left: 6px;
  width: 30px;
  text-align: center; }

table.year_details th.detail_occupation.afternoon {
  -webkit-box-shadow: inset -10px 0px 6px -8px #fff;
  -moz-box-shadow: inset -10px 0px 6px -8px #fff;
  box-shadow: inset -10px 0px 6px -8px #fff; }

table.year_details th.detail_date {
  width: 100px; }

table.year_details th.detail_group {
  width: 160px; }

table.year_details tr {
  border-left: 1px dotted lightgrey; }

.group_select {
  display: block;
  margin-right: 10px;
  margin-bottom: 20px; }

.group_select span.occupations_busy {
  padding: 4px 0px 4px 5px;
  float: right;
  display: none; }

.group_select ul.cb_groups {
  padding: 4px 10px 4px 5px;
  font-weight: 700; }

.select_header {
  margin-bottom: 6px;
  background-color: #C3D9FF;
  font-weight: bold;
  padding: 4px 6px 4px 5px; }

table.week_details {
  margin-bottom: 0px;
  max-width: 1100px;
  table-layout: fixed; }

table.week_details td.detail_occupation {
  padding-left: 6px;
  width: 30px;
  background-color: #d4d4d4;
  z-index: 0; }

table.week_details td.detail_occupation.detail_under {
  background-color: lightgreen; }

table.week_details td.detail_occupation.detail_over {
  background-color: red; }
  table.week_details td.detail_occupation.detail_over span {
    color: #000 !important; }

table.week_details td.detail_occupation.empty_detail {
  background-color: #fff; }

table.week_details td.detail_occupation.is_primary_part_of_day.first_day_of_the_month {
  box-shadow: inset 10px 0 7px -8px #949494; }

table.week_details td.detail_occupation.is_secondary_part_of_day {
  box-shadow: inset -10px 0px 7px -8px #fff; }

table.week_details td.detail_occupation.is_primary_part_of_day.is_secondary_part_of_day.first_day_of_the_month {
  box-shadow: inset 10px 0 7px -8px #949494, inset -10px 0px 7px -8px #fff; }

table.week_details td.detail_date {
  width: 100px; }

table.week_details td.detail_group {
  width: 160px;
  text-align: right; }

table.week_details tr {
  display: none;
  border-left: 1px dotted lightgrey; }

.all_group_details {
  display: none; }

.group_totals {
  display: none; }

.detail_divider td {
  background-color: #EEEEEE;
  border-top-color: #005CB8;
  border-top-style: solid;
  border-top-width: 2px;
  height: 28px; }

.detail_divider_no_border td {
  background-color: #EEEEEE;
  height: 28px; }

.selected_group_row_highlight {
  background-color: #d7ecd7 !important; }

th.timescale {
  padding: 0 0;
  font-weight: normal;
  font-size: 75%; }

th.timescale ul {
  margin: 0 0;
  list-style-type: none;
  padding-bottom: 4px; }

th.timescale ul li.timescale {
  display: inline-block;
  padding: 0 0;
  margin: 0 0;
  width: 20px;
  text-align: center;
  border-right: 1px dotted lightgrey; }

th.timescale ul li.hours {
  background-color: #dddddd; }

th.timescale ul li.hours.first {
  margin-left: 6px; }

th.timescale ul li.minutes {
  background-color: white; }

.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000; }

.tipsy-inner {
  color: #FFF;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.tipsy-inner a.rostar_menu_link {
  font-size: 10px;
  color: white; }

.tipsy-inner .rostar_menu_link_mail_pdf {
  margin-top: 2px;
  cursor: pointer; }

.tipsy-inner .rostar_menu_link_mail_pdf span.mail_pdf {
  text-decoration: underline; }

.tipsy-inner .rostar_menu_link_mail_pdf span.mail_pdf_occupations_busy {
  margin-top: 4px;
  padding-left: 4px;
  display: none; }

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent; }

.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow {
  top: 0;
  border-top: none; }

.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow {
  bottom: 0;
  border-bottom: none; }

.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow {
  left: 50%;
  margin-left: -5px; }

.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow {
  left: 10px; }

.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow {
  right: 10px; }

.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -5px; }

.tipsy-e .tipsy-arrow {
  right: 0;
  border-right: none; }

.tipsy-w .tipsy-arrow {
  left: 0;
  border-left: none; }

.link_occupation_detail {
  text-decoration: none; }

#colorpicker {
  position: absolute;
  width: 145px;
  height: 135px;
  overflow: hidden;
  background: #F9F9F9;
  border: 2px #C0C0C0 outset;
  z-index: 1000; }

#colorpicker-hue-container {
  position: absolute;
  top: 4px;
  left: 120px;
  width: 18px;
  height: 110px; }

#colorpicker-hue-bg-img {
  width: 100%;
  height: 100%; }

#colorpicker-hue-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#colorpicker-hue-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 1009;
  cursor: default; }

#colorpicker-bar {
  text-align: right;
  padding-right: 10px; }

#colorpicker-close {
  cursor: pointer;
  color: blue;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  font-weight: bold; }

#colorpicker-div {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 100px;
  height: 100px;
  border: 1px solid #666; }

#colorpicker-bg, #colorpicker-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden; }

#colorpicker-selector {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 11px;
  height: 11px;
  z-index: 1009;
  margin-top: -6px;
  margin-left: -6px;
  cursor: default; }

#colorpicker-selector img {
  position: absolute;
  left: 0;
  top: 0; }

#colorpicker-footer {
  position: absolute;
  top: 114px;
  left: 10px;
  width: 127px; }

#colorpicker-value {
  float: left;
  font-size: 9px !important;
  font-family: Helvetica, Verdana, Sans-Serif;
  height: 10px; }

#colorpicker-value-input {
  font-size: 9px !important;
  font-family: Helvetica, Verdana, Sans-Serif;
  height: 10px;
  width: 40px; }

#colorpicker-okbutton {
  float: right;
  padding: 0 10px;
  background: #3366FF;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  border: 1px solid #666666;
  color: #ffffff; }

.rostar {
  width: 1068px; }

.rostar .rostars_loading {
  text-align: center;
  padding: 12px 0px 4px 5px;
  display: none; }

.rostar .lkr_loading {
  text-align: center;
  padding: 12px 0px 4px 5px;
  display: none; }

.rostar_divider {
  display: block;
  height: 10px;
  clear: both; }

.inline-adapter-class.destroy {
  margin-left: 3px; }

div.ui-state-active {
  color: red; }

div.header_row {
  margin-left: -10px;
  font-size: 9px;
  font-weight: bold; }

div.header_row div.group_name {
  float: left;
  width: 113px;
  height: 29px;
  padding: 1px 3px 2px 5px;
  border-left: 1px solid #c5dbf7;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7; }

div.header_row div.group_name a.toggle_rostar {
  text-decoration: none;
  font-size: 15px; }

div.header_row div.working_hours_name {
  float: left;
  width: 30px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-right: 1px dotted gray;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7;
  background: none repeat scroll 0 0 #c3d9ff; }

div.header_row div.hours_name {
  float: left;
  width: 30px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-right: 1px dotted gray;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7;
  background: none repeat scroll 0 0 #c3d9ff; }

div.header_row div.compensation_name {
  float: left;
  width: 30px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7;
  background: none repeat scroll 0 0 #c3d9ff; }

div.header_row div.day {
  width: 16px;
  padding: 8px 4px 4px 6px;
  border-right: 1px dotted gray;
  border-bottom: 1px solid #c5dbf7;
  float: left;
  height: 20px;
  background: none repeat scroll 0 0 #ccffff; }

div.header_row div.day.weekday {
  background: none repeat scroll 0 0 #c3d9ff; }

div.lkr_row {
  margin-left: -9px;
  position: relative;
  top: -1px; }

div.lkr_row div.rostar_day {
  background-color: #eee; }

div.lkr_row a {
  text-decoration: none; }

div.lkr_row a:hover {
  background-color: #FFFF88; }

div.employee_row {
  margin-left: -9px;
  position: relative;
  top: -1px; }

div.employee_row div.employee_name {
  float: left;
  font-size: 9px;
  width: 114px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-left: 1px solid #c5dbf7;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7;
  cursor: move; }

div.employee_row div.working_hours {
  float: left;
  font-size: 9px;
  width: 30px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7; }

div.employee_row div.holiday_hours {
  float: left;
  font-size: 9px;
  width: 30px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7; }

div.employee_row div.total_compensation {
  float: left;
  font-size: 9px;
  width: 30px;
  height: 21px;
  padding: 8px 3px 2px 3px;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7; }

div.employee_row ul.planning_list {
  padding-left: 0px;
  margin: 0px; }

div.employee_row ul.planning_list li {
  margin-top: -1px; }

div.employee_row ul.planning_list li div.rostar_day {
  border-bottom: 1px solid #1a4f85; }

div.employee_row ul.planning_list li.next {
  z-index: 1000;
  display: none; }

div.employee_row div.day_container {
  float: left; }

div.employee_row div.rostar_day {
  float: left;
  font-size: 9px;
  width: 26px;
  height: 31px;
  border-right: 1px solid #c5dbf7;
  border-bottom: 1px solid #c5dbf7;
  border-top: 1px solid #c5dbf7; }

div.employee_row div.rostar_day:hover ul.planning_list li.next {
  position: relative;
  z-index: 1000;
  display: block; }

div.employee_row div.rostar_day:hover ul.planning_list li.next div.rostar_day {
  background-color: #BDF3FF;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black; }

div.employee_row div.rostar_day.plan {
  padding: 8px 3px 2px 1px;
  height: 21px;
  width: 22px; }

div.employee_row div.rostar_day.no_work {
  height: 31px; }

div.employee_row div.rostar_day.weekend {
  background-color: #ccffff;
  height: 31px; }

div.employee_row div.rostar_day.sick {
  background-color: #c6c2b0;
  height: 31px; }

div.employee_row div.rostar_day.compensation {
  padding: 1px 2px 2px 1px;
  background-color: #ffff33;
  width: 23px;
  height: 28px; }

div.employee_row div.rostar_day.holiday {
  padding: 1px 2px 2px 1px;
  background-color: #3cbed2;
  width: 23px;
  height: 28px; }

div.employee_row div.rostar_day.special_leave {
  padding: 1px 2px 2px 1px;
  background-color: #d5000e;
  width: 23px;
  height: 28px; }

div.employee_row div.rostar_day.edit {
  padding: 1px 2px 2px 1px;
  background-color: lightgreen;
  width: 23px;
  height: 28px; }

div.employee_row div.rostar_day.create {
  padding: 1px 2px 2px 1px;
  background-color: #ffe88e;
  width: 23px;
  height: 28px; }

.form_edit_planning {
  background-color: lightgreen;
  width: 1048px;
  font-size: 10px;
  margin-left: -9px;
  position: relative;
  top: -1px; }

.form_edit_planning .form_header {
  padding: 4px 4px 0px 4px;
  font-weight: 500; }

form.edit_day_form {
  background-color: lightgreen; }

form.edit_day_form span.edit_planning_busy {
  padding: 4px 0px 4px 7px;
  display: none; }

form.edit_day_form select.select_group_id {
  width: 100px; }

form.edit_day_form select.select_time {
  width: 45px; }

fieldset.edit_rostar_inputs {
  height: 40px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: lightgreen; }

fieldset.edit_rostar_inputs ol {
  margin: 0; }

fieldset.edit_rostar_inputs ol li.edit_rostar {
  float: left;
  margin-left: 4px;
  margin-top: 5px; }

fieldset.edit_rostar_inputs ol li#group_id_input {
  margin-left: 2px; }

fieldset.edit_rostar_inputs ol li#free_input {
  margin-top: 10px; }

fieldset.edit_rostar_inputs ol li#remarks_input {
  margin-top: 10px; }

fieldset.edit_rostar_inputs ol li#submit_input {
  margin-top: 10px; }

table.rostar_select {
  font-size: 11px;
  table-layout: fixed;
  width: 1040px;
  margin-bottom: 0px; }

table.rostar_select tbody tr {
  height: 26px; }

table.rostar_select tbody td.last_month {
  width: 110px;
  padding: 4px; }

table.rostar_select tbody td.rostar_date {
  font-size: 13px;
  width: 855px;
  padding: 4px;
  text-align: center; }

table.rostar_select tbody td.rostar_date span.occupations_busy {
  padding: 4px 0px 4px 5px;
  display: none; }

table.rostar_select tbody td.next_month {
  width: 110px;
  padding: 4px;
  text-align: left; }

table.week_rostar {
  width: 610px;
  margin-left: 10px;
  border-top: 1px solid #C5DBF7;
  border-left: 1px solid #C5DBF7;
  font-size: 10px; }

table.week_rostar th {
  border: 1px solid #C5DBF7;
  border-right: 1px dotted gray; }

table.week_rostar th.employee {
  width: 160px; }

table.week_rostar th.times {
  width: 80px;
  text-align: center; }

table.week_rostar tbody td {
  vertical-align: top;
  border-bottom: 1px solid #C5DBF7;
  border-right: 1px solid #C5DBF7; }

table.week_rostar tbody td.times {
  text-align: center; }

table.week_rostar_remarks {
  margin-left: 10px;
  border-top: 1px solid #C5DBF7;
  border-left: 1px solid #C5DBF7;
  font-size: 10px;
  width: 610px; }

table.week_rostar_remarks th {
  border: 1px solid #C5DBF7;
  border-right: 1px dotted gray; }

table.week_rostar_remarks th.employee {
  width: 130px; }

table.week_rostar_remarks th.dates {
  width: 120px; }

table.week_rostar_remarks th.remark {
  width: 280px; }

table.week_rostar_remarks tbody td {
  vertical-align: top;
  border-bottom: 1px solid #C5DBF7;
  border-right: 1px solid #C5DBF7; }

#uploader_file_list {
  padding: 0;
  list-style: none;
  margin-top: 8px; }

#uploader_file_list .file-invalid {
  cursor: pointer;
  color: #514721;
  line-height: 24px;
  background: url(../../../javascripts/fancyupload/assets/error.png) no-repeat 24px 5px;
  margin-bottom: 1px; }

#uploader_file_list .file-invalid span {
  background-color: #fff6bf;
  padding: 1px; }

#uploader_file_list .file {
  line-height: 2em; }

#uploader_file_list .file span, #uploader_file_list .file a {
  padding: 0 4px; }

#uploader_file_list .file .file-title {
  padding-left: 0px; }

#uploader_file_list .file .file-size {
  color: #666; }

#uploader_file_list .file .file-error {
  color: #8a1f11; }

#uploader_file_list .file .file-progress {
  width: 125px;
  height: 12px;
  vertical-align: middle;
  background-image: url(../../../javascripts/fancyupload/assets/progress-bar/progress.gif); }

.te_overflow {
  overflow: hidden !important; }

.te_dragging {
  cursor: move !important; }

#tu_overlay, .te_top_up {
  left: 0;
  top: 0; }

#tu_overlay {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999; }

#temp_up {
  top: -9999px;
  z-index: -1; }

.te_transparent {
  opacity: 0; }

.te_shaded {
  background: none repeat scroll 0 0 black;
  opacity: 0.65; }

.te_scrollable {
  overflow: auto; }

.te_top_up {
  position: absolute;
  z-index: 1000; }

.te_top_up a {
  border: 0 none; }

.te_top_up a:hover {
  border: 0 none; }

.te_top_up .ui-resizable-se {
  background-color: transparent !important;
  border: 0 none !important;
  position: absolute !important; }

.te_wrapper {
  position: relative; }

.te_title {
  color: white;
  font-family: "Lucida Grande","Arial";
  font-size: 11px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1001; }

.te_frame, #tu_center_wrapper {
  border-collapse: collapse; }

.te_frame tr, .te_frame td {
  margin: 0;
  padding: 0; }

.te_frame .te_left, .te_frame .te_middle, .te_frame .te_right {
  padding: 0; }

.te_controls {
  position: absolute;
  z-index: 1001; }

.te_close_link, .te_previous_link, .te_next_link {
  cursor: pointer; }

.te_close_link {
  position: absolute;
  z-index: 1002; }

.te_previous_link, .te_next_link {
  display: block;
  float: left; }

#tu_center_wrapper {
  position: absolute;
  z-index: 1000; }

#tu_loader {
  background: url("/images/top_up/loader.gif") no-repeat scroll 50% 50% transparent;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1003; }

#top_up .te_dashboard .ui-resizable-se {
  background-image: url("/images/top_up/dashboard/sprite.png") !important;
  background-position: 0 0 !important;
  bottom: 12px !important;
  height: 10px !important;
  right: 10px !important;
  width: 10px !important; }

.te_dashboard .te_title {
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
  top: -9px; }

.te_dashboard .te_corner, .te_dashboard .te_rib {
  background-image: url("/images/top_up/dashboard/sprite.png"); }

.te_dashboard .te_top, .te_dashboard .te_bottom {
  height: 20px; }

.te_dashboard .te_left_filler {
  width: 20px; }

.te_dashboard .te_right_filler {
  width: 19px; }

.te_dashboard .te_middle .te_middle {
  background: url("/images/top_up/dashboard/middle.png") repeat scroll 0 0 transparent; }

.te_dashboard .te_top .te_left {
  background-position: -17px -29px; }

.te_dashboard .te_top .te_middle {
  background-position: 0 -71px; }

.te_dashboard .te_top .te_right {
  background-position: -33px -29px; }

.te_dashboard .te_middle .te_left {
  background-position: -17px -232px; }

.te_dashboard .te_middle .te_right {
  background-position: -33px -232px; }

.te_dashboard .te_bottom .te_left {
  background-position: -17px -47px; }

.te_dashboard .te_bottom .te_middle {
  background-position: -17px -89px; }

.te_dashboard .te_bottom .te_right {
  background-position: -33px -47px; }

.te_dashboard .te_content {
  margin: -11px -12px -11px -13px; }

.te_dashboard .te_controls {
  background-image: url("/images/top_up/dashboard/sprite.png");
  background-position: 0 -178px;
  bottom: 35px;
  height: 29px;
  left: 50%;
  margin-left: -33px;
  padding-left: 5px;
  width: 63px; }

.te_dashboard .te_previous_link, .te_dashboard .te_next_link {
  background-image: url("/images/top_up/dashboard/sprite.png");
  height: 29px;
  width: 31px; }

.te_dashboard .te_previous_link {
  background-position: 66px -113px; }

.te_dashboard .te_next_link {
  background-position: 30px -113px; }

.te_dashboard .te_previous_link:hover {
  background-position: 66px -142px; }

.te_dashboard .te_next_link:hover {
  background-position: 30px -142px; }

.te_dashboard .te_close_link {
  background-image: url("/images/top_up/dashboard/sprite.png");
  background-position: -20px 0;
  height: 26px;
  right: -6px;
  top: -1px;
  width: 28px; }

#top_up .te_quicklook .ui-resizable-se {
  background-image: url("/images/top_up/quicklook/sprite.png") !important;
  background-position: -75px -181px !important;
  bottom: 12px !important;
  height: 10px !important;
  right: 9px !important;
  width: 10px !important; }

.te_quicklook .te_title {
  top: 6px; }

.te_quicklook .te_corner, .te_quicklook .te_rib {
  background-image: url("/images/top_up/quicklook/sprite.png"); }

.te_quicklook .te_top {
  height: 24px; }

.te_quicklook .te_bottom {
  height: 56px; }

.te_quicklook .te_left_filler, .te_quicklook .te_right_filler {
  width: 12px; }

.te_quicklook .te_middle .te_middle {
  background: url("/images/top_up/quicklook/middle.png") repeat scroll 0 0 transparent; }

.te_quicklook .te_top .te_left {
  background-position: 0 0; }

.te_quicklook .te_top .te_middle {
  background-position: 0 -30px; }

.te_quicklook .te_top .te_right {
  background-position: 12px 0; }

.te_quicklook .te_middle .te_left {
  background-position: 0 -181px; }

.te_quicklook .te_middle .te_right {
  background-position: 12px -181px; }

.te_quicklook .te_bottom .te_left {
  background-position: 0 -122px; }

.te_quicklook .te_bottom .te_middle {
  background-position: 0 -61px; }

.te_quicklook .te_bottom .te_right {
  background-position: 12px -122px; }

.te_quicklook .te_content {
  margin: 0 -7px; }

.te_quicklook .te_controls {
  bottom: 18px;
  left: 50%;
  margin-left: -33px;
  width: 66px; }

.te_quicklook .te_previous_link, .te_quicklook .te_next_link {
  background-image: url("/images/top_up/quicklook/sprite.png");
  height: 29px;
  margin: 0 1px;
  width: 31px; }

.te_quicklook .te_previous_link {
  background-position: 89px -195px; }

.te_quicklook .te_next_link {
  background-position: 52px -195px; }

.te_quicklook .te_previous_link:hover {
  background-position: 89px -226px; }

.te_quicklook .te_next_link:hover {
  background-position: 52px -226px; }

.te_quicklook .te_close_link {
  background-image: url("/images/top_up/quicklook/sprite.png");
  background-position: -24px -181px;
  height: 13px;
  left: 9px;
  top: 7px;
  width: 13px; }

#top_up .te_flatlook .ui-resizable-se {
  background-image: url("/images/top_up/flatlook/sprite.png") !important;
  background-position: -75px -181px !important;
  bottom: 22px !important;
  height: 10px !important;
  right: 14px !important;
  width: 10px !important; }

.te_flatlook .te_title {
  text-shadow: 1px 1px 2px #2A2A2A;
  top: 5px; }

.te_flatlook .te_corner, .te_flatlook .te_rib {
  background-image: url("/images/top_up/flatlook/sprite.png"); }

.te_flatlook .te_top {
  height: 26px; }

.te_flatlook .te_bottom {
  height: 29px; }

.te_flatlook .te_left_filler, .te_flatlook .te_right_filler {
  width: 21px; }

.te_flatlook .te_middle .te_middle {
  background: url("/images/top_up/flatlook/middle.png") repeat-x scroll center top transparent; }

.te_flatlook .te_top .te_left {
  background-position: 0 0; }

.te_flatlook .te_top .te_middle {
  background-position: 0 -29px; }

.te_flatlook .te_top .te_right {
  background-position: -89px 0; }

.te_flatlook .te_middle .te_left {
  background-position: 0 -181px; }

.te_flatlook .te_middle .te_right {
  background-position: -89px -181px; }

.te_flatlook .te_bottom .te_left {
  background-position: 0 -90px; }

.te_flatlook .te_bottom .te_middle {
  background-position: 0 -58px; }

.te_flatlook .te_bottom .te_right {
  background-position: -89px -90px; }

.te_flatlook .te_content {
  margin: -2px -11px -3px; }

.te_flatlook .te_controls {
  bottom: 18px;
  left: 50%;
  margin-left: -33px;
  width: 66px; }

.te_flatlook .te_previous_link, .te_flatlook .te_next_link {
  background-image: url("/images/top_up/flatlook/sprite.png");
  height: 29px;
  margin: 0 1px;
  width: 31px; }

.te_flatlook .te_previous_link {
  background-position: 89px -195px; }

.te_flatlook .te_next_link {
  background-position: 52px -195px; }

.te_flatlook .te_previous_link:hover {
  background-position: 89px -226px; }

.te_flatlook .te_next_link:hover {
  background-position: 52px -226px; }

.te_flatlook .te_close_link {
  background-image: url("/images/top_up/flatlook/sprite.png");
  background-position: -24px -181px;
  height: 13px;
  left: 15px;
  top: 6px;
  width: 13px; }

.weekplanning_title {
  color: #222222;
  font-size: 1.2em;
  font-weight: normal;
  height: 1.25em;
  line-height: 1.25;
  margin-bottom: -5px;
  margin-left: 12px; }

.weekplanning_footer {
  color: #222222;
  font-size: 8px;
  font-weight: normal;
  font-style: italic;
  margin-top: 4px;
  margin-left: 12px; }

.weekblock {
  float: none;
  display: inline-block;
  vertical-align: top;
  page-break-inside: avoid;
  break-inside: avoid;
  -webkit-column-break-inside: avoid; }

table.weekplanning {
  font-family: arial;
  background-color: #CDCDCD;
  margin: 10px 0pt 0px 12px;
  font-size: 7pt;
  width: 350px;
  text-align: left;
  border-spacing: 1px;
  page-break-inside: avoid; }

table.weekplanning thead tr th {
  background-color: #e6EEEE;
  text-shadow: 0 0px 0 #FFFFFF;
  border: 1px solid #FFF;
  font-size: 7pt;
  padding: 1px 4px 1px 4px; }

table.weekplanning thead tr th.name {
  width: 170px;
  border-right-width: 0px;
  border-right-style: none;
  border-right: 0px none; }

table.weekplanning thead tr th.title {
  width: 240px; }

table.weekplanning thead tr th.timeslot {
  width: 70px;
  border-left-width: 0px;
  border-left-style: none;
  border-left: 0px none; }

table.weekplanning thead tr th.time {
  width: 55px; }

table.weekplanning tbody td {
  color: #3D3D3D;
  padding: 1px 4px 1px 4px;
  background-color: #FFF;
  text-align: left;
  font-size: 7pt; }

table.weekplanning tbody td.name {
  width: 170px; }

table.weekplanning tbody td.timeslot {
  width: 70px; }

table.weekplanning tbody td.time {
  width: 55px; }

table.weekplanning tbody tr.odd td {
  background-color: #F0F0F6; }

table.weekplanning_footer {
  font-family: arial;
  background-color: #CDCDCD;
  margin: 0px 0pt 0px 12px;
  font-size: 7pt;
  width: 350px;
  text-align: left;
  border-spacing: 1px; }

table.weekplanning_footer td.occupation {
  text-align: right; }

table.weekplanning_footer tfoot tr th {
  background-color: #e6EEEE;
  border: 1px solid #FFF;
  font-size: 7pt;
  padding: 4px; }

.rostar_form {
  width: 800px;
  height: 300px;
  margin-left: 300px; }

.rostar_form li#flex_date_input {
  margin: 10px 10px 10px 0px; }

.rostar_form form#edit_occupation {
  position: absolute; }

.rostar_form .form_edit_occupation {
  width: 1048px;
  font-size: 10px;
  margin-left: -9px;
  position: relative;
  top: -1px; }

.rostar_form .form_edit_occupation .form_header {
  padding: 4px 4px 0px 4px;
  font-weight: 500; }

.rostar_form form.edit_occupation_form {
  background-color: lightgreen;
  border: 1px solid #C5DBF7;
  margin-left: -218px; }

.rostar_form form.edit_occupation_form span.edit_planning_busy {
  padding: 4px 0px 4px 7px;
  display: none; }

.rostar_form form.edit_occupation_form select.select_group_id {
  width: 100px; }

.rostar_form form.edit_occupation_form select.select_time {
  width: 45px; }

.rostar_form form.edit_occupation_form #group_buttons,
.rostar_form form.edit_occupation_form #group_id_input,
.rostar_form form.edit_occupation_form #date_input,
.rostar_form form.edit_occupation_form #group_times,
.rostar_form form.edit_occupation_form #remarks_input,
.rostar_form form.edit_occupation_form #submit_input {
  display: none; }

.rostar_form fieldset.choice {
  background-color: #ffcc00; }

.rostar_form fieldset.rostar_inputs {
  height: 31px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-width: 470px; }

.rostar_form fieldset.rostar_inputs li#starttime_hours_input {
  margin-top: 2px;
  height: 26px; }

.rostar_form fieldset.rostar_inputs li#endtime_hours_input {
  margin-top: 2px;
  height: 26px; }

.rostar_form fieldset.rostar_inputs ol {
  margin: 0; }

.rostar_form fieldset.rostar_inputs ol li#title {
  margin-top: 7px; }

.rostar_form fieldset.rostar_inputs ol li#title h3 {
  margin-bottom: -2px; }

.rostar_form fieldset.rostar_inputs ol li#close_form {
  margin-top: 8px; }

.rostar_form fieldset.rostar_inputs ol li.edit_rostar {
  float: left;
  margin-left: 4px;
  margin-top: 2px;
  height: 26px; }

.rostar_form fieldset.rostar_inputs ol li#group_id_input {
  margin-top: 2px;
  margin-left: 10px;
  height: 26px; }

.rostar_form fieldset.rostar_inputs ol li#free_input {
  margin-top: 7px;
  margin-right: 4px;
  margin-left: 10px; }

.rostar_form fieldset.rostar_inputs ol li#free_input label {
  display: block;
  text-indent: -15px;
  padding-left: 15px; }

.rostar_form fieldset.rostar_inputs ol li#free_input input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden; }

.rostar_form fieldset.rostar_inputs ol li.button {
  float: left;
  margin-top: 7px;
  margin-right: 4px;
  margin-left: 4px; }

.rostar_form fieldset.rostar_inputs ol li.button label {
  display: block;
  text-indent: -15px;
  padding-left: 20px; }

.rostar_form fieldset.rostar_inputs ol li.button input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden; }

.rostar_form fieldset.rostar_inputs ol li#remarks_input {
  margin-top: 5px; }

.rostar_form fieldset.rostar_inputs ol li#submit_input {
  margin-top: 6px;
  margin-right: 10px; }

.select_date {
  width: 380px;
  padding: 4px; }

table.contract_rostar_select {
  width: 180px;
  margin-bottom: 0px; }

table.contract_rostar_select td.last_month {
  width: 90px;
  padding: 4px;
  text-align: left; }

table.contract_rostar_select td.rostar_date {
  font-size: 13px;
  width: 180px;
  padding: 4px;
  text-align: center; }

table.contract_rostar_select td.rostar_date span.occupations_busy {
  padding: 4px 0px 4px 5px;
  display: none; }

table.contract_rostar_select td a:hover {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

table.contract_rostar_select td.next_month {
  width: 90px;
  padding: 4px;
  text-align: right; }

.rostars_overview .rostar_table {
  float: left;
  margin-right: 30px; }

.rostars_overview .rostar_table table.contract_rostar {
  width: 180px; }

.rostars_overview .rostar_table table.contract_rostar th {
  background-color: #555555;
  text-align: left;
  color: #fff; }

.rostars_overview .rostar_table table.contract_rostar th.occupation {
  width: 160px; }

.rostars_overview .rostar_table table.contract_rostar th.day {
  width: 120px; }

.rostars_overview .rostar_table table.contract_rostar tr {
  height: 32px; }

.rostars_overview .rostar_table table.contract_rostar tr.record:hover td {
  text-decoration: none;
  outline: none;
  background-color: #1d64ad;
  color: white; }

.rostars_overview .rostar_table table.contract_rostar tr.record:hover td.day {
  width: 100px;
  font-family: Andale Mono; }

.rostars_overview .rostar_table table.contract_rostar tr.record td {
  background-color: #E6F2FF;
  border-bottom: 1px solid #C5DBF7;
  border-left: 1px solid #C5DBF7;
  color: #333333;
  font-family: Verdana,sans-serif;
  font-size: 11px;
  padding: 5px 4px; }

.rostars_overview .rostar_table table.contract_rostar tr.record td.occupation {
  border-right: 1px solid #C5DBF7; }

.rostars_overview .rostar_table table.contract_rostar tr.record td.unauthorized {
  color: orange; }

.rostars_overview .rostar_table table.contract_rostar tr.record td.merged {
  border-bottom: 0px; }

.rostars_overview .rostar_table table.contract_rostar tr.record td.day {
  font-family: Andale Mono; }

.rostars_overview .rostar_table table.contract_rostar tr.even-record td {
  background-color: #FFFFFF;
  border-left: 1px solid #DDDDDD; }

.rostars_overview .rostar_table table.contract_rostar tr.even-record td.occupation {
  border-right: 1px solid #C5DBF7; }

.rostars_overview .rostar_table table.contract_rostar tr.even-record td.merged {
  border-bottom: 0px; }

.rostars_overview .rostar_table table.contract_rostar tr.even-record td.day {
  font-family: Andale Mono; }

.rostars_overview .rostar_table table.contract_rostar tr.weekend td {
  background-color: #ccffff; }

.rostars_overview .rostar_table table.contract_rostar tr.weekend td.day {
  font-family: Andale Mono; }

.rostars_overview .rostar_table table.contract_rostar tr.disabled td {
  background-color: lightgray; }

.rostars_overview .rostar_table table.contract_rostar tr.disabled td.day {
  font-family: Andale Mono; }

span.fp_photo {
  border-width: 1px;
  border-color: black; }

span.fp_photo img.fp_image {
  margin-top: 2px;
  margin-bottom: 8px;
  margin-right: 6px;
  padding: 3px;
  border: 1px solid #C5DBF7; }

span.fp_photo span.destroy_link {
  margin-top: 6px; }

.daily_reports_photo {
  display: block;
  margin-left: 25%; }

a.dr_photo {
  text-decoration: none; }

.daily_report_group {
  background-color: #E6F2FF;
  border: 1px solid;
  margin-bottom: 12px;
  padding: 10px 10px 0;
  width: 700px; }

.dr_entries {
  background-color: #F0F2F3;
  border: 1px solid #E6F2FF;
  margin: 6px;
  padding: 3px; }

.dr_entries .dr_date {
  font-style: italic;
  font-weight: 100;
  font-size: 14px;
  margin-bottom: 16px; }

.dr_entries .dr_entry_text {
  width: 50%;
  display: block;
  float: left; }

.dr_entries .dr_entry_text .dr_content {
  margin-bottom: 15px; }

.dr_entries .dr_entry_photos {
  width: 45%;
  display: block;
  margin-left: 15px;
  margin-bottom: 15px;
  float: left; }

.dr_entries .dr_entry_photos .dr_photo_entry {
  margin: 10px;
  width: 250px;
  float: left; }

.dr_entries .dr_entry_photos .dr_photo_entry .photo {
  border-width: 1px;
  border-color: black; }

.dr_entries .dr_entry_photos .dr_photo_entry .photo img.fp_image {
  margin: 6px;
  padding: 3px;
  border: 1px solid #C5DBF7; }

.dr_entries .dr_entry_photos .dr_photo_entry .fp_dl {
  margin-left: 10px; }

.digg_pagination {
  background: white;
  cursor: default;
  /* self-clearing method: */ }

.digg_pagination a, .digg_pagination span, .digg_pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px; }

.digg_pagination .disabled {
  color: #999999;
  border: 1px solid #dddddd; }

.digg_pagination .current {
  font-style: normal;
  font-weight: bold;
  background: #2e6ab1;
  color: white;
  border: 1px solid #2e6ab1; }

.digg_pagination a {
  text-decoration: none;
  color: #105cb6;
  border: 1px solid #9aafe5; }

.digg_pagination a:hover, .digg_pagination a:focus {
  color: #000033;
  border-color: #000033; }

.digg_pagination .page_info {
  background: #2e6ab1;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center; }

.digg_pagination .page_info b {
  color: #000033;
  background: #6aa6ed;
  padding: 0.1em 0.25em; }

.digg_pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .digg_pagination {
  height: 1%; }

*:first-child + html .digg_pagination {
  overflow: hidden; }

.apple_pagination {
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 1em;
  cursor: default; }

.apple_pagination a, .apple_pagination span {
  padding: 0.2em 0.3em; }

.apple_pagination .disabled {
  color: #aaaaaa; }

.apple_pagination .current {
  font-style: normal;
  font-weight: bold;
  background-color: #bebebe;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; }

.apple_pagination a {
  text-decoration: none;
  color: black; }

.apple_pagination a:hover, .apple_pagination a:focus {
  text-decoration: underline; }

.flickr_pagination {
  text-align: center;
  padding: 0.3em;
  cursor: default; }

.flickr_pagination a, .flickr_pagination span, .flickr_pagination em {
  padding: 0.2em 0.5em; }

.flickr_pagination .disabled {
  color: #aaaaaa; }

.flickr_pagination .current {
  font-style: normal;
  font-weight: bold;
  color: #ff0084; }

.flickr_pagination a {
  border: 1px solid #dddddd;
  color: #0063dc;
  text-decoration: none; }

.flickr_pagination a:hover, .flickr_pagination a:focus {
  border-color: #003366;
  background: #0063dc;
  color: white; }

.flickr_pagination .page_info {
  color: #aaaaaa;
  padding-top: 0.8em; }

.flickr_pagination .previous_page, .flickr_pagination .next_page {
  border-width: 2px; }

.flickr_pagination .previous_page {
  margin-right: 1em; }

.flickr_pagination .next_page {
  margin-left: 1em; }

.notes_title {
  font-family: Verdana,sans-serif; }

.note_created {
  font-family: Verdana,sans-serif;
  font-size: 9px;
  font-style: italic;
  margin-bottom: 6px; }

.note_subject {
  font-family: Verdana,sans-serif;
  font-size: 11px;
  font-weight: bolder;
  margin: 6px 6px 6px 0px; }

.note_content {
  font-family: Verdana,sans-serif;
  font-size: 10px;
  margin-bottom: 16px; }

.notes_print_date {
  margin: 10px 10px 0px 0px;
  font-size: 9px; }

.container {
  min-width: 950px;
  width: 80%;
  margin: 0 auto;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }

.container {
  display: block; }

.span-1 {
  width: 4%; }

div.span-1 {
  float: left;
  overflow: hidden;
  width: 4%;
  margin-right: 0.833em; }

.span-2 {
  width: 8%; }

div.span-2 {
  float: left;
  overflow: hidden;
  width: 8%;
  margin-right: 0.833em; }

.span-3 {
  width: 12%; }

div.span-3 {
  float: left;
  overflow: hidden;
  width: 12%;
  margin-right: 0.833em; }

.span-4 {
  width: 16%; }

div.span-4 {
  float: left;
  overflow: hidden;
  width: 16%;
  margin-right: 0.833em; }

.span-5 {
  width: 20%; }

div.span-5 {
  float: left;
  overflow: hidden;
  width: 20%;
  margin-right: 0.833em; }

.span-6 {
  width: 25%; }

div.span-6 {
  float: left;
  overflow: hidden;
  width: 25%;
  margin-right: 0.833em; }

.span-7 {
  width: 29%; }

div.span-7 {
  float: left;
  overflow: hidden;
  width: 29%;
  margin-right: 0.833em; }

.span-8 {
  width: 33%; }

div.span-8 {
  float: left;
  overflow: hidden;
  width: 33%;
  margin-right: 0.833em; }

.span-9 {
  width: 37%; }

div.span-9 {
  float: left;
  overflow: hidden;
  width: 37%;
  margin-right: 0.833em; }

.span-10 {
  width: 41%; }

div.span-10 {
  float: left;
  overflow: hidden;
  width: 41%;
  margin-right: 0.833em; }

.span-11 {
  width: 45%; }

div.span-11 {
  float: left;
  overflow: hidden;
  width: 45%;
  margin-right: 0.833em; }

.span-12 {
  width: 50%; }

div.span-12 {
  float: left;
  overflow: hidden;
  width: 50%;
  margin-right: 0.833em; }

.span-13 {
  width: 54%; }

div.span-13 {
  float: left;
  overflow: hidden;
  width: 54%;
  margin-right: 0.833em; }

.span-14 {
  width: 58%; }

div.span-14 {
  float: left;
  overflow: hidden;
  width: 58%;
  margin-right: 0.833em; }

.span-15 {
  width: 62%; }

div.span-15 {
  float: left;
  overflow: hidden;
  width: 62%;
  margin-right: 0.833em; }

.span-16 {
  width: 66%; }

div.span-16 {
  float: left;
  overflow: hidden;
  width: 66%;
  margin-right: 0.833em; }

.span-17 {
  width: 70%; }

div.span-17 {
  float: left;
  overflow: hidden;
  width: 70%;
  margin-right: 0.833em; }

.span-18 {
  width: 75%; }

div.span-18 {
  float: left;
  overflow: hidden;
  width: 75%;
  margin-right: 0.833em; }

.span-19 {
  width: 79%; }

div.span-19 {
  float: left;
  overflow: hidden;
  width: 79%;
  margin-right: 0.833em; }

.span-20 {
  width: 83%; }

div.span-20 {
  float: left;
  overflow: hidden;
  width: 83%;
  margin-right: 0.833em; }

.span-21 {
  width: 87%; }

div.span-21 {
  float: left;
  overflow: hidden;
  width: 87%;
  margin-right: 0.833em; }

.span-22 {
  width: 91%; }

div.span-22 {
  float: left;
  overflow: hidden;
  width: 91%;
  margin-right: 0.833em; }

.span-23 {
  width: 95%; }

div.span-23 {
  float: left;
  overflow: hidden;
  width: 95%;
  margin-right: 0.833em; }

.span-24 {
  width: 100%; }

div.span-24 {
  float: left;
  overflow: hidden;
  width: 100%;
  margin-right: 0; }

div.last {
  margin-right: 0; }

.append-1 {
  padding-right: 4%; }

.append-2 {
  padding-right: 8%; }

.append-3 {
  padding-right: 12%; }

.append-4 {
  padding-right: 16%; }

.append-5 {
  padding-right: 20%; }

.append-6 {
  padding-right: 25%; }

.append-7 {
  padding-right: 29%; }

.append-8 {
  padding-right: 33%; }

.append-9 {
  padding-right: 37%; }

.append-10 {
  padding-right: 41%; }

.append-11 {
  padding-right: 45%; }

.append-12 {
  padding-right: 50%; }

.append-13 {
  padding-right: 54%; }

.append-14 {
  padding-right: 58%; }

.append-15 {
  padding-right: 62%; }

.append-16 {
  padding-right: 66%; }

.append-17 {
  padding-right: 70%; }

.append-18 {
  padding-right: 75%; }

.append-19 {
  padding-right: 79%; }

.append-20 {
  padding-right: 83%; }

.append-21 {
  padding-right: 87%; }

.append-22 {
  padding-right: 91%; }

.append-23 {
  padding-right: 95%; }

.prepend-1 {
  padding-left: 4%; }

.prepend-2 {
  padding-left: 8%; }

.prepend-3 {
  padding-left: 12%; }

.prepend-4 {
  padding-left: 16%; }

.prepend-5 {
  padding-left: 20%; }

.prepend-6 {
  padding-left: 25%; }

.prepend-7 {
  padding-left: 29%; }

.prepend-8 {
  padding-left: 33%; }

.prepend-9 {
  padding-left: 37%; }

.prepend-10 {
  padding-left: 41%; }

.prepend-11 {
  padding-left: 45%; }

.prepend-12 {
  padding-left: 50%; }

.prepend-13 {
  padding-left: 54%; }

.prepend-14 {
  padding-left: 58%; }

.prepend-15 {
  padding-left: 62%; }

.prepend-16 {
  padding-left: 66%; }

.prepend-17 {
  padding-left: 70%; }

.prepend-18 {
  padding-left: 75%; }

.prepend-19 {
  padding-left: 79%; }

.prepend-20 {
  padding-left: 83%; }

.prepend-21 {
  padding-left: 87%; }

.prepend-22 {
  padding-left: 91%; }

.prepend-23 {
  padding-left: 95%; }

.pull-1 {
  margin-left: -3.332em; }

.pull-2 {
  margin-left: -6.664em; }

.pull-3 {
  margin-left: -9.996em; }

.pull-4 {
  margin-left: -13.328em; }

.pull-5 {
  margin-left: -16.66em; }

.pull-6 {
  margin-left: -19.992em; }

.pull-7 {
  margin-left: -23.324em; }

.pull-8 {
  margin-left: -26.656em; }

.pull-9 {
  margin-left: -29.988em; }

.pull-10 {
  margin-left: -33.32em; }

.pull-11 {
  margin-left: -36.652em; }

.pull-12 {
  margin-left: -39.984em; }

.pull-13 {
  margin-left: -43.316em; }

.pull-14 {
  margin-left: -46.648em; }

.pull-15 {
  margin-left: -49.98em; }

.pull-16 {
  margin-left: -53.312em; }

.pull-17 {
  margin-left: -56.644em; }

.pull-18 {
  margin-left: -59.976em; }

.pull-19 {
  margin-left: -63.308em; }

.pull-20 {
  margin-left: -66.64em; }

.pull-21 {
  margin-left: -69.972em; }

.pull-22 {
  margin-left: -73.304em; }

.pull-23 {
  margin-left: -76.636em; }

.pull-24 {
  margin-left: -79.968em; }

.push-1 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -3.332em;
  margin-bottom: 0; }

.push-2 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -6.664em;
  margin-bottom: 0; }

.push-3 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -9.996em;
  margin-bottom: 0; }

.push-4 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -13.328em;
  margin-bottom: 0; }

.push-5 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -16.66em;
  margin-bottom: 0; }

.push-6 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -19.992em;
  margin-bottom: 0; }

.push-7 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -23.324em;
  margin-bottom: 0; }

.push-8 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -26.656em;
  margin-bottom: 0; }

.push-9 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -29.988em;
  margin-bottom: 0; }

.push-10 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -33.32em;
  margin-bottom: 0; }

.push-11 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -36.652em;
  margin-bottom: 0; }

.push-12 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -39.984em;
  margin-bottom: 0; }

.push-13 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -43.316em;
  margin-bottom: 0; }

.push-14 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -46.648em;
  margin-bottom: 0; }

.push-15 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -49.98em;
  margin-bottom: 0; }

.push-16 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -53.312em;
  margin-bottom: 0; }

.push-17 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -56.644em;
  margin-bottom: 0; }

.push-18 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -59.976em;
  margin-bottom: 0; }

.push-19 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -63.308em;
  margin-bottom: 0; }

.push-20 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -66.64em;
  margin-bottom: 0; }

.push-21 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -69.972em;
  margin-bottom: 0; }

.push-22 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -73.304em;
  margin-bottom: 0; }

.push-23 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -76.636em;
  margin-bottom: 0; }

.push-24 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -79.968em;
  margin-bottom: 0; }

body {
  line-height: 1.5;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 75%; }

h1 {
  font-weight: normal;
  color: #222222;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h1 img {
  margin: 0; }

h2 {
  font-weight: normal;
  color: #222222;
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-weight: normal;
  color: #222222;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-weight: normal;
  color: #222222;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  height: 1.25em; }

h5 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }

p img {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0; }

p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em; }

a {
  text-decoration: underline;
  color: #000099; }

a:visited {
  color: #000066; }

a:focus {
  color: black; }

a:hover {
  color: black; }

a:active {
  color: #cc0099; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

dfn {
  font-style: italic;
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre, code {
  margin: 1.5em 0;
  white-space: pre;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: disc; }

ol {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold;
  background: #C3D9FF;
  padding: 4px 10px 4px 5px; }

td {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #E5ECF9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.quiet {
  color: #666666; }

.loud {
  color: #111111; }

.clear {
  clear: both; }

.nowrap {
  white-space: nowrap; }

.clearfix {
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }

.clearfix {
  display: block; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

.showgrid {
  background: url(images/grid.png); }

.error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }

.error a {
  color: #8a1f11; }

.notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }

.notice a {
  color: #514721; }

.success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }

.success a {
  color: #264409; }

.hide {
  display: none; }

.highlight {
  background: yellow; }

.added {
  background: #006600;
  color: white; }

.removed {
  background: #990000;
  color: white; }

label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input.text {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 300px;
  padding: 5px; }

input.text:focus {
  border: 1px solid #666; }

input.title {
  font-size: 1.5em; }

input.title {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 300px;
  padding: 5px; }

input.title:focus {
  border: 1px solid #666; }

textarea {
  margin: 0.5em 0;
  border: 1px solid #bbb; }

textarea:focus {
  border: 1px solid #666; }

select {
  margin: 0.5em 0;
  border: 1px solid #bbb; }

select:focus {
  border: 1px solid #666; }

textarea {
  width: 390px;
  height: 250px;
  padding: 5px; }

.container {
  min-width: 950px;
  width: 80%;
  margin: 0 auto;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }

.container {
  display: block; }

.span-1 {
  width: 4%; }

div.span-1 {
  float: left;
  overflow: hidden;
  width: 4%;
  margin-right: 0.833em; }

.span-2 {
  width: 8%; }

div.span-2 {
  float: left;
  overflow: hidden;
  width: 8%;
  margin-right: 0.833em; }

.span-3 {
  width: 12%; }

div.span-3 {
  float: left;
  overflow: hidden;
  width: 12%;
  margin-right: 0.833em; }

.span-4 {
  width: 16%; }

div.span-4 {
  float: left;
  overflow: hidden;
  width: 16%;
  margin-right: 0.833em; }

.span-5 {
  width: 20%; }

div.span-5 {
  float: left;
  overflow: hidden;
  width: 20%;
  margin-right: 0.833em; }

.span-6 {
  width: 25%; }

div.span-6 {
  float: left;
  overflow: hidden;
  width: 25%;
  margin-right: 0.833em; }

.span-7 {
  width: 29%; }

div.span-7 {
  float: left;
  overflow: hidden;
  width: 29%;
  margin-right: 0.833em; }

.span-8 {
  width: 33%; }

div.span-8 {
  float: left;
  overflow: hidden;
  width: 33%;
  margin-right: 0.833em; }

.span-9 {
  width: 37%; }

div.span-9 {
  float: left;
  overflow: hidden;
  width: 37%;
  margin-right: 0.833em; }

.span-10 {
  width: 41%; }

div.span-10 {
  float: left;
  overflow: hidden;
  width: 41%;
  margin-right: 0.833em; }

.span-11 {
  width: 45%; }

div.span-11 {
  float: left;
  overflow: hidden;
  width: 45%;
  margin-right: 0.833em; }

.span-12 {
  width: 50%; }

div.span-12 {
  float: left;
  overflow: hidden;
  width: 50%;
  margin-right: 0.833em; }

.span-13 {
  width: 54%; }

div.span-13 {
  float: left;
  overflow: hidden;
  width: 54%;
  margin-right: 0.833em; }

.span-14 {
  width: 58%; }

div.span-14 {
  float: left;
  overflow: hidden;
  width: 58%;
  margin-right: 0.833em; }

.span-15 {
  width: 62%; }

div.span-15 {
  float: left;
  overflow: hidden;
  width: 62%;
  margin-right: 0.833em; }

.span-16 {
  width: 66%; }

div.span-16 {
  float: left;
  overflow: hidden;
  width: 66%;
  margin-right: 0.833em; }

.span-17 {
  width: 70%; }

div.span-17 {
  float: left;
  overflow: hidden;
  width: 70%;
  margin-right: 0.833em; }

.span-18 {
  width: 75%; }

div.span-18 {
  float: left;
  overflow: hidden;
  width: 75%;
  margin-right: 0.833em; }

.span-19 {
  width: 79%; }

div.span-19 {
  float: left;
  overflow: hidden;
  width: 79%;
  margin-right: 0.833em; }

.span-20 {
  width: 83%; }

div.span-20 {
  float: left;
  overflow: hidden;
  width: 83%;
  margin-right: 0.833em; }

.span-21 {
  width: 87%; }

div.span-21 {
  float: left;
  overflow: hidden;
  width: 87%;
  margin-right: 0.833em; }

.span-22 {
  width: 91%; }

div.span-22 {
  float: left;
  overflow: hidden;
  width: 91%;
  margin-right: 0.833em; }

.span-23 {
  width: 95%; }

div.span-23 {
  float: left;
  overflow: hidden;
  width: 95%;
  margin-right: 0.833em; }

.span-24 {
  width: 100%; }

div.span-24 {
  float: left;
  overflow: hidden;
  width: 100%;
  margin-right: 0; }

div.last {
  margin-right: 0; }

.append-1 {
  padding-right: 4%; }

.append-2 {
  padding-right: 8%; }

.append-3 {
  padding-right: 12%; }

.append-4 {
  padding-right: 16%; }

.append-5 {
  padding-right: 20%; }

.append-6 {
  padding-right: 25%; }

.append-7 {
  padding-right: 29%; }

.append-8 {
  padding-right: 33%; }

.append-9 {
  padding-right: 37%; }

.append-10 {
  padding-right: 41%; }

.append-11 {
  padding-right: 45%; }

.append-12 {
  padding-right: 50%; }

.append-13 {
  padding-right: 54%; }

.append-14 {
  padding-right: 58%; }

.append-15 {
  padding-right: 62%; }

.append-16 {
  padding-right: 66%; }

.append-17 {
  padding-right: 70%; }

.append-18 {
  padding-right: 75%; }

.append-19 {
  padding-right: 79%; }

.append-20 {
  padding-right: 83%; }

.append-21 {
  padding-right: 87%; }

.append-22 {
  padding-right: 91%; }

.append-23 {
  padding-right: 95%; }

.prepend-1 {
  padding-left: 4%; }

.prepend-2 {
  padding-left: 8%; }

.prepend-3 {
  padding-left: 12%; }

.prepend-4 {
  padding-left: 16%; }

.prepend-5 {
  padding-left: 20%; }

.prepend-6 {
  padding-left: 25%; }

.prepend-7 {
  padding-left: 29%; }

.prepend-8 {
  padding-left: 33%; }

.prepend-9 {
  padding-left: 37%; }

.prepend-10 {
  padding-left: 41%; }

.prepend-11 {
  padding-left: 45%; }

.prepend-12 {
  padding-left: 50%; }

.prepend-13 {
  padding-left: 54%; }

.prepend-14 {
  padding-left: 58%; }

.prepend-15 {
  padding-left: 62%; }

.prepend-16 {
  padding-left: 66%; }

.prepend-17 {
  padding-left: 70%; }

.prepend-18 {
  padding-left: 75%; }

.prepend-19 {
  padding-left: 79%; }

.prepend-20 {
  padding-left: 83%; }

.prepend-21 {
  padding-left: 87%; }

.prepend-22 {
  padding-left: 91%; }

.prepend-23 {
  padding-left: 95%; }

.pull-1 {
  margin-left: -3.332em; }

.pull-2 {
  margin-left: -6.664em; }

.pull-3 {
  margin-left: -9.996em; }

.pull-4 {
  margin-left: -13.328em; }

.pull-5 {
  margin-left: -16.66em; }

.pull-6 {
  margin-left: -19.992em; }

.pull-7 {
  margin-left: -23.324em; }

.pull-8 {
  margin-left: -26.656em; }

.pull-9 {
  margin-left: -29.988em; }

.pull-10 {
  margin-left: -33.32em; }

.pull-11 {
  margin-left: -36.652em; }

.pull-12 {
  margin-left: -39.984em; }

.pull-13 {
  margin-left: -43.316em; }

.pull-14 {
  margin-left: -46.648em; }

.pull-15 {
  margin-left: -49.98em; }

.pull-16 {
  margin-left: -53.312em; }

.pull-17 {
  margin-left: -56.644em; }

.pull-18 {
  margin-left: -59.976em; }

.pull-19 {
  margin-left: -63.308em; }

.pull-20 {
  margin-left: -66.64em; }

.pull-21 {
  margin-left: -69.972em; }

.pull-22 {
  margin-left: -73.304em; }

.pull-23 {
  margin-left: -76.636em; }

.pull-24 {
  margin-left: -79.968em; }

.push-1 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -3.332em;
  margin-bottom: 0; }

.push-2 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -6.664em;
  margin-bottom: 0; }

.push-3 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -9.996em;
  margin-bottom: 0; }

.push-4 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -13.328em;
  margin-bottom: 0; }

.push-5 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -16.66em;
  margin-bottom: 0; }

.push-6 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -19.992em;
  margin-bottom: 0; }

.push-7 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -23.324em;
  margin-bottom: 0; }

.push-8 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -26.656em;
  margin-bottom: 0; }

.push-9 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -29.988em;
  margin-bottom: 0; }

.push-10 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -33.32em;
  margin-bottom: 0; }

.push-11 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -36.652em;
  margin-bottom: 0; }

.push-12 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -39.984em;
  margin-bottom: 0; }

.push-13 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -43.316em;
  margin-bottom: 0; }

.push-14 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -46.648em;
  margin-bottom: 0; }

.push-15 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -49.98em;
  margin-bottom: 0; }

.push-16 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -53.312em;
  margin-bottom: 0; }

.push-17 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -56.644em;
  margin-bottom: 0; }

.push-18 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -59.976em;
  margin-bottom: 0; }

.push-19 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -63.308em;
  margin-bottom: 0; }

.push-20 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -66.64em;
  margin-bottom: 0; }

.push-21 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -69.972em;
  margin-bottom: 0; }

.push-22 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -73.304em;
  margin-bottom: 0; }

.push-23 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -76.636em;
  margin-bottom: 0; }

.push-24 {
  float: right;
  margin-top: 0;
  margin-left: 1.5em;
  margin-right: -79.968em;
  margin-bottom: 0; }

.showgrid {
  background: url(/assets/grid.png); }

.calendar_date_select {
  border: 1px solid #777777;
  color: white;
  display: block;
  width: 215px;
  z-index: 1000; }

.ratio_error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }

.ratio_error a {
  color: #8a1f11; }

.global {
  background-color: #dddddd; }

#top {
  width: 100%;
  margin-right: 0;
  margin-top: 0.6em; }

.container {
  display: block;
  position: relative;
  width: 90%; }

.overview_container {
  display: block;
  position: relative;
  margin: 2em 2em; }

#content.archived {
  background-color: #fff6bf; }

#sidebar {
  width: 20%;
  margin-right: 0;
  float: right;
  height: 600px; }

#sidebar #sidebar_header {
  background: #edf3fe none repeat scroll 0 0;
  margin: 0 0 0px;
  padding: 6px 30px 8px 24px;
  font-weight: bolder;
  font-size: 16px; }

#sidebar #sidebar_main {
  margin: 0 0 5px;
  padding: 13px 4px 13px 8px;
  background-color: #ffffff;
  font-size: 12px; }

#sidebar #sidebar_header_menu {
  background: #1a4f85 none repeat scroll 0 0;
  margin: 0 0 1px;
  padding: 2px 30px 3px 6px;
  font-weight: normal;
  color: #ffffff; }

#footer {
  width: 66%;
  float: left;
  margin: 0 0 5px;
  padding: 7px 30px 7px 2px; }

#footer span.pipe {
  opacity: 0.6; }

#footer a {
  text-decoration: none;
  font-size: 0.8em;
  color: #666666; }

#footer a:hover {
  background-color: #1d64ad;
  color: white; }

#content_home {
  width: 79%;
  background-color: #ffffff;
  float: left; }

#content_home #content_header {
  background: #edf3fe none repeat scroll 0 0;
  margin: 0 0 5px;
  padding: 6px 10px 8px 24px;
  font-weight: bolder;
  font-size: 1.4em;
  overflow: auto; }

#content_home #content_main {
  margin: 0 0 5px;
  padding: 13px 30px 13px 24px;
  min-height: 850px; }

#content_home span#content_title {
  float: left; }

#content {
  width: 100%;
  background-color: #ffffff;
  float: left; }

#content.external {
  margin-left: 10px;
  width: 1280px; }

#content #content_header {
  background: #edf3fe none repeat scroll 0 0;
  margin: 0 0 5px;
  padding: 6px 10px 8px 24px;
  font-weight: bolder;
  font-size: 1.4em;
  overflow: auto; }

#content #content_main {
  margin: 0 0 5px;
  padding: 13px 30px 13px 24px;
  min-height: 500px; }

#content span#content_title {
  float: left; }

body {
  line-height: 1.5;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #000;
  background: none;
  font-size: 10pt; }

.container {
  background: none; }

hr {
  background: #ccc;
  color: #ccc;
  width: 100%;
  height: 2px;
  margin: 2em 0;
  padding: 0;
  border: none; }

hr.space {
  background: #fff;
  color: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

code {
  font-size: .9em;
  font-family: 'andale mono', 'lucida console', monospace; }

img {
  float: left;
  margin: 1.5em 1.5em 1.5em 0; }

a img {
  border: none; }

a:link,
a:visited {
  background: transparent;
  font-weight: 700;
  text-decoration: underline; }

p img.top {
  margin-top: 0; }

blockquote {
  margin: 1.5em;
  padding: 1em;
  font-style: italic;
  font-size: .9em; }

.small {
  font-size: .9em; }

.large {
  font-size: 1.1em; }

.quiet {
  color: #999; }

.hide {
  display: none; }

body {
  color: #000000; }

body.global {
  background-color: #FFFFFF;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px; }

.container {
  width: 100%; }

div.header_row div.group_name {
  width: 79px; }

div.employee_row div.employee_name {
  font-size: 7px;
  width: 80px; }

#header-container, #active-scaffold-header, #top, #main_sub_menu, .group-switch, #footer, .active-scaffold-footer, #header {
  display: none; }

select {
  display: none; }

a {
  display: none; }

#content-main {
  padding: 0 0; }

p#pdf_link {
  display: none; }

.datatable thead th {
  background-color: #003366 !important;
  color: #fff !important; }
.datatable tbody .even td {
  background: none !important; }
.datatable a {
  text-decoration: none; }
.datatable td {
  position: relative; }

.datatables_edit_form {
  background: #daffcd;
  border: 1px solid #7fcf00;
  padding: 20px;
  margin-top: -27px; }
  .datatables_edit_form .form-field label {
    min-width: 200px;
    display: inline-block; }
  .datatables_edit_form textarea {
    display: block;
    width: 504px;
    height: 100px; }
  .datatables_edit_form select {
    height: 27px;
    width: 312px; }
  .datatables_edit_form .day_message-date-select select {
    height: 27px;
    width: 102px; }
  .datatables_edit_form .cancel-link {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    margin-left: 15px; }
  .datatables_edit_form h4 {
    color: #1f7f00;
    font-weight: 700; }

.datatables_error_result {
  background: #ffbabc;
  border: 1px solid #ff6e62;
  padding: 20px; }

.close_details_button {
  position: absolute;
  top: -13px;
  right: 15px;
  cursor: pointer; }

.nobr {
  white-space: nowrap; }