/*	------------------------------------------------------------------------------------------	*/
	/*	 MAIN BNL PAGE TEMPLATE																		*/
	/*	------------------------------------------------------------------------------------------	*/
		#stripe {
			max-width: 960px;
			background-image: url('/../../../conferences/common/images/banners/head_ccms2017.jpg');
			background-color: #B3AD96;
			background-repeat:no-repeat;
			
			/*  ADJUST FOR IMAGE SIZE AND HEIGHT */
			margin: 0px auto 0px auto; /* set top of page */
			height:300px; /* MAKE SURE THE stripe.noNav IS THE SAME HEIGHT */
			}

		/* REMOVE TABS
		#siteMenu { display: none; }*/
		
		#stripe.noNav {
			height: 300px;
			border-bottom: 0px solid #000;
		}
		
		/*.rightSidebar {
			padding: 13px;
			background-color: #F8F8F8; 
			border: 1px solid #ccc;
			margin-bottom: 20px;
		}*/
		
		/*.rightSidebar2 p {font-size: 13px;}*/

		.rightInfoSidebar {
			padding: 0px 11px 12px 12px;
			background-color: #FFF0F0;
			border: 1px solid #850300;			
			margin-bottom: 20px;		
		}

		.rightInfoSidebar h2 {
			font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
			margin: 0 -5.5% 1.1em -5.5%;
			padding: .4em .8em .4em .8em;
			font-size: 115%;
			font-weight: normal;
			background-color: #A60400;
			color: white;
		}		
		
		/*#unofficialBanner {
			background: #FFFF00;
			border: 1px solid #FFFF00;
			color: #000;
		}
		#unofficialBanner p {color: #000;}*/		
		
		#navcontainer p.category {
		    padding: .55em .5em .55em .5em;
		    color: #fff;
		    font-weight: bold;
		    font-family: Arial, sans-serif;
		    background: #6589af;
		    border: 1px solid #7295ba;
		}
				
		/*  ADJUST DROP_DOWN MENU WIDTH */
		#siteMenu > li > ul { width: 17em; }
		
		/*  LOWER SUPERSCRIPT DOWN */
		sup { vertical-align: text-bottom; bottom: 0ex; }

		/*	------------------------------------- */	
		
		body {
							
		/*	--------------------
				Top Color
				#850300; RED
				#103280; NAVY BLU
				#CC9600; GOLD
				#006C21; GRN
				#B44210; DARK ORG
				#DD7E07; ORG
				#0A789C; TEAL
				#442170; PURPLE
				#094268; PATRIOT BLUE
				#597893; SLATE BLUE
				#424F8E; COSMO BLUE
				#055A91; AQUA BLUE
				#C76133; ORANGE CLAY
				#B3AD96; KHAKI TAN
				#FFCC66; MUSTARD
			--------------------
				Bottom Color
				#000000; Blk
				#50575F; DARK GRAY
			--------------------	
		*/		
			background: #565759; /* Old browsers */
			background: -moz-linear-gradient(top,  #B3AD96 0%, #000000 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3AD96), color-stop(100%,#000000)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #B3AD96 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #B3AD96 0%,#000000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #B3AD96 0%,#000000 100%); /* IE10+ */
			background: linear-gradient(top,  #B3AD96 0%,#000000 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3AD96', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
		}
		
		#footer {
			background-color: #8C5B2F;	/* desktop */
		}	
		
		/* ---------- TOP BANNER TEXT ---------- 		
			FOR ADDING TEXT IN BANNER GRAPHIC - ADJUST THE FOLLOWING
			Make $TopPageSubHeader & $TopPageHeader (variables_ADD-SITE.inc) NULL if using Banner text
			#stripe (height & margin)
			#siteTitleContainer
			#siteTitleContainer .medium
			#siteTitleContainer .small
			#navlist (top padding of menu)
			
			@media (max-width:720px)
			#siteTitleContainer
			#siteTitleContainer .medium
			#siteTitleContainer .small
		*/
		
		#siteTitleContainer {
			margin: 50px 0px 0px 0px;
			font-family: 'Open Sans', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			font-style:	normal;
			color: #fff;
			}		
						
		#siteTitleContainer .small {
			/* NO BANNER TITLE (Top Title) */
			display: none;
			margin-top: 5px;  
			
			/* FOR BANNER TITLE 
			margin: 0px 0px 0px 0px;
			line-height: 30px;
			font-size: 14px; */
			}
		
		#siteTitleContainer .middleTitle {
			/* NO BANNER TITLE (Middle Title) */
			display: none;  
			
			/* FOR BANNER TITLE 
			margin: 0px 0px 5px 0px;
			font-size: 30px;
			line-height: 30px; */
			}		
		
		#siteTitleContainer .medium {
			/* NO BANNER TITLE (Bottom Title) */
			display: none;  
			
			/* FOR BANNER TITLE 
			margin: 0px 0px 0px 0px;
			font-size: 25px;
			letter-spacing:2px; */
			}								

		/* ---------- TOP PAGE HEADER TEXT ---------- */
		
		#topPageHeaderWrapper { 
			background:transparent;
			padding: 30px 0px 0px 40px;
		}	
		
		#topPageSubHeader {
			color: #fff;
			font-weight:bold;
			line-height: 120%;
			font-size:95%;
		}
		
		#topPageHeader {
			color: #fff;
			font-weight:bold;
			line-height: 110%;
			font-size:140%;	
		}

							
		@media (max-width:960px) {
			/*#footer { width: 720px; }*/
		
			#stripe {
				margin: 0px 0px 0px 0px;
			}
			
			/* ---------- TOP PAGE HEADER TEXT ---------- */
			
			#topPageHeaderWrapper { 
				background:transparent;
				padding: 0px 0px 0px 40px;
			}	
			
			#topPageSubHeader {
				color: #fff;
				font-weight:bold;
				line-height: 120%;
				font-size:95%;
			}
			
			#topPageHeader {
				color: #fff;
				font-weight:bold;
				line-height: 110%;
				font-size:140%;	
			}
		}
		
		@media (max-width:720px) {
			#stripe {
				width: 100%;
				background-image:none;
				margin: 0px 0px 0px 0px;
				background: #BA5C26 !important; 	/* mobile */
				background-color: #BA5C26 !important; 	/* mobile */
			}

			#footer {
				width: 100%;
				margin: 0px;
				background-color: #BA5C26 !important;	/* mobile */
			}
			
			body { 
				background: #fff;
			}	
			
			ul#siteMenu {
				/* ADJUST TOP SPACING OF NAVBAR */
				padding: 0px;
			}
										
			#siteTitleContainer .small {
				/* BANNER TITLE (Top Title) */
				display: block;
				font-size: 13px;
				line-height: 13px;
				line-height: normal;
				padding-top: 5px;
				margin:0px;
			}			
			
			#siteTitleContainer .middleTitle {
				/* BANNER TITLE (Middle Title) */
				display: block;
				font-size: 20px;
				line-height: 20px;
				padding-top: 5px;
				padding-bottom: 5px;
				font-style:	normal;
				font-weight:bold;
				margin:0px;
			}
			
			#siteTitleContainer .medium {
				/* NO BANNER TITLE (Bottom Title) */
				display: block;
				font-size: 17px;
				line-height: 17px;
				font-weight:bold;
				letter-spacing:0px;
				margin:0px;
			}
											
			#NoJavaScript { 
				margin: -15px 0px 0px 0px;
			}
			
			#NoJavaScript .container_12 { 
				margin: 0px 0px 20px 0px;
			}
		
			#NoJavaScript .container_16 { 
				margin: 0px 0px 20px 0px;
			}
						
			#topPageHeaderWrapper, #topPageHeader, #topPageSubHeader { 
				display: none;
			}
			
			.mobileHide {
				display: none;
			}
		}
						
	/*	------------------------------------------------------------------------------------------	*/
	/*	 	MIDDLE (BODY CONTENT) SECTION OF BNL PAGE TEMPLATES										*/
	/*	------------------------------------------------------------------------------------------	*/
	
		/* ----- Misc ----- */
			
		ul li ul {
			margin-bottom:0px;
		}
		
		ul li ul li {
			list-style-image:none;
		}
		
		.tourSectionSpacing { padding-bottom:20px; }
		
		.twitterStyle {text-align:center;}
		
		.noviErrorText {
			font-size: 18px;
			color: #D90000;
		}
		
		.infoColor{color:red;}
		
		.floatLeft {float:left;}
		.floatRight {float:right;}
		.blockContent {display:block;}

		.dropdownStyle{
			color: #494b4d;
  			padding: 3px 0px;
  			border: 1px solid #ccc;
  			font: 13px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
		}
		
		.dropdownStyleNoBorder{
			color: #494b4d;
  			padding: 3px 0px;
  			border: 0px solid #ccc;
  			font: 13px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
  			text-decoration:underline;
  			margin-left: -5px;
		}

		/* ----- Font Awesome ----- */
		
		.fa-tspace{margin-top:.3em;}
		.fa-bspace{margin-bottom:.3em;}
		.fa-red{color: red;}
		.fa-org{color: orange;}
		.fa-rsp {padding-right: .1em;}
		.fa-lsp {padding-left: .1em;}
		.fa-lsp-p5em {padding-left: .5em;}
		.fa-cal {padding-left: .3em;}
		.fa-valign{	vertical-align: middle;}

		/* ---------- ATTENDEE INFO TABS ---------- */
						
			#tabWrapper{ 
				display:block;
			}
		
			#CoordinatorLeft { 
				display:inline-block;
				padding-right: 15px;
			}
			
			#CoordinatorRight { 
				display:inline-block;
			}
	
			@media (max-width:720px) {
		
				#CoordinatorLeft { 
					margin-bottom: 0px;
				}
		}

	/* ----- Button Styles ----- */

		.eventbutton {
			margin: 15px 0px 20px 0px;
			padding: 1em 1.5em;
		}
	
	/* ---------- SIDEBARS ---------- */

	.rightSidebar2 {
		padding: 0px;
		margin-bottom: 20px;
	}
														
	.highlite {
		background-color: #FAEDDE;
	}
	
	.cellSize {
		width:90px;
		vertical-align:middle;
	}

	#datesTable {
		width: 100%;
		border: 1px solid #C5C5C5;
		font-size:11px;
	}
	
	#datesTable td {
		padding:5px;
		border: 1px solid #C5C5C5;
	}