/* ------------------
 styling for the tables 
   ------------------   */

/*Remove Elements for printing*/
div {display:none;}
  
   
/*CSS here is only different for Source, Task and Notes. Allowing them to overflow and wrap for printing */   
/* ------------------
 styling for the tables 
   ------------------   */

body{
	font-family: arial; 
	font-size:80%;
}
#sortable
{
	margin: 0 auto;
	font-size: 100%;
	border-collapse: collapse;
	table-layout: fixed;	
	width:95%;
}

tr.normal{
background-image:url('images/lightBlue.png'); background-repeat: repeat-x;
background-position: center left; 
}

tr.headings{
background-image:url('images/topBar.png'); background-repeat: repeat-x;
background-position: center left; 
}


#sortable th
{
	font-weight: bold;
	text-decoration:underline;
	text-align:left;
	padding-top:5px;
	padding-bottom: 5px;
	
	border-top: 4px solid #000000;
	border-bottom: 1px solid #000000;
	color: #fff;
	cursor: pointer;
}
#sortable td
{
	text-align:left;
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
	height:25px;
	
}

#sortable tr:hover td
{	color: #fff;
	background-color:#4B7EC1 !important;
	
}

th.headerSortUp { 
    background-image: url('images/asc.gif'); 
	background-position: right;
	background-repeat: no-repeat;
   
}

 th.headerSortDown { 
    background-image: url('images/desc.gif'); 
	background-position: right;
	background-repeat: no-repeat;
 
}



tr.filters{
	display:none;
	width:100%;
	background-image:url('images/topBars.png'); background-repeat: repeat-x;
	background-position: center left; 
	}
	
th.source{width:15%;padding-left: 10px;	}	
th.taskName {width:20%;padding-left: 10px; }
th.assignTo{width:10%;}
th.startDate{width:10%; text-align:center !important;}
th.dueDate{width:10%; text-align:center !important; }
th.status{width:5%; text-align:center !important; }
th.delta{width:5%; text-align:center !important; }
th.taskNotes{width:25%; padding-left: 10px; }



td.projectSource{
	width:15%;	
	text-align:left;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 22px;
	background-image:url('images/project.png'); background-repeat: no-repeat;
	background-position: 2% 50%;
}	

td.meetingSource{
	width:15%;	
	text-align:left;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 22px;
	background-image:url('images/meeting.png'); background-repeat: no-repeat;
	background-position: 2% 50%;
}	

td.task{
	width:20%;
	text-align:left;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 10px;
	
}

td.taskIsMilestone{
	width:20%;
	text-align:left;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 22px;
	background-image:url('images/moo.png'); background-repeat: no-repeat;
	background-position: 2% 50%;
	
}
td.assignedTo{
	width:10%;text-align:center;

	
}
td.startDate{
	width:10%;
	
	text-align:center !important;
}
td.dueDate{
	width:10%;
	
	text-align:center !important;

	}
td.statusInProgress{
	width:5%;  
	text-align:center !important; 
	background-image:url('images/inProgress.png'); background-repeat: no-repeat ;
	background-position: center ;
	font-size:0pt;
}
td.statusNotStarted{
	width:5%;  
	text-align:center !important;
	background-image:url('images/notStarted.png'); background-repeat: no-repeat;
	background-position: center ; 
	font-size:0pt;
}
td.statusCompleted{
	width:5%;  
	text-align:center !important;
	background-image:url('images/completed.png'); background-repeat: no-repeat;
	background-position: center ; 
	font-size:0pt;
}
td.delta{
	width:5%;
	text-align:center !important;
	background-image:url('images/lightGreen.png'); background-repeat: repeat-x;
	background-position: center left; 
}

td.deltaOverdue{
	width:5%;
	text-align:center !important;
	background-image:url('images/overDue.png'); background-repeat: repeat-x;
	background-position: center left; 

}

td.taskNotes{
	width:25%;
	color:blue;
	padding-left: 10px;
	overflow: visible;
	white-space: wrap ;

}