%# BEGIN BPS TAGGED BLOCK {{{
%# 
%# COPYRIGHT:
%#  
%# This software is Copyright (c) 1996-2009 Best Practical Solutions, LLC 
%#                                          <jesse@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 }}}
#header {
    clear: both;
    margin: 0 0.75em 0 0.75em;
    padding-top: 1em;
}

#header h1 {
    margin: 0;
    padding: 0;
    color: #930;
    position: relative;
    font-size: 2em;
    font-weight: bold;
    left: 1.3em;
    top: 0.15em;
    z-index: 3;
    width: 95%;
}

#header ul {
    margin: 0;
    padding: 0;
    color: #eee;
    float: left;
}

#header #page-menu {
    position: relative;
    z-index: 2;
    background: #069 url(<%$RT::WebImagesURL%>/css/ct.gif) no-repeat top left;
    min-width: 65%;
}

%# 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 65% of the body
%# width.  If it is, great, leave it alone to automatically resize.  If it is not, set
%# it to 65% of the body width.  This amounts to emulating the min-width rule that
%# compliant browsers understand above.
* html #header ul#page-menu {
    width: expression(document.body.clientWidth*0.65 < document.getElementById('page-menu').clientWidth ? "auto" : "65%");
    overflow: visible;
}

#page-menu div {
    position: relative;
    z-index: 3;
}

#page-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }
#page-menu div div { background: url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
#page-menu div div div {
    background: url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right;
    padding: 0.2em 1em 0.4em 1em;
}

#page-menu.actions-present div div { background: url(<%$RT::WebImagesURL%>/css/cbr-b2lb.gif) no-repeat bottom right; }
#page-menu.actions-present div div div { background: url(<%$RT::WebImagesURL%>/css/ctr-b2lb.gif) no-repeat top right; }

#header ul li {
    display: inline;
}

#header #actions-menu {
    position: relative;
    background: #08c;
}

#actions-menu div {
    position: relative;
    z-index: 2;
}

/*#actions-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }*/
#actions-menu div div { background: url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
#actions-menu div div div {
    background: url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right;
    padding: 0.2em 1em 0.4em 1em;
}

#header :link,
#header :visited
{
    color: white;
    text-decoration: none;
}

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

#header :link.selected,
#header :visited.selected
{
    font-weight: bold;
    text-decoration: underline;
}