@import 'paging.css';
@import 'menu.css';

a:active, a:focus {
outline: 0;
}

body{ 
 margin:0; 
 padding:0;
 font-family:tahoma, Arial, verdana;
 font-size:11px;
} 

p,form,h1,h2,h3,h4,h5,h6,ul,li{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	cursor:pointer;
}

img{
	border:0;
}

.left{
	float:left;
}

.right{
	float:right;
}


#pagewidth{ 
	width:99%; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
 .FormButton{
	padding:3px 0px 3px 0px;
	border:0;
	background:url(../images/bg-btn2.gif) top left no-repeat;
	width:35px;
	font-size:12px;
	color:#171717;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	
}
 
h1{
	margin:1px 0px 0px 0px;
	font-size:115%;
	color:#2c2c2c;
	text-align:left;
	font-weight:normal;
}

.holiday{
	background:url(../images/icon-holiday.gif) left top no-repeat;
	padding:0px 0px 0px 28px;	
}

.alert{
	background:url(../images/icon-alert-massage.gif) left top no-repeat;
	padding:0px 0px 0px 28px;	
}

.ongoing-project{
	background:url(../images/icon-ongoing-project.gif) left top no-repeat;
	padding:0px 0px 0px 28px;	
}

.project-by-client{
	background:url(../images/icon-manage-project.gif) left top no-repeat;
	padding:0px 0px 0px 28px;	
}

.announcement{
	background:url(../images/icon-announcement.gif) left top no-repeat;
	padding:0px 0px 0px 28px;	
}

h1 span{
	display:block;
	background:url(../images/bg-head.gif) right top no-repeat;
	padding:7px 0px 8px 5px;	
}

#header{
	position:relative; 
	width:100%;
	background: url(../images/bg-header.jpg) left top repeat-x #fff;
	z-index:1;
}

#header #logo{
	padding:19px 0px 22px 30px;
}


#header #nav{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	background:#f5f5f5;
	border-bottom:1px solid #d3d3d3;
}

#header #welcome{
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background:url(../images/bg-welcome.gif) left top repeat-x;
	width:100%;
	height:37px;
	color:#171717;
}

#header #welcome .left{
	margin:0px 0px 0px 23px;
}

#header #welcome .right{
	margin:0px 23px 0px 0px;
}

#header #welcome h2{
	float:left;
	padding:3px 0px 7px 34px;
	background:url(../images/icon-user.gif) left top no-repeat;
	font-size:16px;
	font-weight:normal;
}

#header #welcome h3{
	padding:3px 0px 7px 34px;
	background:url(../images/icon-logout.gif) left top no-repeat;
	font-size:15px;
	font-weight:normal;
}

#header #welcome h3 a{
	color:#171717;
}

#header #welcome h3 a:hover{
	color:#373737;
}

#header #welcome span{
	position:absolute;
	margin:0px 0px 0px 10px;
	padding:7px 0px 0px 0px;
}

/*-------------- Head style End ---------------*/

/*-------------- Project Add style ---------------*/

#project-add{
	margin:0px 0px 5px 0px;
	background:#f5f5f5;
	border-bottom:1px solid #d0d0d0;
	width:100%;
	height:36px;
}


#project-add .left{
	margin:0px 0px 0px 23px;
}

#project-add .right{
	margin:5px 20px 0px 0px;
}

#project-add ul{
	margin:5px 0px 0px 0px;
}

#project-add li{
	list-style:none;
	float:left;
	padding:3px 14px 0px 0px;
}

#project-add li h3{
	padding:0px 0px 7px 34px;
	background:url(../images/icon-projects.gif) left -1px no-repeat;
	font-size:15px;
	font-weight:normal;
	color:#171717;
}

#project-add form .formlist{
	margin:2px 0px 0px 0px;
	padding:2px 0px 0px 2px;
	border:1px solid #939393;
	background:#e9f5fd;
	font-size:11px;
	height:19px;
} 

#project-add li a.btn{
	display:block;
	padding:5px 0px 6px 0px;
	background:url(../images/bg-btn2.gif) top left no-repeat;
	width:67px;
	font-size:12px;
	color:#171717;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}

#project-add-list .red{
	color:#d1001b;
}

#project-add li a.btn:hover{
	background:url(../images/bg-btn2-hover.gif) top left no-repeat;
}

/*-------------- Project Add style End ---------------*/

/*-------------- Search style ---------------*/

#search-sheet{
	margin:0px 0px 5px 0px;
	padding:0px 0px 2px 0px;
	background:#f5f5f5;
	border-bottom:1px solid #ebebeb;
	width:100%;
}

#search-sheet h3{
	padding:8px 0px 10px 55px;
	background:url(../images/icon-search.gif) 23px 6px no-repeat #f2f2f2;
	border-bottom:1px solid #efefef;
	font-size:15px;
	font-weight:normal;
}


#search-sheet ul{
	margin:5px 0px 0px 100px;
}

#search-sheet li{
	list-style:none;
	padding:5px 0px 10px 0px;
}


#search-sheet form .formlist{
	margin:2px 0px 0px 0px;
	padding:2px 0px 0px 2px;
	border:1px solid #939393;
	background:#e9f5fd;
	font-size:11px;
	height:19px;
	width:250px;
} 

#search-sheet form .inputText{
	padding:2px 0px 0px 2px;
	border:1px solid #939393;
	background:#e9f5fd;
	font-size:11px;
	height:17px;
	width:150px;
} 


#search-sheet li span{
	float:left;
	padding:3px 0px 0px 0px;
	width:60px;
}

#search-sheet li a.btn{
	display:block;
	margin:0px 0px 0px 130px;
	padding:5px 0px 6px 0px;
	background:url(../images/bg-btn2.gif) top left no-repeat;
	width:67px;
	font-size:12px;
	color:#171717;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}

#search-sheet a.btn:hover{
	background:url(../images/bg-btn2-hover.gif) top left no-repeat;
}

/*-------------- Search style End ---------------*/

/*--------------- Search Container --------------*/


.search_container_footer {
	
	padding:0px 0px 20px 30px;
	
}

.search_container {
	background:url(../images/icon_search.gif) top left no-repeat;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 30px;
	overflow:hidden;
	width:400px;
}

.search_container .head{
	background:	url(../images/bg-tabel-head.gif) left top repeat-x;
	width:400px;
	padding:10px 0px 10px 10px;
	margin:0px 0px 5px 0px;
	font-size:16px;
}


.search_container .textBox{
	background:#f4f5f1;
	border:1px solid #e1e2df;
	margin:0 8px 0 5px;
	width:260px;
	height:18px;
	vertical-align:middle;
}

.search_container .FormSelect  {
	background:#f4f5f1;
	border:1px solid #e1e2df;
	margin:0 8px 0 5px;
	width:260px;
	height:18px;
	vertical-align:middle;
	padding-top:0px;
}

.search_container .FormButton{
	padding:5px 0px 6px 0px;
	border:0;
	background:url(../images/bg-btn2.gif) top left no-repeat;
	width:67px;
	font-size:12px;
	color:#171717;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	
}

.search_container ul{
	margin:0px 0px 0px 10px;	
}

.search_container li{
	list-style:none;
	margin:0px 0px 10px 0px;	
}

.search_container li span{
	float:left;
	width:100px;
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}

.search_container .textBox:hover{
	border:1px solid #616165;
}

/*-------------- Project Tabel style  ---------------*/

#project-add-list{
	margin:0px 0px 0px 0px;
}

#project-add-list .head-tr{
	background:	url(../images/bg-tabel-head.gif) left top repeat-x;
	font-size:13px;
	height:37px;
}

#project-add-list td{
	padding:0px 0px 0px 10px;
	font-size:11px;
	height:36px;
	color:#1a1a1a;
}

#project-add-list .head-tr th{
	padding:0px 0px 0px 10px;
	text-align:left;
	color:#1d1d1d;
}

#project-add-list .head-tr th .date{
	font-size:11px;
	font-weight:normal;
}

#project-add-list .tr-1{
	background:#fcfcfc;
}

#project-add-list .tr-1:hover{
	background:#f4f4f4;
}


#project-add-list .tr-1 td{
	border-top:1px solid #fff;
	border-bottom:1px solid #e8e8e8;
}

#project-add-list .tr-2{
	background:#f3fafe;
}

#project-add-list .tr-2:hover{
	background:#e2f4ff;
}

#project-add-list .tr-2 td{
	border-top:1px solid #fff;
	border-bottom:1px solid #caedfd;
}

#project-add-list .tr-selected{
	background:#fffff1;
}

#project-add-list .tr-selected:hover{
	background:#ffffe4;
}
#project-add-list .tr-selected td{
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e6c7;
}


#project-add-list .tr-total{
	background:#fffff1;
	margin:0px 0px 15px 0px;
}

#project-add-list .tr-total:hover{
	background:#ffffe4;
}

#project-add-list .td-claim{
	padding:0px 0px 0px 10px;
	font-size:12px;
	height:36px;
	color:#993300;
	font-weight:bold;
}

#project-add-list .td-overtime{
	padding:0px 0px 0px 10px;
	font-size:12px;
	height:36px;
	color:#003366;
	font-weight:bold;
}

#project-add-list .td-totalhours{
	padding:0px 0px 0px 10px;
	font-size:12px;
	height:36px;
	color:#CC0000;
	font-weight:bold;
}
#project-add-list .tr-total td{
	padding:0px 0px 0px 10px;
	font-size:13px;
	height:36px;
	color:#1a1a1a;
	font-weight:bold;
}

#project-add-list #projectlist{
border:0px solid #333;
}

#project-add-list #projectlist td{
border:0;
}

/* For total row of the table */
#project-totalrow{
	margin:0px 0px 15px 0px;
}
#project-totalrow td{
	padding:0px 0px 0px 10px;
	font-size:11px;
	height:36px;
	color:#1a1a1a;
}


#project-totalrow .tr-total{
	background:#efefef;
}

#project-totalrow .tr-total:hover{
	background:#f7f7f7;
}

#project-totalrow .tr-total td{
	border-top:1px solid #fff;
	border-bottom:1px solid #cbcbcb;
	font-size:12px;
	font-weight:bold;
}

#project-totalrow .bg-task-1{
	background:url(../images/bg-task-small.gif) top right no-repeat;
	text-align:right;
	padding:0px 14px 0px 0px;
}

#project-totalrow .bg-task-1 a{
	padding:2px 0px 0px 25px;
	width:50px;
	background:url(../images/icon-floppy.gif) left top no-repeat;
	font-size:13px;
	color:#141414;
	cursor:pointer;
}

#project-totalrow .bg-task-1 a:hover{
	color:#0000dd;
}

#project-totalrow .bg-task-2{
	background:url(../images/bg-task.gif) top right no-repeat;
	text-align:right;
	padding:0px 14px 0px 0px;
}

#project-totalrow .bg-task-2 a{
	font-size:13px;
	color:#141414;
}

#project-totalrow .bg-task-2 a:hover{
	color:#0000dd;
}

#project-totalrow .bg-task-2 .csv{
	padding:4px 0px 7px 30px;
	background:url(../images/icon-xls.gif) left top no-repeat;
}


#project-totalrow .bg-task-2 .print{
	margin:0px 0px 0px 18px;	
	padding:4px 0px 7px 30px;
	background:url(../images/icon-print.gif) left top no-repeat;
}

#project-totalrow .tr-selected{
	background:#fffff1;
}

#project-totalrow .tr-selected:hover{
	background:#ffffe4;
}
#project-totalrow .tr-selected td{
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e6c7;
}


/*-------------- Project Tabel style end ---------------*/
 

/*
#leftcol{
	width:150px; 
	float:left; 
	position:relative; 
	background-color:#B3902F; 
}
*/
#leftcol{
	width:25%; 
	float:left; 
	position:relative; 
}

 /* -------------------For index page -------------------- */
 #leftcol .left-box{
	width:100%;
	margin:0px auto 10px auto;
	padding:0px 1px 1px 1px;
	text-align:center;	
	background:#fff;
	border:3px solid #e4e4e4;
}

#leftcol .left-box .inside-box{
	text-align:left;
	margin:0px 1px 1px 1px;
	background:#efefef;
}


#leftcol .left-box .inside-box li{
	list-style:none;
	background:url(../images/bullet-arrow.gif) 10px 8px no-repeat;
	padding:7px 5px 7px 18px;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #fff;
}

#leftcol .left-box .inside-box li a{
	color:#2b2b2b;
}

#leftcol .left-box .inside-box li a:hover{
	color:#666;
	text-decoration:underline;
}

#leftcol .left-box .inside-box .view-all{
	background:none;
	text-align:right;
	padding:4px 15px 4px 0px;
	border-bottom:1px solid #fff;
}



#leftcol .left-box .inside-box .tabel-1 tr{
	background:#efefef;
}

#leftcol .left-box .inside-box .tabel-1 tr:hover{
	background:#fbfafa;
}

#leftcol .left-box .inside-box .tabel-1 td{
	padding:0px 0px 0px 10px;
	text-align:left;
	height:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d5d5d5;
	
}

#leftcol .left-box .inside-box .tabel-1 th{
	text-align:left;
	background:#e9e9e9;
	color:#191919;
	border-top:0px solid #fff;
	border-bottom:1px solid #d5d5d5;
	height:28px;
	padding:0px 0px 0px 10px;
	margin:0;	
}

#leftcol .left-box .inside-box .tabel-1 .left-th{
	border-left:0px solid #FFFFFF;
	padding:0px 0px 0px 25px;
}

#leftcol .left-box .inside-box .tabel-1 td a{
	color:#666666;

}

#leftcol .left-box .inside-box .tabel-1 td a:hover{
	color:#222;
	text-decoration:underline;
}

#leftcol .left-box .inside-box .tabel-1 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat;
	border-left:1px solid #fff;
	padding:0px 0px 0px 25px;
}


* html #leftcol .left-box .inside-box .tabel-1 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat #efefef;
}


#leftcol .left-box .inside-box .tabel-1 .right-bor{
	border-right:1px solid #fff;
}

#leftcol .left-box .inside-box .tabel-1 .bottom-bor{
	border-bottom:2px solid #fff;
}

#leftcol .left-box .inside-box .tabel-1 .bottom-bor{
	border-bottom:2px solid #fff;
}

#leftcol .left-box .inside-box .tabel-1 .view-all2{
	text-align:right;
	padding:0px 15px 0px 0px;
	border-bottom:2px solid #fff;
}


/* ------------------left end --------------- */

/*----------tabel-2-----------------------*/


 .tabel-2 {
width=700px;
}
 .tabel-2 tr{
	background:#efefef;
}

 .tabel-2 tr:hover{
	background:#fbfafa;
}

 .tabel-2 td{
	padding:0px 0px 0px 10px;
	text-align:left;
	height:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d5d5d5;
	
}

 .tabel-2 th{
	text-align:left;
	background:#e9e9e9;
	color:#191919;
	border-top:2px solid #fff;
	border-bottom:1px solid #d5d5d5;
	height:30px;
	padding:0px 0px 0px 10px;
}

 .tabel-2 .left-th{
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}

 .tabel-2 td a{
	color:#666666;
}

 .tabel-2 td a:hover{
	color:#222;
	text-decoration:underline;
}

 .tabel-2 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat;
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}


* html  .tabel-2 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat #efefef;
}


 .tabel-2 .right-bor{
	border-right:2px solid #fff;
}

 .tabel-2 .bottom-bor{
	border-bottom:2px solid #fff;
}

 .tabel-2 .view-all{
	text-align:right;
	padding:4px 15px 4px 0px;
	border-bottom:2px solid #fff;
}

/*------------------------------end tabel-2----------*/


/* ------------------main col started 1 --------------- */

#maincol1{
	background-color: #FFFFFF;  
	float: center; 
	display:inline; 
	position: relative; 
	width:73%; 
}

#maincol1 .mid-box-1{
	width:99%;
	margin:0px auto 10px auto;
	padding:0px 1px 1px 1px;
	text-align:center;	
	background:#fff;
	border:3px solid #e4e4e4;
}

#maincol1 .mid-box-1 .inside-box{
	text-align:left;
	margin:0px 0px 1px 0px;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 tr{
	background:#efefef;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 tr:hover{
	background:#fbfafa;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 td{
	padding:0px 0px 0px 10px;
	text-align:left;
	height:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d5d5d5;
	
}

#maincol1 .mid-box-1 .inside-box .tabel-1 th{
	text-align:left;
	background:#e9e9e9;
	color:#191919;
	border-top:2px solid #fff;
	border-bottom:1px solid #d5d5d5;
	height:30px;
	padding:0px 0px 0px 10px;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 .left-th{
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 td a{
	color:#666666;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 td a:hover{
	color:#222;
	text-decoration:underline;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat;
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}


* html #maincol1 .mid-box-1 .inside-box .tabel-1 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat #efefef;
}


#maincol1 .mid-box-1 .inside-box .tabel-1 .right-bor{
	border-right:2px solid #fff;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 .bottom-bor{
	border-bottom:2px solid #fff;
}

#maincol1 .mid-box-1 .inside-box .tabel-1 .view-all{
	text-align:right;
	padding:4px 15px 4px 0px;
	border-bottom:2px solid #fff;
}

#maincol1 .mid-box-2{
	float:left;
	width:100%;
}

#maincol1 .mid-box-2 .left{
	float:left;
	width:48%;
	margin:0px 4px 10px auto;
	padding:0px 1px 1px 1px;
	background:#fff;
	border:3px solid #e4e4e4;
}

#maincol11 .mid-box-2 .right{
	float:right;
	width:49%;
	margin:0px auto 10px auto;
	padding:0px 1px 1px 1px;
	background:#fff;
	border:3px solid #e4e4e4;;
}

#maincol1 .mid-box-2 .inside-box{
	text-align:left;
	margin:0px 1px 1px 1px;
	background:#efefef;
}


#maincol1 .mid-box-2 .inside-box li{
	list-style:none;
	background:url(../images/bullet-arrow.gif) 10px 8px no-repeat;
	padding:7px 5px 7px 32px;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #fff;
}

#maincol1 .mid-box-2 .inside-box li a{
	color:#2b2b2b;
}

#maincol1 .mid-box-2  .inside-box li a:hover{
	color:#666;
	text-decoration:underline;
}

#maincol1 .mid-box-2 .inside-box .view-all{
	background:none;
	text-align:right;
	padding:4px 15px 4px 0px;
	border-bottom:1px solid #fff;
}







/* ------------------main col started  --------------- */
/*#maincol{
	background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width:590px; 
}
*/
#maincol{
	background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width:73%; 
}

#maincol .mid-box-1{
	width:99%;
	margin:0px auto 10px auto;
	padding:0px 1px 1px 1px;
	text-align:center;	
	background:#fff;
	border:3px solid #e4e4e4;
}

#maincol .mid-box-1 .inside-box{
	text-align:left;
	margin:0px 0px 1px 0px;
}

#maincol .mid-box-1 .inside-box .tabel-1{
}

#maincol .mid-box-1 .inside-box .tabel-1 tr{
	background:#efefef;
}

#maincol .mid-box-1 .inside-box .tabel-1 tr:hover{
	background:#fbfafa;
}

#maincol .mid-box-1 .inside-box .tabel-1 td{
	padding:0px 0px 0px 10px;
	text-align:left;
	height:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d5d5d5;
	
}

#maincol .mid-box-1 .inside-box .tabel-1 th{
	text-align:left;
	background:#e9e9e9;
	color:#191919;
	border-top:2px solid #fff;
	border-bottom:1px solid #d5d5d5;
	height:30px;
	padding:0px 0px 0px 10px;
}

#maincol .mid-box-1 .inside-box .tabel-1 .left-th{
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}

#maincol .mid-box-1 .inside-box .tabel-1 td a{
	color:#666666;
}

#maincol .mid-box-1 .inside-box .tabel-1 td a:hover{
	color:#222;
	text-decoration:underline;
}

#maincol .mid-box-1 .inside-box .tabel-1 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat #efefef;
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}

* html #maincol .mid-box-1 .inside-box .tabel-1 .left-td{
	background:url(../images/bullet-arrow.gif) 10px center no-repeat #efefef;
}


#maincol .mid-box-1 .inside-box .tabel-1 .right-bor{
	border-right:2px solid #fff;
}

#maincol .mid-box-1 .inside-box .tabel-1 .bottom-bor{
	border-bottom:2px solid #fff;
}

#maincol .mid-box-1 .inside-box .tabel-1 .view-all{
	text-align:right;
	padding:4px 15px 4px 0px;
	border-bottom:2px solid #fff;
}

#maincol .mid-box-2{
	float:left;
	width:100%;
}

#maincol .mid-box-2 .left{
	float:left;
	width:48%;
	margin:0px 4px 10px auto;
	padding:0px 1px 1px 1px;
	background:#fff;
	border:3px solid #e4e4e4;
}

#maincol .mid-box-2 .right{
	float:right;
	width:49%;
	margin:0px auto 10px auto;
	padding:0px 1px 1px 1px;
	background:#fff;
	border:3px solid #e4e4e4;;
}

#maincol .mid-box-2 .inside-box{
	text-align:left;
	margin:0px 1px 1px 1px;
	background:#efefef;
}


#maincol .mid-box-2 .inside-box li{
	list-style:none;
	background:url(../images/bullet-arrow.gif) 10px 8px no-repeat;
	padding:7px 5px 7px 32px;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #fff;
}

#maincol .mid-box-2 .inside-box li a{
	color:#2b2b2b;
}

#maincol .mid-box-2  .inside-box li a:hover{
	color:#666;
	text-decoration:underline;
}

#maincol .mid-box-2 .inside-box .view-all{
	background:none;
	text-align:right;
	padding:4px 15px 4px 0px;
	border-bottom:1px solid #fff;
}




#content{
	margin:0 auto 0 auto;
	width: 90%;
	padding:0px 10px 20px 80px;
}

#addbox{
	width:500px;
	margin:10px auto 15px auto;
	padding:1px;
	text-align:center;	
	background:#fff;
	border:1px solid #f5f5f5;
}

#addbox h1{
	font-size:130%;
	color:#2c2c2c;
	text-align:left;
	font-weight:normal;
}

#addbox h1 a{
	font-size:100%;
	color:#222222;
	font-weight:normal;
}

#addbox h1 a:hover{
text-decoration:underline;
}


#addbox .manage-project{
	background:	url(../images/bg-tabel-head.gif) left top repeat-x;
	padding:0px 0px 0px 5px;
}

#addbox h1 span{
	display:block;
	background:url(../images/icon-manage-project.gif) left 6px no-repeat;
	padding:9px 0px 6px 32px;	
	height:21px;
}

#addbox a{
	font-weight:700;
}

#addbox h3{
	color:#1D3BA4;
	text-decoration:none;
}

#collapsedbox{
	text-align:left;
	margin:1px 0px 0px 0px;
}

#addbox .forms{
	margin:2px 1px 1px 1px;
}

#addbox .forms ul{
	background:#fcfcfc;
}

#addbox .forms li{
	list-style:none;
	padding:7px 0px 7px 10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #e8e8e8;
}

#addbox .forms .top-bor{
	border-top:0;
}

#addbox .forms .bot-bor{
	border-bottom:0;
}

.forms li .label{
	float:left;
	font-weight:700;
	width:110px;
	margin-right:5px;
}

.forms .FormInputs{
	width:180px;
}

fieldset{
	width:100%;
}

.forms .FormInputs  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:1px #CCCCCC solid;
	padding:2px;
}

.forms .FormInputsLarge  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:1px #CCCCCC solid;
	padding:2px;
	width:300px;
	height:15px;
}

.forms .FormDrp  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:2px #FFFFFF groove;
	height:22px;
}

.forms .FormButton{
	padding:5px 0px 6px 0px;
	border:0;
	background:url(../images/bg-btn2.gif) top left no-repeat;
	width:67px;
	font-size:12px;
	color:#171717;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	
}

.forms .FormButton:hover{
	background:url(../images/bg-btn2-hover.gif) top left no-repeat;
}

.validation-failed{
	border:1px solid #FA6262;
}
.validation-advice {
	margin: 5px 0px -20px 160px;
	padding: 5px;
	color : #FA6262;
	font-weight: bold;
}

.sortable {
	border:1px solid #e4e4e4;
	margin:10px 0;
}
.sortable td{
	padding:0px 0px 0px 10px;
	font-size:11px;
	height:36px;
	color:#1a1a1a;
}
.sortable .tr-1{
	background:#fcfcfc;
}

.sortable .tr-1:hover{
	background:#f4f4f4;
}


.sortable .tr-1 td{
	border-top:1px solid #fff;
	border-bottom:1px solid #e8e8e8;
}

.sortable .tr-2{
	background:#f3fafe;
}

.sortable .tr-2:hover{
	background:#e2f4ff;
}

.sortable .tr-2 td{
	border-top:1px solid #fff;
	border-bottom:1px solid #caedfd;
}

.sortable .tr-selected{
	background:#fffff1;
}

.sortable .tr-inactive{
	background:#EBEBEB;
}

.sortable .tr-inactive td{
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
}

.sortable .tr-selected{
	background:#fffff1;
}


.sortable .tr-selected:hover{
	background:#ffffe4;
}
.sortable .tr-selected td{
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e6c7;
}
.sortable th{
	
}

.sortable .head-tr{
	background:	url(../images/bg-tabel-head.gif) left top repeat-x;
	font-size:13px;
	height:37px;
}

.sortable td{
	padding:0px 0px 0px 10px;
	font-size:11px;
	height:36px;
	color:#1a1a1a;
}

.sortable .head-tr th{
	padding:0px 0px 0px 10px;
	text-align:left;
	color:#1d1d1d;
}

.sortable td a{
	color:#666666;
}

.sortable td a:hover{
	color:#222;
	text-decoration:underline;
}

.sortable .left-td{
	padding:0px 0px 0px 10px;
}

#footer{
	height:28px; 
	background:#f5f5f5;
	clear:both;
	margin:0px 0px 10px 0px;
	padding:10px 10px 0px 10px;
}


#footer .left{
	float:left;
}

#footer .left h5{
	font-weight:normal;
	font-size:11px;
	color:#252525;
}
#footer .right{
	float:right;
	margin:4px 0px 0px 0px;
}

 #footer .right a{
	font-size:11px;
	color:#252525;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}


* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 
	/*hide the left column when printing*/ 
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}




/*progamming*/
.error_box{
	color:#FFFFFF;
	background:#FFF5F1;
	border:1px solid #F8E8E8;
	display:none;
	/*height:20px;*/
	overflow:hidden;
	width:90%;
	margin-bottom:10px;
	padding:10px 0px 0px 10px;
}

.error_box li{
	color:#212121;
	text-align:left;
	font-weight:bold;
	list-style:none;
	background:url(../images/cross.png) left top no-repeat;
	padding:0px 0px 10px 25px;
}
.success_box{
	color:#FFFFFF;
	background:#F5FFEB;
	border:1px solid #e5f2d7;
	display:none;
	/*height:20px;*/
	overflow:hidden;
	width:90%;
	margin-bottom:10px;
	padding:10px 0px 0px 10px;
}

.success_box li{
	color:#212121;
	text-align:left;
	font-weight:bold;
	list-style:none;
	background:url(../images/tick.png) left top no-repeat;
	padding:0px 0px 10px 25px;
}



.error_box_modal{
	color:#FFFFFF;
	background:#FFF5F1;
	border:1px solid #F8E8E8;
	display:none;
	/*height:20px;*/
	overflow:hidden;
	width:90%;
	margin-bottom:10px;
	padding:10px 0px 0px 10px;
}

.error_box_modal li{
	color:#212121;
	text-align:left;
	font-weight:bold;
	list-style:none;
	background:url(../images/cross.png) left top no-repeat;
	padding:0px 0px 10px 25px;
}


.textbox {
width:30px;
}


/*----------tabbed -------------*/

.tabbed {
	}

/* List of tabs */
.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	background:#efefef;
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	background:#efefef;
	border-left:1px solid #fff;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	/*	padding:6px 0px 6px 5px;*/
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	padding: 5px 12px 7px 12px;
	font-size:10px;

	}
.tabbed ul.tabs li a:hover {
	background:#dbd9d9;
}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	background:#d9d0d0;
	border-bottom:0;
	border:medium;
}

/*
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	}
*/

.tabbed div.t1, div.t2, .tabbed div.t3, .tabbed div.t4 {
	/*width:300px;
	border:1px solid #ededed;
	padding:10px;*/
	clear:both;
}

/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}
.tabbed div div {
	}



/** For user form***/

#contact_div h1{
	font-size:130%;
	color:#2c2c2c;
	text-align:left;
	font-weight:normal;
}

#contact_div h1 a{
	font-size:85%;
	color:#990000;
	font-weight:normal;
}

#contact_div h1 a:hover{
text-decoration:underline;
}


#contact_div .manage-project{
	background:url(../images/icon-manage-project.gif) left top no-repeat;
	padding:0px 0px 0px 30px;	
}

#contact_div h1 span{
	display:block;
	background:url(../images/bg-head.gif) right top no-repeat;
	padding:6px 0px 6px 5px;	
}
#addbox .userform, #contact_div .forms{
	margin:2px 1px 1px 1px;
}

#addbox .userform ul, #contact_div .forms ul{
	/*background:#efefef;
	border:thin;*/
	background:#fcfcfc;
}

#addbox .userform li, #contact_div .forms li{
	/*list-style:none;
	padding:7px 0px 7px 10px;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #fff;*/
	list-style:none;
	
	padding:7px 0px 7px 10px;
	/*border-bottom:1px solid #d8d8d8;
	border-top:1px solid #fff;*/
	border-top:1px solid #fff;
	border-bottom:1px solid #e8e8e8;
}
#contact_div .manage-project{
	background:url(../images/icon-manage-project.gif) left top no-repeat;
	padding:0px 0px 0px 30px;	
}

#addbox .userform .top-bor, #contact_div .forms .top-bor{
	border-top:0;
}

#addbox .userform .bot-borv, #contact_div .forms .bot-borv{
	border-bottom:0;
}

.userform li .label, #contact_div li .label{
	float:left;
	font-weight:700;
	width:110px;
}

.userform .FormInputs, #contact_div .FormInputs {
	width:180px;
}

fieldset{
	width:100%;
}

.userform .FormInputs, #contact_div .FormInputs {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:1px #CCCCCC solid;
	padding:2px;
}

.userform .FormInputsLarge  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:1px #CCCCCC solid;
	padding:2px;
	width:200px;
	height:15px;
}

.userform .selectfield  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:1px #CCCCCC solid;
	padding:2px;
	width:200px;
	height:20px;
}

.userform .FormDrp  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:2px #FFFFFF groove;
	height:22px;
}

.userform .FormButton{
	padding:5px 0px 6px 0px;
	border:0;
	background:url(../images/bg-btn2.gif) top left no-repeat;
	width:67px;
	font-size:12px;
	color:#171717;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	/*width:91px;
	height:35px;
	border:0;
	background:url(../images/bg-btn.gif) left top no-repeat;
	font-family:tahoma, Arial, verdana;
	font-size:13px;
	color:#666;
	text-align:center;*/
}

.userform .FormButton:hover{
	background:url(../images/bg-btn2-hover.gif) top left no-repeat;
	/*background:url(../images/bg-btn-over.gif) left top no-repeat;
	color:#222;*/
}

/*for showing active */
.red{
	color:#FF0000;
}

.forms .textArea  {
	font-family:tahoma, Arial, verdana;
	font-size:11px;
	border:1px #CCCCCC solid;
	padding:2px;
	width:145px;
	height:55px;
}

.emp_search{
	background:url(../images/icon-ongoing-project.gif) left top no-repeat;
	padding:0px 0px 0px 28px;	
	margin:1px 0px 0px 0px;
	font-size:115%;
	color:#2c2c2c;
	text-align:left;
	font-weight:normal;
}

.emp_search form{
	background:url(../images/bg-head.gif) right top no-repeat;
	height:23px;
	padding:6px 0 0px 10px;
}

.emp_search form span{
	font-weight:700;
}

#pagewidth .mid-box-1 .inside-box .tabel-1 .view-all2{
	text-align:right;
	padding:0px 15px 0px 0px;
	border-bottom:2px solid #fff;
}

#pagewidth #emp .left-td2{
	border-left:2px solid #fff;
	padding:0px 0px 0px 25px;
}

@media print{
#search-sheet{display:none;}
#user_detail{display:block;}
#disp_total{display:none;}
#header{display:none;}
#footer{display:none;}
.bg-task-1{display:none;}
#project-totalrow{display:none;}
#project-add-list{ border-collapse: collapse; border-bottom:1px black solid;}
tr{border: 1px solid #000000;}
td{border:1px solid #000000;}
th{border:1px solid #000000;}
#footer_logo{display:none;}

}