/*
    Copyright (c) 2018, tuxjsmith@gmail.com, paulb@logfarm.net
    All rights reserved.

    Redistribution and use in source and binary forms, with or without
    modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice, this
      list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice,
      this list of conditions and the following disclaimer in the documentation
      and/or other materials provided with the distribution.

    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
    AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
    ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
    LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
    CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
    SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
    INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
    CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
    ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
    POSSIBILITY OF SUCH DAMAGE.
*/

a {

    outline: 0;
}

body {

    background:#000000;
    /*background: #121212;*/
    /*background: #472200;*/
    /*background-image: url("tile5_3.jpg");*/
    /*background-repeat: repeat;*/
		background-image: url("black_metallic_background.png");
}

iframe.centre {
    
    display: block;
    margin-left: auto;
    margin-right: auto
}

h3 { 

    background: linear-gradient(to right, #01e7eb, transparent);
    background: -webkit-linear-gradient(to right, #01e7eb, transparent); 
    background: -o-linear-gradient(to right, #01e7eb, transparent);  
    background: -moz-linear-gradient(to right, #01e7eb, transparent);  

    margin-top:10px; 
    color:goldenrod;
    text-align: center;
    padding-top:2px;
    padding-bottom:5px;
} 

h4 { 

    margin-top:30px; 
    color:#bcaf86;
/*    padding-top:2px;
    padding-bottom:5px;*/
    /*text-shadow: 2px 2px #080808;*/
    text-shadow: 1px 1px 2px black, 0 0 10px green, 0 0 5px darkgreen;
} 

img { 

    border-style:none;
} 

.blueText { 

    color:lightblue; 
    margin-bottom: 25px;
} 

.darkText { 

    color:black; 
    margin-bottom: 25px;
} 

.verticalButtons {

    position: relative;
    text-align: center;
    width: 50px;
    height: 300px; 
}

.masterRow {

    position:relative;
    left:0px;
    text-align: left;
    margin-top:15px;
    width:740px;
    height:300px;
}

.descriptionBox {

    position:absolute;
    top:0px;
    width:660px;
    height:307px;
    left:80px;
}

.downloadBoxOuter {

    position:relative;
    width:650px;
    height:370px;
    margin-bottom: 10px;
}

.downloadBoxOuterShort {

    position:relative;
    width:650px;
    height:250px;
    margin-bottom: 10px;
}

.downloadBoxOuterSmall {

    position:relative;
    width:650px;
    height:100px;
    margin-bottom: 10px;
}

.downloadBoxInner1 {

    position:absolute;
    left:0px;
    width:450px;
    height:160px;
		font-size:small;
}

.downloadBoxInner2 {

    position:absolute;
    left:322px;
    width:321px;
    height:160px;
}

.smallBlahblah {

    margin-top: 20px;
    padding-bottom: 20px;
}

.install {

    position:relative;
    width:auto;
    height:auto;
    margin-bottom:20px;
}

.logo {

    position:fixed;
    top: 10px;
    left: 10px;
    width:192px;
    height:192px;

    background-image: url("logFarm_logo.png");
}

.banner {

    position:fixed;
    top: 0px;
    left: 0px; 
    width:100%;
    height: 60px;
    font-family: 'Special Elite';
		font-size: large;

		background: #000000;
		
		/*
    background-image: url("tile5.jpg");
    background-repeat: repeat;
	  */   
}

#embed-html {
    
  margin-top: 90px;
}

::-webkit-scrollbar {
    
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: darkgreen;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #bcaf86;
}

#blahBlockLeft {
    
    position:absolute;
    
    top: 90px;
    left: 10px;
    width:15%;
    height: 80%;
    
/*    border-style:solid;
    border-color:#5a5a5c;
    border-width:thin;*/
    
    padding: 10px;
    
    font-family: 'Special Elite';
    color:#bcaf86;
    text-align:left;
    font-size:large;
    
    text-shadow: 1px 1px 2px black, 0 0 10px green, 0 0 5px darkgreen;
    
    overflow: auto;
}

.banner_bottom {

    position:fixed;
    
    bottom:0px;
    left: 0px; 
    width:100%;
    height: 100px;
    font-family: 'Special Elite';
		font-size: large;
    
    background-image: url("tile5.jpg");
    background-repeat: repeat;   
    align-content:center;
}

.logoText {

    position:fixed;
    top: 10px;
    left: auto;
    width:569px;
    height:133px;
    background-image: url("logoText.png");
}

.blahBlock { 

    background: #000000;
    /*background-image: url("tile7.png");*/
    
    position:relative;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    
    margin-left: auto;
    margin-right: auto;
    /*
        stops text from appearing at the very bottom of the screen
    */
    margin-bottom:30px;
    
    width: 655px;
    height: auto;
    
    font-family: 'Special Elite';
    color:#bcaf86;
    text-align:left;
    font-size:large;
    /*text-shadow: 2px 2px #080808;*/
    
    border-style:solid;
    border-color:#5a5a5c;
    border-width:thin;
    
    text-shadow: 1px 1px 2px black, 0 0 10px green, 0 0 5px darkgreen;
    /*text-shadow: 2px 2px 4px #ffff00;*/
}

.mainBlock {
    
    top: 20px;
    
    background: #000000;
    /*background-image: url("tile7.png");*/
    
    position:relative;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    
    margin-left: auto;
    margin-right: auto;
    /*
        stops text from appearing at the very bottom of the screen
    */
    margin-bottom:30px;
    
    width: 655px;
    height: auto;
    
    font-family: 'Special Elite';
    color:#bcaf86;
    text-align:left;
    font-size:large;
    /*text-shadow: 2px 2px #080808;*/
    text-shadow: 1px 1px 2px black, 0 0 10px green, 0 0 5px darkgreen;
    
    border-style:solid;
    border-color:#5a5a5c;
    border-width:thin;
    
    /*box-shadow: 0 8px 8px 8px rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);*/
}

.qrBlock { 

    position:absolute;
    top:220px;
    left:50px;
    
    margin: auto;
    /*
        stops text from appearing at the very bottom of the screen
    */
    margin-bottom:30px;
    
    width: 100px;
    min-height: 1024px;
    
    /*background-image: url("tile5.jpg");*/
} 

.appBlock { 

    position:relative;
    top:220px;
    
    margin: auto;
    /*
        stops text from appearing at the very bottom of the screen
    */
    margin-bottom:30px;
    
    width: 610px;
    min-height: 1024px;
    
    /*background-image: url("tile5.jpg");*/
} 

.smallBox { 

    /* background-image: url("tile7.png"); */

		background:#000000;
		
    float:left;
    margin-left:20px;
    margin-top:10px;
    margin-bottom:10px;

    width: 155px;
    height: 210px;

/*    background: linear-gradient(to right, transparent, #221413);
    background: -webkit-linear-gradient(to right, transparent, #221413); 
    background: -o-linear-gradient(to right, transparent, #221413);
    background: -moz-linear-gradient(to right, transparent, #221413);*/

    color:#bcaf86;
    font-size: large;
    font-family: 'Special Elite';
    text-align:center;

    padding-top:10px;
    padding-left:10px; 
    padding-right:10px;

    border-style:solid;
    border-color:#5a5a5c;
    border-width:thin;
    
    /*box-shadow: 0 8px 8px 8px rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);*/
    text-shadow: 1px 1px 2px black, 0 0 10px green, 0 0 5px darkgreen;
}

a:link {
    text-decoration: none;
    color:#bcaf86;
}

a:visited {
    text-decoration: none;
    color:#bcaf86;
}

a:hover {
    text-decoration: none;
    color:goldenrod;
}

a:active {
    text-decoration: none;
    color:#bcaf86;
}

.smallBox:hover {
    
/*    text-decoration: none;
    color:goldenrod;*/
    
/*    background: linear-gradient(to right, transparent, #2e2e2e);
    background: -webkit-linear-gradient(to right, transparent, #2e2e2e); 
    background: -o-linear-gradient(to right, transparent, #2e2e2e);
    background: -moz-linear-gradient(to right, transparent, #2e2e2e);*/
    
    /*background-image: url("tile5_2.png");*/
		background:#191919;
}

.menuBanner {
    
    position:absolute;
    bottom: 0px;
    left: 0px;
    width:100%;

		/*background: #323234;*/

		background: #191919;
		
		/*
    background: linear-gradient(to left, transparent, #063214);
    background: -webkit-linear-gradient(to left, transparent, #063214);
    background: -o-linear-gradient(to left, transparent, #063214);
    background: -moz-linear-gradient(to left, transparent, #063214);
   */
		
    box-shadow: 0 8px 8px 8px rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
    
    border-style:solid;
    border-color:#5a5a5c;
    border-width:thin;
}

ul.menu {
    
    text-align: center;
    margin: auto;
    margin-left:30px;
    /*width:400px;*/
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    
    text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px darkblue;
}

li.menuItem {
    
    float: left;
    font-family: 'Special Elite';
		font-size: large;
}

li a, .dropbtn {
    
    display: inline-block;
    color:#bcaf86;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover, .dropbtn:hover {
    
    /*background-color: black;*/
    background: linear-gradient(to right, transparent, #000000);
    background: -webkit-linear-gradient(to right, transparent, #000000); 
    background: -o-linear-gradient(to right, transparent, #000000);
    background: -moz-linear-gradient(to right, transparent, #000000);
    
    color:goldenrod;
}

.dropdown {
    
    display: inline-block;
    float:left;
    font-family: 'Special Elite';
		font-size: large;
}

.dropdown-content {
    
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1;
}

.dropdown-content a {
    
    color:#bcaf86; 
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    /*background-color: #422545;*/
    text-align: left;
    /*overflow:auto;*/
    
    background: linear-gradient(to right, #000000, #212a00);
    background: -webkit-linear-gradient(to right, #000000, #212a00); 
    background: -o-linear-gradient(to right, #000000, #212a00);
    background: -moz-linear-gradient(to right, #000000, #212a00);
    
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
}

.dropdown-content a:hover {
    
    color:goldenrod;
    /*background-color: #000000;*/
    background: linear-gradient(to right, #212a00, #000000);
    background: -webkit-linear-gradient(to right, #212a00, #000000); 
    background: -o-linear-gradient(to right, #212a00, #000000);
    background: -moz-linear-gradient(to right, #212a00, #000000);
}

.dropdown:hover .dropdown-content {

    display: block;
/*    background: linear-gradient(to right, transparent, #000000);
    background: -webkit-linear-gradient(to right, transparent, #000000); 
    background: -o-linear-gradient(to right, transparent, #000000);
    background: -moz-linear-gradient(to right, transparent, #000000);*/
}

.active {

    /*background-color: #533b27;*/
    
    background: linear-gradient(to right, transparent, #472200);
    background: -webkit-linear-gradient(to right, transparent, #472200); 
    background: -o-linear-gradient(to right, transparent, #472200);
    background: -moz-linear-gradient(to right, transparent, #472200);
}

.center {
    margin: auto;
    /*width: auto;*/
    border: 3px solid #73AD21;
    padding: 10px;
}

li.listWithMargin {

    margin-bottom:10px;
}

code {
    
    color:#ffd700;
}

.note {
    
    margin-top:10px;
    margin-bottom:15px;
    color:#66cd00;
}

ul.note {
    
    margin-top:10px;
    margin-bottom:15px;
    color:#66cd00;
}