﻿#detail-container {
    overflow: hidden;
}

#detail-menu {
    width:100%;
    overflow:auto;
    height: 30px;
}

#detail-menu li {
    position: relative;
    float: left;
    margin-right: 10px;
}

#detail-tabs ul li:last-child {
    margin-right: 0;
}

#detail-menu li a {
    text-decoration:none;
    color: #363430;
    font-weight: bold;
    outline: none;
    text-transform: uppercase;
}

#detail-menu li a:hover {
    color:#BF5128;
}

#detail-container .ui-tabs .ui-tabs-panel { padding: 0; }
#detail-container .ui-widget-content { background: none; }
#detail-container .ui-widget-header { background: none;border: none; padding: 0; }
#detail-container .ui-state-default, #detail-container .ui-state-active, #detail-container .ui-state-hover { background: none;border: none; }
#detail-container .ui-tabs .ui-tabs-nav li a { padding: 0 !important;}
#detail-container .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-bottom: solid 3px #BF5128 !important; }
#detail-container .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #BF5128; }

#detail-content {
    overflow: auto;
    position: relative;
    min-height: 110px;
}

#detail-content section {
    padding:10px 0;
}

#detail-content section:not(:nth-of-type(1)) {
    border-top: 1px solid #979388;
}

#detail-content table {
    margin-top: 10px;
    font-size: 1.2em;
    width: 100%;
}

#detail-content table td:not(:first-child) {
    text-align: right;
}

#vessel-updates-graph {
    width: 280px;
    height: 140px;
}

.detail-heading {
    cursor:pointer;
    border: none !important;
}

.detail-heading:hover {
    color:#BF5128;
}

.detail-heading h3,
.detail-heading .bar {
    position: relative;
    float: left;
}

.detail-heading h3 {
    display:inline-block;
    width: 100px;
}

.detail-dynamic-content {
    display: none;
    padding-top:10px;
}

.detail-dynamic-content li {
    font-size:1.2em;
    line-height:1.8em;
}

.detail-dynamic-content li span {
    display: inline-block;
    width:100px;
}

#vessel-update-details { font-size: 1em !important; }
#vessel-update-details tr th:first-child { width: 30px;padding-left: 0;}
#vessel-update-details tr th { text-align: left; padding: 3px 2px; min-width: 45px; }
#vessel-update-details tr td { padding: 2px;text-align: left !important; }
#vessel-update-details tr td:first-child { padding-left: 0; }


#flotTip {
    z-index: 9999;
    padding: 1px 10px 5px 10px;
    font-size: 0.9em;
    color: #fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #454545;
}

#charts-table th { cursor: pointer; text-align: right; padding-bottom: 5px; }
#charts-table th a { font-weight: bold;text-decoration: none; }
#charts-table th a:hover { text-decoration: none;color: #BF5128; }
#charts-table th a.ui-state-active { border-bottom: solid; }
#charts-table .footer-total { font-weight: bold; }
#charts-table .footer-total td:first-child { padding-left: 30px; }

/* Correction Status tab */

.correction-status-bar {
    width: 160px;
    background-color: #efefef;
    height: 8px;
    float: left;
    padding:1px;
}

.correction-status-bar-inner {
    height: 8px;
}

.correction-status-bar-green {
    background-color: #92C48F;
}

.correction-status-bar-yellow {
    background-color: #D8B052;
}

.correction-status-bar-red {
    background-color: #BA623D;
}

.correction-status-bar-gray {
    background-color: #CCCCCC;
}
.correction-status-bar-rtxt {
    float: left;
    position: relative;
    margin-left: 10px;
    font-weight: bold;
}

/* JQuery overrides */

.radio-np {
    width: 165px;
    height: 23px;
}

.rounded-checkbox,
.rounded-radio  {
    display: inline;
}

.rounded-checkbox .ui-button,
.rounded-radio .ui-button {
    background: none;
    border: none;
}

.rounded-checkbox .ui-icon,
.rounded-radio .ui-icon {
    background-image: url('/Content/themes/dark/images/ui-icons_28282b_256x240.png');
    background-color: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.rounded-checkbox .ui-button-text,
.rounded-radio .ui-button-text  {
    text-align: left;
}

#licenseStatus { margin-bottom: 15px; }
#licenseStatus #caption { position: relative; top:1px;margin-right: 10px; }

#stats-datepicker, #enc-report-datepicker { background: none;border: none;width: 60px;outline: none;color: #363430; }
#updates-graph-selection-loading, #updates-graph-selection { display: none; }
.ui-datepicker .ui-icon {background-image: url('/Content/themes/light-theme/images/ui-icons_363430_256x240.png') !important;}
.ui-datepicker-days-cell-over.ui-datepicker-current-day .ui-state-active { color: #fff;background: #BF5128;border-color: #BF5128; }

.stats-datepicker { float: right;position: relative;top: 3px;}
.update-stats { margin-top: 15px;margin-left: 5px; }

#edit-customer-form { font-size: 12px; }
#edit-customer-form div { margin: 2px 0; }
#edit-customer-form div * { vertical-align: middle; }
#edit-customer-form label { width: 125px;display: inline-block;margin-right: 15px;line-height: 20px; }
#edit-customer-form input[type=button] { padding: 3px 10px; }
#edit-customer-form input[type=text] { padding: 3px; }