body {
font-size: 12px; 
font-family: Verdana, Arial, Sans-Serif;
color: #131313;
}
p { clear: both; }

a.select { 
width: 216px; height: 35px;
display: block; padding-left: 10px; 
color: #333; font-size: 12px; text-decoration: none !important; 
font-weight: bold; line-height: 35px;
background-color: transparent; background-position: top left; background-repeat: no-repeat;
float: left; clear: both;
outline: none;
}
a.select:hover { background-position: bottom left; color: #FFF !important; }
a.select { background-image: url(images/select_std_bg.png); }/* Use (../images/select_std_bg.png); if you link the stylesheet in the head */
ol, ul {
margin: 0 0 0 20px;
padding: 0;
}
ul.select_list { 
position: absolute; 
width: 226px; background: #FFF; 
border: 1px solid #333; 
list-style-type: none; 
display: none; 
z-index: 999; 
margin: 0; margin-top: 35px;
cursor: pointer; 
height: auto;
overflow: auto;
}
ul.select_list li { width: 216px; line-height: 2em; padding-left: 10px; color: #333333; background-color: #f4f4f4; border-top: 1px solid #ccc; display: block; }
ul.select_list li:hover, ul.select_list li.hover, ul.select_list li.selected { background-color: #7c7c7c !important; color: #FFF !important; }
/* For Long lists */
ul.long-list { height: 120px !important; } 
ul.long-list li { width: 198px !important; }
.hidden { display: none; }