.rowA { background: yellow; margin-top: 0px; margin-bottom: 0px;  }
.rowB { background: orange; margin-top: 0px; margin-bottom: 0px; }

div.widget { height: 100%; }
.spacer {clear:both; height: 20px; margin:10px; width:100%; }
a { padding-right:25px; margin-bottom:100px; background-color:yellow; }

.yellow { background: yellow; }
.orange { background: orange; }
.chartreuse { background: Chartreuse; }
.cyan { background: cyan; }
.lightgreen { background: lightgreen; }
.pink { background: pink; }

.container { background: HoneyDew; height:auto;}
.hidden_holding_area { display: none; }
.tape { display:none; width:20%; background: white; }
.stack  { background: #c6ff9b;}
.cmd    { background: #909990;}
.keypad { background: #D8E6D8;}
.custom { background: #A8B2A8;}
.canvas { background: #ddba5f;}


.float50 { float:left; width:50%; }
.float33 { float:left; width:33.3%; }
.float66 { float:left; width:66.6%; }

.layout_mode { background: orange }
div#debug_area {background: #97d8fc; padding: 0.5em;}

/* cmd input area */
#cmd .ui-block-a { width: 85% !important;  }
#cmd .ui-block-b { width: 15% !important; }
#cmd a { height: 2em; width: 2em;
    /* centre the gear button */
    margin-left: auto;
    margin-right: auto;
}

/* add a margin around the custom buttons etc. */
#custom_inner { margin: 0 5px; }

/* overall */
@media (max-width: 600px) {
    div .ui-content { padding: 0; }
    div .ui-body { padding: 0; }
}