.map { background: url(../images/map.gif); width: 622px; height: 342px; overflow: hidden; position: relative; }
.city { position: absolute; }
.citya { position: absolute; display: none; opacity: 0.0; }
.city-info { border: 1px solid #ff0000; padding: 0; background: #efefef; font-family: Arial, Helvetica, sans-serif; position: absolute; display: none; opacity: 0.0; font-size: 12px; }
.city-info img { border: 0; }
.city-info ul { margin: 0; padding: 5px; list-style: none; }
.city-info li { padding: 3px 10px; white-space: nowrap; }
.city-info a { color: #565656; text-decoration: underline; }
.city-info a:hover { color: #ff0000; text-decoration: underline; }
.city-info .ci-name { padding: 5px 15px; background: url(../images/cbg.gif) 0 50% repeat-x; font-weight: bold; }
.city-info .ci-name a { color: #ffffff; text-decoration: underline; }
.city-info .ci-name a:hover { color: #ffffff; text-decoration: none; }

.city-select { position: relative; }
.city-select .cs-field { border: 1px solid #e0e0e0; height: 16px; overflow: hidden; margin-bottom: 0; width: 120px; background: #ffffff url(../images/select.gif) 100% 60% no-repeat; font-size: 100%; padding: 1px 5px; cursor: pointer; }
.city-select .cs-field-a { border: 1px solid #e0e0e0; height: 16px; overflow: hidden; margin-bottom: 0; width: 120px; background: #ffffff url(../images/selecta.gif) 100% 60% no-repeat; font-size: 100%; padding: 1px 5px; cursor: pointer; }
.city-select .cs-list { border: 1px solid #dddddd; width: 130px; background: #eeeeee; position: absolute; z-index: 1000; display: none; bottom: 21px; }
.city-select .cs-list a { font-size: 91%; padding: 2px 5px; display: block; color: #555555; text-decoration: none; }
.city-select .cs-list a:hover { background: #ffffff; color: #555555; }
.city-select .cs-list a.act { background: #ffffff; color: #333333; cursor: default; }

.select-form { padding-top: 15px; }
.select-form td { padding: 10px 0 10px 10px;; }
.select-form table { background: url(../images/search_bg.gif) 100% 50% no-repeat; }
.select-form .sf-go { padding-right: 20px; }

.radio-select { position: relative; }
.radio-select .rs-field { border: 1px solid #e0e0e0; height: 16px; overflow: hidden; margin-bottom: 0; width: 120px; background: #ffffff url(../images/select.gif) 100% 60% no-repeat; font-size: 100%; padding: 1px 5px; cursor: pointer; }
.radio-select .rs-field-a { border: 1px solid #e0e0e0; height: 16px; overflow: hidden; margin-bottom: 0; width: 120px; background: #ffffff url(../images/selecta.gif) 100% 60% no-repeat; font-size: 100%; padding: 1px 5px; cursor: pointer; }
.radio-select .rs-list { border: 1px solid #dddddd; width: 130px; background: #eeeeee; position: absolute; z-index: 1000; display: none; bottom: 21px; }
.radio-select .rs-list a { font-size: 91%; padding: 2px 5px; display: block; color: #555555; text-decoration: none; }
.radio-select .rs-list a:hover { background: #ffffff; color: #555555; }
.radio-select .rs-list a.act { background: #ffffff; color: #555555; cursor: default; }