#calc_wrapper
{
    background-color: rgba(0, 0, 0, 0.7);
    color: rgba(128, 128, 128, 0.9);
    text-align:center;
    font-size: medium;

    text-align:left;
}

#calc_wrapper #debug_results
{
    /* color:black; */
}

#calc_wrapper #resultsWrap:hover #debug_results
{
    color: inherit;
}

.main_result
{
    /* color: #87CEFA; */
}

#calc_wrapper table
{
    color: inherit;
}

#calc_wrapper a
{
    color:#555555;
    font-size:.8em;
    padding:0px 5px 5px 5px;
}

#calc_wrapper .err_margin
{
    padding-left: 8px;
    font-size: 0.9em;
    opacity: .9;
}

#calc_wrapper a:hover
{
    color:#aaaaaa;
}

#calc_wrapper .without_focus
{
    background-color:#222222;
}

#calc_wrapper th
{
    font-weight: normal;
    font-size:1.2em;
   
}

#calc_wrapper .percent
{
    font-family: Verdana;
    padding-left:4px;
    font-size: .8em;
    color: #444444;
}



#calc_wrapper select
{
    color: #808080;
    border: 2px solid black;
    background-color: rgba(0, 0, 0, 0.7);
    font-size:1.1em;
    height:32px;
min-width:150px;
}



#calc_wrapper option
{
    background-color: black; /* no help, chrome still broke */
    font-size:18px;

}






#calc_wrapper td
{
    font-size:1.2em;
    
}

#calc_wrapper .smallcard
{
    margin:0px;
    opacity:.7;
    text-align:center;
    color: #aaaaaa;
}

#calc_wrapper .usedcard
{
    opacity: .25;
}

#calc_wrapper .redcard
{
    color: red;
}

#calc_wrapper .selectedcard
{
    border: 2px solid #AA0000 !important;
}

#calc_wrapper .cardval
{
    display:block;
}

#calc_wrapper .card
{
    border: 2px solid gray;
    cursor:hand;cursor:pointer;
    float:left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#calc_wrapper .hidden_focus
{
    border:none;
    width:0px;
    height:0px;
}

.control
{
    font-family: "Lucida Console", Monaco, monospace;
    opacity: .5;
    padding: 6px 9px;
    font-size:1.2em;
}