/* default values */

BODY  {background: #c0c0c0; border-collapse: collapse; padding:0; margin:0;}
TD {color: #000000;vertical-align: top; text-align: center; font-family: Arial,sans-serif; font-size: 10pt; margin:0; padding:0;}
TABLE {width: 100%; border-collapse: collapse; padding:0; margin:0;}
IMG { border: 0;}
INPUT { font-size: 9pt }
SELECT { font-size: 9pt }



/* misc */

A.null {color: #0000ff;  text-decoration: none; font-size:9pt;}
A.null:hover {color: #FF0000;}




/* tables */


/* whole page */
TABLE.page {height: 100%;}
TD.page {height: 0;}


/* header area */
TABLE.header {height: 100;background: #ffc000;}
	TD.header_logo {width:100;background: #ffc000;}
		IMG.header_logo {width: 100; height: 100;}
	
	TD.header_header {background-image:url("./images/misc_images/header_background.jpg"); padding: 4; background-position: left top;background-repeat: no-repeat; text-align: left;}
		SPAN.header_title {font-weight: bold; font-size: 22pt; font-style: italic;}
		SPAN.header_subtitle {font-weight: bold; font-size: 14pt; font-style: italic}
		SPAN.header_text {font-weight: bold; font-size: 12pt; font-style: italic;}
	
	TD.header_login {width:160;background: #ffc000;}
		SPAN.login_title {font-weight: bold; }
		TABLE.login_box { padding: 2;}
			TD.login_box {}


/* nav bar */
TABLE.nav {height: 16; background: #ffc000;}
	TD.nav_button {padding-left: 6; padding-right: 6; width: 0%; white-space: nowrap; }
		A.nav_button {color: #404040;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.nav_button:hover {color: #FF0000;}
	TD.nav_space {width:100%}


/* page body */
TABLE.page_main {height:650;}
	TD.lhb {background: #c0c0c0;width:110; padding: 2;}
	TD.page_main {height: 100%;}
	TD.rhb {background: #c0c0c0;width:110; padding: 2;}


/* left hand side bar */
TABLE.page_main_lhb {}
		TD.mailboxes {text-align: left; font-size: 8pt;}
		TD.todolist {text-align: left; font-size: 8pt;}


/* page content */
TABLE.page_main_main {background: #a8a8a8; padding: 6;}
	TD.main_main {height: 0;}


/* search bar */
TABLE.search {width: 0%; padding-bottom: 6;}
	TD.search {white-space: nowrap; padding-left: 6; padding-right: 6;}
		SELECT.search {font-size: 9pt; width: 100;}
	TD.search_space {width:100%}
	

/* data item */
TABLE.item {background: #ffffff;border: 2pt inset #808080;}
	TD.item_logo {width: 100;vertical-align: middle; padding: 3;}
		IMG.logo {width: 64; height: 64;}
		IMG.henry_photo {width: 200; height: 200; vertical-align: top;}
	TD.item_info {text-align: left;}
		SPAN.title {font-weight: bold; color: #000080}
		A.title {color: #000080;  text-decoration: none; font-weight: bold}
		A.title:hover {color: #FF0000;}


/* page action buttons */
TABLE.page_actions {width: 0%; padding: 2;}
	TD.page_action_button {padding-left: 3; padding-right: 3; white-space: nowrap;  background: #d8d8d8;border: 1pt solid #808080;}
		A.page_action {color: #404040;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.page_action:hover {color: #FF0000;}
	TD.page_action_space {width:100%}

/* list chooser */
		DIV.list_chooser{width: 100%; text-align: left;}
		SELECT.list_chooser { font-size: 9pt }


/* main list whole*/
TABLE.list {background: #c0c0c0; border: 2pt inset #808080; padding: 4;}
	TD.list {height: 0;}
		SPAN.list_title {font-weight: bold; color: #000080}


/* list action buttons */
TABLE.list_actions {background: #c0c0c0; width: 0%; padding: 2;}
	TD.list_action_button {padding-left: 3; padding-right: 3; white-space: nowrap;  background: #d8d8d8;border: 1pt solid #808080;}
		A.list_action {color: #404040;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.list_action:hover {color: #FF0000;}
	TD.list_action_space {width:100%}


/* list filter region */
TABLE.list_filter {background: #c0c0c0; width: 0%; padding: 2;}
	TD.list_filter {}
	TD.list_filter_space {width: 100%;}


/* list list limits */
TABLE.list_limits {background: #c0c0c0;}
	TD.list_limit {text-align: right}
		SPAN.list_limit {color: #404040;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.list_limit {color: #404040;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.list_limit:hover {color: #FF0000;}


/* list sort bar */
TABLE.list_sort {background: #c0c0c0;}
	TD.list_sort {border: 2pt outset #c0c0c0;}


/* list items block */
TABLE.list_items {background: #c0c0c0;}
	TD.list_items {height: 0;}


/* list item */
TABLE.list_item {background: #ffffff;border: 1pt inset #c0c0c0;}
	TD.list_item_logo {width: 100;vertical-align: middle;}
		/* IMG.logo {width: 64; height: 64;} see data_item */
	TD.list_item_info {text-align: left;}
		A.list_title {color: #000080;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.list_title:hover {color: #FF0000;}
		SPAN.author {font-weight: bold;font-style: italic; font-size: 9pt; color: #000080; }
		SPAN.date {font-size: 8pt; color: #000080; }


/* right hand side bar */
TABLE.page_main_rhb {}
	TD.worldtime {text-align: left; font-size: 8pt;}
	TD.weather {text-align: left; font-size: 8pt;}
	TD.motd {text-align: left; font-size: 8pt;}
	TD.forex {text-align: left; font-size: 8pt;}
	TD.markets {text-align: left; font-size: 8pt;}


/* page footer */
TABLE.footer {}
	TD.footer {background: #ffc000; font-size: 8pt;}
		IMG.footer_button {}



/* misc */


SPAN.post_error {color: #ff0000;}
SPAN.input_exp {font-size: 8pt;}
SPAN.input_desc {font-style: italic;}

IMG.icon{width:20; height:20; vertical-align:middle;}
IMG.file_icon{width:16; height:16; vertical-align:middle;}




/* invoice */


TABLE.invoice{ padding: 0;  border: 1px solid #000000; margin: 0;} 

	TD.inv_hd{text-align:left;background: #c0c0c0;font-weight: bold;}
	TD.inv_bdy{text-align:left;}
	TD.inv_bdy0{text-align:left; width:150; }
	TD.inv_ft{text-align:right;background: #c0c0c0;font-weight: bold;}
	TD.inv_tot{text-align:left;font-weight: bold; width:150; border: 1px solid #000000;}
	A.inv {color: #404040;  text-decoration: none; font-size:10pt;}
	A.inv:hover {color: #FF0000;}
	


/* letter */
TD.l{text-align:left; padding: 4;}
TD.r{text-align:right; padding: 4;}
TABLE.b{border: 1px solid #000000;}
DIV.hidden {display: none;}
DIV.show {display: block;}

/* timesheet */
	TABLE.timesheet_time{border-spacing: 0; padding: 4;  border: 1px solid #000000;} 
	TABLE.timesheet_project{border-spacing: 0; padding: 0;  width:300; border: 1px solid #000000;} 
	TD.timesheet_head { background: #c0c0c0;  padding: 2; color: black;  font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-bottom: 1pt solid #000000; }
	TD.timesheet_main1 { background: #ffffff; padding: 2; color: black; font-size: 10pt; text-align:left; border-left: 1pt solid #000000; }
	TD.timesheet_main2 { background: #d8d8d8;  padding: 2; color: black; font-size: 10pt; text-align:left; border-left: 1pt solid #000000; }
	TD.timesheet_foot { background: #c0c0c0;  padding: 2; color: black;  font-size: 10pt; font-weight: bold;  text-align:left; border-left: 1pt solid #000000; border-top: 1pt solid #000000; }

/* account */

	TABLE.account{border-spacing: 0; padding: 0; border: 1px solid #000000;} 
	TD.account_head { background: #c0c0c0;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-bottom: 1pt solid #000000; }
	TD.account_main1 { background: #ffffff;  padding: 2; color: black; font-size: 10pt; text-align:left; border-left: 1pt solid #000000; }
	TD.account_main2 { background: #d8d8d8;  padding: 2; color: black; font-size: 10pt;  text-align:left; border-left: 1pt solid #000000; }
	TD.account_foot { background: #c0c0c0;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-top: 1pt solid #000000; }
	A.account {color: #404040;  text-decoration: none; font-size:10pt;}
	A.account:hover {color: #FF0000;}


/*budget*/
	TABLE.budi{border-spacing: 0; padding: 1;width: 100%;  border: 1px solid #000000; background: #d8d8d8;} 
	TD.budi_h { padding: 2;background: #c0c0c0;  text-align:left; font-size: 8pt; height:20; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
	TD.budi { padding: 2;background: #d8d8d8;  text-align:left; font-size: 8pt; height:20; border-right: 1px solid #000000;}
	TD.budi_1 { padding: 2;background: #c0c0c0;  text-align:left; font-size: 8pt; height:20;}

	TABLE.budget{border-spacing: 0; padding: 0; border: 1px solid #000000;} 
	TD.budget_head0 { background: #c0c0c0;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-bottom: 1pt solid #000000; }
	TD.budget_head1 { background: #a8a8a8;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-bottom: 1pt solid #000000; }
	TD.budget_head { background: #c0ffc0;  padding: 2; color: black; font-size: 10pt; font-weight: bold;  text-align:left; border-left: 1pt solid #000000; }
	TD.budget_headi { background: #c0c0ff;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; }
	TD.budget_main1 { background: #ffffff;  padding: 2; color: black; font-size: 10pt; text-align:left; border-left: 1pt solid #000000; }
	TD.budget_main2 { background: #d8d8d8;  padding: 2; color: black; font-size: 10pt; text-align:left; border-left: 1pt solid #000000; }
	TD.budget_foot  { background: #80c080;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-bottom: 1pt solid #000000; }
	TD.budget_footi { background: #8080c0;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-bottom: 1pt solid #000000; }
	TD.budget_foot0 { background: #c0c0c0;  padding: 2; color: black; font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-top: 1pt solid #000000; }
	TD.budget_foot1 {background: #a8a8a8;  padding: 2;color: black;font-size: 10pt; font-weight: bold; text-align:left; border-left: 1pt solid #000000; border-top: 1pt solid #000000;}
	A.budget {color: #404040;  text-decoration: none; font-size:10pt;}
	A.budget:hover {color: #FF0000;}


/* project folder */
	TD.project_folder_icon  {background: #ffffff; width:24;}
	TD.project_folder_icon1 {background: #e0e0e0; width:24;}
	TD.project_folder_filename  {background: #ffffff;text-align: left; width:300;}
	TD.project_folder_filename1 {background: #e0e0e0;text-align: left; width:300;}
	TD.project_folder_size  {background: #ffffff;text-align: left; width:100;font-size: 9pt;}
	TD.project_folder_size1 {background: #e0e0e0;text-align: left; width:100;font-size: 9pt;}
	TD.project_folder_date  {background: #ffffff;text-align: left; font-size: 8pt;}
	TD.project_folder_date1 {background: #e0e0e0;text-align: left; font-size: 8pt;}
		A.project_folder_download {color: #000080;  text-decoration: none; font-size:9pt; font-weight: bold}
		A.project_folder_download:hover {color: #FF0000;}
	
	
/* services */
	TD.service_im0  {width:300; height:130;}
	TD.service_im1  {width:300;}
	TD.service_par0  {text-align: left; }
	TD.service_par1  {text-align: right;}
	IMG.service_im {width:250;}