body
{
    font-family: Sans-Serif;
    font-size: 12px;
    // background-color: #f0f0f0;
    background-color: rgb(44,54,167);
    margin: 0;
    padding: 0;
}

#app	{ position:absolute; margin:0; border:0; padding:0; background-color: rgb(64,64,64); overflow:hidden; }

.btn	{ position:absolute; margin:0; border:1px solid black; text-align:center; background-color:rgb(144,144,96); color:#000000; }
 
.inpLbl		{ position: absolute; margin:0; border:1px solid black; padding:2px; text-align:left;
		  background-color:lightgrey; color:#000000; }
.inpTxt		{ position: absolute; margin:0; border:1px solid black; padding:2px; background-color:white; color:#000000; }
.inpLst		{ position:absolute; overflow:scroll; background-color:rgb(240,255,240); }
.inpLst a		{ text-decoration:none; color:black; }
.inpLst a:visited	{ text-decoration:none; color:black; }
.guilist		{ padding: 2px; }
.guilist-selected	{ padding: 2px; background-color: #c0f0c0; }
#card		{ position:absolute; margin:0px; display:none; }
.crd		{ position:absolute; margin:0px; border:0px; padding:0px; overflow:hidden;
		  text-align:center; line-height:1; font-family:Arial,Helvetica,sans-serif; color:white; }
.crd1		{ font-weight: bold; }
.crd2		{ font-weight: normal; }
 
.calculator
{
    width: 320px;
    height: 480px;
    text-align: center;
    background-color: #555;
}

#internals
{
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    color: #FFF;
    border: 1px solid #000;
    background-color: #000;
    font-family: monospace;
    font-size: 12px;
    padding: 1px;
}

.registers
{
    padding-left: 4px;
    display: block;
    float: left;
    text-align: left;
    color: #fff;
}

.registers span
{
    display: inline-block;
    padding-right: 4px;
}

.display
{
    display: inline-block;
    width: 272px;
    height: 38px;
    border-radius: 5px;
    color: #F00;
    border: 1px solid Black;
    background-color: #400;
    font-weight: bold;
    font-size: 28px;
    font-family: monospace;
    text-align: center;
    padding: 12px 4px 4px 4px;
    margin-top: 28px;
    overflow: hidden;
    cursor: pointer;
}

.button
{
    cursor: pointer;
    position: absolute;
}

.mnuTxt
{
    position: absolute;
    color: Black;
}

.mnuBtn
{
    cursor: pointer;
    position: absolute;
    color: Black;
    border: 1px #444;
    background-color: #898;
}

.fast .display
{
    color: #0F0;
    background-color: #040;
}

.trace .display
{
    height: 28px;
    padding: 1px 4px 3px 4px;
    margin-top: 8px;
}

.spacer
{
    visibility: hidden;
}

.keys span
{
    display: inline-block;
    width: 40px;
    height: 18px;
    padding: 6px 4px 4px 4px;
    margin: 18px 4px 0 4px;
    border-radius: 5px;
    text-align: center;
    vertical-align: bottom;
    font-weight: bold;
    cursor: pointer;
}

.trace .keys span
{
    margin: 14px 4px 0 4px;
    height: 15px;
}

.keys .super
{
    height: 20px;
    padding-top: 4px;
}

.trace .keys .super
{
    height: 17px;
}

.keys .enter
{
    width: 102px;
}

.keys .runstop
{
    width: 60px;
    margin-left: 11px;
}

.keys .operator
{
    width: 20px;
    font-size: 12px;
}

.keys .gray
{
    color: Black;
    border: 1px #444;
    background-color: #999;
}

.keys .black
{
    color: White;
    border: 1px solid #000;
    background-color: #000;
}

.keys .dark
{
    color: White;
    border: 1px solid #333;
    background-color: #444;
}

.keys .blue
{
    color: Black;
    border: 1px solid #08A;
    background-color: #0AF;
}

.keys .orange
{
    color: Black;
    border: 1px solid #850;
    background-color: #F90;
}

.keys .white
{
    width: 60px;
    margin-left: 11px;
    color: Black;
    border: 1px solid #BBB;
    background-color: #EEE;
}

.trace .keys .white
{
    margin-left: 11px;
}

.info
{
    width: 284px;
    text-align: left;
    color: #fff;
    padding: 0 18px 0 18px;
}

.info a
{
    color: #fff;
}

.loginfo
{
    width: 284px;
    text-align: left;
    color: #000;
    background-color: #fff;
    padding: 0 18px 0 18px;
}