/*LAYOUT*/

html, body, #container {
    height: 100%;
}

body > #container {
    height: auto;
    min-height: 100%;
}

html {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Arial, sans-serif;
    /*font-family: Courier;*/
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background-image: url("../images/body-background.jpg");
}

a {
    color: blue;
}

a img {
    border: none;
}

body > #wrapper {
    height: auto;
    min-height: 100%;
}

div#wrapper {
    /*width: 985px;*/
    /*width: 1065px;*/
    margin: 0px auto;
    background-color: #FFFFFF;
    /*overflow: hidden;*/
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
}

div#header {
    /*height: 85px;*/
    text-align: center;
    background-color: #F2F2F2;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
    /*overflow: hidden;*/
}

div#header h1 {
    font-size: 22px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    /*padding: 5px 0px 15px 0px;*/
}

div#header h2 {
    font-size: 18px;
    color: #666666;
    margin: 0px;
    padding: 0px 0px 15px 0px;
}

div#content {
    padding: 10px 10px 65px 10px;
    padding-bottom: 65px;
}

/*NAVIGATION*/

div#navigation {
    text-align: center;
    /*padding: 0px 0px 20px 0px;*/
    /*position: fixed;*/
    /*left: 10px;*/
    /*top: 10px;*/
    background-color: #F9F9F9;
    text-align: left;
    padding: 0px 10px;
    height: 45px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

div#navigation a {
    /*margin: 0px 5px;*/
    /*display: block;*/
}

div#navigation div.sub-nav {
    padding: 5px 0px;
    font-size: 11px;
    text-indent: 2em;
}

div#navigation table#navigation-table {
    width: 100%;
    height: 45px;
}

div#navigation table#navigation-table a {
    text-decoration: none;
}

div#navigation table#navigation-table a:hover {
    text-decoration: underline;
}

div#navigation table#navigation-table td#navigation-left {
    text-align: left;
    /*background-color: lightcoral;*/
}

div#navigation table#navigation-table td#navigation-left a {
    margin-right: 15px;
    color: #333333;
    font-weight: bold;
}

div#navigation table#navigation-table td#navigation-left a.active {
    font-weight: normal;
    font-style: italic;
}

div#navigation table#navigation-table td#navigation-left a.active:hover {
    text-decoration: none;
}

div#navigation table#navigation-table td#navigation-right {
    text-align: right;
    /*background-color: lightblue;*/
}

div#navigation table#navigation-table td#navigation-right div.username {
    
}

div#navigation table#navigation-table td#navigation-right div.logout {
    font-size: 11px;
    line-height: 100%;
}

div#navigation table#navigation-table td#navigation-right div.logout a {
    color: #333333;
}

#footer {
    height: 50px;
    background-color: #F2F2F2;
    /*width: 985px;*/
    /*width: 1065px;*/
    margin: 0px auto;
    margin-top: -50px;
    text-align: center;
}

#footer table#footer-table {
    margin: 0px auto;
    height: 50px;
    text-align: center;
    font-size: 11px;
    font-style: italic;
}

/*DEBUGGING*/

div.debugging-holder {
    position: fixed;
    top: 10px;
    right: 10px;
    /*display: none;*/
}

div.debugging {
    width: 250px;
    margin: 0px auto;
    text-align: center;
    background-color:rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    padding: 20px;
    font-size: 11px;
}

/*RESULTS*/

table.results {
    width: 100%;
    font-size: 11px;
    margin-bottom: 20px;
}

table.results-auto {
    width: auto;
    margin: 0px auto 20px auto;
}

table.results-auto tbody td:first-of-type {
    border-left: 1px solid #DDDDDD;
}

table.results-auto tbody td:last-of-type {
    border-right: 1px solid #DDDDDD;
}

table.results thead th {
    vertical-align: bottom;
    font-size: 11px;
}

table.results tbody td, table.results thead th, table.results tfoot td {
    padding: 5px 8px;
}

table.results tbody td.left, table.results thead th.left, table.results tfoot td.left {
    text-align: left;
}

table.results tbody td.right, table.results thead th.right, table.results tfoot td.right {
    text-align: right;
}

table.results tbody td.center, table.results thead th.center, table.results tfoot td.center {
    text-align: center;
}

table.results tbody td.site-total {
    background-color: #F9F9F9;
    padding-left: 15px;
}

table.results tbody tr.odd td.site-total {
    background-color: #F1F1F1;
}

table.results tbody tr.breaker td {
    background-color: #CECECE;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

div.qty {
    font-size: 12px;
}

div.amt {
    font-size: 11px;
    color: #565656;
}

div.rate {
    font-size: 10px;
    color: #565656;
}

table.results tbody tr td {
    border-top: 1px solid #DDDDDD;
}

table.results tbody tr:last-of-type td {
    /*border-bottom: 1px solid #DDDDDD;*/
}

table.results tfoot tr td.total-total {
    background-color: #F1F1F1;
    padding-left: 15px;
}

table.results tfoot tr.total td {
    background-color: #F1F1F1;
}

table.results thead tr th.total-total {
    padding-left: 15px;
}

table.results tfoot tr td {
    border-top: 1px solid #DDDDDD;
    /*border-bottom: 1px solid #DDDDDD;*/
    font-weight: bold;
}

table.results {
    border-bottom: 1px solid #DDDDDD;
}

table.results tr.odd td {
    background-color: #F9F9F9;
}

table.summary tbody tr.odd td {
    background-color: #F9F9F9;
}

table.results thead tr.block-title th {
    background-color: #cecece;
    padding: 5px 10px;
    font-size: 13px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

/*SUMMARY*/

table.summary {
    margin: 0px auto;
    text-align: center;
    margin-bottom: 40px;
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
    font-size: 13px;
}

table.summary thead th {
    background-color: #F1F1F1;
    vertical-align: bottom;
}

table.summary thead th.force-right {
    text-align: right;
}

table.summary thead th, table.summary tbody td, table.summary tfoot td {
    padding: 5px 10px;
}

table.summary thead th.no-top {
    padding-top: 0px;
}

table.summary tbody tr td {
    border-top: 1px solid #DDDDDD;
}

table.summary tbody tr td.left, table.summary thead tr th.left, table.summary tfoot tr td.left {
    text-align: left;
}

table.summary tbody tr td.right, table.summary thead tr th.right, table.summary thead tr td.right, table.summary tfoot tr td.right {
    text-align: right;
}

table.summary tbody tr:last-of-type td {
    /*border-bottom: 1px solid #DDDDDD;*/
}

table.summary tfoot tr.total td {
    background-color: #F1F1F1;
    font-weight: bold;
    border-top: 1px solid #DDDDDD;
}

table.summary tbody td.row-total {
    font-weight: bold;
}

table.summary thead tr.block-title th {
    background-color: #cecece;
    padding: 5px 10px;
    font-size: 14px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

div.small-normal {
    font-size: 11px;
    font-weight: normal;
}

table.summary-top {
    margin-bottom: 60px;
}

/*NO RESULTS*/

div.no-results {
    text-align: center;
    padding: 10px 0px;
    font-style: italic;
}

div.loading {
    background-image: url('/images/ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 32px;
    padding-bottom: 20px;
}

div#data-holder.loading {
    background-position: center bottom;
    margin-bottom: 20px;
    padding-bottom: 52px;
}

span.red {
    color: red;
}

span.green {
    color: green;
}

span.bold {
    font-weight: bold;
}

div.scroller {
    overflow: auto;
    margin-bottom: 20px;
}

div.scroller table.results {
    margin-bottom: 0px;
}

.normal {
    font-weight: normal;
}

.italic {
    font-style: italic;
}

div.top-header {
    font-size: 13px;
}

div.abandon {
    background-color: lightgoldenrodyellow;
}

div.date {
    
    font-size: 10px;
}

div.date span {
    font-style: italic;
}

div.key {
    white-space: nowrap;
}

/*COMMISSION CONFIG*/
div.commission-config {
    overflow: hidden;
    padding: 0px 50px;
}

div.commission-config h3 {
    text-align: center;
}

div.float-holder {
    overflow: hidden;
}

div.float-holder h4 {
    text-align: center;
}

div.float-holder div.active {
    float: left;
    width: 350px;
    padding-bottom: 50px;
}

div.float-holder div.inactive {
    float: right;
    width: 400px;
    padding-bottom: 50px;
}

div.float-holder div.results {
    padding-bottom: 50px;
}

div.float-holder div.results div.item {
    border: 1px solid #CECECE;
    width: 325px;
    padding: 5px 5px 5px 20px;
    background-image: url('/images/reorder-handle.png');
    background-position: left 3px;
    background-repeat: no-repeat;
    margin: 0px auto 5px auto;
    cursor: move;
    background-color: #FFFFFF;
}

div.float-holder div.inactive div.item {
    background-color: #EEEEEE;
}

p.result-count {
    text-align: center;
}

div.lookup {
    margin-bottom: 30px;
    text-align: center;
}

div.lookup label {
    font-weight: bold;
    margin-right: 5px;
}

div.no-results {
    text-align: center;
}

div.commission-config div.item-form {
    overflow: hidden;
    padding-top: 5px;
}

div.commission-config table.item-form-table {
    font-size: 11px;
    float: right;
}

div.commission-config table.item-form-table td.label {
    text-align: right;
    font-weight: bold;
}

div.commission-config table.item-form-table td input.text {
    width: 85px;
    text-align: right;
    font-size: 11px;
}

div#inactive div.item-form {
    display: none;
}

div#active span.item-name strong {
    font-weight: normal !important;
}

div.top-link {
    padding-bottom: 20px;
}

ol.no-padding {
    padding-left: 2em;
    margin: 5px 0px;
}

ol.no-padding li {
    color: #565656;
    font-size: 10px;
}

ol.no-padding li span {
    font-size: 11px;
    color: #000000;
}

/*CHOSEN*/
select.chosen {
    padding-right: 10px;
}

.chosen-container {
    font-size: 12px;
    text-align: left;
}

.chosen-container-multi .chosen-choices {
    padding-right: 5px;
}

.chosen-container-multi .chosen-choices .search-choice {
    font-size: 11px;
}

.chosen-container .chosen-results {
    font-size: 11px;
}

.chosen-container .chosen-results li {
    /*white-space: nowrap;*/
}

/*MONTH SELECTOR*/
div#month-selector-holder {
    float: right;   
    position: relative;
}

div#month-selector-holder input {
    width: 100px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-family: Arial, sans-serif;
    height: 26px;
    line-height: 26px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    /*background-color: #FFFFFF;*/
    background-color: transparent;
    padding: 0px 8px 0px 8px;
    cursor: pointer;
}

div#month-selector-drop {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('multiple-select.png') left top no-repeat;
    /*background-color: red;*/
    z-index: -1;
}



/*SITE-SELECTOR*/
#set-filter-button {
    /*border: 1px solid red;*/
    float: right;
    padding-left: 10px;
    padding-top: 4px;
}

div#site-selector-updated {
    /*text-align: center;*/
    /*padding: 0px 0px 35px 0px;*/
    /*padding: 0px 0px 20px 0px;*/
    padding: 0px 10px 0px 0px;
    float: right;
}

div#site-selector-updated .ms-choice {
    border: 1px solid #CCCCCC;
    height: 28px;
    line-height: 28px;
}

div#site-selector {
    text-align: center;
    /*padding: 0px 0px 35px 0px;*/
    /*padding: 0px 0px 20px 0px;*/
    padding: 0px 20px 0px 0px;
    float: right;
}

div#site-selector label {
    font-size: 11px;
    font-weight: bold;
}

div.clear-filter-link {
    font-size: 10px;
    padding: 3px 0px 0px 0px;
}

/*LABOR*/
div.labor-block {
    margin-bottom: 40px;
}

table.labor {
    /*margin-bottom: 40px;*/
    margin-bottom: 15px;
}

div.back-to-top {
    text-align: center;
    font-size: 11px;
}

span.normal {
    font-weight: normal;
}

span.italic-gray {
    font-style: italic;
    font-weight: normal;
    color: #565656;
}

span.gray {
    color: #565656;
}

/*LOGIN*/
div#login-intro {
    padding: 30px 0px 10px 0px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    /*font-weight: bold;*/
}

table.login-form-table {
    margin: 0px auto;
    padding: 20px 0px;
}

table.login-form-table td {
    padding: 0px 0px 5px 0px;
    vertical-align: top;
}

table.login-form-table td.label {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 3px;
}

table.login-form-table td.input {
    text-align: left;
}

table.login-form-table td.submit {
    text-align: center;
    padding-top: 5px;
}

table.login-form-table td span.lookup-error {
    font-size: 11px;
    color: red;
    display: block;
}

/*COMPS*/
div.comps {
    overflow: hidden;
}

div.comps div.comp-left {
    float: left;
    width: 50%;
}

div.comps div.comp-right {
    float: right;
    width: 50%;
}

div.comp-statement {
    font-size: 16px;
    padding-bottom: 20px;
}

div.comp-statement span.comp-vs {
    font-size: 13px;
    color: #565656;
    padding: 0px 2px;
    /*font-weight: bold;*/
}

div.comp-statement span.comp-to {
    font-size: 12px;
    color: #565656;
}

div.comp-statement div.comp-details {
    font-size: 11px;
    font-style: italic;
}

div.comp-holder {
    overflow: hidden;
}

div.comp-percentage {
    font-size: 10px;
}

div.comp-percentage span.comp-asterix {
    color: #565656;
}

div.comp-red {
    color: red;
}

div.comp-green {
    color: green;
}

div.comp-opposites-note {
    text-align: center;
    font-size: 12px;
    padding: 20px 0px;
    font-style: italic;
}

span.comp-red {
    color: red;
}

span.comp-green {
    color: green;
}

div#response-message {
    text-align: center;
    font-style: italic;
    color: #565656;
    font-size: 11px;
    padding-bottom: 10px;
}

div#message-holder {
    text-align: center;
    font-style: italic;
    color: #565656;
    font-size: 11px;
}

div#message-holder div#file-message {
    padding-bottom: 20px;
}

div#message-holder div#file-message span.load-time {
    font-size: 10px;
}

div#run-holder {
    text-align: center;
}

/*CACHE FILES*/
div#cache-files-holder {
    position: absolute;
    right: 10px;
    /*bottom: 10px;*/
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background-color: rgba(250, 250, 250, 0.95);
    max-height: 450px;
    overflow: auto;
    /*overflow: hidden;*/
    padding-right: 10px;
    z-index: 2;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 15px 20px 10px 25px;
    display: none;
}

div#excel-files-holder {
    position: absolute;
    left: 10px;
    /*bottom: 10px;*/
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background-color: rgba(250, 250, 250, 0.95);
    max-height: 450px;
    overflow: auto;
    /*overflow: hidden;*/
    padding-right: 10px;
    z-index: 2;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 15px 20px 10px 25px;
    display: none;
}

div#cache-files-holder div.empty-queue {
    font-size: 11px;
    font-style: italic;
    padding-bottom: 5px;
}

ul.cache-files {
    padding: 0px;
    margin: 0px;
}

ul.cache-files li {
    text-align: left;
    font-size: 11px;
    line-height: 100%;
    margin-bottom: 5px;
}

ul.cache-files li.processing {
    opacity: 0.6;
    font-style: italic;
}

ul.cache-files li div.cache-filename {
    line-height: 100%;
    white-space: nowrap;
}

ul.cache-files li div.cache-filename a {
    color: #000000;
    text-decoration: none;
}

ul.cache-files li div.cache-filename a:hover {
    text-decoration: underline;
}

ul.cache-files li div.cache-filename span.site-list {
    font-size: 10px;
    display: block;
}

ul.cache-files li div.cache-filetime {
    font-size: 10px;
    color: #565656;
}

div.excel-holder {
    /*display: inline;*/
    /*float: right;*/
    position: absolute;
    left: 10px;
    bottom: 55px;
}

div.excel-holder a {
    /*margin-right: 5px;*/
    color: #565656;
    font-weight: normal;
    text-decoration: none;
}

div.queue-holder {
    /*display: inline;*/
    /*float: right;*/
    position: absolute;
    right: 10px;
    bottom: 55px;
}

div.queue-holder a {
    /*margin-right: 5px;*/
    color: #565656;
    font-weight: normal;
    text-decoration: none;
}

span#queue-text {
    /*margin-right: 5px;*/
}

span.queue-number {
    background-color: red;
    color: #FFFFFF;
    margin-left: 5px;
    padding: 1px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 11px;
    vertical-align: middle;
    font-weight: bold;
    background-color: lightskyblue;
}

span.pending-queue {
    background-color: lightslategray;
}

span.completed-queue {
    background-color: lightskyblue;
}

table#recipients {
    width: 100%;
}

table#recipients td {
    text-align: center;
}

table#recipients tbody td,
table#recipients thead th,
table#recipients tfoot td {
    padding: 8px 8px;
}

table#recipients thead th {
    font-size: 11px;
    vertical-align: bottom;
}

table#recipients tbody tr td {
    border-top: 1px solid #dddddd;
}

table#recipients {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    padding-top: 10px;
}

table#recipients tbody tr.odd td {
    background-color: #F9F9F9;
}

table#recipients tbody tr.inactive-row td {
    opacity: 0.5;
}

table#recipients tbody tr td.opaque {
    opacity: 1;
}

table#recipients input.recipient {
    width: 200px;
}

p.recipient-instructions {
    font-size: 11px;
    font-style: italic;
}

table.details {
    width: 100%;
}

table.results tbody td table.details td {
    padding: 1px 3px
}

table.results tbody td table.details tr:first-of-type td {
    border-top: none;
}

span.normal {
    font-weight: normal;
}

div.lookup-small {
    font-size: 12px;
    font-weight: normal;
}

div.lookup-results div.lookup-block {
    padding-bottom: 30px;
}

div.lookup-results h2 {
    text-align: center;
    padding-bottom: 10px;
}

div#lookup-form table.login-form-table {
    padding-top: 0px;
    padding-bottom: 30px;
}

p.lookup-empty {
    text-align: center;
    font-style: italic;
}

table.login-form-table td span.lookup-help {
    font-size: 11px;
    display: block;
    font-style: italic;
}

div.lookup-clear {
    padding-top: 5px;
    font-size: 11px;
}

a.jump-to {
    color: #000000;
}

table.results tr.crossover-highlight td {
    background-color: lightgoldenrodyellow;
}

table.redemption-table {
    padding-top: 20px;
}

#data-holder {
    padding-top: 10px;
}

#export-form {
    text-align: center;
}

div.export-error {
    text-align: center;
    color: red;
    padding-bottom: 10px;
}

div.bonus-holder {
    text-align: center;
    padding: 10px 0px;
}

div.bonus-holder p {
    font-size: 11px;
    font-style: italic;
    margin: 0px;
}

div.detail-links {
    padding: 10px 0px;
    font-size: 11px;
    text-align: center;
}

div.detail-links a {
    margin: 0px 5px;
}

div.details-holder {
    padding-top: 30px;
}

span.bonus-small {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

#leaderboard {
    font-size: 12px;
}

#leaderboard th {
    text-align: right;
    /*font-size: 10px;*/
    /*font-weight: normal;*/
    font-size: 11px;
    vertical-align: bottom;
}

#leaderboard th.left {
    text-align: left;
}

#leaderboard td {
    text-align: right;
}

#leaderboard td.dataTables_empty {
    text-align: center;
}

#leaderboard td.left {
    text-align: left;
    font-size: 11px;
}

#leaderboard tr.group td.intro {
    font-size: 11px;
}

#leaderboard tr.group td {
    text-align: right;
    /*font-weight: bold;*/
    font-style: italic;
    background-color: #EFEFEF;
    /*color: #333333;*/
}

#leaderboard tr.site-group td {
    background-color: #f9f9f9;    
    font-weight: normal !important;
}


#leaderboard th.stat-label {

}

#leaderboard th.stat-label span {
    display: block;
}

#leaderboard tfoot td {
    font-weight: bold;
}

#leaderboard div.employee-code {
    font-size: 11px;
}

#leaderboard span.header-sub {
    display: block;
}

.dataTables_filter {
    padding-bottom: 5px;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 10px;
    font-size: 11px;
    text-align: center;
    float: none !important;
}

.value-benchmark {
    color: #565656;
}

/*COLORS*/
.red {
    color: red;
}

.green {
    color: green;
}

.black {
    color: black;
}

td.max {
    background-color: #FFFFCC !important;
    /*border-left: 1px solid #ddd;*/
    /*border-right: 1px solid #ddd;*/
}


/*BENCHMARK CONFIG*/
#date-range.fix-datepicker-height {
    height: auto;
}

table#benchmarks {
    width: 100%;
}

table#benchmarks td, table#benchmarks th {
    text-align: center;
    padding: 8px;
}

table#benchmarks td input.bench {
    text-align: center;
    border: 1px solid #CECECE;
    font-family: Arial, sans-serif;
    padding: 5px;
}

table#benchmarks td.submit {
    text-align: center;
    padding: 20px 0px;
}

table#benchmarks tr.odd td {
    background-color: #F9F9F9;
}

table#benchmarks td {
    border-top: 1px solid #dddddd;
}

table#benchmarks th.right,
table#benchmarks td.right {
    text-align: right;
}

p.benchmark-instructions {
    font-size: 11px;
    font-style: italic;
    padding-bottom: 10px;
}


/*LOG FILTERING*/

#log-filter {
    padding: 20px 0px;
}

#log-filter .ms-choice {
    border: 1px solid #CCCCCC;
    height: 28px;
    line-height: 28px;
}

.filter-date {
    width: 60px;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    padding: 0px 8px;
    color: #999;
    color: #444;
    text-align: center;
}

span.each-filter {
    padding-right: 10px;
}

span.first-date-filter {
    padding-left: 10px;
}

span.each-filter label {
    font-size: 11px;
    padding-right: 3px;
    font-weight: bold;
}

.dataTables_info, .dataTables_paginate {
    font-size: 11px;
    padding-top: 5px;
}

.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}

.log-table {
    padding-top: 10px;
}

#activity-log-holder .dataTables_info {
    width: 60%;
    float: left !important;
    text-align: left;
    clear: none;
    padding-top: 10px !important;
}

#activity-log-holder .dataTables_wrapper .dataTables_paginate .paginate_button:active,
#activity-log-holder .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#activity-log-holder .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
    border: none !important;
    padding-top: 10px !important;
}

#activity-log-holder .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #333 !important;
}

#activity-log-holder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #666 !important;
}

#activity-log-holder .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}

#activity-log-holder .dataTables_wrapper .dataTables_paginate {
    padding-top: 0px;
}

.log-filter-float {
    float: right;
}

#log-filter-submit {
    padding-left: 10px;
    padding-top: 4px;
}

td.link {
    cursor: pointer;
}

.myQTip {
    /*color: red !important;*/
    max-width: 800px !important;

}

div.tooltip-holder {
    padding: 10px;
    max-height: 600px;
    overflow: auto;
}

div.tooltip-error {
    text-align: center;
    color: red;
}

div.tooltip-body {
    text-align: center;
}

div.tooltip-employee {
    font-size: 12px;
    font-weight: bold;
}

div.tooltip-site {
    padding-bottom: 10px;
}

div.tooltip-body span.small {
    font-size: 10px;
}

div.tooltip-empty {
    padding: 10px;
}

table.activity {
    margin: 0px auto;
}

table.activity th {
    border-bottom: 1px solid #111;
    padding: 5px;
}

table.activity td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

table.activity tr.odd td {
    background-color: #F9F9F9;
}

.force-left {
    text-align: left !important;
}

div.dollar-small {
    font-size: 11px;
}

td.total {
    font-weight: bold;
    background-color: #fafafa;
    /*background-color: red;*/
}

tr.odd td.total {
    background-color: #f1f1f1;
    /*background-color: pink;*/
}

div.totals-note {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
}

a.details-link {
    text-decoration: none;
    color: inherit;
}

.dataTables_info {
    display: none;
}

.dt-buttons {
    margin-top: 20px;
}

tr.hide td {
    color: red !important;
}

tr.total-liability td {
    font-size: 14px !important;
}

div.variance-value {
    font-weight: bold;
}

div.variance-red {
    color: red;
}

div.variance-green {
    color: green;
}

div.variance-vs {
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
}

ul.employee-items {
    padding-left: 20px;
    margin: 3px 0px;
    list-style-position: inside;
}

td.rank {
    font-weight: bold;
    text-align: center !important;
}

div.top-links {
    padding-bottom: 12px;
}

div.top-links a {
    margin-right: 12px;
}

h2.subtitle {
    margin: 0px;
    color: #565656;
}

#leaderboard td.small-center {
    font-size: 11px;
}

#display-toggle-holder {
    padding-top: 10px;
}

#commission-holder.collapse table#leaderboard td.collapse,
#commission-holder.collapse table#leaderboard th.collapse {
    display: none;
}

#commission-holder.collapse table#leaderboard tr.group td.left {
    font-style: normal;
    text-align: left;
}

#commission-holder.collapse table#leaderboard tr.row-collapse {
    display: none;
}

#commission-holder.collapse table#leaderboard tbody td {
    background-color: #fafafa !important;
}

div.adp-block {
    padding-bottom: 15px;
}

input.date {
    text-align: center;
    border: 1px solid #CECECE;
    font-family: Arial, sans-serif;
    padding: 5px;
    width: 95px;
    margin-right: 1em;
}

input.date:last-of-type {
    margin-right: 0px;
}

div.download-block {
    padding-bottom: 20px;
}