<style type="text/css">

/*browsers like ignoring the first thing for some reason*/
body {
}

body {
margin-top: 2em;
}

.tabs {
position: fixed;
right: 0px;
top: 0px;
text-align: center;
line-height:normal;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

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

.tabs li{
float: left;
font-size: 13px;
font-family: helvetica,arial,sans-serif;
font-weight:bold;
display:inline;
}

.tabs a {
top: -5px;
float:left;
position: relative;
background:url(tab_down_left.png) no-repeat left bottom;
margin:0;
margin-right: 3px;
text-align: center;
padding: 0 0 0 12px;
text-decoration:none;
color:#777777;
font-weight:bold;
}

.tabs a span {
float:left;
position: relative;
display: block;
background: url(tab_down_right.png) no-repeat right bottom;
padding: 9px 13px 7px 1px;
margin: 0;
font-weight: bold;
color: black;
}

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

.tabs a:hover {
top:0px;
}
.tabs a:hover span{

}



</style>

