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

    Version History:
    July 2010 - Added Month At A Glance (MAAG) styles.
    May 2010 - Refreshed conference agenda style, added new Economic Forecasting styles.
    Sep 2009 - Resized main area width from 930px to 980px.
    May 2009 - Added new Blog page/list styles.
    Apr 2009 - Added OnBoard styles.
	Sep 2006 - Initial version.

	Layout for conferenceboard.ca main site. As opposed to previous
    designs, the header and footer divs are not contained within the
    wrapper div, but are contained by the topwrapper div.

    NOTE: This layout still contains a lot of cruft from previous
    versions--deprecated classes and such. Please consolidate.

    TABLE OF CONTENTS
    
    1. Overall Layout (body, containers [left/right/maincol])
    2. #Nav (Old Top Menu design)
    3. My Account (Bill's funky menus)
    4. Login Screen Layout
    5. Generic page elements
    5a. Header
    5b. Main column
    5c. Right-hand column
    5d. Footer
    6. Forms and form items (radio buttons, checkboxes, textboxes, etc)
    7. Conference styles
    8. OnBoard styles
    9. News styles
    10. Blog styles
    11. Economic Forecasting styles
    12. Month at a Glance styles
    13. Generic Network elements
    14. e-Library elements
    15. Generic HTML styles
    15a. Headings
    15b. Text
    15c. Links
    15d. Images
    15e. Horizontal rules
    15f. Layout tweaks
    16. Trash bin (FIXME)
*/
 
/* 1. OVERALL LAYOUT ******************************************************* */
/*    Body, div.containers [left/right/maincol, header, footer] */
body {
background:#cdd9e2;
border-width:0;
color:#58595b;
font-family:verdana, helvetica, arial, sans-serif;
font-size:70%;
line-height:130%;
margin:0;
padding:0 0 12px;
text-align:center; /* this is an IE hack to fix "margin:0 auto" bug */
}
    body>* { /* this is another hack to prevent random other pages from being centred */
    text-align:left;
    }

div.container {
border:0 none;
border-collapse:collapse;
margin:0;
padding:0;
}
    div.container#topwrapper {
    background-color:#cdd9e2;
    background-image:url('../img/cboc/design/bgs/cboc_bkrd.gif'); /* cboc_bkrd_white */
    background-position:50% 0;
    background-repeat:repeat-y;
    text-align:left; /* this is part of an IE hack to fix "margin:0 auto" bug */
    margin:0 auto;
    width:1000px; /* was 950px */ /* was 100%, but that caused a background display bug */
    }
    
    div.container#wrapper {
    background-image: url('../img/cboc/design/bgs/subpg_bkgrd.gif')!important; /* custom bg to create columns that extend to full height of page */
    background-repeat:repeat-y;
    background-position: 50% 0%;    /* centred */
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    padding-right:1px;
    width:979px; /* was 929px */
    }
        div.container#wrapper-top {
        background-color: transparent;
        background-image: url('../img/cboc/design/bgs/subpg_bkgrd_top.gif'); /* bottom edge of columns that extend to full height of page; rounded corners (bottom) */
        background-repeat:repeat-y;
        background-position: 50% 0%;    /* centred */
        margin-left:auto;
        margin-right:auto;
        padding-right:1px;
        height:11px;
        width:979px; /* was 929px */
        }
            form.blank div.container#wrapper-top { /* a little hack to remove the colours from the top wrapper; 2011-01-11 */
            background-image: url('../img/cboc/design/bgs/subpg_bkgrd_top_blank.gif')!important; /* bottom edge of columns that extend to full height of page; rounded corners (bottom) */
            }

        div.container#wrapper-top2Col {
        background-color: transparent;
        background-image: url('../img/cboc/design/bgs/subpg_bkgrd_top_white.gif'); /* bottom edge of columns that extend to full height of page; rounded corners (bottom) */
        background-repeat:repeat-y;
        background-position: 50% 0%;    /* centred */
        margin-left:auto;
        margin-right:auto;
        padding-right:1px;
        height:11px;
        width:979px; /* was 929px */
        }
        div.container#wrapper-bottom {
        background-color: transparent;
        background-image: url('../img/cboc/design/bgs/subpg_bkgrd_bottom.gif'); /* bottom edge of columns that extend to full height of page; rounded corners (bottom) */
        background-repeat:repeat-y;
        background-position: 50% 0%;    /* centred */
        margin-left:auto;
        margin-right:auto;
        padding-right:1px;
        height:6px;
        width:979px; /* was 929px */
        }
    
    div.container#header {
    background:transparent;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    padding:0;
    position:relative;
    width:980px; /* was 930px */
    z-index:1;
    }
    
    div.container#banner {
    background:transparent;
    background-image:url('../img/cboc/design/bgs/cbocbanner-sm.png');
    background-position:right top;
    background-repeat:repeat-y;
    height:120px;
    vertical-align:bottom;
    width:100%;
    }
        div.container#banner .cboc-logo { 
        background:none;
        position:relative;
        float:left;
        left: 24px;
        top: 29px;
        height:67px;
        width:269px
        }
        div.container#banner #links {
        color:#FFF;
        float:right;
        /*margin:23px 23px 9px;*/
        line-height:15px;
        margin:17px 25px 1px; /* Colette, Oct.28 */
        position:relative;
        text-align:right;
        top:33px;
        white-space:nowrap;
        }
        /* DEBUGGING STUFF HERE BOSS */ 
        /*div.container#banner #links * {
        border:1px solid red!important;
        border-collapse:separate!important;
        }*/
            div.container#banner #links div {
            margin:0 0 7px;
            }
            div.container#banner #links a {
            color:#346380;
            }
			div.container#banner #links input.searchTxtBox {
			border: 1px solid #4db3d0;
			border-color:#4db3d0 #427092 #4db3d0 #4db3d0;
			margin:0!important;
			padding:0 0 0 2px!important;
			height: 20px;
			line-height:22px;
			display:block;
			position:relative;
			float:right;
			}
			div.container#banner #links input.searchImg {
			border:0px none;
			margin:0!important;
			padding:0px!important;
			height:22px;
			line-height:22px;
			display:block;
			position:relative;
			float:right;
			}
    div.container#body-banner {
    width:906px;
    margin: 0 auto 20px;
    }		
			
    div.container#topbar {
    background:#404041;
    clear:both;
    margin:0;
    overflow:visible;
    padding:0;
    position:relative;
    width:100%;
    z-index:0;
    }
        div.topbar-container {
        float:right;
        padding:0;
        }

    div.container#breadcrumb {
    border:0 none;
    margin:1px 0 0 1em; /* modified 2008-12-05 */
    padding:0px;
    overflow:hidden;
    width:95%;
    }
        div.container#breadcrumb p {
        color:#898A90;
        font-size:0.8em;
        height: 14px;
        line-height: 14px;
        margin:0 0 0 13px; /* lines up with first item of top menu bar */
        padding:0;
        }
        div.tall-spacer { /* NOT deprecated */
        clear:both;
        color:#416f91;
        font-size:.8em;
        height:18px;
        /* line-height:27px; */
        margin:0;
        padding:0 24px 2px 0;
        text-align:right;
        }
        div.emailthispage { /* see .tallspacer; deprecated? */ }
            div.btnPrintFriendly { display: inline; }
            div#spanPrintButton { display: none; }

    div.container#body {
    display:inline;
    float:left;
    margin-left:0;
    padding-bottom:10px;
    width:100%;
    z-index:0;
    }
        .withsponsors div.container#body {
        background-color:transparent;
        background-image:url('../img/cboc/design/bgs/rightcol-dropline.gif');
        background-position:top right;
        background-repeat:repeat-y;
        }

    div.container#leftcol,
    #leftColumn {  /* FIXME is leftColumn deprecated? */
    background:transparent;
    display:inline;
    float:left;
    margin-left:36px; /* 24 + 12 */
    width:181px;
    }
        #leftcol table,
        #leftcol tr,
        #leftcol td {
        border-collapse:collapse;
        margin:0;
        padding:0;
        }
        #rightColumn { /* FIXME deprecated? */
        margin-left:16.6em;
        margin-right:1.6em;
        }
        
			div.container#leftcol ul {
			}
            div.container#leftcol .leftMenuTitle {
            background:#57809e url('../img/cboc/design/bgs/menu_bottom.gif') no-repeat 100% 100%;
            display:block;
            padding:0 10px 8px; /*0px 10px 8px;*/
            /*margin:-3px 0 0;*/
            width:161px; /* 181 + 20 */
            }

    div.container#maincol {
    margin-left:231px !important;
    margin-right:22px;
    margin-top:-6px;
    zoom:1; /* This has to read 'zoom:1' and NOT 'zoom:1px' */
    }
    
        div.container#maincol #maincolIE ul {
			margin-left: 1.4em!important;
        }
        
        div.container#maincol #maincolIE ol {
			margin-left: 0.9em!important;
        }
    
        div.container#maincol ul { /* synced with agenda.css Apr 28, 2010 */
        margin: 0 0 0 1.4em;
        padding: 0 0 0 .2em; /* was blank */
        }
        
        div.container#maincol ol { /* synced with agenda.css Apr 28, 2010 */
        margin:0 0 0 1.2em; /* was 0 0 0 0.5em */
        padding:0 0 0 1.2em;
        }
            div.container#maincol ul li,
            div.container#maincol ol li { /* synced with agenda.css Apr 28, 2010 */
            color: #58595B;
   	        font-size:1em;  /* this may be causing a bullet size bug in IE8. */ /* was 8.4pt */
	        line-height:1.5em; /* was 11pt */
	        margin:.45em 0 0 0;
	        padding:0; /* was blank */
            }
        div.container#maincol ul.link {
        margin:1em 0 0 0;
        padding-left:16px;
        }
			div.container#maincol ul.link, div.container#rightcol div#divTimerWrapper ul.link{
			margin:4px 0 7px;
			padding-left:16px;
			}
			/*  Here is a better approach setting chevron as background image and displaying it where we want it
				Unlike using list-style rule, the chevrons are not displayed with incorrect vertical spacing in IE!
			background:transparent url(../img/ie/ie-list-chevron.jpg) no-repeat scroll 0 3px;
			list-style-position:outside;
			list-style-type:none;
			margin:0 0 5px;
			padding:0 0 0 14px;
			*/
            div.container#maincol ul.link li, div.container#rightcol div#divTimerWrapper ul.link li { /* arrow-bulleted / chevronned items */
            list-style: none url('../img/cboc/design/bullets/chevron.png') outside;
            }
        div.container#maincol p+ul { /* added 2008-12-01 */
        margin-top:-1px;
        }
            div.container#maincol #maincolIE p+ul { /* added 2008-12-01 */
            /*margin:-1px 0 0 1.4em!important;*/
            }
        div.container#maincol ul+ol {
        margin-top:8px;
        }
            div.container#maincol #maincolIE ul+ol {
            /*margin:8px 0 0 0.9em!important;*/
            }
        div.container#maincol ol+ul {
        margin-top:8px;
        }
            div.container#maincol #maincolIE ol+ul {
            /*margin:8px 0 0 0.4em!important;*/
            }
        /* added March 23 2009 */
		div.container#maincol #main2Col {
			padding-right:12px!important;
			margin-top:6px;
		}

		div.container#maincol #cbocSectionMenuTextHolder {
			display:none;
		}

    div.container#footer {
    margin-left:auto;
    margin-right:auto;
    padding:0;
    width:980px; /* was 930px */
    }

    div.container#footer-bottom {
    background-color: #cdd9e2;      /* blue bg */
    background-image: url('../img/cboc/design/bgs/cboc_bkrd_bottom.gif')!important; /* bottom edge of page bg  */
    background-repeat:no-repeat;
    background-position: 50% 0%;    /* centred, top */
    width:100%;
    height:14px;
    }

    div.container#copyright {
    margin:0;
    padding:16px 0 10px;
    width:100%;
    }
        div.container#copyright p {
        font-size:93%;
        margin:2px;
        padding:0;
        text-align:center;
        }
        div.container#copyright span {
        color:#d2dae7;
        }

    div.container#alerts { /* FIXME deprecated? */
    background-color:#fff0e5;
    border:1px dotted #ffb580;
    border-collapse:collapse;
    margin:0 0 1.5em;
    padding:8px;
    }
        div.container#alerts .title {
        color:#F63;
        }
    div.container#story p { /* FIXME deprecated? */
    padding:0 0 .5em;
    }

div.lang { /* FIXME Deprecated - when removing this, remove div from master as well */
margin:-2px 1.5em 4px -24.75em;
padding:0 2px 0 100%;
}
    div.lang * { /* FIXME Deprecated (see above) */
    margin:0;
    padding:0;
    position:relative;
    }

/* 2. #NAV (Old Top Menu design) ******************************************* */
/*    Deprecated, still in use on My Account pages. Please split this
      off into a new stylesheet though FIXME  */
#nav,
#nav ul {
list-style:none;
white-space: nowrap;
margin:0;
padding:0;
}
    #nav li {
    float:left;
    background: #404041;
    }
        #nav li a,
        #nav li a:visited {
        color:#fff;
        }
        #nav li ul {
        position:absolute;
        overflow:hidden;
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-top: 0px none;
        border-bottom: 1px solid black;
        width: 28em;
        left: -999em;
        margin-left: -1px;
        speak:none;
        }
            #nav li ul li {
            display: block;
            width: 28em;
            }
        #nav li:hover, #nav li.sfhover {
        background: #666;
        position: static;
        }
            #nav li:hover ul, #nav li.sfhover ul {
            left:auto;
            speak:normal;
            }
    #nav a {
    display:block;
    padding:4px 6px;
    }

div.main-section { /* FIXME deprecated? */
border-collapse:collapse;
clear:right;
margin:.5em 0 1em;
padding:0;
}

/* 3. MY ACCOUNT *********************************************************** */
/*    not deprecated yet, still in use on My Account pages. Please split this
      off into a new stylesheet though FIXME  */
.menuItem { /* .menuItem: Bill's funky menu buttons. */ /* FIXME */
background-color:#aaa;
border:solid 1px #999;
color:#FFF;
display:-moz-inline-box; /* Mozilla requires this to display properly */
display:inline-block;
font-family:arial, verdana, helvetica;
font-size:88%;
font-weight:bold;
margin-bottom:10px;
padding-left:6px;
padding-right:6px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
}
    .menuItem:hover { /* FIXME */
    background-color:#FFF;
    color:#000;
    }
    .menuItem:active { /* FIXME */
    font-weight:bold;
    }

.sideMenu { /* FIXME */
border-right:solid 1px #ccc;
display:block;
padding-right:5px;
vertical-align:top;
}

.contentBox { /* FIXME */
border:outset 1px #000;
margin-bottom:10px;
padding:2px;
width:550px;
}

.alertBox { /* FIXME */
background-color:#FFF;
border:outset 1px #000;
height:100%;
margin:10px 0;
padding:2px;
width:95%;
}

/* 4. LOGIN SCREEN LAYOUT ************************************************** */
/*    Used on login page. Please split this off into a new stylesheet FIXME  */
#regt {
clear:both;
speak:normal;
}
    #acctt {
    speak:normal;
    }

#regwrap {
width:900px;
margin:1.27em 0 0 0;
}
    #regwrap table, #regwrap tr, #regwrap td {
    border-collapse:collapse;
    }
#acctwrap {
width:708px;
margin:1.27em 0 0 0;
}
    #acctwrap table, #acctwrap tr, #acctwrap td {
    border-collapse:collapse;
    }
    
#regl {
display:inline;
float:left;
margin-left:0;
padding:0;
speak:normal;
}
    .login #regl { width:435px; }
    .reg #regl { width:295px; } /* 275px + 15px margin */
    .login #regl h2, .login #regl .heading2 { margin: 0; } /* 2011-01-19 */

#regr {
float:right;
margin-left:0;
margin-right:0;
padding:0;
speak:normal;
}
    .login #regr { width:435px; }
    .reg #regr { width:595px; }
    .login #regr h2, .login #regr .heading2 { margin: 0; } /* 2011-01-19 */

#regb {
clear:both;
padding:14px 0;
speak:normal;
}
    #regb h2, #regb .heading2 {
    margin:0;
    }
    
#acctb {
padding:14px 0;
speak:normal;
}
    #acctb h2, #acctb .heading2 {
    margin:0;
    }

/* 5. GENERIC PAGE ELEMENTS ************************************************ */
/*    All sorts of different page elements that are used throughout the site */
/* 5a. HEADER ELEMENTS ***************************************************** */
.bcrumb { /* breadcrumb (deprecated?) */
font-family:verdana, arial, helvetica, sans-serif;
font-size:68%;
}
    a.bcrumb:link,
    a.bcrumb:visited {
    color:#009;
    }

/* Text styles for inside the Email this page dialog */
.emailPg_h4 { /* synced with agenda.css Apr 29, 2010 */ /* Same as h4 with less margin above */
color:#000000;
display: block;
font-size:0.9em;
font-family:Verdana,arial,helvetica,sans-serif;
font-weight:normal;
line-height:1.2em;
margin:.6em 0 0 0;
padding:0;
}
    .emailPg_txt { /* synced with agenda.css Apr 29, 2010 */ /*same as .small with less margin above */
    color: #898A90;
    font-size:.8em;
    font-family:Verdana,arial,helvetica,sans-serif;
    line-height:1.5em;
    margin:.6em 0 0 0;
    padding:0;
    }

/* 5b. MAIN COLUMN ELEMENTS ************************************************ */
.printfriendly { /* still needed? */
font-family:verdana, sans-serif;
font-size:85%;
}
/* Design element: Link with chevron */
.GenreicContentChevroned { /* This is misspelled FIXME */
	background:transparent url(../img/cboc/design/bullets/chevron.png) no-repeat scroll 0 2px;
	margin:0.6em 0 0;
	padding:0 0 0 14px;	
}
/* Design element: Validation summary box */
.validationSummary {
background-color: #fff7f2;
border-left:6px solid red;
color:red;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
font-weight:bold;
margin-top:15px;
padding: 8px 8px 8px 11px;
}
/* Design element: Instruction box */
.instruction { /* still needed? */
/* background-color:#f4f4f4;
border:dotted 1px #ccc;
color:#000;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
margin-bottom:10px;
padding:8px;
richness:50;
speak:normal;
stress:60;*/ 
}
/* Design element: Please Note */
.plsNote {
border-left: 6px solid #ffa15c; /* orange */
color: #707070; /* grey */
display:block;
font-weight: bold;
padding-left: 11px;
}
/* Design element: Error box */
.errorText {
background-color: #fff7f2;
border-left:6px solid red;
color:red;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
font-weight:bold;
margin-top:15px;
padding: 8px 8px 8px 11px;
}
/* Design element: Error mark ("X" on forms) */
.errorMark {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:110%;
font-weight:bold;
padding-right:4px;
}
/* Design element: Required mark ("*" on forms) */
.requiredMark {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:110%;
font-weight:normal;
}

.cbocDate {
color:#606060; /* grey for dates */
}

.callout { /* synced with agenda.css Apr 28, 2010 */
border-bottom:1px solid #bb9786;
border-top: 1px solid #bb9786;
color:#77300d;
display:block;
font-size:.96em;
font-weight:normal;
line-height:1.5em;
padding:.6em 0 0.6em;
margin:1.27em 0 0 0;
width:100%;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}
    .callout-fc {  /* NEW - Modified from InsideEdge - Added May 3, 2010 */
    font-size:1.18em; /*13pt*/
    line-height:1.36em; /*15pt*/
    padding:16px 0;
    border-top: 1px solid #ba6a2f;
    border-bottom: 1px solid #ba6a2f;
    margin:13px 0; /*3pt*/
    color:#ba6a2f; /*H2 orange*/
}

.top { /* synced with agenda.css Apr 28, 2010 */
color: #1697B6;
font-size:1em;
line-height:1.5em;
text-align: right;
margin: 0.2em 0 0 0;
padding:0;
}

/* selectors for within the "on this page" box, Added by Mehrdad March 03 2009 */
div.cbocOnThisPage {
background-color:#EEF2F5!important;
margin:14px 0 7px 0;
padding:10px;
}

	div.cbocOnThisPage h2, div.cbocFOTP h2 { /* synced with agenda.css Apr 28, 2010 */
	color: #000000!important;
	border:none!important;
	margin-top:0!important;
	margin-left:0!important;
	padding-top:0!important;
	padding-left:0!important;
	}
		
	div.cbocOnThisPage ul {
	margin:0!important;
	}
	div.cbocOnThisPage li { /* synced with agenda.css Apr 28, 2010 */
	margin:0!important;
	}

.rptSidebox { 
float:right;
width:300px;
padding:14px;
margin:22px 0 5px 16px;
border-left:6px solid #89a37b;
background-color:#f7faf8;
}
.rptFullbox { 
padding:14px;
margin:22px 0;
border-left:6px solid #89a37b;
background-color:#f7faf8;
}
    .rptSidebox *, .georgia .rptSidebox *,
    .rptFullbox *, .georgia .rptFullbox * {
    font-family:Verdana,helvetica,arial,sans-serif;
    }
    .rptSidebox h2, .georgia .rptSidebox h2,
    .rptFullbox h2, .georgia .rptFullbox h2 {
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    color:#58595b;
    line-height:18px;
    }
        .rptSidebox h2 {
        width:230px!important;
        }
        .rptFullbox h2 {
        width:500px!important;
        }
    .rptSidebox p, .georgia .rptSidebox p,
    .rptFullbox p, .georgia .rptFullbox p {
    font-size:12px;
    line-height:18px;
    }
    .rptSidebox p.rptBoxSource, .georgia p.rptSidebox p,
    .rptFullbox p.rptBoxSource, .georgia p.rptFullbox p {
    font-size:10px;
    }
    .rptBoxpander {
    float:right;
    text-align:right;
    font-size:11px;
    font-weight:bold;
    color:#89a37b;
    margin:0 0 12px 12px;
    cursor: pointer;
    }
        .rptBoxPlus {
        padding:1px 2px 1px;
        background-color:#89a37b;
        color:#f7faf8;
        font-size:12px;
        }
    .rptCollapsedBox {
    float:right!important;
    width:200px!important;
    margin:22px 0 5px 14px!important;
    }
        .rptCollapsedBox .rptBoxpander {
        margin:0 0 6px 12px;
        /* width:100%;*/
        }
        .rptCollapsedBox h2 {
        clear:right;
        width:172px!important;
        }

    .rptExpandedBox {
    /* nothing special, whatever it was originally */
    }

/* 5c. RIGHT-HAND COLUMN ELEMENTS ****************************************** */

/* Right-hand column generic infoboxes */
/*    some of these may be deprecated. Please investigate and delete FIXME */
div.cbocBoxTitle { /* RHS Box titles */
border-bottom:2px solid #EAD2C1;
color:#ba6a2f; /* c36a2f */
display:block;
font-size:1.18em;
font-weight:normal;
line-height:1.2em; /*1.1em;*/
margin:1.27em 0 0 0; /*margin:0;*/
padding:0 0 0.36em 0; /* padding-top:12px; */
}

div.cbocBoxBody { /* RHS Box bodies */
margin:0 0 16px;
padding:8px 5px 5px 0px;
}
    .PollBox {}  /* Dan's polls */
        .PollBox fieldset {
        border:0 none;
        margin:0;
        padding:0;
        }
        .PollBox ol li div {
        margin:0;
        padding:0;
        }

	.cbocBoxBody a {
	background:transparent url(../img/cboc/design/bullets/chevron.png) no-repeat scroll 0 1px;
	margin:0 0 5px;
	padding:0 0 0 14px;
	}

    div.cbocBoxBody .RadioButtonListCssClass { /* Let's make these appear properly inside RHS boxes */
    list-style:none url('');
    margin:3px 0 0 -15px;
    padding:0 0 0 16px;
    position:relative;
    text-indent:0;
    }
        div.cbocBoxBody .RadioButtonListCssClass li {
        line-height:110%;
        list-style:none url('');
        margin:0 0 5px -5px;
        padding:1px 0 0;
        }

    div.cbocBoxBody .CheckBoxListCssClass { /* Let's make these appear properly inside RHS boxes */
    display:block;
    list-style:none url('');
    margin:4px 0 0 3px;
    position:relative;
    text-indent:0;
    }
        div.cbocBoxBody .CheckBoxListCssClass input {
        line-height:110%;
        list-style:none url('');
        vertical-align:middle;
        }

    div.cbocBoxBody p,
    div.cbocBoxBody div {
    margin:0;
    padding:0 0 0 6px;
    position:relative;
    }

    div.cbocBoxBody ul,
    div.cbocBoxBody ol { 
    list-style:url('../img/cboc/design/bullets/bullet.gif'); /* inset bullets */
    margin:3px 0 0 -5px;
    padding:0 0 0 16px;
    position:relative;
    text-indent:0;
    }
        div.cbocBoxBody ul li,
        div.cbocBoxBody ol li {
        line-height:110%;
        margin:0 0 5px -5px;
        padding:1px 0 0;
        }

/* 5d. FOOTER ELEMENTS ***************************************************** */

.copyright {
color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:85%;
}

/* 6. FORMS AND FORM ITEMS ************************************************* */
/*    NOTE: many of these are Bill's form elements, which should only be used
      on the My Account page. Please split this off into a new stylesheet
      FIXME  */
form {
margin:0;
padding:0;
}
    /* Event registration forms */
    .cbocRegForm { }
		
        .cbocRegForm .heading2,
        .cbocRegForm .heading3 {
        display:inline-block;
        }
        .cbocRegForm .regFormRadioButton {
        display:block;
        margin:6px 0 4px;
        padding-left:0;
        }
            .cbocRegForm .regFormRadioButton input,
            .cbocRegForm .regFormRadioButtonList input {
            display:inline;
            margin:2px 10px 2px 0;
            vertical-align:top;
            }
            .cbocRegForm .regFormRadioButton label,
            .cbocRegForm .regFormRadioButtonList label {
            display:inline-block;
            vertical-align:top;
            width:70%;
            }
            
        .cbocRegForm .regFormRadioButtonList {
        display:block;
        list-style:none;
        margin:6px 0 4px;
        padding-left:0;
        }
            .cbocRegForm .regFormRadioButtonList li {
            margin:6px 0 4px;
            }
        
        .cbocRegForm .regFormCompactRBList {
        display:inline;
        list-style:none;
        margin:6px 0 4px!important;
        padding-left:0!important;
        }
            .cbocRegForm .regFormCompactRBList li {
            display:inline;
            margin:6px 18px 4px 0!important;
            }
            .cbocRegForm .regFormCompactRBList input {
            display:inline;
            margin:2px 10px 2px 0;
            vertical-align:top;
            }
            .cbocRegForm .regFormCompactRBList label {
            display:inline;
            vertical-align:top;
            }

        .cbocRegForm .regFormRBTabbed {
        display:block;
        margin:0 0 4px 25px;
        }

        .cbocRegForm .regFormTextBoxList {
        margin:0;
        }

			.cbocRegForm .regFormTextBoxList ol li {
			color:#898A90!important;
			font-size:1em!important;
			line-height:1.5em!important;
			}

	/* Event registration Form, IE version: to deal with misalignment of Radiobutton Labels and ol lists 
	   Using [if IE] clause to make cbocRegFormIE class invisible to other browsers except IE!  
	*/
    .cbocRegFormIE { }

			.cbocRegFormIE .regFormTextBoxList ol {
			margin:0 0 0 1.2em!important;
			}

            .cbocRegFormIE .regFormRadioButton input,
            .cbocRegFormIE .regFormRadioButtonList input {
            margin-top:-2px; /* Adding this line allows properly aligned radiobutton labels in IE and messes up FF*/
            }

            .cbocRegFormIE .regFormCompactRBList input {
            margin-top:-2px; /* Adding this line allows properly aligned radiobutton labels in IE and messes up FF*/
            }


 /* Most of the form-related things below are only used in the MyAccount section,
    especially the ones marked "Bill's _____". */

    /* Regular form elements */
    .formTitle { /* title of the form (duh) */
    border-bottom:solid 1px #999; /* grey */
    display:block;
    font-family:arial, verdana, helvetica;
    font-size:135%;
    font-weight:bold;
    line-height:14pt;
    margin-bottom:15px;
    }

    .formBox { /* invisible box containing the form */
    /* margin-bottom:10px;
    width:100%; */
    }
        .formBox .formBox {
        /*margin-bottom:0;
        width:100%; */
        }

    .fieldLabel { /* labels for all input fields */
    cursor:help;
    display:block;
    font-weight:bold;
    padding-bottom:2px;
    }
        .login input+.fieldLabel,
        .login select+.fieldLabel,
        .login .errorMark+.fieldLabel, 
        .login .fieldHint+.fieldLabel {
        margin-top:6px;
        }
        .reg p+.fieldLabel,
        .reg input+.fieldLabel,
        .reg select+.fieldLabel,
        .reg .errorMark+.fieldLabel,
        .reg .errorText+.fieldLabel,
        .reg .RadInput+.fieldLabel,
        .reg .fieldHint+.fieldLabel,
        #OrgOther+.fieldLabel /* labels for all input fields */
        { 
        margin-top:8px;
        }
        .acct input+.fieldLabel,
        .acct select+.fieldLabel,
        .acct .errorMark+.fieldLabel,
        .acct .userChangeLink+.fieldLabel,
        .acct .fieldHint+.fieldLabel,
        #OrgOther+.fieldLabel /* labels for all input fields */
        { 
        margin-top:6px;
        }
        .pay p+.fieldLabel,
        .pay input+.fieldLabel,
        .pay select+.fieldLabel,
        .pay .errorMark+.fieldLabel,
        .pay .errorText+.fieldLabel,
        .pay .RadInput+.fieldLabel,
        .pay .fieldHint+.fieldLabel,
        #OrgOther+.fieldLabel /* labels for all input fields */
        { 
        margin-top:8px;
        }
        .flInline {
        
        }

    .FieldData { /* still used? */
    color:#000;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:85%;
    font-weight:normal;
    }


    .fieldHint { /* input field hints */
    color:#898a90; /* grey */
    /* display:-moz-inline-box;  HACK: for mozilla support. Do not remove! 
    display:inline-block;        COUNTER-HACK: I've removed this because it was causing the */
    /* display: block;            event reg forms to break in moz.  the hints don't seem to be affected. */
    font-family:arial, verdana, helvetica;
    font-size:85%;
    font-weight:normal;
    margin-bottom:6px;
    /*margin-left:30.3%;*/  /* .7em;*/
    /* position:relative; */
    vertical-align:middle;
    }

	/* Gives textboxs a thinner look. Effects dropdowns in FF and as usual does nothing in IE */
	.newTextBox {
	background-color:White;
	border:solid 1px #d2d0d4;
	}

    .textBox { /* Bill's text input */
    border:solid 1px #a2a4a7;
    color:#58595b;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:100%;
    margin-right:4px;
    padding: 3px;
    position:relative;
    /* width:60%; */
    }
        .textBoxShort { /* Bill's text input (short version - 50% width) */
        border:solid 1px #000;
        color:#000; /* black */
        display:-moz-inline-box; /* Mozilla requires this to display properly */
        display:inline-block;
        font-family:arial, verdana, helvetica;
        font-size:100%;
        margin-bottom:2px;
        margin-right:2px;
        position:relative;
        width:50%;
        }
        .textBoxShort1 { /* Bill's text input (tiny version - 20% width) */
        border:solid 1px #000;
        color:#000; /* black */
        display:-moz-inline-box; /* Mozilla requires this to display properly */
        display:inline-block;
        font-family:arial, verdana, helvetica;
        font-size:100%;
        margin-bottom:2px;
        margin-right:2px;
        position:relative;
        width:25%;
        }
        .textBoxUpperCase {
        border:solid 1px #000;
        color:#000; /* black */ 
        display:-moz-inline-box; /* Mozilla requires this to display properly */
        display:inline-block;
        font-family:arial, verdana, helvetica;
        font-size:100%;
        margin-bottom:2px;
        margin-right:2px;
        position:relative;
        text-transform:uppercase;
        width:60%;
        }

    .textArea { /* Bill's textarea */
    border:solid 1px #000;
    color:#000; /* black */
    display:-moz-inline-box; /* Mozilla requires this to display properly */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-bottom:2px;
    margin-right:2px;
    position:relative;
    width:99%;
    }

    .linkGroup { /* Bill's group of hyperlinks */
    display:block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-right:1%;
    margin-top:5px;
    text-align:right;
    }

    .buttonGroup { /* Bill's group of buttons */
    /* border-top:solid 1px #999; */
    display:block;
    margin-top:1em;
    padding:0;
    text-align:left;
    }
        .buttonGroup .checkBox {
        display:block; /* 2010-dec-20 */
        margin-bottom:3px;
        }
        .button, .button-long { /* Bill's buttons */
        font-size:100%;
        font-family:verdana, helvetica, arial, sans-serif;
        color:#58595B;
        vertical-align:bottom;
        }
        .button { /* Bill's buttons */
        width:8em;
        }
        .button-long { /* Bill's buttons */
        width:16em;
        }

    .checkBox { /* Bill's checkboxes */
    color:#000; /* black */
    display:-moz-inline-box; /* Mozilla requires this to display properly */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-left:-3px; /* 2010-dec-20 */
    padding-left:0;
    }
        .checkBoxGroup { /* Bill's checkboxes */
        color:#000; /* black */
        display:block;
        font-family:arial, verdana, helvetica;
        font-size:9pt;
        margin-bottom:2px;
        padding-left:30%;
        position:relative;
        width:88%;
        }
        .checkBoxList { /* Bill's checkboxes */
        /*color:#000;*/ /* black */
        display:block;
        /*font-family:arial, verdana, helvetica;
        font-size:100%; */
        /*height:9.25em;*/
        /*overflow:auto;*/
        padding:0;
        margin:3px 0 0;
        /*position:relative;*/
        }
            .checkBoxList table, .checkBoxList tr {
            padding:0;
            margin:0;
            }
            .checkBoxList td {
            padding:2px 0 2px 0;
            width:280px;
            }
            .checkBoxList label { /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
            float:left;
            display:block;
            left:1.75em;
            padding:0;
            margin:0;
            height:18px;
            line-height:15px;
            position:relative;
            width:260px; /* 2010-12-23 */
            }
            .checkBoxList td.cblOther label {
            width:80px;
            }
                .acct .checkBoxList td label { /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
                width:260px; /* 2010-12-23 */
                }
                .acct .checkBoxList td+td label { /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
                width:180px; /* 2010-12-23 */
                }

            .checkBoxList input,
            .checkBoxListVariable input { /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
            float:left;
            left:0;
            height:18px;
            line-height:18px;
            margin:0 -2.25em 0 0; /* 2010-01-07 */
            padding:0;
            position:relative;
            }
                .checkBoxList input.txtCblOther,
                .checkBoxListVariable input.txtCblOther { 
                float:left;
                left:0;
                height:18px;
                line-height:18px;
                margin:0 -2.25em 0 0; /* 2010-01-07 */
                padding:0;
                position:relative;
                }
            #maincolIE .checkBoxList label { /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
            /* padding:1px 0 0 0; */
            /*margin:1px 20px 0 0;*/
            }
            #maincolIE .checkBoxList input,
            #maincolIE .checkBoxListVariable input { /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
            margin:0 -2.25em 0 -4px; /* 2010-12-23 */
            /*padding:0;*/
            }
            .checkBoxListVariable { /* used on EventOptions.ascx */
            display:block;
            margin:3px 0 0;
            padding:0;
            }
                .checkBoxListVariable label { /* used on EventOptions.ascx */
                float:left;
                display:block;
                left:1.75em;
                padding:0;
                margin:0;
                height:18px;
                line-height:15px;
                position:relative;
                width:260px; /* 2010-12-23 */
                }
                .reg .checkBoxListVariable label { /* used on EventOptions.ascx */
                width:620px!important; /* 2010-12-23 */
                }

    .radioButton { /* Bill's radiobuttons */
    display:-moz-inline-box; /* Mozilla requires this to display properly */
    display:inline-block;
    font-family:verdana, arial, helvetica;
    margin-right:5px;
    position:relative;
    }
        .radioButtonListH { /* Bill's radiobuttons */
        list-style-type: none;
        width: 100%;
        float: left;
        clear: both;
        }
            .radioButtonListH li { /* Bill's radiobuttons */
            float: left;
            padding-right:16px;
            }

    .dropDown { /* Bill's dropdowns */
    /* border:solid 1px #000; */
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:100%;
    margin:0 2px 2px 0;
    /* padding: 2px;*/
    position:relative;
    }
    
    .fieldSet { /* Bill's fieldsets */
    margin-top:8px; /* 2011-01-12 */
    width:100%;
    padding:0;
    border:0px none;
    }
        .fieldSetLegend {
        font-weight:bold;
        line-height:140%;
        padding-left:0px;
        cursor:help;
        }
        .fieldSetHint {
        color:#B38C66;
        /*font-family:arial, verdana, helvetica;
        font-size:85%;
        font-weight:normal;*/
        padding-left:0;
        }

    .gridHeader { /* Bill's MyAccount grids */
    background-color:#f8f0ea; /* jan 13 2011 */
    line-height:2.0em;
    }
        .gridHeader th, .gridHeader td { /* Bill's MyAccount grids */
        padding-left:8px;
        }
        .gridRow { /* jan 13 2011 */
        background-color:#fff;
        line-height:2.0em;
        }
            .gridRow td { /* jan 13 2011 */
            padding-left:8px;
            border-bottom: 1px solid #d6d5d5;
            }
        .gridRow-nb { /* jan 13 2011 */
        background-color:#fff;
        line-height:2.0em;
        }
            .gridRow-nb td { /* jan 13 2011 */
            padding-left:8px;
            }

        .gridRowAlt { /* deprecated - jan 13 2011 */
        background-color:#f4f4f4;
        line-height:2.0em;
        }
            .gridRowAlt td { /* deprecated - jan 13 2011 */
            padding-left:8px;
    	    border-bottom: 1px solid #d6d5d5;
            }
        .gridTotal { /* jan 13 2011 */
        background-color:#fff;
    	border: 0px none;
        color: #BA6A2F;
        font-size: 1.18em;
        font-weight: bold;
        line-height:2.0em;
        padding-left: 8px;
        }

/* 7. CONFERENCE STYLES **************************************************** */
/*    To be used only on Conference pages. Please split this off into a
      new stylesheet FIXME  Redone Apr/May 2010 */
.showMe { /* copied over from agenda.css Apr 29, 2010 */
/* border-bottom:2px solid #EAD2C1; */ /* removed Aug 12, 2010 */
color:#58595B;
font-size:1em;
font-weight:normal;
line-height:1.27em;
/*padding:0 0 1.27em 0;*/ /* removed Aug 12, 2010 */
/*margin:1.27em 0 0 0;*/ /* removed Aug 12, 2010 */
width:100%;
}
.confTime	{
text-transform:lowercase;
color: #000; /* was 58595B */
font-size:0.8em; /* was 1em */
line-height:1.6em; /* was 1.5em: changed Aug 12, 2010 */
/*margin:1.27em 0 0 0;*/ /* was 0 */
/*padding:1.27em 0 0 0;*/ /* was 0 */
width:60px; /* was 80px */
}
    .confDate	{ /* synced with agenda.css Apr 29, 2010 */
    color: #58595B;
    font-size:1em;
    line-height:1.5em;
    margin:0;
    padding:0;
    width:80px;
    }
    .confTimeBr	{ /* copied over from agenda.css Apr 29, 2010 */
    text-transform:lowercase;
    color: #000000;
    font-size:0.8em;
    font-style: italic;
    line-height:1.5em;
    margin:1.27em 0 0 0;
    padding:1.27em 0 0 0;
    width:60px;
    }
.confSessTitle	{ /* copied over from agenda.css Apr 29, 2010 */
color: #000000;
font-size:0.8em;
font-weight:bold;
line-height:1.5em;
margin:1.27em 0 0 0;
padding:1.27em 0 0 0;
}
    .confSessTitleBr { /* copied over from agenda.css Apr 29, 2010 */
    color: #000000;
    font-size:0.8em;
    font-weight:bold;
    font-style: italic;
    line-height:1.5em;
    margin:1.27em 0 0 0;
    padding:1.27em 0 0 0;
    }
.spkTable { /* copied over from agenda.css Apr 29, 2010 */
border-collapse:collapse;    
padding: 0 0 0 0;
margin: 6px 0 0;
vertical-align:bottom;
}
    .spkTable td { /* copied over from agenda.css Apr 29, 2010 */
    vertical-align:bottom;
    padding:0;
    }
        .confSpkName	{ /* synced with agenda.css Apr 29, 2010 */
        font-weight:bold;
        color: #58595B;
        font-size:0.8em;
        line-height:1.5em;
        margin:0;
        padding:0 0 0 1px;
        vertical-align:bottom; /* was blank */
        }
            .confSpkTitle	{ /* copied over from agenda.css Apr 29, 2010 */
            font-weight:normal;
            color: #58595B;
            font-size:0.8em;
            line-height:1.5em;
            margin:0;
            padding:0;
            vertical-align:bottom;
            }
            .confSpkImg	{ /* copied over from agenda.css Apr 29, 2010 */
            margin:0;
            padding:0;
            vertical-align:top;
            }
.confTable, .confTableAgenda { /* synced with agenda.css Apr 29, 2010 */
padding: 0;
border-collapse: collapse;
}
    .confTable { /* synced with agenda.css Apr 29, 2010 */
    margin: 0;
    }
    .confTableAgenda { /* synced with agenda.css Apr 29, 2010 */
    margin: .6em 0 0 0;
    }
	.confTable td	{ /* synced with agenda.css Apr 29, 2010 */
	vertical-align:top;
	padding: 1em 0 0 0;
	margin:0;
	border-collapse:collapse;
	}
	.confTable h3	{ /* synced with agenda.css Apr 29, 2010 */
	margin: .5em 0 0 0 ;
	}
	.confTableAgenda td	{ /* synced with agenda.css Apr 29, 2010 */
	vertical-align:top;
	/*padding:.6em 0 0 0;
	margin:0;*/
	border-collapse:collapse;
	}
	.confTableAgenda h4 { /* synced with agenda.css Apr 29, 2010 */
	line-height:1.5em;
	margin: 0;
	padding:0;
	}
	.confTableAgenda small { /* synced with agenda.css Apr 29, 2010 */
	margin:0;
	}
    .confTableFees	{ /* synced with agenda.css Apr 29, 2010 */
    width: 100%;
    margin: 1.25em 0 0 0;
    padding: 0;
    }
	.confTableFees td	{ /* synced with agenda.css Apr 29, 2010 */
	vertical-align:top;
	padding: .25em 1em .25em .25em;
	margin:0;
	border-collapse:collapse;
	}
    .confTableSpkBio { /* copied over from agenda.css Apr 29, 2010 */
    margin:0 0 0 0;
    border-collapse: collapse;
    }
    .confTableSpkBio td { /* copied over from agenda.css Apr 29, 2010 */
    padding:.6em 0 0 0;
    margin:0;
    border-collapse:collapse;
    }
    
/* Conference Agenda at a Glance Styles - Added Apr 28, 2010 */
.doc_title { /* synced with agenda.css Apr 28, 2010 */
color:#77300D;
font-size:1.05em;
line-height:1.3em;
display:block;
margin: 1.27em 0 0 0;
padding: 0;
font-weight: normal;
display: block;
}
.doc_abstract { /* synced with agenda.css Apr 28, 2010 */
color: #58595B;
font-size:1em;
line-height:1.5em;
margin:0;
padding:0;
}
.doc_price { /* synced with agenda.css Apr 28, 2010 */
color:#000000;
font-size:0.9em;
font-weight:normal;
line-height:1.2em;
margin: .8em 0 0 0;
padding:0;
}
.doc_author { /* synced with agenda.css Apr 28, 2010 */
color: #898A90;
font-size:.8em;
line-height:1.5em;
margin:.45em 0 0 0;
padding:0;
}
.testim_name { /* synced with agenda.css Apr 28, 2010 */
text-align: right;
color: #898A90;
font-size:.8em;
line-height:1.5em;
margin: .45em 0 0 0;
padding:0;
}
.menu_title { /* synced with agenda.css Apr 28, 2010 */
color: #FFFFFF;
font-size: 1.18em;
line-height: 1.25em;
}
.menu_text	{ /* synced with agenda.css Apr 28, 2010 */
color: #08526d;
font-size:1em;
line-height:1.3em;
margin:0;
padding:0;
}

/* Fees table - October 24, 2011 */
table.feestable
{
    margin: 0; padding: 0;
}
table.feestable, table.feestable tr, table.feestable tr td 
{
    border-collapse: collapse;
    border:1px #fff solid;
}

/* Fees table HEADER */
.feestable .th,
.feestable .th_left, 
.feestable .th_right,
.feestable .th_blank {
	border-bottom: 3px #fff solid; 
	background-color: #3f7191;	
	font-weight: bold;	
	color: #fff;
	margin: 0;
	padding: 3px 0 3px 7px; 
}

.feestable .th,.feestable .th_right
{
    width: 105px;
}

.feestable .th_left 
{
	background: #3f7191 url('/lib/img/cboc/design/bgs/feestable-top.gif') no-repeat top left;
}

.feestable .th_right {
    background: #3f7191 url('/lib/img/cboc/design/bgs/feestable-top.gif') no-repeat top right;
}

.feestable .th_blank {
	width: 150px;
	background-color: #3f7191; 
}

/* Fees table CONTENT */
.feestable .tr_content {
	background-color: #e0e9f2;
}
    .feestable .tr_content td {
	    padding: 3px 7px 3px 7px; 
    }

.feestable .td_highlight {
	background-color: #cbdbe8; 
}

.feestable .td_rate {
	width:170px; 
}

/* Fees table FOOTER */
.feestable .tf_left, 
.feestable .tf_right {
	background-color: #e0e9f2;
}

.feestable .tf_left {
	background: #e0e9f2 url('/lib/img/cboc/design/bgs/feestable-bottom.gif') no-repeat bottom left;
}

.feestable .tf_right {
	background: #e0e9f2 url('/lib/img/cboc/design/bgs/feestable-bottom.gif') no-repeat bottom right;
}

/* 8. ONBOARD STYLES **************************************************** */
/*    To be used only on OnBoard pages. Please split this off into a
      new stylesheet FIXME  Added April 2009 */
div.onboardSpacer {
clear:both;
color:#FFFFFF;
margin:0;
padding:6px 0 6px 0;
}
.onboardDivider {
background-color:#bae24b;
padding-right:10px;
height:432px;
}
.onboardContainer {
font-family:Arial!important;
padding-left:1.1em!important;
padding-right:1.1em!important;
}
	.onboardContainer a {
	color:#333333!important;
	}
	.onboardContainer h1 {
	font-size:16pt!important;
	color:#333333!important;
	margin-bottom:0!important;
	padding-top:1em!important;
	padding-bottom:0.15em!important;
	}
	.onboardContainer h2 {
	font-weight:bold;
	font-size:11pt;
	line-height:17pt;
	color:#85B52D;
	border:none 0!important;
	}
	div.container#maincol #maincolIE .onboardContainer img {
	margin-bottom:0.5em;
	}
.onboardMore {
font-size:12pt;
line-height:17pt;
color:#333333;
display:block;
padding-bottom:0.9em;
}
	.onboardMore a {
	font-size:12pt!important;
	line-height:17pt!important;
	color:#7E8158!important;
	}
.onboardChevron {
font-size:12pt;
line-height:17pt;
color:#85B52D;
padding-right:5px;
}
.onboardBackToTop {
font-size:11pt;
color:#333333;
display:inline-block;
padding-bottom:0.5em;
}
.onboardPrice {
font-size:11pt;
line-height:17pt;
font-weight:normal!important;
}
.onboardBodyCopy {
font-size:10pt;
line-height:15pt;
color:#7E8158;
margin:0.7em 0;
}
	.onboardBodyCopy a {
	font-size:10pt!important;
	line-height:15pt!important;
	color:#85B52D!important;
	}
	.onboardBodyCopy ul,
	.onboardBodyCopy ol {
	padding:0 0 0 1em!important;
	display:block;
	margin-bottom:0.5em!important;
	margin-top:0.5em!important;
	}
	.onboardBodyCopy ol {
	margin-left:0.4em!important;
	}
	.onboardBodyCopy ul li,
	.onboardBodyCopy ol li {
	font-size:10pt!important;
	line-height:15pt!important;
	color:#7E8158!important;
	margin:0.2em 0 0!important;
	}
    div.container#maincol #maincolIE .onboardContainer .onboardBodyCopy ul {
	margin: 0 0 0 0.4em!important; /* gotta love IE */
	padding-left:0.9em!important;
	padding-bottom:0.5em!important;
	padding-top:0.3em!important;
	color:#7E8158!important;
    }
    div.container#maincol #maincolIE .onboardContainer .onboardBodyCopy ol {
	margin: 0 0 0 0.8em!important; /* gotta love IE */
	padding-left:0.9em!important;
	padding-bottom:0.5em!important;
	padding-top:0.3em!important;
	color:#7E8158!important;
    }
.onboardMenuContainer {
font-family:Arial!important;
padding-top:0.8em!important;
}
	.onboardMenuContainer h1 {
	font-size:16pt!important;
	color:#333333!important;
	}
	.onboardMenuContainer h2 {
	font-weight:bold;
	font-size:11pt;
	line-height:17pt;
	color:#85B52D;
	border:none 0!important;
	}
	.onboardMenuBody {
	font-size:10pt;
	line-height:14pt;
	color:#7E8158;
	margin-top:0;
	padding-bottom:10px;
	padding-top:10px;
	}
	#MainMenuAreaIE .onboardMenuContainer .onboardMenuBody {
	padding-bottom:8px!important;
	}
	.onBoardMenuDate {
	font-size:10pt;
	line-height:14pt;
	color:#bae24b;
	}
	.onboardMenu {
	font-size:12pt!important;
	line-height: 15pt!important;
	color:#333333!important;
	margin:0.7em 0 0!important;
	}
		.onboardMenu a {
		color:#333333!important;
		display:block;
		padding-top:5px !important;
		}
		.onboardMenu .onboardChevron {
		display:block!important;
		padding-top:1px!important;
		line-height:21pt!important;
		}

/* 9. NEWS STYLES ********************************************************** */
/*    To be used on News pages (SF 3.7). June 2010, Dan Jones. */
div#maincol.container p.sf_newsTitle {}
    p.sf_newsTitle+p.sf_newsDate {
    margin:0em 0 0;
    }
div#maincol.container p.sf_newsDate {}
div#maincol.container ol.sf_pager, div.container#maincol #maincolIE ol.sf_pager {
margin:0 0 0 -4px!important;
padding:0;
}

/*10. BLOG STYLES ********************************************************** */
/*    To be used on Blog pages (SF 3.7): Blog list (single person) and
      Blog list (multiple people). May 24, 2009. */
.blogList {
margin-top:24px;
}
    .blogList .sf_pager {
    margin:1em 0 0;
    }
    .blogList h3.blogTitle {
    font-size:1.18em!important;
    font-weight:normal;
    line-height:1.2em!important;
    margin: 1.6em 0 0 0!important; /* was .6em 0 0 0!important */
    }
	.blogList .blogAuthor {
	margin: 0 0 .8em!important;
	padding: 0;
	border-collapse: collapse;
	}
	.blogList .blogDate { /* synced with agenda.css Apr 29, 2010 */
    margin: .1em 0 .4em!important;
    }


.blogTable { /* synced with agenda.css Apr 29, 2010 */
padding:0;
margin:0;
border-collapse: collapse;
}
	.blogTable table, .blogAuthor {
	margin: 0 0 1.27em;
	padding: 0;
	border-collapse: collapse;
	}
	.blogTable table td, .blogAuthor td { /* synced with agenda.css Apr 29, 2010 */
	vertical-align:bottom;
	padding: 0.5em 0 0!important;
	margin: 0!important;
	/* width:50px!important; */
	}
	.blogTable table td img, .blogAuthor td img {
	width:50px!important;
	height:50px!important;
	padding:0!important;
	margin:0!important;
	}
	.blogTable table td+td, .blogAuthor td+td {
	width:12px!important;
	}
	.blogTable table td+td+td, .blogAuthor td+td+td {
	vertical-align:bottom;
	width:323px!important;
	}
	.blogTable+p {
	margin-top:0!important;
	}

.blogTitle { /* synced with agenda.css Apr 29, 2010 */
color:#1697B6;
font-size:1em!important; /* was 1em*/
line-height:1.3em!important; /* was 1.5em */
display:block;
margin: 2em 0 0 0!important; /* was .6em 0 0 0!important */
padding: 0!important;
font-weight: normal;
}
.blogDate { /* synced with agenda.css Apr 29, 2010 */
color:#58595B;
display: block;
font-size:0.9em!important;
font-weight:normal!important;
line-height:1.5em!important;
margin: .25em 0 0!important;
padding:0!important;
}
	.blogDate+p { /* synced with agenda.css Apr 29, 2010 */
	margin-top: 0;
	}
	.head2-noline+.blogDate { /* synced with agenda.css Apr 29, 2010 */
	margin: 0!important;
    padding: 0!important;
	}
.post {
margin-bottom:8px;
}
	.post div p {
	margin-top:0px!important;
	}
	h2+.post {
    margin-top:8px;
	}
	.sf_singlePost .blogTitle {
    color:#58595B;
	}
.sf_postComments { /* June 29 2011 */
	/* width: */
}
/* To allow BlogPost page numbers to be printed properly both in browser print + friendly print */
table.sf_pager td a[disabled="disabled"], 
table.sf_pager td a.sf_PagerSelItem {
color: #000!important;
text-decoration: none!important;
cursor: default!important;
}
.sf_pager_padding {
padding-right:1.5em!important;
}
/* This is a bit of a hack (FIXME) to make the Blog Archive control (a radTreeView)
   a little nicer. It goes in the right-hand column. Added July 2010 */
#rightcol .RadTreeView_Default .rtSelected .rtIn {
background-color:#DDE6EC;
background-image:none;
border:0px none;
}
.gaBlog {}

    .gaBlog .head1-small { margin:27px 0 1em!important; padding:0!important; }
    .gaBlog .head2-noline { padding:0; }
    .gaBlog .blogDate { color:#58595b; }

	.blogAuthor, .georgia .blogAuthor {
	margin: 4px 0 1.27em;
	padding: 0;
	width: 385px;
	border-collapse: collapse;
	/*font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 0.85em;
	line-height: 1.4em; */
	}
	    #maincol .gaBlog .georgia-body .blogAuthor+p {
        margin:0 !important;
	    }
	    /*.georgia .blogAuthor {
        margin: 0 0 1.27em !important;
	    }*/
	.blogAuthor td { /* synced with agenda.css Apr 29, 2010 */
	vertical-align:bottom;
    font-family:verdana, helvetica, arial, sans-serif;
    font-size:.8em;
    line-height:1.35em;
    color:#58595b;
	padding: 0.5em 0 0!important;
	margin: 0!important;
	/* width:50px!important; */
	}
	    /*.georgia .blogAuthor td {
        padding: 0!important;
	    }*/
	.blogAuthor td img {
	width:50px!important;
	height:50px!important;
	padding:0!important;
	margin:0 0 2px!important;
	}
	.blogAuthor td+td, .blogAuthor .baImg+td {
	width:12px!important;
	}
	.blogAuthor td+td+td, .blogAuthor .baText {
	width:323px!important;
	}
	.gaBlog+p {
	margin-top:0!important;
	}
	    #maincol .gaBlog .georgia-body p {
	    margin:1.27em 0 0 !important;
	    }

/*11. ECONOMIC FORECASTING STYLES ****************************************** */
/*    To be used on pages related to Economic Forecasting. May 3, 2010. */
.disclaimer { /* disclaimer for Forecasting - Added May 3, 2010 */
font-family: verdana, helvetica, arial, sans-serif;
font-size: 0.8em; /* 7pt */
line-height:1.5em;
text-align: left;
color: #999999;
padding-top: 0.8em;
}
/* Forecasting Data Tables - Added Mar. 3, 2010 */
.dataTable { /* NEW Data Table Formatting - May 3, 2010*/
font-family: verdana, helvetica, arial, sans-serif;
font-size: 0.8em; /* 7pt */
color: #58595B;
border-collapse: collapse;
text-align: right;
}
    .dataTable td { /* NEW DATA TD attributes - May 3, 2010*/
	border-bottom: 1px solid #cccccc; 
	padding: 0.45em 0.6em 0.45em 0.6em; 
    }
    .data-row1 { /* NEW - medium green rows - May 3, 2010*/
	background-color: #89A17A;
	font-weight: bold;
	color:#FFF;
	font-size: 1.18em; 
    }
        .data-row1-blue { /* NEW - medium blue rows - Oct 6, 2011*/
        background-color: #5b93b5;
        font-weight: bold;
        color:#FFF;
        font-size: 1.18em; 
        }
    .data-row2 { /* NEW - light green rows - May 3, 2010*/
	background-color: #D7DFD2;
	font-weight: bold;
	text-align: left;
	font-size: 1.1em; 
    }
        .data-row2-blue { /* NEW  - light blue rows - Oct 6, 2011*/
        background-color: #d3eefa;
        font-weight: bold;
        text-align: left;
        font-size: 1.1em; 
        }
    .data-left { /* NEW - aligns left - May 3, 2010*/
	text-align:left;
    }
    .sources { /* NEW - sources for Data Tables - May 3, 2010*/
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.8em; /* 7pt */
	line-height:1.5em;
	text-align: left;
	color: #58595B;
	padding-top: 0.8em;
    }

/*12. WEB-ENABLED REPORT STYLES *********************************** */
/*    To be used on web-enabled reports on the CBoC site, including
      Month at a Glance, Industry Leading Indicators, and sundry
      briefings. Updated April 2011. */
/* "Floating" On This Page box. Orig. design for the MAAG site, July 2010. */
div#maincol div.cbocFOTP, div#maincolIE div.cbocFOTP { 
background-color:#EEEEEC!important;
float: left;
position: static;
margin:20px 20px 12px 0; /* bottom set to 12px to allow closer wrap, at Scott's request (Aug 5 2010) */
width: 181px;
}
	div#maincol div.cbocFOTP .h2FOTP, div#maincolIE div.cbocFOTP .h2FOTP {
    color:#BA6A2F; /* header for On this page box */ /* .on-this-page */
    font-family:Verdana;
    font-size:1.18em;
    font-weight:normal;
    line-height:1.2em;
    }
    div#maincol div.cbocFOTPTxt {
    padding:12px 8px;
    }
        div#maincol div#maincolIE div.cbocFOTPTxt {
        padding:8px 8px 12px;
        }
    div#maincol div.cbocFOTPTxt .pFOTP {
    margin:0.75em 0 0;
    color: #ba6a2f;
    }
	div#maincol div.cbocFOTPTxt ul {
	margin:8px 0 0 15px;
	padding:0;
	}
	    div#maincol div.cbocFOTPTxt ul li { /* synced with agenda.css Apr 28, 2010 */
        margin:0.45em 0 0; /* no new style necessary - bullets for On this page box */
	    padding:0; /*use default size and spacing of current bullets - please align flush left */
	    white-space:normal;
	    font-size:1em; /* this may be causing a bullet size bug in IE8. */
        font-family:Verdana;
	    }
    div#maincolIE div.cbocFOTPTxt ul { /* IE settings */
    margin:0 0 0; /* I hate IE so much */
    padding:4px 0 0 0;
    }
        div#maincolIE div.cbocFOTPTxt ul li {
        margin:0.45em 0 0;
        padding:0;
        white-space:normal;
        font-size:1em;  /* this may be causing a bullet size bug in IE8. */
        font-family:Verdana;
        }
    div.container#maincol ul.FOTPList, div.container#maincol #maincolIE ul.FOTPList {
    margin-left:221px!important; /* I really hate floats, and lists too */
    /* FIXME
       USE THIS CLASS WITH GREAT CAUTION. It should be used on lists that are
       showing up NEXT TO the FOTP box, in such a way that the list items cannot
       flow past the box. Otherwise, they will extend past the box with the same
       margin, leaving a big blank space below the FOTP box. It will look really silly. */
    }

/* "Georgia" wrapper div for text in web-enabled reports. Created April 2011 for Colette. */
/* georgia-body is what we called it when it was just used on the MAAG. Nowadays,
   you should use <div class="georgia"><p> instead of <p class="georgia-body">. */
.georgia, .georgia-body {
font-size:1.2em;
font-family:georgia,serif;
line-height: 160%;
}
    /* force a margin above body text (i.e. below the page heading) */
    div.georgia {
        margin-top:1.27em;
    }
    div.blogDate+div.blogTable div.georgia 
    {
        margin-top:0;
    }
    
    /* the following is a hack to compensate for the lack of :first in earlier browsers */
    .georgia p { margin-top:0; 
                 line-height:1.6em; } /* FIXME we really need to remove the lineheight and font from the regular P tag; it messes things up */
    .georgia p+p, .georgia ul+p, .georgia ol+p,
    .sf_singlePost div .georgia p+p,
    .sf_singlePost div .georgia ul+p,
    .sf_singlePost div .georgia ol+p 
    {
        margin-top:1.27em!important;
    }
    
    .head2-noline+.georgia-body, .georgia .head2-noline+p { /* paragraph tag for body for 2-col layout is Georgia */
    margin-top:1px; /* close the gap */
    }
        .h2MAAG-noline+.georgia-body, .georgia .h2MAAG-noline+p { /* paragraph tag for body for 2-col layout is Georgia */
        margin-top:1px; /* close the gap */
        }
    .georgia-body-intro, .georgia .intro {
    font-family: georgia, serif;
    font-size: 1.4em;
    line-height: 160%;
    color: #b38c66;
    font-style: italic;
    }
    .callout-georgia, .georgia .callout, .georgia .callout-georgia {
    border-bottom: 1px solid #BA6A2F;
    border-top: 1px solid #BA6A2F;
    color: #BA6A2F;
    font-family:verdana, helvetica, arial, sans-serif;
    font-size: 1.02em;
    line-height: 1.36em;
    margin: 13px 0;
    padding: 16px 0;
    }
    .georgia-body sup, .georgia .sup { /* superscripts */
    line-height:0;
    /*vertical-align:text-top;*/
    top: -6px;
    position: relative;
    font-size: 0.9em;
    }
    div.container#maincol .georgia ul, div.container#maincol .georgia ol {
    /*font-family: georgia;
    font-size: 1.2em;*/
    }
        div.container#maincol .georgia ul li, div.container#maincol .georgia ol li {
        line-height: 160%;
        }
        div.container#maincol .georgia ul li p+p, div.container#maincol .georgia ol li p+p {
        margin-top:0.45em;
        }
        .georgia .footnote, .sf_singlePost div .georgia .footnote { /* synced with agenda.css Apr 29, 2010 */
        font-size:0.75em!important;
        margin-top:16px!important;
        padding-top:10px!important;
        }
    .georgia h2 /*, .georgia .head2-georgia, .georgia .head2-noline*/ {
	border:0px none;
	color:#BA6A2F;
	display:block;
	/*font-size:inherit; */
	font-size:1.08em;
	/*font-size:1.3em !important;*/ /* larger size than regular h2 */
	font-weight:normal;
	font-family: verdana,helvetica,arial,sans-serif !important;
	line-height:1.2em !important;
	padding:0 0 0.36em 0;
	margin:1.27em 0 0 0;
	width:100%;
    }
        .georgia h2.h2MAAG-noline-georgia {
	    /*border:0px none;
	    color:#BA6A2F;
	    display:block;
	    
	    font-weight:normal;
	    font-family: verdana,helvetica,arial,sans-serif !important;
	    line-height:1.2em !important;
	    padding:0 0 0.36em 0;
	    margin:1.27em 0 0 0;*/
	    width:448px;
        }
    .head3-georgia, .georgia h3 { 
    color:#77300d;
    display:block;
    font-size:1.02em !important; /* was 1.22 em; larger size than regular h3 */
    font-weight: normal;
    font-family: verdana,helvetica,arial,sans-serif !important;
    line-height:1.3em !important;
    margin:1.27em 0 0 0;
    padding: 0;
    }
        .head3-georgia+.georgia-body, .georgia h3+.georgia-body, .georgia h3+p { 
        margin-top: 3px;
        }
    .head4-georgia, .georgia h4 { /* "fake h4" */
    color:#000000;
    display:block;
    font-size:1.02em !important; /* same size as h3 above */
    font-weight:normal;
    font-family: verdana,helvetica,arial,sans-serif !important;
    line-height:1.3em !important;
    margin:1.27em 0 0 0;
    padding: 0;
    }
        .head4-georgia+.georgia-body, .georgia h4+.georgia-body, .georgia h4+p { 
        margin-top: 3px;
        }

.paging {}

    .pageCurrent {
    background-color: #339bb5;
    padding: 3px 6px 4px;
    margin: 0pt 4px;
    color: #ffffff;
    }
    .pageLink {
    padding: 3px 6px 4px;
    margin: 0pt 4px;
    }

/*13. GENERIC NETWORK ELEMENTS ********************************************* */
/*    To be used only on Network pages. Please split this off into a
      new stylesheet FIXME  Redone April 2010 */
/* Network Members' lists */
.membDetailName	{ /* synced with agenda.css Apr 28, 2010 */
border-bottom:2px solid #EAD2C1;
color:#BA6A2F;
display:block;
font-size:1.18em;
font-weight:normal;
line-height:1.2em;
padding:0 0 0.36em 0; /* was 0 */
margin:0; /* was 0 0 5px 0 */
width:100%;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}
.membBiosMainTable {
width:100%;
}
.membBiosName	{
border-bottom:2px solid #EAD2C1;
color:#BA6A2F;
display:block;
font-size:1.18em;
font-weight:normal;
line-height:1.2em;
padding:0;
margin:0; /*0 5px 0; */
width:100%;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}
.membDetailCommittee {  /* synced with agenda.css Apr 28, 2010 */
color:#77300D;
display:block; /* was blank */
font-size:0.9em;
font-weight:normal;
line-height:.8em;
margin:6px 0 0 0; /* was 0 */
padding:0;
}
.membSummary {
margin-top: 14px;
}
	.membSummary td { /* synced with agenda.css Apr 29, 2010 */
	color: #898a90;
	font-size:.8em;
	line-height:1.3em;
	margin:0;
	padding:0; /* was 0 20px 5px 0 */
	vertical-align:top; /* ? */
	}
.p_nospace	{ /* synced with agenda.css Apr 29, 2010 */
color: #58595B; /* only for network sites? */
font-size:1em;
line-height:1.5em;
margin:0;
padding:0;
}

/*14. E-LIBRARY ELEMENTS *************************************************** */
/*    To be used only on pages related to e-Library (or e-Data?) offerings.
      Not specifically for use on the e-Library (/e-Data) itself, but on pages
      like documents.aspx. Redone April 2010.
      Does this need its own stylesheet? FIXME   */
/* NEW STYLE FOR SERVICEPACKAGEDESC CONTROL - e-Library / documents.aspx? */
.Catalog_DescLabel p  {
color: #58595B!important;
font-size:1em!important;
line-height:1.5em!important;
margin:0.5em 0 0;
padding:0;
}
.service_price { /* synced with agenda.css Apr 28, 2010 */
color:#000000!important;
font-size:0.9em!important;
font-weight:normal!important;
line-height:1.5em!important;
margin: 0!important;
padding:0!important;
}
.footnote { /* synced with agenda.css Apr 29, 2010 */
border-top:1px solid #CCCCCC;
color:#666666;
font-family:verdana,helvetica,arial,sans-serif;
font-size:0.9em;
line-height:1.36em;
margin-top:16px;
padding-top:10px!important;
}
    .footnote+.footnote { /* synced with agenda.css Apr 29, 2010 */
    border-top:0px none;
    color:#666666;
    font-size:0.9em;
    line-height:1.36em;
    margin-top:8px;
    padding-top:0!important;
    }

/*  e-library experimental
    FIXME Is this deprecated? Please tell me it is */
#MainMenuArea .elibraryMenuContainer {}
	#MainMenuArea .elibraryMenuContainer ul {
	padding-left:0.2em;
	margin-left:0px;
	}
	#MainMenuArea .elibraryMenuContainer li {
	margin:0 0 5px;
	padding:0 0 3px 14px;
	border-bottom:1px solid #F0EFEE;
	color:#416F91 !important;
	overflow:hidden;
	}
div.ContentAreaEmpty p, div.ContentAreaEmptySel p {
margin:0px 0px ! important;
}
    div.ContentAreaEmpty p em, div.ContentAreaEmptySel p em {
    font-size:12px ! important;
    }

.elibAbstract {
    color: #58595B;
    font-size:1em;
    line-height:1.5em;
    margin: .25em 0 0 0;
    padding:0;
}

.elibDetails {
    color: #898A90;
    font-size:1em; /* was .8 */
    line-height:1.5em;
    margin:.45em 0 0 0;
    padding:0;
}
.elibDetails+.elibAbstract {
    margin:1.1em 0 0 0;
}


/*15. GENERIC HTML STYLES ************************************************** */
/*    Basic HTML styles that can be used anywhere. Everyone loves these!     */
/*15a. HEADINGS ************************************************************ */
h1, /* HEADING 1 */
.heading1 { /* synced with agenda.css Apr 28, 2010 */
color:#ba6a2f;
display:block;
font-size:1.64em;
font-weight:normal;
line-height:1.2em;
margin:0;
padding:0;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}
    h1.blogpad {
    margin:27px 0 0;
    }
    .head1-small { /* NEW - For Titles above H1 - Added May 3, 2010 */
	font-family: verdana, helvetica, arial, sans-serif;
	color: #B38C66;
	display: block;
	font-size:1em;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:27px 0 1em 0;
	text-transform:uppercase;
	richness:90; /* audio settings for screen readers */
	speak:normal; /* audio */
	stress:30; /* audio */
	}
	.sf_singlePost p.head1-small
	{
	    padding:27px 0 1em;
	}
    .sectionname  { /* small blue text above H1 */
	color: #aba7ae;
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 .4em 0;
	padding: 3px 0 0;
	richness:90; /* audio settings for screen readers */
	speak:normal; /* audio */
	stress:30; /* audio */
	}	
h2, /* HEADING 2 */
.heading2 { /* synced with agenda.css Apr 28, 2010 */
border-bottom:2px solid #EAD2C1;
color:#ba6a2f;
display:block;
font-size:1.18em;
font-weight:normal;
line-height:1.2em;
margin:1.27em 0 0 0;
padding:0 0 0.36em 0;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
width:100%;
}
    .head2-noline { /* NEW - H2 Copy FOR NEW CONTROL ? - Added May 3, 2010 */
	border:0px none;
	color:#BA6A2F;
	display:block;
	font-size:1.18em;
	font-weight:normal;
	line-height:1.2em;
	padding:0 0 0.36em 0;
	margin:1.27em 0 0 0;
	width:100%;
	richness:90; /* audio settings for screen readers */
	speak:normal; /* audio */
	stress:30; /* audio */
	}
    .head2-confsum { /* NEW - H2 Copy for conferences - Added Nov 24, 2010 */
	border:0px none;
	color:#b38c66;
	display:block;
	font-size:1.05em;
	font-weight:normal;
	line-height:1.5em;
	padding:0 0 8px 0;
	margin:1px 0 0 0;
	richness:90; /* audio settings for screen readers */
	speak:normal; /* audio */
	stress:30; /* audio */
	}
    .h2MAAG, .georgia .h2MAAG { /* NEW - H2 Copy for MAAG - Added August 3, 2010 */
	/*float:left;*/
	margin:1.27em 0;
	width:448px;
	}
    .h2MAAG-noline, .georgia .h2MAAG-noline { /* NEW - H2 Copy for MAAG - Added August 3, 2010 */
	/*float:left;*/
	border:0px none;
	margin:1.27em 0 0;
	width:448px;
	}
    /* .h2MAAG-noline + .georgia-body {
	margin-top:1px;
	} */

h3, /* HEADING 3 */
.heading3 { /* synced with agenda.css Apr 28, 2010 */
color:#77300d;
display:block;
font-size:1.05em;
font-weight: normal;
line-height:1.3em;
margin:1.27em 0 0 0;
padding: 0;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}
    #maincol h3+div.elibAbstract p {
	    margin: 0 0 0 0;
    }
    #maincol h3+div.elibAbstract *+p {
	    margin: 1.27em 0 0 0;
    }

h4, /* HEADING 4-5 */
h5, /* ...are the same */
.heading4,
.heading5 { /* synced with agenda.css Apr 28, 2010 */
color:#000000;
display:block;
font-size:0.9em;
font-weight:normal;
line-height:1.2em;
margin:1.27em 0 0 0;
padding: 0;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}
    h3+p, h4+p, h5+p { /* synced with agenda.css Apr 28, 2010 */
    margin-top: 0;
    }

/*15b. TEXT **************************************************************** */
p { /* Paragraphs */ /* synced with agenda.css Apr 28, 2010 */
color: #58595B;
font-size:1em;
line-height:1.5em;
margin:1.27em 0 0 0;
padding:0;
}

.small { /* synced with agenda.css Apr 28, 2010 */
color: #898A90;
font-size:.8em;
line-height:1.5em;
margin:1.27em 0 0 0;
padding:0;
}
    .psmall {
    color: #58595B;
    font-size:0.8em;
    line-height:1.5em;
    margin:1.27em 0 0 0;
    padding:0;
    }
    .smli {
    color: #58595B;
    font-size:.8em;
    line-height:1.5em;
    margin: 0 0 0 .6em;
    padding: 0 0 0 1em;
    }
    .smaller {
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:70%;
    line-height:125%;
    }
.bold,
.more {
font-weight:bold;
}
.right {
float:right;
}
.normaltext { /* deprecated? if not, it should be */
color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:110%;
}
.text { /* deprecated? if not, it should be */
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
font-weight:normal;
margin-left:3px;
richness:50;
speak:normal;
stress:50;
}
.metatext {
color: #898a90;
font-size:0.8em!important;
}

/*15c. LINKS *************************************************************** */
a {
color:#416f91;
text-decoration:none;
}
    a:visited {
    color:#5f5f8f;
    text-decoration:none;
    }
    a:hover {
    color:#416f91;
    text-decoration:underline;
    }
    #wrapper a { /* synced with agenda.css Apr 28, 2010 */
    color:#1697B6;
    text-decoration:none;
    }
        #wrapper a:visited { /* synced with agenda.css Apr 28, 2010 */
        color:#797DC0;
        text-decoration:none;
        }
        #wrapper a:hover { /* synced with agenda.css Apr 28, 2010 */
        color:#0082A2;
        text-decoration:underline;
        }
    #wrapper a.noLink {
    text-decoration:none;
    color:#58595b;
    }
        #wrapper a.noLink:hover {
        text-decoration:none;
        color:#58595b;
        }
        /*a:hover .noLink { */ /* who did this? */
	    /*color:Red;
        } */

/*15d. IMAGES ************************************************************** */
img { /* synced with agenda.css Apr 29, 2010 */
border:0 none;
margin:0; /* was blank */
padding:0; /* was blank */
}
    /* NEW STYLES FOR IMAGE ALIGNMENT AND SPACING */
    .imgLeft { /* synced with agenda.css Apr 29, 2010 */
    float: left;
    margin: .5em 1em 1em 0;
    }
    .imgRight { /* synced with agenda.css Apr 29, 2010 */
    float:right;
    margin: .5em 0 1em 1em;
    }
    .imgRpt { /* synced with agenda.css Apr 29, 2010 */
    float: left;
    margin: .5em 1em 1em 0;
    border:1px solid #AAAAAA;
    }
    .imgFull { /* synced with agenda.css Apr 29, 2010 */
    float: left;
    margin: 1em 0;
    }

/*15e. HORIZONTAL RULES **************************************************** */
/*     These may be deprecated. FIXME */
hr.feature {
border-bottom:0 none;
border-left:0 none;
border-right:0 none;
border-top:1px solid #f60; /* orange */
height:1px;
margin:4px 0;
padding:0;
}
hr.menu {
border-bottom:0 none;
border-left:0 none;
border-right:0 none;
border-top:1px solid #999;
height:1px;
margin:6px 0;
padding:0;
}

/*15f. LAYOUT TWEAKS ******************************************************* */
/*     Some of these may be deprecated. FIXME */
div.hidden { /* used for WAP/Blackberry shortcuts, etc FIXME */
left:-999em; /* should put this in a separate mobile stylesheet for @import */
position:absolute;
}

div.spacer:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;
}
/* FIXME: not deprecated yet, but probably should be */
div.spacer { display: inline-block; }
/* Hides from IE5/Mac \*/
* html div.spacer {height: 1px;}
div.spacer {display: block;}
/* End hide from IE5/Mac */
div.info-body div.spacer { }

div.line-spacer { /* FIXME: almost certainly deprecated */
border-bottom:1px solid #ccc;
clear:both;
padding-top:1px;
}

div.main-spacer { /* FIXME: deprecated? */
position:relative;
}

div.vertical-prop { /* vertical spacer; deprecated? */
float:right;
height:200px;
margin:0;
position:relative;
width:1px;
}

.clearing { /* is this currently used anywhere? */
clear:both;
height:0;
}

/*16. TRASH BIN ************************************************************ */
/* FIXME FIXME FIXME FIXME FIXME FIXME FIXME FIXME FIXME FIXME FIXME FIXME */
/* What's the difference between all these title classes? Are they all
   worth keeping? Note: none of them are used on the homepage. */
.cbocMainTitle {
color:#e36f1e;
font:150% arial;
margin-bottom:8px;
text-transform:uppercase;
}
.cbocItemTitle {
color:#e36f1e; /* orange */
font:110% arial;
margin-bottom:0;
padding-bottom:0;
}
.title {
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:150%;
font-weight:bold;
line-height:190%;
margin-bottom:15px;
}
.sectiontitletext { /* worth keeping? */
color:#009;
font-family:verdana, sans-serif;
font-size:110%;
font-weight:bold;
}

/* .hiddentext,
.hiddentext:link,
.hiddentext:visited {
color:#fff;
} */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
   This lovely block of code is meant for debugging. It does wondrous things to the layout.
   If you do not wish to do wondrous things to the layout, please do not uncomment this code.
   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* 
table {   border: solid 2px red; }
td { border: dotted 1px red; }
span { border: double 3px orange; background: #ffe0cc; }
div { border: solid 3px yellow; background: lightyellow; }
p { border: solid 3px aliceblue; background: aliceblue; }
div.container#body { border: solid 2px blue; background: none; }
div.container#leftcol, #leftColumn { border: solid 2px aqua; background: none; }
div.container#maincol, #rightColumn { border: solid 2px green; background: none; }
div.container#rightcol { border: solid 2px lime; background: none; }
ol, ul { border: 1px solid black; background: #ddd; }
li { border: dotted 3px magenta; background: pink; }
*/