﻿/*	conferenceboard.ca e-Library CSS Layout Stylesheet
	Summer 2009 - Mehrdad Hateffi		*/

body {
background:#cdd9e2;
border-width:0;
color:#58595b;
font-family:verdana, helvetica, arial, sans-serif;
font-size:70%;
line-height:150%;
margin:0;
padding:0 0 12px;
}

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;
    margin:0 auto;
    width:1000px; /* 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;
    }
        div.container#wrapper-top {
        /* background-color: transparent;
        background-image: url('../img/cboc/design/bgs/subpg_bkgrd_top.gif')!important;
        background-repeat:repeat-y;
        background-position: 50% 0%;
        padding-right:1px;height:33px;
        width:929px;*/
        background-image: url('../img/el/Elibtop.gif')!important;
        border-color:#E6E6E3;
		border-style:solid;
		border-width:1px 1px 0;
        background-color:#FFFFFF;
        background-repeat:no-repeat;
        background-position: center top;
        margin:0 auto;
        height: 33px;
        width:930px;
        }
			div.container#wrapper-top table 
			{
				background-color: #57809e;
				width:910px;
				border: 0px none;
				border-collapse: collapse;
				padding: 0;
				margin:0 auto 0 auto;
			}
			div.container#wrapper-top .elibMenuTitle {
				color: #FFFFFF;
				font-size: 1.18em;
				line-height:33px;
				padding:0 0 6px 10px;
				width:162px;
			}
			div.container#wrapper-top .vSeparator {
			background-color: transparent;
			background-image: url('../img/el/ELibLine.gif')!important;
			/*height:33px;*/
			width:1px;
			}
			div.container#wrapper-top a
			{
				color: #FFF!important;
				font-size: .9em!important;
				margin-left:36px!important;
				margin-right:9px!important;
				text-decoration: underline;
			}
			div.container#wrapper-top a:hover 
			{
				text-decoration:none;
			}
			div.container#wrapper-top a:visited 
			{
			}
        div.container#wrapper-bottom {
        background-color: transparent;
        background-image: url('../img/cboc/design/bgs/subpg_bkgrd_bottom.gif')!important; /* 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:4px;
        width:979px;
        }
    
    div.container#header {
    background:transparent;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    padding:0;
    position:relative;
    width:980px; /* was 979px */
    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 #links {
        color:#FFF;
        float:right;
        /*margin:23px 23px 9px;*/
        line-height:15px;
        margin:17px 25px 1px;
        position:relative;
        text-align:right;
        top:33px;
        white-space:nowrap;
        }
            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#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%;
    height:23px;
    }
        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.emailthispage {
        /*margin:8px 0 0;*/
        /*text-align:right;*/
        /*color: #666666;*/ /*dark grey*/
        /*font-family:verdana, helvetica, arial, sans-serif;
        font-size:.81em;*/ /*9pt*/
        /*line-height:1.36em;*/ /*12pt*/
        }
            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 {
    float:left;
    display:inline;
    margin-left:35px ! important; /* 235 + 36 (+1) */
    width:174px;
	background-image:url('../img/el/eLibMenu_bottom.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
    }
        #leftcol table,
        #leftcol tr,
        #leftcol td {
        border-collapse:collapse;
        margin:0;
        padding:0;
        }
        
		#leftcol a {
		color:#416f91!important;
		}
		#leftcol a:visited {
		color:#416f91!important;
		}
		#leftcol a:hover {
		color:#416f91!important;
		}
        
        #rightColumn { /* FIXME check to make sure this isn't broken. */
        margin-left:16.6em;
        margin-right:1.6em;
        }
            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#leftcol .info-container #MainMenuArea
            {
				background-color:#e4e4e0!important;
            }

    div.container#maincol {
    margin-left:236px !important;
    margin-top:24px;
    width:709px;
     /* zoom:1;This has to read 'zoom:1' and NOT 'zoom:1px' */
    }
    
        div.container#maincol #maincolIE ul {
			margin: 0 0 0 0.4em!important;
        }
        
        div.container#maincol #maincolIE ol {
			margin: 0 0 0 0.9em!important;
			/*padding-left:1.8em;*/
        }
    
        div.container#maincol ul {
        /*margin-bottom:6px;
        margin-left:3px;
        padding-left:12px;
        margin: 0 0 0 0.2em;*/
        padding: 0 0 0 1.2em;
        }
        
        div.container#maincol ol {
        /*margin-left:24px;
        padding-left:12px;
        margin:0 0 0 0.7em;*/
        margin:0 0 0 0.5em;
        padding:0 0 0 1.2em;
        }
            div.container#maincol ul li,
            div.container#maincol ol li {
            /*margin-left:0;*/
            padding:0;
            color: #58595B;
	        /*font-size:1em;
	        line-height:1.5em;*/
   	        font-size:8.4pt;
	        line-height:11pt;
	        margin:.45em 0 0 0;
            }
        div.container#maincol ul.link{
        margin:1em 0 0 0;
        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/cboc/design/bullets/chevron.png) 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 { /* 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 ul+ol {
        margin-top:8px;
        }
        div.container#maincol ol+ul {
        margin-top:8px;
        }
        /* 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:979px;
    }

    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 { /* 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 { /* deprecated? */
    padding:0 0 .5em;
    }

div.lang { /* deprecated? if removing this, remove div from master as well */
margin:-2px 1.5em 4px -24.75em;
padding:0 2px 0 100%;
}
    div.lang * { /* deprecated? if removing this, remove div from master as well */
    margin:0;
    padding:0;
    position:relative;
    }

/* not quite deprecated */

#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 { /* deprecated? */
border-collapse:collapse;
clear:right;
margin:.5em 0 1em;
padding:0;
}

/* Login screen */
.login_screens { }

    #login-top {
    clear:both;
    speak:normal;
    }
    #login-left {
    display:inline;
    float:left;
    margin-left:0;
    margin-right:1.5em;
    padding:0;
    speak:normal;
    width:47.5%;
    }
    #login-right {
    background-color:#E9F1F6;
    border:solid 1px #ccc;
    margin-left:50%;
    margin-right:0;
    padding:0;
    speak:normal;
    }
    #login-bottom {
    border-top:solid 1px #999;
    clear:both;
    padding-top:16px;
    speak:normal;
    }

/* Forms */
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 registeration 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*/
            }


    /* 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:95%;
    }
        .formBox .formBox {
        margin-bottom:0;
        width:100%;
        }

    .fieldLabel { /* labels for all input fields */
    color:#000; /* black */
    cursor:help;
    display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    font-weight:bold;
    line-height:140%;
    padding-left:.1em;
    position:relative;
    vertical-align:top;
    width:30%;
    }

    .FieldData { /* still used? */
    color:#000;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:85%;
    font-weight:normal;
    }


    .fieldHint { /* input field hints */
    color:#999; /* 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:top;
    }

	/* 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 #000;
    color:#000; /* black */
    display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-bottom:2px;
    margin-right:2px;
    position:relative;
    width:60%;
    }
        .textBoxShort { /* Bill's text input (short version - 50% width) */
        border:solid 1px #000;
        color:#000; /* black */
        display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
        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; /* HACK: for mozilla support. Do not remove! */
        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; /* HACK: for mozilla support. Do not remove! */
        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; /* HACK: for mozilla support. Do not remove! */
    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;
    }

	.UploadButton {
        font-size:100%;
        font-weight:bold;
        color:#58595B;
        vertical-align:bottom;
        width:8em;
    }
	
    .buttonGroup { /* Bill's group of buttons */
    /* border-top:solid 1px #999; */
    display:block;
    margin:8px 0 0 0;
    padding-top:2px 0 0 0;
    text-align:left;
    }
        .button { /* Bill's buttons */
        font-size:100%;
        font-weight:bold;
        color:#58595B;
        margin-top:1em;
        vertical-align:bottom;
        width:8em;
        }
        .button-long { /* Bill's buttons */
        font-size:100%;
        font-weight:bold;
        margin-top:5px;
        vertical-align:bottom;
        width:16em;
        }

    .checkBox { /* Bill's checkboxes */
    color:#000; /* black */
    display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-left:0;
    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;
        position:relative;
        }
            .checkBoxList label { /* if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
            left:1.75em;
            padding:0;
            position:relative;
            }
            .checkBoxList input,
            .checkBoxListVariable input { /* if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
            float:left;
            left:0;
            margin:0 -2.25em 0 0;
            padding:0;
            position:relative;
            width:1.5em;
            }
            .checkBoxListVariable { /* Bill's checkboxes */
            color:#000; /* black */
            display:block;
            font-family:arial, verdana, helvetica;
            font-size:100%;
            margin:0;
            overflow:hidden;
            padding:0;
            position:relative;
            }
                .checkBoxListVariable label { /* if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
                display:block;
                left:1.75em;
                padding:0 2em 0 0;
                position:relative;
                }

    .radioButton { /* Bill's radiobuttons */
    display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:110%;
    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;
    color:#000; /* black */ 
    display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
    display:inline-block;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-bottom:2px;
    margin-right:2px;
    position:relative;
    width:60%;
    }

    .fieldSet { /* Bill's fieldsets */
    margin-bottom:.5em;
    width:94%;
    }
        .fieldSetLegend {
        color:#000; /* black */
        font-family:arial, verdana, helvetica;
        font-size:100%;
        font-weight:bold;
        line-height:140%;
        padding-left:1%;
        }
        .fieldSetHint {
        color:Olive;
        font-family:arial, verdana, helvetica;
        font-size:85%;
        font-weight:normal;
        padding-left:1%;
        }

    .gridHeader { /* Bill's grids */
    background-color:#ccc;
    font-family:arial, verdana, helvetica;
    font-size:100%;
    margin-left:3px;
    }
        .gridRow {
        background-color:#fff;
        font-family:arial, verdana, helvetica;
        font-size:100%;
        margin-left:3px;
        }
        .gridRowAlt {
        background-color:#f4f4f4;
        font-family:arial, verdana, helvetica;
        font-size:100%;
        margin-left:3px;
        }

.menuItem { /* .menuItem: Bill's funky menu buttons. */
background-color:#aaa;
border:solid 1px #999;
color:#FFF;
display:-moz-inline-box; /* HACK: for mozilla support. Do not remove! */
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 {
    background-color:#FFF;
    color:#000;
    }
    .menuItem:active {
    font-weight:bold;
    }

.sideMenu {
border-right:solid 1px #ccc;
display:block;
padding-right:5px;
vertical-align:top;
}

.contentBox {
border:outset 1px #000;
margin-bottom:10px;
padding:2px;
width:550px;
}

.alertBox {
background-color:#FFF;
border:outset 1px #000;
height:100%;
margin:10px 0;
padding:2px;
width:95%;
}

/* Right-hand side boxes */
div.cbocBoxTitle { /* RHS Box titles */
/*background:#e8eef5;
border-left:solid 2px #d2dae7;
border-top:solid 1px #b0c0d5;
color:#004e75;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.18em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:8pt;
margin:0;
padding:12px 0 0;*/
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 */
/*border-left:solid 2px #d2dae7;*/
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;
        }

div.hidden { /* used for WAP/Blackberry shortcuts, etc */
left:-999em;
position:absolute;
}

div.spacer:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;
}
/* 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 { /* almost certainly deprecated */
border-bottom:1px solid #ccc;
clear:both;
padding-top:1px;
}

div.main-spacer { /* deprecated? */
position:relative;
}

div.vertical-prop { /* vertical spacer; deprecated? */
float:right;
height:200px;
margin:0;
position:relative;
width:1px;
}

hr { }

    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;
    }

.clearing { /* is this currently used anywhere? */
clear:both;
height:0;
}

img {
border:0 none;
margin:0;
padding:0;
}

/*NEW STYLES FOR CONFERENCE PAGES*/
.confTime	{
	text-transform:lowercase;
	color: #58595B;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
	width:80px;
	}

.confDate	{
	color: #58595B;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
	width:80px;
	}

.confSpkname	{
	font-weight:bold;
	color: #58595B;
	font-size:.8em;
	line-height:1.5em;
	margin:0;
	padding:0;
	}

.confTable, .confTableAgenda {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	}

	.confTable td	{
		vertical-align:top;
		padding: 1em 0 0 0;
		margin:0;
		border-collapse:collapse;
		}

	.confTable h3	{
		margin: .5em 0 0 0 ;
		}

	.confTableAgenda td	{
		vertical-align:top;
		padding:.6em 0 0 0;
		margin:0;
		border-collapse:collapse;
		}

	.confTableAgenda h4 {
		line-height:1.5em;
		margin: 0;
		padding:0;
		}
		
	.confTableAgenda small {
		margin:0;
		}

.confTableFees	{
	width: 100%;
	margin: 1.25em 0 0 0;
	padding: 0;
	}

	.confTableFees td	{
		vertical-align:top;
		padding: .25em 1em .25em .25em;
		margin:0;
		border-collapse:collapse;
		}

/* NEW STYLES FOR "BLOG PAGE", "BLOG LIST (SINGLE PERSON)", AND "BLOG LIST (MULTIPLE PEOPLE)". MAY 24 2009. */

.blogTable {
	padding:0;
	margin:0;
}

	.blogTable table {
		margin: 0 0 1.27em;
		padding: 0;
		border-collapse: collapse;
	}
	.blogTable table td {
		vertical-align:bottom;
		padding: 0.5em 0 0!important;
		margin: 0!important;
		width:50px!important;
	}
	.blogTable table td img {
		width:50px!important;
		height:50px!important;
		padding:0!important;
		margin:0!important;
	}
	.blogTable table td+td {
		width:12px!important;
	}
	.blogTable table td+td+td {
		width:323px!important;
	}
	.blogTable+p {
		margin-top:0!important;
	}

.blogTitle {
	color:#1697B6;
	font-size:1em!important; /* 1.05em*/
	line-height:1.5em!important;
	display:block;
	margin: .6em 0 0 0!important; /* 1.2em */
	padding: 0!important;
	font-weight: normal;
}

.blogDate {
	color:#000000;
	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 {
		margin-top: 0;
	}

.post {
	margin-bottom:8px;
}

	.post div p {
		margin-top:0px!important;
	}
	
/* STYLE FOR CHEVRON LINK CONTROL */
.GenreicContentChevroned {
	background:transparent url(../img/cboc/design/bullets/chevron.png) no-repeat scroll 0 2px;
	margin:0.6em 0 0;
	padding:0 0 0 14px;	
}


/* STYLE FOR EMAIL THIS PAGE - Added to cboc-layout in web\lib\css

.emailPg_h4 {
    color:#000000;
    display: block;
    font-size:0.9em;
    font-weight:normal;
    line-height:1.2em;
    margin:.6em 0 0 0;
    padding:0;
}

.emailPg_txt {
    color: #898A90;
    font-size:.8em;
    line-height:1.5em;
    margin:.6em 0 0 0;
    padding:0;
}
 */

/* 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;
}

/* NEW STYLES FOR IMAGE ALIGNMENT AND SPACING */
.imgLeft {
float: left;
margin: .5em 1em 1em 0;
}

.imgRight {
float:right;
margin: .5em 0 1em 1em;
}

.imgRpt {
float: left;
margin: .5em 1em 1em 0;
border:1px solid #AAAAAA;
}

.imgFull {
float: left;
margin: 1em 0;
}
	
/* THE FOLLOWING ARE MAINLY TEXT STYLES */

.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 */
	}

/*--BASIC HEADERS--*/
h1,
.heading1 {
	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 */
	}

h2,
.heading2 {
    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%;
	}

h3,
.heading3 {
	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;
	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,
h5,
.heading4,
.heading5 {
	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 {
margin-top: 0;
}

p {
color: #58595B;
font-size:1em;
line-height:1.5em;
margin:1.27em 0 0 0;
padding:0;
}

.small {
/*color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:85%;
line-height:125%;*/
color: #898A90;
font-size:.8em;
line-height:1.5em;
margin:1.27em 0 0 0;
padding:0;
}

.smaller {
font-family:verdana, arial, helvetica, sans-serif;
font-size:70%;
line-height:125%;
}

.bold,
.more {
font-weight:bold;
}

.right {
float:right;
}

#wrapper a {
color:#1697B6;
text-decoration:none;
}
    #wrapper a:visited {
    color:#797DC0;
    text-decoration:none;
    }
    #wrapper a:hover {
    color:#0082A2;
    text-decoration:underline;
    }

a {
	color:#1697B6;
	text-decoration:none;
}

a:visited {
	color:#797DC0;
	text-decoration:none;
}

a:hover {
	color:#0082A2;
	text-decoration:underline;
}

.nospace {
	color: #58595B;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
}

.bcrumb {
font-family:verdana, arial, helvetica, sans-serif;
font-size:68%;
}
    a.bcrumb:link,
    a.bcrumb:visited {
    color:#009;
    }
    
.copyright {
color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:85%;
}

.printfriendly { /* still needed? */
font-family:verdana, sans-serif;
font-size:85%;
}

.normaltext {
color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:110%;
}

.text {
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
font-weight:normal;
margin-left:3px;
richness:50;
speak:normal;
stress:50;
}

.noLink
{
	text-decoration:none;
	color:Black;
	
}
a:hover .noLink 
{
	color:Red;
}

/* Design element: Please Note */
.plsNote {
border-left: 6px solid #ffa15c; /* orange */
color: #707070; /* grey */
display:block;
font-weight: bold;
padding-left: 11px;
}

.validationSummary {
background-color:#fff0e5; /* light orange */
border:dotted 1px #ccc; /* grey */
color:red;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:85%;
font-weight:bold;
margin-bottom:10px;
margin-top:-5px;
padding:8px;
}

.instruction { /* still needed? */
background-color:#f4f4f4; /* light grey */
border:dotted 1px #ccc; /* grey */
color:#000; /* black */
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
margin-bottom:10px;
padding:8px;
richness:50;
speak:normal;
stress:60;
}

.errorText {
background-color:#ffa;
border:dotted 1px #ccc;
color:red;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:85%;
font-weight:bold;
margin-bottom:10px;
margin-top:-5px;
padding:8px;
}

.errorMark {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:110%;
font-weight:bold;
}

.requiredMark {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:110%;
font-weight:normal;
}

.cbocDate {
color:#606060; /* grey for dates */
}

.callout {
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 */
/*font-size:1.18em;
line-height:1.36em;
padding:16px 0;
border-top: 1px solid #c36a2f;
border-bottom: 1px solid #c36a2f;
margin:13px 0;
color:#c36a2f; */
}

.top {
	color: #1697B6;
	font-size:1em;
	line-height:1.5em;
	text-align: right;
	margin: 0.2em 0 0 0;
	padding:0;
	}
	
.doc_title {
	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 {
	color: #58595B;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
	}
	
.doc_price {
	color:#000000;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	margin: .8em 0 0 0;
	padding:0;
	}

.doc_author {
	color: #898A90;
	font-size:.8em;
	line-height:1.5em;
	margin:.45em 0 0 0;
	padding:0;
	}
	
.testim_name {
	text-align: right;
	color: #898A90;
	font-size:.8em;
	line-height:1.5em;
	margin: .45em 0 0 0;
	padding:0;
	}
	
.menu_title {
	color: #FFFFFF;
	font-size: 1.18em;
	line-height: 1.25em;
	}
	
.menu_text	{
	color: #08526d;
	font-size:1em;
	line-height:1.3em;
	margin: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 {
		color: #000000!important;
		/* Added by Mehrdad MArch 03 2009 */
		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 {
		margin:0!important;
		}
	
.membDetailName	{
	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 */
	}

.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	{
	color:#77300D;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5em;
	margin:0; /*1.27em 0 0 0;*/
	padding:0;
	}
	
.membSummary {
	margin-top: 14px;
	}

	.membSummary td {
		color: #58595B;
		font-size:.8em;
		line-height:1.3em;
		/*margin:0;
		padding:0 20px 5px 0;*/
		vertical-align:top;
	}
	
.p_nospace	{
	color: #58595B;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
	}

/* NEW STYLE FOR SERVICEPACKAGEDESC CONTROL */

.Catalog_DescLabel p  {
	color: #58595B!important;
	font-size:1em!important;
	line-height:1.5em!important;
	margin:0.5em 0 0;
	padding:0;
}

.service_price {
	color:#000000!important;
	font-size:0.9em!important;
	font-weight:normal!important;
	line-height:1.5em!important;
	margin: 0!important;
	padding:0!important;
}

.footnote {
	border-top:1px solid #CCCCCC;
	color:#666666;
	font-size:0.9em;
	line-height:1.36em;
	margin-top:16px;
	padding-top:10px;
}


/* 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;
}

/* e-library */

.h1smaller {
	color:#BA6A2F;
	display: block;
	font-size:1.36em;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:0;
}

.txtField {
	width: 473px;
	height: 14px;
	color: #808080;
	font-size:1em;
	margin: 0px 0 6px 23px;
	font-family:Verdana, helvetica, arial, sans-serif!important;
	}
.forwardToTxtField {
	height: 14px;
	width: 140px;
	color: #808080;
	font-size:1em;
	margin: 6px 0;
	font-family:Verdana, helvetica, arial, sans-serif!important;
}
.btnSearch {
	color:#346380;
	font-size:0.9em;
	margin:0 0 6px;
	font-family:Verdana, helvetica, arial, sans-serif!important;
}

.elibMenuSection {
font-size: 1.1em;
color: #77300d;
padding: 6px 0 1px;
margin:0 10px;
height:18px;
display:block;
}

.elibMenuItemHome {
font-size: .9em;
padding: 4px 0 5px;
margin:0 10px;
height:15px;
line-height:15px;
display:block;
}

.elibMenuItemHomeSelected {
font-size: .9em;
background-color:#FFFFFF;
padding: 4px 0 5px;
margin:3px 10px 0;
height:15px;
line-height:15px;
display:block;
} 

.elibMenuItemSelected {
font-size: .9em;
background-color:#FFFFFF;
border-top: 1px solid #FFF;
padding: 4px 0 5px;
margin:0 10px;
height:15px;
line-height:15px;
display:block;
} 

.elibMenuItem {
font-size: .9em;
border-top: 1px solid #FFF;
padding: 4px 0 5px;
margin:0 10px;
height:15px;
line-height:15px;
display:block;
} 

.elibMenuSection+.elibMenuItem,
.elibMenuSection+.elibMenuItemSelected
{
	border-top: none;
}

.elibBrowse {
	color: #58595B;
	font-size:.9em;
	line-height:1.5em;
	margin:.65em 0 0 0;
	padding:0;
}

.elibTitle {
    color:#77300D;
    border-top: 2px dotted #C4C4C4;
    font-size:1.05em;
    line-height:1.3em;
    display:block;
    margin:1em 0 0;
    padding: 1em 0 0 0;
    font-weight: normal;
}

.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;
    }

.elibPrice
{
    color: #58595B;
    font-size:.9em;
    line-height:1.5em;
    margin:.9em 0 0 0;
    padding:0;
}    

/*--SPECIAL LISTS--*/
ul.subscribe {
	list-style-type:none !important;
	margin-left:0!important;
}

li.subscribe {
	padding-left:20px !important;
	margin-left:-13px !important;
   	background:transparent url(../img/el/eLibCheck.gif) no-repeat scroll 0 3px;
	list-style-position:outside !important;
	list-style-type:none !important;
}
li.notsubscribe {
	padding-left:20px !important;
	margin-left:-13px !important;
	background:transparent url(../img/el/eLibX.gif) no-repeat scroll 0 3px;
	list-style-position:outside !important;
	list-style-type:none !important;
}

/* Blue Box

.elibraryBlueBoxBottom {
    background-image: url('../img/el/eLibBox_bottom.gif')!important;
    background-color:Transparent;
    background-repeat:no-repeat;
    background-position:  center bottom;
    height:4px;
}

.elibraryBlueBox {
    background-image: url('../img/el/eLibBox_top.gif')!important;
    background-repeat:no-repeat;
    background-position: center top;
	background-color: #e1e9ee;
	border-width:1px;
	border-color: #c4d3dc;
	margin-top: 17px;
	padding:8px;
}
 */
div#elibrarySignIn {
	width:260px;
	padding:8px;
	margin:17px 0 0 0!important;
}

	div#elibrarySignIn h2 {
		background-color:#e1e9ee;
		font-size:1.2em;
		padding:0;
		margin-top:0!important;
	}

.signInTxtField {
	height: 14px;
	color: #808080;
	font-size:1em;
	margin:0;
	font-family:Verdana, helvetica, arial, sans-serif!important;
	width:220px;
}

.signInButton {
	color:#346380;
	font-size:0.9em;
	margin:6px 0;
	width:100px;
	font-family:Verdana, helvetica, arial, sans-serif!important;
}

.signInCheckBox {
	display:block;
	color: #898A90;
	font-size:.8em;
	line-height:1.5em;
	margin:1.27em 0 0 -4px;
	padding:0;
}

.GenericContentChevroned {
	background:transparent url(../img/cboc/design/bullets/chevron.png) no-repeat scroll 0 2px;
	margin:0.6em 0 0;
	padding:0 0 0 14px;	
}

div.AllFeeds {
	border-collapse:collapse;
	border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	margin:0;
	padding:0;
	position:relative;
}
div.AllFeeds img {
	padding-right:.5em!important;
}
.elibraryFormTxtField
{
	color: #808080;
	font-size:1em;
	margin:4px 0 0;
	font-family:Verdana, helvetica, arial, sans-serif!important;	
}

.forward {
	padding:8px;
	margin-top:17px;
}

    .forward h2,
    .forward .heading2 {
        border: none;
	    color:#77300D;
		/*background-color:#e1e9ee;*/
		padding:0;
		margin-top:0;
	    /*padding:5px;
	    margin:1.5em 0 0;*/
	}

/* Resizable rounded corners */
#rightcol .elibBoxTE {
    background:url('../img/el/elibBox_tope.gif') 0 0 repeat-x;
    background-color: #e1e9ee;
    margin:0;
    padding:0;
    position:relative;
}
#rightcol .elibBoxBE {
    background:url('../img/el/elibBox_Bottome.gif') 0 100% repeat-x;
    margin:0;
    padding:0;
    position:relative;
}
#rightcol .elibBoxLE {
    background:url('../img/el/elibBox_lefte.gif') 0 0 repeat-y;
    margin:0;
    padding:0;
    position:relative;
}
#rightcol .elibBoxRE {
    background:url('../img/el/elibBox_Righte.gif') 100% 0 repeat-y;
    margin:0;
    padding:0;
    position:relative;
}

#rightcol .elibBoxBLC {
    background:url('../img/el/elibBox_BottomLeftc.gif') 0 100% no-repeat;
    margin:0;
    padding:0;
    position:relative;
}
#rightcol .elibBoxBRC {
    background:url('../img/el/elibBox_BottomRightc.gif') 100% 100% no-repeat;
    margin:0;
    padding:0;
    position:relative;
}
#rightcol .elibBoxLTC {
    background:url('../img/el/eLibBox_TopLeftc.gif') 0 0 no-repeat;
    margin:0;
    padding:0;
    position:relative;
}
#rightcol .elibBoxTRC {
    background:url('../img/el/elibBox_TopRightc.gif') 100% 0 no-repeat;
    margin:0;
    padding:0;
    position:relative;
}

#maincol .elibBoxTE {
    margin:0;
    padding:0;
}
#maincol .elibBoxBE {
    margin:0;
    padding:0;
}
#maincol .elibBoxLE {
    margin:0;
    padding:0;
}
#maincol .elibBoxRE {
    margin:0;
    padding:0;
}

#maincol .elibBoxBLC {
    margin:0;
    padding:0;
}
#maincol .elibBoxBRC {
    margin:0;
    padding:0;
}
#maincol .elibBoxLTC {
    margin:0;
    padding:0;
}
#maincol .elibBoxTRC {
    margin:0;
    padding:0;
}
