Concertina

jquery.concertina.css

/*
	concertina
---------------------------------------------*/
.concertina {
	clear: both;
	margin: 12px 0 30px 0;
	padding:0;
	border-bottom:1px solid #d9d9d9;
}
	.concertina:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;		
	}
	.concertina li.concertina-item {
		list-style:none;
        display: block;
		margin:0;
		border-top:1px solid #d9d9d9;
	}
		.concertina li.concertina-item .concertina-header {
			background: url("../images/concertina-open.gif") no-repeat 97% center;	
			cursor: pointer;
			display:block;
			font-size: 0.96em;
			font-weight:bold;
			line-height: 1.5;
			margin: 0;
			padding:6px 10px 6px 0;
            position: relative;
			text-transform: none;
		}
		.concertina li.concertina-item .concertina-header:hover,
		.concertina li.concertina-item .concertina-header:active, 
		.concertina li.concertina-item .concertina-header:focus { text-decoration: none; }
		
		.concertina li.concertina-item.nav-selected .concertina-header {
			background-image: url("../images/concertina-close.gif");	
			color:#676767;
		}
		
		.concertina li.concertina-item .concertina-header:hover, 
		.concertina li.concertina-item .concertina-header:focus, 
		.concertina li.concertina-item .concertina-header:active,
		.concertina li.concertina-item .concertina-header:hover a, 
		.concertina li.concertina-item .concertina-header:focus a, 
		.concertina li.concertina-item .concertina-header:active a,
		.concertina li.concertina-item .concertina-header a:hover, 
		.concertina li.concertina-item .concertina-header a:focus, 
		.concertina li.concertina-item .concertina-header a:active {
			color: #000;
		}
		
			.concertina li.concertina-item .concertina-header span {
				font-weight: normal;
				padding-right: 6px;
			}
		.concertina-content {
			display: block;
            padding: 5px 0;
            position: relative;
            zoom: normal;
		}
	        .concertina-content:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }
		
			.concertina li.concertina-item.nav-selected .concertina-content {
				display: block;
			}
			.concertina-content li {
				border:none;
			}