html {
    overflow-y: scroll;
}

body, p, h1, h2, h3, h4, table, td, th, ul, ol, textarea, input {
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 12px;
}

body {
    margin: 0;
    padding: 18px 11px;
}

p {
    margin: 12px 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/* =Main layout holders */
.menu-admin {
    float: left;
    width: 235px;
    margin-right: 20px;
}

.content-holder {
    overflow: hidden;
}

.ie7 .content-holder {
    zoom: 1;
}

.content-holder-wide {
    overflow: visible;
}
/* Main layout holders */

/* =Menu Admin */
.menu-admin {
    border: solid 1px #e2e0e0;
    background: #fff;
    padding-top: 1px;
}

.menu-admin-titles {
    padding: 15px 20px 6px;
    background: #f5f5f5;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0;
}

.menu-admin-list, .menu-admin-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-admin-list {
    background: #f5f5f5;
}

.menu-admin-list-last {
    padding-bottom: 9px;
}

.menu-admin-list a {
    font: normal 12px/13px Arial, Helvetica, sans-serif;
    display: block;
    cursor: pointer;
    padding: 8px 20px 6px;
    border-top: solid 1px #f5f5f5;
    border-bottom: solid 1px #f5f5f5;
}

.ie7 .menu-admin-list a {
    zoom: 1;
}

.ie7 .side-login input {
    margin-top: -16px !important;
}

.menu-admin-list a,
.menu-admin-list a span {
    color: #0000ee;
    text-decoration: none;
}

    .menu-admin-list a:hover {
        border-top: solid 1px #dde6f7;
        border-bottom: solid 1px #dde6f7;
        background: #e8eefa;
    }

        .menu-admin-list a:hover span {
            text-decoration: underline;
        }

.menu-admin-splitter {
    border-top: solid 11px #f5f5f5;
    background: #e2e0e0;
    height: 1px;
    border-bottom: solid 1px #fff;
    margin-bottom: -1px;
}
/* Menu Admin */
/* add menu*/
#listTeamLink {
    border: 1px solid #E2E0E0;
    background: #f5f5f5;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0;
    display: inline-block;
    padding: 0;
}

    #listTeamLink a {
        font: normal 12px/13px Arial, Helvetica, sans-serif;
        display: block;
        cursor: pointer;
        padding: 8px 20px 6px;
        text-decoration: none;
    }

        #listTeamLink a:hover {
            background: #e8eefa;
        }

        #listTeamLink a:hover,
        #listTeamLink a:visited,
        #listTeamLink a:active,
        #listTeamLink a:focus {
            color: #00e;
        }

table td[data-bind="text: Name"] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}
/* =Base Master */
.base-master .menu-admin {
    float: none;
    width: 100%;
    margin: 0 0 10px;
}

.base-master .menu-admin-list {
    overflow: hidden;
}

.base-master .menu-admin li {
    float: left;
}
/* Base Master */

a:hover {
    text-decoration: none;
}

label {
    width: 120px;
    display: inline-block;
}

input {
    width: 180px;
}

.ui-dialog select {
    width: 186px;
}

.side_users,
.side_form, .side_form div,
.global_group_info div,
.ui-dialog div,
.add_padding div {
    padding: 5px;
}

.users_table {
    margin-top: 10px;
}

.sortable {
    cursor: pointer;
    text-decoration: underline;
}

select.error,
textarea.error,
input.error {
    border: 1px solid #FF0000;
    background-color: #FFCC99;
}

th, td {
    padding: 3px 7px 2px;
}

table {
    border-collapse: collapse;
}

label.error, .ui-dialog label.error {
    color: #FF0000;
    font-weight: bold;
    margin-left: 5px;
    width: auto;
}

label {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    min-height: 18px;
}

.inline_box {
    display: inline-block;
}

*:first-child + html .users_table input,
*:first-child + html .inline_box,
*:first-child + html label {
    display: inline;
    zoom: 1;
}

.simple-popup textarea,
.side_form textarea,
input[type=text], input[type=password] {
    width: 180px;
    padding: 2px;
}

input[type=radio], input[type=button], input[type=submit] {
    width: auto;
}

select {
    max-width: 186px;
}

img.ui-datepicker-trigger {
    padding-left: 3px;
    vertical-align: middle;
}

span.desc {
    background-image: url('../Images/Down.png');
    background-repeat: no-repeat;
}

span.allocated-hours-used-warning {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url('../Images/Warning.png');
    background-repeat: no-repeat;
}

.paging-button,
.edit-project, .drill-button, .edit-resource,
.delete-resource, .delete-project,
.edit-milestone, .delete-milestone, .edit-payment,
.comment-payment, .payment-history, .delete-document,
.delete-freehours, .edit-freehours, .freehours-history,
.comment-freehours, .delete-reminder,
.comment-milestone, .milestone-history,
.comment-project, .project-history,
.update-project-hours, .push-project-currentCompletionDate,
.link-location, .edit-location, .delete-location,
.edit-client, .delete-client, .comment-client, .client-history,
.delete-payment, .push-expected-date,
.edit-contact, .delete-contact,
.edit-phone, .delete-phone, .save-phone, .cancel-phone,
.edit-email, .delete-email, .save-email, .cancel-email,
.edit-people, .save-people, .cancel-people {
    cursor: pointer;
}
/*nistratov add qastatus*/
.bad {
    background: url('../Styles/images/red.png');
}

.good {
    background: url('../Styles/images/green.png');
}

.notneeded {
    background: url('../Styles/images/white.png');
}

.unknown {
    background: url('../Styles/images/black.png');
}

.normal {
    background: url('../Styles/images/yellow.png');
}

.change-status {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}

/*nistratov add end qastatus*/
.filter-columns {
    width: 150px;
}

.filter-operation {
    width: 80px;
}

.filter-value {
    width: 120px;
}

.filter-value-boolean {
    width: 126px;
}

.filter-label-list {
    width: 126px;
}

.add-filter, .delete-filter {
    width: 16px;
    vertical-align: middle;
}

.filers-list {
    list-style: none;
    width: 465px;
    margin: 0;
    padding: 0;
}

#pnlFilters {
    border: 1px dashed grey;
    float: left;
    min-width: 525px;
}

.data-pager {
    padding: 5px;
    border: 1px dashed grey;
    float: left;
    width: 340px;
}

    .data-pager input[type=image] {
        position: relative;
        top: 3px;
    }

.apply-filter-button {
    float: right;
    margin-top: -5px;
}

.red-mark {
    background-color: #FFCCCC;
}

.yellow-mark {
    background-color: #FFFF99;
}

.archived-project, .archived-client {
    background-color: #CCFFCC;
}

.grid_holder table,
.freehours-table,
.grid {
    border-collapse: collapse; /* cellspacing="0" */
    border: solid 1px #ccc;
}

    .grid_holder th,
    .grid_holder td,
    .grid th,
    .freehours-table td,
    .grid td {
        border: solid 1px #eee;
    }

.grid_holder th {
    padding: 4px;
    background-color: LightBlue;
    color: #000;
}

td.sortable {
    text-decoration: none;
}

.sortable img {
    display: none;
}

.sortable span {
    width: 16px;
    height: 16px;
    float: right;
    margin: 0 0 0 -20px;
}

*:first-child + html .sortable span {
    float: right;
    margin-right: -20px;
}

.sortable .sort-asc {
    background: url(../Images/Up.png);
}

.sortable .sort-desc {
    background: url(../Images/Down.png);
}

.td-days-percentage, .td-assign-to, .td-comission-release {
    text-align: center;
}

.popup {
    position: absolute;
    z-index: 999;
    background: #fff;
    padding: 10px;
    width: 350px;
    top: 50%;
    margin-left: -175px;
    margin-top: -150px;
    left: 50%;
}

.preloader_holder {
    position: relative;
}

.preloader {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../Images/busy.gif);
    position: absolute;
    right: 30px;
    top: 6px;
}

.popup_wide {
    width: 500px;
    margin-left: -250px;
}

.data-pager img {
    position: relative;
    top: 3px;
}

.ui-dialog .pcs_buttons {
    padding-top: 140px;
}

.tbl-permissions {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
}

    .tbl-permissions th,
    .tbl-permissions td {
        vertical-align: top;
        border: 1px solid #E2E0E0;
        text-align: left;
        padding: 3px;
    }

    .tbl-permissions th {
        background: #E8EEFA;
    }

    .tbl-permissions input[type=submit] {
        border: 0;
        background: transparent;
        cursor: pointer;
        font-size: 10px;
        color: #0083D2;
        font-family: Arial, Helvetica, sans-serif;
    }

        .tbl-permissions input[type=submit]:hover {
            color: #ff7700;
        }

.grid .row-sel:after,
.add-button-row:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

.ie7 .grid .row-sel,
.ie7 .add-button-row,
*:first-child + html .clearfix {
    zoom: 1;
}

.update-panel {
    float: left;
    border: 1px solid #E2E0E0;
}

    .update-panel input[type=text], .update-panel select {
        margin: 3px 5px 0 0;
        width: 270px;
    }

    .update-panel input[type=text] {
        width: 262px;
    }

.add-button-row {
    border-top: 1px solid #E2E0E0;
    padding: 5px 5px 5px 128px;
    background: #E8EEFA;
}

    .add-button-row .apply-filter-button {
        margin: 0;
    }

.update-panel .sel-multi label, .update-panel .sel-multi .label-sel {
    height: 120px;
}

.update-panel label {
    float: left;
    padding: 5px 3px 4px 0;
    margin-right: 5px;
    background: #F5F5F5;
    min-height: 24px;
    width: 120px;
    text-align: right;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Verdana, Tahoma;
}

div .side-login {
    border: dashed grey 1px;
    width: 285px;
    float: right;
    padding: 10px;
}

#pnlLoginControl #btnLogout {
    float: right;
}

table.grid {
    border-collapse: collapse;
}

.grid_col_2 {
    font-size: 20px;
}

.tr_grid_head {
    background-color: LightBlue;
    color: Black;
    font-weight: bold;
    text-align: center;
}

    .tr_grid_head td {
        padding: 4px;
    }

    .tr_grid_head th {
        height: 28px;
    }

.grid > div {
    overflow: visible;
    padding: 0;
    width: 100%;
    float: none;
}

.td-cntrls,
.column-PaymentDate,
.td_nowrap {
    white-space: nowrap;
}

.td-cntrls {
    text-align: center;
}

.project-milestones table {
    width: 700px;
}

.project-documents table {
    width: 300px;
}

input[type=checkbox] {
    width: auto;
}

.grid div.col_name_milestone {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
}

.grid div.col_checkbox_milestone {
    text-align: center;
}

.img-allocate-reason {
    display: block;
    float: left;
    width: 40%;
    text-align: left;
}

.allocated-type-view {
    display: block;
    float: left;
    width: 60%;
}

.grid div.col_allocate_view {
    text-align: center;
    display: block;
    cursor: pointer;
    min-width: 100px;
    min-height: 20px;
}

.allocate-warning {
    background-image: url(../Images/allocate-warning.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0 0 0 0;
    width: 14px;
    height: 14px;
}

.allocate-warning:hover::after
 {
        content: attr(data-title);
        position: absolute;
        z-index: 1;
        background: #ffffe6;
        font-family: Arial, sans-serif;
        font-size: 11px;
        padding: 5px 10px;
        border: 1px solid #333;
 }

.td-allocate {
    text-align: center;
}


.td-span-validator span {
    position: absolute;
    padding: 3px;
    background: #fff;
}

.f-row label {
    padding-top: 2px;
}

.f-row .ui-datepicker-trigger {
    position: relative;
    top: -2px;
}

.f-row input[type=checkbox] {
    margin-left: 0;
    padding-left: 0;
    position: relative;
    top: 2px;
}

/* =Milestone Templates */
.td-add-new-milestone > table > tbody > tr > td:first-child {
    white-space: nowrap;
}

.grid .td-add-new-milestone {
    padding: 0;
}

.td-add-new-milestone .td-cntrls {
    text-align: left;
}

.grid-milestone-templates {
    width: 100%;
}

.td-days-percentage input[type=text].tf-percentage,
.td-days-percentage input[type=text].tf-days,
.td-comission-release input[type=text].tf-comission-release {
    width: 40px;
    margin: auto;
    text-align: center;
}

.global_group_info .td-days-percentage input[type=text].tf-percentage {
    margin-left: 13px;
}

.grid-milestone-templates .td-assign-to {
    text-align: center;
}

.popup-push-milestone-date textarea {
    width: 199px;
}

.popup-push-milestone-date label {
    width: 105px;
}

    .popup-push-milestone-date label.error {
        margin-right: -5px;
    }
/* Milestone Templates */

/* =User Profile */
.user-profile .update-panel {
    width: 413px;
    padding: 5px;
}

.user-profile label {
    width: 130px;
}

.user-profile select {
    width: 170px;
}

.user-profile .update-panel > p {
    margin-top: 7px;
}

.user-profile .progress-form {
    margin-left: 138px;
}
/* User Profile */
.client-has-active,
.client-no-has-active,
.uni-checked,
.uni-unchecked,
.uni-unchecked:hover,
.payment-report-table .denied:hover,
.payment-report-table .denied, .payment-report-table .released,
.payments-table .denied:hover,
.payments-table .denied, .payments-table .released,
.col_checkbox_milestone .unchecked:hover,
.col_checkbox_milestone .unchecked, .col_checkbox_milestone .checked,
.column-apply .denied:hover,
.column-apply .denied,
.column-apply .released {
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin: auto;
    background: url(../Images/checked_unchecked.png) no-repeat 0 -16px;
}

    .client-has-active,
    .payment-report-table .denied:hover,
    .payment-report-table .denied, .payment-report-table .released,
    .payments-table .denied:hover,
    .payments-table .denied, .payments-table .released,
    .column-apply .denied:hover,
    .column-apply .denied,
    .column-apply .released {
        background: url(../Images/allowed_denied.png) no-repeat 0 0;
    }

    .uni-checked:hover,
    .uni-unchecked,
    .col_checkbox_milestone .checked:hover,
    .col_checkbox_milestone .unchecked {
        background: url(../Images/checked_unchecked.png) no-repeat 0 0;
    }

        .uni-unchecked:hover,
        .uni-checked {
            background-position: 0 -16px;
        }

.payment-report-table {
    max-width: 90%;
}

    .client-no-has-active,
    .payment-report-table .released:hover,
    .payment-report-table .denied,
    .payments-table .released:hover,
    .payments-table .denied,
    .column-apply .released:hover,
    .column-apply .denied {
        background: url(../Images/allowed_denied.png) no-repeat 0 -16px;
    }

.client-has-active,
.client-no-has-active {
    cursor: auto;
}

hr {
    margin: 0px;
    background: #EEEEEE;
    border: 0px;
    border-top: 1px solid #EEEEEE;
    color: #EEEEEE;
    height: 1px;
    display: block;
    margin: 10px 0;
}

.side_b,
.side_a {
    float: left;
}

fieldset {
    border: solid 1px #ccc;
}

.fieldset_box {
    padding: 20px;
    margin: 20px 20px 0 0;
}

    .fieldset_box fieldset {
        padding: 10px;
    }

    .fieldset_box legend {
        font-weight: bold;
    }

    .fieldset_box .grid {
        margin: 10px auto;
    }

.side_a {
    width: 515px;
}

div.changes-history,
div.changes-comments {
    height: 345px;
    overflow-y: auto;
}

    div.changes-history p,
    div.changes-comments p {
        padding: 10px 0 0 0;
        margin: 0;
    }

.written_by {
    font-weight: bold;
}

.written_on {
    color: #999;
    font-variant: italic;
}

.com_box_update .com_label {
    float: none;
}

.com_box_update,
.com_box_create,
.com_box_update div,
.com_box_create div {
    padding: 0;
}

.com_box_create, .com_box_update {
    padding: 5px 0;
    margin: 0 -20px 0 -5px;
}

.com_label {
    color: #999;
    width: 150px;
    float: left;
}

.com_value {
    float: left;
    width: 385px;
}

.com_box_update .com_label {
    padding-bottom: 5px;
}

.com_box_update .com_value_desc {
    float: left;
    width: 263px;
    border: solid 1px #eee;
    padding: 5px 10px;
}

.com_arr {
    float: left;
    width: 16px;
    height: 16px;
    margin: 5px 10px;
    background: url(../Images/RightArrow.png) no-repeat 0 0;
}

div.side_filter {
    padding: 0;
}

.table_holder_block {
    display: table;
}

.side_filter_holder:after {
    content: '';
    display: block;
    width: 100%;
}

.side_filter_holder .data-pager {
    float: left;
    margin-top: 10px;
}

.align_center {
    text-align: center;
}

.grid tfoot td {
    padding: 5px 7px 5px;
    font-weight: bold;
    background: #e7f4f8;
}

#pnlBill,
div.ui-widget-overlay {
    padding: 0;
}

.main-grid-holder {
    padding: 5px 0;
}

#pnlDataPager {
    margin: 0px 10px 10px 0px;
}

.filter_select_box,
#pnlFilters .filter-criteria-DateFromTo,
#pnlFilters .filter-criteria-Month
.filter-criteria-none {
    display: inline-block;
}

    #pnlFilters .filter-criteria-DateFromTo input,
    #pnlFilters .filter-criteria-Month input{
        width: 90px;
    }

.side_filter #pnlFilters {
    padding: 5px 0 15px;
    min-height: 14px;
    line-height: 14px;
    display: table;
}

    .update-panel div,
    .side_filter #pnlFilters div {
        padding: 0;
    }

        .update-panel div.add-button-row {
            padding: 5px;
        }

#paymentReportPlaceholder {
    padding: 10px;
    float: left;
}

#PaymentExpectedDateFiltersPlaceholder {
    padding: 10px;
    float: left;
}

.filter-criteria-DateFromTo img,
.filter-criteria-Month img{
    margin-right: 10px;
}

.fsb-main select {
    max-width: 200px;
    width: 200px;
}

.side_filter #pnlFilters div.filter-names {
    width: 160px;
}

.side_filter #pnlFilters div.filter-criteria-none {
    font-weight: bold;
    padding-left: 100px;
}

.double_space {
    padding: 10px;
}

.filter_select_box {
    margin-top: -4px;
}

.filers-list input[type="text"].filter-value {
    width: 120px;
}

.filers-list {
    float: left;
}

    .filers-list li {
        padding: 0 0 5px 0;
    }

#pnlAdminLinks {
    line-height: 20px;
}

    #pnlAdminLinks a {
        display: inline-block;
        margin-right: 10px;
    }

/* =Projects */
.admin-permissions-projects-tabs {
    margin-top: 10px;
}

.clients,
.projects {
    padding-top: 10px;
}

.payments-table {
    margin-bottom: 5px;
}

input.add-new-payment, input.add-new-multi-payment {
    margin: 0 5px 5px 0;
}
/* Projects */

/* =Project Types */
.project-types {
    width: 450px;
}

    .project-types label {
        width: 205px;
    }

.td-add-new-table {
    padding: 0;
}

.project-types .grid {
    width: 100%;
}

.project-types table input[type=radio] {
    float: left;
}

.project-types .create-gemini-proj-yes-no {
    display: inline-block;
    width: 200px;
    padding: 0;
}

.ie7 .project-types .create-gemini-proj-yes-no {
    display: inline;
    zoom: 1;
}

.project-types .create-gemini-proj-yes-no tr td:first-child {
    padding-left: 0;
}

    .project-types .create-gemini-proj-yes-no tr td:first-child input {
        margin-left: 0;
    }

.project-types .comission-gen-schema input {
    float: left;
}

.project-types .comission-gen-schema label {
    overflow: hidden;
    display: block;
    width: auto;
}

.project-types .td-duration-days {
    text-align: center;
}

.project-types input[type="text"].tf-duration-d,
.project-types input[type="text"].tf-to-h,
.project-types input[type="text"].tf-from-h {
    width: 40px;
    margin: auto;
}
/* Project Types */

.td-span-validator span {
    float: left;
    padding: 3px;
    background: #fff;
    border: solid 1px #eee;
}

.drill-button {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.drill-button-up {
    background: url(../Images/Up.png);
}

.drill-button-down {
    background: url(../Images/Down.png);
}

.grid div.project-freehours {
    float: left;
    margin-right: 20px;
}

*:first-child + html .users_table div,
*:first-child + html .delete-user-project-group-membership,
*:first-child + html .drill-button,
*:first-child + html #pnlAdminLinks a,
*:first-child + html .filter_select_box,
*:first-child + html #pnlFilters .filter-criteria-DateFromTo,
*:first-child + html #pnlFilters .filter-criteria-Month,
*:first-child + html .filter-criteria-none {
    display: inline;
    zoom: 1;
}

.project-details .project-tabs {
    width: 99% !important;
}

.project-documents .file-uploader {
    margin: 5px;
}

.jquery_columnSizing_handler {
    right: auto !important;
    position: relative;
    z-index: 999;
    margin-right: 0px;
}

.jquery_columnSizing_handler {
    margin-right: -7px;
}

.jquery_columnSizing_dragLine {
    margin-left: -23px !important;
}

.tr_grid_head em.heading {
    float: none;
    height: auto;
    margin: 0;
    width: auto;
    display: block;
}

td.sortable em.heading {
    padding-right: 24px !important;
}

.heading {
    position: relative;
    z-index: 9;
    font-style: normal;
}

.column-ProjectAllocatedHours {
    min-width: 110px;
}

.project-resources-sorted {
    margin-top: 5px;
}

    .project-resources-sorted td {
        vertical-align: top;
        text-align: center;
    }

.letter {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.project-tabs > div.ui-tabs-panel,
.grid div.project-group-resources,
.grid div.project-freehours,
.grid div.project-resources {
    width: auto;
}

.project-resources-sorted label {
    text-align: left;
    width: 165px;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
}

    .project-resources-sorted label span:first-letter {
        color: #000;
    }

    .project-resources-sorted label.inactive {
        color: #999;
        background-image: url(../Images/ui-bg_glass_85_dfeffc_1x400_grey.png);
    }

.clearer {
    clear: both;
    font: normal 0/0 small;
}

.content-holder .side-login {
    margin-bottom: 10px;
}

.side_form {
    float: right;
    width: 345px;
    border: solid 1px #eee;
}

.global_group_info textarea,
.global_group_info input[type=text] {
    width: 200px;
}

.global_group_info textarea {
    height: 100px;
}

.global_group_info td label {
    display: inline;
}

.global_group_info,
.side_users {
    overflow: hidden;
}

    .side_users table {
        width: 100%;
    }

.inactive-user {
    -moz-opacity: 0.4;
    opacity: .40;
    filter: alpha(opacity=40);
}

.side_global_group {
    float: left;
    padding-right: 20px;
}

    .side_global_group > p {
        font-weight: bold;
    }

.users_table .user-div {
    white-space: nowrap;
}

.users_table label {
    display: inline;
    padding-left: 5px;
    position: relative;
    top: -3px;
}

.users_table input {
    border: none;
    background: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    text-align: left;
    vertical-align: top;
    width: auto;
}

.users_table .user-div {
    display: inline-block;
    width: 170px;
    padding: 0 5px;
    margin: 5px;
    overflow: hidden;
}

.global_group_box {
    float: left;
    border: solid 1px #eee;
}

.delete-user-project-group-membership {
    display: inline-block;
    cursor: pointer;
    background-image: url('../Images/Delete.png');
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.grid .left-side-form {
    float: left;
    width: auto;
    margin-bottom: 10px;
}

.group-users, .group-users li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .group-users li {
        margin: 3px 0;
    }

.left-side-form .user,
.left-side-form .project-groups-select {
    margin-bottom: 5px;
}

.left-side-form label {
    padding-left: 5px;
}

.left-side-form .add-button-row {
    width: auto;
    padding: 5px 5px 5px 124px;
}

.filter {
    padding-bottom: 5px;
}

.hide {
    display: none !important;
}

.active_current {
    background-color: Yellow;
}

.monthly_current {
    background-color: gainsboro;
}

.progress-form {
    position: absolute;
    margin-left: -30px;
}

.add-button-row div {
    padding: 0;
}

#pnlFilters .update-panel .filter-criteria-none,
#pnlFilters .update-panel .filter-criteria-DateFromTo,
#pnlFilters .update-panel .filter-criteria-Month {
    padding: 5px;
}

#pnlFilters .update-panel .filter-criteria-DateFromTo-top,
#pnlFilters .update-panel .filter-criteria-Month-top {
    padding: 0;
}

.add-button-row-alt {
    margin-top: 10px;
}

#pnlFilters .update-panel {
    margin: auto;
    width: 403px;
    float: none;
}

    #pnlFilters .update-panel .filter_select_box .add-button-row {
        padding: 5px;
    }

    #pnlFilters .update-panel .apply-filter-button {
        float: none;
        display: block;
        margin: 0;
    }

    #pnlFilters .update-panel .date-filter-row {
        padding: 0;
    }

#pnlFilters .filter_select_box {
    margin: 0;
    display: block;
}

.td_ms_project_name, .td_ms_name, .td_ms_last_comment {
    width: 30%;
}

.td_ms_date {
    white-space: nowrap;
}

.ui-tabs-panel .td_ms_name, .ui-tabs-panel .td_ms_last_comment {
    width: 50%;
}

#pnlFilters .update-panel-wide {
    width: auto;
    margin: 0 11%;
}

.o_h {
    overflow: hidden;
}

#pnlFilters .update-panel-wide .filter-criteria-DateFromTo,
#pnlFilters .update-panel-wide .filter-criteria-Month,
.update-panel-wide .filter_select_box {
    display: block;
}

    .update-panel-wide .filter_select_box select {
        max-width: 145px;
    }

.filter-show-completed {
    position: relative;
    top: 5px;
}

#pnlDateToBill, #pnlDateToBill input {
    position: relative;
}

.ui-datepicker {
    z-index: 1903 !important;
}

.filter-criteria-DateFromTo .o_h,
.filter-criteria-Month .o_h {
    width: 270px;
}

#ctl00_phMainContent_ctl00_UpdatePanel1 {
    width: 403px;
}

.list_radio {
    padding: 5px 0;
}

.pm_by_project td {
    width: 8%;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .pm_by_project td:first-child {
        white-space: nowrap;
    }

#pnlFilters .filter-criteria-DateFromTo,
#pnlFilters .filter-criteria-Month,
#pnlFilters .filter-Month-DateFromTo {
    display: block;
}

.title_bg {
    border-top: 1px solid #A6C9E2;
    padding: 0 !important;
    margin: 11px -1em 0;
}

.title_popup {
    position: relative;
    top: -10px;
    display: inline-block;
    margin-left: 12px;
    background: #fff;
    padding: 0 5px;
    color: #3678a7;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.title_bg_splitter {
    margin-top: 24px;
}

.ui-dialog div.btns_holder {
    padding: 15px 14px 10px;
    border-top: solid 1px #a6c9e2;
    background: #e4f1f6;
    margin: 16px -12px -6px;
}

.upsell-payment-commissions img,
.agreement-payment-commissions img {
    position: relative;
    bottom: -3px;
    cursor: pointer;
}

.upsell-payment-commissions .edit-project-commission,
.agreement-payment-commissions .edit-project-commission {
    margin-left: 9px;
}

.ul_clean, .ul_clean li,
.upsell-payment-commissions, .upsell-payment-commissions li,
.agreement-payment-commissions, .agreement-payment-commissions li {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .upsell-payment-commissions li,
    .agreement-payment-commissions li {
        padding: 2px 0 2px 10px;
        background: url('../Images/bullet.png') no-repeat 0 12px;
    }

#pnlCommissionSettings p b {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #222222;
}

.add-commission {
    cursor: pointer;
    margin-top: 8px;
}

#pnlCommissionSettings p {
    margin: 0;
}

.add-comission-first {
    margin-bottom: 19px;
}

form div div.title_bg {
    margin-left: -17px;
    margin-right: -17px;
}

#pnlCommissionSettings .holder {
    border: solid 1px #a6c9e2;
    margin-left: -10px;
    border-radius: 5px 5px 5px 5px;
    background: #e4f1f6;
}

#ulPaymentRelatedMilestones li {
    padding-top: 4px;
    padding-bottom: 4px;
}

.textarea_popup {
    width: 320px;
    height: 120px;
}

.milestone-release-edit {
    margin-left: 9px;
}

#ulPaymentRelatedMilestones input[type=checkbox] {
    margin-right: 5px;
    position: relative;
    bottom: -2px;
}

.list_labels {
    float: left;
    width: 600px;
    text-align: left;
    margin-left: -20px;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.grid .label_box {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: solid 1px #afafaf;
    margin-left: 20px;
    margin-top: -7px;
    position: relative;
    bottom: -3px;
    overflow: hidden;
}

.grid input[type="checkbox"].payments_filter_status {
     position:absolute;
    margin-left: 23px;
    margin-top:6px;
    z-index:10; 
    position: absolute;
    top: 0;
    left: -9999px;
    visibility: hidden;
}

.grid label.label_box .check {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

label.label_box > input[type="checkbox"]:checked + .check:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 7px;
    height: 10px;
    border: solid 2px #7e807c;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
    box-sizing: border-box;
}

.label_box_green {
	background-color: #D3FFB2;
}

.label_box_grey {
    background-color: #CCCCCC;
}

.label_box_yellow {
    background-color: #FFFF99;
}

.label_box_bright_yellow {
    background-color: #ffe854;
}

.label_box_red {
    background-color: #FFCCCC;
}

.label_box_blue {
    background-color: #9cd5ff;
}

.label_box_dirtyred {
    background-color: #FF5D3D;
}

.label_box_white {
    background-color: #fff;
}

.commission-management {
    position: relative;
    top: -8px;
}

.scrollable {
    overflow: auto;
}
/* =Groups Types */
.groups-types {
    width: 335px;
}

    .groups-types, .groups-types > div {
        padding: 5px;
    }

.groups-types-holder {
    padding: 0;
}

.tf-area {
    display: inline-block;
}

    .tf-area div {
        padding-bottom: 5px;
    }

.groups-types > div > label {
    width: 70px;
}

.tf-area {
    width: 250px;
}

.groups-types > div > div > div > label,
.groups-types > div > div > label {
    width: 210px;
}

.ie7 .tf-area {
    display: inline;
    zoom: 1;
}

.groups-types .row-splitter,
.row-splitter {
    margin: 0 -5px;
    padding: 10px 10px 5px;
    border-top: 1px solid #EEEEEE;
}

.groups-types-users {
    margin-right: 10px;
    background: #F5F5F5;
    border: 1px solid #E2E0E0;
    padding-bottom: 20px;
}

.groups-types-box {
    margin: 0px 15px;
    border-left: 0;
    border-right: 0;
    background: #fff;
}

    .groups-types-box .groups-types-box {
        margin: 0;
        padding: 0;
    }

        .groups-types-box .groups-types-box .groups-types-box {
            margin: 0;
            padding: 0;
        }

.groups-types-titles {
    background: #F5F5F5;
    color: #000000;
    font: bold 14px/16px Arial,Helvetica,sans-serif;
    padding: 10px 15px 9px;
}

    .groups-types-titles span {
        color: #00e;
        font-weight: normal;
    }

.groups-types-box .groups-types-titles {
    font-size: 14px;
    padding: 10px 15px 9px;
    font-weight: normal;
    background: #E8EEFA;
}

.groups-types-box .groups-types-box .groups-types-titles {
    background: #fff;
    border-bottom: solid 1px #e2e0e0;
    padding: 11px 16px 10px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}

.ie7 .users_table.groups-types-users .groups-types-box,
.ie7 .users_table.groups-types-users .groups-types-titles {
    display: block;
    zoom: 0;
}

.ie7 .users_table.groups-types-users .user-div {
    overflow: visible;
    text-align: left;
}
/* Groups Types */
.users_table input[type=submit]:hover,
.users_table .user-div:hover input[type=submit],
.users_table input:hover {
    text-decoration: none;
    cursor: pointer;
}

/* =Project Locations */
.project-locations-table td {
    padding: 10px 10px 8px;
}

.project-locations-table .tr_grid_head td {
    padding: 5px 10px 3px;
}

.project-locations-table .details {
    padding: 0;
}

.grid .project-locations-show-all {
    padding: 18px 0;
}

    .grid .project-locations-show-all .span-filter {
        margin-left: 90px;
        margin-right: 5px;
    }

.td-no-top-border {
    padding: 0 !important;
    vertical-align: top;
}

    .td-no-top-border div {
        border-top: 1px solid #fff;
        position: relative;
        top: -1px;
    }

.grid .project-locations-details {
    background: #f7f7f7;
}

.grid .project-details-box {
    padding: 10px 10px 0px 10px;
    width: auto;
}

.grid .project-details-panel {
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}

.project-locations-table td.td_loc_name {
    min-width: 105px;
    max-width: 500px;
}

.project-locations-table td.td_loc_type {
    min-width: 112px;
    max-width: 500px;
}

.project-locations-table td.td_loc_accessTypes {
    min-width: 168px;
    max-width: 500px;
}

.project-locations-dialog > div.project-locations-dialog-row {
    padding-left: 6px;
}

.link-add-more,
.project-locations-dialog .link-add-more,
.project-details-box.project-details-panel a {
    display: inline-block;
    background: url(../Images/Plus.png) no-repeat 0 50%;
    margin: 6px 0 0 10px;
    line-height: 13px;
    height: 13px;
    padding-left: 13px;
    color: #0000ff;
    text-decoration: none;
}

.link-add-more-edit {
    cursor: pointer;
    display: inline;
}

.ie7 .project-locations-cntrls label,
.ie7 .project-details-box.project-details-panel a {
    display: inline;
    zoom: 1;
}

.project-locations-cntrls label {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: auto;
    font-weight: bold;
}

.project-locations-cntrls img {
    position: relative;
    top: 3px;
}

.project-details-panel select {
    width: 172px;
}

.project-locations-dialog select {
    width: 260px;
    max-width: 260px;
}

.project-locations-dialog textarea {
    width: 254px;
    height: 86px;
    line-height: 18px;
}

project-locations-dialog-row {
    font-size: 0;
}

.project-locations-dialog-row label {
    width: 75px;
    font-size: 12px;
    float: left;
}

    .project-locations-dialog-row label.error {
        width: auto;
        float: none;
    }

.project-locations-dialog .row-error-holder {
    padding: 0 5px;
}

.project-locations-dialog > div,
.project-locations-dialog div div {
    padding-left: 0;
    padding-right: 0;
}

.project-locations-dialog .row-error-holder label {
    padding-left: 69px;
}

.project-locations-dialog > div {
    padding-left: 6px;
}

    .project-locations-dialog > div .title_bg {
        margin-left: -18px;
    }

.project-locations-dialog-row select {
    width: 186px;
}

.project-locations-dialog .link-add-more {
    margin: 0;
    cursor: pointer;
}

.ui-dialog .project-locations-dialog div.btns_holder {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

    .ui-dialog .project-locations-dialog div.btns_holder label {
        display: none;
    }

.project-locations-dialog-row-alt textarea {
    width: 154px;
    line-height: 18px;
}

.ctrl-access-item div {
    line-height: 22px;
}

.project-details-box dl, .project-details-box dt,
.project-details-box dd {
    margin: 0;
    padding: 0;
}

.project-details-box dt, .project-details-box dd {
    display: inline;
}

.project-details-box .ctrl-access-item {
    padding-bottom: 10px;
}

.project-locations-dialog div div div img {
    position: absolute;
    cursor: pointer;
    margin: 3px 0 0 5px;
}

.project-locations-access-dialog label {
    width: 90px;
}

    .project-locations-access-dialog label.error {
        width: auto;
        padding-left: 88px;
    }

.project-locations-access-dialog select {
    width: 225px;
    max-width: 225px;
    min-width: 225px;
}

.project-locations-access-dialog textarea {
    width: 221px;
}
/* Project Locations */

/* =Clients */
/* General */

.ta-advanced {
    width: 310px;
    height: 177px;
}

.ta-simple {
    width: 180px;
    height: 32px;
}

.ui-dialog .row-add-new {
    padding: 0;
}

.row-add-new .add-commission {
    margin: 3px 0 3px 6px;
}

.clear-div-padding div div {
    padding: 0;
}

.client-details .client-generalinfo td {
    border: 0;
    vertical-align: top;
}

.client-generalinfo {
    margin-top: 7px;
}

    .client-generalinfo select {
        position: relative;
        top: -2px;
    }

    .client-generalinfo td {
        padding-left: 0;
        padding-right: 0;
    }

.fs-style {
    border: solid 1px #a6c9e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 19px 19px 2px 19px;
    margin: 0;
}

    .fs-style dl, .fs-style dt, .fs-style dd {
        padding: 0;
        margin: 0;
    }

    .fs-style dt,
    .fs-style dd {
        float: left;
        font: normal 12px/16px Arial, Helvetica, sans-serif;
    }

.fs-company-info dd {
    overflow: hidden;
}

.fs-payment,
.fs-company-info {
    margin-right: 20px;
}

.fs-style dt {
    width: 103px;
    padding-right: 10px;
}

.fs-style dd {
    width: 217px;
}

.fs-style dt,
.fs-style label {
    font-weight: bold;
}

.fs-style > dl {
    padding-bottom: 17px;
}

.fs-style legend {
    display: block;
    position: absolute;
    padding: 0 5px;
    margin: -29px -5px 0;
    background: #fff;
    color: #3678a7;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.ie7 .fs-style legend {
    margin-top: -24px;
}

.ie7 .fs-payment legend, .ie7 .fs-payment-lead legend {
    margin-top: -27px;
}

.grid .fs-box:first-child {
    margin-left: 0;
}

.grid .fs-box {
    margin-left: 15px;
    float: left;
    width: 215px;
    padding-bottom: 17px;
}

.grid .fs-box-sel {
    width: 150px;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.fs-people {
    width: 925px;
}

.grid .row-sel {
    min-height: 22px;
}

    .grid .row-sel span,
    .grid .row-sel select,
    .grid .row-sel input,
    .grid .row-sel textarea {
        font-size: 12px;
    }

.row-sel img {
    position: relative;
    top: 3px;
    left: 3px;
}

.grid .row-sel .uni-checked,
.grid .row-sel .uni-unchecked {
    float: left;
    margin-left: -23px;
    margin-top: 3px;
}

.fs-people label {
    display: block;
}

.fs-company-info {
    width: 330px;
}

.fs-company-info, .fs-people {
    padding-top: 19px;
    min-height: 110px;
}

.grid .row-sel {
    padding-bottom: 3px;
    font-size: 0;
    white-space: nowrap;
}

    .grid .row-sel img {
        margin-left: 3px;
    }

.fs-payment, .fs-payment-lead {
    height: 65px;
}

    .fs-payment-lead legend {
        background: none;
    }

    .fs-payment-lead dt {
        width: auto;
    }

.fs-payment-lead,
.fs-payment {
    margin-top: 17px;
}

.fs-people label {
    padding-bottom: 4px;
}

.dialog-aligned {
}
/* General */
/* =Contacts */
.contacts-table {
    width: 861px;
}

    .contacts-table .tr_grid_head td {
        vertical-align: middle;
        text-align: left;
        position: relative;
    }

    .contacts-table td {
        vertical-align: top;
        padding: 7px 10px 5px;
    }

    .contacts-table .td-cs-primary-contact {
        width: 50px;
        text-align: center;
    }

.td-cs-name {
    width: 100px;
}

.td-cs-title {
    width: 150px;
}

.td-cs-phones div,
.td-cs-phones,
.td-cs-emails div,
.td-cs-emails {
    width: 200px;
}

    .td-cs-emails input[type="text"] {
        width: 160px;
    }

    .td-cs-emails div,
    .td-cs-phones div {
        padding-bottom: 5px;
    }

.clients-contact-dialog-row div {
    padding: 0 0 5px 0;
}

.clients-contact-dialog-row label {
    width: 105px;
}

    .clients-contact-dialog-row label.error {
        width: auto;
        margin: 5px 0 0 0;
        display: none !important;
    }

.client-contacts .add-new-contact {
    margin-left: 0 !important;
}

.clients-contact-dialog-row input.required,
.clients-contact-dialog-row input[type=text] {
    width: 180px !important;
    padding: 2px;
}

.clients-contact-phone-row input.required {
    width: 120px !important;
}

.clients-contact-dialog-row.clients-contact-phone-row,
.clients-contact-dialog-row.clients-contact-dialog-multi-row {
    padding-bottom: 0;
}

.clients-contact-dialog-row .add-commission {
    margin-top: 0;
}

.ui-dialog-content .clients-contact-dialog-add-row {
    padding: 0 0 5px 0;
}

.clients-contact-dialog-add-row .add-commission {
    margin-left: -9px;
}

.clients-nc-sel select,
.clients-nc-dialog-email-row input {
    width: 180px !important;
}

.clients-nc-dialog-phone-row input[type=text] {
    width: 116px !important;
}

.ui-dialog-content .clients-nc-dialog-multi-row {
    padding-bottom: 0;
}

    .ui-dialog-content .clients-nc-dialog-multi-row div {
        padding-bottom: 5px;
    }

.clients-nc-dialog-multi-row div {
    position: relative;
}

.clients-nc-dialog .uni-checked, .clients-nc-dialog .uni-unchecked {
    position: absolute;
    top: 0;
    left: 100px;
}

.clients-nc-dialog label.error {
    margin: 5px 0 0 0;
    /*display: none !important;*/
}

.units {
    position: absolute;
}

.clients-nc-dialog .units {
    margin-left: 200px;
}

.client-projects .projects-table {
    width: auto;
}

.td-pt-project-type {
    text-align: left;
}

.td-pt-active, .td-pt-archive {
    text-align: center;
}

.fs-people-name,
.contacts-table-email,
.contacts-table-prefix,
.contacts-table-phone {
    float: left;
    max-width: 96px;
    overflow: hidden;
    line-height: 22px;
}

.contacts-table-prefix {
    max-width: 60px;
}

.contacts-table-email {
    max-width: 166px;
}

.fs-people-name {
    max-width: 150px;
}
/* Contacts */
/* Clients */

/* =Commissions */
.commission-bottom-buttons,
.commission-top-buttons {
    margin: 10px 0;
}
/* Commissions */

/* =Teams Page */
.teams-table-item {
    float: left;
    position: relative;
}

.teams-table {
    border-bottom: solid 1px #ddd;
}

    .teams-table .tr_grid_head {
        border-left: solid 1px #8dbbca;
        border-right: solid 1px #8dbbca;
    }

    .teams-table td {
        border-right: solid 1px #ddd;
        vertical-align: top;
        padding: 7px;
    }

        .teams-table td:first-child {
            border-left: solid 1px #ddd;
        }

    .teams-table .tr_grid_head td {
        text-align: left;
        border-top: solid 1px #8dbbca;
        border-bottom: 1px solid #8DBBCA;
        border-right: 0;
        background: #add8e6;
        padding: 4px 0;
        text-indent: 7px;
    }

        .teams-table .tr_grid_head td:first-child {
            border-left: solid 1px #8dbbca;
        }

        .teams-table .tr_grid_head td:last-child {
            border-right: solid 1px #8dbbca;
        }

        .teams-table .tr_grid_head td:before {
            content: '';
            margin: -4px 0;
            border-top: solid 1px #c2e2ec;
            width: 100%;
            float: left;
        }

        .teams-table .tr_grid_head td:after {
            content: '';
            margin: 4px -1px -5px;
            border-bottom: solid 1px #8dbbca;
            width: 100%;
            float: left;
        }

        .teams-table .tr_grid_head td:first-child:after {
            border-left: solid 1px #8dbbca;
        }

        .teams-table .tr_grid_head td:last-child:after {
            border-right: solid 1px #8dbbca;
            border-left: solid 1px #8dbbca;
            z-index: 1;
            position: relative;
        }

.ie8 .teams-table {
    display: none;
}

    .ie8 .teams-table .tr_grid_head td:after,
    .ie9 .teams-table .tr_grid_head td:after {
        margin-top: 6px;
        border-left: solid 1px #8dbbca;
        z-index: 1;
        position: relative;
    }

.teams-table .odd td {
    background: #f5f5f5;
}
/* Teams Page */

#pnlProjectFreeHoursDialog #txtFreeHoursDescription {
    width: 180px;
}

/* =Locations Report */
.locations-table label {
    display: inline;
    width: auto;
    margin: 0;
    line-height: inherit;
    font-weight: normal;
}

.locations-table td.td_loc_name {
    min-width: 105px;
    max-width: 300px;
}

.locations-table td.td_loc_type {
    min-width: 112px;
    max-width: 300px;
}

.locations-table td.td_loc_accessTypes {
    min-width: 168px;
    max-width: 300px;
}

.locations-table td.td_loc_client {
    min-width: 105px;
    max-width: 300px;
}

.locations-table td.td_loc_projects {
    min-width: 265px;
    max-width: 460px;
}
/* Locations Report */
.side_filter #pnlFilters {
    margin-bottom: 10px;
}

.grid .desc-of-table {
    padding-top: 5px;
}

.hyphen {
    width: 12px;
    margin: 0 2px;
    height: 2px;
    background: #ccc;
    text-indent: -999px;
    overflow: hidden;
    display: block;
}
/* =Timetracking Table */
.timetracking-table {
    margin: 20px 0 11px;
    border-bottom: solid 1px #eee;
}

    .timetracking-table .tr-no-drugable > .td-table-container > table {
        background: #f5f5f5;
    }

    .timetracking-table .tr_grid_head td {
        padding: 3px 7px 2px;
        font-weight: bold;
    }

    .timetracking-table .tr_grid_head .td-table-container {
        padding: 0;
    }

    .timetracking-table .td-cs-name {
        width: 100%;
        white-space: nowrap;
    }

    .timetracking-table .td-drop-insert {
        border: 0;
    }

    .timetracking-table .drill-button-up {
        background-image: url(../Images/Down.png);
    }

    .timetracking-table .drill-button-down {
        background-image: url(../Images/Up.png);
    }

    .timetracking-table > tbody > tr > .drill-down-button > .hyphen {
        display: none;
    }

    .grid .td-no-padding,
    .timetracking-table .td-table-container {
        padding: 0;
    }

    .timetracking-table .td-table-container {
        border-top: solid 1px #eee;
    }

.td-table-container table {
    width: 100%;
    border: 0;
    margin-top: -1px;
}

.timetracking-table td {
    font-weight: bold;
}

.timetracking-table table table td {
    border-bottom: 0;
    font-weight: normal;
}

.timetracking-table .td-cs-allocated,
.timetracking-table .td-cs-used
.timetracking-table .td-cs-estimated
{
    text-align: center;
}

.timetracking-table .td-cs-allocated-grey
{
    text-align: center;
    background-color: gainsboro;
}

.timetracking-table .td-cs-allocated-hd
{
    text-align: center;
}

.timetracking-table td {
    width: 1px;
    padding: 9px 7px;
}

.timetracking-table table td {
    border-right: 0;
    border-top: 0;
}

.timetracking-table table tr td:first-child {
    border-left: 0;
}

.timetracking-table table {
    border-collapse: collapse;
}

.grid .w-cs-used,
.grid .w-cs-estimated,
.grid .w-cs-allocated {
    width: 110px;
    text-align: center;
}

.grid .w-cs-drill-down-button,
.grid .w-cs-resources,
.grid .w-cs-used,
.grid .w-cs-allocated {
    height: 0;
    margin: 0;
}

.timetracking-table label {
    margin: 0;
    float: left;
}

.grid .w-cs-resources {
    width: 500px;
    overflow: hidden;
}

.grid .w-cs-drill-down-button {
    width: 16px;
}

.timetracking-table img {
    cursor: pointer;
}

.ui-draggable .td-cs-name,
.ui-draggable .td-cs-resources,
.ui-draggable .td-cs-allocated,
.ui-draggable .td-cs-used {
    cursor: move;
}

.timetracking-table .ui-draggable.uidroppable {
    background: #f5f5f5;
}

.timetracking-table > tbody > table {
    font-weight: bold;
}

.timetracking-table td {
    border-bottom: 0;
}

.timetracking-table .ui-draggable.uidroppable:hover td {
    background: #ccc;
}

.timetracking-table tbody tbody {
    font-weight: normal;
}

.tr-hover-drop td {
    background: #fff8c6;
}

.tr-hover-drop .td-table-container table {
    outline: solid 1px #949494;
}

.tr-hover-drop td:first-child {
    background: transparent;
}

.ico-drop-insert, .ico-drop-add {
    position: absolute;
    width: 20px;
    height: 20px;
    display: none;
    z-index: 9999;
}

.ico-drop-insert {
    /*background: url(../Images/cur/cur-move-insert.png) no-repeat 0 0;*/
    margin: -10px 0 0 10%;
}

.ico-drop-add {
    background: url(../Images/cur/cur-move-add.png) no-repeat 0 0;
    margin: -10px 0 0 10%;
}

.tr-hover-drop .ico-drop-add,
.tr-hover-drop .ico-drop-insert {
    display: block;
}

.next-component-drop .td-drop-insert {
    background: #eee;
    border: solid 1px #eee;
    padding: 2px;
}

.tr-hover-drop.next-component-drop .td-drop-insert-area {
    background: #949494;
    padding: 2px;
    width: auto;
    margin: -2px -1px -3px;
    z-index: 2;
    position: relative;
}

.alloc-hours-filters {
    width: 70%;
}

.view-by-month {
    width: 26%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .view-by-month a {
        margin-right: 10px;
    }

.view-by-version {
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
}

.timetracking-table .td-cs-cntrl div {
    width: 22px;
    text-align: center;
    font: normal 0/0 small;
}

.active-drugging-element {
    position: relative;
}

    .active-drugging-element table {
        border: 2px solid #949494;
        margin: -2px 0 -2px 0;
        position: relative;
        right: -2px;
        z-index: 1;
    }

.tr-holder {
    display: none;
}

.active-drugging-element .tr-holder {
    width: 20px;
    height: 34px;
    /*background: #939393 url(../Images/arrows-top-bottom.png) no-repeat 50% 50%;*/
    position: absolute;
    margin: 0 0 -40px -18px;
    display: block;
    z-index: 1;
}
/* Timetracking Table */

/* AutoMate Ad Report*/
.active-step {
    font-weight: bold;
}

/* =Paymernt report */
.list-labels-box {
    clear: both;
    border: 0;
    padding-bottom: 10px;
}

    .list-labels-box .list_labels {
        text-align: left;
        margin-left: -20px;
    }
/* Paymernt report */

/* =Wizard */
.wizard {
    width: 100%;
    display: table;
    margin-bottom: 30px;
    clear: both;
}

    .wizard .wizard-step:first-child {
        border-left: solid 1px #d9dde0;
    }

.wizard-step {
    padding: 9px 0 7px 0;
    display: table-cell;
    position: relative;
    text-align: center;
    font: bold 16px Tahoma, Geneva, sans-serif;
    width: 20%;
    border: solid 1px #d9dde0;
    border-left: 0;
    color: #000;
    background: #f3961c; /* default background for browsers without gradient support */
    /* css3 */
    background: #fdfefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2YwZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWVhZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fdfefe 0%, #f7f8f9 50%, #f0f3f5 51%, #e5eaed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfefe), color-stop(50%,#f7f8f9), color-stop(51%,#f0f3f5), color-stop(100%,#e5eaed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* IE10+ */
    background: linear-gradient(top, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfefe', endColorstr='#e5eaed',GradientType=0 ); /* IE6-8 */
}

.wizard:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 49px;
    box-shadow: rgba(0,0,0,.1) 1px 2px 2px;
    height: 1px;
    text-indent: -999px;
    overflow: hidden;
    background: transparent;
    z-index: 5;
    left: 0;
}

.active-step.wizard-step:after,
.active-step.wizard-step {
    color: #fff;
    border-color: #1a74ff;
}

.active-step.wizard-step {
    background: #6ea7ff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlYTdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU5OTlmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzRmOTNmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTg1ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #6ea7ff 0%, #5999fc 50%, #4f93fb 51%, #3985f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ea7ff), color-stop(50%,#5999fc), color-stop(51%,#4f93fb), color-stop(100%,#3985f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* IE10+ */
    background: linear-gradient(top, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea7ff', endColorstr='#3985f8',GradientType=0 ); /* IE6-8 */
}

    .active-step.wizard-step:after {
        background: #6ea7ff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNmVhN2ZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTk5OWZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjNGY5M2ZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5ODVmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(-45deg, #6ea7ff 0%, #5999fc 50%, #4f93fb 51%, #3985f8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#6ea7ff), color-stop(50%,#5999fc), color-stop(51%,#4f93fb), color-stop(100%,#3985f8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* IE10+ */
        background: linear-gradient(-45deg, #6ea7ff 0%,#5999fc 50%,#4f93fb 51%,#3985f8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea7ff', endColorstr='#3985f8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    }

    .active-step.wizard-step .wizard-num {
        color: #000;
        text-shadow: none;
        background: #dfecff;
    }

.wizard-num {
    background: #bec6cb;
    -webkit-border-radius: 16px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 16px; /* FF1-3.6 */
    border-radius: 16px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    min-width: 16px;
    font: bold 16px/16px Tahoma, Geneva, sans-serif;
    color: #fff;
    padding: 8px;
    display: inline-block;
    text-shadow: 0px 1px 1px rgba(0,0,0,.15); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    margin-right: 19px;
    -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35), 0px 1px 2px rgba(255,255,255,.35);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.35), 0px 1px 2px rgba(255,255,255,.35);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,.35), 0px 1px 2px rgba(255,255,255,.35);
}

.wizard-step:last-child i,
.wizard-step:last-child:before,
.wizard .wizard-step:last-child:after {
    display: none;
}

.wizard-step:before {
    content: ' ';
    float: right;
    width: 13px;
    height: 60px;
    background: #fff;
    margin: -10px -1px -18px -12px;
    position: relative;
    z-index: 6;
}

.wizard-step:after {
    content: ' ';
    float: right;
    margin-top: -10px;
    margin-right: -23px;
    width: 34px;
    height: 34px;
    background: #fff;
    border-right: solid 1px #d9dde0;
    border-top: solid 1px #d9dde0;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 0 0;
    -o-transform: rotate(45deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 0 0;
    transform: rotate(45deg);
    transform-origin: 0 0;
    background: #fdfefe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(-45deg, #fdfefe 0%, #f7f8f9 50%, #f0f3f5 51%, #e5eaed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fdfefe), color-stop(50%,#f7f8f9), color-stop(51%,#f0f3f5), color-stop(100%,#e5eaed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* IE10+ */
    background: linear-gradient(-45deg, #fdfefe 0%,#f7f8f9 50%,#f0f3f5 51%,#e5eaed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfefe', endColorstr='#e5eaed',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    position: relative;
    z-index: 8;
    box-shadow: rgba(0,0,0,.1) 1px 0 0;
}

.wizard-step i {
    display: block;
    float: right;
    margin-top: -10px;
    margin-right: -36px;
    width: 34px;
    height: 34px;
    background: #fff;
    border-right: solid 1px #d9dde0;
    border-top: solid 1px #d9dde0;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 0 0;
    -o-transform: rotate(45deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 0 0;
    transform: rotate(45deg);
    transform-origin: 0 0;
    background: #fff;
    position: relative;
    z-index: 7;
}

.wizard-step em {
    float: left;
    width: 300px;
    height: 0px;
}

.wizard-grid .payment-report-table {
    max-width: 100%;
}

.ad-wizard-button-panel {
    padding: 13px;
    background: #e8eefa;
    border: solid 1px #e2e0e0;
    text-align: center;
    margin-top: 30px;
    font: normal 0/0 small;
}

    .ad-wizard-button-panel input {
        display: inline-block;
        line-height: 16px;
        margin: 0 10px;
        min-width: 91px;
        padding-left: 5px;
        padding-right: 5px;
        overflow: auto;
    }

.automated-ad-placeholder {
    position: relative;
    clear: both;
}

.wizard-error {
    padding: 8px;
    background: #fffbe0;
    margin: 0 0 20px 0;
    text-align: center;
    border: solid 1px #eac82b;
}

.ad-wizard-error {
    display: inline-block;
    padding: 0 0 0 42px;
    font: bold 12px/34px Arial, Helvetica, sans-serif;
    color: #000;
    background: url(../Images/sign-warning.png) no-repeat 0 50%;
}

.add-new-upsell,
.add-new-milestone {
    display: block;
    margin: 0 0 20px 0;
}

.upsell-table {
    width: 100%;
}

.upsell-td-date,
.upsell-td-amount,
.upsell-td-desc,
.upsell-td-project,
.upsell-td-client {
    text-align: left;
}

.upsell-td-desc {
    width: 50%;
}

.upsell-td-cntrl {
    width: 1%;
}

.project-milestones-table {
    width: 100%;
}

    .project-milestones-table .tr_grid_head td {
        text-align: center;
        white-space: nowrap;
    }

    .project-milestones-table .td-cntrls {
        width: 1%;
    }

.form-pmi label {
    width: 110px;
}

    .form-pmi label.error {
        width: auto;
    }

.w-summary {
    margin-bottom: 20px;
}

    .w-summary .tr_grid_head td {
        text-align: left;
        padding: 4px 10px;
    }

    .w-summary td {
        padding: 10px;
    }

.td-ws-value-last {
    font-weight: bold;
}

.w-summary,
.table-w-pmsu,
.table-w-pp,
.table-w-pe,
.table-w-pr,
.table-w-pr {
    margin-bottom: 20px;
    width: 1080px;
}

.table-w-ubwo {
    width: 855px;
}

    .table-w-ubwo td,
    .table-w-pmsu td,
    .table-w-pp td,
    .table-w-pe td,
    .table-w-pr td,
    .table-w-pr td {
        padding: 4px 10px;
        text-align: left;
    }

.tr-sub-head td {
    background: #969696;
    color: #ffffff;
    font-weight: bold;
}

td.td-w-ubwo-revenue,
td.td-w-pmsu-last-client-visit,
td.td-w-pp-payment-amount,
td.td-w-pp-expected-date,
td.td-w-pp-summ,
td.td-w-pe-payment-amount,
td.td-w-pe-expected-date,
td.td-w-pe-summ,
td.td-w-pr-date-received,
td.td-w-pr-payment-amount, td.td-w-pr-summ {
    text-align: right;
    width: 1%;
    white-space: nowrap;
}

td.td-w-ubwo-expected-date,
td.td-w-pmsu-due-date {
    white-space: nowrap;
    width: 1%;
}

.tr-foot td {
    background: #eeeeee;
    font-weight: bold;
    color: #000;
}

.popup-update-upsell label {
    width: 150px;
}

    .popup-update-upsell label.error {
        width: auto;
    }

p.report-success {
    margin: 25px 0;
    text-align: center;
}

.one-button {
    text-align: center;
}
/* Wizard */
/* =Auto Reports List */
.auto-reports-list {
    min-width: 200px;
    min-height: 20px;
    float: left;
    padding: 10px 10px 5px 10px;
    background: #F5F5F5;
    border: 1px solid #E2E0E0;
}

.arl-year {
    color: #000;
    font: bold 14px/16px Arial, Helvetica, sans-serif;
    margin: 0;
}

.arl-month {
    padding: 4px 10px;
    background-color: LightBlue;
    font: bold 12px verdana,helvetica,arial,sans-serif;
    margin-top: 10px;
}

.arl-link {
    display: block;
    cursor: pointer;
    text-decoration: none;
    margin: 5px 0;
    padding: 0 10px;
}

    .arl-link .arl-date {
        color: #000;
    }

    .arl-link .arl-name {
        text-decoration: underline;
    }

    .arl-link:hover .arl-name {
        text-decoration: none;
    }

    .arl-link .arl-date {
        text-decoration: none;
        padding-right: 10px;
    }
/* Auto Reports List */
.panel-logs {
    padding: 9px 5px 5px;
    overflow: hidden;
}
/* =Payments Received */
.payments-received {
    clear: both;
    padding: 20px 0 0 0;
}

.pr-title {
    padding: 10px;
    background: #eaeaea;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}

.pr-filter {
    display: table;
    width: 100%;
}

    .pr-filter img {
        position: relative;
        top: -2px;
    }

    .pr-filter input[type="checkbox"] {
        margin: -2px 5px 0 0;
        vertical-align: middle;
    }

.pr-filter-user label,
.pr-filter-payment label {
    padding-right: 20px;
}

.pr-filter-cell {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
}

    .pr-filter-cell label {
        width: auto;
    }

.pr-filter-payment,
.pr-filter-user, .pr-filter-date {
    border: 1px dashed grey;
    padding: 8px;
    white-space: nowrap;
}

.pr-filter-payment {
    width: 100%;
}

.pr-filter-splr {
    width: 10px;
}

.pr-filter-cntrl {
    margin: 10px 0;
}

.pr-filter-date label {
    padding: 0 5px;
}

    .pr-filter-date label:first-child {
        padding: 0 5px 0 0;
    }

.pr-filter-date input[type="text"] {
    width: 135px;
    margin: -3px 0;
}

.pr-filter-caption {
    display: inline-block;
    padding-right: 40px;
}
/* Payments Received */

/* =AD Placeholder */
.ad-dashboard-placeholder {
    clear: both;
}

.adp-cell-holder {
    display: table;
    width: 100%;
}

.adp-cell {
    display: table-cell;
    vertical-align: top;
}

    .adp-cell .data-pager {
        float: none;
        width: auto;
        margin-top: 10px;
        text-align: center;
        min-width: 305px;
    }

.adp-cell-holder .grid {
    width: 100%;
}

.adp-cell-wide {
    width: 33%;
}

.adp-cell .add-new-milestone {
    float: right;
    margin: -1em 0;
}

.adp-cell-splitter {
    width: 10px;
}

.tr-sup-head td {
    background: #eaeaea;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
}

.adpc-upcoming-milestone,
.adpc-expected-payment {
    width: 37%;
}

.adpc-projects-required-updates {
    width: 26%;
}

.add-new-milestone {
    margin: 0;
}

.pr-filter-payment input[type=button] {
    margin: -3px 0;
}

.data-pager-cntrls input {
    margin: 0;
}

.data-pager-cntrls {
    float: left;
}

.url-view-payments-in-details,
.url-view-milestones-in-details,
.url-view-projects-in-details {
    float: right;
    line-height: 22px;
}
/* AD Placeholder */

/* =Panel Filters */
.panel-filters {
    min-width: 660px;
}

.flh-main, .flh-side,
.side_filter #pnlFilters .fsb-main,
.side_filter #pnlFilters .fsb-side {
    display: table-cell;
    padding: 10px;
}

.side_filter #pnlFilters .flh-side {
    vertical-align: bottom;
    width: 100%;
    padding-right: 15px;
}

.flh-archive-filter,
.flh-main {
    white-space: nowrap;
}

.side_filter #pnlFilters .flh-main {
    padding-left: 15px;
}

.flh-archive-filter input {
    margin-left: 0;
}

.flh-archive-filter {
    clear: both;
}

.side_filter #pnlFilters .fsb-main {
    font-weight: bold;
    white-space: nowrap;
}

.side_filter #pnlFilters .fsb-side {
    text-align: right;
    white-space: nowrap;
}

.filter-list-holder {
    display: table;
    width: 100%;
}

.filter-settings-box {
    display: table;
    background: #f5f5f5;
    margin: 0 0 -15px;
    width: 100%;
}

.flh-side .apply-filter-button {
    margin: 0 0 7px 5px;
    float: none;
}

.panel-filters label {
    width: auto;
}

.side_filter #pnlFilters .flh-archive-filter {
    padding: 0 0 5px 15px;
}

.popup-filter-save label {
    width: auto;
    padding-right: 5px;
}
/* Panel Filters */

/* =Expected Revenue By Person */
.col-holder {
    margin: 0 20px 20px 0;
    float: left;
}

.table-erbp {
    width: 995px;
}

.col-holder tfoot tr:nth-child(2) td {
    background: #fff;
}

.td-erbp-short-hours, .td-erbp-short-revenue,
.td-erbp-hours, .td-erbp-crate, .td-erbp-erate, .td-erbp-revenue {
    width: 90px;
}
/* Expected Revenue By Person */

/* Auto Reports List */
/* =Offline-2 */
.offline-body {
    background: #eff9ff url(../Images/offline-bg-2.jpg) no-repeat 50% 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
}

.offline {
    background: none;
    min-height: 801px;
}

.offline-message {
    width: 425px;
    left: 50%;
    margin-left: -212px;
    bottom: 0px;
    overflow: hidden;
    position: absolute;
}

.offline-img {
    float: left;
}

.offline-txt {
    float: right;
    width: 228px;
    margin: 250px 0 0 -47px;
}

.offline-title {
    text-align: center;
    font: italic 18px/24px Arial, Helvetica, sans-serif;
    margin: 0 0 14px 0;
}

.offline-link {
    margin: auto;
    display: block;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 196px;
    height: 41px;
    background: url(../Images/get-in-touch.png) no-repeat;
}

    .offline-link:hover {
        background-position: 0 100%;
    }
/* Offline-2 */

/* = */
.sp-container {
    display: table;
    margin-top: 10px;
    border-top: 1px solid #E2E0E0;
    border-right: 1px solid #E2E0E0;
}

.sp-data {
    display: table-cell;
    font: normal 0/0 small;
}

    .sp-data div {
        display: inline-block;
        padding: 5px 10px;
        font: normal 12px/16px verdana,helvetica,arial,sans-serif;
    }

.sp-period {
    background: #F5F5F5;
}

div.sp-label {
    font: bold 12px/16px verdana,helvetica,arial,sans-serif;
    background: LightBlue;
}
/* */

/* =Progress bar */
.pbh-graph {
    width: 124px;
    height: 8px;
    background: #ccc;
    border: solid 1px #acacac;
    position: relative;
}

.pbh-graph-line {
    width: auto;
    height: 8px;
    margin: -1px;
    border: solid 1px #98c974;
    background: #d3ffb2;
    position: absolute;
}

.progress-bar-holder {
    display: table;
    width: 167px;
}

.pbh-part {
    display: table-cell;
}

.pbh-label {
    width: 40px;
    text-align: right;
}
/* Progress bar */

/* =Checklist Table */
.checklist-table {
    width: 890px;
}

    .checklist-table td {
        text-align: left;
    }

.td-cht-name {
    width: 100%;
    min-width: 595px;
}

.td-chdt-name {
    width: 100%;
}

.grid td.td-cht-details {
    border: 0;
}

.td-cht-details .checklist-details-table {
    margin: -1px;
    width: auto;
}
/* Checklist Table */

.child-td-inline td {
    white-space: nowrap;
}

.grid-margin {
    margin: 20px 0 11px;
}

.worklabels-name-validation {
    margin: 0 0 0 75px;
}

*[isActive = "false"] {
    color: gray;
}

.ddl-freehours-month {
    width: 130px;
    margin: 15px 0 15px 0;
}

.pnl-total-freehours {
    font-weight: bold;
}
.ui-widget-overlay.ui-widget-overlay
{
    position:fixed;
}