diff --git a/panel_manager/sessioncalendar.js b/panel_manager/sessioncalendar.js
index 6ae59c9..8cf9db7 100644
--- a/panel_manager/sessioncalendar.js
+++ b/panel_manager/sessioncalendar.js
@@ -23,7 +23,8 @@ $(document).ready(function(){
 		timeFormat: 'H:mm',
 		select: function(start, end, allDay)
 			{
-			modal.style.display = "block";
+			//modal.style.display = "block";
+			$(modal).fadeIn();
 			/*
 			  var e = {
 				"date"  : $.fullCalendar.formatDate(allDay,"Y-MM-DD"),
@@ -125,13 +126,15 @@ $(document).ready(function(){
 		
 		// When the user clicks on <span> (x), close the modal
 		span.onclick = function() {
-		  modal.style.display = "none";
+		  //modal.style.display = "none";
+		  $(modal).fadeOut();
 		}
 
 		// When the user clicks anywhere outside of the modal, close it
 		window.onclick = function(event) {
 		  if (event.target == modal) {
-			modal.style.display = "none";
+			//modal.style.display = "none";
+			$(modal).fadeOut();
 		  }
 		}
 });