<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>$ProductName$</title>
		<style>
        
        /* http://meyerweb.com/eric/tools/css/reset/ 
           v2.0 | 20110126
           License: none (public domain)
        */

        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, 
        figure, figcaption, footer, header, hgroup, 
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
        	margin: 0;
        	padding: 0;
        	border: 0;
        	font-size: 100%;
        	font: inherit;
        	vertical-align: baseline;
        }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure, 
        footer, header, hgroup, menu, nav, section {
        	display: block;
        }
        body {
            font: normal 13px/ 1.1 Helvetica,Arial,sans-serif !important;
            -webkit-font-smoothing: antialiased !important;
        	line-height: 1;
            color:#000000 !important;
        }
        ol, ul {
        	list-style: none;
        }
        blockquote, q {
        	quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
        	content: '';
        	content: none;
        }
        table {
        	border-collapse: collapse;
        	border-spacing: 0;
        }
        a{cursor : pointer !important}
        a,input,button{outline : none !important}
        a{text-decoration : underline !important}
        a:hover{text-decoration : none !important}
        a img{border : none !important}
        a{
            color:#000000 !important;
            font-weight : normal !important;
            font-size: 100% !important;
        }
        b {
            font-weight : bold;
        }
        .kfp_css_object div {
            padding : 25px !important;
            width : auto !important;
            height : auto !important;
            font : normal 13px/ 1.1 Helvetica,Arial,sans-serif !important;
            color : #000000 !important;            
        }
        .baloon_title_kav{
				position : absolute !important;
				top : 110px !important;
				left : 50% !important;
				margin-left : -175px !important;
				width : 350px !important;
				font-size : 17px !important;
				color : #a1a1a1 !important;
				text-align : center !important;
                
                text-decoration: none !important;
			}
			.baloon{
				position : absolute !important;
				top : 149px !important;
				left : 50% !important;
				margin-left : -175px !important;
				width : 350px !important;
				-moz-border-radius : 10px !important;
				-webkit-border-radius : 10px !important;
			 	-khtml-border-radius : 10px !important;
			 	border-radius : 10px !important;
				box-shadow:0 0 8px rgba(0,0,0,.3);
			}
			.baloon_head{
				position : relative !important;
				overflow : hidden !important; 
				border-width : 1px !important;
				border-style : solid !important;
				-moz-border-radius : 10px 10px 0 0 !important;
				-webkit-border-radius : 10px 10px 0 0 !important;
			 	-khtml-border-radius : 10px 10px 0 0 !important;
			 	border-radius : 10px 10px 0 0 !important;
				height : 53px !important;
			}
			.baloon_head_bg{
				position : absolute !important;
				top : 0 !important;
				left : 0 !important;
				width : 100% !important;
				height : 100% !important;
				-moz-border-radius : 10px 10px 0 0 !important;
				-webkit-border-radius : 10px 10px 0 0 !important;
				-khtml-border-radius : 10px 10px 0 0 !important;
				border-radius : 10px 10px 0 0 !important;
				background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXAQMAAADa5EbjAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAHGKSkXcAAABJSURBVHheZcmxEYAgEEXBh8xIph1oJ9oZUtqVciUQEjD3NTfYaJGDbEFtRWwEB5OLQaUTeAosB60E7J9zwj3g6SAnychqFP36BSCZINWzV5iNAAAAAElFTkSuQmCC);
			}
			.baloon_head_txt{
				position : relative !important;
				z-index : 8 !important;
				text-align : center !important; 
				font-size : 16px !important;
				line-height : 53px !important;
				font-weight : bold !important;
				text-transform : uppercase !important;
				text-shadow : 0 -1px 1px rgba(0,0,0,.35) !important;
				color : #fff !important;
			}
			.baloon_head_red{
				border-color : #a94351 #86424c #684e52 #86424c !important;
				background : #ba2025 !important;
				background : -moz-linear-gradient(top,#ec432c 0%,#ba2025 4%,#a5191e 100%) !important;
				background : -webkit-gradient(linear,left top, left bottom,color-stop(0%,#ec432c),color-stop(4%,#ba2025),color-stop(100%,#a5191e)) !important;
				background : -webkit-linear-gradient(top,#ec432c 0%,#ba2025 4%,#a5191e 100%) !important;
				background : -o-linear-gradient(top,#ec432c 0%,#ba2025 4%,#a5191e 100%) !important;
				background : -ms-linear-gradient(top,#ec432c 0%,#ba2025 4%,#a5191e 100%) !important;
				background : linear-gradient(top,#ec432c 0%,#ba2025 4%,#a5191e 100%) !important;
			}
			.baloon_head_green{
                border-color :  #158266 #158266 #50685b #5c7c4a !important;
                background :  #5cb343 !important;
                background :  -moz-linear-gradient(top,#24c098 0%,#169675 4%,#158266 100%) !important;
                background :  -webkit-gradient(linear,left top, left bottom,color-stop(0%,#00b09a),color-stop(4%,#169675),color-stop(100%,#158266)) !important;
                background :  -webkit-linear-gradient(top,#24c098 0%,#169675 4%,#158266 100%) !important;
                background :  -o-linear-gradient(top,#24c098 0%,#169675 4%,#158266 100%) !important;
                background :  -ms-linear-gradient(top,#24c098 0%,#169675 4%,#158266 100%) !important;
                background :  linear-gradient(top,#24c098 0%,#169675 4%,#158266 100%) !important;
			}
			.baloon_head_yellow{
				border-color : #eaad00 #c69a3f #c6924c #c69a3f !important;
				background : #ffcc00 !important;
				background : -moz-linear-gradient(top,#fbc60c 0%,#ffcc00 4%,#fbb50c 100%) !important;
				background : -webkit-gradient(linear,left top, left bottom,color-stop(0%,#fbc60c),color-stop(4%,#ffcc00),color-stop(100%,#fbb50c)) !important;
				background : -webkit-linear-gradient(top,#fbc60c 0%,#ffcc00 4%,#fbb50c 100%) !important;
				background : -o-linear-gradient( top,#fbc60c 0%,#ffcc00 4%,#fbb50c 100%) !important;
				background : -ms-linear-gradient(top,#fbc60c 0%,#ffcc00 4%,#fbb50c 100%) !important;
				background : linear-gradient(top,#fbc60c 0%,#ffcc00 4%,#fbb50c 100%) !important;
			}
			.baloon_head_gray{
				border-color : #aaaaaa #9f9f9f #aaaaaa #9f9f9f !important;
				background : #c9c9c9 !important;
				background : -moz-linear-gradient(top,#f0f0f0 0%,#c9c9c9 4%,#858585 100%) !important;
				background : -webkit-gradient(linear,left top, left bottom,color-stop(0%,#f0f0f0 ),color-stop(4%,#c9c9c9),color-stop(100%,#858585)) !important;
				background : -webkit-linear-gradient(top,#f0f0f0 0%,#c9c9c9 4%,#858585 100%) !important;
				background : -o-linear-gradient(top,#f0f0f0 0%,#c9c9c9 4%,#858585 100%) !important;
				background : -ms-linear-gradient(top,#f0f0f0 0%,#c9c9c9 4%,#858585 100%) !important;
				background : linear-gradient(top,#f0f0f0 0%,#c9c9c9 4%,#858585 100%) !important;
			}
			.baloon_body{
				border-style : solid !important;
				border-width : 0 1px !important;
				border-color : #d4d4d4 !important;
				padding : 24px 30px 40px 30px !important;
				background : #fff !important;
			}
			.baloon_body_info{
				font-size : 14px !important;
			}
			.baloon_body_url{
				color:#999999
			}
			.baloon_body_space{
				height : 15px !important;
			}
			.baloon_body_buttons{
				margin :  30px 0 !important;
                margin-bottom: 0px !important;
			}
			.baloon_body_buttons .baloon_body_button:first-child{
				margin-right :  10px !important;
			}
			.baloon_body_button{
                cursor: pointer !important;
                
				background-color :  #f7f7f7 !important;
				background-image :  linear-gradient(top,#ffffff,#dadada) !important;
				border :  1px solid #747474 !important;
				border-radius :  3px !important;
				color :  #000 !important;
				display :  inline-block !important;
				font-size :  12px !important;
				height :  25px !important;
				line-height :  25px !important;
				min-width :  40px !important;
				text-align :  center !important;
				text-decoration :  none !important;
			}
			.baloon_body_button:hover,.baloon_body_button:active,.baloon_body_button:visited{
				color :  #000 !important;
                background-color :  #e7e7e7 !important;
			}
			.baloon_body_button:hover{
				background-image :  linear-gradient(top,#ffffff30%,#dadada60%) !important;
			}
			.baloon_body_button:active{
				background-image :  linear-gradient(top,#dadada,#ffffff) !important;
			}
			.baloon_body_button:focus{
				outline :  1px dotted #333 !important;
			}			
		    .baloon_body_button-imp{
			    background-color :  #00a387 !important;
			    background-image :  linear-gradient(top,#19730f,#096205) !important;
			    border :  1px solid #19730f !important;
			    border-radius :  3px !important;
			    color :  #fff !important;
			    moz-transition :  background .5s ease !important;
			    transition :  background .5s ease !important;
			    webkit-transition :  background .5s ease !important;
                margin-bottom: 10px !important;
		    }
		    .baloon_body_button-imp:hover,.baloon_body_button-imp:active,.baloon_body_button-imp:visited{
			    color :  #fff !important;
			    background-color :  #00c3a7 !important;
		    }
		    .baloon_body_button-imp:hover{
			    background-image :  linear-gradient(top,#49a33f,#096205) !important;
		    }
		    .baloon_body_button-imp:active{
			    background-image :  linear-gradient(top,#096205,#19730f) !important;
		    }
			.baloon_foot{
				border-style : solid !important;
				border-width : 0 1px 1px 1px !important;
				border-color : #d4d4d4 !important;
				padding : 0 30px !important;
				font-size : 11px !important;
				line-height : 35px !important;
				color : #161616 !important;
				background : #f6f6f6 !important;
				-moz-border-radius : 0 0 10px 10px !important;
				-webkit-border-radius : 0 0 10px 10px !important;
			 	-khtml-border-radius : 0 0 10px 10px !important;
			 	border-radius : 0 0 10px 10px !important;
			}
            .kfp_centered_text {
                width: 100% !important;
                text-align: center !important;
            }
            .kfp_left_text {
                text-align: left !important;
            }
		</style>
		<script>
			function NavigateSafeBrowser() {
			    window.location = "%SafeRunSafeUrl%";
			}

			function NavigateBrowser() {
				window.location="%SkipSafeUrl%";
			}
		</script>
	</head>
	<div class="">
		<div class="baloon_title_kav"><b>$ProductName$</b></div>
		<div class="baloon">
			<div class="baloon_head baloon_head_green">
				<div class="baloon_head_txt">
					$CustomActionTitle$
				</div>
				<div class="baloon_head_bg"></div>
			</div>
			<div class="baloon_body">
				<p class="baloon_body_info kfp_left_text">
					$CustomActionDescription$
				</p>
				<div class="baloon_body_buttons safe_urls">
                    <table style="width: 100%;">
                        <tr>
                            <td onclick="NavigateSafeBrowser();return false;" class="baloon_body_button baloon_body_button-imp kfp_centered_text custom_action_button_safe">
                                $SafeRunButtonText$
                            </td>
                        </tr>
                        <tr>
                            <td onclick="NavigateBrowser();return false;" class="baloon_body_button kfp_centered_text custom_action_button_skip">
                                $SkipButtonText$
                            </td>
                        </tr>
                    </table>
				</div>
			</div>
			<div class="baloon_foot kfp_left_text">
				<a id="CustomActionLearnMoreUrl" href="%SafeBankingGetMoreInfoLink%" target="_blank">$CustomActionLearnMore$</a>
			</div>
		</div>
	</div>
</html>
