/*! Copyright (c) 2010 Sarathi Hansen.  Available for sale at CodeCanyon http://codecanyon.net/user/sarthemaker */
#imagebox {
	position: absolute;
	z-index: 100;
}

#imagebox-overlay {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#imagebox-title {
	position: absolute;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	left: 0;
	padding: 2px 6px;
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	z-index: -1;
} 

#imagebox-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#imagebox-close {
	position: absolute;
	right: -15px;
	top: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 100;
}

#imagebox-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 33%;
	height: 100%;
	cursor: pointer;
	z-index: 80;
}

#imagebox-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 33%;
	height: 100%;
	cursor: pointer;
	z-index: 80;
}

.imagebox-shadow { position: absolute; z-index: -2; }

.imagebox-shadow-nw {
	left: -20px;
	top: -20px;
	width: 20px;
	height: 20px;
	background: url('imagebox-images/imagebox-shadow-nw.png') no-repeat;
}

.imagebox-shadow-n {
	left: 0;
	top: -20px;
	width: 100%;
	height: 20px;
	background: url('imagebox-images/imagebox-shadow-n.png') repeat-x;
}

.imagebox-shadow-ne {
	right: -20px;
	top: -20px;
	width: 20px;
	height: 20px;
	background: url('imagebox-images/imagebox-shadow-ne.png') no-repeat;
}

.imagebox-shadow-e {
	right: -20px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url('imagebox-images/imagebox-shadow-e.png') repeat-y;
}

.imagebox-shadow-se {
	right: -20px;
	bottom: -20px;
	width: 20px;
	height: 20px;
	background: url('imagebox-images/imagebox-shadow-se.png') no-repeat;
}

.imagebox-shadow-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: url('imagebox-images/imagebox-shadow-s.png') repeat-x;
}

.imagebox-shadow-sw {
	left: -20px;
	bottom: -20px;
	width: 20px;
	height: 20px;
	background: url('imagebox-images/imagebox-shadow-sw.png') no-repeat;
}

.imagebox-shadow-w {
	left: -20px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url('imagebox-images/imagebox-shadow-w.png') repeat-y;
}