Untitled

                emailBody = "<html xmlns=\"http://www.w3.org/1999/xhtml \"> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Approve Vaccation</title> <style type=\"text/css\"> .simple table { color: #333; /* Lighten up font color */ font-family: Helvetica, Arial, sans-serif; /* Nicer font */ width: 50%; border-collapse: collapse; border-spacing: 0; } .simple td, th { border: 1px solid #CCC; height: 30px; } /* Make cells a bit taller */ .simple th { background: #F3F3F3; /* Light grey background */ font-weight: bold; /* Make sure they're bold */ } .simple td { background: #FAFAFA; /* Lighter grey background */ text-align: center; /* Center our text */ } #outlook a { padding: 0; } body { width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; } .ExternalClass { width: 100%; } /* Force Hotmail to display emails at full width */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } #backgroundTable { margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; text-align: center; } img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; } a img { border: none; } .image_fix { display: block; } p { margin: 0px 0px !important; } table td { border-collapse: collapse; } table { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /*a {color: #e95353;text-decoration: none;text-decoration:none!important;}*/ /*STYLES*/ table[class=full] { width: 100%; clear: both; } /*################################################*/ /*IPAD STYLES*/ /*################################################*/ @media only screen and (max-width: 640px) { a[href^=\"tel\"], a[href^=\"sms\"] { text-decoration: none; color: #ffffff; /* or whatever your want */ pointer-events: none; cursor: default; } .mobile_link a[href^=\"tel\"], .mobile_link a[href^=\"sms\"] { text-decoration: default; color: #ffffff !important; pointer-events: auto; cursor: default; } table[class=devicewidth] { width: 440px !important; text-align: center !important; } table[class=devicewidthinner] { width: 420px !important; text-align: center !important; } table[class=\"sthide\"] { display: none !important; } img[class=\"bigimage\"] { width: 420px !important; height: 219px !important; } img[class=\"col2img\"] { width: 420px !important; height: 258px !important; } img[class=\"image-banner\"] { width: 440px !important; height: 106px !important; } td[class=\"menu\"] { text-align: center !important; padding: 0 0 10px 0 !important; } td[class=\"logo\"] { padding: 10px 0 5px 0 !important; margin: 0 auto !important; } img[class=\"logo\"] { padding: 0 !important; margin: 0 auto !important; } } /*##############################################*/ /*IPHONE STYLES*/ /*##############################################*/ @media only screen and (max-width: 480px) { a[href^=\"tel\"], a[href^=\"sms\"] { text-decoration: none; color: #ffffff; /* or whatever your want */ pointer-events: none; cursor: default; } .mobile_link a[href^=\"tel\"], .mobile_link a[href^=\"sms\"] { text-decoration: default; color: #ffffff !important; pointer-events: auto; cursor: default; } table[class=devicewidth] { width: 280px !important; text-align: center !important; } table[class=devicewidthinner] { width: 260px !important; text-align: center !important; } table[class=\"sthide\"] { display: none !important; } img[class=\"bigimage\"] { width: 260px !important; height: 136px !important; } img[class=\"col2img\"] { width: 260px !important; height: 160px !important; } img[class=\"image-banner\"] { width: 280px !important; height: 68px !important; } } </style> </head> <body> <!-- Start of preheader --> <table width=\"100%\" bgcolor=\"#583494\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" id=\"backgroundTable\" st-sortable=\"preheader\"> <tbody> <tr> <td width=\"100%\"> <table width=\"580\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"center\" class=\"devicewidth\"> <tbody> <!-- Spacing --> <tr> <img src=\"http://static1.squarespace.com/static/5383a76de4b06dea6734f421/t/5396e2b9e4b01c44db994544/1484738690611/?format=400w\" style=\"max-width: 400px;\"> </tr> <!-- Spacing --> <tr> <td width=\"100%\" height=\"5\"></td> </tr> <!-- Spacing --> </tbody> </table> </td> </tr> </tbody> </table> <!-- End of preheader --> </div> <!-- start of header --> <div class=\"block\"> <!-- image + text --> <table width=\"100%\" bgcolor=\"#583494\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" id=\"backgroundTable\" st-sortable=\"bigimage\"> <tbody> <tr> <td> <table bgcolor=\"#ffffff\" width=\"580\" align=\"center\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"devicewidth\" modulebg=\"edit\"> <tbody> <tr> <td width=\"100%\" height=\"10\"></td> </tr> <tr> <td> <table width=\"540\" align=\"center\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"devicewidthinner\"> <tbody> <!-- title --> <tr> <td style=\"font-family: Helvetica, arial, sans-serif; font-size: 18px; color: #333333; text-align:left;line-height: 20px;\" st-title=\"rightimage-title\"> Congratulations " + formData.Get("scp_firstname") + "! </td> </tr> <!-- end of title --> <!-- Spacing --> <tr> <td width=\"100%\" height=\"10\"></td> </tr> <!-- Spacing --> <!-- content --> <tr> <td style=\"font-family: Helvetica, arial, sans-serif; font-size: 13px; color: #5f5f5f; text-align:left;line-height: 24px;\" st-content=\"rightimage-paragraph\"> <h3> Your Leap Card application has been approved! </h3> <h4> Your Student Leap Card Order Number is: <b> " + formData.Get("scp_applicationNumber") + "</b>. </h4> <h4> Please go to your nearest Student Leap Card Agent with proof of ID and student status, and the €10 fee, to complete the application. </h4> </td> </tr> <!-- end of content --> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <table width=\"100%\" bgcolor=\"#583494\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" id=\"backgroundTable\" st-sortable=\"postfooter\"> <tbody> <tr> <td width=\"100%\"> <table width=\"580\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"center\" class=\"devicewidth\"> <tbody> <!-- Spacing --> <tr> <td width=\"100%\" height=\"5\"></td> </tr> <!-- Spacing --> <tr> <td width=\"100%\" height=\"5\"></td> </tr> <!-- Spacing --> </tbody> </table> </td> </tr> </tbody> </table </div> </body> </html>";