/*	------------------------------------------------------------------------------------------	*/
	/*	 MAIN BNL GLOBAL STYLES																		*/
	/*	------------------------------------------------------------------------------------------	*/

		body {
			font: 13px/1.5 Verdana, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
			font-weight:normal;
		}

		#header {
			display: none;
		}
		
		html { height:auto; min-height:100%; }
		
		#footer {
			max-width: 960px;
			margin: 0px auto 100px auto;
			height: 115px;
			}	
				
		#footerLogoPrint {
			display:none;
		}	
				
		#sbuLogoLinkPrint {
			display:none;
		}	
				
		#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; }
		
		#bannerHomeLink {
			text-decoration:none;
			color:#FFFFFF;
		}
		
		#bannerHomeLink:hover {
			color:#FF6600;
		}
		
		span.label {
			font-weight:normal;
			margin: 0px 0px 4px 0px;
		}
		
		
		@media (max-width:720px) {
			#sbuLogoLink {display:none;}
			#bnlLogoLink {display:none;}
			#footerlogoLink {display:none;}
		}
		
		/* ---------- 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; 
			font-weight: bold;	
			}

		/*----------  MISC ---------- */
							
			p { line-height: 140%; }
			
			li {
				margin-left: 30px;
				line-height: 140%;
			}
			
			ul {list-style: disc;}
	
			
			sup {
				font-size:80%;
				vertical-align:super;
			}
						
			sub {
				font-size:80%;
				vertical-align:sub;
			}
			
			.subCap {
				font-size:70%;
			}		
			
			.GISLinkInfo{
				vertical-align:middle;
				border:0px;
			}
			
			.showPageHeader{
				display:none;
			}
			

		/* ---------- Custom Styles ---------- */
		
			.redEmphasis {color: #D90000;}
			
			.SmallGrayText {
				font-family: Verdana;
				font-size: 85%;
				color:#999;
				line-height:16px;
			}
			
			
			.displayBlock {display: block;}
			.displayHide{display: none;}
			.displayShow{display: inline;}

			.topSpacing5px {
				margin:0px;
				padding-top: 5px;
			}
			
			.topSpacing10px {
				margin:0px;
				padding-top: 10px;
			}

			.topSpacing20px {
				margin:0px;
				padding-top: 20px;
			}


			.bottomSpacing0px {
				margin:0px;
				padding-bottom: 0px;
			}
			
			.bottomSpacing5px {
				margin:0px;
				padding-bottom: 5px;
			}
			
			.bottomSpacing10px {
				margin:0px;
				padding-bottom: 10px;
			}

			.bottomSpacing20px {
				margin:0px;
				padding-bottom: 20px;
			}
			
			.topSpacing5px {
				margin:0px;
				padding-top: 5px;
			}
			
			.topSpacing10px {
				margin:0px;
				padding-top: 10px;
			}
			
			.topSpacing20px {
				margin:0px;
				padding-top: 20px;
			}
			
			.bottomMargin10px {margin-bottom: 10px;}
			.bottomMargin20px {margin-bottom: 20px;}
			.bottomMargin-10px {margin-bottom:-10px;}
			.rightMargin10px{margin-right:10px;}
			
			.leftMargin10px{margin-left:10px;}

			.iconAlign {
				vertical-align: middle;
				padding-right: 5px;
			}	
						
			#captcha {
				float:right;
			}
						
			#addToCal{
				vertical-align: middle;
			}
			
			#posterFlyer {
				margin-top:10px;
				margin-bottom:3px;
				border:1px solid #CCC;
			}

			#posterImage {
				margin-top:10px;
				margin-bottom:3px;
				border:1px solid #CCC;
			}

			.tabLockIcon	{
				vertical-align:middle;
				padding-bottom:4px;
			}
			
			.showInfo{
				display: none;
			}

			@media (max-width:720px) {
				.hideMobile {display:none;}
				.showMobile {display:block;}
			}

		/* ---------- SIDEBARS ---------- */
		
			.rightSidebar {
			padding: 14px;
			background-color: #F8F8F8; 
			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}	
														
			.image-75 {
				width: 75%;
				margin: 0px;
			}							

		/* ---------- 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:-1em;
			    left:5em;
			    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:-1em;
			    right:5em;
			    width:20em;
			    padding:5px;
			    border:1px solid #0cf;
			    background-color:#cff;
			    color:#000;
			    text-align: left;
				z-index:24;   
			}
			
			@media (max-width:720px) {
				a.infoLeft {display:none;}
				a.infoRight {display:none;}
			}

		/* ---------- TAB STYLES ---------- */
					
			div.ui-tabs ul.ui-tabs-nav li a {
				color: #7c97a6;
				font-size: 14px; 	
				font-weight: bold;
				line-height: 18px;
				padding-bottom: 7px;
				padding-top: 7px;
				white-space: pre-wrap;
			}
			
			div.ui-tabs div.ui-tabs-panel {
				background-color: #fff;
				border: 1px solid #819FAC;
				font-family: 'OpenSansRegular',Arial,sans-serif;
				color: #494B4D;
				font-size: 13px;
			}

		/* ---------- 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;
			}
			
			.fName { width: 150px; }
			.lName { width: 150px;}
			.affiliation { width: 530px;}
	
			@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;}
				
				.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;}
			
				.image-75 {
					width: 100%;
					margin: 0px;
				}
			}