﻿/* Common CSS */

.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
	width: 980px !important;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu ul.rmVertical,
.rmRootGroup ul.rmHorizontal,
.RadMenu_Context ul.rmHorizontal
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.rmSized ul.rmVertical
{
	width: 100%;
}

.rmSized ul.rmRootGroup
{
	float: none;
}

.rmSized .rmRootGroup .rmVertical
{
	width: auto;
}

.rmGroup
{
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  /*  background-image: url('/images/Controls/TabSubMenu/transparentbackground.png');*/
    z-index: 0 !important;
}

.rmSlide 
{
    z-index: 0 !important;
    position: relative;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:inside;
	list-style: none;	
	list-style-type:none;
	padding-right: 0px !important;
	margin-right: 0px !important; 
    z-index: 100000 !important;
}

.rmItem .rmLink 
{
    z-index: 100000 !important; background-image: url('/images/Controls/MainMenu/backtab.png'); margin-right: 0px; height: 40px; border: none; line-height: 36px; font-family: Arial; font-size: 13px; color: #fff; background-position: right top;	
}

.rmItem .rmLink:hover 
{
    z-index: 100000 !important; background-image: url('/images/Controls/MainMenu/backtab-hover.png'); margin-right: 0px; height: 40px; border: none; line-height: 36px; font-family: Arial; font-size: 13px; color: #fff; background-position: right top;	
}

.rmFirst 
{
    background-image: none !important;
}

.rmFirst .rmLink
{
    background-image: url('/images/controls/MainMenu/first.png') !important;
    background-position: left top !important;
    height: 40px; background-repeat: no-repeat; padding-left: 0px;
    position: relative; z-index: 100000 !important;
}

.rmFirst .rmLink:hover
{
    background-image: url('/images/controls/MainMenu/first-hover.png') !important;
    background-position: left top !important;
    height: 40px; background-repeat: no-repeat; padding-left: 0px;
    position: relative; z-index: 100000 !important;
}

.rmLast .rmLink
{
    background-image: url('/images/controls/MainMenu/last.png') !important;
    height: 40px; background-repeat: no-repeat; padding-right: 0px;
    background-position: right top !important; 
}

.rmLast .rmLink:hover
{
    background-image: url('/images/controls/MainMenu/last-hover.png') !important;
    height: 40px; background-repeat: no-repeat; padding-right: 0px;
    background-position: right top !important; 
}



.rmExpand
{

	background-image: url('/images/Controls/MainMenu/transparencytab.png');
	background-repeat: no-repeat;
	background-position: right top;
}

/*.RadMenu .rmItem:hover
{
	float:left;
	position:relative;
	padding: 0; margin: 0; list-style-type: none; list-style-position: inside; list-style-image: none;  text-align: center;
	margin-right: 4px; height: 25px; border-top: solid 2px #006fb7; border-left: solid 1px #006fb7; background-color: #006fb7; line-height: 23px; font-family: Verdana; font-size: 12px; color: #FFFFFF;
}*/

* html .RadMenu .rmItem
{
	display:inline;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.RadMenu_Context
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
/*	z-index: 1 !important;*/
}

* html .RadMenu .rmSlide, 
* html .RadMenu_Context
{
	height:1px;
	z-index: -1 !important;
}

.RadMenu_Context
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

/*.RadMenu .rmText:hover
{
	display:block;
	width: 127px;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
} */

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	z-index: 100000 !important;
	position: relative;
	font-size: 13px;
	cursor: pointer;
}

.rmExpandDown 
{
    z-index: 10000 !important;
    /*border: solid 1px red;*/
}

.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	outline: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.RadMenu_rtl
{
	float:right;
	text-align: right;
}

.RadMenu_rtl ul.rmHorizontal,
.RadMenu_rtl ul.rmVertical
{
	float:right;
}

.RadMenu_rtl .rmItem
{
	float:right;	
}

.RadMenu_rtl .rmLeftImage,
.RadMenu_Context_rtl .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu_rtl .rmLeftArrow,
.RadMenu_rtl .rmTopArrow,
.RadMenu_rtl .rmBottomArrow,
.RadMenu_rtl .rmRightArrow,
.RadMenu_rtl .rmLeftArrowDisabled,
.RadMenu_rtl .rmTopArrowDisabled,
.RadMenu_rtl .rmBottomArrowDisabled,
.RadMenu_rtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    width: 2px !important; height: 40px !important; background-image: url('/images/Controls/MainMenu/spacer.png') !important;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmLink
{
	padding: 0 0 0 0;
	outline: 0;
	float: left;
}

.RadMenu .rmText
{
	padding-bottom: 1px;
	float: none;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 4px 2px 0 0;
	padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage+.rmText
{
	padding: 0 8px 1px 24px;
}

.RadMenu .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmHorizontal .rmText
{
	padding: 0 0px 1px 0;
	width: 100%;
}

.RadMenu_rtl .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText
{
	display: block;
	float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink
{
	float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink
{
	float: left;
}


.RadMenu .rmGroup 
{

  
}

.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 1px;
}

/*.RadMenu .rmGroup .rmItem
{
	padding: 0;
}*/


/* ##### Dit is voor de submenus */
.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate
{
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
	
	z-index: -1 !important;
}

.RadMenu .rmGroup .rmText
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: inline-block;
}

.RadMenu_rtl .rmGroup .rmText
{
	padding: 0 28px 0 54px;
	margin: 0 0px 0 0;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context .rmGroup .rmLeftImage+.rmText
{
	padding: 0 54px 0 28px;
	z-index: -1 !important;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
{
	padding: 0 28px 0 54px;
	z-index: -1 !important;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
	padding: 0 11px 0 10px;
	z-index: -1 !important;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 0 0 6px;
}



* html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }
*+html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }

.RadMenu_rtl .rmGroup .rmLeftImage
{
	margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

* html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }
*+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }


/* <separators> */

.RadMenu .rmSeparator .rmText
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	background-repeat: repeat-x;
	overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: auto;
	width: auto;
	padding-bottom: 2px;
}

*+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
*+html .RadMenu .rmVertical .rmSeparator .rmText,
*+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: 2px;
	padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
* html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }

.RadMenu .rmRootGroup .rmSeparator .rmText
{
	margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText
{
	margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
	margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator 
{
        height: 40px; width: 2px; background-image: url('/images/controls/mainmenu/spacer.png');
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
	margin: 2px 0 0;
	height: 20px;
	width: 2px;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow
{
	width: 10px;
	height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow
{
	height: 10px;
	width: 100%;
}

