<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
<style type="text/css">
#system-message {
background-color: rgb(254, 255, 170);
border: 2px solid rgb(153, 3, 0);
margin: 5px 0pt;
padding: 0pt;
}
#system-message h2 {
color: rgb(153, 0, 0);
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 5px;
}
#system-message p {
color: rgb(0, 0, 0);
font-size: 12px;
margin: 0;
padding: 5px;
}
#system-message a.readmore {
border-bottom: 1px solid rgb(153, 0, 0);
color: rgb(153, 0, 0);
margin-left: 5px;
text-decoration: none;
}
</style>
</head>
<body>
<div id="container">
<div id="system-message">
<h2>The system will be undergoing an upgrade Wednesday, February 10th to Sunday February 14th, 2010.</h2>
<p>This is a bunch of text that will describe the upgrade in much detail.</p>
</div>
</div>
</body>
</html>