/* RadMenu ICA skin */

/* -------------------------------------------------------
	== .RadMenu_Default ==
	* main container for whole nav bar
	- include global spacing
	- include global positioning
	- include background image
	- define width + height
------------------------------------------------------- */
/* Common CSS */
/*begin saw add css*/
.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.RadMenu ul.rmHorizontal,
.RadMenu ul.rmVertical
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
	_display:inline;
}


.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}


.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.rmContextMenu
{
	position:absolute;
	overflow:hidden;
	display:none;
	_height:1px;
	float:left;
}

.rmContextMenu
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

.RadMenu a.rmLink
{
	cursor:pointer;
	display:block;	
}


.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;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled,
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.rmRtl
{
	float:right;
}

.rmRtl ul.rmHorizontal,
.rmRtl ul.rmVertical
{
	float:right;
}

.rmRtl .rmItem
{
	float:right;	
}

.rmRtl .rmLeftImage,
.rmRtlContext .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu ul.rmRootGroup
{
	float:none;
	_float:left;
}

.RadMenu .rmLink
{
	width:auto;
}
/*end saw add css*/

.RadMenu_Default 
{
	width: 772px;
	height: 19px;
	background-image: url(http://www3.ica.gov.sg/images/topNavImages/bg_topnav.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	left: -5px;
	padding-left:8px;
}

.RadMenu_Default_rtl
{
	text-align: right;
}

.RadMenu_Default_Context
{
	background: none;
	border: 0;
}

.RadMenu_Default a
{
	text-decoration: none;
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmLink ==
	* font style for TOP LEVEL menu items
------------------------------------------------------- */
.RadMenu_Default .rmLink
{
	color:#FFF; 
	text-decoration: none; 
	font-size:11px;
	font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
	background:url(http://www3.ica.gov.sg/images/topNavImages/topnav_divider.gif) no-repeat right;
	padding:0 10px 0 1px;
    cursor:pointer;
}
.RadMenu_Default .rmLink:hover {padding-top:1px!important;}

.RadMenu_Default .rmLink:focus,
.RadMenu_Default .rmFocused
{
	outline: 0;
}

.RadMenu_Default .rmExpanded
{
	z-index: 10000;
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmLink:hover, .RadMenu_Default .rmFocused, .RadMenu_Default .rmExpanded ==
	* background style for TOP LEVEL menu items on mouseOver
	- may define mouseover effect on background
------------------------------------------------------- */
.RadMenu_Default .rmLink:hover,
.RadMenu_Default .rmFocused,
.RadMenu_Default .rmExpanded
{
    color:#FFF;
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmLink .rmText ==
	* font style for TOP LEVEL menu items on mouseOver
	- may define mouseover effect on font color 
------------------------------------------------------- */
.RadMenu_Default .rmLink .rmText
{
    text-decoration:none;
}


/* -------------------------------------------------------
	== .RadMenu_Default .rmGroup ==
	* group style for child 
	- use only if CHILD GROUP has specific overall styling 
------------------------------------------------------- */
.RadMenu_Default .rmGroup
{
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmGroup .rmLink ==
	* style for child group individual items 
	- font style for CHILD GROUP items 
------------------------------------------------------- */
.RadMenu_Default .rmGroup .rmLink
{
	border: 1px solid #9BA9B4; 
	border-top: 1px solid #fff; 
	font-size : 11px;
	font-family : Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular, sans-serif;
	color :  #333;
	background :  #EEE;
	cursor:default;
	width: 170px
}

.RadMenu_Default_rtl .rmGroup .rmLink
{
	text-align: right;
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmGroup .rmLink:hover ==
	* font style for CHILD GROUP items on mouseOver
	- may define mouseover effect on font color 
------------------------------------------------------- */
.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded
{
	background-color:#C01818; 
	color: #FFFFFF;
	border-top: 1px solid #D24647;
	border-bottom:1px solid #B50303; 
	border-left:1px solid #D55758;
	border-right:1px solid #A42828;
	font-family : Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular, sans-serif;
	font-size:11px; 
	cursor:pointer;  
	text-decoration:none;
}

.RadMenu_Default .rmGroup .rmExpandRight
{
    background: transparent url(http://www3.ica.gov.sg/images/topNavImages/arrow.gif) no-repeat right;
	padding-right:30px;
	white-space:normal;
}

.RadMenu_Default .rmGroup .rmExpanded
{   
	
}
/* -------------------------------------------------------
	== .RadMenu_Default .rmText ==
	* spacing element for individual CHILD GROUP items
	- define only padding and/or margin here
------------------------------------------------------- */
.RadMenu_Default .rmText
{    
	font-weight:bold;
	padding: 3px 5px 5px 5px;
    text-decoration:none;
}

.RadMenu_Default .rmGroup .rmLink .rmText
{
    font-weight: normal;
	font-size: 11px;
	text-decoration:none;	
	white-space:normal;
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmGroup .rmLink .rmExpandRight ==
	* left and right arrow style
------------------------------------------------------- */
.RadMenu_Default .rmGroup .rmLink .rmExpandRight
{
    /*background: transparent url(http://www3.ica.gov.sg/images/topNavImages/arrow.gif);*/
}

.RadMenu_Default .rmGroup .rmLink .rmExpandLeft
{
	/*background: transparent url(http://www3.ica.gov.sg/images/topNavImages/arrow.gif);*/
}

/* -------------------------------------------------------
	== .RadMenu_Default .rmGroup .rmLink:hover .rmExpandRight ==
	* left and right arrow style on mouseOver
------------------------------------------------------- */
.RadMenu_Default .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Default .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Default .rmGroup .rmExpanded .rmExpandRight
{
	/*background-image: url(http://www3.ica.gov.sg/images/topNavImages/arrow.gif);*/
}

.RadMenu_Default .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Default .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Default .rmGroup .rmExpanded .rmExpandLeft
{
	/*background-image: url(http://www3.ica.gov.sg/images/topNavImages/arrow.gif);*/
}

/* </expand arrows styling> */

/* -------------------------------------------------------
	== .RadMenu_Default .rmHorizontal .rmItem ==
	* specific styling for first or last item in menu
------------------------------------------------------- */
.RadMenu_Default .rmHorizontal .rmItem { }
.RadMenu_Default .rmHorizontal .rmFirst {}
.RadMenu_Default .rmHorizontal .rmLast { }

.RadMenu_Default .rmVertical .rmItem { }
.RadMenu_Default .rmVertical .rmFirst { }
.RadMenu_Default .rmVertical .rmLast { }

.RadMenu_Default_rtl .rmHorizontal .rmItem { }

.RadMenu_Default .rmRootGroup .rmGroup .rmItem,
.RadMenu_Default_Context .rmGroup .rmItem
{  }

.RadMenu_Default .rmGroup
{
}

/* -------------------------------------------------------
	======== ignore everything else below =========
------------------------------------------------------- */


.RadMenu_Default .rmGroup .rmExpanded
{
	z-index: 11;
}

.RadMenu_Default .rmTopArrowDisabled,
.RadMenu_Default .rmBottomArrowDisabled,
.RadMenu_Default .rmLeftArrowDisabled,
.RadMenu_Default .rmRightArrowDisabled
{
	display: none;
}

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow,
.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	font-size: 0;
	line-height: 0;
	color: #fff;
}

.RadMenu_Default .rmTopArrow,
.RadMenu_Default .rmBottomArrow
{
	height: 10px;
	width: 100%;
	background: #fff url(Menu/ArrowScrollUpDown.gif) no-repeat top center;
}

.RadMenu_Default .rmBottomArrow
{
	background-position: center -18px;
}

.RadMenu_Default .rmLeftArrow,
.RadMenu_Default .rmRightArrow
{
	width: 10px;
	height: 100%;
	background: #fff url(Menu/ArrowScrollLeftRight.gif) no-repeat left center;
}

.RadMenu_Default .rmRightArrow
{
	background-position: -18px center;
}

.RadMenu_Default .rmItem .rmDisabled .rmText
{
	color: #999;
}

.RadMenu_Default .rmRootGroup .rmItem .rmDisabled
{
	background: none;
}

.RadMenu_Default .rmGroup .rmItem .rmDisabled
{
	background-color: #fff;
}

.RadMenu_Default .rmRootGroup .rmSeparator,
.RadMenu_Default .rmGroup .rmSeparator
{
}

.RadMenu_Default .rmSeparator .rmText
{
	/*display: none;*/
}

.RadMenu_Default .rmHorizontal .rmSeparator
{
}

.RadMenu_Default .rmVertical .rmSeparator
{
}

.RadMenu_Default .rmLeftImage
{
	margin: 2px;
}

.RadMenu_Default .rmSlide
{
	margin: -1px 0 0 -1px !important;
}

* html .RadMenu_Default .rmVertical .rmSlide
{
	margin-left: -2px !important;
}

* html .RadMenu_Default .rmHorizontal .rmSlide
{
	margin-top: -2px !important;
}

.RadMenu_Default_rtl .rmSlide
{
	margin: -1px 0 0 2px !important;
}

* html .RadMenu_Default_rtl .rmVertical .rmSlide
{
	margin-left: 3px !important;
}

* html .RadMenu_Default_rtl .rmHorizontal .rmSlide
{
	margin-top: -2px !important;
	margin-left: 0 !important;
}

.RadMenu_Default .rmItem .rmDisabled:hover
{
	background: none;
}