.table_panel
{
	width: 100%;
	height: 280px;
	overflow-y: auto;
	overflow-x: hidden;

	border: 1px #DDDDDD solid;

	empty-cells: show;
}

.table_header
{
	width: 100%;
	height: 20px;
	color: white;
	text-align: center;
	/*white-space: nowrap;*/

	table-layout:fixed;
	padding-bottom: 2px;

	font-size: 8pt;
	font-weight: bold;
	font-family:verdana,arial,tahoma,helvetica,sans-serif;
}

.table_header_
{
	height: 20px;
	color: white;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	font-family:verdana,arial,tahoma,helvetica,sans-serif;
}

.table_header_cell
{
	cursor: pointer;
	overflow: hidden;
	/*white-space: nowrap;*/

	background-image: url(images/ui/table/header_bg.png);
}

.table_content
{
	color:black; font-size: 9pt; font-family: arial;	width: 100%;
	color:gray;
	font-size: 8pt;

	table-layout:fixed;
	empty-cells: show;

	cursor: default;
}

.table_row_highlighted
{
	background: yellow;
}

.table_cells,
.table_cell_first,
.table_cell_date,
.table_cell_type,
.table_cell_amount,
.table_cell_amount_credit
{
	overflow: hidden;
	white-space: nowrap;

	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;

	empty-cells: show;
}

.table_cell_first
{
	border-left: 1px #DDDDDD solid;
}

.table_cell_amount_credit
{
	color: black;
	text-align: right;
	font-weight: bold;

}

.table_cell_amount,
.table_cell_right
{
	text-align: right;
}

.table_cell_type,
.table_cell_date
{
	text-align: center;
}
.ui_shadow
{
	position: absolute;
}

.ui_shadow_middle
{
}

.ui_shadow_corner,
.ui_shadow_left,
.ui_shadow_right,
.ui_shadow_top,
.ui_shadow_bottom
{
	opacity: 0.3;
	filter:alpha(opacity=30);
}

.ui_shadow_left
{
	width: 9px;
	background-repeat: repeat-y;
	background-position: left;
	background-image:url(images/ui/shadow/left.png);
}

.ui_shadow_right
{
	width: 9px;
	background-repeat: repeat-y;
	background-position: right;
	background-image:url(images/ui/shadow/right.png);
}

.ui_shadow_top
{
	height: 9px;
	background-repeat: repeat-x;
	background-position: top;
	background-image:url(images/ui/shadow/top.png);
}

.ui_shadow_bottom
{
	height: 9px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image:url(images/ui/shadow/bottom.png);
}


.ui_window
{
	overflow: hidden;
	border: #77a6c7 1px solid;
	background-color: #ece9d8;
}

.ui_window_title,
.ui_window_titlebar
{
	color:black; font-size: 9pt; font-family: arial;}

.ui_window_titlebar
{
	height: 16px;
	width: 100%;

	color: white;
	font-weight: bold;

	padding: 2px;
	border-bottom: #77a6c7 1px solid;
	background-image: url(images/ui/window/title_bg.png);

	padding-left: 5px;

	cursor: move;
}


.ui_window_button,
.ui_window_button_over,
.ui_window_button_down
{
	width: 29px;
	height: 15px;
	cursor: default;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

.ui_window_button_over
{
	background-position: -29px 0px;
}

.ui_window_button_down
{
	background-position: -58px 0px;
}



.ui_helptip
{
	padding: 3px;
	border: #77a6c7 1px solid;
	background: white;
}

.ui_helptip_title
{
	color:black; font-size: 9pt; font-family: arial;	color: #309EC6;
}

.ui_helptip_titlebar
{
	font-weight: bold;
	padding: 2px;
	background-image: url(images/ui/window/title_bg_simple.png);
}

.ui_helptip_pane
{
	padding: 5px;
}
.ui_popup
{
	color:black; font-size: 9pt; font-family: arial;	white-space: nowrap;
	background-color:#ffffff;
}

.ui_popup_left
{
	width: 6px;
	background-repeat: repeat-y;
	background-position: left;
	background-image:url(images/ui/popup/left.png);
}

.ui_popup_right
{
	width: 6px;
	background-repeat: repeat-y;
	background-position: right;
	background-image:url(images/ui/popup/right.png);
}

.ui_popup_top
{
	width: 6px;
	background-repeat: repeat-x;
	background-position: top;
	background-image:url(images/ui/popup/top.png);
}

.ui_popup_bottom
{
	width: 6px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image:url(images/ui/popup/bottom.png);
}
.ui_toolbar
{
	height: 22px;

	color:black; font-size: 9pt; font-family: arial;
	color: white;
	font-size: 9pt;
	white-space: nowrap;

	background-image: url(images/ui/toolbar/background.png);
}

.ui_toolbar_item,
.ui_toolbar_item_over
{
	cursor: default;
	text-align: center;
	white-space: nowrap;

	padding: 2px;
}

.ui_toolbar_item_over
{
	padding: 1px;

	border: #77a6c7 1px solid;
	background-color: #86bbd2;
}




.ui_toolbar_ul
{
	line-height: normal;
	cursor: auto;
	color: #444;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ui_toolbar_li
{
	white-space: nowrap;
	display: block;
	float: left;
	margin: 0px 0px 3px;
}

.ui_toolbar_a
{
	padding: 6 6 6 6;
	display: block;
}

.ui_toolbar_separator
{
	display: block;
	color: #cccccc;
	padding: 6 2 6 2;
	font-size: 12pt;
}
.ui_calendar
{
	width: 200px;
	border: #77a6c7 1px solid;
	background-color: #ffffff;
}

.ui_calendar_header
{
	color:black; font-size: 9pt; font-family: arial;	width: 100%;
	color: #309EC6;
	font-size: 10pt;
	text-align: center;
	padding: 4px;
	cursor: default;
}

.ui_calendar_body,
.ui_calendar_body_selected
{
	color:black; font-size: 9pt; font-family: arial;	width: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: default;
}

.ui_calendar_body_over
{
	padding: 0px;
	color: #309EC6;
	border: #d2dcef 1px solid;
	background-color: #f4f4f4;
}

.ui_calendar_cell_month,
.ui_calendar_cell_month_over
{
	height: 40px;
	vertical-align: middle;
	cursor: default;
}

.ui_calendar_cell_month_over
{
	padding: 0px;
	color: #309EC6;
	border: #d2dcef 1px solid;
	background-color: #f4f4f4;
}

.ui_monthselector
{
	color:black; font-size: 9pt; font-family: arial;	width: 230px;
	color: #309EC6;
	font-size: 12pt;
	font-weight: bold;
}

.ui_periodselector
{
	color:black; font-size: 9pt; font-family: arial;	width: 400px;
	color: #309EC6;
	font-size: 12pt;
}
.ui_smartpopup
{
	overflow: hidden;
	vertical-align: top;
	padding: 1px;
	border: #77a6c7 1px solid;
	background-color: #ffffff;
}

.ui_smartmenu
{
	width: 100%;
	padding: 1px;
	color:black; font-size: 9pt; font-family: arial;}

.ui_smartitem,
.ui_smartitem_over
{
	cursor: default;
}

.ui_smartitem_over
{
	background-repeat: repeat-x;
	background-position: 0px -22px;
	background-image: url(images/ui/popup/item_bg.png);
}
.calculator
{
	width: 120px;
	margin: 3px;
}

.calculator_screen
{
	width: 100%;
	height: 20px;
	color:black; font-size: 9pt; font-family: arial;	margin-bottom: 3px;
}


.calculator_use,
.calculator_clear,
.calculator_button
{
	width: 28px;
	color:black; font-size: 9pt; font-family: arial;	color: #0000ff;
	font-size: 10pt;
}

.calculator_use
{
	width: 100%;
}

.calculator_clear
{
	color: #ff0000;
}
.ui_dropdown_button,
.ui_dropdown_button_over,
.ui_dropdown_button_down
{
	width: 17px;
	height: 19px;
	cursor: default;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	vertical-align:bottom;
}

.ui_dropdown_button_over
{
	background-position: -18px 0px;
}

.ui_dropdown_button_down
{
	background-position: -36px 0px;
}


.ui_uploader
{
	color:black; font-size: 9pt; font-family: arial;}
img
{
	border:none;
}

.page_menu
{
	width: 185px;
	float: left;
	color:#0A79A8;
	font-family:Verdana,Century Gothic;
	font-size: 90%;
	line-height:1.5;
	text-align: left;
	margin-top: 50px;
	margin-right: 20px;

}

.page_menu a
{
	color:#0A79A8;
	text-decoration:none;
}

.page_menu_selected
{
	font-weight: bold;
}

.page_menu_separator
{
	font-size: 7pt;
	line-height:0.75;
}


.page_area,
.page_text
{
	color:gray;
	font-family:Century Gothic,Verdana,Tahoma,Arial;
	font-size:10pt;
}

.page_area
{
	width: 500px;
	float: left;
}

.page_area a
{
	color:#0A79A8;
}

.page_title
{
	border-bottom:1px solid;
	color:#309EC6;
	font-family: Arial,Verdana,Tahoma,Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	width: 450px;
}

.page_title2
{
	color:#309EC6;
	font-family: Arial,Verdana,Tahoma,Century Gothic;
	font-size: 14pt;
	font-weight: bold;
}

.page_text_large
{
	font-size:10.5pt;
}

.page_text_caps
{
	font-family:Verdana,Tahoma,Arial;
	font-variant:small-caps;
	font-weight:bold;
}

.page_subtitle
{
	color: #309EC6;
	font-size: 12pt;
	font-weight: bold;
}

.page_fieldset
{
	font-size: 10pt;
	font-family:Verdana,Tahoma,Arial;
	padding-left: 20px;
	border:1px solid #309EC6;
}

.page_fieldset_title
{
	color: #309EC6;
	font-weight: bold;
}

.page_footnote
{
	font-size: 7pt;
}

.page_freeaccount
{
	width: 193px;
	height: 65px;
	text-align: center;
	padding-top: 15px;
	background-image: url(images/signup.png);
	background-repeat: no-repeat;
}

.page_freeaccount a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}


.form_label
{
	font-size: 8pt;
	font-weight: bold;
}

.form_button
{

}

.form_input
{
	height: 19px;
	font-size: 8pt;
	font-family:Verdana,Tahoma,Arial;
}

.form_panel_border
{
	overflow: auto;
	border:1px solid #309EC6;
}







.basiclabel
{
	color:black; font-size: 9pt; font-family: arial;}


.label,
.labelfield
{
	color:black; font-size: 9pt; font-family: arial;	white-space: nowrap;
}


.textfield,
.dropdown
{
	height: 19px;
	color:black; font-size: 9pt; font-family: arial;}

.clickicon
{
	cursor: pointer;
	vertical-align:middle
}

.radiotext
{
	cursor: default;
}

.scrollpane
{
	color:black; font-size: 9pt; font-family: arial;
	overflow: auto;
	background: #f4f4f4;
	border: #64748c 1px solid;
}

.windowpane
{
	color:black; font-size: 9pt; font-family: arial;
	padding: 10px;
}

.button
{
	height: 20px;
	color:black; font-size: 9pt; font-family: arial;	border: #64748c 1px solid;
	background-image: url(images/ui/button/background.png);
}







.account_menu,
.account_menu_info
{
	border: 1px solid #127DAB;
	color: gray;
	font-family: Verdana,Tahoma,Arial;
	font-size: 9pt;
}

.account_menu_header
{
	height: 20px;
	color: white;
	font-weight: bold;
	padding-left: 8px;
	background-image: url(images/menu_header_bg.png);
}

.account_menu a
{
	color: #0A79A8;
	font-family: Century Gothic,Tahoma,Arial;
	font-size: 10pt;
	text-decoration: none;
}

.account_menu a:hover
{
	font-weight: bold;
	text-decoration: underline;
}











body
{
	font-size: 85%;
	font-family: arial;
	margin: 5;
}



.footer
{
	color: white;
	font-size: 100%;
	background-repeat: repeat-x;
	background-image:url(images/page/page.png);
	background-position: 0px -350px;
}

.footer_left,
.footer_right
{
	width: 16;
	height: 40;
	background-repeat: no-repeat;
	background-image:url(images/page/page.png);
	background-position: 0px -270px;
}

.footer_right
{
	background-position: 0px -310px;
}

.footer_version,
.footer_copyright
{
	font-size: 80%;
	white-space: nowrap;
}

.footer_links
{
	width: 100%;
	white-space: nowrap;
	text-align: center;
}

.footer_links a
{
	color: white;
	text-decoration: none;
}

.footer_links a:hover
{
	text-decoration: underline;
}






.header
{
	color: white;
	font-size: 100%;
	margin-bottom: 10;
	background-repeat: repeat-x;
	background-image:url(images/page/page.png);
	background-position: 0px -180px;
}

.header a
{
	color: white;
	text-decoration: none;
}

.header_left,
.header_right
{
	width: 16;
	height: 90;
	background-repeat: no-repeat;
	background-image:url(images/page/page.png);
	background-position: 0px 0px;
}

.header_right
{
	background-position: 0px -90px;
}

.header_sp
{
	width: 100%;
	font-size: 250%;
	font-family: impact;
	padding-left: 5;
}

.header_icon
{
	white-space: nowrap;
	text-align: center;
	padding-left: 10;
	padding-right: 10;
}

.header_icon a:hover
{
	text-decoration: underline;
}


.header_aboutus,
.header_blog,
.header_contact,
.header_sign,
.header_logo
{
	width: 50;
	height: 50;
	border: 0;
	background-repeat: no-repeat;
	background-image:url(images/page/page.png);
	background-position: 0px -698px;
}

.header_blog
{
	background-position: 0px -748px;
}

.header_contact
{
	background-position: 0px -798px;
}

.header_sign
{
	background-position: 0px -848px;
}

.header_logo
{
	background-position: 0px -898px;
}




.content
{
	color: #444;
	font-size: 100%;
	margin-bottom: 10;
}

.content_body
{
	width: 100%;
	height; 100%;
}

.content_corner
{
	width: 16;
	height: 16;
}

.content_top_left,
.content_top,
.content_top_right,
.content_bottom_left,
.content_bottom,
.content_bottom_right
{
	background-repeat: no-repeat;
	background-image:url(images/page/page.png);
	background-position: 0px -570px;
}

.content_top
{
	background-repeat: repeat-x;
	background-position: 0px -586px;
}

.content_top_right
{
	background-position: 0px -602px;
}

.content_bottom_left
{
	background-position: 0px -618px;
}

.content_bottom
{
	background-repeat: repeat-x;
	background-position: 0px -634px;
}

.content_bottom_right
{
	background-position: 0px -650px;
}

.content_left,
.content_right
{
	background-repeat: repeat-y;
	background-image:url(images/page/page_sides.png);
	background-position: 0px 0px;
}

.content_right
{
	background-position: -16px 0px;
}




.tabs
{

}


.tab a
{
	color: white;
	font-size: 90%;
	text-decoration: none;
}

.tab_select a
{
	color: #666;
	font-size: 90%;
	text-decoration: none;
}

.tabs a:hover
{
	text-decoration: underline;
}

.tab_Select
{
	top: 2px;
	position: relative;
}

.tab_left,
.tab_right,
.tab_center,
.tab_left_select,
.tab_right_select,
.tab_center_select
{
	height: 30;
	width: 16;
	padding-left: 16;
	empty-cells:show;
	background-repeat: repeat-x;
	background-image:url(images/page/page.png);
	background-position: 0px -390px;
}

.tab_left,
.tab_right,
.tab_left_select,
.tab_right_select,
{
	width: 16px;
}

.tab_right
{
	background-position: 0px -450px;
}

.tab_center,
.tab_center_select
{
	padding: 3 4 0 4;
}

.tab_center
{
	background-position: 0px -420px;
}




.tab_left_select
{
	background-position: 0px -480px;
}

.tab_right_select
{
	background-position: 0px -540px;
}

.tab_center_select
{
	background-position: 0px -510px;
}


.tab_welcome
{
	width: 100%;
	font-size: 90%;
	text-align: right;
	
	color: #0A79A8;
	padding-right: 15px;
	padding-bottom: 2px;
	vertical-align: bottom;
}
.balancesummary
{
	color:black; font-size: 9pt; font-family: arial;	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}

.balancesummary_image
{
	padding-left:10px;
}

.balancesummary_text,
.balancesummary_expenses
{
	text-align:right;
	padding-right:10px;
}

.balancesummary_expenses
{
	border-bottom:1px solid black;
}

.piegraph
{
	color:gray; font-family:Century Gothic,Verdana,Tahoma,Arial; font-size:10pt;}

.piegraph_border
{
	border: #64748c 1px solid;
}

.piegraph_title
{
	color:black; font-size: 9pt; font-family: arial;	color: #309EC6;
	font-size: 11pt;
	font-weight: bold;
	white-space: nowrap;
}

.ad
{
	width:100%;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	border:1px dashed gray;
	color:gray;
	font-size: 9pt;
	font-family: arial,sans-serif;
}

.ad_button
{
	color:white;
	padding:1 3 1 3;
	font-size: 6pt;
	font-weight:bold;
	cursor: pointer;
	background: #86bbd2;
}