<!-- Выдвижная боковая панель -->
<style media="screen" type="text/css">
#slideout_1, #slideout_2 {
	z-index: 200;
	position: fixed;
	width: 40px;
	padding: 12px 0;
	text-align: center;
	background: #010101;
	border-style: double;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#slideout_1 {
	top: 10px;
	right: 0;
}
#slideout_2 {
	top: 200px;
	right: 0;
}
#slideout_inner_1, #slideout_inner_2 {
	z-index: 200;
	overflow-y: auto;
	color: #d4a43e;
	position: fixed;
	right: -250px;
	background: #010101;
	border-style: double;
	width: 180px;
	padding: 15px;
	max-height: 500px;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	text-align: left;
	-webkit-border-radius: 0 0 05px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}
#slideout_inner_1 {
	top: 10px;
}
#slideout_inner_2 {
	top: 200px;
}
#slideout_inner_1 textarea, #slideout_inner_2 textarea {
	width: 180px;
	height: 150px;
	margin-bottom: 30px;
	border-style: double;
}
#slideout_1:hover, #slideout_2:hover {
	right: 217px;
}
#slideout_1:hover #slideout_inner_1, #slideout_2:hover #slideout_inner_2 {
	right: 0;
}
</style>
<div id="slideout_1">
	<img src="http://s1.uploads.ru/i/gk5wH.png" />
	<div id="slideout_inner_1">
текст </div>
</div>
<div id="slideout_2">
	<img src="http://s1.uploads.ru/i/gk5wH.png" />
	<div id="slideout_inner_2">
текст </div>
</div>
<!-- End -->