#grayblock{
position:absolute;
border: 2px solid #dddddd;
left: 4px;
font-family: Arial;
font-size: 16px;
width: 160px;
}

#grayblock h1 {
display: block;
background-color:#cccccc;
border: 1px solid #FF0000;
font-size: 16px;
color:red;
margin: 0px;
width: 160px;
}

#grayblock ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#grayblock ul li {
margin: 0px;
padding: 0px;
}

#grayblock ul li a {
display: block;
color:#0000CC;
padding: 1px 0px 1px 1px;
font-size:13px;
text-decoration:none;
width: 160px;
}

#grayblock ul li a:hover, #grayblock ul li a:focus {
color: #B8860B;
text-decoration: underline;
background-color: #eeeeee;
}

#grayblock ul li a.option {
display: block;
background-color:#DCDCDC;
border: 1px solid #666699;
font-family:Arial;
font-size: 16px;
font-weight:bold;
color:#666699;
margin: 0px;
width: 160px;
}

#grayblock ul li a.option:hover, #grayblock ul li a.option:focus {
color: #ff0000;
text-decoration: none;
border: 1px solid #FF0000;
background-color: #cccccc;
}

#grayblock ul li a.optionSelected {
display: block;
color: red;
padding: 1px 0px 1px 1px;
font-size:13px;
text-decoration:none;
cursor: text;
width: 160px;
}

#grayblock ul li a.optionSelected:hover, #grayblock ul li a.optionSelected:focus {
display: block;
color:red;
background-color:white;
padding: 1px 0px 1px 1px;
font-size:13px;
text-decoration:none;
cursor: text;
width: 160px;
}