@import url(/style/shared/cfp.css);

body {
	background-color: #FAFAFA;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #5A5A5A;	
	line-height: 20px;
}

.wrapper {
	background-color: #FAFAFA;
	}
/**********************
* Banner & Top Menu 
**********************/
.bannerwrapper {
	background-image: url('/img/ngwa/cfp_banner_expo14.gif');
	background-repeat: repeat-x;
	border-top: 6px solid #0088CC;
	border-bottom: 10px solid #E9EAEE;
	height: 120px;
	}
	
.expoimg {
	display: inline;
	float: left;
	padding: 10px 0px;
	width: 25%;
	}
	
.topMenu {
	display: inline-block;
	background-color: #006CB6;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	margin-top: 15px;
	margin-left: 8px;
	width:875px;
	}
	.topMenu ul {
		background-color: #006CB6;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
		border-radius: 3px;
		width: 100%;
		padding-right: 95px;
		padding-left:15px;
		}
		.topMenu ul li {
			display: inline;
			float: left;
			padding: 10px 20px;
			font-size: 16px;
			color: #FFFFFF;
			}
			.topMenu ul li a {
				color: #FFFFFF;
				}
				.topMenu ul li a:hover {
					color: #CCCCCC;
					}
					.topMenu ul li a.recap {
						color: #CCCCCC;
						}
						.topMenu .triangle {
							width: 0; 
							height: 0; 
							border-left: 4px solid transparent;
							border-right: 4px solid transparent;
							border-top: 4px solid #FFF;
							display: inline-block;
							vertical-align: middle;
							margin-left: 5px;
							}
							.topMenu ul li a:hover .triangle {
								border-top-color: #CCCCCC;
								}
								.topMenu ul li ul {
									display: none;
									background-color: #FFF;
									position: absolute;
									width: 300px; 
									margin: 0;
									padding: 5px 0;
									border-radius: 6px;
									box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
									min-width: 160px;
									z-index: 1000;
									font-size: 14px;
									}
									.topMenu ul li ul:before {
										border-bottom: 7px solid rgba(0, 0, 0, 0.2);
										border-left: 7px solid rgba(0, 0, 0, 0);
										border-right: 7px solid rgba(0, 0, 0, 0);
										content: "";
										display: inline-block;
										left: 9px;
										position: absolute;
										top: -7px;
										}
										.topMenu ul li ul:after {
											border-bottom: 6px solid #FFFFFF;
											border-left: 6px solid rgba(0, 0, 0, 0);
											border-right: 6px solid rgba(0, 0, 0, 0);
											content: "";
											display: inline-block;
											left: 10px;
											position: absolute;
											top: -6px;
											}
									.topMenu ul li ul li {
										width: 100%;
										padding: 0px;
										}
										.topMenu ul li:hover ul {
											display: block;
											}
											.topMenu ul li ul li a {
												font-size: 14px;
												color: #000;
												font-weight: normal;
												line-height: 20px;
												display: block;
												padding: 3px 0px 3px 20px;
												}
												.topMenu ul li ul li a:hover {
													color: #0088CC;
													text-decoration: none;
													background-color: #F2F2F2;
													padding: 3px 0px 3px 20px;
													}
												
					
				
/***************************
* Content
***************************/
			
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: left;
}
	}
	
h3 {
	background-color: #006CB6;
	}
	.programinfo h3, .login h3, .sidebar h3 {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		}
		.programinfo {
			border: none;
			}
			
.meeting_info {
	border-bottom: solid 1px #EEEEEE;
	}
			
.title {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-top: 15px;
	}
	
.location {
	text-align: left;
	}
	
.note ul {
	margin-left: 10px;
	list-style-type: disc;
	line-height: 1.3em;
	}
	
/************************
* Footer 
************************/
.footerwrapper {
	background-color: #005080;
	padding-top: 25px;
	padding-bottom: 20px;
	border-top: 15px solid #E9EAEE;
	color: #FFF;
	
	}
	.footerwrapper h5 {
		font-size: 22px;
		text-align: center;
		}
		.footerwrapper ul {
			text-align: center;
			margin-top: 10px;
			}
	.footerwrapper a {
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		}
		.footerwrapper a:hover {
			text-decoration: underline;
			}
		
.copyright {
	background-color: #FFFFFF;
	color: #5A5A5A;
	font-size: .85em;
	margin-top: 10px;
	}
	.copyright a {
		color: #5A5A5A;
		text-decoration: none;
		}
		.copyright a:hover {
			text-decoration: underline;
			}
			.copyright ul {
				text-align: center;
				}
				.copyright ul li {
					padding-bottom: 8px;
					}
					.copyright ul.social li {
						display: inline;
						float: left;
						}
						a.top {
							color: #0088CC;
							text-decoration: none;
							}
							a.top:hover {
								text-decoration: underline;
								}
								
.graybox {background-color:#E9EAEE; 
margin:5px;
padding:5px;
}

.example {
margin:5px;
padding:5px;
}


.login input.btn, .programinfo input.btn {
background-color: #E9EAEE;
}
					
					

.numbers {
margin-left: 25px;
line-height: 1.2em;
}

ol {
list-style-type: decimal;
}

#steps ol.numbers li {
list-style-type: decimal;
line-height: 1.2em;
margin-bottom: .9em;
}