/* This is for the Lightbox Nav located below the thumbnails in a search result.
   The include file is lightboxnav.asp.
===================================================================== */

/* Form Elements
===================================================================== */
.lightboxNavTextbox {
	float: left;
	width: 250px;
	margin: 0;
	padding: 4px 40px 4px 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.lightboxNavSelectbox {
	float: left;
	width: 296px;
	height: 26px;
	margin: 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.lightboxNavIcon  {
	position: relative;
	float: left;
	margin: 3px 0 0 10px
}

/* Layout and Content
===================================================================== */
#lightboxNavRow1 {
	width: 856px;
	height: 30px;
	margin: 0 auto;
	padding: 2px 0 0 0;
	background-color: #c9c4b8;
	text-align: center;
	font-weight: bold;
}
#lightboxNavRows234 {
	width: 856px;
	margin: 0 auto;
}
#lightboxNavRow2 {
	float: left;
	width: 340px;
	height: 34px;
	margin-top: 1px;
	background-color: #edeae1;
}
#lightboxNavRow3 {
	float: left;
	width: 280px;
	height: 34px;
	margin-top: 1px;
	background-color: #edeae1;
}
#lightboxNavRow4 {
	float: left;
	width: 236px;
	height: 34px;
	margin-top: 1px;
	background-color: #edeae1;
}
#lightboxNavRows56 {
	width: 856px;
	margin: 0 auto;
}
#lightboxNavRow5 {
	float: left;
	width: 320px;
	height: 34px;
	margin-top: 1px;
	background-color: #edeae1;
}
#lightboxNavRow6 {
	float: left;
	width: 536px;
	height: 34px;
	margin-top: 1px;
	background-color: #edeae1;
}
#lightboxNavPopupConfirm {
	float: right;
	margin: 6px 10px 0 0;
}
#lightboxNavIcons {
	float: right;
	padding: 0 10px 0 0;
	}

/* Responsive Design
===================================================================== */
@media only screen and (max-width: 1023px) {
	#lightboxNavRow1 {width: 85%;}
	#lightboxNavRows234 {width: 85%;}
	#lightboxNavRow2 {width: 100%;}
	#lightboxNavRow3 {width: 50%;}
	#lightboxNavRow4 {width: 50%;}
	#lightboxNavRows56 {width: 85%;}
	#lightboxNavRow5 {width: 50%;}
	#lightboxNavRow6 {width: 50%;}
}
@media only screen and (max-width: 850px) {
	#lightboxNavRow5 {width: 100%;}
	#lightboxNavRow6 {width: 100%;}
	#lightboxNavIcons {float: left; padding: 0;}
}
@media only screen and (max-width: 767px) {
	#divlbfloatingcontainer {display: none;}
}
@media only screen and (max-width: 670px) {
	#lightboxNavRow1 {width: 316px;}
	#lightboxNavRows234 {width: 316px;}
	#lightboxNavRow2 {width: 316px;}
	#lightboxNavRow3 {width: 316px;}
	#lightboxNavRow4 {width: 316px;}
	#lightboxNavRows56 {width: 316px;}
	#lightboxNavRow5 {width: 316px;}
	#lightboxNavRow6 {width: 316px;}
	#lightboxNavIcons {float: left; padding: 0;}
	#lightboxNavPopupConfirm {float: left; margin: 6px 0 0 10px;}
}
@media only screen and (max-width: 339px) {
	.lightboxNavTextbox {width: 224px;}
	.lightboxNavSelectbox {width: 270px;}
	.lightboxNavIcon  {margin: 3px 0 0 5px;}
	#lightboxNavRow1 {width: 290px;}
	#lightboxNavRows234 {width: 290px;}
	#lightboxNavRow2 {width: 290px;}
	#lightboxNavRow3 {width: 290px;}
	#lightboxNavRow4 {width: 290px;}
	#lightboxNavRows56 {width: 290px;}
	#lightboxNavRow5 {width: 290px;}
	#lightboxNavRow6 {width: 285px; padding-left: 5px;}
}