/*** menuLeft bar styles ***/

ul.menuLeft, .menuLeft ul{
	/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
}

ul.menuLeft{
	/*display: table;
	position: relative;
	text-align: center;
	margin:auto;*/
}
ul.menuLeft>li{
	display: table-cell;
	padding-left: 30px;
	position: relative;
}

ul.menuLeft li>ul{
    /*Make the sub list items invisible*/
    display: none;
    position: absolute;
    /*max-width: 500px;*/
    width:300px;
    margin-left:-15px;
}

ul.menuLeft li:hover>ul, ul.menuLeft li.selected>ul{
    /*When hovered, make them appear*/
    display: block;
}

.menuLeft ul li{
	display: table-cell;
	padding-top: 2px;
}

.menuLeft ul li a{
	/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding:0px;
	padding-right: 22px;
	/*padding-top: 5px;*/
	height:15px;
	background-repeat:no-repeat;
}

/*** Menu colors (customizable) ***/

ul.menuLeft, .menuLeft ul, .menuLeft ul li a{
	text-decoration: none;
	font-size: 12px; 
	font-weight:700;
	color:#374f62;
}


ul.menuLeft li:hover, ul.menuLeft a.selected, ul.menuLeft a:hover{
	/*text-decoration: underline;*/
	background-position:0px -15px;
}

ul.menuLeft li:active, .menuLeft ul li a:active{
	/*text-decoration: underline;*/
	background-position:0px -15px;
}

.menuLeft ul li a:hover, .menuLeft ul li a.selected{
    background-position:0px -13px;
}

.menuLeft a{
	text-decoration: none;
	font-size: 12px; 
	font-weight:700;
	color:#374f62;
	display:block;
	height:15px;
	background-repeat:no-repeat;
	/*background-color:#cccccc;*/
}