/* Gallery Styles */

#motioncontainer {
top:auto;
background-color:transparent;
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 500px; /* Set to gallery width, in px or percentage */
height: 75px; /* Set to gallery height */
}

#motioncontainer a img {
/*border: 1px solid #cccccc; /* Set image border color */*/
}

#motioncontainer a:hover img {
/*border: 1px solid navy; /* Set image border hover color */*/
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


/* End Gallery Styles */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: 663px;
padding: 5px;
padding-bottom: 0;
background: #8FA7D5;
visibility: hidden;
z-index: 100;
cursor: hand;
cursor: pointer;
opacity:0.92;

}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
width=300px;
font: bold 10px Arial;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
/*text-align: right;*/
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;

}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 0px solid black;
color: #3A59AD;
background-color: transparent;
padding: 5px;
z-index: 101;
}


.motionslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.motionslide {
	cursor: url(../js/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.motionslide img {
	border: 2px solid silver;
}
.motionslide:hover img {
	border-color: gray;
}

.motionslide-active-anchor img, .motionslide-active-anchor:hover img {
	border-color: black;
}
.motionslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.motionslide-wrapper, .rounded-white {
	background: white;
}
.motionslide-image-blur {
}
.motionslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.motionslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.motionslide-dimming {
	position: absolute;
	background: black;
}
.motionslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../js/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.motionslide-credits,
a.motionslide-credits i {
	padding: 2px;
	color: #8FA7D5;
	text-decoration: none;
	font-size: 8px;
}
a.motionslide-credits:hover,
a.motionslide-credits:hover i {
	color: white;
	background-color: #8FA7D5;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.motionslide-controls {
	width: 195px;
	height: 40px;
	background: url(../js/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.motionslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../js/graphics/controlbar-white.gif) right -90px no-repeat;
}
.motionslide-controls li {
	float: left;
	padding: 5px 0;
}
.motionslide-controls a {
	background-image: url(../js/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.motionslide-controls a.disabled {
	cursor: default;
}
.motionslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.motionslide-move a {
	cursor: move;
}

/* The CSS sprites for the controlbar */
.motionslide-controls .motionslide-previous a {
	background-position: 0 0;
}
.motionslide-controls .motionslide-previous a:hover {
	background-position: 0 -30px;
}
.motionslide-controls .motionslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.motionslide-controls .motionslide-play a {
	background-position: -30px 0;
}
.motionslide-controls .motionslide-play a:hover {
	background-position: -30px -30px;
}
.motionslide-controls .motionslide-play a.disabled {
	background-position: -30px -60px !important;
}
.motionslide-controls .motionslide-pause a {
	background-position: -60px 0;
}
.motionslide-controls .motionslide-pause a:hover {
	background-position: -60px -30px;
}
.motionslide-controls .motionslide-next a {
	background-position: -90px 0;
}
.motionslide-controls .motionslide-next a:hover {
	background-position: -90px -30px;
}
.motionslide-controls .motionslide-next a.disabled {
	background-position: -90px -60px !important;
}
.motionslide-controls .motionslide-move a {
	background-position: -120px 0;
}
.motionslide-controls .motionslide-move a:hover {
	background-position: -120px -30px;
}
.motionslide-controls .motionslide-full-expand a {
	background-position: -150px 0;
}
.motionslide-controls .motionslide-full-expand a:hover {
	background-position: -150px -30px;
}
.motionslide-controls .motionslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.motionslide-controls .motionslide-close a {
	background-position: -180px 0;
}
.motionslide-controls .motionslide-close a:hover {
	background-position: -180px -30px;
}

.cocktail-content {
background-color: white;

}

.motionslide-footer {
	height: 11px;
}
.motionslide-footer .motionslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../js/graphics/resize.gif);
	position: relative;
	top: 0.5em;
	left: 0.5em;
}

.motionslide-overlay {
	display: none;
}