/********************************************************************************/
/* ProMenu CSS - By Robert Simons - (c)2012 Provisionists LLC               */
/********************************************************************************/
/* promenu.css                                                              */
/********************************************************************************/


#community_app_menu .megamenu{
background: white; /* Define your mega menu background color */
border: 1px solid #173455; /* Define your mega menu border color */
border-width: 5px 1px; /* Define your mega menu border widths here */
font: normal 12px Verdana;
width:400%;
height:100%
}
#community_app_menu .submenu_container li a{
    padding: 10px;
}
#community_app_menu .submenu_container li
{
        background-color:#173455; /* Define your submenu color here since the default color are terrible */
    margin-bottom:1px;
}

#community_app_menu .submenu_container li a
{
        background-color:#1c3b5f; /* Define your submenu color here since the default color are terrible */
        color: #c5d5e2;   /* Define your submenu font color here to blend with your new background color */
}
#community_app_menu .submenu_container li a:hover,
#community_app_menu .submenu_container li a.menu_active
{
        background-color:#173455; /* Define your submenu hover color here since the default doesn't provide one */
        color: #fff;   /* Define your submenu font color here to blend with your new background color */
}
#community_app_menu .submenu_container li a.active
{
        background-color:#fff; /* Define your submenu active color here since the default doesn't provide one */
        color: #0b5794;   /* Define your submenu font color here to blend with your new background color */
        font-weight: bold;
        margin-top: 0;
        text-shadow: none;
}

#community_app_menu .megamenu a
{
    color: #0066CC;   /* Define your megamenu font color here to blend with your new background color */
}

#community_app_menu .megamenu a:hover
{
    color: #000000;   /* Define your megamenu font color here to blend with your new background color */
}

#community_app_menu .megamenu a.active, 
#community_app_menu .megamenu a.active:hover
{
    color: #0066CC;   /* Define your megamenu font color here to blend with your new background color */
    font-weight: bold;
    margin-top: 0;
    text-shadow: none;
}

#community_app_menu li .downarrow {
    background: url(http://forum.doctorhead.ru/public/style_images/master/_menu_icons/down_arrow.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 7px;
    width: 9px;
}
#community_app_menu li.active .downarrow, #community_app_menu li:hover a.active:hover .downarrow, #community_app_menu li.active a.menu_active .downarrow, #community_app_menu li.active a:hover .downarrow {
    background: url(http://forum.doctorhead.ru/public/style_images/master/_menu_icons/down_arrow_active.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 7px;
    width: 9px;
}
#community_app_menu li a.active:hover .downarrow, #community_app_menu li a.menu_active .downarrow, #community_app_menu li a:hover .downarrow{
    background: url(http://forum.doctorhead.ru/public/style_images/master/_menu_icons/down_arrow_hover.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 7px;
    width: 9px;
}

#community_app_menu li a .rightarrow {
    background: url(http://forum.doctorhead.ru/public/style_images/master/_menu_icons/right_arrow.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 12px;
    width: 6px;
}

#community_app_menu li a.active .rightarrow, #community_app_menu li:hover a.active:hover .rightarrow, #community_app_menu li.active a.active .rightarrow{
    background: url(http://forum.doctorhead.ru/public/style_images/master/_menu_icons/right_arrow_active.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 12px;
    width: 6px;
}

#community_app_menu li a.active:hover .rightarrow, #community_app_menu li a.menu_active .rightarrow, #community_app_menu li a:hover .rightarrow, #community_app_menu li.active a:hover .rightarrow {
    background: url(http://forum.doctorhead.ru/public/style_images/master/_menu_icons/right_arrow_hover.png) no-repeat scroll left center transparent;
    display: inline-block;
    height: 12px;
    width: 6px;
}


#community_app_menu .submenu_container, 
#community_app_menu .submenu_container li
{
min-width: 200px; /* Define your submenu width here */
max-width: 275px;
}


/********  Alterations below will effect the display only ... all color changes are made above this marker  ********/

/*****  Mega Menu *****/

#community_app_menu .category{
     padding: 10px 10px 10px 10px;
     min-width:250px;
     top:0px;
}

#community_app_menu .megamenu a
{
     display: block;
     float:left;
     min-width:200px;
     top:0px;

}

#community_app_menu .category a
{
     display: block;
     float:left;
     min-width:200px;
     top:0px;
}

#community_app_menu .block
{
     display: block;
     float:left;

}

#community_app_menu .megamenu > .block
{
padding: 10px 10px 10px 10px; 
overflow:hidden;
}

#community_app_menu .new_row, #community_app_menu .category .new_row h3 
{
padding-top:20px;
     display:block;
     float:left;
}

#community_app_menu .category h3,#community_app_menu h3 {
     display:block;
padding-left:0px;   
     text-decoration: underline;
     float:left;
}

#community_app_menu .category img {
    display:block;
    float:left;  
    padding-left: 5px;
    padding-bottom:10px;
    padding-top:10px;
}

/****** End Mega Menu ******/

#community_app_menu li ul 
{
    display:none;
    position:absolute;
}
#community_app_menu li  
{ 
    position:relative;  
} 

#community_app_menu li a.menucat:hover
{
    border: 0;
    cursor:default !important; /* DO NOT CHANGE ... this stops the cursor from appearing on categories*/
}