@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong,
 tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

iframe{
	position:	relative;
	top:		-50px;
	height:		360px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Calc4Chem - Scientific calculator for chemists  written by Eni Generalic - http://www.periodni.com/                             */
/* Copyright © 2008 by EniG. If you use a variant of this in your page, then please email me (eni.generalic@gmail.com)  */

/* --------------------------------------------------------- */
/*                            Calc4Chem                               */
/* --------------------------------------------------------- */

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="radio"] {
	-moz-appearance: radio;
	-webkit-appearance: radio;
}
input[type="checkbox"] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}

#calc4chem {
	position: relative;
	/*top: 15px;*/
	/*width: 529px;*/
	width:	240px;
	height: 348px;				/*  the body of the calculator */
	margin: auto;
	border: 6px outset;
	background: #e4e4e4;
	text-align: center;
	border-radius: 4px;
	color: #eee;
}
#calculator {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 237px;
	height: 343px;
	border: 0px ridge #f00;
	background: #e4e4e4;
	color: #fff;
}


#biljeska {   			/* biljeska = note */
	position: absolute;
	top: 3px;
	left: 267px;
	width: 256px;
	height: 365px;
	border: 0px ridge #999;
	background: #e4e4e4;
	color: #fff;
	display:	none;		/* hide the side memory pad */	
}


#konstante {
	position: absolute;
	top: 13px;
	left: 275px;
	width: 237px;
	height: 340px;
	border: 1px ridge #999;
	background: #fff;
	color: #fff;
	display: none;
	/*visibility: hidden;    visible hidden */
	text-align: center;
	overflow: auto;
}
#numformat {
	position: absolute;
	top: 138px;
	left: 5px;
	width: 230px;
	height: 225px;
	border: 1px ridge #999;
	display: none;
	background: #e4e4e4;
	color: #fff;
}
a {
	text-decoration: none;
}
.constnaslov {
	width: 180px;
	background: #FFFFFF;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	color: #3C75AA;
	font-size: 12pt;
	margin: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #cacaba solid;
}
.const {
	width: 180px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 11pt;
	margin: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #cacaba solid;
}
.const a:link {
	display: block;
	color: #AA0000;
	text-decoration: none;
}
.const a:visited {
	display: block;
	color: #036;
	text-decoration: none;
}
.const a:active {
	display: block;
	color: #AA0000;
	text-decoration: none;
}
.const a:hover {
	display: block;
	background: #F7FDFF;
	color: #AA0000;
	text-decoration: none;
}
.crta {
	position: absolute;
	top: 0px;
	left: 262px;
	width: 2px;
	height: 372px;
	border: 2px inset;
	background: #fff;  /* groove ridge */
	color: #fff;
}
.tipkovnica {    			/* the grey front plate of the calculator */
	position: absolute;
	top: 138px;
	left: 5px;
	width: 220px;
	height: 200px;
	background: #e4e4e4;
}
.displej {   			/* the display box  */
	position: absolute;
	top: 10px;
	left: 6px;
	width: 220px;
	height: 82px;
	border: 2px ridge #eee;
	background: #eee;
}
#numauto, #numsci, #numfix, #nummem, #numrad, #numdeg, #numgrad {
	position: absolute;
	margin-top: 2px;
	width: 24px;
	height: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
	color: #ccc;
	display: inline;
	border: 0px solid #e00;
	background: #eee;
}
#numauto {
	width: 26px;
	left: 2px;
	color: #000;
}
#numsci {
	left: 36px;
}
#numfix {
	left: 62px;
}
#nummem {
	left: 94px;
}
#numrad {
	left: 140px;
	color: #000;
}
#numdeg {
	left: 166px;
}
#numgrad {
	left: 192px;
}
.upit {
	position: absolute;
	top: 27px;
	left: 6px;
	width: 200px;
	height: 25px;
	border: 0px;
	background: #eee;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
	font-weight: 600;
	letter-spacing: 1px;
	color: #3C75AA;
}
.rezultat {					/* where the final answer appears */
	position: absolute;
	top: 52px;
	left: 6px;
	width: 200px;
	height: 25px;
	border: 0px;
	background: #eee;
	text-align: right;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 1px;
	color: #770000;
}
.formatbr {
	position: absolute;
	top: 35px;
	left: 12px;
	width: 200px;
	height: 95px;
	border: 1px solid #cdcdcd;
	background: #e8e8e8;
}
.formatnaslov {
	position: relative;
	margin-top: 5px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	color: #3C75AA;
	text-align: center;
}
.automatik, .scienc, .fiksed {
	position: absolute;
	left: 6px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #3C75AA;
	font-size: 10pt;
}
.automatik {
	top: 10px;
}
.scienc {
	top: 38px;
}
.fiksed {
	top: 66px;
}
.decnaslov {
	position: absolute;
	top: 10px;
	left: 110px;
	width: 110px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
	color: #1628E4;
	border: 0px solid #cdcdcd;
}
.decimal {
	position: absolute;
	top: 32px;
	left: 134px;
	width: 62px;
	height: 22px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
}
.separator {
	position: absolute;
	top: 66px;
	left: 60px;
	width: 150px;
	text-align: right;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
	color: #000;
	border: 0px solid #cdcdcd;
}
.rad {
	position: absolute;
	top: 140px;
	left: 12px;
	width: 200px;
	height: 21px;
	border: 1px solid #cdcdcd;
	background: #e8e8e8;
}
.deg {
	position: relative;
	margin: 4px;
	top: -1px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
}
.cls {
	position: absolute;
	top: 103px;
	left: 217px;
	width: 30px;
	height: 22px;
	color: #f00;
	display: none;
}


.zadatak {
	position: absolute;
	top: 98px;
	left: 7px;
	width: 220px;
	height: 28px;
	border: 2px groove #eee;
	background: #fff;
}


.unos {
	position: absolute;
	top: 1px;
	left: 4px;
	width: 210px;
	height: 23px;
	border: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	color: #3C75AA;
}
/*
.tekstarea {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 238px;
	//height: 317px;
	height: 200px;
	padding: 0px 0px 0px 5px;
	border: 2px groove #ccc;
	background: #fff;  
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	color: #3C75AA;
	overflow: auto;
}
*/

.n1, .n2, .n3, .n4 {
	position: absolute;
	top: 340px;
	height: 24px;
	width: 80px;
	padding: 0px;
	//background-color: #2076AF;
	background-color: #000066;
	border: 1px solid #000000;
	color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
	display: inline-block;
	border-radius: 4px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}
.n1:hover, .n2:hover, .n3:hover, .n4:hover {
	background-color: #AA0000;
}
.n1 {
	left: 8px;
}
.n2 {
	left: 91px;
}
.n3 {
	left: 174px;
}
.n4 {
	top: 174px;
	left: 85px;
}
.n2copy {
	position: absolute;
	left: 0px;
	top: 206px;
	width: 242px;
	color: #bbb;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 8pt;
	text-align: center;
}
.b11, .b12, .b13, .b14, .b15, .b16, .b21, .b22, .b23, .b24, .b25, .b26, .b31, .b32, .b33, .b34, .b35, .b36, .b55 {
	position: absolute;
	height: 20px;
	width: 35px;
	padding: 0px;
	background-color: #000066;
	border: 1px solid #000000;
	color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10pt;
	display: inline-block;
	border-radius: 4px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
	cursor: pointer;
}
.b36, .b55{
	background-color: #000000;
	width: 72px;
}
.b11:hover, .b12:hover, .b13:hover, .b14:hover, .b15:hover, .b16:hover, .b21:hover, .b22:hover, .b23:hover, .b24:hover, .b25:hover, .b26:hover, .b31:hover, .b32:hover, .b33:hover, .b34:hover, .b35:hover, .b36:hover {
	background-color: #AA0000;
}
.b41, .b42, .b43, .b44, .b45, .b46, .b51, .b52, .b53, .b54, .b56, .b61, .b62, .b63, .b64, .b65, .b66, .b71, .b72, .b73, .b74 {
	position: absolute;
	height: 28px;
	width: 35px;
	padding: 0px;
	//background-color: #2076AF;
	background-color: #000066;
	border: 1px solid #000000;
	color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16pt;
	display: inline-block;
	border-radius: 4px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
	cursor: pointer;
}
.b45, .b46, .b65, .b66, .b73 {
	font-size: 9pt;
}
.b41:hover, .b42:hover, .b43:hover, .b44:hover, .b45:hover, .b46:hover, .b51:hover, .b52:hover, .b53:hover, .b54:hover, .b56:hover, .b61:hover, .b62:hover, .b63:hover, .b64:hover, .b65:hover, .b66:hover, .b71:hover, .b72:hover, .b73:hover, .b74:hover {
	background-color: #AA0000;
}
.b75 {
	position: absolute;
	height: 28px;
	width: 72px;
	padding: 0px;
	//background-color: #2076AF;
	background-color: #000066;
	border: 1px solid #000000;
	color: white;
	text-align: center;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;
	border-radius: 4px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
}
.b55 {
	font-size: 9pt;
}
.b75 {
	font-size: 12pt;
}
.b55:hover, .b75:hover {
	background-color: #AA0000;
}
.b11, .b12, .b13, .b14, .b15, .b16 {
	top: 0px;
}
.b21, .b22, .b23, .b24, .b25, .b26 {
	top: 23px;
}
.b31, .b32, .b33, .b34, .b35 {
	top: 46px;
}
.b41, .b42, .b43, .b44, .b45, .b46 {
	top: 73px;
}
.b51, .b52, .b53, .b54,  .b56 {
	top: 105px;
}
.b61, .b62, .b63, .b64{
	top: 137px;
}
.b71, .b72, .b73, .b74, .b75, .b76 {
	top: 169px;
}
.b11, .b21, .b31, .b41, .b51, .b61, .b71 {
	left: 2px
}
.b12, .b22, .b32, .b42, .b52, .b62, .b72 {
	left: 39px
}
.b13, .b23, .b33, .b43, .b53, .b63, .b73 {
	left: 76px
}
.b14, .b24, .b34, .b44, .b54, .b64, .b74 {
	left: 113px
}
.b15, .b25, .b35, .b45, .b55, .b65, .b75 {
	left: 150px
}
.b16, .b26, .b36, .b46, .b56, .b66, .b76 {
	left: 187px
}
.b36 {
	top:	0px;
	left: 	150px;
}
.b55 {
	top:	23px;

}
.b65, .b66 {
	top:	105px;

}
/*                     END of  Calc4Chem                     */
/* --------------------------------------------------------- */

/*Eni Generalic, Split, Create: 1999/10/14; Update: 2008/02/27   */
/* Copyright © 2008 by EniG.   */

/* CSS modified by Creative Chemistry */