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

/** Reset */
/**
 *  START FREEBIE STYLES
 */

 	/*! Font Faces */
	@font-face{ 
		font-family: 'museo500';
	    src: url("MuseoSans_500-webfont.eot")/*tpa=http://www.dhvgd.com/fonts/MuseoSans_500-webfont.eot*/;
	    src: url("MuseoSans_500-webfont.eot-#iefix")/*tpa=http://www.dhvgd.com/fonts/MuseoSans_500-webfont.eot?#iefix*/ format('embedded-opentype'),
	         url("MuseoSans_500-webfont.woff")/*tpa=http://www.dhvgd.com/fonts/MuseoSans_500-webfont.woff*/ format('woff'),
	         url("MuseoSans_500-webfont.ttf")/*tpa=http://www.dhvgd.com/fonts/MuseoSans_500-webfont.ttf*/ format('truetype'),
	         url("MuseoSans_500-webfont.svg#museo_sans_500regular")/*tpa=http://www.dhvgd.com/fonts/MuseoSans_500-webfont.svg#museo_sans_500regular*/ format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	/*! Freebie Skelet */
	ul.expmenu { width: 1200px; }
	ul.expmenu * { list-style: none; }
	ul.expmenu > li > div.headers { padding: 12px; width: 1200px;}
	ul.expmenu > li:last-child > div.headers { border-bottom: none; }
	ul.expmenu > li ul li { padding: 12px;  color: #727272;  }
	ul.expmenu > li ul li:last-child { border-bottom: none; }
	ul.expmenu div.headers
	{
		color: #292929;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
		background: #f7f7f7; /* Old browsers */
	}
	ul.expmenu > li > div.headers > .label { padding-left: 24px; background: no-repeat; }
	ul.expmenu > li > div.headers > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
	ul.expmenu > li > div.headers > .arrow.up { background-image: url("down-1.png")/*tpa=http://www.dhvgd.com/images/phone/gywm/down.png*/; }
	ul.expmenu > li > div.headers > .arrow.down { background-image: url("right.png")/*tpa=http://www.dhvgd.com/images/phone/gywm/right.png*/; }

		ul.expmenu > li ul li:not(.selected):active
		{
			background: #f1f1f1; /* Old browsers */
			cursor: pointer;
		}
	body
	{ 
		color: #b1b1b1;		
	}
	ul#pagination-freebie { display: table; padding-right: 20px; margin: 20px auto; list-style: none; }
	ul#pagination-freebie:last-child { padding-right: 0; }
	ul#pagination-freebie li { float: left; margin-bottom: 20px }
	ul#pagination-freebie li:last-child { margin-right: 0; }
	div#text { text-align: center; font-size: 48px; width: 610px; margin: 0 auto; margin-top: 50px; margin-top: 80px; }
	div#smalltext { text-align: center; font-size: 15px; width: 600px; margin: 0 auto; }
	div#content { display: table; margin: 0 auto; padding: 30px;}


	/* slider root element */
.slider
{
    background: #d5d5d5;
    height: 7px;
    position: relative;
    cursor: pointer;
    width: 100%;
    clear: right;
    top: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 0 8px #000;
    margin: 10px 0 10px 0;
}

/* progress bar (enabled with progress: true) */
.progress
{
    height: 7px;
    position: relative;
    background: #5389c5; /* Old browsers */
	background: -moz-linear-gradient(top, #5389c5 0%, #4775a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5389c5), color-stop(100%,#4775a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5389c5 0%,#4775a9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5389c5', endColorstr='#4775a9',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    top: 0px;
    border: 1px solid #4b7bb1;

    -moz-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
}

/* drag handle */
.handle
{
    background: url("handle.png")/*tpa=http://www.dhvgd.com/images/handle.png*/ repeat-x center;
    height: 16px;
    width: 16px;
    top: -5px;
    position: absolute;
    display: block;
    margin-top: 1px;
    cursor: pointer;

}

/* the input field */
.range
{
    display: none;
}