diff --git a/punch_list/backlogManage.js b/punch_list/backlogManage.js
index 1c69e7a..59ba883 100644
--- a/punch_list/backlogManage.js
+++ b/punch_list/backlogManage.js
@@ -110,6 +110,8 @@ function genList(punchList, element) {
 			list += '<div class="three columns punch-default">' + punchList[i].nDate + '</div>';
 			if ( (new Date(punchList[i].nDate).getTime() - new Date().getTime()) <= 0 ) {
 				list += '<div class="two columns punch-default overdue">OVERDUE</div>';
+			} else if ( new Date(punchList[i].nDate).getTime() - new Date().getTime()) <= 259200 ) {
+				list += '<div class="two columns punch-default duesoon">DUE SOON</div>';
 			}
 			list += '</div>';
 			list += '<div class="backlog-list-content"><div style="punch-list-backlog-details">';
diff --git a/punch_list/css/custom.css b/punch_list/css/custom.css
index 0c1733d..b0fe258 100644
--- a/punch_list/css/custom.css
+++ b/punch_list/css/custom.css
@@ -31,6 +31,7 @@ a.punch-default:hover { color: #00FFFF; }
 .punch-default { border: 0px solid #AAA; color: #aaa; font-size: 12px; }
 .inProgress { color: orange; font-size: 12px; }
 .overdue { color: red; }
+.duesoon { color: yellow; }
 .hide { display: none; }
 .punch-list-backlog-details {
 	font-size: 18px;