/* my.SlideShow */

.slideShowWrapper { 
	position:relative; 
	background:#fff;
	padding:10px 0; 
	border:1px solid #333;	
	padding-bottom:20px;
	overflow:hidden;
	text-align: center;
	-moz-border-radius:3pt;
	-webkit-border-radius:4pt;
	-webkit-drop-shadow:#ccc 4pt; 
}
.slideShowInnerWrapper {
	padding-left:10px;
}
.slideShowNav { 
	position:absolute;
	bottom:-18px;	
	left:0px;
	padding:0px 3px 2px 0px;
	background-color:#fff; 
	width:100%;
}
.slideShowNavWrapper { float:right;  }
.slideShowTitle {
	color:#333;
	font-size:10pt;
	padding:5px 0;
}
.slideShowTitle .slideShowCounterText {
	font-size:6pt; color:#666; display:none;
}
.slideShowHidden {
	position:absolute;
	display: none;
	height: 1px;
	width: 1px;
}
.slideShowImageWrapper {
	position:relative;
	text-align: center;
	margin-top: -42px;
	float: left;
	width: 100%;
}
.slideShowContainer {
	width:100%;
}
.slideShowImageWrapper img {
	border: 0px none;
}
.slideShowImgWithText  {
	float:left;
	width:320px;
}
.slideShowNotifier {
	background-color: red;
	width: 100px;
	height: 5px;
	font-size: 1%;/*IE hack to get around the Empty-Div bug*/
}
.slideShowSlideShow {
	position:absolute;
	top:30px; 
	padding: 0 5px;
	border: 0px;
	text-decoration: none; 
	color: #2e6ab1;
}
.slideShowLoading { background-color: #fad66a; }
.slideShowLoaded { background-color: transparent; }
/*
.sprite-arrowbottom { background-position: 0 -30px; } 
.sprite-arrowtop { background-position: 0 -430px; } 
*/
.slideShowCtrlPrev {
	background-position: -96px 0px; 
	float: left;
}
.slideShowCtrlNext {
	background-position: -144px 0px;
	float: right;
}
.slideShowCtrlPlay {
	background-position: -190px 0px;
	position: absolute;
	display:none;
}
.slideShowPaused .slideShowCtrlPlay {
	background-position: -236px 0px;
	position: absolute;
}
.slideShowCtrl span.slideShowCtrlHide {
	background-image: url("images/blank.gif");
	cursor: auto;
}

.slideShowCtrl {
	height: 50px;
	width: 100%;
	position: relative;
	z-index:999;
	float: left;
}
.slideShowCtrl span {
	width: 50px;
	height: 100%;
	background-image: url("images/buttons.png");
	cursor: pointer;
}
.dj_ie .slideShowCtrl span {
	background-image: url("images/buttons.gif");
}

.dj_ie6 .slideShowPager li.currentpage,
.dj_ie6 .pagination li.disablepage{
    /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
    margin-right: 5px;
    padding-right: 0;
}

/* my.ThumbnailPicker */

.thumbWrapper .thumbNav {
	background-repeat: no-repeat;	
	background-position: center;
	padding-top: 1px;
	width: 30px;
	height: 100%;
}

.thumbOuter {
	padding-bottom: 2px;
}

.thumbOuter.thumbHoriz {
	width: 500px;
	height: 85px;
}

.thumbOuter.thumbVert {
	width: 130px;
	height: 560px;
}

.thumbOuter .enabled {
	background: transparent url("images/buttons.png") no-repeat center center;
	cursor:pointer;
}
.dj_ie6 .thumbOuter .enabled { background-image: url("images/buttons.gif"); }

.thumbOuter .thumbNav img {
	width: 48px;
	height: 75px;
}
.thumbOuter .thumbClickable div {
	cursor: pointer;
}
.thumbOuter .prevHoriz {
	background-position: -96px 12px;
	position: relative;
	float: left;
	height: 100%;
}

.thumbOuter .nextHoriz {
	background-position: -144px 12px;
	position: relative;
	float: right;
	height: 100%;
/*	margin-top: -85px;*/
}
.thumbOuter .prevVert {
	background-position: 0px 0px;
	height: 48px;
	width:48px;
	margin-left:41px;
}

.thumbOuter .nextVert {
	background-position: -48px 0px;
	height: 48px;
	width:48px;
	margin-left:41px;
}

.thumbWrapper .thumbContainer {
	border:solid 1px white;
}

.thumbWrapper .thumbActive {
	border-color:#000000;
}

.thumbWrapper .thumbContainer:hover {
	border-color:#CCCCCC;
}
.thumbWrapper .thumbActive:hover {
	border-color:#000000;
}

.thumbWrapper img {
	height: 75px;
	max-width: 100px;
	width: expression(this.width > 100 ? 100: true);/*IE Hack*/
}

.thumbWrapper .thumbNav .imageGalleryThumb {
	height: 50px;
}

.thumbWrapper .thumbNotifier {
	background-color: red;
	width: 0px;
	margin-left: 2px;
	height: 5px;
	font-size: 1%;/*IE hack to get around the Empty-Div bug*/
}

.thumbWrapper .thumbLoaded {
	background-color: transparent;	
}

.thumbScroller {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	text-align: center;
}

.thumbHoriz .thumbScroller {
	width: 500px;
	height: 85px;
	float: left;
}

.thumbVert .thumbScroller {
	height: 460px;
	width: 130px;	
}

.thumbWrapper {
	float: left;
}

.thumbVert .thumbWrapper {
	width: 110px;
	height: 10px;
}
.thumbHoriz .thumbWapper {
	height:85px;
	width: 10px;
}

.thumbWrapper.thumbHoriz div {
	float: left;
	padding-right: 2px;
}

.thumbWrapper.thumbVert {
	width: 130px;
}

.thumbWrapper.thumbVert div.thumbContainer {
	padding-top:5px;
	padding-bottom:5px;
	margin:5px;
}

.thumbWrapper .thumbTitle {
	font-size:10px;
	padding:0 5px;
	white-space:normal;
}

/* my.Gallery */

.imageGalleryWrapper {
	padding-bottom: 20px;
	text-align: center;
}