Implemented new channel switcher UI.

chrome/browser/resources/help/help.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 body {
   -webkit-user-select: text;
 }
 
+#overlay {
+  z-index: 5;
+}
+
+#overlay .page:not(.showing) {
+  display: none;
+}
+
 #about-container {
   -webkit-box-align: center;
   display: -webkit-box;
   margin-top: 10px;
 }
 
 #product-description {
   -webkit-margin-start: 10px;
 }
 
@@ skipping 24 matching lines @@
 
 #help-container {
   margin-top: 16px;
 }
 
 #product-container {
   line-height: 1.8em;
   margin-top: 200px;
 }
 
-#update-status-icon {
+.help-page-icon,
+.help-page-icon-large {
   background-repeat: no-repeat;
   display: inline-block;
-  height: 17px;
   margin-right: 4px;
   vertical-align: top;
+}
+
+.help-page-icon {
+  height: 17px;
   width: 17px;
 }
 
+.help-page-icon-large {
+  height: 22px;
+  width: 22px;
+}
+
 #update-status-icon.up-to-date {
   background-image: url('chrome://theme/IDR_UPDATE_UPTODATE');
   background-size: 17px;
 }
 
 #update-status-icon.working {
   background-image: url('chrome://resources/images/throbber.svg');
 }
 
 #update-status-icon.failed {
@@ skipping 21 matching lines @@
   overflow: hidden;
 }
 
 #build-date-container.empty {
   visibility: hidden;
 }
 
 #channel-change-confirmation {
   margin-top: 5px;
 }
+
+#change-channel {
+  margin-top: 8px;
+}
+
+#channel-change-disallowed-icon {
+  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY');
+  background-size: 17px;
+  margin-left: 4px;
+  vertical-align: middle;
+}
+
+.channel-change-error-bubble {
+  display: -webkit-box;
+}
+
+.channel-change-error-icon {
+  background-image:
+  url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE');

[Nikita (slow), 2013/06/21 12:21:33]

nit: 4 spaces indent I guess

[ygorshenin1, 2013/06/21 17:24:58]

Done.

+  background-size: 22px;
+  margin-left: 4px;
+  vertical-align: top;
+}
+
+.channel-change-error-text {
+  display: block;
+  margin-left: 4px;
+  vertical-align: top;
+}