/***** TABBING 1 *****/
.tabbing1 .heads li{
	background:#365ca8;*zoom:1;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4270cc', EndColorStr='#365ca8');
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4270cc), to(#365ca8));
	background:-webkit-linear-gradient(#4270cc, #365ca8);
	background:   -moz-linear-gradient(#4270cc, #365ca8);
	background:    -ms-linear-gradient(#4270cc, #365ca8);
	background:     -o-linear-gradient(#4270cc, #365ca8);
	background:        linear-gradient(#4270cc, #365ca8);
}

.tabbing1 .heads .on, .tabbing1 .heads li:hover{
	background:#eee;*zoom:1;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#ffffff');
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#fff));
	background:-webkit-linear-gradient(#ddd, #fff);
	background:   -moz-linear-gradient(#ddd, #fff);
	background:    -ms-linear-gradient(#ddd, #fff);
	background:     -o-linear-gradient(#ddd, #fff);
	background:        linear-gradient(#ddd, #fff);
}

.tabbing1 .heads li{
	float:left;margin:0 0 0 2px;border:1px solid transparent;border-bottom:0;font-weight:bold;
	
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:   5px 5px 0 0;
	border-radius:        5px 5px 0 0;
}


.tabbing1 .heads li:first-child{margin:0;}
.tabbing1 .heads li a{color:#fff;text-shadow:0 0 #000;}
.tabbing1 .heads .on,.tabbing1 .heads li:hover{border-color:#ccc;position:relative;z-index:2;}
.tabbing1 .heads .on a,.tabbing1 .heads li:hover a{color:#333;}
.tabbing1 .heads .on a{cursor:text;}
.tabbing1 .heads a{display:block;padding:7px 20px;}


.tabbing1 .datas{
	border:1px solid #ccc;padding:15px;position:relative;top:-1px;z-index:1;
	
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:   0 5px 5px 5px;
	border-radius:        0 5px 5px 5px;
}

.tabbing1 .datas > li{display:none;}
.tabbing1 .datas > li:first-child{display:block;}



/***** TABBING 2 *****/
.tabbing2 .heads{background:#eee;padding:1px 0 0 1px;}
.tabbing2 .heads li{float:left;border-left:1px solid #ddd;border-right:1px solid #fff;}
.tabbing2 .heads li:first-child{border-left:0;}
.tabbing2 .heads li:last-child{border-right:0;}
.tabbing2 .heads li a{display:block;padding:7px 15px;}
.tabbing2 .heads li.on,.tabbing2 .heads li:hover{background:#fff;}
.tabbing2 .heads li.on{font-weight:bold;}

.tabbing2 .datas > li{display:none;}
.tabbing2 .datas > li:first-child{display:block;}