From eb7a2bcb2b307275a4fd733465be17cb29709a59 Mon Sep 17 00:00:00 2001
From: Cristian Fasanando <cristian.fasanando@beeznest.com>
Date: Sat, 25 Apr 2009 03:59:23 +0200
Subject: [PATCH] [svn r20103] Style changes - fixed scrolling problem in
 Course display with tests - FS#4060

---
 main/css/BlueLagoon/default.css        |   2 +-
 main/css/BlueLagoon/scorm.css          |   5 +-
 main/css/CoolBlue/default.css          |   2 +-
 main/css/CoolBlue/scorm.css            |   5 +-
 main/css/DeliciousBordeaux/default.css |   2 +-
 main/css/DeliciousBordeaux/scorm.css   |   5 +-
 main/css/DokeosBlue/default.css        |   2 +-
 main/css/DokeosBlue/scorm.css          |   5 +-
 main/css/EmpireGreen/default.css       |   2 +-
 main/css/EmpireGreen/scorm.css         |   5 +-
 main/css/FruityOrange/default.css      |   2 +-
 main/css/FruityOrange/scorm.css        |   5 +-
 main/css/RoyalPurple/default.css       |   2 +-
 main/css/RoyalPurple/scorm.css         |   5 +-
 main/css/SteelGrey/default.css         |   2 +-
 main/css/SteelGrey/scorm.css           |   5 +-
 main/css/TastyOlive/default.css        |   2 +-
 main/css/TastyOlive/scorm.css          |   5 +-
 main/css/academica/default.css         |   2 +-
 main/css/academica/scorm.css           |  87 +----
 main/css/baby_orange/scorm.css         |   5 +-
 main/css/corporate/default.css         |   2 +-
 main/css/corporate/scorm.css           |   5 +-
 main/css/cosmic_campus/default.css     |   2 +-
 main/css/cosmic_campus/scorm.css       |   5 +-
 main/css/dokeos_classic/default.css    |   2 +-
 main/css/dokeos_classic/scorm.css      |   5 +-
 main/css/dokeos_classic_2D/default.css |   2 +-
 main/css/dokeos_classic_2D/scorm.css   |   5 +-
 main/css/medical/default.css           |   2 +-
 main/css/medical/scorm.css             |   5 +-
 main/css/public_admin/default.css      |   2 +-
 main/css/public_admin/scorm.css        |   5 +-
 main/css/silver_line/scorm.css         |   5 +-
 main/css/sober_brown/default.css       |   2 +-
 main/css/sober_brown/scorm.css         |   2 +-
 main/img/lp_author_background.gif      | Bin 1028 -> 962 bytes
 main/newscorm/lp_view.php              | 482 ++++++++++++++-----------
 38 files changed, 320 insertions(+), 370 deletions(-)

diff --git a/main/css/BlueLagoon/default.css b/main/css/BlueLagoon/default.css
index 2516304746..ae3a5289b7 100644
--- a/main/css/BlueLagoon/default.css
+++ b/main/css/BlueLagoon/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/BlueLagoon/scorm.css b/main/css/BlueLagoon/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/BlueLagoon/scorm.css
+++ b/main/css/BlueLagoon/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/CoolBlue/default.css b/main/css/CoolBlue/default.css
index 51fb8220fb..bbfda3a268 100644
--- a/main/css/CoolBlue/default.css
+++ b/main/css/CoolBlue/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/CoolBlue/scorm.css b/main/css/CoolBlue/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/CoolBlue/scorm.css
+++ b/main/css/CoolBlue/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/DeliciousBordeaux/default.css b/main/css/DeliciousBordeaux/default.css
index eb33d323ce..f48db2a2e1 100644
--- a/main/css/DeliciousBordeaux/default.css
+++ b/main/css/DeliciousBordeaux/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/DeliciousBordeaux/scorm.css b/main/css/DeliciousBordeaux/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/DeliciousBordeaux/scorm.css
+++ b/main/css/DeliciousBordeaux/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/DokeosBlue/default.css b/main/css/DokeosBlue/default.css
index d8539c3e4a..eb6c083edb 100644
--- a/main/css/DokeosBlue/default.css
+++ b/main/css/DokeosBlue/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/DokeosBlue/scorm.css b/main/css/DokeosBlue/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/DokeosBlue/scorm.css
+++ b/main/css/DokeosBlue/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/EmpireGreen/default.css b/main/css/EmpireGreen/default.css
index ac7aca116c..45a15e637b 100644
--- a/main/css/EmpireGreen/default.css
+++ b/main/css/EmpireGreen/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/EmpireGreen/scorm.css b/main/css/EmpireGreen/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/EmpireGreen/scorm.css
+++ b/main/css/EmpireGreen/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/FruityOrange/default.css b/main/css/FruityOrange/default.css
index 855b3cdd6e..3d4d1845ac 100644
--- a/main/css/FruityOrange/default.css
+++ b/main/css/FruityOrange/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/FruityOrange/scorm.css b/main/css/FruityOrange/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/FruityOrange/scorm.css
+++ b/main/css/FruityOrange/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/RoyalPurple/default.css b/main/css/RoyalPurple/default.css
index d4c671c784..8bb093e09e 100644
--- a/main/css/RoyalPurple/default.css
+++ b/main/css/RoyalPurple/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/RoyalPurple/scorm.css b/main/css/RoyalPurple/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/RoyalPurple/scorm.css
+++ b/main/css/RoyalPurple/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/SteelGrey/default.css b/main/css/SteelGrey/default.css
index 3573512346..e00432556e 100644
--- a/main/css/SteelGrey/default.css
+++ b/main/css/SteelGrey/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/SteelGrey/scorm.css b/main/css/SteelGrey/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/SteelGrey/scorm.css
+++ b/main/css/SteelGrey/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/TastyOlive/default.css b/main/css/TastyOlive/default.css
index 746ba57d0e..de91f75785 100644
--- a/main/css/TastyOlive/default.css
+++ b/main/css/TastyOlive/default.css
@@ -1985,7 +1985,7 @@ div.comments {
 	background:#F8F8F8;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/TastyOlive/scorm.css b/main/css/TastyOlive/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/TastyOlive/scorm.css
+++ b/main/css/TastyOlive/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/academica/default.css b/main/css/academica/default.css
index a5b574ceb5..47ccb687bc 100644
--- a/main/css/academica/default.css
+++ b/main/css/academica/default.css
@@ -370,7 +370,7 @@ form span.form_error {
 	border-top:1px solid #4171b5;
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	vertical-align:middle;
 	width: 90%;
 }
diff --git a/main/css/academica/scorm.css b/main/css/academica/scorm.css
index 1b0ebb0f01..b457c92185 100644
--- a/main/css/academica/scorm.css
+++ b/main/css/academica/scorm.css
@@ -16,91 +16,7 @@ height: 380px;
 width: 99%;
 border-right: 1px none;
 }
-.inner_lp_toc{
-	overflow: auto;
-	background-color: white;
-	height: 300px; 
-	width: 94%;
-	border-left: 15px #FFF solid;
-}
-.inner_lp_toc .scorm_item{
-
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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.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;	
-	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;	
-	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_title_text
-{
-	margin-left: 10px;
-}
-
-.inner_lp_toc .scorm_status_img{
-margin:0px;
-margin-left: -10px;
-width:10px;
-}
 
 
 .lp_navigation{
@@ -176,7 +92,6 @@ clear: both;
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/baby_orange/scorm.css b/main/css/baby_orange/scorm.css
index cec3870981..e05308473f 100644
--- a/main/css/baby_orange/scorm.css
+++ b/main/css/baby_orange/scorm.css
@@ -21,7 +21,7 @@ border-right: 1px none;
 	background-color: white;
 	height: 300px; 
 	width: 96%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -179,7 +179,6 @@ clear: both;
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 90%;	
-	margin-left:17px;
+	width: 90%;		
 	padding: 1px 5px 3px 8px;	
 }
\ No newline at end of file
diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css
index 80ba7d5617..b473338083 100644
--- a/main/css/corporate/default.css
+++ b/main/css/corporate/default.css
@@ -397,7 +397,7 @@ form span.form_error {
 	//border-top:1px solid #999999; 
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/corporate/scorm.css b/main/css/corporate/scorm.css
index 8e43af89fe..ad180e9fbf 100644
--- a/main/css/corporate/scorm.css
+++ b/main/css/corporate/scorm.css
@@ -21,7 +21,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -176,7 +176,6 @@ width:10px;
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
\ No newline at end of file
diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css
index 16a95228d1..26ce461ef9 100644
--- a/main/css/cosmic_campus/default.css
+++ b/main/css/cosmic_campus/default.css
@@ -409,7 +409,7 @@ form span.form_error {
 	//border-top:1px solid #999999; 
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/cosmic_campus/scorm.css b/main/css/cosmic_campus/scorm.css
index e894332fb2..e613f07f06 100644
--- a/main/css/cosmic_campus/scorm.css
+++ b/main/css/cosmic_campus/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -185,7 +185,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/dokeos_classic/default.css b/main/css/dokeos_classic/default.css
index acc5a3a232..6420971ded 100644
--- a/main/css/dokeos_classic/default.css
+++ b/main/css/dokeos_classic/default.css
@@ -1836,7 +1836,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	//border-top:1px solid #999999; 
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/dokeos_classic/scorm.css b/main/css/dokeos_classic/scorm.css
index 34619f0127..c21343d106 100644
--- a/main/css/dokeos_classic/scorm.css
+++ b/main/css/dokeos_classic/scorm.css
@@ -21,7 +21,7 @@ border-right: 1px none;
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -183,7 +183,6 @@ clear: both;
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/dokeos_classic_2D/default.css b/main/css/dokeos_classic_2D/default.css
index 875decd816..78c31e9cb5 100644
--- a/main/css/dokeos_classic_2D/default.css
+++ b/main/css/dokeos_classic_2D/default.css
@@ -2451,7 +2451,7 @@ input.forms	{
 	/*border-top:1px solid #999999; */
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/dokeos_classic_2D/scorm.css b/main/css/dokeos_classic_2D/scorm.css
index 06311bc1e8..b5f6163228 100644
--- a/main/css/dokeos_classic_2D/scorm.css
+++ b/main/css/dokeos_classic_2D/scorm.css
@@ -21,7 +21,7 @@ border-right: 1px none;
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -178,7 +178,6 @@ clear: both;
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
\ No newline at end of file
diff --git a/main/css/medical/default.css b/main/css/medical/default.css
index 2c8db14e8c..3251db8608 100644
--- a/main/css/medical/default.css
+++ b/main/css/medical/default.css
@@ -1820,7 +1820,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	//border-top:1px solid #999999; 
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/medical/scorm.css b/main/css/medical/scorm.css
index d79567d03d..8b65627a10 100644
--- a/main/css/medical/scorm.css
+++ b/main/css/medical/scorm.css
@@ -22,7 +22,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -171,7 +171,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
\ No newline at end of file
diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css
index 75200129d6..81ce40d810 100644
--- a/main/css/public_admin/default.css
+++ b/main/css/public_admin/default.css
@@ -1894,7 +1894,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	//border-top:1px solid #999999; 
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/public_admin/scorm.css b/main/css/public_admin/scorm.css
index 36d0c36f7f..2921ff4eb5 100644
--- a/main/css/public_admin/scorm.css
+++ b/main/css/public_admin/scorm.css
@@ -23,7 +23,7 @@
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -198,7 +198,6 @@
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
diff --git a/main/css/silver_line/scorm.css b/main/css/silver_line/scorm.css
index ff6f71972e..763c402d6b 100644
--- a/main/css/silver_line/scorm.css
+++ b/main/css/silver_line/scorm.css
@@ -21,7 +21,7 @@ border-right: 1px none;
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
@@ -177,7 +177,6 @@ clear: both;
 	background:#ccc;
 	font-size: 14px;
 	color: #444;	
-	width: 89%;	
-	margin-left:17px;
+	width: 89%;		
 	padding: 1px 5px 3px 8px;	
 }
\ No newline at end of file
diff --git a/main/css/sober_brown/default.css b/main/css/sober_brown/default.css
index 4b11457a8d..8f5eb4e5a6 100644
--- a/main/css/sober_brown/default.css
+++ b/main/css/sober_brown/default.css
@@ -1888,7 +1888,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	//border-top:1px solid #999999; 
 	height:29px;
 	padding-left: -17px;
-	margin: 5px 2px 1px 23px;
+	margin: 5px 2px 1px 12px;
 	background:url(images/actions.jpg) repeat-x;
 	vertical-align:middle;
 	width: 90%;
diff --git a/main/css/sober_brown/scorm.css b/main/css/sober_brown/scorm.css
index 419a0e8b42..436af2627b 100644
--- a/main/css/sober_brown/scorm.css
+++ b/main/css/sober_brown/scorm.css
@@ -21,7 +21,7 @@ height: 100%;
 	background-color: white;
 	height: 300px; 
 	width: 94%;
-	border-left: 15px #FFF solid;
+	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item{
 
diff --git a/main/img/lp_author_background.gif b/main/img/lp_author_background.gif
index d17cbdd7a6e8694a8438a2f62211a4a28b11ffa5..53b64d560c8e84669dc840ab6de124b74335a1c2 100644
GIT binary patch
delta 862
zcmV-k1EKtc2*L*kM@dFFIbjZw2XlW80fYbm1^(bCj$~<`XsWJk>%MR-&vb3yLe@;p
z-t)d-5I7<Jj>BG3Xj~GTKqs>4gievtYqqG}cA?g+I1K)3qZ!HtMd5HH2SP+npWEs6
zeE!a__w9dsdVzw0fQ5#I1d57=j*WthiGPoigOQdI2LJ>M3nd#75D*(Trl)_Xsj922
ztt|!!i=QK*qouC6xw^Z&y(+M>Bd{30#m2|T$t(y67;7H_8n?>S)z;Uh8ygA~9~Tx8
z*y7{l<s=Li-V+Gs?e6cr7y%a-0mSh5`T8{o6ZH1`0ty^xq945p_XsLn_)gxxgbX7}
zv}W)E!ig9&9&=a^qQ;LPS5<#p7qX;DQyl(Do?OY&1xJ7_W6CTs(&NmVCtupc$@62)
zo<Kvsgb=i7#)<)m8ePh8Bs->12kMMUb>GjbSR2mkn6<09t6sxiOSx05*<w@Asy*g(
zty^Dd-^#@WcCKAjaqsFig|zJ6zc1<n9{ge`;lqLbS$vAPaf-Z-BaeR&EIBgS%9uYu
z&WxBcXTqC54{j^Eap=-}`=aiw_~L5NTVcKi?0NQF!?ypD&aF2kW8QX816Nyn_*vn`
z#THK<7CG~-s-L^vE&X_GztyoW&ra1jcc|OHGrcUnd2FTSp|}2>zN+{3K*PiD`F=jm
z==P(^&p)$1|CrSMSCoH$0<N@Qfh&>zhhR_yE*R2*4hnT%gz>FMA$`|f$P<1V$^>DD
z6Ez58L?4dGkccKK6kv)a`NkqkD83j_i82NhV~zRHh+{su?dX$YN%;uUib6(oW07CA
zh8>au9m(W4IzCB`f>JKzWR(<Ih^3VoZmFV@UMh5Dn8<KQrapgBo|#OKYUZeAn>=<2
zCq8M;3D;Jx*{Rh-dcsp@pSp|*s4GMcI+mP<LJ8!OiIxdwqvHq)DJp+Xnu<K$$YyCZ
z2yA5m2b*5QK|0@n8frD8iV)2#ryk>p1hZTaORLB%;tVYjR8YY*wC1va91-yP!LJ0s
z5y7#@CadhS%r;Kz?6c5DEA6z@LRM?-wb*8>?Y5doK!7$W<e<d3<d$phx#*^=?z-%@
o>+ZYo#w+i<^wv9W0^O`2uD$&B>+in+2Q2Ww>EhdKJ0So7JNb>QC;$Ke

delta 929
zcmV;S177^X2ZRU*M@dFFIbkf32XlWc0fYbm1^(bCj$~<`XsWJk>%MR-&vb3yxG7}K
zG&Mb7a5(e<f5)WKNJJuwPGNL8ElQ8oELLfya<x71(<#1&zvy!_%^b7K-nG1KZe%i)
z3yMPFNDc%M5rKq+gMx+xiHL`ajf{nlkB)|ui<Xj!mztT4o1UGKm7JrXrJ{d_n5ToE
zsDY}fq_L*6u8^#u5eEkV1Pdk`f)E=y#m2|T$;!*jIR*&6CBYHH&DPi0+1lI2&(R~#
z7#Q5-<>u$;$Osr0dLIHB8^r1K_4fDX8wz|M7Zwrt0ty^R@CE}57Wz#<P_UuHhYm3W
z2+%ITIEWZCY9xoiN5zX9LyCVKnWN)`b`$<Ul3dBMB?^fYFIaR*vnETEC{^0r$+IEM
zk3EA54T$r?!l6i$n)_*#q0*;Nn=zdkwW`&U9*yd}%C#$tsaw5@9V?<}O0sCtPKA)R
zt=FOf*t(rt)vQyxc$0$7%Xg^Ruzdrw+$*@S%fE&buVi{wvEz+|A4`9JXm_$@pA&&z
z-b^%WW6q%IMGj5699+PqQ#V7bx;3`7u4AwEd{?$@W20~Dw!wP0ZyJnI{~n$qH}T^s
zdLv(c!Z`Eim7hx=;e7h>)7Gae&yKu0ci-E;4~H!tdGzwc8P`Vd+dKQ%;osYKFJE>1
z`mX8YCyjmo?eqS{reA-6o83oXXagSpIGKS8ZWdgFt&s;|X#h?LT7niD#$bkyVaQ=%
z{e4)VXTphSn1?3fRbh%9W+qdKEcUfwjC?&v<6|h^h}Mic&Lv@wg{=r=jV@9(q+lT)
zDI<wW3YKG&R`Cd>S5Hm}m5^4d<>FCU(p6=bNJ$B1R9}u6l$d{JD)nQUV!<UBn`2=K
zXH{j+NfVlO_Ecw{H!;a4S2q4>)t-WiBxj*Q5sIircrH3vkuW-1Q<9SU<!7Zxt%+$*
zhi>YUqMj1eXs8(lO6pFao{G<?szwB9t2=cHD`c<EdS_Nf+S=zyTIu>}t-h|rYOwdf
z)K9L&hJ=8N7I1%%EJ++7)K9a|gpL$#Lhop>z%SKiw15QLif{om1azAb0qnT*!88@j
zV=h4p1mf-p+Y<1HAo%91@4o!@>+in+2Q2Ww1Q%@Z!3Za;@WKrDyNd(_%&P+rLR4(=
z#TaL-@x~l??D5AShb;2QB$sUR$tY`_Kmru7utUl)$1D-^%rw_*^UXG|-156Ng#Z9M
D9mK~$

diff --git a/main/newscorm/lp_view.php b/main/newscorm/lp_view.php
index e8452b402c..315dedb159 100644
--- a/main/newscorm/lp_view.php
+++ b/main/newscorm/lp_view.php
@@ -220,118 +220,145 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 	//set flag to ensure lp_header.php is loaded by this script (flag is unset in lp_header.php)
 	$_SESSION['loaded_lp_view'] = true;
 	?>
+<input type="hidden" id="old_item" name ="old_item" value="0"/>
+<input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
 	
-		<table>
-	<tr><td valign="top">
-	<div id="header">
-	      <div id="learningPathHeader" style="font-size:14px;  ">
-	      <table>
-	      <tr>
-	      <td>
-	      <a href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><img src="../img/lp_arrow.gif" /></a>
-	      </td>
-	      <td>
-	      <a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><?php echo get_lang('CourseHomepageLink'); ?></a>
-	      </td>
-	      </tr>
-	      </table>
-	      </div>
-    </div>
-        
-        
-<div id="learningPathLeftZone" style="float: left; width: 320px;">
-  <div id="author_image" name="author_image" class="lp_author_image">
-	<?php $image = '../img/lp_author_background.gif'; ?> 
-	<div>
-		<div style="width: 310px; height:140px; margin-left:20px; background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat; ">	
-	       		<div style="width:140px; float:left;">
-	       		<span style="float:right; padding-top:16px; padding-right:10px;">
-		        <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
-		        <img  width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
-		        <?php 
-					else
-					: echo Display :: display_icon('unknown_250_100.jpg', ' ');
-					endif;
-					?>
-				</span>
-	       		</div>
-	       
-	 	   <div id="nav_id" name="nav_name" class="lp_nav" style="float:left; width:155px;">
-	        <?php	
-									
-					$display_mode = $_SESSION['oLP']->mode;
-					$scorm_css_header = true;
-					$lp_theme_css = $_SESSION['oLP']->get_theme();
-				
-					//Setting up the CSS theme if exists						
-				
-					if (!empty ($lp_theme_css) && !empty ($mycourselptheme) && $mycourselptheme != -1 && $mycourselptheme == 1) {
-						global $lp_theme_css;
-					} else {
-						$lp_theme_css = $my_style;
-					}
+<div>
+<div style="float:left;width:20%">
+<!--table>
+<tr><td valign="top"-->
+<!-- header -->
+<div id="header">
+        <div id="learningPathHeader" style="font-size:14px;  ">
+            <table>
+                <tr>
+                    <td>
+                        <a href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><img src="../img/lp_arrow.gif" /></a>
+                    </td>
+                    <td>
+                        <a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><?php echo get_lang('CourseHomepageLink'); ?></a>
+                    </td>
+                </tr>
+            </table>
+        </div>
+</div>
+<!-- end header -->    
+
+<!-- Left Zone -->    
+<div id="learningPathLeftZone" style="width:100%;">
+  
+	<!-- Image preview Layout -->
+	<div id="author_image" name="author_image" class="lp_author_image">	
+		<?php $image = '../img/lp_author_background.gif'; ?>
+				 
+		<div id="image_preview;">
 				
-					$progress_bar = $_SESSION['oLP']->get_progress_bar('', -1, '', true);
-					$navigation_bar = $_SESSION['oLP']->get_navigation_bar();
-					$mediaplayer = $_SESSION['oLP']->get_mediaplayer();	
+			<div style="height:140px; background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;">
+						       	   		       	
+		       	<div style="width:120px; float:left;">
+		       		<span style="float:right; padding-top:16px; padding-right:10px;">
+			        <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
+			        <img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
+			        <?php 
+						else
+						: echo Display :: display_icon('unknown_250_100.jpg', ' ');
+						endif;
+						?>
+					</span>
+		       	</div>
+		       		       		       
+				<div id="nav_id" name="nav_name" class="lp_nav" style="float:left; width:150px;">
+			        <?php										
+						$display_mode = $_SESSION['oLP']->mode;
+						$scorm_css_header = true;
+						$lp_theme_css = $_SESSION['oLP']->get_theme();
 					
-					$tbl_lp_item	= Database::get_course_table('lp_item');
-					$show_audioplayer = false;
-					// getting all the information about the item
-					$sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'";
-					$res_media= api_sql_query($sql, __FILE__, __LINE__);					
+						//Setting up the CSS theme if exists						
 					
-					if(Database::num_rows($res_media) > 0){
-						while($row_media= Database::fetch_array($res_media)) {
-						     if(!empty($row_media['audio'])) {$show_audioplayer = true; break;}	
+						if (!empty ($lp_theme_css) && !empty ($mycourselptheme) && $mycourselptheme != -1 && $mycourselptheme == 1) {
+							global $lp_theme_css;
+						} else {
+							$lp_theme_css = $my_style;
 						}
-					}
-				?>
-				
+					
+						$progress_bar = $_SESSION['oLP']->get_progress_bar('', -1, '', true);
+						$navigation_bar = $_SESSION['oLP']->get_navigation_bar();
+						$mediaplayer = $_SESSION['oLP']->get_mediaplayer();	
+						
+						$tbl_lp_item	= Database::get_course_table('lp_item');
+						$show_audioplayer = false;
+						// getting all the information about the item
+						$sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'";
+						$res_media= api_sql_query($sql, __FILE__, __LINE__);					
+						
+						if(Database::num_rows($res_media) > 0){
+							while($row_media= Database::fetch_array($res_media)) {
+							     if(!empty($row_media['audio'])) {$show_audioplayer = true; break;}	
+							}
+						}
+					?>
+					
 					<div id="lp_navigation_elem" class="lp_navigation_elem">
-					<div style="float:left; padding-top:22px;padding-left:10px;"><?php echo $navigation_bar; ?></div>
-					<div style="float:left;  padding-top:22px"><?php echo $progress_bar; ?></div>
-					</div>				
-			</div>  
-	    </div>
-	    
-	    			<div id="author_name" style="margin:0;padding:0;text-align:center">
-	    			<?php echo $_SESSION['oLP']->get_author() ?>
-	    			</div>
-	    	
-   </div>
-			
-					<?php $style_media = (($show_audioplayer)?' style= "margin:15px 34px;padding:0;font-size:35px;height:20px"':'style="height:1px"'); ?>
-					<div id="media" <?php echo $style_media ?> >
-					<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
+						<div style="float:left; padding-top:22px;padding-left:10px;"><?php echo $navigation_bar; ?></div>
+						<div style="float:left;  padding-top:22px"><?php echo $progress_bar; ?></div>
 					</div>
- </div>	
-		
-					<div id="message_id" name="message_name" class="message" style="height:12px">
-	        		<div id="msg_div_id" class="message">
-	        		<?php echo $error = $_SESSION['oLP']->error; ?>
-	        		</div>
-     				</div>
-     
-        			<div id="toc_id" name="toc_name" class="lp_toc" style="position:relative;top:10px;left:0">
-  					<div id="learningPathToc" style="width:320px;overflow-y:auto;overflow-x:hidden;font-size:9pt;">
-  					<?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
-        			</div>
-        
-        			<div id="lp_log_name" name="lp_log_name" class="lp_log" style="position:relative;top:10px;left:0;height:100px;overflow:auto">
-	        		<div id="log_content"></div>
-	        		<div style="color: white;" onClick="cleanlog();">.</div>
-        			</div>
+									
+				</div>						  
+			</div>	   
+	 
+			<div id="author_name" style="margin:0;padding:0;text-align:center">
+			<?php echo $_SESSION['oLP']->get_author() ?>
+			</div>				    		
+		</div>
+
+	</div>   				   			
+	<!-- end image preview Layout -->
+	
+	<!-- media player layaout -->		
+	<?php $style_media = (($show_audioplayer)?' style= "margin:15px 15px;padding:0;font-size:35px;height:20px"':'style="height:1px"'); ?>
+	<div id="media" <?php echo $style_media ?> >
+		<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
+	</div>
+	<!-- end media player layaout -->	
+
+	<!-- message prerequisite layout -->
+	<div id="message_id" name="message_name" class="message" style="height:12px">
+		<div id="msg_div_id" class="message">
+		<?php echo (!empty($_SESSION['oLP']->error)?$_SESSION['oLP']->error:''); ?>
+		</div>
+	</div>
+	<!-- end message prerequisite layout -->
+
+	<!-- toc layout -->     
+	<div id="toc_id" name="toc_name"  style="padding:0;margin:0;position:relative;top:10px;left:0;">
+		<div id="learningPathToc" style="width:100%;overflow-y:auto;overflow-x:hidden;font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
+	</div>
+	<!-- end toc layout -->
+
+	<!-- log message layout -->
+	<div id="lp_log_name" name="lp_log_name" class="lp_log" style="position:relative;top:10px;left:0;height:100px;overflow:auto">
+		<div id="log_content"></div>
+		<div style="color: white;" onClick="cleanlog();">.</div>
+	</div>
+	<!-- end log message layout -->
+
+        			
+</div>
+<!-- end left Zone --> 					
+
 </div>
-					<input type="hidden" id="old_item" name ="old_item" value="0"/>
-    				<input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
-    				</td><td align="left" width="100%" valign="top">
-    				<div id="learningPathRightZone">
-        			<iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="height:600px;width: 100%"></iframe>
-    				</div>
-    </td></tr>
-    </table>
-    
+<div style="margin-left:21%">     				
+<!--/td><td align="left" width="100%" valign="top"-->
+
+<!-- right Zone -->    				
+<div id="learningPathRightZone">
+<iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="height:3000px;width: 100%"></iframe>
+</div>
+<!-- end right Zone -->	
+				
+<!--/td></tr>
+</table-->
+</div></div>   
 	<script language="JavaScript" type="text/javascript">
 	// Need to be called after the <head> to be sure window.oxajax is defined
   	var dokeos_xajax_handler = window.oxajax;
@@ -401,124 +428,149 @@ else
 	//set flag to ensure lp_header.php is loaded by this script (flag is unset in lp_header.php)
 	$_SESSION['loaded_lp_view'] = true;	
 	?>
-	<style type="text/css" media="screen, projection">
-	/*<![CDATA[*/
-	@import "<?php echo api_get_path(WEB_CODE_PATH); ?>css/<?php echo $my_style;?>/scorm.css";
-	/*]]>*/
-	</style>
-	<table>
-	<tr><td valign="top">
-	<div id="header">
-	        <div id="learningPathHeader" style="font-size:14px;  ">
-	            <table>
-	                <tr>
-	                    <td>
-	                        <a href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><img src="../img/lp_arrow.gif" /></a>
-	                    </td>
-	                    <td>
-	                        <a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><?php echo get_lang('CourseHomepageLink'); ?></a>
-	                    </td>
-	                </tr>
-	            </table>
-	        </div>
-    </div>
-        
-        
-<div id="learningPathLeftZone" style="float: left; width: 330px;">
-  <div id="author_image" name="author_image" class="lp_author_image">
-	<?php $image = '../img/lp_author_background.gif'; ?> 
-	<div id="image_preview;">
-		<div style="width: 310px; height:140px; margin:0 20px; background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat; ">
-	       	
-	       	
-	       	
-	       		<div style="width:140px; float:left;">
-	       		<span style="float:right; padding-top:16px; padding-right:10px;">
-		        <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
-		        <img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
-		        <?php 
-					else
-					: echo Display :: display_icon('unknown_250_100.jpg', ' ');
-					endif;
-					?>
-				</span>
-	       		</div>
-	       
-	 	   <div id="nav_id" name="nav_name" class="lp_nav" style="float:left; width:155px;">
-	        <?php	
-									
-					$display_mode = $_SESSION['oLP']->mode;
-					$scorm_css_header = true;
-					$lp_theme_css = $_SESSION['oLP']->get_theme();
-				
-					//Setting up the CSS theme if exists						
-				
-					if (!empty ($lp_theme_css) && !empty ($mycourselptheme) && $mycourselptheme != -1 && $mycourselptheme == 1) {
-						global $lp_theme_css;
-					} else {
-						$lp_theme_css = $my_style;
-					}
+
+	<input type="hidden" id="old_item" name ="old_item" value="0"/>
+	<input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
+	
+<div>
+<div style="float:left;width:280px">
+	
+<!--table>
+<tr><td valign="top"-->
+
+<!-- header -->
+<div id="header">
+        <div id="learningPathHeader" style="font-size:14px;">
+            <table>
+                <tr>
+                    <td>
+                        <a href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><img src="../img/lp_arrow.gif" /></a>
+                    </td>
+                    <td>
+                        <a class="link" href="lp_controller.php?action=return_to_course_homepage" target="_top" onclick="window.parent.API.save_asset();"><?php echo get_lang('CourseHomepageLink'); ?></a>
+                    </td>
+                </tr>
+            </table>
+        </div>
+</div>
+<!-- end header -->    
+
+<!-- Left Zone -->    
+<div id="learningPathLeftZone" style="width:280px;">
+  
+	<!-- Image preview Layout -->
+	<div id="author_image" name="author_image" class="lp_author_image">	
+		<?php $image = '../img/lp_author_background.gif'; ?>
+				 
+		<div id="image_preview;">
 				
-					$progress_bar = $_SESSION['oLP']->get_progress_bar('', -1, '', true);
-					$navigation_bar = $_SESSION['oLP']->get_navigation_bar();
-					$mediaplayer = $_SESSION['oLP']->get_mediaplayer();	
+			<div style="height:140px; background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;">
+						       	   		       	
+		       	<div style="width:120px; float:left;">
+		       		<span style="float:right; padding-top:16px; padding-right:10px;">
+			        <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
+			        <img width="120" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
+			        <?php 
+						else
+						: echo Display :: display_icon('unknown_250_100.jpg', ' ');
+						endif;
+						?>
+					</span>
+		       	</div>
+		       		       		       
+				<div id="nav_id" name="nav_name" class="lp_nav" style="float:left; width:150px;">
+			        <?php										
+						$display_mode = $_SESSION['oLP']->mode;
+						$scorm_css_header = true;
+						$lp_theme_css = $_SESSION['oLP']->get_theme();
 					
-					$tbl_lp_item	= Database::get_course_table('lp_item');
-					$show_audioplayer = false;
-					// getting all the information about the item
-					$sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'";
-					$res_media= api_sql_query($sql, __FILE__, __LINE__);					
+						//Setting up the CSS theme if exists						
 					
-					if(Database::num_rows($res_media) > 0){
-						while($row_media= Database::fetch_array($res_media)) {
-						     if(!empty($row_media['audio'])) {$show_audioplayer = true; break;}	
+						if (!empty ($lp_theme_css) && !empty ($mycourselptheme) && $mycourselptheme != -1 && $mycourselptheme == 1) {
+							global $lp_theme_css;
+						} else {
+							$lp_theme_css = $my_style;
 						}
-					}
-				?>
-				
+					
+						$progress_bar = $_SESSION['oLP']->get_progress_bar('', -1, '', true);
+						$navigation_bar = $_SESSION['oLP']->get_navigation_bar();
+						$mediaplayer = $_SESSION['oLP']->get_mediaplayer();	
+						
+						$tbl_lp_item	= Database::get_course_table('lp_item');
+						$show_audioplayer = false;
+						// getting all the information about the item
+						$sql = "SELECT audio FROM " . $tbl_lp_item . " WHERE lp_id = '" . $_SESSION['oLP']->lp_id."'";
+						$res_media= api_sql_query($sql, __FILE__, __LINE__);					
+						
+						if(Database::num_rows($res_media) > 0){
+							while($row_media= Database::fetch_array($res_media)) {
+							     if(!empty($row_media['audio'])) {$show_audioplayer = true; break;}	
+							}
+						}
+					?>
+					
 					<div id="lp_navigation_elem" class="lp_navigation_elem">
-					<div style="float:left; padding-top:22px;padding-left:10px;"><?php echo $navigation_bar; ?></div>
-					<div style="float:left;  padding-top:22px"><?php echo $progress_bar; ?></div>
-					</div>				
-			</div>  
-	    </div>
-	    
-	    			<div id="author_name" style="margin:0;padding:0;text-align:center">
-	    			<?php echo $_SESSION['oLP']->get_author() ?>
-	    			</div>		    
-		
-   </div>
-			
-					<?php $style_media = (($show_audioplayer)?' style= "margin:15px 34px;padding:0;font-size:35px;height:20px"':'style="height:1px"'); ?>
-					<div id="media" <?php echo $style_media ?> >
-					<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
+						<div style="float:left; padding-top:22px;padding-left:10px;"><?php echo $navigation_bar; ?></div>
+						<div style="float:left;  padding-top:22px"><?php echo $progress_bar; ?></div>
 					</div>
- </div>	
-		
-					<div id="message_id" name="message_name" class="message" style="height:12px">
-	        		<div id="msg_div_id" class="message">
-	        		<?php echo (!empty($_SESSION['oLP']->error)?$_SESSION['oLP']->error:''); ?>
-	        		</div>
-     				</div>
-     
-        			<div id="toc_id" name="toc_name" class="lp_toc" style="position:relative;top:10px;left:0">
-  					<div id="learningPathToc" style="width:320px;overflow-y:auto;overflow-x:hidden;font-size:9pt;">
-  					<?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
-        			</div>
-        
-        			<div id="lp_log_name" name="lp_log_name" class="lp_log" style="position:relative;top:10px;left:0;height:100px;overflow:auto">
-	        		<div id="log_content"></div>
-	        		<div style="color: white;" onClick="cleanlog();">.</div>
-        			</div>
+									
+				</div>						  
+			</div>	   
+	 
+			<div id="author_name" style="margin:0;padding:0;text-align:center">
+			<?php echo $_SESSION['oLP']->get_author() ?>
+			</div>				    		
+		</div>
+
+	</div>   				   			
+	<!-- end image preview Layout -->
+	
+	<!-- media player layaout -->		
+	<?php $style_media = (($show_audioplayer)?' style= "margin:15px 15px;padding:0;font-size:35px;height:20px"':'style="height:1px"'); ?>
+	<div id="media" <?php echo $style_media ?> >
+		<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
+	</div>
+	<!-- end media player layaout -->	
+
+	<!-- message prerequisite layout -->
+	<div id="message_id" name="message_name" class="message" style="height:12px">
+		<div id="msg_div_id" class="message">
+		<?php echo (!empty($_SESSION['oLP']->error)?$_SESSION['oLP']->error:''); ?>
+		</div>
+	</div>
+	<!-- end message prerequisite layout -->
+
+	<!-- toc layout -->     
+	<div id="toc_id" name="toc_name"  style="padding:0;margin:0;position:relative;top:10px;left:0;">
+		<div id="learningPathToc" style="width:280px;overflow-y:auto;overflow-x:hidden;font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
+	</div>
+	<!-- end toc layout -->
+
+	<!-- log message layout -->
+	<div id="lp_log_name" name="lp_log_name" class="lp_log" style="position:relative;top:10px;left:0;height:100px;overflow:auto">
+		<div id="log_content"></div>
+		<div style="color: white;" onClick="cleanlog();">.</div>
+	</div>
+	<!-- end log message layout -->
+
+        			
+</div>
+<!-- end left Zone --> 					
+
 </div>
-					<input type="hidden" id="old_item" name ="old_item" value="0"/>
-    				<input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
-    				</td><td align="left" width="100%" valign="top">
-    				<div id="learningPathRightZone">
-        			<iframe id="content_id" name="content_name" src="<?php echo $src; ?>" border="0" frameborder="0" style="height:600px;width: 100%"></iframe>
-    				</div>
-    </td></tr>
-    </table>
+<div style="margin-left:282px">
+  				
+<!--/td><td align="left" width="100%" valign="top"-->
+
+<!-- right Zone -->    				
+<div id="learningPathRightZone">
+<iframe id="content_id" name="content_name" src="<?php echo $src; ?>" border="0" frameborder="0"  style="height:3000px;width: 100%"></iframe>
+</div>
+<!-- end right Zone -->
+
+</div> </div>
+<!--/td></tr>
+</table-->
     <script language="JavaScript" type="text/javascript">
 	// Need to be called after the <head> to be sure window.oxajax is defined
   	var dokeos_xajax_handler = window.oxajax;