@import url("class_classic/accordion.css");
@import url("class_classic/finances.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}


.container
{
		background:url(bg_holiday_2.gif)  repeat-x;

}

/* Top Navigation CSS Starts*/
.ulTopNavigation
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.ulTopNavigation li
{
	float:left;
	background:url(class_standard/menu_bg_left.png)  no-repeat left top; 
	margin-right:2px;
}

.ulTopNavigation li a
{
	margin-left:6px;
	font-size:11px;
	padding:4px 10px 0px 4px;
	height:19px;
	display:block; 
 	background:url(class_standard/menu_bg_right.png)  no-repeat right top; 
 	text-decoration:none;
	color:#FFFFFF;
	
}
.ulTopNavigation li a:hover 
{
	text-decoration:none;	
}

.ulTopNavigation li.active
{
	background:url(class_standard/menu_bg_active_left.png)  top left no-repeat;
}

.ulTopNavigation li.active a
{
	background:url(class_standard/menu_bg_active_right.png) top  right no-repeat;
	font-weight:bold;
	color:#000000;
		
}





#box_head_nav {
	padding:2px 15px 3px 15px;
	background-color:#ECF4F7;
	border-bottom:1px solid #CFDCE4;
}
#box_footer_nav {
	padding:0px 15px 0px 15px;
	background-color:#ECF4F7;
	height:25px;
	border-top:1px solid #CFDCE4;

}

/* Top Navigation CSS Ends*/






/* common html tags start here*/


h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px;	
}

h2
{
font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px;	
}

h3
{
font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px 0px 10px 0px;
}



h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px 0px 5px 0px;
}

a
{
		cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:underline;
	color:#006699;
}
a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	background-color:#006699;
	color:#ffffff;
}


/* common html tags end here*/











/*Tab CSS start here*/

.tabsLinks,.tabBoxes
{
	margin:0px;
	padding:0px;

}
.tabBoxes li
{
 	padding:10px;
	background:url(class_standard/tab_box_bg.gif) repeat-x;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:1px solid #849BAD;
	margin:0px;
	min-height:80px;
	height:auto;
	clear:left;
	display:none;
	
}
.tabBoxes li.active
{
	display:block;
}



.tabsLinks li
{
	padding:2px 10px 2px 10px;
	background:url(class_standard/tab_link_bg.gif) repeat-x;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	border:1px solid #C7D1D9;
	border-bottom-width:0px;
	margin:0px;
	text-decoration:underline;
	cursor:pointer;
	margin-right:1px;
	height:16px;
}
.tabsLinks li.active
{
	border:1px solid #849BAD;
	border-bottom-width:0px;
	background:url(class_standard/tab_link_bg_active.gif) repeat-x;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/*Tab CSS end he*/

 





/* Layout boxes start here*/


.tbl_addform
{
	width:100%;
	font-size:11px;
	margin-bottom:10px;
	background-color:#ECF4F7;
	border-bottom:1px solid #CFDCE4;
}


.table1
{
	width:100%;
	font-size:11px;
	margin-bottom:10px;
	background-color:#ECF4F7;
}
.table1 .hr1
{
	border-bottom:1px solid #d9e0e6;
}
.table1 .hr2
{
	border-bottom:1px solid #ABBFCC;
}
.table1 .th
{
	background-color:#CFDCE4;
}
.table1 .td0
{
	background-color:#CFDCE4;
	border-bottom:1px solid #ABBFCC;
	background-color:#eaeaea;
}


.table2
{
	padding:5px;
	font-size:11px;
	margin-bottom:10px;
	background-color:#d9e0e6;
	border-bottom:1px solid #ABBFCC;
}


.table3
{
	padding:5px;
	font-size:11px;
	margin-bottom:10px;
	background-color:#D4E797;
	border-bottom:1px solid #A9BC6C;
	
}


.tbl_projects
{
	width:100%;
	font-size:11px;
	margin-bottom:10px;
	background-color:#F8FFE0;
	
}
.tbl_projects .hr1
{
	border-bottom:1px solid #DAEAA7;
}
.tbl_projects .hr2
{
	border-bottom:1px solid #A9BC6C;
}
.tbl_projects .th
{
	background-color:#CEE096;
}
.tbl_projects .td0
{
	background-color:#eaeaea;
}



.tbl_tasks
{
	width:100%;
	font-size:11px;
	margin-bottom:10px;
	
}
.tbl_tasks .tr_is_deleted_1
{
	background-color:#eaeaea;
	color:#999999;
}

.tbl_tasks .hr0
{
	border-bottom:1px solid  #DBDBDB;
}
.tbl_tasks .hr1
{
	border-bottom:1px solid #d9e0e6;
}
.tbl_tasks .hr2
{
	border-bottom:1px solid #ABBFCC;
}
.tbl_tasks  .th
{
	background-color:#d9e0e6;
}
.tbl_tasks th
{
	background-color:#d9e0e6;
	padding-left:4px;
	text-align:left;
}
.tbl_tasks .td0
{
	background:#ffffff;
}

.tbl_tasks td,th
{
	padding-left:4px;
	padding-right:4px;
	
}
.tbl_tasks .right
{
	text-align:right;
}

.tbl_tasks th.subtotal
{
	text-align:right;
}


.tbl_tasks td.subtotal
{
	background:#F2F7FB;
	text-align:right;
}






/* Layout boxes end here*/





/*being used in jquery.pager.js*/
.pager_css
{
	font-family:Arial, Helvetica, sans-serif ;
	float:right;
	text-decoration:none;
}

.pager_hiCss
{
	font-size:10px;


	color: #eee;
	border:1px solid #000000;
	background: url(class_standard/page_bg_active.gif) repeat-x #000000;
	margin: 1px;
	padding: 1px 3px;
	display: block;
	float: left; 
	text-decoration:none;
}
.pager_loCss
{
	font-size:10px;
	color: #000;
	border:1px solid #5F8AB3;
	background: url(class_standard/page_bg.gif) repeat-x #5F8AB3;
	margin: 1px;
	padding: 1px 3px;
	display: block;
	float: left; 
	text-decoration:none;
}


.pager_aCss
{
	font-size:10px;

	color: #000;
	border:1px solid #5F8AB3;
	background: url(class_standard/page_bg.gif) repeat-x #5F8AB3;

	margin: 1px;
	padding: 1px 3px;
	display: block;
	float: left; 
	text-decoration:none;
}


.pager_iCss
{	
	display:block;
	float:left; 
	
	
}
/* end here*/



.pagingLinks
{
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
}

.pagingLinks li, .pagingLinks dt
{
	font-size:10px;
 	cursor:pointer;
	color: #000;
	border:1px solid #5F8AB3;
	background: url(class_standard/page_bg.gif) repeat-x #5F8AB3;
	margin: 1px;
	padding: 1px 3px;
	display: block;
	float: left; 
	text-decoration:none;
	
}
.pagingLinks li.active, .pagingLinks dt.active, .pagingLinks li:hover, .pagingLinks dt:hover
{
	color:#ffffff;
	background: url(class_standard/page_bg_active.gif) repeat-x #000000;
	border:1px solid #000000;
}







#clients {
clear:both;
	padding:0px; MARGIN: 0px; 
	WIDTH: 100%; 
 	LIST-STYLE-TYPE: none;
}
#clients li {
 	FLOAT: left; 
	WIDTH: 300px;
	MARGIN: 5px 0px 0px 2px;
	padding:5px;
	height:60px;
	TEXT-ALIGN: left;
  	cursor:pointer;
 	background:#ffffff url(class_classic/tab_box_bg.gif) repeat-x bottom;
	
	font-size:11px;

}
#clients li .client_box
{
 	padding:5px;  
	background-color:#FFFFFF;
	height:50px;
	border:0px solid #5F8AB3;
	background:#fafafa;

}
#clients li .client_box h2
{
 	margin:0px;
	text-transform:none;
	font-size:12px;
}
#clients li .client_box img
{
	float:right;
	border:4px solid #ffffff;
	width:70px;
 	margin-bottom:5px;
}

#clients li.inactive
{
	color:#999999;
}
#clients li a{
	background-color:transparent;
	font-size:11px;
	text-decoration:none;	
 
}
#clients li a:hover{
	color:#000000;
	text-decoration:underline;
}
 


#clients li .pending_amount
{
	font-size:11px;
	background-color:#ff0000;
	border:1px solid #ffffff;
	padding-left:5px;
	width:130px;
	color:#ffffff;
}


#clients li .toolbar
{	
 	border-bottom:1px solid #5F8AB3;
 	margin-top:-1px;
	background:#fafafa;
	WIDTH: 290px;
 	position:absolute;
	z-index:1000;
	display:none;
	float:left;
	padding:5px;
 	clear:both;
}
#clients li .toolbar img
{	
}







.menuList
{
	margin:0px 0px 10px 0px;
	padding:0px;
	clear:both;
	width:250px;
}

.menuList dt
{
	margin:0px;
	padding:3px 5px 3px 5px;
	border:1px solid #C7D1D9;
	background:url(class_standard/tab_link_bg.gif) repeat-x;
	
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.menuList dt.active
{
	border:1px solid #849BAD;
	background:url(class_standard/tab_link_bg_active.gif) repeat-x;	

}


.menuList dd
{
	width:238px;

	margin:0px;
	padding:3px 5px 3px 5px;	
	border:1px solid #ABBFCC;
	border-top-width:0px;
 	position:absolute;
	background:url(class_standard/tab_box_bg.gif) repeat-x #ffffff;	
	
	display:none;	z-index:1000;

}
.menuList dd a
{
	display:block;
	line-height:20px;
	font-size:11px;
	text-decoration:none;

}
.menuList dd a:hover
{
	color:#000000;
	text-decoration:underline;
	background-color:transparent;
}