div.ddl_off, div.ddl_on
{
    width: 110px; padding: 4px; font-size: 8pt; color: #000000; cursor: pointer;
    background: #deddd0 url(images/dda-off.gif) no-repeat center right;
    float: left; margin-left: 15px;
}
div.ddl_on { background: #deddd0 url(images/dda-on.gif) no-repeat center right; }

div.ddlPanel, div.cboxPanel
{
    background: #ffffff; /*#eeeeec;*/
    border: 1px solid #deddd0 !important;
    padding: 10px; display: inline; white-space: nowrap;
    display: block; position: absolute; z-index: 100000;
}
div.ddlPanel span, div.cboxPanel span { cursor: pointer; }
div.ddlPanel_off, div.cboxPanel_off   { display: none; }

div#ddlMaturityFrom { width: 35px;}
div#ddlMaturityTo   { width: 60px;}
div#ddlMaturityFromPanel { width: 45px !important; } div#ddlMaturityToPanel { width: 73px !important; }
div#ddlMaturityFromPanel, div#ddlMaturityToPanel
{ height: 150px; overflow: auto; }
div#ddlType     { width: 75px; } div#ddlTypePanel     { width: 70px; }
div#ddlMaturity { width: 75px; } div#ddlMaturityPanel { width: 70px; }

div#ddlTraitPanel input, div#ddlCharacteristicPanel input, div#ddlTypePanel input,
div#ddlMaturityFromPanel input, div#ddlMaturityToPanel input, div#ddlMaturityPanel input
{ visibility: hidden; }

div#ddlTraitPanel img { border: 5px solid #ffffff; cursor: pointer; display: inline; }
div#ddlTraitPanel img.selected { border-color: #888888; }

div#ddlCharacteristicPanel input, div#ddlMaturityFromPanel input, div#ddlTypePanel input,
div#ddlMaturityToPanel input, div#ddlMaturityPanel input
{ position: absolute; }
div#ddlCharacteristicPanel.ddlPanel, div#ddlMaturityFromPanel.ddlPanel,  div#ddlTypePanel.ddlPanel,
div#ddlMaturityToPanel.ddlPanel, div#ddlMaturityPanel.ddlPanel
{ padding-left: 3px; padding-right: 6px; }
div#ddlCharacteristicPanel span, div#ddlMaturityFromPanel span, div#ddlTypePanel span,
div#ddlMaturityToPanel span, div#ddlMaturityPanel span
{ display: block; padding: 2px; }
div#ddlCharacteristicPanel span.selected,
div#ddlMaturityFromPanel span.selected,
div#ddlMaturityToPanel span.selected,
div#ddlMaturityPanel span.selected,
div#ddlTypePanel span.selected
{ background: #eeeeee; }
div#ddlCharacteristicPanel span:hover, 
div#ddlMaturityFromPanel span:hover,
div#ddlMaturityToPanel span:hover,
div#ddlMaturityPanel span:hover,
div#ddlTypePanel span:hover
{ background: #f7f7f7; }

div.frm, div.fto { float: left; } div.frm { margin: 4px -2px 0 0; } div.fto { margin: 4px -12px 0 6px; }
input.go
{
    font-size: 8pt; cursor: pointer; float: left;
    color: #ffffff; margin-left: 15px;
    border: 0px none; width: 38px; padding: 3px;
}

div.cboxPanel { height: 110px; overflow: auto; width: 130px; margin: -10px 0 0 10px; padding: 5px; }
div.cboxPanel span { display: block; padding: 3px; } div.cboxPanel span:hover { background: #deddd0; }

div.shadowbox-3-0, div.shadowbox-3-1, div.shadowbox-3-2
{ border: 1px solid #2a2a2a; position: absolute; z-index: 9999; }
div.shadowbox-3-0 { opacity: 0.50; -moz-opacity: 0.50; filter: alpha(opacity=50); }
div.shadowbox-3-1 { opacity: 0.15; -moz-opacity: 0.15; filter: alpha(opacity=15); }
div.shadowbox-3-2 { opacity: 0.05; -moz-opacity: 0.05; filter: alpha(opacity=5); }