/* 
    Document   : slideshow.css
    Created on : 11-May-2010, 17:29:29
    Author     : kevin.hamilton
    Description:
        Purpose of the stylesheet follows.
*/


/* Styles for Gallery/Slideshow */

#imageContainer {
	position:		        relative;
	width:			        500px;
	margin: 		        0 auto;
	margin-bottom: 	        10px;
	text-align: 	        center;
}
#currentImage {
    border:                 1px solid #e2e2e2;
	height:			        400px;
}
#imageContainer #loading {
	position:		        absolute;
	width:			        55px;
	height:			        55px;
	padding:                8px 10px 10px 7px;
	margin-top:		        -33px;
	margin-left:	        -33px;
    top:			        100px;
	left:			        50%;
	z-index:		        200;
    background-color:		transparent;
	background-image:       url(/main/includes/portfolio/ajax-loader.gif);
	background-repeat:      no-repeat;
	background-position:    50%;
}
* html #imageContainer #loading {
    padding:                0px 10px 10px 1px;
/*	background-image:       none;
    filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/main/includes/portfolio/ajax-loader-bg.png", sizingMethod="image");
*/}
#imageDescription {
	width:		            378px;
	margin: 	            0 auto;
	padding: 	            10px 50px;
	text-align:             center;
	color:		            #000000;
	font-weight:            bold;
	font-size:	            14px;
	font-family:            'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#galThumbsOuter {
	position:		        relative;
	margin: 		        0 auto;
	width:			        498px;
}
#galThumbs {
	position:		        relative;
	overflow: 		        hidden;
	margin:			        0 25px;
	height:			        80px;
	padding: 		        0;
}
#galThumbsInner {
	position:		        absolute;
	top:			        0;
	left:			        -3px;
	width:			        5000px;
}
.thumb, .thumb-selected {
	margin: 		        4px 4px;
	vertical-align:	        middle;
	height:			        65px;
	cursor:			        pointer;
	border: 		        1px solid #e2e2e2;
	padding: 		        2px;
}
.thumb-selected {
	padding:                0;
	border:			        3px solid #8D3550;
}

#scrollRightButton {
	position:		        absolute;
	right:			        0px;
	top:			        14px;
	cursor:			        pointer;
}
#scrollLeftButton {
	position:		        absolute;
	left:			        0px;
	top:			        14px;
	cursor:			        pointer;
}
#showHeader {
	width:			        500px;
	margin:			        0 auto;
}
#showHeader h2 {
	padding-top:	        8px;
	margin:			        0 0 0 4px;
	font-weight:	        bold;
	font-size:		        14px;
	font-family:	        Verdana, Arial, Helvetica, sans-serif;
	color:			        #000000;
}
#showControls {

	float:			        right;
	text-align:		        right;
	padding:		        0;
}
#showControls img {
	cursor:			        pointer;
	margin:			        3px;
}