/*----------------- P7exp.css --------------------*/


#menuwrap {
    width:100%;
    height:40px;
    text-align:center;
    background-image:url(../images/bar.gif);
    background-repeat: repeat-x;
    float:left;
}
 
.menu {
    width:985px;
    padding-left:20px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2px;
    text-align:left;
}
#menuwrapper {

}

#p7menubar, #p7menubar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font: normal 13px arial;
    color:#FFFFFF;        
}

#p7menubar .kanan {
    display: block;
    text-decoration: none;
    padding: 12px 8px 10px 8px;
    border-right: 1px solid #4A5969;
    color: #FFF;
}
#p7menubar a {
    display: block;
    text-decoration: none;
    padding: 12px 8px 10px 8px;
    border-right: 1px solid #4A5969;
    color: #FFF;
}
#p7menubar a:hover {   
    background-color:#6464B2;
}

#p7menubar a.trigger {
    background-image: url(../data/images/bgtabmenuhover.gif);
    color: #000;
    background-repeat: repeat-x;
}

/* for kompas green only */
#p7menubar a.triggergreen {
    background-image: none;
    color: #000;
    background-repeat: repeat-x;
}

#p7menubar li {
    float: left;
    width: 9em;
}

#p7menubar li ul, #p7menubar ul li  {
    width: 13em;
}

#p7menubar ul li a  {
    color: #565656;
    border-right: 0;
    padding: 5px 10px 5px 5px;
}                         
#p7menubar ul li a:hover  {  
    background-color: #6464AD;
}

#p7menubar li ul {
    position: absolute;
    display: none;
    background-color: #F2F2F2;
    z-index:200;
    border-right: 1px solid #A0A0BF;
    border-left: 1px solid #A0A0BF;
    border-bottom: 1px solid #A0A0BF; 
    margin-left:-2px;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
    color: #FFF;              
    /*background-color: #F0F0F0;             
    background-image:url(../data/images/bg_menu_hover_biru.gif); background-repeat:repeat-x;  */

}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
    display: block;
    
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
    color: #003366;
    border-top:1px solid #A0A0BF;
    background-image:none;
}

#p7menubar ul a:hover {
    background-color: #6464B2!important;
    color: #FFF!important;
}

#p7menubar li {width: auto;}