.speedo-theme-clouds.speedo-container
{
	background: #F1F1F1 none repeat-x scroll 0 0;
	background-clip: padding-box;
	border: 1px solid #E5E5E5;
	outline: 0;
	position: fixed;
	padding: 35px 24px 30px;
	z-index: 100004;
	left: 50%;
	top: 50%;
	color: #333;
}

.speedo-theme-clouds .speedo-popup-caption
{
	position: absolute;
	left: 10px;
	top: 4px;
	padding: 0;
	/*margin: -1.8em 0 0;*/
	margin: 0;
	color: #333;
}

.speedo-theme-clouds .speedo-popup-drag-area
{
	cursor: move;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	z-index: 100;
}

.speedo-theme-clouds .speedo-ui-close
{
	position: absolute;
	background: #E54040 url('images/close-btn.png') no-repeat center center;
	right: 0px;
	top: 0px;
	/*width: 46px;
	height: 46px;*/
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1000;
	
	transition: background-color 1s;
	-moz-transition: background-color 1s;
	-webkit-transition: background-color 1s;
}

.speedo-theme-clouds .speedo-ui-close:hover
{
	background-color: #D83C3C;
}

.speedo-theme-clouds .speedo-content-holder
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.speedo-theme-clouds.speedo-overlay
{
	background-color: #fff;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
    z-index: 10000;
	height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;

	padding: 100px 0;
	background: #c9dbe9;
	background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -ms-linear-gradient(top, #c9dbe9 0%, #fff 100%);
}

/* Clouds animation */

.speedo-theme-clouds.speedo-overlay .cloud
{
	width: 200px; height: 60px;
	background: #fff;
	
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	
	position: relative; 
}

.speedo-theme-clouds.speedo-overlay .cloud:before,
.speedo-theme-clouds.speedo-overlay .cloud:after
{
	content: '';
	position: absolute; 
	background: #fff;
	width: 100px; height: 80px;
	position: absolute; top: -15px; left: 10px;
	
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.speedo-theme-clouds.speedo-overlay .cloud:after
{
	width: 120px; height: 120px;
	top: -55px; left: auto; right: 15px;
}

/* Time to animate */
.speedo-theme-clouds.speedo-overlay .x1
{
	-webkit-animation: moveclouds 15s linear infinite;
	-moz-animation: moveclouds 15s linear infinite;
	-o-animation: moveclouds 15s linear infinite;
	-ms-animation: moveclouds 15s linear infinite;
	animation: moveclouds 15s linear infinite;
}

.speedo-theme-clouds.speedo-overlay .x2
{
	left: 200px;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; 
	
	-webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite;
	-o-animation: moveclouds 25s linear infinite;
	-ms-animation: moveclouds 25s linear infinite;
	animation: moveclouds 25s linear infinite;
}

.speedo-theme-clouds.speedo-overlay .x3
{
	left: -250px; top: -200px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
	-ms-animation: moveclouds 20s linear infinite;
	animation: moveclouds 20s linear infinite;
}

.speedo-theme-clouds.speedo-overlay .x4
{
	left: 470px; top: -250px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 18s linear infinite;
	-moz-animation: moveclouds 18s linear infinite;
	-o-animation: moveclouds 18s linear infinite;
	-ms-animation: moveclouds 18s linear infinite;
	animation: moveclouds 18s linear infinite;
}

.speedo-theme-clouds.speedo-overlay .x5
{
	left: -150px; top: -150px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite;
	-ms-animation: moveclouds 20s linear infinite;
	animation: moveclouds 20s linear infinite;
}

@-webkit-keyframes moveclouds
{
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds
{
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds
{
	0% {margin-left: 1000px; background: red;}
	100% {margin-left: -1000px; background: orange;}
}
@-ms-keyframes moveclouds
{
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}

@keyframes moveclouds
{
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}