a { color: #0000ff }
.topbanner { background: #2382c4 url(/images/top1.jpg) center; height: 168px; width: 100%; margin-top: 40px; }
.topbanner .logolink { position: absolute; left: 50%; margin-left: -500px; margin-top: 30px; display: block; width: 200px; height: 58px; }
.topbanner .search { position: absolute; left: 50%; margin-left: -500px; margin-top: 90px; }
.topbanner .qmode { position: absolute; left: 50%; margin-left: -500px; margin-top: 130px; }
.topbanner .qmode a { color: #ffffff; font-size: 0.9em; text-decoration: none }
.topbanner .qmode a:hover { color: #ffffff; font-size: 0.9em; text-decoration: underline }
.topbanner #query { width: 550px; margin-right: 10px }
.topbanner #lon { width: 170px; margin-right: 10px }
.topbanner #lat { width: 170px; margin-right: 10px }
.topbanner #utc { width: 187px; margin-right: 10px }
.topbanner .go { }
.body { width: 1000px; margin: auto; margin-top: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6em; }
h1 { font-size: 2.6em; font-weight: normal; margin: 0; margin-bottom: 1em; }
h2 { font-size: 1.6em; font-weight: normal; margin: 0; margin-bottom: 1em; }
input, textarea, select { font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; }
dl { margin-top: 0; }
dd { margin-left: 1em; }
p { margin: 0; margin-bottom: 2em; }
.center { text-align: center; }
.green { color: #00cc1d; }
.red { color: #cc0000; }
.sunText h1 { margin-bottom: 10px; font-size: 1.6em; line-height: 1.6em; margin: 0; }
.sunText a { color: #000000; text-decoration: none; border-bottom: 2px dotted #e9f4fb; }
.err { color: #cc0000; font-size: 1.6em; font-weight: normal; margin: 0; margin-bottom: 1em; }

.form { border-collapse: collapse; }
.form * { vertical-align: middle }
.form .first { width: 250px; vertical-align: top; padding-top: 4px }
.form .td { height: 2.4em }
.form input { font-size: 1.6em }
.form textarea { font-size: 1.6em; width: 100%; height: 200px; margin-bottom: 10px; }
.button { font-size: 1.6em; margin-top: 10px; padding: 4px; padding-left: 6px; padding-right: 6px; width: auto; height: auto }

.widgetbuilder { border-collapse: collapse }
.widgetbuilder * { vertical-align: middle }
.widgetbuilder a { vertical-align: baseline }
.widgetbuilder .first { width: 150px }
.widgetbuilder td { height: 2.4em }
.widgetbuilder #widgetlat,#widgetlon { width: 119px; margin-right: 10px; }
.widgetbuilder #widgettitle { font-size: 1.6em; width: 400px; }
.widgetbuilder #widgetlocation { font-size: 1.6em; width: 400px; }
.widgetbuilder #widgetappearance1,#widgetappearance2,#widgetappearance3,#widgetappearance4 { padding: 0; width: 1.6em; height: 1.6em }
.widgetbuilder #widgetwidth,#widgetheight { width: 69px }
.widgetbuilder #codebutton { margin-top: 20px }
.widgetcode #widgetcode { font-size: 1em; font-family: 'Courier New',Courier,monospace; width: 550px; height: 212px; margin-bottom: 10px; }
.widgetcode #bloggerbutton { margin-top: 5px }
.widgetcode #backbutton { margin-top: 20px }

#sunLoader { width: 1000px; position: relative; text-align: center; margin-top: 180px; height: 215px }
#sunImage { width: 1000px; height: 400px; }

.separator { clear: both; background-color: #e9f4fb; width: 1000px; height: 1px; margin-top: 15px; margin-bottom: 15px; font-size: 0 }
.clear { clear: both; }
.cityColumn { float: left; width: 20%; margin-right: 2%; }
.cityColumnLast { float: right; width: 25%; }
.imageFont { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
#indicatorDate { background-image: url(/images/indicatordate.gif?v3); width: 108px; height: 394px; position: absolute; top: 0; visibility: hidden }
#indicatorDateTitle { top: 350px; left: 4px; width: 100px; line-height: 1.2em; text-align: center; position: absolute; }
#indicatorSunrise { background-image: url(/images/indicatorsun.gif); width: 115px; height: 30px; position: absolute; top: 0; visibility: hidden; }
#indicatorSunriseTitle { padding-left: 18px; line-height: 30px; }
#indicatorSunset { background-image: url(/images/indicatorsun.gif); width: 115px; height: 30px; position: absolute; top: 0; visibility: hidden; }
#indicatorSunsetTitle { padding-left: 18px; line-height: 30px; }
.autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 1px 0 0 0; }
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; font-size: 1.6em; }
.autocomplete .selected { background: #F0F0F0; }
.autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; font-family: Arial, Helvetica, sans-serif; }
.autocomplete strong { font-weight: normal; color: #3399FF; }
.shareButtons { text-align: center; font-size: 0; margin-top: 15px }
.shareButtons img { width: 24px; height: 24px; margin-left: 3px; margin-right: 3px; }