<html>
<head>
    <meta name="content-size" content="290x181" />
	<title>Are you still listening?</title>
    <style type="text/css">
    body, html {height: 100%; overflow-y: hidden; margin: 0; padding: 0;}
    .table { display: table; height:100%; width: 100%;}
    .cell { display: table-cell; vertical-align: middle; text-align: center; height:100%; width: 100%;}
    .listening { margin: 0 auto; box-shadow: 3px 6px 15px #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #b0b6bb; padding: 10px; color: #fff; text-align: center; font-family: "Helvetica Neue", Roboto, Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 200;text-shadow: 0px -1px 0px #474747; overflow: hidden; background: -moz-linear-gradient(top, rgba(4,89,183,0.7) 0%, rgba(4,89,183,0.71) 13%, rgba(4,28,69,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,89,183,0.7)), color-stop(13%,rgba(4,89,183,0.71)), color-stop(100%,rgba(4,28,69,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(4,89,183,0.7) 0%,rgba(4,89,183,0.71) 13%,rgba(4,28,69,0.8) 100%); /* Chrome10+,Safari5.1+ */}
    .listening h1 { font-size: 18px; padding: 4px 0 8px 0px; margin:0;}
    .listening p { font-size: 14px; padding: 0 0 12px 0; margin: 0;}
    .listening a { font-size: 14px; font-weight: bold; width: 48%;  display: block; float: left; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #0b2542; min-height: 42px; text-decoration: none; background: rgb(200,215,226); /* Old browsers */ background: -moz-linear-gradient(top, rgba(200,215,226,1) 0%, rgba(231,244,255,1) 44%, rgba(179,195,207,1) 48%, rgba(207,220,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,215,226,1)), color-stop(44%,rgba(231,244,255,1)), color-stop(48%,rgba(179,195,207,1)), color-stop(100%,rgba(207,220,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,215,226,1) 0%,rgba(231,244,255,1) 44%,rgba(179,195,207,1) 48%,rgba(207,220,229,1) 100%); /* Chrome10+,Safari5.1+ */ }
    .listening a span { padding: 11px 0 11px 0; display: block; }
    a.still-listening { background: rgb(43,89,147); /* Old browsers */ background: -moz-linear-gradient(top, rgba(43,89,147,1) 0%, rgba(25,68,133,1) 44%, rgba(5,45,106,1) 47%, rgba(6,60,119,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,89,147,1)), color-stop(44%,rgba(25,68,133,1)), color-stop(47%,rgba(5,45,106,1)), color-stop(100%,rgba(6,60,119,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,89,147,1) 0%,rgba(25,68,133,1) 44%,rgba(5,45,106,1) 47%,rgba(6,60,119,1) 100%); /* Chrome10+,Safari5.1+ */}
    .still-listening span { color: #fff; text-shadow: 0px -1px 0px #424242; }
    .upgrade {float: right !important;}
    .upgrade span { color: #17273e; text-shadow: 0px 1px 0px #fff; }
    </style>
</head>
<body>
<div class="table">
<div class="cell">
    <div class="listening">
	<h1>Are you still listening?</h1>

		<p>We pay for each song we play, so we try not to play to an empty room.</p>

	    <a class="still-listening" style="width:100%" href="javascript:PandoraApp.closeCustomWebViewContainer();"><span>Still listening</span></a>

	</div>
</div>
</div>

</body>
</html>