body { background: #AFB0AB url(/ui/20100112/imgs/sections/whatup/bg_god.jpg) no-repeat top center; }
div.pagewrapper { background: url(/ui/20100112/imgs/sections/whatup/bg_repeat.png) repeat-x top left; }
div.pagewrapper div.pagecenter div.pagebody {  margin: 0 auto; }
div.pagewrapper div.pagecenter div.pagebody div.header { margin-top: -22px; background: none; height: 220px; }

div.pagewrapper div.pagecenter div.pagebody, div.pagewrapper div.pagecenter div.pagebody div.header, div.pagewrapper div.pagecenter div.pagebody div.main { width: 945px; }

div.pagewrapper div.pagecenter div.pagebody div.main { background: url(/ui/20100112/imgs/sections/whatup/content_bg.png) repeat-y top left; }
div.pagewrapper div.pagecenter div.pagebody div.main div.primary, div.pagewrapper div.pagecenter div.pagebody div.main div.primaryinvert { width: 596px; padding:0; }
div.pagewrapper div.pagecenter div.pagebody div.main div.rail, div.pagewrapper div.pagecenter div.pagebody div.main div.railinvert { width: 249px; padding:0px; }

div.pagewrapper div.pagecenter div.pagebody div.header div.title {  position: relative; top: 69px; left: 9px; }
div.pagewrapper div.pagecenter div.pagebody div.header div.title a, div.pagewrapper div.pagecenter div.pagebody div.header div.title a:link { height: 112px; width: 277px; display: block; }
div.pagewrapper div.pagecenter div.pagebody div.header div.byline {  position: relative; top: 49px; left: 39px; }
div.pagewrapper div.pagecenter div.pagebody div.header div.byline a { height: 13px; width: 257px; display: block; }
div.pagewrapper div.pagecenter div.pagebody div.header div.byline a span { display: none; }
div.pagewrapper div.pagecenter div.pagebody div.welcome {  background: url(/ui/20100112/imgs/sections/whatup/welcome.png) top left no-repeat; width: 100%; height: 150px; position: relative; }
div.pagewrapper div.pagecenter div.pagebody div.welcome div.close { position:absolute; top: 14px; left:807px; }
div.pagewrapper div.pagecenter div.pagebody div.welcome div.close a { width:25px; height: 25px; display:block; }
div.pagewrapper div.pagecenter div.pagebody div.welcome div.close a span { display: none; }
div.pagewrapper div.pagecenter div.pagebody div.welcome p { height: 70px; width: 760px; display: block; color: #fefefe;font-size: 120%; line-height: 145%; padding:72px 45px 10px; }
div.pagewrapper div.pagecenter div.pagebody div.welcome p a { color: #fff; }

div.error h2, div h2, div h1, a, a:link, a:visited, a:active { color:#06a6c6; }

div.railbox { background: none; }
div.railbox div.bd, div.railbox div.ft { background: none; }

div.primarybox { background: none;}
div.primarybox div.bd, div.primarybox div.ft { background: none; }

label { cursor: pointer; }
ul.servicepostlist li a div, div.tools a.hidepost, div#statustimercont, div#timemarker, div.twitterfollow, div.facebookfollow, div.poststreambox div.bd a.expandlink, div.poststreambox div.bd a.onexpandlink, a#submitservice, a#submitmoreinfo, div#postboxhtmlcont div.hd div.closebox a,div#postboxhtmlcont div.hd div.bgarrow, div.statposts div.marker, div.topstat div.bd ul li div.marker, div.staticon, div.poststreambox div.marker, div.searchbox div.searchinputcont, div.statbox h3, div#statuspostbutton a, div.timefilter, div.timefilter a, div.mapbut a, div.onmapbut a, div.nav a, div#filterpanel div.hd, div#filterpanel div.ft, div#filterpanel div.filteritem div.marker { background: url(/ui/20100112/imgs/sections/whatup/sprite.png) top left no-repeat; }
div#filterpanel { width:100px;margin:180px 0 0 -100px;position:absolute; background: #565650; z-index: 100001; }
div#filterpanel div.selected { font-weight:bold;  }
div#filterpanel div.off { font-weight:normal;  }
div#filterpanel div.selected span { font-weight:bold; }
div#filterpanel div.off span { font-weight:normal; }
div#filterpanel div.filteritem { width: 100%; height: 25px; display: block; margin: 5px 4px; cursor: pointer; color: #fff; }
body div#filterpanel div.offmarker div.marker { background-position: 0px -107px;  }
div#filterpanel div.filteritem  span { padding-left: 3px; font-size:80%;} 
div#filterpanel div.filteritem div.marker { background-position: 0px -107px; float: left; padding: 1px; width: 15px; height: 15px; }
div#filterpanel div.filtertwitter div.marker { background-position: 0px -123px; }
div#filterpanel div.filterfacebook div.marker { background-position: 0px -175px; }
div#filterpanel div.filterrss div.marker { background-position: 0px -149px; }
div#filterpanel div.filterpray div.marker { background-position: 0px -201px; }
div#filterpanel div.filterevent div.marker { background-position: 0px -253px; }
div#filterpanel div.filterwtfdib div.marker { background-position: 0px -331px; }
div#filterpanel div.hd { background-position: -1px -2px; width:100%; height:35px; }
div#filterpanel div.hd span { display:none; }
div#filterpanel div.ft { background-position: -1px -53px; width:100%; height:30px; overflow:hidden; }

tr.hide { display: none; }
div.userpost { background: #fc0; border: 2px solid #ccc; }

div#statuspost { opacity:0; -moz-opacity: 0; opacity:.80; filter: alpha(opacity=0); width:100%; overflow:hidden;  }
div#postboxhtmlcont { width: 515px; height: 250px; padding: 30px 40px; }
div#postboxhtmlcont div.hd { position: relative; background: #444; padding:5px;  }
div#postboxhtmlcont div.hd div.closebox { float:right; background: #444; margin-top:-5px; margin-right:-5px; width:31px;height:39px; }
div#postboxhtmlcont div.hd div.closebox a { display:block; width:20px;height:20px; background-position:-566px -297px; margin-top:7px;margin-left:4px; }
div#postboxhtmlcont div.hd div.closebox a span { display:none; }
div#postboxhtmlcont div.hd h2 { color: #fff; margin:3px 5px;}
div#postboxhtmlcont div.bd { position: relative; padding: 10px; background: #fff;}
div#postboxhtmlcont div.bd div.bd { padding: 0; overflow:hidden; width:495px; }
div#postboxhtmlcont div.hd div.bgarrow { background-position:-245px -58px; height:43px; left:521px; position:absolute; top:-3px; width:30px; }
div#postboxhtmlcont div.ft { background: #ccc; height: 7px; }
ul.servicepostlist { list-style-type: none;}
ul.servicepostlist li { float: left;padding: 10px 20px; width: 200px; }
ul.servicepostlist li a { background-color: #e4e4e0; width: 180px; height: 16px; padding: 7px 0; font-size:110%; border: 2px solid #ccc; display:block; font-weight: bold;  }
ul.servicepostlist li a div { float: left; width: 10px; height: 12px; padding-right: 20px; overflow:hidden; }
ul.servicepostlist li a#posttwitter div { background-position:0px -533px; }
ul.servicepostlist li a#postevent div { background-position:-236px -533px; }
ul.servicepostlist li a#postfacebook div { background-position:-92px -533px;  }
ul.servicepostlist li a#postrss div { background-position:-45px -533px;  }
ul.servicepostlist li a#postprayer div { background-position:-135px -533px; }
ul.servicepostlist li a#postwtfdib div { background-position:-370px -533px;  }
ul.servicepostlist li a#posttwitter  { color: #3BC3E5; }
ul.servicepostlist li a#postevent  { color: #E95912; }
ul.servicepostlist li a#postfacebook  { color: #3B5998; }
ul.servicepostlist li a#postrss  { color: #D99716; }
ul.servicepostlist li a#postprayer  { color: #0BA80B; }
ul.servicepostlist li a#postwtfdib  { color: #A62AB9; }


div.navbar { width:100%;height: 70px; background: #fff; }
div.mapbut { float: right; width:106px; padding:20px; }
div.mapbut a { height: 39px; width:106px; display:block; background-position:-129px -55px; }
div.onmapbut a { background-position:-465px -563px; }
div.nav { float: left; width:75%; height: 60px; }
div.nav div.navcont { padding: 15px 0px 0px 30px; }
div.nav a { height:55px;width:90px; display: block; float: left; }
div.nav a.home { background-position:-33px -266px; }
div.nav a.homeon, div.nav a.home:hover { background-position:-33px -101px; }
div.nav a.about, div.nav a.abouton:hover { background-position:-128px -266px; }
div.nav a.abouton, div.nav a.about:hover { background-position:-128px -101px; }
div.nav a.widgets, div.nav a.widgetson:hover { background-position:-219px -266px; }
div.nav a.widgetson, div.nav a.widgets:hover { background-position:-219px -101px; }
div.nav a span, div.mapbut a span, div.timefilter a span { display:none; }

div.timefilter { width: 100%; background-position:-19px -495px; height:30px; margin-top:15px; position:relative; }
div.timefilter a { display:block; width: 68px; height: 26px; float: left; margin: 0 5px; }
div.timefilter a.live  { background-position:-57px -183px; }
div.timefilter a.liveon, div.timefilter a.live:hover { background-position:-57px -211px; }
div.timefilter a.day { background-position:-140px -183px; width:64px; }
div.timefilter a.dayon, div.timefilter a.day:hover { background-position:-140px -211px; }
div.timefilter a.week { background-position:-219px -183px; width:64px; }
div.timefilter a.weekon, div.timefilter a.week:hover { background-position:-219px -211px; }
div.timefilter a.month { background-position:-298px -183px; width:64px; }
div.timefilter a.monthon, div.timefilter a.month:hover { background-position:-298px -211px; }
div.timefilter div.playcontrols { float: right; padding:5px 0px 0 0; width:119px; height: 30px; }
div.timefilter a#slowerscroller { background-position:-481px -187px; width:20px; height: 20px;}
div.timefilter a.stopscroller { background-position:-504px -188px; width:20px; height: 20px; }
body div.timefilter a.playscroller { background-position:-526px -188px; width:20px; height: 20px; }
div.timefilter a#fasterscroller { background-position:-547px -187px; width:20px; height: 20px; }

div.searchbox { width: 100%; height: 70px; background:#EFEFED; }
div.searchbox form { padding: 0px; margin:0; }
div.searchbox div.searchform { padding: 15px 20px; }
div.searchbox div.searchinputcont { position: relative;; background-position:-104px -1px; height:41px; width:191px; }
div.searchbox input.searchinput { border: 0; margin: 13px 0 0 13px; width: 145px; height: 19px; }
div.searchbox div.searchbutton { position: absolute; top: 12px; left: 167px; }
div.searchbox div.searchbutton a { display:block; width:20px; height:20px; }
div.searchbox div.searchbutton a span { display: none; }

div.postbox { width: 100%; height: 100px; background: #e4e4e0; }
div#statuspostbutton { padding: 30px 25px; }
div#statuspostbutton a { background-position:-304px -3px; display:block; width: 191px; height: 42px; }
div#statuspostbutton a.postingon { background-position:-304px -56px; }
div#statuspostbutton a span { display:none;}
div.statbox { } 
div.statbox h3 { width: 100%; padding:0; margin:0; height: 52px; }
div.statagg h3 { background-position:-28px -331px; }
div.statpost h3 { background-position:-284px -391px; }
div.statmostwords h3 { background-position:-28px -391px; }
div.statmostcities h3 { background-position:-284px -331px; }
div.statbiblebooks h3 { background-position:-350px -102px; }
div.statbox h3 span { display:none; }
div.statbox div.bd { padding: 20px 5px 20px 20px; color:#90918a; font-weight:bold; }
div.statitem { padding-bottom: 12px; font-size:110%; font-weight:bold;} 
div.statitem a { color:#90918a; font-weight:bold; }
div.staticon { float: left; width:20px; height:14px; padding-right: 9px; }
div.event div.staticon { background-position:-236px -533px; }
div.church div.staticon { background-position:-551px -533px; }
div.rss div.staticon { background-position:-45px -533px; }
div.facebook div.staticon { background-position:-92px -533px; }
div.twitter div.staticon { background-position:0px -533px; }
div.pray div.staticon { background-position:-135px -533px; }
div.wtfdib div.staticon { background-position:-370px -533px; }
div.mapon { border: 2px solid #333; margin-top: 40px; }
div.mapcont { position: relative;  }
div#statusmap { position: relative; }
div.mapcont div.closemap { position:absolute; width:75px; height:22px; left:762px;top:7px;background:#444;z-index:10; }
body div.mapcont div.hideclosemap { display:none; }


div.statpost div.statposts { font-weight:bold; padding-bottom:10px; text-align:right; margin-right:50px;}
div.statpost div.statposts div.marker { float: left; height:15px;width:119px; padding-right:10px; text-align:left; padding-top:1px; }
div.statpost div.statposts div.marker span { font-size: 80%; padding-left: 6px; text-transform:uppercase;}
div.statpost div.postsperhour div.marker { background-position:-431px -301px; }
div.statpost div.postsoneday div.marker { background-position:-431px -301px; }
div.statpost div.postsoneweek div.marker { background-position:-431px -301px; }
div.statpost div.postsonemonth div.marker { background-position:-431px -301px; }
div.statpost div.postsoneyear div.marker { background-position:-431px -301px; }

div.topstat { }
div.topstat div.hd {  }
div.topstat div.hd h3 { background: none; height: 30px; color: #47a0ae; }
div.topstat div.bd { padding:0; }
div.topstat div.bd ul { list-style-type: none; margin: 0; padding: 0;}
div.topstat div.bd ul li { float: left; width: 112px; height: 30px; overflow:hidden; margin: 0; padding: 0; margin-bottom:10px; font-weight:bold; }
div.topstat div.bd ul li a { height: 15px; width: 83px; display:block; overflow:hidden; }
div.topstat div.bd ul li div.marker { display:block; width: 15px; height:15px; float:left; padding-right:10px; }
div.topstat div.bd ul li.first { width:188px; height: 38px; font-size: 135%; padding-top:10px; color: #565650; }
div.topstat div.bd ul li.first a { width:140px; height: 20px; }
div.topstat div.bd ul li.first div.marker { background-position:-379px -243px; width: 34px; height:39px; margin-top:-10px; }
div.topstat div.bd ul li.second div.marker { background-position:-332px -262px; }
div.topstat div.bd ul li.third div.marker { background-position:-332px -281px; }
div.topstat div.bd ul li.fourth div.marker { background-position:-332px -302px; }
div.topstat div.bd ul li.fifth div.marker { background-position:-355px -244px; }
div.topstat div.bd ul li.six div.marker { background-position:-355px -263px; }
div.topstat div.bd ul li.seventh div.marker { background-position:-355px -281px; }
div.statvert div.bd ul li { width: 224px; }
div.statvert div.bd ul li.first { padding-top:5px; }
div.statvert div.bd ul li.first div.marker { margin-top:-1px; }

div.poststreambox { width: 100%; display:block; }
div.poststreamboxpad { padding: 20px 40px; }
div.poststreambox div.hd { background:#ccc; padding: 15px 20px;  color:#fff; font-size: 90%; font-weight:bold; }
div.poststreambox div.hd a { color:#fff; font-weight:bold;}
div.poststreambox div.hd div.tools { float:right; }
div.poststreambox div.bd { background:#fff; height: 50px; padding:20px; position:relative; }
div.poststreambox div.marker { float: left; width:26px; height:26px; background-position:0px -458px; }
div.poststreambox div.marker span { display: none; }
div.poststreambox div.bd div.message { margin-left: 56px;  }
div.poststreambox div.ft { display:none; background:#fff;border-top:1px solid #D4D4D2; padding:20px; opacity:0; -moz-opacity: 0; opacity:.80; filter: alpha(opacity=0); position:relative; }
div.poststreambox div.twitter div.hd { background: #3BC3E5; }
div.poststreambox div.twitter div.marker { background-position:0px -458px; }
div.poststreambox div.facebook div.hd { background: #3B5998; }
div.poststreambox div.facebook div.marker { background-position:-91px -458px; }
div.poststreambox div.rss div.hd { background: #D99716; }
div.poststreambox div.rss div.marker { background-position:-46px -458px; }
div.poststreambox div.pray div.hd { background: #0BA80B; }
div.poststreambox div.pray div.marker { background-position:-135px -458px; }
div.poststreambox div.wtfdib div.hd { background: #A62AB9; }
div.poststreambox div.wtfdib div.marker { background-position:-371px -458px; }
div.poststreambox div.event div.hd { background: #E95912; }
div.poststreambox div.event div.marker { background-position:-236px -458px; }
div.poststreambox div.bd div.expandlink { }
div.poststreambox div.bd a.expandlink, div.poststreambox div.bd a.onexpandlink { position:absolute;left:20px; bottom: 0px; height:21px; background-position:-552px -424px; padding:4px 0 0 31px; }
body div.poststreambox div.bd a.onexpandlink, div.poststreambox div.bd a.expandlink:hover { background-position:-552px -396px; }

div.infobox p, div.infobox blockquote, div.infobox dt, div.infobox dd { line-height: 140%; font-size: 120%; }
div.infobox blockquote { background: #eee; padding: 20px; }
div.primarybox dt { font-size:150%;  color: #222;}
div.primarybox dd { margin: 0; padding: 10px 0 50px 0;  color: #333; }
a#submitservice, a#submitmoreinfo { background-position:-498px -32px; text-align:center; width: 102px; height:30px; display:block; color:#fff;}
a#submitservice span, a#submitmoreinfo span { color: #fff; font-weight:bold; font-size:110%;line-height:25px;}
body div#ysaeid { z-index: 1000; }

div.timedisplay { font-weight: bold; color: #444; padding: 20px 40px 10px; }

div.statconnect h3 { background-position:-3px -557px; }
div.statconnect h4 { font-size:110%; color: #444; margin-bottom: 7px; }
div.statconnect ul { margin-left: 20px; color:#777; }
div.statconnect span { font-size:90%;color:#777; }
div.statconnect label { font-size: 120%; font-weight:bold;color:#777; }
div.statconnect input#newsemail { padding: 5px; width: 170px; }
div.twitterfollow { width: 194px; height: 24px; background-position:-257px -585px; }
div.twitterfollow a { width: 194px; height: 24px; display:block; }
div.twitterfollow a span { display:none; }
div.facebookfollow { width: 194px; height: 25px; background-position:-257px -559px; }
div.facebookfollow a { width: 194px; height: 25px; display:block; }
div.facebookfollow a span { display:none; }

div#timemarker { width: 11px; height: 10px; position: absolute; background-position:-584px -165px; top:9px; left:223px; cursor:pointer; }
div#timemarkerinfo { background: #F2F2F2; }
div#timemarkerinfo div.bd { padding: 6px; font-size: 90%; }
div#statustimercont { background-position:-3px -617px; height: 41px; width: 516px; display:none;  margin: 5px auto; opacity:0; -moz-opacity: 0; filter: alpha(opacity=0); }
div#statustimercont span { padding: 3px 0 0 132px; position: absolute; color: #fff; }
div#statustimercont span div { font-weight: bold; }
div#statustimercont span div a { color: #fff; }

div.tools a.hidepost { background-position:-587px -221px; width: 9px; height: 9px; display: block; overflow: hidden;  }
div.tools a.hidepost span { display: none; }

div#postboxhtml input.lg, div#postboxhtml textarea.lg { width:90%; padding: 2px;}
div#postboxhtml input.md { width:60%; padding: 2px; }
div#postboxhtml input.sm { width:40%; padding: 2px; }
div#postboxhtml input.xs { width:28%; padding: 2px; }