#top-menu {
    margin-top: 10px;
    height: 36px;
}

#top-menu-list {
    height: 28px;
    position: relative;
    border: 1px solid #9B9B9B;
    border-radius: 3px 3px 0 0;
    background: #878787;
    margin: 0;
    padding: 0;
}

#top-menu li {
    height:28px;
    float:left;
    position: relative;
    z-index: 11;
    list-style: none;
    border-right: 1px solid #B6B6B6;
    margin: 0;
    padding: 0;
}

.top-menu-item a:link, .top-menu-item a:visited, .top-menu-item a:active {
    text-decoration:none;
    color: #FFFFFF;
    display: block;
    height: 22px;
    position: relative;
    list-style: none;
    top: -1px;
    border-right: 1px solid #818181;
    font-family: Tahoma, Kalimati, serif, sans-serif, monospace;
    font-size: 13px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 7px 30px 0 30px;
    text-shadow: 1px 1px 2px #6A6A6A;
    filter: Shadow(Color=#666666, Direction=45, Strength=1);
    z-index: 12;
}

.top-menu-item a:hover {
    text-decoration:none;
    color: #B8FC92;
    display: block;
    height: 22px;
    position: relative;
    list-style: none;
    top: -1px;
    border-right: 1px solid #818181;
    font-family: Tahoma, Kalimati, serif, sans-serif, monospace;
    font-size: 13px;
    font-weight: bold;
    font-variant: small-caps;
    padding: 7px 30px 0 30px;
    text-shadow: 1px 1px 2px #6A6A6A;
    filter: Shadow(Color=#666666, Direction=45, Strength=1);
    z-index: 12;
}

.top-menu-item.first {
    border-left: 1px solid transparent;
}

.top-menu-item.last {

}

.top-menu-item.active {
    position: relative;
    height: 32px;
    z-index: 11;
    border: 1px solid #B6B6B6;
    border-bottom: none;
    margin-top: -4px;
    border-radius: 3px 3px 0 0;
    background: #fff
}

.top-menu-item-bg {
    width: 100%;
    position: absolute;
    left: 0;
}

.top-menu-item.active .top-menu-item-bg.grey {
    border: 1px solid #FFFFFF;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    top: 0;
    width: 99%;
    height: 12px;

    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACACAMAAAD9J/PGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdQTFRF/Pz8zc3N2traz8/P0NDR0tLS0NDQ9fX1+Pj4//7/9PT04uLi6Ojo39/fzs3NzMzM/f7+3Nzc9fb26uvq6urp4ODh9/f44+Pj+vn519fX29zb19bX1tXV6Onp5OPk2dnY+/r79vX1+vv7+vr6+Pn4+fr6/////v7+0dHR09PT/fz80tPS0dHS/Pv78vPzzs7P/v39zs7O7/Dv/f393t7d8vLx3+Dg2drZ8PDw8fHw5+bn2dnZ7ezt7+/v5eXl5OTl+fn46+vr7u7u6urq1NTV1dXV4ODg2NnY7O3s19fY09TUz87P4eHh09PS9PP0zczM7u7t3Nzd8vLy29va8fHx5uXm5ubm7u7v5OTk1dXU19fW3Nvc5+fn+/v71tbV3d3dz87O7Ovs6Ofn3t7e9vf28/Pz4+Pi7Ozs8O/v9/f31NTT/P399vb3QCtbEwAAAKZJREFUeNokw9NSBQAUQNGV3c22bdu2bdf/P3em9potIWFf0p/8MKjfg20pIT2khg490kK3XZ22fLm0YlWNO1eqVdq0rt60ccnhWJVrhwrdG/EsL4xZU2pHTnhTrs6FeXNOnZly40luqFViWbFFj95tmHFgyblZH4ZMmHRi1JE+r/Zkh4zQqMiPF5/KZIYWCyq0atakwa1e/3X5NmxAQcjSHrf9CjAAht4XiD8Rf/EAAAAASUVORK5CYII=) no-repeat;
    -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;

    background: -moz-linear-gradient(top,#D5D5D5,#FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#D5D5D5,endColorstr=#FFFFFF,GradientType=0); zoom: 1;

    background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; -khtml-background-clip: border-box;
    background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; -khtml-background-origin: border-box;
}

.top-menu-item.active a:link, .top-menu-item.active a:visited, .top-menu-item.active a:active, .top-menu-item.active a:hover{
    color: #666666;
    border-right: 1px solid transparent;
    text-shadow: none;
    position:relative;
    height: 25px;
    filter: Shadow(Color=#FFFFFF);
}

.top-menu-item-bg.white {
    top: 14px;
    height: 13px;
    z-index: 11;
    border-bottom: 1px solid #B6B6B6;
    background: #878787 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACACAMAAAD9J/PGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdQTFRF/Pz8zc3N2traz8/P0NDR0tLS0NDQ9fX1+Pj4//7/9PT04uLi6Ojo39/fzs3NzMzM/f7+3Nzc9fb26uvq6urp4ODh9/f44+Pj+vn519fX29zb19bX1tXV6Onp5OPk2dnY+/r79vX1+vv7+vr6+Pn4+fr6/////v7+0dHR09PT/fz80tPS0dHS/Pv78vPzzs7P/v39zs7O7/Dv/f393t7d8vLx3+Dg2drZ8PDw8fHw5+bn2dnZ7ezt7+/v5eXl5OTl+fn46+vr7u7u6urq1NTV1dXV4ODg2NnY7O3s19fY09TUz87P4eHh09PS9PP0zczM7u7t3Nzd8vLy29va8fHx5uXm5ubm7u7v5OTk1dXU19fW3Nvc5+fn+/v71tbV3d3dz87O7Ovs6Ofn3t7e9vf28/Pz4+Pi7Ozs8O/v9/f31NTT/P399vb3QCtbEwAAAKZJREFUeNokw9NSBQAUQNGV3c22bdu2bdf/P3em9potIWFf0p/8MKjfg20pIT2khg490kK3XZ22fLm0YlWNO1eqVdq0rt60ccnhWJVrhwrdG/EsL4xZU2pHTnhTrs6FeXNOnZly40luqFViWbFFj95tmHFgyblZH4ZMmHRi1JE+r/Zkh4zQqMiPF5/KZIYWCyq0atakwa1e/3X5NmxAQcjSHrf9CjAAht4XiD8Rf/EAAAAASUVORK5CYII=) no-repeat;

    -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; 
    background-size: 100% 100%;

    background: -o-linear-gradient(top, #878787,  #A2A2A2);
    background: -moz-linear-gradient(top,#878787,#A2A2A2);
    background: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#A2A2A2));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#878787,endColorstr=#A2A2A2,GradientType=0); zoom: 1;

    background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; -khtml-background-clip: border-box;
    background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; -khtml-background-origin: border-box;
}

#top-menu li.top-menu-correction {
    position: absolute;
    height:28px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 1px solid #A1A1A1;
    z-index: 10; 
}

.top-menu-item-shr, .top-menu-item-shl {
    display:none;
}

.top-menu-item.active .top-menu-item-shr, .top-menu-item.active .top-menu-item-shl {
    display: block;
    position: absolute;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    top: 3px;
    height: 30px;
    width:1px;
    border-left: 1px solid #808080;
    background: #787878;
    border-right: 1px solid #6F6F6F;
}

.top-menu-item.active .top-menu-item-shl {
    left: -4px;
}

.top-menu-item.active .top-menu-item-shr {
    right: -4px;
    border-right: 1px solid #808080;
    background: #787878;
    border-left: 1px solid #6F6F6F;
}

.clear {
    clear:both;
}