/*==============================================================================

		I AM CIE.JSP
		I CONTAIN STYLES SPECIFIC TO CIES

================================================================================*/













/* GLOBAL CIE STYLES
================================================================================*/

/*-- CIE HEADER -------------------------------------------*/
#header {
	
	    width: 852px;
	
	
		margin: 0 auto 3px;
	
    margin-bottom: 0;
	
	
	    border: solid #D38B33;
	    border-width: 0 2px 2px;
	    border-bottom: 0;
	
    }

#header h1 {margin: 0; padding: 0; border-width: 0;}
#header h1 span {position: absolute; top: -900px; left: 0pt;}

/*-- CIE FULL-WIDTH HEADER -------------------------------------------*/
.full #header {width: 100%; margin: 0; border-width: 0;}
.full #header h1 {display: none;}
.full #header-nav #home a {border-width: 0 1px;}
.full #header-nav {border: solid #fff; border-width: 0 1px 0 0;}
.full #full-screen-cie-header {display: block;} /* Only show this sub-band on full-screen pages */

#full-screen-cie-header {display: none; padding-left: 10px; background-color: #fafafa; border-top: 1px solid #fff; border-bottom: 1px solid #eee;}
#full-screen-cie-header .container a {float: left;}
#full-screen-cie-header .container h2 {margin: 0 0 0 104px; padding-top: 5px; font-size: 17px; text-transform: uppercase;}
#full-screen-cie-header .container h3 {margin: 0 0 0 104px; font-size: 15px; font-weight: normal; color: #0093cd;}

/*-- CIE NAVIGATION BAR -------------------------------------------*/
#header-nav-full img {display: none;}
#header-nav-container {width: 852px; margin: 0 auto 3px; margin-top: 0; margin-bottom: 0; border-top: 1px solid #fff; background-color: #DEB66B;}
#header-nav {


    height: 25px;

    margin: 0 auto 3px;
    margin-top: 0;
    margin-bottom: 0;

    padding: 0;
    font-weight: bold;
    }
#header-nav li {display: inline; list-style: none;}
#header-nav li a {float: right; color: #fff; margin: 0; padding: 5px 10px; text-decoration: none; border: solid #fff; border-width: 0 0 0 1px;;}
#header-nav li.imp a {float: left; padding: 5px 18px; background-color: #D38B33; border-width: 0 1px 0 0;}
#header-nav li a:hover {background: #0093cd;}
#header-nav li#nav-login a {border-right: none;}

.full #header-nav-container {width: 100%;}
.full #header-nav-full {width: 964px; margin: 0 auto;}
.full #nav-listings a {border-left: 1px solid #fff;}


/* CIE PAGES
================================================================================*/

/*-- CIE LOGIN -------------------------------------------*/
body #login-register {font-size: 14px;}

/*-- CIE HOMEPAGE -------------------------------------------*/
#top {padding: 8px; padding-bottom: 0;}
#homepage-top {padding: 16px; background: #eee; border: 1px solid #ccc;}

#blurb {float: left; width: 50.5%; margin: 0; padding: 0; font-size: 1.35em; line-height: 1.3em;}
#blurb p {margin: 0; padding: 4px 0 0 0; font-size: 14px}
#blurb p small {line-height: 1.3em; margin-top: 20px;}
#blurb strong {line-height: 1.15em; font-size: 1.4em; font-weight: bold; color: #0093cd;}

#search-buttons {margin: 0; float: left; width: 100%;}
#search-buttons a {float: left; display: block; width: 42%; margin: 3% 13px 0 0; padding: 0.35em 0 0.32em 0; text-align: center; font-size: 14px; font-weight: bold; color: #0093cd; text-decoration: none; background: #fff; border: 1px solid #aaa;}
#search-buttons a:hover {color: #fff; background-color: #0093cd; border-color: #fff;}

.access {float: right; padding: 0; background: #fff; border: 1px solid;}
.access h3 {margin: 0; padding: 4px 10px; font-size: 12px; color: #fff;}
.access li {display: inline; list-style: none;}
.access a {display: block; padding: 0.275em 0.6em 0.275em 1.4em; font-weight: normal; text-decoration: none; border-bottom: 1px solid #ccc;}
.access a:hover {background: #eee url(/images/common/arrow.gif) no-repeat scroll 2% 50%;}
.access .last a {border-bottom: none;}
.access .top a {padding-top: 0.45em;}

#first {width: 24%; margin: 0 2% 0 0; border-color: #0093cd;}
#first h3 {background-color: #0093cd;}
#first a {color: #0093cd;}

#second {width: 31%; margin: 0; border-color: #D38B33;}
#second h3 {background-color: #D38B33;}

.home #featured {float: right; position: relative; width: 21%; padding: 0; border: 1px solid #0093cd;}
.home #featured h4 {margin: 0; padding: 4px 10px; font-size: 12px; font-weight: bold; color: #fff; background: #0093cd;}
.home #featured .listing {display: block; height: 109px; margin: 0; padding: 0; font-size: 10px; text-decoration: none; cursor: pointer; overflow: hidden;}
.home #featured .listing img {display: block; width: 100%; height: 100%; margin: 0 auto;}
.home #featured .listing .info {display: block; position: absolute; bottom: 4px; left: 4px; width: 92%; padding: 3px; opacity: 0.675; background: #fff; overflow: hidden;}
.home #featured .listing:hover .info {opacity: 1.0;}
.home #featured .listing span span {display: block; color: #000; white-space: nowrap;}
.home #featured .listing .title {font-size: 11px; font-weight: bold; color: #0093cd;}
.home #featured .listing:hover .title {text-decoration: underline;}
.home #featured .listing .company {display: none;}


#front-page-greeting {clear: left; margin: 0 auto 1em auto; padding-bottom: 1em; border-bottom: 1px solid #ebebeb;}
#front-page-greeting p {font-size: 12.5px; line-height: 1.30em;}
#front-page-greeting li {font-size: 11px; line-height: 1.45em;}

#cie-stuff {padding-bottom: 1.5em; border-bottom: 1px solid #ebebeb;}

#cie-stuff div {float: left; width: 66%; margin-bottom: 2.5%;}
#cie-stuff div h3 {margin: 0; padding: 5px 10px; font-size: 12px; color: #fff; background: #D38B33;}
#cie-stuff div h3 a {float: right; margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #fff; border-width: 0;}
#cie-stuff div h3 a:hover {text-decoration: underline; background: none;}

/* News and Events */
#cie-stuff div .primary {position: relative; clear: both; display: block; width: 100%; margin: -1px 0 0 0; padding: 2px 0; text-decoration: none; border: solid #ccc; border-width: 1px 0; cursor: pointer;}
#cie-stuff div .primary:hover {background: #eee;}
#cie-stuff div .primary .date {display: block; width: 18%; padding: 2px 0 2px 4px; font-size: 11px; color: #333;}
#cie-stuff div .primary .events-right {float: right; width: 79%;}
#cie-stuff div .primary .location {display: block; padding: 2px 0; color: #333; border-top: 1px solid #eee;}
#cie-stuff div .primary:hover .location {border-top: 1px solid #ccc;}
#cie-stuff div .primary .title {display: block; margin: 0; padding: 2px 0; font-weight: bold;}
/* Newsletters */
#cie-stuff div .primary .short-title {float: right; width: 70%; margin: 0; padding: 11px 0 0 0; font-weight: bold; white-space: nowrap; overflow: hidden;}
#cie-stuff div .primary:hover .short-title {text-decoration: underline;}
#cie-stuff div .primary .tall {float: left; padding: 12px 0 0 4px;}
#cie-stuff div .primary .icon {float: left; width: 10%; margin: 0.15em 0; text-align: center;}

#homepage-lists {clear: both; margin-top: 1.5em;}
#homepage-lists h4 {padding: 0 1em 0 0; font-size: 14px;}
#homepage-lists div {float: left; width: 47%; margin: 0; padding: 0;}
#homepage-lists div ul {margin: 3% 0; padding-left: 30px; list-style: none;}
#homepage-lists div ul li {display: inline;}
#homepage-lists div ul li a {display: block; padding: 0.2em 0;}
#homepage-lists #market-areas {margin-right: 2.5%; padding-right: 2.5%; border-right: 1px solid #d8d8d8;}

/*--- CIE Console -------------------------------------------*/
#console div.one-third {float: left; width: 31%; margin: 0 26px 4px 0;}
#console div.one-third h2 {margin: 0; padding: 0 8px 1px 8px; background: #f8f8f8; border-bottom: 1px solid #e3e3e3;}
#console div.one-third h2 a {color: #082655; text-decoration: none;}
#console div ul {display: block; width: 100%; padding: 0; margin: 6px 0 16px 0;}
#console div ul li {display: inline; margin: 0; padding: 0; list-style: none;}
#console div ul li a {position: relative; display: block; margin-top: -1px; padding: 0.2em 8px; font-size: 13px; text-decoration: none; border: solid #f8f8f8; border-width: 1px 0;}
#console div ul li a:hover {z-index: 1; color: #fff; background-color: #166d2f; border-color: #166d2f;}
#console div ul li a:active {background-color: #003366;}
#console div ul .console-first a {border-top: none;}
#console div ul .border-dark a {border-color: #eee;}


#console #catylist-pitches {float: right; width: 29%; margin: 0 0 1em 0; padding: 1%; background: #eee; border: 1px solid #ccc;}
#console #catylist-pitches * {margin: 0;}
#console #catylist-pitches img {float: right; margin: 8px 0 5px 5px;}

#console .yellowbox {float: right; clear: right; width: 29%; margin: 0 0 1em 0; padding: 1%;}

/*-- CIE ABOUT PAGE -------------------------------------------*/
.about h5 {margin: 8px 0 0 0; font-size: 12px; text-transform: uppercase;}
.about h2  {margin: 0 0 7px 0 !important; font-size: 17px;}
.about #about-cie {width: 58%; margin: 0;}
.about #about-cie div {display: block; margin: 0 0 24px 0; padding: 2% 3%; font-size: 17px;}
* html .about #about-cie div {padding: 1.5% 2%;}
.about #about-cie div span {display: block;}
.about #about-cie .cie-special {display: block; margin-bottom: 3px; font-size: 11px;}
.about #about-cie p {margin: 12px 0 0 0; font-size: 13px;}

.about #about-contact {float: right; clear: right; width: 36%; margin: 0; padding: 1.5%; background: #eee; border: 1px solid #ccc;}
.about #about-contact p {margin: 0; font-size: 12px;}
.about #about-contact div {padding: 1% 24px 0 24px;}

.about #about-navigation {float: right; clear: right; width: 36%; margin: 3% 0; padding: 0 1.5%;}
.about #about-navigation dl, #about-navigation dd {margin: 0;}
.about #about-navigation dt {margin: 3px 0 1px 0;}
.about #about-navigation dt a {font-size: 14px; font-weight: bold;}

/*-- CIE FRONTPAGE ICONGRID FOR CPIX -------------------------------------------*/
#cpix-icons {display: block; height: 92px; margin: 0 0 14px 0; padding: 16px 12px; list-style: none; border: 1px solid #eee; background: #fafafa;}
#cpix-icons br {display: none;}
#cpix-icons li {display: block;}
#cpix-icons .partner-icon {display: inline;}
#cpix-icons .partner-icon a {float: left; width: 100px; height: 63px; text-align: center; margin: 1px; background: url(/images/common/tile.gif) top center no-repeat;}
#cpix-icons .partner-icon a:hover, .partners ul li a:focus {background-position: center center;}
#cpix-icons .partner-icon a:active {background-position: bottom center;}
#cpix-icons .partner-icon a, .partners ul li a:hover, .partners ul li a:focus {outline: 0;}
#cpix-icons .partner-icon a img {margin-top: 5px;}


/*-- CLEARFIXES -------------------------------------------*/


#console div ul:after,
#full-screen-cie-header .container:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}