.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

#article-search { position: relative; height: 64px; margin: 0 0 10px; background: url(../graphics/search.gif) no-repeat; }
#article-search label { position: absolute; top: 20px; left: 20px; padding: 3px 8px 0 0; color: #46483a; font-size: 1.3em; }
.sIFR-hasFlash #article-search label { font-size: 1.1em; overflow: hidden; }
#article-search input.text { position: absolute; left: 100px; top: 20px; width: 350px; }
#article-search input.image { position: absolute; right: 20px; top: 20px; }
#kiosk #article-search input.image { left: 465px; }

#kiosk #article-listing { width: 530px; }
#article-listing, div.article-listing { background: url(../graphics/heading.gif) no-repeat; }
div.article-listing { padding: 0 0 1em; }
#article-listing h2, div.article-listing h2 { height: 35px; line-height: 35px; margin: 0 0 1px; padding: 0 0 0 20px; font-weight: normal; font-size: 1.3em; }
.sIFR-hasFlash #article-listing h2, .sIFR-hasFlash div.article-listing h2 { position: relative; top: 9px; height: 20px; margin: 0 0 16px; font-size: 1.1em; }
#article-listing ul, div.article-listing ul { margin: 0; padding: 0; list-style-type: none; }
#article-listing li, div.article-listing li { position: relative; margin: 1px 0 0; border: 1px solid #cccdc9; }
#article-listing li.active { border-width: 1px 1px 0; }
#article-listing li a, div.article-listing li a { display: block; position: relative; height: 25px; line-height: 25px; padding: 0 20px 0 35px; background: #eeeeed url(../graphics/arrow.gif) no-repeat 20px center; }
div.article-listing li a { height: 20px; line-height: 20px; padding: 0 20px; background: #eeeeed }
#article-listing li a:hover { background: #dfdfdf url(../graphics/arrow.gif) no-repeat 20px center; }
div.article-listing li a:hover { background: #dfdfdf; }
#article-listing li.active a,
#article-listing li.active a:hover { background: #dfdfdf url(../graphics/arrow-down.gif) no-repeat 20px center; }
#article-listing li a span { position: absolute; right: 20px; top: 0; }
#article-listing li ul { display: none; border-top: 1px solid #cccdc9; }
#article-listing li.active ul,
#article-listing li.display ul { display: block; }
#article-listing li ul li { border: 0; margin: 0; border-bottom: 1px solid #ccc; }
#article-listing li ul li a,
#article-listing li.active ul li a { padding: 7px 20px 7px 35px; height: auto; line-height: 1.2em; background: none transparent; }
#article-listing li ul li a:hover,
#article-listing li.active ul li a:hover { background: #eeeeed; }

#article-article div.anchors { padding: 10px; margin: 0 0 1em; border: 1px solid #ccc; }
#article-article div.anchors h3 { float: left; margin: 0 1em 0 0; font-size: 1em; }
#article-article div.anchors ul { float: left; margin: 0; padding: 0; list-style-type: none; }
#article-article div.article { padding: 10px 10px 0; }
#article-article div.articles div.intro { min-height: 178px; background: url(../graphics/article-intro.gif) no-repeat left top; }
* html #article-article div.articles div.intro { height: 178px; }
#article-article div.articles div.intro h2 { margin: 0 0 0.8em; padding: 0 0 0 45px; }
#article-article div.articles div.intro p { margin: 0 0 1em; }
#article-article div.articles div.intro p img { float: right; margin: 0 0 10px 10px; }
#article-article div.article p.foot { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
#article-article div.article p.foot a { float: left; height: 22px; line-height: 22px; padding: 0 0 0 22px; font-weight: bold; background: url(../graphics/top-link.gif) no-repeat left center; }

#article-search-results h3 a { font-weight: bold; }
#article-search-results p { margin: 0 0 1em; }

#article-sidebar { padding: 0 0 1em; }
#article-sidebar h2 { font-weight: normal; font-size: 1.3em; }
#article-sidebar ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #cccdc9; }
#article-sidebar li { padding: 5px 0; border-bottom: 1px solid #cccdc9; }