/* RadToolbar Web20 skin file */

/* toolbar rounded corners */

.RadToolBar_Web20 .rtbOuter
{
	border: 1px solid #6788be;
	background: #41829d url('ToolBar/ToolbarBgH.gif') repeat-x 0 50%;
}

.RadToolBar_Web20 .rtbMiddle
{
	background: transparent url('ToolBar/ToolbarBgH.gif') repeat-x 0 100%;
}

.RadToolBar_Web20 .rtbInner
{
	background: transparent url('ToolBar/ToolbarBgH.gif') repeat-x 0 0;
	padding: 5px;
}

.RadToolBar_Web20_Vertical .rtbOuter
{
	border: 1px solid #66707c;
	border-right-color: #073041;
	background: #41829d url('ToolBar/ToolbarBgV.gif') repeat-y 50% 0;
}

.RadToolBar_Web20_Vertical .rtbMiddle
{
	background: transparent url('ToolBar/ToolbarBgV.gif') repeat-y 100% 0;
}

.RadToolBar_Web20_Vertical .rtbInner
{
	background: transparent url('ToolBar/ToolbarBgV.gif') repeat-y 0 0;
}

/* spacing between items */

.RadToolBar_Web20_Horizontal .rtbItem
{
	padding-right: 1px;
}

* html .RadToolBar_Web20 .rtbItem { margin-bottom:2px; }

.RadToolBar_Web20 .rtbText
{
	padding: 0 2px;
}

/* buttons rounded corners */

.RadToolBar_Web20 .rtbItem .rtbWrap
{
	padding: 1px;
	font: normal 11px/22px Verdana, sans-serif;
	font: normal 12px/22px 'Segoe UI', 'Myriad Pro';
}

.RadToolBar_Web20 .rtbItemHovered .rtbWrap,
.RadToolBar_Web20 .rtbItemFocused .rtbWrap,
.RadToolBar_Web20 .rtbChecked .rtbWrap,
.RadToolBar_Web20 .rtbUL .rtbDropDownExpanded .rtbWrap,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbWrap
{
	background: transparent url('ToolBar/ToolbarItemHover.gif') repeat-x 0 50%;
	border: 1px solid #6788be;
	padding: 0;
}

.RadToolBar_Web20 .rtbItemHovered .rtbOut,
.RadToolBar_Web20 .rtbItemFocused .rtbOut,
.RadToolBar_Web20 .rtbChecked .rtbOut,
.RadToolBar_Web20 .rtbUL .rtbDropDownExpanded .rtbOut,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbOut
{
	background: transparent url('ToolBar/ToolbarItemHover.gif') repeat-x 100% 0;
}

.RadToolBar_Web20 .rtbMid
{
	padding: 5px 0 0 5px;
}

.RadToolBar_Web20 .rtbItemHovered .rtbMid,
.RadToolBar_Web20 .rtbItemFocused .rtbMid,
.RadToolBar_Web20 .rtbChecked .rtbMid,
.RadToolBar_Web20 .rtbUL .rtbDropDownExpanded .rtbMid,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbMid
{
	background: transparent url('ToolBar/ToolbarItemHover.gif') repeat-x 0 0;
}

.RadToolBar_Web20 .rtbWrap .rtbIn
{
	padding: 0 5px 5px 0;
}

.RadToolBar_Web20 .rtbItem .rtbText
{
	color: #eee;
}

.RadToolBar_Web20 .rtbItemHovered .rtbText
{
	color: #fff;
}

.RadToolBar_Web20 .rtbChecked .rtbText,
.RadToolBar_Web20 .rtbUL .rtbDropDownExpanded .rtbText,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbText
{
	color: #eee;
}

/* split button styles */

.RadToolBar_Web20 .rtbSplBtn .rtbText
{
	padding-right: 3px;
}

.RadToolBar_Web20 .rtbChoiceArrow,
.RadToolBar_Web20 .rtbItemHovered .rtbChoiceArrow
{
	width: 8px;
	height: 16px;
	margin-left:5px;
	
	background: url('ToolBar/ToolbarSplitButtonArrow.gif') no-repeat 0 center;
}

.RadToolBar_Web20 .rtbItemFocused .rtbChoiceArrow,
.RadToolBar_Web20 .rtbUL .rtbDropDownExpanded .rtbChoiceArrow,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbChoiceArrow
{
	background-position: 100% center;
}

.RadToolBar_Web20 .rtbSplBtnHovered .rtbOut,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbOut { background: transparent url('ToolBar/ToolbarSplButHover.gif') no-repeat 100% 100%; }

.RadToolBar_Web20 .rtbSplBtnHovered .rtbMid,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbMid { background: transparent url('ToolBar/ToolbarSplButHover.gif') no-repeat 100% 0; }

.RadToolBar_Web20 .rtbSplBtnHovered .rtbWrap,
.RadToolBar_Web20 .rtbUL .rtbSplBtnExpanded .rtbWrap
{ background: transparent url('ToolBar/ToolbarSplButHover.gif') no-repeat 100% 50%; }


/* disabled styles */

.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover,
.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover .rtbIn
{
	background: none;
	cursor: default;
}

.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover
{
	border: 0;
	padding: 1px;
}

.RadToolBar_Web20 .rtbDisabled .rtbText,
.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover .rtbText
{
	color: #ccc;
}

.RadToolBar_Web20 .rtbDisabled .rtbIcon,
.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover .rtbIcon,
.RadToolBar_Web20 .rtbDisabled .rtbChoiceArrow,
.RadToolBar_Web20 .rtbDisabled .rtbWrap:hover .rtbChoiceArrow
{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

/* popup menu styles */

.RadToolBarDropDown_Web20 
{
	border: 1px solid #6788be;
	background: #fff;
}

.RadToolBarDropDown_Web20 .rtbItem
{
	line-height: 22px;
	border-bottom: 1px solid #f0f2f3;
	color: #333;
	padding: 0;
}

.RadToolBarDropDown_Web20 .rtbItemHovered,
.RadToolBarDropDown_Web20 .rtbItemFocused
{
	background: #e7f1ff;
	border-bottom-color: #d8dde0;
}

.RadToolBarDropDown_Web20 .rtbWrap
{
	padding-left: 20px;
	margin-left: 2px;
	font: normal 11px/22px Verdana, sans-serif;
	font: normal 12px/22px 'Segoe UI', 'Myriad Pro';
}

.RadToolBarDropDown_Web20 .rtbWrap:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
}

.RadToolBarDropDown_Web20 .rtbIcon
{
	float: left;
	margin: 3px 0 0 -15px;
}

.RadToolBarDropDown_Web20 .rtbText
{
	padding: 0 20px 0 15px;
	color: #000;
}

.RadToolBarDropDown_Web20 .rtbDisabled
{
	background-color: #fff;
}

.RadToolBarDropDown_Web20 .rtbDisabled .rtbText
{
	color: #999;
}

.RadToolBarDropDown_Web20 .rtbSeparator
{
	border: 0;
	line-height: 0;
	margin-bottom: 1px;
}

.RadToolBarDropDown_Web20 .rtbSeparator .rtbText
{
	border-top: 2px solid #6788be;
	line-height: 0;
	font-size: 0;
}