diff --git a/src/messenger/webim/styles/default/templates/chat.tpl b/src/messenger/webim/styles/default/templates/chat.tpl
index 6a798038..6d35baef 100644
--- a/src/messenger/webim/styles/default/templates/chat.tpl
+++ b/src/messenger/webim/styles/default/templates/chat.tpl
@@ -51,6 +51,14 @@ var threadParams = { servl:"${webimroot}/thread.php",wroot:"${webimroot}",freque
 .isend { background-position:-120px 0px; }
 .iemail { background-position:0px 0px; }
 .iclosewin { background-position:-170px -1px; width: 15px; height: 15px; }
+.tplimageloc {
+	background: transparent url(${webimroot}${url:image.chat.sprite}) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.ilog { background-position: 0px 0px;width: 20px; height: 80px; }
+.imessage { background-position: 0px -82px;width: 20px; height: 85px; }
 </style>
 
 
@@ -156,11 +164,11 @@ ${endif:agent}
 
 					<td style="color:#C9C9C9;font-size:40px;padding:0px 15px 5px 15px">|</td>
 ${if:user}
-				<td><a href="${page:mailLink}" target="_blank" title="${msg:chat.window.toolbar.mail_history}" onclick="this.newWindow = window.open('${page:mailLink}', 'ForwardMail', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=603,height=254,resizable=0'); if (this.newWindow != null) {this.newWindow.focus();this.newWindow.opener=window;}return false;"><img class="tplimage iemail" src="${webimroot}/images/free.gif" border="0" alt="Mail&nbsp;"/></a></td>
+				<td><a href="${page:mailLink}&style=${styleid}" target="_blank" title="${msg:chat.window.toolbar.mail_history}" onclick="this.newWindow = window.open('${page:mailLink}&style=${styleid}', 'ForwardMail', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=603,height=254,resizable=0'); if (this.newWindow != null) {this.newWindow.focus();this.newWindow.opener=window;}return false;"><img class="tplimage iemail" src="${webimroot}/images/free.gif" border="0" alt="Mail&nbsp;"/></a></td>
 ${endif:user}
 ${if:agent}
 ${if:canpost}
-				<td><a href="${page:redirectLink}" title="${msg:chat.window.toolbar.redirect_user}">
+				<td><a href="${page:redirectLink}&style=${styleid}" title="${msg:chat.window.toolbar.redirect_user}">
 				<img class="tplimage isend" src="${webimroot}/images/free.gif" border="0" alt="Redirect&nbsp;" /></a></td>
 ${endif:canpost}
 ${if:historyParams}
@@ -205,7 +213,7 @@ ${endif:agent}
 
 		<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.history}' width="20" height="80" border="0" alt="" /></td>
+	    <td width="20" valign="top"><img class="tplimageloc ilog" src="${webimroot}/images/free.gif" border="0" alt="" /></td>
     	<td colspan="2" width="100%" height="100%" valign="top" id="chatwndtd">
 			<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 			<tr>
@@ -232,7 +240,7 @@ ${if:canpost}
 		</tr>
 
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.message}' width="20" height="85" border="0" alt="" /></td>
+	    <td width="20" valign="top"><img class="tplimageloc imessage" src="${webimroot}/images/free.gif" border="0" alt="" /></td>
 	    ${if:isOpera95}
     	<td width="100%" height="60%" valign="top" id="msgwndtd">
     	${else:isOpera95}
diff --git a/src/messenger/webim/styles/default/templates/chatsimple.tpl b/src/messenger/webim/styles/default/templates/chatsimple.tpl
index 5c8266de..7e3d670c 100644
--- a/src/messenger/webim/styles/default/templates/chatsimple.tpl
+++ b/src/messenger/webim/styles/default/templates/chatsimple.tpl
@@ -101,7 +101,7 @@
 
 		<table width="585" cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${msg:image.chat.history}' width="20" height="80" border="0" alt="History" /></td>
+	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.history}' width="20" height="80" border="0" alt="History" /></td>
     	<td width="565" valign="top" id="chatwndtd">
 			<table width="100%" cellspacing="0" cellpadding="0" border="0">
 			<tr>
@@ -128,7 +128,7 @@
 		</tr>
 
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${msg:image.chat.message}' width="20" height="85" border="0" alt="Message" /></td>
+	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.message}' width="20" height="85" border="0" alt="Message" /></td>
     	<td width="565" valign="top">
 			<table width="100%" cellspacing="0" cellpadding="0" border="0">
 			<tr>
diff --git a/src/messenger/webim/styles/default/templates/leavemessage.tpl b/src/messenger/webim/styles/default/templates/leavemessage.tpl
index dda86421..5f8deac9 100644
--- a/src/messenger/webim/styles/default/templates/leavemessage.tpl
+++ b/src/messenger/webim/styles/default/templates/leavemessage.tpl
@@ -43,6 +43,7 @@
 
 
 <form name="leaveMessageForm" method="post" action="${webimroot}/leavemessage.php">
+<input type="hidden" name="style" value="${styleid}"/>
 <table width="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
 	<td valign="top" height="150" style="padding:5px">
@@ -104,16 +105,16 @@ ${endif:errors}
 		<table cellspacing="1" cellpadding="5" border="0" class="form">
 			<tr>
 				<td class="text">${msg:form.field.email}:</td>
-				<td><input type="text" name="email" size="50" value="" class="username"/></td>
+				<td><input type="text" name="email" size="50" value="${form:email}" class="username"/></td>
 			</tr>
 			<tr>
 				<td class="text">${msg:form.field.name}:</td>
-				<td><input type="text" name="name" size="50" value="" class="username"/></td>
+				<td><input type="text" name="name" size="50" value="${form:name}" class="username"/></td>
 			</tr>
 			<tr>
 				<td class="text">${msg:form.field.message}:</td>
 				<td height="120" valign="top">
-					<textarea name="message" tabindex="0" cols="40" rows="8" style="border:1px solid #878787; overflow:auto"></textarea>
+					<textarea name="message" tabindex="0" cols="40" rows="8" style="border:1px solid #878787; overflow:auto">${form:message}</textarea>
 				</td>
 			</tr>
 			<tr>
diff --git a/src/messenger/webim/styles/default/templates/mail.tpl b/src/messenger/webim/styles/default/templates/mail.tpl
index b12d1b1e..3d808ce9 100644
--- a/src/messenger/webim/styles/default/templates/mail.tpl
+++ b/src/messenger/webim/styles/default/templates/mail.tpl
@@ -32,7 +32,7 @@
 <tr>
 	<td valign="top" style="padding: 5px;">
 
-		<form name="mailThreadForm" method="post" action="${webimroot}/mail.php">
+		<form name="mailThreadForm" method="post" action="${webimroot}/mail.php"><input type="hidden" name="style" value="${styleid}"/>
 		<input type="hidden" name="thread" value="${page:ct.chatThreadId}"/><input type="hidden" name="token" value="${page:ct.token}"/><input type="hidden" name="level" value="${page:level}"/>
 
 		<table width="100%" cellspacing="0" cellpadding="0" border="0">
diff --git a/src/messenger/webim/styles/original/images/buttons/back.gif b/src/messenger/webim/styles/original/images/buttons/back.gif
deleted file mode 100644
index 80049070..00000000
Binary files a/src/messenger/webim/styles/original/images/buttons/back.gif and /dev/null differ
diff --git a/src/messenger/webim/styles/original/images/wincrnlb.gif b/src/messenger/webim/styles/original/images/wincrnlb.gif
deleted file mode 100644
index 91cd3482..00000000
Binary files a/src/messenger/webim/styles/original/images/wincrnlb.gif and /dev/null differ
diff --git a/src/messenger/webim/styles/original/images/wincrnlt.gif b/src/messenger/webim/styles/original/images/wincrnlt.gif
deleted file mode 100644
index 5604fbb5..00000000
Binary files a/src/messenger/webim/styles/original/images/wincrnlt.gif and /dev/null differ
diff --git a/src/messenger/webim/styles/original/images/wincrnrb.gif b/src/messenger/webim/styles/original/images/wincrnrb.gif
deleted file mode 100644
index 36b10367..00000000
Binary files a/src/messenger/webim/styles/original/images/wincrnrb.gif and /dev/null differ
diff --git a/src/messenger/webim/styles/original/images/wincrnrt.gif b/src/messenger/webim/styles/original/images/wincrnrt.gif
deleted file mode 100644
index 0bcfdbea..00000000
Binary files a/src/messenger/webim/styles/original/images/wincrnrt.gif and /dev/null differ
diff --git a/src/messenger/webim/styles/original/templates/chat.tpl b/src/messenger/webim/styles/original/templates/chat.tpl
index 21ba45ae..626195f2 100644
--- a/src/messenger/webim/styles/original/templates/chat.tpl
+++ b/src/messenger/webim/styles/original/templates/chat.tpl
@@ -30,6 +30,14 @@ var threadParams = { servl:"${webimroot}/thread.php",wroot:"${webimroot}",freque
 .ibuttondiv { background-position:-73px -2px; width: 35px; height: 45px;}
 .isubmit { background-position:-108px 0px; width: 40px; height: 35px; }
 .isubmitrest { background-position:-139px 0px; width: 10px; height: 35px;}
+.tplimageloc {
+	background: transparent url(${webimroot}${url:image.chat.sprite}) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.ilog { background-position: 0px 0px;width: 20px; height: 80px; }
+.imessage { background-position: 0px -82px;width: 20px; height: 85px; }
 </style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 
@@ -151,11 +159,11 @@ ${endif:agent}
 
 			    <td><img class="tplimage ibuttondiv" src="${webimroot}/images/free.gif" border="0" alt="" /></td>
 ${if:user}
-				<td><a href="${page:mailLink}" target="_blank" title="${msg:chat.window.toolbar.mail_history}" onclick="this.newWindow = window.open('${page:mailLink}', 'ForwardMail', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=603,height=254,resizable=0'); if (this.newWindow != null) {this.newWindow.focus();this.newWindow.opener=window;}return false;"><img class="tplimage iemail" src="${webimroot}/images/free.gif" border="0" alt="Mail&nbsp;"/></a></td>
+				<td><a href="${page:mailLink}&style=${styleid}" target="_blank" title="${msg:chat.window.toolbar.mail_history}" onclick="this.newWindow = window.open('${page:mailLink}&style=${styleid}', 'ForwardMail', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,width=603,height=254,resizable=0'); if (this.newWindow != null) {this.newWindow.focus();this.newWindow.opener=window;}return false;"><img class="tplimage iemail" src="${webimroot}/images/free.gif" border="0" alt="Mail&nbsp;"/></a></td>
 ${endif:user}
 ${if:agent}
 ${if:canpost}
-				<td><a href="${page:redirectLink}" title="${msg:chat.window.toolbar.redirect_user}">
+				<td><a href="${page:redirectLink}&style=${styleid}" title="${msg:chat.window.toolbar.redirect_user}">
 				<img class="tplimage isend" src="${webimroot}/images/free.gif" border="0" alt="Redirect&nbsp;" /></a></td>
 ${endif:canpost}
 ${if:historyParams}
@@ -195,7 +203,7 @@ ${endif:agent}
 
 		<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.history}' width="20" height="80" border="0" alt="" /></td>
+	    <td width="20" valign="top"><img class="tplimageloc ilog" src="${webimroot}/images/free.gif" border="0" alt="" /></td>
     	<td colspan="2" width="100%" height="100%" valign="top" id="chatwndtd">
 			<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 			<tr>
@@ -222,7 +230,7 @@ ${if:canpost}
 		</tr>
 
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.message}' width="20" height="85" border="0" alt="" /></td>
+	    <td width="20" valign="top"><img class="tplimageloc imessage" src="${webimroot}/images/free.gif" border="0" alt="" /></td>
 	    ${if:isOpera95}
     	<td width="100%" height="60%" valign="top" id="msgwndtd">
     	${else:isOpera95}
diff --git a/src/messenger/webim/styles/original/templates/chatsimple.tpl b/src/messenger/webim/styles/original/templates/chatsimple.tpl
index ae1a349b..c56d113a 100644
--- a/src/messenger/webim/styles/original/templates/chatsimple.tpl
+++ b/src/messenger/webim/styles/original/templates/chatsimple.tpl
@@ -101,7 +101,7 @@
 
 		<table width="585" cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${msg:image.chat.history}' width="20" height="80" border="0" alt="History" /></td>
+	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.history}' width="20" height="80" border="0" alt="History" /></td>
     	<td width="565" valign="top" id="chatwndtd">
 			<table width="100%" cellspacing="0" cellpadding="0" border="0">
 			<tr>
@@ -128,7 +128,7 @@
 		</tr>
 
 		<tr>
-	    <td width="20" valign="top"><img src='${webimroot}${msg:image.chat.message}' width="20" height="85" border="0" alt="Message" /></td>
+	    <td width="20" valign="top"><img src='${webimroot}${url:image.chat.message}' width="20" height="85" border="0" alt="Message" /></td>
     	<td width="565" valign="top">
 			<table width="100%" cellspacing="0" cellpadding="0" border="0">
 			<tr>
diff --git a/src/messenger/webim/styles/original/templates/error.tpl b/src/messenger/webim/styles/original/templates/error.tpl
index f77cd5ee..c97d7b66 100644
--- a/src/messenger/webim/styles/original/templates/error.tpl
+++ b/src/messenger/webim/styles/original/templates/error.tpl
@@ -5,6 +5,19 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
@@ -24,9 +37,9 @@
 <td>
 
 	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tr>
-    <td width="15"><img src='${tplroot}/images/wincrnlt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td width="15"><img src='${tplroot}/images/wincrnrt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr><tr><td height="100%" bgcolor="#FED840"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy">
 
@@ -34,9 +47,9 @@
 
 
 	</td><td bgcolor="#E8A400"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-	</tr><tr><td><img src='${tplroot}/images/wincrnlb.gif' width="15" height="15" border="0" alt="" /></td>
+	</tr><tr><td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td><img src='${tplroot}/images/wincrnrb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 	</table>
 
@@ -53,7 +66,7 @@
     <td width="100%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.close();" title="${msg:chat.error_page.close}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.close();" title="${msg:chat.error_page.close}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.close();" title="${msg:chat.error_page.close}">${msg:chat.error_page.close}</a></td>
 		</tr>
diff --git a/src/messenger/webim/styles/original/templates/leavemessage.tpl b/src/messenger/webim/styles/original/templates/leavemessage.tpl
index 8457ab56..1dbddc26 100644
--- a/src/messenger/webim/styles/original/templates/leavemessage.tpl
+++ b/src/messenger/webim/styles/original/templates/leavemessage.tpl
@@ -27,7 +27,7 @@
 <td valign="top">
 
 <form name="leaveMessageForm" method="post" action="${webimroot}/leavemessage.php">
-
+<input type="hidden" name="style" value="${styleid}"/>
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr><td colspan="3" height="15"></td></tr>
 <tr>
diff --git a/src/messenger/webim/styles/original/templates/leavemessagesent.tpl b/src/messenger/webim/styles/original/templates/leavemessagesent.tpl
index b37757b4..c53f3bd3 100644
--- a/src/messenger/webim/styles/original/templates/leavemessagesent.tpl
+++ b/src/messenger/webim/styles/original/templates/leavemessagesent.tpl
@@ -5,6 +5,19 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
@@ -25,9 +38,9 @@
 
 	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 	<tr>
-    <td width="15"><img src='${tplroot}/images/wincrnlt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td width="15"><img src='${tplroot}/images/wincrnrt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 
 	<tr>
@@ -40,9 +53,9 @@
 	</tr>
 
 	<tr>
-    <td><img src='${tplroot}/images/wincrnlb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td><img src='${tplroot}/images/wincrnrb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 	</table>
 
@@ -59,7 +72,7 @@
     <td width="100%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.close();" title="${msg:chat.mailthread.sent.close}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.close();" title="${msg:chat.mailthread.sent.close}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.close();" title="${msg:chat.mailthread.sent.close}">${msg:chat.mailthread.sent.close}</a></td>
 		</tr>
diff --git a/src/messenger/webim/styles/original/templates/mail.tpl b/src/messenger/webim/styles/original/templates/mail.tpl
index fa652626..499dd036 100644
--- a/src/messenger/webim/styles/original/templates/mail.tpl
+++ b/src/messenger/webim/styles/original/templates/mail.tpl
@@ -5,12 +5,28 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.ierricon { background-position:0px 0px; width: 40px; height: 40px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+.isubmit { background-position:0px -39px; width: 40px; height: 35px; }
+.isubmitrest { background-position:-31px -39px; width: 10px; height: 35px;}
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
 <td valign="top">
 
-<form name="mailThreadForm" method="post" action="${webimroot}/mail.php">
+<form name="mailThreadForm" method="post" action="${webimroot}/mail.php"><input type="hidden" name="style" value="${styleid}"/>
 <input type="hidden" name="thread" value="${page:ct.chatThreadId}"/><input type="hidden" name="token" value="${page:ct.token}"/><input type="hidden" name="level" value="${page:level}"/>
 
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
@@ -26,7 +42,7 @@
 ${if:errors}
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td valign="top"><img src='${webimroot}/images/icon_err.gif' width="40" height="40" border="0" alt="" /></td>
+	    <td valign="top"><img class="tplimage ierricon" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	    <td width="10"></td>
 	    <td class="text">
 		    ${errors}
@@ -41,13 +57,13 @@ ${endif:errors}
 <td height="60"></td>
 <td>
 
-	<table cellspacing="0" cellpadding="0" border="0"><tr><td width="15"><img src="${tplroot}/images/wincrnlt.gif" width="15" height="15" border="0" alt="" /></td><td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td width="15"><img src="${tplroot}/images/wincrnrt.gif" width="15" height="15" border="0" alt="" /></td></tr><tr><td height="100%" bgcolor="#FED840"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td background="${tplroot}/images/winbg.gif" class="bgcy"><table cellspacing="0" cellpadding="0" border="0">
+	<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td><td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td></tr><tr><td height="100%" bgcolor="#FED840"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td background="${tplroot}/images/winbg.gif" class="bgcy"><table cellspacing="0" cellpadding="0" border="0">
 		<tr>
 	    <td class="text">${msg:mailthread.enter_email}</td>
 	    <td width="10"></td>
 	    <td><input type="text" name="email" size="20" value="${form:email}" class="username"/></td>
 		</tr>
-	</table></td><td bgcolor="#E8A400"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td></tr><tr><td><img src="${tplroot}/images/wincrnlb.gif" width="15" height="15" border="0" alt="" /></td><td background="${tplroot}/images/winbg.gif" class="bgcy"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td><img src="${tplroot}/images/wincrnrb.gif" width="15" height="15" border="0" alt=""/></td></tr></table>
+	</table></td><td bgcolor="#E8A400"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td></tr><tr><td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td><td background="${tplroot}/images/winbg.gif" class="bgcy"><img src="${webimroot}/images/free.gif" width="1" height="1" border="0" alt="" /></td><td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td></tr></table>
 
 </td>
 <td></td>
@@ -62,19 +78,19 @@ ${endif:errors}
     <td width="50%">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:document.mailThreadForm.submit();" title="${msg:mailthread.perform}"><img src='${webimroot}/images/submit.gif' width="40" height="35" border="0" alt="" /></a></td>
+	    <td><a href="javascript:document.mailThreadForm.submit();" title="${msg:mailthread.perform}"><img class="tplimage isubmit" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td background="${webimroot}/images/submitbg.gif" valign="top" class="submit">
 			<img src='${webimroot}/images/free.gif' width="1" height="10" border="0" alt="" /><br>
 			<a href="javascript:document.mailThreadForm.submit();" title="${msg:mailthread.perform}">${msg:mailthread.perform}</a><br>
 		</td>
-	    <td width="10"><a href="javascript:document.mailThreadForm.submit();" title="${msg:mailthread.perform}"><img src='${webimroot}/images/submitrest.gif' width="10" height="35" border="0" alt="" /></a></td>
+	    <td width="10"><a href="javascript:document.mailThreadForm.submit();" title="${msg:mailthread.perform}"><img class="tplimage isubmitrest" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 		</tr>
 		</table>
 	</td>
     <td width="50%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.close();" title="${msg:mailthread.close}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.close();" title="${msg:mailthread.close}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.close();" title="${msg:mailthread.close}">${msg:mailthread.close}</a></td>
 		</tr>
diff --git a/src/messenger/webim/styles/original/templates/mailsent.tpl b/src/messenger/webim/styles/original/templates/mailsent.tpl
index f78646bd..b509892f 100644
--- a/src/messenger/webim/styles/original/templates/mailsent.tpl
+++ b/src/messenger/webim/styles/original/templates/mailsent.tpl
@@ -5,6 +5,19 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
@@ -25,9 +38,9 @@
 
 	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 	<tr>
-    <td width="15"><img src='${tplroot}/images/wincrnlt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td width="15"><img src='${tplroot}/images/wincrnrt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 
 	<tr>
@@ -42,9 +55,9 @@
 	</tr>
 
 	<tr>
-    <td><img src='${tplroot}/images/wincrnlb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td><img src='${tplroot}/images/wincrnrb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 	</table>
 
@@ -61,7 +74,7 @@
     <td width="100%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.close();" title="${msg:chat.mailthread.sent.close}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.close();" title="${msg:chat.mailthread.sent.close}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.close();" title="${msg:chat.mailthread.sent.close}">${msg:chat.mailthread.sent.close}</a></td>
 		</tr>
diff --git a/src/messenger/webim/styles/original/templates/nochat.tpl b/src/messenger/webim/styles/original/templates/nochat.tpl
index 32b076b5..58c3d0f2 100644
--- a/src/messenger/webim/styles/original/templates/nochat.tpl
+++ b/src/messenger/webim/styles/original/templates/nochat.tpl
@@ -5,6 +5,19 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
@@ -23,9 +36,9 @@
 <td>
 
 	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tr>
-    <td width="15"><img src='${tplroot}/images/wincrnlt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td width="15"><img src='${tplroot}/images/wincrnrt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr><tr><td height="100%" bgcolor="#FED840"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy">
 
@@ -33,9 +46,9 @@
 		${msg:page.chat.old_browser.list}
 
 	</td><td bgcolor="#E8A400"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-	</tr><tr><td><img src='${tplroot}/images/wincrnlb.gif' width="15" height="15" border="0" alt="" /></td>
+	</tr><tr><td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td><img src='${tplroot}/images/wincrnrb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 	</table>
 
@@ -52,7 +65,7 @@
     <td width="100%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.close();" title="${msg:page.chat.old_browser.close}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.close();" title="${msg:page.chat.old_browser.close}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.close();" title="${msg:page.chat.old_browser.close}">${msg:page.chat.old_browser.close}</a></td>
 		</tr>
diff --git a/src/messenger/webim/styles/original/templates/redirect.tpl b/src/messenger/webim/styles/original/templates/redirect.tpl
index 1df7ffd4..7a4f25ee 100644
--- a/src/messenger/webim/styles/original/templates/redirect.tpl
+++ b/src/messenger/webim/styles/original/templates/redirect.tpl
@@ -5,6 +5,19 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
@@ -34,9 +47,9 @@
 
 	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 	<tr>
-    <td width="15"><img src='${tplroot}/images/wincrnlt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td width="15"><img src='${tplroot}/images/wincrnrt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 
 	<tr>
@@ -60,9 +73,9 @@
 	</tr>
 
 	<tr>
-    <td><img src='${tplroot}/images/wincrnlb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td><img src='${tplroot}/images/wincrnrb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 	</table>
 
@@ -82,7 +95,7 @@
     <td width="50%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.back();" title="${msg:chat.redirect.back}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.back();" title="${msg:chat.redirect.back}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.back();" title="${msg:chat.redirect.back}">${msg:chat.redirect.back}</a></td>
 		</tr>
diff --git a/src/messenger/webim/styles/original/templates/redirected.tpl b/src/messenger/webim/styles/original/templates/redirected.tpl
index c019b601..62ef7d35 100644
--- a/src/messenger/webim/styles/original/templates/redirected.tpl
+++ b/src/messenger/webim/styles/original/templates/redirected.tpl
@@ -5,6 +5,19 @@
 <link rel="shortcut icon" href="${webimroot}/images/favicon.ico" type="image/x-icon"/>
 <link rel="stylesheet" type="text/css" href="${webimroot}/chat.css" />
 </head>
+<style>
+.tplimage {
+	background: transparent url(${tplroot}/images/wmfrm.png) no-repeat scroll 0px 0px;
+	-moz-background-clip: -moz-initial; 
+	-moz-background-origin: -moz-initial; 
+	-moz-background-inline-policy: -moz-initial;
+}
+.icrnlb { background-position:-40px -15px; width: 15px; height: 15px; }
+.icrnlt { background-position:-40px 0px; width: 15px; height: 15px; }
+.icrnrb { background-position:-55px -15px; width: 15px; height: 15px; }
+.icrnrt { background-position:-55px 0px; width: 15px; height: 15px; }
+.iback { background-position:-41px -30px; width: 25px; height: 26px; }
+</style>
 <body bgcolor="#FFFFFF" background="${tplroot}/images/bg.gif" text="#000000" link="#C28400" vlink="#C28400" alink="#C28400" marginwidth="0" marginheight="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
 <table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
@@ -25,9 +38,9 @@
 
 	<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
 	<tr>
-    <td width="15"><img src='${tplroot}/images/wincrnlt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnlt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td width="100%" background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td width="15"><img src='${tplroot}/images/wincrnrt.gif' width="15" height="15" border="0" alt="" /></td>
+    <td width="15"><img class="tplimage icrnrt" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 
 	<tr>
@@ -42,9 +55,9 @@
 	</tr>
 
 	<tr>
-    <td><img src='${tplroot}/images/wincrnlb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnlb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	<td background="${tplroot}/images/winbg.gif" class="bgcy"><img src='${webimroot}/images/free.gif' width="1" height="1" border="0" alt="" /></td>
-    <td><img src='${tplroot}/images/wincrnrb.gif' width="15" height="15" border="0" alt="" /></td>
+    <td><img class="tplimage icrnrb" src="${webimroot}/images/free.gif" border="0" alt=""/></td>
 	</tr>
 	</table>
 
@@ -61,7 +74,7 @@
     <td width="100%" align="right">
 		<table cellspacing="0" cellpadding="0" border="0">
 		<tr>
-	    <td><a href="javascript:window.close();" title="${msg:chat.redirected.close}"><img src='${tplroot}/images/buttons/back.gif' width="25" height="25" border="0" alt="" /></a></td>
+	    <td><a href="javascript:window.close();" title="${msg:chat.redirected.close}"><img class="tplimage iback" src="${webimroot}/images/free.gif" border="0" alt=""/></a></td>
 	    <td width="5"></td>
 	    <td class="button"><a href="javascript:window.close();" title="${msg:chat.redirected.close}">${msg:chat.redirected.close}</a></td>
 		</tr>