#calinfoout{background-color:#EEEEEE;width:258px;}
.calinfoinner{padding:5px;border-top:1px solid #262626;border-left:1px solid #262626;border-right:2px outset #262626;border-bottom:2px outset #262626;}
#calinfoout input{width:45px;height:30px;margin:2px;background-color:#FFF;font-family:arial,helvetica,sans-serif;font-size: 17px;border:1px solid #262626;}
#calinfoout #calInfoOutPut{width:242px;font-size:22px;padding:3px;cursor:text;text-align: right;background-color:#B8C6A3;color:#000000;}
#calinfoout .calinfonm{color:#FFF;font-weight:bold;background-color:#262626;}
#calinfoout .calinfoop{color:#262626;font-weight:bold;background-color:#cccccc;}
#calinfoout .calinfoeq{color:#FF0000;font-weight:bold;background-color:#DCADB0;}
#calinfoout .calinfofunc{color:#185290;font-weight:bold;background-color:#C8D8E8;height:23px;padding-bottom:1px;}


#sciout{
	padding:5px;
	border-top:1px solid #262626;
	border-left:1px solid #262626;
	border-right:2px outset #262626;
	border-bottom:2px outset #262626;
	background: #fff;
}
#sciOutPut{
	font-size:20px;
	padding:3px;
	margin:2px;
	cursor:text;
	text-align:right;
	background-color:#336699;
	border:1px solid #336699;
	border-radius: 0px;
	color:#fff;
}
.scifunc{
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	width:50px;
	height:30px;
	margin:1px;
	border:1px solid #a2bbd4;
	border-radius: 3px;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background-color:#e5ecf3;
}
.scifunc:active {
	background-color:#000;
	color:#ffffff;
}
.scinm{
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	text-align:center;
	width:50px;
	height:30px;
	margin:1px;
	border:1px solid #336699;
	border-radius: 3px;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background-color:#aec0d3;
}
.scinm:active {
	background-color:#aaaaaa;
	color:#000000;
}
.sciop{
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	text-align:center;
	width:50px;
	height:30px;
	margin:1px;
	border:1px solid #a2bbd4;
	border-radius: 3px;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background-color:#e5ecf3;
}
.sciop:active {
	background-color:#000000;
	color:#ffffff;
}
.scird{
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	height:30px;
	margin:1px;
	border:1px solid #eeeeee;
	border-radius: 3px;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	color:#262626;
}
.scieq{
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	text-align:center;
	width:50px;
	height:30px;
	margin:1px;
	border:1px solid #336699;
	border-radius: 3px;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background-color:#aec0d3;
}
.scieq:active {
	background-color:#ff0000;
	color:#ffffff;
}

#scihistory, #scihistory div{
	font-size:13px;
	color:#888;
	text-align:right;
	overflow: hidden;
	width:268px;
}
#sciInPut{
	font-size:18px;
	color:#000;
	text-align:right;
	overflow: hidden;
	width:268px;
	word-wrap: break-word;
	margin-bottom:-2px;
}
#sciInPut b{
	color:#ccc;
	font-weight:bold;
}

/* Modern scientific keypad refresh */
#homecaldiv #sciout,
body #sciout{
	background:#111b2b;
	border:1px solid rgba(255,255,255,.16);
	border-radius:8px;
	box-shadow:0 18px 38px rgba(17,27,43,.22);
	padding:12px;
}
body #sciOutPut{
	background:#eaf7f3;
	border:1px solid #b7d8cc;
	border-radius:8px;
	color:#102033;
	font-size:24px;
	min-height:44px;
	padding:7px 10px;
}
body #sciInPut{
	color:#9fb1c4;
	font-size:15px;
	min-height:23px;
	padding:2px 5px;
}
body #sciInPut b{
	color:#ffffff;
}
body .scifunc,
body .sciop,
body .scinm,
body .scieq{
	border:0;
	border-radius:8px;
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.14);
	color:#172033;
	cursor:pointer;
	font-weight:700;
	height:36px;
	margin:2px;
	transition:background-color .12s ease, color .12s ease, transform .12s ease;
	width:52px;
}
body .scifunc,
body .sciop{
	background:#dfe8f0;
}
body .scinm{
	background:#ffffff;
}
body .scieq{
	background:#a85f16;
	color:#fff;
}
body .scifunc:hover,
body .sciop:hover,
body .scinm:hover{
	background:#cddbe7;
}
body .scieq:hover{
	background:#8f4c0c;
}
body .scifunc:active,
body .sciop:active,
body .scinm:active,
body .scieq:active{
	transform:translateY(1px);
}
body .scird{
	border:1px solid rgba(255,255,255,.14);
	border-radius:8px;
	color:#dce8f4;
	height:36px;
	padding:4px;
}
body .scird label,
body .scird input{
	cursor:pointer;
}
body #scihistory,
body #scihistory div{
	color:#9fb1c4;
	width:100%;
}

@media (max-width:650px){
	body #sciout{
		width:100%;
	}
	body .scifunc,
	body .sciop,
	body .scinm,
	body .scieq{
		width:48px;
	}
}