/*
# ------------------------------------------------------------------------
# Extensions for Joomla 2.5.x - Joomla 3.x
# ------------------------------------------------------------------------
# Copyright (C) 2011-2013 Ext-Joom.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2.
# Author: Ext-Joom.com
# Websites:  http://www.ext-joom.com 
# Date modified: 20/11/2013 - 13:00
# ------------------------------------------------------------------------
*/
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */

.extnav_vertical a, #subMenusContainer_vertical a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
.extnav_vertical a {
    background: url("../../../images/opacity-black.png") repeat scroll right center rgba(0, 0, 0, 0);
    margin: 5px 0;
    text-decoration: none!important;
}
#subMenusContainer_vertical a, .extnav_vertical li li a {
    text-align: left;
}
.extnav_vertical a:hover, .extnav_vertical a:focus, #subMenusContainer_vertical a:hover, #subMenusContainer_vertical a:focus, .extnav_vertical a.mainMenuParentBtnFocused, #subMenusContainer_vertical a.subMenuParentBtnFocused {
    background-color: #ccc;
    color: #FFFFFF;
}
#subMenusContainer_vertical a:hover, #subMenusContainer_vertical a:focus, .extnav_vertical a.mainMenuParentBtnFocused, #subMenusContainer_vertical a.subMenuParentBtnFocused, .extnav_vertical li a:hover, .extnav_vertical li a:focus {
    color: #FFFFFF;
}
.extnav_vertical .subMenuParentBtn {
    background: url("../images/arrow_right.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#subMenusContainer_vertical .subMenuParentBtnFocused {
    background: url("../images/arrow_right_over.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.extnav_vertical .mainMenuParentBtn {
    background: url("../images/arrow_right.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#subMenusContainer_vertical .mainMenuParentBtnFocused {
    background: url("../../../images/left-menu-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#subMenusContainer_vertical .smOW {
    display: none;
    margin: 0 0 0 -2px;
    overflow: hidden;
    padding: 0 2px;
    position: absolute;
}
.extnav_vertical ol, .extnav_vertical ul, #subMenusContainer_vertical ul, #subMenusContainer_vertical ol {
    background: none repeat scroll 0 0 #FFFFFF;
}
.extnav_vertical, .extnav_vertical ul, .extnav_vertical ol, #subMenusContainer_vertical ul, #subMenusContainer_vertical ol {
    line-height: 1em;
    list-style: none outside none;
    padding: 0;
}
.extnav_vertical li {
    display: block;
    list-style: none outside none;
    position: relative;
}
#subMenusContainer_vertical li {
    list-style: none outside none;
}
.extnav_vertical {
    clear: both;
    display: block;
    float: left;
    list-style: none outside none;
    text-align: left;
    z-index: 5;
	width: 100%;
}
#subMenusContainer_vertical {
    display: block;
    height: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000000000;
}
.extnav_vertical li li {
    background: none repeat scroll 0 0 green;
    border-left: 5px solid #000000;
    float: none;
    margin: -5px;
    padding: 0;
}
.extnav_vertical li li a {
    float: none;
    position: relative;
}
.extnav_vertical li ul {
    margin-left: -1000em;
    position: absolute;
    width: 10em;
}
.extnav_vertical li ul ul {
    margin: -1em 0 0 -1000em;
}
.extnav_vertical li:hover ul ul {
    margin-left: -1000em;
}
.extnav_vertical li:hover ul {
    margin-left: 186px;
    margin-top: -2.5em;
}
.extnav_vertical li li:hover ul {
    margin-left: 10em;
}
.extnav_vertical li a:focus + ul {
    margin-left: 186px;
    margin-top: -2.5em;
}
.extnav_vertical li li a:focus + ul {
    left: 186px;
    margin-left: 1010em;
    margin-top: -2.5em;
}
.extnav_vertical li li a:focus {
    left: 186px;
    margin-left: 1000em;
    margin-top: -2.5em;
    width: 10em;
}
.extnav_vertical li li li a:focus {
    left: 186px;
    margin-left: 2010em;
    margin-top: -2.5em;
    width: 10em;
}
.extnav_vertical li:hover a:focus {
    margin-left: 0;
}
.extnav_vertical li li:hover a:focus + ul {
    margin-left: 10em;
}