body				{ background: #CCC; margin:0; padding:0; }

a					{ text-decoration: none }
a:visited			{ color:#0066FF }
a:link				{ color:#0066FF }
a:active			{ color:#0066FF }
a:hover				{ color:#9933CC; text-decoration: none }
a.undecorated		{ text-decoration: none; color:#000000 }
a.tip 				{ background-color:#E0E0E0; }
a.topcell_logout, a:visited.topcell_logout {
	font-family:	Verdana, Arial, Helvetica;
	font-size: 		10px; 
	font-weight: 	bold;
	color: 			#FFFFFF;
}

.notes { 
	font-size: 		12px;
	font-weight: 	normal; 
	color:			#333333;
}

td					{ font-family: Tahoma, Arial, Helvetica; font-size: 10px }
td.not_table		{ font-family: Tahoma, Arial, Helvetica; font-size: 10px; background: #FFFFFF }
td.total			{ font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; background: #e0e0e0; }
td.dailyTotal		{ font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; background: #f0f0f0; }
td.contact_card		{ background: #EFF8FF }

th					{ font-family: Lucida Console, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000000; background: #BFBFBF; text-decoration: none; text-align:left }  
th a:visited, th a:link, th a:active		{ font-family: Lucida Console, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000000; background: #BFBFBF; text-decoration: none; text-align:left } 
th a:hover			{ color:#ffff10; text-decoration: none }

h3	    			{ font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold; cursor:pointer; cursor:hand; margin-bottom:0 }
.h1					{ font-family: Arial, Helvetica; font-size: 14pt; font-weight: bold; color: #000000; text-decoration: none }

.main_medium		{ font-family: Arial, Helvetica; font-size: 10pt; color: #000000; text-decoration: none }
.main_small			{ font-family: Arial, Helvetica; font-size: 8pt; color: #000000; text-decoration: none }
.main				{ font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000 }

.toolbar	    	{ font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none }
.fieldtext			{ font-family: Lucida Console, Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none }
.copyright			{ font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #5D5B5B; text-decoration: none }

.job_notask			{ text-decoration: none; background: #C0C0C0 }							/* This allows for 'job without tasks' links to change color. */
.project_invoiced 	{ text-decoration: none; background: #CCFFCC }							/* This allows for 'project waiting to be invoiced' links to change background color. */
.project_inactive 	{ text-decoration: none; background: #CC99FF }							/* This allows for 'inactive project' links to change background color. */
.title				{ font-family: Tahoma, Arial, Helvetica; font-size: 16px; font-weight: bold; background: #FFFFFF }
.topcell			{ background: #000033 }													/* This allows for topcell background color changes. */
.pageborders		{ background: #F8F8F8; width: 4px; height: 4px }						/* This allows for page borders background color and size changes. */
.right_toolbar		{ background: #99CCFF }													/* This allows for right toolbar background color changes. */
.hosting_invoices 	{background: #FFFF00 }													/* This allows for hosting invoices links background color changes. */
.topcell_datetime	{ font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #FFFFFF }	/* This allows for date/time font color and style changes. */

.calendar_arrows	{ background: #CCFF66 }
.calendar_weekends	{ background: #8E98BB }
.calendar_weekdays	{ background: #C1D6FF }
.calendar_holiday	{ background: #50FFFF; font-size: 12px }
.calendar_face_weekends	{ background: #CCCCCC; font-size: 12px }
.calendar_today		{ background: #FFFF00; font-size: 12px }
.calendar_face		{ background: #FFFFFF; font-size: 12px }
.calendar_blank		{ background: #EEEEEE; font-size: 12px }
.calendar_blank_weekends	{ background: #CCCCCC; font-size: 12px }
.calendar_faceblank_weekends	{ background: #FFF; font-size: 12px }
.calendar_blank_weekends	{ background: #EEE; font-size: 12px }
.calendar_face_monthview	{ background: #AAAAAA; font-size: 12px }

.left_toolbar		{ background: #CCCCCC }
.page_spacers		{ background: #F8F8F8 }
.form				{ background: #FFFFFF }

.table_title_row	{ background: #666666; font-family: Tahoma; font-weight: bold; color:#FFFFFF; font-size: 12px; }
.table_row_1		{ background: #C2EBF2; } /*ECF2FF*/
.table_row_2		{ background: #EFFBFF; } /*FFFFFF*/
.table_row_3		{ background: #A0A0A0; } /*FFFFFF*/
.clock_cell			{ padding-right: 10px; } /*ECF2FF*/
.table_row_clockedin{ background: #FFFF00; }
.table_row_hover	{ background: #BBBBFF; }
.table_row_child2 	{ background: #FFF0E0; }
.table_row_child 	{ background: #F2E2C2; }
.table_row_grandchild2 	{ background: #D2EED2;  }
.table_row_grandchild 	{ background: #EFFFEF;  }

/* Hierarchical color scheme */
/* ------------------------ */
.table_row_lev1_1	{ background: #ECF2FF; }
.table_row_lev1_2	{ background: #F0FCFF; }
.table_row_lev2_1	{ background: #F6E8C8; }
.table_row_lev2_2	{ background: #FFF0CC; }
.table_row_lev3_1	{ background: #D2EED2; }
.table_row_lev3_2	{ background: #E2FFE2; }
.table_row_lev4_1	{ background: #E0E0A0; }
.table_row_lev4_2	{ background: #EFEFAA; }
.table_row_lev5_1	{ background: #E0A0E0; }
.table_row_lev5_2	{ background: #EFAAEF; }
.table_row_lev6_1	{ background: #E0A0A0; }
.table_row_lev6_2	{ background: #EFAAAA; }
.table_row_lev7_1	{ background: #A0A0E0; }
.table_row_lev7_2	{ background: #AAAAEF; }
.table_row_lev8_1	{ background: #C2F2EB; }
.table_row_lev8_2	{ background: #D2FFF2; }
/* ------------------------ */

.table_row_total			{ background: #CCC;  } 
.table_row_grandtotal		{ background: #000; color:#FFFFFF; } 
.table_row_new_section		{ background: #F2E2C2;  } 
.table_row_new_subsection	{ background: #9AB;  } 
.table_col_total			{ background: #CCC; } 
.table_col_grandtotal		{ background: #000; color:#FFFFFF; } 

.tColEdit1 {									/* Determines the main field LABEL style for general add/edit forms */
	background: 	#8E98BB;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	color: 			#000000;
	height: 		28px;
	text-align: 	center;
	padding-top: 	6px;
	padding-bottom:	6px;
	border: 		1px solid #FFFFFF;
	text-transform:	uppercase;
}
.tColEdit2 {									/* Determines the main field style for general add/edit forms */
	background: 	#C1D6FF;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-weight:	normal;
	color: 			#000000;
	height: 		28px;
	text-align: 	left;
	padding-top: 	6px;
	padding-bottom:	6px;
	border: 		1px solid #FFFFFF;
}

.tRowDateHeader {								/* Determines the style for the title rows that show the date (e.g. Friday, Jan 21 2006) */
	background: 	#000000;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-weight:	normal;
	font-size: 		12px;
	color: 			#FFFFFF;
	text-align: 	left;
	padding-top: 	0px;
	padding-bottom:	0px;
	border: 		none;
}

.tRowFooterInfo {								/* Determines the style for information placed at the bottom of lists of data */
	background: 	#C1D6FF;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	color: 			#000000;
	text-align: 	center;
	height: 		24px;
	padding-top: 	2px;
	padding-bottom:	2px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		1px solid #999;
}
.tTableFooterInfo { border-collapse:collapse; }

.tRowHeaderSelect {								/* Determines the style for nav. and other selection info at the top of lists data */
	background: 	#DDD;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	color: 			#000000;
	text-align: 	center;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	2px;
	padding-right:	2px;
	border: 		2px solid #fff;
}

.tColJobDetailTaskLeft {
	background: 	#E9E9E9;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	color: 			#000000;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		none;
}
.tColJobDetailTaskRight {
	background: 	#CCCCCC;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	color: 			#000000;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		none;
}
.tRowJobDetailTaskTop {
	background: 	#999;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	color: 			#fff;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		none;
}
.tRowJobDetailSubSec {
	background: 	#777;
	font-family: 	Tahoma, Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	font-weight:	normal;
	text-transform:	uppercase;
	color: 			#fff;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		none;
	width:			100%;
}
.tRowJobDetailSec {
	background: 	#555;
	font-family: 	Tahoma, Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	color: 			#fff;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		none;
	border: 		1px solid #000;
}
.fJobDetailSec { font-weight: bold; text-transform: uppercase; color: #fff; }
.fJobDetailSecLinks { color: #fff; }

.tJobDetailSummaryBoxes {
	background: 	#eee;
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		12px;
	color: 			#fff;
	height: 		24px;
	padding-top: 	0px;
	padding-bottom:	0px;
	padding-left: 	6px;
	padding-right:	6px;
	border: 		none;
}
.tColMainClockingBox { border: 1px solid #bbbbbb; background:#f1f1f1; }

.GeneralSectionTitle {
	font-family: 	Arial, Helvetica, Verdana, sans-serif; 
	font-size: 		14px;
	font-weight:	bold;
	color: 			#000;
}

.tColJobDetailRightContacts {
	background: 	#99CCFF;
	border-bottom:	1px solid #A0D5FF;
}

.cal_side 			{ background: #C0C0C0; font-family: Tahoma; font-size: 10px; color: #000000 }
.cal_day 			{ background: #FFFF75; }
.cal_night 			{ background: #B9B900; }
.cal_line 			{ background: #888888; }

.overdue			{ background: #00AAFF; }
.overtime			{ color: #FF0000; }

.missclockout		{ color: #FF9900; }
.sum				{ color: #0000E0; font-weight: bold; }

/* Hierarchical formatting scheme for reports */
/* ------------------------ */
.sum1				{ color: #000000; font-weight: bold }
.sum2				{ color: #000000; }
.sum3				{ color: #000000; font-size: 10px }
.sum4				{ color: #000000; font-style:italic; font-size: 10px }
.sum5				{ color: #C245C2; font-weight: bold }
.sum6				{ color: #C44A4A; font-weight: bold }
.sum7				{ color: #5757C8; font-weight: bold }
.sum8				{ color: #3FD6BF; font-weight: bold }

/*.sum1				{ color: #1763FF; font-weight: bold }
.sum2				{ color: #DFAE3C; font-weight: bold }
.sum3				{ color: #53BD53; font-weight: bold }
.sum4				{ color: #C6C64F; font-weight: bold }
.sum5				{ color: #C245C2; font-weight: bold }
.sum6				{ color: #C44A4A; font-weight: bold }
.sum7				{ color: #5757C8; font-weight: bold }
.sum8				{ color: #3FD6BF; font-weight: bold }*/
/* ------------------------ */


/* This is where you can customize the appearance of the tooltip */
div#tipDiv 			{ position:absolute; visibility:hidden; top: 0px; left: 0px; z-index:10000;
  background-color:#E0E0E0; border:1px solid #336; padding:4px;
  color:#000; font-family: Tahoma, Arial; font-size:11px; line-height:1.2; }
  
span.tip 			{ background-color:#E0E0E0}

/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 			{ font-size:12px; color:#336; font-style:italic }
div.tp2 			{ font-weight:bolder; color:#337; padding-top:4px }
.drag				{ position:relative;cursor:move }
#contact_suggest {
		position: absolute; 
		background-color: #FFFFFF; 
		text-align: left; 
		border: 1px solid #000000;		
		cursor: pointer;
		visibility:hidden;
}
#company_suggest {
		position: absolute; 
		background-color: #FFFFFF; 
		text-align: left; 
		border: 1px solid #000000;		
		cursor: pointer;
		visibility:hidden;
}
.suggest_link {
		background-color: #FFFFFF;
		padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
.debugsql {
	background-color: #E0E0E0;
	border-style: inset;
	padding: 5px;
	border-width: 2px;
	font-family: "Bitstream Vera Sans Mono", "Courier New";
	font-size:12px;
	font-weight:normal;
	font-style:normal;
}