.wvcbox {
	position: relative;
	padding: 10px;
}

	.wvcboxContainer {
		position: relative;
		width: 237px;
		height: 192px;
		padding: 9px 10px 0;
		margin: 0 auto;
		background: url(/images/eventbox/eb_bg.jpg) no-repeat;
	}

		.wvcboxWindow {
			position: relative;
			height: 109px;
			width: 237px;
			overflow: hidden;
		}
	
			.wvcboxWindow div { /* do not style the individual divs in the imageWindow */ }
				.wvcboxWindow div img { /* do not style the individual images in the imageWindow */ }
	

		.wvcboxNavigation {
			position: absolute;
			z-index: 30;
			list-style-type: none;

			/* style below however you want */
			bottom: 56px;
			left: 18px;
			padding: 0px;
			margin: 0px;
		}

			/* style below however you want */
			.wvcboxNavigation li {
				width:18px;
				height:28px;
				margin:0;
				padding:0 5px;

				color: #fff;
				font-family: Arial,Helvetica,sans-serif;
				font-size: 11px;
				line-height: 28px;
				text-align: left;

				border-right: #fff solid 1px;
				display: inline;
			}
	
			/* style below however you want */
			.wvcboxNavigation li.on {
				color: #7296a8;
			}
	
	
		.wvcboxDescriptions {
			position: absolute;		/* keeping this absolute to make it easier to position within the eventbox */
			overflow: hidden;		/* highly recommend that the overflow is hidden to prevent image bleeding on the website */
			z-index: 20;			/* keep this: it sets the position */

			/* style below however you want */
			width: 234px;
			height: 45px;

			bottom: 18px;
			left: 12px;

		}
	
			/* style below however you want */
			.wvcboxDescriptions div {
				position: relative;		/* keep this relative to make it easier to position within the eventbox */
				height: 100%;			/* keep this as it ensures there is not a flicker on the text */

				padding: 4px 10px 4px 10px; 

				/* opacity:0.8; */
				/* filter:alpha(opacity=80); */
				/* background-color: black; */
				color: white;
				font-size: 11px;
				text-align: left;
			}