API tools faq
paste
Advertisement
Guest User

Mailer error

a guest
Jan 21st, 2015
442
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 47.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <meta name="format-detection" content="address=no;email=no;telephone=no">
  7. <title>Getting started</title>
  8. <style type="text/css"> /* Modified:30/10/2014 */
  9. /* Global Reset */
  10. body {
  11.  -webkit-text-size-adjust: 100%;
  12.  -ms-text-size-adjust: 100%;
  13. }
  14.  
  15. body, p, h1, h2, h3, h4, h5, h6, img, table, td, #emailBody {
  16.     margin-top: 0;
  17.     margin-left: 0;
  18.     margin-right: 0;
  19.     margin-bottom: 0;
  20.     padding-top: 0;
  21.     padding-bottom: 0;
  22.     padding-left: 0;
  23.     padding-right: 0;
  24. }
  25.  
  26. a,
  27. #outlook a {
  28.     padding-top: 0;
  29.     padding-bottom: 0;
  30.     padding-left: 0;
  31.     padding-right: 0;
  32.     display: inline-block;
  33. }
  34. a,
  35. a span {
  36.     text-decoration: none;
  37. }
  38.  
  39. a img {
  40.     border: none;
  41. }
  42.  
  43. img {
  44.     height: auto;
  45.     width: auto;
  46.     line-height: 100%;
  47.     outline: none;
  48.     text-decoration: none;
  49.     -ms-interpolation-mode: bicubic;
  50. }
  51.  
  52. .imageFix {
  53.     display: block;
  54. }
  55.  
  56. table {
  57.     mso-table-lspace: 0pt;
  58.     mso-table-rspace: 0pt;
  59. }
  60.  
  61. table, td {
  62.     border-collapse: collapse;
  63.     border-spacing: 0;
  64. }
  65.  
  66. .ExternalClass {
  67.     display: block !important;
  68.     width: 100%;
  69. }
  70. .ExternalClass,
  71. .ExternalClass p,
  72. .ExternalClass span,
  73. .ExternalClass font,
  74. .ExternalClass td,
  75. .ExternalClass div {
  76.     line-height: 100%;
  77. }
  78.  
  79. .ReadMsgBody,
  80. .ExternalClass {
  81.     width: 100%;
  82. }
  83.  
  84. /* Default Typography */
  85. td, th, p, a, li, h1, h2, h3, h4, h5, h6 {
  86.     -webkit-text-size-adjust : none;
  87.     font-family: Arial, Helvetica, sans-serif;
  88. }
  89.  
  90. h1, h2, h3, h4, h5, h6 {
  91.     margin-bottom: 5px; /* Outlook.com default */
  92. }
  93.  
  94. p, p.MsoNormal {
  95.     margin-bottom: 24px; /* Outlook.com default */
  96. }
  97.  
  98.  
  99. /* Alignment */
  100. .alignCenter,
  101. .eBody .alignCenter,
  102. .alignCenter p,
  103. .eBody.alignCenter p,
  104. .eBody .alignCenter p {
  105.     text-align: center;
  106. }
  107.  
  108. table.alignCenter,
  109. .alignCenter table,
  110. .alignCenter img {
  111.     margin-left: auto;
  112.     margin-right: auto;
  113. }
  114.  
  115. .alignLeft,
  116. .eBody .alignLeft,
  117. .eBody.alignLeft p,
  118. .eBody .alignLeft p,
  119. .highlight.alignLeft,
  120. .invoiceTable2 .alignLeft {
  121.     text-align: left;
  122. }
  123. table.alignLeft,
  124. .alignLeft table,
  125. .alignLeft img {
  126.     margin-left: 0;
  127.     margin-right: auto;
  128. }
  129.  
  130. .alignRight,
  131. .eBody .alignRight,
  132. .eBody.alignRight p,
  133. .eBody .alignRight p,
  134. .highlight.alignRight,
  135. .width132.alignRight,
  136. .invoiceTable2 .alignRight {
  137.     text-align: right;
  138. }
  139.  
  140. table.alignRight,
  141. .alignRight table,
  142. .alignRight a {
  143.     margin-left: auto;
  144.     margin-right: 0;
  145. }
  146.  
  147. /* Visual Help */
  148. .desktopHide {
  149.     display: none;
  150.     font-size: 0;
  151.     max-height: 0;
  152.     width: 0;
  153.     line-height: 0;
  154.     overflow: hidden;
  155.     mso-hide: all;
  156. }
  157.  
  158.  
  159. /* Email Body */
  160. body,
  161. #emailBody,
  162. .emailBodyCell {
  163.     height: 100%;
  164.     width: 100%;
  165.     min-height: 1000px;
  166. }
  167.  
  168. .emailBodyCell {
  169.     padding-top: 32px;
  170.     padding-bottom: 32px;
  171.     padding-left: 16px;
  172.     padding-right: 16px;
  173. }
  174.  
  175. /* Summary */
  176. .emailSummary {
  177.     display: none !important;
  178.     font-size: 0 !important;
  179.     max-height: 0 !important;
  180.     line-height: 0 !important;
  181.     padding: 0 !important;
  182.     mso-hide: all;
  183.     overflow: hidden !important;
  184.     float: none !important;
  185.     width: 0 !important;
  186.     height: 0 !important;
  187. }
  188.  
  189. /* Spacing */
  190. .emptyCell,
  191. .eBody .emptyCell,
  192. .highlight .emptyCell,
  193. .eBody .space6,
  194. .eBody .space10,
  195. .invoiceHead .space6,
  196. .eBody .space16,
  197. .invoiceHead .space16,
  198. .space32, .eBody .space32,
  199. .invoiceHead .space32,
  200. .emptyCell {
  201.     line-height: 0 !important;
  202.     font-size: 0 !important;
  203.     padding-bottom: 0;
  204.     padding-top: 0;
  205.     padding-left: 0;
  206.     padding-right: 0;
  207. }
  208.  
  209. .eBody .space6,
  210. .invoiceHead .space6 {
  211.     height: 6px;
  212.     width: 6px;
  213. }
  214. .eBody .space10,
  215. .invoiceHead .space10 {
  216.     height: 10px;
  217.     width: 10px;
  218. }
  219.  
  220. .eBody .space16,
  221. .invoiceHead .space16 {
  222.     height: 16px;
  223.     width: 16px;
  224. }
  225.  
  226. .space32,
  227. .eBody .space32,
  228. .invoiceHead .space32 {
  229.     height: 32px;
  230.     width: 16px;
  231. }
  232.  
  233. .pdTp0,
  234. .eBox .pdTp0,
  235. .highlight.pdTp0,
  236.  
  237. .eBody.pdTp0,
  238. .invoiceTable2 .pdTp0,
  239. .invoiceTable2.twcoList .pdTp0 {
  240.     padding-top: 0px;
  241. }
  242.  
  243. .pdTp32,
  244. .eBox .pdTp32,
  245. .highlight.pdTp32,
  246. .eBody.pdTp32,
  247. .invoiceTable2 .pdTp32,
  248. .invoiceTable2.twcoList .pdTp32 {
  249.     padding-top: 32px;
  250. }
  251.  
  252. .pdBt16,
  253. .eBox .pdBt16,
  254. .highlight.pdBt16,
  255. .eBody.pdBt16,
  256. .eBox .pdBt16,
  257. .invoiceTable2 .pdBt16,
  258. .invoiceTable2.twcoList .pdBt16 {
  259.     padding-bottom: 16px;
  260. }
  261.  
  262. .pdRg16,
  263. .eBox .pdRg16,
  264. .highlight.pdRg16,
  265. .eBody.pdRg16,
  266. .eBody .pdRg16,
  267. .invoiceTable2 .pdRg16, .invoiceTable2.twcoList .pdRg16 {
  268.     padding-right: 16px;
  269. }
  270.  
  271. .pdLf16,
  272. .eBox .pdLf16,
  273. .highlight.pdLf16,
  274. .eBody.pdLf16,
  275. .invoiceTable2 .pdLf16,
  276. .invoiceTable2.twcoList .pdLf16 {
  277.     padding-left: 16px;
  278. }
  279.  
  280. .pdLf0,
  281. .eBox .pdLf0,
  282. .highlight.pdLf0,
  283. .eBody.pdLf0,
  284. .invoiceTable2 .pdLf0,
  285. .invoiceTable2.twcoList .pdLf0 {
  286.     padding-left: 0;
  287. }
  288.  
  289. /* Widths */
  290. .width40,
  291. .width54,
  292. .width64,
  293. .width80,
  294. .width84,
  295. .width116,
  296. .width246,
  297. .width248,
  298. .width132,
  299. .width184,
  300. .width312,
  301. .width380,
  302. .width412,
  303. .width448,
  304. .width458 {
  305.     text-align: left;
  306.     vertical-align: top;
  307. }
  308.  
  309. .width40 {
  310.     width: 40px;
  311. }
  312.  
  313. .width54 {
  314.     width: 54px;
  315. }
  316.  
  317. .width64 {
  318.     width: 64px;
  319. }
  320.  
  321. .width80 {
  322.     width: 80px;
  323. }
  324.  
  325. .width84 {
  326.     width: 84px;
  327. }
  328.  
  329. .width132 {
  330.     width: 132px;
  331. }
  332.  
  333. .width116 {
  334.     width: 116px;
  335. }
  336.  
  337. .width184 {
  338.     width: 184px;
  339. }
  340.  
  341. .width246 {
  342.     width: 246px;
  343. }
  344.  
  345. .width248 {
  346.     width: 248px;
  347. }
  348.  
  349. .width312 {
  350.     width: 312px;
  351. }
  352.  
  353. .width380 {
  354.     width: 380px;
  355. }
  356.  
  357. .width412 {
  358.     width: 412px;
  359. }
  360.  
  361. .width448 {
  362.     width: 448px;
  363. }
  364.  
  365. .width458 {
  366.     width: 458px;
  367. }
  368.  
  369. /* Email Container */
  370. .eBox {
  371.     width: 544px;
  372.     margin-left: auto;
  373.     margin-right: auto;
  374. }
  375. .topCorners,
  376. .bottomCorners {
  377.     width: 544px;
  378. }
  379. .topCorners table,
  380. .bottomCorners table {
  381.     width: 100%;
  382. }
  383. .topCorners .emptyCell,
  384. .bottomCorners .emptyCell {
  385.     width: 94%;
  386. }
  387. .topCorners,
  388. .topCorners td,
  389. .bottomCorners,
  390. .bottomCorners td {
  391.     height: 16px;
  392. }
  393. .crn_lftp,
  394. .crn_rgtp,
  395. .crn_lfbt,
  396. .crn_rgbt {
  397.     font-size: 0 !important;
  398.     width: 16px;
  399.     height: 16px;
  400.     text-align: left;
  401. }
  402.  
  403. .crn_lftp,
  404. .crn_rgtp {
  405.     vertical-align: top;
  406. }
  407.  
  408. .crn_rgtp,
  409. .crn_rgbt {
  410.     text-align: right;
  411. }
  412.  
  413. .crn_lfbt,
  414. .crn_rgbt {
  415.     vertical-align: bottom;
  416. }
  417.  
  418. .topCorners img,
  419. .topCorners img,
  420. .bottomCorners img,
  421. .bottomCorners img {
  422.     width: 8px;
  423.     height: 8px;
  424. }
  425.  
  426. /* General Button Style */
  427. .eBox .btnLfTp,
  428. .eBox .btnLfBt,
  429. .eBox .btnRgTp,
  430. .eBox .btnRgBt {
  431.     font-size: 0 !important;
  432.     line-height: 100%;
  433.     width: 4px;
  434.     height: 4px;
  435.     text-align: left;
  436.     padding-top: 0;
  437.     padding-left: 0;
  438.     padding-right: 0;
  439.     padding-bottom: 0;
  440. }
  441.  
  442. .eBox .btnRgTp,
  443. .eBox .btnRgBt {
  444.     text-align: right;
  445. }
  446. .eBox .btnLfTp,
  447. .eBox .btnRgTp {
  448.     vertical-align: top;
  449. }
  450.  
  451. .eBox .btnLfBt,
  452. .eBox .btnRgBt {
  453.     vertical-align: bottom;
  454. }
  455. .eBox .btnLfTp img,
  456. .eBox .btnLfBt img,
  457. .eBox .btnRgTp img,
  458. .eBox .btnRgBt img {
  459.     font-size: 0 !important;
  460.     line-height: 0 !important;
  461.     width: 4px;
  462.     height: 4px;
  463. }
  464.  
  465.  
  466. .eBox .btnLfTp img,
  467. .eBox .btnLfBt img {
  468.     margin-left: 0;
  469.     margin-right: auto;
  470. }
  471. .eBox .btnRgTp img,
  472. .eBox .btnRgBt img {
  473.     margin-left: auto;
  474.     margin-right: 0;   
  475. }
  476.  
  477. .eBox .btnMain {
  478.     padding-right: 18px;
  479.     padding-left: 18px;
  480.     padding-top: 8px;
  481.     padding-bottom: 8px;
  482.     height: 20px;
  483.     font-size: 18px;
  484.     line-height: 20px;
  485.     mso-line-height-rule: exactly;
  486.     text-align: center;
  487.     vertical-align: middle;
  488. }
  489.  
  490. /* Main Button */
  491. .mainBtn td {
  492.     padding-bottom: 0;
  493. }
  494. .mainBtn a {
  495.     font-weight: bold;
  496. }
  497.  
  498. /* Light Button */
  499. .lightBtn td {
  500.     padding-bottom: 0;
  501. }
  502.  
  503. .lightBtn a {
  504.     font-weight: bold;
  505.     text-align: center;
  506. }
  507.  
  508. /* Sublte Button */
  509. .subtleBtn td {
  510.     padding-top: 16px;
  511.     padding-bottom: 32px;
  512.     font-size: 14px;
  513. }
  514.  
  515. /* Options Button */
  516. .optionsButton {
  517.     width: 152px;
  518.     margin-left: auto;
  519.     text-align: left;
  520. }
  521.  
  522. .optionsButton .btnMain {
  523.     padding-top: 0;
  524.     padding-bottom: 0;
  525.     padding-left: 6px;
  526.     padding-right: 2px;
  527.     height: 16px;
  528.     line-height: 16px;
  529.     text-align: left;
  530. }
  531.  
  532. .optionsButton .btnLfTp,
  533. .optionsButton .btnLfBt,
  534. .optionsButton .btnRgTp,
  535. .optionsButton .btnRgBt {
  536.     height: 5px;
  537. }
  538.  
  539. .optionsButton .btnMain a,
  540. .optionsButton .btnMain span {
  541.     font-size: 12px;
  542. }
  543.  
  544. .optionsButton .btnIcon {
  545.     width: 20px;
  546.     height: 16px;
  547.     text-align: center;
  548.     vertical-align: middle;
  549.     padding-top: 0;
  550.     padding-bottom: 0;
  551.     padding-left: 0;
  552.     padding-right: 0;
  553. }
  554. .optionsButton .btnIcon img {
  555.     width: 16px;
  556.     height: 16px;
  557. }
  558.  
  559. .optionsButton .btnIcon a,
  560. .optionsButton .btnIcon img {
  561.     margin-top: auto;
  562.     margin-left: auto;
  563.     margin-right: auto;
  564.     margin-bottom: auto;
  565. }
  566.  
  567. /* Tag */
  568. .tag .btnLfTp,
  569. .tag .btnLfBt,
  570. .tag .btnRgTp,
  571. .tag .btnRgBt {
  572.     width: 2px;
  573.     height: 2px;
  574. }
  575.  
  576. .tag .btnLfTp img,
  577. .tag .btnLfBt img,
  578. .tag .btnRgTp img,
  579. .tag .btnRgBt img {
  580.     width: 2px;
  581.     height: 2px;
  582. }
  583.  
  584. .tag .tagName {
  585.     font-size: 11px;
  586.     text-transform: uppercase;
  587.     padding-left: 4px;
  588.     padding-right: 4px;
  589.     padding-top: 2px;
  590.     padding-bottom: 2px;
  591.     white-space: nowrap;
  592. }
  593.  
  594. .tag .tag_space {
  595.     background-color: transparent;
  596.     font-size: 0 !important;
  597.     line-height: 100%;
  598.     height: 4px;
  599.     text-align: left;
  600.     padding-top: 0;
  601.     padding-left: 0;
  602.     padding-right: 0;
  603.     padding-bottom: 0;
  604. }
  605.  
  606. /* Sections */
  607. .eHeader,
  608. .highlight,
  609. .eBody {
  610.     width: 512px;
  611. }
  612.  
  613. .highlight,
  614. .eBody {
  615.     padding-top: 16px;
  616.     padding-bottom: 0;
  617.     padding-left: 16px;
  618.     padding-right: 16px;
  619. }
  620.  
  621. /* Header */
  622. .eHeader {
  623.     padding-left: 16px;
  624.     padding-right: 16px;
  625.     padding-bottom: 16px;
  626. }
  627.  
  628. .eHeaderLogo,
  629. .eHeaderOptions {
  630.     height: 48px;
  631.     font-size: 0 !important;
  632. }
  633.  
  634. .eHeaderLogo,
  635. .eHeaderLogo a {
  636.     height: 48px;
  637.     text-align: left;
  638.     font-size: 18px;
  639.     font-weight: bold;
  640. }
  641.  
  642. .eHeaderLogo a {
  643.     line-height: 0;
  644. }
  645.  
  646. .eHeaderLogo img {
  647.     vertical-align: top;
  648. }
  649.  
  650. .eHeaderLogoText {
  651.     text-align: left;
  652.     vertical-align: top;
  653.     padding-top: 10px;
  654.     padding-bottom: 0;
  655. }
  656.  
  657. .eHeaderLogoText a {
  658.     text-align: left;
  659.     font-size: 26px;
  660.     line-height: 32px;
  661.     font-weight: bold;
  662. }
  663.  
  664. .eHeaderOptions {
  665.     text-align: right;
  666.     vertical-align: top;
  667. }
  668.  
  669. /* Footer */
  670. .eFooter {
  671.     text-align: center;
  672.     font-size: 12px;
  673.     line-height: 21px;
  674.     padding-top: 14px;
  675.     width: 544px;
  676. }
  677.  
  678. .eFooter a,
  679. .eFooter a span {
  680.     text-decoration: underline;
  681. }
  682.  
  683. .eFooter .highFix,
  684. .eFooter .highFix span {
  685.     text-decoration: none;
  686.     cursor: pointer;
  687. }
  688.  
  689. /* Highlight Area */
  690. .highlight {
  691.     text-align: center;
  692. }
  693.  
  694. h1 {
  695.     font-size: 24px;
  696.     line-height: 36px;
  697.     font-weight: bold;
  698. }
  699.  
  700. .highlight p {
  701.     font-size: 14px;
  702.     line-height: 22px;
  703. }
  704.  
  705. .profilePicture,
  706. .highlightIcon {
  707.     text-align: center;
  708.     margin-left: auto;
  709.     margin-right: auto;
  710.     width: 64px;
  711.     height: 64px;
  712. }
  713.  
  714. .profilePicture td {
  715.     padding-top: 10px;
  716.     padding-bottom: 6px;
  717. }
  718.  
  719. .highlightIcon td {
  720.     padding-bottom: 16px;
  721. }
  722.  
  723. .profileName {
  724.     font-size: 16px;
  725.     line-height: 24px;
  726. }
  727.  
  728. .profileName span {
  729.     font-weight: bold;
  730. }
  731.  
  732. .bannerLink img {
  733.     display: block;
  734.     height: 194px;
  735.     line-height: 0;
  736.     text-align: center;
  737.     font-size: 16px;
  738. }
  739.  
  740. .bannerImage img {
  741.     display: block;
  742.     vertical-align: top;
  743.     margin-left: auto;
  744.     margin-right: auto;
  745. }
  746.  
  747. /* Content Body */
  748. .eBody p,
  749. .eBody li {
  750.     font-size: 14px;
  751.     line-height: 22px;
  752.     text-align: left;
  753. }
  754.  
  755. .eBody p a span {
  756.     font-weight: bold;
  757. }
  758.  
  759. .quoteTable td {
  760.     padding-left: 16px;
  761.     padding-top: 10px;
  762. }
  763.  
  764. .aSignature {
  765.     font-size: 12px;
  766.     line-height: 18px;
  767. }
  768.  
  769. .eBody .aSignature a,
  770. .eBody .aSignature a span {
  771.     font-weight: normal;
  772. }
  773.  
  774. /* Content Articles */
  775. h2 {
  776.     font-size: 18px;
  777.     line-height: 26px;
  778.     margin-bottom: 5px;
  779.     font-weight: normal;
  780. }
  781.  
  782. h2 span {
  783.     font-weight: bold;
  784. }
  785.  
  786. .messageSection .width116,
  787. .messageSection .messageArrow,
  788. .messageSection .width380 {
  789.     padding-bottom: 16px;
  790. }
  791.  
  792. .messageOptions.alignRight {
  793.     margin-left: auto;
  794.     margin-right: 0;
  795. }
  796.  
  797. .bubble table, .bubble table td {
  798.     width: 16px;
  799.     height: 26px;
  800. }
  801.  
  802. .bubbleContent {
  803.     padding-top: 12px;
  804.     padding-left: 12px;
  805.     padding-right: 12px;
  806. }
  807.  
  808. .senderProfile .profilePicture td {
  809.     padding-top: 0;
  810.     padding-bottom: 14px;
  811. }
  812.  
  813. .senderProfile p,
  814. .entryBox .senderProfile p {
  815.     font-size: 12px;
  816.     line-height: 19px;
  817. }
  818.  
  819. .senderProfile a {
  820.     font-size: 14px;
  821. }
  822.  
  823. /* Invoice #1 */
  824. .invoiceTable td {
  825.     padding-bottom: 16px;
  826.     font-size: 12px;
  827.     line-height: 19px;
  828.     vertical-align: top;
  829. }
  830.  
  831. .serviceName {
  832.     font-size: 14px;
  833.     line-height: 22px;
  834. }
  835.  
  836. .invoiceTable .downloadInv {
  837.     text-align: center;
  838. }
  839.  
  840. .downloadInv a {
  841.     width: 100%;
  842.     margin-left: auto;
  843.     margin-right: auto
  844. }
  845.  
  846. .invoiceTable .amount {
  847.     font-weight: bold;
  848.     font-size: 16px;
  849.     line-height: 24px;
  850. }
  851.  
  852. /* Invoice #2 */
  853. .invoiceHead,
  854. .invoiceHead td,
  855. .invoiceHead p {
  856.     text-align: left;
  857.     font-size: 12px;
  858. }
  859.  
  860. .invoiceHead p,
  861. .invoiceList td {
  862.     line-height: 19px;
  863. }
  864.  
  865. .invoiceHead .amount {
  866.     font-weight: bold;
  867.     font-size: 16px;
  868. }
  869.  
  870. h4 {
  871.     font-size: 14px;
  872.     font-weight: bold;
  873. }
  874.  
  875. h4 span {
  876.     font-size: 12px;
  877.     font-weight: normal;
  878. }
  879.  
  880. .ihTitle strong,
  881. .ihTitle span {
  882.     font-size: 14px;
  883. }
  884.  
  885. .invoiceTable2 th,
  886. .invoiceTable2 td {
  887.     padding-top: 14px;
  888.     padding-bottom: 14px;
  889.     padding-left: 16px;
  890.     padding-right: 16px;
  891.     font-size: 14px;
  892.     line-height: 19px;
  893. }
  894.  
  895. .invoiceTable2 th {
  896.     padding-top: 0;
  897.     padding-bottom: 6px;
  898.     font-size: 12px;
  899.     line-height: 16px;
  900.     font-weight: bold;
  901.     text-transform: uppercase;
  902. }
  903.  
  904. .servDetails {
  905.     font-size: 12px;
  906. }
  907.  
  908. .invoiceTable2 .subTotal {
  909.     font-size: 14px;
  910.     line-height: 22px;
  911. }
  912.  
  913. .eTotal .amount {
  914.     font-size: 16px;
  915.     font-weight: bold;
  916. }
  917.  
  918. /* Invoice #3 */
  919. .invoiceTable3 th,
  920. .invoiceTable3 td {
  921.     padding-right: 16px;
  922.     padding-left: 0;
  923. }
  924.  
  925. .invoiceTable3 th {
  926.     padding-top: 6px;
  927.     border-bottom: 0;
  928. }
  929.  
  930. .invoiceTable3 td {
  931.     padding-top: 0;
  932.     padding-left: 0;
  933. }
  934.  
  935. .invoiceTable3 .prodTitle {
  936.     padding-bottom: 0;
  937.     padding-top: 12px;
  938.     padding-left: 16px;
  939.     border-bottom: 0;
  940. }
  941.  
  942. .invoiceTable3 .prodDesc {
  943.     font-size: 12px;
  944.     line-height: 18px;
  945.     padding-right: 0;
  946.     text-align: left;
  947.     vertical-align: top;
  948.     padding-right: 8px;
  949. }
  950. .invoiceTable3 .subTotal,
  951. .invoiceTable3 .eTotal {
  952.     padding-top: 16px;
  953. }
  954.  
  955. .invoiceTable3 .eQuantity {
  956.     width: 40px;
  957.     padding-right: 0;
  958.     text-align: center;
  959.     vertical-align: top;
  960. }
  961.  
  962. .invoiceTable3 .servDetails {
  963.     font-size: 11px;
  964. }
  965.  
  966. .invoiceTable3 .prodImg {
  967.     padding-left: 16px;
  968.     padding-right: 10px;
  969. }
  970.  
  971. /* Price Tables */
  972. .priceTable .priceColumn {
  973.     width: 72px;
  974.     padding-right: 1px;
  975.     text-align: left;
  976.     vertical-align: top;
  977. }
  978.  
  979. .priceColumn table {
  980.     width: 100%;
  981. }
  982.  
  983. .priceColumn td, .tableOption td {
  984.     font-size: 14px;
  985.     text-align: center;
  986.     padding-top: 12px;
  987.     padding-bottom: 12px;
  988.     height: 24px;  
  989. }
  990.  
  991. .tableOption td {
  992.     line-height: 18px !important;
  993. }
  994.  
  995. .priceColumn .mobileHide {
  996.     line-height: 18px !important;
  997. }
  998.  
  999. .priceColumn .tableBtn {
  1000.     border-bottom: 0;
  1001.     font-size: 12px;
  1002. }
  1003.  
  1004. .priceColumn .tableBtn a {
  1005.     font-weight: bold;
  1006. }
  1007.  
  1008. .priceColumn th {
  1009.     font-size: 12px;
  1010.     line-height: 17px;
  1011.     mso-line-height-rule: exactly;
  1012.     font-weight: normal;
  1013.     text-align: center;
  1014.     width: 72px;
  1015.     height: 60px;
  1016.     padding-top: 6px;
  1017.     padding-bottom: 6px;
  1018. }
  1019.  
  1020.  
  1021. .priceColumn.recommend th {
  1022.     font-weight: bold;
  1023. }
  1024.  
  1025. .priceColumn th strong {
  1026.     font-size: 18px;
  1027.     line-height: 26px;
  1028.     mso-line-height-rule: exactly;
  1029.     height: 26px;
  1030.     font-weight: bold;
  1031. }
  1032.  
  1033.  
  1034. .tableOption {
  1035.     text-align: left;
  1036.     vertical-align: top;
  1037.     padding-right: 1px;
  1038. }
  1039.  
  1040. .tableOption td {
  1041.     text-align: right;
  1042. }
  1043.  
  1044. .tableOption th {
  1045.     display: block;
  1046.     height: 72px;
  1047.     font-size: 0;
  1048.     line-height: 0;
  1049.     mso-line-height-rule: exactly;
  1050.     padding-top: 0;
  1051.     padding-bottom: 0;
  1052.     padding-left: 0;
  1053.     padding-right: 0;
  1054. }
  1055.  
  1056. /* Stats */
  1057. .twcoList td,
  1058. .invoiceTable2.twcoList td {
  1059.     padding-bottom: 0;
  1060.     padding-top: 10px;
  1061.     padding-left: 0;
  1062.     padding-right: 0;
  1063.     line-height: 22px;
  1064. }
  1065.  
  1066. .twcoList th,
  1067. .eBody .twcoList th {
  1068.     padding-left: 0;
  1069. }
  1070.  
  1071. .visitStats {
  1072.     vertical-align: middle;
  1073. }
  1074.  
  1075. .visitStats table {
  1076.     margin-top: auto;
  1077.     margin-bottom: auto;
  1078. }
  1079.  
  1080. .visitStats td {
  1081.     padding-top: 5px;
  1082.     padding-bottom: 5px;
  1083.     padding-left: 10px;
  1084.     padding-right: 10px;
  1085.     font-size: 14px;
  1086. }
  1087.  
  1088. .visitStats .visitPro {
  1089.     padding-left: 0;
  1090.     padding-right: 0;
  1091.     width: 46px;
  1092.     text-align: center;
  1093.     font-weight: bold;
  1094. }
  1095.  
  1096. /* Text Colors */
  1097. a, a span, .tableBtn a span, .priceColumn td a span {
  1098.     color: #235daa;
  1099. }
  1100. .entryBox p,
  1101. .eBody,
  1102. .invoiceTable td,
  1103. .invoiceTable p,
  1104. .invoiceTable2 th,
  1105. .invoiceTable2 td,
  1106. .invoiceTable2 p,
  1107. .priceTable td,
  1108. .priceTable th,
  1109. .priceTable p,
  1110. h4,
  1111. .subTotal .amount,
  1112. .invoiceHead .amount,
  1113. .twcoList strong, .eBody
  1114. .twcoList strong,
  1115. .priceColumn td span {
  1116.     color: #54565c;
  1117. }
  1118.  
  1119. .eHeaderLogo,
  1120. .eHeaderLogo a,  
  1121. .eHeaderLogoText,  
  1122. .eHeaderLogoText a,
  1123. .eHeaderLogoText span,  
  1124. .mainBtn a,
  1125. .mainBtn a span,
  1126. .tag .tagName,
  1127. .secondaryBtn a,
  1128. .secondaryBtn a span,
  1129. .lightBtn a,
  1130. .lightBtn span,
  1131. .defaultBtn a,
  1132. .defaultBtn a span,
  1133. .priceColumn.recommend th,
  1134. .visitStats .visitPro {
  1135.     color: #ffffff;
  1136. }
  1137.  
  1138. .eFooter,
  1139. .eFooter .highFix,
  1140. .eFooter .highFix span {
  1141.     color: #b2b2b2;
  1142. }
  1143.  
  1144. .eFooter a,
  1145. .eFooter a span {
  1146.     color: #808080;
  1147. }
  1148.  
  1149. .optionsButton .btnMain a,
  1150. .optionsButton .btnMain span {
  1151.     color: #bcc8df;
  1152. }
  1153.  
  1154. .highlight p,
  1155. .psMsg, .senderProfile p,
  1156. .entryBox .senderProfile p,
  1157. .invoiceHead, .invoiceHead td,
  1158. .invoiceHead p, .invoiceTable2
  1159. .subTotal,
  1160. .servDetails,
  1161. .aSignature,
  1162. .eBody .aSignature a,
  1163. .eBody .aSignature a span,
  1164. h4 span,
  1165. .invoiceTable2 th,
  1166. .twcoList td,
  1167. .invoiceTable2.twcoList td,
  1168. .priceTable .tableBtn,
  1169. .priceColumn span,
  1170. .invoiceTable3 .prodDesc, .label,
  1171. .subtleBtn td,
  1172. .subtleBtn td a,
  1173. .subtleBtn td a span {
  1174.     color: #a1a2a5;
  1175. }
  1176.  
  1177. h1,
  1178. h1 span,
  1179. h2,
  1180. h2 span,
  1181. .invoiceHead .ihBlack {
  1182.     color: #465059;
  1183. }
  1184.  
  1185. .priceTable th strong,
  1186. .amount,
  1187. .priceColumn.recommend,
  1188. .priceTable .spBtn,
  1189. .priceTable .spBtn span,
  1190. .profileName,
  1191. .profileName span,
  1192. .invoiceTable .amount,
  1193. .bannerLink img {
  1194.     color: #3cbff3;
  1195. }
  1196.  
  1197. .quoteTable td {
  1198.     color: #82858f;
  1199. }
  1200.  
  1201. /* Background Colors */
  1202. .topCorners td,
  1203. .eHeader,
  1204. .btnLfTp,
  1205. .btnLfBt,
  1206. .btnRgTp,
  1207. .btnRgBt,
  1208. .defaultBtn td,
  1209. .priceColumn.recommend th {
  1210.     background-color: #235daa;
  1211. }
  1212.  
  1213. .bottomCorners td,
  1214. .ReadMsgBody,
  1215. .ExternalClass,
  1216. .eBody,
  1217. .invoiceTable2,
  1218. .invoiceTable2 td,
  1219. .invoiceTable2 th,
  1220. .priceColumn.recommend .tableBtn {
  1221.     background-color: #ffffff;
  1222. }
  1223.  
  1224.  
  1225. body, #emailBody, .emailBodyCell {
  1226.     background-color: #ebebeb;
  1227. }
  1228.  
  1229. .optionsButton td {
  1230.     background-color: #4f7dbb;
  1231. }
  1232.  
  1233. .highlight,
  1234. .bubble td,
  1235. .bubble table td,
  1236. .invoiceTable2 .subTotal,
  1237. .priceColumn th,
  1238. .priceColumn.recommend td {
  1239.     background-color: #f6f6f7;
  1240. }
  1241.  
  1242. .visitStats .visitPro {
  1243.     background-color: #54565c;
  1244. }
  1245.  
  1246. .mainBtn td {
  1247.     background-color: #7fbe56;
  1248. }
  1249.  
  1250. .visitStats .statColor1 {
  1251.     background-color: #7fbe56;
  1252. }
  1253.  
  1254. .tag td {
  1255.     background-color: #3cbff3;
  1256. }
  1257.  
  1258. .lightBtn td {
  1259.     background-color: #3cbff3;
  1260. }
  1261.  
  1262. .secondaryBtn td {
  1263.     background-color: #eda18a;
  1264. }
  1265.  
  1266. .bubble2 td {
  1267.     background-color: #e7f7fe;
  1268. }
  1269.  
  1270. .visitStats .statColor2 {
  1271.     background-color: #4acacb;
  1272. }
  1273.  
  1274. .visitStats .statColor3 {
  1275.     background-color: #fe8676;
  1276. }
  1277.  
  1278. .visitStats .statColor4 {
  1279.     background-color: #ef954d;
  1280. }
  1281.  
  1282. .visitStats .statColor5 {
  1283.     background-color: #a478e5;
  1284. }
  1285.  
  1286. /* Borders */
  1287. .bottomLine,
  1288. .invoiceTable2 th,
  1289. .eTotal {
  1290.     border-bottom: 1px solid #ebebeb;
  1291. }
  1292.  
  1293. .invoiceTable3 .prodTitle {
  1294.     border-top: 1px solid #ebebeb;
  1295. }
  1296.  
  1297. .quoteTable td {
  1298.     border-left: 6px solid #ebebeb;
  1299. }
  1300. .tableOption td,
  1301. .tableOption th,
  1302. .priceColumn td,
  1303. .priceColumn th {
  1304.     border-bottom: 1px solid #cacaca;
  1305. }
  1306.  
  1307. .priceColumn.recommend th {
  1308.     border-bottom: 1px solid #235daa;  
  1309. }
  1310.  
  1311. @media only screen {
  1312. td[class=topCorners] img,
  1313. td[class=bottomCorners] img,
  1314. td[class=btnLfTp] img,
  1315. td[class=btnRgTp] img,
  1316. td[class=btnLfBt] img,
  1317. td[class=btnRgBt] img {
  1318.     display: none !important;
  1319.     font-size: 0 !important;
  1320.     max-height: 0 !important;
  1321.     line-height: 0 !important;
  1322.     padding: 0 !important;
  1323.     mso-hide: all;
  1324.     overflow: hidden !important;
  1325.     float: none !important;
  1326.     width: 0 !important;
  1327.     height: 0 !important;
  1328. }
  1329. td[class=crn_lftp] {
  1330.     -webkit-border-radius: 8px 0 0 0 !important;
  1331.     border-radius: 8px 0 0 0 !important;
  1332. }
  1333. td[class=crn_rgtp] {
  1334.     -webkit-border-radius: 0 8px 0 0 !important;
  1335.     border-radius: 0 8px 0 0 !important;
  1336. }
  1337. td[class=crn_lfbt] {
  1338.     -webkit-border-radius: 0 0 0 8px !important;
  1339.     border-radius: 0 0 0 8px !important;
  1340. }
  1341. td[class=crn_rgbt] {
  1342.     -webkit-border-radius: 0 0 8px 0 !important;
  1343.     border-radius: 0 0 8px 0 !important;
  1344. }
  1345. td[class=btnLfTp] {
  1346.     -webkit-border-radius: 4px 0 0 0 !important;
  1347.     border-radius: 4px 0 0 0 !important;
  1348. }
  1349. td[class=btnRgTp] {
  1350.     -webkit-border-radius: 0 4px 0 0 !important;
  1351.     border-radius: 0 4px 0 0 !important;
  1352. }
  1353. td[class=btnRgBt] {
  1354.     -webkit-border-radius: 0 0 4px 0 !important;
  1355.     border-radius: 0 0 4px 0 !important;
  1356. }
  1357. td[class=btnLfBt] {
  1358.     -webkit-border-radius: 0 0 0 4px !important;
  1359.     border-radius: 0 0 0 4px !important;
  1360. }
  1361.  
  1362. td[class=btnMain] {
  1363.     padding: 0 !important;
  1364. }
  1365.  
  1366. td[class=btnMain] a {
  1367.     display: block !important;
  1368.     padding: 10px 18px !important;
  1369.     line-height: 26px !important;
  1370. }
  1371.  
  1372. table[class=tag] td {
  1373.     border-collapse: separate !important;
  1374. }
  1375.  
  1376. table[class=tag] td[class=btnLfTp],
  1377. table[class=tag] td[class=btnRgTp],
  1378. table[class=tag] td[class=btnLfBt],
  1379. table[class=tag] td[class=btnRgBt] {
  1380.     line-height: 2px !important;
  1381. }
  1382.  
  1383. td[class=tagName],
  1384. td[class~=invoiceHead] td[class=tagName] {
  1385.     font-size: 11px !important;
  1386.     line-height: 14px !important;
  1387. }
  1388.  
  1389. table[class=tag] td[class=btnLfTp] {
  1390.     -webkit-border-radius: 2px 0 0 0 !important;
  1391.     border-radius: 2px 0 0 0 !important;
  1392. }
  1393. table[class=tag] td[class=btnRgTp] {
  1394.     -webkit-border-radius: 0 2px 0 0 !important;
  1395.  
  1396.     border-radius: 0 2px 0 0 !important;
  1397. }
  1398.  
  1399. table[class=tag] td[class=btnRgBt] {
  1400.     -webkit-border-radius: 0 0 2px 0 !important;
  1401.     border-radius: 0 0 2px 0 !important;
  1402. }
  1403.  
  1404. table[class=tag] td[class=btnLfBt] {
  1405.     -webkit-border-radius: 0 0 0 2px !important;
  1406.     border-radius: 0 0 0 2px !important;
  1407. }
  1408.  
  1409. table[class=optionsButton] {
  1410.     width: auto !important;
  1411. }
  1412. table[class=optionsButton] td[class=btnMain] a {
  1413.     padding: 2px 4px 2px 6px !important;
  1414. }
  1415. td[class=btnIcon] a {
  1416.     display: block;
  1417.     padding: 0 2px;
  1418. }
  1419. table[class=subtleBtn] td {
  1420.     padding: 9px 0 25px !important;
  1421. }
  1422. table[class=subtleBtn] a {
  1423.     display: block !important;
  1424.     padding: 7px 8px !important;
  1425. }
  1426. }
  1427.  
  1428. @media only screen and (max-width: 600px) {
  1429. td[class=emailBodyCell] {
  1430.     padding-left: 0 !important;
  1431.     padding-right: 0 !important;
  1432. }
  1433. }
  1434.  
  1435. @media only screen and (max-width: 560px) {
  1436. td[class=emailBodyCell] {
  1437.     padding: 8px !important;
  1438. }  
  1439.  
  1440. table[id=emailBody],
  1441. td[class=emailBodyCell],
  1442. table[class=eBox],
  1443. td[class=highlight],
  1444. td[class~=highlight],
  1445. td[class=eBody],
  1446. td[class~=eBody],
  1447. div[class=bannerLink] a,
  1448. div[class=bannerLink] img {
  1449.     display: block !important;
  1450.     width: auto !important;
  1451. }
  1452.  
  1453. td[class=highlight],
  1454. td[class~=highlight],
  1455. td[class=eBody],
  1456. td[class~=eBody] {
  1457.     overflow: hidden !important;
  1458. }
  1459.  
  1460. td[class=width40],
  1461. td[class~=width40],
  1462. td[class=width54],
  1463. td[class~=width54],
  1464. td[class=width64],
  1465. td[class~=width64],
  1466. td[class=width80],
  1467. td[class~=width80],
  1468. td[class=width84],
  1469. td[class~=width84],
  1470. td[class=width116],
  1471. td[class~=width116],
  1472. td[class=width246],
  1473. td[class~=width246],
  1474. td[class=width248],
  1475. td[class~=width248],
  1476. td[class=width132],
  1477. td[class~=width132],
  1478. td[class=width184],
  1479. td[class~=width184],
  1480. td[class=width312],
  1481. td[class~=width312],
  1482. td[class=width380],
  1483. td[class~=width380],
  1484. td[class=width412],
  1485. td[class~=width412],
  1486. td[class=width448],
  1487. td[class~=width448],
  1488. td[class=width458],
  1489. td[class~=width458],
  1490. td[class=priceColumn],
  1491. td[class~=priceColumn],
  1492. td[class~=subTotal],
  1493. table[class=invoiceList] td,
  1494. td[class=width184],
  1495. td[class~=width184],
  1496. table[class=entryBox] td[class=alignLeft],
  1497. table[class=invoiceTable] td[class~=alignLeft],
  1498. table[class=invoiceTable] td[class=alignRight],
  1499. td[class~=invoiceHead] table,
  1500. td[class~=invoiceHead] td[class=alignLeft],
  1501. table[class~=messageSection],
  1502. td[class~=senderProfile],
  1503. td[class~=messageArrow],
  1504. td[class~=prodDesc],
  1505. td[class~=eQuantity],
  1506. td[class~=highlight] td[class=alignLeft],
  1507. table[class=statsData] td[class~=width248] {
  1508.     width: 100% !important;
  1509.     display: block !important;
  1510.     padding-right: 0 !important;
  1511. }
  1512.  
  1513. div[class=bannerLink] img  {
  1514.     height: auto !important;
  1515. }
  1516.  
  1517. div[class=bannerLink] a,
  1518. div[class=bannerLink] img {
  1519.     width: 100% !important;
  1520. }
  1521.  
  1522. td[class=highlight] h1,
  1523. td[class~=highlight] h1 {
  1524.     font-size: 28px !important;
  1525.     line-height: 36px !important;
  1526. }
  1527.  
  1528. td[class=eBody] h2,
  1529. td[class~=eBody] h2,
  1530. td[class=priceColumn] th,
  1531. td[class~=priceColumn] th strong {
  1532.     font-size: 22px !important;
  1533.     line-height: 30px !important;
  1534.     margin-bottom: 8px !important;
  1535. }
  1536.  
  1537. strong[class=amount],
  1538. td[class~=eTotal] span[class=amount] {
  1539.     font-size: 20px !important;
  1540.     line-height: 24px !important;
  1541. }
  1542.  
  1543. td[class=btnMain] a {
  1544.     font-size: 20px;
  1545. }
  1546.  
  1547. td[class=priceColumn] th,
  1548. td[class~=priceColumn] th,
  1549. td[class~=prodTitle] h4,
  1550. td[class~=invoiceHead] p[class=amount] {
  1551.     font-size: 18px !important;
  1552.     line-height: 26px !important;
  1553. }
  1554.  
  1555. td[class=eBody] p,
  1556. td[class~=eBody] p,
  1557. td[class=highlight] p,
  1558. td[class~=highlight] p,
  1559. table[class=invoiceTable2] td,
  1560. table[class~=invoiceTable2] td,
  1561. span[class=serviceName],
  1562. td[class=priceColumn] td,
  1563. td[class~=priceColumn] td,
  1564. td[class~=highlight] h4,
  1565. table[class=subtleBtn] a {
  1566.     font-size: 16px !important;
  1567.     line-height: 24px !important;
  1568. }
  1569.  
  1570. td[class=eBody] p,
  1571. td[class~=eBody] p,
  1572. td[class=highlight] p,
  1573. td[class~=highlight] p {
  1574.     margin-bottom: 18px;
  1575. }
  1576.  
  1577. td[class~=invoiceHead] td,
  1578. td[class~=invoiceHead] p,
  1579. span[class=aSignature],
  1580. td[class~=highlight] h4 span,
  1581. span[class=servDetails] {
  1582.     font-size: 14px !important;
  1583.     line-height: 21px !important;
  1584. }
  1585.  
  1586. table[class=invoiceTable] td {
  1587.     font-size: 13px !important;
  1588.     line-height: 21px !important;
  1589. }
  1590.  
  1591. table[class~=twcoList] td {
  1592.     line-height: 30px !important;
  1593. }
  1594.  
  1595. td[class=btnIcon] a {
  1596.     display: block !important;
  1597.     padding: 7px 8px !important;
  1598. }
  1599.  
  1600. td[class=highlight],
  1601. td[class~=highlight],
  1602. td[class=eBody],
  1603. td[class~=eBody] {
  1604.     padding-top: 16px !important;
  1605. }
  1606.  
  1607. table[class=entryBox] td[class=width132],
  1608. table[class=entryBox] td[class~=width132] {
  1609.     text-align: center !important;
  1610. }
  1611.  
  1612. table[class~=messageSection],
  1613. table[class=entryBox] td[class=width132] a img,
  1614. table[class=entryBox] td[class~=width132] a img {
  1615.     margin-top: 16px !important;
  1616.     margin-bottom: 16px !important;
  1617. }
  1618.  
  1619. td[class~=highlight] td[class~=width116],
  1620. td[class=highlight] table[class=invoiceTable] td[class~=downloadInv] {
  1621.     text-align: center !important;
  1622. }
  1623.  
  1624. td[class~=highlight] table[class=invoiceList] td[class~=width116],
  1625. table[class=invoiceTable] td[class~=width116] {
  1626.     text-align: left !important;
  1627. }
  1628.  
  1629. td[class~=highlight] td[class~=width116] img {
  1630.     margin-top: 16px !important;
  1631.     margin-bottom: 16px !important;
  1632. }
  1633.  
  1634. table[class=profilePicture] td {
  1635.     padding-top: 8px !important;
  1636.     padding-bottom: 4px !important;
  1637. }
  1638.  
  1639. table[class~=messageSection] td[class=width380] {
  1640.     padding-bottom: 0 !important;
  1641. }
  1642.  
  1643. td[class~=messageArrow] {
  1644.     padding-bottom: 0 !important;
  1645.     text-align: center !important;
  1646.     vertical-align: top !important;
  1647.     overflow: hidden !important;
  1648.     height: 26px !important;
  1649. }
  1650.  
  1651. td[class~=messageArrow] table {
  1652.     transform:rotate(90deg) !important;
  1653.     -ms-transform:rotate(90deg)  !important;
  1654.     -webkit-transform:rotate(90deg)  !important;
  1655.     margin-right: auto !important;
  1656.     margin-left: auto !important;
  1657. }
  1658.  
  1659. td[class~=messageArrow] table[class=bubble] {
  1660.     margin-top: 5px !important;
  1661. }
  1662.  
  1663. td[class~=messageArrow] table[class=bubble2] {
  1664.     margin-top: -5px !important;
  1665. }
  1666.  
  1667. table[class=messageOptions],
  1668. table[class~=messageOptions] {
  1669.     width: 100% !important;
  1670.     overflow: hidden !important;
  1671. }
  1672.  
  1673.  
  1674. table[class=messageOptions] td[class=moBtn],
  1675. table[class~=messageOptions] td[class~=moBtn],
  1676. table[class=statsData] {
  1677.     width: 100% !important;
  1678.     padding: 0 !important;
  1679.     margin: 0 !important;
  1680.     float: left !important;
  1681.     margin-top: 16px !important;
  1682. }
  1683.  
  1684. table[class=invoiceTable2],
  1685. table[class~=invoiceTable2] {
  1686.     width: 100% !important;
  1687.     padding: 0 !important;
  1688.     margin: 0 !important;
  1689.     float: left !important;
  1690. }
  1691.  
  1692.  
  1693. table[class=mainBtn],
  1694. table[class~=mainBtn],
  1695. table[class=secondaryBtn],
  1696. table[class~=secondaryBtn],
  1697. table[class=defaultBtn],
  1698. table[class~=defaultBtn],
  1699. table[class=lightBtn],
  1700. table[class~=lightBtn],
  1701. table[class=subtleBtn] {
  1702.     width: 100% !important;
  1703.     margin: 0 !important;
  1704. }
  1705.  
  1706. table[class=invoiceTable2] td,
  1707. table[class~=invoiceTable2] td {
  1708.     -webkit-box-sizing: border-box !important;
  1709.     -moz-box-sizing: border-box !important;
  1710.     box-sizing: border-box !important;
  1711.     text-align: left !important;
  1712.     padding-right: 16px !important;
  1713. }
  1714.  
  1715. table[class=invoiceTable2] td[class=width312] {
  1716.     border-top: 1px solid #ebebeb !important;
  1717.     padding-top: 16px !important;
  1718. }
  1719.  
  1720. table[class~=invoiceTable3] td[class~=prodImg] {
  1721.     height: 1px !important;
  1722.     position: relative !important;
  1723.     overflow: visible !important;
  1724.     padding: 0 !important;
  1725. }
  1726.  
  1727. td[class~=prodImg] img {
  1728.     position: absolute !important;
  1729.     right: 16px !important;
  1730.     top: 0 !important;
  1731. }
  1732.  
  1733. table[class~=invoiceTable3] td {
  1734.     padding-left: 16px !important;
  1735. }
  1736.  
  1737. table[class~=invoiceTable3] td[class~=prodDesc] {
  1738.     padding-right: 112px !important;
  1739. }
  1740.  
  1741. table[class~=invoiceTable3] td[class~=prodDesc] {
  1742.     font-size: 14px !important;
  1743.     line-height: 21px !important;
  1744. }
  1745.  
  1746. td[class=width248 pdBt16 pdRg16 alignCenter],
  1747. td[class=highlight pdBt16 alignLeft] td[class=width116 pdRg16],
  1748. td[class=highlight pdBt16 alignLeft] td[class=alignLeft] {
  1749.     padding-right: 0 !important;
  1750.     text-align: center !important;
  1751. }
  1752.  
  1753. td[class=width248 pdBt16 pdRg16 alignCenter] img,
  1754. td[class=highlight pdBt16 alignLeft] td[class=width116 pdRg16] img {
  1755.     display: inline-block !important;
  1756. }
  1757.  
  1758.  
  1759. td[class~=senderProfile], table[class=bubble] td[class=width380] {
  1760.     padding-bottom: 0  !important;
  1761. }
  1762.  
  1763. td[class~=senderProfile] p {
  1764.     margin-bottom: 0 !important;
  1765. }
  1766.  
  1767.  
  1768. td[class=priceColumn],
  1769. td[class~=priceColumn] {
  1770.     padding-bottom: 32px !important;
  1771. }
  1772.  
  1773. td[class=priceColumn] th,
  1774. td[class~=priceColumn] th {
  1775.     padding: 16px 0 !important;
  1776. }
  1777.  
  1778.  
  1779. td[class=priceColumn] td,
  1780. td[class~=priceColumn] td {
  1781.     border: 0 !important;
  1782. }
  1783.  
  1784. td[class=priceColumn] td[class=tableBtn] {
  1785.     padding: 0 !important;
  1786. }
  1787.  
  1788. td[class=priceColumn] img,
  1789. td[class~=priceColumn] img {
  1790.     vertical-align: top !important;
  1791.     margin: 2px 6px 0 0 !important;
  1792. }
  1793.  
  1794. td[class=priceColumn] a,
  1795. td[class~=priceColumn] a {
  1796.     display: block !important;
  1797.     padding: 10px !important;
  1798. }
  1799.  
  1800. table[class~=twcoList] th {
  1801.     padding-top: 16px !important;
  1802.     padding-right: 0 !important;
  1803. }
  1804.  
  1805. table[class~=twcoList] td[class=width116],
  1806. table[class~=twcoList] td[class~=width116] {
  1807.     padding-right: 0 !important;
  1808.     display: table-cell !important;
  1809.     width: 60% !important;
  1810. }
  1811.  
  1812. table[class~=twcoList] td[class~=pdLf16] {
  1813.     width: 40% !important;
  1814. }
  1815.  
  1816. span[class=desktopHide] {
  1817.     display: inline-block !important;
  1818.     font-size: inherit !important;
  1819.     max-height: none !important;
  1820.     line-height: inherit !important;
  1821.     padding-right: 6px !important;
  1822.     overflow: visible !important;
  1823.     width: auto !important;
  1824. }
  1825.  
  1826. td[class=mobileHide],
  1827. td[class~=mobileHide],
  1828. td[class=tableOption],
  1829. table[class=invoiceTable2] th,
  1830. table[class~=invoiceTable3] th {
  1831.     display: none !important;
  1832.     font-size: 0 !important;
  1833.     width: 0 !important;
  1834.     max-height: 0 !important;
  1835.     line-height: 0 !important;
  1836.     padding: 0 !important;
  1837.     overflow: hidden !important;
  1838. }
  1839.  
  1840. }
  1841. </style>
  1842. <style type="text/css">
  1843. </style>
  1844. </head>
  1845. <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 100%;width: 100%;min-height: 1000px;background-color: #ebebeb;">
  1846. <div class="emailSummary" style="mso-hide: all;display: none !important;font-size: 0 !important;max-height: 0 !important;line-height: 0 !important;padding: 0 !important;overflow: hidden !important;float: none !important;width: 0 !important;height: 0 !important;">Opdateringer fra Crewnet.dk</div>
  1847. <table id="emailBody" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;height: 100%;width: 100%;min-height: 1000px;background-color: #ebebeb;">
  1848.   <tr>
  1849.     <td align="center" valign="top" class="emailBodyCell" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 32px;padding-bottom: 32px;padding-left: 16px;padding-right: 16px;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;height: 100%;width: 100%;min-height: 1000px;background-color: #ebebeb;">
  1850.     <table width="544" border="0" cellpadding="0" cellspacing="0" class="eBox" style="margin-top: 0;margin-left: auto;margin-right: auto;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;width: 544px;">
  1851.         <tr>
  1852.           <td class="topCorners" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 544px;height: 16px;">
  1853.           <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;width: 100%;">
  1854.               <tr>
  1855.                 <td align="left" valign="top" class="crn_lftp" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 16px;height: 16px;text-align: left;vertical-align: top;background-color: #235daa;font-size: 0 !important;">
  1856.                 <img src="<%= image_url "header_left.png" %>" alt="" width="8" height="8" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 8px;width: 8px;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;">
  1857.                 </td>
  1858.                 <td class="emptyCell space16" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;height: 16px;background-color: #235daa;width: 94%;line-height: 0 !important;font-size: 0 !important;">&nbsp;</td>
  1859.                 <td align="right" valign="top" class="crn_rgtp" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 16px;height: 16px;text-align: right;vertical-align: top;background-color: #235daa;font-size: 0 !important;">
  1860.                 <img src="<%= image_url "header_right.png" %>" alt="" width="8" height="8" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 8px;width: 8px;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;">
  1861.                 </td>
  1862.               </tr>
  1863.             </table>
  1864.             </td>
  1865.         </tr>
  1866.         <tr>
  1867.           <td class="eHeader" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 16px;padding-left: 16px;padding-right: 16px;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 512px;background-color: #235daa;">
  1868.           <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;">
  1869.               <tr>
  1870.                   <td class="eHeader" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 16px;padding-left: 16px;padding-right: 16px;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 512px;background-color: #235daa;">
  1871.                     <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;">
  1872.                       <tr>
  1873.                         <td class="eHeaderLogo" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;height: 48px;text-align: left;font-size: 0 !important;font-weight: bold;color: #ffffff;">
  1874.                             <a href="#" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;color: #ffffff;height: 48px;text-align: left;font-size: 18px;font-weight: bold;line-height: 0;">
  1875.                                 <img class="imageFix" src="<%= image_url('crewnetlogo-white.png') %>" width="200" height="48" alt="Crewnet" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: auto;width: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;vertical-align: top;">
  1876.                             </a>
  1877.                         </td>
  1878.                         <!-- end .eHeaderLogo-->
  1879.                         <td class="eHeaderOptions" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;height: 48px;text-align: right;vertical-align: top;font-size: 0 !important;">
  1880.                            
  1881.                         </td>
  1882.                         <!-- end .eHeaderOptions-->
  1883.                       </tr>
  1884.                     </table>
  1885.                         </td>
  1886.                 </tr>
  1887.             </table>
  1888.             </td>
  1889.         </tr>
  1890.         <tr>
  1891.           <td class="highlight pdTp32" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 32px;padding-bottom: 0;padding-left: 16px;padding-right: 16px;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 512px;text-align: center;background-color: #f6f6f7;">
  1892.             <h1 style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 5px;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;font-size: 24px;line-height: 36px;font-weight: bold;color: #465059;">
  1893.             <span style="color: #465059;">
  1894.                 Du er blevet tildelt <%= @workplace.name %>
  1895.             </span>
  1896.             </h1>
  1897.               <p style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 24px;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 22px;color: #a1a2a5;">
  1898.                 &nbsp;
  1899.               </p>
  1900.               <div class="bannerLink">
  1901.                 <a href="#" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;color: #235daa;">
  1902.                 <img src="<%= image_url "app.png" %>" alt="Crewnet" width="512" height="194" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 194px;width: auto;line-height: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;text-align: center;font-size: 16px;color: #3cbff3;">
  1903.                 </a>
  1904.               </div>
  1905.             </td>
  1906.             <!-- end .highlight-->
  1907.           </tr>
  1908.  
  1909.         <tr>
  1910.           <td class="eBody bottomLine" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 16px;padding-bottom: 0;padding-left: 16px;padding-right: 16px;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 512px;color: #54565c;background-color: #ffffff;border-bottom: 1px solid #ebebeb;">
  1911.           <table width="100%" border="0" cellpadding="0" cellspacing="0" class="entryBox" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;">
  1912.               <tr>
  1913.                 <td class="width132 pdBt16" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 16px;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;text-align: left;vertical-align: top;width: 132px;">
  1914.                 <a href="#" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;color: #235daa;">
  1915.                 <img src="<%= image_url "file_icon.gif" %>" width="116" height="116" alt="File" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: auto;width: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;">
  1916.                 </a>
  1917.                 </td>
  1918.                 <td class="alignLeft" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;text-align: left;">
  1919.                   <p style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 24px;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 22px;text-align: left;color: #54565c;">
  1920.                     Hej <%= @user.name %>!<br>
  1921.                     Du har fået tildelt <%= @workplace.name %> som ansvarsområde. <br>
  1922.                     For mere info log på <a href="<%= workplace_url(@workplace) %>">CrewNet | <%= @workplace.name %></a>.
  1923.                   </p>
  1924.                   <p style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 24px;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 22px;text-align: left;color: #54565c;">
  1925.                     Skulle du have nogle spørgsmål, kan du kontakte supporten på <a href="mailto:support@crewnet.dk">support@crewnet.dk</a>.
  1926.  
  1927.                     <br>
  1928.                     <br>
  1929.                     Teamet bag CrewNet.dk
  1930.                   </p>
  1931.                   </td>
  1932.               </tr>
  1933.             </table>
  1934.             </td>
  1935.           <!-- end .eBody-->
  1936.         </tr>
  1937.  
  1938.        
  1939.         <tr>
  1940.           <td class="bottomCorners" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 544px;height: 16px;">
  1941.           <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse;border-spacing: 0;width: 100%;">
  1942.               <tr>
  1943.                 <td align="left" valign="bottom" class="crn_lfbt" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 16px;height: 16px;text-align: left;vertical-align: bottom;background-color: #ffffff;font-size: 0 !important;">
  1944.                 <img src="<%= image_url "body_lfbt.png" %>" alt="" width="6" height="6" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 8px;width: 8px;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;">
  1945.                 </td>
  1946.                 <td class="emptyCell" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;height: 16px;background-color: #ffffff;width: 94%;line-height: 0 !important;font-size: 0 !important;">&nbsp;</td>
  1947.                 <td align="right" valign="bottom" class="crn_rgbt" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;width: 16px;height: 16px;text-align: right;vertical-align: bottom;background-color: #ffffff;font-size: 0 !important;">
  1948.                 <img src="<%= image_url "body_rgbt.png" %>" alt="" width="6" height="6" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;height: 8px;width: 8px;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;">
  1949.                 </td>
  1950.               </tr>
  1951.             </table>
  1952.             </td>
  1953.         </tr>
  1954.         <tr>
  1955.           <td class="eFooter" style="margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;padding-top: 14px;padding-bottom: 0;padding-left: 0;padding-right: 0;border-collapse: collapse;border-spacing: 0;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;text-align: center;font-size: 12px;line-height: 21px;width: 544px;color: #b2b2b2;">
  1956.             <a href="http://www.liveact.dk" class="highFix" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;font-family: Arial, Helvetica, sans-serif;color: #b2b2b2;cursor: pointer;">
  1957.             <span style="text-decoration: none;color: #b2b2b2;cursor: pointer;">CREWNET.DK en del af Liveact-Online - Alsgade 71 · 6400 Sønderborg</span>
  1958.             </a>
  1959.             </td>
  1960.         </tr>
  1961.       </table>
  1962.      
  1963.       <!-- end .eBox -->
  1964.       </td>
  1965.     <!-- end .emailBodyCell -->
  1966.   </tr>
  1967. </table>
  1968. <!-- end #emailBody -->
  1969. </body>
  1970. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!