.intro-text-box
{
	background-color: #F1F2EF;
}
table.simple td
{
	text-align: right;
}
table.simple th, table#visualize th, table.left-align th
{
	text-align: left;
}
.incomeType
{
	width: 25em;
}
.incomeFrequency
{
	width: 7.5em;
}
.expenseFrequency
{
	width: 6.8em;
}
.category
{
	width: 13.5em;
}
input.expenses
{
	width: 18.4em;
}
input.amount
{
	width: 8em;
	text-align: right;
}
.expensesAmount
{
	width: 7.8em;
	text-align: right;
}
input.half-long, select.half-long
{
	width: 95%;
}
span.smaller
{
	color: #666;
	margin: 1em 0;
	font-size: 0.85em;
}
.sub-total
{
	font-weight: bold;
	font-size: 15px;
	color: #333333;
}
#Income .sub-total
{
	padding-right: 2em;
}
#Expenses .sub-total
{
	padding-right: 0.5em;
}
.section-gray
{
	background-color: #EFF0EC;
}
.warning
{
	background: #FFFFCC url(/App_Themes/Common/images/icons/icon-sm-error.gif) no-repeat scroll 5px 5px;
	border: 1px solid #666666;
	padding: 5px 10px 5px 30px;
}
table.result-table thead, table.input-table thead
{
	color: #666666;
}
table.input-table td
{
	padding-top: 0.2em;
}
.table-font-size
{
	font-size: 1.2em !important;
}
table.result-table thead th, table.result-table thead td
{
	font-weight: normal;
	font-size: 11px;
}
table.result-table thead td
{
	text-align: right;
}
table.result-table tr
{
	height: 2em;
}
table.result-table tbody td, table.result-table tfoot td
{
	text-align: right;
}
table.result-table th, table.result-table td
{
	padding: 0.5em 2em 0.5em 1em;
}
.Expense-color
{
	color: #FF6600;
}
.Income-color
{
	color: #339900;
}
.result-table tfoot th, .result-table tfoot td
{
	border-top: solid 3px #DDD;
}
input.calculatesubmit
{
	background: transparent url(             '/App_Themes/National/Images/calculators/btn-calc.gif' ) no-repeat top left;
	display: block;
	width: 77px;
	height: 22px;
	border: 0;
	cursor: pointer;
}

input.calculatesubmit:hover
{
	background: transparent url(             '/App_Themes/National/Images/calculators/btn-calc-hv.gif' ) no-repeat top left;
}

input.calculatesubmit
{
	width: 77px;
	margin-left: 5px;
	float: right;
}
.select-free
{
	position: absolute;
	z-index: 10; 
	overflow: hidden; 
	width: 311px; 
}
#Expenses .select-free
{
	width: 225px; 
}
.select-free iframe
{
	display: none; 
	display: /**/ block;
	position: absolute; 
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 3000px; 
	height: 3000px 
}
input.combine
{
	width: 23.5em; 
	*width:23.3em;
	height:16px;
	border:solid 1px #999;
	border-right:none;
	position:relative;
	z-index:100;
	_height: 18px;
	_width: 23.5em; 
}
#Expenses input.combine
{
	width: 17.0em; 
	*width:16.8em;
	height:16px;
	_height:18px;
	_width: 17.0em; 
}
select.combine
{
	border: solid 1px #999;
	height: 20px;
	width: 25em;
	position: relative;
	top: -20px; 
	*top:-1.63em;
	z-index:1;
	_top: 1px;
}
#Expenses select.combine
{
	width: 18.5em;
	top: -20px;
	*top:-21px;
	_top: 1px;
}
#budgetPlanner .fixedheight
{
	_height: 48px;
}
#budgetPlanner .fixedheight .adjust *
{
	margin-top: 1px;
}
#budgetPlanner #AddNewIncome .top-neg20, #budgetPlanner #AddNewExpense .top-neg20 /* Effect error message below combined input & select */ /* All browser except IE6 need top-negative positioning but IE6 does not. */
{
	_position: static;
}
.top-25
{
	position: relative;
	top: 25px;
}
.top-neg25
{
	position: relative;
	top: -25px;
}
.top-neg18
{
	position: relative;
	top: -18px;
}
tr.inputRow td
{
	vertical-align: middle;
}
tr.fixedheight td
{
	vertical-align: top;
}
.half-padding-left
{
	padding-left: 0.5em;
}
.error-message
{
	color: Red;
	_z-index: 100;
	_top: 0;
}
@media print
{
	#hd, #navigation
	{
		display: none;
	}
	#Income, #Expenses
	{
		display: block;
	}
	.prev-next-btn, #AddNewIncome, #AddNewExpense
	{
		display: none;
	}
	#budgetPlanner .allowPrint
	{
		display: block !important;
	}
	.inner-content
	{
		width: 600px;
	}
	#NationalBankLogo
	{
		display: block;
	}
}
/* overwriting default jquery.ui.css */

#budgetPlanner .ui-widget-header
{
	/* This attributes enable clicking buttons on the right for Firefox. */
	margin-right: 200px;
}
#budgetPlanner .ui-widget input, #budgetPlanner .ui-widget select, #budgetPlanner .ui-widget textarea, #budgetPlanner .ui-widget button
{
	font-size: 1.1em;
}

/* Be carful when merge these clases into presentation.css as they effect the other pages  */
/* They are outsite #budgetPlanner and hard to specify */
.ui-dialog .ui-widget-header
{
	background: #ADBCA0 none repeat scroll 0 0;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
}
.ui-dialog .ui-dialog-content
{
	background-color: #fff;
}
/* until here */