/*
    LEE BASE CSS
    Author: Ryan Davis <rdavis@qctimes.com>
    Last Update: 02/09/2010

    updated
    03/16/2010 - dbd - added #bucketlist w/featured.
                     - added #business_stocks
                     - added class compact-bull-list
    03/18/2010 - gkh - added #stl-vmix-flash-slider
    03/19/2010 - sm  - added stl-photo-gallery
    03/19/2010 - dbd - added additional "more" icons for featured area.
                     - changed font-size and line-height to ems where possible.
                     - tightened up the featured summary paragraph.
    03/22/2010 - dbd - add jpromo classes.
    03/23/2010 - dbd - change a default color to the pd dark teal(006666) from (277487)
    03/24/2010 - dbd - move jpromo images down into their own folder, upload new buttons, update css for changes to button size.
    03/24/2010 - dbd - add additional images for the more links on the bucket list block.
    03/28/2010 - eas - added css styling for pg-bucketlist (stl-marketplace-widget) - .pg-widget-container
    03/29/2010 - sm  - added stl-zvents-widget
    04/06/2010 - dbd - added hjfeatured-10-widget classes
    04/12/2010 - eas - added additional Zvents-Styles for Default Widgets
    04/30/2010 - dbd - move inline style for dd-box for sidebar.inc.utl into skin.css
    04/30/2010 - dbd - move inline styles for stl-shopstl-widget-article.inc.utl into skin.css
    04/30/2010 - dbd - change background color of "sky-ad" or "skyboxtop" to white from grey.f
    05/06/2010 - dbd - fix div.bucketlist-container div.bucketlist-left h3 to have a proper line-height.
    05/06/2010 - dbd - change .jpromo-container div.header div.title for line-height 1.2em and font-weight: bold.
    05/06/2010 - dbd - change .jcarousel-skin-jpromo .jcarousel-item .title font-weight:bold line-height:1.2em
    05/06/2010 - dbd - adding font-style:normal to .flag-text
    05/14/2010 - eas - adding #hintbox styles for stl-moms-and-dads Subscription Form
    05/14/2010 - dbd - add a helper class force-all-text-black
    05/14/2010 - dbd - adjust stl-centerpiece buttons for highlighting current button.
    05/17/2010 - mwb - add #quick-title for quick-nav template
    05/25/2010 - eas - add a.stbar.chicklet for sharethis implementation
    05/26/2010 - eas - add facebooklike for facebook like button
    05/26/2010 - eas - add sharethis style
    06/03/2010 - dbd - improve visibility of the "loading..." for comments.
    06/03/2010 - dbd - change out blockquote to look like "we" want.
    06/04/2010 - dbd - provide a widget class so ads can have a top and bottom margin
                       margins will collapse padding won't, using margins reduces redundant whitespace.
    06/10/2010 - sm  - added styles for local.stltloday.com links in footer
    06/14/2010 - dbd - add a fixed width of 120px to the weather bug in the header.
    06/15/2010 - dbd - sponsor image for entertainment falling below on firefox on the mac.
                       rejiggering the class to put a "sponsor" class on the <a> removing the padding-right
                       and moving the img style to a.sponsor img.
    06/17/2010 - sm  - changed the color on #blox-footer to #e5e5e5
    06/23/2010 - gkh - removed overflow:hidden from class blox-leaderboard-container
    06/25/2010 - dbd - add a #box-story-text a definition so links in article bodys are teal and bold.
    07/16/2010 - eas - removed bolding from #gallery-byline Make color white.
    07/16/2010 - sm  - changed display: block to display: none, removed color from #gallery-byline
    07/26/2010 - sm  - changed the width on #addComment div.user-name from 50px to 60px
    08/26/2010 - eas - added bucketlist-300 styles for bucketlist-300 block requested by Wade Wilson.
    09/01/2010 - dbd - clean up several syntax errors, add a .skin-css-hide class to hide debugging divs at the top of the
                       that will only be displayed to users who for some reason don't load the skin.css
    09/14/2010 - dbd - add proper styling for blox-story-text ol elements.
    09/21/2010 - sm  - changed margin-top on .sky-ad to 0px    
    10/08/2010 - sm  - added "standard" and "gray_header" styles
    11/02/2010 - es  - added styles for zvents widget creator
    11/04/2010 - sm  - added styles for quick-nav-new block
    11/12/2010 - sm  - added new Zvents Default Widget Styles section (for use with the Zvents Widget Wizard)
    02/02/2011 - dbd - add the photostory media definitions...
    03/16/2011 - eas - add upickem deal of the day styles for block styles
    03/29/2011 - gkh - removed z-index from peel-ad
    05/04/2011 - eas - add extended story blog styles to support block template designed by Billings
    05/11/2011 - eas - Add Caspio CSS for recipe search.
    07/15/2001 - gkh - Added CSS for Social Links Widget.
    08/15/2011 - dbd - add support for a 380px widget centerpiece.
    09/01/2011 - dbd - add .asset-flag for custom label on centerpiece stories....
    09/29/2011 - dbd - added color:#FFF;font-size:11px to #blox-copyright-container p to get it to play nice on third party sites.
    09/30/2011 - dbd - add a padding 0 to #blox-search-form-container p.submit-search
    01/04/2012 - eas - adding styles for e-thepeople (voter's guide)
    02/03/2012 - dbd - add styles for the 4square button below the map on assets.
    02/23/2012 - gkh - removed overflow:hidden from #blox-header .header-top { clear: both; height: 90px; overflow: hidden; }
    03/22/2012 - eas - added label styles to override elections default.
    04/10/2012 - dbd - adding a targeted styles for the search container.
*/
@import url('reset_960.css');
@import url('facebox.css');

body {
    font-size: 13px;
    text-align: center;
    background: #eee url('../images/bg.gif') repeat-x;
    line-height: 16px;
    font-family: tahoma, arial, sans-serif;
}

.hide { display: none; }
.skin-css-hide {display:none} /* provide a way to alert the user if the skin.css doesn't load */
.no-border { border: 0px!important; }
.force-all-text-black, .force-all-text-black * {color:#333!important}

#blox-html-container { }
.blox-leaderboard-container { padding: 4px 0 12px 0;  text-align: left; background: #fff; height: 90px; }
#blox-top-leaderboard { float: left; height: 90px; width: 728px; }
#blox-top-promo { float: right; width: 220px; height: 90px; overflow: hidden; }
#blox-top-promo dl { height: 36px; margin-top: 5px; line-height: 12px; }
#blox-top-promo dt { float: left; margin-right: 15px; margin-top: 4px; }
#blox-top-promo .title a { color: #fff; font-weight: bold; font-size: 11px; }
#blox-top-promo a { color: #dfeefd; font-size: 11px; }
#blox-leaderboard-bottom { padding-bottom: 15px; text-align: center }
#blox-leaderboard-top { background: #fff; }
#blox-wrapper {
    overflow: hidden;
    position: relative;
    text-align: left;
        border-right: 6px solid #fff;
        border-left: 6px solid #fff;
    background-color: #fff;
}

/* ### HEADER ### */
#blox-header { height: 158px;  }
#blox-header .header-top { clear: both; height: 90px; }
#blox-header-container {clear:both;padding-bottom:6px;background-color:#fff}
#top-nav {height: 25px; padding: 0 10px; overflow: hidden;background-color:#333 }
#top-nav ul { line-height: 25px;float: left; font-size: 11px; }
#top-nav ul li a { color: #ccc; padding-right: 3px; border-right: 1px solid #555;  }
#top-nav ul li a.highlight { color: #6ec0c0; }
#top-nav p { color: #555; line-height: 24px; float: right; font-size: 11px; }
#top-nav p a { font-weight: bold; color: #fff; }
#blox-logo h1 {  margin-top: 18px; text-indent: -9999px; background: url('../images/logo.gif?') top center no-repeat; }
#blox-logo h1 a { display: block; height: 50px; width: 300px; }
#blox-logo p#blox-user-nav { display: none; color: #547c9d; float: left; font-size: 11px; padding-top: 36px; }
#blox-logo p#blox-user-nav span { color: #fff; font-weight: bold; }
#blox-logo p#blox-user-nav a { color: #dfeefd; padding: 0 2px; }

.peel-ad { position: absolute; margin-top: -72px; }
.sky-ad { background: #fff;  height: 90px; float: right; width: 160px; margin-top: 0px }

/* search */
#blox-peel-left { padding-top: 64px;  }
#blox-search-form-container { background: #fff; border: 1px solid #666; width: 220px; margin-left: 0px; }
#blox-search-form { float: left; height: 1%; }
#blox-search-form input { font-family: inherit; border: 0px; background: transparent; }
#blox-search-form .search-bar { background: #fff; width: 194px; padding: 3px; height: 14px; }
* html #blox-search-form .search-bar { padding: 2px 3px; }
#blox-search-form .yahoo { background: #fff url('../images/yahoo_search.gif') center left no-repeat; }
#submit-search a { float: left; text-indent: -9999px; height: 22px; width: 20px; background: url('../images/search.gif') 0 -22px no-repeat; }
#submit-search a:hover { background-position: 0 0; }
#blox-search-form-container #submit-search {padding:0;margin:0}
#blox-search-form-container p.advanced-search { font-size: 11px; position: absolute; margin-top: 5px; padding: 0px; }
#blox-search-nav { font-size: 11px; width: 198px; border: 1px solid #333; border-right-width: 2px; background: #fff; margin-left: -1px;top: 222px; position: absolute; z-index: 980; }
* html #blox-search-nav { width: auto; }
#blox-search-nav li a { color: #333; float: left; display: block; width: 178px; padding: 4px 10px; border-bottom: 1px solid #333; }
#blox-search-nav li a.selected,#blox-search-nav li a:hover { background: #333; color: #fff; text-decoration: none; }
p.advanced-search a { color: #333; padding: 0 2px; }

/* ### MAIN NAV STYLES ### */

/* parent ul items */
#blox-main-nav-container {
    background: #fff url('../images/main_nav_bg.gif') repeat-x;
    height:72px;
    margin:0;
    padding:0;
    border:0;
}
#blox-main-nav {  margin-top: 8px; width: 100%; float: left; height: 38px; position:relative; }
#blox-classifieds-nav { float: right; margin-top: -38px; position:relative; }
/* parent li items */
#blox-main-nav li, #blox-classifieds-nav li, #blox-body-nav li { float:left; list-style-type:none; }
#blox-main-nav li a, #blox-classifieds-nav li a { line-height: 38px; color:#fff; }
#blox-main-nav li a, #blox-classifieds-nav li a, #blox-body-nav li a {
    display:block;
    float:left;
    padding: 0 8px;
    font-weight: bold;
    text-decoration: none;
}
#blox-main-nav li.market { float: right; }
#blox-main-nav li.market a { background-position: top left;  }

#blox-main-nav li a, #blox-body-nav li a { padding-right: 0px; background: url('../images/nav-br.gif') top right no-repeat;}
#blox-main-nav li a span, #blox-body-nav li a span { display: block; padding-right: 8px; }
#blox-main-nav li.selected-nav a, #blox-main-nav li.selected-nav a:hover { background: #fff url('../images/main_tab.gif') no-repeat; color: #333; }
#blox-main-nav li.selected-nav a span { background: url('../images/main_tab.gif') no-repeat right 0; }
#blox-main-nav li a:hover, #blox-classifieds-nav li a:hover { color: #deefff; }
/* child ul items */
#blox-main-nav li ul {
    left: 0;
    top:36px;
    height: 27px;
    display: none;
    position:absolute;
    padding-left: 1px;
}
* html #blox-main-nav li ul { width: 960px; }
/* child li items */
#blox-main-nav li.selected-nav ul { display: block; }
#blox-main-nav li.selected-nav ul li a { border: 0px; background: transparent; line-height: 27px; font-weight: normal; font-size: 11px; color: #666; text-transform: uppercase; padding: 0 15px 0 0; }
#blox-main-nav li.selected-nav ul li strong { border: 0px; background: transparent; line-height: 27px; font-size: 11px; padding: 0 15px 0 0; }
#blox-main-nav li.selected-nav ul li a:hover { background: transparent; }
#blox-main-nav li .nav-toggle a { text-indent: -9999px; margin-left: -10px; width: 24px; background: url('../images/toggles.gif') top right no-repeat; }
#blox-main-nav li .nav-toggle a:hover { background-position: right -34px; }
#blox-main-nav li.selected-nav .nav-toggle a { background-position: right -68px; }
#blox-main-nav li.selected-nav .nav-toggle a:hover { background: url('../images/toggles.gif') no-repeat; background-position: right -102px; }
#blox-main-nav li li.nav-sponsor a { left: 0; padding: 0px; top: 27px; width: 960px; position: absolute; }
#blox-main-nav li li.nav-sponsor a img { float: right; }

#blox-main-nav li.selected-nav ul li a.sponsor {border:0;padding:0}
#blox-main-nav li.selected-nav ul li a.sponsor img {margin-top:4px;border:0;padding:0}

/* Body Tabs */
#blox-body-nav,#blox-body-nav li a,#blox-body-nav li a span { background: url('../images/body_tabs.gif'); }
#blox-body-nav { height: 28px; margin: 20px 0; }
#blox-body-nav li { margin-right: 1px; }
#blox-body-nav li a { height: 26px; line-height: 26px; overflow: hidden; background-position: 0 -34px;}
#blox-body-nav li a span { background-position: right -34px; }
#blox-body-nav li a:hover { background-position: 0 -68px; }
#blox-body-nav li a:hover span { background-position: right -68px; }
#blox-body-nav li a.selected,#blox-body-nav li a.selected:hover { height: 28px; line-height: 28px; color: #333; cursor: default; background-position: 0 -102px; }
#blox-body-nav li a.selected span,#blox-body-nav li a.selected:hover span { background-position: right -102px; }
#blox-body-nav li a em { font-size: 11px; font-style:normal; font-weight: normal; }


/* weather */
#blox-weather {float: right;padding: 5px 10px 0 0;background-repeat:no-repeat; font-size: 9px; color: #888;width:120px}
#blox-weather dd {  }

#blox-weather dd div { margin-top: 5px; }
#blox-weather dt { float: left; line-height: 40px; font-size: 20px; font-weight: bold; }
#blox-weather dt img { float: left; width: 40px; padding-right: 10px; }

/* ### MAIN COLS ### */
#blox-container { clear: both; padding: 10px 0 20px 0; }
#blox-footer {background:none repeat scroll 0 0 #e5e5e5;margin:auto;padding-bottom:0;text-align:left;width:960px}
#blox-footer .inner-footer { height: 1%; padding: 15px; }
#blox-left-col .grid_5 { overflow-x: hidden; }

/* ### ./global STYLES ### */
/* text styles */
a {color:#333;text-decoration: none}
a:hover {color:#333;text-decoration:underline}
p a, h3 a {color:#066}
h1,
h2,
#blox-stl-center-piece h3,
.blox-serif,
#blox-story .inset-left,
#blox-story .inset-right {}

/* photostory media */
#blox-photostory-media { margin-bottom:20px; }
#blox-photostory-media #blox-large-photo-page img { max-width: 620px; }
#blox-photostory-media .photo-cutline { display: block; line-height: 16px; background: #f7f7f7; border: 1px solid #ccc; padding: 8px; font-size: 11px; }
#blox-photostory-media #blox-large-photo img { padding: 1px; }
#blox-photostory-media #blox-story-photos li { float: left; }
#blox-photostory-media #blox-story-photos li a { float: left; margin: 0 4px; height: 30px; overflow: hidden; padding: 1px; border: 1px solid #eee; }
#blox-photostory-media #blox-story-photos li img { height: 30px;  }
#blox-photostory-media #blox-story-photos li.selected a { border-color: #cc0000; }
#blox-photostory-media #blox-story-photos li a:hover { border-color: #ccc; }

h1 { font-size: 30px; line-height: 34px; padding-bottom: 10px; }
h1 a.rss {display:block;height:24px;width:24px;text-indent:-999px;float:left;margin:6px 10px 0 0;
    background: url('../images/h1_rss.gif') top left no-repeat; }
a.rssSmall { display: block; height: 16px; width: 16px; text-indent: -999px; float: left; margin: 0 5px 0 0;
    background: url('../images/rssSmall.gif') top left no-repeat; }
.blox-h1-nav { padding: 0px; float: right; padding-top: 16px; font-size: 11px; font-weight: bold; }
.blox-h1-nav a { color: #888; margin-right: 8px; }
h2, h2 a { font-size: 20px; color: #999; line-height: 22px; margin-bottom: 10px; padding-top: 10px; }
h3 { font-size: 18px; margin-bottom: 10px; font-weight: bold; }
p { padding-bottom: 10px; line-height: 18px; }
strong { font-weight: bold; }
.red a { color: #990000; font-weight: bold; font-size: 11px; }

.compact-bull-list, .bull-list, #blox-story-text ul { margin-left: 18px; list-style: disc; }
.compact-bull-list li { margin-bottom: 3px; }
.bull-list li,#blox-story-text ul { margin-bottom: 3px; }

#blox-story-text ol {margin-left:18px;list-style:decimal;margin-bottom:.5em}
#blox-story-text ol li {margin-bottom:3px}
#blox-story-text ol.upper-alpha {list-style:upper-alpha}
#blox-story-text ol.lower-alpha {list-style:lower-alpha}

.inline-list { list-style: none; }
.inline-list li { display: inline; }
#most_popular div li  { margin-bottom: 3px; }
#most_popular div li span { color: #666; font-size: 11px; }
.moz-border { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
a.more, a.more-grey { background: #666; color: #fff; font-size: 11px; font-weight: bold; padding: 4px 8px; margin-right: 5px; }
a.more-grey { background: #666; }
a.more:hover, a.more-grey:hover { background: #333; color: #fff; text-decoration: none; }
#blox-breadcrumbs { color: #666; font-size: 11px; }
#blox-breadcrumbs a { color: #666;  padding: 0 2px; }

.blox-comment { padding-left: 14px; background: url('../images/comment_icon.gif') center left no-repeat; }
.blox-related-items { font-size: 11px; font-weight: bold; }
.blox-related-items li { margin-bottom: 5px; }
.blox-related-items a .child-type { color: #aaa; font-weight: normal; font-size: 10px; }
.story-block ul.blox-related-items { margin-top: -5px; padding-bottom: 5px; }

.border-top { border-top: 1px dotted #ccc; }
.border-bottom { border-bottom: 1px dotted #ccc; }

/* icon sprite */
a.child-icon { padding-left: 14px; background: url('../images/related_sprite.gif') 1px 3px no-repeat; line-height: 14px; overflow: hidden; }
a.video { background-position: 1px -26px; }
a.audio { background-position: 1px -12px; }

.text-field { border: 1px solid #888; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3px 5px; background: #fff; }
.text-field:focus { background: #f9f9f9; }
.submit-button,.cancel-button { background: #666; color: #fff; font-family: inherit; padding: 6px 12px; cursor: pointer; border: 0px; }
.cancel-button { background: #bbb; }
.submit-button:hover, .cancel-button:hover { background: #333; }

.paging-links { margin-top: 10px; }
.paging-links a, .paging-links span {  margin-right: 2px; font-size: 12px; font-weight: bold; }
.paging-links a { padding: 3px 8px; background: #7595B0; color: #fff; }
.paging-links a:hover { text-decoration: none; background: #333; }
.paging-links span, .paging-links a.page-selected { padding: 2px 6px; background: #fff; color: #333; border: 1px solid #7595B0; }

.subnav-list { font-weight: bold; }
.subnav-list li { padding: 5px 2px; border-bottom: 1px dotted #ddd; }

/* top ads */
.blox-top-ad dt { clear: left; float: left; margin-right: 10px; }
.blox-top-ad dd.clear { margin-bottom: 10px; }
.blox-top-ad dd { margin-bottom: 3px; }
.blox-top-ad dd.ad-price { font-weight: bold; font-size: 14px; }

/* modal window */
#blox-modal { background: #fff; }
#blox-modal h1 { font-size: 24px; background: #bbb; color: #fff; padding: 0 10px; margin-bottom: 15px!important;  }
#blox-modal label { font-size: 12px; display: block; clear: left; margin-bottom: 5px; }
#blox-modal label span {font-weight: bold; display: block; float: left; width: 100px; }
#blox-modal small { font-size: 11px; color: #666; }
#blox-modal .submit-button,#blox-modal .cancel-button { margin-top: 10px; }
#facebook-connect { text-align: center; float: right; margin-top: -50px; }
#facebook-connect dt { margin-bottom: 8px; font-size: 11px; }

/* footer styles */
.outer-copyright-div {background-color: white; width: 972px; margin: auto}
#blox-copyright-container  {background:none repeat scroll 0 0 #333;color:#FFF;font-size:11px;margin:auto;padding:5px 10px;
    text-align:left;width:940px}
#blox-copyright-container p {padding:0;color:#FFF;font-size:11px}
#blox-footer ul { color: gray; } /* this was originally #fff */
#blox-footer-container  {background:none repeat scroll 0 0 #FFFFFF;margin:auto;width:972px}
#blox-footer h3 { color: #666; margin-bottom: 0px; }
#blox-footer .bull-list { padding-top: 10px; }
#blox-footer .bull-list li { margin-bottom: 4px; }
#blox-copyright a { color: #fff; text-decoration: underline; }
#blox-ent-logo, #footer-my-yahoo { list-style: none; margin-left: -18px; text-indent: -9999px; }
#blox-ent-logo a { display: block; margin-bottom: 15px; height: 44px; width: 195px; background: url('../images/lee_footer_logo.gif') no-repeat; }
#footer-my-yahoo a { margin-top: 15px; display: block; height: 17px; width: 91px; background: url('../images/my_yahoo.gif') no-repeat; }
.footer-search { padding-top: 10px; }
.footer-search-input, .footer-search-btn { font-family: inherit; font-size: 11px; }
.footer-search-input { border: 1px solid #ccc; border-top: 1px solid #888; border-left: 1px solid #888; width: 170px; padding: 3px; }
.footer-search-btn { margin-left: 2px; font-weight: bold; cursor:pointer; }
.timerSelected { font-weight: bold; }
#timer_nav { color: #777; font-size: 11px; list-style: none;  margin-left: -18px; padding-top: 5px; }
#timer_nav a { margin-right: 5px; font-size: 12px; }

/* UI TABS */
.ui-tabs-hide { display: none; }
.ui-tabs-show { display: block; }
.ui-tabs-nav { position:relative; bottom:-1px; height:1%; }
.blox-tabs li { float: left; margin-right: 1px; position: relative; background: #fff url('../images/tabs-bg.gif') top repeat-x;  }
.blox-tabs li a { display: block; padding: 4px 6px 3px 6px; font-size: 11px; font-weight: bold; border: 1px solid #ccc; border-bottom: 0px; -moz-border-radius-topright: 6px; -webkit-border-radius-top-right: 6px; -moz-border-radius-topleft: 6px; -webkit-border-radius-top-left: 6px; }
.blox-tabs li.ui-tabs-selected a { background: #fff; color:#333; padding-bottom: 4px; }
.tab-block { height:1%; border: 1px solid #ccc; font-size: 12px; padding: 10px; clear: both; margin-bottom: 20px; }


/* jCarousel Base */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; overflow: hidden;  position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 100%; }
.jcarousel-clip-horizontal { width: 100%; height: 100%; }
.jcarousel-next,.jcarousel-prev  { z-index: 3; display: none; }
.jcarousel-next-horizontal, .jcarousel-prev-horizontal { position: absolute; top: -28px; width: 20px; height: 16px; cursor: pointer; }
.jcarousel-next-horizontal { right: 10px; background: url('../images/carousel_next.gif') 0 0; }
.jcarousel-prev-horizontal { right: 35px; background: url('../images/carousel_prev.gif') 0 0; }
.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover { background-position: 0 -16px; }
.jcarousel-next-horizontal:active, .jcarousel-prev-horizontal:active { background-position: 0 -32px; }
.jcarousel-next-disabled-horizontal,.jcarousel-next-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal,.jcarousel-prev-disabled-horizontal:hover { cursor: default; background-position: 0 -48px; }

/* ./global carousel widgets */
#blox-slideshow-widget, #blox-story-photos-page, #blox-story-photos-gallery { height: 90px;  }
#blox-slideshow-widget li, #blox-story-photos-page li, #blox-story-photos-gallery li { float: left; width: 100px; }
#blox-slideshow-widget li img , #blox-story-photos-page li img, #blox-story-photos-gallery li img  { width: 90px; height: 70px; padding: 1px; border: 1px solid #ccc; }
#blox-story-photos-page, #blox-story-photos-gallery { margin-left: 2px; }
#blox-story-photos-page li, #blox-story-photos-gallery li { width: 103px; }
#blox-slideshow-widget .jcarousel-item,
#blox-slideshow-widget .carousel-list li,
#blox-story-photos-page .jcarousel-item,
#blox-story-photos-page .carousel-list li,
#blox-story-photos-gallery .carousel-list li { height: 74px; }

/* CALENDAR WIDGET TABS */
#blox-calendar-widget .calendar-widget-nav li { float: left; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 4px; }
#blox-calendar-widget .cal-nav { color: #fff; display: block; float: left; padding: 4px 10px; background: #bbb;  }
#blox-calendar-widget .cal-nav:hover { text-decoration: none; background: #666; }
#blox-calendar-widget .ui-tabs-selected { background: url('../images/cal_selected.gif') bottom center no-repeat; padding-bottom: 6px; }
#blox-calendar-widget .ui-tabs-selected a,
#blox-calendar-widget .ui-tabs-selected a:hover { background: #547C9D; }
#blox-calendar-widget div { clear: both; margin-top: 10px; font-size: 12px;  }
#blox-calendar-widget div li { height: 40px; overflow: hidden; margin-bottom: 8px; border-bottom: 1px dotted #ccc;  }
#blox-calendar-widget div li span { color: #666; font-weight: bold; font-size: 11px; text-transform: uppercase; height: 40px; display: block; float: left; margin-right: 10px; }
#blox-calendar-widget div li.more-events { font-weight: bold; padding-top: 8px; height: 32px; color: #ccc; font-size: 11px;  }
#blox-calendar-widget div li.more-events em a { color: #cc0000; }

/* block styles */
.story-block { border-bottom: 1px dotted #ddd; margin-top: 10px; }
.story-block-first { padding: 10px; background: #f7f7f7; }
.story-block h3 { line-height: 20px; }
.story-block-first img { width: 355px; }
.story-block-first h3 { font-size: 24px; line-height: 28px; }
.story-block .byline,
.story-block-first .byline { margin-top: -8px; font-weight: bold; color: #888; font-size: 11px; }
.story-more { font-size: 11px; color: #999; }
.story-more em { font-weight: bold; color: #666; font-style:normal; }
.pad-top { padding-top: 10px; }
.pad-bottom { padding-bottom: 10px; }
.margin-top {margin-top:1em}
.margin-bottom {margin-bottom:1em}
/* story flags */
.story-more .badge { padding: 1px 2px; text-transform: uppercase; font-size: 9px; }
.story-more .item-exclusive { background: #3686d7; color: #fff; }
.story-more .item-updated { background: #CC0000; color: #fff; }
.story-more .item-watchdog { background: #669966; color: #fff; }
.story-more .item-opengovt { background: #003399; color: #fff; }
.story-more .new { background: #009900; color: #fff; }

.flag-text { font-size: 10px; font-weight: bold; text-transform: uppercase; font-style:normal }
.item-exclusive-text { color: #330033; }
.item-updated-text { color: #990000; }
.item-watchdog-text { color: #669966; }
.item-opengovt-text { color: #003399; }
.item-new-text { color: #990000; }

/* index desc / bios */
.story-block-description { background:#EFF8FF; padding: 10px; }
.story-block-description li { font-size: 11px; font-weight: bold; padding: 8px 0; border-bottom: 1px dotted #D1E2EF; }
.story-block-description.rail-story { background: #fff; border: 1px solid #ccc; }
.story-block-description.rail-story .byline { font-size: 11px; }

/* breaking news story */
#breaking-news-column { max-height: 100px; overflow: hidden; padding: 15px 0; overflow: hidden; border-bottom: 1px dotted #ccc;  }
#breaking-news-column dt { float: left; margin-right: 15px; }
#breaking-news-column dt img { padding: 1px; border: 1px solid #eee; }
#breaking-news-column dd.breaking-head { font-size: 20px; line-height:20px; font-weight: bold; padding-top: 5px; }
#breaking-news-column dd a { }
#breaking-news-column dd { padding: 4px 0; }
#breaking-news-column dd.featured-label { padding: 0px; }
#breaking-news-column dd.featured-label span { background: #999; text-transform: uppercase; padding: 1px 4px; font-size: 10px; color: #fff; }

/* buckets and sliders */
.blox-bucket-list { margin-bottom: 10px; }
.blox-slider-news { background: #f8f8f8; margin: 10px 0; }
.blox-slider-news dl { padding: 10px;  }
.blox-bucket-list dt,.blox-slider-news dt { float: left; margin-right: 10px; }
.blox-bucket-list dt img, .blox-slider-news dt img { width: 75px; padding: 1px; border: 1px solid #ccc; }
.blox-bucket-list dd a, .blox-slider-news dd a { font-weight: bold; display: block; margin-bottom: 5px; }
.blox-bucket-list ul li { font-size: 12px; font-weight: bold; margin-bottom: 6px; }
#blox-full-breaking { font-size: 14px; font-weight: bold; background: #cc0000; padding-right: 10px; line-height: 38px; margin-bottom: 5px; }
#blox-full-breaking span { display: block; color: #fff; background: #333; border-right: 2px solid #fff; -moz-border-radius: 8px 0px 0 8px; -webkit-border-radius: 8px 0px 0 8px; padding: 0 10px; float: left; margin-right: 10px; font-size: 14px; text-transform: uppercase; }
#blox-full-breaking a { color: #fff; }
.blox-ticker .jcarousel-item, .blox-ticker .carousel-list li { width: 950px; }

/* ### FRONT PAGE STYLES ### */
.home-updated { color: #888; font-size: 12px; }
.home-updated em { font-weight: bold; font-style:normal; }
#blox-stl-center-piece.w380 {width:380px}
#blox-stl-center-piece img { margin-top: 14px; width: 296px; padding: 1px; border: 1px solid #eee; }
#blox-stl-center-piece.w380 img { margin-top: 14px; width: 376px; padding: 1px; border: 1px solid #eee; }
#blox-stl-center-piece h3 { font-family: arial; font-weight: bold; font-size: 24px; line-height:24px; margin:10px 0;}
#blox-stl-center-piece li div { max-height: 340px; overflow: hidden;  }
#blox-stl-center-piece .featured-label { color: #666; text-transform: uppercase; font-size: 11px; margin-bottom: -10px; margin-top: 5px; }
#blox-stl-center-piece .jcarousel-list li, #blox-center-piece .jcarousel-item { float: left; list-style: none; width: 300px; height: 100%; }
#blox-stl-center-piece.w380 .jcarousel-list li, #blox-center-piece .jcarousel-item { float: left; list-style: none; width: 380px; height: 100%; }
#blox-stl-center-piece .jcarousel-clip-horizontal { width: 300px; height: 100%; }
#blox-stl-center-piece.w380 .jcarousel-clip-horizontal { width: 380px; height: 100%; }
#blox-stl-center-piece .asset-flag {color:#900;font-size:10px;font-style:normal;font-weight:bold;text-transform:uppercase;margin:8px 0}

#stl-center-piece-nav { height: 24px; margin-top: 14px; margin-bottom: -10px; }
#stl-center-piece-nav a {background-color:#CCC;color:#FFF;display:block;float:left;font-size:10px;font-weight:bold;height:15px;
    text-align:center;text-decoration:none;margin:5px 2px 0 0;padding:2px 4px;border:1px solid #CCC;-moz-border-radius:4px;
    -webkit-border-radius:4px}
#stl-center-piece-nav a:hover,
#stl-center-piece-nav a.selected {background-color:#FFF;color:#333;border-color:#333}
#stl-center-piece-nav a:hover {background-color:#FFC;border-color:#900}

#blox-center-piece img { margin-top: 14px; width: 296px; padding: 1px; border: 1px solid #eee; }
#blox-center-piece h3 { font-family: arial; font-weight: bold; font-size: 24px; }
#blox-center-piece li div { max-height: 340px; overflow: hidden;  }
#blox-center-piece .featured-label { color: #666; text-transform: uppercase; font-size: 11px; margin-bottom: -10px; margin-top: 5px; }
#blox-center-piece .jcarousel-list li, #blox-center-piece .jcarousel-item { float: left; list-style: none; width: 300px; height: 100%; }
#blox-center-piece .jcarousel-clip-horizontal { width: 300px; height: 100%; }
#center-piece-nav { height: 24px; margin-top: 14px; margin-bottom: -10px; }
#center-piece-nav a { display: block; float: left; text-decoration: none; height: 15px; width: 17px; color: #fff; text-align: center; margin-right: 5px; background: url('../images/sm_paging.gif') no-repeat; font-size: 10px; font-weight: bold; }
#center-piece-nav a:hover, #center-piece-nav a.selected { background-position: 0 -15px; color: #333; }

#blox-recent-news h3 { font-size: 18px; margin-bottom: 5px; }
.home-more-headlines ul li { margin-bottom: 8px; font-weight: bold; }

/* ## INDEX STYLES ## */
.index-image { float: left; margin: 2px 10px 10px 0; }
.story-block .index-image { max-height: 200px; overflow: hidden; }

.index-image img { padding: 1px; border: 1px solid #ccc; }

/* ## STORY STYLES ## */
#blox-story .sub-headline { color: #666; text-transform: uppercase; font-size: 16px; margin-top: 15px; padding-bottom: 5px; }
#blox-story .byline { font-weight: bold; color: #666; font-size: 11px; }
#blox-story em,#blox-story i { font-style: italic; }
/* Special text treatments in story */
#blox-story .redBlock,#blox-story .blueBlock,#blox-story .grayBlock,#blox-story .greenBlock,#blox-story .orangeBlock,#blox-story .violetBlock {
    margin:0 0 20px 0;
    padding:10px 25px 12px 25px;
    border-width:1px;
    border-left-width:10px;
    border-style:solid;
    display:block;
}
#blox-story .redBlock { border-color:#ff8282; background:#ffb8b8; }
#blox-story .blueBlock { border-color:#8297ff; background:#b8c4ff; }
#blox-story .grayBlock { border-color:#c0c0c0; background:#dbdbdb; }
#blox-story .greenBlock { border-color:#beff82; background:#daffb8; }
#blox-story .orangeBlock { border-color:#ffc282; background:#ffddb8; }
#blox-story .violetBlock { border-color:#9f82ff; background:#c9b8ff; }

#blox-story blockquote {border-left:0 none;border-right:5px solid #DDDDDD;margin:15px 10px 0 30px;padding-left:0;padding-right:20px}
#blox-story blockquote .person { display: block; margin-top:15px; text-align:right; font-size:12px; font-weight:bold; font-style:italic; }
#blox-story .inset-left, #blox-story .inset-right {
    width:220px;
    padding:25px 15px;
    border:none;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    background: #fff;
}
#blox-story .inset-left { margin-right:15px; float:left; }
#blox-story .inset-right { margin-left:15px; float:right; }
#blox-story-text a {color: #066;font-weight:bold} /* brose 6/25/10 */

/* inline story media rail */
/* top image & cutline */
#blox-story-media { width: 300px; overflow: hidden; }
#blox-story-media #blox-large-photo img { width: 300px; }
#blox-large-photo-page img { max-width: 590px; }
#blox-story-media,#story-skyscraper {clear: left; float: left; margin: 0 15px 10px 0; }
#blox-story-media .story-top-photo img { display: block; }
#blox-story-media .photo-cutline { display: block; line-height: 16px; background: #f7f7f7; border: 1px solid #ccc; padding: 8px; font-size: 11px; }
/* #gallery-byline { display: block; font-weight: bold; } Modified by Eric Seider 7/16/2010 */
#gallery-byline { display: none }
#gallery-buy { float: right; }
#gallery-buy img { margin: 0 0 0 8px; }
.more-photos { float: right; margin-top: 8px; font-size: 11px; font-weight: bold; padding-bottom: 0px; }
/* thumbs under photo */
.blox-thumb-container { height: 35px; margin-top: 0px; border: 1px solid #ccc; padding: 8px; border-top: 0px; }
#blox-story-media #blox-large-photo img { padding: 1px; }
#blox-story-media #blox-story-photos li { float: left; }
#blox-story-media #blox-story-photos li a { float: left; margin: 0 4px; width: 30px; height: 30px; overflow: hidden; padding: 1px; border: 1px solid #eee; }
#blox-story-media #blox-story-photos li img { width: 30px; height: 30px;  }
#blox-story-media #blox-story-photos li.selected a { border-color: #cc0000; }
#blox-story-media #blox-story-photos li a:hover { border-color: #ccc; }
/* in story gallery put thumbs above photo */
#blox-story-photo-container-page #blox-large-photo-page { margin-bottom: 20px; width: 588px; background: #f7f7f7; padding: 10px 10px 0 10px; border: 1px solid #ccc; }
.blox-thumb-container-page { padding-top: 20px; }

.blox-gallery-prev-next a { width: 130px; display: block; float: left; }
.blox-gallery-prev-next { margin-bottom: 10px; }

#blox-story-media #blox-story-photos li a { float: left; margin: 0 4px; width: 30px; height: 30px; overflow: hidden; padding: 1px; border: 1px solid #eee; }
#blox-story-media #blox-story-photos li img { width: 30px; height: 30px;  }
#blox-story-media #blox-story-photos li.selected a { border-color: #cc0000; }
#blox-story-media #blox-story-photos li a:hover { border-color: #ccc; }

.img-loading { z-index:100; position: absolute; font-size: 11px; height: 35px; background: #fff; width: 280px; }
.img-loading.th-page { width: 610px; padding: 20px 0; }
.img-loading span { float: left; display: block; padding-top: 8px; }
.img-loading img { float: left; margin: 0 10px; }

/* related box */
#blox-story-related { margin-top: 10px; border: 1px solid #ccc; padding: 10px 10px 0 10px; }
#blox-story-related li { margin-bottom: 5px; }
#blox-story-related h3,.related-by-section h3 { font-size: 16px; }
#blox-story-related ul { margin-bottom: 20px; }
#blox-story-related .child-type { display: none; }
#blox-story-related #blox-poll-results { margin-top: 5px; padding-bottom: 10px; font-size: 12px; }
#blox-story-related .poll-submit input { margin-top: 5px; }
#blox-poll .poll-submit input { margin-top: 10px; }
#blox-story-related h4 { font-weight: bold; }

.blox-story-breakout { background: #f7f7f7; border: 1px solid #eee; padding: 10px; margin-bottom: 10px; }
.blox-story-breakout h4 { font-size: 16px; margin-bottom: 10px; }
.blox-story-breakout .breakout-image img { float: right; margin-left: 10px; padding: 1px; border: 1px solid #fff; }
.blox-story-breakout.rail-story { background: #fff; border: 0px; }

#poll-results .bar-title { margin-top:10px; }
#poll-results .bar-container { width:230px; position:relative; margin-bottom:10px; }
#poll-results .bar-container strong { overflow:hidden; position:absolute; right:-40px; top:0; }
.loading-poll { margin-bottom:10px; }

#story-font-size { margin-top: -76px; float: right; padding: 0 10px; margin-bottom: 10px; width: 94px; background: #fff; line-height: 27px; }
#story-font-size dd, #story-font-size dt { float: left; margin: 0px; font-size: 10px; color: #888; }
#story-font-size dd a { text-indent: -9999px; display:block; height: 13px; width: 14px; overflow: hidden; background: #ccc url('../images/font-toggle.gif') no-repeat; }
#story-font-size dd a#default { background-position: 0 0; margin: 7px 5px 0 10px;  }
#story-font-size dd a:hover#default,#fontToggle dd a.selected_default { background-position: 0 -13px; }
#story-font-size dd a#large { background-position: -14px 0; margin-top: 7px; }
#story-font-size dd a:hover#large,#fontToggle dd a.selected_large { background-position: -14px -13px; }
.download_link { font-weight: bold; font-size: 18px; }

#story-tools {  text-align: left; background: #E0E8EF; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 15px; padding: 8px;}
#story-tools a { background: #fff;   font-size: 11px; font-weight: bold; padding: 4px 8px; margin-right: 5px; }
#story-tools a:hover { }
.related-by-section { background: #f8f8f8; border: 1px solid #ccc; padding: 10px; margin: 10px 0;display:none; }
.related-by-section .bull-list { padding-top: 0px; }

.story-keywords { clear: both; background: #fff; border: 1px solid #eee; padding: 8px 10px; color: #666; font-size: 11px; margin: 10px 0 15px 0; }
.story-keywords em { font-style: italic; }
.story-keywords em span { color: #990000; }

/* table style */
/*
#blox-left-col table { font-size: 12px; width: 100%; }
#blox-left-col th { color: #fff; background-color: #aaa; padding: 10px 5px; border-top: 4px solid #555; font-weight: bold }
#blox-left-col th a { color: #fff; }
#blox-left-col td { background-color: #fff; padding: 5px; border-bottom: 1px solid #ccc; border-top: 2px solid #fff; }
*/

table.blox { font-size: 12px; width: 100%; }
table.blox th { color: #fff; background-color: #aaa; padding: 10px 5px; border-top: 4px solid #555; font-weight: bold }
table.blox th a { color: #fff; }
table.blox td { background-color: #fff; padding: 5px; border-bottom: 1px solid #ccc; border-top: 2px solid #fff; }

/* yahoo web search */
#yahoo-sponsoredsearch { background: #ECF5FA; padding: 15px; margin: 10px 0; }
#yahoo-sponsoredsearch .yahoo-sponsoredsearch-mktg { float: right; margin-top: -10px; }
#yahoo-sponsoredsearch .yahoo-sponsoredsearch-mktg a { color: #aaa; font-weight: bold; text-transform: uppercase; font-size: 10px; }
#yahoo-search-results li,#yahoo-sponsoredsearch-results li { margin-bottom: 10px; }
#yahoo-search-results li { margin-left: 20px; list-style: decimal; font-size: 11px; color: #888; }
#yahoo-search-results dl,#yahoo-sponsoredsearch-results dl { font-size: 13px; color: #333; }
#yahoo-search-results li dt a, #yahoo-sponsoredsearch-results li dt a{ text-decoration: underline; color: #0000DE; font-size: 16px; }
#yahoo-search-results li dd a,#yahoo-sponsoredsearch-results li dd a { color:#008000; }
#yahoo-paging { margin-top: 20px; }
#yahoo-paging a,#yahoo-paging span { padding: 3px 6px; }
#yahoo-paging span { font-weight: bold; }
#yahoo-paging a { color: #0000DE; border: 1px solid #CCDBE4; }
#yahoo-paging a:hover { background: #3666D4; color: #fff; text-decoration: none; }
#yahoo-tip { font-size: 16px; }
#yahoo-tip a { color: #0000DE; text-decoration: underline; margin-right: 5px; }
#yahoo-tip strong { font-weight: bold; }

/* yahoo content match */
#yahoo-contentmatch-listings { border: 1px solid #ccc; padding: 10px;  }
#yahoo-contentmatch-listings h3 { margin-bottom: 5px; font-size: 16px; }
#yahoo-contentmatch-listings p { font-size: 12px; }
#yahoo-contentmatch-listings p a { color: #000; text-decoration: none; }
#yahoo-contentmatch-listings p a:hover { text-decoration: none; }
#yahoo-contentmatch-listings p em { color: #008000; }
#yahoo-contentmatch-link { text-align: right; font-size: 11px; }
#yahoo-contentmatch-link a { color: #888; font-weight: bold; }

/* search */
#search-form { border: 1px solid #eee; background: #f9f9f9; padding: 15px; margin-bottom: 20px; font-size: 11px; }
#search-form .search-break { clear: both; border-bottom: 1px dotted #fff; height: 10px; margin-bottom: 10px;  }
#search-form .submit-button { font-size: 12px; font-weight: bold; border: 0px; padding: 3px 6px; }
#search-form label span { font-weight: bold; padding-right: 5px; }
#search-form #s-cats { float: left; margin: -5px 10px 0 0; }
#search-form label input, #search-form label select { font-size: 12px; margin-right: 10px; font-family: inherit; padding: 2px; border: 1px solid #eee; border-top-color: #888; border-left-color: #888; }
#search-advanced-options { background: #eee; padding: 10px; margin: 10px 0; }
#search-form .toggle-search { float: right; padding-top: 5px;  }
#search-form .toggle-search span { color: #ddd; padding: 0 3px; }
#search-form .toggle-search a { font-weight: bold; color: #cc0000; }
#search-form legend { text-transform: uppercase; color: #666; margin-bottom: 5px; }
#search-form .s-cat-option { width: 350px; }
.search-paging { margin-top: 20px; }
.search-paging.top { margin-top: 0px;  }
.search-paging a { font-weight: bold; background: #839FB8; padding: 4px 8px; font-size: 11px; color: #fff; }

/* article share */
.article-share-top { clear:right; float:right; height:18px; /*overflow:hidden;*/ margin:0 0 10px 20px; }
.article-share-top li { display:block; float:left; }
.article-share-top li.tm { margin-top:2px; }

/* stl-dbd-bucketlist */
div.bucketlist {margin-bottom:1em}
div.bucketlist div.bucketlist-head {margin-bottom:4px}
div.bucketlist div.bucketlist-head h2,
div.bucketlist div.bucketlist-head h2 a {float:left;display:block;height:22px;font-size:20px;
    line-height:22px;padding:0;margin:0;color:#999;}
div.bucketlist div.bucketlist-head div.links {color:#999;float:right;font-size:12px;height:22px;line-height:22px;
    padding: 0 5px 0 0;margin-top:2px}
div.bucketlist div.bucketlist-head div.links a {color:#999}
div.bucketlist div.bucketlist-head div.links a:visited {color:#999}
div.bucketlist-container div.bucketlist-left {width: 220px; float:left;margin-right:10px;padding:0}
div.bucketlist-container div.bucketlist-left img.photo {width: 220px;margin-bottom:5px}
div.bucketlist-container div.bucketlist-left h3 {font-size:1.2em;line-height:1.2em;margin-bottom:4px;color:#066}
div.bucketlist-container div.bucketlist-left p {font-size:.9em;line-height:1.2em}
div.bucketlist-container div.bucketlist-left a.more_link {float:right;background-repeat:no-repeat;padding-left:22px;
    background-image:url(../../../components/stl_utils/resources/images/icon_arrow.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_audio {
    background-image:url(../../../components/stl_utils/resources/images/icon_audio.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_data {
    background-image:url(../../../components/stl_utils/resources/images/icon_data.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_gallery {
    background-image:url(../../../components/stl_utils/resources/images/icon_gallery.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_graphic,
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_timeline,
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_swf {
    background-image:url(../../../components/stl_utils/resources/images/icon_graphic.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_image {
    background-image:url(../../../components/stl_utils/resources/images/icon_image.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_map {
    background-image:url(../../../components/stl_utils/resources/images/icon_map.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_mp3 {
    background-image:url(../../../components/stl_utils/resources/images/icon_mp3.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_pdf {
    background-image:url(../../../components/stl_utils/resources/images/icon_pdf.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_poll {
    background-image:url(../../../components/stl_utils/resources/images/icon_poll.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_research {
    background-image:url(../../../components/stl_utils/resources/images/icon_research.gif)}
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_youtube,
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_vmix,
div.bucketlist-container div.bucketlist-left a.more_link.asset_type_video {
    background-image:url(../../../components/stl_utils/resources/images/icon_video.gif)}
div.bucketlist-container div.bucketlist-right {float:left;width:380px}
div.bucketlist-right a {color:#000;text-decoration:none}
div.bucketlist-right a:hover {color:#000;text-decoration:underline}
/** because the blox editing area eats some of the width make the bucketlist-right smaller
 * when working in the editing area. The class x-panel-bwrap is part of the extjs chrome for the editing tools.
 */
div.x-panel-bwrap div.bucketlist-container div.bucketlist-right {width:370px}

/* AP/MorningStart stock indices */
#business_stocks {height:250px;width:215px;margin:0;
    background-image:url(http://images.stltoday.com/stltoday/images/215x250_bkgn_stockindices.gif);background-repeat:no-repeat}
#business_stocks h2 {padding:15px 5px 5px 18px;line-height:12px;font-size:12px;font-weight:bold;letter-spacing:1.5px;margin:0}
#business_stocks div.indices {padding:0px 5px 5px 18px}
#business_stocks td {margin:0;padding:0;border:0;background-color:#e7f1f2}
#business_stocks table {background-color:#e7f1f2;border:0 none;font-size:2px;line-height:2px;margin:0;padding:0;width:auto}
#business_stocks .Rule {border-top:3px solid #868782;text-decoration:none;border-bottom:none;text-align:right}
#business_stocks .Rule2 {border-top:1px solid #CCC;text-decoration:none;border-bottom:none;text-align:right}
#business_stocks .TextDisc {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;line-height:13px}
#business_stocks .F10 {color:#333;font-size:10px;line-height:14px;text-decoration:none;width:auto;text-align:right}

/* VMIX video slider widget */
#stl-vmix-flash-slider h1 h2 {color:#000000;}

/* stl-photo-gallery */
#stl-photo-gallery {margin-top: 0px}
.more_arrowtext {float: right; margin-top: 3px;}
.more_arrow_anchor {color: #900;}
.gallery_link_heading {color: #333; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0}


/* stl-jpromo */
.jpromo-container {margin-bottom:1em}
.jpromo-container div.header {margin-bottom:.5em}
.jpromo-container div.header div.title {display:block;float:left;margin:0;font-size:1.2em;font-weight:bold;color:#999;line-height:1.2em}
.jpromo-container div.header div.buttons {display:block;clear:none;float:right}
.jpromo-container div.header div.buttons a.next,
.jpromo-container div.header div.buttons a.prev {text-decoration:none;float:left;margin-right:.5em;display:block;width:36px;height:25px;
    background:transparent url(../images/jpromo/prev.gif) no-repeat 0 0}
.jpromo-container div.header div.buttons a.next {background:transparent url(../images/jpromo/next.gif) no-repeat 0 0}
.jpromo-container div.header div.buttons a.prev:hover,
.jpromo-container div.header div.buttons a.next:hover,
.jpromo-container div.header div.buttons a.prev:active,
.jpromo-container div.header div.buttons a.next:active {cursor: pointer;background-position:-36px 0}
.jpromo-container div.header div.buttons a.prev.disabled,
.jpromo-container div.header div.buttons a.next.disabled {cursor:default;background-position:-108px 0}
.jcarousel-skin-jpromo {font-size:12px}
ul.jcarousel-skin-jpromo li {visibility:hidden}
.jcarousel-skin-jpromo .jcarousel-container {background-image: url(../images/jpromo/background.gif)}
.jcarousel-skin-jpromo .jcarousel-container-horizontal {padding: 10px}
.jcarousel-skin-jpromo .jcarousel-clip-horizontal {height: 140px}
.jcarousel-skin-jpromo .jcarousel-item {width:295px;height:140px}
.jcarousel-skin-jpromo .jcarousel-item .thumb {width:100px;height:140px;overflow:hidden;float:left;margin-right:4px}
.jcarousel-skin-jpromo .jcarousel-item .thumb img {border: #fff solid 2px;width:96px}
.jcarousel-skin-jpromo .jcarousel-item .title-summary {width:180px;float:left;height:140px;overflow:hidden}
.jcarousel-skin-jpromo .jcarousel-item .title {display:block;font-size:1.2em;font-weight:bold;line-height:1.2em;margin-bottom:4px;color:#066}
.jcarousel-skin-jpromo .jcarousel-item .summary {display:block;font-size:.9em;line-height:1.2em;color:#000}
.jcarousel-skin-jpromo .jcarousel-item-horizontal {margin-right:5px}
.jcarousel-skin-jpromo .jcarousel-item-placeholder {}

/* stl-marketplace-widget */
.pg-widget-side-by-side-bullets {height: 105px;}
.pg-widget-side-by-side-bullets div {display:block;margin-top:3px;padding-left:13px;float:left;width:45%;
    background-image:url("http://images.stltoday.com/stltoday/images/bullet.gif");
    background-position:1px 6px;background-repeat:no-repeat}
.pg-widget-container,
.pg-widget-container *{ font-size:12px;margin: 0;padding:0;font-family:tahoma,arial,sans-serif}
.pg-clear{ clear:both}
.pg-widget-container{ border:solid 1px #5085ad}
.pg-widget-title{ background:#5085ad;color:#fff;font-size:16px;font-weight:bold;padding:5px 10px}
.pg-widget-contents{ padding:10px}
.pg-widget-featured{ border-bottom:solid 1px #b0d5ef;margin-bottom:5px;padding-bottom:10px}
.pg-widget-image{ float:left;margin-right:5px;width:85px}
.pg-widget-bizinfo{ float:left;width:160px}
.pg-widget-bizname a{ color:#0776c8;font-size:14px;font-weight:bold;text-decoration:underline;font-family:tahoma,arial,sans-serif}
.pg-widget-bizname a:hover{ text-decoration:none}
.pg-widget-bizcity{ color:#646464;font-size:11px;padding:1px 0}
.pg-widget-links{ color:#646464}
.pg-widget-links a{ color:#026d43;text-decoration:underline;font-size:12px}
.pg-widget-links a:hover{ text-decoration:none} ul.pg-widget-related{ margin:0 0 0 20px;padding:0}
.pg-widget-related li{ line-height:2em}
.pg-widget-related li a{ color:#076ea9;text-decoration:underline}
.pg-widget-related li a:hover{ text-decoration:none}
.pg-widget-search{ background:#e2f3fb;border:solid 1px #beddf2;font-size:0;line-height:0;margin:5px 0;text-align:center; height: 46px}
.pg-widget-search .table{ font-size:12px;padding:10px}
.pg-widget-input{ padding-right:22px}
.pg-widget-search input.search {border:solid 1px #b0d6e9;padding:.25em;width:69%;height:19px;float:left}
.pg-widget-search input.submit {float:right}
.pg-widget-submit{ padding-left:5px}
.pg-widget-more-links{ color:#000;font-size:12px}
.pg-widget-more-links a{ color:#3f96cb;text-decoration:underline}
.pg-widget-more-links a:hover{ text-decoration:none}


/* stl-zvents-widget */
#diningSearch .input_box select{margin:0;padding:0;height:21px; font-family:tahoma,arial,sans-serif;font-size:13px;}
#eventSearch .input_box input,#venueSearch .input_box input,#movieSearch .input_box input,#diningSearch .input_box input,#performerSearch .input_box input {margin:0;padding:0;height:18px; font-family:tahoma,arial,sans-serif;font-size:13px;}
#eventSearch .input_box,#venueSearch .input_box,#movieSearch .input_box,#diningSearch .input_box,#performerSearch .input_box{width:495px; height:20px; float:left;}
#eventSearch .search_image,#venueSearch .search_image,#movieSearch .search_image,#diningSearch .search_image,#performerSearch .search_image{width:25px;height:21px;background-image:url(http://images.stltoday.com/stltoday/images/zvents_search.jpg); background-repeat:no-repeat;float:left;margin-left:5px;margin-top:1px}
#eventSearch .search_image input,#venueSearch .search_image input,#movieSearch .search_image input,#diningSearch .search_image input,#performerSearch .search_image input{width:25px; height:21px;}
#zvents-container .divider{background-color:#900;height:40px;margin-top:10px;width:1px;float:left;}
#zvents-container{width:960px;height:70px;font-family:tahoma,arial,sans-serif;font-size:12px;background-image:url(http://images.stltoday.com/stltoday/images/zvents_widget_gradient70.jpg); background-repeat:repeat-x;}
#zvents-container #calendar{width:292px;height:50px;float:left;margin:5px 0 0 4px;}
#zvents-container #middle{width:120px;height:70px;float:left;}
#zvents-container #middle img{margin:0 0 0 17px}
#zvents-container #search{width:537px;height:70px;float:left;}
.zvents_day_button{color:#fff;border:1px solid #fff;background-color:#bbb;text-decoration:none;cursor:pointer;line-height:15px;height:30px;font-weight:bold;}
.zvents_day_button,.zvents_day_button *{display:block;text-align:center;}
.zvents_day_button:hover{background-color:#878787;text-decoration:none;}
.zvents_day_button_date{font-size:12px;}
.zvents_day_button_day{font-size:11px;}
.zvents_day_button_today{color:#fff;background-color:#900;}
#zvents_events,#zvents_movies,#zvents_venues,#zvents_dining,#zvents_performers{width:525px; height:20px;border:0px;display:none;margin:7px 0px 5px 5px;float:left;}
#zvents_events .search-line1,#zvents_movies .search-line1,#zvents_venues .search-line1,#zvents_dining .search-line1,#zvents_performers .search-line1{height:20px; float:left;}
#zvents_events_calendar{width:282px; height:20px;border:0px;margin:2px 0px 5px 0px;float:left;}
#zvents_events_calendar .calendar_text{color:#990000;font-family:tahoma, arial, sans-serif;font-size:9px;font-weight:bold;margin:3px 0 0 4px;}
#zvents_events_calendar table tr td{border:0 none;padding:0 1px}
.zvents_radio_buttons{color:#990000;font-family:tahoma, arial, sans-serif;font-size:11px;font-weight:bold;margin-left:2px;margin-right:20px;vertical-align:text-top;}
#zvents_search_buttons{width:515px; height:20px; margin-top:4px;float:left;}

/* begin:hotjobs featured jobs random 5 widget */
#hjfeatured-widget {margin-bottom:20px;color: #333;font-family: tahoma, arial, sans-serif;font-size: 12px;}
#hjfeatured-widget div.header {margin: 10px 0px 20px 0px}
#hjfeatured-widget div.jobs {color:#333;font-family:tahoma,arial,sans-serif;font-size:12px;margin:0}
#hjfeatured-widget div.job {margin-bottom:10px}
#hjfeatured-widget a.title {color: #066;font-family: tahoma, arial, sans-serif;font-size:12px;
    font-weight: bold;text-decoration:none}
#hjfeatured-widget a.title:hover {color: #900;text-decoration: underline;}
/* end:hotjobs featured jobs random 10 widget */

/* Added by EAS 4-12-10 */
/* start of Zvents widget styles */
/* added "padding: 0 4px" to ZventsDayButton - 5/14/10 - SM */
.ZventsSponsoredLabel{color:#888;}
.ZventsEventList,.ZventsSponsoredList{list-style-type:none;margin:0;padding:3px;width:100%;}
.ZventsSponsoredList{border:solid 1px #ccc;}
.ZventsEventList li,.ZventsSponsoredList li{display:block;margin:0;padding:0;}
.ZventsImage{margin:3px;vertical-align:middle;width:15%;height:15%}

.ZventsQuickDayList{list-style-type:none;display:block;margin:0;padding:0;}
.ZventsQuickDayList li{display:block;float:left;margin-right:1px;}
.ZventsQuickDayList *{font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.ZventsQuickDayList form{margin:0;padding:0;}
.ZventsDayButton,.ZventsDayButton *{display:block;text-align:center;}
.ZventsDayButton{color:#333;border:1px solid #066;text-decoration:none;cursor:pointer;line-height:15px;height:30px;font-weight:bold;margin-right:2px; padding: 0 4px}
.ZventsDayButton:hover{background-color:#e5e5e5;text-decoration:none;}
.ZventsDayButtonDate{font-size:12px;}
.ZventsDayButtonDay{font-size:11px;}
.ZventsDayButtonAll{margin-right:0;background-color:#fff;color:#066;}
.ZventsDayButtonToday{color:#900;}
.ZventsDayButtonWeekend{background-color:#9cc;}

.ZventsTargetedEvents{width:300px;height:250px;overflow:hidden;border:solid 1px #ccc;padding:3px;}
.ZventsTargetedEvents h2{margin:0;padding:0;font-size:13pt;}
.ZventsTargetedEvents img{float:left;display:block;}
.ZventsTargetedEvents .ZventsEventList li,.ZventsTargetedEvents .ZventsSponsoredList li{display:block;margin:0;padding:0;width:300px;}
.ZventsTargetedEventsEventInfo{width:220px;float:right;text-align:left;margin-top:15px;display:block;}
.ZventsTargetedEventsEventHeading{font-size:12pt;font-weight:bold;margin:0;padding:0;white-space:nowrap;}
.ZventsTargetedEventsEventHeading a{text-decoration:none;}
.ZventsTargetedEventsEventInfo p{font-size:10pt;margin:0;padding:0;}
.ZventsTargetedEventsMore{font-size:9pt;white-space:nowrap;margin:0;height:30px;padding-top:20px;text-align:right;padding-right:30px;}

/* Weekly preview styles */
.ZventsWeeklyPreview{display:block;margin:2px 2px 0 0;width:300px;font-family:tahoma, arial,sans-serif;padding:3px;}
.ZventsWeeklyPreview h2{font-size: 20px; font-family: tahoma, arial, sans-serif; margin:0;}
.ZventsWeeklyPreview a{text-decoration:none;}
.ZventsWeeklyPreviewEventHeading{font-size:10pt;margin:0;}
.ZventsWeeklyPreviewEventHeading a:hover {text-decoration: underline}
.ZventsWeeklyPreviewVenueLine{margin:0;}
.ZventsWeeklyPreviewDateLine{margin:0;padding:0}
.ZventsWeeklyPreviewEventInfo{display:block;float:right;width:240px;}
.ZventsWeeklyPreview .ZventsEventList li,.ZventsWeeklyPreview .ZventsSponsoredList li{margin-top:5px;}
.ZventsWeeklyPreview .ZventsEventList li img,.ZventsWeeklyPreview .ZventsSponsoredList li img{margin:0;display:block;float:left;padding:2px;}
.ZventsWeeklyPreview .ZventsSponsoredList{border:none;}
.ZventsWeeklyPreview .ZventsQuickDayList{height:35px;}
.ZventsWeeklyPreviewSearch{display:block;}
.ZventsWeeklyPreviewSearchTextInput{width:220px}
p.ZventsWeeklyPreviewDateLine a {color: black}
p.ZventsWeeklyPreviewVenueLine a {color: black}
p.ZventsWeeklyPreviewDateLine a:hover {text-decoration: underline}
p.ZventsWeeklyPreviewVenueLine a:hover {text-decoration: underline}


.ZventsQuickSearch{font-family:tahoma,arial,sans-serif;font-size:12px;margin:1px 2px 0 0;width:300px;height:230px;}
.ZventsQuickSearch a:hover{color:#900;}
.ZventsQuickSearch form{margin:0;padding:0;}

div.ZventsEvent{display:block; background-image:url(http://images.stltoday.com/stltoday/images/bullet.gif); background-repeat:no-repeat; background-position:1px 7px; margin-top:6px;
/* margin-top was 3px - it was changed for the events module on the home page */
padding-left:10px;}
div.ZventsEventDate{font-size:12px;font-weight:bold;color:#000; margin-top:10px;}
div.ZventsNoEvent{font-size:12px; }
div.ZventsEvent > a.ZventsEventName{font-size:12px; text-decoration:none; }
div.ZventsEvent > a.ZventsEventName:hover{color:#900;text-decoration:underline; }
div.ZventsEvent > a.ZventsVenueName{font-size:10px;font-weight:normal;color:#333; text-decoration:none; }
div.ZventsEvent > a.ZventsVenueName:hover{color:#900;text-decoration:underline; }
div.ZventMore > a{float:right; width:300px; line-height:20px; text-align:right; color:#900; font-size:12px; text-decoration:none;}
div.ZventMore > a:hover{text-decoration:underline;}
/* end of Zvents widget styles */

/* begin: dd-box for sidebar.inc.utl */
.dd-box {margin-bottom:20px;}
.dd-list li {display:block; float:left; background-color:#eee; margin:0 5px 5px 0; -moz-border-radius:2px; -webkit-border-radius:2px} .dd-list li a {display:block; float:left; font-weight:bold; width:92px; padding:10px 10px 10px 40px}
#dd-connect {background:url(../images/digital-delivery/dd-txt-old.gif) 15px 50% no-repeat}
#dd-txt {background:url(../images/digital-delivery/dd-txt.gif) 15px 50% no-repeat}
#dd-email {background:url(../images/digital-delivery/dd-email.gif) 15px 50% no-repeat}
#dd-rss {background:url(../images/digital-delivery/dd-rss.gif) 15px 50% no-repeat}
#dd-twitter {background:url(../images/digital-delivery/dd-twitter.gif) 15px 50% no-repeat}
#dd-facebook {background:url(../images/digital-delivery/dd-facebook.gif) 15px 50% no-repeat}
.fan_box .connections {border-top:1px solid #D8DFEA;min-height:150px;padding:10px 0 3px 10px;}
/* end: dd-box for sidebar.inc.utl */

/* begin: stl-shopstl-widget-article.inc.utl */
#tPortableContainer{font-family:tahoma,arial,sans-serif;font-size:11px;background-color:#FFFFFF;margin-top:20px}
#tPortableContainer p{padding-bottom:20px;font-weight:bold;width:135px}
#tPortableContainer img{padding-right:10px;border:0}
/* end: stl-shopstl-widget-article.inc.utl */

/* begin: CSS for pop up hint box */
#hintbox{position:absolute;top:0;background-color:#CCCC33;padding:5px;border:2px solid black;font-family:tahoma,arial,sans-serif;font-size:12px;line-height:16px;z-index:100;visibility:hidden}
.hintanchor{color:#306;text-decoration:none;}
/* end: CSS for pop up hint box */

#quick-list { text-transform: uppercase; font-size: 11px; font-weight: bold; }
#quick-list li { border-right: 1px solid #ccc; padding: 0 5px 0 3px; }
#quick-list .quick-title { color: #fff; background: #cc0000 url('../images/black-notch-right.gif') center right no-repeat; padding: 2px 10px 2px 4px; font-size: 10px; }

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}

#facebooklike {float:left;margin-left:3px}

#sharethis {float:left}

/* enhance commenting area: make the loading message more visible, and include the username's icon and name */
#loadComments h2.loading {border: thin solid #333; display: block; margin: 1em; padding: 1em;}
#comment-submit-form {float:left}
#addComment {margin-bottom:.5em}
#addComment div.user-bar {float:left;margin-right:1em;padding-top:3em;text-align:center}
#addComment img.user-icon {border:1px solid #CCC;padding:1px;width:50px;margin:2px}
#addComment div.user-name {width:60px;overflow:hidden;text-align:center;padding:0;margin:4px}
#loadComments .submit-button {margin-left:0px}

/* allow tweeking <h2> tags in blocks for different looks */
.dark-headline h2, .dark-headline h2 a {color:#333}
.teal-headline h2, .teal-headline h2 a {color:#066}
.sub-headline h2, .sub-headline h2 a {font-size: 18px;line-height:20px;margin-bottom: 8px; padding-top:8px}

/* add a generic "widget" container that has a top and bottom margin, using a margin instead of padding allows
    the margins to collapse on things stacked on top of each other. */

.widget {margin: 1em 0}

/* local.stltloday.com link in footer */
#local-menu-container {position:relative}
#local-menu-menu {position:absolute;top:0;left:0;width:145px;height:110px;overflow:auto;padding:0 2px 2px 2px;display:none;font-size:8pt;background-color:#FFF;color:#000}
#local-menu-menu a {color:#000}
#local-menu-menu a:hover {color:#033}
#local-menu-menu a.header {text-decoration:underline;font-size:14px}
#local-menu-menu a.header:hover {text-decoration:underline}

/* 404 Error Page */
#Error404{background-image:url(http://images.stltoday.com/stltoday/images/404-bird.jpg); background-repeat:no-repeat; height:512px; min-height:512px; width:100%; background-position:bottom right; }
#Error404 > div.head1{font-size:20px; font-weight:normal; color:#999; }
#Error404 a{font-weight:800; color:#900; }
#Error404 > div.suggestions{font-weight:800; margin:10px 10px 10px 0px; }
#Error404 ol li{list-style-image:url(http://images.stltoday.com/stltoday/images/bullet.gif); padding:0 0 0 0; margin:0 0 0 12px; }

/* End 404 Error Page */

/* stl-pdstore-promo */
#blox-stl-pdstore-promo img { margin-top: 14px; width: 296px; padding: 1px; border: 1px solid #eee; }
#blox-stl-pdstore-promo h3 { font-family: arial; font-weight: bold; font-size: 24px; line-height:24px; margin:10px 0;}
#blox-stl-pdstore-promo li div { max-height: 340px; overflow: hidden;  }
#blox-stl-pdstore-promo .featured-label { color: #666; text-transform: uppercase; font-size: 11px; margin-bottom: -10px; margin-top: 5px; }
#blox-stl-pdstore-promo .jcarousel-list li, #blox-center-piece .jcarousel-item { float: left; list-style: none; width: 300px; height: 100%; }
#blox-stl-pdstore-promo .jcarousel-clip-horizontal { width: 300px; height: 100%; }
/* END stl-pdstore-promo */
/* stl-eas-bucketlist-300 */
div.bucketlist-300{margin-bottom:1em}
div.bucketlist-300 div.bucketlist-300-head{margin-bottom:4px}
div.bucketlist-300 div.bucketlist-300-head h2,div.bucketlist-300 div.bucketlist-300-head h2 a{float:left;display:block;height:22px;font-size:20px;line-height:22px;padding:0;margin:0;color:#999;}
div.bucketlist-300 div.bucketlist-300-head div.links{color:#999;float:right;font-size:12px;height:22px;line-height:22px;padding:0 5px 0 0;margin-top:2px}
div.bucketlist-300 div.bucketlist-300-head div.links a{color:#999}
div.bucketlist-300 div.bucketlist-300-head div.links a:visited{color:#999}
div.bucketlist-300-container div.bucketlist-300-left{width:110px;float:left;margin-right:10px;padding:0}
div.bucketlist-300-container div.bucketlist-300-left img.photo{width:110px;margin-bottom:5px}
div.bucketlist-300-container div.bucketlist-300-left h3{font-size:1.2em;line-height:1.2em;margin-bottom:4px;color:#066}
div.bucketlist-300-container div.bucketlist-300-left p{font-size:.9em;line-height:1.2em}
div.bucketlist-300-container div.bucketlist-300-left a.more_link{float:right;background-repeat:no-repeat;padding-left:22px;background-image:url(../../../components/stl_utils/resources/images/icon_arrow.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_audio{background-image:url(../../../components/stl_utils/resources/images/icon_audio.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_data{background-image:url(../../../components/stl_utils/resources/images/icon_data.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_gallery{background-image:url(../../../components/stl_utils/resources/images/icon_gallery.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_graphic,div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_timeline,div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_swf{background-image:url(../../../components/stl_utils/resources/images/icon_graphic.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_image{background-image:url(../../../components/stl_utils/resources/images/icon_image.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_map{background-image:url(../../../components/stl_utils/resources/images/icon_map.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_mp3{background-image:url(../../../components/stl_utils/resources/images/icon_mp3.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_pdf{background-image:url(../../../components/stl_utils/resources/images/icon_pdf.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_poll{background-image:url(../../../components/stl_utils/resources/images/icon_poll.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_research{background-image:url(../../../components/stl_utils/resources/images/icon_research.gif)}
div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_youtube,div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_vmix,div.bucketlist-300-container div.bucketlist-300-left a.more_link.asset_type_video{background-image:url(../../../components/stl_utils/resources/images/icon_video.gif)}
div.bucketlist-300-container div.bucketlist-300-right{float:left;width:180px}
div.bucketlist-300-right a{color:#000;text-decoration:none}
div.bucketlist-300-right a:hover{color:#000;text-decoration:underline}
/** because the blox editing area eats some of the width make the bucketlist-300-right smaller * when working in the editing area. The class x-panel-bwrap is part of the extjs chrome for the editing tools. */
div.x-panel-bwrap div.bucketlist-300-container div.bucketlist-300-right{width:370px}
/* END stl-eas-bucketlist-300 */

/* "standard" and "gray_header" styles */
.standard10 {font-size: 10px; color: #333;}
.standard12 {font-size: 12px; color: #333;}
.standard14 {font-size: 14px; color: #333;}
.standard16 {font-size: 16px; color: #333;}
.standard10bold {font-size: 10px; font-weight: bold; color: #333;}
.standard12bold {font-size: 12px; font-weight: bold; color: #333;}
.standard14bold {font-size: 14px; font-weight: bold; color: #333;}
.standard14bold:hover {text-decoration: underline; color: #900;}
.standard14bold_no_hover {font-size: 14px; font-weight: bold; color: #333;}
.standard16bold {font-size: 16px; font-weight: bold; color: #333;}
.standard18bold {font-size: 18px; font-weight: bold; color: #333;}
.standard20bold {font-size: 20px; font-weight: bold; color: #333;}
.standard12_darkteal {font-size: 12px; color: #006666;}
.standard14_darkteal {font-size: 14px; color: #006666;}
.standard16_darkteal {font-size: 16px; color: #006666;}
.standard18_darkteal {font-size: 18px; color: #006666;}
.standard12_darktealbold {font-size: 12px; font-weight: bold; color: #006666;}
.standard14_darktealbold {font-size: 14px; font-weight: bold; color: #006666;}
.standard14_darktealbold a:hover {text-decoration: underline; color: #900;}
.standard14_darktealbold_no_hover {font-size: 14px; font-weight: bold; color: #006666;}
.standard16_darktealbold {font-size: 16px; font-weight: bold; color: #006666;}
.standard16_darktealbold a:hover {text-decoration: underline; color: #900;}
.standard16_darktealbold_no_hover {font-size: 16px; font-weight: bold; color: #006666;}
.standard18_darktealbold {font-size: 18px; font-weight: bold; color: #006666;}
.standard18_darktealbold_no_hover {font-size: 18px; font-weight: bold; color: #006666;}
.standard12_purplebold {font-size: 12px; font-weight: bold; color: #306;}
.standard14_purplebold {font-size: 14px; font-weight: bold; color: #306;}
.standard14_purplebold a:hover {text-decoration: underline; color: #306;}
.standard14_purplebold_no_hover {font-size: 14px; font-weight: bold; color: #306;}
.standard16_purplebold {font-size: 16px; font-weight: bold; color: #306;}
.standard16_purplebold a:hover {text-decoration: underline; color: #306;}
.standard16_purplebold_no_hover {font-size: 16px; font-weight: bold; color: #306;}
.standard18_purplebold {font-size: 18px; font-weight: bold; color: #306;}
.standard18_purplebold_no_hover {font-size: 18px; font-weight: bold; color: #306;}
.standard12_red {font-size: 12px; color: #990000;}
.standard14_red {font-size: 14px; color: #990000;}
.standard16_red {font-size: 16px; color: #990000;}
.standard12_redbold {font-size: 12px; font-weight: bold; color: #990000;}
.standard14_redbold {font-size: 14px; font-weight: bold; color: #990000;}
.standard16_redbold {font-size: 16px; font-weight: bold; color: #990000;}
.gray_header {color: #999; font-size: 20px; line-height: 25px;}
.gray_header_no_hover {color: #999; font-size: 20px; line-height: 25px;}

/* AP Hosted styles */

.ap-bulleted-headline-1, .ap-bulleted-headline-2 {list-style-type: none}
.ap-newsbriefitem {margin-bottom: 25px}
.firsttopheadline a.ap-newsbriefitem-a {font-size: 18px; font-weight: bold;}
.byttl {margin-bottom: 5px}
.span-body table tbody tr td table tbody tr td form p {margin: 25px 0 2px; padding-bottom: 0;}
.span-body table tbody tr td table tbody tr td p {margin: 20px 0 2px; padding-bottom: 0}
div.ap-newsbriefitem p.ap-newsbriefitem-p {margin: 0px 0px 5px 0px; padding: 0}
.ap-newslisting-table {padding-left: 10px}

/* Zvents Default Widget Styles (this may or may not be necessary) */
p.z-dateline {padding-bottom: 0px;}

/* Zvents Default Widget Styles (for use with the Zvents Widget Wizard - added 11/12/2010) */
#stl_zvents div.z-eventinfo h3.z-heading {font-size: 14px;}
#stl_zvents p.z-venueline a, p.z-dateline a {color: #333;}
#stl_zvents .z-widget-search-text {width: 226px; #width: 230px}
#stl_zvents .ZventsDayButtonDate {font-size: 15px !important;}
#stl_zvents .ZventsQuickDayList li {margin-right: 2px;}
#stl_zvents .z-eventlist-layoutW1 img {height: 45px; width: 45px; margin-top: 3px}
#stl_zvents .z-eventlist-layoutW1 li {margin: 0 5px;}
#stl_zvents .z-eventlist-layoutW1 .z-sponsored-block {margin-bottom: 5px;}
#stl_zvents .z-eventlist-layoutW1 .z-sponsored-label {margin: 2px 3px 0 0; height: 14px; line-height: 13px}
#stl_zvents .z-eventlist-layoutW1 .z-eventinfo {width: 237px; text-align: left;}
#stl_zvents .z-eventlist-layoutW2 a {color: #066; font-weight: bold; text-decoration: none;}
#stl_zvents .z-eventlist-layoutW2 a:hover {color: #333; text-decoration: underline;}
#stl_zvents .z-eventlist-layoutW3 a {color: #066; font-weight: bold; text-decoration: none;}
#stl_zvents .z-eventlist-layoutW3 a:hover {color: #333; text-decoration: underline;}
#stl_zvents .z-eventlist-layoutW4 a {color: #066; font-weight: bold; text-decoration: none;}
#stl_zvents .z-eventlist-layoutW4 a:hover {color: #333; text-decoration: underline;}
#stl_zvents img.z-ticket-icon {width: 24px; height: 14px}

/* Upickem-deal-of-the-day styles */
/* Deal of the Day */
.upickem-deal-of-the-day { border-bottom:1px solid #e6e6e3; margin:0 10px 0 0; padding:10px 0 0 0; position:relative; overflow:hidden; }
.deal-image { float:left; margin:0 20px 10px 0; }
.deal-image img { width:300px; border:5px solid #e6e6e6; }
.upickem-deal-of-the-day h1 { background: url('images/starburst.png') top left no-repeat; color:#fff; font-family:Georgia, Times New Roman, serif; font-size:18px; height:100px; line-height:20px; padding:30px 0 0 0; position:absolute; right:610px; text-align:center; top:0px; width:100px; text-shadow:1px 1xp 1px #1a1a1a; }
.upickem-deal-of-the-day h2 { font-family:Georgia, Times New Roman, serif; font-size:26px;clear:none; }
.upickem-deal-of-the-day h2 a:link, .upickem-deal-of-the-day h2 a:visited { color:#006666; font-size:26px; }
.upickem-deal-of-the-day h2 a:active, .upickem-deal-of-the-day h2 a:hover { color:#333; text-decoration:none; }
.upickem-deal-of-the-day h3 { font-size:18px; }
.upickem-deal-of-the-day h3 a:link, .upickem-deal-of-the-day h3 a:visited { color:#006666; font-size:18px; }
.upickem-deal-of-the-day h3 a:active, .upickem-deal-of-the-day h3 a:hover { color:#333; text-decoration:none; }
.upickem-deal-of-the-day p { color:#333; font-size:14px; padding-right:20px; }

/* expanded story (blog) */
.expanded .story-block > h3 { font-size:26px; font-weight:normal; color:#333; line-height:30px; margin-bottom:10px; }
.expanded .story-block > h3 a { color:#333; }
.expanded .story-block > h3 a:hover { color:#547C9D; text-decoration:none; }
.expanded .story-block { padding:0 0 10px; margin:0 0 20px; }
.expanded .story-block .index-share { float:right; margin-bottom:10px; }
.expanded .story-block .index-share ul li { display:block; float:left; }
.expanded .story-block .index-image, .story-block .index-video, .story-block .index-html, .story-block .index-poll { float:none; margin:0 0 15px 0; max-height:none; text-align:center; clear:both; }
.expanded .story-block .index-poll { border:1px solid #ccc; padding:15px; text-align:left; }
.expanded .story-block .index-poll h4 { font-size:16px; margin-bottom:10px; }
.expanded .story-block .index-image .wrap { margin:0 auto; }
.expanded .story-block .index-image img { display:block; border:none; padding:0; max-width:580px; }
.expanded .story-block .index-image .byline { margin:0; text-align:right; font-size:10px; color:#909090; font-weight:normal; }
.expanded .story-block .index-image .caption { color:#666; font-size:16px; line-height:20px; text-align:left; }
.expanded .story-block ul.blox-related-items { display:block; float:right; width:200px; border-left:1px dotted #ccc; padding:0 0 0 10px; margin:0 0 15px 20px; }
.expanded .story-block ul.blox-related-items .images li { display:block; width:90px; height:58px; float:left; margin:0 10px 8px 0; overflow:hidden; }
.expanded .story-block ul.blox-related-items .more-images { margin:0 10px 8px 0; text-align:right; }
.expanded .story-more { font-size:12px; font-weight:normal; }
.expanded .story-more .byline {  font-size:12px; font-weight:normal; color:#777; }
.expanded .story-more span, .story-more em  { margin:0 5px 0 0 !important; font-weight:normal; color:#777; }
.expanded .story-block a.read-more { display:block; float:left; margin:5px 0 0 5px;  }
.expanded .story-block a.button { font-size:11px; text-transform:uppercase; padding: 5px 10px; background: #eee; border: 1px solid #e0e0e0; color: #333; cursor: pointer; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.expanded .story-block a.button:hover { background: #e5e5e5; border: 1px solid #d5d5d5; text-decoration:none; }
.expanded .story-block a.button:active { background-position: 0 top; position: relative; top: 1px; padding: 6px 10px 4px; }
.expanded .base-more { margin:5px; }
.expanded .base-more .comment-count { float:right; margin:7px 0; }

/* .stltoday .expanded .story-block ... */

.stltoday .expanded .story-block .index-image .caption {display:none}
.stltoday .expanded .story-block >h3 a {color:#066}
.stltoday .expanded .story-block .base-more .comment-count {display:none}
.stltoday .expanded .story-block .index-share {display:none}
.stltoday p.search-paging  {display:none}

/* blog extras */
.blog-sections { margin-bottom:10px; }
.blog-sections h2 { color:#555; background-color:#eee; padding:5px; font-family: arial, helvetica, sans-serif; font-size:14px; line-height:14px; border:0; margin-bottom:5px; }
.blog-sections ul li { margin:0 0 5px 15px; }
.blog-sections ul li a { line-height:22px; padding-bottom:5px; border-bottom:1px dotted #ccc; }

.blog-search { margin-bottom:10px; border:1px solid #e0e0e0; padding:10px; }
.blog-search .blog-search-box { width:180px; padding:3px; }
.blog-search .blog-search-box.inactive { color:#555; }

.bios h4 { font-size:13px; font-weight:bold; }
.bios h4 a { color:#333; }
.bios ul li { margin-bottom:10px; border-bottom:1px dotted #ccc; }
.bios ul li .thumb { float:left; margin:0 15px 5px 0; }
.bios ul li .thumb img { width:50px; }
.bios ul li .links { font-size:11px; margin:2px 0; }
.bios ul li .links a { border-right:1px solid #eee; padding-right:5px; margin-right:5px; }
.bios ul li p { font-size:11px; line-height:16px; }
/* Caspio Recipe Database CSS * - EAS */
/* =============================== COMMON ============================ */
/* body{font:85%/130% Arial,Helvetica,sans-serif;margin:0px;padding:0px;font-size:12px;}
*/
#cb-wrapper{margin:0 auto;padding:0;background-color:#ffffff;min-width:450px;}
/* table,form{margin:0px;padding:0px;}
*/
/* =============================== MASTHEAD ========================== */
#cb-masthead{margin:0px;padding:0px;height:50px;background:#990000 url(http://www.caspio.com/recipesguide/images/public/public-banner-search.gif) no-repeat top left;}
#cb-content #cb-masthead h1{color:#fff;font-size:20px;font-weight:bold;padding:10px;margin:10px;display:none;}
#cb-masthead img{margin:8px 0 0 0;padding:0px;}
#cb-masthead-user{margin:0px;padding:0px;background-color:#990000;height:50px;}
#cb-content #cb-masthead-user h1{color:#fff;font-size:20px;font-weight:bold;padding:15px 0 0 15px;margin:0;}
#cb-content #cb-dpcontent h2{color:#990000;font-size:16px;font-weight:bold;padding:0;margin:15px 0 10px 10px;}
#cb-content #cb-dpcontent h3{color:#990000;font-size:15px;font-weight:bold;padding:0;margin:15px 0 10px 0;}
#cb-content #cb-dpcontent #cb_userlogin p{padding:10px 0 0 15px;}
#cb-masthead h1{color:#990000;font-size:26px;font-weight:bold;padding:10px;margin:10px;}
#cb-masthead #cb-logo{margin:20px 0 20px 20px;padding:0;}
/* =============================== NAVBAR ========================== */
#cb-navbar{margin:0px 0 25px;padding:0px;background-color:#044E7F;height:35px;}
#cb-navbar ul{margin:0 0 0 5px;padding:0px;list-style-type:none;}
#cb-navbar ul li{margin:0;padding:5px 5px 0 0;float:left;text-decoration:none;background-color:#044E7F;}
#cb-navbar ul li a{margin:0px;padding:7px 20px 3px;color:#fff;display:block;height:20px;font-size:13px;font-weight:bold;}
* html #cb-navbar a{padding:7px 0 3px;width:130px;text-align:center;}
#cb-navbar li.selected{background-color:#F4F5F9;}
#cb-navbar ul li a.selected{margin:0px;padding:7px 20px 3px;color:#044E7F;display:block;height:20px;font-size:13px;font-weight:bold;}
/* =============================== CONTENT ============================ */
#cb-dpcontent{padding:0;margin:0;}
#cb-content{padding:0;margin:0;
/*border:1px solid #990000; */
/*background-color:#F4F5F9; */
}
#cb-content h1{color:#000;font-size:20px;margin:20px 0 0 13px;padding:0;}
#cb-content p{font-size:12px;margin:0;padding:0 0 0 15px;}
#cb-content a{color:#990000;text-decoration:underline;}
#cb-content a:hover{text-decoration:none;}
.cb_inline_help{margin:0;padding:0;font-size:11px;font-weight:normal;color:#676767;width:300px;}
.cb_inline_help2{margin:0;padding:0 0 0 5px;font-size:11px;font-weight:normal;color:#676767;width:440px;}
/* =============================== SEARCH PAGE (STYLE BLUE) ============= */
#cb_search{margin:0 10px 0 10px;padding:20px 5px 5px 15px;font-weight:bold;background-color:#F4F5F9;}
#cb-footerlink{margin:0 10px -25px 0;text-align:right;}
/* =============================== RESULTS PAGE (STYLE BLUE) ============ */
#cb_results{margin:0;padding:0;}
#cb_results #cb_rimage{margin:0;padding:0;width:90px;}
#cb_results #cb_rimage a img{padding:5px;margin:0;border:1px solid #ccc;background-color:#FFFFFF;}
#cb_results #cb_rimage a{text-decoration:none;}
#cb_results #cb_rcontent a{margin:0;padding:0;font-size:15px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#3366CC;border-bottom:1px dashed #3366CC;}
#cb_results #cb_rcontent a:hover{margin:0;padding:0;font-size:15px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#3366CC;border-bottom:none;}
#cb_results #cb_rcontent{margin:0;padding:0;font-size:12px;}
/* =============================== users ==================================*/
#cb_results #cb_u_rcontent{margin:0;padding:0;font-size:12px;}
#cb_results #cb_u_rcontent{margin:0;padding:0;font-size:12px;}
#cb_results #cb_u_rcontent .cb_rdesc a{font-size:12px;font-weight:normal;text-transform:none;}
#cb_results #cb_u_rcontent #cb_rstatus{font-size:12px;font-weight:normal;text-transform:none;}
#cb_results #cb_u_rcontent h2{color:#990000;font-size:14px;font-weight:bold;padding:0;margin:0;}
#cb_results #cb_rrate{margin:5px 0 0 0;}
#cb_results #cb_rrate span{margin:0;padding:0;font-size:11px;vertical-align:middle;}
#cb_results #cb_rrate img{border:1px solid #ffffff;margin:0 5px 0 0;padding:0;vertical-align:middle;}
#cb_results #cb_rauthor{margin:5px 0 0 0;color:#666666;font-size:11px;}
#cb_results .cb_rdesc{margin:3px 0 3px 0;}
#cb_results #cb_rcontent .cb_rdesc a{font-size:12px;font-weight:normal;text-transform:none;text-decoration:none;}
/* =============================== DETAILS PAGE (STYLE BLUE) =============== */
#cb_title{padding:0;margin:0;font-weight:bold;font-size:18px;color:#fff;background-color:#990000;height:50px;}
#cb_title h1{color:#fff;font-size:20px;font-weight:bold;padding:12px 0 0 15px;margin:0;line-height:130%;}
#cb_headerlink{margin:15px 15px 0 0;float:right;font-size:12px;font-weight:normal;}
#cb_headerlink a{color:#fff;text-decoration:underline;}
#cb_headerlink a:hover{color:#fff;text-decoration:none;}
#cb_userlogout{margin:5px 15px 0 0;float:right;font-size:12px;font-weight:bold;background-color:#990000;}
#cb_userlogout a{color:#fff;text-decoration:underline;}
#cb_userlogout a:hover{color:#fff;text-decoration:none;}
/* =============================== Main Title ============================== */
#cb_dtitle{border-top:1px solid #CCCCCC;padding:8px 0 8px 8px;margin:0;background-color:#E7E9F2;font-weight:bold;font-size:18px;color:#3366CC;text-transform:uppercase;}
#cb_dtitle_sub_dd,#cb_dtitle_sub_ingr,#cb_dtitle_sub_nf{border-top:1px solid #CCCCCC;padding:8px 0 8px 8px;margin:20px 0 0 0;background-color:#E7E9F2;font-weight:bold;font-size:13px;color:#3366CC;text-transform:uppercase;}
#cb_dtitle_sub{border-top:1px solid #CCCCCC;padding:8px 0 8px 11px;margin:20px 3px 0 3px;background-color:#E7E9F2;font-weight:bold;font-size:13px;color:#3366CC;text-transform:uppercase;}
#cb_dheader{margin:0;padding:0;}
#cb_dheader #cb_drate{margin:10px 0 0 15px;}
#cb_dheader #cb_drate img{margin:0 10px 0 0;padding:0;vertical-align:middle;border:1px solid #fff;}
#cb_dheader #cb_drate span{margin:0;padding:0;font-size:11px;}
#cb_dauthor{margin:5px 0 5px 15px;font-size:11px;color:#666666;}
#cb_ddesc{margin:5px 10px 10px 15px;}
#cb_titledesc{margin:10px;}
#cb_dflag{font-size:11px;padding:0;float:right;margin:8px 10px 0 0;}
#cb_dflag a{text-decoration:underline;}
#cb_dflag a:hover{text-decoration:none;}
/* =============================== Image and Prep ========================= */
.cb_dimg{border:1px solid #ccc;margin:0 15px 0 0;padding:8px;text-align:right;}
#cb_dprep ul{margin:0;padding:0 15px;list-style-type:none;}
#cb_dprep ul li{border-bottom:1px dashed #D1D7C3;line-height:180%;margin:0;padding:0;}
#cb_dprep{width:100%;}
/* =============================== Ingredients ========================== */
#cb_dingr{margin:0;padding:0;}
#cb_dingr ul{margin:5px 10px 0 30px;padding:0;list-style-type:square;color:#000;}
#cb_dingr ul li span{padding:0;font-weight:normal;line-height:150%;font-weight:normal;color:#000;}
#cb_dingr ul li{padding:2px 0 0 0;}
/* =============================== Directions ============================ */
#cb_ddirections{margin:0;}
#cb_ddirections ol{margin:5px 10px 0 35px;padding:0;font-weight:bold;color:#000;}
#cb_ddirections ol li span{margin:0;padding:0;font-weight:normal;line-height:150%;color:#000;}
#cb_ddirections ol li{padding:10px 0 0 0;}
/* =============================== Nutrition Information ================== */
#cb_dnutrition{margin:0;}
#cb_dnutrition ul{margin:10px 0 0 20px;padding:0;list-style-type:none;}
#cb_dnutrition ul li{font-weight:normal;line-height:180%;}
/* =============================== Reviews =============================== */
#cb_reviews tbody img{border:1px solid #fff;margin:0;padding:0;}
#cb_writerw{margin:28px 20px 0 0;}
#cb_writerw a{font-size:11px;text-decoration:underline;}
#cb_writerw a:hover{font-size:11px;text-decoration:none;}
#cb_rreviews{margin:0 10px 0 10px;}
/* =============================== FOOTER =============================== */
#cb-footer{clear:both;border-top:1px solid #a1b5c0;color:#a1b5c0;margin:20px;padding:20px;font-size:11px;}
#cb-footer #cbo_sample_logo{float:left;}
#cb-footer p{margin:0px;padding:0;}
#cb-footer a{color:#a1b5c0;text-decoration:underline;}
#cb-footer a:hover{text-decoration:none;}
/*=============================== CHECKBOXES =============================*/
#cb_Container1 .cb_checkboxlist{width:600px;}
#cb_Container1 .cb_checkboxlist ul{list-style-type:none;margin:10px 0 0 0;padding:0;}
#cb_Container1 .cb_checkboxlist ul li{margin:0px;padding:0;width:170px;float:left;font-size:11px;}
#cb_Container1 .cb_checkboxlist li input{float:left;vertical-align:middle;}
#cb_Container1 .cb_checkboxlist li label{vertical-align:middle;padding-left:10px;padding-top:2px;display:block;}
/* ============================= Footer Caspio Branding ======================*/
#cb_footerlogo p{line-height:130%;margin:3px 0 5px;padding:0;font-family:Arial;}
#cb_footerlogo{background-color:#E8E8E6;border-top:3px solid #ccc;clear:right;font-size:11px;margin:0;padding:3px 0;position:relative;text-align:center;vertical-align:middle;}
#cb_footerlogo #cb_caspiologo{height:24px;margin-bottom:4px;vertical-align:middle;width:75px;}
/* ============================= Social Links Widget ======================*/
#socialwidget {position:absolute;top:0px;left:0;width:297px;height:58px;background-color:#FFF;}
#socialwidget a {background:none repeat scroll 0 0 #FFFFFF;float:left;text-decoration:none;padding-right: 21px;}
#socialwidget a span {display:none;height:18px;margin-top:6px;padding-left:5px}
#socialwidget a:hover span {display:block;position:absolute;top:33px;left:0;width:297px;color:#000;background-color:#EEE;font-size:12px;text-align:left;white-space:nowrap;}
#socialwidget img {border:none;}
#socialwidget .lasticon {padding-right:0px;}
/* loading/alert message divs */
h2.loading {border:thin solid #999;color:#999;background-color:#fff;display:block;font-size:16px;line-height:16px;margin:8px 1px;padding:4px 4px 4px 24px;position:relative;}
h2.loading span.spinner {background-image: url(../images/16x16/spinner.gif);display:block;position:absolute;top:4px;left:4px;height:16px;width:16px}
h2.loading span.alert {background-image: url(../images/16x16/alert.gif);display:block;position:absolute;top:4px;left:4px;height:16px;width:16px}
h2.loading span.info {background-image: url(../images/16x16/info.gif);display:block;position:absolute;top:4px;left:4px;height:16px;width:16px}
h2.loading span.stop {background-image: url(../images/16x16/stop.gif);display:block;position:absolute;top:4px;left:4px;height:16px;width:16px}
/* E-ThePeople */
div#vgt div.vgt-modal-mask {
    background-color: #FFFFFF;
    opacity: 100;
    }
    
/* foursquare button, via addthis below map on assets */
#map-toolbox .map-button {float:right}

/* fix the opacity issues with the addthis buttons */
.article-share-top .addthis_toolbox .at300b:hover {opacity:1.0}
.article-share-top .addthis_toolbox .at300bs:hover {opacity:1.0}
/* Overridding Elections.css Defaults */
.label.important{ background-color:#990000 !important; color:#fff !important; }
.label.democrat{ background-color:#033399;display:none; }
.label.republican{ background-color:#CA2835;display:none; }
.label.independent{ background-color:#333;display:none; }
.label.green{ background-color:#009900;display:none; }
.label.other-party{ background-color:#777;display:none; }
.race-title a {color: #FFFFFF;}
.race-title a:hover {color: #FFFFFF;text-decoration:underline; }
/* marketplace list */
.marketplace-list { margin-bottom:18px; }
.marketplace-list .index-image { max-height:60px; overflow:hidden; }
.marketplace-list .index-image img { display:block; width:75px; }
.marketplace-list .excerpt { margin:5px 0 0 0; font-size:11px; color:#777; }
.marketplace-list h1, .marketplace-list h2, .marketplace-list h3, .marketplace-list h4, .marketplace-list h5, .marketplace-list h6 { font-weight:normal; line-height:normal; }
/* index list */
.index-list-item { clear: both; border-top: 1px solid #E0E0E0; padding: 10px 0; }
.index-list-container h1 { font-size: 20px; line-height: 24px; padding-bottom: 10px; font-weight: normal; margin: 0; }
.index-list-container .left { margin-right:15px; }
.index-list-container .right { margin-left:15px; }
.index-list-container .small .image { max-height: 75px; margin: 5px 0; overflow:hidden; }
.index-list-container .small .image.no_crop{ max-height:none; }
.index-list-container .small .image img { display:block; width: 100px; }
.index-list-container .large .image { max-height: 180px; margin: 5px 0; overflow:hidden; }
.index-list-container .large .image img { display:block; width: 240px; }
.index-list-container .featured .image { max-height: 400px; margin-bottom: 10px; overflow:hidden; }
.index-list-container .featured .image img { width: 584px; }
.index-list-container .featured { padding: 18px; }
.index-list-container .time-related { font-size: 11px; }
.index-list-container .time-related .time { float: left; margin-right: 10px; }
.index-list-container .byline { color: #bfbfbf; font-size: 11px;  font-weight: bold; margin-bottom: 0;  text-transform:uppercase; }
.index-list-item .tooltip { width: 240px; font-size: 11px; }
.index-list-container .tooltip .image-related { overflow: hidden; float: left; width: 50px; margin-right: 2px; margin-bottom: 2px; height: 30px; overflow: hidden; }
.index-list-container .tooltip .image-related img { width: 50px; }
.index-list-container .gallery-list ul li { border: 1px solid #ddd; height: 126px; width: 128px; overflow: hidden; padding: 10px; margin-right: 5px; margin-bottom: 5px; }
.index-list-container .gallery-list ul li:hover { background: #f7f7f7; }
.index-list-container .gallery-list ul li img { width: 128px; }
.clearfix{clear:both;}