/*

bof - CSS for AJAX Image Swapper

This block of code is for the template's stylesheet, located inside includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Written by: Jay T (Jaycode) teguhwpurwanto@gmail.com @ Oct 2007

*/

#image_viewer {

	width: 300px;

	border: 1px solid #9FAD72;

	margin:5px;

	padding:5px;

}



#image_medium_container {

	width: 100%;

	height: 300px;

	text-align:center;

}



.image_small {

	border: 1px solid #CAD8E9;

	text-align:center;

	margin-left:3px;

	margin-right:3px;

	cursor: pointer;

	display: block;

}



.image_medium {

	cursor: url(../images/zoomin.cur);

}



#image_nav_container {

	width: 100%;

	height:80px;

	padding-top:5px;

	text-align:center;

}



#arrow_left {

	width:20px;

	padding-right: 5px;

}



#arrow_right {

	width:20px;

}



#large_image_viewer {

	

}



#large_image_navigator {

	background-color: #000000;

	border-top: #C3C3C3 2px solid;

	border-bottom: #C3C3C3 2px solid;

	color: #ffffff;

	width:100%;

	height: 30px;

	position:absolute;

	text-align:center;

	z-order: 1002;

}



#next_prev_container {

}



#td_title {

	text-align:center;

}



#large_pos, #large_prev, #large_next {

	float:left;

}



#large_pos {

	padding-top: 9px;

	padding-left:5px;

	padding-right:5px;

}



#large_close, #large_prev, #large_next {

	cursor:pointer;

}



#image_title {

	font-size: 2em;

	font-weight: bold;

}



#eventBlocker {

	background-color: #000000;

	position:absolute;

	left:0px;

	top:0px;

}



#eventBlocker { behavior: url(iepngfix.htc); }



/*

eof - CSS for AJAX Image Swapper

*/