/*	Project:	 	Jumping Cats Publishing, Inc. Website

*	Author:		James R. Van Laan
*	Framework:	YAML v4.1.2
*	File:		vlist.css
*	Copyright:	© 2017 Jumping Cats Publishing, Inc. All rights reserved.
*/

@media all {

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

	.ym-vtitle {
		background-color: #fff;
		border-top: 2px #ddd solid;
		color: #444;
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 3px 0px 3px 10%;
		width: 90%;
	}

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

	.ym-vtitle + ul {
		border-top: 4px #888 solid;
	}

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

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

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

	.ym-vlist a,
	.ym-vlist a:visited {
		color: #375D9E;
	}

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

	.ym-vlist li.active {
		background-color: #444;
/*		color: #fff; */
		color: #6495ED;
	}

	.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 {
		background-color: #888;
		color: #fff;
		outline: 0 none;
	}

	.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: #f8f8f8;
		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; */
		background-color: #A3A3A3;
		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; */
		background-color: #A3A3A3;
		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;
	}

}