body {
                font-family: Arial,Helvetica,sans-serif; 
                font-size: 75%;
                margin: 0;
                padding: 0;
            }
            #wrapper {
                width: 280px;
                height:  210px;
                overflow: hidden;
            }
            h1 {
                color: #4a7c9d;
                font-size: 112%;
                margin: 2px 0 4px 0;
            }
            h2 {
                color: #fff;
                background: #4e91be url(/images/mdf_gradient.jpg) 0 50% repeat-x;
                font-size: 90%;
                padding: 5px 8px;
                margin: 0;
            }
            .panel {
                border: 1px solid #4e91be;
                margin-bottom: 6px;
                background: #eef1f6;
                height: 86px;
            }
            .panel.city {
                background-image: url(/images/mdf_thumb.gif);
                background-repeat: no-repeat;
                background-position: bottom right;
            }
            .panel.region {
                background-image: url(/images/mdf_map.gif);
                background-repeat: no-repeat;
                background-position: bottom right;
            }
            .panel p {
                margin: 6px 0 0;
                padding: 5px 8px 0;
                font-size: 95%;
                margin-right: 90px;
            }
            .panel select {
                width: 150px;
                font-size: 95%;
                margin: 0;
            }
            .panel img.right {
                display: block;
                margin: 4px 5px 2px;
                float: right;
                border: 0;
            }
            .clear {
                clear: both;
            }