atpay_buttons 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,109 @@
1
+ require 'liquid'
2
+ require 'active_support/number_helper'
3
+ require 'uri'
4
+
5
+ module AtPay
6
+ module Button
7
+ class Template
8
+ include ActiveSupport::NumberHelper
9
+
10
+ # Requires destination and email in addition to this, which should just be strings...
11
+ def initialize(options)
12
+ @options = {
13
+ :subject => "Submit @Pay Payment",
14
+ :title => "Pay",
15
+ :color => "#6dbe45",
16
+ :image => "https://www.atpay.com/wp-content/themes/atpay/images/bttn_cart.png",
17
+ :processor => "transaction@secure.atpay.com",
18
+ :templates => File.join(File.dirname(__FILE__), "/templates"),
19
+ :wrap => false
20
+ }.update(options)
21
+ end
22
+
23
+ def render(args={})
24
+ @options.update args
25
+
26
+ template.render({
27
+ 'url' => default_mailto,
28
+ 'outlook_url' => outlook_mailto,
29
+ 'yahoo_url' => yahoo_mailto,
30
+ 'content' => amount,
31
+ 'dollar' => amount.match(/\$\d+(?=\.)/).to_s,
32
+ 'cents' => amount.match(/(?<=\.)[^.]*/).to_s,
33
+ }.update(string_hash @options))
34
+ end
35
+
36
+ private
37
+ def amount
38
+ number_to_currency(@options[:amount])
39
+ end
40
+
41
+ def string_hash(hsh)
42
+ hsh.inject({}) do |result, key|
43
+ result[key[0].to_s] = key[1]
44
+ result
45
+ end
46
+ end
47
+
48
+ def provider
49
+ if ["yahoo.com", "ymail.com", "rocketmail.com"].any? { |c| @options[:email].include? c }
50
+ :yahoo
51
+ else
52
+ :default
53
+ end
54
+ end
55
+
56
+ def mailto_subject
57
+ URI::encode(@options[:subject])
58
+ end
59
+
60
+ def yahoo_mailto
61
+ "http://compose.mail.yahoo.com/?to=#{@options[:processor]}&subject=#{mailto_subject}&body=#{mailto_body}"
62
+ end
63
+
64
+ def outlook_mailto
65
+ "https://www.hotmail.com/secure/start?action=compose&to=#{@options[:processor]}&subject=#{mailto_subject}&body=#{mailto_body}"
66
+ end
67
+
68
+ def default_mailto
69
+ "mailto:#{@options[:processor]}?subject=#{mailto_subject}&body=#{mailto_body}"
70
+ end
71
+
72
+ # Load the mailto body template from the specified location
73
+ def mailto_body_template
74
+ Liquid::Template.parse(File.read(File.join(@options[:templates], "mailto_body.liquid")))
75
+ end
76
+
77
+ # Parse the mailto body, this is where we inject the token, name and amount values we received in
78
+ # the options.
79
+ #
80
+ # @return [String]
81
+ def mailto_body
82
+ URI::encode(mailto_body_template.render({
83
+ 'amount' => amount,
84
+ 'name' => @options[:destination],
85
+ 'token' => @options[:token]
86
+ }))
87
+ end
88
+
89
+ # This is processed as liquid - in the future we can allow overwriting the
90
+ # template here and creating custom buttons.
91
+ def template
92
+ Liquid::Template.parse(template_content)
93
+ end
94
+
95
+ # Determine which template to load based on the domain of the email address.
96
+ # This preserves the mailto behavior across email environments.
97
+ def template_content
98
+ wrap_prefix = @options[:wrap] ? "wrap_" : ""
99
+
100
+ case provider
101
+ when :yahoo
102
+ File.read(File.join(@options[:templates], "#{wrap_prefix}yahoo.liquid"))
103
+ when :default
104
+ File.read(File.join(@options[:templates], "#{wrap_prefix}default.liquid"))
105
+ end
106
+ end
107
+ end
108
+ end
109
+ end
@@ -0,0 +1,102 @@
1
+ <style>
2
+ .ExternalClass a.outlook {display:inline; display: inline !important;font-size: 20px !important;}
3
+ .ExternalClass a.outlooksm {display:inline; display: inline !important;font-size: 12px !important;}
4
+ .ExternalClass a.not_outlook {display:none; display: none !important;}
5
+ .ExternalClass a.outlook table {background-color:#6dbe45 !important; font-size:10px !important; }
6
+ .ExternalClass a.outlook table td.main {width:145px !important; padding:3px 5px 5px 5px !important;}
7
+ .ExternalClass a.outlook table td img {width:auto !important; height: 39px !important; margin-left: 5px !important; margin-right:10px !important; margin-top:8px !important;}
8
+ .ExternalClass a.outlook table.sub {width: auto !important; height: auto !important;}
9
+ .ExtenralClass a.outlook td.title {font-size: 11px !important ; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;}
10
+ .ExternalClass a.outlook table.subB{float:left; margin:0; margin-left:5px !important;}
11
+ </style>
12
+ <center>
13
+
14
+ <a border='0' class='not_outlook' href='{{url}}' style='text-underline:none;'>
15
+ <table border='0' cellpadding='0' cellspacing='0' style='background-color:#6dbe45;'>
16
+ <tr class='main'>
17
+ <td class='main' style='padding:3px 5px 5px 5px;' width='145'>
18
+ <table>
19
+ <tr>
20
+ <td>
21
+ <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
22
+ <img src='{{image}}' style='margin-left: 5px; margin-right:10px; margin-top:8px;'>
23
+ </a>
24
+ </td>
25
+ <td>
26
+ <table border='0' cellpadding='0' cellspacing='0' style='float:left; margin:0; margin-left:5px;'>
27
+ <tr>
28
+ <td style='font-size: 11px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
29
+ {{title}}
30
+ </td>
31
+ </tr>
32
+ <tr>
33
+ <td>
34
+ <table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
35
+ <tr>
36
+ <td style='padding:0; margin:0; font-size: 20px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:25px;' valign='top'>
37
+ <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
38
+ {{dollar}}
39
+ </a>
40
+ </td>
41
+ <td style='padding:0; margin:0; font-size:14px; text-decoration:underline;padding-left:2px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
42
+ <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
43
+ {{cents}}
44
+ </a>
45
+ </td>
46
+ </tr>
47
+ </table>
48
+ </td>
49
+ </tr>
50
+ </table>
51
+ </td>
52
+ </tr>
53
+ </table>
54
+ </td>
55
+ </tr>
56
+ </table>
57
+ </a>
58
+ <a border='0' class='outlook' href='{{outlook_url}}' style='text-underline:none; font-size:0px; width:0px; height: 0px;'>
59
+ <table border='0' cellpadding='0' cellspacing='0' height='0' style='background-color:#ffffff; overflow: hidden; font-size: 0px; ' width='0'>
60
+ <tr class='main'>
61
+ <td class='main' style='padding: 0px;' width='0'>
62
+ <table border='0' cellpadding='0' cellspacing='0' class='sub' height='' style='background-color:#ffffff; overflow: hidden;' width=''>
63
+ <tr>
64
+ <td style='line-height:1px;'>
65
+ <a class='outlook' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
66
+ <img height='1' src='{{image}}' style='text-indent:-9999px; margin: 0px; width:1px; height:1px' width='1'>
67
+ </a>
68
+ </td>
69
+ <td>
70
+ <table border='0' cellpadding='0' cellspacing='0' class='subB' style='float:left; margin:0; margin-left:0px;'>
71
+ <tr>
72
+ <td class='title' style='font-size: 0px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
73
+ {{title}}
74
+ </td>
75
+ </tr>
76
+ <tr>
77
+ <td>
78
+ <table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
79
+ <tr>
80
+ <td style='padding:0; margin:0; font-size: 0px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:0px;' valign='top'>
81
+ <a class='outlook' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
82
+ {{dollar}}
83
+ </a>
84
+ </td>
85
+ <td style='padding:0; margin:0; font-size:0px; text-decoration:underline;padding-left:0px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
86
+ <a class='outlooksm' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
87
+ {{cents}}
88
+ </a>
89
+ </td>
90
+ </tr>
91
+ </table>
92
+ </td>
93
+ </tr>
94
+ </table>
95
+ </td>
96
+ </tr>
97
+ </table>
98
+ </td>
99
+ </tr>
100
+ </table>
101
+ </a>
102
+ </center>
@@ -0,0 +1 @@
1
+ Please press send to complete your transaction. Thank you for your payment of {{amount}}. Your receipt will be emailed to you shortly. Here is the ID code that will expedite your transaction {{token}}
@@ -0,0 +1,160 @@
1
+ <!-- regular template with wrap -->
2
+ <style>
3
+ .ExternalClass a.outlook {display:inline; display: inline !important;font-size: 20px !important;}
4
+ .ExternalClass a.outlooksm {display:inline; display: inline !important;font-size: 12px !important;}
5
+ .ExternalClass a.not_outlook {display:none; display: none !important;}
6
+ .ExternalClass a.outlook table {background-color:#6dbe45 !important; font-size:10px !important; }
7
+ .ExternalClass a.outlook table td.main {width:145px !important; padding:3px 5px 5px 5px !important;}
8
+ .ExternalClass a.outlook table td img {width:auto !important; height: 39px !important; margin-left: 5px !important; margin-right:10px !important; margin-top:8px !important;}
9
+ .ExternalClass a.outlook table.sub {width: auto !important; height: auto !important;}
10
+ .ExtenralClass a.outlook td.title {font-size: 11px !important ; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;}
11
+ .ExternalClass a.outlook table.subB{float:left; margin:0; margin-left:5px !important;}
12
+ </style>
13
+
14
+
15
+ <center>
16
+ <table cellpadding='0' cellspacing='0' style='margin-bottom:20px;'>
17
+ <tr>
18
+ <td>
19
+ <table style='margin: auto; margin-bottom:5px; font-family: Lato; padding-bottom:10px; position:relative; padding-left:5px; padding-right:10px; margin-bottom:0px; margin-top:5px; padding:10px;padding-top:0; border-left: 1px solid #e4e2e2; border-top: 1px solid #e4e2e2; border-right: 1px solid #e4e2e2; '>
20
+ <tr>
21
+ <td colspan='3'>
22
+ <p style='margin-bottom:0px; color: #515050; font-size:12px; margin-top:2px; text-align:center;'>
23
+ Made For Mobile
24
+ </p>
25
+ </td>
26
+ </tr>
27
+ <tr>
28
+ <td>
29
+ <!-- BUTTON CODE -->
30
+ <center>
31
+ <a border='0' class='not_outlook' href='{{url}}' style='text-underline:none;'>
32
+ <table border='0' cellpadding='0' cellspacing='0' style='background-color:#6dbe45;'>
33
+ <tr class='main'>
34
+ <td class='main' style='padding:3px 5px 5px 5px;' width='145'>
35
+ <table>
36
+ <tr>
37
+ <td>
38
+ <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
39
+ <img src='{{image}}' style='margin-left: 5px; margin-right:10px; margin-top:8px;'>
40
+ </a>
41
+ </td>
42
+ <td>
43
+ <table border='0' cellpadding='0' cellspacing='0' style='float:left; margin:0; margin-left:5px;'>
44
+ <tr>
45
+ <td style='font-size: 11px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
46
+ {{title}}
47
+ </td>
48
+ </tr>
49
+ <tr>
50
+ <td>
51
+ <table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
52
+ <tr>
53
+ <td style='padding:0; margin:0; font-size: 20px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:25px;' valign='top'>
54
+ <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
55
+ {{dollar}}
56
+ </a>
57
+ </td>
58
+ <td style='padding:0; margin:0; font-size:14px; text-decoration:underline;padding-left:2px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
59
+ <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
60
+ {{cents}}
61
+ </a>
62
+ </td>
63
+ </tr>
64
+ </table>
65
+ </td>
66
+ </tr>
67
+ </table>
68
+ </td>
69
+ </tr>
70
+ </table>
71
+ </td>
72
+ </tr>
73
+ </table>
74
+ </a>
75
+ <a border='0' class='outlook' href='{{outlook_url}}' style='text-underline:none; font-size:0px; width:0px; height: 0px;'>
76
+ <table border='0' cellpadding='0' cellspacing='0' height='0' style='background-color:#ffffff; overflow: hidden; font-size: 0px; ' width='0'>
77
+ <tr class='main'>
78
+ <td class='main' style='padding: 0px;' width='0'>
79
+ <table border='0' cellpadding='0' cellspacing='0' class='sub' height='' style='background-color:#ffffff; overflow: hidden;' width=''>
80
+ <tr>
81
+ <td style='line-height:1px;'>
82
+ <a class='outlook' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
83
+ <img height='1' src='{{image}}' style='text-indent:-9999px; margin: 0px; width:1px; height:1px' width='1'>
84
+ </a>
85
+ </td>
86
+ <td>
87
+ <table border='0' cellpadding='0' cellspacing='0' class='subB' style='float:left; margin:0; margin-left:0px;'>
88
+ <tr>
89
+ <td class='title' style='font-size: 0px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
90
+ {{title}}
91
+ </td>
92
+ </tr>
93
+ <tr>
94
+ <td>
95
+ <table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
96
+ <tr>
97
+ <td style='padding:0; margin:0; font-size: 0px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:0px;' valign='top'>
98
+ <a class='outlook' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
99
+ {{dollar}}
100
+ </a>
101
+ </td>
102
+ <td style='padding:0; margin:0; font-size:0px; text-decoration:underline;padding-left:0px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
103
+ <a class='outlooksm' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
104
+ {{cents}}
105
+ </a>
106
+ </td>
107
+ </tr>
108
+ </table>
109
+ </td>
110
+ </tr>
111
+ </table>
112
+ </td>
113
+ </tr>
114
+ </table>
115
+ </td>
116
+ </tr>
117
+ </table>
118
+ </a>
119
+ </center>
120
+
121
+ <!-- END BUTTON CODE -->
122
+
123
+ </td>
124
+ </tr>
125
+ </table>
126
+ </td>
127
+ </tr>
128
+ <tr>
129
+ <td>
130
+ <table cellpadding='0' cellspacing='0' style='width:100%;' width='100%'>
131
+ <tr>
132
+ <td valign='top'>
133
+ <table cellpadding='0' cellspacing='0' height='10' style='font-size: 1px; line-height: 1px; border-left: 1px #e4e2e2 solid; border-bottom: 1px #e4e2e2 solid; height:10px; width: 100%;'>
134
+ <tr>
135
+ <td>
136
+ &nbsp;
137
+ </td>
138
+ </tr>
139
+ </table>
140
+ </td>
141
+ <td width='155'>
142
+ <center>
143
+ <img src='https://atpay.com/wp-content/uploads/2013/05/email_chout_tag.png'>
144
+ </center>
145
+ </td>
146
+ <td valign='top' width='20'>
147
+ <table cellpadding='0' cellspacing='0' height='10' style='font-size: 1px; line-height: 1px; border-right: 1px #e4e2e2 solid; border-bottom: 1px #e4e2e2 solid; height:10px; width: 100%;'>
148
+ <tr>
149
+ <td>
150
+ &nbsp;
151
+ </td>
152
+ </tr>
153
+ </table>
154
+ </td>
155
+ </tr>
156
+ </table>
157
+ </td>
158
+ </tr>
159
+ </table>
160
+ </center>
@@ -0,0 +1,166 @@
1
+ <!-- yahoo template with wrap -->
2
+
3
+ <style>
4
+ a.not_yahoo {display:inline; display: inline !important;font-size: 20px !important;}
5
+ a.not_yahoosm {display:inline; display: inline !important;font-size: 12px !important;}
6
+
7
+ a.not_yahoo[fix] {display:inline; display: inline !important;font-size: 20px !important;}
8
+ a.not_yahoosm[fix] {display:inline; display: inline !important;font-size: 12px !important;}
9
+ a.yahoo[fix] {display:none; display: none !important;font-size: 0px !important;}
10
+ </style>
11
+
12
+ <center>
13
+ <table cellpadding='0' cellspacing='0' style='margin-bottom:20px;'>
14
+ <tr>
15
+ <td>
16
+ <table style='margin: auto; margin-bottom:5px; font-family: Lato; padding-bottom:10px; position:relative; padding-left:5px; padding-right:10px; margin-bottom:0px; margin-top:5px; padding:10px;padding-top:0; border-left: 1px solid #e4e2e2; border-top: 1px solid #e4e2e2; border-right: 1px solid #e4e2e2; '>
17
+ <tr>
18
+ <td colspan='3'>
19
+ <p style='margin-bottom:0px; color: #515050; font-size:12px; margin-top:2px; text-align:center;'>
20
+ Made For Mobile
21
+ </p>
22
+ </td>
23
+ </tr>
24
+ <tr>
25
+ <td>
26
+
27
+ <center>
28
+ <a border='0' class='yahoo' fix='email' href='{{yahoo_url}}' style='text-underline:none;'>
29
+ <table border='0' cellpadding='0' cellspacing='0' style='background-color:{{color}};'>
30
+ <tr class='main'>
31
+ <td class='main' style='padding:3px 5px 5px 5px;' width='145'>
32
+ <table>
33
+ <tr>
34
+ <td>
35
+ <a class='yahoo' fix='email' href='{{yahoo_url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
36
+ <img src='{{image}}' style='margin-left: 5px; margin-right:10px; margin-top:8px;'>
37
+ </a>
38
+ </td>
39
+ <td>
40
+ <table border='0' cellpadding='0' cellspacing='0' style='float:left; margin:0; margin-left:5px;'>
41
+ <tr>
42
+ <td style='font-size: 11px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
43
+ {{title}}
44
+ </td>
45
+ </tr>
46
+ <tr>
47
+ <td>
48
+ <table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
49
+ <tr>
50
+ <td style='padding:0; margin:0; font-size: 20px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:25px;' valign='top'>
51
+ <a class='yahoo' fix='email' href='{{yahoo_url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
52
+ {{dollar}}
53
+ </a>
54
+ </td>
55
+ <td style='padding:0; margin:0; font-size:14px; text-decoration:underline;padding-left:2px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
56
+ <a class='yahoosm' fix='email' href='{{yahoo_url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
57
+ {{cents}}
58
+ </a>
59
+ </td>
60
+ </tr>
61
+ </table>
62
+ </td>
63
+ </tr>
64
+ </table>
65
+ </td>
66
+ </tr>
67
+ </table>
68
+ </td>
69
+ </tr>
70
+ </table>
71
+ </a>
72
+ <a border='0' class='not_yahoo' fix='email' href='{{url}}' style='text-underline:none; display:none; font-size:0px; text-indent:-9999999;'>
73
+ <table border='0' cellpadding='0' cellspacing='0' style='background-color:#6dbe45;'>
74
+ <tr class='main'>
75
+ <td class='main' style='padding:3px 5px 5px 5px;' width='145'>
76
+ <table>
77
+ <tr>
78
+ <td>
79
+ <a class='not_yahoo' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none;'>
80
+ <img src='{{image}}' style='margin-left: 5px; margin-right:10px; margin-top:8px;'>
81
+ </a>
82
+ </td>
83
+ <td>
84
+ <table border='0' cellpadding='0' cellspacing='0' style='float:left; margin:0; margin-left:5px;'>
85
+ <tr>
86
+ <td style='font-size: 11px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
87
+ {{title}}
88
+ </td>
89
+ </tr>
90
+ <tr>
91
+ <td>
92
+ <table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
93
+ <tr>
94
+ <td style='padding:0; margin:0; font-size: 20px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:25px;' valign='top'>
95
+ <a class='not_yahoo' fix='email' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none;'>
96
+ {{dollar}}
97
+ </a>
98
+ </td>
99
+ <td style='padding:0; margin:0; font-size:14px; text-decoration:underline;padding-left:2px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
100
+ <a class='not_yahoosm' fix='email' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none;'>
101
+ {{cents}}
102
+ </a>
103
+ </td>
104
+ </tr>
105
+ </table>
106
+ </td>
107
+ </tr>
108
+ </table>
109
+ </td>
110
+ </tr>
111
+ </table>
112
+ </td>
113
+ </tr>
114
+ </table>
115
+ </a>
116
+ </center>
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+ </td>
130
+ </tr>
131
+ </table>
132
+ </td>
133
+ </tr>
134
+ <tr>
135
+ <td>
136
+ <table cellpadding='0' cellspacing='0' style='width:100%;' width='100%'>
137
+ <tr>
138
+ <td valign='top'>
139
+ <table cellpadding='0' cellspacing='0' height='10' style='font-size: 1px; line-height: 1px; border-left: 1px #e4e2e2 solid; border-bottom: 1px #e4e2e2 solid; height:10px; width: 100%;'>
140
+ <tr>
141
+ <td>
142
+ &nbsp;
143
+ </td>
144
+ </tr>
145
+ </table>
146
+ </td>
147
+ <td width='155'>
148
+ <center>
149
+ <img src='https://atpay.com/wp-content/uploads/2013/05/email_chout_tag.png'>
150
+ </center>
151
+ </td>
152
+ <td valign='top' width='20'>
153
+ <table cellpadding='0' cellspacing='0' height='10' style='font-size: 1px; line-height: 1px; border-right: 1px #e4e2e2 solid; border-bottom: 1px #e4e2e2 solid; height:10px; width: 100%;'>
154
+ <tr>
155
+ <td>
156
+ &nbsp;
157
+ </td>
158
+ </tr>
159
+ </table>
160
+ </td>
161
+ </tr>
162
+ </table>
163
+ </td>
164
+ </tr>
165
+ </table>
166
+ </center>