#calc-left-margin{float:left;width:23.5%;}
#calc{  width:480px;
        border-radius:15px;
        -moz-border-radius:15px;
        -webkit-border-radius:15px;
        border:1px solid #555;
        box-shadow:0px 1px 5px #aaa;
        -webkit-box-shadow:0px 1px 5px #aaa;
        background-color:rgba(100,100,100,0.6);
        /*background-image:url('../image/earth1.jpg');
        background-size:   cover;
        background-repeat: no-repeat;*/
        margin:50px 0 10px 0;padding:8px 15px 20px 15px;}

#screen{ /*border-radius:2px;
        -moz-border-radius:1px;
        -webkit-border-radius:2px;
        border:1px solid #333;*/
        position:relative;
        text-align:center;
        margin:25px 10px;padding:0;}
#screen h3{color:#fff}
#calc ul {list-style:none;margin:0px;}
#calc ul li {background:none;display:inline-block;text-align:center;height:auto;position:relative;}
#calc ul li p{color:#ddd;margin:0;font-size:12px;padding:0}
#calc ul li a{font-family:'Yanone Kaffeesatz';font-size:1.4em;font-weight:200;opacity:0.9;
              width:110px;height:auto;display:block;
              margin:20px 15px 3px 15px; padding:10px 0;
              border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#calc ul li a.active{color:#3366ff;background:#ccc;} 
#calc ul li a.active:hover{color:#fff;background:#3366ff;}
#calc ul li a.active2{color:red;background:#ccc;opacity:0.9;}
#calc ul li a.active2:hover{color:#fff;background:Crimson;}
#calc ul li a.nonactive{color:#aaa;background:#ccc;}

#bboutput{color:#ff0000; margin:0px 20px;}

/*old useless */
#trio{width:33.3%;position:relative;}
#trio p{color:#999;margin:0;font-size:12px;}
#trio button[type="submit"]{
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        background:#ccc;
        cursor:pointer;text-align:center;
        padding:0;margin:17px 0 3px 0;
        width:9em;height:3.5em;}
#active{color:#3366ff;}
#nonactive{color:#aaa;}
#active2{color:#ff0000;}