.P_List {
	width: 200px !important;
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

	.P_List > li {
		margin: 0 0 1px 0;
		padding: 0;
		display: block;
	}

		.P_List > li > a,
		.P_List > li > a:active,
		.P_List > li > a:link,
		.P_List > li > a:visited {
			text-decoration: none;
		}

			.P_List > li > a > span {
				height: 40px;
				padding: 0 35px 0 25px;
				font-size: 14px;
				color: white;
				text-align: left;
				text-decoration: none;
				line-height: 40px;
				display: block;
				background-image: url('../../Images/SiteContent/PeriodsMenuImages.png') !important;
				background-repeat: no-repeat !important;
				background-position: 0 0 !important;
				overflow-y: auto;
				direction: rtl;
				cursor: pointer;
			}

				.P_List > li > a > span.child-node {
					background-position: 0 -120px !important;
				}

				.P_List > li > a > span:hover {
					background-position: 0 -40px !important;
				}

				.P_List > li > a > span.active,
				.P_List > li > a > span.active:hover {
					font-weight: bold;
					background-position: 0 -80px !important;
					cursor: default;
				}

				.P_List > li > a > span.chosen {
					color: black;
					text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 0 20px white, 0 0 25px white;
				}

				.P_List > li > a > span > b {
					width: 10px;
					display: inline-block;
					text-align: center;
				}


	/* mobile styling */

	.P_List.mobile {
		width: auto !important;
	}

	.P_List > li > a > span.mobile {
		background-image: url('../../Images/SiteContent/PeriodsMenuImages_FlipH.png') !important;
		direction: ltr;
	}