* { margin: 0; padding: 0; outline: 0; }
html * { zoom: 1; }
body { text-align: center; margin: 20px; }
html, body { background: #ededed; }
body, input { font: 14px 'lucida grande', 'trebuchet ms', helvetica, arial, sans-serif; }

#cont { width: 800px; margin: 0 auto; text-align: left; }

#top { position: relative; margin-bottom: 20px; }
#top h1 a { display: block; width: 225px; height: 35px; text-indent: -9999px; overflow: hidden; background: url(../images/logo.png) 0 0 no-repeat; }
#top ul { position: absolute; top: 0; right: 0; list-style: none; font-size: 11px; color: #999; }
#top ul li { float: left; border-right: 1px solid #666; margin-right: 10px; padding-right: 10px; }
#top ul li:last-child, #top ul li.l { border: 0; margin: 0; padding: 0; }
#top ul li a { color: #666; text-decoration: none; }
#top ul li a:hover { text-decoration: underline; }

#main { position: relative; overflow: hidden; margin-bottom: 20px; }

#main-content { clear: both; background: #70c568; padding: 20px 40px; overflow: hidden; }
#main-content fieldset { border: 0; }
#main-content legend { display: none; }
#main-content label { font-size: 18px; font-weight: 700; margin-bottom: 5px; color: #000; text-shadow: 0 1px 0 #b3ecaf; }
#main-content input#where { margin: 10px 0; float: left; padding: 10px 10px; height: 20px; line-height: 20px; border: 1px solid #470; width: 608px; margin-right: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
#main-content input#where:focus { border-color: #000; }
#main-content input.na { color: #ccc !important; }
#main-content input#search { margin: 10px 0; float: left; padding: 0; width: 80px; height: 42px; line-height: 40px; border: 1px solid #470; background: #b3ecaf; color: #470; -webkit-border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; }
#main-content input#search:focus { border-color: #000; color: #000; }
#main-content input#search:hover { background: #9ed79c; color: #360; }
#main-content div.s { font-size: 11px; clear: left; color: #470; }
#main-content h2 { font-size: 18px; font-weight: 700; color: #000; text-shadow: 0 1px 0 #b3ecaf; }
#main-content p { color: #470; font-size: 12px; }
#main-content div.popup { position: absolute; background: url(../images/popup-top.png) 0 0 no-repeat; padding-top: 16px; width: 381px; margin: -20px 0 0 -5px; }
#main-content div.popup div.popup-inner { background: url(../images/popup.png) 0 100% no-repeat; padding: 5px 15px 15px 15px; font-size: 11px; }

#main-sub { background: #fff; color: #444; padding: 20px 40px; overflow: hidden; }
#main-sub h2 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 200; }
#main-sub h2 strong { font-weight: 700 !important; }
#main-sub h3 { margin-bottom: 10px; font-size: 14px; }
#main-sub p { line-height: 1.5em; font-size: 12px; margin-bottom: 10px; }
#main-sub p:last-child { margin-bottom: 0; }
#main-sub p.top { font-size: 10px; text-align: right; }
#main-sub p a { color: #470; text-decoration: none; }
#main-sub p a:hover { text-decoration: underline; }
#main-sub div ul li { line-height: 1.5em; font-size: 12px; margin-left: 30px; }
#main-sub div.fw { width: 550px; }
#main-sub div.smalldate { font-size: 10px; margin-top: -10px; margin-bottom: 10px; color: #B2A0AB; }
#main-sub ul.tabs { list-style: none; font-size: 12px; background: url(../images/gdot.gif) 0 100% repeat-x; overflow: hidden; padding: 0 10px; }
#main-sub ul.tabs li { float: left; margin-right: 2px; border: 1px solid #cfc; border-bottom: 0; }
#main-sub ul.tabs li.c { border: 1px solid #70c568; border-bottom: 0; }
#main-sub ul.tabs li a { float: left; padding: 5px 10px; background: #fff; color: #7fec7a; text-decoration: none; }
#main-sub ul.tabs li.c a { padding-bottom: 6px; color: #470; font-weight: 700; }
#main-sub div.tabs { overflow: hidden; width: 298px; _width: 294px; }
#main-sub div.tabs div.tab { display: none; font-size: 12px; }
#main-sub div.tabs ul.pharms { list-style: none; }
#main-sub div.tabs ul.pharms li { padding: 10px; margin: 0 !important; border-bottom: 1px solid #cfc; color: #666; position: relative; cursor: pointer; }
#main-sub div.tabs ul.pharms li.cc { }
#main-sub div.tabs ul.pharms li.hv { background: url(../images/hv.gif) 0 100% repeat-x; }
#main-sub div.tabs ul.pharms li.phid { display: none; }
#main-sub div.tabs div.pharms-page { padding: 10px 0 0 0; overflow: hidden; line-height: 16px; font-size: 11px; }
#main-sub div.tabs div.pharms-page span { float: left; margin-right: 5px; font-weight: 700; color: #060; }
#main-sub div.tabs div.pharms-page ul { list-style: none; float: left; overflow: hidden; }
#main-sub div.tabs div.pharms-page ul li { float: left; margin: 0 1px 1px 0 !important; overflow: hidden; }
#main-sub div.tabs div.pharms-page ul li a { float: left; width: 25px; text-align: center; background: #cfc; color: #080; font-size: 10px; text-decoration: none; }
#main-sub div.tabs div.pharms-page ul li a:hover { background: #beb; }
#main-sub div.tabs div.pharms-page ul li.c a { background: #70c568; color: #fff; }
#main-sub div.tabs strong.pname, div.infowindow strong.pname { color: #333; }
#main-sub div.tabs span.pdist, div.infowindow span.pdist { font-size: 9px; }
#main-sub div.tabs span.paddr, div.infowindow, span.paddr { font-size: 10px; }
#main-sub div.tabs span.pcont, div.infowindow span.pcont { display: block; padding: 5px 0 0 0; font-size: 10px; color: #333; text-overflow: ellipsis; }
#main-sub div.tabs dl.phour, div.infowindow dl.phour { position: absolute; bottom: 10px; right: 10px; width: 100px; margin-left: 10px; font-size: 10px; color: #999; }
#main-sub div.tabs dl.phour dt, div.infowindow dl.phour dt { float: left; clear: both; }
#main-sub div.tabs dl.phour dd, div.infowindow dl.phour dd { float: right; color: #777; }
#main-sub div.tabs dl.phour dd span, div.infowindow dl.phour dd span { position: relative; top: -0.5em; font-size: 80%; }
#main-sub div.tabs div.address { margin-right: 120px; overflow: hidden; }
#main-sub div.tabs a.permalink { position: absolute; top: 10px; right: 10px; font-size: 9px; text-decoration: none; color: #999; }
#main-sub div.tabs a.permalink:hover { text-decoration: underline; color: #666; }
#main-sub div.tabs p.no-pharms { padding-top: 10px; color: #999; }
#main-sub del { display: none; }
#main-sub ol.index { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #70c568; }
#main-sub ol.index li { list-style-position: inside; line-height: 1.5em; }
#main-sub ol.index li a { color: #470; text-decoration: none; font-weight: 700; }
#main-sub ol.index li a:hover { text-decoration: underline; }
#main-sub form label { display: block; margin-bottom: 2px; color: #470; }
#main-sub p.submit { text-align: center; }
#main-sub p.red { color: #c00; }
#main-sub span.s { font-size: 10px; color: #999; }
#main-sub span.fe { display: block; padding-top: 1px; font-size: 10px; color: #a00; }

#map { width: 400px; height: 400px; border: 1px solid #ccc; float: left; margin-right: 20px; overflow: hidden; }

#foot { text-align: center; color: #999; font-size: 11px; padding-bottom: 20px; }
#foot a { color: #888; text-decoration: none; }
#foot a:hover { color: #333; }

#menu { list-style: none; float: right; }
#menu li { float: left; margin-right: 2px; }
#menu li a { float: left; padding: 10px 30px 8px 30px; margin-bottom: 2px; font-size: 12px; background: #7fec7a; color: #470; text-decoration: none; }
#menu li a:hover { background: #6edb6a; }
#menu li.c a { font-weight: 700; background: #70c568; color: #fff; padding-bottom: 10px; margin-bottom: 0; }
#menu li:last-child, #menu li.l { margin: 0; }

#debug { padding: 10px 20px; background: #000; border: 2px solid #666; color: #fff; font: 10px monaco, courier, monospace; text-align: left; white-space: pre; }

p.codeblock { padding: 10px 20px; background: #ffffcc; border: 1px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #ccc; }
p.codeblock code { font: 10px monaco, courier, monospace; }

div.error { padding: 20px; border: 1px solid #600; background: #fcc; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
div.error p { color: #800 !important; }
div.error h2 { margin-bottom: 10px; color: #800 !important; font-size: 16px !important; text-shadow: none !important; }
div.infowindow { font-size: 12px; color: #666; width: 260px; min-height: 60px; position: relative; }
div.infowindow a.permalink { display: none; }

/* webkit & gecko magic ;) */
#main>div:first-of-type { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
#main>div:last-of-type { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#menu>li:first-of-type a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
#menu>li:last-of-type a { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#menu>li.c a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
ul.tabs>li:first-of-type, ul.tabs>li:first-of-type a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
ul.tabs>li:last-of-type, ul.tabs>li:last-of-type a { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#main-sub div.tabs ul li.hv { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }