/*!
* gallygallery.css
* Autor: Wolfgang Drescher - gally-websolutions.com
* Datum: 2011-10-10
* Version: 2.0
*/

.gallygallery .container {
	background-color: #000;
	font-size: inherit;
}

.gallygallery .loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/loading.gif);
}

.gallygallery .container .header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 5px;
	background-color: #000000;
	background-color: rgba(0,0,0,.8);
}

.gallygallery .container .footer {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px;
	background-color: #000000;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.gallygallery .container .counter {
	float: right;
}

.gallygallery .container .dots .dot {
	width: 10px;
	height: 10px;
	margin: 0 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	box-shadow: 0 0 5px #999;
	background: #cccccc; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #cccccc 0%, #8e8e8e 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cccccc), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #cccccc 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #cccccc 0%,#8e8e8e 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #cccccc 0%,#8e8e8e 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #cccccc 0%,#8e8e8e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#8e8e8e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gallygallery .container .dots div.dot.selected {
	background: #ff8c30; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ff8c30 0%, #bf6724 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff8c30), color-stop(100%,#bf6724)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ff8c30 0%,#bf6724 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ff8c30 0%,#bf6724 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ff8c30 0%,#bf6724 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ff8c30 0%,#bf6724 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c30', endColorstr='#bf6724',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gallygallery .container .dots .dot:hover {
	background: #999999; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #999999 0%, #777777 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#999999), color-stop(100%,#777777)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #999999 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #999999 0%,#777777 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #999999 0%,#777777 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #999999 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gallygallery .container .button {
	float: right;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
/*	margin-left: 5px;*/
	cursor: pointer;
	background-image: url(../images/icons.png);
}

.gallygallery .container .close {
	background-position: 0 0;
}

.gallygallery .container .play {
	background-position: -90px 0;
}

.gallygallery .container .play.playing {
	background-position: -120px 0;
}

.gallygallery .container .next {
	background-position: -60px 0;
}

.gallygallery .container .last {
	background-position: -30px 0;
}

.gallygallery .container .slower {
	background-position: -150px 0;
}

.gallygallery .container .faster {
	background-position: -150px 0;
}