.horizontalaccordion{
	position: absolute;
	right: 0px;
	top: 15px;
	z-index: 99;
}
.horizontalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	height: 20px;
}

.horizontalaccordion>ul>li {
	display:block;
	overflow: hidden;
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	width:26px;
	height: 20px;
	/* CSS3 Transitions */
    transition: width 0.3s ease-in-out;

    -moz-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
	background-image: url(../images/dian.jpg);
	background-repeat: no-repeat;
}

.horizontalaccordion>ul>li>h3 {
	display:block;
	float:left;
	margin: 0;
	height:20px;
	width:26px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #000;
	/* CSS3 Transform Rotate & Translate */
    white-space:nowrap;


    -moz-transform: rotate(90.0deg) translate(-40px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-40px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
	transform: rotate(90.0deg) translate(-40px,0px);  /* Saf3.1+, Chrome */
	transform-origin: 0 100%;



	font-size: 12px;
}

.horizontalaccordion>ul>li>div {
	display:none;
	float:left;
	overflow: auto;
	position:relative;


    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
	margin:0;
	width:200px;
	height:20px;
	background-image: url(../images/ss-bg.jpg);
	background-repeat: repeat-x;
	top: -20px;
}

.horizontalaccordion>ul>li:hover {
	overflow: hidden;
	width: 200px;
	background-image: url(../images/ss-bg.jpg);
	background-repeat: repeat-x;
}

.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
}

.horizontalaccordion:hover>ul>li:hover>h3 {
	/* Decorative CSS */
    color:#fff; /* Safari, Chrome */


    filter: progid:DXImageTransform.Microsoft.BasicImage(../images/ss-bg.jpg)
            progid:DXImageTransform.Microsoft.gradient(); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage()"
                "progid:DXImageTransform.Microsoft.gradient()";   /* IE 8 */
	background-image: url(../images/ss-bg.jpg);
	background-repeat: repeat-x;
}

.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
}