/* Site url: http://www.businessgreen.com */
/* Site type: Desktop */
/* Author: Puneet Udasi	 */
/* Last updated: 29/07/2015 */
/* Last updated by: Louise Walker */
/* Update reason: Article width fix - pixel changed to percentage for glossary type with middle column */

/* ABOUT US */
.image .image-wrapper img {
    display: block;
}
.image-wrapper {
    background-color:#FFFFFF;
    display: inline;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}

.list-images {background-color:#FFFFFF;}
.list-images h3 {font-size:1.1em;display:block}
.list-images li.with-image h3 {margin:7px 0px 0px 132px}

.list-images li {border:0 none;border-radius:12px; border:3px solid #28903b;position:relative;margin:0 0 16px 18px;min-height:120px;padding:4px;}

.list-images li.with-image {margin:0 0 16px 0}
.list-images li.with-image p {font-size:12px;margin:0px 5px 5px 132px}
.list-images li::after {content:".";display:block;clear:both;height:0;visibility:hidden}
.list-images .image-wrapper {position:absolute;top:5px;left:3px}
.list-images li img {margin:7px 15px 0 10px}


/* GPT TAGS CSS */
#wrapper {position:relative !important;}
#otdm-gptad-wallpaper {position: fixed !important; width:100%; text-align:center;}
#otdm-gptad-leaderboard_top {text-align:center !important; width: 100% !important;; padding-bottom: 10px;}
#otdm-gptad-leaderboard_bottom {text-align:center !important; width: 932px; padding-bottom: 10px;}
#otdm-gptad-static_bar {width: 100%; text-align:center;}


/* Article content blockquote styles - START */
.article_desc blockquote, .blog_content_block blockquote, .KonaBody blockquote { margin:0 0 20px 0; padding:0; width:100%; border-top:4px solid #b3e149; border-bottom: 1px solid #cacaca; }
.article_desc blockquote:before, .blog_content_block blockquote:before, .KonaBody blockquote:before { content:"\201C"; font-size:130px; color:#cacaca; opacity:0.5; position:relative; left:40px; top:74px; line-height:0; vertical-align:top;}
.article_desc blockquote p, .blog_content_block blockquote p, .KonaBody blockquote p { position:relative; left:50px; top:0px; margin:0px 0px 10px 48px; width:75%; display:inline-block; font-size:20px; line-height:26px; color:#666; font-weight:bold; letter-spacing:0; }
.article_desc blockquote p:nth-of-type(1), .blog_content_block blockquote p:nth-of-type91), .KonaBody blockquote p:nth-of-type(1) { margin:20px 0 0 0; }
.article_desc blockquote p:last-child, .blog_content_block blockquote p:last-child, .KonaBody blockquote p:last-child { font-size:14px; font-weight:normal; margin:0px 0px 10px 45px; }
/* Article content blockquote styles - END */

/* New inline image styles - figure/figcaption tags and caption display - START */
/* With p tags in code render*/
.article_desc p.figure, .blog_content_block p.figure .KonaBody p.figure { padding:0; position:relative; width:-webkit-min-content; width:-moz-min-content; width:min-content; display:table !important; }
.article_desc p.figure img, .blog_content_block p.figure img, .KonaBody p.figure img { margin-bottom:0em; height:auto; }
.article_desc p.figure span.figcaption, .blog_content_block p.figure span.figcaption, .KonaBody p.figure span.figcaption { position:relative; bottom:0; left:0; width:auto; padding:4px 0 0 0; margin:0; color:#777; font-size:0.9em; line-height:1.2em; height:auto; text-align:left; caption-side:bottom; display:table-caption; }
.article_desc p.figure.left, .blog_content_block p.figure.left, .KonaBody p.figure.left { float:left; margin:0 15px 5px 0; padding-bottom:4px; }
.article_desc p.figure.right, .blog_content_block p.figure.right, .KonaBody p.figure.right { float:right; margin:0 0 5px 15px; padding-bottom:4px; }
.article_desc p.figure.center, .blog_content_block p.figure.center, .KonaBody p.figure.center { margin:10px auto; display:block; }
/* New inline image styles - figure/figcaption tags and caption display - END */

/* Adam request */
#otdm-gptad-static_bar { width: 100%; text-align: center;}

/* Boxout styling - START */
.boxout { background-color:#e9e7e7; width:90%; padding:2% 5% 1% 5%; margin-bottom:15px; }
.boxout p { margin-bottom:0.5em; }
.boxout ul { padding:5px 0 10px; }
/* Boxout styling - END */

/* Article width fix for glossary article type with middle column - width changed to percentage to replace fixed-width pixel size - overwrites business_green.css Line 1173 */
.article_desc { width: 96%; }


.header_advertisement_parent {padding:7px 5px !important}
.header_advertisement {padding: 5px 0px !important}
.headerleft_ad {padding-left:0px !important}