/*  
	LOCATION NETWORK Lightbox CSS
	Put CSS in here to be used on the Lightbox (duh!)
	CSS by Ian Russell @ EVOLVS.COM  March 2005
	www.evolvs.com | ian@evolvs.com

LEFT NAV
----------------------------------------------------------------------------- 
*/


#topRow { 
	height: 400px;
	/*overflow: hidden;*/
	margin-bottom:35px;
}

#lightBox #leftNav {
	width: 194px;
}

#lightBox #leftNav h1 {
	background: #000000;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	line-height: 24px;
	vertical-align: middle;
	text-align: left;
	color: #eeeeee;
}

#lightBox #folderBox {
	background: #666666;
}

#lightBox #folderFrame {
	/*height: 124px;*/
	height: 252px;
}

#folders {
	background: #666666;
	padding: 0px;
	margin: 0px;
}
#folders a {
	color: #fff;
	font-size: 10px;
	display: block;
	line-height: 22px;
	vertical-align: middle;
	letter-spacing:0.1em;
}

#folders a:visited {
	color: #fff;
	font-size: 10px;
	display: block;
	line-height: 22px;
	vertical-align: middle;
	letter-spacing:0.1em;
}

#folders a:hover {
	text-decoration: none;
	color: #333333;
	background: #666666;
}

#folders b {
	background: #333333;
	display: block;
	margin-bottom: 1px;
}

#folders div {
	padding-left: 10px;
}

#lightBox #toolBox {
	width: 194px;
	background: #666666;
	margin-top: 8px;
	overflow: hidden;
}

#lightBox #toolBox a {
	display: block;
	line-height: 22px;
	vertical-align: middle;
	text-transform: uppercase;
	padding-left: 0px;
	font-weight: bold;
	font-size: 9px;
}

#lightBox #toolBox a:link, #lightBox #toolBox a:visited  {
	color: #000;
}

#lightBox #toolBox a:hover {
	background:  #808080;
	text-decoration: none;
	color: #fff;
}

#lightBox .header {
	background: #333333;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	line-height: 25px;
	vertical-align: middle;
	text-align: left;
	color: #fff;
}

#lightBox .header b {
	color: #A0AEBC;
}

/*
RIGHT NAV
----------------------------------------------------------------------------- 
*/

#lightBox #rightBox {
	height: 424px;
	background: #cccccc;
}

#lightBox #locations {
	float: right;
}

#lightBox #locationFrame {
	/*margin: 11px;*/
	height: 380px; 
}

/* LOCATIONS IFRAME
----------------------------------------------------------------------------- 
*/

#locationsBox {
	background: #000000;
	padding: 0px;
	margin: 0px;		
	color: #fff;
}


#locationsBox a {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px solid #666666;
	/*border-bottom: 2px solid ccccc;*/
	background: #666666;
}

#locationsBox a:hover {
	background: #FF0000;
	text-decoration: none; 
}

#locationsBox #current {
	background: #999999;
/*	border-bottom: 2px solid #FFF; */
	color: #fff;
}

#locationsBox a span {
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 14px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

#locationsBox_wsel_custom {
	background: #181506;
	padding: 0px;
	margin: 0px;		
}


#locationsBox_wsel_custom a {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px solid #D8A264;
	/*border-bottom: 2px solid ccccc;*/
	background: #D8A264;
}

#locationsBox_wsel_custom a:hover {
	background: #D8A264;
	text-decoration: none; 
}

#locationsBox_wsel_custom #current {
	background: #999999;
/*	border-bottom: 2px solid #FFF; */
	color: #fff;
}

#locationsBox_wsel_custom a span {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 14px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

/* THUMBNAILS ROW WITH SWITCHABLE CONFIGURATIONS
----------------------------------------------------------------------------- 
*/

#thumbNailBox {
	margin-top: 8px;
	background: #999999;
	color: #ffffff;
}

#thumbNailBox  .thumbHeader {
	height: 24px;
	background: #cccccc;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	line-height: 24px;
	vertical-align: middle;
	text-align: left;
	color: #000;
}



#thumbNailBox  .thumbHeader div {
	float: right;
	padding-right: 8px;
}

#thumbNailBox .thumbHeader form {
	line-height: 24px;
	vertical-align: middle;
}

#thumbNailBox .thumbHeader select {
	border: 1px solid #bbbbbb;
	background: #fff;
	padding: 1px;
	margin: 0px;
	font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif;
	color: #999999;
	width: 150px;
	font-size:9px;

}

#thumbNailBox #subNav {
		font-size: 9px;
		font-weight: bold;
	margin-top: 1px;
	background: #999999;
	color: #fff;
}

#thumbNailBox #subNav .left a {
	background: #999999;
	display: block;
	float: left;
	line-height: 17px;
	vertical-align: middle;
	padding: 0px 12px 0px 6px;
	border-right: 2px solid #999999;
	color: #fff;
	text-transform: uppercase;
}

#thumbNailBox #subNav .right {
	float: right;
	line-height: 17px;
	vertical-align: middle;
	padding: 0px 0px 0px 6px;
	color: #fff;
}

#thumbNailBox #subNav .right a {
	font-size: 9px;
	display: block;
	float: left;
	border-left: 2px solid #999999;
	color: #fff;
	text-transform: uppercase;
	background: #999999;
	line-height: 17px;
	vertical-align: middle;
	padding: 0px 8px 0px 4px;	
	color: #fff;
}

#thumbNailBox #subNav .right b {
	color: #fff; 
}
	
#thumbNailBox #subNav a.current {
	color: #333333;
	background: #999999;
	text-decoration: none;
}

#thumbNailBox #info {
	line-height: 12px;	
	vertical-align: middle;
	padding: 6px;
	font-size: 11px;
	font-weight: bold;
	
	font-stretch:normal;
	font-variant:normal;
	font-size-adjust:  none;
	color: #fff; 
}

#thumbNailBox #info a {
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	text-decoration: underline;
}

#thumbNailBox #info a.current {
	color: #333333; 
	text-decoration: underline;
}


#thumbFrame1 {
	width: 796px;
	height: 470px;
}

/* THUMBNAILS IFRAME
----------------------------------------------------------------------------- 
*/

#thumbNails {
	margin: 0px;
	padding: 0px;
	background: #999999;
}

#thumbNails .object {
	position: relative;
	float: left;
}

#thumbNails .object a {
	display: block;
	text-decoration: none;
	color: #000;
	margin: 1px;
	padding: 0px;
}

#thumbNails .object img {
	border-width: 0px;
}



#thumbNails .object img {
	z-index: 0;
}

#thumbNails .object .flag {
	background: url("/retrieve_image.php?image=lightbox/note.gif") no-repeat 0 0;
	margin-left: 1px;
}

#thumbNails .object .number {
	float: left;
	padding: 0px 2px 0px 2px;
	text-align: center;
	background: #999999;
	color: #FFF;
}

#thumbNails .object div div div {
	background: #fff;
	margin-left: 18px;
	float: left;
	padding: 0px 4px 0px 4px;
}

#thumbNails .thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	font: 9px Helvetica;
	font-weight: bold;
	line-height: 17px;
	vertical-align: middle;
}

#thumbNails .thumblarge {
	position: absolute;
	top: 0px;
	left: 0px;
	font: 9px Helvetica;
	font-weight: bold;
	line-height: 17px;
	vertical-align: middle;
}

#thumbNails .thumbmedium {
	position: absolute;
	top: 0px;
	left: 0px;
	font: 9px Helvetica;
	font-weight: bold;
	line-height: 17px;
	vertical-align: middle;
}

	
/* background: url(../images/lightbox/subnav-corner.png) bottom right #6f808f no-repeat; */
#info #imgPerPage a{
	font-size: 9px;
	display: block;
	float: left;
	border-left: 2px solid #999999;
	text-transform: uppercase;
	background: #999999;
	line-height: 17px;
	vertical-align: top;
	padding: 0px 8px 0px 4px;	
	color: #ffffff;
}

#info #imgPerPage a {
	color: #ffffff;
	background: #999999;
	text-decoration: underline;
}

#info #imgPerPage a.current {
	color: #333333;
	background: #999999;
	text-decoration: underline;
}

/*
RADIUS ALERT BOX
*/

#radiusAlertBox {
	background: #C5CED7 url("/retrieve_image.php?image=lightbox/radius-alert-bg.png") no-repeat left center;
	font-size: 12px;
	width: 360px;
}

#radiusAlertBox div {
	background: url("/retrieve_image.php?image=lightbox/radius-alert-top.png") no-repeat left top;
}

#radiusAlertBox div div {
	background: url("/retrieve_image.php?image=lightbox/radius-alert-bottom.png") no-repeat left bottom;
	padding: 15px 15px 15px 50px;
}


#subTools {
	color: #ffffff;
	background: #fafbfc;
	background: #000000;
	height: 16px;

}

#subTools div {
	margin: 2px;
}

#subTools a {
	text-indent: -9999px;
	display: block;
}


#subTools a#editButton {
	background: #485d72 url("/retrieve_image.php?image=admin/edit-button.png") no-repeat center center;
	float: left;
	height: 14px;
	width: 14px;
}

#subTools a:hover#editButton {
	background: #000 url("/retrieve_image.php?image=admin/edit-button.png") no-repeat center center;
}

#subTools a#deleteButton {
	background: #a71611 url("/retrieve_image.php?image=admin/delete-button.png") no-repeat center center;
	float: left;
	height: 14px;
	width: 14px;
}

#subTools a:hover#deleteButton {
	background: red url("/retrieve_image.php?image=admin/delete-button.png") no-repeat center center;
}

#subTools a#addButton {
	background: #11a716 url("/retrieve_image.php?image=admin/add-button.png") no-repeat center center;
	float: left;
	height: 14px;
	width: 14px;
}

#subTools a:hover#addButton {
	background: #11c716 url("/retrieve_image.php?image=admin/add-button.png") no-repeat center center;
}


#subTools_wsel_custom {
	color: #ffffff;
	background: #181506;
	height: 16px;

}

#subTools_wsel_custom div {
	margin: 2px;
}

#subTools_wsel_custom a {
	text-indent: -9999px;
	display: block;
}


#subTools_wsel_custom a#editButton {
	background: #485d72 url("/retrieve_image.php?image=admin/edit-button.png") no-repeat center center;
	float: left;
	height: 14px;
	width: 14px;
}

#subTools_wsel_custom a:hover#editButton {
	background: #000 url("/retrieve_image.php?image=admin/edit-button.png") no-repeat center center;
}

#subTools_wsel_custom a#deleteButton {
	background: #a71611 url("/retrieve_image.php?image=admin/delete-button.png") no-repeat center center;
	float: left;
	height: 14px;
	width: 14px;
}

#subTools_wsel_custom a:hover#deleteButton {
	background: red url("/retrieve_image.php?image=admin/delete-button.png") no-repeat center center;
}

#subTools_wsel_custom a#addButton {
	background: #11a716 url("/retrieve_image.php?image=admin/add-button.png") no-repeat center center;
	float: left;
	height: 14px;
	width: 14px;
}

#subTools_wsel_custom a:hover#addButton {
	background: #11c716 url("/retrieve_image.php?image=admin/add-button.png") no-repeat center center;
}


#ratingStars {
	height: 10px;
	float: left;
}

#ratingStars a {
	text-indent: -9999px;
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

#ratingStars a:link.on, #ratingStars a:visited.on  {
	background: url("/retrieve_image.php?image=admin/rating-on.png") no-repeat 0 0;
}

#ratingStars a:link.off, #ratingStars a:visited.off  {
	background: url("/retrieve_image.php?image=admin/rating-off.png") no-repeat 0 0;
}

#ratingStars a:hover.off {
	background: url("/retrieve_image.php?image=admin/rating-on.png") no-repeat 0 0  !important;
}

#ratingStars a:hover.on {
	background: url("/retrieve_image.php?image=admin/rating-off.png") no-repeat 0 0  !important;
}

.backtolibrary td,.backtolibrary a, .backtolibrary a:link {
display: block;
background-color:#000000;
font-family:"Helvetica",Helvetica,Arial,Verdana,sans-serif;
font-weight:bold;
text-align:center;
color: #cccccc;
font-size: 10px;
line-height: 11px;
text-transform: capitalize;
}
.backtolibrary a:hover {
background-color:#000000;
color: #000000;

}