Przeglądaj źródła

Update scorm.css for all styles - refs #7190

Yannick Warnier 10 lat temu
rodzic
commit
a66c3c27d8

+ 133 - 160
main/css/academica/scorm.css

@@ -6,39 +6,33 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #00aad4;
+    background-color: #00aad4;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,88 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #E0DFD8;
+    background-color: #D7EEF4;
     height: 210px;
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #505f6b; /* Old browsers */
+    background: -moz-linear-gradient(top, #505f6b 0%, #3e4f5c 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505f6b), color-stop(100%,#3e4f5c)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #505f6b 0%,#3e4f5c 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505f6b', endColorstr='#3e4f5c',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -351,8 +261,9 @@
     background: -ms-linear-gradient(top, #505f6b 0%,#3e4f5c 100%); /* IE10+ */
     background: linear-gradient(to bottom, #505f6b 0%,#3e4f5c 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505f6b', endColorstr='#3e4f5c',GradientType=0 ); /* IE6-9 */
-    color: #ffffff;
-    border: none;
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
@@ -369,7 +280,7 @@
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #666666;
+    color: #0088aa;
     padding-top: 15px;
     padding-bottom: 15px;
 }
@@ -380,11 +291,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background-color: #E0DFD8;
+    background-color: #d7eef4;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #D9D9CE;
+    border: 1px solid  #b4cbff;
     margin-top: 10px;
 }
 #author_icon img{
@@ -396,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #666666;
+    color: #0088AA;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -405,8 +316,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #666666;
-    font-weight: bold;
+    color: #0088AA;
 }
 .progress {
   height: 18px;
@@ -429,37 +339,67 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-   background-color: #F39C12;
+  background-color: #F39C12;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
 }
 
-/*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
+/* STYLES PROCESS LESSION */
+.inner_lp_toc .scorm_item a {
+    font-size: 14px;
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
     background-position: 270px center !important;
     background-repeat: no-repeat;
+    color: white;
 }
-
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
-  background-color: #E0DFD8;
-  border-top: 3px solid #D9D9CE;
+  background-color: #d7eef4;
   bottom: 0;
   height: 34px;
   margin-bottom: auto;
@@ -473,15 +413,9 @@ opacity: 0.7;
   position: absolute;
   text-align: center;
   width: 100%;
+  border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #F58777;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 270px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #F26C58;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -491,4 +425,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 141 - 173
main/css/baby_orange/scorm.css

@@ -2,11 +2,12 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #E0DFD8;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #f26c58;
+    background-color: #ec5923;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,89 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #E0DFD8;
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #fff; /* Old browsers */
+    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #fff 0%,#e5e5e5 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -344,36 +253,34 @@
 }
 
 #learning_path_breadcrumb_zone .breadcrumb{
-   background: #ffffff; /* Old browsers */
-background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
-background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
-    color: #666666;
-    border: none;
+    background: #fff; /* Old browsers */
+    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #fff 0%,#e5e5e5 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }
 #learning_path_breadcrumb_zone .breadcrumb a{
-    color: #666666;
+    color: #666;
 }
 #learning_path_breadcrumb_zone .breadcrumb a:hover{
     text-decoration: none;
     opacity: 0.8;
 }
-#learning_path_breadcrumb_zone .breadcrumb a.btn-success{
-    color: #ffffff;
-}
 #scorm_title {
     font-weight: bold;
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #666666;
+    color: #0088aa;
     padding-top: 15px;
     padding-bottom: 15px;
 }
@@ -384,11 +291,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', end
 opacity: 0.7;
 }
 #author_image{
-    background-color: #E0DFD8;
+    background-color: #e0dfd8;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #D9D9CE;
+    border: 1px solid  #d9d9ce;
     margin-top: 10px;
 }
 #author_icon img{
@@ -400,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #666666;
+    color: #0088AA;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -409,8 +316,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #666666;
-    font-weight: bold;
+    color: #0088AA;
 }
 .progress {
   height: 18px;
@@ -433,37 +339,66 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-   background-color: #EC5923;
+  background-color: #ec5923;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
-  background-color: #E0DFD8;
-  border-top: 3px solid #D9D9CE;
+  background-color: #d7eef4;
   bottom: 0;
   height: 34px;
   margin-bottom: auto;
@@ -477,15 +412,9 @@ opacity: 0.7;
   position: absolute;
   text-align: center;
   width: 100%;
+  border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #EC5923;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #F26C58;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -495,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 140 - 169
main/css/blue_lagoon/scorm.css

@@ -2,43 +2,37 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #efefef;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #abaaa7;
+    background-color: #abaaa7;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,89 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color:#EFEFEF;
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #2e75a3; /* Old browsers */
+    background: -moz-linear-gradient(top, #2e75a3 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e75a3), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #2e75a3 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #2e75a3 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #2e75a3 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #2e75a3 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e75a3', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -345,15 +254,16 @@
 
 #learning_path_breadcrumb_zone .breadcrumb{
     background: #2e75a3; /* Old browsers */
-    background: -moz-linear-gradient(top, #2e75a3 0%, #3c678b 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e75a3), color-stop(100%,#3c678b)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #2e75a3 0%,#3c678b 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #2e75a3 0%,#3c678b 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #2e75a3 0%,#3c678b 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #2e75a3 0%,#3c678b 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e75a3', endColorstr='#3c678b',GradientType=0 ); /* IE6-9 */
-    color: #ffffff;
-    border: none;
+    background: -moz-linear-gradient(top, #2e75a3 0%, #2c678b 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e75a3), color-stop(100%,#2c678b)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #2e75a3 0%,#2c678b 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #2e75a3 0%,#2c678b 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #2e75a3 0%,#2c678b 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #2e75a3 0%,#2c678b 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e75a3', endColorstr='#2c678b',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
@@ -370,7 +280,7 @@
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #666666;
+    color: #0088aa;
     padding-top: 15px;
     padding-bottom: 15px;
 }
@@ -381,11 +291,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background-color: #EFEFEF;
+    background-color: #efefef;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #ccc;
     margin-top: 10px;
 }
 #author_icon img{
@@ -397,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #666666;
+    color: #0088AA;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -406,8 +316,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #666666;
-    font-weight: bold;
+    color: #0088AA;
 }
 .progress {
   height: 18px;
@@ -430,37 +339,66 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-   background-color: #00AAD4;
+  background-color: #00AAD4;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
-  background-color: #E0DFD8;
-  border-top: 3px solid #D9D9CE;
+  background-color: #d7eef4;
   bottom: 0;
   height: 34px;
   margin-bottom: auto;
@@ -474,15 +412,9 @@ opacity: 0.7;
   position: absolute;
   text-align: center;
   width: 100%;
+  border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #ABAAA7;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #ABAAA7;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -492,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 127 - 171
main/css/chamilo_electric_blue/scorm.css

@@ -6,7 +6,8 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #ccc;
+    background-color: #eee;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
+    color:#666;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,89 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;   
-}
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
+    /*padding: 10px;*/   
 }
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #175ae2; /* Old browsers */
+    background: -moz-linear-gradient(top, #175ae2 0%, #133aac 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#175ae2), color-stop(100%,#133aac)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #175ae2 0%,#133aac 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #175ae2 0%,#133aac 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #175ae2 0%,#133aac 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #175ae2 0%,#133aac 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175ae2', endColorstr='#133aac',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -371,29 +280,22 @@
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #666666;
+    color: #666;
     padding-top: 15px;
     padding-bottom: 15px;
 }
 #learning_path_main #control {
-    opacity: 1;
+  opacity: 1;
 }
 .buttons a img:hover{
-    opacity: 0.7;
+opacity: 0.7;
 }
 #author_image{
-    background: #ffffff; /* Old browsers */
-    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
+    background-color: #fff;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #ccc;
     margin-top: 10px;
 }
 #author_icon img{
@@ -405,7 +307,7 @@
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #666666;
+    color: #666;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -414,7 +316,7 @@
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #666666;
+    color: #666;
 }
 .progress {
   height: 18px;
@@ -437,7 +339,7 @@
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #154DCD;
+  background-color: #154dcd;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -445,26 +347,54 @@
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -484,20 +414,7 @@
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #EEEEEE;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border-top: none;
-    border-right: none;
-    border-left: none;
-    border-bottom: 1px solid #CCCCCC;
-    text-shadow:none;
-}
-.inner_lp_toc .scorm_item_highlight a{
-    color: #666;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -507,4 +424,43 @@
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 126 - 155
main/css/chamilo_green/scorm.css

@@ -2,11 +2,12 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #fafafa;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #87b000;
+    background-color: #87b000;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
+    color: #666;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -46,7 +40,7 @@
     background:#333;
     font-weight:bold;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
+    text-shadow: none;
     background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
     background-image:-webkit-linear-gradient(top,#555,#333);
     background-image:-moz-linear-gradient(top,#555,#333);
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,86 +132,47 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #FAFAFA;
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;   
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
     text-shadow:none;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    background: #a0c400; /* Old browsers */
+    background: -moz-linear-gradient(top, #a0c400 0%, #73a000 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0c400), color-stop(100%,#73a000)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a0c400 0%,#73a000 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a0c400 0%,#73a000 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a0c400 0%,#73a000 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a0c400 0%,#73a000 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0c400', endColorstr='#73a000',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
 
 .inner_lp_toc .scorm_title {
     font-weight: bold;
@@ -369,7 +280,7 @@
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #75A200;
+    color: #75a200;
     padding-top: 15px;
     padding-bottom: 15px;
 }
@@ -380,11 +291,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background-color: #FAFAFA;
+    background-color: #fafafa;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #D9D9CE;
+    border: 1px solid  #d9d9ce;
     margin-top: 10px;
 }
 #author_icon img{
@@ -396,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #75A200;
+    color: #75a200;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -405,7 +316,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #75A200;
+    color: #75a200;
 }
 .progress {
   height: 18px;
@@ -428,7 +339,7 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #75A200;
+  background-color: 75a2000;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -436,26 +347,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -475,14 +414,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #87B000;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #87B000;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -492,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 132 - 167
main/css/chamilo_orange/scorm.css

@@ -6,7 +6,8 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #f97e26;
+    background-color: #f97e26;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,86 +132,47 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #F2F2EF;
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;   
-}
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
+    /*padding: 10px;*/   
 }
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #ff7400; /* Old browsers */
+    background: -moz-linear-gradient(top, #ff7400 0%, #df3a01 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#df3a01)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #ff7400 0%,#df3a01 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #ff7400 0%,#df3a01 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #ff7400 0%,#df3a01 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #ff7400 0%,#df3a01 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#df3a01',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
 
 .inner_lp_toc .scorm_title {
     font-weight: bold;
@@ -340,13 +251,7 @@
     padding-left: 17px;
     padding-top: 4px;
 }
-.breadcrumb .divider {
-  color: #FFCC00;
-  padding-bottom: 0;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-top: 0;
-}
+
 #learning_path_breadcrumb_zone .breadcrumb{
     background: #ff7400; /* Old browsers */
     background: -moz-linear-gradient(top, #ff7400 0%, #df3a01 100%); /* FF3.6+ */
@@ -375,7 +280,7 @@
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #E34200;
+    color: #e34200;
     padding-top: 15px;
     padding-bottom: 15px;
 }
@@ -386,11 +291,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background-color: #F2F2EF;
+    background-color: #d7eef4;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #b4cbff;
     margin-top: 10px;
 }
 #author_icon img{
@@ -402,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #F86700;
+    color: #f86700;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -411,30 +316,30 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #E34200;
+    color: e342000;
 }
 .progress {
   height: 18px;
   margin-bottom: 18px;
   overflow: hidden;
   background-color: #f7f7f7;
-  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
-  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
-  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -moz-linear-gradient(top, #ff7400, #df3a01);
+  background-image: -ms-linear-gradient(top, #ff7400, #df3a01);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff7400), to(#df3a01));
+  background-image: -webkit-linear-gradient(top, #ff7400, #df3a01);
+  background-image: -o-linear-gradient(top, #ff7400, #df3a01);
+  background-image: linear-gradient(top, #ff7400, #df3a01);
   background-repeat: repeat-x;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
-  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff7400', endColorstr='#df3a01', GradientType=0);
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #F86700;
+  background-color: #149BDF;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -442,26 +347,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -481,14 +414,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #F97E26;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #F97E26;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -498,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 123 - 158
main/css/chamilo_red/scorm.css

@@ -6,7 +6,8 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #cf0404;
+    background-color: #cf0404;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,86 +132,47 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #F2F2EF;
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;   
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #ff3019; /* Old browsers */
+    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
 
 .inner_lp_toc .scorm_title {
     font-weight: bold;
@@ -340,13 +251,7 @@
     padding-left: 17px;
     padding-top: 4px;
 }
-.breadcrumb .divider {
-  color: #FFCC00;
-  padding-bottom: 0;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-top: 0;
-}
+
 #learning_path_breadcrumb_zone .breadcrumb{
     background: #ff3019; /* Old browsers */
     background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
@@ -386,11 +291,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background-color: #F2F2EF;
+    background-color: #d7eef4;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #b4cbff;
     margin-top: 10px;
 }
 #author_icon img{
@@ -402,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #cf0404;
+    color: #cd0404;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -434,7 +339,7 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #F86700;
+  background-color: #149BDF;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -442,26 +347,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -481,14 +414,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #cf0404;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #cf0404;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -498,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 128 - 157
main/css/chamilo_sport_red/scorm.css

@@ -6,7 +6,8 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #333;
+    background-color: #333;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,89 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #F2F2EF;
+    background-color: #f2f2ef;
     height: 210px;
-    padding: 10px;   
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
     text-shadow:none;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -342,16 +251,18 @@
     padding-left: 17px;
     padding-top: 4px;
 }
+
 .breadcrumb .divider {
-  color: #FFCC00;
-  padding-bottom: 0;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-top: 0;
+    color: #ffcc00;
+    padding-bottom: 0;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-top: 0;
 }
+
 #learning_path_breadcrumb_zone .breadcrumb{
     background: #ff7400; /* Old browsers */
-    background:url(images/bg-header.png) repeat-x 0 -32px;
+    background: url(images/bg-header.png) repeat-x 0 -32px;
     color: #fff;
     text-transform: capitalize;
     border:none;
@@ -382,11 +293,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background-color: #F2F2EF;
+    background-color: #f2f2ef;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #ccc;
     margin-top: 10px;
 }
 #author_icon img{
@@ -430,7 +341,7 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #E60000;
+  background-color: #e60000;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -438,26 +349,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -477,14 +416,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #333333;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #333333;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -494,4 +426,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 124 - 162
main/css/cool_blue/scorm.css

@@ -6,7 +6,8 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #333;
+    background-color: #333;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,53 +52,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -182,89 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #D7EEF4;
+    background-color: #d7eef4;
     height: 210px;
-    padding: 10px;   
-}
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
+    /*padding: 10px;*/   
 }
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -345,13 +254,6 @@
 
 #learning_path_breadcrumb_zone .breadcrumb{
     background: rgb(4,105,142); /* Old browsers */
-    background: -moz-linear-gradient(top, rgba(4,105,142,1) 0%, rgba(4,20,87,1) 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,105,142,1)), color-stop(100%,rgba(4,20,87,1))); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* IE10+ */
-    background: linear-gradient(to bottom, rgba(4,105,142,1) 0%,rgba(4,20,87,1) 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04698e', endColorstr='#041457',GradientType=0 ); /* IE6-9 */
     color: #fff;
     text-transform: capitalize;
     border:none;
@@ -371,7 +273,7 @@
     background:none;
     font-size: 20px;
     background-image: none;
-    color: #044A7A;
+    color: #044a7a;
     padding-top: 15px;
     padding-bottom: 15px;
 }
@@ -386,7 +288,7 @@ opacity: 0.7;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 3px solid  #00AAD4;
+    border: 1px solid  #00aad4;
     margin-top: 10px;
 }
 #author_icon img{
@@ -398,7 +300,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #ffffff;
+    color: #fff;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -407,7 +309,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #044A7A;
+    color: #044a7a;
 }
 .progress {
   height: 18px;
@@ -430,7 +332,7 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #149BDF;
+  background-color: #149bdf;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -438,26 +340,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -477,14 +407,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #044878;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #044878;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -494,4 +417,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 128 - 158
main/css/corporate/scorm.css

@@ -2,11 +2,12 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #d7eef4;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #fe9a2e;
+    background-color: #fe9a2e;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -184,86 +134,46 @@
     overflow: auto;
     background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;   
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #3bafba; /* Old browsers */
+    background: -moz-linear-gradient(top, #3bafba 0%, #00aaba 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bafba), color-stop(100%,#00aaba)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #3bafba 0%,#00aaba 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bafba', endColorstr='#00aaba',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
+
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -344,13 +254,13 @@
 
 #learning_path_breadcrumb_zone .breadcrumb{
     background: #3bafba; /* Old browsers */
-background: -moz-linear-gradient(top, #3bafba 0%, #00aaba 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bafba), color-stop(100%,#00aaba)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* IE10+ */
-background: linear-gradient(to bottom, #3bafba 0%,#00aaba 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bafba', endColorstr='#00aaba',GradientType=0 ); /* IE6-9 */
+    background: -moz-linear-gradient(top, #3bafba 0%, #00aaba 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bafba), color-stop(100%,#00aaba)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #3bafba 0%,#00aaba 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #3bafba 0%,#00aaba 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bafba', endColorstr='#00aaba',GradientType=0 ); /* IE6-9 */
     color: #fff;
     text-transform: capitalize;
     border:none;
@@ -381,11 +291,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bafba', end
 opacity: 0.7;
 }
 #author_image{
-    background-color: #E1E1E0;
+    background-color: #e1e1e0;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 3px solid #CCCCCC;
+    border: 1px solid  #ccc;
     margin-top: 10px;
 }
 #author_icon img{
@@ -437,26 +347,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -476,14 +414,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #FE9A2E;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #FE9A2E;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -493,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 130 - 175
main/css/cosmic_campus/scorm.css

@@ -6,7 +6,8 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,31 +15,24 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #00aad4;
+    background-color: #00aad4;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,96 +132,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background: #ffffff; /* Old browsers */
-  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
-  background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+    background-color: #D7EEF4;
     height: 210px;
-    padding: 10px;   
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #e23828; /* Old browsers */
+    background: -moz-linear-gradient(top, #e23828 0%, b52d20 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e23828), color-stop(100%,b52d20)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #e23828 0%,b52d20 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #e23828 0%,b52d20 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #e23828 0%,b52d20 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #e23828 0%,b52d20 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23828', endColorstr='b52d20',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -352,13 +254,13 @@
 
 #learning_path_breadcrumb_zone .breadcrumb{
     background: #e23828; /* Old browsers */
-background: -moz-linear-gradient(top, #e23828 0%, #b52d20 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e23828), color-stop(100%,#b52d20)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top, #e23828 0%,#b52d20 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top, #e23828 0%,#b52d20 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top, #e23828 0%,#b52d20 100%); /* IE10+ */
-background: linear-gradient(to bottom, #e23828 0%,#b52d20 100%); /* W3C */
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23828', endColorstr='#b52d20',GradientType=0 ); /* IE6-9 */
+    background: -moz-linear-gradient(top, #e23828 0%, b52d20 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e23828), color-stop(100%,b52d20)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #e23828 0%,b52d20 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #e23828 0%,b52d20 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #e23828 0%,b52d20 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #e23828 0%,b52d20 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23828', endColorstr='b52d20',GradientType=0 ); /* IE6-9 */
     color: #fff;
     text-transform: capitalize;
     border:none;
@@ -389,18 +291,11 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23828', end
 opacity: 0.7;
 }
 #author_image{
-    background: #ffffff; /* Old browsers */
-  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
-  background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+    background-color: #fff;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #ccc;
     margin-top: 10px;
 }
 #author_icon img{
@@ -412,7 +307,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #666666;
+    color: #666;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -421,7 +316,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #666666;
+    color: #666;
 }
 .progress {
   height: 18px;
@@ -444,7 +339,7 @@ opacity: 0.7;
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .progress-striped .bar {
-  background-color: #D9D9CE;
+  background-color: #d9d9ce;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     -webkit-animation: progress-bar-stripes 2s linear infinite;
@@ -452,26 +347,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -491,14 +414,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #00aad4;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 255px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #00aad4;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -508,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 328 - 187
main/css/delicious_bordeaux/scorm.css

@@ -6,35 +6,29 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,188 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    overflow: auto;
+    background-color: white;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px; 
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 329 - 188
main/css/empire_green/scorm.css

@@ -6,35 +6,29 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,188 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    overflow: auto;
+    background-color: white;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
- }
+    margin-left: 10px;
+}
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 329 - 188
main/css/fruity_orange/scorm.css

@@ -2,39 +2,33 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #e6e6e6;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,188 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    overflow: auto;
+    background-color: #D7EEF4;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #fcfcfc; /* Old browsers */
+    background: -moz-linear-gradient(top, #fcfcfc 0%, #e4e4e4 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #fcfcfc 0%,#e4e4e4 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #555; /* Old browsers */
+    background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #555 0%,#333 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#333',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #666666;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #fcfcfc;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #ccc;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #666;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #666;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 132 - 172
main/css/journal/scorm.css

@@ -2,11 +2,12 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #e6e6e6;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
@@ -14,26 +15,20 @@
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -58,50 +53,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -182,88 +133,48 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: #E6E6E6;
+    background-color: #D7EEF4;
     height: 210px;
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #fcfcfc; /* Old browsers */
+    background: -moz-linear-gradient(top, #fcfcfc 0%, #e4e4e4 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #fcfcfc 0%,#e4e4e4 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -343,27 +254,23 @@
 }
 
 #learning_path_breadcrumb_zone .breadcrumb{
-    background: #fcfcfc; /* Old browsers */
-    background: -moz-linear-gradient(top, #fcfcfc 0%, #e4e4e4 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #fcfcfc 0%,#e4e4e4 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
-    color: #666;
+    background: #555; /* Old browsers */
+    background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #555 0%,#333 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#333',GradientType=0 ); /* IE6-9 */
+    color: #fff;
     text-transform: capitalize;
     border:none;
-    border-bottom: 3px solid #CCCCCC;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
 }
 #learning_path_breadcrumb_zone .breadcrumb a{
-    color: #666;
-}
-#learning_path_breadcrumb_zone .breadcrumb .btn-success{
-    color: #fff;
+    color: #FFF;
 }
 #learning_path_breadcrumb_zone .breadcrumb a:hover{
     text-decoration: none;
@@ -385,18 +292,11 @@
 opacity: 0.7;
 }
 #author_image{
-    background: #fcfcfc; /* Old browsers */
-    background: -moz-linear-gradient(top, #fcfcfc 0%, #e4e4e4 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #fcfcfc 0%,#e4e4e4 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #fcfcfc 0%,#e4e4e4 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
+    background-color: #fcfcfc;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 1px solid  #CCCCCC;
+    border: 1px solid  #ccc;
     margin-top: 10px;
 }
 #author_icon img{
@@ -408,7 +308,7 @@ opacity: 0.7;
 }
 #author_image .progresstext{
     font-size: 20px;
-    color: #666666;
+    color: #666;
     font-weight: bold;
 }
 #learning_path_left_zone #header {
@@ -417,7 +317,7 @@ opacity: 0.7;
 }
 #learning_path_left_zone .no-border{
     background: none;
-    color: #666666;
+    color: #666;
 }
 .progress {
   height: 18px;
@@ -448,26 +348,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
     background-position: 270px center !important;
     background-repeat: no-repeat;
+    color: white;
 }
-
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -487,14 +415,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #777777;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 270px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #777777;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -504,4 +425,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 118 - 148
main/css/kiddy/scorm.css

@@ -2,43 +2,37 @@
 
 .inner_lp_toc {
     overflow: auto;
-    background-color: white;
+    background-color: #d7eef4;
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
     font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
-    color: #2F3E46;
+    color: #444;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #00aad4;
+    background-color: #00aad4;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -58,50 +52,6 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
     content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
@@ -184,86 +134,46 @@
     overflow: auto;
     background-color: #D7EEF4;
     height: 210px;
+    /*padding: 10px;*/   
 }
-
-.inner_lp_toc .scorm_item a {
-    margin-right: 1px;
-    padding-bottom: 2px;
-    text-decoration: none;
-    color: #2F3E46;    
-}
-
-.inner_lp_toc .scorm_item a.chapter_module {
-    font-weight: normal;
-    margin-right: 10px;
-}
-.inner_lp_toc .scorm_item_highlight {   
-    border:1px solid #00aad4;
-    background:#00aad4;
-    background-image:none;
-    margin-right: 0px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-}
-
-.inner_lp_toc .scorm_item_highlight a {
-    color:#fff;
-    margin-right: 1px;
-    text-decoration: none;
-}
-
 .inner_lp_toc .scorm_item_section {
-    border:1px solid #222;
+    border:none;
     background:#333;
     font-weight:normal;
     color:#fff;
-    text-shadow:0 -1px 1px #000;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
-    background-image:-webkit-linear-gradient(top,#555,#333);
-    background-image:-moz-linear-gradient(top,#555,#333);
-    background-image:-ms-linear-gradient(top,#555,#333);
-    background-image:-o-linear-gradient(top,#555,#333);
-    background-image:linear-gradient(top,#555,#333);
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
     margin-right: 1px;
     padding: 10px 0px 10px 0px;
-    text-decoration: none;  
-    
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
 
 .inner_lp_toc .scorm_item {
-    font-size: 14px;
+    font-size: 13px;
     margin-left: 10px;
     margin-right:10px;
     text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);  
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:none;
+    border-color: rgba(255, 255, 255, 0.3); 
     
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    /* background:#FDFDFD; */   
 }
-
-.inner_lp_toc .scorm_item_2 {    
-    background-image:none;
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: normal;
-    margin-right: 1px;  
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
+.inner_lp_toc .scorm_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
 
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -437,26 +347,54 @@ opacity: 0.7;
 }
 
 /*STYLES PROCESS LESSION*/
-.inner_lp_toc .scorm_completed {
-    background-image: url("images/blue_arrow.png")  !important;
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
     background-position: 270px center !important;
     background-repeat: no-repeat;
+    color: white;
 }
-
-.inner_lp_toc .scorm_item_1 {
-  background:none;
-  background-repeat: no-repeat;
-  border-bottom-color: #CCCCCC;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-  color: #444444;
-  font-weight: normal;
-  margin-right: 1px;
-  padding-bottom: 10px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 10px;
-  text-shadow: 0 1px 1px #F6F6F6;
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
 }
 #learning_path_main #control {
   background-image: none;
@@ -476,14 +414,7 @@ opacity: 0.7;
   width: 100%;
   border-top:1px solid #00AAD4;
 }
-.inner_lp_toc .scorm_item_highlight {
-    background-color: #00aad4;
-    background-image: url("images/white_arrow.png") !important;
-    background-position: 270px center !important;
-    background-repeat: no-repeat;
-    border: 1px solid #00aad4;
-    text-shadow:none;
-}
+
 #author_name {
   color: #666666;
   float: left;
@@ -493,4 +424,43 @@ opacity: 0.7;
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
-}
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 332 - 182
main/css/medical/scorm.css

@@ -6,40 +6,33 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #00aad4;
+    background-color: #00aad4;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -59,53 +52,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,178 +88,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;
+    overflow: auto;
+    background-color: #D7EEF4;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 12px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .inner_lp_toc .scorm_status_img {
-	margin-left: -10px;
-	width:10px;
+    margin:0px;
+    margin-left: -10px;
+    width:10px;
 }
 .lp_navigation {
-	overflow: auto;
-	background-color: white;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
-}
-.preview_image {
-	padding-left: 17px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    clear: both;
+}
+#image_preview {
+    padding-left: 17px;
+}
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 330 - 187
main/css/public_admin/scorm.css

@@ -6,40 +6,33 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #00aad4;
+    background-color: #00aad4;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -59,53 +52,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,185 +88,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;
+    overflow: auto;
+    background-color: #D7EEF4;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
+}
+.inner_lp_toc .scorm_title_text {
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 100%;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
 }
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 328 - 188
main/css/royal_purple/scorm.css

@@ -6,40 +6,33 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #00aad4;
+    background-color: #00aad4;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
     text-decoration: none;
-    font-weight: bold;
 }
 
 .inner_lp_toc .scorm_item_section {
@@ -59,53 +52,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,188 +88,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    overflow: auto;
+    background-color: #D7EEF4;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
 }
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
+}

+ 332 - 179
main/css/silver_line/scorm.css

@@ -6,35 +6,29 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,176 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    overflow: auto;
+    background-color: white;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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-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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 12px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding: 0 6px 10px 10px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin: -20px 0;
-	margin-left: 40%;
-	font-size: normal;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-width: 60%;*/
-margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
-}
-.preview_image {
-	padding-left: 17px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    clear: both;
+}
+#image_preview {
+    padding-left: 17px;
+}
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 334 - 185
main/css/sober_brown/scorm.css

@@ -6,35 +6,29 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,180 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
-}
-.inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	padding-bottom: 2px;
-	text-decoration: none;
+    overflow: auto;
+    background-color: white;
+    height: 210px;
+    /*padding: 10px;*/   
 }
-.inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
 }
-.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 {
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 12px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
+}
+.inner_lp_toc .scorm_title_text {
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
-}
-.preview_image {
- padding-left: 17px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	margin-left:17px;
-	padding: 1px 5px 3px 8px;
+    clear: both;
+}
+#image_preview {
+    padding-left: 17px;
+}
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 328 - 189
main/css/steel_grey/scorm.css

@@ -6,35 +6,29 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,190 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+    overflow: auto;
+    background-color: white;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }

+ 328 - 187
main/css/tasty_olive/scorm.css

@@ -6,35 +6,29 @@
     height: 210px;
 }
 
-.inner_lp_toc .scorm_item a {
-    font-weight: bold;
-    font-size: 14px;
+.inner_lp_toc .scorm_item_1 a,
+.inner_lp_toc .scorm_item_2 a {
+    font-size: 13px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
     color: #2F3E46;
 }
 
-.inner_lp_toc .scorm_item a.chapter_module {
+.inner_lp_toc .scorm_item_1 a.chapter_module,
+.inner_lp_toc .scorm_item_2 a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {
-    border: 1px solid #999;
-    background:#999;
     font-weight:bold;
-    text-shadow:0 -1px 1px #666;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
-    background-image:-webkit-linear-gradient(top,#666,#999);
-    background-image:-moz-linear-gradient(top,#666,#999);
-    background-image:-ms-linear-gradient(top,#666,#999);
-    background-image:-o-linear-gradient(top,#666,#999);
-    background-image:linear-gradient(top,#666,#999);
+    border:1px solid #999;
+    background-color: #999;
+    background-image:none;
     margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;
 }
-
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -59,53 +53,9 @@
     text-decoration: none;
 }
 
-.inner_lp_toc .scorm_item {
-    font-size: 16px;
-    margin-left: 10px;
-    margin-right:10px;
-    text-decoration: none;
-    border-color: rgba(255, 255, 255, 0.3);
-}
-
-.inner_lp_toc .scorm_item_1 {
-    border-bottom: 1px solid #CCCCCC;
-    background:#eee;
-    font-weight:bold;
-    color:#444;
-    text-shadow:0 1px 1px #f6f6f6;
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-    background:#FDFDFD;
-}
-
-.inner_lp_toc .scorm_item_2 {
-    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
-    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
-    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    border-bottom: 1px solid #CCCCCC;
-    color: #444444;
-    font-weight: bold;
-    text-shadow: 0 1px 1px #F6F6F6;
-    margin-right: 1px;
-    padding: 10px 0px 10px 0px;
-    text-decoration: none;
-    font-weight: normal;
-}
-
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
+    content : url('../lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
     margin-right : 5px;
 }
@@ -139,188 +89,379 @@
 }
 
 .scorm_item_level_1 {
-    padding : 0 0.5em 0 1.5em;
+    padding : 0 1.5em 0 1.5em;
 }
 
 .scorm_item_level_2 {
-    padding : 0 0.5em 0 3em;
+    padding : 0 1.5em 0 3em;
 }
-
 .scorm_item_level_3 {
-    padding : 0 0.5em 0 4.5em;
+    padding : 0 1.5em 0 4.5em;
 }
 
 .scorm_item_level_4 {
-    padding : 0 0.5em 0 6em;
+    padding : 0 1.5em 0 6em;
 }
 
 .scorm_item_level_5 {
-    padding : 0 0.5em 0 7.5em;
+    padding : 0 1.5em 0 7.5em;
 }
 
+.scorm_item.scorm_item_level_2 > a, .scorm_item.scorm_item_level_3 > a, .scorm_item.scorm_item_level_4 > a, .scorm_item.scorm_item_level_5 > a{
+    font-weight: normal;
+}
 /* end of copy of default_scorm.css */
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    overflow: auto;
+    background-color: white;
+    height: 210px;
+    /*padding: 10px;*/   
 }
+.inner_lp_toc .scorm_item_section {
+    border:none;
+    background:#333;
+    font-weight:normal;
+    color:#fff;
+    text-shadow:none;
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    -webkit-border-top-left-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+    -moz-border-radius-topright: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
 .inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	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;
+    font-size: 13px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3); 
+    
 }
-.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_item.scorm_item_level_1{
+    background: url(../img/archive.png) no-repeat;
 }
+
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
+    margin-left: 10px;
 }
 .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;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	margin-left: 40%;
+    margin-top: -20px;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 580px;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background: #05abe0; /* Old browsers */
+    background: -moz-linear-gradient(top, #05abe0 0%, #2e75a3 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#2e75a3)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #05abe0 0%,#2e75a3 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #05abe0 0%,#2e75a3 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#2e75a3',GradientType=0 ); /* IE6-9 */
+    color: #fff;
+    text-transform: capitalize;
+    border:none;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: none;
+    opacity: 0.8;
+}
+#scorm_title {
+    font-weight: bold;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 15px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088AA;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
+  font-size: 18px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #0088AA;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    -webkit-animation: progress-bar-stripes 2s linear infinite;
+    animation: progress-bar-stripes 2s linear infinite;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scorm_item a {
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;
+    color: #2F3E46;
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+
+.scorm_item_1,
+.scorm_item_2 {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background: none;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+}
+.scorm_item_2 {
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    background-image:none;
+}
+.scorm_item_1.scorm_item_highlight.scorm_completed,
+.scorm_item_2.scorm_item_highlight.scorm_completed {
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+    color: white;
+}
+.scorm_item_1.scorm_item_normal.scorm_completed,
+.scorm_item_2.scorm_item_normal.scorm_completed {
+    background-image: url("images/blue_arrow.png")  !important;
+    background-position: 270px center !important;
+    background-repeat: no-repeat;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  border-top:1px solid #00AAD4;
+}
+
+#author_name {
+  color: #666666;
+  float: left;
+  font-size: 13px;
+  margin-top: 2px;
+  text-align: center;
+  width: 100%;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+.mejs-container{
+    background: none;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+.mejs-container .mejs-controls{
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #45484d; /* Old browsers */
+background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
+background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded{
+    background: #333;
+    background: rgba(50,50,50,0.8);
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
+    background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
+    background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+    background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
+}
+.mejs-controls .mejs-time-rail .mejs-time-current{
+    background: #a9e4f7; /* Old browsers */
+    background: -moz-linear-gradient(top, #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
+    background: linear-gradient(to bottom, #a9e4f7 0%,#0fb4e7 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
 }