.click-menu {
    width: 187px;
}
.click-menu .box1 {
    background-color:#f1f1f1; /* 1 */
    color: #99bb99;
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 4px;
    border-width: 1px;
    border-color: white; /* 2 */
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-hover {
    background-color: #e9e9e9; /* 3 */
    color: #99bb99; /* 4 */
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 4px;
    border-width: 1px;
    border-color: green; /* 5 */
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open {
    background-color: black; /* 6 */
    color: #99bb99;
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 4px;
    border-width: 1px;
    border-color: black; /* 7 */
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open-hover {
    background-color: #e9e9e9; /* 7 */
    color: black; /* 8 */
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    padding: 4px 4px;
    border-width: 1px;
    border-color: yellow;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}

.click-menu .box3 {
    color: #8BAA88;
    font-size: 11px;
    text-decoration: none;

}

.click-menu .box3 a:link {
    color: red;
    font-size: 11px;
    text-decoration: none;

}

.click-menu .box3 a:hover {
    color: red;
    font-size: 11px;
    text-decoration: none;

}


.click-menu .box3 a:active {
    color: red;
    font-size: 11px;
    text-decoration: none;

}


/* start smiley */
.click-menu .lnk1 {
    background-color: pink;
    color: pink;
    font-weight: bold;
    font-size: 11px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 4px 4px;
    border-width: 1px;
    border-color: yellow;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
    text-decoration: none;
}
.click-menu .lnk1 a {
    padding: 0px 0px;
		cursor:pointer; 
    border-width: 0px;
}
.click-menu .lnk1-hover {
    background-color: #202340;
    color: #CCEEEB;
    font-weight: bold;
    font-size: 11px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 4px 4px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
    text-decoration: none;
}
.click-menu .lnk1-hover a {
    padding: 0px 0px;
		cursor:pointer; 
		cursor:hand; 
    border-width: 0px;
}
.click-menu .lnk1 a {
    color: #99bb99;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .lnk1 a:hover {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
    font-weight:bold;
		cursor:pointer; 
		cursor:hand; 
}
/* end smiley */
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img, .click-menu .lnk1 img, .click-menu .lnk1-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.click-menu .section {
    background-color: white;
    font-family: arial;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #448882;
    border-style: none solid solid solid;
    display: none;
}
.click-menu .section a {
    color: #8BAA88;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .section a:hover {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .box2 {
}
.click-menu .box2-hover {
    background: #000000;
}
.click-menu .section .active,
.click-menu .section .active:hover {
    color: yellow;
}