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

	.sm-blue {
		background:#ffffff; 
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		text-align:right;
		/*-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		box-shadow:0 1px 1px rgba(0,0,0,0.3);*/
	}
	.sm-blue-vertical {
	}
	.sm-blue 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.3);
		-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.3);
		box-shadow:0 5px 12px rgba(0,0,0,0.3);
	}
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.sm-blue-vertical ul,
	.sm-blue ul ul {
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}


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

	.sm-blue a {
		padding:5px 14px;
		color:#6C7A83;
		font-size:13px;
		line-height:23px;
		font-weight:300;
		text-decoration:none;
		text-align: left;
		border-bottom:5px solid #FFFFFF;
	}
	.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
	.sm-blue a.highlighted {
		color:#083050;
		text-decoration:none;
		border-bottom:5px solid #cccccc;
	}
	.sm-blue-vertical a {
	}
	.sm-blue ul a {
		padding:9px 40px 8px 23px;
		background:transparent;
		color:#247eab;
		font-size:13px;
		text-shadow:none;
	}
	.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active,
	.sm-blue ul a.highlighted {
		background:#0055A5;
		color:#fff;
		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-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active,
	.sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {
		background:#0055A5;
		color:#fff;
		text-shadow:0 1px 0 rgba(0,0,0,0.3);
	}
	/* round the left corners of the first item for horizontal main menu */
	/*.sm-blue > 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 */
	/*.sm-blue-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;
	}
	.sm-blue-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;
	}
	.sm-blue a.has-submenu {

	}*/


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

	.sm-blue a span.sub-arrow {
		position:absolute;
		bottom:3px;
		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:5px;
		height:5px;
		overflow:hidden;
		background:url("../images/menu-arrow-down.png") 0 0 no-repeat;
		/*border-width:5px;
		border-style:solid dashed dashed dashed;
		border-color:#a4cde1 transparent transparent transparent;*/
	}
	.sm-blue-vertical a span.sub-arrow,
 	.sm-blue ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-2px;
		right:15px;
		left:auto;
		margin-left:0;
		background:url("../images/menu-arrow-next.png") 0 0 no-repeat;
		/*border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #a4cde1;*/
	}


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

	.sm-blue li {
		display:inline-block;
	}
	.sm-blue li:first-child,
	.sm-blue-vertical li,
	.sm-blue ul li {
		border-left:0;
	}
	.sm-blue li ul li {
		float:right;
		width:100%;
	}

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

	.sm-blue span.scroll-up, .sm-blue 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-blue span.scroll-up-arrow, .sm-blue 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-blue span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab transparent transparent transparent;
	}


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

	.side-menu a:hover {
		text-decoration:none !important;
	}
	
/* Sub menu indicators
===================*/

	.side-menu a span.sub-arrow,
	.side-menu a span.sub-arrow:after {
		font-family: FontAwesome;
	    content: "\f055";
	    padding-right:2px;
	    color:#0040AA;
	    font-size:15px;
	}
	/* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
	.side-menu a.highlighted span.sub-arrow {
		/*display:none !important;*/
	}
	
	.side-menu a.highlighted span.sub-arrow:after {
		font-family: FontAwesome;
	    content: "\f056";
	    padding-right:2px;
	    color:#0040AA;
	    font-size:15px;
	}