﻿button::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

button
{
	background: #f9f9f9 url(../images/button_bg.gif) repeat-x left center;
	border: 1px solid #bbbbbb;
	overflow: visible;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	white-space: nowrap;
	padding: 2px 5px;
	margin-right: 5px;
}
button:hover {border-color: #939393;}
button:active {background-color: #e3e3e3;}

.linked-buttons
{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	margin-right: 5px;
	zoom: 1; /* обычный layout fix для ИЕ6 */
	*display: inline; /* для ИЕ 6, 7 */
}
.linked-buttons:after
{
	display: block;
	content: "";
	clear: both;
}
.linked-buttons button
{
	float: left;
	-moz-border-radius: 0;
	border-radius: 0;
	border-left-color: white;
	margin: 0;
}
.linked-buttons button:hover {border-color: #939393;}
.linked-buttons button:first-child
{
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	border-left-color: #bbbbbb;
}
.linked-buttons button:last-child
{
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}


/* Embeded panel button */
.with-panel {position: relative; z-index: 0;}
.with-panel:active, .with-panel.pressed
{
	color: white;
	background: url(../images/button_emb_panel_bg.gif) repeat-x  left center;
}
.with-panel:after
{
	display: inline-block;
	content: "";
	vertical-align: baseline;
	width: 7px; height: 10px;
	margin: 0 0 0 5px;
	background: url(../images/sprites2.png) no-repeat;
	background-position: -36px 0;
	zoom: 1; /* обычный layout fix для ИЕ6 */
	*display: inline; /* для ИЕ 6, 7 */
}
.with-panel:active:after, .with-panel.pressed:after {background-position: -24px 0;}

.embeded-panel
{
	display: none;
	position: absolute;
	background: white;
	border: 1px solid gray;
	color: #222222;
	z-index: 100;
	padding: 3px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
	line-height: 1.4;
	max-height: 300px;
	overflow: auto;
}
.embeded-panel ul {list-style: none;}
.embeded-panel ul li:hover {background-color: #ffffcc;}

