@CHARSET "UTF-8";

.cake-debug { text-align: left !important; }
body, #dialog {
    background-color: #ffffff;
    font-family:'Open Sans', Tahoma, Geneva, sans-serif;
    font-size:10pt;
    margin: 0;
}
#dialog.loading {
    background: url('../img/loading.gif') #fff top center no-repeat;
}
.hidden-template{ display: none !important; }

.hover-click { cursor: pointer; }

#banner_wrapper { }

#banner {
    width:1000px;
    margin: 0 auto;
    padding-top: 10px;
    min-height: 89px;
}
#banner.login {
    width: 800px;
    padding-top: 4em;
}

#banner_support, #banner_loggedin {
    text-align: left;
    float: right;
    color: black;
    font-size: 0.9em;
}

#banner_loggedin {
    margin-top: 50px;
}

#banner_loggedin .server-time {
    text-align: right;
    margin-top: -2em;
}
#banner_loggedin .server-time span { font-weight: bold; }

#content {
    width: 1000px;
    margin: 5px auto;
    text-align: center;
}

a img, a:hover img { border: none; }

#banner > a:first-child { border: none; }

.ui-widget-content th a, th a { border-bottom: none; margin-bottom: 0; color: inherit; }
.ui-widget-content th a:hover, th a:hover { border-bottom: none; margin-bottom: 0; color: inherit; }

#login_content {
    width: 750px;
    margin: 2em auto 4em auto;
    padding: 2em;
}
#login_statement {
    text-align: justify;
    width: 750px;
    margin: -2em auto 4em auto;
}

p.help-box-right { text-align: right; margin: 10px; }
a.help > span { font-size: 20px; }
a.help:hover > span { color: #9d080c;  }

#poweredby {
    text-align: right;
    padding: 5px;
    float: right;
}

#login_poweredby {
    text-align: center;
    margin: 2em;
}
#login_poweredby p {
    font-size: 10px;
    margin: 3px;
}
#poweredby p {
    font-size: 9px;
    margin: 3px;
}
#login_poweredby img {
    width: 200px;
}
#poweredby img {
    width: 155px;
}

#navigation {
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 5px 0;
}

#navigation a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    min-height: 15px;
    margin: 0 2px;
}

#navigation a.home_link, #navigation a.home_link:hover, #navigation a:first-child, #navigation a:first-child:hover {
    margin-bottom: 0;
    border-bottom: none;
    background: inherit;
}

.tab-Text, .ui-tabs ul li a {
line-height:40px;
}

.login_form, .wide_form {
    margin: 0 auto 5px auto;
    padding: 5px;
    text-align: center;
}

.login_form {
    width: 400px;
}

.input label,
.radio label,
.file label,
.files label,
.select label,
.dateTimeInput label,
.input .readonly {
    display: inline-block;
    width: 450px;
    padding: 5px 10px 5px 5px;
    text-align: right;
    vertical-align: middle;
}
.input .readonly { text-align: left; }

.multiselectchildradio label,
.multiselect label,
.textarea label {
    display: inline-block;
    width: 454px;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

.multiselect label {
    padding-left: 3px;
    padding-right: 14px;
}

#rfi_form .textarea label {
    text-align: center;
}

.textarea label {
    text-align: right;
    width: 450px;
    padding-right: 10px;
}

.input input[type=text],
.input input[type=password],
.input input[type=number],
.input .not-editable {
    width: 450px;
    vertical-align:middle;
}
.input .not-editable {
    display: inline-block;
    text-align: left;
    padding: 8px;
}
p.label { font-weight : bold; }

.input select {
    width: 460px;
    vertical-align:middle;
}

.input textarea, .form-tinymce .mceEditor {
    width: 454px;
    resize: none;
    margin: 2px;
}
.form-tinymce .mceEditor { display: inline-block; }

textarea.expand-field-small {
    height: 1.3em;
    padding: 3px;
}

.input input[type=checkbox] {
    width: 10px;
    vertical-align: bottom;
    margin-bottom: 6px;
}

.input select {
    height:26px;
}

.input input[type=file] {
    width: 466px;
    vertical-align:middle;
    margin-left: 5px;
}

.input.files div {
    width: 450px;
    vertical-align: top;
    display: inline-block;
}

.input .qq-upload-list li, .input .qq-upload-list li {
    font-size: inherit;
    line-height: 5px;
}
.input .qq-upload-list li.qq-upload-fail { background: #9b080e; }
.input .qq-upload-list li.qq-upload-success { background: #729A23; }
.input .qq-upload-success-message { display: none; margin-left: 1em; }
.input .qq-upload-success-message.remove { cursor: pointer; }

.existing-files .existing-file-remove, .existing-files .existing-file-removed,
.pending-files .existing-file-remove, .pending-files .existing-file-removed {
    cursor: pointer;
    margin: 10px;
    line-height: 2em;
}
.pending-files .existingFile .message { color: #729A23; }
.existingFile.removed, .pending-files .existingFile.removed .message { color: #9b080e; }
.existingFile.removed .filename { text-decoration:line-through; }
.existingFile.removed .existing-file-remove, .existingFile.removed .existing-file-removed { text-decoration: none; }

.existingFile .existing-action { padding: 0 10px; cursor: pointer; }


.input .tags {
    display: inline-block;
    width: 360px;
    text-align: left;
}
.input .tags .tag {
    display: inline-block;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    margin: 0 5px 0 0;
}
.input .tags .tag.non-removable {
    background-color: #ccc;
    color: #333;
}
.input .tags .tag.new {
    background-color: #e1f9b4;
    color: #3a5800;
}
.input .tags .tag.new .remove { color: #3a5800; }
.input .tags .tag span {
    padding-left: 5px;
}
.input .tags .tag .remove {
    cursor: pointer;
    color: #234095;
}
.input .tags .add {
    margin-top: -3px;
}

.form-heading-field {  display: inline-block; width: 618px; margin: 1em; }
.outcomes-form .form-heading-field {  display: inline-block; width: 90%; margin: 1em 5%; }

.add_config { width: 35px; }

.login_form input[type=text],
.login_form input[type=password],
.login_form textarea,
.login_form select {
    width: 300px;
}

.login_form label {
    display: inline-block;
    width: 150px;
    padding: 5px;
    text-align: center;
}

.register_form label {
    display: inline-block;
    width: 250px;
    padding: 5px;
    text-align: left;
}

.register_form input[type=text],
.register_form input[type=file],
.register_form input[type=password] {
    width: 430px;
}

.add-another-organization-box {
    text-align: right;
}

.wide_form label {
    display: inline-block;
    width: 250px;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

.wide_form input[type=text],
.wide_form input[type=password],
.wide_form textarea {
    width: 600px;
}

hr {
    border: none;
    border-top: 1px dotted #aaaaaa;
}

form div.input {
    margin: 5px;
}

form div.file {
    margin: 5px 5px 0;
}

form div.error-message {
    color: red;
    font-weight: bold;
}

form div.error {
    background-color: #ffcccc;
    border: 1px solid #ff8888;
}

div.error-message, div.error-box {
    color: #c00;
    background-color: #ffcccc;
    border: 1px solid #ff8888;
    text-align: center;
    padding: 0.5em;
    margin: 0.5em;
}
div.error-box {
    font-weight: bold;
}

.datalist {
    margin: 5px 0 5px 0;
    border-collapse: collapse;
    width: 100%;
    display: table;
}

.sub_datalist {
    margin: -3px;
    border-collapse: collapse;
    width: 100%;
    display: inline-table;
}

.datalist td, .datalist th {
    text-align: center;
    padding: 5px;
}

.datalist th:last-child {
    min-width: 70px;
}

.datalist.basic-datalist-form td {
    text-align: left;
}
.datalist.basic-datalist-form input, .datalist.basic-datalist-form select {
     padding: 6px;
     margin: 2px;
     border-radius: 5px;
     min-width: 350px;
}

.understate .datalist tr:nth-child(odd), .datalist.understate tr:nth-child(odd) {
    background: #eee;
}
.understate h4 {
    text-align: left;
    color: #333;
    margin: 2em 0 1em 1em;
    font-style: italic;
}

.datalist th, .datalist .sub-table td {
    font-weight: normal;
}

table.datalist th.sub-heading, table.dataview th.sub-heading {
    padding: 7px;
    text-align: left;
}

h4.sub-heading {
    text-align: left;
}

#content .datalist tr td.loading {
    background: #fff url('../img/loading-bar.gif') no-repeat center;
    text-align: center;
    padding: 2em;
}

.datalist.grant-settings th {
    width: 603px;
}
.datalist.grant-settings td {
    padding: 0;
}
.datalist.grant-settings td div, datalist.grant-settings td div select {
    margin: 0;
}

.dataview td {
    text-align: left;
    padding: 5px;
}

.dataview th {
    text-align: right;
    padding: 5px;
    font-size: 0.9em;
}

.dataview_section_title th {
    font-size: 1.1em;
    text-align: center;
    padding-top: 0.5em;
}

#content .datalist ul.files-list li {
    list-style: none;
    text-align: left;
}

.message, .notice-box {
    text-align: center;
    margin: 0 auto 5px auto;
    padding: 5px;
}

.message>div {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #333;
}
.message>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
#errorMessage.message>div {
    border-color: #ff8888;
}

#errorMessage, #authMessage, .errorMessage, .system-offline-banner {
    background-color: #ffcccc;
    border: 1px solid #ff8888;
    color: red;
    font-weight: bold;
    padding: 10px;
}

#errorMessage a.button, #authMessage a.button, .errorMessage a.button {
    background-color: white;
    border: 1px solid #ff8888;
    color: black;
    font-weight: bold;
    padding: 3px 7px;
    margin-left: .5em;
}
#errorMessage a.button:hover, #authMessage a.button:hover, .errorMessage a.button:hover {
    border-color: black;
}

.not-empty.empty, .input .not-empty.empty, .input .not-empty.empty + span.mceEditor > table {
    border: solid 1px red;
}

#errorMessage ul, #authMessage ul, .errorMessage ul, ul.errorMessage {
    list-style: none;
    font-weight: normal;
}
ul.errorMessage { margin: 0 5px; }

.system-offline-banner { text-align: center; }

#flashMessage, .notice, .notice-box {
    background-color: #e1f9b4;
    border: 1px solid #729A23;
}

.notice-box {
    color: #3a5800;
    border-color: #3a5800;
}

.notice-box h3 {
    font-size: 1em;
    color: #fff;
    background: #729A23;
    display: block;
    padding: 5px;
    margin: -5px;
}
.notice-box.accordion {
    background: inherit;
    text-align: left;
    margin: inherit;
    padding: inherit;
    border: none;
}
.notice-box.accordion h3 {
    background-color: #729A23;
    color: #fff;
    border-color: #729A23;
    margin: 0;
}
.notice-box.accordion > div {
    background-color: #e1f9b4;
    border-color: #729A23;
}

ul.spaced-list > li {
    margin: 1.5em 0;
}


.prev, .next, .prevDisabled, .nextDisabled, .pageNums {
    width: 32%;
    text-align: left;
    display: inline-block;
}

.pageNums {
    text-align: center;
}

.next, .nextDisabled {
    text-align: right;
}

.backToList {
    text-align:center;
    display: inline;
}

.summary_count_status{
    width:100px;
}

.summary_count_data{
    width:25px;
}

.summary_table_datalabel {
    text-align:right;
    font-size: 0.9em;
}

.summary_table_data {
    text-align:left;
}

.summary_table_nodata {
    text-align:center;
}

.summary_middle_table {
     width:auto;
}

.summary_side_table {
     width:auto;
}

.summary_priority_table {
    margin: 5px 0;
    border-collapse: collapse;
    width:100%;
}

.summary_priority_table td {
    padding: 2px 5px;
}

.summary_priorities {
     width:100%;
     border:0;
     margin:0;
}

.prevDisabled, .nextDisabled {
    color:#888888;
}

.input .checkbox label,
.input .meetingCheckbox label {
    text-align: left;
    width: 395px;
}

.input .radio, .input .fieldsetarea {
    display: inline-block;
    width: 465px;
    vertical-align: middle;
    text-align: left;
}
.input .checkboxes {
    display: inline-block;
    width: 437px;
    vertical-align: middle;
    text-align: left;
    border: dotted 1px #ccc;
    padding: 10px;
    margin-right: 5px;
}

.input .radio label {
    text-align: left;
    width: 100px;
}

.input fieldset {
    text-align: left;
    border-radius: 3px;
    border: 1px solid #888888;
    padding: 7px;
}

.input fieldset .checkbox {
    display: inline-block;
}

.input fieldset .checkbox label {
    text-align: left;
    min-width: 150px;
    vertical-align: middle;
    width:400px;
}

.input-heading {
    width: 620px;
    margin: auto;
}

.rfaiform,
.revoteform,
.declineform,
.action-comment {
    padding: 5px;
    margin: 5px;
    text-align: left;
}

.rfaiform textarea,
.revoteform textarea,
.declineform textarea,
.action-comment textarea {
    width: 95%;
}

.rfaiform span,
.revoteform span,
.declineform span,
.action-comment span {
    text-align: center;
    width: 100%;
    display: block;
    margin: -5px;
    padding: 5px;
}

.rfaiform span.title,
.revoteform span.title,
.declineform span.title,
.action-comment span.title {
    border-top: none;
}

.cos-request-files {
    padding: 5px;
    margin: 5px;
}
.cos-request-files span {
    text-align: center;
    padding: 5px;
    width: 5px;
    height: 5px;
}

.previous-comments {
    text-align: left;
}
.previous-comments h4 { margin: auto; }
.previous-comments .comment {
    padding: 1em 0.5em;
    margin: 1em 0.5em;
}
.previous-comments .comment span { font-size: 0.8em; }

.previous-comments h3 {
    font-size: 1em;
    display: block;
    padding: 5px;
    margin: -5px;
}
.previous-comments.accordion {
    background: inherit;
    text-align: left;
    margin: inherit;
    padding: inherit;
    border: none;
}
.previous-comments.accordion h3 {
    margin: 0;
}

.rfi-response {
    text-align: left;
    margin: 1em auto 5px auto;
    padding: 5px;
}
.rfi-response label {
    font-weight: bold;
    font-style: italic;
    padding: 1em;
}

.declineform select {
    width: 100%;
}

.shortText {
    width: 75px;
}

.exampleFile {
    display: inline-block;
    text-align:left;
    width:600px;
    padding-left:10px;
}

.existingFile, .previousMinutesLabel, .previousMinutesFile, .popupLink {
    display: inline-block;
    text-align:right;
    width:690px;
}

.previousMinutesLabel {
    font-weight:bold;
}

.formCommandButtons {
    border-top: 1px solid #cccccc;
    padding: 5px 0 0 0;
    margin: 10px 0 0 0;
}

.checkbox .textinlegend input {
    width:309px;
}

.textareainlegend textarea {
    width: 309px;
    resize: none;
    margin: 3px;
}

.mscrReview, .msReview {
    text-align:left;
    margin-left:5%;
}

.mscrReview ul, .msReview ul {
    margin:0;
}

.mscrOther ul {
    list-style-type:none;
}

.dateTimeDateField, .dateTimeTimeField {
    width:150px;
}

.dateTimeText {
    width:25px;
}

.meetingCheckbox label {
    width: 400px;
}

.previousDataBox { max-height: 350px; overflow: auto; }
.previous-data-icon {
    font-size: smaller;
    padding: 10px 3px;
}

#beta {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #555555;
    padding: 10px;
    background-color: #e1f9b4;
    display: none;
}

.dashboard_name_display {
    text-align:left;
    font-weight:bold;
    padding-left:5px;
}

.clear {
    clear: both;
}

#footer {
    text-align: left;
    margin: 0 auto;
    width: 1000px;
}

.section_total th, .overall_total th {
    font-weight:bold;
    text-align:right;
}

.section_total td, .overall_total td {
    font-weight:bold;
    text-align:right;
}

td.thread_message, td.thread_current_message {
    text-align: left;
    padding-left: 10px;
}

td.budgettotal {
    text-align: right;
    padding-right: 3px;
}

.leftalign, td.leftalign, th.leftalign {
    text-align: left;
}

#breadcrumb_wrapper { }

#breadcrumb, #login_breadcrumb {
    padding: 5px 0 5px 10px;
    width: 1000px;
    margin: 0 auto 5px auto;
}

#breadcrumb img, #login_breadcrumb img {
    vertical-align: middle;
}

#login_breadcrumb {
    width: auto;
    margin-top: 0;
    text-align: center;
    font-size: 3em;
}

.input input[type=text],
.input input[type=password],
.input input[type=number],
.input select {
    border: 1px solid #cccccc;
    padding: 4px;
    border-radius: 2px;
    margin: 3px;
}

.input input[type=number],
.input input.currency_input_mask,
.input input.dateField {
    width: 125px;
    margin-right: 328px;
}
.participation-sections .input input[type=number],
.participation-totals .input input[type=text] {
    width: 125px;
    margin-right: auto;
}
.participation-table {
    margin: auto;
}
.input select {
    padding: 0;
}

input[type=submit],
button,
a.button,
.datalist td a,
#breadcrumb a,
.input .tags .add {
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-size: 10pt;
    margin-bottom: 0;
}

input[type=submit]:hover,
button:hover,
a.button:hover,
.datalist td a:hover,
#breadcrumb a:hover,
.input .tags .add:hover {
    cursor: pointer;
}

.inline-buttons .button, .inline-buttons .submit {
    display: inline-block;
}

#register_links {
    text-align: center;
    border-radius: 10px;
    margin-bottom: 5px;
}

.center {
    text-align: center;
}

.dashboard-show-all {
    border-top: solid 1px;
    padding-top: 10px;
    margin-top: 0;
}

.dashboard_block table {
    margin: 0;
}

td.dashboard-alert-left { text-align: left; }
td.dashboard-alert-right { text-align: right; }


.ui-accordion {
    font-size: 1em;
}

.ui-accordion > .ui-state-active,
.ui-accordion > .ui-state-default,
.ui-datepicker-header,
.ui-timepicker-title,
.ui-dialog-titlebar,
#dashboard h3,
h3.header {
    text-align: left;
    padding: 10px 25px;
    font-size: 1em;
}
.ui-timepicker-title {
    padding: inherit;
}

.ui-accordion > .ui-state-active .ui-icon, .ui-accordion > .ui-state-default .ui-icon, .ui-accordion > .ui-state-hover .ui-icon {
    background-image: url(smoothness/images/ui-icons_ffffff_256x240.png); /* Changes accordion arrows to white */
}

.ui-accordion > .ui-state-active, .ui-accordion > .ui-state-default, #dashboard h3, h3.header:first-child { }

.ui-accordion .ui-accordion-content {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.ui-accordion .ui-accordion-content .datalist {
    margin: 5px auto;
}

.accordion-navigation {
    float: right;
    clear: both;
}
.accordion-navigation button {
    width: auto;
    margin: 5px;
}
.ui-accordion > h3.accordion-error {
    background: darkred;
}

div.section {
    border: solid 1px #ccc;
    margin-bottom: 5px;
}

#busy-indicator {
    display: none;
}

.icon, .highlighticon, .highlighter, .alerter {
    font-size: 0.75em;
    height: 0.75em;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    border: 1px solid #666666;
    border-radius: 10px;
}
.icon, .highlighticon{
    padding-top: 2px;
    padding-bottom: 6px;
}
.notifier {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    border-radius: 10px;
}
.notifier.inline, .alerter.inline, .highlighter.inline, span.inline {
    margin: auto 0.3em;
}

#dashboard h3, h3.header {
    margin: 0;
    clear: both;
}

.dashboard_block h2 {
    font-size: 1em;
    margin: 0;
    padding: 5px;
    font-weight: normal;
}

.dashboard_block .datalist {
    border: none;
}

.summary_table {
    border: none;
    text-align: left;
    font-weight: normal;
    margin-bottom: 5px;
}

#status_counts {
    padding: 10px 10px 0 10px;
}
#status_counts .link_table {
    border: none;
    margin: auto;
}
#status_counts .link_table .group_links {
     border: 1px solid #dddddd;
    margin: 5px;
}
#status_counts .link_table .group_links a:hover { margin-bottom: 5px; }
#status_counts .link_table .group_links h2 { font-size: 1em; }

.headerrow {
    cursor: pointer;
}

.headerrow img {
    vertical-align: middle;
}

.link_table {
    border: 1px solid #dddddd;
    margin: 5px;
}

.link_table a {
    width: 300px;
    padding: 5px;
    margin: 5px;
}

.link_table .datalist a {
    width: inherit;
}

.icon, .highlighticon, .button-action {
    float: right;
}

.button-action { font-weight: bold; font-size: smaller; }
.button-icon { padding: 0 3px; }

th.sub-heading .button {
    float: right;
    margin: -5px auto;
}

.add_button {
    margin: 10px 10px;
    text-align: left;
    font-weight: bold;
}
#content .add_button span {
    margin-right: 5px;
}

.nostripe tr:nth-child(odd) {
    background-color: white;
}
.nostripe td, .nostripe th {
    border: 1px solid #dddddd;
}

h3.header {
    font-size: 1.0em;
    font-weight: bold;
}

.rfi_box {
    border: 1px solid black;
    padding: 5px;
    margin: 5px;
}

.rfi_box span.title {
    text-align: center;
    width: 100%;
    display: block;
    border-top: 1px solid black;
    margin: -5px;
    padding: 5px;
}

.rfi_box span.title {
    border-bottom: 1px solid black;
    border-top: none;
    background-color: #b3c6e7;
    font-weight: bold;
}

.smalltext {
    width: 75px;
}


.input_scale {
    border: 1px dotted black;
    margin: 0 10px;
    padding: 10px;
}

.input_scale textarea {
    width: 99%;
    height: 75px;
}

.input_scale .tabs .ui-widget-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: white;
}

.input_scale .tabs.ui-tabs .ui-tabs-nav li,
.input_scale .tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 1px dotted #aaaaaa;
    font-weight: normal;
}

.input_scale .tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    height: 42px;
}

.input_scale .ui-tabs-panel {
    border: 1px dotted #aaaaaa;
}

.admin-section-links a {
    width: 250px;
}

.admin-list th, .admin-list td {
    min-width: 100px;
}
.submit-box {
    text-align: right;
    margin-right: 150px;
}
.submit-box > div {
    margin: 20px;
}
.submit-box .link {
    display: inline-block;
}
#errors {
    color: #c00;
    text-align: left;
    padding: 5px;
}
#errors ul { margin: 0 0 1.5em 0; }

.small-note {
    color: #666;
    font-size: 0.8em;
    vertical-align: bottom;
    margin: 3px;
    display: inline-block;
}

.note {
    font-style: italic;
}

.note-alert {
    border: solid 1px #3a5800;
    background-color: #e1f9b4;
    padding: 0.5em;
    margin: 1em;
}
.note-alert span:first-child { font-weight: bold; }

.order-link, .datalist a.order-link {
    margin: 3px;
    background: none;
    border: none;
    padding: 3px;
}
.datalist tr.move-highlight {
    background-color: #FFFFD0;
}

.custom-icon { font-weight: bold; }
.custom-icon img {
    height: 1em;
    vertical-align: middle;
}

.no-outcomes-data { color: #9d080c; }

.changedValue {
    background-color: #e1f9b4;
    /*border: 1px solid black;*/
}

.previousDataExists {
    height: 10px;
    width: 10px;
    padding: 0 5px;
}

select.grantstatus {
    min-width: 160px;
}
.confirmation-placeholder {
    display: inline-block;
    width: 15px;
    height: 15px;
    color: green;
    margin: 0;
}
.confirmation-placeholder .ok { color: green; }
.confirmation-placeholder .error { color: darkred; }

/* Filter Styles (Dynatree & Sliders) */
.filters-accordion { clear: both; }
.filters {
    text-align: left;
}
.filters-section {
    clear: both;
}
.filters .dynatree-container > li {
    float: left;
    margin-right: 10px;
}
.filters .dynatree-container > li .dynatree-has-children, .filters-title {
    font-weight: bold;
}
.filters .dynatree-container span.dynatree-title {
    padding: 0 3px 3px 3px;
}
.filters .dynatree-container { border: none; }
.filters .dynatree-title { cursor: default; }
.filters-slider {
    width: 90%;
    margin: auto;
}
.filters-amount {
    padding-bottom: 2em;
}
.filters-search, #filter_fields, .filter-include {
    margin: 1em auto;
    border: dotted 1px #666;
    padding: 0.5em;
}
.filters-search input, .filters-select select, .filters-date input, .filters-amount input {
    min-width: 250px;
}
.filters-section label {
    padding: 1em;
}
.filters-select label, .filters-search label, .filters-date label {
    min-width: 200px;
    display: inline-block;
}
#filters_form {
    clear: both;
}
#filters_form > a {
    float: right;
    margin: 0 5px;
}

#filters_form > a,
#content a#filters_apply,
#content a#filters_reset,
#content a#filters_export {
    font-weight: bold;
}
#filter_notice {
    color: darkred;
    font-weight: bold;
    text-align: center;
}
#filter_notice p { margin: 0.3em; }


.ui-datepicker-calendar .filter-allowed-date > a {
    background: #e1f9b4;
    color: #3a5800;
    border: solid 1px #3a5800;
}


.organization-list-closed, .row-disabled {
    color: #666;
    font-style: italic;
}

.awaiting-approval {
    font-style: italic;
}
.organization-status-inactive { font-weight: bold; color: #c00; }
.organization-status-active { font-weight: bold; color: #3a5800; }
.organization-box .awaiting-approval {
    color: #666;
    text-align: center;
    padding: 20px;
    border-top: solid 1px #ccc;
}

.organization-box {
    text-align: left;
}
.organization-box .edit {
    float: right;
    margin: 5px;
    height: 17px;
}
.button.header {
    margin: 1em;
}
.button.right {
    float: right;
    margin: 5px;
}
.button.left {
    float: left;
    margin: 5px;
}

.organization-box .summary p {
    display: inline-block;
    min-width: 150px;
}
.organization-box .summary p.label {
    text-align: center;
}

p.organization-action, a.organization-action {
    margin: 0 20px 0 auto;
}
span.inline.organization-notification {
    margin-left: -18px;
}
#content a.organization-action-disabled { color: #ccc; cursor: default; }
#content a.organization-action-disabled:hover {background-position: center top; }

.organization-members .leaduser,
.organization-members .not-approved,
.organization-members .member,
.fa-icon {
    font-size: larger;
}
/* color-gold */
.color-gold, #content .color-gold,
.organization-members .leaduser,
.fa-icon.leaduser,
.fa-icon.expired {
    color: #FFC030;
}
.highlighter  { background-color: #FFC030; color: #000; }
/* color-red */
.color-red, #content .color-red,
.fa-icon.rejected,
.fa-icon.closed,
.fa-icon.action-required,
.button-icon,
a#filters_reset.applied > span, a#filters_reset.force-applied > span
{
    color: #9b080e;
}
.alerter { background-color: #9b080e; border: none; color: #fff; }
/* color-red:hover */
a:hover .color-red, #content a:hover .color-red,
a:hover .fa-icon.rejected,
a:hover .fa-icon.closed,
a:hover .fa-icon.action-required,
a:hover .button-icon,
a:hover#filters_reset.applied > span, a:hover#filters_reset.force-applied > span,
button:hover .color-red, #content button:hover .color-red
{
    color: #FF2132;
}
/* color-green */
.fa-icon.action-required { padding: 0 2px 0 2px; }
.color-green, #content .color-green,
.organization-members .approved,
.fa-icon.approved,
a .icon-plus-sign-alt, button .icon-plus-sign-alt,
#content .add_button span,
.input .tags .add > span,
a#filters_apply.applied > span, a#filters_apply.force-applied > span
{
    color: #729A23;
}
div.new-grant-type.selected, div.new-grant-type.selected:hover {
    background-color: #729A23;
}
.notifier, .icon, .highlighticon  { background-color: #234095; color: #fff; }
/* color-darkgreen */
.color-darkgreen, #content .color-darkgreen {
    color: #3a5800;
}
/* color-green:hover && color-darkgreen:hover*/
a:hover .color-green, #content a:hover .color-green,
a:hover .organization-members a:hover .approved,
a:hover .fa-icon.approved,
button:hover .color-green, #content button:hover .color-green,
a:hover .icon-plus-sign-alt, button:hover .icon-plus-sign-alt,
#content .add_button a:hover span,
a:hover .color-darkgreen, #content a:hover .color-darkgreen,
.input .tags .add:hover > span,
a:hover#filters_apply.applied > span, a:hover#filters_apply.force-applied > span
{
    color: #9ece44;
}
/* color-purple */
.color-purple,
.organization-members .not-approved,
.fa-icon.not-approved {
    color: #43146A;
}
/* color-blue */
.color-blue, #content .color-blue {
    color: #3e59b8;
}
/* color-lightblue */
.color-lightblue, #content .color-lightblue
{
    color: #608dc6;
}
.input .tags .tag
{
    background-color: #608dc6;
}

/* color-paleblue */
.color-paleblue, #content .color-paleblue {
    color: #B5D3F8;
}

/* color-navy */
.color-navy, #content .color-navy,
.fa-icon.rfi {
    color: #1d3363;
}
.fa-icon.rfi { font-size: 1.1em; }
/* color-grey */
.color-grey, #content .color-grey {
    color: #999;
}
/* disabled */
.disabled, #content .disabled {
    color: #666;
    background: #ccc;
    border-color: #999;
    cursor: default;
}
.button.disabled, #content .button.disabled, a.disabled, #content a.disabled {
    /* Buttons are kind of grey anyway, so make it lighter */
    color: #999;
    background: #eee;
    border-color: #ccc;
    cursor: default;
}
.disabled-note {
    color: #666;
    font-style: italic;
}

.text-tiny, #content .text-tiny { font-size: 0.7em; }

span.grant-action {
    display: inline-block;
}
span.block-icon {
    display: inline-block;
    margin: 0.5em;
}

#new_grant_organization {
    vertical-align: middle;
    margin: 0 0.5em;
}

#org_list a.disabled {
    margin-left: -20px;
}

.fullsize {
     width: 98%;
     height: 98%;
 }
.fullwidth { width: 98%; }
.fullheight { height: 98%; }
.halfheight { height: 40%; }
.halfwidth { width: 45%; }

div.configsetting.special, div.configsetting.keyed_key {
    width: 75%;
    margin: 2em auto;
    text-align: left;
}
textarea.configsettingvalue.special {
    width: 500px;
    min-height: 250px;
}

table .action-links {
    text-align: right;
    padding-right: 1em;
}

.menu-right {
    float: right;
    margin-right: 2px;
    margin-left: 2px;
}
.search-simple { text-align: left; padding: 5px 15px; }
.search-simple input[type="text"] { padding: 3px 5px; width: 680px; margin: 0 2px; }
.search-simple select { padding: 3px; width: 180px; margin: 0; }
.search-simple  button { float: right; margin: -1px 0; }

.search-advanced {
    padding: 10px;
    text-align: left;
}
.search-advanced label {
    padding: 3px 5px;
    width: 200px;
    margin: 0 2px;
    font-weight: bold;
}
.search-advanced input[type="text"] {
    padding: 3px 5px;
    width: 690px;
    margin: 0 2px;
}
#advanced_search_form {
    padding: 15px;
}
/* Override some filters styling for the advanced search page */
#advanced_search_form h3 {
    text-align: left;
}
#advanced_search_form #filter_fields {
    margin: auto;
    border: none;
}
#advanced_search_form .formCommandButtons {
    padding-top: 15px;
    margin-top: 15px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#map_toggle, .toggle-buttons {
    cursor: pointer;
    padding-bottom: 10px;
    font-weight: bold;
}
#map_toggle .map-toggle,
.toggle-buttons label {
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-weight: normal;
    min-width: 135px;
    text-align: center;
}

.toggle-buttons label span.ui-button-text { padding: 0; }
.toggle-buttons label.ui-button { margin-left: 0; margin-right: 0; font-size: 1em; }

.reports-table .numeric { text-align: right; }
.reports-table .highlight { font-weight: bold; }

@media print {
    @page { size: landscape }

    #beta,
    #banner_wrapper,
    #navigation_wrapper,
    #breadcrumb_wrapper,
    #footer,
    .hideonprint
    {
        display: none !important;
    }

    .ui-accordion .ui-accordion-content {
        display:block !important;
    }

    .ui-accordion .ui-accordion-header {
        border: 1px solid #ddd;
        color: black;
    }

    .ui-accordion {
        margin-bottom: 10px !important;
    }

    #content {
        border: none;
    }

}

tr.scale-3 th { width: 33%; }
tr.scale-4 th { width: 25%; }
tr.scale-5 th { width: 20%; }
tr.scale-7 th { width: 14%; }
tr.scale-9 th { width: 11%; }
tr.scale-9 th { width: 11%; }

div.new-grant-type {
    padding: 1em;
    border-bottom: dotted 1px #ccc;
    margin: 1em;
    background: #ccc;
    text-align: left;
    cursor: pointer;
}
div.new-grant-type label {
    font-weight: bold;
    font-size: 1.3em;
    margin: 2em;
}
div.new-grant-type input {
    vertical-align: middle;
    margin-left: 1em;
}
div.new-grant-type p {
    margin-left: 5em;
}
div.new-grant-type:hover {
    background-color: #d2e3e3;
}

.history {}
    .history h4 {
        background: #ccc;
        padding: 0.5em;
        font-size: 1.1em;
        text-align: left;
    }
    .history .comment {
        text-align: left;
        border: dotted 1px #ccc;
        padding: 0.5em;
    }
    .history h5 {
        font-size: 1.1em;
        font-weight: bold;
        font-style: italic;
        color: #333;
        text-align: left;
        margin: 0;
    }
    .history .historylist {
        width: 100%;
    }
        .history .historylist tr { border-bottom: solid 1px #ccc; }
        .history .historylist tr:nth-child(odd){
            background: #eee;

        }
            .history .historylist tr th {
                width: 50%;
            }

.refresh-default {
    color: #3a5800;
    margin: 0 -20px 0 10px;
    cursor: pointer;
}
.refresh-default:hover { color: #729A23; }
#content .refresh-default.disabled { background: inherit; color: #ccc; }


.inline-edit { }
    .inline-edit .inline-edit-notifyMode { display: inline-block; cursor: pointer ; }
    .inline-edit .inline-edit-button { margin: 0 0.5em; cursor: pointer; }
    .inline-edit .inline-edit-read { display: inline-block; width: 200px; height: 1.5em; }
    #content .inline-edit .inline-edit-input { width: 200px; margin: 0; }

.committee-list tr td:first-child {
    width: 450px;
}
    .committee-list .inline-edit .inline-edit-button {
        float: left;
    }
    .committee-list .inline-edit {
        margin-left: 2em;
    }


.index-actions {
    text-align: left;
    font-weight: bold;
    padding: 5px;
}

.dropIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    top: -2px;
}
    .dropIcon i {
        position: relative;
        top: 5px;
        font-size: 12px;
    }

.mandatoryField {
    color: red;
}

.validationText {
    font-style:italic
}

#login_content label {
    width: 250px;
}

#dialog-progress-reset-loading { text-align: center; }

.dateTimeDataEntry {
    margin-left: 3px;
    padding-right: 112px;
}

div .dateTimeInput {
    margin: 5px;
}

.system-message {
    background: #ccc;
    color: #000;
    border: solid 1px #666;
    border-radius: 10px;
    margin: 1em;
    text-align: center;
}
    .system-message h4 {
        color: #000;
        background: #666;
        margin-top: 0;
        padding-top: 1em;
        padding-bottom: 0.5em;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
    .system-message .system-message-message {
        margin: 1em;
        text-align: left;
        clear: both;
    }
    .system-message .system-message-close {
        float: right;
        padding: 10px;
        cursor: pointer;
        color: #fff;
    }

.system-message.system-message-critical {
    border-color: #990000;
    color: #990000;
    background: #ffcccc;
}
    .system-message.system-message-critical h4 {
        background: #990000;
        color: #fff;
    }
.system-message.system-message-announcement {
    border-color: #729A23;
    background: #e1f9b4;
}
    .system-message.system-message-announcement h4 {
        background: #8eca3c;
    }
.system-message.system-message-info {
    border-color: #FFC030;
    background: #ffe2b1;
}
    .system-message.system-message-info h4 {
        background: #FFC030;
    }

div.info-message {
    color: #a86500;
    font-weight: bold;
    background-color: #ffe499;
    border: 1px solid #a86500;
    text-align: center;
    padding: 0.5em;
    margin: 0.5em;
}

.browser-recomendation {
    border: 1px solid black;
    padding: 10px;
    margin: 30px;
    text-align: center;
    font-weight: bold;
}