/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

/* Menu & MenuBar styles */

#gypsytopnav {
	background: #c60d11 url(../images/menu/mainbutton.gif) repeat-x 0 0;
}

.yuimenubar {

    position: static;

}

.yuimenu .yuimenu,
.yuimenubar .yuimenu {

    position: absolute;

}

.yuimenubar li, 
.yuimenu li {

    list-style-type: none;    

}

.yuimenubar ul, 
.yuimenu ul,
.yuimenubar li, 
.yuimenu li,
.yuimenu h6,
.yuimenubar h6 { 

    margin: 0;
    padding: 0;

}




/* 
    The following style rule trigger the "hasLayout" property in 
    IE (http://msdn2.microsoft.com/en-us/library/ms533776.aspx) for a
    MenuBar instance's <ul> element, allowing both to clear their floated 
    child <li> elements.
*/

.yuimenubar ul {

    *zoom: 1;

}


/* 
    Remove the "hasLayout" trigger for submenus of MenuBar instances as it 
    is unnecessary. 
*/

.yuimenubar .yuimenu ul {

    *zoom: normal;

}

/*
    The following style rule allows a MenuBar instance's <ul> element to clear
    its floated <li> elements in Firefox, Safari and and Opera.
*/

.yuimenubar>.bd>ul:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;

}



/*
    PLEASE NOTE: The <div> element used for a menu's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the menu's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Menu.  
    Implementers wishing to remove a menu's shadow or add any other markup
    required for a given skin for menu should override the "onRender" method.
*/

.yui-menu-shadow {

    position: absolute;
    visibility: hidden;
    z-index: -1;

}

.yui-menu-shadow-visible {

    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    visibility: visible;

}



/* MenuBar style rules */



/* Menu style rules */

.yuimenu {
        
    top: -999em;
    left: -999em;
    
    background-color: #E5E5E5;
    border: solid 1px #897476;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    width: 13em;
    
}

.yui-menu-shadow {

    display: none;

}

.yuimenu ul {

    border: solid 1px #c4c4be;
    border-width: 1px 0 0 0;

}

.yuimenu .yui-menu-body-scrolled {

    overflow: hidden;

}


/* Group titles */

.yuimenu h6,
.yuimenubar h6 { 

    font-size: 100%;
    font-weight: normal;
    border: solid 1px #c4c4be;
    color: #b9b9b9;    

}

.yuimenubar h6 {

    float: left;
    padding: 4px 12px;
    border-width: 0 1px 0 0;

}

.yuimenubar .yuimenu h6 {

    float: none;

}

.yuimenu h6 {

    border-width: 1px 0 0 0;
    padding: 5px 10px 0 10px;

}

.yuimenu ul.first-of-type, 
.yuimenu ul.hastitle,
.yuimenu h6.first-of-type {

    border-width: 0;

}


/* MenuItem and MenuBarItem styles */

.yuimenuitem {

    /*
        For IE: Used to collapse superfluous white space between <li> elements
        that is triggered by the "display" property of the <a> elements being
        set to "block."
    */

    *border-bottom: solid 1px #E5E5E5;

}




.yuimenubaritemlabel,
.yuimenuitemlabel {

    display: block;

}

.yuimenubar {

    background-color: #E5E5E5;
    
}



/* MenuItems */

.yuimenuitem-selected {
    
    background: url(../images/menu/itemover.gif) repeat-x 0 0;
	background: none;

}

.yuimenuitem {
    
	border: 1px solid #E5E5E5;
    
}

.yuimenuitem-hassubmenu {

    background: url(menuitem_submenuindicator.png) right center no-repeat;

}

.yuimenuitem-hassubmenu-selected {

    background-image: url(menuitem_submenuindicator_selected.png);

}




/* MenuItemLabels */

a.yuimenuitemlabel,
a.yuimenuitemlabel:visited {

    font-size: 90%;
    color: #666666;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;   

	padding: 3px 5px;
	border: 1px solid #E5E5E5;   
}

a.yuimenuitemlabel-selected,
a.yuimenuitemlabel-selected:visited,
a.yuimenuitemlabel-selected:hover,
a.yuimenuitemlabel-selected:visited:hover {

    font-size: 90%;
    color: #ffffff;
    text-decoration: none;    
    text-align: left;
    white-space: nowrap;
    
	background: #ef2825 url(../images/menu/itemover2.gif) repeat-x 0 0;
	padding: 3px 5px;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #f2f2f2;
	
    
}




/* MenuBarItems */

.yuimenubaritem {
    float: left;
    background: url(../images/menu/mainbutton.gif) repeat-x 0 0;
    width:7.61em;
    height:34px;
}

.yuimenubaritem-selected {
    float: left;
    background: url(../images/menu/mainbuttonover.gif) repeat-x 0 0;
}

.yuimenubaritem-hassubmenu {
    float: left;
    background: url(../images/menu/mainbutton.gif) repeat-x 0 0;
    width:9.12em;
    height:34px;
}

.yuimenubaritem-hassubmenu-selected {
    float: left;
    background: url(../images/menu/mainbuttonover.gif) repeat-x 0 0;    
}




/* MenuBarItemLabels */

a.yuimenubaritemlabel,
a.yuimenubaritemlabel:visited {

    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #b0080c;

    font-size: 90%;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
   
    height:34px;
    
    line-height: 34px;

}

a.yuimenubaritemlabel-selected,
a.yuimenubaritemlabel-selected:visited,
a.yuimenubaritemlabel-selected:hover,
a.yuimenubaritemlabel-selected:visited:hover {

    color: #ffffff;
    text-decoration:none;

}