div.calcpopup{display:none;position:absolute;background-color:#FFF;border:solid 2px #2a72ba;padding:0;font-size:0.867em;}
div.calcpopup > div{padding:4px;background-color:#2a72ba;color:#FFF;font-weight:bold;}
div.calcpopup ul{margin:0;padding:0 2px;list-style-type:none;}
div.calcpopup ul li{width:120px;padding: 5px;margin: 8px 5px;cursor:pointer;text-align:center;color:#FFF;}
div.calcpopup ul li.black{background-color:#000;}
div.calcpopup ul li.brown{background-color:#810002;}
div.calcpopup ul li.red{background-color:#BF0000;color:#FFF;}
div.calcpopup ul li.orange{background-color:#F47F00;}
div.calcpopup ul li.yellow{background-color:#FFFA00;color:#000;}
div.calcpopup ul li.green{background-color:#007300;}
div.calcpopup ul li.blue{background-color:#3200F0;}
div.calcpopup ul li.violet{background-color:#BF08F4;}
div.calcpopup ul li.grey{background-color:#A0A0A0;color: #000;}
div.calcpopup ul li.white{background-color:#FFF;color:#000;border:1px solid black;padding: 5px 4px;}
div.calcpopup ul li.gold{background-color:#C0813F;}
div.calcpopup ul li.silver{background-color:#E2E2E2;color:#000;}
div.calcpopup ul li:hover {opacity: 0.85;}
div.infotip,div.errortip{display:none;position:absolute;font-weight:bold;padding:4px 4px 4px 38px;color:#142946;background-position:7px 50%;background-repeat:no-repeat;max-width:220px;}
div.errortip{background-color: #FFEFEF;border:solid 1px #FFA0A0;border-left:4px solid #FFA0A0;background-image:url(../images/error_24.png);}
div.infotip{background-color:#EFF4FF;border:solid 1px #0A72BA;border-left:solid 4px #0A72BA;background-image:url(../images/info_24.png);}

div.calc{width:90%;margin:0 auto;padding:10px;text-align:center;font-size:small;font-family:"Comic Sans MS",Arial,sans-serif;border:1px darkgrey solid;}
table.calc{/* width: 90%; */font-weight:normal;font-size:small;font-family:"Comic Sans MS",Arial,sans-serif;margin:0 auto;padding:0;border:1px darkgrey solid;}
table.calc p{margin:5px 0;}
table.calc hr{height:1px;padding:0;margin:0;border:none;color:darkgrey;background-color:darkgrey;}
table.calc label{margin:5px 0;}
table.calc label.wrap{display:block;}
table.calc .padtop{margin-top:5px;}
td{padding:0 5px;border:1px darkgrey solid;}
td.calcleft{text-align:left;}
td.calccenter,td.calcresult{text-align:center;}
td.calcresult span,span.calcresult{font-weight:bold;color:red;}
td.calcresult span{display:block;}
td.calcarrow{width:79px;height:110px;background-image:url(jobbnyil.png);background-repeat:no-repeat;background-position:50%;border-width:1px 1px 0 1px;}
.calc input, .calc select{margin:8px 5px;}
.calc select{width:100px;height:22px;}
.calc input[type="button"]{margin:5px;}

@media only screen and (max-width: 680px){
table, th, td{display:block;}
table{width: 260px !important;border:0 !important;}
th, td{width:260px !important;border-width:1px 1px 0 1px;text-align:center !important;}
table.calc td:last-child{border-width:1px;padding:3px 5px}
td.calcresult span{display:inline;}
table.calc label{display:block;}
td.calcarrow{height:60px;background-image:url(lenyil.png);}
div.calc{width: inherit;}
}

@media only screen and (max-width: 350px){
  div.calcpopup ul li{width:150px;padding: 8px;margin: 12px 8px;}
	div.calcpopup ul li.white{padding:8px 7px;}
}