html, body, .container {
    height: 100%;
}

#map {
    height: 700px;
}

#textbox1 {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 260px;
    padding-left: 18px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gPHBhdGggZD0iTTkuMTIxMzIwMzQsMi4wNTAyNTI1MyBDNy4xNjg2OTg4OCwwLjA5NzYzMTA3MyA0LjAwMjg3Mzk5LDAuMDk3NjMxMDczIDIuMDUwMjUyNTMsMi4wNTAyNTI1MyBDMC4wOTc2MzEwNzMsNC4wMDI4NzM5OSAwLjA5NzYzMTA3Myw3LjE2ODY5ODg4IDIuMDUwMjUyNTMsOS4xMjEzMjAzNCBDMy43NjA3MTQwNywxMC44MzE3ODE5IDYuNDAyMTIwODcsMTEuMDQzOTA5NiA4LjM0MzQ5MDA3LDkuNzU3NzAzNjQgTDEwLjU0MDgzNzIsMTEuOTU1MDUwOCBDMTAuOTI4NDMyNiwxMi4zNDI2NDYxIDExLjU1NjUwMDUsMTIuMzQyOTk0NCAxMS45NDk3NDc1LDExLjk0OTc0NzUgTDExLjk0OTc0NzUsMTEuOTQ5NzQ3NSBDMTIuMzQwMjcxOCwxMS41NTkyMjMyIDEyLjM0NjU5NDMsMTAuOTMyMzgwOCAxMS45NTUwNTA4LDEwLjU0MDgzNzIgTDkuNzU3NzAzNjQsOC4zNDM0OTAwNyBDMTEuMDQzOTA5Niw2LjQwMjEyMDg3IDEwLjgzMTc4MTksMy43NjA3MTQwNyA5LjEyMTMyMDM0LDIuMDUwMjUyNTMgWiBNOC4wNjA2NjAxNyw4LjA2MDY2MDE4IEM5LjQyNzQ5NTE5LDYuNjkzODI1MTYgOS40Mjc0OTUxOSw0LjQ3Nzc0Nzc0IDguMDYwNjYwMTcsMy4xMTA5MTI3MSBDNi42OTM4MjUxNSwxLjc0NDA3NzY5IDQuNDc3NzQ3NzIsMS43NDQwNzc2OSAzLjExMDkxMjcsMy4xMTA5MTI3MSBDMS43NDQwNzc2OCw0LjQ3Nzc0Nzc0IDEuNzQ0MDc3NjgsNi42OTM4MjUxNiAzLjExMDkxMjcsOC4wNjA2NjAxOCBDNC40Nzc3NDc3Miw5LjQyNzQ5NTIgNi42OTM4MjUxNSw5LjQyNzQ5NTIgOC4wNjA2NjAxNyw4LjA2MDY2MDE4IEw4LjA2MDY2MDE3LDguMDYwNjYwMTggWiIgZmlsbD0iIzU1NTU1NSI+PC9wYXRoPjwvZz48L3N2Zz4=') 3px 50% no-repeat;
    color: #333;
}

.customControl {
    font-family: Arial, sans-serif;
    background: #000000;
    background: rgba(0,0,0,.4);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    -moz-box-shadow: 0 1px 0 #000000;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: 0 1px 0 #000000;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.07);
    -ms-box-shadow: 0 1px 0 #000000;
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,.07);
    box-shadow: 0 1px 0 #000000;
    box-shadow: 0 1px 0 rgba(0,0,0,.07);
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 28px;
    position: relative;
    width: 288px;
}
.legendControl1 {
    font-family: Arial, sans-serif;
    background: #000000;
    background: rgba(0,0,0,.4);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.2)0,rgba(0,0,0,.4)100%);
    -moz-box-shadow: 0 1px 0 #000000;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: 0 1px 0 #000000;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.07);
    -ms-box-shadow: 0 1px 0 #000000;
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,.07);
    box-shadow: 0 1px 0 #000000;
    box-shadow: 0 1px 0 rgba(0,0,0,.07);
    -ms-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 1px;
}

.legendControl1Frame {
    padding: 2px;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff 0,#eee 100%);
    background: -moz-linear-gradient(top,#fff 0,#eee 100%);
    background: -o-linear-gradient(top,#fff 0,#eee 100%);
    background: linear-gradient(to bottom,#fff 0,#eee 100%);
    -ms-border-radius: 2px;
    border-radius: 2px;
     line-height: 18px;
    color: #555;
}
    .legendControl1Frame i {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 8px;
        -ms-opacity: 0.7;
        opacity: 0.7;
    }

.ui-widget-frame {
    position: absolute;
    bottom: 1px;
    right: 1px;
    left: 1px;
    top: 1px;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff 0,#eee 100%);
    background: -moz-linear-gradient(top,#fff 0,#eee 100%);
    background: -o-linear-gradient(top,#fff 0,#eee 100%);
    background: linear-gradient(to bottom,#fff 0,#eee 100%);
    -ms-border-radius: 2px;
    border-radius: 2px;
}