#legend {
    position: absolute;
    bottom:50px;
    right:10px;
    width:225px;
    background-color:#FFF;
    padding:6px;
    font-family: Arial, sans-serif;
    font-size:12px;
    border: 2px outset #DFF2FF;
    line-height:1.3em;
}

#legend h1 {font-size:18px; margin:0 0 4px 0;}
#legend h2 {font-size:14px; margin:0 0 6px 0;}

#legend dl {margin:10px 0; float:left;}
#legend dt {clear:both; float:right; height:20px; margin-left:10px; width:185px;}
#legend dd {float:left; height:19px; width:20px; opacity:.75; margin:0;}

#legend form {margin: 6px 4px 4px 0px;}

#legend p {margin: 5px 5px 5px 0px;}

#legend .innertable {margin:0 0;}
#legend tr {clear:both; float:center; height:15px; margin-left:10px;}
#legend td {float:left; height:15px; width:30px; opacity: 1; margin: 0px; text-align: center; font-size:10px;}
#legend .spacer-box {width: 15px; background-color:#ffffff;}
#legend .segment1 {background-color:#990000;}
#legend .segment2 {background-color:#e06666;}
#legend .segment3 {background-color:#f4cccc;}
#legend .segment4 {background-color:#d9ead3;}
#legend .segment5 {background-color:#93c47d;}
#legend .segment6 {background-color:#274e13;}

#legend .segment7 {background-color:#41B6C4;}
#legend .segment8 {background-color:#2C7FB8;}
#legend .segment9 {background-color:#253494;}

#legend .segment10 {background-color:#006d2c;}