+.handler-type {
+ padding: 1px;
+}
+
+.handler-action > .listcell-icon,
+.handler-type > .listcell-icon {
+ margin: 0px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 5px;
+ height: 16px;
+ width: 16px;
+}
+
+.handler-action > .listcell-label,
+.handler-type > .listcell-label {
+ padding: 0;
+}
+
+.actionsMenu {
+ margin: 0;
+}
+
+.actionsMenu > .menulist-label-box {
+ padding: 1px;
+ -moz-padding-start: 0;
+}
+
+.actionsMenu > .menulist-label-box > .menulist-icon {
+ margin: 0 2px;
+ height: 16px;
+ width: 16px;
+}
+
+.handler-action > .menu-iconic-left {
+ padding: 1px;
+ -moz-margin-start: 2px !important;
+ -moz-margin-end: 5px !important;
+
+ /**
+ * Make the icons appear.
+ * Note: we display the icon box for every item whether or not it has an icon
+ * so the labels of all the items align vertically.
+ */
+ display: -moz-box;
+ min-width: 16px;
+}
+
+.handler-action > .menu-iconic-left > .menu-iconic-icon {
+ height: 16px;
+ width: 16px;
+}
+
+/* Set icons on app pane elements */
+
+.handler-action[appHandlerIcon="app"] {
+ list-style-image: url("chrome://communicator/skin/icons/application.png");
+}
+
+.handler-action[appHandlerIcon="ask"] {
+ list-style-image: url("chrome://communicator/skin/icons/alwaysAsk.png");
+}
+
+.handler-action[appHandlerIcon="save"] {
+ list-style-image: url("chrome://communicator/skin/icons/save.png");
+}
+
+.handler-action[appHandlerIcon="feed"] {
+ list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
+}
+
+.handler-action[appHandlerIcon="plugin"] {
+ list-style-image: url("chrome://communicator/skin/icons/plugin.png");
+}
+
+.handler-type[typeClass="unknown"] {
+ list-style-image: url("moz-icon://goat?size=16");
+}
+
+.handler-type[typeClass="webFeed"],
+.handler-type[typeClass="videoPodcastFeed"],
+.handler-type[typeClass="audioPodcastFeed"] {
+ list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
+}
+
+/* ::::: Sync ::::: */
+
+#syncDesc {
+ padding: 0 12em;
+}