/*** spyder ***/

#spyder #main-window { width: 980px; height: 725px; margin: -20px -50px; position: relative; -webkit-user-select: none; -moz-user-select: none; }
#spyder #grid-view {
	width: 689px;
	height: 337px;
	position: absolute;
	top: 111px;
	left: 251px;
	background: url(gfx/spyder-grid-view689x337.png) no-repeat;
	opacity: 0;
}
#spyder #grid-button {
	width: 53px; height: 22px; position: absolute; top: 84px; left: 721px; cursor: pointer; z-index: 3;
}
#spyder #grid-button-background {
	width: 53px; height: 22px; position: absolute; top: 84px; left: 721px; background: url(gfx/spyder-grid-down53x22.png) no-repeat; opacity: 0;
}
#spyder #details-view {
	width: 674px;
	height: 128px;
	position: absolute;
	top: 510px;
	left: 251px;
	background: url(gfx/spyder-details-view674x128.png) no-repeat;
	opacity: 0;
}
#spyder #details-button {
	width: 131px; height: 18px; position: absolute; top: 454px; left: 529px; cursor: pointer; z-index: 3;
}
#spyder #details-button-background {
	width: 131px; height: 18px; position: absolute; top: 454px; left: 529px; background: url(gfx/spyder-details-down131x18.png) no-repeat; opacity: 0;
}
#spyder #search-window {
	width: 640px;
	height: 572px;
	position: absolute;
	top: 76px;
	left: 170px;
	background: url(gfx/spyder-search640x572.png) no-repeat 0 -572px;
	
	-webkit-transition-property: background-position; -moz-transition-property: background-position; -ms-transition-property: background-position; transition-property: background-position;
	-webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms; transition-duration: 350ms;
}
#spyder #photo-upload-window {
	width: 494px;
	height: 431px;
	position: absolute;
	top: 76px;
	left: 243px;
	background: url(gfx/spyder-upload-photo494x431.png) no-repeat 0 -431px;
	
	-webkit-transition-property: background-position; -moz-transition-property: background-position; -ms-transition-property: background-position; transition-property: background-position;
	-webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms; transition-duration: 350ms;
}
#spyder #bulletin-window {
	width: 494px;
	height: 388px;
	position: absolute;
	top: 76px;
	left: 243px;
	background: url(gfx/spyder-bulletin494x388.png) no-repeat 0 -388px;
	
	-webkit-transition-property: background-position; -moz-transition-property: background-position; -ms-transition-property: background-position; transition-property: background-position;
	-webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms; transition-duration: 350ms;
}
#spyder #status-update-window {
	width: 494px;
	height: 405px;
	position: absolute;
	top: 76px;
	left: 243px;
	background: url(gfx/spyder-status-update494x405.png) no-repeat 0 -405px;
	
	-webkit-transition-property: background-position; -moz-transition-property: background-position; -ms-transition-property: background-position; transition-property: background-position;
	-webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms; transition-duration: 350ms;
}
#spyder #smart-folder-window {
	width: 526px;
	height: 176px;
	position: absolute;
	top: 76px;
	left: 227px;
	background: url(gfx/spyder-smart-folder526x176.png) no-repeat 0 -176px;
	
	-webkit-transition-property: background-position; -moz-transition-property: background-position; -ms-transition-property: background-position; transition-property: background-position;
	-webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms; transition-duration: 350ms;
}
#spyder #song-plays-increaser-window {
	width: 594px;
	height: 652px;
	position: absolute;
	top: 0;
	left: 210px;
	background: url(gfx/spyder-song-plays-window594x652.png) no-repeat 0 0;
	opacity: 0;
	
	-webkit-transition-property: opacity; -moz-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;
	-webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -ms-transition-duration: 350ms; transition-duration: 350ms;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
#spyder #song-plays-increaser-button { margin-right: 0; text-align: right; }
#spyder #song-plays-increaser-button a.button { width: auto; padding: 0 12px; }

#spyder #main-window .visible { background-position: 0 0; opacity: 1.0; }

#spyder .cbutton { position: absolute; }
#spyder .cpulse {
	cursor: pointer;
	border-width: 11px;
	-webkit-border-image: url(gfx/blue-border42.png) 11 11 11 11 stretch stretch; -moz-border-image: url(gfx/blue-border42.png) 11 11 11 11 stretch stretch; -ms-border-image: url(gfx/blue-border42.png) 11 11 11 11 stretch stretch; border-image: url(gfx/blue-border42.png) 11 11 11 11 stretch stretch;
	opacity: 1.0;
	z-index: 1;
	
	-webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse;
	-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-animation-direction: alternate; -moz-animation-direction: alternate; -ms-animation-direction: alternate; animation-direction: alternate;
	-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s;
}

#spyder #grid-button-pulse { width: 53px; height: 22px; top: 73px; left: 710px; -webkit-animation-delay: 0; }
#spyder #details-button-pulse { width: 131px; height: 18px; top: 443px; left: 518px; -webkit-animation-delay: 0; }
#spyder #search-button { width: 32px; height: 22px; top: 38px; left: 37px; -webkit-animation-delay: 0; }
#spyder #bulletin-button {width: 28px; height: 22px; top: 38px; left: 137px; -webkit-animation-delay: 0; }
#spyder #photo-upload-button { width: 28px; height: 22px; top: 38px; left: 173px; -webkit-animation-delay: 0; }
#spyder #status-update-button { width: 28px; height: 22px; top: 38px; left: 209px; -webkit-animation-delay: 0; }
#spyder #smart-folder-button { width: 28px; height: 18px; top: 634px; left: 46px; -webkit-animation-delay: 0; }

#spyder-gallery .hero.gallery .gallery-view .hero-gallery-overview h1 img { margin: auto 0 auto 50px; }
#spyder-gallery .hero.gallery .gallery-view .hero-gallery-overview h1.headline { margin: 40px 0 auto 80px; }

#spyder-gallery .hero.gallery .gallery-view .hero-gallery-everyday h1 img { margin: auto 0 auto 50px; }
#spyder-gallery .hero.gallery .gallery-view .hero-gallery-everyday h1.headline { margin: 40px 0 auto 80px; }

#spyder-gallery .hero.gallery .gallery-view .hero-gallery-details h1 img { margin: auto 0 auto 50px; }
#spyder-gallery .hero.gallery .gallery-view .hero-gallery-details h1.headline { margin: 40px 0 auto 80px; }

#spyder-gallery .hero.gallery .gallery-view .hero-gallery-powerful h1 img { margin: auto 0 auto 50px; }
#spyder-gallery .hero.gallery .gallery-view .hero-gallery-powerful h1.headline { margin: 40px 0 auto 80px; }

#spyder-gallery .hero.gallery .gallery-view .hero-gallery-activity h1 img { margin: auto 0 auto 50px; }
#spyder-gallery .hero.gallery .gallery-view .hero-gallery-activity h1.headline { margin: 40px 0 auto 80px; }