﻿/*
RadToolBar base css
*/

.RadToolBar,
.RadToolBar *
{
	margin: 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 .rtbWrap{display:inline-block}

.RadToolBar .rtbWrap,
.RadToolBar .rtbOut,
.RadToolBar .rtbMid,
.RadToolBar .rtbIn
{
	display: inline-block;
}

* 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;
}

/* grips */

.RadToolBar .rtbGrip
{
	display: none;
}

/* separators */

.RadToolBar .rtbSeparator
{
	display: none;
}

/* 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;
}

* html .RadToolBar .rtbMid{display:inline-block}

.RadToolBar .rtbIn
{
	float: left;
	display: block;
}

.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;
}

/* popup menu common styles */

.RadToolBarDropDown,
.RadToolBarDropDown *
{
	padding: 0;
	margin: 0;
}

.RadToolBarDropDown
{
	white-space:nowrap;
	float:left;
	position:absolute;
	display: block;
}

.RadToolBarDropDown:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.RadToolBarDropDown ul.rtbActive
{
	display: block;
	position: static !important;
}

.RadToolBarDropDown .rtbSlide
{
	position: absolute;
	overflow: hidden;
	display: none;
	_height: 0;
	float: left;
}

.RadToolBarDropDown .rtbItem
{
	display: list-item;
	padding: 0;
}

.RadToolBarDropDown a.rtbItem
{
	cursor: default;
	display: block;	
	outline: 0;
}

.rtbScrollWrap
{
	position: absolute;
	float: left;
	overflow: hidden;
	left: 0;
}

.RadToolBarDropDown .rtbItem,
.RadToolBarDropDown .rtbSeparator
{
	list-style-type: none;
	display: block;
	width: auto;
	clear: both;
	font-size: 0;
	line-height: 0;
}

.RadToolBarDropDown .rtbIcon
{
	border: 0;
	float: none;
	vertical-align: middle;
}

.RadToolBarDropDown .rtbWrap
{
	display: block;
	text-decoration: none;
}

.RadToolBar .rtbWrap:hover,
.RadToolBar .rtbWrap:focus,
.RadToolBarDropDown .rtbWrap:hover,
.RadToolBarDropDown .rtbWrap:focus
{
	outline: 0;
}

.RadToolBarDropDown .rtbWrap *
{
	display: -moz-inline-block;
	display: inline-block;
	cursor: pointer;
}

/* 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;
}

/* 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_Horizontal .rtbSeparator .rtbText
{
	display: inline;
	display: inline-block;
	padding: 15px 1px 5px 0;
	line-height: 0;
	font-size: 0;
	background: #ccc;
	border-right: 1px solid #fff;
}

.RadToolBar_Vertical .rtbSeparator
{
	clear: both;
	display: block;
	padding: 1px 0 0 16px;
	line-height: 0;
	font-size: 0;
	background: #ccc;
	border-top: 1px solid #fff;
	margin: 2px;
}

* html .RadToolBar_Vertical .rtbSeparator { padding: 0; }
*+html .RadToolBar_Vertical .rtbSeparator { padding: 0; }

.RadToolBar .rtbItem .rtbText *
{
	vertical-align: baseline;
}