.diaryDragObject
{
	position:absolute;
	z-index:10002;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	
}

#jobdiary
{
}

#jobdiary th
{
	background:#4a6faa url(/images/layup/th-gradient-repeat.gif) repeat-x;
	color:#fff;
	border-left:solid 1px #ddd;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
#jobdiary th .priorityLabel_over
{
	
	color:red;
}
#jobdiary th a
{
	padding:5px 0px 5px 0px;
	float:left;
	width:100%;
	color:#fff;
	text-decoration:none;
}
#jobdiary th a:hover
{
	background:#4a6faa url(/images/layup/td-hover-gradient-repeat.gif) repeat-x center bottom;
	color:#ffff00;
	text-decoration:none;
}
#jobdiary .last {border-right:solid 1px #ddd;}
#jobdiary .jobdiary td 
{
	vertical-align:top;
	/*width:20%;*/
	border-left:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	padding:5px;
}




#jobdiary div.title, .diaryDragObject div.title
{
	height:20px;
	line-height:16px;
	font-weight:bold;
	font-size:12px;
	overflow:hidden;
	cursor:pointer;	
}
#jobdiary div.icon, .diaryDragObject div.icon
{
	float:left;
	height:20px;
	width:20px;
	cursor:move;	
}
#jobdiary div.icon.nomove {cursor:pointer;}

#jobdiary div.title:hover
{
	color:#333;
}
#jobdiary div.jobRef, .diaryDragObject div.jobRef
{
	float:right;
	padding:2px;
	font-size:smaller;
}
#jobdiary div.jobStatus, .diaryDragObject div.jobStatus
{
	/*float:left;*/
	padding:2px;
	font-size:smaller;
}

#jobdiary div.jobItem, .diaryDragObject div.jobItem
{
	margin-bottom:5px;
	border:solid 1px;
	
}
#jobdiary div.jobItem:hover
{
	/*background-color:#fff;*/
	color:#333;
	border-color:#333;
}
#jobdiary .jobDetails, .diaryDragObject .jobDetails
{
	/*border-top:solid 1px #ccc;
	padding:3px;*/
	overflow:hidden;
	width:100%;
	height:100px;
	font-size:11px;
	cursor:pointer;	
}
#jobdiary .jobText, .diaryDragObject .jobText
{
	padding:3px;
}
#jobdiary .dragbar
{
	background-color:red;height:5px;
}

#jobdiary div.priorityLabel
{
	/*font-size:large;*/
	font-weight:bold;
	color:#ddd;
	border-bottom:solid 2px #ddd;
	margin:10px 0 10px 0;
}
#jobdiary div.priorityLabel_over
{
	font-weight:bold;
	color:#000;
	border-bottom:solid 2px #000;
	margin:10px 0 10px 0;
}


#jobdiary div.priorityLabel span
{
	float:right;
}


#jobdiary .unallocatedJobs {min-height:30px;border-bottom:solid 2px #ddd;margin-bottom:10px;padding-bottom:10px;}
#jobdiary .unallocatedJobs .jobItem, .diaryDragObject .jobItem
{
	float:left;
	width:200px;
	margin-right:5px;
}

.Unallocated
{
	background-color:#fff;
	border-color:#eee;
}

.Unallocated .icon {background:url(/images/icons/unallocated.png) no-repeat center center;}
.Unallocated {  border-color:#999;color:#999; }
.Unallocated .title {color:#999;font-weight:normal;}


.Allocated .icon {background:url(/images/icons/allocated.png) no-repeat center center;}
.Allocated { background-color:#eeeeee; border-color:#999;color:#cccccc; }
.Allocated .title {color:#eeeeee;background-color:#cccccc;}

.Acknowledged .icon {background:url(/images/icons/acknowledged.png) no-repeat center center;}
.Acknowledged { background-color:#99ccff; border-color:#669966;color:#6699cc; }
.Acknowledged .title {color:#99ccff;background-color:#6699cc;}

.OnRoute .icon {background:url(/images/icons/onroute.png) no-repeat center center;}
.OnRoute { background-color:#99ffff; border-color:#999966;color:#66cccc; }
.OnRoute .title {color:#99ffff;background-color:#66cccc; }

.OnSite .icon {background:url(/images/icons/onsite.png) no-repeat center center;}
.OnSite {background-color:#99ff99;border-color:#669999;color:#66cc66; }
.OnSite .title {color:#99ff99;background-color:#66cc66;}

.InProgress .icon {background:url(/images/icons/inProgress.png) no-repeat center center;}
.InProgress { background-color:#ffff99; border-color:#666699;color:#cccc66; }
.InProgress .title {color:#ffff99;background-color:#cccc66;}

.OnBoard .icon {background:url(/images/icons/onboard.png) no-repeat center center;}
.OnBoard { background-color:#ffff99; border-color:#666699;color:#cccc66; }
.OnBoard .title {color:#ffff99;background-color:#cccc66;}

.Completed .icon {background:url(/images/icons/completed.png) no-repeat center center;}
.Completed { background-color:#ff9999; border-color:#996699;color:#cc6666; }
.Completed .title {color:#ff9999;background-color:#cc6666;font-weight:normal;}

.Alert .icon {background:url(/images/icons/exclamation.png) no-repeat center center;}
.Alert { background-color:#ff9999; border-color:#996699;color:#cc6666; }
.Alert .title {color:#ff9999;background-color:#cc6666;font-weight:normal;}

#legend
{
	clear:both;
	padding-bottom:20px;
	margin:auto;
	width:520px;
}
#legend div
{
	border:solid 1px;
	margin-top:20px;
	margin-right:5px;
	padding:3px;
	width:90px;
	float:left;
	text-align:center;
	font-size:smaller;
}


#jobdiary th.expandable 
{
	/*background:none;
	border:none;*/
	padding-top:0;	
	border-right:solid 1px #ddd;
	
}
#jobdiary td.expandable 
{
	border:none;
}
#jobdiary .expandable a 
{
	color:#333;
	background: url(/images/icons/collapse16.png) no-repeat center center;
	width:20px;
	padding:2px 0;
	height:16px;
}
#jobdiary .expandable a:hover
{
	background: url(/images/icons/collapse16_hover.png) no-repeat center center;
}

#jobdiary .expandable a.collapsed 
{
	background: url(/images/icons/expand16.png) no-repeat center center;
}
#jobdiary .expandable a.collapsed:hover 
{
	background: url(/images/icons/expand16_hover.png) no-repeat center center;
}

/************************************************/


/**** Diary Toolbar ****************************
************************************************/

.diary_toolbar
{
	clear:both;
	height:30px;
	background:#eee url(/images/layup/toolbar-gradient-repeat.gif) repeat-x center bottom;
	margin:-19px 0 20px 0;
	border:solid 2px #ccc;
}
.diary_toolbar div.prev
{
	float:right;
	border-right:solid 1px #ccc;
	width:80px;
	text-align:left;
	border-left:solid 1px #ccc;
}
.diary_toolbar div.next
{
	float:right;
	width:90px;
	text-align:right;
}
.diary_toolbar div.view
{
	float:left;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:160px;
	text-align:center;
}
.diary_toolbar div.view .viewlist
{
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin-top:4px;
	width:140px;
	float:none;
	
}
.diary_toolbar div.date
{
	float:right;
	border-right:solid 1px #ccc;
	width:180px;
	text-align:center;
}
.diary_toolbar div.date .datebox
{
	margin-top:4px;
	float:none;
	text-align:center;
}
.diary_toolbar a
{
	float:left;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding:0 8px 0 8px;
	color:#999;
	background: url(/images/layup/sub-hover-gradient-repeat.gif) repeat-x center -500px;
}
.diary_toolbar a:hover
{
	background:#fff url(/images/layup/sub-hover-gradient-repeat.gif) repeat-x center bottom;
	color:#333;
}
.diary_toolbar a span
{
	height:30px;
	width:30px;
	float:left;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left center;
}

.diary_toolbar a.back span
{
	background-image:url(/images/icons/back24.png);
}
/*.diary_toolbar a:hover.back span
{
	background-image:url(/images/icons/back24_hover.png);
}*/

.diary_toolbar a.prev span{ background-image:url(/images/icons/prev24.png); }
/*.diary_toolbar a:hover.prev span{ background-image:url(/images/icons/prev24_hover.png); }*/

.diary_toolbar a.next span{ background-image:url(/images/icons/next24.png); }
/*.diary_toolbar a:hover.next span{ background-image:url(/images/icons/next24_hover.png); }*/
.diary_toolbar a.next span
{
	height:30px;
	width:30px;
	float:right;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:right center;
}

.diary_toolbar a.delete span{ background-image:url(/images/icons/delete24.png); }
/*.diary_toolbar a:hover.delete span{ background-image:url(/images/icons/delete24_hover.png); }*/
/************************************************/