@media all {

	.vlist {
		margin:0 0 1.5em 0;
		list-style-type:none;
		background: transparent;
		border: 0 none;
	}

	/* title */
	.vtitle {
		background-color: #fff;
		color: #696969;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 20px;
		font-weight: normal;
		margin: 0;
	}

	.vlist ul {
		list-style-type:none;
		margin:0;
		padding:0;
		width:100%;
		overflow:hidden;
		/*border-top:2px #c4c4c4 solid;*/
		/*border-bottom:2px #c4c4c4 solid;*/
	}

	.vtitle + ul {
		border-top: 1px solid #c4c4c4;
	}

	.vlist ul ul {
		border: 0 none;
	}

	.vlist li {
		float:left; /* LTR */
		width:100%;
		margin:0;
		padding:0;
		background-color:#fff;
	}

	.vlist a,
	.vlist strong,
	.vlist span {
		display:block;
		padding:3px 0px 3px 10%;
		text-decoration:none;
		border-bottom:1px #c4c4c4 solid;
	}

	.vlist a,
	.vlist a:visited {
		color:#444;
	}

	.vlist li span {
		display:block;
		font-weight:bold;
		border-bottom:1px #c4c4c4 solid;
	}

	/* active list element */
	.vlist li.act_02 {
		color:#red;
		background-color:#fff;
	}

	.vlist li.act_02 a {
		font-weight:bold;
	}
	
	.vlist li.act_01  a{
		color:#9ad6ca;
		background-color:#1c5f51;
	}
	
	.vlist li.act_01 ul li a{
		color:#454545;
		background-color:#fff;
		font-weight: normal;
	}
	
	.vlist li.act_01 ul li.act_02 a {
		background: url("../../images/icons/green-arrow.png") no-repeat scroll 32px 4px #ffffff;
		color: #1c5f51;
		font-weight: normal;
	}
	
	.vlist li.act_01 ul li.level-last a {
		border-bottom: 1px solid #c4c4c4;
	}
	
	.vlist li.act_01 ul li:hover a{
		color:#1c5f51;
		background: url("../../images/icons/green-arrow.png") no-repeat scroll 32px 4px #ffffff;
	}

	/* Level 1 */
	.vlist li a,
	.vlist li strong,
	.vlist li a,
	.vlist li span { width:90%; padding-left:10%; background: url("../../images/icons/green-arrow.png") no-repeat scroll 8px 4px #ffffff;} /* LTR */

	.vlist li a:focus,
	.vlist li a:hover,
	.vlist li a:active { background-color:#1c5f51; color:#9ad6ca; outline: 0 none; }

	/* Level 2 */
	.vlist li ul li a,
	.vlist li ul li strong,
	.vlist li ul li span { width:80%; padding-left:20%; background: url("../../images/icons/gray-arrow.png") no-repeat scroll 32px 4px #ffffff;} /* LTR */

	.vlist li ul li a,
	.vlist li ul li a:visited { background-color:#fff; color:#333; }
	.vlist li ul li a:focus,
	.vlist li ul li a:hover,
	.vlist li ul li a:active { background-color:#fff; color:#red; }
	
	.vlist li ul li a,
	.vlist li ul li strong,
	.vlist li ul li span {
		border-bottom:0px #c4c4c4 solid;
	}

	/* Level 3 */
	.vlist li ul li ul li a,
	.vlist li ul li ul li strong,
	.vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */

	.vlist li ul li ul li a,
	.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
	.vlist li ul li ul li a:focus,
	.vlist li ul li ul li a:hover,
	.vlist li ul li ul li a:active { background-color:#888; color:#fff; }

	/* Level 4 */
	.vlist li ul li ul li ul li a,
	.vlist li ul li ul li ul li strong,
	.vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */

	.vlist li ul li ul li ul li a,
	.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
	.vlist li ul li ul li ul li a:focus,
	.vlist li ul li ul li ul li a:hover,
	.vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }
}