/*------------------------------------------------------------------------ # Soapbox -> Style CSS (v1.0) # ------------------------------------------------------------------------ # Copyright (C) 2009 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !LAYOUT */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Body */ /* ----------------------------------------------------------------------*/ body { color: #000000; background: #183543 url(../images/_layout/body-bg.jpg) no-repeat fixed top center; font-family: Helvetica, Arial, FreeSans, sans-serif; line-height: 1.4em; } body#bd { color: #000000; background: #183543 url(../images/_layout/body-bg.jpg) no-repeat fixed top center; } body.fs3 { font-size: 12px; line-height: 1.4em; } /* !Printable page & Mailto Page Popups */ body.contentpane { width: auto; margin: 1em 2em; line-height: 1.3em; margin: 0px 0px 0px 0px; padding: 5px 10px 10px 10px; font-size: 13px; color: #000000; background: #fff; } /* !Table */ th {} td,div {} /* Go Top */ #goTop { border-top: 1px solid #cce8f6; clear: both; font-size: 11px; line-height: 13px; padding: 10px 0 0 0; margin-top: 30px; text-align: right; } #goTop a, #goTop a:active, #goTop a:visited { padding: 0 20px 2px 0; text-decoration: none !important; background: url(../images/_layout/a-top.gif) no-repeat top right; } #goTop a:hover {} /* !Follow RSS */ .follow_rss { padding: 6px 0 0 10px; } .follow_rss .btnRss a { padding: 2px 0 2px 20px; background: url(../images/livemarks.png) no-repeat left center !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/livemarks.png', sizingMethod='crop'); text-decoration: none; } .follow_rss .btnMail a { padding: 2px 0 2px 20px; background: url(../images/buticon-mail.png) no-repeat left center !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/buticon-mail.png', sizingMethod='crop'); text-decoration: none; } .follow_rss span { margin-right: 10px; } /* !Flag This */ a.flagthis { padding: 2px 0 2px 20px; background: url(../images/flagthis.png) no-repeat left center !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/flagthis.png', sizingMethod='crop'); text-decoration: none !important; } #sbox-content { background-color: #EFF6FA !important; } .addthis_toolbox { width: 300px;} .addthis_toolbox .addthis_button_pinterest_pinit { margin-right: 0px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Wrappers */ /* ----------------------------------------------------------------------*/ #sbx-wrapper { width: 100%; margin: 0; position: relative; } #sbx-top, #sbx-header, #sbx-mainnav, #sbx-container, #sbx-containerTop, #sbx-footer, #sbx-footerTop, #sbx-footerBot { width: 90%; margin: 0 auto; } /* ------------------------------------------------------------------------ /* !LAYOUT: Top */ /* ----------------------------------------------------------------------*/ #sbx-topwrap { height: 29px; position: relative; } #sbx-top { height: 29px; position: relative; background: url(../images/_layout/top-bg-right.gif) no-repeat top right; } #sbx-top-inner { height: 29px; background: url(../images/_layout/top-bg-left.gif) no-repeat top left; margin-right: 10px; } #sbx-topnav { float: left; /*padding-top: 7px;*/ } /* ------------------------------------------------------------------------ /* !LAYOUT: Header */ /* ----------------------------------------------------------------------*/ #sbx-headerwrap { height: 146px; position: relative; } #sbx-header { position: relative; height: 146px; } h1.logo { margin: 0; padding: 31px 0 0 0; font-size: 1.8em; text-transform: uppercase; } h1.logo a { width: 260px; height: 100px; display: block; background: url(../images/_layout/mwlogo-r.png) no-repeat !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/_layout/mwlogo-r.png', sizingMethod='crop'); position: relative; z-index: 100; } h1.logo a span { position: absolute; top: -1000px; } #usertools { position: absolute; top: 56px; right: 0px; height: 30px; width: 100%; font-size: 11px; } #usertools a, #usertools a:active, #usertools a:visited { color: #86DFFF; } #usertools a:hover { color: #FFF; } #usernav-menu { float: right; background: url(../images/_layout/usernav-bg.png) no-repeat !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/_layout/usernav-bg.png', sizingMethod='crop'); } #usernav-menu ul { margin: 0px; padding: 0px; font-size: 11px; } #usernav-menu ul li { display: inline; float: none; margin: 0px !important; padding: 0px !important; background: none !important; line-height: 32px; } #usernav-menu ul li a, #usernav-menu ul li a:active, #usernav-menu ul li a:visited { text-decoration: none; padding: 0px 0px 0px 10px; background: url(../images/_layout/usernav-div.png) no-repeat 2px center; position: relative; } #usernav-menu ul li a:hover {} #usernav-menu ul li.first a { background: none; } img.usercom { float: right; margin-top: 2px; } .welcome { position: absolute; right: 425px; top: 2px; } .welcome span.welcome_text { color: #FFF; } .welcome span.welcome_avatar {} .welcome span.welcome_avatar img { vertical-align: middle; width: 21px; height: 21px; padding: 1px; border: 1px solid #4da7d4; margin-left: 3px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Search */ /* ----------------------------------------------------------------------*/ #sbx-search { height: 24px; position: absolute; top: 1px; right: 5px; width: 340px; } #sbx-search #mod_search_searchword { display: block; float: right; margin: 0px; padding: 6px 3px 3px 7px; width: 110px; height: 15px; font-size: 11px; color: #000; border: none; background: url(../images/_layout/logo.png) no-repeat; background: url(../images/_layout/search-input-bg.gif) no-repeat; } #sbx-search button { display: block; float: right; text-indent: -9999px; background: url(../images/_layout/search-btn-bg.gif) no-repeat !important; width: 27px; height: 24px; border: none; margin: 0px 0px 0px 2px; padding: 0px; overflow: hidden; } #sbx-search select { display: block; float: right; color: #CCC; background: #404040; border: none; font-size: 11px; width: 130px; height: 24px; border: none; padding: 5px 1px 2px 0px !important; } #sbx-search div.search { float: right; color: #86defd; font-size: 11px; padding: 0 10px 0 0; line-height: 26px; } /* ------------------------------------------------------------------------ /* !LAYOUT: Containers */ /* ----------------------------------------------------------------------*/ #sbx-containerTop { height: 25px; position: relative; } #ct-l { background: url(../images/_layout/ct-l.png) no-repeat !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/_layout/ct-l.png', sizingMethod='crop'); width: 15px; height: 25px; position: absolute; top: 0px; left: 0px; } #ct-m { background: #FFF; height: 25px; margin: 0px 15px; } #ct-r { background: url(../images/_layout/ct-r.png) no-repeat !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/_layout/ct-r.png', sizingMethod='crop'); width: 15px; height: 25px; position: absolute; top: 0px; right: 0px; } /* Home */ #sbx-containerwrap {} #sbx-containerwrap2 {} #sbx-container { background: #fff url(../images/_layout/content-bg.gif) repeat-y left top; } #sbx-container2 { background: url(../images/_layout/content-bg.gif) repeat-y right top; margin-left: 5px; padding: 0px 20px 30px 15px; } #sbx-contentwrap { min-height: 300px; height: auto; margin: 0 230px 0 230px; } * html #sbx-contentwrap { height: 300px; } /* Full */ #sbx-containerwrap-f { position: relative; } #sbx-containerwrap-f #sbx-containerwrap2 {} #sbx-containerwrap-f #sbx-container, #sbx-containerwrap-f #sbx-container2 {} #sbx-containerwrap-f #sbx-contentwrap { margin: 0px; } #sbx-mainbody-f { float: none; width: 100%; } #sbx-mainbody-f #sbx-content { padding: 0; } /* Full left */ #sbx-containerwrap-fl { position: relative; } #sbx-containerwrap-fl #sbx-containerwrap2, #sbx-containerwrap-fl #sbx-container, #sbx-containerwrap-fl #sbx-container2 {} #sbx-mainbody-fl { float: none; width: 100%; position: relative; } #sbx-mainbody-fl #sbx-contentwrap { margin: 0 230px 0 0; } /* Full right */ #sbx-containerwrap-fr { position: relative; } #sbx-containerwrap-fr #sbx-containerwrap2 { position: relative; } #sbx-mainbody-fr { float: none; width: 100%; position: relative; } #sbx-mainbody-fr #sbx-contentwrap { margin: 0 0 0 230px; } #sbx-content { float: left; width: 100%; padding-bottom: 20px; } #sbx-col1 { float: left; width: 200px; } #sbx-col2 { float: right; width: 200px; } #sbx-col1 .article_separator, #sbx-col2 .article_separator { display: none; } /*#page { margin: 20px 0 0 0; }*/ /* ------------------------------------------------------------------------ /* !LAYOUT: Footer */ /* ----------------------------------------------------------------------*/ #sbx-footerwrap { clear: both; padding-bottom: 30px; } #sbx-footerTop { background: #000; } .sbx-footerTop-inner { background: url(../images/_layout/footer-top-bg.gif) repeat-x; height: 6px; margin: 0px 5px; } #sbx-footer { position: relative; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; padding-bottom: 20px; background: #000 url(../images/footer-bg.jpg) no-repeat right bottom; } #sbx-footnav { padding: 15px 10px 0 10px; } #ft-l { background: url(../images/_layout/ft-l.png) no-repeat left bottom !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/_layout/ft-l.png', sizingMethod='crop'); width: 10px; position: absolute; top: 0px; left: 0px; } #ft-m { background: #000 url(../images/_layout/ft-m.png) no-repeat right !important; margin: 0px 10px; } #ft-r { background: url(../images/_layout/ft-r.png) no-repeat !important; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/microbeworld/images/_layout/ft-r.png', sizingMethod='crop'); width: 10px; position: absolute; top: 0px; right: 0px; } #sbx-footerBot { padding: 10px 0; color: #C8E0ED; } #sbx-footerBot p.address { margin: 0 20px; } #sbx-footerBot p.copy { margin: 10px 20px 0 20px; font-size: .9em; } /* ------------------------------------------------------------------------ /* !LAYOUT: Breadcrumbs */ /* ----------------------------------------------------------------------*/ #sbx-pathway { font-size: .95em; padding: 0px; line-height: 1.1em; color: #384b55; } #sbx-pathway .breadcrumbs { border: none; padding: 2px 0 0 0; } #sbx-pathway .breadcrumbs a, #sbx-pathway .breadcrumbs a:active, #sbx-pathway .breadcrumbs a:visited { text-decoration: none; font-weight: bold; } #sbx-pathway .breadcrumbs a:hover {} #sbx-pathway .breadcrumbs img { width: 5px; height: 6px; margin: 1px 3px; } #sbx-pathway { background: #e3f0f6 url(../images/_layout/b-br.gif) no-repeat bottom right; } #sbx-pathway div.bl { background: url(../images/_layout/b-bl.gif) no-repeat bottom left; } #sbx-pathway div.tr { background: url(../images/_layout/b-tr.gif) no-repeat top right; } #sbx-pathway div.tl { padding: 10px; background: url(../images/_layout/b-tl.gif) no-repeat top left; } /* ------------------------------------------------------------------------ /* !LAYOUT: Banner */ /* ----------------------------------------------------------------------*/ #sbx-banner { margin: 15px 0; text-align: center; clear: both; } #sbx-banner li { display: block; margin-top: 15px; padding: 0px; text-align: left; background: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MENUS */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Menu */ /* ----------------------------------------------------------------------*/ ul.menu-mm { margin: 0; padding: 0; float: right; position: absolute; right: 0px; bottom: 0px; } ul.menu-mm li { margin: 0; padding: 0px 1px 0px 0px; display: block; float: left; background: url(../images/_layout/mm-div.gif) no-repeat right top; } ul.menu-mm li a, ul.menu-mm li a:active, ul.menu-mm li a:visited { padding: 0; display: block; float: left; width: 120px; height: 40px; color: #999; font-weight: bold; font-size: 16px; line-height: normal; text-decoration: none; text-transform: uppercase; text-align: center; text-indent: -999em !important; } ul.menu-mm li a:hover { color: #fff; background-position: 0px -40px !important; } ul.menu-mm li.active a { color: #000; background-position: 0px -80px !important; } ul.menu-mm li a span { display: none; } ul.menu-mm li.item-58 { padding: 0px; background: none; } ul.menu-mm li.item-384 a { background: url(../images/_layout/mm-all.gif) no-repeat 0px 0px; } ul.menu-mm li.item-50 a { background: url(../images/_layout/mm-news.gif) no-repeat 0px 0px; } ul.menu-mm li.item-56 a { background: url(../images/_layout/mm-video.gif) no-repeat 0px 0px; } ul.menu-mm li.item-57 a { background: url(../images/_layout/mm-images.gif) no-repeat 0px 0px; } ul.menu-mm li.item-58 a { background: url(../images/_layout/mm-resources.gif) no-repeat 0px 0px; } /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Top */ /* ----------------------------------------------------------------------*/ ul#mainlevel-tm { margin: 0; padding: 0; } ul#mainlevel-tm li { margin: 0; padding: 0px 12px; line-height: 29px; display: inline; background: url(../images/_layout/topnav-div.gif) no-repeat right center; } ul#mainlevel-tm li a, ul#mainlevel-tm li a:active, ul#mainlevel-tm a:visited { padding: 0; display: inline; color: #ccc; font-weight: bold; font-size: 11px; line-height: normal; text-decoration: none; } ul#mainlevel-tm a:hover { color: #fff; text-decoration: none; } ul#mainlevel-tm li.active a { color: #86dfff; } ul#mainlevel-tm li.item-55, ul#mainlevel-tm li:last-child { background: none; } /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Submenu */ /* ----------------------------------------------------------------------*/ /* 1st Level */ ul.menu, ul#menulist_root-sm { margin: 0; padding: 0; list-style: none; } ul.menu li, ul#menulist_root-sm li { margin: 0 !important; padding: 0px 0px 0px 10px !important; background: url(none); line-height: 1.2em; } ul.menu li a, ul#menulist_root-sm li a { padding: 0px 0; display: block; color: #4da7d4; text-decoration: none; outline: none; font-weight: normal; } ul.menu li a:hover, ul#menulist_root-sm li a:hover { color: #31c601; text-decoration: none; } ul.menu li a span {} /* 1st Level > Parent (has sub items) */ ul.menu li.parent a {} ul.menu li.parent a:hover {} ul.menu li.parent a span {} /* 1st Level > Active */ ul.menu li.active a, ul#menulist_root-sm li.mainlevel_active-sm > a {} ul#menulist_root-sm li.mainlevel_current-sm > a { color: #31c601; font-weight: bold; text-decoration: none; } ul.menu li.active a:hover {} ul.menu li.active a span {} /*-----------------------------------------------------------------------*/ /* 2nd Level */ ul.menu li.active ul, ul#menulist_root-sm li ul { margin: 0px; padding: 0; list-style: none; } ul.menu li.active ul li, ul#menulist_root-sm li ul li { padding: 2px 0 5px 18px !important; background: url(../images/_layout/bullet.gif) no-repeat 0px 1px !important; font-size: 12px; line-height: 1.2em; } ul.menu li.active ul li a, ul#menulist_root-sm li ul li a { color: #4da7d4; font-weight: normal; } ul.menu li.active ul li a:hover, ul#menulist_root-sm li ul li a:hover { color: #31c601; } ul.menu li.active ul li a span {} /* 2nd Level > Parent (has sub items) */ ul.menu li.active ul li.parent a {} ul.menu li.active ul li.parent a:hover {} ul.menu li.active ul li.parent a span {} /* 2nd Level > Active */ ul.menu li.active ul li.active a, ul#menulist_root-sm li ul li.sublevel_active-sm > a {} ul#menulist_root-sm li ul li.sublevel_current-sm > a { color: #31c601; font-weight: bold; text-decoration: none } ul.menu li.active ul li.active a:hover {} ul.menu li.active ul li.active a span {} /*-----------------------------------------------------------------------*/ /* 3rd Level */ ul.menu li.active ul li.active ul, ul#menulist_root-sm li ul li ul { margin: 5px 0 0px 5px; } ul.menu li.active ul li.active ul li, ul#menulist_root-sm li ul li ul li { padding: 2px 0 5px 10px !important; background: url(../images/arrow.png) no-repeat 0px 4px !important; font-size: 11px; line-height: 1.2em;} ul.menu li.active ul li.active ul li a, ul#menulist_root-sm li ul li ul li a { color: #4da7d4; font-weight: normal; } ul.menu li.active ul li.active ul li a:hover, ul#menulist_root-sm li ul li ul li a:hover { color: #31c601; } ul.menu li.active ul li.active ul li a span {} /* 3rd Level > Parent (has sub items) */ ul.menu li.active ul li.active ul li.parent a {} ul.menu li.active ul li.active ul li.parent a:hover {} ul.menu li.active ul li.active ul li.parent a span {} /* 3rd Level > Active */ ul.menu li.active ul li.active ul li.active a, ul#menulist_root-sm li ul li ul li.sublevel_active-sm > a {} ul#menulist_root-sm li ul li ul li.sublevel_current-sm > a { color: #31c601; font-weight: bold; text-decoration: none } ul.menu li.active ul li.active ul li.active a:hover {} ul.menu li.active ul li.active ul li.active a span {} ul.menu li.active ul li.active ul li ul li, ul#menulist_root-sm li ul li ul li ul li { padding: 2px 0 5px 10px !important; background: url(../images/arrow.png) no-repeat 0px 4px !important; font-size: 10px; line-height: 1.2em; } ul.menu li.active ul li.active ul li a, } /* ------------------------------------------------------------------------ /* !MENU: Mainmenu > Footer */ /* ----------------------------------------------------------------------*/ ul.menu-fm { margin: 0 0 0 10px; padding: 0; font-size: 12px; color: #85defc; overflow: hidden; } ul.menu-fm li { margin: 0 1% 0 0; padding: 8px 0px 2px 0px; _padding: 6px 0px 2px 0px; line-height: 13px; display: block; float: left; width: 13%; height: 1%; background: none; } ul.menu-fm li a, ul.menu-fm li a:active, ul.menu-fm li a:visited, ul.menu-fm li span.separator { display: block; color: #85defc; text-decoration: none; margin: 0; } ul.menu-fm li a:hover { color: #fff; text-decoration: none; } ul.menu-fm li.item-649 { display: none; } ul.menu-fm li ul { float: none; margin: 0; padding: 2px 0 0 0; } ul.menu-fm li ul li { margin: 0; padding: 4px 0px 0px 0px; _padding: 0px 0px 0px 0px; line-height: 13px; display: block; float: none; height: 1%; width: auto; clear: both; background: none; } ul.menu-fm li ul li a, ul.menu-fm li ul li a:active, ul.menu-fm li ul li a:visited { color: #999; text-decoration: none; margin: 0; padding: 0 7px 2px 0; } ul.menu-fm li ul li a:hover { color: #fff; text-decoration: none; } ul.menu-fm2 { margin: 0 0 0 10px; padding: 10px 0 0 0; width: 70%; font-size: 12px; color: #85defc; } ul.menu-fm2 li { margin: 0; padding: 8px 0px 3px 0px; _padding: 6px 0px 3px 0px; line-height: 12px; display: block; clear: both; background: url(../images/_layout/fm-li-bg.gif) repeat-x left bottom; height: 1%; } ul.menu-fm2 li a, ul.menu-fm2 li a:active, ul.menu-fm2 li a:visited { color: #999; text-decoration: none; margin: 0 0 0 20px; padding: 0 7px 2px 0; background: url(../images/_layout/fm-a-bg.gif) no-repeat right bottom; } ul.menu-fm2 li a:hover { color: #fff; text-decoration: none; } ul.menu-fm2 li span.title { width: 190px; display: block; float: left; padding-left: 5px; } ul.menu-fm2 li span.title a { margin: 0px; color: #85defc; } ul.menu-fm2 li span.title a:hover { color: #FFF; } ul.menu-fm2 li span.links { display: block; float: left; } ul.menu-fmtop { margin: 0; padding: 12px 0 10px 0; font-size: 13px; color: #85defc; overflow: hidden; text-align: center; font-weight: bold; } ul.menu-fmtop li { margin: 0; padding: 0px 8px; line-height: 13px; height: 1%; background: none; display: inline; } ul.menu-fmtop li a, ul.menu-fmtop li a:active, ul.menu-fmtop li a:visited, ul.menu-fmtop li span.separator { color: #85defc; text-decoration: none; margin: 0; } ul.menu-fmtop li a:hover { color: #fff; text-decoration: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !QUICK STYLES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ .item-page { position: relative; } /* !Component Heading */ .blog h1 { margin: 0 0 20px 0; padding: 20px 0 8px; font-weight: normal; font-size: 3em; line-height: 1.0em; color: #000; border: none; } img.componentheading-avatar { height: 30px; vertical-align: middle; margin-right: 6px; } /* !Article Heading */ .article-title { margin: 0px; } .item-page h2, .article-title h2.contentheading { padding: 20px 0 8px; margin: 0 120px 0 0; font-weight: normal; font-size: 3em; line-height: 1.0em; color: #000; } .item-page h2 a, .item-page h2 a:active, .item-page h2 a:visited {} .item-page h2 a:hover {} .item-page .actions, .article-title .buttonheading { padding: 20px 0 0 0; position: absolute; right: 0px; top: 0px; width: auto; } .item-page .actions img, .article-title .buttonheading img { margin: 0px; } .item-page .actions span {} .item-page .actions { margin: 0px; } .item-page .actions li, .article-title .buttonheading span { background: none; margin: 0px; padding: 0px; margin: 7px 1px 0 0 !important; float: right; } /* !Article Meta */ dl.article-info { color: #999; font-size: 11px; margin: 0 0 1em 0; width: auto; clear: both; overflow: hidden; } dl.article-info dt { display: none; } dl.article-info dd { border: none; margin: 0px; padding: 0px; display: block; clear: both; } .article-meta-wrap, div.metadata { padding: 0px; } .article-meta-wrap, div.metadata, span.small { color: #999; font-size: 11px; } .article-meta-content {} .article-meta-content span {} .article-meta-content span strong, div.metadata span.author-name, span.title span.count, span.small strong { font-weight: normal; color: #666; } .article-meta-content span.title {} /* !Article Meta: Setup for just top portion and bottom */ .metaTop {} .metaBot {} /* !Article Content */ .article-content {} /* !Separators */ span.article_separator { clear: both; display: block; height: 20px; } span.afterdisplay_separator {} /* !Before and After Wrappers */ .article-beforecontent {} .article-aftercontent {} /* !TOC */ table.contenttoc th {} /* !Blog Table */ table.blog tr td.column_separator { padding: 0 25px; } .blog .items-leading > div { position: relative; } .blog .items-leading > div { margin-bottom: 3em;} .blog .items-leading h2, .blog .items-row .item h2 { font-size: 1.5em; line-height: 1.1em; color: #3A7EA1 !important; font-weight: normal; margin: 0 120px 0 0; } .blog .items-leading h2 a, .blog .items-row .item h2 a, .blog .items-leading h2 a:active, .blog .items-row .item h2 a:active, .blog .items-leading h2 a:visited, .blog .items-row .item h2 a:visited { text-decoration: none !important; } .blog .items-leading h2 a:hover, .blog .items-row .item h2 a:hover {} .blog .actions { margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; width: auto; } .blog .actions li { background: none; margin: 0px; padding: 0px; margin: 0 1px 0 0 !important; float: right; } .blog .category-desc { overflow: auto; margin-bottom: 1em; } .blog .items-row { clear: both; } .blog .items-row .item { position: relative; margin: 15px 0px; } .blog .items-row.cols-2 .column-1, .blog .items-row.cols-2 .column-2 { width: 48%; float: left; margin-left: 4%; } .blog .items-row.cols-2 .column-1 { margin-left: 0px; } .blog .items-row .item h2 { margin-bottom: 4px; } /* !Blog More */ .compBlogMore-wrap {} .compBlogMore-content {} /* !Read On Button */ a.readon, a.readon:active, a.readon:visited { float: left; margin-top: 10px; padding: 1px 20px 1px 0px; display: block; background: url(../images/_layout/bullet.gif) no-repeat right 42%; font-size: .9em; font-weight: bold; text-transform: uppercase; cursor: pointer; } a.readon:hover {} /* !Back Button */ .back_button a, .back_button a:active, .back_button a:visited {} .back_button a:hover {} /* !Results Table */ table.resultsTBL thead th { background: #384B55; vertical-align: middle; } table.resultsTBL thead th span.th-sort { padding-right: 10px; } table.resultsTBL thead th span.th-sorttitle { font-weight: normal; font-style: italic; color: #E3F2FA; } table.resultsTBL thead th a, table.resultsTBL thead th a:active, table.resultsTBL thead th a:visited {} table.resultsTBL thead th a:hover {} table.resultsTBL ul.tdList-horz li span {} table.resultsTBL ul.tdList-horz li span label {} table.resultsTBL h2.resTitle { margin: 0 0 .2em 0; font-size: 1.3em; line-height: 1.1em; font-weight: normal; } table.resultsTBL div.resDesc { margin: 0 0 .2em 0; } table.resultsTBL div.resCreated { color: #999; } /* !Alternating Row Colors for Tables, Comments, etc. */ .row1 td, .odd { background: #eff6fa !important; border-bottom: 1px solid #CCE8F6 !important; border-top: 1px solid #fff !important; } .rowTitle1 td {} .row2 td, .even { background: #e3f2fa !important; border-bottom: 1px solid #CCE8F6 !important; border-top: 1px solid #fff !important; } .rowTitle2 td {} .row1:hover td, .row2:hover td, .odd:hover, .even:hover {} .rowTitle1:hover td, .rowTitle2:hover td {} /* !Pager: List */ .pagination ul, .compResNavPgr-content ul { margin: 0; padding: 0; } .pagination ul li, .compResNavPgr-content ul li { background: none repeat scroll 0 0 transparent; display: inline; margin: 0; padding: 0; } .pagination ul li span, .compResNavPgr-content ul li span { padding: 2px; } .pagination ul li.pagination-start, .pagination ul li.pagination-prev, .pagination ul li.pagination-next, .pagination ul li.pagination-end, .compResNavPgr-content ul li.pagination-start, .compResNavPgr-content ul li.pagination-prev, .compResNavPgr-content ul li.pagination-next, .compResNavPgr-content ul li.pagination-end { /*margin: 0 7px 0 0;*/ padding: 0; } .pagination ul a, .compResNavPgr-content ul a { padding: 2px; } .pagination ul a:hover, .compResNavPgr-content ul a:hover { } .pagination, .compResNavPgr-content { text-align: center; margin: 1.4em 0 0 0; } ul.pagination, .pagination ul, .compResNavPgr-content ul { background: #E3F0F6; margin: 0 auto .6em auto; padding: 0px; color: #384b55; border: none; } .pagination p.counter, .compResNavPgr-content p.counter { margin: .6em 0 .2em 0; color: #999; } ul.pagination li, .pagination ul li, .compResNavPgr-content ul li { margin: 0px 0px; padding: 0px 0px; display: inline; background: none; line-height: 35px; } ul.pagination li span, .pagination ul li span, .compResNavPgr-content ul li span { padding: 2px 5px; } ul.pagination li.prevPage, ul.pagination li.prevPageOff, ul.pagination li.nextPage, ul.pagination li.nextPageOff {} ul.pagination a, .pagination ul a, .compResNavPgr-content ul a { padding: 2px 5px; font-weight: bold; } ul.pagination a:hover {} /* !Poll Table Bars */ .polls_color_1 {} .polls_color_2 {} .polls_color_3 {} .polls_color_4 {} .polls_color_5 {} /* !Section Containers */ .compSect-wrap { margin: 20px 0 0 0; } .compSect-title { text-decoration: none; } .compSect-title a, .compSect-title a:active, .compSect-title a:visited {} .compSect-title a:hover {} .compSect-title h3, .contact h3, .registration h1 { color: #384b55; font-size: 1.6em; font-weight: bold; margin: 0px; padding: 10px 0px 4px 0px; background: #fff; text-transform: uppercase; border-bottom: 5px solid #c8e0ed; } .compSect-title h3 span {} .compSect-title h3 span.sub { color: #999; } .compSect-title-link h3 {} .compSect-title-link h3 a, .compSect-title-link h3 a:active, .compSect-title-link h3 a:visited {} .compSect-title-link h3 a:hover {} .compSect-contentwrap { padding: 14px 0px 10px 0px; background-color: #fff; position: relative; } .compSect-contentwrap fieldset {} .compSect-content {} .compSectBtns-wrap {} .compSectBtns-contentwrap { padding: 8px 0px 10px 0px; background-color: #fff; margin: 9px 0 0 0; } .compSectBtns-content {} /* !Section Internal Containers */ .compSectInt-wrap { background: #c8e0ed; } .compSectInt-title {} .compSectInt-title a, .compSectInt-title a:active, .compSectInt-title a:visited { text-decoration: none !important; } .compSectInt-title a:hover {} .compSectInt-title h3 { margin: 0px; padding: 10px; } .compSectInt-title h3 span {} .compSectInt-title h3 span.sub {} .compSectInt-title-link h3 {} .compSectInt-title-link h3 a, .compSectInt-title-link h3 a:active, .compSectInt-title-link h3 a:visited {} .compSectInt-title-link h3 a:hover {} .compSectInt-contentwrap {} .compSectInt-contentwrap fieldset { padding: 0px 10px 10px 10px; } .compSectInt-content {} /* !Section Containers Content & Forms */ .compSect-content label.desc { color: #444444; } .compSect-content label.choice, .compSect-content li.buttons span { color: #222222; } .compSect-content li.section, .compSect-content li.sectionInstruct { border-color: #C8E0ED; background: none; padding-left: 0px; } .compSect-content label.miniDesc { display: block; clear: both; font-size: .9em; color: #666; font-weight: normal; float: none; line-height: 1.0em; margin: 0 0 3px 0; padding: 0px; } .compSect-content label.miniDesc a { font-weight: bold; font-style: italic; text-decoration: none; } .compSect-content label.desc-clear { float: none; clear: both; } /* !Results Nav */ .compResNav-wrap { text-align: center; line-height: 1.6em; } .compResNav-content {} /* !Nav Bar */ .compNavBar-wrap { border-color: #C8E0ED; } .compNavBar-content {} .compNavBar-content ul li.active a { color: #384B55; text-decoration: underline; } .compNavBar-content ul li a { border-color: #C8E0ED; } /* !Stats Box */ .compBox-wrap {} .compBox-content {} /* !Results Filter */ .compResFilter-wrap {} .compResFilter-content {} .compResFilter-content label.desc {} /* !Results Page Display Filter */ .compResPDFilter-wrap {} .compResPDFilter-content { background: #cce8f6; } .compResPDFilter-content label.desc {} /* !Content Rating */ .compConRating-wrap {} .compConRating-content { background: #EFF6FA; color: #444444; } ul.rating-stars, ul.rating-stars a:hover, ul.rating-stars .current-rating { background-image: url(../images/star2.gif) !important; } /* !Form Stuff */ .field, .inputbox, td.paramlist_value select { color: #333; font-family: Helvetica, Arial, FreeSans, sans-serif; } .field:hover, .field:focus .inputbox:hover, .inputbox:focus {} input.checkbox, input.radio { color: #444444; } button.button, button.validate { padding: 3px 5px; border: 1px solid #2a3840; background: url(../images/_layout/grad1.gif) repeat-x top #384b55 !important; color: #fff; font-size: .9em; text-transform: uppercase; cursor: pointer; line-height: normal; overflow: visible; width: auto; margin-right: 5px; } button.button:hover, button.validate:hover, button.button:focus, button.validate:focus { border: 1px solid #2a3840; background: #384b55 !important; color: #FFFFFF; } .button-bot { margin-top: 12px; } a.buttonLink {} a.registerLink { font-weight: bold; font-size: 1.1em; } .myTagCloud { background: #EFF6FA; padding: 14px 30px; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .myTagCloud a, .myTagCloud a:active, .myTagCloud a:visited { text-decoration: none; } .myTagCloud a:hover {} .myTagCloud p.title { font-weight: bold; color: #384B55; } .myTagCloud p.title a { font-weight: normal; text-decoration: underline; } .myTagCloud p.cloud { line-height: 2.0em;} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULE CHROME */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE CHROME: TYPOGRAPHY */ /* ----------------------------------------------------------------------*/ /* !Title */ h3.sbxMod-title {} /* !Mod Content Containers */ .sbxMod-content {} /* !Link */ .sbxMod-content a, .sbxMod-content a:active, .sbxMod-content a:visited {} .sbxMod-content a:hover {} /* !Heading */ .sbxMod-content h4, .sbxMod-content h5, .sbxMod-content h6 {} .sbxMod-content h4 {} .sbxMod-content h5 {} .sbxMod-content h6 {} /* !Type margin.padding */ .sbxMod-content p, .sbxMod-content pre, .sbxMod-content code, .sbxMod-content blockquote, .sbxMod-content ul, .sbxMod-content ol, .sbxMod-content table.tableStyle {} /* !Unordered Lists */ .sbxMod-content ul {} .sbxMod-content ul li { background-position: 4px .3em; padding-left: 24px; } .sbxMod-content ul.plainList {} .sbxMod-content ul.plainList li {} /* !Ordered Lists */ .sbxMod-content ol {} .sbxMod-content ol li {} /* !Definition Lists */ .sbxMod-content dl { width: auto; } .sbxMod-content dl dt { width: auto; float: none; margin: 0 0 0 0; padding: .5em 0 0 .5em; font-weight: bold; height: 1%; } .sbxMod-content dl dd { float: none; width: auto; margin: 0 0 0 0; padding: 0 0 .5em .5em; border: none; height: 1%; } /* !HR */ .sbxMod-content hr {} /* !Code Highlight */ .sbxMod-content pre {} .sbxMod-content code {} /* !Blockquote */ .sbxMod-content blockquote { padding: 1em 10px 1em 20px; } /* !Address */ .sbxMod-content address {} /* !Sup/Subscript */ .sbxMod-content sup, .sbxMod-content sub {} /* !Sample */ .sbxMod-content samp {} /* !Table */ .sbxMod-content table.tableStyle {} .sbxMod-content table.tableStyle thead th {} .sbxMod-content table.tableStyle thead th a, .sbxMod-content table.tableStyle thead th a:active, .sbxMod-content table.tableStyle thead th a:visited {} .sbxMod-content table.tableStyle thead th a:hover {} .sbxMod-content table.tableStyle tr td {} .sbxMod-content table.tableStyle tr.row1 td, .sbxMod-content table.tableStyle tr.row2 td {} .sbxMod-content table.tableStyle tr.row1 td {} .sbxMod-content table.tableStyle tr.row2 td {} .sbxMod-content table.tableStyle tr.row1:hover td, .sbxMod-content table.tableStyle tr.row2:hover td {} .sbxMod-content table.tableStyle caption {} /* !Img */ .sbxMod-content img {} .sbxMod-content img.imgLeft {} .sbxMod-content img.imgRight {} /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModTable */ /* ----------------------------------------------------------------------*/ div.sbxModTable { margin-bottom: 30px; } div.sbxModTable h3 { padding: 0 0 2px 0; margin: 0; color: #384b55; font-size: 1.3em; font-weight: bold; text-transform: uppercase; border-bottom: 5px solid #c8e0ed; } div.sbxModTable h3 span {} div.sbxModTable .sbxMod-content { padding: 5px 0 0 0; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: sbxModule */ /* ----------------------------------------------------------------------*/ div.sbxModule { margin-bottom: 20px; float: left; clear: both; width: 100%; background: url(../images/_layout/b-br.gif) no-repeat bottom right #FFFFFF; } div.sbxModule h3 { margin: 0 -15px 10px; padding: 8px 15px 5px; border-bottom: 2px solid #F6F6F6; color: #7BA566; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } div.sbxModule h3 span {} div.sbxModule div { background: url(../images/_layout/b-bl.gif) no-repeat bottom left; } div.sbxModule div div { background: url(../images/_layout/b-tr.gif) no-repeat top right; } div.sbxModule div div div { padding: 0 15px 10px; background: url(../images/_layout/b-tl.gif) no-repeat top left; } div.sbxModule div div div div { margin: 0; padding: 0; float: none; width: 99%; background: none; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Blue Box -------------------------------------------------------------------------*/ div.sbxModTable-bluebox { margin-bottom: 15px; background: url(../images/_layout/mt-bluebox-bg.gif) no-repeat bottom left; clear: both; position: relative; height: 1%; } div.sbxModTable-bluebox h3 { padding: 12px 10px; margin: 0; color: #384b55; font-size: 1.3em; font-weight: bold; background: url(../images/_layout/mt-bluebox-top.gif) no-repeat top left; position: relative; height: 1%; } div.sbxModTable-bluebox h3 span {} div.sbxModTable-bluebox .sbxMod-content { padding: 0 0 10px 0; } div.sbxModTable-bluebox ul.subscribe { margin: 0px 10px; } div.sbxModTable-bluebox ul.subscribe li { margin: 0px; background: none; padding: 0px; } div.sbxModTable-bluebox #widgetbox_widget_parent_1, div.sbxModTable-bluebox #widgetbox_widget_parent_0 {} div.sbxModTable-bluebox .wbx-gw-wrapper { display: none; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Buttons -------------------------------------------------------------------------*/ div.sbxModTable-btn { margin-bottom: 15px; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Spanish Podcast -------------------------------------------------------------------------*/ div.sbxModTable-spanish { width: 200px; height: 110px; margin-bottom: 15px; background: url(../images/_layout/mt-spanish-bg.png) no-repeat; position: relative; } div.sbxModTable-spanish img.a-subscribe { position: absolute; top: 68px; left: 2px; } div.sbxModTable-spanish img.a-learnmore { position: absolute; top: 68px; right: 2px; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Meet Sci -------------------------------------------------------------------------*/ div.sbxModTable-meetSci { width: 200px; height: 220px; margin-bottom: 15px; background: url(../images/_layout/mt-meetSci-bg.gif) no-repeat; position: relative; } div.sbxModTable-meetSci p { color: #fff; position: absolute; top: 86px; left: 15px; padding: 0 15px 0 0; font-size: 12px; line-height: 14px; } div.sbxModTable-meetSci img.a-subscribe { position: absolute; top: 123px; left: 11px; } div.sbxModTable-meetSci img.a-open { position: absolute; top: 2px; right: 2px; } div.sbxModTable-meetSci #widgetbox_widget_parent_1, div.sbxModTable-meetSci #widgetbox_widget_parent_0 { position: absolute; left: 0px; top: 168px; } div.sbxModTable-meetSci .wbx-gw-wrapper { display: none; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Microbeworld Video -------------------------------------------------------------------------*/ div.sbxModTable-video { width: 200px; margin-bottom: 15px; position: relative; } div.sbxModTable-video h3 { padding: 0 0 2px 0; margin: 0 0 5px 0; color: #384b55; font-size: 1.3em; font-weight: bold; text-transform: uppercase; border-bottom: 5px solid #c8e0ed; } div.sbxModTable-video h3 span {} div.sbxModTable-video .sbxMod-content { width: 200px; height: 245px; background: url(../images/_layout/mt-video-bg.gif) no-repeat; text-align: center; } div.sbxModTable-video img.a-watch { position: absolute; top: 200px; left: 11px; } div.sbxModTable-video img.a-subscribe { position: absolute; top: 200px; right: 11px; } div.sbxModTable-video img.thumb { padding: 1px; margin: 74px 0 0 0; border: 1px solid #fff; } /* ------------------------------------------------------------------------ /* !MODULE CHROME: Badge -------------------------------------------------------------------------*/ div.sbxModTable-badge { margin-bottom: 30px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !MODULES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !MODULE: Banners */ /* ----------------------------------------------------------------------*/ .mod-banners ul li { background: none; padding-left: 0px; } /* ------------------------------------------------------------------------ /* !MODULE: Login */ /* ----------------------------------------------------------------------*/ .login-form ul li { padding-left: 0px; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !PAGES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PAGE: Base */ /* ----------------------------------------------------------------------*/ /* !Description */ .page-desc { padding-bottom: 1em; } .page-desc img { padding-bottom: 1em; } /* !Content */ .page-content { clear: both; position: static; } /* ------------------------------------------------------------------------ /* !PAGE: Articles > Article > Article Layout (Default) */ /* !PAGE: Formmailer > Article > Article Layout (Default) */ /* ----------------------------------------------------------------------*/ #articleNavTop { text-align: left; } /* ------------------------------------------------------------------------ /* !PAGE: JLIBRARY > Article Layout (Default) */ /* ----------------------------------------------------------------------*/ .descImg { width: 160px; } .jlibraryArticle-layDefault #sectInfo-title, .jlibraryArticle-layDefault #sectDesc-title { display: none; } .jlibraryArticle-layDefault #sectInfo-contentwrap, .jlibraryArticle-layDefault #sectDesc-contentwrap { padding: 0px; } .jlibraryArticle-layDefault .article-beforecontent .compPlgTerms-wrap { margin-bottom: 0px; } #sectModColl-title, #sectModComm-title { /*border-bottom: 5px solid #c8e0ed;*/ } #sectModColl-title h3, #sectModComm-title h3 { /*border-bottom: none;*/ } #sectModColl-title a, #sectModComm-title span.addToggle a { font-weight: bold; display: block; } #sectModCommAdd-wrap textarea#comment_body { width: 100% !important; } #sectModColl-title h3.h3Link, #sectModComm-title h3.h3Link, #sectModColl-title a { background: #C8E0ED; padding: 10px; text-transform: none; font-size: 1.2em; margin: 0px; border: none; } .jlibraryArticle-layDefault .article-content img { float: right; margin: 0 0 5px 10px; } .jlibraryArticle-layDefault .article-content img.catImages { float: none; margin: 0 0 10px; } /* ------------------------------------------------------------------------ /* !PAGE: JLIBRARY > User Layout (Default) */ /* ----------------------------------------------------------------------*/ .jlibraryUser-layDefault th.resTitle, .jlibraryUser-layDefault td.resTitle { width: 30%; } /* ------------------------------------------------------------------------ /* !PAGE: BROWSE > Blog Layout (Default) */ /* ----------------------------------------------------------------------*/ #browse-tabs { height: 35px; border-bottom: 5px solid #c8e0ed; } #browse-tabs a.popular { width: 180px; height: 35px; background: url(../images/_layout/browse-mostPopular.gif) no-repeat left top; display: block; float: left; text-indent: -9999px; margin-right: 3px; } #browse-tabs a.recent { width: 180px; height: 35px; background: url(../images/_layout/browse-mostRecent.gif) no-repeat left top; display: block; float: left; text-indent: -9999px; margin-right: 3px; } #browse-tabs a:hover { background-position: left center; } #browse-tabs a.active { background-position: left bottom; } #browse-sort { padding-top: 10px; height: 23px; margin-bottom: 9px; } #browse-sort img { float: left; } #browse-sort a.week { width: 54px; height: 23px; background: url(../images/_layout/browse-week.gif) no-repeat left top; display: block; float: right; text-indent: -9999px; margin-right: 3px; } #browse-sort a.month { width: 61px; height: 23px; background: url(../images/_layout/browse-month.gif) no-repeat left top; display: block; float: right; text-indent: -9999px; margin-right: 3px; } #browse-sort a.year { width: 50px; height: 23px; background: url(../images/_layout/browse-year.gif) no-repeat left top; display: block; float: right; text-indent: -9999px; margin-right: 3px; } #browse-sort a.alltime { width: 74px; height: 23px; background: url(../images/_layout/browse-alltime.gif) no-repeat left top; display: block; float: right; text-indent: -9999px; } #browse-sort a:hover { background-position: left center; } #browse-sort a.active { background-position: left bottom; } table.browse-blog .contentpaneopen { background: #eff6fa; border-bottom: 1px solid #cce8f6; margin-bottom: 1px; padding: 15px; } table.browse-blog span.article_separator { height: 0px; font-size: 0px; margin: 0px; padding: 0px; } table.browse-blog span.afterdisplay_separator { height: 0px; display: none; clear: none !important; } table.browse-blog .article-aftercontent { border-top: 1px dotted #cce8f6; padding-top: 4px; margin-top: 4px; } table.browse-blog .article-meta-wrap { clear: none; } table.browse-blog h2.contentheading { font-size: 1.2em; font-weight: bold; margin: 0px; padding: 0px; } table.browse-blog h2.contentheading a, table.browse-blog h2.contentheading a:active, table.browse-blog h2.contentheading a:visited { color: #384B55; text-decoration: none !important; } table.browse-blog h2.contentheading a:hover { color: #31c601; } table.browse-blog .article-title { margin-top: 5px; margin-bottom: 3px; } table.browse-blog .article-content { margin: 0px 0px; } table.browse-blog .article-content p { margin: 0px 0px; } table.browse-blog .article-thumb { float: left; width: 114px; } table.browse-blog .article-thumb img { width: 100px; padding: 1px; border: 2px solid #e3f0f6; } table.browse-blog img.avatar { height: 26px; padding: 1px; border: 2px solid #e3f0f6;} table.browse-blog p.author { line-height: 1.5em; margin: .1em 0px; } table.browse-blog p.date { margin: .1em 0px; } table.browse-blog .metadata { margin-bottom: .5em; padding-bottom: .5em; } table.browse-blog .metaBot span { float: left; display: block; } table.browse-blog .compModCommRating-wrap { display: inline !important; } table.browse-blog .compModCommRating-wrap .clearfix { display: inline !important; } table.browse-blog .compModCommRating-wrap .rating-stars { float: left; } table.browse-blog ul.rating-stars, table.browse-blog ul.rating-stars a:hover, table.browse-blog ul.rating-stars .current-rating { background-image: url(../images/star.gif) !important; } table.browse-blog .compModCommRating-wrap .rating-count { padding-right: 4px; } table.browse-blog .compModCommRating-wrap .title { display: none; } table.browse-blog .compModCommRating-wrap .rating-count span { float: none; display: inline; } table.browse-blog span.comments, table.browse-blog span.views, table.browse-blog span.createby { border-left: 1px solid #CCE8F6; padding: 0px 5px; } /* ------------------------------------------------------------------------ /* !PAGE: FOLKSONOMY > MANAGE > Manage Layout (Default) */ /* !PAGE: FOLKSONOMY > MANAGE > Browse Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.folksonomyManage-layDefault table#tagResultsTBL th.resTitle, #page.folksonomyManage-layDefault table#tagResultsTBL td.resTitle { width: 100%; } #page.folksonomyBrowse-layDefault table#resResultsTBL th.resTitle, #page.folksonomyBrowse-layDefault table#resResultsTBL td.resTitle { width: 100%; } #page.folksonomyBrowse-layDefault table#resResultsTBL th.resDate, #page.folksonomyBrowse-layDefault table#resResultsTBL td.resDate { white-space: nowrap; } #page.folksonomyBrowse-layDefault table#resResultsTBL th.resRating, #page.folksonomyBrowse-layDefault table#resResultsTBL td.resRating { text-align: center; } #page.folksonomyBrowse-layDefault table#resResultsTBL th.resComm, #page.folksonomyBrowse-layDefault table#resResultsTBL td.resComm { text-align: center; } #labelAddFrm label.miniDesc { display: block; clear: both; font-size: .9em; color: #999; font-weight: normal; float: none; line-height: 1.0em; margin: 0 0 3px 0; padding: 0px; } /* ------------------------------------------------------------------------ /* !PAGE: COLLECTION > COLLECTIONS > Manage Layout (Default) */ /* !PAGE: COLLECTION > COLLECTION > Manage Layout (Default) */ /* ----------------------------------------------------------------------*/ #page.collsManage-layDefault table#collsResultsTBL th.resDesc, #page.collsManage-layDefault table#collsResultsTBL tdresDesc { width: 100%; } #page.collsManage-layDefault table#collsResultsTBL th.resArticles, #page.collsManage-layDefault table#collsResultsTBL td.resArticles { text-align: center; } #page.collManage-layDefault table#collArticlesResultsTBL td.resTitle { width: 100%; } .jLibrarySubmit .article-thumb img { height: 100px; } #sectTagsResNavPgr-content { padding: 10px 20px 10px 20px; } #sectTags-wrap ul.pagination { overflow: hidden; margin: 0px; } #sectTags-wrap ul.pagination li { display: block; float: left; line-height: 1.3em; } #sectTags-wrap ul.pagination li a { padding: 2px 2px; } .compResTbl-wrap { clear: both; } div.default-h div.yoo-scroller div.scrollknob { margin-top: 4px;} div.default-h div.yoo-scroller div.scrollknob-m { height: 10px; } div.default-h div.yoo-scroller div.scrollknob-r { height: 10px; background: none; } div.default-h div.yoo-scroller div.scrollknob { height: 10px; background: none; } /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !COMPONENTS, FORMS, VIEWS & PIECES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !PIECES: Results Table */ /*-----------------------------------------------------------------------*/ /* !Head & Rows Padding */ table.resultsTBL thead th, table.resultsTBL tr td { padding: 10px 5px 8px 10px; } /* ------------------------------------------------------------------------ /* !PIECES: Results Navigation */ /*-----------------------------------------------------------------------*/ /* !Pager */ .compResNavPgr-wrap { background: #e3f0f6; } /* ------------------------------------------------------------------------ /* !PIECES: Plugin: Terms */ /*-----------------------------------------------------------------------*/ .compPlgTerms-wrap { margin-bottom: 2px; } .compPlgTerms-content span.terms span { color: #666; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments List */ /*-----------------------------------------------------------------------*/ #sectModComm-wrap { float: left; width: 45%; } #sectModComm-contentwrap { padding: 0px; } ol.comment-list li.comment p.author img.avatar { height: 26px; padding: 1px; border: 2px solid #e3f0f6; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Comments Response */ /*-----------------------------------------------------------------------*/ #sectModColl-wrap { float: right; width: 50%; } /* ------------------------------------------------------------------------ /* !PIECES: Module: Collections */ /*-----------------------------------------------------------------------*/ #sectModColl-contentwrap { padding: 0px; } #collList .metadata { padding-bottom: 0px; } /* ------------------------------------------------------------------------ /* !FORM: Global /*-----------------------------------------------------------------------*/ /* !Buttons */ button.button { background: #333 url(../images/_layout/button-bg.gif) repeat-x top; } button.button:hover, button.button:focus {} /* !Messages */ label.invalid { color: #bc0101 !important; } label.required, label.required span.star { color: #bc0101 !important; } input.invalid, textarea.invalid { color: #bc0101 !important; } input.required, textarea.required { color: #bc0101 !important; } /* !Other */ ul.compList-formBtns .req, ul.compList-formHorz .req, ul.compList-formVert .req { color: #bc0101 !important; } form fieldset { padding: 0px; } #searchForm label { /*font-weight: bold;*/ color: #444; font-weight: bold; } #searchForm { margin-top: 1em; } #searchForm .searchintro strong { font-weight: normal; font-style: italic; color: #ccc; } #searchForm .phrases legend { float: left; font-weight: bold; } #searchForm .phrases .phrases-box { float: left; } #searchForm .phrases .phrases-box label { font-weight: normal; } #searchForm .phrases .ordering-box { clear: both; padding: .4em 0; } #searchForm .form-limit { margin: 1em 0 0 0; } dl.search-results dt { margin-top: 1.4em; } dl.search-results dt.result-title { font-weight: bold; } .contact .contact-title { display: none; } .contact .contact-image { /*float: left; margin-right: 15px;*/ } .contact .contact-topinfo { margin-bottom: 1em; } .contact .contact-position { color: #31C601; font-size: 1.2em; font-weight: bold; } #contact-form legend { padding: .8em 0; } #contact-form label, #contact-form label.required, #member-registration label, #member-registration label.required { color: #444 !important; font-weight: bold; } #contact-form dd, #member-registration dd { margin: .2em 0 1em 0; } .contact-miscinfo { margin: 1em 0; } .contact-miscinfo .jicons-icons { display: none; float: left; margin: 0 20px 0 0; } .contact-miscinfo .contact-misc {} .registration { margin-top: 20px; } .registration .spacer { padding-top: 6px; display: block; } #member-registration fieldset#jform_tos { margin-top: -14px; } #jform_tos0 {margin:-3px 0 0 0} #jform_tos-lbl {margin:0 0 0 20px;} /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------ /* !SYSTEM MESSAGES */ /* ----------------------------------------------------------------------*/ /* ----------------------------------------------------------------------*/ /* !SYSTEM MESSAGES: Regular */ /* ------------------------------------------------------ */ /* !System Standard Messages */ #system-message dd.message ul { background: #fff; border-color: #339900; } #system-message dd.message ul li { color: #009900; } #system-message dd.message ul p strong { color: #339900; background-color: #d9f0d9; } #system-message dd.message ul li h3 { color: #009900; } /* !System Error Messages */ #system-message dd.error ul { background: #fff; border-color: #339900; } #system-message dd.error ul li { color: #009900; } #system-message dd.error ul p strong { color: #339900; background-color: #d9f0d9; } #system-message dd.error ul li h3 { color: #009900; } /* !System Notice Messages */ #system-message dd.notice ul { background: #fff; border-color: #339900; } #system-message dd.notice ul li { color: #009900; } #system-message dd.notice ul p strong { color: #339900; background-color: #d9f0d9; } #system-message dd.notice ul li h3 { color: #009900; } /* !SYSTEM MESSAGES: Detail */ /* ------------------------------------------------------ */ /* !System Standard Messages */ #system-messageDetail dd.message ul { background: #d9f0d9; border-color: #339900; } #system-messageDetail dd.message ul li { color: #000; } #system-messageDetail dd.message ul li h3 { color: #009900; } /* !System Error Messages */ #system-messageDetail dd.error ul { background: #d9f0d9; border-color: #339900; } #system-messageDetail dd.error ul li { color: #000; } #system-messageDetail dd.error ul li h3 { color: #009900; } /* !System Notice Messages */ #system-messageDetail dd.notice ul { background: #d9f0d9; border-color: #339900; } #system-messageDetail dd.notice ul li { color: #000; } #system-messageDetail dd.notice ul li h3 { color: #009900; }