/*	------------------------------------------------------------------------------------------	*/
	/*	 MAIN BNL PAGE TEMPLATE																		*/
	/*	------------------------------------------------------------------------------------------	*/
		#stripe {
			max-width: 960px;
			background-image: url('/conferences/common/images/banners/head_bf2013.jpg');
			background-color: #006384;
			background-repeat:no-repeat;
			
			/*  ADJUST FOR IMAGE SIZE AND HEIGHT */
			margin: 10px auto 0px auto; /* set top of page */
			height:250px;
			}

		#header {
			display: none;
		}		
		
		.siteMenu img {
			max-width:inherit;
		}
		
		#mobileSearchButton { display: none !important; }
		
		#searchGridOuter { display: none !important; }
		
		#DOElogo { display: none; }
		
		#BNLlogo { display: none; }
		
		#BNLlogoFooter {
			float: right; 
			margin-right:10px;
		}
		
		p {
			line-height: 140%;
		}
		
		html { height:auto; min-height:100%; }
		
		body {
			font: 13px/1.5 Verdana, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
				
		/*	--------------------
				Top Color
				#931210; RED
				#103280; BLU
				#CC9600; GOLD
				#006C21; GRN
				#B44210; ORG
			--------------------
				Bottom Color
				#000000; Blk
			--------------------	
		*/		
			background: #000000; /* Old browsers */
			background: -moz-linear-gradient(top,  #006384 0%, #000000 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006384), color-stop(100%,#000000)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #006384 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #006384 0%,#000000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #006384 0%,#000000 100%); /* IE10+ */
			background: linear-gradient(top,  #006384 0%,#000000 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006384', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
		}
		
		/* ---------- 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
		*/

		
		#banner { background-color: transparent; }	
		
		#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; */
			}				
		
		#bannerHomeLink {
			text-decoration:none;
			color:#FFFFFF;
		}
		
		#bannerHomeLink:hover {
			color:#FF6600;
		}

		/* UL & OL LISTS */
		
		li {
			margin-left: 30px;
			line-height: 140%;
		}
			
		ul {list-style: disc;}

		/*	------------------------------------- */
		
		
		#footer {
			max-width: 960px;
			margin: 0px auto 100px auto;
			background-color: #006384;
			height: 115px;
			}
		
		#bnlLogoLinkPrint {
			display:none;
		}	
				
		.container_12 { 
			background-color: #fff;
		}
				
		.container_16 { 
			background-color: #fff;
		}
				
		#NoJavaScript .container_12 { 
			font-weight:bold;
			color:#fff;
			background-color: red;
		}
		
		#NoJavaScript .container_16 { 
			font-weight:bold;
			color:#fff;
			background-color: red;
		}
		
		#mobileFooterTopBar .container_12 { background-color: transparent; }
		
		#mobileMenuSearchBar .container_12 { background-color: transparent; }
		
		#footer .container_12 { background-color: transparent; }
		
							
		@media (max-width:960px) {
			/*#footer { width: 720px; }*/
			/*#stripe { width: 720px; }*/
		
			/* ---------- TOP PAGER HEADER TEXT ---------- */
			
			#topPageHeaderWrapper { 
				background:transparent;
				padding: 20px 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;
			background: #006384;
			background-color: #006384;
			margin: 0px 0px 0px 0px;
			}
										
			#siteTitleContainer .small {
				/* BANNER TITLE (Top Title) */
				display: block;
				font-size: 13px;
				line-height: 13px;
				line-height: 0px;
				padding-top: 5px;
				margin:0px;
			}			
			
			#siteTitleContainer .middleTitle {
				/* BANNER TITLE (Middle Title) */
				display: block;
				font-size: 20px;
				line-height: 20px;
				padding-top: 10px;
				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;
			}
								
			#footer {
				width: 100%;
				margin: 0px;
				background-color: #006384 !important;
			}
			
			body { 
				background: #fff;
			}	
			
			#NoJavaScript { 
				margin: -15px 0px 0px 0px;
			}
			
			#NoJavaScript .container_12 { 
				margin: 0px 0px 20px 0px;
			}
		
			#NoJavaScript .container_16 { 
				margin: 0px 0px 20px 0px;
			}
						
			#topPageSubHeader { 
				display: none;
			}
			
			#topPageHeader { 
				display: none;
			}
			
			#topPageHeaderWrapper { 
				display: none;
			}
			
			.mobileHide {
				display: none;
			}
		}
		
	/*	------------------------------------------------------------------------------------------	*/
	/*	 	BNL TOP MENU (NAV) STYLES																*/
	/*	------------------------------------------------------------------------------------------	*/

		ul#siteMenu {
			/* ADJUST TOP SPACING OF NAVBAR */
			padding: 105px 0px 0px 0px;
		}
				
		#navSpacer {height: 25px;}
			
	/*	------------------------------------------------------------------------------------------	*/
	/*	 	MIDDLE (BODY CONTENT) SECTION OF BNL PAGE TEMPLATES										*/
	/*	------------------------------------------------------------------------------------------	*/

		/* ---------- HEADLINES ---------- */

		h6 {
			font-family: Arial,Helvetica,sans-serif;
			line-height: 120%;
			margin-bottom: 10px;
			font-weight: normal;
			color: #61759E;
			}
	
		h5 {
			font-family: Arial,Helvetica,sans-serif;
			line-height: 120%;
			margin-bottom: 10px;
			font-weight: normal;
			color: #61759E;
			}
	
		h4 {
			font-family: Arial,Helvetica,sans-serif;
			line-height: 120%;
			margin-bottom: 10px;
			font-weight: normal;
			color: #61759E;
			}
	
		h3 {
			font-family: Arial,Helvetica,sans-serif;
			line-height: 120%;
			margin-bottom: 10px;
			font-weight: normal;
			color: #61759E;
			}
	
		h2 {
			font-family: Arial,Helvetica,sans-serif;
			line-height: 120%;
			margin-bottom: 10px;
			font-weight: normal;
			color: #61759E;
			}
	
		h1 {
			font-family: Arial,Helvetica,sans-serif;
			line-height: 120%;
			margin-bottom: 10px;
			font-weight: normal;
			color: #61759E;
			}
	
		h1 {
			font-size: 24px;
			font-weight: bold;
			margin-bottom:10px;
			color:#61759E;
			border-bottom:0px;
			/*display:block;*/
			}			

		h2 {
			font-size: 21px;
			font-weight: bold;
			margin-bottom:15px;
			}
			
		h3 { 
			font-size: 18px; 
			font-weight: bold;
			}
		
		h4 { 
			font-size: 16px; 
			font-weight: bold;
			}
			
		h5 { 
			font-size: 14px; 
			font-weight: bold;
			}
			
		h6 { font-size: 12px; }
		
		/*----------  MISC ---------- */
				
		b {		 
			font-weight: bold;
			color:#4F4F4F;
		}
		
		strong {		 
			font-weight: bold;
			color:#4F4F4F;
		}
		
		sup {
			font-size:80%;
			vertical-align:super;
		}
					
		sub {
			font-size:80%;
			vertical-align:sub;
		}
		
		.subCap {
			font-size:70%;
		}		
		
		
		/* ---------- TOP PAGER HEADER TEXT ---------- */
		
		#topPageHeaderWrapper { 
			background:transparent;
			padding: 20px 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%;	
		}

		/* ---------- TABS ---------- */
		
			.ui-widget-content a { color: #5A6782; }
			.ui-widget-content a:hover { color: #f60;text-decoration: none; }

		/* ---------- SIDEBARS ---------- */
		
			.rightSidebar {
			padding: 14px;
			background-color: #f4f4f4; 
			border: 1px solid #ccc;
			margin-bottom: 20px;
			}
					
			.rightSidebar p { 
				font-size: 13px;
				line-height: 125%;
				margin-left: 0px;
				margin-bottom: 10px;
			}
			.rightSidebar p.last {
				font-size: 13px;
				margin-bottom:0px;
			}
			
			#sidebarThumbnail {padding: 5px 0px 5px 0px}
		
		/* ---------- BUTTONS ---------- */
		
			.purple.button { background-color: #5A5B8E;}
			.purple.button:hover { background-color: #8283B0; }	
			
			.darkgreen.button { background-color: #009D37;}
			.darkgreen.button:hover { background-color: #006C26; }	
			
			#privacyLink.button { background-color: #5A5B8E; }
			#privacyLink.button:hover { background-color: #8283B0; }
			
			.buttonSpacing.button { margin: 10px 0px 10px 0px;}	
			
			.regbutton {
				margin: 20px 0px 0px 0px;
				padding: 10px 10px 10px 10px;
			}	
			
			.gisbutton {
				margin: 0px;
				padding: 10px 10px 10px 10px;
			}

		
		/* ---------- TOOLTIPS ---------- */
		
			a.infoRight{
			    position:relative;
			    z-index:24;
			 }
			a.infoRight:hover{z-index:25;}
			a.infoRight span{display: none}
			a.infoRight:hover span { 
			    display:block;
			    position:absolute;
			    top:0em;
			    left:10em;
			    width:20em;
			    padding:5px;
			    border:1px solid #0cf;
			    background-color:#cff;
			    color:#000;
			    text-align: left;
			    z-index:24;
			    
			}
			a.infoLeft{
			    position:relative;
			    z-index:24;
			 }
			a.infoLeft:hover{z-index:25;}
			a.infoLeft span{display: none}
			a.infoLeft:hover span { 
			    display:block;
			    position:absolute;
			    top:0em;
			    right:10em;
			    width:20em;
			    padding:5px;
			    border:1px solid #0cf;
			    background-color:#cff;
			    color:#000;
			    text-align: left;
				z-index:24;   
			}
		
		/* ---------- Custom Styles ---------- */
		
			.redEmphasis { color: #D90000;}
			
			.SmallGrayText {
				font-family: Verdana;
				font-size: 80%;
				color:#999;
				line-height:16px;
			}
			
			.GrayText {
				font-family: Verdana;
				color:#999;
				line-height:16px;
			}
			
			.Alertbox {
				font-size: 13px;
				padding: 7px;
				background: #FFC;
				border: 1px solid #FC9;
				color: #4F4F4F;
				}


			.RedAlertbox {
				font-size: 13px;
				padding: 7px;
				background: #FFF0F0;
				border: 1px solid #F32525;
				color: #4F4F4F;
				}
				
			.popupBackground {
				background: #FFF;
				margin: 30px 0px 0px 30px;
			}
			
			.displayBlock {
				display: block;
			}

			.displayHide{
				display: none;
			}
						
			.displayShow{
				display: inline;
			}

			.bottomSpacing0px {
				margin:0px;
				padding-bottom: 0px;
			}
			
			.bottomSpacing5px {
				margin:0px;
				padding-bottom: 5px;
			}
			
			.iconAlign {
				vertical-align: middle;
				padding-right: 5px;
			}	
			
			#captcha {
				float:right;
			}
						
			#addToCal{
				vertical-align: middle;
			}
			
			#posterImage{
				margin-top:10px;
				margin-bottom:3px;
				border:1px solid #999;
			}
					
		/* ---------- GIS TABLE STYLES ---------- */
		
			#gisTable {
				border-style: solid;
				font-size:90%;
			}
			
			#gisTable td {
				padding:5px;
			}
						
			.gisTableHeader {
				font-weight:bold;
				background-color:#f4f4f4;
			}
			
			.gisTableQuesions {
				vertical-align:middle;
				width:50%;
			}

			 .gisTableAnswers {
				vertical-align:middle;
				font-style:italic;
				width:50%;
			}
					
		/* ---------- LIST OF ATTENDEES STYLES ---------- */
			
			.DBreadout {
				width:100%;
			}

			.DBreadout td {
				padding: 5px;
			}
			
			.DBreadout th {
				padding: 5px;
			}
			
			div#sortDropdownContainer {
				display:inline-block;
				padding-right:10px;
				padding-bottom:10px;
			}
			div#sortDropdownLabel {
				display:inline-block;
				font-weight:bold;
				color: #494b4d;
			}
			div#sortDropdown {
				display:inline-block;
			}
			
			div#recDisplayDropdownContainer {
				display:inline-block;
				padding-bottom:10px;
			}
			div#recDisplayDropdownLabel {
				display:inline-block;
				font-weight:bold;
				color: #494b4d;
			}
			div#recDisplayDropdown {
				display:inline-block;
			}
			
			div#recDisplayDropdownContainer select {
				height:22px;
				color: #4f4f4f;
			}		
			
			div#sortDropdownContainer select {
				height:22px;
				color: #4f4f4f;
			}		
			
			div#showPageLable {
				display:inline-block;
				font-weight:bold;
				color: #494b4d;
			}
			div#showPageContainer {
				display:inline-block;
				padding-bottom:10px;
			}
			
			div#pageLinkContainer {
				float:right;
				padding-right:0px;
				padding-bottom:10px;
			}
			p.noRecordsWarning{
				padding-top:15px;
				color: #D90000;
			}
			 
			.attendeeTableWrapper {
				padding-top:20px;
				padding-bottom:40px;
			}
			
			.tableHeaderRow {
				display: block;
				width: 100%;
				max-width: 100%;
				vertical-align: top;
				font-weight:bold;
				}
			
			.tableRow {
				display: block;
				width: 100%;
				max-width: 100%;
				vertical-align: top;
				}
				
			.tableCell {
				display: inline-block;
				vertical-align: top;
				padding: 3px 5px 3px 5px;
				margin-right: 0px;
				height: auto;
				}
			
			.rowColorOdd {
				background-color: #F3F0D8;
			}
			.rowColorEven {
				background-color: #FFFFFF;
			}
			
			.title { width: 50px; }
			.fName { width: 150px; }
			.lName { width: 150px;}
			.affiliation { width: 310px;}
			.date { width: 170px;}
	
			@media (max-width:720px) {
				.tableHeaderRow { display:none; }
				
				.tableRow {
					margin: 0px 0px 20px 0px;
					padding: 5px 0px 5px 0px;
					background-color: #F3F0D8;
					border: 0px;
					display: block;
					clear: both;
					-webkit-box-shadow: 4px 4px 10px rgba(50, 50, 50, 0.75);
					-moz-box-shadow:    4px 4px 10px rgba(50, 50, 50, 0.75);
					box-shadow:         4px 4px 10px rgba(50, 50, 50, 0.75);
				}
				
				.tableCell {border: 0px;}
				
				.title { width: auto; margin-left: 10px; font-size: 16px; font-weight: bold; height:10px;}
				.fName { width: auto; font-size: 16px; font-weight: bold; height:10px; height:10px;}
				.lName { width: auto; margin-right: 10px; font-size: 16px; font-weight: bold; height:10px;}
				.affiliation { display: block; width: auto; margin-left: 10px; margin-right: 10px; height:auto;}
				.date { display: block; width: auto; margin-left: 10px; margin-right: 10px; height:20px;}
			}