/* <RadToolBar / Default> */

/* <tool wrapper> */

/* <horizontal> */

.RadToolBar_TWI .rtbOuter
{
	border: 1px solid #9c9c9c;
}

.RadToolBar_TWI .rtbMiddle
{
	border: 1px solid #efefef;
	background: #fafafa url('ToolBar/rtbControlBg.png') repeat-x 0 100%;
}

/* </horizontal> */

/* <vertical> */

.RadToolBar_TWI_Vertical .rtbMiddle
{
	background: #fafafa url('ToolBar/rtbVerticalControlBg.png') repeat-y 100% 0;
}

/* </vertical> */

/* </tool wrapper> */

/* <buttons> */

.RadToolBar_TWI .rtbWrap,
.RadToolBar_TWI .rtbTemplate
{
	font: normal 12px/20px "Segoe UI", Arial, sans-serif;
	color: #000;
}

/* <button states> */

.RadToolBar_TWI .rtbSplBtnFocused .rtbWrap, .RadToolBar_TWI .rtbSplBtnFocused .rtbOut, .RadToolBar_TWI .rtbSplBtnFocused .rtbMid, .RadToolBar_TWI .rtbSplBtnFocused .rtbIn,
.RadToolBar_TWI .rtbItemFocused .rtbWrap, .RadToolBar_TWI .rtbItemFocused .rtbOut, .RadToolBar_TWI .rtbItemFocused .rtbMid, .RadToolBar_TWI .rtbItemFocused .rtbIn,
.RadToolBar_TWI .rtbItemHovered .rtbWrap, .RadToolBar_TWI .rtbItemHovered .rtbOut, .RadToolBar_TWI .rtbItemHovered .rtbMid, .RadToolBar_TWI .rtbItemHovered .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbHoverBg.png');
}

.RadToolBar_TWI .rtbItemClicked .rtbWrap, .RadToolBar_TWI .rtbItemClicked .rtbOut, .RadToolBar_TWI .rtbItemClicked .rtbMid, .RadToolBar_TWI .rtbItemClicked .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbClickedBg.png');
}

.RadToolBar_TWI .rtbSplBtnExpanded .rtbWrap, .RadToolBar_TWI .rtbSplBtnExpanded .rtbOut, .RadToolBar_TWI .rtbSplBtnExpanded .rtbMid, .RadToolBar_TWI .rtbSplBtnExpanded .rtbIn,
.RadToolBar_TWI .rtbDropDownExpanded .rtbWrap, .RadToolBar_TWI .rtbDropDownExpanded .rtbOut, .RadToolBar_TWI .rtbDropDownExpanded .rtbMid, .RadToolBar_TWI .rtbDropDownExpanded .rtbIn,
.RadToolBar_TWI .rtbChecked .rtbWrap, .RadToolBar_TWI .rtbChecked .rtbOut, .RadToolBar_TWI .rtbChecked .rtbMid, .RadToolBar_TWI .rtbChecked .rtbIn,
.RadToolBar_TWI li.rtbChecked .rtbWrap:hover, .RadToolBar_TWI li.rtbChecked .rtbWrap:hover .rtbOut, .RadToolBar_TWI li.rtbChecked .rtbWrap:hover .rtbMid, .RadToolBar_TWI li.rtbChecked .rtbWrap:hover .rtbIn
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbActiveBg.png');
}

.RadToolBar_TWI .rtbItemFocused .rtbWrap,
.RadToolBar_TWI .rtbItemHovered .rtbWrap
{
	color: #000;
}

.RadToolBar_TWI .rtbDropDownExpanded .rtbWrap,
.RadToolBar_TWI .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_TWI .rtbChecked .rtbWrap,
.RadToolBar_TWI .rtbItemClicked .rtbWrap
{
	color: #fff;
}

/* </button states> */

/* <Drop Down Arrows> */


.RadToolBar_TWI .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_TWI .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_TWI .rtbChoiceArrow 
{
	background-image: url('ToolBar/rtbDropArrows.png');
}

* html .RadToolBar_TWI .rtbSplBtn .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbItem .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbChoiceArrow 
{
	background-image: url('ToolBar/rtbDropArrows.gif');
}

.RadToolBar_TWI .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_TWI .rtbExpandUp .rtbVOriented .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbUpArrows.png');
}

* html .RadToolBar_TWI .rtbExpandUp .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbExpandUp .rtbVOriented .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbUpArrows.gif');
}

.RadToolBar_TWI .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_TWI .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_TWI .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_TWI .rtbItemClicked .rtbChoiceArrow
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('ToolBar/rtbClickedDropArrows.png');
}

* html .RadToolBar_TWI .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbSplBtnClicked .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbItemClicked .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbClickedDropArrows.gif');
}

.RadToolBar_TWI .rtbSplBtnClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,
.RadToolBar_TWI .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_TWI .rtbItemClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,
.RadToolBar_TWI .rtbItemClicked .rtbExpandUp .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbClickedUpArrows.png');
}

* html .RadToolBar_TWI .rtbSplBtnClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbItemClicked .rtbExpandUp .rtbVOriented .rtbChoiceArrow,
* html .RadToolBar_TWI .rtbItemClicked .rtbExpandUp .rtbChoiceArrow
{
	background-image: url('ToolBar/rtbClickedUpArrows.gif');
}

/* </Drop Down Arrows> */

.RadToolBar_TWI_Horizontal li.rtbSeparator 
{
	border-left: 1px solid #939393;
	background: #f7f7f7;
}

.RadToolBar_TWI_Vertical li.rtbSeparator
{
	border-top: 1px solid #939393;
	background: #f7f7f7;
}

/* </buttons> */


/* <disabled states> */

.RadToolBar_TWI .rtbDisabled .rtbWrap:hover,
.RadToolBar_TWI .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_TWI .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_TWI .rtbDisabled .rtbWrap:hover .rtbIn
{
	background-image: none;
}

.RadToolBar_TWI .rtbDisabled .rtbWrap { color: #888\9 }

.RadToolBar_TWI .rtbDisabled .rtbChoiceArrow,
.RadToolBar_TWI .rtbDisabled .rtbWrap .rtbChoiceArrow
{ background-image: url('ToolBar/rtbDropArrows.gif')\9 }

@media screen and (-webkit-min-device-pixel-ratio:0)  /* WebKit alpha + opacity/cleartype bug, like IE wasn't enough... */
{
	.RadToolBar_TWI .rtbDisabled .rtbWrap { color: #888; }
	
	.RadToolBar_TWI .rtbDisabled .rtbChoiceArrow,
	.RadToolBar_TWI .rtbDisabled .rtbWrap .rtbChoiceArrow
	{
		background-image: url('ToolBar/rtbDropArrows.gif');
	}
}

/* </disabled states */

/* <drop-down> */


/* <Drop Down rounded corners and shadows> */

.RadToolBarDropDown_TWI .rtbTopFix,
.RadToolBarDropDown_TWI .rtbBottomFix,
.RadToolBarDropDown_TWI .rtbGroup
{
	background-image: url('ToolBar/rtbDropDownBg.png');
	background-color: #fff; 
	background-repeat: repeat-y;
}

.RadToolBarDropDown_TWI .rtbBottomLeft,
.RadToolBarDropDown_TWI .rtbRoundedCorners
{
	background-image:  url('ToolBar/rtbRoundedLeft.png');
	background-color: transparent; 
	background-repeat: no-repeat;
}

.RadToolBarDropDown_TWI .rtbTopRight,
.RadToolBarDropDown_TWI .rtbBottomRight
{
	background-image:  url('ToolBar/rtbRoundedRight.png');
	background-color: transparent; 
	background-repeat: no-repeat;
}

.RadToolBarDropDown_TWI .rtbTopFix,
.RadToolBarDropDown_TWI .rtbBottomFix,
.RadToolBarDropDown_TWI .rtbRoundedCorners .rtbFirst
{
	border-color: #979797;
}

.RadToolBarDropDown_TWI_rtl .rtbBottomLeft,
.RadToolBarDropDown_TWI_rtl .rtbRoundedCorners
{
	background-image: url('ToolBar/rtbRoundedLeft_rtl.png');
}

.RadToolBarDropDown_TWI_rtl .rtbTopRight,
.RadToolBarDropDown_TWI_rtl .rtbBottomRight
{
	background-image: url('ToolBar/rtbRoundedRight_rtl.png');
}

.RadToolBarDropDown_TWI_rtl div.rtbTopFix,
.RadToolBarDropDown_TWI_rtl div.rtbBottomFix,
.RadToolBarDropDown_TWI_rtl .rtbGroup
{
	background-position: 100% 0;
}

/* </Drop Down rounded corners and shadows> */

.RadToolBarDropDown_TWI 
{
	border-color: #828282;
	background-color: #fff;
	background-image: url('ToolBar/rtbDropDownBg.png');
}

.RadToolBarDropDown_TWI .rtbWrap,
.RadToolBarDropDown_TWI .rtbTemplate
{
	font-weight: normal;
	font-size: 12px;
	font-family: "Segoe UI", Arial, sans-serif;
	color: #000;
}

.RadToolBarDropDown_TWI .rtbItemHovered,
.RadToolBarDropDown_TWI .rtbItemFocused,
.RadToolBarDropDown_TWI .rtbItemHovered .rtbWrap,
.RadToolBarDropDown_TWI .rtbItemFocused .rtbWrap
{
	background-image: url('ToolBar/rtbDropDownHover.png');
}

.RadToolBarDropDown_TWI .rtbDisabled .rtbWrap
{
	color: #999;
}

.RadToolBarDropDown_TWI .rtbSeparator
{
	border-color: #939393;
	background: #f7f7f7;
}

/* </drop-down> */

/* </RadToolBar / Default> */