html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #000;
  color: #EEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#titlebkg {
  height: 85px;
  width: 100%;
  min-width: 100%;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  color: White;
  background-color: #000;
}
#titlebkg img {
  margin-top: 6px;
}
#title-info {
  float: right;
  border: none;
  color: #DDD;
  margin: 1em 2em;
}
#title-info td {
  color: #64b7db;
  font-size: 12px;
}
#title-info tr td:first-child {
  padding-right: 1em;
  color: #2B8DB8;
  font-weight: bold;
}
#title-info a {
  color: #64b7db;
  text-decoration: underline;
}
#container {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0 auto;
  padding: 0px;
  width: 100%;
  height: auto !important;
  min-height: 100%;
}
#content {
  position: relative;
  margin: 0px 1em 0px 12px;
  padding: 0px 0px 1em 0px;
  height: 100% !important;
  min-height: 100%;
  background-color: #000;
}
#footer {
  position: absolute;
  bottom: 0px;
  right: 1em;
  padding: 0px;
  font-size: 11px;
  text-align: right;
  width: 100%;
  clear: both;
}
fieldset {
  background-color: #161616;
  border: thin solid #444;
  float: none;
  width: auto;
  height: auto;
  padding: 0px 1em 1em;
  margin: 0px;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
fieldset h2 {
  margin-top: 2em;
  color: cadetblue;
  font-size: 11px;
}
legend {
  color: #3CB3CF;
  font-weight: bold;
  padding: 0px 0.5em 0.5em;
}
p.clear {
  clear: both;
}
p.section-spacer {
  clear: both;
  margin: 0px 0px 1px;
}
b {
  color: #3CB3CF;
}
.bbl {
  color: #336699;
}
a:link {
  color: #003366;
  text-decoration: none;
}
a:visited {
  color: #003366;
  text-decoration: none;
}
a:hover {
  color: #336699;
  text-decoration: underline;
}
td {
  font-size: 12px;
  vertical-align: top;
}
td,
th {
  padding: 0px;
  line-height: 1.4em;
  font-size: 11px;
}
select {
  height: 20px;
  padding-left: 2px;
  -webkit-appearance: none;
  background: url(/images/select-arrow.png) no-repeat right #ddd;
}
select,
input {
  background-color: #161616;
  border: thin solid #a9a9a9;
  color: #DDD;
  font-size: 11px;
}
select:disabled,
input:disabled {
  color: transparent;
  border-color: gray;
}
select[name='portfolio'] {
  color: #FF6600;
}
input {
  text-align: right;
  padding: 0px 2px;
  height: 18px;
}
input[type="submit"],
input[type="button"] {
  background-color: #bf6204;
  border-style: outset;
  color: #FFF;
  padding: 1px 6px 1px;
  height: 20px;
  cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #cf7214;
}
tr.roll-row-hlt,
tr.roll-row-hlt input,
tr.roll-row-hlt select {
  background-color: #3C3C3B;
}
tr.rollpars-row-hlt,
tr.rollpars-row-hlt input,
tr.rollpars-row-hlt select {
  background-color: #3070CF;
}
#rollpars-applyall {
  margin: 0px 2px -2px 0px;
  vertical-align: bottom;
}
.tooltip-hide {
  visibility: hidden;
}
#global-fieldset label {
  color: #FF6600;
  margin-left: 4px;
}
#global-fieldset div {
  float: left;
  padding: 1ex;
}
#global-fieldset div:first-child {
  padding-left: 0px;
}
#global-fieldset .file-menu-btn.ui-button-icon-only {
  margin-left: .8ex;
  border: 1px solid gray !important;
  background: #333 !important;
  height: 18px;
  width: 2em;
  margin-top: -2px;
}
#global-fieldset div#dategroup {
  padding: 0px;
  float: right;
  line-height: 14px;
}
#global-fieldset div#runsim-container {
  position: relative;
  width: 90px;
  height: 31px;
  padding-right: 0px;
}
#global-fieldset div#runsim-container input {
  position: absolute;
  bottom: 4px;
  right: 0px;
}
#benchmarks {
  margin-bottom: 0px;
}
#benchmarks label {
  color: #FF6600;
}
#benchmarks input[type='checkbox'] {
  height: auto;
  margin: 4px 0px 0px 3ex;
  vertical-align: text-bottom;
}
#benchmarks #index-refresh-btn {
  margin-left: 3ex;
}
#benchmarks input#idx_1 {
  margin-left: 0px;
}
select[name^='benchmark'] {
  width: 70px;
}
#daterange {
  width: 80px;
}
select.rollcal-mktmo {
  width: 112px;
  padding: 2px;
}
select.postype {
  min-width: 65px;
}
select.rebal-when {
  width: 55px;
}
#portf-specs input[type="text"] {
  margin-left: 0px;
  position: relative;
  top: -3px;
}
#portf-specs input[type="radio"] {
  margin-left: 2ex;
  padding-left: 0px;
}
#portf-specs td span {
  margin-left: 0px;
  position: relative;
  top: -5px;
}
#contracts {
  border-collapse: collapse;
  border-spacing: 0px;
  margin-top: 1em;
}
#contracts select,
#contracts input {
  border: none;
}
#contracts thead tr {
  vertical-align: middle;
  border-bottom: 1px solid lightyellow;
}
#contracts thead th:last-of-type {
  color: #ade5df;
  text-align: left;
  padding: 0px 1ex 1px 0px;
}
#contracts tbody tr {
  border-bottom: thin solid #a9a9a9;
}
#contracts tbody tr#spacer {
  height: 1ex;
  border: none;
}
#contracts th {
  padding: 0px 1ex;
  text-align: center;
  padding-bottom: 3px;
}
#contracts th:nth-child(-n+2) {
  border-bottom: 1px solid #161616;
}
#contracts th:nth-child(n+3) {
  color: lightyellow;
}
#contracts th:nth-child(n+7) {
  color: #e9fdd6;
}
#contracts th:nth-child(6),
#contracts th:nth-child(10) {
  color: #EAD01C;
}
#contracts th:nth-child(7) {
  padding-left: 3ex;
}
#contracts th:nth-child(11) {
  color: #ade5df !important;
}
#contracts th:nth-child(n+11) {
  padding: 0px 2px 1px;
  color: #8cdeed;
}
#contracts th:nth-child(9) {
  text-align: right;
}
#contracts th:nth-child(10),
#contracts td:nth-child(10) {
  padding: 0px 3ex !important;
}
#contracts td.td-spacer {
  padding: 0px 1.5ex;
}
#contracts td.group-header {
  border: none !important;
  color: #b2f0b2;
  padding-top: 1ex;
}
#contracts td:first-child {
  visibility: hidden;
  text-align: right;
  padding-right: 1ex;
}
#contracts td:nth-child(2) {
  text-align: right;
}
#contracts td:nth-child(n+3) input,
#contracts td:nth-child(n+3) select {
  color: lightyellow;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contracts td:nth-child(2),
#contracts td:nth-child(5) {
  border-left: thin solid gray;
  border-right: thin solid gray;
}
#contracts td:nth-child(6) {
  color: lightyellow;
  padding-right: 1ex;
}
#contracts td:nth-child(n+7) {
  padding-left: 2ex;
  padding-right: 1ex;
  text-align: right;
  color: #f5ffc7;
}
#contracts td:nth-child(8) {
  text-align: right;
  padding-right: 4ex;
}
#contracts td:nth-child(11) {
  border-left: thin solid gray;
  border-right: thin solid gray;
}
#contracts td:nth-child(n+11) {
  padding: 0px 0px;
  text-align: left;
}
#contracts td:nth-child(n+11) input {
  color: #8cdeed;
}
#contracts td:nth-child(11) select {
  color: #ade5df;
}
#contracts input[type='text'] {
  text-align: left;
  margin: 0px;
}
#contracts input[name^='alloc_wt'],
#contracts td[id^='ct_actwt'] {
  text-align: right;
  color: #EAD01C !important;
}
#contracts tr.total-row {
  border: none;
}
#contracts tr.total-row td {
  border: none;
  color: white;
}
#contracts input.roll-month {
  width: 28px;
  text-align: center;
}
#contracts a.roll-pars {
  cursor: pointer;
  color: #ade5df;
}
#contracts button.delrow-btn {
  height: 18px;
  width: 10px;
  margin-top: -10px;
}
#contracts button.delrow-btn.ui-state-hover,
#contracts button.delrow-btn.ui-state-focus {
  background: none;
}
#total_wt,
#cash_wt,
#grandtotal_wt {
  text-align: right;
  padding-right: 1ex;
}
#grandtotal_wt,
#grandtotal_qty,
#grandtotal_val,
#grandtotal_actwt {
  font-weight: bold;
  border-top: thin solid gray;
}
#total_wt,
#grandtotal_wt,
#total_qty,
#grandtotal_qty,
#total_val,
#grandtotal_val,
#total_actwt,
#grandtotal_actwt {
  padding-left: 4px;
}
#rebal-table {
  margin: -6px 0px 0px 1em;
}
#rebal-table td {
  vertical-align: baseline;
}
#rebal-table input[type="radio"] {
  height: auto;
  padding: 0px;
  margin: 3px 3px 0px;
  position: relative;
  bottom: -2px;
}
#M_suf {
  position: relative;
  top: -4px;
}
#result-tabs h2 {
  color: #e3d294;
  font-size: 14px;
  margin: 4px 0px 8px;
}
#result-tabs #tab-performance h2 {
  margin-top: 20px;
}
#result-tabs form h2 {
  color: #FF6600;
}
.scroll-table {
  border-collapse: collapse;
  border-spacing: 0px;
  table-layout: fixed;
  width: auto;
  background-color: #161616;
}
.scroll-table thead tr {
  position: absolute;
  top: 0px;
  left: 0px;
  border-bottom: thin solid #F6F29C;
}
.scroll-table thead th {
  padding-top: 3px;
  padding-bottom: 4px;
}
.scroll-table thead th:last-child {
  padding-right: 16px;
}
.scroll-table tbody {
  display: block;
  width: auto;
  overflow-x: hidden;
}
.scroll-table th {
  color: #F6F29C;
  background-color: #0C5644;
}
.scroll-table td,
.scroll-table th {
  padding: 1px 4px;
  font-size: 11px;
  white-space: nowrap;
}
.scroll-table-outer {
  position: relative;
  padding: 0px;
  margin: 0px;
  border: thin solid #444;
}
.scroll-table-inner {
  overflow: auto;
  height: 385px;
  margin-top: 40px;
  padding: 0px;
}
#portf-equity th {
  color: #F6F29C;
  background-color: #095664;
}
#portf-equity tr:hover {
  background-color: #383838;
}
#portf-equity th:nth-child(n+2),
#portf-equity td:nth-child(n+2) {
  text-align: right;
}
#portf-equity th:nth-child(3),
#portf-equity td:nth-child(3) {
  padding-right: 20px;
}
#portf-history th {
  color: #F6F29C;
  background-color: #095664;
}
#portf-history tr:hover {
  background-color: #383838;
}
#portf-history td:nth-child(2),
#portf-history th:nth-child(2) {
  padding-left: 2ex;
}
#portf-history td:nth-child(n+4),
#portf-history th:nth-child(n+4) {
  text-align: right;
}
#portf-history td:nth-child(5),
#portf-history th:nth-child(5) {
  padding-right: 2ex;
}
#portf-history th:nth-child(n+7),
#portf-history td:nth-child(n+7) {
  padding-left: 3ex;
}
#portf-history tr.subt td {
  padding-bottom: 5px;
}
#portf-history tr.subt td:nth-child(n+6) {
  border-top: 1px solid #DDD;
}
#portf-history a {
  color: white;
  text-decoration: none;
}
#portf-history a:hover {
  text-decoration: underline;
}
#portf-history td.detail-on {
  color: #DF752F;
}
.download-table {
  border: none;
  margin-top: 1ex;
}
.download-table a,
.download-table th {
  color: cadetblue;
  text-align: left;
}
.download-table hr {
  border-color: #e3d294;
}
a.download-link,
a.download-link:visited,
a.download-link:link {
  color: cadetblue;
  text-decoration: underline;
}
#portf-equity td:first-child,
#portf-equity-stats td:first-child,
#portf-equity-stats th:first-child {
  color: #DF752F;
}
.perf-table {
  border-collapse: separate;
  border-spacing: 0px;
  border: thin solid #444;
  background-color: #161616;
  padding: 0px 0px 1.5ex;
}
.perf-table th {
  color: #F6F29C;
  background-color: #0C5644;
  font-size: 12px;
  padding: 3px 0px;
}
#portf-equity-stats th {
  padding-left: 5px;
  padding-right: 5px;
}
#portf-equity-stats td {
  font-size: 12px;
  padding: 1px 5px;
}
#portf-equity-stats td.diff-up {
  color: #B5D676;
}
#portf-equity-stats td.diff-dn {
  color: rgb(255, 79, 79);
}
#portf-equity-stats td:nth-child(n+2),
#portf-equity-stats th:nth-child(n+2) {
  text-align: right;
}
#portf-equity-stats tr.header td {
  color: #f9ef29;
  padding-top: 7px;
}
#portf-equity-stats tr.footnote td {
  font-size: 11px;
  font-style: italic;
  color: white;
}
#portf-attrib-table tr:first-child td {
  padding-top: 1ex;
}
#portf-attrib-table th {
  padding-left: 1.5ex;
  padding-right: 1.5ex;
}
#portf-attrib-table th:nth-child(-n+2),
#portf-attrib-table td:nth-child(-n+2) {
  text-align: left;
}
#portf-attrib-table th:nth-child(n+3),
#portf-attrib-table td:nth-child(n+3) {
  text-align: right;
}
#portf-attrib-table td {
  font-size: 11px;
  padding: 1px 1.5ex;
}
#portf-attrib-table td:nth-child(3) {
  padding-right: 4ex;
}
#portf-attrib-table td:nth-child(7) {
  text-align: right;
  padding-right: 0px;
}
#portf-attrib-table td:nth-child(8) {
  text-align: left;
  padding-left: 0px;
}
.attrib-bar {
  display: inline-block;
  height: 10px;
  vertical-align: baseline;
}
#orders {
  border-collapse: separate;
  border-spacing: 0px;
  border: thin solid #444;
  background-color: #161616;
  padding: 0px 0px 1.5ex;
}
#orders th {
  color: #F6F29C;
  background-color: #0C5644;
  font-size: 12px;
  padding: 3px 0px;
}
#orders th {
  font-size: 11px;
  background-color: #095664;
}
#orders thead tr:first-child {
  margin: 0px;
}
#orders thead tr:first-child th {
  text-align: center;
  padding-left: 2ex;
  padding-bottom: 1px;
}
#orders thead tr:first-child th:first-child {
  background-color: #0b6677;
}
#orders thead tr:nth-child(2) th {
  padding-top: 1px;
}
#orders thead tr:nth-child(2) th:nth-child(-n+4) {
  background-color: #0b6677;
}
#orders thead tr:nth-child(2) th:nth-child(4) {
  text-align: left;
  padding-left: 2ex;
  padding-right: 3ex;
}
#orders thead tr:nth-child(2) th:nth-child(2n+5) {
  padding: 1px 1ex 0px 2ex;
  text-align: center;
}
#orders thead tr:nth-child(2) th:nth-child(2n+6) {
  text-align: left;
}
#orders tbody tr:hover td {
  background-color: #383838 !important;
}
#orders tbody tr td {
  padding-top: 1px;
  padding-bottom: 1px;
}
#orders tbody tr td:nth-child(-n+4) {
  padding-left: 1ex;
  padding-right: 3ex;
  background-color: #232323;
}
#orders tbody tr td:nth-child(4) {
  padding-left: 2ex;
}
#orders tbody tr td:nth-child(3) {
  text-align: left;
  padding: 1px 2px;
}
#orders tbody tr td:nth-child(2n+5) {
  padding: 1px 1ex 1px 2ex;
  text-align: right;
}
#orders tbody tr td:nth-child(2n+6) {
  text-align: left;
}
#orders tbody tr:first-child td {
  padding-top: 4px;
}
.trade-sell {
  color: tomato;
}
.trade-buy {
  color: lightgreen;
}
.trade-month {
  background-color: #232323;
}
#trade_date_val {
  color: #FF6600;
}
#dash-table {
  margin: 0px auto;
}
#dash-table td {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
  color: #FF6600;
}
.red {
  color: red !important;
}
.monthcode {
  background-color: #14515C !important;
}
.trade-date {
  background-color: #14515C;
}
.trade-date a {
  color: #DF752F !important;
}
.trade-date-nav.ui-button-icon-only {
  margin-left: .8ex;
  border: 1px solid gray !important;
  background: #333 !important;
  height: 18px;
  width: 2em;
  margin-top: -2px;
}
.sectionbar {
  display: block;
  float: left;
  width: 100%;
  background-color: #444;
  color: lightblue;
  margin: 0px 0px 0px -12px;
  padding: 7px 12px;
}
.section-block {
  display: block;
  padding: 1em 0px;
  clear: both;
}
.section-on {
  background-color: #777;
  color: #3CB3CF;
}
.section-off {
  background-color: #444;
  color: #3CB3CF;
}
.section-title,
.section-view {
  width: 49%;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.section-title {
  float: left;
  font-weight: bold;
  font-size: 14px;
}
.section-view {
  float: right;
  text-align: right;
}
.arrow-right,
.arrow-down {
  float: left;
  display: block;
  margin: 0px 8px 0px -8px;
  padding: 0px;
}
.arrow-right {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid darkseagreen;
  border-right: 4px solid transparent;
  margin-top: 2px;
}
.arrow-down {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid darkseagreen;
  border-bottom: none;
  margin-top: 4px;
}
.field-error {
  font-size: 12px;
  background: firebrick;
  padding: 2px 4px 2px 4px;
  color: #fff;
  display: none;
}
.delete-option {
  background-color: darkred;
  text-align: center;
}
.delete-row-highlight {
  background-color: red;
}
.ui-widget {
  font-size: 1em;
}
.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-default {
  border: none;
  background: none;
}
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: -webkit-linear-gradient(top,cornsilk,#ddc153);
  background: linear-gradient(to bottom,cornsilk,#ddc153);
  background-color: darkkhaki;
  color: #000;
  border: 1px solid darkkhaki;
  border-radius: 3px;
  font-weight: normal;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0px;
  line-height: normal;
  visibility: hidden;
}
.ui-selectmenu-menu .ui-menu-item {
  padding: 1px 1ex;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  background-color: darkslategray;
  color: cornsilk;
  letter-spacing: 1px;
  margin-top: 1em;
  padding-top: 0px;
  padding-bottom: 3px;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.3em;
}
.ui-state-default .ui-icon.menu-icon {
  width: 20px;
  height: 20px;
  background: url("images/menu_icon.png") 0px -1px no-repeat;
  border: none;
  margin-top: 0px;
  right: 0px;
  top: 0px;
}
.ui-state-focus .ui-icon.menu-icon,
.ui-state-hover .ui-icon.menu-icon {
  width: 20px;
  height: 20px;
  background: url("images/menu_icon.png") -20px -1px no-repeat;
  border: none;
  margin-top: 0px;
  right: 0px;
  top: 0px;
}
.ui-selectmenu-button.ui-state-hover,
.ui-selectmenu-button.ui-state-default {
  background: none;
  border: none;
}
.ui-dialog-titlebar {
  background: none;
  background-color: #3070CF;
}
.ui-dialog-buttonset button,
.ui-dialog-buttonset button.ui-state-hover {
  font-weight: bold;
}
.ui-widget-overlay {
  opacity: 0.3;
}
.ui-tabs-nav li a {
  font-weight: bold;
}
.ui-tabs-nav .ui-state-hover a {
  color: black;
}
.ui-tabs-nav .ui-state-active.ui-state-hover a {
  color: white;
}
.ui-tabs {
  border-radius: 0px 0px 5px 5px;
}
.ui-tabs.ui-widget-content {
  background: none;
}
.ui-tabs-nav .ui-state-active {
  background: none;
  background-color: #bf6204;
  border: 1px solid #af5200;
}
.ui-datepicker-calendar .ui-state-hover {
  border: none;
  font-weight: bold;
}
.ui-datepicker-calendar .ui-state-highlight {
  color: #2ADD77;
}
.ui-selectmenu-menu .ui-menu-item .ui-icon {
  height: 24px;
  width: 24px;
  top: 0em;
}
#ptf_actions-menu .ui-menu-item .ui-icon {
  height: 16px;
  width: 16px;
  top: -1px;
  background-color: black;
  border-radius: 3px;
}