/*
//Copyright 2013 Made Headway Limited
*/

/* Reset css */
/* Global styling: */
form, table, td, tr, br, img {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

html {
    overflow-y: scroll;
}

body {
    font-family: arial, sans-serif;
    min-height: 100dvh;
}

span {
    min-height: 1px;
}

input.text, textarea, select {
    font-size: 12px;
    padding: 1px 1px 1px 1px;
    border-top: 1px solid #777;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    resize: none;
}

table {
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

hr {
    border: 0;
    width: 95%;
    height: 1px;
    color: #999;
    background-color: #999;
}

label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

input[type=checkbox], input[type=radio] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


textarea {
    height: 90px;
}

button {
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    border: 1px solid #e7e7e7;
    font-size: 16px;
    padding: 4px 8px;
    margin-left: 8px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: inset 1px 1px 0 0 #fff;
    -moz-box-shadow: inset 1px 1px 0 0 #fff;
    box-shadow: inset 1px 1px 0 0 #fff;
    cursor: pointer;
}

button:hover {
    color: #cc0000;
    text-decoration: underline;
}

button[disabled] {
    color: #AAA;
}

select, input[type=text], textarea, input[type=password] {
    font-weight: normal;
    padding: 4px 8px;
    font-size: 16px;
    border: 1px solid #ccc;
}

select {
    position: relative;
    top: -2px;
}

/* Unselectable elements */
.noSel {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* Simple CSS */
#main {

}

#contents {

}

.tagline {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 5px;
    padding-bottom: 9px;
    min-height: 57px;
    color: #445;
}

#pageContent {
    min-height: 300px;
    border-top: solid 10px #46a0cc;
    border-left: solid 1px #46a0cc;
    border-right: solid 1px #46a0cc;
    border-bottom: solid 1px #46a0cc;
    background: #ffffff
}


.diamondBookTable input[type='text'].mini {
    width: 68px !important;
}

textarea#adminNotes {
    width: 100%;
}

.tagline .mainLogo {
    float: left;
    margin: 12px 5px 0px 0px;
}

.tagline .sysLogo {
    float: right;
    margin: 24px 6px 0px 0px;
}

.sysLogo .sl1, .sysLogo .sl2, .sysLogo .sl3 {
    color: #336;
    font-size: 20px;
    font-family: tahoma;
    text-align: right;
    line-height: 0.9em;
}

.sysLogo .sl2 {
    color: #3BD;
    font-size: 23px;
}

.loginpanel {
    max-width: 300px;
    margin: 0px 0px 12px auto;
}

.loginpanel h2 {
    margin: 0 0 10px 60PX;
    color: #f3a340 !important;
    /*text-shadow: 2px 2px 5px black; */
}

.loginpanel .para {
    width: auto;
    display: block;
}

.loginpanel .para button {
}

.loginpanel h2 {
    padding-bottom: 12px;
}

.loginTable {
    margin-left: auto;
    margin-right: auto;
}

.loginTable tr td {
    padding: 4px;
    vertical-align: middle;
}

.loginTable .tit, .loginpanel h2 {
    color: #fff;
    font-weight: bold;
    /*text-shadow: 2px 2px 5px black;*/
}

.loginTable input[type=text], .loginTable input[type=password] {
    color: #FFF;
    background-color: #000;
    border: 1px solid #AAA;
    width: 120px;
}

.loginpanel .optionTable {
    width: 100%;
    border-top: 1px solid #557;
    border-bottom: 1px solid #557;
}

.loginpanel .optionTable td {
    vertical-align: middle;
}

.loginpanel input, .loginpanel select {
    width: 160px;
}

/*.title .subline { font-size:13px; padding-left:14px; }*/

.baseline {
    font-size: 10px;
    color: #666;
    margin: 3px 3px 3px 3px;
    padding: 4px 4px 4px 20px;
    text-align: center;
}

.loggedInPanel {
    text-align: right;
    font-size: 14px;
    margin-top: 16px;
    color: #00A;
    border-top: 2px solid #CCD;
    padding-top: 3px;
    margin-bottom: 2px;
}

.loggedInPanel button {
    margin-left: 16px;
}

.baseline a:link, .baseline a:link, .baseline a:visited {
    color: #666;
}

.subtitle {
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 10px;
}

/*.title { display:inline-block; width:20%; color:#46A; float:left; font-size:16px; font-weight:bold;

    margin-top:6px; padding:4px 5px 2px 8px;

    border-bottom:1px solid #CCD; border-right:3px solid #CCD; }

.para { display:inline-block; width:70%; padding:5px 20px 16px 20px; font-size:12px; }

.para div.title { font-size:15px; margin-top:16px; color:#888;

    background-color:#FAFAFF; border:1px solid #CCC; border-left:8px solid #CCC; border-right:8px solid #CCC; }

.para .para { background-color:#efefef; border:1px solid #ccc; margin-bottom:8px; overflow-x:auto; }*/

.smallPrint {
    margin: 20px 10px 10px 10px;
    font-size: 10px;
}

.options ul {
    margin-top: 2px;
}

.clearer {
    clear: both;
    width: 1px;
    height: 0px;
    font-size: 0px;
}

/* Dialog styles */
.ai_dialog {
    border: 1px solid #FFF;
    font-size: 1.2em;
    background-color: #DDD;
    overflow-x: hidden;
    color: #676761;
    border-radius: 10px;
    padding-bottom: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 1);
}

.ai_dialogInnerFrame {
    padding-bottom: 4px;
}

.ai_titlebar {
    border-radius: 8px 8px 0 0;
    background-color: #46a0cc;
    /*background-image: url('images/bg_bt.jpg');*/
    background-repeat: repeat-x;
    color: #fff;
    cursor: default;
    clear: both;
    text-align: center;
    margin: 2px 2px 2px 2px;
    padding: 6px;
}

.ai_ctrlbtns {
    text-align: right;
    padding-top: 5px;
    margin-top: 7px;
    border-top: 1px solid #ccc;
}

.ai_button {
    float: right;
    width: 8px;
    height: 8px;
    margin: 4px 6px 2px 2px;
    cursor: pointer;
}

.ai_dialog_content {
    border-top: 1px solid #ccc;
    margin-bottom: 6px;
    padding: 5px 5px 5px 5px;
    line-height: 1.5em;
    border-radius: 0 0 8px 8px;
}

.ai_dialog_content div {
    color: #676761;
}

/* Calendar stuff */
.calendar {
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
}

.calendar td {
    padding: 1px 2px 1px 2px;
    border: 1px solid #FFF;
    text-align: right;
}

.calSelected {
    background-color: #e5ac24;
    color: #000;
    font-weight: bold;
    cursor: default;
}

.calInMonth {
    background-color: #4986ba;
    color: #fff;
    cursor: default;
}

.calOutMonth {
    background-color: #a0b9d3;
    color: #444;
    cursor: default;
}

/*.noScriptErrorBar*/
noscript div {
    display: block;
    border-top: 2px solid #900;
    border-bottom: 2px solid #900;

    padding: 4px 16px 4px 16px;
    margin: 2px 0px 2px 0px;
    background-color: #F99;
}

.needsScript { /* Code overrides this with style (if code exists) */
    display: none;
}


/* Menu interface */
.menuBar {
    border-bottom: 2px solid #CCD;

    height: 26px;
    overflow: visible;
}

.menuBar .item {
    height: 23px;
    font-size: 14px;
    color: #446;
    cursor: pointer;
    float: left;
    margin: 4px 0px 0px 2px;
}

.menuBar .item.selected {
    font-weight: bold;
    cursor: default;
}

.menuBar .item.selected:hover {
    text-decoration: none;
}

.menuBar .item.disabled {
    cursor: default;
    color: #AAC;
}

.menuBar .item.disabled:hover {
    text-decoration: none;
}

.ral {
    text-align: right;
}

.lal {
    text-align: left;
}

.cal {
    text-align: center;
}

.scriptLoadingBlock {
    width: 200px;
    height: 32px;
    margin-top: 16px;
    background: #FFF url('images/scriptLoad.gif') no-repeat top left;
}

/* Specific handling for UAS */

.cc_dataTable { /*padding: 1px 1px 8px 2px;*/
    margin-bottom: 8px;
    min-height: 120px;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: auto;
    background-color: #FFF;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.cc_dataTable.noScroll {
    max-height: none; /*overflow-y:auto;*/
    overflow: visible;
    background-color: #FFF;

    -webkit-touch-callout: inherit;
    -webkit-user-select: inherit;
    -khtml-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    -o-user-select: inherit;
    user-select: inherit;
}

.cc_dataTable.noScroll tr.hd td {
    background-color: #FFF;
    padding-right: 4px;
}

.cc_dataTable .ttls td {
    font-weight: bold;
    background-color: #DDD;
}

.itemsBox {
    padding-bottom: 20px;
}

.itemsBox .cc_dataTable {
    border-bottom: 1px solid #BAB9B9;
}

.cc_dataTable table {
    width: 100%;
}

.cc_dataTable td {
    padding: 4px 4px;
    font-size: 0.9em;
    border-right: 1px solid #efefef;
}

.cc_dataTable tr.hd td {
    cursor: pointer;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
    padding-right: 3px;
}

.cc_dataTable td.hd {
    cursor: pointer;
    padding-right: 3px;
    border-right: 1px solid #efefef;
}

.cc_dataTable tr.hd td.sortAsc {
    padding-right: 20px;
    /*background:url('sort_up.png') no-repeat 95% 50%; */
}

.cc_dataTable tr.hd td.sortDesc {
    padding-right: 20px;
    /*background:url('sort_down.png') no-repeat 95% 50%; */
}

.cc_dataTable .odd {
    background-color: #f5f5f5;
}

.cc_dataTable .even {
    background-color: #ffffff;
}

.cc_dataTable tr.selled td {
    background-color: #BAB9B9;
    color: #FFF;
}

.cc_dataTable tr.selled a:link, .cc_dataTable tr.selled a:visited, .cc_dataTable tr.selled a:hover {
    color: #efefef;
}

.cc_dataTable select {
    width: 100px;
    top: 0px;
}

.cc_table {
    margin-left: auto;
    margin-right: auto;
}

.cc_table tr td {
    padding: 2px 8px 2px 8px;
}

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

.cc_table textarea {
    height: 80px;
}

.cc_table input.date {
    width: 220px;
    padding: 3px 12px;

}

.cc_table select {
    width: 240px;
    padding: 3px 12px;
}

/* Menu item styling: */
.mo_left {
    float: left;
    width: 6px;
    height: 21px; /*background:url('images/tabl.png') no-repeat top left;*/
}

.mo_middle {
    float: left;
    height: 16px;
    padding: 3px 12px; /*background:url('images/tabm.png') repeat-x top left;*/
    background-color: #CCD;
    border-top: 2px solid #CCE;
    border-left: 2px solid #CCE;
    border-right: 2px solid #CCE;
}

.mo_right {
    float: left;
    width: 3px;
    height: 23px; /*background:url('images/tabr.png') no-repeat top left;*/
}

.menuBar a:link, .menuBar a:visited, .menuBar a:hover, .menuBar a {
    text-decoration: none;
}

.menuBar .item.selected .mo_left { /*background:url('images/tabl-sel.png') no-repeat top left;*/
}

.menuBar .item.selected .mo_middle { /*background:url('images/tabm-sel.png') repeat-x top left;*/
    background-color: #FFF;
}

.menuBar .item.selected .mo_right { /*background:url('images/tabr-sel.png') no-repeat top left;*/
}

.flr {
    font-family: arial;
    font-size: 12px;
    float: right;
}

.flr select {
    position: relative;
    top: 0px;
    margin-bottom: -4px;
}

.flr input, .flr select {
    width: 80px !important;
}

.regionHolder {

}

/* Dialog tabs */
.tabset {
    position: relative;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.tabset .tab {
    position: relative;
    top: 1px;
    height: 22px;
    color: #FFFFFF;
    background-color: #1EB02D;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    float: left;
    display: block;
    padding: 2px 10px 3px 10px;
    cursor: pointer;
    margin: 4px 2px 0px 2px;
    border: 1px solid #ccc;
}

.tabset .tab.selected {
    color: #000;
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
    font-weight: bold;
}

.tabContents {
    border: 1px solid #ccc;
    margin-bottom: 6px;
    overflow-y: auto;
}

.tabContents .tabContent {
    background-color: #FFF;
    color: #000;
    display: none; /*open tab overrides*/
    padding: 8px 8px 8px 8px;
}

.tabContents .tabContent.selected {
    display: block;
}

.tabContent {
    min-height: 300px;
}

.co_optionButtons {
    text-align: center;
}

.co_optionButtons div {
    display: inline-block;
}

.separable textarea {
    width: 80%;
}

.tandcs_container {
    padding: 10px 10px;
    line-height: 1.5em;
}

.tandcs_container h1 {
    margin: 0px -10px 6px -10px;
}

.confirmation {
    padding: 10px 20px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 10px;
    line-height: 1.5em;
}

.confirmation h1 {
    margin: 0px -20px 8px -20px;
}

.dd_view {
    text-align: center;
}

#cc_bookingTable td {
    white-space: nowrap;
    font-size: 11px;
}

#cc_bookingTable {
    min-height: 260px;
}

.piechartLegend {
    padding: 5px;
}

.legendLabel {
    display: inline-block;
    margin-right: 5px;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}

b.diamondStatus {
    color: #cc0000;
    font-weight: normal;
}

b.diamondStatus b {
    color: #cc0000;
}

.cc_table input[type="text"].scImportField_regex,
.cc_table input[type="text"].scImportField_name {
    width: 240px;
}

.cc_table input[type="text"].scImportField_valueMap {
    width: 150px;
}

.scfOdd td {
    background-color: #efefef;
}

b.notes {
    text-decoration: underline;
    color: #006;
    cursor: pointer;
}

.prevGenInfo {
    position: relative;
    display: inline-block;
    font-style: italic;
    padding-bottom: 8px;
    top: -6px;
    text-align: center;
    width: 245px;
    font-size: 0.9em;
}


/* NEW */
.tradeTable {
    width: 90%;
    margin: 10px auto;
}

.tradeTable tr.product td {
    border-top: 1px solid #AAA;
}

.tradeTable td {
    padding: 4px 6px;
}

.tradeTable td.field_title {
    text-align: right;
}

.tradeTable td.field_value {
    font-weight: bold;
    text-align: left;
}

.tradeTable td.title {
    font-weight: bold;
}

.itemView {
    padding: 4px 8px;
    margin: 4px 32px;
}

.thresholds {
    margin: 4px auto;
}

.thresholds td {
    padding: 4px;
    border: 1px solid #DDD;
}

.thresholds tr.hd td {
    border-bottom: 1px solid #666;
    font-weight: bold;
}


.cc_table .thresholds input[type="text"] {
    width: 80px;
}


.stockLogContainer {
    overflow-y: scroll;
    height: 260px;
    border: 1px solid #DDD;
    padding: 4px;
}

.stockLogContainer table {
    width: 100%;
}

.stockLogContainer table td {
    padding: 4px 6px;
    border: 1px solid #DDD;
}

.stockLogContainer table tr.hd td {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #444;
}

.stockLogContainer {
    overflow-y: scroll;
    height: 260px;
    border: 1px solid #DDD;
    padding: 4px;
}

.stockLogContainer table {
    width: 100%;
}

.stockLogContainer table td {
    padding: 4px 6px;
    border: 1px solid #DDD;
}

.stockLogContainer table tr.hd td {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #444;
}

#productDocuments, #brokerageOverrides, #stockItemOverrides {
    overflow-y: scroll;
    height: 200px;
    border: 1px solid #444;
    padding: 4px;
}

#productDocuments table td, #brokerageOverrides table td, #stockItemOverrides table td {
    padding: 4px;
    border-right: 1px solid #AAA;
}

#productDocuments table tr.hd td, #brokerageOverrides table tr.hd td, #stockItemOverrides table tr.hd td {
    border-bottom: 1px solid #444;
}

#productDocuments input, #brokerageOverrides input, #stockItemOverrides input {
    width: 80px;
}

.currencyDlg input.mini {
    width: 80px !important;
}


#feeCharger_applicable {
    border: 1px solid #888;
    overflow-y: scroll;
    width: 90%;
    margin: 1px auto;
    padding: 4px;
    height: 120px;
}

#feeCharger_applicable div.item {
    padding: 3px 14px;
}


#oilWellList {
    padding: 4px;
    font-size: 12px;
    border: 1px solid #888;
    margin-top: 8px;
    height: 200px;
    overflow-y: scroll;
}

#oilWellList .wellItem {
    border: 1px solid #AAA;
    padding: 2px 4px;
    margin: 1px 4px;
}

.payawaySubtitle {
    font-size: 14px;
    margin: -8px 0px 12px 32px;
}

#incomeReportContainer {
    overflow-y: scroll;
    height: 300px;
}

.ai_dialogInnerFrame a, #pwd a {
    color: #1D4F79;
}

#main-top-bar {
    width: 100%;
    height: 3px;
    background: #f3a340;
}

.importPanel {
    text-align: center;
}