/* Menu box
===================*/

	.rgsm28 {
		background:#3c6caf; /* Old browsers */
		background-image:url(axd_h/gett.axd?f=public%2fmenu_h%2f28%2f28_menu_bg.png);
		background-image:-moz-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6f94cc),color-stop(100%,#144490));
		background-image:-webkit-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:-o-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:-ms-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:linear-gradient(top,#6f94cc 0%,#144490 100%);
		-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	}
	.rgsm28-vertical { -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);  -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);  box-shadow:0 1px 4px rgba(0,0,0,0.3); }
	.rgsm28 ul {
		border:1px solid #a9a9a9; padding:7px 0; background:#fff;
		-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;
		-moz-box-shadow:0 5px 12px rgba(0,0,0,0.5); -webkit-box-shadow:0 5px 12px rgba(0,0,0,0.5); box-shadow:0 5px 12px rgba(0,0,0,0.5);
	}
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.rgsm28-vertical ul, .rgsm28 ul ul { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }


/* Menu items
===================*/

	.rgsm28 a {
		padding:13px 24px; line-height:23px;
		font-family:"Helvetica","Arial Narrow",Arial,Helvetica,sans-serif;
		color:#fff; font-size:14px; font-weight:bold; text-decoration:none; text-shadow:0 1px 2px rgba(0,0,0,0.7);
	}
	.rgsm28 a:hover, .rgsm28 a:focus, .rgsm28 a:active,
	.rgsm28 a.highlighted {
		background:#225393; /* Old browsers */
		background-image:url(axd_h/gett.axd?f=public%2fmenu_h%2f28%2fmain-item-hover-bg.png);
		background-image:-moz-linear-gradient(top,#507bb0 0%,#032b70 100%);
		background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0%,#507bb0),color-stop(100%,#032b70));
		background-image:-webkit-linear-gradient(top,#507bb0 0%,#032b70 100%);
		background-image:-o-linear-gradient(top,#507bb0 0%,#032b70 100%);
		background-image:-ms-linear-gradient(top,#507bb0 0%,#032b70 100%);
		background-image:linear-gradient(top,#507bb0 0%,#032b70 100%);
		color:#fff;
	}
	.rgsm28-vertical a {
		padding:9px 40px 8px 23px;
		background:#3c6caf; /* Old browsers */
		background-image:url(axd_h/gett.axd?f=public%2fmenu_h%2f28%2fvertical-main-item-bg.png);
		background-image:-moz-linear-gradient(top,#5982c0 0%,#2a59a2 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5982c0),color-stop(100%,#2a59a2));
		background-image:-webkit-linear-gradient(top,#5982c0 0%,#2a59a2 100%);
		background-image:-o-linear-gradient(top,#5982c0 0%,#2a59a2 100%);
		background-image:-ms-linear-gradient(top,#5982c0 0%,#2a59a2 100%);
		background-image:linear-gradient(top,#5982c0 0%,#2a59a2 100%);
	}
	.rgsm28 ul a {
		padding:9px 40px 8px 23px; background:transparent;
		color:#205090; font-size:16px; text-shadow:none;
	}
	.rgsm28 ul a:hover, .rgsm28 ul a:focus, .rgsm28 ul a:active,
	.rgsm28 ul a.highlighted {
		background:#3c6caf; /* Old browsers */
		background-image:url(axd_h/gett.axd?f=public%2fmenu_h%2f28%2fmain-menu-bg.png);
		background-image:-moz-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6f94cc),color-stop(100%,#144490));
		background-image:-webkit-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:-o-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:-ms-linear-gradient(top,#6f94cc 0%,#144490 100%);
		background-image:linear-gradient(top,#6f94cc 0%,#144490 100%);
		color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.7);
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.rgsm28 a.current, .rgsm28 a.current:hover, .rgsm28 a.current:focus, .rgsm28 a.current:active,
	.rgsm28 ul a.current, .rgsm28 ul a.current:hover, .rgsm28 ul a.current:focus, .rgsm28 ul a.current:active {
		background:#0f2580;
		background-image:url(axd_h/gett.axd?f=public%2fmenu_h%2f28%2fcurrent-item-bg.png);
		background-image:-moz-linear-gradient(top,#041472 0%,#19338b 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#041472),color-stop(100%,#19338b));
		background-image:-webkit-linear-gradient(top,#041472 0%,#19338b 100%);
		background-image:-o-linear-gradient(top,#041472 0%,#19338b 100%);
		background-image:-ms-linear-gradient(top,#041472 0%,#19338b 100%);
		background-image:linear-gradient(top,#041472 0%,#19338b 100%);
		color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.7);
	}
	/* round the left corners of the first item for horizontal main menu */
	.rgsm28 > li:first-child > a { -moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px; }
	/* round the corners of the first and last items for vertical main menu */
	.rgsm28-vertical > li:first-child > a { -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
	.rgsm28-vertical > li:last-child > a { -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; }
	.rgsm28 a.has-submenu { 	}


/* Sub menu indicators
===================*/

	.rgsm28 a span.sub-arrow {
		position:absolute; overflow:hidden; bottom:2px; left:50%; margin-left:-5px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0; height:0;
		border-width:5px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#90b0e0 transparent transparent transparent;
	}
	.rgsm28-vertical a span.sub-arrow,
 	.rgsm28 ul a span.sub-arrow {
		bottom:auto; top:50%; margin-top:-5px; right:15px; left:auto; margin-left:0;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #90b0e0;
	}


/* Items separators
===================*/

	.rgsm28 li { border-left:1px solid #225393; }
	.rgsm28 li:first-child, .rgsm28-vertical li, .rgsm28 ul li { border-left:0; }


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.rgsm28 span.scroll-up, .rgsm28 span.scroll-down {
		position:absolute; display:none; visibility:hidden; overflow:hidden;
		background:#ffffff; height:20px;
		/* width and position will be automatically set by the script */
	}
	.rgsm28 span.scroll-up-arrow, .rgsm28 span.scroll-down-arrow {
		position:absolute; overflow:hidden; top:-2px; left:50%;	margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0; height:0;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #205090 transparent;
	}
	.rgsm28 span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#205090 transparent transparent transparent;
	}



/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.rgsm28:not(.rgsm28-vertical) > li > a { padding-left:18px; padding-right:18px; }
}
@media screen and (max-width: 750px) {
	.rgsm28:not(.rgsm28-vertical) > li > a { padding-left:10px; padding-right:10px; }
}

@media screen and (max-width: 640px) {
	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.rgsm28{width:auto !important;}
	ul.rgsm28 ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.rgsm28>li{float:none;}
	ul.rgsm28>li>a,ul.rgsm28 ul.sm-nowrap>li>a{white-space:normal;}
	ul.rgsm28 iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.rgsm28 ul, .rgsm28 span.sub-arrow, .rgsm28 iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.rgsm28 {
		background:transparent;
		-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3); box-shadow:0 1px 4px rgba(0,0,0,0.3);
	}
	.rgsm28 ul {
		border:0; padding:0; background:#fff;
		-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
		-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
	}
	.rgsm28 ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	}


/* Menu items
===================*/

	.rgsm28 a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#3c6caf !important; /* Old browsers */
		background-image:url(axd_h/gett.axd?f=public%2fmenu_h%2f28%2fVertical-main-item-bg.png) !important;
		background-image:-moz-linear-gradient(top,#5982c0 0%,#2a59a2 100%) !important;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5982c0),color-stop(100%,#2a59a2)) !important;
		background-image:-webkit-linear-gradient(top,#5982c0 0%,#2a59a2 100%) !important;
		background-image:-o-linear-gradient(top,#5982c0 0%,#2a59a2 100%) !important;
		background-image:-ms-linear-gradient(top,#5982c0 0%,#2a59a2 100%) !important;
		background-image:linear-gradient(top,#5982c0 0%,#2a59a2 100%) !important;
		color:#fff !important;
	}
	.rgsm28 ul a {
		background:transparent !important;
		color:#205090 !important;
		text-shadow:none !important;
	}
	.rgsm28 a.current {
		background:#0f2580 !important; /* Old browsers */
		background-image:url(css-gradients-fallback/current-item-bg.png) !important;
		background-image:-moz-linear-gradient(top,#041472 0%,#19338b 100%) !important;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#041472),color-stop(100%,#19338b)) !important;
		background-image:-webkit-linear-gradient(top,#041472 0%,#19338b 100%) !important;
		background-image:-o-linear-gradient(top,#041472 0%,#19338b 100%) !important;
		background-image:-ms-linear-gradient(top,#041472 0%,#19338b 100%) !important;
		background-image:linear-gradient(top,#041472 0%,#19338b 100%) !important;
		color:#fff !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.rgsm28 ul a {	border-left:8px solid transparent; }
	.rgsm28 ul ul a { border-left:16px solid transparent; }
	.rgsm28 ul ul ul a { border-left:24px solid transparent; }
	.rgsm28 ul ul ul ul a { border-left:32px solid transparent; }
	.rgsm28 ul ul ul ul ul a { border-left:40px solid transparent; }
	/* round the corners of the first and last items */
	.rgsm28 > li:first-child > a { -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
	/* presume we have 4 levels max */
	.rgsm28 > li:last-child > a,
	.rgsm28 > li:last-child > ul > li:last-child > a,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.rgsm28 > li:last-child > ul,
	.rgsm28 > li:last-child > ul > li:last-child > ul,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
		-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;
	}
	/* highlighted items, don't need rounding since their sub is open */
	.rgsm28 > li:last-child > a.highlighted,
	.rgsm28 > li:last-child > ul > li:last-child > a.highlighted,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.rgsm28 > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
		-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	}


/* Sub menu indicators
===================*/

	.rgsm28 a span.sub-arrow,
	.rgsm28 ul a span.sub-arrow {
		top:50%; margin-top:-9px; right:auto; left:6px; margin-left:0;
		width:17px; height:17px; border:0;
		font:bold 16px/16px monospace !important;
		text-align:center; text-shadow:none;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;
	}
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.rgsm28 a.highlighted span.sub-arrow { display:none !important; }


/* Items separators
===================*/
	.rgsm28 li { border-left:0; }
	.rgsm28 ul li { border-top:1px solid rgba(0,0,0,0.05); }
	.rgsm28 ul li:first-child { border-top:0; }

}