diff --git a/main/css/default_with_tabs/scorm.css b/main/css/default_with_tabs/scorm.css
index 88c96d83d2..f71bb4ad45 100644
--- a/main/css/default_with_tabs/scorm.css
+++ b/main/css/default_with_tabs/scorm.css
@@ -20,53 +20,96 @@ border-right: 1px none;
 overflow: auto;
 background-color: white;
 height: 325px;
-width: 99%;
+width: 92%;
 border-right: 1px #999999 solid;
 border-left: 15px #FFF solid;
 
 }
 .inner_lp_toc .scorm_item{
-font-size: 11px;
-margin-left: 10px;
-margin-right:25px;
-padding-bottom: 2px;
-text-decoration: none;
+
+	font-size: 11px;
+	margin-left: 10px;
+	margin-right:20px;
+	padding-bottom: 2px;
+	text-decoration: none;
+}
+
+.inner_lp_toc .scorm_item A
+{
+	font-size: 11px;
+	margin-right: 1px;
+	padding-bottom: 2px;
+	text-decoration: none;
+	font-weight: normal;
 }
 
-	.inner_lp_toc .scorm_item A{
-		font-weight: normal;
-	}
+.inner_lp_toc .scorm_item A.chapter_module{
+	font-weight: normal;
+	margin-right: 10px;
+}
+
+
+.inner_lp_toc  .scorm_item_highlight
+{
+	font-size: 11px;
+	margin-right: 1px;
+	padding-bottom: 2px;
+	text-decoration: none;
+	font-weight: normal;	
 	
-		.inner_lp_toc .scorm_item A.chapter_module{
-			font-weight: normal;
-		}
-
-.inner_lp_toc .scorm_item_highlight{
-font-size: 11px;
-margin-left: 10px;
-margin-right: 25px;
-padding-bottom: 2px;
-text-decoration: none;
-background:#F8F8F8; border:1px dashed #999999;
-}
-
-	.inner_lp_toc .scorm_item_highlight A{
-		font-weight: normal;
-	}
+	background:#aaa;
+}
+
+.inner_lp_toc  .scorm_item_highlight A
+{
+	font-size: 11px;
+	margin-right: 1px;
+	text-decoration: none;
+	font-weight: normal;			
+
+}
+.inner_lp_toc  .scorm_item_1
+{
+	font-size: 11px;
+	margin-right: 1px;
+	padding-bottom: 2px;
+	text-decoration: none;
+	font-weight: normal;	
 	
-.inner_lp_toc .scorm_item_highlight .highlight{
-	font-weight: normal;
-	background:#F3F3F3; border:1px dashed #949494;
+	background:#ddd;
+}
+
+.inner_lp_toc  .scorm_item_2
+{
+	font-size: 11px;
 	margin-right: 1px;
+	padding-bottom: 2px;
+	text-decoration: none;
+	font-weight: normal;
+	
+	background:#eee;		
 }
 
+
+.inner_lp_toc .scorm_title
+{
+	font-weight: bold;
+	background:#4271B5;	
+
+	font-size: 12px;
+	color: #fff;	
+}
+
+
 .inner_lp_toc .scorm_status_img{
-margin:0px;
-margin-left: -10px;
-width:10px;
+	margin:0px;
+	margin-left: -10px;
+	width:10px;
 }
 
 
+
+
 .lp_navigation{
 overflow: auto;
 background-color: white;
diff --git a/main/newscorm/learnpath.class.php b/main/newscorm/learnpath.class.php
index 238d70fd28..16e8c723e1 100644
--- a/main/newscorm/learnpath.class.php
+++ b/main/newscorm/learnpath.class.php
@@ -2445,8 +2445,12 @@ class learnpath {
     	//echo $this->current;
     	//$parent = $this->items[$this->current]->get_parent();
     	//if(empty($parent)){$parent = $this->ordered_items[$this->items[$this->current]->get_previous_index()];}
-    	$html .= '<div class="inner_lp_toc">'."\n" ;
-    	if(api_is_allowed_to_edit()){
+    	$html.= '<div class="inner_lp_toc">'."\n" ;
+    	$html.= '<div class="scorm_title">&nbsp;&nbsp;&nbsp;&nbsp;'.$this->get_name().'</div>';
+    	
+    	// build, display
+    	if(api_is_allowed_to_edit())
+    	{
     		$mych = api_get_setting('platform_charset');
     		$html.="<p>&nbsp;&nbsp;&nbsp;&nbsp;<a  target='_parent' href='lp_controller.php?".api_get_cidreq()."&action=build&lp_id=".$this->lp_id."' style= target='_parent'>".mb_convert_encoding(get_lang("Build"),$this->encoding,$mych)."</a>&nbsp;&#124;&nbsp;<a href='lp_controller.php?".api_get_cidreq()."&action=admin_view&lp_id=".$this->lp_id."' target='_parent'>".mb_convert_encoding(get_lang("BasicOverview"),$this->encoding,$mych)."</a>&nbsp;&#124;&nbsp;".mb_convert_encoding(get_lang("Display"),$this->encoding,$mych)."</p>";
 			unset($mych);
@@ -2456,7 +2460,8 @@ class learnpath {
 		
 		//temp variables
 		$mycurrentitemid = $this->get_current_item_id();
-		
+		$color_counter=0;
+		$i=0;
     	foreach($list as $item)
     	{
     		if($this->debug>2){error_log('New LP - learnpath::get_html_toc(): using item '.$item['id'],0);}
@@ -2469,56 +2474,86 @@ class learnpath {
     							'succeeded'    => 'succeeded.png',
     							'browsed'      => 'completed.png');
     		
-    		$style = 'scorm_item';
+    		$style = 'scorm_item';    		
+    		$scorm_color_background='scorm_item';
+    		$style_item ='scorm_item';
+    		$current=false;
+    		
     		if($item['id'] == $this->current)
     		{
     			$style = 'scorm_item_highlight';
-    		}
-    		//the anchor will let us center the TOC on the currently viewed item &^D
-    		
-    		if($item['type']!='dokeos_module' AND $item['type']!='dokeos_chapter'){
+    			$scorm_color_background ='scorm_item_highlight';
+    		}	
+    		else 
     		
-	    		$html .= '<a name="atoc_'.$item['id'].'" /><div class="'.$style.'" style="padding-left: '.($item['level']*1.5).'em; padding-right:'.($item['level']/2).'em" id="toc_'.$item['id'].'" title="'.$item['description'].'" >' .
-	    				'';    		
-    		}
-    		
-    		else{
+	    		if ($color_counter%2==0)
+		    	{
+		    		$scorm_color_background='scorm_item_1'; 			
+		    	}
+		    	else
+		    	{
+		    		$scorm_color_background='scorm_item_2'; 
+		    	}
+	    	
+			if ($scorm_color_background!='')
+			{
+				$html .= '<div id="toc_'.$item['id'].'" class="'.$scorm_color_background.'">';
+			}
+			
+    		//the anchor will let us center the TOC on the currently viewed item &^D
+    		if($item['type']!='dokeos_module' AND $item['type']!='dokeos_chapter')
+    		{       		
+	    		$html .= '<a name="atoc_'.$item['id'].'" />';								
+				$html .= '<div class="'.$style_item.'" style="padding-left: '.($item['level']*1.5).'em; padding-right:'.($item['level']/2).'em"             title="'.$item['description'].'" >';
+	    	}    		
+    		else
+    		{  
+    			$html .= '<div class="'.$style_item.'" style="padding-left: '.($item['level']*2).'em; padding-right:'.($item['level']*1.5).'em"             title="'.$item['description'].'" >';
+   			}
     			
-    			$html .= '<div class="'.$style.'" style="padding-left: '.($item['level']*2).'em; padding-right:'.($item['level']*1.5).'em" id="toc_'.$item['id'].'" title="'.$item['description'].'" >' .
-	    				'';
+			$title=$item['title'];		
     			
-    		}   		
-			$title=$item['title'];
     		if(empty($title))
     		{
     			$title = rl_get_resource_name(api_get_course_id(),$this->get_id(),$item['id']);    			
     		}
+    		
     		$title = html_entity_decode($title,ENT_QUOTES,$this->encoding);   		
     	
-    		
     		if($item['type']!='dokeos_chapter' and $item['type']!='dir' AND $item['type']!='dokeos_module')
     		{
-					//$html .= "<a href='lp_controller.php?".api_get_cidreq()."&action=content&lp_id=".$this->get_id()."&item_id=".$item['id']."' target='lp_content_frame_name'>".$title."</a>" ;
-					$url = $this->get_link('http',$item['id']);
-					//$html .= '<a href="'.$url.'" target="content_name" onclick="top.load_item('.$item['id'].',\''.$url.'\');">'.$title.'</a>' ;
-					//$html .= '<a href="" onclick="top.load_item('.$item['id'].',\''.$url.'\');return false;">'.$title.'</a>' ;
-					
-					//<img align="absbottom" width="13" height="13" src="../img/lp_document.png">&nbsp;
-					$html .= '<a href="" onclick="dokeos_xajax_handler.switch_item(' .
-							$mycurrentitemid.',' .
-							$item['id'].');' .
-							'return false;" >'.stripslashes($title).'</a>' ;
+				//$html .= "<a href='lp_controller.php?".api_get_cidreq()."&action=content&lp_id=".$this->get_id()."&item_id=".$item['id']."' target='lp_content_frame_name'>".$title."</a>" ;
+				$url = $this->get_link('http',$item['id']);
+				//$html .= '<a href="'.$url.'" target="content_name" onclick="top.load_item('.$item['id'].',\''.$url.'\');">'.$title.'</a>' ;
+				//$html .= '<a href="" onclick="top.load_item('.$item['id'].',\''.$url.'\');return false;">'.$title.'</a>' ;
+				
+				//<img align="absbottom" width="13" height="13" src="../img/lp_document.png">&nbsp;
+				$html .= '<a href="" onclick="dokeos_xajax_handler.switch_item(' .
+						$mycurrentitemid.',' .
+						$item['id'].');' .
+						'return false;" >'.stripslashes($title).'</a>' ;
     		}
     		elseif($item['type']=='dokeos_module' || $item['type']=='dokeos_chapter')
     		{
-    				$html .= "<img align='absbottom' width='13' height='13' src='../img/lp_dokeos_module.png'>&nbsp;".stripslashes($title);
-    		}
-    		
+    			$html .= "<img align='absbottom' width='13' height='13' src='../img/lp_dokeos_module.png'>&nbsp;".stripslashes($title);
+    		}    		
     		elseif($item['type']=='dir')
     		{
-    				$html .= stripslashes($title);
-    		}
-    		$html .= "<img id='toc_img_".$item['id']."' src='".$icon_name[$item['status']]."' alt='".substr($item['status'],0,1)."' /></div>\n";
+    			$html .= stripslashes($title);
+    		}   		
+    		
+    		$html .= "<img id='toc_img_".$item['id']."' src='".$icon_name[$item['status']]."' alt='".substr($item['status'],0,1)."' />"; 		
+    		$html .= "</div>";
+    		
+    		if ($scorm_color_background!='')
+			{
+				$html .= '</div>';
+			}
+			
+    		
+			
+			
+    	$color_counter++;
     	}
     	$html .= "</div>\n";
     	return $html;
diff --git a/main/newscorm/scorm_api.php b/main/newscorm/scorm_api.php
index 9c28bb97d6..650e1aeb33 100644
--- a/main/newscorm/scorm_api.php
+++ b/main/newscorm/scorm_api.php
@@ -834,10 +834,20 @@ function update_toc(update_action,update_id)
 		var myelem = myframe.document.getElementById("toc_"+update_id);
 		var myelemimg = myframe.document.getElementById("toc_img_"+update_id);
 		logit_lms('update_toc("'+update_action+'",'+update_id+')',2);
-		if(update_id != 0){
-			switch(update_action){
+		
+		if(update_id != 0)
+		{
+			switch(update_action)
+			{
 				case 'unhighlight':
-					myelem.className = "scorm_item";
+					if (update_id%2==0)
+					{
+						myelem.className = "scorm_item_2";
+					}
+					else
+					{
+						myelem.className = "scorm_item_1";
+					}
 					break;
 				case 'highlight':
 					myelem.className = "scorm_item_highlight";