@charset "utf-8";
/*-----------------------------------------------
 * Developed by blackhauz.com.br - 2012 ---------
 * Author Rafael Carvalho Oliveira --------------
 * ---------------------------------------------*/
/*
 * Index
 * ----------------------------------------------
 *
 * 01 - Reset
 * 02 - Calculator
 *
 * -----------------------------------------------*/

/*
 * 01 - Reset
 * ----------------------------------------------*/
.blackCalculator {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.blackCalculator * {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
/*
 * 02 - Calculator
 * ----------------------------------------------*/
.blackCalculator {
	background-color: #f8f8f8;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border: 1px solid #e8e8e8;
	border-top: none;
	color: #a7a9ac;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
	font-size: 14px;
	height: 300px;
	margin: 0 10px 10px 10px;
	padding: 15px;
	position: relative;
	width: 210px;
}
.blackCalculator a {
	color: #636363;
	font-weight: bold;
	height: 16px;
	outline: none;
	text-decoration: none;
}
.blackCalculator a:hover {
	color: #98cb4f;
	text-decoration: none;
}
.blackCalculator .clear {
	clear: both;
	display: none;
}
.blackCalculator sup {
	font-size:smaller;
	vertical-align: super;
}
.blackCalculator label {
	display: none;
}
.blackCalculator input[type=text] {
	height: 30px;
	margin-bottom: 15px;
	outline: none;
	width: 180px;
}
.blackCalculator div {
	padding: 0;
	margin: 0;
}
.blackCalculator a {
	background-color:#f8f8f8;
	border: 1px solid #dedede; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 0px 35px 5px #B7B7B7;
	box-shadow: inset 0px 0px 35px 5px #B7B7B7;
	color: #000;
	display: block;
	float: left;
	margin-bottom: 12px;
	margin-left: 5px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 16px;
}
.blackCalculator a:hover {
	-webkit-box-shadow: inset 0px 0px 35px 5px #949494;
	box-shadow: inset 0px 0px 35px 5px #949494;
	color: #000;
}
.blackCalculator a[title="1"],
.blackCalculator a[title="2"],
.blackCalculator a[title="3"],
.blackCalculator a[title="4"],
.blackCalculator a[title="5"],
.blackCalculator a[title="6"],
.blackCalculator a[title="7"],
.blackCalculator a[title="8"],
.blackCalculator a[title="9"],
.blackCalculator a[title="0"],
.blackCalculator a[title=","] {
	background-color: #E19D82;
	border: 1px solid #B58038;
	-webkit-box-shadow: inset 0px 0px 45px 5px #C94E1D;
	box-shadow: inset 0px 0px 35px 5px #C94E1D;
	color: #FFF;
}
.blackCalculator a[title="1"]:hover,
.blackCalculator a[title="2"]:hover,
.blackCalculator a[title="3"]:hover,
.blackCalculator a[title="4"]:hover,
.blackCalculator a[title="5"]:hover,
.blackCalculator a[title="6"]:hover,
.blackCalculator a[title="7"]:hover,
.blackCalculator a[title="8"]:hover,
.blackCalculator a[title="9"]:hover,
.blackCalculator a[title="0"]:hover,
.blackCalculator a[title=","]:hover {
	background-color: #DD9273;
	border: 1px solid #AD6E17; 
	-webkit-box-shadow: inset 0px 0px 45px 5px #C33A03;
	box-shadow: inset 0px 0px 35px 5px #C33A03;
	color: #FFF;
}
.blackCalculator a[title="="] {
	background-color: #898989;
	border: 1px solid #4F4F4F;
	-webkit-box-shadow: inset 0px 0px 45px 5px #2B2B2B;
	box-shadow: inset 0px 0px 35px 5px #2B2B2B;
	color: #FFF;
}
.blackCalculator a[title="="]:hover {
	background-color: #7A7A7A;
	border: 1px solid #1C1C1C; 
	-webkit-box-shadow: inset 0px 0px 45px 5px #0F0F0F;
	box-shadow: inset 0px 0px 35px 5px #0F0F0F;
	color: #FFF;
}
.blackCalculator a[title="/"],
.blackCalculator a[title="*"],
.blackCalculator a[title="-"],
.blackCalculator a[title="+"] {
	background-color: #BACDDF;
	border: 1px solid #4471B0; 
	-webkit-box-shadow: inset 0px 0px 45px 10px #7AA0C3;
	box-shadow: inset 0px 0px 45px 10px #7AA0C3;
	color: #000;
}
.blackCalculator a[title="/"]:hover,
.blackCalculator a[title="*"]:hover,
.blackCalculator a[title="-"]:hover,
.blackCalculator a[title="+"]:hover {
	background-color: #B0C7DB;
	border: 1px solid #2056A2;
	-webkit-box-shadow: inset 0px 0px 45px 10px #6893BB;
	box-shadow: inset 0px 0px 45px 10px #6893BB;
	color: #000;
}
.blackCalculator form {
	width: auto;
}
.blackCalculator form .submit input[type=submit] {
	background: #98cb4f;
	border: 1px solid #73bf41;
	cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 10px 1px #80AA46;
	box-shadow: inset 0px 0px 10px 1px #80AA46;
	color: #fff;
	padding: 8px 10px;
	text-shadow: none;
}
.blackCalculator form .submit input[type=submit]:hover {
	background: #8EBF4A;
}
.blackCalculator form input[type=text] {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	-webkit-box-shadow: inset 0px 0px 10px 1px #A0A0A0;
	box-shadow: inset 0px 0px 10px 1px #A0A0A0;
	color: #a7a9ac;
	padding: 10px 15px;
	font-size: 18px;
}
.blackCalculator form input[type=text]:hover {
	-webkit-box-shadow: inset 0px 0px 10px 1px #A0A0A0;
	box-shadow: inset 0px 0px 10px 1px #A0A0A0;
}