<script type="text/javascript">
$(document).ready(function() {
   $("#linkshow").click(function(e) {
      e.preventDefault();
      $("#window").show();
   });
}); ​
</script>

<a href="#" id="linkshow">Submit a comment</a>


<div id="window" style="position: absolute; z-index: 10; left: 170px; top: 215px; width: 400px; background-color: rgb(221, 227, 235);display: none;
padding: 5px 9px 7px 5px;border-radius:7px; -moz-border-radius:7px !important;-webkit-border-radius: 7px !important;-khtml-border-radius: 7px !important; text-align: left; color: #fff;
background-color: rgba(5%,11%,25%,.4); background-image: url();
border-width: 1px;border-color: rgba( 0, 40, 80, 0.2);border-style: solid;
box-shadow: 0 2px 4px 1px rgba(0%,3%,7%,0.2),
inset 0 20px 0px -10px rgba(40%,70%,100%,0.05),
inset 0 0px 0px 1px rgba(50%,70%,100%,0.15),
inset 0 1px 0px 0px rgba(50%,70%,100%,0.05),
inset 0 -2px 0px -1px rgba(20%,70%,100%,0.2),
inset 0 1px 6px 2px rgba(0%,70%,100%,0.07),
inset 0 -530px 200px -300px rgba(5%,37%,55%,0.7),
inset 0 250px 150px -50px rgba(4%,10%,22%,.8) !important;">

<div style="color:#000 !important;margin: 5px 0px 0px 4px !important;
padding: 0px 0px 8px 0px !important;height:15px;
-webkit-border-radius:  5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px !important ;border-radius: 5px 5px 5px 5px;
background-color:rgba(100%,100%,100%,1) !important;
border-width: 1px !important;border-color: rgba( 0, 20, 45, .5) !important;border-style: solid !important;color: rgba( 0%,0%,0%,1) !important;
box-shadow: 1px 1px 3px rgba(0%,0%,0%,0.25) !important;
cursor:move;"
onmousedown="beginDrag(this.parentNode, event);">

<div style="position:absolute; font-size:16px; color:#000;margin: 0px 0px 0px 0px !important;
padding: 1px 2px 2px 5px !important;">
Suggestions and Comments (May 11th - May 31st)</div>

<div style="position:absolute; top:3px; left:377px; float:right;" onclick="this.parentNode.parentNode.style.display = 'none';">

<a href="JavaScript:void(0)" id="close"><img border="0" title="Click here to close." src="http://www.civics.ks.gov/img/close_button.png" style="cursor:pointer;margin: 4px 0px 1px -5px !important;"></a>

</div>
</div>
<div id="popupinfo">
<br>

<form class="validate Form-Fields" name="form_F3CD62D8-F20A-485E-A9C1-1756241E91E1" action="/Default.asp?display=2ABBC63F-79C9-467D-9C97-AFA4F114872A" method="POST">
<div>
<table width="100%" cellspacing="0" cellpadding="3" border="0" id="table1" style="margin:-20px 0px -21px 0px !important;">
<tbody><tr>
<td style="margin:-15px 0px -0px 0px !important;color:#000 !important;" class="element-row1-inner">
<p>
Name<br>
<input type="text" size="30" name="name" class="required" style="width:373px !important;"></p>
<p>
Email<br>
<input type="text" size="30" name="email" class="required" style="width:373px !important;"></p>

<p>
Page:<br>
<select style="width:378px !important;">
<option value="Home" selected="selected">Home</option>
<option value="Technical Assistance">Technical Assistance</option>
<option value="Computers">Computers</option>
<option value="Custom Computers">Custom Computers</option>
<option value="Forums">Forums</option>
<option value="Blogs">Blogs</option>
<option value="Events">Events</option>
<option value="Contact">Contact</option>
<option value="Careers">Careers</option>
<option value="Affiliate">Affiliate</option>
<option value="Deals">Deals</option>
<option value="Web Design">Web Design</option>
<option value="Other">Other...</option></select></p>

<p>Message<br>
<textarea style="width:372px;" rows="6" name="message" cols="50"></textarea></p>
<br>
<p style="margin: -20px 0px 2px 160px !important;"><input type="submit" name="B1" value="Submit" id="">
<input type="hidden" style="" value="F3CD62D8-F20A-485E-A9C1-1756241E91E1" name="tpost_id"></p>
</td>
</tr>

</tbody></table></div>
</form>
<br>
</div>
<style>

#popupinfo{
color:#000 !important;margin: 8px 0px 2px 4px !important;
padding: 5px 0px 8px 0px !important;
-webkit-border-radius:  5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px !important ;border-radius: 5px 5px 5px 5px;
background-color:rgba(100%,100%,100%,1) !important;
border-width: 1px !important;border-color: rgba( 0, 20, 45, .5) !important;border-style: solid !important;
color: rgba( 0%,0%,0%,1) !important;
box-shadow: 2px 2px 2px rgba(0%,0%,0%,0.2) !important;}

#elementF3CD62D8-F20A-485E-A9C1-1756241E91E1 {display:none;}
</style>
</div>












<script type="text/javascript">
$(document).ready(function() {
 // If the 'hide cookie is not set we show the message
  if (!readCookie('hide')) {
    $('#window').show();
  }
  // Add the event that closes the popup and sets the cookie that tells us to
  // not show it again until one day has passed.
  $('#close').click(function() {
    $('#window').hide();
    createCookie('hide', true, 1)
    return false;
  });
});
// ---
// And some generic cookie logic
// ---
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}
function eraseCookie(name) {
  createCookie(name,"",-1);
}
</script>