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

	.sm-walk {
		background:#125eab; /* Old browsers */
	}
    .sm-walk.collapsed {
        display: none;
    }
	.sm-walk ul {
		border:0;
		padding:7px 0;
		background:#6ebbe4;
	}


    /* reset some crud from system.menus.css */
    li a.active {
        color: #fafafa;
    }
    ul.menu li {
        margin: 0;
    }

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

	.sm-walk a {
		padding:14px 18px 13px;
		color:#fafafa;
		font-size:18px;
		line-height:23px;
		font-family:"Asap",sans-serif;
		font-weight:bold;
		text-decoration:none;
    text-transform:uppercase;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.sm-walk a:hover, .sm-walk a:focus, .sm-walk a:active,
	.sm-walk a.highlighted {
		background:#a7d4ec; /* Old browsers */
		color:#fafafa;
	}
	.sm-walk-vertical a {
		padding:9px 40px 8px 23px;
		background:#94c854; /* Old browsers */
	}
	.sm-walk ul a {
		padding:9px 40px 8px 23px;
		background:transparent;
		color:#fafafa;
		font-size:16px;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.sm-walk ul a:hover, .sm-walk ul a:focus, .sm-walk ul a:active,
	.sm-walk ul a.highlighted {
		background:#a7d4ec; /* Old browsers */
		color:#fafafa;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-walk a.current, .sm-walk a.current:hover, .sm-walk a.current:focus, .sm-walk a.current:active,
	.sm-walk ul a.current, .sm-walk ul a.current:hover, .sm-walk ul a.current:focus, .sm-walk ul a.current:active {
		background:#94c854;
		color:#fafafa;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}


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

	.sm-walk a span.sub-arrow,
    .sm-walk-vertical a span.sub-arrow,
 	.sm-walk ul a span.sub-arrow {
        display: none;
	}


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

	.sm-walk li,
	.sm-walk li:first-child,
	.sm-walk-vertical li,
	.sm-walk ul li {
		border-left:0;
	}


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

	.sm-walk span.scroll-up, .sm-walk span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#94c854;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-walk span.scroll-up-arrow, .sm-walk span.scroll-down-arrow {
		position:absolute;
		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;
		overflow:hidden;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #247eab transparent;
	}
	.sm-walk span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab 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: 1199px) {
	.sm-walk:not(.sm-walk-vertical) > li > a {
		padding-left:9px;
		padding-right:8px;
	}
}

@media screen and (min-width: 992px) {
    .sm-walk.collapsed {
        display: block;
    }
}

@media screen and (max-width: 991px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-walk{width:auto !important;}
	ul.sm-walk 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.sm-walk>li{float:none;}
	ul.sm-walk>li>a,ul.sm-walk ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-walk iframe{display:none;}

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


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

	.sm-walk {
		background:transparent;
	}
	.sm-walk ul {
		border:0;
		padding:0;
		background:#005dab;
	}
	.sm-walk ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
	}


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

	.sm-walk a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#005dab !important; /* Old browsers */
		color:#fafafa !important;
	}
	.sm-walk ul a {
		background:transparent !important;
		color:#fafafa !important;
	}
	.sm-walk a.current {
		background:#94c854 !important; /* Old browsers */
		color:#fafafa !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-walk ul a {
		border-left:8px solid transparent;
	}
	.sm-walk ul ul a {
		border-left:16px solid transparent;
	}
	.sm-walk ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-walk ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-walk ul ul ul ul ul a {
		border-left:40px solid transparent;
	}

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

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


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

	.sm-walk li {
		border-left:0;
	}
	.sm-walk ul li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.sm-walk ul li:first-child {
		border-top:0;
	}

}

/**** Register and Donate menus */

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

	#donate,
  #donate .sm-regdon,
  .sm-regdon {
		background-color:#2395d3; /* Old browsers */
	}

  #registermenu, #donatemenu {
    cursor: pointer;
  }
  
  @media (min-width: 992px) {
	.sm-regdon {
	  background-color: #f99d2e;
	}
	#donate, #donate .sm-regdon {
	  background-color: #93c853;
	}
    #registermenu > li > a {
      padding: 13px;
    }
  }

    .sm-regdon.collapsed {
        display: none;
    }
	.sm-regdon ul {
		border:0;
		padding:7px 0;
		background:#ffffff;
	}

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

	.sm-regdon a {
		padding:13px 24px;
		color:#f79646;
		font-size:14px;
		line-height:20px;
		font-family:"Asap",sans-serif;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.sm-regdon a:hover, .sm-regdon a:focus, .sm-regdon a:active,
	.sm-regdon a.highlighted {
		background:#f8ab6a; /* Old browsers */
		color:#fafafa;
	}
    #register > ul > li > a,
    #donate > ul > li > a {
        background: transparent !important;
    }
	#donate .sm-regdon a:hover, #donate .sm-regdon a:focus, #donate .sm-regdon a:active,
	#donate .sm-regdon a.highlighted {
		background:#f79646; /* Old browsers */
		color:#fafafa;
	}
	.sm-regdon-vertical a {
		padding:9px 40px 8px 23px;
		background:#ffffff; /* Old browsers */
	}
	.sm-regdon ul a {
		padding:9px 40px 8px 23px;
		background:transparent;
		color:#f79646;
		font-size:16px;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.sm-regdon ul a:hover, .sm-regdon ul a:focus, .sm-regdon ul a:active,
	.sm-regdon ul a.highlighted {
		background:#f8ab6a; /* Old browsers */
		color:#fafafa;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	#donate .sm-regdon ul a:hover, .sm-regdon ul a:focus, .sm-regdon ul a:active,
	#donate .sm-regdon ul a.highlighted {
		background:#f79646; /* Old browsers */
		color:#fafafa;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	.sm-regdon ul a img {
        width: 100px;
        max-width: 100%;
    }

	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-regdon a.current, .sm-regdon a.current:hover, .sm-regdon a.current:focus, .sm-regdon a.current:active,
	.sm-regdon ul a.current, .sm-regdon ul a.current:hover, .sm-regdon ul a.current:focus, .sm-regdon ul a.current:active {
		background:#ffffff;
		color:#f79646;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	#donate .sm-regdon a.current, .sm-regdon a.current:hover, .sm-regdon a.current:focus, .sm-regdon a.current:active,
	#donate .sm-regdon ul a.current, .sm-regdon ul a.current:hover, .sm-regdon ul a.current:focus, .sm-regdon ul a.current:active {
		background:#ffffff;
		color:#f8ab6a;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}


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

	.sm-regdon a span.sub-arrow,
    .sm-regdon-vertical a span.sub-arrow,
 	.sm-regdon ul a span.sub-arrow {
        display: none;
	}


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

	.sm-regdon li,
	.sm-regdon li:first-child,
	.sm-regdon-vertical li,
	.sm-regdon ul li {
		border-left:0;
	}


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

	.sm-regdon span.scroll-up, .sm-regdon 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 */
	}
	.sm-regdon span.scroll-up-arrow, .sm-regdon span.scroll-down-arrow {
		position:absolute;
		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;
		overflow:hidden;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #247eab transparent;
	}
	.sm-regdon span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab transparent transparent transparent;
	}



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

@media screen and (min-width: 992px) {
    .sm-regdon.collapsed {
        display: block;
    }
}

@media screen and (max-width: 991px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-regdon{width:auto !important;}
	ul.sm-regdon 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.sm-regdon>li{float:none;}
	ul.sm-regdon>li>a,ul.sm-regdon ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-regdon iframe{display:none;}

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


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

	.sm-regdon {
		background:transparent;
	}
	.sm-regdon ul {
		border:0;
		padding:0;
		background:#ffffff;
	}
	.sm-regdon ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
	}


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

	.sm-regdon a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#f79646  !important; /* Old browsers */
		color:#fafafa !important;
	}
	#donate .sm-regdon a {
		padding:10px 5px 10px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#2395d3  !important; /* Old browsers */
		color:#fafafa !important;
	}
	.sm-regdon ul a {
		background:transparent !important;
		color:#f79646 !important;
	}
	#donate .sm-regdon ul a {
		background:transparent !important;
		color:#f8ab6a !important;
	}
	.sm-regdon a.current {
		background:#ffffff !important; /* Old browsers */
		color:#f79646 !important;
	}
	#donate .sm-regdon a.current {
		background:#ffffff !important; /* Old browsers */
		color:#f8ab6a !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-regdon ul a {
		border-left:8px solid transparent;
	}
	.sm-regdon ul ul a {
		border-left:16px solid transparent;
	}
	.sm-regdon ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-regdon ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-regdon ul ul ul ul ul a {
		border-left:40px solid transparent;
	}

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

	.sm-regdon a span.sub-arrow,
	.sm-regdon ul a span.sub-arrow,
	.sm-regdon a.highlighted span.sub-arrow {
        display: none !important;
	}


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

	.sm-regdon li {
		border-left:0;
	}
	.sm-regdon ul li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.sm-regdon ul li:first-child {
		border-top:0;
	}

}