/* Compile all in one CSS file */
/*
 * BNote Main Color Definitions 
 */
label.calendar_eventdetail_key {
  width: 100px;
  display: inline-block;
  color: #ED6D6D;
}
#calendar_eventdetail {
  border: 0px solid #E6E6E6;
  border-top-width: 1px;
  margin-top: 0px;
  padding: 10px;
}
div.concert {
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-bottom-width: 2px;
  margin-bottom: 5px;
  vertical-align: text-top;
  color: #000000;
}
p.concert_title {
  font-weight: 600;
  color: #8A8A8A;
}
span.concert_title_name {
  color: #61b3ff;
  font-weight: normal;
}
span.concert_location {
  float: right;
  margin-top: -30px;
}
span.concert_contact {
  float: right;
  margin-top: -10px;
  font-size: 80%;
}
span.concert_notes {
  color: #8A8A8A;
  font-style: italic;
  display: block;
}
span.start_concert_title {
  font-weight: 600;
}
.concertdetail_box {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  padding-bottom: 10px;
}
.concertdetail_heading {
  font-size: large;
  font-weight: 600;
  border-bottom: 1px solid #8A8A8A;
}
span.concertdetail_key {
  width: 90px;
  display: inline-block;
  color: #8A8A8A;
  vertical-align: top;
}
span.concertdetail_value {
  display: inline-block;
  vertical-align: top;
}
table.contact_view {
  margin-top: 0px;
  width: 100%;
}
div#contact_table_filter.dataTables_filter {
  padding: 10px;
}
.contactdetail_section {
  margin-top: 10px;
  margin-right: 2%;
  float: left;
}
.contactdetail_section_header {
  font-weight: bold;
  font-size: 120%;
}
.contactdetail_entry {
  display: block;
  border-bottom: 1px solid #E6E6E6;
}
label.contactdetail_entry_label {
  display: inline-block;
  width: 200px;
}
.contactdetail_entry_value {
  display: inline-block;
}
.membercard {
  border: 1px solid #D0D0D0;
  display: inline-block;
  padding: 10px;
  width: 300px;
  vertical-align: top;
  margin-top: 10px;
}
.membercard_name {
  font-size: large;
  font-weight: 600;
}
.membercard_instrument {
  color: #8A8A8A;
}
.membercard_customfields .customfield_entry {
  display: block;
  color: #8A8A8A;
}
#filebrowser_content {
  width: 100%;
}
#filebrowser_content tr {
  border-width: 0px;
}
#filebrowser_folders {
  padding: 0px;
  width: 200px;
}
.filebrowser_foldertopic {
  padding: 5px;
  background-color: #61b3ff;
  color: #FFFFFF;
  font-weight: bold;
}
.filebrowser_folderitem {
  padding: 5px;
  display: inline-block;
}
.filebrowser_folderitem:hover {
  background-color: #FFFFFF;
}
.filebrowser_folderitem_active {
  padding: 5px;
  margin-bottom: 5px;
  color: #61b3ff;
  background-color: #FFFFFF;
}
.filebrowser_folderitem_active:hover {
  background-color: #FFFFFF;
  color: #000000;
}
#filebrowser_files {
  background-color: #FFFFFF;
  padding-top: 0px;
}
.filebrowser_folder_header {
  margin-top: 0px;
}
div.filebrowser_item {
  padding: 5px;
  padding-left: 0px;
  border-bottom: 1px solid #E6E6E6;
}
a.filebrowser_item {
  color: #000000;
}
span.filebrowser_item_size {
  display: inline-block;
  float: right;
}
div.filebrowser_favs_container {
  background-color: #E6E6E6;
}
div.filebrowser_favs_title {
  font-weight: 600;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  color: #000000;
}
.filebrowser_trash {
  display: inline-block;
  float: right;
  margin-left: 10px;
}
.finance_filter_box {
  border: 1px solid #E6E6E6;
  padding: 10px;
}
.finance_filter_box form {
  margin-top: 5px;
}
.finance_filter_box input {
  margin: 0px;
  margin-right: 5px;
}
.finance_filter_box label {
  display: inline-block;
  width: 80px;
}
.finance_filter_title {
  font-weight: 600;
}
.finance_filter_row {
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.finance_multireport_account_selection {
  line-height: normal;
  margin-left: 100px;
  margin-top: -18px;
}
#finance_multireport_report td.DataTable:nth-child(4),
#finance_multireport_report td.DataTable:nth-child(7) {
  border-right: 2px solid #E6E6E6;
}
#finance_multireport_report tbody tr:last-child {
  border-top: 2px solid #383838;
  font-weight: 600;
}
#finance_multireport_report td.DataTable_Header {
  padding-right: 10px;
}
.help_navigator_menu {
  width: 250px;
  background: #E6E6E6;
  padding: 0px;
}
.help_navigator_menu_topic {
  padding: 5px;
  background-color: #61b3ff;
  color: #FFFFFF;
  font-weight: bold;
}
.help_navigator_menu_page {
  padding: 5px;
  padding-left: 15px;
  padding-right: 20px;
}
.help_navigator_menu_page:hover {
  background-color: #FFFFFF;
}
.help_navigator_menu_page_active {
  padding: 5px;
  padding-left: 15px;
  padding-right: 20px;
  background-color: #FFFFFF;
  color: #61b3ff;
}
.help_navigator_menu_page_active::hover {
  color: #000000;
}
.help_navigator_content {
  width: 750px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFFFFF;
}
a.help_navigator_menu_page_link {
  text-decoration: none;
}
.help_page_title {
  font-size: 20px;
  font-weight: bold;
  color: #61b3ff;
}
div.imagetable {
  display: inline-block;
  border: 1px solid #E6E6E6;
  text-align: center;
  padding: 5px;
}
img.imagetable {
  margin-bottom: 3px;
}
body {
  color: #000000;
  background-color: #FFFFFF;
  font-family: 'PT Sans', 'Raleway', Arial, sans-serif;
  font-size: 11pt;
  line-height: 1.5;
}
a {
  text-decoration: none;
  color: #61b3ff;
}
p {
  margin-bottom: 8px;
  margin-top: 5px;
}
h1 {
  font-size: 18pt;
  font-weight: 600;
  margin-bottom: 6pt;
  color: #61b3ff;
}
h2 {
  font-size: 16pt;
  font-weight: 600;
  margin-bottom: 6pt;
  margin-top: 12pt;
}
h3 {
  font-size: 13pt;
  font-weight: 600;
  margin-bottom: 4pt;
  margin-top: 6pt;
}
.clearing {
  height: 0;
  clear: both;
}
a.Logout {
  color: #FFFFFF;
}
div.optionsContainer {
  display: inline-block;
  margin-left: 90px;
}
a.navi {
  color: #000000;
}
a.linkbox {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
#navigation.naviCollapsed {
  width: 38px;
}
#optionsContainer.optionsContainerLeft {
  margin-left: 38px;
}
#content_insets.insetLeft {
  margin-left: 32px;
}
div.navi_item {
  padding: 8px;
  text-transform: uppercase;
  font-size: 10pt;
  background-color: #436f98;
}
div.navi_item:hover {
  background-color: #61b3ff;
  color: #FFFFFF;
}
div.navi_item_selected {
  padding: 8px;
  background-color: #E6E6E6;
  color: #000000;
  border-bottom: 1px solid;
  border-bottom-color: #E6E6E6;
  text-transform: uppercase;
  font-size: 10pt;
}
img.navi_item_icon {
  position: relative;
  left: 0px;
  top: 2px;
  filter: invert(100%);
}
img.navi_item_icon_selected {
  position: relative;
  left: 0px;
  top: 2px;
}
span.navi_item_caption {
  padding-left: 5px;
  color: #FFFFFF;
}
span.navi_item_caption_selected {
  padding-left: 5px;
  color: #436f98;
}
input[type="submit"] {
  color: #000000;
  background-color: #E6E6E6;
  font-size: 11pt;
  font-family: 'PT Sans', 'Raleway', Arial, sans-serif;
  padding: 6px 20px;
  border: 1px solid;
  border-color: #E6E6E6;
}
input[type="submit"]:hover,
a.linkbox:hover {
  background-color: #61b3ff;
  color: #FFFFFF;
}
input[type="text"],
input[type="password"],
input[type="search"],
textArea,
select {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 11pt;
  font-family: 'PT Sans', 'Raleway', Arial, sans-serif;
  padding: 2px 6px;
  border: 1px solid;
  border-color: #61b3ff;
  margin-left: 1em;
}
table {
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #FFFFFF;
  table-layout: fixed;
}
td {
  padding: 6px;
  vertical-align: top;
}
form {
  margin-top: 25px;
}
form td {
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-right: 15px;
}
form tr {
  border-bottom-width: 0px;
}
td.DataTable_Header {
  background-color: #61b3ff;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 10pt;
}
tr {
  border-bottom: 1px solid;
  border-color: #E6E6E6;
}
td a {
  color: black;
}
div.FormBox {
  padding: 24px;
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #E6E6E6;
  display: inline-block;
  margin-top: 10px;
}
legend.FormBox {
  text-transform: uppercase;
  color: #61b3ff;
  font-weight: 600;
  font-size: 12pt;
  padding-bottom: 0px;
}
div.FormBox.table {
  border-color: red;
}
div.linkbox {
  display: inline-block;
  white-space: nowrap;
  background: #E6E6E6;
  padding: 5px 10px;
}
#optionsContainer div.linkbox {
  background: #FFFFFF;
  color: #212121;
}
font.messageHeader {
  font-size: 12pt;
  font-weight: 600;
}
div.view_tabs {
  width: 100%;
  padding: 8px;
}
span.view_tab {
  display: inline-block;
  border: solid 0px #E6E6E6;
  padding: 5px 10px;
  color: #000000;
  background-color: #E6E6E6;
}
span.view_tab_active {
  display: inline-block;
  border: solid 0px #E6E6E6;
  padding: 5px 10px;
  color: #FFFFFF;
  background-color: #61b3ff;
  font-size: 14pt;
}
span.view_tab:hover {
  background-color: #61b3ff;
  color: #FFFFFF;
}
.view_tab_content {
  padding-top: 0px;
}
/* jQuery UI Tabs */
#jqui-tabs > ul {
  height: 40px;
  background: white;
  border-width: 0;
}
div#jqui-tabs {
  border-width: 0;
}
.progressbar_step {
  float: left;
  padding: 10px;
  background-color: #E6E6E6;
}
.passed {
  background-color: #61b3ff;
  color: #FFFFFF;
}
.arrow_right {
  float: left;
  margin-right: 3px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #E6E6E6;
}
.passed_arrow {
  border-left: 20px solid #61b3ff;
}
#autoActivation {
  color: #436f98;
  font-weight: bold;
  margin-left: 20px;
  letter-spacing: 0.1em;
}
.logout {
  margin: 2%;
  display: inline-block;
  padding: 10px;
  background: #FFFFFF;
}
fieldset table {
  border: none;
}
fieldset tr {
  border: none;
}
.login {
  border: none;
}
.linkbox {
  color: #000000;
}
.linkbox:hover {
  color: #61b3ff;
}
.linkIcon {
  margin: -2px;
  margin-right: 3px;
  margin-left: 0px;
}
ul.groupSelector {
  line-height: 40%;
}
.fc-toolbar {
  height: 20px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
td.DataTable_Header {
  padding-right: 24px;
}
td.DataTable_Header.sorting_asc {
  background-image: url("../../icons/SortAsc.png");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 16px 16px;
}
td.DataTable_Header.sorting_desc {
  background-image: url("../../icons/SortDesc.png");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 16px 16px;
}
td.DataTable_Sum {
  border-top: 2px solid #E6E6E6;
}
div.flash_message {
  border-radius: 2px;
  border: 1px solid #D0D0D0;
  background-color: #E6E6E6;
  color: #383838;
  padding: 10px;
  margin-bottom: 10px;
}
div.flash_message.warn {
  border: 1px solid #436f98;
  background-color: #436f98;
  color: #383838;
}
div.flash_message.error {
  border: 1px solid #ED9393;
  background-color: #F9FF61;
  color: #383838;
}
#banner {
  height: 60px;
  width: 100%;
  background-color: #61b3ff;
  line-height: 44px;
}
#bannerContent {
  color: #FFFFFF;
  padding: 8px 24px;
  min-width: 600px;
  margin-left: 134px;
}
#footer {
  display: none;
  height: 22px;
  width: 100%;
  background-color: #FFFFFF;
  border-top: 1px solid;
  border-top-color: #E6E6E6;
  line-height: 22px;
  padding: 0px 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10pt;
}
#footerContent {
  color: #000000;
  padding: 0px 24px;
}
#logoBanner {
  text-align: center;
  padding-top: 10px;
  height: 49px;
  background-color: #61b3ff;
  padding-bottom: 1px;
}
div#bannerContent.insetLeft {
  margin-left: 30px;
}
div#logoBanner.naviCollapsed > img {
  width: 30px;
}
#logoLoginContainer {
  width: 100%;
  text-align: center;
}
#logoLogin {
  display: inline-block;
  font-weight: 600;
  font-size: 28pt;
  color: #61b3ff;
  padding-bottom: 48px;
}
#SystemName {
  font-size: 8pt;
  margin-left: 7px;
  margin-top: 20px;
  color: #E6E6E6;
}
#CompanyName {
  font-size: 18pt;
  font-weight: 500;
  display: inline-block;
}
#Logout {
  display: inline-block;
  float: right;
}
#Logout_link {
  color: #FFFFFF;
  height: 44px;
  display: inline-block;
  padding: 0px 4px;
}
#Logout_link:hover {
  color: #000000;
  background-color: #FFFFFF;
}
#content_container {
  width: 100%;
  background-color: #436f98;
}
div.login#content_container {
  background-color: #fff;
}
#navigation {
  position: absolute;
  width: 160px;
  height: 100%;
  background-color: #436f98;
  z-index: 10;
}
#content_insets {
  padding: 24px;
  margin-left: 160px;
  background: #FFFFFF;
}
#content {
  padding: 0px;
  background-color: #FFFFFF;
  border-color: #E6E6E6;
}
#optionsbar {
  min-height: 30px;
  background-color: #436f98;
  padding-top: 10px;
}
#optionsContainer {
  min-height: 40px;
  margin-left: 160px;
}
#navbarOptions {
  padding-left: 7px;
  font-size: 14pt;
  color: #FFFFFF;
  height: 36px;
  padding-top: 14px;
}
#UserInfo {
  color: #FFFFFF;
  text-decoration: underline;
}
.plainlist li {
  margin-left: 10px;
}
.filterbox_form {
  margin-top: 0px;
}
.filterbox_filter {
  display: inline-block;
}
.filterbox_filter_element > select {
  margin-left: 0;
  width: 150px;
}
.filterbox_filter_element > input {
  margin-left: 0;
  width: 100px;
}
.DataTable_prevpage {
  display: inline-block;
}
.DataTable_nextpage {
  display: inline-block;
  margin-left: 20px;
}
#sectionform > h3 {
  border-bottom: 1px solid #D0D0D0;
}
.ui-accordion-header {
  border-radius: 0px;
}
.ui-state-hover {
  background: #E6E6E6;
  color: #436f98;
}
.ui-state-default {
  background-color: #E6E6E6;
  color: #436f98;
}
@media print {
  #banner {
    display: none;
  }
  #optionsbar {
    display: none;
  }
  #navigation {
    display: none;
  }
  #footer {
    display: none;
  }
  #content_insets {
    margin: 0px;
  }
  .pagebreak {
    page-break-before: always;
  }
  .bn-table-option-column {
    display: none;
  }
  .dataTables_filter {
    display: none;
  }
  td.DataTable_Header {
    color: #436f98;
    background-color: #E6E6E6;
    font-weight: bold;
  }
  .membercard_hint {
    display: none;
  }
  .ignore_for_print {
    display: none;
  }
}
div.rehearsalDate {
  font-weight: 600;
}
div.rehearsalDescription {
  color: #000000;
}
p.start_rehearsal_title {
  font-size: 12pt;
  font-weight: 600;
}
pre.start_rehearsal {
  padding-bottom: 10px;
  font-style: italic;
}
div.rehearsal {
  display: block;
  padding: 5px 10px;
  border: 1px solid #E6E6E6;
  border-bottom-width: 2px;
  margin-bottom: 5px;
  vertical-align: text-top;
}
p.rehearsal_title {
  color: #8A8A8A;
  float: left;
}
span.rehearsal_conductor {
  color: #8A8A8A;
  position: absolute;
  left: 475px;
}
span.rehearsal_when {
  position: absolute;
  color: #000000;
  left: 280px;
}
p.rehearsal_details {
  color: #000000;
  text-align: right;
}
div.rehearsal_overview_box {
  width: 100%;
  padding: 5px;
}
div.rehearsal_overview_header {
  background-color: #E6E6E6;
  padding: 5px;
  font-weight: 600;
  color: #8A8A8A;
}
div.rehearsal_overview_box > .instrument_box {
  display: inline-block;
  width: 200px;
  padding-top: 3px;
  vertical-align: top;
  margin-bottom: 10px;
}
div.rehearsal_overview_box > .instrument_box > .instrument_box_header {
  font-weight: 600;
}
.player_participation_line {
  padding-top: 2px;
}
.probendetail_set {
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}
.probendetail_heading {
  font-weight: 600;
  color: #61b3ff;
}
.songfiles_box {
  display: block;
}
.songfiles_filebox {
  height: 50px;
  position: relative;
}
.songfiles_filelink {
  font-weight: bold;
}
.songfiles_textbox {
  display: block;
  position: absolute;
  left: 60px;
  top: 0px;
}
.songfiles_preview {
  padding: 3px;
}
.songfiles_doctype {
  color: #436f98;
}
.repertoire_song_composer_title {
  color: #436f98;
  font-size: 80%;
}
.repertoire_song_detailbox {
  display: block;
}
.songbox_col {
  display: inline-block;
  vertical-align: top;
}
.songbox_label {
  display: inline-block;
  width: 120px;
  font-weight: 600;
}
.songbox_value {
  display: inline-block;
  max-width: 300px;
}
.songbox_areavalue {
  max-width: 420px;
}
.songbox_entry {
  display: block;
  margin-right: 20px;
  border-bottom: 1px solid #D0D0D0;
  margin-top: 6px;
}
.repertoire_song_extra {
  width: 100%;
  margin-top: 2%;
}
.songextra_col {
  display: inline-block;
  width: 33%;
  vertical-align: top;
}
#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}
#sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.0em;
}
#sortable li span {
  position: absolute;
  margin-left: -1.3em;
}
div.start_box_news {
  background-color: #FFFFFF;
  color: #000000;
}
div.start_box {
  display: table-cell;
  background-color: #FFFFFF;
  color: #000000;
}
div.start_box a {
  color: #000000;
  line-height: 1.8;
}
div.start_box a:hover {
  text-decoration: underline;
}
div.start_box a.participation {
  color: #8A8A8A;
}
div.start_box div.participate_0 {
  opacity: 0.5;
  transition: opacity 0.55s ease-in-out;
  -moz-transition: opacity 0.55s ease-in-out;
  -webkit-transition: opacity 0.55s ease-in-out;
}
div.start_box div.participate_0:hover {
  opacity: 1;
  transition: opacity 0.55s ease-in-out;
  -moz-transition: opacity 0.55s ease-in-out;
  -webkit-transition: opacity 0.55s ease-in-out;
}
div.start_box div.participate_-1 {
  border-color: #ED6D6D;
  border-bottom-width: 2px;
}
div.start_box a.participation.participate_0 {
  color: #ff6161;
}
div.start_box a.participation.participate_0::before {
  content: '';
  background-image: url("../../icons/no.png");
  height: 20px;
  width: 20px;
  margin-bottom: -4px;
  margin-right: 5px;
  text-decoration: none;
  display: inline-block;
}
div.start_box a.participation.participate_1 {
  color: #58b658;
}
div.start_box a.participation.participate_1::before {
  content: '';
  background-image: url("../../icons/selected.png");
  height: 20px;
  width: 20px;
  margin-bottom: -4px;
  margin-right: 5px;
  text-decoration: none;
  display: inline-block;
}
div.start_box a.participation.participate_2 {
  color: #ff821e;
}
div.start_box a.participation.participate_2::before {
  content: '';
  background-image: url("../../icons/maybe.png");
  height: 20px;
  width: 20px;
  margin-bottom: -4px;
  margin-right: 5px;
  text-decoration: none;
  display: inline-block;
}
div.start_box a.participation.participate_-1 {
  font-weight: bold;
}
div.start_box a.participation.participate_-1::before {
  content: '';
  background-image: url("../../icons/unspecified.png");
  height: 20px;
  width: 20px;
  margin-bottom: -4px;
  margin-right: 5px;
  text-decoration: none;
  display: inline-block;
}
div.start_box_content div {
  border: 0px solid #E6E6E6;
  border-bottom-width: 1px;
  margin-bottom: 10px;
  padding: 0.75em;
}
div.start_box_heading {
  display: block;
  background-color: #E6E6E6;
  color: #8A8A8A;
  padding: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
}
div.start_box_content {
  padding: 14px;
  background-color: white;
}
div.start_box_table {
  display: table;
  width: 100%;
  margin-top: 10px;
}
div.start_box_row {
  display: table-row;
}
div.start_update_box {
  border: 0px solid #E6E6E6;
  border-bottom-width: 1px;
  margin-bottom: 10px;
}
span.start_update_box_author {
  font-size: 9pt;
  color: #8A8A8A;
}
.start_rehearsal_title {
  font-weight: 600;
}
.warning {
  color: #ff821e;
  font-weight: bold;
}
.statsTile {
  width: 400px;
  height: 300px;
  border: 1px solid #D0D0D0;
  display: inline-block;
  margin-bottom: 5px;
}
.statsTileTitle {
  margin-left: 10px;
  margin-top: 10px;
  font-size: 1.1em;
  text-transform: uppercase;
}
.statsChart {
  height: 250px;
  width: 360px;
  margin-left: 20px;
}
.statsTile td {
  padding: 5px;
}
.statsTile > .BNoteTable {
  margin-left: 10px;
}
#website_editor {
  width: 100%;
}
#website_pages {
  width: 200px;
  padding: 0px;
}
.website_webpage_item {
  padding: 5px;
  margin-bottom: 5px;
}
.website_webpage_item:hover {
  background-color: #FFFFFF;
}
.website_webpage_item_active {
  padding: 5px;
  margin-bottom: 5px;
  color: #61b3ff;
  background-color: #FFFFFF;
}
.website_webpage_item_active:hover {
  color: #000000;
}
.website_webpage_topic {
  padding: 5px;
  background-color: #61b3ff;
  color: #FFFFFF;
  font-weight: bold;
}
#website_page_editor {
  background-color: #FFFFFF;
}