.printpage {
	width: 90%;
	text-align: right;
	padding: 0 20px 20px 0;
	margin: 40px 0 0 0;
	font: normal 14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-decoration: underline;
	background: url(../images/button-arrow.jpg) no-repeat right top;
}

#calculator { width: 520px; }
#calculator h1 { color: #000; font: normal 20px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0px; }
#calculator h2 { color: #fff; font: normal 13px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 5px; background: #878787; }
#calculator h2.info { background: #878787 url(../images/info_icon_h2.jpg) no-repeat 99% 6px; behavior: url("../iepngfix.htc"); cursor: pointer; }
#calculator h3 { color: #ff8a00; font: bold 16px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }

#calculator a { color: #ff9b26; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: underline; }
#calculator img { border: 0px none; }

#calculator p { color: #000; font: normal 12px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; }
#calculator p.header {
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 6px;
	background: #ff8a00;
	margin: 0 0 15px 0;
	vertical-align: top;
}
#calculator p.info {
	background: #ff8a00 url(../images/info_icon_p.jpg) no-repeat 96% 6px;
	cursor: pointer;
}
#calculator span.button {
	color: #000;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 20px 0 0;
	background: url(../images/button-arrow.jpg) no-repeat 100% 0px;
}
#calculator span.button { cursor: pointer; }
#calculator span.button:hover { cursor: pointer; text-decoration: underline; }
#calculator span.button a { font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; padding: 0 0 0 5px }
#calculator span.button a:hover { text-decoration: underline; }


#calculator input { margin: 0 0 0 5px; }
#calculator .chart span { padding: 0 10px 0 5px; font: normal 12px Arial, Helvetica, sans-serif; }
#calculator .chart .all {
	font: bold 12px Arial, Helvetica, sans-serif;
}
#calculator input.chart_input {
	float: left;
}
#calculator .chart_text {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 25px;
	display: block;
}

#calculator .left { float: left }
#calculator .color-box { width: 10px; height: 10px; float: left; margin: 5px 5px 0 10px; }
#calculator .red { background: #FF0000; }
#calculator .violet { background: #7e63a0; }
#calculator .blue { background: #0000FF; }
#calculator .green { background: #009900; }

#calculator p.select {}
#calculator p.select b { padding: 3px 0 0 0; display: block; float: left; }
#calculator p.select span { padding: 3px 7px 0 10px; display: block; float: left; }
#calculator p.select select { margin: 0 5px 0 0; display: block; float: left; }
#calculator p.select img { margin: 0 0 0 5px; }
#calculator p.select .button { margin: 0 0 0 5px; background: none; text-decoration: underline; cursor: pointer; }

#calculator .table { width: 100%; border: 1px solid #878787; border-collapse: collapse; }
#calculator .table td { font: normal 12px Arial, Helvetica, sans-serif; padding: 5px; border: 1px solid #878787; border-collapse: collapse; text-align: right; }
#calculator .table .header { background: #fcbd40; font: bold 12px Arial, Helvetica, sans-serif; text-align: left }
#calculator .table .first { text-align: right }
#calculator .table .bold { background: #fcbd40; text-align: right }
#calculator .table .limit { background: #e3e3e3; }
#calculator .table .right_al { text-align: left; font-weight: bold; }

#calculator .table_2 { border: 1px solid #878787; border-collapse: collapse; height: 200px; width: 510px }
#calculator .table_2 caption { color: #000; font: bold 14px Arial, Helvetica, sans-serif; margin: 10px 0; white-space: nowrap }

#calculator .family { width: 430px; }
#calculator .family div { width: 100%; height: 32px; clear:both; border-bottom: 1px solid #c0c0c0; }
#calculator .family div.header { border: 0px none; }
#calculator .family p { float: left; width: 120px; margin: 0 20px 0 0; padding: 5px; height: 20px; }
#calculator .family p.header { padding: 5px 5px 2px 8px; }
#calculator .family p.buttons { width: 80px; margin: 0px; padding: 5px; height: 20px; }
#calculator .family p input { width: 110px; border: 1px solid #8a8a8a; margin: 0 0 0 5px; }
#calculator .family p input.text { width: 110px; border: 0px none; margin: 0px; }
#calculator .family p input.edit { width: 110px; border: 1px solid #8a8a8a; margin: 0px; }	

#calculator .account { width: 520px; }
#calculator .account div { width: 100%; height: 32px; clear:both; border-bottom: 1px solid #c0c0c0; }
#calculator .account div.header { border: 0px none; }
#calculator .account p { float: left; width: 150px; margin: 0 0px 0 0; padding: 5px; height: 16px; line-height: 18px }
#calculator .account p.header { padding: 5px 5px 5px 8px; }
#calculator .account p.small { width: 60px; }
#calculator .account p.sm { width: 100px; }
#calculator .account p.buttons { width: 80px; margin: 0px; padding: 5px; height: 20px; }
#calculator .account p input { width: 130px; border: 1px solid #8a8a8a; margin: 0 0 0 5px; }
#calculator .account p select { width: 130px; border: 1px solid #8a8a8a; margin: 0 0 0 5px; }

#calculator .costs { width: 520px; }
#calculator .costs div { width: 100%; height: 32px; clear:both; border-bottom: 1px solid #c0c0c0; }
#calculator .costs div.header { border: 0px none; }
#calculator .costs p { float: left; width: 115px; margin: 0 20px 0 0; padding: 5px 5px 5px 8px; height: 16px; }
#calculator .costs p.sub { padding: 5px 5px 5px 15px; width: 112px }
#calculator .costs p.header { padding: 5px 5px 5px 8px; }
#calculator .costs p.small { 
	width: 190px
}
#calculator .costs p.buttons { width: 50px; margin: 0px; padding: 5px; height: 20px; }
#calculator .costs p input { width: 100px; border: 1px solid #8a8a8a; margin: 0 0 0 5px; }
#calculator .costs p input.small { 
	width: 130px;
	border: 1px solid #8a8a8a;
	margin: 0 0 0 5px
}
#calculator .costs p input.text { width: 110px; border: 0px none; margin: 0px; }
#calculator .costs p input.edit { width: 110px; border: 1px solid #8a8a8a; margin: 0px; }	

#calculator .incomes { width: 450px; }
#calculator .incomes div { width: 100%; height: 32px; clear:both; border-bottom: 1px solid #c0c0c0; }
#calculator .incomes div.header { border: 0px none; }
#calculator .incomes p { float: left; width: 120px; margin: 0 20px 0 0; padding: 5px 5px 5px 8px; height: 16px; }
#calculator .incomes p.sub { padding: 5px 5px 5px 15px; width: 112px }
#calculator .incomes p.header { padding: 5px 5px 5px 8px; }
#calculator .incomes p.buttons { width: 50px; margin: 0px; padding: 5px; height: 20px; }
#calculator .incomes p input { width: 100px; border: 1px solid #8a8a8a; margin: 0 0 0 5px; }
#calculator .incomes p input.text { width: 110px; border: 0px none; margin: 0px; }
#calculator .incomes p input.edit { width: 110px; border: 1px solid #8a8a8a; margin: 0px; }	

#calculator .costsincomes { width: 500px; }
#calculator .costsincomes div { width: 100%; height: 32px; clear:both; border-bottom: 1px solid #c0c0c0; }
#calculator .costsincomes div.header { border: 0px none; }
#calculator .costsincomes p {
	float: left;
	width: 80px;
	margin: 0 10px 0 0;
	padding: 5px;
	height: 16px;
}

#calculator .costsincomes p.day {
	width: 50px;
}
#calculator .costsincomes p.buttons { width: 20px; margin: 0px; padding: 5px; height: 20px; }
#calculator .costsincomes p input { width: 70px; border: 1px solid #8a8a8a; margin: 0 0 0 5px; }
#calculator .costsincomes p select {
	width: 75px;
	border: 1px solid #8a8a8a;
	margin: 0 0 0 5px;
}
#calculator .costsincomes p select.text { width: 120px; }
#calculator .costsincomes p.text { width: 130px; }
#calculator .costsincomes p input.text {
	width: 180px;
	border: 0px none;
	margin: 0px;
}
#calculator .costsincomes p input.edit { width: 80px; border: 1px solid #8a8a8a; margin: 0px; }	

#calculator div.next { 
	float: right;
	background: url(../images/button-arrow.jpg) no-repeat 100% 0px;
	text-align: right;
}
#calculator div.prev {
	background: url(../images/button-arrow-left.jpg) no-repeat 0% 0px;
	text-align: left;
}

#calculator div.next a, #calculator div.prev a {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
div.next a {
	padding-right: 20px;
}
div.prev a {
	padding-left: 20px;
}
#calculator div.next a:hover, #calculator div.prev a:hover { text-decoration: underline; }


.hr { height: 10px; border-bottom: 2px groove black; margin: 0 0 10px 0; }

#calculator .calc-table {
	border-collapse: separate;
	border-spacing: 2px;
}

#calculator .calc-table th {
	background: #FF8A00;
	color: #fff;
	font-weight:700;
	padding: 5px;
}

#calculator .calc-table .amount {
	width: 75px;
}

#calculator .calc-table td.amount {
	text-align: right;
}

#calculator .calc-table .amount input {
	text-align: right;
	font-size: 14px;
	width: 60px;
}

#calculator .calc-table .buttons {
	padding: 1px 5px;
	width:15px;
}

#calculator .calc-table .family {
	width: 150px;
}

#calculator .calc-table .article {
	width: 230px;
}

#calculator .calc-table .day,
#calculator .calc-table .day select {
	width: 40px;
}

#calculator .table_2 th {
	font-weight: 700;
	text-align: center;
}

#calculator .table_2 td {
	text-align:right
}

#calculator .table_2 td, .table_2 th {
	padding: 2px;
}
