.speedo-theme-winter.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-winter .speedo-popup-caption
{
	position: absolute;
	left: 10px;
	top: 4px;
	padding: 0;
	/*margin: -1.8em 0 0;*/
	margin: 0;
	color: #333;
}

.speedo-theme-winter .speedo-popup-drag-area
{
	cursor: move;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	z-index: 100;
}

.speedo-theme-winter .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-winter .speedo-ui-close:hover
{
	background-color: #D83C3C;
}

.speedo-theme-winter .speedo-content-holder
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.speedo-theme-winter.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-winter.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-winter.speedo-overlay span
{
	background-image:
			-webkit-gradient(linear, 0% 0%, 100% 0, color-stop(0.4, rgba(255,255,255,0)), color-stop(0.42, #fff), color-stop(0.58, #fff), 
			color-stop(0.6, rgba(255,255,255,0))),
			-webkit-gradient(linear, 0% 0%, 0 100%, color-stop(0.4, rgba(255,255,255,0)), color-stop(0.42, #fff), color-stop(0.58, #fff), 
			color-stop(0.6, rgba(255,255,255,0))),
			-webkit-gradient(linear, 0% 100%, 100% 0, color-stop(0.4, rgba(255,255,255,0)), color-stop(0.42, #fff), color-stop(0.58, #fff), 
			color-stop(0.6, rgba(255,255,255,0))),
			-webkit-gradient(linear, 0% 50%, 50% 100%, color-stop(0.35, rgba(255,255,255,0)), color-stop(0.38, #fff), color-stop(0.63, #fff), 
			color-stop(0.65, rgba(255,255,255,0)));
				
	background-image:
			-webkit-linear-gradient(180deg, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			-webkit-linear-gradient(90deg,  rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			-webkit-linear-gradient(45deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%),
			-webkit-linear-gradient(135deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%);
		
	background-image:
			-moz-linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%),
			-moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%),
			-moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%),
			-moz-linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
				
	background-image:
			-ms-linear-gradient(180deg, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			-ms-linear-gradient(90deg,  rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			-ms-linear-gradient(45deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%),
			-ms-linear-gradient(135deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%);
				
	background-image:
			-o-linear-gradient(180deg, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			-o-linear-gradient(90deg,  rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			-o-linear-gradient(45deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%),
			-o-linear-gradient(135deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%);
				
	background-image:
			linear-gradient(180deg, rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			linear-gradient(90deg,  rgba(255,255,255,0) 40%, #fff 40%, #fff 60%, rgba(255,255,255,0) 60%),
			linear-gradient(45deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%),
			linear-gradient(135deg,  rgba(255,255,255,0) 43%, #fff 43%, #fff 57%, rgba(255,255,255,0) 57%);
}

/* playing with timing functions to make it a teeny bit more random like */
.speedo-theme-winter.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-winter.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-winter.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-winter.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-winter.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-winter.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-winter.speedo-overlay span:nth-of-type(7n){opacity: 0.5}
.speedo-theme-winter.speedo-overlay span:nth-of-type(7n+2) {opacity: 0.3}
.speedo-theme-winter.speedo-overlay span:nth-of-type(7n+4) {opacity: 0.7}
.speedo-theme-winter.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-winter.speedo-overlay span:nth-of-type(7n+1){opacity: 0.8}

/* different sizes, and default origins based on size */
.speedo-theme-winter.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-winter.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-winter.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-winter.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-winter.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-winter.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-winter.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-winter.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-winter.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); }	
}