menu look and feel

[jigar_k_parekh]

i am using Richfaces 3.3.0 and i have changed menu look and feel in below way
created seperate style sheet file with below classes defined

.dr-menu-label {
 font-size: 11px;
 font-weight: normal;
 white-space: normal;
}

.dr-menu-label-select {
 border: 0px solid;
 cursor: pointer;
 padding: 16px 6px;
 padding-left: 7px;
 background-color: transparent;
}

.dr-menu-label-unselect {
 border: 0 solid transparent;
 padding: 16px 6px;
 padding-left: 7px;
}

.dr-menu-item-hover {
 border-bottom: 1px solid;
 border-top: 0px;
 border-left: 0px solid #ece8e2;
 border-right: 0px;
 cursor: pointer;
 height: 20px;
 color: white
 /*background-image:url("../images/bullet_round.jpg");background-position:left;background-repeat: no-repeat;*/
}

.dr-menu-item-enabled {
 border-bottom: 1px solid;
 padding: 0px;
 height: 20px;
 padding-top: 15px;
 width: 168px;
 background-color: white;
}

.dr-menu-item {
 font-family: Verdana;
 font-weight: normal;
 font-size: 10px;
 padding: 0px;
 height: 20px;
 width: 176px;
 padding-top: 7px
}

.dr-menu-list-border {
 border: 0px solid;
 float: left;
 position: absolute;
 width: 100px
}

.dr-menu-list-bg {
 border: 0px solid green;
 width: 180px;
 background-color: gray;
 padding: 0px;
}

.dr-menu-icon {
 margin-right: 0px;
}

.dr-menu-icon img {
 height: 5px;
 vertical-align: middle;
 width: 15px;
}

.rich-menu-list-bg {
 background-color: #ece8e2;
 width: 172px;
 height: auto;
 margin: 0px;
}
.dr-menu-list-border{border:0px solid red;height: 27px; background-image: url("../images/blank.gif");}

include in this file in head section. The reason for over ridding all this class as menu property doesnt allow class for above classes.

now problem is i am getting same look and feel while i use extended data table and menu which comes when i select click on end of column
i want default look and feel for this menu

How can i do this?

[nbelaevski]

Hello,

Add some style class to customized menu (e.g. custom-menu) and then use

.custom-menu .dr-menu-label{...}
...

[jigar_k_parekh]

Thanks nbelaevski for solution now my both menu are having different look and feel.
Just wanted to ask one question as my knowledge for css is limited how come .custom-menu was applying different styles

[nbelaevski]

Please read this: http://www.456bereastreet.com/archive/200510/css_21_selectors_part_2/