.clips {
	width: 252px;
	height: 308px;
}

.clips a {
	vertical-align: middle;
	text-decoration:none;
	padding:0 15px;
	width: 220px;
	margin:0;
	float: right;
	border: 1px solid #A7DA43;
}


.clips a#technique {
	font-size:15px;
	color: #fff;
	background-color: #A7DA43;
	height: 27px; padding-top: 12px;}

.clips a#technique:visited {color: #fff;}

.clips a#technique:hover {
	color: #000;;		
}

.clips a.procedure {
	font-size: 11px;
	height: 26px; padding-top: 13px;
	margin-top:-1px;
	color:#000;}

.clips a.procedure:visited {color: #000;}

.clips a.procedure:hover {
	background-color:#e0e2e3;		
}

.clips a#technique.playing, .clips a#technique.paused, .clips a#technique.progress {
	background: transparent url('new-one.png') no-repeat left 50%;
	color: #000;
	width: 219px;
	padding-left:35px;
	border:0;
	color: #000;
	margin-top:0; margin-bottom:1px;
	border-right: 1px solid #88b334;
}

.clips a.procedure.playing, .clips a.procedure.paused, .clips a.procedure.progress {
	background:url('new-one-gray.png') no-repeat left 50%;
	width: 219px;
	padding-left:35px;
	border:0;
	color: #000;
	margin-top:0; margin-bottom:1px;
	border-right: 1px solid #88b334;
}

.clips a:active {}
	
.clips a.progress {
	opacity:0.6;
	font-weight:normal;
}

.clips a.paused {
	background-position: -253px 50%;	
}

.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover {
	background-color:transparent !important;		 
}

/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(down.png);	
}

div.petrol a.go {
	background-image:url(up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/