/** Project: otr
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.3.2
 *  @framework     YAML v4.02
 *  @file          vlist.css
 */

@media all {

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

	.ym-vtitle {
	/*background-color: #fff;*/
	color: #444;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	width: 90%;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0;
	}

	.ym-vlist ul {
		
		list-style-type: none;
		margin-left:30px;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

	.ym-vtitle + ul {
		
	}

	.ym-vlist ul ul {
		border: 0 none;
	}

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

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

	.ym-vlist a,
	.ym-vlist a:visited {
		color: #fff;
      font-weight: bold;
	}

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

	.ym-vlist li.active, li a:active {
		background-image: url('../images/arrow.png');
      background-repeat: no-repeat;
      background-position: right;
      text-decoration: underline;
      color: white;
	}
   
.ym-vlist li.active strong {
		font-weight: bold;
	}

	.ym-vlist li a,
	.ym-vlist li strong,
	.ym-vlist li span {
		padding-left: 10%;
		width: 90%;
	}
   
  
	.ym-vlist li a:focus,
	.ym-vlist li a:hover,
	.ym-vlist li a:active:after {
	//	background-color: #C7D54C;
  //  background: url("https://onestopgallery.com/includes/css/includes/images/arrow.png");
		color: #fff;
		outline: 0 none;
		text-decoration:underline;
    
      
	}

	.ym-vlist li ul li a,
	.ym-vlist li ul li strong,
	.ym-vlist li ul li span {
		padding-left: 20%;
		width: 80%;
	}

	.ym-vlist li ul li a,
	.ym-vlist li ul li a:visited {
		background-color: #C7D54C;
		color: #333;
	}

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

	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li strong,
	.ym-vlist li ul li ul li span {
		padding-left: 30%;
		width: 70%;
	}

	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li a:visited {
		background-color: #f0f0f0;
		color: #222;
	}

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

	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li strong,
	.ym-vlist li ul li ul li ul li span {
		padding-left: 40%;
		width: 60%;
	}

	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li a:visited {
		background-color: #e8e8e8;
		color: #111;
	}

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

}