/* CSS styles to be included in conferences and exhibitions pages                      */
/* These pages all utilize default-conferencesexhibitions.xsl for transformation       */

.centerCol
{
	vertical-align: top;
}

/* header and components */
#cd-header
{
	margin: 0 0 0 13px;
	padding-bottom: 17px; 
	border-bottom: 5px solid #000;
	overflow: hidden; 
}

#cd-logo
{
	float: left;
	max-width: 350px;
}

#cd-location-details
{
	float: right; 
	width: 300px; 
	margin-right: 13px;
	text-align: right; 
	line-height: 135%;
}

#cd-location-details #cd-details-date
{
	font-weight: bold; 
	font-size: 19px;
	line-height: 150%;
}

#cd-search-container
{
	background: #f2f2f2; 
	margin-left: 13px;
	border-bottom: 1px solid #000;
	white-space: nowrap;
}

/* ConfExhib and CallForPapers search */ 
#cd-search-container #cd-search-form
{
	font-size: 12px; 
	padding: 7px 12px; 
	text-align: right;
}

#cd-search-container #cd-search-form *
{
	vertical-align: middle;
}

input#conference-events
{
	margin: 0 2px 0 10px;
}

input#exhibitiors-products
{
	margin: 0 2px 0 15px;
}

#cd-search-container #cd-search-text-field
{
	width: 180px; 
	height: 20px;
	padding-left: 27px; 
	margin: 0 0 0 4px; 
	border: 1px solid #333;  
	color: #000; 
	font-size: 100%;
	background-repeat: no-repeat; 
	background-position: 5px center; 
	background-image: url('../../images/global/header/magnifying_glass_small.png'); 
}

#cd-search-container #cd-search-button
{

	display: inline-block; 
	background: #f00; 
	color: #fff; 
	padding: 3px 9px; 
	font-size: 14px; 
	font-weight: bold; 
	margin: 0 0 0 9px;
	text-decoration: none;
	text-transform: uppercase;
}

#cd-search-container #cd-search-button:hover
{
	background: #000;
}

#cd-print-share-email
{
	margin: 8px 0 8px 13px;  
	border-bottom: 1px solid #000;
}
/*New Styles for Conference Landing Page Type - IGX 6_17*/

#cd-print-share-email { border-bottom: none; }
		.printEmail a { color: #fff; }

		.imgHolder { overflow: hidden; }
			.imgHolder img { width: 100%; }

		.f16 { font-size: 16px; }
		.textHolder { margin-top: 20px; }
			.textHolder a, .section a { color: #ea202d; }

		.section { border-bottom: solid 1px #999; padding: 40px 0 35px 0;  margin-left: 13px; }
		.section:first-of-type { padding: 0 0 35px 0; }
        .section.sectionNoBottomPaddingBorder {padding:0; border-bottom:none; margin-bottom:-40px}
		.section h1 { margin-left: 0; }

/* 			.leftText { width: 422px; padding-right: 35px; margin-right: 35px; border-right: solid 1px #e1e1e1; display: inline-block; vertical-align: top; } */
			.leftText { width: 455px; padding-right: 35px; margin-right: 35px; border-right: solid 1px #e1e1e1; display: inline-block; vertical-align: top; }
			.rightText { width: 183px; display: inline-block; }

			.rightText ul { margin: 0; padding: 0; }
				.rightText ul li { list-style: none; margin-bottom: 17px; }
				.rightText ul li:last-of-type { margin-bottom: 0; }

		.boxesHolder { width: 100%; }
			.box { display: inline-block; background: #ebebeb; text-align: center; }
				.boxText { padding: 20px 18px 30px 18px; }
				.boxText h4, .lrgBoxTextHolder h4 { font-size: 24px; line-height: 25px; margin: 0 0 10px 0; }
				.boxText a, .lrgBoxTextHolder a { width: auto; display: inline-block; padding: 0 30px; text-align: center; color: #fff; text-decoration: none; background: black; line-height: 44px; margin-top: 10px; }
				.boxText a::after, .lrgBoxTextHolder a::after { content: "\f054"; font-family: fontawesome; font-size: 9px; margin-left: 10px; vertical-align: top; }
			#twoBoxesHolder .box { width: 48.2%; }
			#twoBoxesHolder .box:first-of-type, .bioHolder { margin-right: 20px; }

			#threeBoxesHolder .box, #fourBoxesHolder .box { width: 30.9%; margin-right: 20px; }
			#ninethSection .box { margin: 0 20px 20px 0; vertical-align: top; }
			#ninethSection .box:nth-child(even) { margin-right: 0; }
			#threeBoxesHolder .box:last-of-type, #fourBoxesHolder .box:last-of-type { margin-right: 0; }
			#fourBoxesHolder .box { width: 22.3%; }

			#fourBoxesHolder .boxText a { width: 100%; padding: 0; }

			.boxImgHolder { width: 100%; overflow: hidden; }
				.boxImgHolder img { width: 100%; }

		.thirdSection { width: 100%; }
			.lrgBox { margin-top: 30px; }
			.lrgBox:first-of-type { margin-top: 0; }
			.lrgBoxImgHolder, .lrgBoxTextHolder { width: 50%; max-height: 260px; overflow: hidden; display: inline-block; }
			.left .lrgBoxTextHolder { float: right; }
			.right .lrgBoxTextHolder { float: left; }
			.lrgBoxTextHolder { padding: 40px 50px 50px 40px; background: #ebebeb; min-height: 260px; max-height: 260px; }
			.lrgBoxImgHolder img { width: 100%; }

		#fourthSection, #fifthSection { overflow: auto; }
			#fourthSection ul, #fifthSection ul { float: left; width: 50%; padding: 0; }
				#fourthSection ul li, #fifthSection ul li { list-style-position: inside; }
					#fourthSection ul a, #fifthSection ul a { color: #000; }
					#fourthSection ul span { font-size: 10px; margin-left: 5px; }

		#fifthSection ul li { line-height: 24px; }
			#fifthSection ul li a { text-decoration: none; }

		.bioHolder { display: inline-block; width: 46.6%; margin-top: 30px; }
		.bioHolder:nth-child(1), .bioHolder:nth-child(2) { margin-top: 0; }
		#sixthSection div:nth-of-type(1), #sixthSection div:nth-of-type(2) { margin-top: 0; }
			.bioImgHolder, .bioTextHolder { display: inline-block; }
			.bioTextHolder { margin-left: 20px; width: 68%; height: 100px; vertical-align: top; }
				.bioTextHolder p { top: 50%; position: relative;
								  -webkit-transform: translateY(-50%);
								      -ms-transform: translateY(-50%);
								          transform: translateY(-50%); }
					.bioTextHolder a  { text-decoration: underline; color: #000; }

		.extTMar { margin-top: 20px; }

		.plugInHolder { width: 100%; height: 164px; background: #999; }

		#tenthSection .adHolder { width: 180px; height: 150px; background: #999; margin: 0 32px; display: inline-block; }
		#tenthSection .adHolder:first-of-type { margin-left: 0; }
		#tenthSection .adHolder:last-of-type { margin-right: 0; }

			.wildCard { -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box; }

		.shortHeight, .longHeight { width: 330px; }
        .shortHeight { height: 225px; }
        .longHeight { height: 330px; }