.menu {
    display:block;
    clear:both;
    padding:2px 0 0 0;
    margin:0;
    font-family: arial, verdana;
    font-size:12pt;
}

.menu li {
    list-style:none;
    display:block;
    height: 28px;
    float:left;
    padding:0 1px 0 1px;
    margin:0;
    cursor:default;
}

.menu li.blank {
    width:50px;
    /*background:url('../sysimg/brick50.png') 0 0 no-repeat;*/
}

.menu a {
    display:block;
    color:#FFE4E1;/*mistyrose*/
    height:28px;
    line-height:26px;
    text-decoration:none;
    cursor:pointer;
    text-align:center;
}

.menu a:hover {
    color:white;
}

.menu .w8 {
    background:url('../sysimg/brick-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .wx8 {
    background:url('../sysimg/brick-x-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .wxx8 {
    background:url('../sysimg/brick-xx-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .w10 {
    background:url('../sysimg/brick-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .wx10 {
    background:url('../sysimg/brick-x-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .wxx10 {
    background:url('../sysimg/brick-xx-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .w12 {
    background:url('../sysimg/brick-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .wx12 {
    background:url('../sysimg/brick-x-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .wxx12 {
    background:url('../sysimg/brick-xx-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .w14 {
    background:url('../sysimg/brick-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .wx14 {
    background:url('../sysimg/brick-x-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .wxx14 {
    background:url('../sysimg/brick-xx-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .w16 {
    background:url('../sysimg/brick-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .wx16 {
    background:url('../sysimg/brick-x-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .wxx16 {
    background:url('../sysimg/brick-xx-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .w18 {
    background:url('../sysimg/brick-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .wx18 {
    background:url('../sysimg/brick-x-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .wxx18 {
    background:url('../sysimg/brick-xx-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .w8:hover {
    background:url('../sysimg/brick-hover-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .wx8:hover {
    background:url('../sysimg/brick-x-hover-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .wxx8:hover {
    background:url('../sysimg/brick-xx-hover-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .w10:hover {
    background:url('../sysimg/brick-hover-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .wx10:hover {
    background:url('../sysimg/brick-x-hover-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .wxx10:hover {
    background:url('../sysimg/brick-xx-hover-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .w12:hover {
    background:url('../sysimg/brick-hover-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .wx12:hover {
    background:url('../sysimg/brick-x-hover-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .wxx12:hover {
    background:url('../sysimg/brick-xx-hover-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .w14:hover {
    background:url('../sysimg/brick-hover-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .wx14:hover {
    background:url('../sysimg/brick-x-hover-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .wxx14:hover {
    background:url('../sysimg/brick-xx-hover-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .w16:hover {
    background:url('../sysimg/brick-hover-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .wx16:hover {
    background:url('../sysimg/brick-x-hover-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .wxx16:hover {
    background:url('../sysimg/brick-xx-hover-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .w18:hover {
    background:url('../sysimg/brick-hover-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .wx18:hover {
    background:url('../sysimg/brick-x-hover-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .wxx18:hover {
    background:url('../sysimg/brick-xx-hover-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .ws8 {
    background:url('../sysimg/brick-sel-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .wxs8 {
    background:url('../sysimg/brick-x-sel-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .wxxs8 {
    background:url('../sysimg/brick-xx-sel-80.png') 0 0 no-repeat;
    width:80px;
}
.menu .ws10 {
    background:url('../sysimg/brick-sel-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .wxs10 {
    background:url('../sysimg/brick-x-sel-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .wxxs10 {
    background:url('../sysimg/brick-xx-sel-100.png') 0 0 no-repeat;
    width:100px;
}
.menu .ws12 {
    background:url('../sysimg/brick-sel-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .wxs12 {
    background:url('../sysimg/brick-x-sel-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .wxxs12 {
    background:url('../sysimg/brick-xx-sel-120.png') 0 0 no-repeat;
    width:120px;
}
.menu .ws14 {
    background:url('../sysimg/brick-sel-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .wxs14 {
    background:url('../sysimg/brick-x-sel-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .wxxs14 {
    background:url('../sysimg/brick-xx-sel-140.png') 0 0 no-repeat;
    width:140px;
}
.menu .ws16 {
    background:url('../sysimg/brick-sel-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .wxs16 {
    background:url('../sysimg/brick-x-sel-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .wxxs16 {
    background:url('../sysimg/brick-xx-sel-160.png') 0 0 no-repeat;
    width:160px;
}
.menu .ws18 {
    background:url('../sysimg/brick-sel-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .wxs18 {
    background:url('../sysimg/brick-x-sel-180.png') 0 0 no-repeat;
    width:180px;
}
.menu .wxxs18 {
    background:url('../sysimg/brick-xx-sel-180.png') 0 0 no-repeat;
    width:180px;
}

/************** inline multi-page selection menu *****************/
.paginate {
    /*background:#303030;*/
    float:right;
    display:block;
    clear:both;
    padding:2px 0 0 0;
    margin:0;
    font-family:verdana, arial;
    font-size:12pt;
}

.paginate li, .paginate li.none {
    list-style:none;
    display:block;
    height:28px;
    line-height:26px;
    float:left;
    clear:none;
    padding:0 1px 0 1px;
    margin:0;
    cursor:default;
}

.paginate li.none {
    padding:0 10px 0 10px;
    height:28px;
    line-height:26px;
}

.paginate a {
    display:block;
    color:#FFE4E1;/*mistyrose*/
    clear:none;
    float:left;
    height:28px;
    line-height:26px;
    text-decoration:none;
    cursor:pointer;
    text-align:center;
    padding:0 10px 0 10px;
}

.paginate a:hover {
    color:red;
}

/****************** system menu **********************/

.sys-menu {
    display:block;
    clear:both;
    padding:0 0 0 0;
    margin:0;
    font-family: arial, verdana;
    font-size:10pt;
}

.sys-menu li {
    list-style:none;
    display:block;
    /*height: 24px;*/
    float:left;
    padding:0 1px 0 1px;
    margin:0;
    cursor:default;
}

.sys-menu a {
    display:block;
    color:#000/*#FFFFFF*/;
    /*
    height:28px;
    line-height:26px;
    */
    padding:0 5px 0 5px;
    text-decoration:none;
    cursor:pointer;
    text-align:center;
    background:yellow;
}