Updates Tab #3

*****THIS PART GOES AFTER <STYLE TYPE="TEXT/CSS">********

    body {
	margin: 0px 0px 0px 15px;
      }

      .superstring {
	background: #ccc;
	width: 1px;
	height: 1px;
	position: relative;
	top: -203px;
	transition-duration: 0.5s;
      }

      .supercircle {
	width: 15px;
	height: 15px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius; 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	margin-left: -7px;
	position: relative;
	top: -203px;
	transition-duration: 0.5s;
      }

      .supertab {
	width: 90px;
	height: 180px;
	position: relative;
	top: -203px;
	background: transparent;
	border-bottom: 3px solid #ccc;
	transition-duration: 0.5s;
	font-size: 10px;
	color: #555;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-family: calibri;
	line-height: 110%;
      }

      .hoverbutton {
	width: 70px;
	background: transparent;
	height: 100px;
      }

      .hoverbutton:hover .supertab {
	top: 0px;
      }

      .hoverbutton:hover .superstring {
	top: 0px;
	transition-duration: 0.5s;
      }

      .hoverbutton:hover .supercircle {
	top: 0px;
      }


****THIS PART GOES AFTER <BODY>*******

<div class="hoverbutton">
    <div class="supertab">I am your text.  You can type whatever you want in this box, and you can stylize it too.<p />Try making some new paragraphs, or <b>bolding</b> your text.<p />If you want to make this bigger, simply change the height of the updates tab in the supertab class.</div>

    <table cellpadding="0" cellspacing="0" style="margin-left: 10px;"><tr>
      <td valign="top">
      <div class="superstring" style="height: 70px;"></div>
      <div class="supercircle" style="background: #ff0066;"></div></td>

      <td valign="top"><div class="superstring" style="height: 100px; margin-left: 15px;"></div>
      <div class="supercircle" style="background: #ff4499; margin-left: 8px;"></div></td>

      <td valign="top"><div class="superstring" style="height: 50px; margin-left: 15px;"></div>
      <div class="supercircle" style="background: #ff88cc; margin-left: 8px;"></div></td>

      <td valign="top"><div class="superstring" style="height: 85px; margin-left: 15px;"></div>
      <div class="supercircle" style="background: #ffccff; margin-left: 8px;"></div></td>
    </tr></table>

    </div>