/*
green300:  #81c784
green500:  #4caf50
green700:  #388e3c

yellow300: #fff176
yellow500: #ffeb3b
yellow700: #fbc02d

blue300:   #64b5f6
blue500:   #2196f3
blue700:   #1976d2
*/

div#technologies {
    position: relative;
    height: 650px;
    overflow: scroll;
    background-color: #753C22;
    width:100%;
    margin:
}

div.technology {
    position: absolute;
    width: 270px;
    height: 100px;
    padding: 3px 6px;
    font-weight: bold;
    color: white;
}

div.tech {
    color: white;
}

div.techHave .name {
    color: #5CA83F;
}

div#technologies .age-0 {
    background-color: #61280E;
}

div#technologies .age-1 {
    background-color: #57240c;
}

div.techNeed .name {
    color: #fdd017;
}

div.techHave .haveLink {
    display: none;
}

div.techNeed .needLink {
    display: none;
}

div.techDontHave .dontHaveLink {
    display: none;
}

div.techDontNeed .dontNeedLink {
    display: none;
}

/* scroll */

table.scrollTable {
    width:100%;
}

td.scroll {
    width: 50px;
    font-size: 30px;
    text-align: center;
}

table.ageNav td {
    text-align:center;
}

table#ageNav a.active {
    font-weight: bold;
}

/* gold */

.table-nonfluid {
   width: auto !important;
}

table.dailyCost td {
    text-align: right;
}

div.container hr {
    border-color: #aaa;
}

table.roitable td {
    text-align: right;
}

div.fb-like {
    padding: 15px 0px;
}