Add an overlay error icon above the protocol icon in case of connection error in the account manager.

im/base/content/instantbird/account.xml

@@ -71,9 +71,12 @@
            <xul:spacer flex="1"/>
           </xul:vbox>
           <xul:vbox align="center">
+            <xul:stack>
               <xul:image xbl:inherits="src=prplicon" class="accountIcon"/>
               <xul:image xbl:inherits="src=prplicon" class="accountIconAnim"
                          anonid="prplicon"/>
+              <xul:image src="chrome://instantbird/skin/accountError.png" class="errorIcon"/>
+            </xul:stack>
             <xul:label xbl:inherits="value=protocol" class="prplName"/>
           </xul:vbox>
         </xul:hbox>

im/base/content/instantbird/accounts.css

@@ -48,6 +48,7 @@ richlistitem:not([state="connecting"]) .connecting,
 richlistitem:not([state="disconnected"]) .disconnected,
 richlistitem:not([state="disconnecting"]) .disconnecting,
 richlistitem:not([error="true"]) .error,
+richlistitem:not([error="true"]) .errorIcon,
 richlistitem:not([state="disconnected"]) .error,
 richlistitem[error="true"] .disconnected,
 richlistitem:not([state="disconnected"]) .connectButton,
@@ -56,4 +57,3 @@ richlistitem[state="disconnecting"] .disconnectButton
 {
   display: none;
 }
-

im/themes/winstripe/instantbird/accounts.css

@@ -121,7 +121,8 @@ richlistitem:not([alias]) .accountAliasBox {
 }
 
 .accountIcon,
-.accountIconAnim {
+.accountIconAnim,
+.errorIcon {
   -moz-margin-end: 5px; 
   -moz-margin-start: 5px;
   width: 32px;

im/themes/winstripe/instantbird/jar.mn

@@ -1,6 +1,7 @@
 classic.jar:
 % skin instantbird classic/1.0 %skin/winstripe/instantbird/
 	skin/winstripe/instantbird/account.css
+	skin/winstripe/instantbird/accountError.png
 	skin/winstripe/instantbird/accounts.css
 *	skin/winstripe/instantbird/accountWizard.css
 	skin/winstripe/instantbird/away-16.png