button:hover { cursor:pointer; }

.item { margin:.6em; height:4em; }

.selectableCondition, .selectable { background-color:green; margin:.5em; }
.autoCondition { margin:.5em; color:#FF6666; border-color:transparent; background-color:transparent;}

.user {  margin:.5em; }
.activeUser { color: #FF6666; border-color: #FF6666; }


.activeItem, .activeTransType { color: #FF6666; border-color: #FF6666; }

.activeReceiver { background-color: lightgrey; }

#changeAmount, #totalAmount, #cashAmount, #Transaction { color:red; }

.keypad { width:3em; height:2em; margin:.6em; font-size:110%; }  

.blur { visibility: hidden; } /*opacity: 0.1 }*/
.cell_dialog { padding: 10px; border: 2px solid #666; background: #eee; color:black; }

#menu { 
    position:absolute; top:0; left:0;
    padding:8px; 
    }
#main { 
    margin-left:120px;
    }
    #items { 
        margin:2px; 
        border:1px solid #cccccc; 
        padding:6px; 
        }
    #users { 
        display:inline-block; 
        margin:2px; 
        padding:6px; 
        }
    #controls { 
        display:inline-block; 
        margin:2px; 
        padding:6px; 
        }
    #inner_container {
        margin:2px; 
        border:1px solid #cccccc; 
        }
        #inner_container #keypad { 
            display:inline-block; /* sets width to size of content */
            margin:2px; 
            border:1px solid #cccccc;
            }
        #inner_container #register { 
            display:inline-block; /* sets width to size of content */
            vertical-align:top; 
            height:300px; 
            overflow-y:auto; 
            padding:3px;
            width:60%;/* hack fix */
            }
            #inner_container #register #tape { 
                table-layout:fixed; 
                }
#footer { }