/*	cboc-home.css: 2-column layout for conferenceboard.ca home
    Developed by Dan Jones (jonesd@conferenceboard.ca)
	Updated December 2008

	Layout for conferenceboard.ca home page, which has a lot of special
    controls and a particular design. As opposed to previous designs,
    the header and footer divs are not contained within the wrapper div,
    but are contained by the topwrapper div.  There is no leftcol in
    this layout, only the maincol and rightcol.  Within the maincol is
    a table with three columns (defined in the master) each presenting
    a certain amount of info in list form. */

/* OVERALL LAYOUT ********************************************** */

body {
background: #E8E6DD;                /* light blue */
color: #58595B;                     /* dark grey */
}

div.container {}

    div.container#header { }    /* placeholder */
    
    div.container#breadcrumb { display:none; } /* no breadcrumb on homepage */

    div.lang {                  /* deprecated? if removing this, remove div from master as well */
    display:none;                   /* language link is now in tall-spacer */
    }

    div.btnPrintFriendly { display: none; }

    div.container#body {
    z-index:0;
    float:left;
    width:100%;
    display:inline;
    margin-left:-330px ! important; /* 315px */
    }

    div.container#leftcol {
    background:#FFFFFF;
    float:left;
    display:inline ! important;       /* display leftcol on the home page (!!!) */
    width:270px;
    margin-left:367px ! important;  /* 339px */
    padding:0;
    }
        /*div.container#leftcol .leftheader {
        background-color:#688ca7;
        background-image:url('../img/ie/ie_home_header-top_column.gif');
        background-position:top right;
        background-repeat:no-repeat;
        height: 26px;
        width:298px;
        }*/
            div.container#leftcol .leftheader h1,
            div.container#leftcol .leftheader h2 {
            border-bottom:solid 6px #577C93!important;
            color:#577C93!important;
            font-size: 1.36em!important;
            padding-top:4px!important;
            padding-bottom:5px!important;
            text-align:left!important;
            }
        /*div.container#leftcol .rightcolitem,
        div.container#leftcol .rightcolthickitemtitle,
        div.container#leftcol .rightcolthickftrtitle {
            margin-left: 36px;
        }*/
		
        div.container#leftcol table td {
        padding: 0;
        vertical-align: top;
        }
		
		div.container#leftcol .leftColItem {
			margin:0 1px 0 0;
		}
		
    div.container#maincol {
    background: #FFFFFF;
    margin-left:662px ! important;  /* 310px + 12px + 298px */
    margin-right:0 ! important;
    margin-top:0;
    padding: 0;
    /* background-color: yellow!important;
    background-image:  url('../img/ie/ie_home_header-top_article.gif')!important;*/ /* rounded corners (top) */
    /* background-repeat:no-repeat;
    background-position: 50% 0%; */   /* centred, top */
    }
        div.container#maincol table td {
        padding: 0;
        vertical-align: top;
        }
		
        /*div.container#maincol .mainheader {
        background-color:#b4a19b;
        background-image:url('../img/ie/ie_home_header-top_article.gif');
        background-position:top left;
        background-repeat:no-repeat;
        height: 26px;
        }*/
            div.container#maincol .mainheader h1, 
			div.container#maincol .mainheader h2 {
            border-bottom:solid 6px #577C93!important;
            color:#577C93!important;
            font-size: 1.36em!important;
            padding-top:4px!important;
            padding-bottom:5px!important;
            text-align:left!important;
            }

    div.container#wrapper-top {
    background: #fff;
    padding-bottom:24px;
    }
    
        div.container#topstories {
        margin-left:36px;
        margin-right:36px;
        background: #fff;
        }
        
			div.container#topstories h1 {
				line-height:1.2em!important;
			}
			
			div.container#topstories h3 {
				color:#BFBA9F!important;
				margin-top:1.2em!important;
				margin-bottom:1.2em!important;
			}
			
			div.container#topstories .featuredArticles {
				border-bottom:6px solid #577C93 !important;
				color:#577C93 !important;
				font-size:1.36em !important;
				padding-bottom:5px !important;
				padding-top:4px !important;
				text-align:left !important;
			}
			
			div.container#topstories a {
				color:#08526D !important;
			}
        
            div.container#topstories table,
            div.container#topstories tr,
            div.container#topstories td {
            padding: 0; margin: 0; border-collapse:collapse;
            }
            div.container#topstories td {
            vertical-align: top;
            }
            div.container#topstories td + td {
            padding-left: 36px;
            }
            div.container#topstories img {
            margin-bottom:10px;
            }
            /*div.container#topstories h1 {
	        margin-bottom: .33em;
            }*/
            div.container#topstories .author {
	        font-size:1em; /*9pt*/
	        line-height:1.4em; /*12pt*/
	        color: #B2B2B2;
	        margin-bottom: .6em; 
			margin-top: .6em;
            }
            div.container#topstories .authorName {
	        color: #B2B2B2!important;
			font-weight:bold!important;
            }
            div.container#topstories .leader {
	        font-size:1.2em;
	        font-weight: normal;
	        line-height:1.36em; /*15pt*/
	        margin-bottom:0;
	        color:#636363;
            }

    /*div.container#wrapper {
    background-color: transparent;
    background-image: url('../img/ie/ie_homepage_bg.gif')!important; 
    background-repeat:repeat-y;
    background-position: 100% 0%;
    padding-bottom:24px;
    }*/
    div.container#wrapper,
    div.container#wrapper-top {
    width:928px!important;
    padding-right:0!important;
    }

    div.container#rightcol {
    background:#FFFFFF;
    width: 270px;
    float: right;
    margin-right:35px;
    margin-top: 0px;
    padding:0;
    }
        div.container#rightcol * {
        position:relative;
        }
        div.container#rightcol table,
        div.container#rightcol tr,
        div.container#rightcol td {
        padding: 0; margin: 0; border-collapse:collapse;
        }

        /*div.container#rightcol .rightheader, div.container#rightcol .rightloheader {
        background-color:#5495b4;
        background-image:url('../img/ie/ie_home_header-top_cboc.gif');
        background-position:top left;
        background-repeat:no-repeat;
        height: 26px;
        }
            div.container#rightcol .rightloheader {
            background-color:#b4a19b;
            background-image:url('../img/ie/ie_home_header-top_gallery.gif');
            background-position:top left;
            background-repeat:no-repeat;
            height: 26px;
            }
            div.container#rightcol .rightheader h1,
            div.container#rightcol .rightheader h2,
            div.container#rightcol .rightloheader h1,
            div.container#rightcol .rightloheader h2 {
            border-bottom:solid 6px #577C93!important;
            color:#577C93!important;
            font-size: 1.36em!important;
            padding-top:4px!important;
            padding-bottom:5px!important;
            text-align:left!important;
            }*/
            
            div.container#rightcol p {
				color:#636363;
            }
            
        .rightbody {
			padding-bottom:8px;
        }
            /*.rightbody ul {
            padding: 14px 30px 14px;
            margin: 0;
            }*/
            .rightbody img {
            margin:12px 0 8px;
            padding:4px;
            border:solid 2px #BFBA9F;
            }

        .rightlobody {
        padding:0px 0px 36px 0px;
        }
			.rightlobody ul {
				margin:8px 0 0!important;
				padding: 0 !important; /* 0 0 0 14px */
			}
			
			.rightlobody li 
			{
			/* Using chevrons as background image due to IE displaying them not correctly vertically! */
			
			/*list-style: none url('../img/ie/ie-list-chevron.jpg') outside !important;
			list-style-type:none !important;
			padding: 0 0 5px 0 !important;
			margin: 0 !important;*/
			
			background:transparent url(../img/ie/ie-list-chevron.jpg) no-repeat scroll 0 3px;
			list-style-position:outside !important;
			list-style-type:none !important;
			margin:0 0 5px !important;
			padding:0 0 0 14px !important;
			
			}
			
        .rightcolthickitemtitle {
        background: #BFBA9F;
        margin: 10px 0 8px 0;
        border-bottom:0px none;
        /*padding-left:12px;*/
        }
            .rightcolthickitemtitle h3 {
            color:#ffffff;
            line-height:20px;
            /*padding-top:2px;*/
            font-weight:normal;
            }
        .rightcolthickftrtitle {
        background: #BFBA9F;
        margin: 16px 0 8px 14px;
        border-bottom:0px none;
        padding-left:12px;
        }
            .rightcolthickftrtitle h3 {
            color:#ffffff;
            line-height:20px;
            padding-top:2px;
            font-weight:normal;
            }
		
		/*.leftColItem p {
			margin: 5px 0 0 9px;
			padding:0;
		}*/
		
/* MAIN COLUMN STYLES ****************************************** */

.featured-item { }              /* at top of page, below top menu */

    .featured-item tbody, .featured-item table {
    padding:0; margin:0;
    }
        .featured-image {
        width: 245px;
        height: 245px;
        line-height:0%;             /* IE won't display properly without this, because it won't */
        font-size:0;                /* ignore the whitespace that sitefinity adds. >:( */
        background: transparent;
        padding:0!important;
        }
        .featured-text {
        width: 287px;
        vertical-align: bottom !important;
        padding:8px 0px 0px 20px !important;
        }
            .featured-text p { margin: 0; }
            .featured-text ul {
            margin: .1em 0 -.2em 5px!important;
            }
                .featured-text li {
                margin: .4em 0 0 0!important;
                list-style: none url('../img/ie/ie-list-chevron.jpg') outside;
                }

.research-title { }

    .research-title td {
    padding-top: 0!important; padding-bottom: 0px!important;
    }
        /*.research-title h1 {     main title ("Research Topics")
        color: #c36a2f;             orange 
        margin: 0 ! important;
        }*/
    
.research-items { }             /* first 3-col row of items */

    .research-items h2 {        /* subtitle ("Economic Trends", etc) */
    color: #c36a2f;                 /* orange */
    border-top: 5px solid #d28f63;  /* darker orange */
    padding-top: 6px; }

.prodserv-title { }

    .prodserv-title td {
    padding-top: 0!important; padding-bottom: 0px!important;
    }
        /* .prodserv-title h1 {    main title ("Products and Services")
        color: #57809e;             blue
        margin: 0 ! important;
        } */

.prodserv-items { }             /* second and third 3-col row of items */

    .prodserv-items h2 {        /* subtitle ("Publications", etc) */
    color: #57809e;                 /* blue */
    border-top: 5px solid #9cb5c5;  /* darker blue */
    padding-top: 6px;
    }

    .prodserv-items p+h5 {      /* dates */
    margin-top: -.4em;
    }

    .prodserv-items ul {
    margin: 8px 8px 8px 5px!important; padding: 0;
    }
        .prodserv-items ul li { /* arrow-bulleted / chevronned items */
        list-style: none url('../img/ie/ie-list-chevron.jpg') outside; padding: 0; margin: 0;
        }
            .prodserv-items ul li.rss { /* rss bullet, for the rss feed item */
            margin-top: 4px!important; list-style: none url('../img/cboc/design/buttons/feed-icon_t_pad.gif') outside; padding: 0; margin: 0;
            }

    .prodserv-items ol {        /* numbered lists */
    margin: 3px 8px 8px 11px!important; padding: 0;
    }
        .prodserv-items ol li {     /* this will line up correctly in IE, but not in firefox; that's intentional */
        list-style: decimal outside; padding: 0; margin: 5px 0 0 0;
        }

.special-title { }

    .special-title td {
    padding-top: 0!important; padding-bottom: 0px!important;
    }
        /* .special-title h1 {
        color: #a80533; 
        padding-top:9px;
        margin: 0 ! important;
        } */

.special-items { }              /* last 3-col row of items */

    .special-items h2 {         /* subtitle ("CanCompete", etc) */
    color: #a80533;                 /* red */
    border-top: 5px solid #c96e6d;  /* darker red */
    padding-top: 6px;
    }

    .special-items ul {
        margin-left: 5px!important;
    }
        .special-items li {     /* arrow-bulleted / chevronned items */
            list-style: none url('../img/ie/ie-list-chevron.jpg') outside;
        }

/* RIGHT-HAND COLUMN STYLES ************************************ */

.commentary-box {               /* commentary box; first box from top in rightcol */
width:271px;
background-color: #e1eef4;          /* light blue */
background-image: url('../img/cboc/design/bgs/cboc_bluebox_bg.gif')!important;  /* rounded corner at bottom */
background-repeat:no-repeat;
background-position: bottom right;
}
    .commentary-title {         /* top of commentary box (title) */
    margin:0; padding:0 0 0 10px!important;
    height: 30px;
    background-color: #416f91;      /* dark blue */
    background-image: url('../img/cboc/design/bgs/cboc_bluebox_top.gif')!important; /* rounded corners at top */
    background-repeat:no-repeat;
    background-position: top left;
    }
        /*.commentary-title h2,
        .commentary-title h1 {
        margin:0!important; padding:0!important;
        border: 0px none; 
        font-size: 1.18em!important;
        line-height:30px;
        color: #fff!important; 
        }*/

    .commentary-image {
    width:77px;                     
    line-height:0%;                 /* IE won't display properly without this, because it won't */
    font-size:0;                    /* ignore the whitespace that sitefinity adds. >:( */
    }
    
    .commentary-text {
    width:194px;
    vertical-align: middle;
    padding: 6px 12px 4px 16px!important;   /* this spacing is pretty darn precarious */
    }
        .commentary-text p {
        margin: 0;
        padding-top:0;
        }
            .commentary-text p+p {
            margin: 0; padding: 0;  
            }
        .commentary-text h4 {
        margin: 0;
        }

.insights-box {                 /* insights box; second box from top in rightcol, extends all the way down the page */
width:271px;
margin-top:21px!important;
/* background-color: #eae7d8; */    /* deprecated */
}
    .insights-title {
    margin:0; padding:0 0 0 10px!important;
    height: 30px;
    background-color: #c97944;      /* orange */
    background-image: url('../img/cboc/design/bgs/cboc_orangebox_top.gif')!important;   /* rounded corners */
    background-repeat:no-repeat;
    background-position: top left;
    }
        /*.insights-title h2,
        .insights-title h1 {
        margin:0!important; padding:0!important;
        border: 0px none;
        font-size: 1.18em!important;
        line-height:30px;
        color: #fff!important;
        }*/

    .insights-body {
    background-color: #e4dcca;      /* lighter orange */
    background-image: url('../img/cboc/design/bgs/cboc_orangebox_bg.gif')!important;    /* bg w/ borders */
    background-repeat:repeat-y;
    background-position: top left;
    padding-bottom:15px!important;  /* breathing room */
    }

    .insights-itemtop {         /* top of box w/ round corners */
    margin:12px 12px 0!important;
    height:4px;
    background: #f5f3ec;            /* very light orange */
    background-image: url('../img/cboc/design/bgs/cboc_sub-box_top.gif')!important;     /* rounded corners */
    background-repeat:repeat-y;
    background-position: top left;
    }
    .insights-item {
    margin: 0 12px!important;
    padding: 2px 9px 5px!important;
    background: #f5f3ec;            /* very light orange */
    }
        .insights-item h3,
        .insights-item h2 {     /* commentary box heading - should be h2; h3 incl. temporarily for backwards-compat */
        font-size: 1.18em;          /*13pt*/
        line-height:1.1em;          /*12pt*/
        color:#C36A2F;              /* orange (same as research-title h2) */
        margin-bottom:.8em;
        padding-top: 0;
        border-top: 0 none;
        text-transform: none;
        font-weight: normal;
        }
            .insights-item h3.tight,  /* commentary box heading with subtitle following */
            .insights-item h2.tight { /* should be h2; h3 incl. temporarily for backwards-compat */
            margin-bottom:0.6em;
            }
            
        .insights-item p {
        margin-top: 0; padding-top: 0;
        }
        
        .insights-item .thumb {
        padding-right: 16px!important;
        padding-top: 3px!important;
        width: 55px;                /* all images in insights boxes should be 55px wide, except for charts */
        vertical-align: top;
        }
        .insights-item .caption {
        vertical-align: top;
        }
            /* .insights-item tr+tr .caption,
            .insights-item tr+tr .thumb {
            padding-top: 12px ! important;
            } */
            
        .insights-item .small_text {
        margin:-0.6em 0 .3em!important;
        }
        
        .insights-item ul {
            margin:0;
            padding-left:16px;
        }
            .insights-item li { /* arrow-bulleted / chevronned items */
                list-style: none url('../img/ie/ie-list-chevron.jpg') outside;
            }
            .insights-item ul.default {
                margin-left: 0!important;
                padding-left:auto;
            }
                .insights-item ul.default li { /* regular list items */
                    list-style: disc outside;
                }

    .insights-itembottom {      /* bottom of box w/ round corners */
    margin: 0 12px!important;
    height:4px;
    background: #f5f3ec;            /* very light orange */
    background-image: url('../img/cboc/design/bgs/cboc_sub-box_bottom.gif')!important;  /* round corners */
    background-repeat:repeat-y;
    background-position: top left;
    }
    .insights-bottom {          /* deprecated */
    height: 5px;
    background-color: #eae7d8;
    background-image: url('../img/cboc/design/bgs/cboc_orangebox_bottom.gif')!important;
    background-repeat:no-repeat;
    background-position: top left;
    }


/* TEXT ******************************************************** */

h1 {
color: #a15535;
display:block;
font-size: 1.73em;
font-weight:normal;
line-height:1.36em; 
margin:0 0 0.2em -1px;
richness:90; 
speak:normal; 
stress:30;
}

h2 {
font-size: 1.18em;      
line-height:1.1em; 
color:#C36A2F;          
margin-bottom:.8em;
text-transform: none;
}

h3 {
font-size:0.8em;
line-height:1.18em;     /* 15pt */
color: #58595B;         /* dark grey */
font-weight:normal;
margin-bottom:.18em;    /* 2pt */
text-transform:uppercase;
}

h4 {
font-size:.8em;         /* 9pt */
line-height:1.36em;     /* 15pt */
color: #898A90;         /* lighter grey */
margin:0 0 1.4em 0;     /* 15pt */
font-weight: normal;
}

h5 {
font-size:1em;          /* 11pt */
line-height:1.36em;     /* 15pt */
color: #A0A0A0;         /* lightest grey */
margin:0 0 1em 0;       /* 15pt */
font-weight: normal;
}

p {
margin: 0;
font-size:1em; /*11pt*/
line-height:1.36em; /*15pt*/
margin:0 0 .5em 0; /*4pt*/
color: #58595B; /*dark grey*/
padding: 0!important;
}

ul { }

ol { margin:0; }

a { color: #015e8d; } /* dark blue */

    a:visited { color: #535393; }   /* purple */

.datelocation {
font-size:1em; /*11pt*/
line-height:1.36em; /*15pt*/
color: #A0A0A0; /*lightest grey*/
margin:0 0 1.4em 0; /*15pt*/
}
.small_text {
font-size:.8em; /*9pt*/
line-height:1.36em; /*15pt*/
color: #898A90; /*lighter grey*/
margin:0 0 1.4em 0; /*15pt*/
}
.aboutCBOC {
font-size:.8em; /*9pt*/
line-height:1.36em; /*15pt*/
color: #58595B /*dark grey*/;
}