diff --git a/module/block/lang/de.php b/module/block/lang/de.php
index fc3c327b2f..5efef7071f 100644
--- a/module/block/lang/de.php
+++ b/module/block/lang/de.php
@@ -565,10 +565,10 @@ $lang->block->gridOptions[8] = 'Links';
 $lang->block->gridOptions[4] = 'Rechts';
 
 $lang->block->flowchart            = array();
-$lang->block->flowchart['admin']   = array('Administrator', 'Abteilung erstellen', 'Benutzer erstellen', 'Rechte pflegen');
+$lang->block->flowchart['admin']   = array('Administrator', 'Add Departments', 'Benutzer erstellen', 'Rechte pflegen');
 if($config->systemMode == 'ALM') $lang->block->flowchart['program'] = array('Program Owner', 'Create Program', 'Link Product', "Create Project", "Budgeting and planning", 'Add Stakeholder');
 $lang->block->flowchart['product'] = array($lang->productCommon . ' Besitzer', $lang->productCommon . ' erstellen', 'Module pflegen', 'Pläne pflegen', 'Storys pflegen', 'Release erstellen');
-$lang->block->flowchart['project'] = array('Project Manager', 'Add projects and ' . $lang->executionCommon . 's', 'Maintain Teams', 'Link Stories', 'Create Tasks', 'Track');
+$lang->block->flowchart['project'] = array('Project Manager', 'Add projects and ' . $lang->execution->common . 's', 'Maintain Teams', 'Link Stories', 'Create Tasks', 'Track');
 $lang->block->flowchart['dev']     = array('Entwickler', 'Aufgabe/Bugs anfordern', 'Update Status', 'Aufgaben/Bugs abschließen');
 $lang->block->flowchart['tester']  = array('QS Team', 'Fälle erstellen', 'Fälle ausführen', 'Bug Berichte', 'Bugs überprüfen', 'Bugs schließen');
 
diff --git a/module/block/lang/en.php b/module/block/lang/en.php
index 959e2f4ad0..0e77cf0382 100644
--- a/module/block/lang/en.php
+++ b/module/block/lang/en.php
@@ -568,7 +568,7 @@ $lang->block->flowchart            = array();
 $lang->block->flowchart['admin']   = array('Administrator', 'Add Departments', 'Add Users', 'Maintain Privileges');
 if($config->systemMode == 'ALM') $lang->block->flowchart['program'] = array('Program Owner', 'Create Program', 'Link Product', "Create Project", "Budgeting and planning", 'Add Stakeholder');
 $lang->block->flowchart['product'] = array($lang->productCommon . ' Owner', 'Add ' . $lang->productCommon, 'Maintain Modules', 'Maintain Plans', 'Maintain Stories', 'Create Releases');
-$lang->block->flowchart['project'] = array('Project Manager', 'Add projects and ' . $lang->executionCommon . 's', 'Maintain Teams', 'Link Stories', 'Create Tasks', 'Track');
+$lang->block->flowchart['project'] = array('Project Manager', 'Add projects and ' . $lang->execution->common . 's', 'Maintain Teams', 'Link Stories', 'Create Tasks', 'Track');
 $lang->block->flowchart['dev']     = array('Dev Team', 'Claim Tasks/Bugs', 'Design', 'Update Status', 'Finish Tasks/Bugs', 'Commit Code');
 $lang->block->flowchart['tester']  = array('Test Team', 'Write Cases', 'Run Cases', 'Report Bugs', 'Verify Bugs', 'Close Bugs');
 
diff --git a/module/block/lang/fr.php b/module/block/lang/fr.php
index 0ce147dc0d..3f0414f756 100644
--- a/module/block/lang/fr.php
+++ b/module/block/lang/fr.php
@@ -565,10 +565,10 @@ $lang->block->gridOptions[8] = 'Left';
 $lang->block->gridOptions[4] = 'Right';
 
 $lang->block->flowchart            = array();
-$lang->block->flowchart['admin']   = array('Administrateur', 'Ajoute Compartiment', 'Ajoute Utilisateurs', 'Administre Privilèges');
+$lang->block->flowchart['admin']   = array('Administrateur', 'Add Departments', 'Ajoute Utilisateurs', 'Administre Privilèges');
 if($config->systemMode == 'ALM') $lang->block->flowchart['program'] = array('Program Owner', 'Create Program', 'Link Product', "Create Project", "Budgeting and planning", 'Add Stakeholder');
 $lang->block->flowchart['product'] = array($lang->productCommon . ' Owner', 'Ajoute ' . $lang->productCommon . '/Modules', 'Ajoute ' . $lang->executionCommon . 's', 'Ajoute Stories', 'Maintient Plans', 'Crée Releases');
-$lang->block->flowchart['project'] = array('Project Manager', 'Add projects and ' . $lang->executionCommon . 's', 'Maintain Teams', 'Link Stories', 'Create Tasks', 'Track');
+$lang->block->flowchart['project'] = array('Project Manager', 'Add projects and ' . $lang->execution->common . 's', 'Maintain Teams', 'Link Stories', 'Create Tasks', 'Track');
 $lang->block->flowchart['dev']     = array('Développeurs', 'Réclament Tâches/Bugs', 'Effectuent Tâches', 'Corrigent Bugs', 'MàJ Statuts', 'Terminent Tâches/Bugs');
 $lang->block->flowchart['tester']  = array('Testeurs', 'Rédigent CasTests', 'Jouent CasTests', 'Détectent Bugs', 'Vérifient Corrections', 'Ferment Bugs');
 
diff --git a/module/block/lang/zh-cn.php b/module/block/lang/zh-cn.php
index f8cab45e15..280110e360 100644
--- a/module/block/lang/zh-cn.php
+++ b/module/block/lang/zh-cn.php
@@ -565,10 +565,10 @@ $lang->block->gridOptions[8] = '左侧';
 $lang->block->gridOptions[4] = '右侧';
 
 $lang->block->flowchart            = array();
-$lang->block->flowchart['admin']   = array('管理员', '维护公司', '添加用户', '维护权限');
+$lang->block->flowchart['admin']   = array('管理员', '维护部门', '添加用户', '维护权限');
 if($config->systemMode == 'ALM') $lang->block->flowchart['program'] = array('项目集负责人', '创建项目集', '关联产品', "创建项目", "制定预算和规划", '添加干系人');
 $lang->block->flowchart['product'] = array($lang->productCommon . '经理', '创建' . $lang->productCommon, '维护模块', "维护计划", "维护需求", '创建发布');
-$lang->block->flowchart['project'] = array('项目经理', '创建项目、' . $lang->executionCommon, '维护团队', "关联需求", '分解任务', '跟踪进度');
+$lang->block->flowchart['project'] = array('项目经理', '创建项目、' . $lang->execution->common, '维护团队', "关联需求", '分解任务', '跟踪进度');
 $lang->block->flowchart['dev']     = array('研发人员', '领取任务和Bug', '设计实现方案', '更新状态', '完成任务和Bug', '提交代码');
 $lang->block->flowchart['tester']  = array('测试人员', '撰写用例', '执行用例', '提交Bug', '验证Bug', '关闭Bug');
 
diff --git a/module/block/view/flowchart.html.php b/module/block/view/flowchart.html.php
index 157cd63397..838c99d30a 100644
--- a/module/block/view/flowchart.html.php
+++ b/module/block/view/flowchart.html.php
@@ -1,45 +1,35 @@
-<div class='panel-body scrollbar-hover'>
+<div class='flowchart'>
 <?php foreach ($lang->block->flowchart as $flowName => $flow):?>
 <?php $idx = 0; ?>
   <div class='row row-<?php echo $flowName?>'>
   <?php foreach ($flow as $flowItem):?>
-    <div class='flow-item flow-item-<?php echo $idx++ ?>'><div title='<?php echo $flowItem ?>'><span class='flow-item-display'><?php echo $flowItem ?></span></div></div>
+    <div class='flow-item flow-item-<?php echo $idx ++ ?>'><div title='<?php echo $flowItem ?>'><span class='flow-item-display'><?php echo $flowItem ?></span></div></div>
   <?php endforeach; ?>
   </div>
 <?php endforeach; ?>
 </div>
 <style>
-.block-flowchart .panel-body {padding: 0 30px 0 20px;}
+.flowchart {padding: 20px 24px 20px 24px;}
 .flow-item {float: left; width: 16.66667%; max-width: 180px; text-align: center; margin-bottom: 9px; padding-right: 15px;}
-.flow-item > div {position: relative; padding: 5px 0 5px 8px; line-height: 20px; background: #E8EBEF; white-space:nowrap; overflow: visible; color: #3c4353}
-.flow-item > div:before, .flow-item > div:after {content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #E8EBEF; position: absolute; left: 0; top: 0;}
+.flow-item > div {position: relative; padding: 5px 0 5px 8px; line-height: 20px; background: #66A2FF; white-space:nowrap; overflow: visible; color: #3c4353}
+.flow-item > div:before, .flow-item > div:after {content: ' '; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #66A2FF; position: absolute; left: 0; top: 0;}
 .ie-8 .flow-item > div:before {display: none}
 .flow-item > div:before {border-left-color: #fff; z-index: 1}
 .flow-item > div:after {left: auto; right: -10px; z-index: 2}
 .flow-item > div > span {display: flow-root; overflow: hidden;}
 .ie-8 .flow-item > div {margin-right: 10px}
-.flow-item-0 > div {color: #3C4353; font-weight: bold; padding-left: 0;}
+.flow-item-0 > div {color: #FFF; font-weight: 400; padding-left: 0;}
 .flow-item-0 > div:before {display: none}
-.flow-item-1 > div {background: #E3F2FD}
-.flow-item-1 > div:after {border-left-color: #E3F2FD}
-.flow-item-2 > div {background: #E8F5E9}
-.flow-item-2 > div:after {border-left-color: #E8F5E9}
-.flow-item-3 > div {background: #FFF3E0}
-.flow-item-3 > div:after {border-left-color: #FFF3E0}
-.flow-item-4 > div {background: #FFEBEE}
-.flow-item-4 > div:after {border-left-color: #FFEBEE}
-.flow-item-5 > div {background: #F3E5F5}
-.flow-item-5 > div:after {border-left-color: #F3E5F5}
-.flow-item-1 > div:hover {background: #1565C0; color: #fff;}
-.flow-item-1 > div:hover:after {border-left-color: #1565C0}
-.flow-item-2 > div:hover {background: #43A047; color: #fff;}
-.flow-item-2 > div:hover:after {border-left-color: #43A047}
-.flow-item-3 > div:hover {background: #EF6C00; color: #fff;}
-.flow-item-3 > div:hover:after {border-left-color: #EF6C00}
-.flow-item-4 > div:hover {background: #E53935; color: #fff;}
-.flow-item-4 > div:hover:after {border-left-color: #E53935}
-.flow-item-5 > div:hover {background: #9C27B0; color: #fff;}
-.flow-item-5 > div:hover:after {border-left-color: #9C27B0}
+.flow-item-1 > div,
+.flow-item-2 > div,
+.flow-item-3 > div,
+.flow-item-4 > div,
+.flow-item-5 > div {background: #E6F0FF}
+.flow-item-1 > div:after,
+.flow-item-2 > div:after,
+.flow-item-3 > div:after,
+.flow-item-4 > div:after,
+.flow-item-5 > div:after {border-left-color: #E6F0FF}
 
 .block-sm .flow-item {padding-right: 5px}
 .block-sm .flow-item > div:before, .block-sm .flow-item > div:after {border-width: 15px 0 15px 6px;}
diff --git a/module/block/view/guide.html.php b/module/block/view/guide.html.php
index e01386e9fc..9ed8135f53 100644
--- a/module/block/view/guide.html.php
+++ b/module/block/view/guide.html.php
@@ -5,6 +5,7 @@
 .block-guide .nav-secondary > li {position: relative;}
 .block-guide .nav-secondary > li.active {background: #FFF;}
 .block-guide .nav-secondary > li > a {font-size: 14px; color: #838A9D; position: relative; box-shadow: none; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .2s;}
+.block-guide .nav-secondary > li > a:hover {box-shadow: none;}
 .block-guide .nav-secondary > li > a:first-child {padding-right: 36px;}
 .block-guide .nav-secondary > li.active > a:first-child {color: #3C4353; background: transparent; box-shadow: none;}
 .block-guide .nav-secondary > li.active > a:first-child:before {content: ''; display: block; left: -1px; height: 100%; top: 0px; width: 2px; background: #2E7FFF; position: absolute;}
@@ -49,6 +50,15 @@ $(function()
       </ul>
     </div>
     <div class="col tab-content">
+      <div class="tab-pane fade active in" id='<?php echo "tab3{$blockNavId}Contentflowchart";?>'>
+      <?php include 'flowchart.html.php';?>
+      </div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentsystemMode";?>'></div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentvisionSwitch";?>'></div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentthemeSwitch";?>'></div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}Contentpreference";?>'></div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentdownloadClient";?>'></div>
+      <div class="tab-pane fade" id='<?php echo "tab3{$blockNavId}ContentdownloadMoblie";?>'></div>
     </div>
   </div>
 </div>