ul.tab {
	margin: 0;
	padding: 0;
	border-bottom: 2px #ddd solid;
	background-color: transparent;
	height:100%;
}
ul.tab li {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -2px;
	list-style-type: none;
	/*border: 1px #ddd solid;*/
	border-top: none;
	border-bottom: 2px #ddd solid;
}
ul.tab li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}

ul.tab li.tabMargin {
	border-bottom: 2px #ddd solid;
	font-weight: bold;
	width: 40%
}

ul.tab li a {
	color: #000;
	display: block;
	padding: 3px 10px 5px;
	text-decoration: none;
	background: #fff;
	border-top-right-radius: 3px;		/* CSS3‘�ˆÄ */
	-webkit-border-top-right-radius: 3px;	/* Safari,Google Chrome—p */
	-moz-border-top-right-radius: 3px;	/* Firefox—p */
	border-top-left-radius: 3px;		/* CSS3‘�ˆÄ */
	-webkit-border-top-leftt-radius: 3px;	/* Safari,Google Chrome—p */
	-moz-border-top-left-radius: 3px;	/* Firefox—p */
}
ul.tab li a.blue {
	border-top: 5px #2384dc solid;
}
ul.tab li a.green {
	border-top: 5px #4cbb47 solid;
}
ul.tab li a.red {
	border-top: 5px #dd1d25 solid;
}
ul.tab li a.yellow {	
	border-top: 5px #ffd242 solid;
}
ul.tab li a:hover {
	position: relative;
	bottom: 6px;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}