1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html><head><meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8"><title></title><style type=
"text/css">
4 @media only screen and (max-device-width: 480px) {
5 table[
class=w0], td[
class=w0] { width: 0 !important; }
6 table[
class=w10], td[
class=w10], img[
class=w10] { width:10px !important; }
7 table[
class=w15], td[
class=w15], img[
class=w15] { width:5px !important; }
8 table[
class=w30], td[
class=w30], img[
class=w30] { width:10px !important; }
9 table[
class=w60], td[
class=w60], img[
class=w60] { width:10px !important; }
10 table[
class=w125], td[
class=w125], img[
class=w125] { width:80px !important; }
11 table[
class=w130], td[
class=w130], img[
class=w130] { width:55px !important; }
12 table[
class=w140], td[
class=w140], img[
class=w140] { width:90px !important; }
13 table[
class=w160], td[
class=w160], img[
class=w160] { width:180px !important; }
14 table[
class=w170], td[
class=w170], img[
class=w170] { width:100px !important; }
15 table[
class=w180], td[
class=w180], img[
class=w180] { width:80px !important; }
16 table[
class=w195], td[
class=w195], img[
class=w195] { width:80px !important; }
17 table[
class=w220], td[
class=w220], img[
class=w220] { width:80px !important; }
18 table[
class=w240], td[
class=w240], img[
class=w240] { width:180px !important; }
19 table[
class=w255], td[
class=w255], img[
class=w255] { width:185px !important; }
20 table[
class=w275], td[
class=w275], img[
class=w275] { width:135px !important; }
21 table[
class=w280], td[
class=w280], img[
class=w280] { width:135px !important; }
22 table[
class=w300], td[
class=w300], img[
class=w300] { width:140px !important; }
23 table[
class=w325], td[
class=w325], img[
class=w325] { width:95px !important; }
24 table[
class=w360], td[
class=w360], img[
class=w360] { width:140px !important; }
25 table[
class=w410], td[
class=w410], img[
class=w410] { width:180px !important; }
26 table[
class=w470], td[
class=w470], img[
class=w470] { width:200px !important; }
27 table[
class=w580], td[
class=w580], img[
class=w580] { width:280px !important; }
28 table[
class=w640], td[
class=w640], img[
class=w640] { width:300px !important; }
29 table[
class*=hide], td[
class*=hide], img[
class*=hide], p[
class*=hide], span[
class*=hide] { display:none !important; }
30 table[
class=h0], td[
class=h0] { height: 0 !important; }
31 p[
class=footer-content-left] { text-align: center !important; }
32 #headline p { font-size: 30px !important; }
33 .article-content, #left-sidebar{ -webkit-text-size-adjust: 90% !important; -ms-text-size-adjust: 90% !important; }
34 .header-content, .footer-content-left {-webkit-text-size-adjust: 80% !important; -ms-text-size-adjust: 80% !important;}
37 #outlook a { padding: 0; }
38 body { width: 100% !important; }
39 .ReadMsgBody { width: 100%; }
40 .ExternalClass { width: 100%; display:block !important; }
43 body { background-color: #c7c7c7; margin: 0; padding: 0; }
44 img { height:
auto; line-height: 100%; outline: none; text-decoration: none; display: block;}
45 br, strong br, b br, em br, i br { line-height:100%; }
46 h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
47 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
48 h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: red !important; }
50 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
52 table td, table tr { border-collapse: collapse; }
53 .yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
54 color: black; text-decoration: none !important; border-bottom: none !important; background: none !important;
59 word-
break:
break-all;
61 #background-table { background-color: #c7c7c7; }
63 #top-bar { border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #2E2E2E; color: #888888; }
64 #top-bar a { font-weight: bold; color: #eeeeee; text-decoration: none;}
65 #footer { border-radius:0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -webkit-font-smoothing: antialiased; }
67 body, td { font-family:
'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
68 .header-content, .footer-content-left, .footer-content-right { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
70 .header-content { font-size: 12px; color: #888888; }
71 .header-content a { font-weight: bold; color: #eeeeee; text-decoration: none; }
72 #headline p { color: #eeeeee; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 36px; text-align: center; margin-top:0px; margin-bottom:30px; }
73 #headline p a { color: #eeeeee; text-decoration: none; }
74 .article-title { font-size: 18px; line-height:24px; color: #b0b0b0; font-weight:bold; margin-top:0px; margin-bottom:18px; font-family:
'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
75 .article-title a { color: #b0b0b0; text-decoration: none; }
76 .article-title.with-meta {margin-bottom: 0;}
77 .article-meta { font-size: 13px; line-height: 20px; color: #ccc; font-weight: bold; margin-top: 0;}
78 .article-content { font-size: 13px; line-height: 18px; color: #444444; margin-top: 0px; margin-bottom: 18px; font-family:
'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
79 .article-content a { color: #2f82de; font-weight:bold; text-decoration:none; }
80 .article-content img { max-width: 100% }
81 .article-content ol, .article-content ul { margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0; }
82 .article-content li { font-size: 13px; line-height: 18px; color: #444444; }
83 .article-content li a { color: #2f82de; text-decoration:underline; }
84 .article-content p {margin-bottom: 15px;}
85 .footer-content-left { font-size: 12px; line-height: 15px; color: #888888; margin-top: 0px; margin-bottom: 15px; }
86 .footer-content-left a { color: #eeeeee; font-weight: bold; text-decoration: none; }
87 .footer-content-right { font-size: 11px; line-height: 16px; color: #888888; margin-top: 0px; margin-bottom: 15px; }
88 .footer-content-right a { color: #eeeeee; font-weight: bold; text-decoration: none; }
89 #footer { background-color: #000000; color: #888888; }
90 #footer a { color: #eeeeee; text-decoration: none; font-weight: bold; }
91 #permission-reminder { white-space: normal; }
92 #street-address { color: #ffffff; white-space: normal; }
95 <style _tmplitem=
"81" >
96 .article-content ol, .article-content ul {
99 list-style-position: inside;
102 <![endif]--></head><body><table width=
"100%" cellpadding=
"0" cellspacing=
"0" border=
"0" id=
"background-table">
104 <td align=
"center" bgcolor=
"#c7c7c7">
105 <table
class=
"w640" style=
"margin:0 10px;" width=
"640" cellpadding=
"0" cellspacing=
"0" border=
"0">
106 <tbody><tr><td
class=
"w640" width=
"640" height=
"20"></td></tr>
109 <td
class=
"w640" width=
"640">
110 <table
id=
"top-bar" class=
"w640" width=
"640" cellpadding=
"0" cellspacing=
"0" border=
"0" bgcolor=
"#000000">
112 <td
class=
"w15" width=
"15"></td>
113 <td
class=
"w325" width=
"350" valign=
"middle" align=
"left">
114 <table
class=
"w325" width=
"350" cellpadding=
"0" cellspacing=
"0" border=
"0">
115 <tbody><tr><td
class=
"w325" width=
"350" height=
"8"></td></tr>
117 <div
class=
"header-content"><!--<a href=
"#">Test</a><span
class=
"hide"> | <a href=
"#" lang=
"en"></a> | <a href=
"#">Unsubscribe</a></span>--></div>
118 <table
class=
"w325" width=
"350" cellpadding=
"0" cellspacing=
"0" border=
"0">
119 <tbody><tr><td
class=
"w325" width=
"350" height=
"8"></td></tr>
122 <td
class=
"w30" width=
"30"></td>
123 <td
class=
"w255" width=
"255" valign=
"middle" align=
"right">
124 <table
class=
"w255" width=
"255" cellpadding=
"0" cellspacing=
"0" border=
"0">
125 <tbody><tr><td
class=
"w255" width=
"255" height=
"8"></td></tr>
127 <table cellpadding=
"0" cellspacing=
"0" border=
"0">
130 <td valign=
"middle"><a href=
"http://facebook.com/genticscms" rel=
"cs_facebox"><img src=
"<?php echo Yii::app()->createAbsoluteUrl('/Content.Node/img/icons/like-mail.png')?>" border=
"0" width=
"8" height=
"14" alt=
"Facebook icon" =
""=
""></a></td>
132 <td valign=
"middle"><div
class=
"header-content"><a href=
"http://facebook.com/genticscms" rel=
"cs_facebox">
Like</a></div></td>
135 <td
class=
"w10" width=
"10"></td>
136 <td valign=
"middle"><a href=
"http://twitter.com/gentics"><img src=
"<?php echo Yii::app()->createAbsoluteUrl('/Content.Node/img/icons/tweet-mail.png')?>" border=
"0" width=
"17" height=
"13" alt=
"Twitter icon" =
""=
""></a></td>
138 <td valign=
"middle"><div
class=
"header-content"><a href=
"http://twitter.com/gentics">Tweet</a></div></td>
142 <td
class=
"w10" width=
"10"></td>
143 <td valign=
"middle"><a href=
"#" lang=
"en"><img src=
"/Content.Node/img/icons/forward-mail.png" border=
"0" width=
"19" height=
"14" alt=
"Forward icon" =
""=
""></a></td>
145 <td valign=
"middle"><div
class=
"header-content"><a href=
"#" lang=
"en">Forward</a></div></td>
149 <table
class=
"w255" width=
"255" cellpadding=
"0" cellspacing=
"0" border=
"0">
150 <tbody><tr><td
class=
"w255" width=
"255" height=
"8"></td></tr>
153 <td
class=
"w15" width=
"15"></td>
160 <td
id=
"header" class=
"w640" width=
"640" align=
"center" bgcolor=
"#000000">
162 <table
class=
"w640" width=
"640" cellpadding=
"0" cellspacing=
"0" border=
"0">
163 <tbody><tr><td
class=
"w30" width=
"30"></td><td
class=
"w580" width=
"580" height=
"30"></td><td
class=
"w30" width=
"30"></td></tr>
165 <td
class=
"w30" width=
"30"></td>
166 <td
class=
"w580" width=
"580">
167 <div align=
"center" id=
"headline">
169 <strong style=
"color: #ffffff;"><?php echo $title?></strong>
173 <td
class=
"w30" width=
"30"></td>
181 <tr><td
class=
"w640" width=
"640" height=
"30" bgcolor=
"#ffffff"></td></tr>
182 <tr
id=
"simple-content-row"><td
class=
"w640" width=
"640" bgcolor=
"#ffffff">
183 <table
class=
"w640" width=
"640" cellpadding=
"0" cellspacing=
"0" border=
"0">
185 <td
class=
"w30" width=
"30"></td>
186 <td
class=
"w580" width=
"580">
189 <layout label=
"Text only">
190 <table
class=
"w580" width=
"580" cellpadding=
"0" cellspacing=
"0" border=
"0">
192 <td
class=
"w580" width=
"580">
193 <div align=
"left" class=
"article-content">
194 <?php echo $content?>
198 <tr><td
class=
"w580" width=
"580" height=
"10"></td></tr>
203 <td
class=
"w30" width=
"30"></td>
207 <tr><td
class=
"w640" width=
"640" height=
"15" bgcolor=
"#ffffff"></td></tr>
210 <td
class=
"w640" width=
"640">
211 <table
id=
"footer" class=
"w640" width=
"640" cellpadding=
"0" cellspacing=
"0" border=
"0" bgcolor=
"#000000">
212 <tbody><tr><td
class=
"w30" width=
"30"></td><td
class=
"w580 h0" width=
"360" height=
"30"></td><td
class=
"w0" width=
"60"></td><td
class=
"w0" width=
"160"></td><td
class=
"w30" width=
"30"></td></tr>
214 <td
class=
"w30" width=
"30"></td>
215 <td
class=
"w580" width=
"360" valign=
"top">
216 <span
class=
"hide"><p
id=
"permission-reminder" align=
"left" class=
"footer-content-left"></p></span>
217 <p align=
"left" class=
"footer-content-left">Powered by <a href=
"http://www.gentics.com">Gentics Portal.Node PHP</a><!--<a href=
"#" lang=
"en">Edit your subscription</a> | <a href=
"#">Unsubscribe</a>--></p>
219 <td
class=
"hide w0" width=
"60"></td>
220 <td
class=
"hide w0" width=
"160" valign=
"top">
221 <p
id=
"street-address" align=
"right" class=
"footer-content-right"></p>
223 <td
class=
"w30" width=
"30"></td>
225 <tr><td
class=
"w30" width=
"30"></td><td
class=
"w580 h0" width=
"360" height=
"15"></td><td
class=
"w0" width=
"60"></td><td
class=
"w0" width=
"160"></td><td
class=
"w30" width=
"30"></td></tr>
229 <tr><td
class=
"w640" width=
"640" height=
"60"></td></tr>
233 </tbody></table><img src=
"<?php echo Yii::app()->createAbsoluteUrl('/Content.Node/img/icons/o.gif')?>" style=
"height:1px !important; width:1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important" width=
"1" height=
"1" border=
"0">