/*
INFORMATION:
This is the stylesheet for the left menu.
Remember the left menu and the right menu doesn't have the same stylesheet.
*/


/* ###################### GENERAL ###################### */

/* Clear out any List-styles etc. */
.menu_left, .menu_left li, .menu_left ul{
list-style-type: none;
margin: 0;
padding: 0;
}

/* removes the default underline on links */
.menu_left a {
text-decoration: none;
}

/* Sets the styles for all items from menu 2 to infinity */
.menu_left ul {
background: #939398;
}







/* ############################################ MENU 1 ############################################ */

/* Ordinary */
.menu_left li span {
padding-left: 5px;
background: #636368;
color: white;
font-size: 13px;
display: block;
line-height: 30px; /* line-height and height should be the same to vertical align the text in the middle */
height: 30px;
margin-top: 5px;
}

/* When hover (mouse over) */
.menu_left li span:hover {
text-decoration: none;

/* For other than below */
background: #363638;
/* For WebKit (Safari, Google Chrome etc) */ 
background: -webkit-gradient(linear, top, bottom, from(#363638), to(#161616)); 
/* For Mozilla/Gecko (Firefox etc) */ 
background: -moz-linear-gradient(top, #363638, #161616); 
/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616); 
/* For Internet Explorer 8 */     
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616)";

}

/* When active */
.menu_left .active span {
text-decoration: none;

/* For other than below */
background: #363638;
/* For WebKit (Safari, Google Chrome etc) */ 
background: -webkit-gradient(linear, left top, right bottom, from(#363638), to(#161616)); 
/* For Mozilla/Gecko (Firefox etc) */ 
background: -moz-linear-gradient(top, #363638, #161616); 
/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616); 
/* For Internet Explorer 8 */     
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#363638, endColorstr=#161616)";
}

/* Reset the styles for all LI's below this menu when active (otherwise all subs for this menu will get the same style */
.menu_left .active li span {
text-decoration: none;

/* For other than below */
background: none;
/* For WebKit (Safari, Google Chrome etc) */ 
background: none; 
/* For Mozilla/Gecko (Firefox etc) */ 
background: none; 
/* For Internet Explorer 5.5 - 7 */ 
filter: none; 
/* For Internet Explorer 8 */     
-ms-filter: none;
}









/* ############################################ MENU 2 ############################################ */

/* Ordinary */
.menu_left li li span { 
padding-left: 15px; 
background: none; 
font-size: 11px;
line-height: 25px; /* line-height and height should be the same to vertical align the text in the middle */
height: 25px;
margin-top: 0px;
}

/* When hover (mouse over) */
.menu_left li li span:hover {
text-decoration: underline;
}

/* When active */
.menu_left li .active span {
text-decoration: underline;
}
/* Reset the styles for all subs below this menu when active (otherwise all subs for this menu will get the same style */
.menu_left li .active li span {
text-decoration: none;
}










/* ############################################ MENU 3 ############################################ */

/* Ordinary */
.menu_left li li li span {
padding-left: 25px;
}

/* When hover (mouse over) */
.menu_left li li li span:hover {
text-decoration: underline;
}

/* When active */
.menu_left li li .active span {
text-decoration: underline;
}

/* Reset the styles for all subs below this menu when active (otherwise all subs for this menu will get the same style */
.menu_left li li .active li span {
text-decoration: none;
}









/* ############################################ MENU 4 ############################################ */

/* Ordinary */
.menu_left li li li li span {
padding-left: 35px;
}

/* When hover (mouse over) */
.menu_left li li li li span:hover {
text-decoration: underline;
}

/* When active */
.menu_left li li li .active span {
text-decoration: underline;
}

/* Reset the styles for all subs below this menu when active (otherwise all subs for this menu will get the same style */
.menu_left li li li .active li span {
text-decoration: none;
}