body {
    overflow: hidden;
    background-color: transparent;
}

html {
	background-color: transparent;
	background: url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/images/loading_light.gif) center no-repeat, transparent url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/images/loadingbkgd.png) center no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
}

html.loaded {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

a {
	color: white;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	text-decoration: none;
}

#widget h1, #widget h2, #widget h3{
font-size:1.2em;
}

#widget {
	color: white;
	font: 14px Helvetica, Arial, sans-serif;
	margin: auto;
	width: 300px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	-o-transition: opacity 0.3s ease-in-out; 
	transition: opacity 0.3s ease-in-out; 
}

#widget.show {
	opacity: 1;
}

#widget p {
	margin: 0px;
	padding: 0px;
	line-height:20px;
}

#packshot {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 10;
}

#packshot img{
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);
	overflow: hidden;
}

#play {
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	top: 50%;
	left: 50%;
	text-indent: -5000px;
	margin-left: -35px;
	margin-top: -35px;
	background: url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/css/images/action.png) -1px -3px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.7), 0px 0px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.7), 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}

#play:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.7), 0px 0px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.7), 0px 0px 10px rgba(0,0,0,0.6);
}

#play a span{
display:none;
}

.sm2_link span{
display:none;
color:#fff;
}

.ui360 a {
	display: none;
}

#about {
	position: absolute;
	top: 0px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	width: 100%;
	z-index:100;
}

#about p {
	text-align: center;
	margin: 10px;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	height: auto;
	line-height: 16px;
	border-radius: 5px;
}

#share {
	text-align: center;
	margin: 10px;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	height: auto;
	line-height: 16px;
	border-radius: 5px;
}

#progress {
	position: absolute;
	bottom: 0px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	width: 100%;
	z-index:100;
}

#progress_container {
	text-align: center;
	margin: 10px;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	border-radius: 5px;
	display: block;
	position: relative;
	overflow: hidden;
	height: 20px;
}

#progress{
 display:none;
 }

#description {
	position: absolute;
	bottom: 0px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	width: 100%;
	z-index:100;
}

#description p{
	text-align: center;
	margin: 10px;
	background: rgba(0,0,0,0.5);
	padding: 5px;
	border-radius: 5px;
	display: block;
	position: relative;
	overflow: hidden;
	height: 20px;
	font-size: 12px;
}

#landscape_content {
	display: none;
}

.landscape #landscape_content {
	display: block;
}

/*#progress_load {
	width: 75%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(255,255,255,0.4);
	border-radius: 5px;
}

#progress_play {
	width: 20%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
}*/

#progress_time {
	position: absolute;
	right: 20px;
	top: 12px;
	text-shadow: 0px -1px 1px black;
}

#widget:hover #about, #widget:hover #progress, #widget:hover #description{
	opacity: 1;
}

#content_footer {
	background: rgba(0,0,0,0.8);
	overflow: hidden;
	padding: 10px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,0.4);
	-moz-box-shadow: 0px 0px 2px rgba(255,255,255,0.4);
	position: relative;
	z-index: 1;
}

.footer_region {
	border-top: 1px solid rgba(255,255,255,0.2);
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	position: relative;
}

.nodownload .footer_region, .footer_region.last, #signup {
	border-top: none;
	margin-top: 0px;
	padding-top: 0px;
}

input {
	-webkit-appearance:none;
}

.footer_region input[type="text"], .footer_region input[type="email"], #security input[type="password"] {
	background: rgba(0,0,0,0.5);
	color: white;
	border: 1px solid rgba(0,0,0,0.8);
	padding: 3px;
	border-radius: 4px;
	width: 100px;
	font: 10px Helvetica, Arial, sans-serif;
	margin: 0px;
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,0.3);
	-webkit-transition: 0.2s ease-in-out;
}.footer_region input[type="text"]:focus, .footer_region input[type="email"]:focus {
	background: white;
	color: black;
}

.footer_region input[type="submit"], #security input[type="submit"] {
	background: rgba(0,0,0,0.7);
	color: white;
	border: 1px solid rgba(0,0,0,0.8);
	padding: 2px 3px;
	border-radius: 4px;
	font: 12px Helvetica, Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,0.3);
}

.button, .sharebutton, .buybutton, .infobutton {
	background: rgba(0,0,0,0.7);
	color: white;
	border: 1px solid rgba(0,0,0,0.8);
	padding: 3px 5px;
	border-radius: 4px;
	font: 12px Helvetica, Arial, sans-serif;
	margin-top: 0px;
	display: inline-block;
	margin-bottom: 5px;
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,0.3);
	
}.button:hover, .sharebutton:hover , .buybutton:hover , .infobutton:hover {
	color: black;
	background: white;
	border: 1px solid white;
}

.infobutton {
	margin-right: 5px;
}

#download_link {
	margin: 0;
	padding: 0;
	margin-bottom: -6px !important;
}

.landscape #download_link {
	margin-top: 5px;
	margin-bottom: -5px !important;
}

.footer_region iframe {
	position: absolute;
	top: 11px;
	right: 0px;
}

.nodownload .footer_region iframe {
	top: 1px;
	right: 0px;
}

#moreinfo {
	text-align: left;
	padding-right: 100px;
	margin-bottom: -5px;
}

/* 360 Player Positioning */

#player{
display:inline;
position:absolute;
top:50%;
left:50%;
margin:0 0 0 0;
padding:0;
margin:-125px 0 0 -120px;
}


/* -- Track Timing Positioning --*/
.sm2-timing{
background: rgba(0,0,0,0.8);
width:45px!important;
height:45px!important;
margin:103px 0 0 103px!important;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
color:#fff!important;
line-height:3.3em!important;
font-size: 14px !important;
}

.sm2-360btn {
opacity:1;
}

#sm2-container {
	width: 0;
	height: 0;
	overflow: hidden;
	top: -10000px !important;
}


/*-- large --*/
@media screen and (max-height: 365px) {
    #moreinfo{
    	display: none;
    }
    
   #progress{
    display:inline;
    }
    .nodownload #content_footer {
    	display: none;
    }
    
    #description {
    	display: none;
    }
}

/*-- mid --*/
@media screen and (max-width: 300px) {
    #widget {
		font: 11px Helvetica, Arial, sans-serif;
	}
	
	.ui360-vis, .ui360-vis .sm2-360ui, .sm2-inline-list .ui360-vis {
 	/* size of the container for the circle, etc. */
 	width:250px;
 	height:250px;
	}

}

@media screen and (max-width: 250px) {

	.ui360-vis, .ui360-vis .sm2-360ui, .sm2-inline-list .ui360-vis {
 	/* size of the container for the circle, etc. */
 	width:200px;
 	height:200px;
	}
	
	 #player{
	margin:-100px 0 0 -95px;
    }
    
    .ui360-vis .sm2-timing {
     margin:145px 0 0 0;
     font:bold 20px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	 xwidth:60px!important;
	 xheight:60px!important;
	 margin:7px 0 0 70px!important;
     color:#fff!important;
	 xline-height:2.9em!important;
	 }
	
    #share h2{
	display:none;
	}
	
	#share h3{
	margin:0 0 5px 0;
	}
	
}

/*-- small --*/
@media screen and (max-height: 230px) {
    #content_footer {
    	display: none;
    }
    
    .ui360-vis, .ui360-vis .sm2-360ui, .sm2-inline-list .ui360-vis {
 	/* size of the container for the circle, etc. */
 	width:120px;
 	height:120px;
	}
    
    #player{
	margin:-60px 0 0 -50px;
    }
	
	.ui360-vis .sm2-timing {
     margin:45px 0 0 0;
     font:bold 14px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
     xwidth:40px!important;
	 xheight:40px!important;
	 margin:38px 0 0 38px!important;
     color:#fff!important;
	 xline-height:2.8em!important;
	}

}

/* -- landscape --*/

#widget.landscape{
	/*position:absolute;
	left:5px;
	top:5px;*/
	font: 11px Helvetica, Arial, sans-serif;
	margin:auto 0;
	margin-left: 160px;
}

.landscape #content_footer{
	display: block;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	/*width:220px;*/
	xwidth:54%;
	width: 100%;
	xmin-height:140px;
	height:auto;
	/*height:140px;*/
	position:absolute;
	top:8px;
	margin:0;
	min-width: 240px;
	height: 80px;
	xpadding-top: 70px;
	height: 140px;
}

.landscape #packshot{
	width:160px; !important;
	position: absolute;
	top: 8px;
	left: 8px;
}

.landscape #player{
	margin:-60px 0 0 -50px;
}

.landscape  .ui360-vis, .landscape .ui360-vis .sm2-360ui, .landscape .sm2-inline-list .ui360-vis {
	width:120px;
	height:120px;
	padding:0 !important;
	margin:0 0 0 -5px !important;
	position: absolute;
}

.landscape  .ui360-vis {
	overflow: hidden;
}

.landscape .ui360-vis .sm2-timing {
	
	xwidth:50px!important;
	xheight:50px!important;
	margin:38px 0 0 38px!important;
	xline-height:2.3em!important;
}
 
.landscape #about{
	opacity:0 !important;
}

.landscape #landscape_content{
	font-size: 16px;
	font-weight: normal;
}

.landscape #progress{
	display:none!important;
}

.landscape #moreinfo{
	display:block!important;
	/*margin:0 0 0 10%;*/
	/*width:100%;*/
}

.landscape #buy a img {
	width: 100px;
}

.landscape #share {
	text-align: left;
	position: relative;
}

.landscape #share h2, .landscape #share h3, .landscape #share select {
	width: 50%;
} 

.landscape #share h3 {
	display: none;
}

.landscape .size {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 45%;
}	

.landscape #signup {
	border-top: 1px solid rgba(255,255,255,0.2);
	overflow: hidden;
	padding-top: 6px;
	margin-top: 10px;
}

.landscape #subscribeform{
	margin:0px 0 0 0px;
	text-align:left!important;
}

.landscape #subscribefield{
	margin:5px 0 0 0;  
}

.landscape #buywrapper{
	width: 200%;
}

.landscape #landscape_content h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 9px;
}

.landscape #landscape_content p {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.nodownload.landscape #landscape_content h2 {
	margin-bottom: 10px;
	margin-top: 23px;
}

.nodownload.landscape #moreinfo {
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 13px;
	margin-top: 10px;
}

.nodownload.landscape iframe {
	top: 13px;
}

/* Overlay Panels */

#sharewrapper, #buywrapper{
background:rgba(0, 0, 0, 0.8);
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
z-index:101;
}

#share, #buy{
padding:10px;
opacity:1;
height:75%;
}

#buy a img{
width:50%;
height:auto;
float:right;
margin:0 0 10px  10px;
}

#buy p a{
padding: 2px 5px;
border-radius: 5px;
background:#333;
margin:0px 3px 3px 0px;
display: inline-block;
}

#buy p a:hover{
color:#333;
background:#ccc;
}

#buy .showcase{
background:#000;
padding:10px;
border-radius: 5px;
overflow: hidden;
}

/* -- Share Panel --*/

#share textarea{
width:90%;
background:#222;
color:#fff;
padding:10px;
border:none;
height:60px;
margin:10px 0 0 0;
font:bold 12px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
opacity:1;
font-size:0.8em;
}

#share select{
opacity:1;
width:90%;
}

#share .facebook, #share .twitter{
padding:5px;
background:#000;
border-radius: 5px;
}

#share .facebook:hover, #share .twitter:hover{
background:#fff;
color:#111;
}

#share .facebook{
position:absolute;
bottom:10px;
left:10px;
}

#share .twitter{
position:absolute;
bottom:10px;
right:10px;
}

.close{
position:absolute;
top:-5px;
left:-5px;
text-indent:-5000em;
background:url('https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/images/close.png') 0px 0px no-repeat;
display:block;
height:18px;
width:18px;
}

.close:hover{
/*background:url('https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/images/close.png') -20px 0px no-repeat;*/
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform:rotate(90deg); 
}

#widgetlink {
	margin-top: 10px;
}

#widgetlink input{
background:#222;
color:#fff;
padding:5px;
border:none;
margin:10px 0 0 0;
font:bold 12px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
opacity:1;
font-size:0.8em;
}

.landscape #widgetlink {
	text-align: center;
	position: absolute;
	bottom: 13px;
	width: 100%;
}

/* simple version, hide lots of things */

.simple #packshot_image {
	opacity: 0 !important;
}

.simple #widget:hover #about, .simple #widget:hover #progress, .simple #widget:hover #description{
	display: none !important;
}

.simple .sm2-canvas {
	display: none;
}

/* affiliate logo */

.affiliate_link {
	float: right;
	margin: 0px;
	margin-left: 10px;
}

#albumplayer .affiliate_link {
	display: none;
}

.landscape #albumplayer h3 {
	padding-right: 0px;
}

.landscape #albumplayer .affiliate_link {
	display: inline;
}

#description .affiliate_link {
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 0px;
}

#description .affiliate_link img{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* security */

#security {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	text-align: center;
	color: white;
	font: 14px Helvetica, Arial, sans-serif;
	margin: auto;
	border-radius: 4px;
	overflow: hidden;
}

#security h3{
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background: url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/images/lock.png) top center no-repeat;
	padding-top: 85px;
	margin-top: 10px;
}

#security div {
	padding: 10px;
	padding-top: 10px;
}

@media screen and (max-height: 160px) {
	#security h3{
		background: none;
		padding-top: 0px;
		font-size: 14px;
	}
}

/* youtube version */

#youtube_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
	overflow: hidden;
	opacity: 0.1;
}

#youtubeplayer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.01;
	opacity: 0.1;
	z-index: 5;
	min-width: 200px;
	min-height: 200px;
}

#YTplay {
	width: 28px;
	height: 28px;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -24px;
	margin-top: -24px;
	background: url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/css/360-button-vis-play.png) no-repeat;
	padding: 10px;
	text-indent: -5000em;
	font-size: 14px !important;
}#packshot:hover #YTplay {
	background: url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/css/360-button-vis-play-light.png) no-repeat;
}

#YTplay.playing {
	background: black;
	background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(25,25,25,1) 100%);
	border-radius: 24px;
	text-indent: 0em;
	padding-top: 23px;
	padding-bottom: 0px;
	height: 22px;
	width: 26px;
	padding-left: 8px;
	margin-left: -22px;
	margin-top: -22px;
}

#packshot:hover #YTplay.playing {
	background: url(https://waybackassets.bk21.net/20121024031211im_/http://widgets.4ad.com/css/360-button-vis-pause-light.png) no-repeat;
	width: 28px;
	height: 28px;
	margin-left: -24px;
	margin-top: -24px;
	text-indent: -5000em;
}
/*
     FILE ARCHIVED ON 03:12:11 Oct 24, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:40:06 Aug 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.736
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.019
  esindex: 0.014
  cdx.remote: 23.845
  LoadShardBlock: 66.262 (3)
  PetaboxLoader3.datanode: 80.322 (4)
  load_resource: 231.886
  PetaboxLoader3.resolve: 181.264
*/