/***** Menu *****/
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
    width: 472px; 
    height: 31px; 
    position: absolute;
    border-right: 1px solid #ccc; 
    font-family: arial, sans-serif; 
    z-index: 999 !important;
    float: left;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
    width: 626px; 
    w\idth: 625px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul  {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.menu ul ul {
    width: 149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
    float: left;
    width: 140px;
    position: relative;
    list-style-type: none;
}
/* style the links for the top level */
.menu a, .menu a:visited {
    display: block;
    font-size: 12px;
    text-decoration: none; 
    color: #fff; 
    width: 120px; 
    height: 31px; 
    border-left: 1px solid #ccc;
    border-width: 1px 0 1px 1px;
    padding-left: 10px; 
    line-height: 29px; 
    font-weight: bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
    width: 100px; 
    w\idth: 114px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
    background: #d4d8bd url('../img/layout/grey-arrow.gif') no-repeat 130px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
    background: #c9ba65 url('../img/layout/blue-arrow.gif') no-repeat 130px center !important;
}
.menu ul ul :hover > a.drop {
    background: #c9ba65 url('../img/layout/blue-arrow.gif') no-repeat 130px center !important;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
    background: #e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
    background: #b2ab9b;
}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
   background: #fff;
}
/* style the fourth level hover */
.menu ul ul ul ul a:hover {
    background: #c9ba65;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
    visibility: hidden; 
    position: absolute;
    /*
    height: 0; 
    */
    top: 31px;
    left: 0; 
    width: 149px;
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 5px 5px 7px #888;
    -webkit-box-shadow: 5px 5px 7px #888;
}
/* Menu shadow fix for IE8 and above */
html>/**/body .menu ul ul {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=4)";
}    
/* another hack for IE5.5 */
* html .menu ul ul {
    top: 30px;
    t\op: 31px;
} 
/* position the third level flyout menu */
.menu ul ul ul {
    left: 149px; 
    top: -1px; 
    width: 149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
    left: -149px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
    position: absolute;
    top:0; 
    left:0; 
    border-collapse: collapse;   
} 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
    background: #fff; 
    height: auto; 
    line-height: 1em; 
    padding: 5px 10px;
    width: 128px;
    border-width: 0 1px 1px 1px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    *filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135, strength=4);
    *margin-bottom: -4px;
    position: relative;
	z-index: 1;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
    width:150px;
    w\idth:128px;
} 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
    color: #000; 
}
.menu :hover > a {
    background: transparent url('../img/layout/menubar_white.gif') repeat-x !important;
}
.menu ul ul :hover > a {
    color: #fff;
} 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
    visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
    visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
    visibility: visible;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility: hidden;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility: visible;
}


/******* Style menu locks *********/
/******* Registred users lock *****/
/* style the second level locked*/
.menu ul ul a.registred_users, .menu ul ul a.registred_users:visited {
    background: #fff url('../img/icons/lock.png') no-repeat 3px center;
    padding: 3px 3px 5px 25px;
    width: 119px;
}

/* style the second level locked hover*/
.menu ul ul :hover > a.registred_users {
    background: #336699 url('../img/icons/lock.png') no-repeat 3px center !important;
    padding: 3px 3px 5px 25px;
    width: 119px;
}
/* style the third level locked*/
.menu ul ul ul a.registred_users, .menu ul ul ul a.registred_users:visited {
    background: #e2dfa8 url('../img/icons/lock.png') no-repeat 3px center;
    padding: 3px 3px 5px 25px;
    width: 119px;
}

/* style the third level locked hover*/
.menu ul ul ul :hover > a.registred_users {
    background: #336699 url('../img/icons/lock.png') no-repeat 3px center !important;
    padding: 3px 3px 5px 25px;
    width: 120px;
}

/******* QC only users lock *****/

/* style the second level locked*/
.menu ul ul a.qc_only, .menu ul ul a.qc_only:visited {
    background: #fff url('../img/icons/qc_only.png') no-repeat 3px center;
    padding: 3px 3px 5px 25px;
    width: 120px;
}

/* style the second level locked hover*/
.menu ul ul :hover > a.qc_only {
    background: #336699 url('../img/icons/qc_only.png') no-repeat 3px center !important;
    padding: 3px 3px 5px 25px;
    width: 120px;
}
/* style the third level locked*/
.menu ul ul ul a.qc_only, .menu ul ul ul a.qc_only:visited {
    background: #e2dfa8 url('../img/icons/qc_only.png') no-repeat 3px center;
    padding: 3px 3px 5px 25px;
    width: 120px;
}

/* style the third level locked hover*/
.menu ul ul ul :hover > a.qc_only {
    background: #336699 url('../img/icons/qc_only.png') no-repeat 3px center !important;
    padding: 3px 3px 5px 25px;
    width: 120px;
}


/******* ADMIN only lock *****/

/* style the second level locked*/
.menu ul ul a.administrators , .menu ul ul a.administrators :visited {
    background: #fff url('../img/icons/admin_lock.png') no-repeat 3px center;
    padding: 3px 3px 5px 25px;
    width: 119px;
}

/* style the second level locked hover*/
.menu ul ul :hover > a.administrators  {
    background: #336699 url('../img/icons/admin_lock.png') no-repeat 3px center !important;
    padding: 3px 3px 5px 25px;
    width: 119px;
}
/* style the third level locked*/
.menu ul ul ul a.administrators , .menu ul ul ul a.administrators :visited {
    background: #e2dfa8 url('../img/icons/admin_lock.png') no-repeat 3px center;
    padding: 3px 3px 5px 25px;
    width: 119px;
}

/* style the third level locked hover*/
.menu ul ul ul :hover > a.administrators  {
    background: #336699 url('../img/icons/admin_lock.png') no-repeat 3px center !important;
    padding: 3px 3px 5px 25px;
    width: 119px;
}

/* if a link is meant to be a pointer to submenu use this style */
.menu a.noLink {
	cursor: default;
}