diff --git a/upload/admin_area/styles/cb_2014/layout/add_group.html b/upload/admin_area/styles/cb_2014/layout/add_group.html
index 967d167f..a46a0111 100644
--- a/upload/admin_area/styles/cb_2014/layout/add_group.html
+++ b/upload/admin_area/styles/cb_2014/layout/add_group.html
@@ -2,7 +2,7 @@
 <form name="add_group" action="" method="post" enctype="multipart/form-data">
      <p class="alert alert-info">* are required fields</p>
      <div class="form-group">
-        <label for="users"><legend>Select User *</legend></label>
+        <label for="users">Select User *</label>
         <select class="form-control" name="users" tabindex="1">
             <option>Select User</option>
             {section name=u_list loop=$users}
@@ -11,35 +11,35 @@
         </select>
     </div>
   <div class="form-group">
-      <label for="title"><legend>Group Title *</legend></label>
+      <label for="title">Group Title *</label>
       <input class="form-control" name="title" id="titile" tabindex="2">
       </div>
 
   <div class="form-group">
-      <label for="description"><legend>Group Description *</legend></label>
+      <label for="description">Group Description *</label>
       <textarea class="form-control" name="descriptio" id="description" rows="5" tabindex="3"></textarea>
       </div>
 
     <div class="form-group">
-        <label for="tags"><legend>Group Tags *</legend></label>
+        <label for="tags">Group Tags *</label>
         <input class="form-control" name="tags" id="tag" tabindex="4">
         </div>
 
     <div class="form-group">
-        <label for="gp_url"><legend>Group Url *</legend></label>
+        <label for="gp_url">Group Url *</label>
         <input class="form-control" name="gp_url" id="gp_url" tabindex="5">
         <small>Only these characters are allowed. a-z, 0-9, Hypen (-), Underscore(_), Period(.)</small>
         </div>
 
     <div class="form-group">
-        <label for="gptype"><legend>Group Type </legend></label>
+        <label for="gptype">Group Type </label>
         <input name="gptype" class="radio-inline" type="radio" tabindex="7" value="1">Public
         <input name="gptype" class="radio-inline"type="radio" tabindex="8" value="2">Only Invited Members
         <input name="gptype" class="radio-inline" type="radio" tabindex="7" value="1">Private
         </div>
 
     <div class="form-group">
-        <label for="category"><legend>Group Category *</legend></label>
+        <label for="category">Group Category *</label>
         <select class="form-control" name="category" tabindex="9">
             <option>Choose A Category</option>
             {section name=cat_list loop=$category}
@@ -48,7 +48,7 @@
         </select>
     </div>
     <div class="form-group">
-        <label for="gpthumb"><legend>Group Thumb</legend></label>
+        <label for="gpthumb">Group Thumb</label>
         <input class="form-control" type="file" name="gpThumb" id="gpThumb" tabindex="10">
     </div>
     <div class="form-group">
diff --git a/upload/admin_area/styles/cb_2014/layout/manage_players.html b/upload/admin_area/styles/cb_2014/layout/manage_players.html
index 5642877e..2d6ff6fa 100644
--- a/upload/admin_area/styles/cb_2014/layout/manage_players.html
+++ b/upload/admin_area/styles/cb_2014/layout/manage_players.html
@@ -1,6 +1,5 @@
 {if $mode =='show_settings'}
 <h2>ClipBucket Website Player Settings</h2>
-
 <div class="form-group">
   <label for="pak_license">
     Pakplayer license<br>
@@ -8,7 +7,6 @@
   </label>
   <input class="form-control" type="text" name="pak_license" id="pak_license" value="{$row.pak_license}" />
 </div>
-
 <div class="form-group">
   <label for="">
     Autoplay<br>
@@ -22,7 +20,6 @@
     <input type="radio" name="autoplay_video" value="no" id="autoplay_video_1" {if $row.autoplay_video=='no'} checked="checked"{/if}  />No
   </label>
 </div>
-
 <div class="form-group">
   <label for="use_playlist">
     Use Playlist<br>
@@ -36,7 +33,6 @@
     No
   </label>
 </div>
-
 <div class="form-group">
   <label for="logo_file">
     Logo File<br>
@@ -44,10 +40,8 @@
       Logo file that will display on your flash player
     </small>
   </label>
-  <input type="file" name="logo_file" id="logo_file" />
+  <input type="file" class="form-control" name="logo_file" id="logo_file" />
 </div>
-
-
 <div class="form-group">
   <label for="logo_placement">
     Logo Placement<br>
@@ -60,17 +54,14 @@
       <option value="bl" {if $row.logo_placement=='bl'} selected="selected"{/if}>Bottom Left</option>
     </select>
 </div>
-
 <div class="form-group">
   <label for="logo_padding">Logo padding</label>
   <input class="form-control" type="text" id="logo_padding" name="logo_padding" value="{$row.logo_padding}" />
 </div>
-
 <div class="form-group">
   <label for="buffer_time">Buffer time</label>
   <input class="form-control" type="text" name="buffer_time" id="buffer_time" value="{$row.buffer_time}" />
 </div>
-
 <div class="form-group">
   <label for="youtube_enabled">
     Play Youtube Video Inside Player<br>
@@ -85,7 +76,6 @@
     No
   </label>
 </div>
-
 <div class="form-group">
   <label for="embed_player_width">
     Embed Player Width<br>
@@ -93,7 +83,6 @@
   </label>
   <input class="form-control" name="embed_player_width" type="text" id="embed_player_width" value="{$row.embed_player_width}" />
 </div>
-
 <div class="form-group">
   <label for="textfield">
     Embed Player Height<br>
@@ -101,7 +90,6 @@
   </label>
   <input class="form-control" name="embed_player_height" type="text" id="textfield" value="{$row.embed_player_height}" />
 </div>
-
 <div class="form-group">
   <label for="autoplay_embed0">
     Autoplay Embed<br>
@@ -114,7 +102,6 @@
     <input type="radio" name="autoplay_embed" value="no" id="autoplay_embed1" {if $row.autoplay_embed=='no'} checked="checked"{/if} />No
   </label>
 </div>
-
 <div class="form-group">
   <label for="pseudostreaming_0">
     Use PseudoStreaming<br>
@@ -122,12 +109,11 @@
   </label>
   <label class="radio">
     <input type="radio" name="pseudostreaming" value="yes" id="pseudostreaming_0"{if $row.pseudostreaming=='yes'} checked="checked"{/if} />Yes
-  </label class="radio">
-  <label>
+      </label>
+  <label class="radio">
     <input type="radio" name="pseudostreaming" value="no" id="pseudostreaming_1" {if $row.pseudostreaming=='no'} checked="checked"{/if} />No
   </label>
 </div>
-
 <div class="form-group">
   <label for="pakplayer_contextmsg">
     Pakplayer Context Menu<br>
@@ -135,63 +121,67 @@
   </label>
   <input class="form-control" type="text" name="pakplayer_contextmsg" id="pakplayer_contextmsg" value="{$row.pakplayer_contextmsg}" />
 </div>
-
 <div class="form-group">
   <input type="submit" class="btn btn-primary" value="Update" name="update" />
 </div>
 
-<div>
+<div class="panel-group" id="accordion">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <h4 class="panel-title alert alert-info">
+                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+                    <b>Click Here to edit main website player size.</b>
+                </a>
+            </h4>
+        </div>
+        <div id="collapseOne" class="panel-collapse collapse in">
+            <div class="panel-body">
+                <div class="ui-widget-content"   style=" width:{$Cbucket->configs.player_width}px; height:{$Cbucket->configs.player_height}px;">
+                    <h3 class="ui-widget-header">Original Size of your Main Website Player</h3>
+                </div>
+                <div class="player_dims">
+                    <label for="width">Width</label>
+                    <input type="text" name="width" id="width" value="{$Cbucket->configs.player_width}" />
+                    <label for="height">Height</label>
+                    <input type="text" name="height" id="height" value="{$Cbucket->configs.player_height}" />
+                </div>
+              </div>
+        </div>
+    </div>
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <h4 class="panel-title alert alert-info">
+                <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
+                   <b> Click here to edit channel player size.</b>
+                </a>
+            </h4>
+        </div>
+        <div id="collapseTwo" class="panel-collapse collapse">
+            <div class="panel-body">
+                <div class="ui-widget-content" style="width:{$Cbucket->configs.channel_player_width}px; height:{$Cbucket->configs.channel_player_height}px; margin:auto">
+                    <h3 class="ui-widget-header">Original Size of your Channel Player</h3>
+                </div>
+                <div class="player_dims">
+                    <label for="width">Width</label>
+                    <input type="text" name="width" id="channel_width" value="{$Cbucket->configs.channel_player_width}" />
+                    <label for="height">Height</label>
+                    <input type="text" name="height" id="channel_height" value="{$Cbucket->configs.channel_player_height}" />
+                </div>
+                </div>
+            </div>
+        </div>
+    </div>
 
 
 
-<p>In order to change player size, resize the box given below..</p>
-<div onclick="toggle_search('website_player');" style="cursor:pointer">
-  Main Website Player Size -
-  <a href="#"> click here to main website player</a>
-</div>
-
-<div class="demo" style="{if $smarty.cookies.website_player_search!='show'}display:none{/if}" id="website_player">
-  <div id="msg_box"></div>
-
-  <div id="resizable" class="ui-widget-content" style="width:{$Cbucket->configs.player_width}px; height:{$Cbucket->configs.player_height}px;">
-    <h3 class="ui-widget-header">Original Size of your Main Website Player</h3>
-  </div>
-  <div class="player_dims"><label for="width">Width</label>
-    <input type="text" name="width" id="width" value="{$Cbucket->configs.player_width}" />
-    <label for="height">Height</label>
-    <input type="text" name="height" id="height" value="{$Cbucket->configs.player_height}" />
-  </div>
-</div>
-
-
-<div onclick="toggle_search('channel_player');" style="cursor:pointer">
-  Channel Player Settings Size -
-  <a href="#">click here to edit channel player settings</a>
-</div>
-
-
-<div  class="demo" style="{if $smarty.cookies.channel_player_search!='show'}display:none{/if}" id="channel_player">
-  <div id="resizable-channel" class="ui-widget-content" style="width:{$Cbucket->configs.channel_player_width}px; height:{$Cbucket->configs.channel_player_height}px; margin:auto">
-  	<h3 class="ui-widget-header">Original Size of your Main Website Player</h3>
-  </div>
-  <div class="player_dims">
-    <label for="width">Width</label>
-    <input type="text" name="width" id="channel_width" value="{$Cbucket->configs.channel_player_width}" />
-    <label for="height">Height</label>
-    <input type="text" name="height" id="channel_height" value="{$Cbucket->configs.channel_player_height}" />
-  </div>
-</div>
-
-</div>
-
 {literal}
 
 <script type="text/javascript">
   function update_player_size(width,height,normal_player,channel_player)
   {
     var page = baseurl+'/actions/update_configs.php';
-    $.post(page, 
-    {   
+    $.post(page,
+    {
       width : width,
       height : height,
       update_player_size : normal_player,
@@ -204,9 +194,9 @@
       else
         $("#msg_box").html('<div style="width:300px; padding:5px; text-align:center; background-color:#0099cc; border-radius:5px; -moz-border-radius:5px; color:#fff">'+data+'</div>');
     },'text');
-  
+
   }
-  
+
   $(function() {
     $("#resizable").resizable({
       maxHeight: 800,
@@ -217,12 +207,12 @@
       resize:function(event,ui){$("#width").val(ui.size.width);$("#height").val(ui.size.height);},
       stop:function(event,ui){update_player_size(ui.size.width,ui.size.height,'yes','')}
     });
-    
+
      $("#width").change(function () {$('#resizable').css("width",this.value+'px') ; update_player_size(this.value,$("#height").val(),'yes','') });
      $("#height").change(function () {$('#resizable').css("height",this.value+'px');  update_player_size($("#width").val(),this.value,'yes','')  });
   });
-  
-  
+
+
   $(function() {
     $("#resizable-channel").resizable({
       maxHeight: 800,
@@ -233,7 +223,7 @@
       resize:function(event,ui){$("#channel_width").val(ui.size.width);$("#channel_height").val(ui.size.height);},
       stop:function(event,ui){update_player_size(ui.size.width,ui.size.height,'','yes')}
     });
-    
+
      $("#channel_width").change(function () {$('#resizable-channel').css("width",this.value+'px') ; update_player_size(this.value,$("#channel_height").val(),'','yes') });
      $("#channel_height").change(function () {$('#resizable-channel').css("height",this.value+'px');  update_player_size($("#channel_width").val(),this.value,'','yes')  });
   });