/*Applies to the DIV that holds the Menu*/
.RadMenu_SBF_menuSkin 
{
	background: transparent;
	position:relative;
	float:right;
}
.RadMenu_SBF_menuSkin .leftImage
{
    padding:0px;
    margin:0px;
}
.RadMenu_SBF_menuSkin .item
{
    /*border:1px solid #FF0000;*/
    padding:0px;
    margin:0px;
}

/* applies to the root and sub menu items <a> tag */
.RadMenu_SBF_menuSkin .link
{
	padding:0px;
	margin:0px;
	cursor:pointer !important;
}

/* applies to the root and sub menu rollover state */
.RadMenu_SBF_menuSkin .link:hover,
.RadMenu_SBF_menuSkin .focused,
/.RadMenu_SBF_menuSkin .expanded
{
	padding:0px;
	margin:0px;
	cursor: hand;
	cursor: pointer;
}

/* applies to root item text */
/* because SBF main menu doesn't have text and uses only images, this style is not needed */
/*.RadMenu_SBF_menuSkin .text
{
	color: #FF0000;
}*/

.RadMenu_SBF_menuSkin .rootGroup .item
{
}
.RadMenu_SBF_menuSkin .rootGroup .separator .text
{
    padding:0px;
}
.RadMenu_SBF_menuSkin .rootGroup .link:hover
{
    text-decoration:none;
    background-image:url(images/btnRolloverBg.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}
.RadMenu_SBF_menuSkin .rootGroup .text
{
    padding:0px 11px 0px 11px;
    font-family:Arial, Sans-Serif;
    text-transform:uppercase;
    color:#FFFFFF;
    font-weight:normal;
    height:31px;
    line-height:31px;
}

/* applies to sub menu <ul> containers */
.RadMenu_SBF_menuSkin .group
{
	border: solid 1px #FFFFFF;
	background: trasparent;
}

/*applied to text in sub menu items */
.RadMenu_SBF_menuSkin .group .text
{
	color: #FFFFFF;
	padding:0px 20px 0px 2px;
    font-family:Arial, Sans-Serif;
    text-transform:none;
    font-weight:normal;
    height:auto;
    line-height:normal;
}      

/* applied to the <a> tag of the sub menu items */
.RadMenu_SBF_menuSkin .group .link
{
	text-align: left;	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -moz-opacity: 0.9;    
	background: #355a7c;
	padding:3px 10px 3px 3px;
	color: #FFFFFF;
}

/*applies to the image that appears on the left of sub menus, the icons */
.RadMenu_SBF_menuSkin .group .leftImage
{
    padding-right:5px;
}

/* applied to the text IN the <a> tags of the sub menu items */
/*.RadMenu_SBF_menuSkin .group .link .text 
{
	color: #FFFFFF;
	padding-right:5px;
	border:1px solid #FF0000;
}*/

/* applied to the text IN the <a> tag of sub menu items on rollover */
.RadMenu_SBF_menuSkin .group .link:hover .text, 
.RadMenu_SBF_menuSkin .group .focused .text 
{
	color: #FFFFFF;
	text-decoration:none;
}

/* applied to the <a> tag of the sub menu items on rollover */
.RadMenu_SBF_menuSkin .group .link:hover,
.RadMenu_SBF_menuSkin .group .focused,
.RadMenu_SBF_menuSkin .group .expanded
{
	text-align: left;	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -moz-opacity: 0.9;    
	background: #4F7698;
	padding:3px 10px 3px 3px;
	color: #FFFFFF;
	text-decoration:none;
}

.RadMenu_SBF_menuSkin .expandLeft, .RadMenu_SBF_menuSkin .expandLeft:hover
{
	padding-right:20px;
	background: Transparent url(images/arrow_bullets.gif) right center no-repeat;
}