/*
Title	: modal
====================================== */
#modal {
	background: #fff url(../gfx/css/modal-top.gif) repeat-x left top;
	display: none;
	height: 520px;
	position: fixed;
	width: 640px;
	z-index: 2001;
	}

#modal-title {
	height: 8px;
	overflow: visible;
	position: relative;
	width: 100%;
	}
	#modal-title h2 {
		background: url(../gfx/css/modal-title.gif) no-repeat left top;
		float: left;
		height: 30px;
		left: 18px;
		overflow: hidden;
		padding: 2px 0 0 10px;
		position: absolute;
		top: 26px;
		width: 520px;
		}
	#modal-title .modal-close {
		display: block;
		height: 30px;
		position: absolute;
		right: -15px;
		top: -15px;
		width: 30px;
		}
		#modal-title .modal-close img {
			float: right;
			height: 30px;
			width: 30px;
			}
	
#modal-content {
	background: #fff;
	/*border: 1px solid #333;*/
	height: 375px;
	text-align: center;
	padding-bottom: 10px;
	}

/* Thumbs
====================================== */
#modal-thumbs {
	background: #d3d3d3;
	overflow: auto;
	padding: 10px 0;
	width: 100%;
	}
	#modal-thumbs ul {
		float: left;
		height: 78px;
		overflow: hidden;
		padding: 0px 0px 0px 10px;
		width: 534px;
		}
	#modal-thumbs ul li {
		float: left;
		margin-bottom: 1em;
		margin-right: 5px;
		}
		#modal-thumbs ul li a {
			border: 1px solid #333;
			display: block;
			}
	
	#modal-thumbs .next,
	#modal-thumbs .prev {
		display: block;
		height: 75px; 
		width: 38px;
		}
			
	#modal-thumbs .next {
		background: url(../gfx/css/modal-next.gif) no-repeat top left;
		float: right;
		margin-right: 10px;
		}
		#modal-thumbs .next:hover {
			background: url(../gfx/css/modal-next-hover.gif) no-repeat top left;
			}
	#modal-thumbs .prev {
		background: url(../gfx/css/modal-prev.gif) no-repeat top left;
		float: left;
		margin-left: 10px;
		}
		#modal-thumbs .prev:hover {
			background: url(../gfx/css/modal-prev-hover.gif) no-repeat top left;
			float: left;
			}

#modal-shadow {
	background: url(/jsf/modal-shadow.png);
	display: none;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 2000;
	}