%# BEGIN BPS TAGGED BLOCK {{{
%#
%# COPYRIGHT:
%#
%# This software is Copyright (c) 1996-2013 Best Practical Solutions, LLC
%#                                          <sales@bestpractical.com>
%#
%# (Except where explicitly superseded by other copyright notices)
%#
%#
%# LICENSE:
%#
%# This work is made available to you under the terms of Version 2 of
%# the GNU General Public License. A copy of that license should have
%# been provided with this software, but in any event can be snarfed
%# from www.gnu.org.
%#
%# This work is distributed in the hope that it will be useful, but
%# WITHOUT ANY WARRANTY; without even the implied warranty of
%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
%# General Public License for more details.
%#
%# You should have received a copy of the GNU General Public License
%# along with this program; if not, write to the Free Software
%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
%# 02110-1301 or visit their web page on the internet at
%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
%#
%#
%# CONTRIBUTION SUBMISSION POLICY:
%#
%# (The following paragraph is not intended to limit the rights granted
%# to you to modify and distribute this software under the terms of
%# the GNU General Public License and is only of importance to you if
%# you choose to contribute your changes and enhancements to the
%# community by submitting them to Best Practical Solutions, LLC.)
%#
%# By intentionally submitting any modifications, corrections or
%# derivatives to this work, or any other work intended for use with
%# Request Tracker, to Best Practical Solutions, LLC, you confirm that
%# you are the copyright holder for those contributions and you grant
%# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
%# royalty-free, perpetual, license to use, copy, create derivative
%# works based on those contributions, and sublicense and distribute
%# those contributions and any derivatives thereof.
%#
%# END BPS TAGGED BLOCK }}}
#nav {
    clear: both;
    font-size: 1.1em;
}

#nav #system-menu,
#nav ul
{
    min-width: 85%;
}

%# This is an interesting bit of CSS.  expression() is an IE-only extension to
%# it's CSS implementation.  Just in case other browsers might choke on it,
%# the rule is enclosed in a selector only IE will (wrongly) match to an element.
%# 
%# The expression() function takes Javascript, and basically what it's doing here
%# is checking to see if the width of the menu would be greater than 85% of the body
%# width.  If it is, great, leave it alone to automatically resize.  If it is not, set
%# it to 85% of the body width.  This amounts to emulating the min-width rule that
%# compliant browsers understand above.
* html #nav #system-menu {
    width: expression(document.body.clientWidth*0.85 < document.getElementById('page-menu').clientWidth ? "auto" : "85%");
    overflow: visible;
}

#nav ul {
    float: left;
    clear: left;
    
    color: #eee;
    font-weight: bold;
    
    margin: 0;
    padding: 0;
    
    list-style: none;
}

#nav li ul {
    margin-top: 0.75em;
}

/*
%# We need the extra padding above for browsers where we display the arrows
%# but those don't work in IE so we don't want as much spacing
%# 
%# IE wrongly matches the selector below even though there isn't an element
%# above <html> in the doc tree
*/
* html #nav li ul {
    margin-top: 0.25em;
}

#nav li {
    display: inline;
    margin-bottom: 1em;
    padding: 0.2em 0 0.4em 0;
}

#nav li.first { padding-left: 1em; }

#nav ul div div.wrapper {
    text-align: left;
    padding: 0.2em 1em 0.4em 0;
}

/****/

#nav :link,
#nav :visited
{
    color: #ececec;
    text-decoration: none;
}

#nav :link.selected,
#nav :visited.selected,
#nav :link:hover,
#nav :visited:hover
{
    color: #fc6; /*#ff6;*/
}

#nav :link.selected,
#nav :visited.selected
{
    text-decoration: underline;
}

html>body #nav :link.selected,
html>body #nav :visited.selected
{
    padding-bottom: 0.8em;
    background: transparent url(<%RT->Config->Get('WebImagesURL')%>/css/dark-arrow.png) no-repeat bottom center;
}

html>body #nav :link.selected.odd,
html>body #nav :visited.selected.odd
{
    padding-bottom: 0.8em;
    background: transparent url(<%RT->Config->Get('WebImagesURL')%>/css/light-arrow.png) no-repeat bottom center;
}

/*
#nav ul { background: #069 url(<%RT->Config->Get('WebImagesURL')%>/css/ctr.gif) no-repeat top right; }
#nav ul div { background: transparent url(<%RT->Config->Get('WebImagesURL')%>/css/cbr.gif) no-repeat bottom right; }
#nav ul.odd { background: #08c url(<%RT->Config->Get('WebImagesURL')%>/css/ctr.gif) no-repeat top right; }
#nav ul.odd div { background: transparent url(<%RT->Config->Get('WebImagesURL')%>/css/cbr.gif) no-repeat bottom right; }
*/


#nav ul div.wrapper { background: transparent url(<%RT->Config->Get('WebImagesURL')%>/css/ctr.gif) no-repeat top right; }
#nav ul div { background: #069 url(<%RT->Config->Get('WebImagesURL')%>/css/cbr.gif) no-repeat bottom right; }
#nav ul.odd div.wrapper { background: transparent url(<%RT->Config->Get('WebImagesURL')%>/css/ctr.gif) no-repeat top right; }
#nav ul div.odd { background: #08c url(<%RT->Config->Get('WebImagesURL')%>/css/cbr.gif) no-repeat bottom right; }

