.shadetabs{
padding: 0px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 12px Microsoft Yahei,Verdana;
list-style-type: none;
width:100%;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
display:inline;
margin:0;
}
/*下面的代码是没有被选择的状态*/
.shadetabs li a {
float:left;
background:url("/images/tableft.gif") no-repeat left top;
margin:0;
/*下面代码是控制左边小图片的宽度*/
padding:0 0 0 5px;
text-decoration:none;
}

.shadetabs li a span {
float:left;
display:block;
background:url("/images/tabright.gif") no-repeat right top;
/*下面代码是控制文字与图片的上下左右距离*/
padding:8px 15px 1px 10px;
/*没有被选择时文字颜色*/
color:#555555;
}

.shadetabs a:hover span {
text-decoration: none;
/*鼠标经过时文字颜色*/
color:#F09403;
cursor: hand;
}

.shadetabs a:hover {
/*下面代码是控制当鼠标移动到按钮上时背景图片向上移动42像素*/
background-position:0% -42px;
text-decoration: none;
/*已被选择时文字颜色*/
color:#F09403;
}

.shadetabs a:hover span {
/*下面代码是控制当鼠标移动到按钮上时背景图片向上移动42像素*/
background-position:100% -42px;
}

.shadetabs li.selected {
position: relative;
}
/*下面的代码是当前被选择的状态*/
.shadetabs li.selected a {
float:left;
background:url("/images/tableft1.gif") no-repeat left top;
margin:0;
/*下面代码是控制左边小图片的宽度*/
padding:0 0 0 5px;
text-decoration:none;
}

.shadetabs li.selected a span {
float:left;
display:block;
background:url("/images/tabright1.gif") no-repeat right top;
/*下面代码是控制文字与图片的上下左右距离*/
padding:8px 15px 1px 10px;
/*是当前被选择时文字颜色*/
color:#F09403;
}

.shadetabs li.selected a:hover span{
text-decoration: none;
/*是当前被选择时鼠标经过文字颜色*/
color="#F09403"
}

/*下面的代码是内容显示边框的参数设置*/
.tabcontentstyle {
	width: 100%;
	border: 1px solid #94A9B3;
	padding: 10px;
}