/*

@reference CSSReset.css
@reference AdminNew.css

*/

#navMenu
{
    /* you must set it to relative, so that you can use absolute position for children elements */
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
}

#navMenu ul
{
    /* remove the list style and spaces*/
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline; /* position absolute so that z-index can be defined */
}

#navMenu ul li
{
    /* give some spaces between the list items */
    margin: 0 0; /* display the list item in single row */
    float: left;
}

#navMenu #box
{
    /* position absolute so that z-index can be defined and able to move this item using javascript */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200; /* image of the right rounded corner */
    /*background: url('/_images/Admin/Nav/tail.png') no-repeat right center;*/
    height: 35px; /* add padding 8px so that the tail would appear */
    padding-right: 8px; /* set the box position manually */
    margin-left: 35px;
    margin-top: -10px;
}

#navMenu #box .head
{
    /* image of the left rounded corner
    background: url('/_images/Admin/Nav/head.png') no-repeat 0 0;*/
    height: 35px;
    font-family: helvetica;
    color: #fff; /* force text display in one line */
    font-size: 16px;
    font-weight: 700;
    text-transform: lowercase;
    white-space: nowrap; /* set the text position manually */
    padding-left: 8px;
    padding-top: 12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #navMenu #box .head
    {
        width: 117px;
    }
}

/* Admin Context Menu */

#adminNav
{
    background-image: url(/_images/Admin/SubAdmin/New/background.png);
    background-repeat: repeat;
    height: 45px;
    border-bottom: 1px solid #66cc00;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999;
}

#adminNav ul
{
    width: 1100px;
    height: 25px;
    margin: 5px auto 0px auto;
    list-style: none;
}

#adminNav ul li
{
    display: inline;
    float: left;
    margin: 0px 2px;
}

#adminNav a
{
    height: 16px;
    float: left;
    padding: 2px 4px;
    cursor: pointer;
}

#adminNav a:hover
{
}

#subNavLogo
{
    width: 120px; 
    height: 33px;
}

/* FavBox */

.ui-stackmenu 
{
	position: relative;
}

.ui-stackmenu-item 
{
	position: absolute;
}

#stack
{
    width: 68px;
    height: 68px;
    padding: 0;
    position: fixed;
    right: 35px;
    bottom: 10px;
}


#stack .trigger
{
    position: absolute;
    z-index: 50;
    height: 64px;
    width: 64px;
    padding: 2px;
    left: 0;
    top: 0;
    cursor: pointer;
}

#stack ul
{
    position: absolute;
    top: 0;
    left: 18px;
    height: 64px;
    width: 32px;
    bottom: 0;
    margin: 0;
    padding: 0;
}

#stack ul li
{
    display: block;
    padding: 0px;
    width: 32px;
    height: 32px;
    margin: 3px 0;
}

#stack ul li .title
{
    display: none;
}

#stack ul li a:hover .title
{
    display: block;
    position: absolute;
    right: 38px;
    top: 8px;
    background-color: #4d4d4d;
    padding: 1px 5px 10px;
    height: 14px;
    font-family: Arial Black;
    font-size: 16px;
    color: #ededed;
    text-transform: uppercase;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#stack ul li img
{
    padding: 2px;
    border: none 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* box-shadow: 0 0 5px #222;
    -webkit-box-shadow: 0 0 5px #222;
    -moz-box-shadow: 0 0 5px #222;
    -o-box-shadow: 0 0 5px #222; */
}

#stack ul li a:hover img, #stack ul li a:hover .title
{
    /* box-shadow: 0 0 10px #66cc00;
    -webkit-box-shadow: 0 0 10px #66cc00;
    -moz-box-shadow: 0 0 10px #66cc00;
    -o-box-shadow: 0 0 10px #66cc00; */
}



#stack .trigger
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /* box-shadow: 0 0 3px #4d4d4d;
    -webkit-box-shadow: 0 0 3px #4d4d4d;
    -moz-box-shadow: 0 0 3px #4d4d4d;
    -o-box-shadow: 0 0 3px #4d4d4d; */
}