/*
 * CSS Expandable Menu
 * @author: Francisco Neves
 */

/** Reset */
* { font-family: "museo500", "Arial"; font-size: 12px; list-style: none; margin: 0; padding: 0; outline: 0; text-decoration: none; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; }

/**
 *  START FREEBIE STYLES
 */

 	/*! Font Faces */
	@font-face{ 
		font-family: 'museo500';
	    src: url('../fonts/MuseoSans_500-webfont.eot');
	    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
	         url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
	         url('../fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	/*! Freebie Skelet */
	ul.expmenu { width: 220px; }
	ul.expmenu * { list-style: none; }
	ul.expmenu > li > div.header { padding: 12px; border-bottom: 1px #465d06 solid; }
	ul.expmenu > li:last-child > div.header { border-bottom: none; }
	ul.expmenu > li ul li { background-color: #ececec; padding: 12px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);}
		ul.expmenu > li ul li :link{text-decoration: none;}
	ul.expmenu > li ul li:last-child { border-bottom: none; }
	ul.expmenu > li ul li.selected { background-color: #f4f4f4; }
	ul.expmenu div.header
	{
		color:#dbff92;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
		background: #8bb831; /* Old browsers */
		background: -moz-linear-gradient(top, #8bb831 0%, #638423 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bb831), color-stop(100%,#638423)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #8bb831 0%,#638423 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #8bb831 0%,#638423 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #8bb831 0%,#638423 100%); /* IE10+ */
		background: linear-gradient(to bottom, #8bb831 0%,#638423 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb831', endColorstr='#638423',GradientType=0 ); /* IE6-9 */
		/*round corners */
		border-radius: 0px 0px 0px 0px; 
		-moz-border-radius: 0px 0px 0px 0px; 
		-webkit-border-radius: 0px 0px 0px 0px; 
		border: 1px solid #465d06;
		margin-bottom: 1px;
	}
	ul.expmenu > li > div.header > .label { padding-left: 24px; background: no-repeat; }
	ul.expmenu > li > div.header > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
	ul.expmenu > li > div.header > .arrow.up { background-image: url(../images/arrow_u.png); }
	ul.expmenu > li > div.header > .arrow.down { background-image: url(../images/arrow_d.png); }

		/* Mouse Events */
		ul.expmenu div.header:hover
		{
			background: #5d7222; /* Old browsers */
			background: -moz-linear-gradient(top, #5d7222 0%, #3e4c16 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d7222), color-stop(100%,#3e4c16)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #5d7222 0%,#3e4c16 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #5d7222 0%,#3e4c16 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #5d7222 0%,#3e4c16 100%); /* IE10+ */
			background: linear-gradient(to bottom, #5d7222 0%,#3e4c16 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d7222', endColorstr='#3e4c16',GradientType=0 ); /* IE6-9 */

			cursor: pointer;
		}

		ul.expmenu > li ul li:not(.selected):hover
		{
			background: #e7e7e7; /* Old browsers */
			cursor: pointer;
			text-decoration: none;
		}
		ul.expmenu > li ul li:not(.selected):active
		{
			background: #f1f1f1; /* Old browsers */

			cursor: pointer;
			text-decoration: none;
		}
/**
 *  END FREEBIE STYLES
 */