html, body
{
	font-family: Tahoma; font-size: 9pt; color:#000000; font-weight: normal;
	margin: 0px; padding: 0px;
	background-image: none; background-color: #ffffff;
	height: 100%;
}

a:link
{
	font-family: Verdana; font-size: 9pt; color: #3d637d;
	text-decoration: none;
}

a:hover
{
	color: #5588ab;
}

a:visited
{
	font-family: Verdana; font-size: 9pt; color: #3d637d;
	text-decoration: none;
}

/*
============================================================================================================================
Page Formatting
============================================================================================================================
*/

#container
{
	position:relative; /* needed for footer positioning*/
	width:100%;
	background:#ffffff;
	min-height:100%; /* IE6: treaded as min-height*/

}

#content
{
	padding-bottom:42px;
}

#top_of_screen
{
	background-image: url('Images/top_of_page_blue_bar.jpg');
	background-repeat: repeat-x;
	height: 72px;
	font-family: Franklin Gothic Book; font-size: 24pt; color:#ffffff;
}

.title_bar
{
	background-image: url('Images/title_bar_left.jpg'); background-position: left; background-repeat: no-repeat; background-color: #c8dde2;
	height: 36px;
	border: solid 2px #ffffff;
}

.title_font_padding
{
	padding:6px;
	font-family: Franklin Gothic Book; font-size: 11pt; color: #003659;
}

.log_out_bar
{
	background-color: #dbdbdb;
	height:42px;
	font-family: Verdana; font-size: 10pt; color:#000000;
	border: solid 1px #585858;
}

.log_out_bar_padding
{
	padding-right:6px;
	padding-top:6px;
}

#footer
{
	background-image: url('Images/footer.jpg'); background-repeat: repeat-x;
	height:42px;
	font-family: Verdana; font-size: 9pt; color:#505050;
	border: solid 1px #314c64;
	position: absolute; bottom: 0;
}

.footer_padding
{
	padding-top:12px;
}

#menu
{
	background-image: url('Images/menu_background.jpg'); background-repeat: repeat-x;
	height:48px;
}

.menu_item
{
	background-image: url('Images/menu_background.jpg');
	height:34px; padding:6px;
	font-family: Franklin Gothic Book; font-size: 11pt;
}

.menu_item_b
{
	background-image: url('Images/menu_background.jpg');
	height:34px; padding:6px;
	font-family: Franklin Gothic Book; font-size: 9pt;
	border: solid 1px #444444;
}

.div_left_50
{
	padding:0px; float: left; width:48%;
	padding-left:10px;
}

.div_right_50
{
	padding:0px; float: right; width: 48%;
	padding-right:10px;
}

.div_left_50_np
{
	padding:0px; float: left; width:49%;
}

.div_right_50_np
{
	padding:0px; float: right; width: 49%;
}

.clear_line
{	
	clear: both;
}

.top
{
	border-top: solid 1px #585858;
}

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

.right
{
	border-right: solid 1px #585858;
}

.bottom
{
	border-bottom: solid 1px #585858;
}

.div_label
{
	width:23%; padding:4px;
	float: left;
}

.div_control
{
	width: 73%; padding: 4px;
	float: right;
}

.div_label_large
{
	width:19%; padding:4px;
	float: left;
}

.div_control_large
{
	width: 79%; padding: 4px;
	float: right;
}

.div_left
{
	width:9%; padding:4px;
	float: left;
}

.div_right
{
	width: 88%; padding: 4px;
	float: right;
}


.div_assist_left
{
	width:69%; padding:2px;
	float: left;
}

.div_assist_right
{
	width:29%; padding:2px;
	float: right;	
}

.spacer
{
	padding:4px;
}

.panels_padding
{
	padding:6px;
}

.page_padding
{
	padding:12px; padding-left:40px;	
}

.data_header
{
	width:99%;
	background-color: #a8bac6;	
	padding:4px;
	font-family: Trebuchet MS; font-size: 14pt; color: #444444;
}

.data_small_header
{
	background-color: #e4e4e4;	
	padding:2px; padding-left: 6px;
	font-family: Trebuchet MS; font-size: 10pt; color: #444444;
}

.data_small_blue_header
{
	background-image: url('Images/small_header.jpg'); background-repeat: repeat-x;
	height:18px; padding:2px; padding-left:6px;
	font-family: Trebuchet MS; font-size: 10pt; color: #444444;
}

#loading_div
{
	background-image: url('Images/loading.gif'); background-position: left; background-repeat: no-repeat;
	height:32px;
}

#attachments_top
{
	background-image: url('Images/attachments_top.jpg');
	width: 300px;
	height: 27px;
}

#attachments_middle
{
	background-image: url('Images/desktop_alerts_middle.jpg');
	background-repeat: repeat-y;
	width: 300px;
	min-height:500px;
}

#attachments_bottom
{
	background-image: url('Images/desktop_alerts_bottom.jpg');
	width: 300px;
	height:13px;
}

.contact_list
{
	position: absolute; z-index: 5;
	background-color: #ffffff; 
	top: 15%;
	left: 15%;
	height: 400px; width: 600px;
}


/* Printable Forms */

.printable_form
{
	width:900px;
	border: solid 1px #585858;
	margin-top:25px;	
}

.div_left_print
{
	width:19%; padding:4px;
	float: left;
	font-family: Tahoma; font-size:12pt; font-weight: bold; color:#000000; text-align: right;
}

.div_right_print
{
	width: 79%; padding: 4px;
	float: right;
	font-family: Tahoma; font-size:12pt; font-weight: normal; color:#000000; text-align: left;
}

.label_font_print
{
	font-family: Tahoma; font-size:12pt; font-weight: bold; color:#000000; text-align: left;	
}

.control_font_print
{
	font-family: Tahoma; font-size:12pt; font-weight: normal; color:#000000; text-align: left;
}

.data_header_print
{
	background-color: #a8bac6;	
	padding:6px;
	font-family: Trebuchet MS; font-size: 18pt; color: #444444;	
}

.data_small_header_print
{
	background-color: #e4e4e4;	
	padding:4px; padding-left: 8px;
	font-family: Trebuchet MS; font-size: 14pt; color: #444444;
}


.reports_underside
{
	background-image: url('Images/reports_underside.jpg'); background-repeat: repeat-x;
	width:100%; height:64px;	
}

/*
============================================================================================================================
Fonts
============================================================================================================================
*/

.top_screen_system_label
{
	font-family: Franklin Gothic Book; font-size: 18pt; color:#ffffff;	
}

.page_title
{
	padding-top:10px; padding-left:20px;
	font-family: Franklin Gothic Medium; font-size: 22pt; color: #505050;
}

.page_instructions
{
	padding-top:6px;
	padding-left: 42px;
	font-family: Tahoma; font-size: 10pt; color: #444d5f;	
}

.small_title
{
	font-family: Trebuchet MS; font-size: 12pt; color: #444444;	
}

.instructions
{
	font-family: Tahoma; font-size: 10pt; color: #444d5f;	
}

.control_font
{
	font-family: Tahoma; font-size:8pt;	
}

.control_font_print
{
	font-family: Tahoma; font-size:12pt;	
}

.control_font_solid /* compatability with Time Tracker */
{
	font-family: Tahoma; font-size:8pt;	
}

.data_label
{
	font-family: Tahoma; font-size:8pt;	 font-weight: bold; color: #6d6d6d;
}

.label_font
{
	font-family: Tahoma; font-size:8pt;	 font-weight: bold; color: #6d6d6d;	
}

.regular_font
{
	font-family: Arial; font-size: 9pt; color:#000000;	
}

.hours_font
{
	font-family: Tahoma; font-size: 12pt; color: #000000; font-weight: bold;
}

.error_font
{
	font-family: Tahoma; font-size: 8pt; font-weight: bold; color: Maroon;	
}

.invoice_title
{
	font-family: Trebuchet MS; font-size: 8pt; color:#000000; font-weight: bold;
	padding-bottom:2px;
}

.invoice_subtitle
{
	font-family: Trebuchet MS; font-size: 8pt; color:#757575; font-weight: normal;
	padding-bottom:2px;
}

.invoice_subtitle a, a:link, a:hover, a:visited
{
	font-size: 8pt;
}

/*
============================================================================================================================
Grids
============================================================================================================================
*/

.grid_format
{
	font-family: Tahoma; font-size: 8pt; color: #000000;	
}

.grid_border
{
	border: solid 1px #3d637d;	
}

.grid_header
{
	background-color: #a8bac6;	
	padding:2px; height:20px;
	font-family: Tahoma; font-size: 8pt; font-weight: normal;
}

.grid_row_selected
{
	background-color: #bbbbbb;
}

.selected_row_style
{
	background-color: #bbbbbb;		
}


/*
============================================================================================================================
CSS Controls
============================================================================================================================
*/

.link_button
{
	padding:6px;
	/* background-color: #b5c8d5; */
	background-image: url('Images/blue_button.jpg');
	 border: solid 1px #3c568c;
	display: inline-block;
}

.link_button_edit
{
	padding: 6px;
	/* background-color: #bdd5b5; */
	background-image: url('Images/green_button.jpg');
	border: solid 1px #3c8c45;
	display: inline-block;
}

.link_button_delete
{
	padding: 6px;
	/* background-color: #d5b5b5; */
	background-image: url('Images/red_button.jpg');
	border: solid 1px #8c3c3c;
	display: inline-block;		
}

a.link_button:link {color: #ffffff;}
a.link_button_edit:link {color: #ffffff;}
a.link_button_delete:link {color: #ffffff;}

a.link_button:hover {color: #5588ab;}
a.link_button_edit:hover {color: #5588ab;}
a.link_button_delete:hover {color: #5588ab;}

.menu_link_button
{
	padding:2px;
	background-color: #e1e1e1;
	border: solid 1px #444444;
	display: inline-block;
	width:360px;
}

.menu_description
{
	font-family: Arial; font-size: 8pt; color: #000000;
}

hr
{
	border: solid 1px #444444;
}

.information_panel
{
	width:100%; padding:2px; 
	background-color: #cfe5fd; border: solid 1px #284c75;
	font-family: Verdana; font-size:8pt; color: #000000;	
}


/*
============================================================================================================================
Report Filters
============================================================================================================================
*/

#report_filter_date
{
	background-image: url('Images/Filter_Reports/Dates.jpg'); background-repeat: no-repeat; background-position: center center;
	height: 174px; width: 237px;
}

#report_filter_service_date
{
	background-image: url('Images/Filter_Reports/Service_Dates.jpg'); background-repeat: no-repeat; background-position: center center;
	height: 174px; width: 237px;
}

#report_filter_users
{
	background-image: url('Images/Filter_Reports/Users.jpg'); background-repeat: no-repeat; background-position: center center;
	height: 174px; width: 181px;
}

#report_filter_clients
{
	background-image: url('Images/Filter_Reports/Clients.jpg'); background-repeat: no-repeat; background-position: center center;
	height: 174px; width: 237px;
}

#report_filter_locations
{
	background-image: url('Images/Filter_Reports/Locations.jpg'); background-repeat: no-repeat; background-position: center center;
	height: 174px; width: 237px;
}

#report_filter_projects
{
	background-image: url('Images/Filter_Reports/Projects.jpg'); background-repeat: no-repeat; background-position: center center;
	height: 174px; width: 181px;
}


.report_filter_panel_padding
{
	padding: 12px;
	padding-left:16px;
	padding-bottom:32px;
	font-family: Trebuchet MS; font-size:9pt; color: #000000;
}

.report_spacer
{
	padding:1px;
}