body {
  margin:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
  color: black;
  background-color: white;
  cursor: pointer
}
a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
  color: black;
  background-color: inherit;
}
.pagetitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}
div.ptitle {
  font: bold 8pt trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 2px 0 5px 5px;
}
.ptitle a {
  font: bold 8pt trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.ptitle-blue {
  padding: 0 5px 0 5px;
  border: 1px solid #333399;
  color: #333399;
  background-color: #ddeeff;
  filter: progid: DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ddeeffff', EndColorStr='#ddddeeff');
  /*width: 99%;*/
}
.ptitle-yellow {
  padding: 0 20px 0 20px;
  border: 2px solid #904712;
  color: #904712;
  background-color: #ffff99;
}
.ptitle-green {
  padding: 0 20px 0 20px;
  border: 2px solid #0b5d0b;
  color: #0b5d0b;
  background-color: #ccffcc;
  filter: progid: DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ccffff', EndColorStr='#cccccc');
  /*filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ddeeffff',EndColorStr='#ddddeeff');*/
  /*width: 100%;*/
}
.ptitle-red {
  padding: 0 20px 0 20px;
  border: 2px solid #800000;
  color: #800000;
  background-color: #faebd7;
}
.frame-head-green {
  font: bold 10pt "arial ms", Verdana, Arial, Helvetica, sans-serif;
  height:18px;
  text-align: center;
  background-color: darkseagreen;
  color:white;
  padding-top: 1px;
  margin-bottom: 4px;
}
.frame-head-narrow-green {
  font: bold 1pt "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: darkseagreen;
  color:white;
  margin-top:-2px;
  margin-bottom: 1px;
}
.frame-head-blue {
  font: bold 10pt "arial ms", Verdana, Arial, Helvetica, sans-serif;
  height:18px;
  text-align: center;
  background-color: cornflowerblue;
  color:white;
  padding-top: 1px;
  margin-bottom: 4px;
}
.frame-head-narrow-blue {
  font: bold 1pt "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: cornflowerblue; /* #add8e6; */
  margin-top:-2px;
  margin-bottom: 1px;
}
.popup {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  color: black;
  background-color: #eeeeee;
}
tr.popup-tab-odd {
  background-color: #eeeeee;
}
tr.popup-tab-even {
  background-color: #dddddd;
}
h1 {
  font: italic bold 12pt Verdana, Arial, Helvetica, sans-serif;
}
h2 {
  font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
}
h3 {
  font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
}
h4 {
  font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
}
h5 {
  font: italic bold 8pt Verdana, Arial, Helvetica, sans-serif;
}
h6 {
  font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
}
table.header {
  width: 100%;
  padding: 0;
  color: white;
  background-color: #333399;
}
td.header-left {
  font-family: verdana, arial, helvetica;
  font-weight: bold;
  font-size: 14pt;
  word-spacing: 0ex;
  letter-spacing: 0.5ex;
  padding-left: 15px;
  color: white;
  background-color: #333399;
}
td.header-right {
  font-family: verdana, arial, helvetica;
  font-weight: normal;
  font-size: 10pt;
  padding-right: 15px;
  color: white;
  background-color: #333399;
}
td.login-header {
  font-family: verdana, arial, helvetica;
  font-weight: bold;
  font-size: 12pt;
  word-spacing: .2ex;
  letter-spacing: 0.1ex;
  padding-left: 10px;
  color: white;
  background-color: #333399;
}
td.login {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  color: black;
  padding-left: 10px;
}
div#mainmenu {
  width: 100%;
  height: 24px;
}
div#statusbar {
  position: relative;
  width: 100%;
  height: 37px;
  margin-top: 7px;
  color: black;
  background-color: #99ccff;
}
.footer {
  font-family: verdana, arial, helvetica;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
  text-indent: 2ex;
  padding: 3px 0 3px 0;
  color: white;
  background-color: #444499;
}
input.treebutton {
  color: black;
  font-family: verdana, arial, helvetica;
  font-size: 100%;
  font-weight: normal;
  background-color: #ddeeff;
  border: 1px solid;
  border-top-color: #333399;
  border-left-color: #333399;
  border-right-color: #333399;
  border-bottom-color: #333399;
  filter: progid: DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ddeeffff', EndColorStr='#dddeeeff');
}
input.treebuttongreen {
  color: black;
  font-family: verdana, arial, helvetica;
  font-size: 100%;
  font-weight: normal;
  background-color: #ccffcc;
  border: 1px solid;
  border-top-color: #333399;
  border-left-color: #333399;
  border-right-color: #333399;
  border-bottom-color: #333399;
  filter: progid: DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#ddeeffff', EndColorStr='#dddeeeff');
}
.inpSelect {
  font-family: verdana, arial, helvetica;
  font-weight: normal;
  font-size: 8pt;
  border-radius: 0;
}
li.dList {
  font-family: verdana, arial, helvetica;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}
li.c1 {
  color: red;
}
.dList:hover {
  cursor: pointer;
}
div.errmsg {
  font-family: verdana, arial, helvetica;
  font-size: 12pt;
  font-weight: bold;
  padding: 5px;
  background: red;
  color: white;
}

/* Tree display style */

.tds {
  font-family: verdana, arial, helvetica;
  font-size: 7pt;
}
.mtactics:hover {
  cursor: pointer;
}
ul.mtview {
  font-size: 8pt;
  font-weight: normal;
}
.seccontent:hover {
  background:#f0f8ff;
}
span.catcontent {
  color: #009000;
  font-weight: bold;
  text-decoration: none;
}
span.catcontent:hover {
  color: red;
  font-weight: bold;
  text-decoration: none;
}
span.catcontent span {
  top:-3px;
  position: relative;
}
span.nocatcontent {
  color: #0000C0;
  font-weight: bold;
  text-decoration: none;
}
span.nocatcontent:hover {
  color: red;
  font-weight: bold;
  text-decoration: none;
}

/*
stratlink { text-decoration: underline; }
*/

.stratlink {
  color: green;
  text-decoration: underline;
  font-size: 8pt;
}
.stratlink2 {
  color: green;
  text-decoration: underline;
  border: 1px solid;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10pt;
  font-weight: bold;
}

/* .stratlink2 { color: white; text-decoration: none; background-color: #006000; font-size: 10pt; font-weight: normal;} */

.slink {
  text-decoration: none;
  font-size: 8pt;
  font-weight: normal;
}
.slink2 {
  text-decoration: none;
  font-size: 10pt;
  font-weight: normal;
}
.stratlink3:hover {
  cursor: pointer;
}
.stratlink2:hover {
  cursor: pointer;
  text-decoration: underline;
}
.stratlink:hover {
  cursor: pointer;
  text-decoration: underline;
}
span.catgoal a {
  color: #009000;
}
span.catgoal a:hover {
  color: red;
}
span.nocatgoal a {
  color: #0000C0;
}
span.nocatgoal a:hover {
  color: #0000C0;
}

/* Default selection button */

.defButton {
  font-size: 10px;
  background-color: #eeffee;
  color: darkseagreen;
  border: 1px solid darkseagreen;
  padding: 1px 5px;
}
.defButton span:before {
  content: "Is Default";
}
.defButtonSet:hover {
  background-color: darkseagreen;
  color: #eeffee;
  border-color: yellow;
}
.defButtonSet span:before {
  content: "Set As Default";
}

.menuButton {
  font-size: 12px;
  background-color: white;
  color: black;
  border: 1px solid black;
  padding: 1px 5px;
  position: relative;
  top: -3px;
}
.menuButton span:before {
  content: "Is Default";
}
.menuButton:hover {
  background-color: silver;
  color: black;
  border-color: yellow;
}
.menuButton span:before {
  content: "Set As Default";
}

.variable_level_1 {
  text-transform: uppercase;
  color: darkorange;
  font-weight: bold;
  margin-top: 10px;
}
.strat_level_1 {
  text-transform: uppercase;
  color: forestgreen;
  font-weight: bold;
  cursor: default;
}
.strat_level_2 {
  text-transform: capitalize;
  color: red;
  font-style: italic;
  cursor: default;
}
.strat_level_3 {
  text-transform: capitalize;
  color: black;
  line-height: 16px;
  cursor: pointer;
}
.strat_level_3 a {
  color: black;
  height: 16px;
}
.strat_level_3.active {
  background: darkseagreen;
  color: white;
}
.rule_level_1 {
  color: purple;
  padding-left: 10px;
  height: 16px;
}
.source_level_1 {
  color: darkblue;
  padding-left: 20px;
  height: 16px;
}
.width-33 {
  padding-left: 20px;
  box-sizing: border-box;
  width: 33%;
  float: left;
}
.width-25 {
  padding-left: 20px;
  box-sizing: border-box;
  width: 25%;
  float: left;
}
.strat-toolbar {
  background-color: white;
  color: white;
  margin-top:-5px;
  border-bottom: 1px solid darkseagreen;
  text-align: center;
}
.strat-toolbar span:first-of-type {
  border-left: 1px solid white;
}
.strat-toolbar span {
  background-color: white;
  color: black;
  border-right: 1px solid white;
  padding: 0 10px;
  margin-left: -4px;
  width: 12%;
  box-sizing: border-box;
  display: inline-block;
}
.strat-toolbar span.strat-content {
  background-color: #bbddbb;
  color: black;
}
.strat-toolbar span.strat-content:hover {
  background-color: darkseagreen;
  color: white;
}
.strat-toolbar span.active {
  background-color: darkseagreen;
  color: white;
}
.strat-container span {
  display: none;
}
.klevel_high {
  color: #978E43;
}
.klevel_med {
  color: #F2C545;
}
.klevel_low {
  color: #C73B0B;
}
.klevel_none {
  color: black;
}
.green-select {
  background-color: #eeffee;
}
.green-select * {
  background-color: #eeffee;
}
.blue-select {
  background-color: aliceblue;
}
.blue-select * {
  background-color: aliceblue;
}
.blue-select *.green {
  background-color: darkseagreen;
}
.hide {
  display:none;
}

.tabrow {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 18px;
    height: 20px;
    overflow: hidden;
    font-size: 10px;
    font-family: verdana, arial, helvetica;
    position: relative;
    background: #ffefd5;
}
.tabrow li {
    border: 1px solid #AAA;
    background: #D1D1D1;
    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
    text-shadow: 0 1px #FFF;
    margin: 0 -5px;
    padding: 0 30px;
    min-width: 100px;
}
.tabrow a {
    color: #555;
    text-decoration: none;
}
.tabrow li:hover {
    background: #DDD;
    color: #333;
    z-index: 2;
    border-bottom-color: #FFF;
}
.tabrow li.selected {
    background: #FFF;
    color: #333;
    z-index: 2;
    border-bottom-color: #FFF;
}
.tabrow:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #AAA;
    z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
    border: 1px solid #AAA;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
}
.tabrow li:before {
    left: -6px;
    border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
    right: -6px;
    border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
    box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
    box-shadow: -2px 2px 0 #FFF;
}

.div-row {
  width:100%;
}
.div-col {
  width:100%;
}
.span-5 {
  width:5%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-20 {
  width:20%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-25 {
  width:25%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-33 {
  width:33%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-40 {
  width:40%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-50 {
  width:50%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-55 {
  width:55%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-60 {
  width:60%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-66 {
  width:66%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-100 {
  width:100%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}
.span-90 {
  width:90%;
  float:left;
  border: 1px solid black;
  box-sizing: border-box;
}

.javascript {
  display:none;
}

.ajax-target-name, .ajax-goal-id {
  color: #CC5555;
}
.ajax-goal-name {
  color: #CC5555;
  overflow: hidden;
  white-space: nowrap;
  /*text-overflow: ellipsis;*/
  /*width: calc(190%);*/
  /*margin-right:999px;*/
}

.panel-content-embed {
  margin-left: 2px;
  width:100%;
  overflow-y:scroll
}
.panel-statusbar {
  cursor: default;
}

.pull-left {
  float: left;
}
.pull-right {
  float: right;
}

.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

.truncate-ellipsis > * {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}


.group:after {
    content:"";
    display:block;
    clear:both;
}

/* pyramids */
.pyr-top {
  margin:0%;
  margin-left:23.5%;
  width: 40%;
  height: 0;
  background-color: white !important;

  padding-left:   20%;
  padding-bottom: 20%;
  overflow: hidden;
}
.pyr-top:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    border-left: 570px solid transparent;
    border-right: 570px solid transparent;
    border-bottom: 500px solid rgba(100,149,237,0.4);
}
.ajax-submit .pyr-top {
  width: 50%;
  margin-left: 22%;
}
.ajax-submit .pyr-top:after {
  border-left: 540px solid transparent;
  border-right: 540px solid transparent;
}

.pyr-cont {
  width: 80%;
  margin: auto;
  /*border: 1px solid black;*/
  position: relative;
  text-align: center;
}
.pyr-cont > div {
  background-color: rgba(100,149,237,0.1);
}
.pyr-level-databases {
  width: 45%;
  margin: auto;
  border: 1px solid black;
  border-bottom: none;
  padding: 2px 4px;
  position: relative;
}
.pyr-level-empirical {
  width: 55%;
  margin: auto;
  border: 1px solid black;
  border-bottom: none;
  padding: 2px 4px;
  position: relative;
}
.pyr-level-theories {
  width: 65%;
  margin: auto;
  border: 1px solid black;
  border-bottom: none;
  padding: 2px 4px;
  position: relative;
}
.pyr-level-paradigms {
  width: 75%;
  margin: auto;
  border: 1px solid black;
  border-bottom: none;
  padding: 2px 4px;
  position: relative;
}
.pyr-level-philosophies {
  width: 85%;
  margin: auto;
  border: 1px solid black;
  border-bottom: none;
  padding: 2px 4px;
  position: relative;
}
.pyr-level-tacit {
  width: 95%;
  margin: auto;
  border: 1px solid black;
  padding: 2px 4px;
  position: relative;
}
.pyr-label {
  font-size: 16px;
  display:block;
  clear:both;
  width:100%;
  text-align:center;
  border-top: 1px solid rgba(100,149,237,0.9);
  background-color:   rgba(100,149,237,0.7);
  margin-left:-4px;
  width: calc(100% + 8px);
  margin-bottom: -2px;
}
.pyr-level-meta {
  float:left;
  width: calc(25% - 10px);
  height: 100%;
  padding: 2px 4px;
}
.pyr-level-instance {
  float:left;
  width: calc(75% - 10px);
  height: 100%;
  /*border-top: 1px solid rgba(100,149,237,0.9);*/
  padding: 2px 4px;
}
.pyr-tag {
  float:left;
  background-color: rgba(251,53,80,0.4);
  border: 1px solid rgba(251,53,80,0.9);
  padding: 2px 4px;
  margin: 2px 4px;
}
.pyr-tag:hover {
  background-color: rgba(0, 238, 167,0.4);
  border: 1px solid rgba(0, 238, 167,0.9);
}

.pyr-me {
  /* background-color: rgba(0, 238, 167,0.4); */
  /* border: 1px solid rgba(0, 238, 167,0.9); */
}
.pyr-field {
  min-height:32px;
}

.pyr-field label {
  width: 20%;
  display: inline-block;
}

.pyr-field span, .pyr-field div {
  width: 75%;
}

.pyr-delete {
  padding: 0 10px;
  display:inline-block;
}
.pyr-delete:hover {
  background-color: red;
  color: white;
}

.sit-pyr-label {
  display: none;
}

.panel-content-body {
  padding-left:10px;
  padding-right:15px;
}

/* .panel-content-body::-webkit-scrollbar-track{
  border-radius: 15px;
  margin: 40px;
  box-shadow: inset 7px 10px 12px #f0f0f0;
}

.panel-content-body::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.panel-content-body::-webkit-scrollbar-thumb {
    background: #FF0000;
} */

.content-hover {
  background: none;
}
.content-hover:hover {
  background: rgba(0,0,0,0.05);
}