/*================================== Menu top xo xuong================================*/
.ddmx {
    font-weight:bold; font-size:12px; color:#0073BF;
}
.ddmx .itemNone {
    color: #0073BF;
}
.itemNone,
.ddmx .itemNone:hover,
.ddmx .itemNone-active,
.ddmx .itemNone-active:hover {
    padding:3px 20px 3px 20px;
    font: 12px arial;
    color: #FF9600;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    background:#EABA2D;
}
/*===Trang thai khoi tao====*/
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding:3px 20px 3px 20px;
    font: 12px arial;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
/*===Trang thai di chuot den====*/
.ddmx .item1 {
    color: #0073BF; padding:3px 20px 3px 20px;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    color: #FFF; background:#EABA2D; padding:3px 20px 3px 20px;
}
/*=============Luu trang thai khi click =======================*/
.ddmx .item1ov,
.ddmx .item1ov:hover
{
	background:#EABA2D; 
	padding:3px 20px 3px 20px;
    font: 12px arial;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
/*================================== End style level 1================================*/
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 0px 4px 0px;
    /*border-left:3px solid #EABA2D;*/
    font: 12px arial;
    color: #FFF;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 500;
    width:160px; text-align:left;
}
.ddmx .item2 {
    background: #EABA2D; border-bottom:1px solid #F0D14F; color: #FFFFFF;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #F1D75C; border-bottom:1px solid #F0D14F;
    color: #FFF;
    width:160px; text-align:left;
}
/*================================== End style level 2=====================#637D21===========*/
.ddmx .item3,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
    padding: 3px 8px 4px 8px;
    font: 12px arial;
    color: #FFF;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 500;
    width:180px; text-align:left;
}
.ddmx .item3 {
    background-color: #EABA2D; border-bottom:1px solid #F0D14F;
}
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
    background-color: #F1D75C; border-bottom:1px solid #F0D14F;
    color: #FFF;
    width:180px; text-align:left;
}
/*================================== End style level 3================================*/
.ddmx .arrow,
.ddmx .arrow:hover {
    padding:4px 20px 4px 20px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #F0D14F; border-bottom:0px;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */