#topBox { border: 3px solid #7DCDD0; border-radius: 5px; background: url(../city/images/town.gif) no-repeat center bottom; }
#topBox .alpha { padding: 5px 20px 20px; background: rgba(255,255,255,0.8); }
#topBox img { border-radius: 5px; float: right; }
#topBox h2 { color: #3DAEC0; font-weight: bold; font-size: 33px; }
#topBox h2 span.city { padding-right: 5px; font-size: 45px; text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff; }
#topBox ul { font-weight: bold; font-size: 17px; }
#topBox .entryTxt, #topBox .entryBtn { margin-top: 25px; display: inline-block; vertical-align: middle; }
#topBox .entryTxt ul { color: #EC651A; padding: 5px 0; border-radius: 3px 0 0 3px; width: 210px; height: 45px; position: relative; background: #fff; font-size: 13px; }
#topBox .entryTxt ul:after { margin-left: 105px; border-left: 15px solid #fff; border-top: 27px solid transparent; border-bottom: 27px solid transparent; position: absolute; left: 50%; top: 0; content: ''; }
#topBox .entryTxt li { padding-left: 25px; background: url(../city/images/15px_light_green_check.png) no-repeat 5px center; }
#topBox .entryBtn a { color: #fff; margin-left: -8px; padding: 5px 25px; border-radius: 0 3px 3px 0; display: inline-block; height: 45px; background: #F06F04; font-weight: bold; font-size: 25px; line-height: 45px; text-shadow: -1px -1px #AD3000; }
#topBox .entryBtn a:before { margin-right: 10px; float: left; width: 40px; height: 40px; content: ''; background: url(../city/images/40px_quill.png) no-repeat left center; }

#showmoreBtn:before { margin-left: -150px; border-style: solid; border-width: 25px 150px 0 150px; border-color: #FFF352 transparent transparent transparent; display: block; width: 0; height: 0; position: relative; left: 50%; content: ''; }
#showmoreBtn p { margin: 0 auto; width: 541px; height: 120px; background: url(../city/images/city_btb.gif) no-repeat 0 0; text-align: center; }
#showmoreBtn a { color: #fff; margin-top: 35px; padding: 8px 20px; border-radius: 3px; display: inline-block; background: #6FDE00; font-weight: bold; font-size: 25px; text-shadow: 1px 1px 0 #33CC00; }
#showmoreBtn a:before { margin-right: 10px; float: left; width: 40px; height: 40px; content: ''; background: url(../city/images/40px_searchtool.png) no-repeat 0 0; }

#browse { margin-top: 25px; padding: 4px; border: 1px solid #7CCEE0; border-radius: 5px; background: #D6EFF4; }
#browse h2 { color: #20619E; padding: 2px 10px; font-weight: bold; font-size: 19px; }
#browse ul { padding: 10px 15px; background: #F4FBFC; }
#browse li { display: inline-block; width: 10em; }
#browse span.disable { color: #B3B3B3; }
#browse span.num { color: #777777; font-size: 11px; }
#browse .prefLink { padding-top: 5px; font-weight: bold; font-size: 17px; text-align: center; }
#browse .prefLink a { color:#fff; padding: 5px 25px; border: 1px solid #20619E; border-radius: 25px; display: inline-block; background: #37C4D6; text-shadow: 1px 1px #00BCC9; }

#citynew, #prefnew { margin-top: 25px; }
#citynew h2, #prefnew h2 { margin-bottom: 10px; padding-left: 10px; background-repeat: repeat; background-position: 0 0; font-weight: bold; font-size: 19px;}
#citynew h2 { color: #5CB328; background-image: url(../city/images/green_stripe.gif); }
#prefnew h2 { color: #124EA9; background-image: url(../city/images/blue_stripe.gif); }
#citynew h2 span.new, #prefnew h2 span.new { color: #FF6600; font-size: 21px; }
#citynew ol > li, #prefnew ol > li { margin-bottom: 3px; padding: 5px 20px; border-width: 1px; border-style: solid; border-radius: 5px; background-repeat: no-repeat; background-position: 98% center; cursor: pointer; }
#citynew ol > li { border-color: #97D512; background-color: #F5FBE8; background-image: url(../city/images/20px_green_arrow.png); }
#prefnew ol > li { border-color: #2448DF; background-color: #E5F1FF; background-image: url(../city/images/20px_blue_arrow.png); }
#citynew ol > li:hover { background-color: #E6F7AA; }
#prefnew ol > li:hover { background-color: #C5F4F7; }
#citynew li.address, #prefnew li.address { color: #009900; }