/* CSS Document */

/*///////////////////////////////////////////////*/
/*/                   Default                   /*/
/*///////////////////////////////////////////////*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ddddcc;
	/*text-decoration:blink;*/
	
}

#container {
	padding-left:20px;
	padding-right:20px;
	margin:auto;
	width:790px;
}

h1, h2, h3, h4, h5, h6, body, img, form, p, table, span {margin:0px;}

/*------------------End Default------------------*/

/*///////////////////////////////////////////////*/
/*/             Default Rounded Corners         /*/
/*///////////////////////////////////////////////*/

.box {margin:0px;}

.top_left, .main_body div.form_box div.top_left {
	font-size:0px; 
	background:url(../images/top_left_white.gif) left top no-repeat;
	float:left;
	width:5px;
	height:5px;
	display:inline;
}

.top, .form_box div.top {
	font-size:0px; 
	height:5px;	
}

.top_right, .main_body div.form_box div.top_right {
 	font-size:0px; 
	background:url(../images/top_right_white.gif) right top no-repeat;
	float:right;
	width:5px;
	height:5px;
	display:inline;
}

.center_left {}
.center {}
.center_right {}

.bottom_left, .main_body div.form_box div.bottom_left {
	font-size:0px; 
	background:url(../images/bottom_left_white.gif) bottom left no-repeat;
	float:left;
	width:5px;
	height:5px;
	display:inline;
}

.bottom, .main_body div.form_box div.bottom {
	background:none;
	font-size:0px; 
	height:5px;	
}

.bottom_right, .main_body div.form_box div.bottom_right {
	font-size:0px; 
	background:url(../images/bottom_right_white.gif) bottom right no-repeat;
	float:right;
	width:5px;
	height:5px;
	display:inline;
}

/*----------End Default Rounded Corners----------*/

/*///////////////////////////////////////////////*/
/*/                    Header                   /*/
/*///////////////////////////////////////////////*/

.header {}

.header img {
	float:left;
	padding-right:10px;
}

.header h1 {
	color:#FFFFFF;
	font-size:90%;
	font-weight:bold;
	padding-top:4px !important;
	padding-top:2px;
		
}

#company_name_logo {
	float:left;
	width:40%;
	padding-top:5px !important;
	padding-top:1px;
}

/*-------------------------header links-----------------------*/
/*Defualt for all links in headers and footers - site wide*/



.header_links a, .main_body div.form_box div.header_links a {
	font-size:11px;
	/*text-decoration:none;*/
	float:right;
	margin:0px;
	margin-left:-1px;
	padding-right:4px;
	padding-left:4px;
	margin-top:3px;
	border-left:1px #888888 solid;
	border-right:1px #888888 solid;
}

.header_links a:link, .header_links a:visited, .header_links a:active, .main_body div.form_box div.header_links  a:link, .main_body div.form_box div.header_links  a:visited, .main_body div.form_box div.header_links  a:active   {color:#ffffff;}

.header_links a:hover, .main_body div.form_box div.header_links a:hover {color: #cccccc;}

.header div.header_links {margin-top:7px !important; margin-top:4px;}


/*.header_links a, .main_body div.form_box div.header_links a {
	font-size:11px;
	text-decoration: underline;
	float:right;
	margin:0px;
	margin-left:-1px;
	padding-right:4px;
	padding-left:4px;
	margin-top:3px;
	border-left:1px #888888 solid;
	border-right:1px #888888 solid;
}

.header_links a:link, .header_links a:visited, .header_links a:active, .main_body div.form_box div.header_links  a:link, .main_body div.form_box div.header_links  a:visited, .main_body div.form_box div.header_links  a:active   {color:#ffffff;}

.header_links a:hover, .main_body div.form_box div.header_links a:hover {color: #333333; background:#cccccc}

.header div.header_links {margin-top:7px !important; margin-top:4px;}*/


/*--------------------header corners---------------------*/
.header {margin-top:-4px !important; margin:0px 0px 0px 0px;}

.header div.center_left {background:url(../images/h1_left.gif) left repeat-y;}

.header div.center {padding:7px 25px 7px 20px;}

.header div.center_right {background:url(../images/h1_right.gif) right repeat-y;}

.header div.bottom_left {
	background:url(../images/h1_bottom_left.gif);
	width:14px;
	height:21px;
}

.header div.bottom {
	background-image:url(../images/h1_bottom.gif);
	height:21px;	
}

.header div.bottom_right {
	background:url(../images/h1_bottom_right.gif);
	width:14px;
	height:21px;
}

/*-------------------End Header------------------*/

/*///////////////////////////////////////////////*/
/*/                  Main Body Nav              /*/
/*///////////////////////////////////////////////*/

/*----------------------tabs---------------------*/

#main_body_nav, .table_nav {padding:10px 0px 0px 9px;}

#main_body_nav h6, .table_nav_tab h6 {
	margin:0px;
	background:url(../images/top_left_brown.gif) left top no-repeat;
	padding:4px 8px 4px 8px;
	font-size:74%;
	font-weight:normal;
}
/*--body tab color link --*/
.tab, .table_nav_tab {
	float:left;
	background:url(../images/top_right_brown.gif) right top #ededed no-repeat;
	margin-left:3px;
}
/*--body nav colors link --*/
#main_body_nav .available a:link, #main_body_nav .available a:visited, #main_body_nav .available a:active, .table_nav_available a:link, .table_nav_available a:visited, .table_nav_available a:active  {
	color:#666666;
	text-decoration:none;
}

#main_body_nav .available a:hover, .table_nav_available a:hover {
	text-decoration:none;
	color: #999999;
}
/*--body tab selected colors link --*/
.tab_down {background-color:#ffffff;}

/*--body nav selected colors link --*/
#main_body_nav .tab_down a:link, #main_body_nav .tab_down a:visited, #main_body_nav .tab_down a:active, .table_nav_tab_down a:link, .table_nav_tab_down a:visited, .table_nav_tab_down a:active {
	color:#333333;
	text-decoration:none;
}

#main_body_nav .tab_down a:hover, .table_nav_tab_down a:hover {
	text-decoration:none;
	color: #999999;
}

/*---------------End Main body Nav---------------*/

/*///////////////////////////////////////////////*/
/*/                  Main Body                  /*/
/*///////////////////////////////////////////////*/

/*----------------------corners------------------*/

div.main_body {
	background-color:#ffffff;/*background-color fix for body*/
	background-image:none;
	width:100%;
	float:left;
}

.main_body div.top_left {
	background:url(../images/top_left_brown.gif);
	width:5px;
	height:5px;
}

.main_body div.top {}

.main_body div.top_right {
	background:url(../images/top_right_brown.gif);
	width:5px;
	height:5px;
}

.main_body div.bottom_left {
	background:url(../images/body_bottom_left.gif);
	width:14px;
	height:11px;
}

.main_body div.bottom {
	background:url(../images/body_bottom.gif) bottom repeat-x;
	height:11px;	
}

.main_body div.bottom_right {
	background:url(../images/body_bottom_right_sidebar.gif);
	width:14px;
	height:11px;
}

/*---------------End Main body---------------*/

/*///////////////////////////////////////////////*/
/*/                  Sub_Header                 /*/
/*///////////////////////////////////////////////*/

/*----------------------corners------------------*/

.sub_header {margin:0px 0px 8px 0px;}

.sub_header div.top_left, .side_bar div.sub_header div.top_left, .form_box div.sub_header div.top_left {
	background:url(../images/h3_top_left.gif);
	width:10px;
	height:10px;
}

.sub_header div.top, .side_bar div.sub_header div.top, .form_box div.sub_header div.top {
	background:url(../images/h3_top.gif) repeat-x;
	height:10px;
}

.sub_header div.top_right, .side_bar div.sub_header div.top_right, .form_box div.sub_header div.top_right {
	background:url(../images/h3_top_right.gif);
	width:10px;
	height:10px;	
}

.sub_header div.center_left, .side_bar div.sub_header div.center_left {background:url(../images/h3_left.gif) left repeat-y;}

.sub_header div.center, .side_bar div.sub_header div.center {padding:0px 15px 0px 15px;}

.sub_header div.center_right, .side_bar div.sub_header div.center_right {background:url(../images/h3_right.gif) right repeat-y;}

.sub_header div.bottom_left, .side_bar div.sub_header div.bottom_left, .form_box div.sub_header div.bottom_left  {
	background:url(../images/h3_bottom_left.gif);
	width:10px;
	height:10px;
}

.sub_header div.bottom, .side_bar div.sub_header div.bottom, .form_box div.sub_header div.bottom {
	background:url(../images/h3_bottom.gif) bottom repeat-x;
	height:10px;		
}

.sub_header div.bottom_right, .side_bar div.sub_header div.bottom_right, .form_box div.sub_header div.bottom_right {
	background:url(../images/h3_bottom_right.gif);
	width:10px;
	height:10px;
}


/*-------------------Sub_Header Font------------------*/
.sub_header h3, h3 {
	color:#FFFFFF;
	font-size:80%;
	font-weight:normal;
	float:left;
}

/* link style can be found in .header_links */
.sub_header div.header_links {}



/*-------------------End Sub_Header------------------*/

/*///////////////////////////////////////////////*/
/*/                     Footer                  /*/
/*///////////////////////////////////////////////*/

/*----------------------corners------------------*/
.footer {margin:8px 0px 3px 0px; background-color:#ededed; background-image:none; border-top:1px #979797 solid;}
.footer_table {margin:1px 0px 8px 0px;}

.footer div.center_left {}

.footer div.center {}

.footer div.center_right {}

.footer div.bottom_left { 
	background:url(../images/bottom_left_white.gif);
	width:5px;
	height:5px;
}

.footer div.bottom {
	background-image:none;
	height:5px;	
}

.footer div.bottom_right { 
	background:url(../images/bottom_right_white.gif);
	width:5px;
	height:5px;
}

/*--------------------links------------------*/

.main_body div.footer div.header_links {
	padding:2px 8px 0px 8px;
} 

.main_body div.footer div.header_links a {
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	margin-top:6px;
	float:left;
	font-size:10px;
}

.main_body div.footer div.header_links a:link, .main_body div.footer div.header_links a:visited, .main_body div.footer div.header_links a:active {
	color:#333333;
}

.main_body div.footer div.header_links a:hover {
	color: #999999;
}

/*------------Text, Font, Input--------------*/
.footer h3 {
	color:#FFFFFF;
	font-size:80%;
	font-weight:normal;
	float:left;
}

.footer p {
	font-size:64%;
	float:right;
	padding:6px;
	color:#999999;
}

.footer input {
	float:left;
	margin:8px 3px 3px 8px;
}

#discount {float:left; padding:6px; color:#000000;}
/*------------------End Footer-------------------*/

/*///////////////////////////////////////////////*/
/*/                 Input Forms                 /*/
/*///////////////////////////////////////////////*/

.form_box {margin-top:10px;}

.form_box h4 {
	font-size:80%;
	font-weight:normal;
	text-align:left;
	padding:2px 2px 2px 0px;
	margin:7px 0px 7px 0px;
	border-bottom:1px #cccccc solid;
}

.form_box p {
	font-size:64%;
	margin:0px;
	padding-bottom:5px;
}

.form_box label, .main_body div.project_input label {
	float:left;
	display:inline;
	padding:3px 3px 0px 0px;
	text-align:right;
	width:30%;/*changes width of column left of input box*/
}

.form_col_left {
	float:left;
	display:inline;
	/*width:48.9%;*/
	width:380px;
	border-right:1px #ededed solid;
	margin-right:0px;
	padding-right:7px;
}

.form_col_right {
	margin-top:0px;
	float:left;	
	display:inline;
		/*width:48.9%;*/
	width:380px;
	padding-left:6px;
	margin-left:-1px;
	border-left:1px #ededed solid;
}

.form_box a, div.empty_data a, .main_body div.footer a {
	font-size:9px;
	/*text-decoration:none;*/
	padding:0px 3px 0px 3px;
	margin:0px;	
}

.main_body div.footer a {margin:3px 0px 0px 0px;/*float:left;display:inline;*/}
.main_body div.footer a:hover {color:#999999}

.main_body .form_box a:hover, .main_body div.empty_data a:hover {color: #999999;}

/*.form_box select, .form_box textarea, .form_box input {width:65%;}*/
/*-----------preview-----------*/
.form_preview_box a {
	font-size:90%;
	/*text-decoration:none;*/
	padding:0px;
	padding-left:5px;
	margin:0px;	
}

.form_preview_box {
	margin-top:10px;
}

#main_body .form_preview_box a:hover {
	color: #999999;
}

.form_preview_box h4 {
	font-size:80%;
	font-weight:normal;
	text-align:left;
	padding:2px;
	margin:7px;
	margin-right:8px;
	margin-left:8px;
	padding-left:0px;

	border-bottom:1px #cccccc solid;
}

.form_preview_box p {
	font-size:64%;
	margin:0px;
	padding-bottom:5px;
	padding-left:5px;
	width:64%;
	float:left;
	display:inline;
}

.form_preview_box h5 {
	float:left;
	font-size:64%;
	color:#666666;
	font-weight:normal;
	padding-top:0px;
	padding-right:3px;
	text-align:left;
	width:30%;
	padding-left:12px;
}

.projects_tasks_preview label {
	float:left;
	color:#000000;
	display:inline;
	padding-top:5px;
	padding-right:3px;
	text-align:right;
	width:auto;
}

/*-----------------End Form input-----------------*/

/*///////////////////////////////////////////////*/
/*/                warning system               /*/
/*///////////////////////////////////////////////*/

.main_body div.notice {background-color:#66CC33;}

.main_body div.warning {background-color:#CC0000;}



/*11.08.06*/
.main_body div.notification {background-color:#FFFFBB;}



.main_body div.attention {margin:3px 8px 5px 8px; background-image:none;}

.main_body div.attention input {margin:0px 0px 0px 8px}

.main_body div.attention h3 {
	margin:0px 7px 8px 7px;
	color:#ffffff;
	font-size:80%;
	font-weight:normal;
	float:none;
}

/*11.08.06*/
.main_body div.notification h3 {
	margin:0px 7px 8px 7px;
	color:#000000;
	font-size:80%;
	font-weight:normal;
	float:none;
}

.main_body div.attention div.top_left {
	background:url(../images/top_left_white.gif);
	width:5px;
	height:5px;
}

.main_body div.attention div.top {background:none}

.main_body div.attention div.top_right {
	background:url(../images/top_right_white.gif);
	width:5px;
	height:5px;
}

.main_body div.attention div.center_left {background:none}
.main_body div.attention div.center {background:none}
.main_body div.attention div.center_right {background:none}

.main_body div.attention div.bottom_left {
	background:url(../images/bottom_left_white.gif);
	width:5px;
	height:5px;
}

.main_body div.attention div.bottom {background:none; height:5px;}

.main_body div.attention div.bottom_right {
	background:url(../images/bottom_right_white.gif);
	width:5px;
	height:5px;
}

/* listed attention style */
.main_body div.attention ul {
	font-size:80%;
	color:#fff;
	margin:8px 10px 0px 0px !important;
	margin-left:40px;
	list-style-type: square;	
}

.main_body div.attention li {
	margin:0px 0px 4px 0px;
	font-weight:normal;
}
.main_body div.attention a {color:#ffffff; margin:4px;}

.main_body div.attention a:visited, .main_body div.attention a:active, .main_body div.attention  a:link {color:#ffffff}

.main_body div.attention a:hover {color:#CCCCCC}

.main_body div.attention a {/*text-decoration:none;*/ font-size:11px}

/*-----------------End of warning-----------------*/

/*default margins for all div's inside the main body*/
#time_entry, #report_entry, #time_entry_table, #report_entry_table, #settings, #add_client, #add_employee, #account, #help_box {margin:3px 8px 0px 8px}

#time_entry_table .sub_header, #report_entry_table .sub_header {margin-bottom:1px;}

/*///////////////////////////////////////////////*/
/*/                  Side Bar                   /*/
/*///////////////////////////////////////////////*/



div.side_bar {margin:3px 0px 5px 0px; background:url(../images/sidebar_left_white.gif) #ffffff left top repeat-y; width:258px; float:left;}

.side_bar div.top_left {background-image:none; width:0px;}

.side_bar div.top {background:none;}

.side_bar div.top_right {
	background:url(../images/body_top_right.gif);
	width:5px;
	height:5px;
}

.side_bar div.center_left, .side_bar_content div.center_left {background:none}
.side_bar div.center, .side_bar_content div.center {background:none}
.side_bar div.center_right, .side_bar_content div.center_right {background:none}

.side_bar div.bottom_left {
	background:url(../images/sidebar_bottom_left.gif);
	width:7px;
	height:15px;
}

.side_bar div.bottom {background:url(../images/sidebar_bottom.gif);height:15px;}

.side_bar div.bottom_right {
	background:url(../images/sidebar_bottom_right.gif);
	width:5px;
	height:15px;
}

/*-------------grey content box------------------*/

.side_bar div.footer {border:none; margin:0px 8px 3px 8px; background-color:#e3e3e3; /*background:url(../images/sidebar_grey.gif) center top repeat-y;*/}
.side_bar div.footer div.bottom_left {background:url(../images/bottom_left_white.gif) no-repeat bottom left; height:5px;}
.side_bar div.footer div.bottom {background:none;  height:5px;}
.side_bar div.footer div.bottom_right {background:url(../images/bottom_right_white.gif) no-repeat bottom right;  height:5px;}

/*-----------side_bar sub_header------------------*/
.side_bar div.sub_header {margin:0px 8px -1px 8px;}

/*//////////////////////////////////////////////////////////////////Start of Unique css for each page///////////////////////////////////////////*/

/*///////////////////////////////////////////////*/
/*/              Time Entry "home"              /*/
/*///////////////////////////////////////////////*/

/*--------------time entry table Tabs------------*/
/* look in "main body nav" for styles */
.main_body table {margin:0px; margin-bottom:1px}

#time_entry .form_box label {
	margin:3px 3px 0px 8px;
	text-align:left;
	width:30%;/*changes width of column left of input box*/
	border-top:#ededed solid 1px;
}

.table_nav_tab h6 {
	background:url(../images/top_left_white.gif) top left no-repeat;
}

.table_nav_tab {
	float:left;
	display:inline;
	background:url(../images/top_right_white.gif) right top #ededed no-repeat;
	margin-left:3px;
}

.table_nav_tab_down {
	background-color:#e3e3e3;
	margin-top:2px;
}

/*--------------time entry table data------------*/
.report_table table {width:100%;}

#report_entry_table table.report_table th {padding:0px 0px 4px 0px}
#report_entry_table table.report_table th.date {padding:0px 0px 0px 0px}
.trash {
	padding:5px;
	padding-bottom:0px;
}

.report_table {
	background:#FFFFFF;
	margin-bottom:0px;
}

.report_table a {
	float:right;
	font-size:70%;
	/*text-decoration:none;*/
	padding:5px;
	padding-bottom:0px;
	margin:0px;		
}

.report_table td.name a {
	float:left;
	text-align:left;
	font-size:70%;
	/*text-decoration:none;*/
	padding:4px 0px 0px 36px;	
}

.date {
	text-align:left;
	background-color:#e3e3e3;
}

.date h3 {
	padding:5px;
	color:#666666;
	font-size:80%;
	font-weight:normal;
}

.date b {
	font-weight:normal;
	color:#000000;
}

.report_table th {
	border-bottom:#ddddcc 1px solid;
	text-align:left;
	/*vertical-align:top;
	valign:top;*/
}

.report_table td {
	border-bottom:#ddddcc 1px solid;
	/*vertical-align:top;
	valign:top;*/
}

.report_table th h4{
	padding:5px;
	color:#333333;
	font-size:60%;
	font-weight:normal;
}

.report_table h4{
	padding:5px;
	padding-bottom:0px;
	color:#000000;
	font-size:13px;
	font-weight:normal;
}

.report_table h5{
	padding:5px;
	padding-top:0px;
	color:#666666;
	font-size:10px;
	font-weight:normal;
}

.report_table p {
	padding:5px;
	padding-bottom:0px;
	margin:0px;
	color:#000000;
	font-size:64%;
	font-weight:normal;
}

.form_table {
	padding-top:5px;
	padding-bottom:10px;
}

.form_table_button {
	padding-top:15px;
	margin:0px;		
}

.day_total {
	padding-bottom:5px;
	border-top:#e3e3e3 2px solid;
}

.week_total {
	padding-bottom:5px;
	background-color:#e3e3e3;
	border-top:2px solid;
}

.week_total h4 {
	font-weight:bold;
}

/*///////////////////////////////////////////////*/
/*/                 Report Entry                /*/
/*///////////////////////////////////////////////*/

#report_entry_table {margin-top:8px;}


/*///////////////////////////////////////////////*/
/*/             Project Permissions             /*/
/*///////////////////////////////////////////////*/

.main_body div.projects div.project_input {background:#f2f2f2; margin:0px 0px 8px 0px; padding:8px; border-bottom:1px solid #cccccc;}
.main_body div.projects div.project_input p {margin:0px 0px 0px 0px !important; margin:0px 0px 0px 0px}
.main_body div.projects div.project_input input {margin:0px; padding:0px}

/*.main_body div.permissions, .main_body div.select_all_permissions {
	margin:4px 8px 5px 8px;
	/*padding:4px 0px 4px 0px;*//*
	background:#ededed;
	border-bottom:none;
}*/
/*
.main_body div.select_all_permissions {
	border-bottom:1px solid #cccccc;
	background:#f8f8f8;
	margin-bottom:2px;
}
.main_body div.select_all_permissions p {
	font-size:11px;
}*/
.main_body div.projects label {
	margin:3px 3px 0px 14px;
	text-align:left;
	width:20%;/*changes width of column left of input box*/
}
.main_body div.permissions {margin:0px 8px 0px 8px; padding-bottom:4px;}
.main_body div.permissions label {float:none;}
.main_body div.select_all_permissions label, .main_body div.permissions_title label {float:left; text-align:left; display:inline; width:50%; font-size:11px; padding:0px; margin:0px }/*
.main_body div.select_all_permissions p, .main_body div.permissions_title p  {padding:0px;font-size:9px; margin:0px 4px 0px 0px; float:right; display:inline;}*/
.main_body div.permissions input {margin:2px 3px 2px 30px !important; margin:0px 3px 0px 30px}
/*.main_body div.permissions p {margin:4px 2px 4px 36px; }*//*padding*/

.main_body div.permissions_title {
	padding:8px 4px 0px 8px;
	margin:0px 0px 8px 0px;
	background:#f8f8f8;
	border-bottom:1px solid #cccccc;
}
/*.main_body div.permissions_title p {padding:0px 0px 0px 0px;}*/


.main_body div.select_all_permissions div.header_links a {
	font-size:9px;
	/*text-decoration:none;*/
	float:right;
	margin:0px;
	margin-left:-1px;
	padding-right:4px;
	padding-left:4px;
	margin-top:0px;
	border-left:1px #777777 solid;
	border-right:1px #777777 solid;
}

.main_body div.permissions_title div.header_links a {
	font-size:9px;
	/*text-decoration:none;*/
	float:right;
	margin:0px;
	margin-left:-1px;
	padding-right:4px;
	padding-left:4px;
	margin-top:0px;
	border-left:1px #777777 solid;
	border-right:1px #777777 solid;
}


.main_body div.select_all_permissions div.header_links a:link, .main_body div.select_all_permissions div.header_links a:visited, .main_body div.select_all_permissions div.header_links a:active, .main_body div.permissions_title div.header_links  a:link, .main_body div.permissions_title div.header_links  a:visited, .main_body div.permissions_title div.header_links  a:active   {color:#000000;}

.main_body div.select_all_permissions div.header_links a:hover, .main_body div.permissions_title div.header_links a:hover {color: #999999;}

.main_body div.select_all_permissions div.header_links, .main_body div.permissions_title div.header_links {margin-top:3px!important; margin-right:6px;  margin-top:1px;}
.main_body div.permissions_title div.header_links {margin-right:2px;}


.main_body div.permissions_title div.header_links {margin:0px 6px 0px 0px; padding:0px;}


/*.main_body div.select_all_permissions {margin-top:8px;}*/
/*.main_body div.permissions_title p {padding:0px 2px 4px 0px; font-size:11px; float:right; display:inline;}*/



/*///////////////////////////////////////////////*/
/*/  Project Permissions / Settings drop downs  /*/
/*///////////////////////////////////////////////*/

.main_body div.project_title, .main_body div.form_preview_box div.project_title {
	background:/*url(../images/top_right_white.gif)*/ #ededed top right no-repeat;
	margin:1px 0px 0px 0px;
}

.main_body div.project_title h5 {
	color:#000000;
	font-size:74%;
	font-weight:bold;
	padding:7px 7px 7px 8px;
	background:/*url(../images/top_left_white.gif)*/ top left no-repeat;
	float:none;
}

.main_body .project_title a:link, .main_body .project_title a:visited, .main_body .project_title a:active {
	color: #000000;
	padding:0px 0px 0px 15px;
	background:url(../images/arrow.gif) center left no-repeat;
	font-size:11px;
}

.main_body .project_title a:hover {
	color: #999999;
	padding:0px 0px 0px 15px;
	background:url(../images/arrow.gif) center left no-repeat;
}

/*------------drop down boxs ------------------*/
.main_body div.projects, .main_body div.project_input {
	background-color:#ededed;
	padding:0px 0px 0px 0px;
	margin:0px 0px 1px 0px;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
.projects {border:1px #cccccc solid; border-bottom:1px #999999 solid; }

.main_body div.general label {
	margin:3px 3px 0px 8px;
	text-align:left;
	width:30%;/*changes width of column left of input box*/
}

/*///////////////////////////////////////////////*/
/*/                   Log In                    /*/
/*///////////////////////////////////////////////*/

#log_in .footer, #log_in .sub_header {margin:3px 8px 3px 8px}

/*///////////////////////////////////////////////*/
/*/                   HELP                      /*/
/*///////////////////////////////////////////////*/
/*--------------page style----------------------*/
.help h3, #cant_find h3 {
	margin:8px 0px 8px 10px;
	padding:0px;
	color:#333333;
	font-size:90%;
	font-weight:bold;
	float:none;
}

.help {margin-right:8px;}
.help p {
	margin:6px 12px 0px 12px;
	padding:0px;
	font-size:74%;
	line-height:16px;
}

.help h1 {
	margin:18px 12px 0px 12px;
	font-size:120%;
}

.help h2 {
	margin:12px 12px 0px 12px;
	padding:0px 0px 4px 0px;
	font-size:100%;
	border-bottom:1px #ededed solid;
}
.help small {
	font-size:80%;
	color:#333333;
	line-height:14px;
}	

.help a {
	text-decoration:underline;
	font-size:90%;
}		
.help ol {
 font-size:11px;
 margin-top:4px;
}
.help li {padding-bottom:4px;}
#cant_find {
	padding:0px;
	margin:1px;
	border-width:1px;
	border-style:solid;
}
				
#cant_find label {
	font-size:76%;
	width:20%;
	float:left;
	text-align:right;
	margin-right:1.7%;
	vertical-align:top;
	/*valign:top;*/
}	

#cant_find input {margin:8px 0px 8px 0px;}

/*--------------side bar help list-------------------*/
#help_list {
	padding:0px 12px 6px 12px;
	margin:1px 6px 1px 6px;
	background:#ffffff;	
}			

div.help_options {
	font-size:100%;
	margin:4px 0px 4px 0px;
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}

#help_list h3 {float:none;display:block;}

#help_list h4 {
	font-size:90%;
	font-weight:normal;
	padding:7px 0px 4px 12px;
	background:center left no-repeat;	
}

.help_options h5 {
	padding:0px;
	margin:0px;
	font-size:70%;
	line-height:12px;
	font-weight:normal;
}

#help_list a {
	color:#333333;
	/*text-decoration:none;*/
	font-size:90%;
}

#help_list a:link, #help_list a:visited, #help_list a:active {color:#333333;}

#help_list a:hover {color:#666666;}

.help_options a {padding:3px 0px 3px 0px;}

.help_options a:link, .help_options a:visited, .help_options a:active {
	color:#333333;
	background-color:#ffffff;
	display:block;
	padding-left:12px;
}

.help_options a:hover, .help_options a:active {
	color:#333333;
	display:block;
	padding-left:12px;
	background:url(../images/arrow.gif) #ededed no-repeat center left;
}

/*------------------help section-----------------*/

.help_section h1 {color:#333;}
.help_section h1 b {}
.help_section ul {font-size:.8em; color:#999999; border-bottom:1px #ededed solid; padding-top:15px; padding-bottom:15px; border-top:solid 1px #ededed;}
.help_section li {line-height:18px;}

.help_section .question {}
.help_section .question p { padding:4px 8px 4px 8px; color:#333; line-height:20px; background:#f7f7f7; border-left:1px #e3e3e3 solid;}
.help_section .question h3 b {font-weight:normal}
.help_section .question h3 {padding:0px 8px 0px 3px;  }
.help_section .question h3 {color:#006699;}
.help_section a {/*text-decoration:none;*/ padding-left:10px; color:#333;}

.help_section a:hover {
	color:#006699;
}

/*///////////////////////////////////////////////*/
/*/                   account                   /*/
/*///////////////////////////////////////////////*/
/*---------------------table---------------------*/

table.pricing_table {
 	width:100%;
	margin:-7px 0px 12px 0px;
}

table.pricing_table th {width:auto;}

table.pricing_table td {text-align:center;}

table.pricing_table tr.table_head {background-color:#e3e3e3;}

table.pricing_table tr.table_foot {background-color:#e3e3e3;}

table.pricing_table tr.table_head th, table.pricing_table tr.table_head h3, table.pricing_table tr.table_foot h3 {
	font-size:13px;
	font-weight:normal;
	margin:9px 6px 6px 6px;
	padding:0px;
	color:#000;
	text-align:center;
	float:none;	
}

table.pricing_table th.current_plan, table.pricing_table th.current_plan h3 {
	background-color:#666666;
	color:#ffffff;
}

table.pricing_table h4 {
	font-size:16px;
	font-weight:bold;
	margin:9px 6px 6px 6px;
	color:#3f3f3f;
	text-align:center;	
}

table.pricing_table h2 {
	font-weight:bold;
	font-size:20px;
	margin:9px 6px 6px 6px;
	text-align:center;
}

table.pricing_table td.grey, table.pricing_table th.grey {background-color:#f3f3f3;}

table.pricing_table th.grey p {
	text-align:right;
	font-size:13px;
	font-weight:normal;
	margin:9px 6px 6px 6px;
	color:#000000;
}

table.pricing_table p {
	text-align:center;
	vertical-align:top;
	font-size:9px;
	line-height:14px;
	font-weight:normal;
	margin:9px 6px 6px 6px;
	color:#000000;
}

table.pricing_table td {border-left:1px #e3e3e3 solid;}

table.pricing_table img {margin:6px 6px 9px 6px;}

table.pricing_table input {margin:6px 6px 9px 6px;}

table.pricing_table td.current_plan {
	border-right:1px #666666 solid;
	border-left:1px #666666 solid;
}

.help fieldset {border:#cccccc 1px solid; padding:0px 8px 0px 8px; margin:0px 8px 0px 8px}
.help fieldset p {font-size:64%; padding:0px 8px 8px 8px; margin:0px; line-height:12px;}
.help fieldset input {margin:0px 0px 8px 0px;}
.help legend {font-size:76%; color:#333333; padding:8px}
.help input {margin-top:8px;}
#btnOwner {width:200px}

/*///////////////////////////////////////////////*/
/*/                   Settings                  /*/
/*///////////////////////////////////////////////*/

.main_body div.form_box div.center {margin:0px 0px 0px 8px;}
.main_body div.form_box div.sub_header {margin:0px 0px 1px 0px;}
div.form_box tr.task h4, div.form_box table.settings h4, div.form_box table.employee_select h4, div.form_box table.client_select h4 {border:none; margin:0px; background:none; padding-left:36px;font-size:10px;}
div.form_box table.settings td, div.form_box table.employee_select td, div.form_box table.client_select td {padding:2px 4px 4px 4px;}
div.form_box table.settings tr:hover, div.form_box table.employee_select tr:hover, div.form_box table.client_select tr:hover {background-color:#f2f2f2; cursor:pointer;} 
div.form_box table.client_select td.name2 a {text-align:left; float:none }


/*---------------task \ department table----------------------*/

div.form_box tr.task_category h4, div.form_box tr.employee_title h4, div.form_box tr.client_title h4 {font-weight:bold; background:url(../images/arrow.gif) no-repeat; background-position:3px 8px; padding-left:18px;font-size:11px;} 
div.form_box tr.department_category h4 {padding-left:8px}
div.form_box tr.arrow_down h4, div.form_box tr.arrow_down h4, div.form_box tr.arrow_down h4 {font-weight:bold; background:url(../images/arrow_down.gif) no-repeat; background-position:3px 8px; padding-left:18px;font-size:11px;} 
div.form_box div.sub_header div.center {margin:0px;}
div.form_box div.sub_header div.top_left {}
div.form_box div.sub_header div.bottom_left {}
div.form_box div.table_nav_tab a {padding:0px}
div.form_box td.links input {float:right;}
div.form_box tr.task_category  {background:#ededed;}
div.form_box table.task_table div.projects a {float:none; font-size:100%;}
div.form_box table.task_table div.projects {width:100%;margin:0px; padding:0px;border:none;background:#f2f2f2}
div.form_box table.task_table td.add_task {background:#f2f2f2}
div.form_box table.task_table label, div.form_box table.department_table label {padding:0px; margin:4px 2px 0px 0px; width:auto;}
div.form_box table.task_table td.add_task div.projects label {width:30%}
/*///////////////////////////////////////////////*/
/*/                  Calendar                   /*/
/*///////////////////////////////////////////////*/
/*--------------view iqcalendar.css--------------*/

/*///////////////////////////////////////////////*/
/*/           client/employee manager           /*/
/*///////////////////////////////////////////////*/

div.form_box td.email a {float:left;}
.add_button {
	padding:4px 4px 4px 4px;
	margin:-8px 0px 8px 0px;
	background:#ededed;
	border-top:1px #999999 solid;
	border-bottom:1px #999999 solid;
}
div.form_box tr.employee_title  {background:#ededed;}
div.form_box tr.client_title  {background:#ededed;}

/*///////////////////////////////////////////////*/
/*/                 empty data                  /*/
/*///////////////////////////////////////////////*/

.empty_data {background-color:#f2f2f2; padding:8px; border-bottom:1px solid #e3e3e3;}

.empty_data p {font-size:12px; padding:0px 0px 8px 8px;}

.empty_p {background:#F8F8F8;}

p.empty_p  {padding:8px 8px 8px 8px; color:#333333; font-size:11px; line-height:16px}

.empty_data a {float:none; text-align:left; font-size:9px; }


/*///////////////////////////////////////////////*/
/*/                 Reports 2.0                 /*/
/*///////////////////////////////////////////////*/

div.report_info_print {display:none;}


table.report_bar_table {width:774px;}
table.report_bar_table td.title {width:161px;}
table.report_bar_table td.hours {width:100px;}
table.report_bar_table td.bar {width:439px;}
table.report_bar_table td.time_detail {wdth:74px;}

.report_box {padding-top:0px; }

/*.report_box h3 {display:block; width:765px; background:url(../images/bg_section_header.gif) repeat-x top left; height:21px; padding:6px 0 0 9px; margin:0 0 0 0 ;}*/

.report_box h2 {background:/*url(../images/bar_black2.gif) repeat-x*/ #e3e3e3; color:#000; font-size:.8em; font-weight:normal; padding:6px 0 6px 8px; margin:0px; border-bottom:#ccc solid 1px;}

table.report_table h3 {background:none;}
table.report_table td.check_box {text-align:center}
 
table.report_bar_table {margin-bottom:15px;}

table.report_bar_table tr.total_hours td {height:50px; background:#f7f7f7;}
table.report_bar_table tr.total_hours td h6 {font-size:.8em;}
table.report_bar_table tr.total_hours td.hours h6, table.report_bar_table tr.total_hours td.title h6 {font-size:.8em; text-align:left; width: auto; border:none; float:none;}
table.report_bar_table tr.total_hours td.hours h6 {text-align:right}
table.report_bar_table td.hours {text-align:right;}

table.report_bar_table h6 {font-weight:normal; font-size:.7em; padding:4px 7px 4px 7px; margin:5px 0 0 7px; text-align:right; border:1px #ededed solid; display:block;}
table.report_bar_table td.hours h6 {padding-top:2px; border:none;}
table.report_bar_table em {color:#666666; font-style:normal; text-align:left; padding:0px; margin:0px;}
table.report_bar_table h5 {font-weight:normal; font-size:1.1em; padding:0 0 0 24px;}
table.report_bar_table tr.category td h6 {border:1px #ededed solid; margin-right:3px; padding:2px 3px 2px 3px; float:right; display:inline;}
table.report_bar_table tr.category td.hours {/*padding:12px 0 0px 0  ;*/}
table.report_bar_table tr.sub_category td.hours h6 { border:none;/*background:#f7f7f7;*/margin:0px; padding:0px; padding-right:7px;}
table.report_bar_table td.hours {padding:4px 0 0px 0 ;}
table.report_bar_table tr.category td {/*height:30px*/; border-top:solid 1px #ccc; padding:5px 0 0px 0;}

table.report_bar_table tr.total_hours td.title h6 {padding:0px; margin:0 0 0 8px; color:#000000;}


/*table.report_bar_table tr.category h6 {padding:2px; border:1px #ededed solid; float:left; display:inline;}*/
 
table.report_bar_table td {height:24px;}
table.repot_bar_table tr.bar h6 {text-align:left}
/*table.report_bar_table tr.total_hours td.bar div.total_time_bar {
	background:url(../images/bar_1_yellow.gif) repeat-x;
	height:33px;
	}

table.report_bar_table tr.total_hours td.bar div.bill_time_bar {
	background:url(../images/bar_1_green.gif) repeat-x;
	height:33px;
	}*/
	

table.report_bar_table tr.category td.title h4 {color:#2D5B8B; font-weight:normal; font-size:.8em; padding-left:8px}
table.report_bar_table .empty_title {font-size:.7em; color:#333; text-align:center }
table.report_bar_table a {font-size:.7em; color:#333; text-align:center; font-weight:normal }

div.max_bar_width {width:417px; margin-right:7px; margin-top:5px; float:left; 
	display:inline;}

div.total_time_bar {
	
	font-size:0px;
	background:url(../images/bar_2_yellow.gif) repeat-x;
	height:18px;
	/*border:#999 solid 1px;*/
	
	
	
	 }

div.bill_time_bar {
	background:url(../images/bar_2_green.gif) repeat-x;
	display:block;
	font-size:0px;
	height:18px;
	border-right:#496318 solid 1px;
	
	}

div.print_time_bar {height:23px;}

div.print_time_bar, div.bill_nonbill {
	display:none;
	}

.header_links_2 a {
	display:inline;
	font-size:12px;
	text-decoration:none;
	float:left;
	margin:0px;
	margin-left:-1px;
	padding-right:4px;
	padding-left:4px;
	margin-top:3px;
	border-left:1px #888888 solid;
	border-right:1px #888888 solid;
}

div.custom_time {padding:10px 0 10px 0; background:#fff;margin:0px 0 10px 0; border:#e3e3e3 solid 6px; border-top-width: 0px; border-bottom-width: 6px;}

div.custom_time em {color:#777; font-style:normal}
div.custom_time p {padding:0 0 0 6px; font-size:.7em; color:#000;}

div.custom_time label {font-size:.7em; padding-left:10px; color:#333}

.report_header {padding-bottom:0px; margin-bottom:0px;}

.time_links {
	border:#e3e3e3 solid 5px; 
	border-width: 0px 5px;
	padding-bottom:0px;
}

.time_links a {
	font-size:12px;
	text-decoration:none;
	float:left;
	width:110px;
	margin:0px;
	text-align:center;
	/*margin-left:-1;*/
	margin-right:-1px;
	border:1px #d3d3d3 solid;
/*	border-right:1px #d3d3d3 solid;*/
	padding:8px 0 8px 0;
	margin-top:0px;
	color:#666;
	background:/*url(../images/nav_blue_up.gif)*/#ededed repeat-x top left;
}

.report_box .time_links a:link, .report_box .time_links a:visited, .report_box .time_links a:active, report_box .time_links a:focus {outline:none;}
.report_box .time_links a:hover, .report_box .time_links a.selected {background:/*url(../images/nav_blue_over.gif)*/ #fff top repeat-x; color:#000; /*background:#ededed;*/}

.report_box .time_links a.selected {background:/*url(../images/nav_blue_over.gif)*/ #fff top repeat-x; color:#000; /*background:#ededed;*/padding-bottom:9px; border-bottom:none;}

/*///////////////////////////////////////////////*/
/*/                 Leads-pipeline              /*/
/*///////////////////////////////////////////////*/

#dashboard_box, #opportunitie_box, #promise_box, #followup_box, #lead_box {
	padding:0px 0px 0px 0px;
	margin:1px 8px 1px 8px;
	background:#ffffff;	
}

table.lead_select th, table.followup_select th, table.promise_select th, table.opportunity_select th {
	font-size:.6em;
	font-weight:normal;
	text-align:left;
	padding:2px 0 2px 5px;
	border-bottom:1px #999 solid;
	border-top:1px #999 solid;
	color:#666;
	
	}
table.lead_select td, table.followup_select td, table.promise_select td, table.opportunity_select td {padding:5px 0 5px 0}
table.lead_select p, table.followup_select p, table.promise_select p, table.opportunity_select p {padding-top:0px}
table.lead_select h4, table.followup_select h4, table.promise_select h4, table.opportunity_select h4 {border:none; padding:0px 0 0px 5px ; margin:0px; font-size:.7em; color:#000000;}
table.lead_select h5, table.followup_select h5, table.promise_select h5, table.opportunity_select h5 {border:none; padding:0px 0 0px 5px ; margin:0px; font-size:.6em; color:#555;}


table.lead_select td a, table.lead_select td.name a, table.followup_select td a, table.followup_select td.name a, table.promise_select td a, table.promise_select td.name a, table.opportunity_select td a, table.opportunity_select td.name a {padding:0px 0px 0px 5px; margin:0px; text-align:left; float:none;}

table.lead_select td.links a, table.followup_select td.links a, table.promise_select td.links a, table.opportunity_select td.links a {text-align:right; float:right; padding:0 10px 0 0;}