ul.tabs {
    border-bottom: 1px solid #DDDDDD;
    height: 33px;
    list-style: none outside none;
    margin: 20px 0 0 0;
    padding: 0;
    text-indent: 0px;
}

.tabs li	{
	cursor: pointer;
	float: right;
	font: bold 1em/18px Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0 0 0 5px;
	text-align: center;
}
.tabs li.tab	{
	background: #F4F5F5;
	background: -moz-linear-gradient(top, #FDFDFD, #F4F5F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#F4F5F5));
	border: 1px solid #CCC;
	border-bottom: none;
	color: #777;
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FDFDFD', EndColorStr='#F4F5F5');
	padding: 8px 0 0;
	height: 24px;
	width: 74px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.tabs li.selected	{
	color: #B86364;
	height: 25px;
}
.tabs li.selected.code {
	background: #FFF;
	background: -moz-linear-gradient(top, #FDFDFD, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FDFDFD', EndColorStr='#FFFFFF');
}

.tabcontent {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-top: none;
    display: none;
    padding: 15px 0;
}

.tabcontent.selected {
    display: block;
}