title: Could not resolve '-fx-tab-border-color' while resolving lookups for '-fx-background-color' from rule in stylesheet
body: <p>Since my rules are already in place but getting these errors flowlessly. I was trying to understand the solutions available on the web, but none of them worked for me. </p>
  
  <pre><code>Jul 18, 2016 1:39:17 PM javafx.scene.CssStyleHelper calculateValue WARNING: Could not resolve '-fx-tab-border-color' while resolving lookups for '-fx-background-color' from rule '*.tab-pane&gt;*.tab-header-area&gt;*.control-buttons-tab' in stylesheet file ***style.css***
  </code></pre>
  
  <p>Getting above mentioned and lot of warnings similar to this, due to which some of the components are not able to load properly. Using Java1.8.0_66.</p>
  
  <p><em>root in my css file is like:</em></p>
  
  <pre class="lang-css prettyprint-override"><code>.root {
  
      -fx-base: #d0d0d0;
  
      -fx-background: #f4f4f4;
  
      -fx-control-inner-background: white;
      -fx-font-family:"Courier";
      -fx-font-size: 12;
  
      -fx-dark-text-color: black;
      -fx-mid-text-color: #292929;
      -fx-light-text-color: white;
  
      -fx-accent: #0093ff;
  
      -fx-focus-color: #0093ff;
  
      -fx-color: -fx-base;
  
      -fx-disabled-opacity: 0.9;
  
      -fx-hover-base: ladder(
          -fx-base,
          derive(-fx-base,20%) 20%,
          derive(-fx-base,30%) 35%,
          derive(-fx-base,40%) 50%
       );
  
      -fx-pressed-base: derive(-fx-base,-20%);
  
      -fx-focused-base: -fx-base;
  
      -fx-tab-border-color: -fx-box-border;
  
      -fx-background-color: inherit;
      -fx-background-radius: inherit;
      -fx-background-insets: inherit;
      -fx-padding: inherit;
  
      -fx-cell-hover-color: #cce3f4;
  
      -fx-cell-focus-inner-border: #85b9de;
  
      -fx-page-bullet-border: #acacac;    
      -fx-page-indicator-hover-border: #accee5;   
  }
  </code></pre>
  
  <p><strong>and it is used from:</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.tab-pane &gt; .tab-header-area &gt; .control-buttons-tab {
      -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
      -fx-background-insets: 0, 1, 2;
      -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
      -fx-padding: 0.083333em 0.25em 0.083333em 0.25em; /* 1 3 1 3 */
  }
  </code></pre>
  
  <p>is the same css file.</p>
  
  <p>Thanks in advance!!</p>