#facebox .t { background:url(../facebox/t.png);}
#facebox .l { background:url(../facebox/l.png);}
#facebox .r { background:url(../facebox/r.png);}
#facebox .b { background:url(../facebox/b.png);}
#facebox .tl { background:url(../facebox/tl.png);}
#facebox .tr { background:url(../facebox/tr.png);}
#facebox .bl { background:url(../facebox/bl.png);}
#facebox .br { background:url(../facebox/br.png);}

#facebox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  border: 0px solid #ff0000;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
  border: 0px solid #ff0000;
}

#facebox #gsImageView {
	/*margin-left: 245px;*/
}

#facebox .sidebar {
	float: left;
	width: 245px;
	border: 0px solid #888888;
	overflow-y: hidden;
	background-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #ffffff;
}
#facebox #gsSidebar {
	background-color: #ffffff;
	padding-top: 5px;
	padding-left: 5px;
	border-top: 1px solid #cccccc;
	font-size: 0.8em;
	line-height: 1em;
}
/*
#facebox .gsActions {
	background-color: #ffffff;
	padding-top: 5px;
	padding-left: 5px;
	border-top: 1px solid #cccccc;
}
*/
#facebox .gsDescriptionArea {
	background-color: #ffffff;
	padding-bottom: 5px;
	padding-left: 5px;
}

#facebox .gbNavigator {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 998;
	border: 0px solid #888888;
}

#facebox .ctrl {
	position:fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
#facebox .ctrl .first-and-previous {
	left: 0px;
}
#facebox .ctrl .next-and-last {
	right: 0px;
}
#facebox .ctrl .next-and-last, #facebox .ctrl .first-and-previous {
	position: absolute;
	z-index: 2000;
	height: 98%;
	width: 50px;
	border: 0px solid #0000ff;
}
#facebox .ctrl .next-and-last a, #facebox .ctrl .first-and-previous a {
	display: block;
	height: 100%;
	width: 100%;
	border: 0px solid #ff0000;
}
#facebox .ctrl a.next,
#facebox .ctrl a.next:active,
#facebox .ctrl a.next:focus,
#facebox .ctrl a.next:link,
#facebox .ctrl a.next:visited {
	background-image: url(../images/facebox_next.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#facebox .ctrl a.next:hover {
	background-image: url(../images/facebox_next_over.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #000000;
}
#facebox .ctrl a.previous,
#facebox .ctrl a.previous:active,
#facebox .ctrl a.previous:focus,
#facebox .ctrl a.previous:link,
#facebox .ctrl a.previous:visited {
	background-image: url(../images/facebox_previous.gif);
	background-position: left;
	background-repeat: no-repeat;
	
}
#facebox .ctrl a.previous:hover {
	background-image: url(../images/facebox_previous_over.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: right;
	text-decoration: none;
	color: #000000;
}

#facebox .ctrl a.close,
#facebox .ctrl a.close:active,
#facebox .ctrl a.close:focus,
#facebox .ctrl a.close:link,
#facebox .ctrl a.close:visited {
	position: absolute;
	z-index: 2002;
	height: 50px;
	width: 100%;
	border: 0px solid #000000;
	cursor: pointer;
	
	background-image: url(../images/close.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#facebox .ctrl a.close:hover {
	background-image: url(../images/close_over.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #000000;
}

#facebox .body {
	display: block;
	padding: 0px;
	/*background: #ffffff;*/
	border: 0px solid #fdfdfd;
	vertical-align: top;
}

#facebox .loading {
	text-align: center;
}

#facebox .image {
	text-align: center;
}

#facebox .content {
	vertical-align: top;
	position: relative;
	top: 0px;
	width: 100%;
	height: 100%;
}

#facebox img {
	border: 0;
	margin: 0;
}

#facebox .footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay {
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
#facebox_overlay_top {
	height: 40px;
	width:100%;
}
#facebox_overlay_top_left {
	background-color: #ffffff;
	height:100%;
	width:100%;
	position: absolute;
	right: 40px;
	top: 0px;
}
#facebox_overlay_top_right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	background-image: url(../images/pagecorner.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#facebox_overlay_bottom {
	height: 100%;
	width:100%;
	background-color: #ffffff;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  /*background-color: #ffffff;*/
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}