/* yearbook */
#viewPackages {
    display: none;
    width: 65%;
    height: 100%;
    overflow-y: scroll;
    position: relative;
	z-index:1111;
}
.text-left		{ text-align: left; }
.text-right		{ text-align: right; }
.text-center	{ text-align: center; }

.yb-error {
	margin:				0.5em 1em;
	padding:			0.1em 0.3em 0.3em;
	height:				93%;
	text-align:			center;
	background-color:	#fbb;
}
	.yb-error .notification {
		margin:				0.3em;
		background-color:	#e88;
        border:				solid 1px #890000;
		border-radius:		4px;
        font-weight:		normal;
        color:				#490000;
		padding:			4px;
		margin-bottom:		1em;
	}
		.yb-error .notification a {
			color:			maroon;
			font-weight:	bold;
		}
	.yb-error .img-container {
		height: 80%;
	}
		.yb-error .img-container img {
			height: 100%;
		}
		.yb-error .img-container img:last-child {
			margin-left: 1em;
		}

.yb-question {
	margin:	3% 1em;
}
	.yb-question form {
		padding:			0.8em 1.4em 1.1em;
		margin-left:		auto;
		margin-right:		auto;
		display:			inline-block;
		font-size:			1.5rem;
		background-color:	#d9edf7;
		color:				#31708f;
	}
		.yb-question form label {
			font-weight:	bold;
		}
		.yb-question form input[type=radio] {
			height:			1.2em;
			width:			1.2em;
			vertical-align: middle;
			margin-right:	0.5em;
		}
		.yb-question form input[type=submit] {
			font-size:		1.5rem;
		}
		
.yb-snr-confirm {
	margin:				3% 0.8em;
	padding:			0.5em;
	background-color:	#d9edf7;
	color:				#31708f;
	overflow:			hidden;
}
	.yb-snr-confirm .header {
		padding-bottom:	1em;
	}
	.yb-snr-confirm img {
		max-width:	95%;
		max-height: 100%;
		margin-top:	0.5em;
	}
	.yb-snr-confirm button {
		font-size:	1.3rem;
	}
	.yb-snr-confirm .selected, 
	.yb-snr-confirm .confirm {
		margin:		0;
		text-align:	center;
		font-size:	1.5rem;
	}
	.yb-snr-confirm .selected {
		width:		35%;
		float:		left;
		padding:	0.5em 0;
		color:		aliceblue;
		margin-top:	1em;
	}
		.yb-snr-confirm .selected img {
			padding:	2px;
			border:		2px solid dimgrey;
		}
	.yb-snr-confirm .confirm {
		width:	60%;
		float:	right;
	}
		.yb-snr-confirm .confirm img {
			padding:	2px;
			border:		2px solid cadetblue;
		}
	.yb-snr-confirm .selected {
		background-color: #444;
	}
	
	#closePackageView {
		float: right;
		margin: 0px;
		left: -50px;
		display: none;
		width: 10%;
		position: relative;
		z-index: 2000;
		font-size: 16px;
	}
	#closePackageView ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	#closePackageView a img.icon {
		background: #2E2E2E;
		-moz-border-radius: 2px;
		border-radius: 2px;
		padding: 2px;
		vertical-align: middle;
	}
	
	@media screen and (max-width: 768px) {
		#viewPackages { 
			width:100%;
			top:150px;
		}
		#closePackageView {
			width:auto;
			float:none;
			left:0px;
		}
		#photoviewview .photocontainerclass {
			top:20px;
		}
		#viewPackages #alreadyphoto .selected {
			width:40% !important;
		}
	}
/* yearbook */