/*  
Theme Name: Business Blogs - Home - Redesign 2009
Theme URI: http://blogs.business.dk/
Description: Business Blogs Home theme - redesign Nov 2009
Version: 1.0
Author: Bo Skakke
Author URI: http://www.optur.dk/
*/

/*
* Site: business.dk
* Target: CSS2 for XHTML S/T
* Media: screen
* Born: 11th of September 2009
* Primary author: dvk
* Edited by: (your intitals here)
* 
* Notes:
* The following is blockless (a.k.a "compressed CSS"). One line is just fine.
* To keep things tidy please respect alpha-ordering of CSS Properties with the exception
* of CSS3 trickery and propritary hacks which always go at *the end of the rule*.
* EXAMPLE: {background:X; color:X; font-size:X; height:X; margin:X; width:X}
* Thank you, ciao!
* 
* Large portions adapted from Blueprint and 960.gs (http://blueprintcss.org/ , http://www.960.gs)
* 
*/

/* **************************************************** */
/*	GLOBAL SETUP										*/
/* **************************************************** */
@import url("style/reset.css"); /* reset.css - a clean slate for everything */
@import url("style/typography.css"); /* The typography */
@import url("style/grid.css"); /* The structure */
@import url("style/forms.css"); /* Basic form setup */
@import url("style/buttons.css"); /* Everyone loves buttons */
@import url("style/partners.css"); /* Styles defining partner content, modules, etc. */
@import url("style/site_tags.css"); /* Link tags for attributing source of partner content */

body {margin:auto; text-align: center}
body.has-sub #main-nav-wrapper {margin:0 auto 48px auto} /* This is temporary until we have a solution in Drupal, or via scripting */
.page-deck {clear:both; margin:20px auto !important} /* Defines distance between page decks (horizontal sections of the page) */

/* TOPBAR *************************************************************************/
/* (aditorial, parner navigation, and search)*/
#topbar-wrapper {background: #111 url("images//layout/topbar_wrapper_bg.gif") no-repeat 50% 100%}
#topbar {background: #111 url("images//layout/topbar_bg.gif") no-repeat 0 100%}
#topbar .aditorial {position:relative; top:5px}

/* Topbar Navigation */
ul.topbar-nav {padding:7px 0 0 95px !important}
ul.topbar-nav li a, ul.topbar-nav li a:hover {background: url("images//layout/topbar_nav.gif") no-repeat 0 0 !important; text-indent:-9999px; width: 120px}
ul.topbar-nav li.dinepenge a, ul.topbar-nav li.dinepenge a:hover {background-position:0 0 !important; width:130px}
ul.topbar-nav li.bny a, ul.topbar-nav li.bny a:hover {background-position:0 -150px !important; width:110px}
ul.topbar-nav li.businessliv a, ul.topbar-nav li.businessliv a:hover {background-position:0 -297px !important; width:100px}

/* Topbar Global Search*/
#topbar .search-form form, #topbar .search-form fieldset {margin:0; padding:4px 0 0 0}
#topbar .search-form fieldset {border:0; display:block}
#topbar .search-form fieldset .input-field-wrapper {background: transparent url("images//layout/input_field_wrapper_bg.gif") no-repeat 0 1px; float:left; height:24px}
#topbar .search-form fieldset input.input-field {background:transparent; border:0; color:#999; float:left; font-size:1em; height: 18px; margin:2px 5px 0 2px; padding:2px; width:138px}
#topbar .search-form fieldset input.input-field:focus {border:0; color:#333}
#topbar .search-form fieldset legend {display:none}
#topbar .search-form fieldset a.button {margin-right:0 !important}


/* HEADER *************************************************************************/
#header-wrapper {background: #333 url("images//layout/header_wrapper_bg.gif") no-repeat 50% 0}
#header {background: #333 url("images//layout/header_bg.gif") no-repeat 0 0; clear:both; padding: 15px 0 5px 0}
#header h1 a {display:block; height: 38px; text-indent:-1000px; width: 215px; margin-top: 10px}
#header div.header-thumb {background-repeat: no-repeat; background-position: 0 0; height:66px; float: right; width:66px} 
#header div.header-thumb a {display: block; width: 66px; height: 66px; text-decoration: none}
#header div.header-thumb img {display:none} 

/* Header teasers */
#header .header-teaser h5 a {color:#e1e1e1 !important; text-decoration: none}
#header .header-teaser h5 a:hover {color:#fff !important}
#header .header-teaser p {color:#ccc !important; font-size: 11px; margin-bottom: 0; padding-bottom: 0}


/* NEWS BAR *************************************************************************/
#news-bar {background-color: #efefef; margin: 20px 0 0 0; padding: 0}
#news-bar h2 {display: block; float:left; font-weight: bold; padding:6px; margin:0; text-transform:uppercase; white-space: nowrap}
#news-bar h2, #news-bar li {font-size:12px}
#news-bar ul, #news-bar ul li {display: block; float: left; list-style:none; margin: 0; padding: 0}
#news-bar ul li a {background-color: #efefef; display: block; margin-left:0; padding:5px; text-decoration: none}
#news-bar ul li a:hover {background-color: #e1e1e1;}
.label-mode {margin:0 0 2px 0 !important} /* The newsbar needs this when it's just labeling an existing top story. */

/* Hot news */
.hot-news-bar {background: #efefef url("images//layout/hot_news_bg.gif") no-repeat 0 0}
.hot-news-bar h2 {color: #fff !important}
.hot-news-bar ul li a {background: url("images//layout/icons/topic_arrow.gif") 2px 5px no-repeat; color: #613 !important; border:1px solid #fff; border-width: 0 1px; padding-left: 14px !important}
.hot-news-bar ul li a:hover {background-color: #efe4ec !important; background-position:2px -445px; color:#915 !important}

/* Developing news */
.developing-news-bar {background: #efefef url("images//layout/developing_news_bg.gif") 0 0}
.developing-news-bar h2 {color: #fff !important}
.developing-news-bar ul li a {background-color:#faf4e6 !important; color: #332 !important}
.developing-news-bar ul li a:hover {background-color: #ffffe0 !important; color:#553 !important}

/* Breaking news */
.breaking-news-bar {background: #efefef url("images//layout/breaking_news_bg.gif") 0 0}
.breaking-news-bar h2 {color: #fff !important}
.breaking-news-bar ul li a {background-color:#efefef !important; color: #332 !important}
.breaking-news-bar ul li a:hover {background-color: #e1e1e1 !important; color:#600 !important}


/* NAVIGATION *************************************************************************/
/* A wrapper used for all list based navigation systems - Formats a UL into a handy, horizontal wireframe. */
.navigation em {display:none}
.navigation ul {display:inline; float:left; margin:0; padding:0}
.navigation ul li {display:block; float:left; margin: 0}
.navigation ul li a {color:#666; display: block; float:left; padding:5px 0; text-decoration:none}
.navigation ul li a span {display:block; padding:0 10px}
.navigation ul li a:hover {background-color: #1be; color: #fff}
.navigation ul li.current a {color:#999}

/* Main navigation */
#main-nav-wrapper {width:940px; margin:0 auto}
#main-nav {position: relative; margin:0 auto; padding: 0; white-space: nowrap; width: 100%}
#main-nav li {float: left; margin: 0 1px 0 0; font-size: 13px; font-weight: bold}
#main-nav li a {background: #555 url("images//layout/main_nav_item_bg.gif") 50% 2px no-repeat; color:#fff; height: 16px; padding:6px 0; position: relative; text-shadow:#555 0px 1px 0, #000 0 -1px 0}
#main-nav li a:hover  {background-color: #1be; background-position:50% -198px; color: #d9e9ee; text-shadow:#446974 0px 1px 0, #043544 0 -1px 0}
#main-nav li a span {padding:0 12px}
#main-nav li.current a {background:#fff !important; color:#666; text-shadow:none}
#main-nav li.has-sub a {background:#efefef !important; border-bottom: 1px solid #efefee; position:relative; top:1px}

/* Sub navigation */
#main-nav ul#sub-nav {background-color: #efefef; left: 0; margin: 0; padding: 3px 0 5px 0; position: absolute; top: 29px; width: 100%; white-space: nowrap}
#main-nav ul#sub-nav li  {font-size: 12px; font-weight: bold; margin: 0 0 0 6px}
#main-nav ul#sub-nav li a  {background: none !important; border: 0 !important; color:#666; cursor: pointer; height: auto; padding:4px 6px; text-shadow:none}
#main-nav ul#sub-nav li a:hover {background-color: #999 !important; color: #fff; text-shadow:none}
#main-nav ul#sub-nav li.current a {background:#bababa !important; color:#fff; text-shadow:none}


/* SECTION INDEX *************************************************************************/
/* Section index (the article shopping basket at the bottom of the page) */
#section-index .module-header {color: #999; background-color:#efefef; padding-left:10px}
#section-index .module-buttons {padding:12px 0 0 0}
#section-index .module-buttons .button {margin:2px 10px 0 0}

/* Sets up the individual sections */
#section-index h4 {border-top: 1px solid #bababa; font-weight: bold; padding:5px 0 2px 0}
#section-index h4 a {color:#666}
#section-index h4 a:hover {color:inherit}
#section-index .section {margin-bottom:10px}

/* Modifies the default clickable list */
#section-index .clickable-list li {background:none; padding-left:28px}
#section-index .clickable-list li a {font-size: 11px}
#section-index .clickable-list li:hover {background-color: #fbf9e8}
#section-index .clickable-list li:hover a, .clickable-list li a:hover  {color:#320 !important}
#section-index .clickable-list input {position:absolute; left:8px}


/* PARTNER LINK BELT *************************************************************************/
#link-belt div.grid_4 h5 a {background-color:#fff; background-position:0 -100px; background-repeat:no-repeat; display:block; height:40px; text-decoration:none}
#link-belt div.grid_4:hover h5 a {background-position:0 -100px}
#link-belt div.grid_4 h5 a:hover {background-position:0 -200px}
#link-belt div.grid_4 h5 a span {display:none}
#link-belt div.grid_4 li {background:5px 2px url("images//layout/icons/alt_bullet.gif") no-repeat !important; font-size: 10px}
#link-belt div.grid_4 li a {color:#666}
#link-belt div.grid_4 li:hover a, li a:hover  {color:#1be}

/* Link belt headers */
#link-belt div.berlingske h5 a {background-image: url("images//layout/partners/link_belt/berlingske.gif")}
#link-belt div.bt h5 a {background-image: url("images//layout/partners/link_belt/bt.gif")}
#link-belt div.sporten h5 a {background-image: url("images//layout/partners/link_belt/sporten.gif")}
#link-belt div.aok h5 a {background-image: url("images//layout/partners/link_belt/aok.gif")}
#link-belt div.rejseliv h5 a {background-image: url("images//layout/partners/link_belt/rejseliv.gif")}
#link-belt div.fri h5 a {background-image: url("images//layout/partners/link_belt/fri.gif")}
/*#link-belt div.business h5 a {background-image: url("images//layout/partners/link_belt/business.gif")}*/


/* FOOTER *************************************************************************/
#footer-wrapper {background:#333 url("images//layout/footer_bg.gif") repeat-x 0 0; border: 4px solid #2a2a2a; border-width: 4px 0}
#footer {background:#333 url("images//layout/footer_bg.gif") repeat-x 0 0; text-align: center; padding: 0 0 1em 0}
#footer h6 {text-indent:-9999px; margin:0 auto; position:relative; top:35px; width:145px}
#footer h6 a {background: transparent url("images//layout/footer_branding.gif") no-repeat 50% 0; display: block; height: 30px; width: 100%}
#footer h6 a:hover {background-position:50% -200px}
#footer p, #footer p a {color:#999; font-size: 10px; margin-top: 1em !important; text-shadow:#444 0px 1px 0, #222 0 -1px 0}
#footer p a {color:#bababa}
#footer p a:hover {color:#1be}

/* Footer navigation */
#footer-nav {padding-top: 10px}
#footer-nav #footer-nav-1 ul {float:left; margin-left: 10px}
#footer-nav #footer-nav-2 ul {float:right; margin-right: 10px}
#footer-nav ul {padding:0}
#footer-nav ul li {margin-right: 10px; font-size: 11px; font-weight: bold}
#footer-nav ul li a {color:#dfdfdf; padding:3px;  text-shadow:#000 0px 1px 0, #000 0 -1px 0}
#footer-nav ul li a:hover {background-color: #2a2a2a; color: #fff}
#footer-nav ul li.current a {background-color: #222; color:#666; text-shadow:none}
#footer-nav .rss-link {background: transparent url("images//layout/icons/rss_medium.gif") 3px 3px no-repeat; padding-left:20px !important}


/* TEASERS AND TOP STORIES *************************************************************************/
.byline {color: #666; display: block; font-weight: normal; font-style:normal}
.caption {color:#666; font-size:11px !important}
.timestamp {color:#888; font-style:normal}
.float-thumb img {border: 2px solid #dadada; float:right; margin:0 0 0 5%}
.byline, small.byline {font-size:80%; margin-bottom: .5em; text-transform:uppercase}
a.read-more {display: inline-block; white-space: nowrap}

/* Top story */
.top-story .attachments-wrapper {float:right; margin:0 0 5px 10px; width:146px}

/* Top stories - list of news */
.top-stories .clickable-list li a {font-weight: bold; text-decoration:none}
.top-stories .clickable-list li:hover {background-color: #fff}

/* Attachments */
ul.attachments {font-size:.9em}

/* Small link to a section above a news row item */
.section-tag {font-weight: bold; font-size:11px}
.section-tag a {color: #999; display: block; text-decoration: none; margin-bottom: 5px}
.section-tag a:hover {color: #333}

/* A no image news row teaser */
.no-image h5 {border: 2px solid #efefef; border-width: 2px 0 0 0; font-size:150%; min-height:67px; margin:0 0 5px 0 !important; padding:5px 0 5px 0}


/* ARTICLE *************************************************************************/
/* Article */
.article-body p {font-size:1.2em; line-height:1.2em}
.article-sidebar {float:right; margin:10px 0 20px 20px}
.article-meta {color:#666}

/* Article tools */
.article-tools {background-color: #efefef; text-align:center; padding:0}
.article-tools ul {border-bottom: 1px solid #fff; list-style:none; margin: 0; padding:0; overflow: hidden; white-space: nowrap}
.article-tools ul li {display:block; margin: 0; padding:0; text-align: center; float:left}
.article-tools ul li a {background-color: transparent; background-image: url("images//layout/article_tool_icons.gif"); background-repeat: no-repeat; display:block; width:74px; float:left; margin:2px 0 0 0; padding: 25px 0 5px 0}
.article-tools ul li a:hover {background-color: #e8e8e8 !important; color:#168}

/* Individual tool icons */
.article-tools ul li.print a {background-position: 50% 5px; border-right: 1px solid #fff}
.article-tools ul li.send a {background-position: 50% -195px; border-right: 1px solid #fff}
.article-tools ul li.share a {background-position: 50% -395px}

/* Comment total */
.article-body .comment-wrapper a.comment-total {height:22px !important; line-height:17px}
.article-body .comment-wrapper a.comment-total strong {font-size:11px; font-weight:normal; float:left; margin:0 .4em 0 0; width:22px}
.article-body .comment-wrapper a.comment-total span {color:#666; cursor:pointer; display:block; float:left; font-size: 15px; text-decoration:underline}
.article-body .comment-wrapper a.comment-total span:hover {color:#333}
.article-body .comment-wrapper a.comment-total {background: url("images//layout/icons/comment_total_large_bg.gif") 0 0 no-repeat; color:#fff; display:block; height:20px; text-decoration:none; text-align:center; float:left; width:auto !important}
.article-body .comment-wrapper a.button {position:relative; top:-3px}
.article-body .read-more {font-size:15px}

/* Embedded graph */
.embedded-graph {float:right; margin: 10px 0 10px 20px; width:226px}

/* SPECIAL SECTIONS *************************************************************************/
/* BNY - Special section */

/* Setup the BNY tab (global) */
#main-nav li.bny-nav-item a {background: #F19AA2 url("images//layout/bny_nav_item_bg.gif") 50% 2px no-repeat; color:#FFE6DD; text-shadow:#c88 0px 1px 0, #a12 0 -1px 0}
#main-nav li.bny-nav-item a:hover {background-color: #fff ; background-position:50% -198px; color: #fff}

/* BNY specifbny-nav-itemic styles (if body ID = bny) */
#bny #main-nav li.has-sub a {background: #c12 url("images//layout/bny_nav_item_bg.gif") 50% -402px no-repeat !important; color: #fff}
#bny #main-nav li.bny-nav-item ul {background: #c12 url("images//layout/bny_nav_item_bg.gif") 50% -430px repeat-x !important}
#bny #main-nav li.bny-nav-item ul#sub-nav li a  {background:none !important; color:#fff}
#bny #main-nav li.bny-nav-item ul#sub-nav li a:hover {background-color: #711 !important}
#bny #main-nav li.bny-nav-item ul#sub-nav li.current a {background:#911 !important}
/*.qtip-bny {margin-left:-20px !important} Keep this disabled for now. */

/* BNY - Module Header re-style */
#bny .module .module-header, #bny .module .module-header-style-01  {background: #fff url("images//layout/mod_header_bny_bg.gif") repeat-x 0 0; color: #777 !important; margin-top: 0px; padding: .75em 0}

/* BNY - Tabbed box re-style */
#bny .tabbed-module-nav li a:active, #bny .tabbed-module-nav li.ui-tabs-selected a {background: #c12; color:#fff}
#bny .tabbed-module-content {border-color:#c12}


/* ADVERTISER & PARTNER CONTENT *************************************************************************/
/* Integration of specific partners takes place in partners.css  */
.ad {text-align: center}
.leaderboard-wrapper {background-color: #000}
.leaderboard-wrapper .leaderboard {background: none; margin-bottom: 0; padding-bottom: 5px}
.leaderboard {background: url("images//layout/annonce_tag_vertical.gif") no-repeat 100% 5px; margin-bottom: 5px}
.beerbox {background: url("images//layout/annonce_tag_horizontal.gif") no-repeat 50% 100%; padding:0 2px 10px 2px}
.section-sponsor {background: url("images//layout/sponsor_tag_horizontal.gif") no-repeat 50% 0; padding:15px 0 5px 0; text-align: center}

/* Partner Tile(s)  */
.tile-wrapper {text-align: center; margin:auto; background: #efefef url("images//layout/partner_tag_horizontal.gif") no-repeat center bottom; padding:10px 0}
.tile {border:1px solid #ccc; background-color: #fff; padding:5px; width: 125px}

/* Apply a layout to our .tile container based on the column type which contains it. */
.grid_16 .tile {float:left; margin:5px 8px 10px 10px}
.grid_8 .tile {float:left; margin:5px 0 5px 10px}
.grid_6 .tile {margin:10px auto}
.grid_4 .tile {margin:5px auto}


/* MODULES (Global stuff) *************************************************************************/
/* Module Headers */
.module {clear:both; margin-bottom:20px} /* Determines distance between all modules on the site */
.module .module-header {background: #fff url("images//layout/mod_header_bg.gif") repeat-x 0 0; color: #777 !important; margin-top: 0px; padding: .75em 0}
.module .module-header a {color:#777; text-decoration:none}
.module h3 {color:#666}


/* Module Header styles */
.module-header-style-01 .module-header {background: #fff url("images//layout/mod_header_01_bg.gif") repeat-x 0 0}
.module-header-style-02 .module-header {background: #fff url("images//layout/mod_header_02_bg.gif") repeat-x 0 0}
.module-header-style-03 .module-header {background: #fff url("images//layout/mod_header_03_bg.gif") repeat-x 0 0}
.module-header-style-04 .module-header {background: #fff url("images//layout/mod_header_04_bg.gif") repeat-x 0 0}

/* To inset or pad a module */
.padded-module {background:#efefef; overflow:hidden}
.padded-module .module-header {background:none !important}
.padded-module .module-content {padding:10px}
.padded-module .module-header {color:#666; padding:0 0 .5em 0}
.padded-module p {font-size:12px}

/* Button toolbar (as used in the section index and picture series modules)*/
.module-buttons {width:50%}
.module-buttons, .module-buttons .button {float:right}

/* Module navigation */
ul.module-nav {width:150px; font-size: 11px; padding:4px 0 0 0; margin:0; float:right}
ul.module-nav li {display: inline; float: right; margin:0 0 0 10px; padding:0}
ul.module-nav li a {color: #666; text-decoration: none}
ul.module-nav li a:hover {color: inherit}
ul.module-nav li.rss-nav-item a {color: #641; background: transparent url("images//layout/icons/rss_small.gif") 0 2px no-repeat; padding:0 0 0 12px}
ul.module-nav li.news-nav-item a {background: transparent url("images//layout/icons/bullet.gif") 0 1px no-repeat; padding:0 0 0 16px}
ul.module-nav li.rss-nav-item a:hover {color: #b72}
ul.module-nav li.news-nav-item a:hover {color: #168}

/* Creates a tabbed module interface and content area */
.tabbed-module .ui-tabs-hide {display:none}
.tabbed-module-nav {clear:both; display:block; height:18px; margin:0; padding:0 0 4px 0}
.tabbed-module-nav li {display:inline; font-size:.8em; list-style:none; padding:0}
.tabbed-module-nav li a {background: #666 url("images//layout/inactive_tab_bg.gif") 0 100% repeat-x; color:#fff; display:block; float:left; text-decoration: none; text-transform:uppercase; font-weight:bold; height:18px; outline:none; margin:0 2px 0 0; padding:4px 6px 0 6px}
.tabbed-module-nav li a:hover {background: #999 url("images//layout/inactive_tab_bg.gif") 0 100% repeat-x; color:#fff}
.tabbed-module-nav li a:active,
.tabbed-module-nav li.ui-tabs-selected a {background: #1be; color:#fff; text-decoration:none}
.tabbed-module-nav li.ui-tabs-selected a span {display:inline}
.tabbed-module-nav li a span {display:none}
.tabbed-module-content {background:#fff; border-top:3px solid #1be; margin-top:0; padding:2px}


/* MODULES ************************************************************************************/
/* Facebook connect (default setup) */
.facebook-connect {background-color: #eceff5; color: #666; clear:both; display:block; list-style:none; padding:10px; text-align: center; font-family:Verdana, Helvetica, Arial, sans-serif; font-size: 11px}
.facebook-connect img {display:block; margin:5px auto}
.facebook-connect small a {text-decoration: underline}
.facebook-connect a {color:#3b5998; text-decoration: none}
.facebook-connect a:hover {color:#3b5998; text-decoration: underline}

/* Facebook connected (additional logged in states) */
.facebook-connected {background: #eceff5 url("images//layout/facebook_connect_header.gif") repeat-x 0 0; text-align: left; padding:30px 0 0 0}
.facebook-connected ul {list-style: none; margin: 0; padding: 0}
.facebook-connected ul li {margin: 0; padding: 0}
.facebook-connected ul li a {background: url("images//layout/icons/facebook_connect_icons.gif") no-repeat; display: block; padding: 10px 10px 10px 30px}
.facebook-connected ul li a:hover {background-color: #f6f9ff}
.facebook-connected ul li.facebook-share a {background-position: 7px 12px}
.facebook-connected ul li.facebook-authorize a {background-position: 7px -92px}
.facebook-connected ul li.facebook-logout a {background-position: 7px -190px}

/* Picture series */
.picture-series {background-color: #333; padding:0}
.picture-series img {border:2px solid #222; border-width: 2px 0}
.picture-series .module-header, .picture-series .module-header a {color:#dadada !important; margin-bottom: 0; padding-bottom: 0}
.picture-series .module-header a:hover {color:#fff !important}
.picture-series h4, .picture-series p {color:#fff}
.picture-series h4 {margin: 0; padding: 0}
.picture-series h4 a {color:#fff}
.picture-series .button {margin-left:5px; margin-right:0}


/* Fakta Boxes */
/* Data Description */
div.fakta, div.fakta p, div.fakta li {color:#666; font-size: 12px}
div.fakta p {color:#333} 
div.fakta cite {color:#999; display:block; font-size:.8em !important; font-style:normal}
div.fakta cite a {color:#999}

/* Tabular data */
div.fakta table {width:100%; margin-bottom:.8em}
div.fakta table td {padding:.5em 0; text-align:left; vertical-align:top}
div.fakta table tr {background:#fff url("images//layout/strong_solid.gif") repeat-x 0 100%}
div.fakta td.label {font-weight:bold; white-space:nowrap; width:10%}
div.fakta td.data {padding-left:2px; text-align:left}

/* Non-tabular data */
div.fakta dl {margin:0 0 5px 0; padding:0}
div.fakta dl dt {font-weight:bold; margin-top:2px}
div.fakta dl dd {background:#fff url("images//layout/strong_solid.gif") repeat-x 0 100%; margin:0; padding:0 0 .5em 0}


/* All Market Related Stuff! */
.market-table tr {background:#fff url("images//layout/default_solid.gif") repeat-x 0 100% !important}
.market-table tr th {background-color: #efefef; height: 28px !important; color:#5C5566; text-shadow:#fff 0px 1px 0, #efefef 0 -1px 0;  margin: 0; padding: 0 5px; vertical-align: middle}
.market-table tr h5, .market-table tr h5 a {color:#5C5566; text-shadow:#fff 0px 1px 0, #efefef 0 -1px 0; font-size:14px; font-weight:bold; text-align:left; margin: 0}
.market-table tr td {color:#666; padding-top:5px}
.market-table tr td.pos {color:#8b2; width: 1%}
.market-table tr td.neg {color:#b23; width: 1%}
.market-table tr td.nochange {color:#999; width: 1%}
.market-table .neutral {color:#666}

/* Up, down, and no change indicators */
.market-table .arrow {background-repeat: no-repeat}
.market-table .pos-arrow {background-image: url("images//layout/icons/pos_arrow_medium.gif"); color:#8b2}
.market-table .neg-arrow {background-image: url("images//layout/icons/neg_arrow_medium.gif"); color:#b23}
.market-table .nochange-arrow {background-image: url("images//layout/icons/nochange_medium.gif"); color:#999}

/* Special cell contains arrows (smaller) */
.market-table .arrow-cell {background-repeat: no-repeat; background-position: 0 3px; padding-left: 18px}
.market-table .arrow-cell-pos {background-image: url("images//layout/icons/pos_arrow_small.gif"); color:#8b2}
.market-table .arrow-cell-neg {background-image: url("images//layout/icons/neg_arrow_small.gif"); color:#b23}
.market-table .arrow-cell-nochange {background-image: url("images//layout/icons/nochange_small.gif"); color:#999}

/* Market Overivew Mod */
.market-overview {background:#ffffff; color:#666}
.market-overview tr td.pos, .market-overview tr td.neg, .market-overview tr td.nochange {text-align:right}
.market-overview td.info {color:#999; font-size:9px; padding-bottom:10px}
.market-overview td.last {background:none}
.market-overview tr th.arrow {background-position: 75% 50%; background-repeat: no-repeat; font-size:1px; text-indent:-9999px; width:25px} /* Shared across all cells with arrow indicators */

/* Market Bar */
.market-bar {width:100%}
.market-bar h5, .market-bar h5 a {font-size: 12px !important}
.market-bar td {background-color: #efefef; background-position: 5px 50%; background-repeat: no-repeat; border-right: 10px solid #fff; text-align: left; padding: 10px 0 10px 35px !important; width:25%}
.market-bar td.last {border-right: 0px !important}

/* Market search in the details mod and on the profile page */
.market-search {background-color: transparent !important; position: relative}
.market-search fieldset.text-and-button {float:right}
.market-search fieldset.text-and-button input {color:#999; width:150px !important}
.market-search fieldset.text-and-button input:focus {color:#333}

/* Market Details mod - full page width */
.market-details {margin-bottom:0}
.market-details .market-search  {float:right; margin-top: 28px}
.market-details .market-bar td {border-bottom: 10px solid #fff}
.market-details .more-info {color: #999; display: block; float:right; margin:5px 5px 0 0}


/* OBJECTS AND FUNCTIONS ************************************************************************************/
/* Creates a clickable list */
.clickable-list {margin: 0; padding: 0; list-style: none}
.clickable-list li {background: #fff url("images//layout/icons/bullet_arrow.gif") 3px 6px no-repeat; margin: 0; padding: 5px 5px 5px 20px; border-bottom: solid 1px #efefef; cursor: pointer}
.clickable-list li.last {border-bottom:0 !important}
.clickable-list li a {color:#666; text-decoration:none}
.clickable-list li:hover {background-color: #efefef; background-position:3px -444px; background-repeat: no-repeat; color:#168}
.clickable-list li:hover a, .clickable-list li a:hover  {color:#168 !important}

/* Most commented list (displays number of comments instead of the usual arrow bullet) */
.most-discussed .comment-wrapper {float:left}
.most-discussed a.comment-total {padding:0 !important}
.most-discussed ul li, .most-discussed ol li {background-image:none !important; padding-left:2px}
.most-discussed ul li a, .most-discussed ol li a {display:block; padding-left:20px}
.most-discussed .clickable-list li:hover a.comment-total, .clickable-list li a.comment-total:hover {color:#fff}
.most-discussed .clickable-list li .comment-wrapper a.comment-total {background-position:0 -1px}
.most-discussed .clickable-list li:hover .comment-wrapper a.comment-total {background-position:0 -51px; color:#fff !important}

/* Wrapper for dynamic comment totals in a comment bubble */
.comment-wrapper {display:block}
.comment-wrapper .vr {display:block; float:left; font-size:.8em; margin:0 3px}
.comment-wrapper a.read-more {display:block; float:left}
.comment-wrapper a.comment-total {background: url("images//layout/icons/comment_total_bg.gif") 0 0 no-repeat; color:#fff; display:block; height:18px; text-decoration:none; text-align:center; float:left; width:17px !important}
.comment-wrapper a.comment-total:hover {background-position:0 -50px !important}
.comment-wrapper a.comment-total span {display:none}
.comment-wrapper a.comment-total strong {font-size:9px; font-weight:normal}

/* Wrapper for a flex width text input w/ button (used in newsletter and mobile signup) */
/* This is what happens when you run out of clever names, or maybe it's the ultimate embrace of semanticism */
fieldset.text-and-button input {float:left; margin:2px 2px 0 0 !important; padding:2px 2px 1px 2px;width:55% !important}

/* HR object */
.hr hr {height:1px; margin:0; padding:0; display:none !important}
.hr {background: transparent url("images//layout/default_dotted_x.gif") 0 50% repeat-x; clear:both; display:block; height:15px; margin:0}
.default-solid {background-image: url("images//layout/default_solid.gif")} /* Thin, dotted for horiztonal rules and dividers */
.strong-dotted {background-image: url("images//layout/strong_dotted_x.gif")} /* Thick, dotted for horiztonal rules and dividers */
.strong-solid {background-image: url("images//layout/strong_solid.gif")} /* Thick, solid for horizontal or vertical rules and dividers*/

/* BR object */
/* Creates visual breaks, sometimes you also want these to be sematically broken, so optionally nest an HR but keep it hidden. */
.br {clear:both; display:block; font-size:1px; height:15px}
.br hr {display:none}
 
/* VR object, used to seperate two items - replaces the old school pipe (|) */
.vr {background:transparent url("images//layout/default_dotted_y.gif") repeat-y 50% 0; color:#999}
.vr span {display:none}

/* Height class, applicable to both BR's and HR's */
.height-1 {height:1px}
.height-5 {height:5px} 
.height-10 {height:10px}
.height-15 {height:15px}
.height-30 {height:30px}

/* Quick aligns */
.align-left {text-align:left}
.align-right {text-align:right}
.align-center {text-align:center}

/* Semantic aids, not to be rendered. */
.instructional {display:none}

/* For testing and debugging */
.debug, .debug div {background-color: #999}
.debug, .debug div div {background-color: #666}

/* EOF */

/* EOF */
.top-banner {background : #000000;}
#left_ad,
#right_ad {
  display: none;
  overflow: hidden;
  position: absolute;
  width: 0;
  z-index: 999;
}
#left_ad {
  text-align: right;
}
#right_ad {
  text-align: left;
}

.blog-header {margin-bottom : 0!important;}
.blog-header a em  {color : #11BBEE; font-style : normal; position : relative}
.blog-header cite.rss {float : right; display : block; font-style : normal; background : url(images/layout/icons/rss_medium_icon.gif) no-repeat right 1px; padding : 2px 18px 0 0; width : 22px; height : 20px; position : absolute; top : 22px; right : 0;}
.blog-header h3 {font-size : 2em;}

.comment-wrapper a.comment-total {margin-left : 5px;}
.widget_search input.text {width : 100px; float : left;  margin : 0;}

.commentlist li {margin : 20px 0;}
.commentsblock label  { width : 90px; display : block; height : 18px; }
.commentsblock .text {width : 360px; margin : 0 0 .9em 0;}
.commentsblock .alt {font-family : arial,helvetica, sans-serif; font-style : normal; }
#commentform p {margin : 0!important; line-height : 0em; }
.commentsblock .notice, #commentform p {width : 350px;}

.widget h3.mod-header,
h3.header {color:#777777 !important;
margin-top:0;
padding:0.75em 0;
background:#FFFFFF url(images/layout/mod_header_02_bg.gif) repeat-x scroll 0 0;
}

.widget {
clear:both;
margin-bottom:20px;
}
.widget ul {color:#333333;list-style-type:disc;margin:0.5em 0 1em;list-style-image:none;list-style-position:outside;}
.widget ul li {background:transparent url(images/layout/icons/bullet.gif) no-repeat scroll 3px 1px !important;list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0;padding-left:20px;line-height:1.2em;margin:0.5em 0 0 0px;}
.widget_search { padding:0.75em 0;}
.grid_4 .widget_search #s {width : 89px;}
.grid_6 .widget_search #s {width : 140px;}
.widget_search br {display : none;}
p.edit-link {float : right;}

.grid_4 img.author {width : 146px;}
.grid_6 img.author {width : 226px;}

.grid_4 img.avatar  {width : 80px; margin: 0 0 10px 33px;}
.grid_6 img.avatar {width : 120px; margin: 0 0 10px 53px;}


label.comments {width : 120px; height : 27px; float : left; padding-top : 5px; font-size : 15px}
.commentsblock cite.rss { display : block; height : 20px; padding : 0 18px 0 0; background : url(images/layout/icons/rss_medium_icon.gif) no-repeat right 1px; font-style : normal; width : 50px; margin-top : 5px; position : absolute; top : 0; right : 0;}
.commentsblock cite.rss a {color : #999; font-size : .75em;}


.alignleft {float: left}
.alignright {float: right}

ul.blog-list li { background : none!important; padding : 0;}
ul.blog-list img {width : 40px; float : right; margin : 0 0 0 5px; border:2px solid #DADADA;}
ul.blog-list h4 {font-size : 11px; text-transform: uppercase; }
ul.blog-list p {font-size : 11px; color : #666666; }