.tabs { float: left; display: block; line-height: normal; }

.tabs ul { margin: 0; padding: 0px; list-style: none; }
.tabs li { margin: 0; padding: 0px; display: inline; }

.tabs a {      float: left; background: url("tabpanel_left.png") no-repeat left top; 
               padding:0 0 0 5px; margin: 0; text-decoration:none; }

.tabs a span { float: left; background: url("tabpanel_right.png") no-repeat right top;
               padding: 5px 15px 4px 6px; display: block; color: #000000; }

.tabs a:hover         { background-position: 0%   -42px; }
.tabs a:hover  span   { background-position: 100% -42px; color: #FFFFFF; }
.tabs .current a      { background-position: 0%   -84px; }
.tabs .current a span { background-position: 100% -84px; color: #FFFFFF; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.panel {
    float:left;
    width:100%;
    background:#F4F4F4;
    font-size:93%;
    line-height:normal;
    border:1px solid #24618E;
    width: 300px;
    height: 100px;
    margin: 0px;
    }

.hide { display: none; }
.show { display: block; }