Modified : video.html : added quicklist button ..

modified : header.html : added quick list div .
modified : main.css : added quick list feature design .

added : assets/images/. for CB
added : quicklist/block.html 
added : quicklist/video_block.html
added : images/icons

upload/styles/cb_27/layout/blocks/quicklist/block.html

@@ -0,0 +1,29 @@
+<div  class="quicklist_box">
+<div class="quicklist_box_head">
+<a href="javascript:void(0)" onClick="quick_show_hide_toggle('#quicklist_cont')">{lang code='show_hide'}</a> - {lang code='quicklists'}({$cbvid->total_quicklist()}) - <a href="javascript:void(0)" onClick="clear_quicklist()" >{lang code='remove'}</a></div>
+<div id="quicklist_cont" style="display:none">
+
+
+{assign var=quicklist value=$cbvid->get_quicklist()}
+
+{if $quicklist}
+
+<div id="my_quicklist" class="my_quicklist">
+<!-- Getting Playlist Items-->
+{assign var='bg' value='fff'}
+{foreach from=$quicklist item=vid}
+    {assign var=item value=$cbvid->get_video_details($vid)}
+    
+	{include file="$style_dir/blocks/quicklist/video_block.html" video=$item bg=$bg show_delete='yes' unique_id="quicklist_"}
+    
+    {if $bg=='fff'}
+    {assign var='bg' value='EFF5F8'}
+    {else}
+    {assign var='bg' value='fff'}
+    {/if}
+    
+{/foreach}
+<div class="clearfix"></div>
+</div>
+{/if}
+</div></div>

upload/styles/cb_27/layout/blocks/quicklist/video_block.html

@@ -0,0 +1,18 @@
+
+{if !$videoLink}
+	{videoLink vdetails=$video assign='videoLink'}
+{/if}
+	<div class="playlist_item" style="background-color:#{$bg}; {if $selected==$video.videoid} border:1px solid #999{/if}"  id="{$unique_id}playlist_cont_{$video.videoid}">
+    	<div class="pl_num">{$smarty.section.item.iteration}</div>
+        <div class="pl_thumb"><a href="{$videoLink}"><img src="{getThumb vdetails=$video}" width="45" height="27" border="0" /></a></div>
+        <div class="pl_details" onclick="window.location='{$videoLink}'"><a href="{$videoLink}">{$video.title|truncate:30}</a></div>
+        {if $show_delete=='yes'}
+        	<div class="pl_delete">
+            <img src="{$imageurl}/dot.gif" class="cross_icon" onclick="remove_qucklist('#{$unique_id}playlist_cont_{$video.videoid}','{$video.videoid}')" title="remove {$video.title} from qucklist" alt="quicklist"></div>
+        {/if}
+  <div class="pl_duration">{$video.duration|SetTime}</div>
+        
+<div class="clearfix"></div>
+    </div>
+    
+    

upload/styles/cb_27/layout/blocks/videos/video.html

@@ -1,13 +1,14 @@
 {if $display_type=='normal' || $display_type==''}
 <div class="item_video">
     <div class="cb_item_container clearfix">
-        <div class="cb_item_thumb video_thumb" >
+        <div class="cb_item_thumb video_thumb relative" >
         <a href="{videoLink($video)}" title="{$video.title|title}">
             <span class="video_duration">{if
             $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}
             </span>
             <img class="" src="{getThumb vdetails=$video size=160x90 } " border="1" />
         </a>
+        <img src="{$imageurl}/dot.gif" class="add_icon cb_quickie" onclick="add_quicklist(this,'{$video.videoid}')" title="Add {$video.title} to Quicklist" alt="Quicklist" />
         </div>
         <h5>
            <a href="{videoLink($video)}">{$video.title|truncate:30}</a>

upload/styles/cb_27/layout/header.html

@@ -1,3 +1,8 @@
+<div id="quick_container">
+    <div id="quicklist_box">
+    </div>
+</div>
+
 {$searchPage = $smarty.get.query}
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
     <div class="navbar-container clearfix">

upload/styles/cb_27/theme/css/main.css

@@ -3197,6 +3197,33 @@ padding-right: 0px;
 .group-tab .group-info .clearfix{
 	margin: 0 0 5px;
 }
+
+
+
+
+/**
+ * QUCKLIST ICON
+ */
+.quick_container{ width:1000px; margin:0px auto; padding:0px; position:relative; }
+.cross_icon,.check_icon,.add_icon{background-image:url(../images/icons/quicklist_small.png); height:14px; width:14px !important; background-repeat:no-repeat; cursor:pointer;position:absolute; left:2px; bottom:2px;}
+.check_icon{background-image:url(../images/icons/quicklist_check_small.png); }
+.cross_icon{ background-image:url(../images/icons/cross.png);position:relative; z-index:10}
+.private_video{background-image:url(../images/private.png); width:110px; height:66px;position:absolute; top:2px; left:2px; border:0px}
+.quicklist_box{bottom:0px; right:0px; padding:5px; background-color:#333; width:300px; color:#fff; position:fixed; z-index:1000; border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px}
+.my_quicklist{max-height:325px; overflow:auto; padding-right:8px}
+.quicklist_box_head{background-image:url(../images/simple_gradient.png); background-position:bottom; height:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; line-height:20px; color:#333; font-size:11px; font-weight:bold}
+.quicklist_box_head a{color:#0099cc; font-size:11px; font-weight:bold; text-decoration:none}
+.cb_quickie{
+     padding: 1px 1px;
+    position: absolute;
+    right: 4px;
+    bottom: 4px;
+}
+
+
+
+
+
 /* end of viewChanelTabs */
 @media only screen and (max-width: 991px) {
 	.ft-img{