/* div {border: 1px red dashed; } */

#dd_text{
width:150px;
height:17px;
border:0px none;
background:none;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
text-align:center;
padding-top:3px;
}

#dropdown {
width:182px;
height:21px;
background:url(../images/event_dropdown.jpg);
background-repeat:no-repeat;
cursor:pointer;
}
.dd_pad {height: 20px; }

.dropdown-wrapper {
width: 383px; height: 60px; margin-top: -60px;
}

.dropdown-wrapper-right {
width:190px; position: relative; float: right; height: 20px;
}

.dd_list{
top: -20px;
border:0px none;
width:182px;
position:relative;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
padding-left:-12px;
overflow:hidden;
visibility:hidden;
z-index: 50;
}
#dropdown #ul{
 font:Arial, Helvetica, sans-serif;
 background-color:#333;
 font-size:11px;
width:100%;
padding:5px;
}
#dropdown #li{
	width:100%;
	padding:0px;
}
#dropdown #li a:hover{
	color:#FFF;
}

#legend-menu-text{
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}

#legend-menu {
position: relative;
float: right;
width:75px;
height:12px;
cursor:pointer;
text-align: right;
top: 10px;
}

.legend-menu-wrapper {
width: 520px; height: 0px; top: 0px;
}
.legend-menu-list{
text-align: left;
top: -20px;
width:145px;
left: -66px;
top: -20px;
position:relative;
color:#333;
font-size:11px;
overflow:hidden;
visibility:hidden;
z-index: 50;
}
.legend-menu-list .ul{
 font:Arial, Helvetica, sans-serif;
 background-color:#EEE;
 font-size:11px;
border: 1px solid #666;
width:133px;
padding:5px;
}

.legend-menu-list .ul img {padding: 2px 4px 2px 0px; vertical-align: middle;}