/*
RadToolBar base css
*/

.RadToolBar,
.RadToolBar *
{
	margin: 0;
	padding: 0;
}

.RadToolBar
{
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.RadToolBar .rtbUL
{
	list-style-type: none;
	overflow: hidden;
	display: table-row;
}

*+html .rtbUL
{
	padding-bottom: 1px;
}

.RadToolBar_Vertical .rtbUL
{
	display: block;
}

* html .RadToolBar_Vertical .rtbUL { display: inline }
* html .RadToolBar_Vertical .rtbUL { display: inline-block }
* html .RadToolBar_Vertical .rtbUL { display: inline }

@media screen and (min-width:550px) {
	.rtbUL
	{
		display: table; /* only safari/opera need this one */
	}
}

.RadToolBar .rtbItem,
.RadToolBar .rtbWrap,
.RadToolBar .rtbOut,
.RadToolBar .rtbMid,
.RadToolBar .rtbIn,
.RadToolBar .rtbText
{
	clear: none;
}

.RadToolBar_Vertical .rtbItem
{
	float: left;
	clear: left;
}

.RadToolBar .rtbWrap 
{
	display: block;
	float: left;
}

* html .RadToolBar .rtbItem {display:inline}
* html .RadToolBar .rtbItem {display:inline-block}
* html .RadToolBar .rtbItem {display:inline}
*+html .RadToolBar .rtbItem {display:inline}
*+html .RadToolBar .rtbItem {display:inline-block}
*+html .RadToolBar .rtbItem {display:inline}

.RadToolBar .rtbUL .rtbWrap
{
	clear: left;
}

/* items */

.RadToolBar .rtbItem
{
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
}

.RadToolBar_Vertical .rtbItem
{
	overflow: visible;
}

.RadToolBar .rtbWrap
{
	vertical-align: top;
	text-decoration: none;
	cursor: pointer;
	outline: 0;
}

.RadToolBar .rtbOut
{
	clear: left;
	float: left;
	display: block;
}

.RadToolBar .rtbMid
{
	display: block;
	float: left;
}

.RadToolBar .rtbIn
{
	float: left;
	display: block;
}

/* fixes the non-navigatable image bug, but triggers the floated parent problem (visible in bigger buttons) */
* html .RadToolBar .rtbOut, * html .RadToolBar .rtbMid, * html .RadToolBar .rtbIn { float:none; }
*+html .RadToolBar .rtbOut, *+html .RadToolBar .rtbMid, *+html .RadToolBar .rtbIn { float:none; }



.RadToolBar .rtbIn,
.RadToolBar .rtbIn *
{
	vertical-align: middle;
}

.RadToolBar .rtbIcon
{
	border: 0;
}

.RadToolBar .rtbSplBtn .rtbSplBtnActivator,
.RadToolBar .rtbChoiceArrow /* background holder */
{
	display: -moz-inline-block;
	display: inline-block;
}

/* image positioning */

.RadToolBar .rtbMid .rtbVOriented
{
	text-align: center;
	float: none;
	display: table-cell;
}

* html .RadToolBar .rtbMid .rtbVOriented { float: left; }

@media screen and (min-width=50px) {
	html:first-child .RadToolBar .rtbMid .rtbVOriented
	{
		display: block;
	}
}

.RadToolBar .rtbVOriented .rtbText
{
	display: block;
}


div.RadToolBar .rtbDropDown .rtbVOriented,
div.RadToolBar .rtbSplBtn .rtbVOriented 
{
	padding-right: 18px;
	position: relative;
	display: block;
}

.RadToolBar .rtbItem .rtbVOriented .rtbSplBtnActivator
{
	display: table-cell;
	text-align: center;
}

@media screen and (min-width=50px)
{
	html:first-child .RadToolBar .rtbItem .rtbVOriented .rtbSplBtnActivator
	{
		display: inline-block;
	}
}

.RadToolBar .rtbItem .rtbVOriented .rtbText
{
	padding: 0 2px;
}

.RadToolBar .rtbItem .rtbVOriented .rtbChoiceArrow
{
	position: absolute;
	top: 20%;
	right: 3px;
}

.RadToolBar_rtl
{
	float: right;
	text-align: right;
}

.RadToolBar_rtl .rtbIcon + .rtbText
{
	display: -moz-inline-box;
}

.RadToolBar_rtl .rtbSplBtn .rtbSplBtnActivator,
.RadToolBar_rtl .rtbChoiceArrow
{
	display:-moz-inline-box;
}

.RadToolBar_rtl .rtbSplBtnActivator .rtbIcon + .rtbText
{
	padding-top:2px;
}

.RadToolBar_rtl .rtbText
{
	zoom: 1;
}

/* for table layouts 
* html td .RadToolBar { display: inline-block; }
* html td .RadToolBar .rtbItem { float: left; display: inline-block; } /* for table layouts */
*+html td > .RadToolBar_Horizontal { float: left;}
*+html td > .RadToolBar_Horizontal .rtbItem {float: left; }

/* separators */

.RadToolBar_Horizontal .rtbSeparator
{
	display: table-cell;
	vertical-align: middle;
	padding: 0 2px;
}

* html .RadToolBar_Horizontal .rtbSeparator {display:inline}
* html .RadToolBar_Horizontal .rtbSeparator {display:inline-block}
* html .RadToolBar_Horizontal .rtbSeparator {display:inline}

*+html .RadToolBar_Horizontal .rtbSeparator {display:inline}
*+html .RadToolBar_Horizontal .rtbSeparator {display:inline-block}
*+html .RadToolBar_Horizontal .rtbSeparator {display:inline}

*+html td > .RadToolBar_Horizontal .rtbSeparator { margin-top: 4px; float: left; }

.RadToolBar .rtbItem .rtbText *
{
	vertical-align: baseline;
}

/* RadToolbar MetalServices skin file */

/* toolbar rounded corners */

.RadToolBar_MetalServices .rtbOuter
{
	background: #41829d url('ToolBar/ToolbarBgH.gif') repeat-x 0 50%;
}

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

.RadToolBar_MetalServices .rtbInner
{
	background: transparent url('Images/toolBar.gif') repeat-x 0 0;
	padding: 2px 5px 2px;
}

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

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

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

/* spacing between items */

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

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

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

/* buttons rounded corners */

.RadToolBar_MetalServices .rtbItemFocused .rtbWrap,
.RadToolBar_MetalServices .rtbItemHovered .rtbWrap { background: transparent url('ToolBar/ToolbarItemHover.gif') no-repeat 0 100%; }

.RadToolBar_MetalServices .rtbItemClicked .rtbWrap,
.RadToolBar_MetalServices .rtbChecked .rtbWrap,
.RadToolBar_MetalServices .rtbUL .rtbDropDownExpanded .rtbWrap,
.RadToolBar_MetalServices .rtbUL .rtbSplBtnExpanded .rtbWrap { background: transparent url('ToolBar/ToolbarItemActive.gif') no-repeat 0 100%; }

.RadToolBar_MetalServices .rtbWrap
{
	font: normal 12px "Segoe UI", "Myriad Pro", Verdana, sans-serif;
}


.RadToolBar_MetalServices .rtbItemFocused .rtbOut,
.RadToolBar_MetalServices .rtbItemHovered .rtbOut { background: transparent url('ToolBar/ToolbarItemHover.gif') no-repeat 100% 0; }

.RadToolBar_MetalServices .rtbItemClicked .rtbOut,
.RadToolBar_MetalServices .rtbChecked .rtbOut,
.RadToolBar_MetalServices .rtbUL .rtbDropDownExpanded .rtbOut,
.RadToolBar_MetalServices .rtbUL .rtbSplBtnExpanded .rtbOut { background: transparent url('ToolBar/ToolbarItemActive.gif') no-repeat 100% 0; }

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

.RadToolBar_MetalServices .rtbItemFocused .rtbMid,
.RadToolBar_MetalServices .rtbItemHovered .rtbMid { background: transparent url('ToolBar/ToolbarItemHover.gif') no-repeat 0 0; }

.RadToolBar_MetalServices .rtbItemClicked .rtbMid,
.RadToolBar_MetalServices .rtbChecked .rtbMid,
.RadToolBar_MetalServices .rtbUL .rtbDropDownExpanded .rtbMid,
.RadToolBar_MetalServices .rtbUL .rtbSplBtnExpanded .rtbMid { background: transparent url('ToolBar/ToolbarItemActive.gif') no-repeat 0 0; }

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

.RadToolBar_MetalServices .rtbItemFocused .rtbIn,
.RadToolBar_MetalServices .rtbItemHovered .rtbIn
{ background: transparent url('ToolBar/ToolbarItemHover.gif') no-repeat 100% 100%; }

.RadToolBar_MetalServices .rtbItemClicked .rtbIn,
.RadToolBar_MetalServices .rtbChecked .rtbIn,
.RadToolBar_MetalServices .rtbUL .rtbDropDownExpanded .rtbIn,
.RadToolBar_MetalServices .rtbUL .rtbSplBtnExpanded .rtbIn
{ background: transparent url('ToolBar/ToolbarItemActive.gif') no-repeat 100% 100%; }

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

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

.RadToolBar_MetalServices a.rtbWrap:hover
{
    color: #000;
}