.speedo-theme-snow.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 24px;
	z-index: 100004;
	left: 50%;
	top: 50%;
	color: #333;
}

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

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

.speedo-theme-snow .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-snow .speedo-ui-close:hover
{
	background-color: #D83C3C;
}

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

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

	/* Draw sky */
	margin: -100px 0;
	padding: 0 0 100px 0;
	background: #c9dbe9;
	background: -webkit-linear-gradient(top, #a1bcd1 75%, #fff 100%);
	background: -linear-gradient(top, #c9dbe9 75%, #fff 100%);
	background: -moz-linear-gradient(top, #a1bcd1 75%, #fff 100%);
	background: -ms-linear-gradient(top, #a1bcd1 75%, #fff 100%);
}

/* default animation and transform */
.speedo-theme-snow.speedo-overlay span
{
	display: inline-block;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	-webkit-animation: falling 3s linear 2s 20;
	-webkit-transform-origin: left -20px;
	-webkit-animation-direction:normal;
	/*-webkit-animation-iteration-count: 20;*/
	/*-webkit-animation-delay: 2s;*/
	-webkit-animation-fill-mode: none;
	-webkit-animation-play-state:running;
	/* or */
	-moz-animation: falling 3s linear 2s 20;
	-o-animation: falling 3s linear 2s 20;
	-ms-animation: falling 3s linear 2s 20;
	animation: falling 3s linear 2s 20;
}

/* General Styling of the snowflakes */
.speedo-theme-snow.speedo-overlay span
{
	background-color: #fff;
}

/* playing with timing functions to make it a teeny bit more random like */
.speedo-theme-snow.speedo-overlay span:nth-of-type(5n)
{
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-timing-function:ease-in-out;
	-o-animation-timing-function:ease-in-out;
	-ms-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(5n+1)
{
	-webkit-animation-timing-function:ease-out;
	-moz-animation-timing-function:ease-out;
	-o-animation-timing-function:ease-out;
	-ms-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(5n+2)
{
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	-o-animation-timing-function:ease;
	-ms-animation-timing-function:ease;
	animation-timing-function:ease;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(5n+3)
{
	-webkit-animation-timing-function:ease-in;
	-moz-animation-timing-function:ease-in;
	-o-animation-timing-function:ease-in;
	-ms-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(5n+4)
{
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	animation-timing-function:linear;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(11n)
{
	-webkit-animation-timing-function:cubic-bezier(0.2, 0.3, 0.8, 0.9);
	-moz-animation-timing-function:cubic-bezier(0.2, 0.3, 0.8, 0.9);
	-o-animation-timing-function:cubic-bezier(0.2, 0.3, 0.8, 0.9);
	-ms-animation-timing-function:cubic-bezier(0.2, 0.3, 0.8, 0.9);
	animation-timing-function:cubic-bezier(0.2, 0.3, 0.8, 0.9);
}
	
/* playing with opacity to make it a teeny bit more random like */
.speedo-theme-snow.speedo-overlay span:nth-of-type(7n){opacity: 0.5}
.speedo-theme-snow.speedo-overlay span:nth-of-type(7n+2) {opacity: 0.3}
.speedo-theme-snow.speedo-overlay span:nth-of-type(7n+4) {opacity: 0.7}
.speedo-theme-snow.speedo-overlay span:nth-of-type(7n+6)
{
	opacity: 0.6;
	-webkit-animation-timing-function:ease-in;
	-webkit-transform-origin: left 10px;
	-moz-animation-timing-function:ease-in;
	-moz-transform-origin: left 10px;
	-o-animation-timing-function:ease-in;
	-o-transform-origin: left 10px;
	-ms-animation-timing-function:ease-in;
	-ms-transform-origin: left 10px;
	animation-timing-function:ease-in;
	transform-origin: left 10px;
}
.speedo-theme-snow.speedo-overlay span:nth-of-type(7n+1){opacity: 0.8}

/* different sizes, and default origins based on size */
.speedo-theme-snow.speedo-overlay span:nth-of-type(4n)
{
	height:28px;
	width:28px;
	-webkit-transform-origin: right -30px;
	-moz-transform-origin: right -30px;
	-o-transform-origin: right -30px;
	-ms-transform-origin: right -30px;
	transform-origin: right -30px;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(4n+1)
{
	height:15px;
	width:15px;
	-webkit-transform-origin: left -30px;
	-moz-transform-origin: left -30px;
	-o-transform-origin: left -30px;
	-ms-transform-origin: left -30px;
	transform-origin: left -30px;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(4n+2)
{
	height:10px;
	width:10px;
	-webkit-transform-origin: -30px 0;
	-moz-transform-origin: -30px 0;
	-o-transform-origin: -30px 0;
	-ms-transform-origin: -30px 0;
	transform-origin: -30px 0;
}
	
/* different speeds, with iteration counts to equal 3minutes approx. */
.speedo-theme-snow.speedo-overlay span:nth-of-type(4n)
{
	-webkit-animation-duration: 5.3s; 
	-webkit-animation-iteration-count: 12;
	-webkit-transform-origin: -10px -20px;
	-moz-animation-duration: 5.3s; 
	-moz-animation-iteration-count: 12;
	-moz-transform-origin: -10px -20px;
	-o-animation-duration: 5.3s; 
	-o-animation-iteration-count: 12;
	-o-transform-origin: -10px -20px;
	-ms-animation-duration: 5.3s; 
	-ms-animation-iteration-count: 12;
	-ms-transform-origin: -10px -20px;
	animation-duration: 5.3s; 
	animation-iteration-count: 12;
	transform-origin: -10px -20px;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(4n+1)
{
	-webkit-animation-duration: 3.1s; 
	-webkit-animation-iteration-count: 20;
	-webkit-transform-origin: 10px -20px;
	-moz-animation-duration: 3.1s; 
	-moz-animation-iteration-count: 20;
	-moz-transform-origin: 10px -20px;
	-o-animation-duration: 3.1s; 
	-o-animation-iteration-count: 20;
	-o-transform-origin: 10px -20px;
	-ms-animation-duration: 3.1s; 
	-ms-animation-iteration-count: 20;
	-ms-transform-origin: 10px -20px;
	animation-duration: 3.1s; 
	animation-iteration-count: 20;
	transform-origin: 10px -20px;
}
.speedo-theme-snow.speedo-overlay span:nth-of-type(4n+2)
{
	-webkit-animation-duration: 1.7s;
	-webkit-animation-iteration-count: 35;
	-webkit-transform-origin: right -20px;
	-moz-animation-duration: 1.7s;
	-moz-animation-iteration-count: 35;
	-moz-transform-origin: right -20px;
	-o-animation-duration: 1.7s;
	-o-animation-iteration-count: 35;
	-o-transform-origin: right -20px;
	-ms-animation-duration: 1.7s;
	-ms-animation-iteration-count: 35;
	-ms-transform-origin: right -20px;
	animation-duration: 1.7s;
	animation-iteration-count: 35;
	transform-origin: right -20px;
}

/* different delays so they don't all start at the same time */
.speedo-theme-snow.speedo-overlay span:nth-of-type(3n)
{
	-webkit-animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
	-o-animation-delay: 2.3s;
	-ms-animation-delay: 2.3s;
	animation-delay: 2.3s;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(3n+1)
{
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.speedo-theme-snow.speedo-overlay span:nth-of-type(3n+2)
{
	-webkit-animation-delay: 3.4s;
	-moz-animation-delay: 3.4s;
	-o-animation-delay: 3.4s;
	-ms-animation-delay: 3.4s;
	animation-delay: 3.4s;
}

/* Keyframes */
@-webkit-keyframes falling
{
	0% { -webkit-transform: translate3d(0,0,0) rotate(0deg) scale(0.9,0.9); }
	100% { -webkit-transform: translate3d(30px,1000px,0) rotate(360deg) scale(1.1,1.1);}	
}
		
@-moz-keyframes falling
{
	0% { -moz-transform: translate3d(0,0,0) rotate(0deg) scale(0.9,0.9); }
	100% { -moz-transform: translate(30px,1000px) rotate(360deg) scale(1.1,1.1); }	
}

@-o-keyframes falling
{
	0% { -o-transform: translate3d(0,0,0) rotate(0deg) scale(0.9,0.9); }
	100% { -o-transform: translate(30px,1000px) rotate(360deg) scale(1.1,1.1); }	
}

@-ms-keyframes falling
{
	0% { -ms-transform: translate3d(0,0,0) rotate(0deg) scale(0.9,0.9); }
	100% { -ms-transform: translate(30px,1000px) rotate(360deg) scale(1.1,1.1); }	
}

@keyframes falling
{
	0% { transform: translate3d(0,0,0) rotate(0deg) scale(0.9,0.9); }
	100% { transform: translate(30px,1000px) rotate(360deg) scale(1.1,1.1); }	
}