@charset "utf-8";
/* CSS Document */
/* Smartphones 2G-5 in portrait & landscape ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
	html{
		background:#b1d8eb;	
	}

	#header_wrap, #header, #footer_wrap, #footer{
		height:36px;	
	}
	#header_wrap{
		background:url(../../_ui/mobile/header_bg.jpg) repeat-x;
	}	
	
	#logo{
		background:transparent url(../../_ui/mobile/logo.png) no-repeat 16px 10px;
		width:300px; height:36px;
	}

	#popover{
		top:16px; left:0; right:0; bottom:0;
		margin:0 auto;
		width:95%; height:auto;
		background: rgba(25, 25, 25, .8);
		
		z-index:599;
		position:absolute;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}
		#popover p{ color:white; }
		#p-close{
			top:8px; right:8px;
			visibility:visible;
		}
		
	#content_wrap{
		background-color:none;	
	}
		#content{
			background-color:none;
			border:none;
		}
		
		#age-display{
			width:96px; height:56px;
			top:0; right:14px;
		}
			#age-display h2{
				width:68px; height:48px;
				font-size:2em;
				top:4px; left:14px;
			}
			#age-display div{
				background:transparent url(../../_ui/mobile/age_bg.png) no-repeat;
				width:inherit; height:inherit; 
			}
		
		#q-num p{
			margin:16px 0 0 16px;
			font-size:0.75em;
		}
		
		.question{
			padding:10px 16px 0;
			margin-bottom:0;
		}
			#q-title h2{
				font-size:1.15em;
			}
			#q-text h3{
				font-size:0.8em;
			}
			#q-statement p{
				margin:12px 0 0 0;
			}
			.selection p{
				font-weight:bold;
				font-size:0.75em;
				
			}
	
	/*----------Controls Nav----------*/		
	#back{
		display:none;
	}
	#info{
		top:34px;
		right:87px;
		background:url(../../_ui/mobile/info-up.png) no-repeat;
	}
	#next{
		bottom:0px;
		right:24px;
		position:fixed;
		z-index: 999;
		background:url(../../_ui/mobile/next-up.png) no-repeat;
	}
		
	
	#crumbtrail{ display:none; }
	
	#footer_wrap{
		background:url(../../_ui/mobile/footer_bg.jpg) repeat-x;	
	}
		#nm-logo{
			float:left;
			cursor:pointer;
			background: transparent url(../../_ui/mobile/nm_logo.png) no-repeat 16px 9px;
			width:170px; height:36px;
		}
		
	.noShow{
		display:none;	
	}
}





/* Smartphones 2G-4S in portrait ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
and (orientation : portrait) {
	#header, #static, #content, #crumbtrail, #footer, #disclosure{
		width:320px;
	}
	
	.question{
		width:288px;
	}
}

/* Smartphones 2G-4S in landscape ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
and (orientation : landscape) { 
	#header, #static, #content, #crumbtrail, #footer, #disclosure{
		width:480px;
	}
	
	.question{
		width:446px;
	}
}








/* --------iPhone 5 in portrait----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) 
and (orientation : portrait) {
	#header, #static, #content, #crumbtrail, #footer, #disclosure{
		width:320px;
	}
	
	.question{
		width:288px;
	}
}

/* --------iPhone 5 in landscape----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) 
and (orientation : landscape) {
	#header, #static, #content, #crumbtrail, #footer, #disclosure{
		width:568px;
	}
	
	.question{
		width:536px;
	}
}






/* --------iPads (portrait) -----------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : portrait) {
	/*#crumbtrail{ display:block; }*/
	.noShow{
		display:none;
	}
}

/* --------iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : landscape) {
	/*#crumbtrail{ display:none; }*/
	.noShow{
		display:none;	
	}
}