CC CSS

.box
{
    padding:0px;
    box-shadow:none;
    text-align:center;
}

.thing,.box-header,.box-footer,.box-bit
{
    box-shadow:0px 0px 4px rgba(0,0,0,0.2),1px 1px 2px rgba(0,0,0,0.5),0px 0px 4px rgba(30,60,90,0.75) inset;
}
.box-bit{border-radius:20px;}

.box-header
{
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    border:4px solid #54aaff;
    border-style: none outset outset outset;
    background-color: #174878;
    margin-top:-4px;
    margin-bottom:6px;
    padding:8px;
    text-align:center;
    font-weight:bold;
    font-size:16px;
}
.box-footer
{
    border-radius:20px;
    border: 4px solid #246ab0;
    text-align:center;
    font-weight:bold;
    font-size:16px;
}
#box-main
{
    left:0px;
    top:0px;
    bottom:0px;
    overflow:hidden;
    width:60%;
    position:absolute;
}
#box-res.fullWidth
{
    width:100%;
    top:5%;
    height:5%;
    min-height:32px;
    z-index:100;
    position:absolute;
    text-align:center;
}
#box-buttons
{
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    position:absolute;
}
#box-store
{
    right:0px;
    top:0px;
    bottom:0px;
    width:40%;
    position:absolute;
}
#box-buildings,#box-upgrades
{
    top:0px;
    bottom:0px;
    width:50%;
    right:0%;
    overflow-x:hidden;
    overflow-y:scroll;
    padding-bottom:48px;/* this is to accommodate the info and settings buttons */
    position:absolute;
}
#box-boughtUpgrades,#box-artifacts
{
margin-top:4px;
width:110%;
left:-10px;
}
#box-buildings
{right:50%;}

#box-buildings{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 20%);}
#box-upgrades{background:rgba(0,0,0,0.3);}

.thing
{
    display:inline-block;
    padding:0px;
    margin:0px;
    cursor:pointer;
}

.thing.cantAfford
{
    opacity:0.65;
}

.thing-text,.thing-costs{font-weight:bold;}

.building
{
    border-radius:20px;
    border:4px outset #54aaff;
    display:block;
    margin:2px;
    margin-bottom:4px;
    padding-top:4px;
    padding-bottom:4px;
    font-size:14px;
    text-align:center;
    background-color: #174878;
}

.fullWidth
{
    display:block;
    margin-left:0px;
    margin-right:0px;
    z-index:10;
}
#game .fullWidth
{
    height:auto;
    min-height:auto;
}
.fullWidth,.fullWidth:hover
{
    /*background:rgba(0,0,0,0.5);
    background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0.5) 100%);*/
    background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 50%,rgba(0,0,0,0) 100%);
    box-shadow:none;
}
.fullWidth:before,.fullWidth:after
{
    content:'';
    height:1px;
    background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100%);
    position:absolute;
    left:0px;
    right:0px;
    z-index:-1;
}
.fullWidth:before{top:-1px;}
.fullWidth:after{bottom:-1px;}
.fullWidth .thing-icon
{
    margin-top:0x;
    margin-bottom:0px;
}

.fullWidth .thing-text
{
    margin-top:0px;
    margin-bottom:0px;
}

#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}

.expUps {
    border-radius:20px;
    border:4px outset #54aaff;
    display:block;
    font-size:14px;
    text-align:center;
    line-height: 1.5;
    background-color: #174878;
    padding:1px;
}

.menu {
    border-radius:20px;
    border:4px outset #54aaff;
    display:block;
    font-size:14px;
    text-align:center;
    background-color: #174878;
    margin-bottom:6px;
}

.goback {
margin-bottom:6px;
}