html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

BODY { font: 100%/1.0 sans-serif;color: #000; background-color: #fff }
OL LI, UL LI { list-style: none; }
B, STRONG{ font-weight: bold; }
EM, I { font-style: italic; }
P	{ margin-bottom: .7em; }
header, footer, nav, section, article, aside {
	display:block;
}
	
A, :focus { outline: 0; outline-style: none}
A {
	color: #fff;
	text-decoration:none;
}
A:hover {
	color: #999999;
	text-decoration:underline;
}
#wrap, #footer	{
	font: 11px Arial, sans-serif;
	line-height: 1.2;
	margin: 0 auto;
	width: 1126px;
	color: #ececec
}
body	{
	/* background: red url(../images/noise_repeat.jpg) repeat-y 50%; */
}
#wrap	{
	background: url(../images/noise_repeat.jpg) repeat-y
}
#main	{
	background: url(../images/noise_spotlight.jpg) no-repeat 0 111px;
	min-height: 450px
}
#header	{
	height: 89px;
	background-color: #fff;
	overflow: hidden;
	padding: 22px 0 0 21px
}

#footer {
	background: #fff url(../images/noise_footer.jpg) no-repeat 0 0;
	/* height: 98px; */
/* 	position: absolute */
}


/* page header */
.top-nav	{
	float: right;
	width: 274px;
}
.top-nav ul {
	overflow: hidden;
	margin-bottom: 36px
}
.top-nav li	{
	float: right;
	margin-left: 9px;
	padding-left: 9px;
	border-left: 1px solid #eaeaea;
	line-height: 1
}
.top-nav li:last-child,
#site-navigation li:last-child	{
	border: none
}
.top-nav a	{
	color: #77818e;
	font-size: 10px
}
.language-chooser	{
	clear: right;
	text-align: right;
	position: relative
	
}
.language-chooser a.language,
.language-chooser a.siteShare {
	margin: 0 9px 0 0
}
.language-chooser img	{
	vertical-align:top;
	margin-top: 3px
}
#logo	{
	float: left;
	width: 108px;
	padding: 0 0 0 0;
	margin-top: 2px;
}
#site-navigation	{
	float: left;
	width: 722px;
	padding-top: 50px;
	overflow: hidden;
	/* visibility: hidden; */
}
#site-navigation li	{
	float: left;
	border-right: 1px solid #ced7db;
	margin-right: 11px;
	padding-right: 11px;
	line-height: 1;
	color: #575858;
}
#site-navigation li a	{
	color: #000;
	font-size: 13px;
	font-family: Futura, Arial, sans-serif	
}
#site-navigation li a:hover	{
	text-decoration: none
}
#site-navigation li.current-item a	{
	color: #2972b1;
		
}
/* WELCOME */

#facebookConnectButton {
	display: block;
	width: 185px;
	height: 52px;
	text-indent: -999999px;
	background: url(../images_en/button.png) no-repeat 0 -112px;
	margin: 0 auto 
}

/* START SEARCH */
#spotify	{
	position: relative
}
.loading	{
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/loaderRing.gif) no-repeat 0 0;
	text-indent: -999999px;
	top: 7px;
	left: 307px;
	margin: 0 0 0 0;
	/* float: right; */
	position: absolute
	
}
.tuneBox .buttons span.ajaxloading,
.functions span.ajaxloading	{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/ajax-loader.gif) no-repeat;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
	line-height: normal;
	position: absolute;
	right: 0px;
}

.functions span.waitingforspotify {
	background: url(../images/loaderRing_feedback.gif) no-repeat 0 9px;
	padding: 0 0 0 28px;
	font-size: 11px;
	color: #74b01d;
	position: absolute;
	margin-left: 10px
}

.functions span.waitingforspotify.right {
	background: url(../images/loaderRing_feedback.gif) no-repeat 100% 9px;
	padding: 0 28px 0 0;
	font-size: 11px;
	color: #74b01d;
	position: absolute;
	margin-left: 10px
}

#start {
 margin: 0 auto;
 width: 873px;
 text-align: center;
 margin-top: 90px;
 background: url(../images/spray-SearchStart.png) no-repeat 120px 80px;
 padding-bottom: 40px
}

#start.inactiveSearch {
	background-position: 45px 105px;
}

#start.activeSearch	{
	padding-top: 40px;
	background-position: 45px -30px;
	padding-bottom: 20px;
}
/*
#start.welcome	{
	background-position: 50px 90px;
	padding-bottom: 40px
}
*/
p.welcome	{
	margin-bottom: 35px
}
#welcome-copy	{
	font-size: 15px;
	line-height: 22px;
	color: #8d8d8d;
	padding-top: 25px
}
#start.isSearch	{
	margin-top: 0px;
	padding-bottom: 10px
}
#start h2	{
 font-size: 22px;
 margin-bottom: 14px;
 color: #fff
}
#start h1	{
 font-size: 26px;
 color: #fff;
 margin-bottom: 20px
}

#start .inputContainer {
	width: 339px;
	height: 42px;
	background: url(../images/grafik.png) no-repeat 0 0;
	margin: 0 auto 20px auto;
}

#start input.keyword	{
	width: 276px;
	border: none;
	display: block;
	background: none;
	font-size: 14px;
	position: absolute;
	left: 45px;
	top: 12px;
}
#start form	{
	margin-bottom: 20px
}
/* SEARCH RESULT */
#result-wrapper	{
	background: url(../images/rgba_000_20.png) repeat;
	width: 750px;
	overflow: hidden;
	margin: 0 auto 30px auto
}
.list-header {
	background: url(../images/rgba_000_30.png) repeat;
	color: #9f9f9f;
	height: 23px;
	overflow: hidden;
	font-size: 12px;
	padding-top: 10px
}
#results	{
	overflow: hidden;
	font-size: 12px;
	color: #fff
}
#results a	{
	color: #fff;
	cursor: default
}
#results a:hover	{
	text-decoration: none
}
#results li	{
	clear: left;
	height: 57px;
	overflow: hidden;
	line-height: 57px
}
#results li.odd	{
	background: url(../images/resultlist-even.png);
}
#results li.selected,
#results li.selected.hover	{
	background: url(../images/resultlist-selected.png);
	color: #232323
}
#results li.selected .playIt img,
#results li .playIt a.btn-confess	{
	display: none
}

#results li.hover	{
	background: url(../images/resultlist-hover.png);
	cursor: pointer
}
.artwork, .tune, .artistCol, .playIt	{
	float: left; overflow: hidden
}
.artwork	{
	width: 70px;
	padding: 7px 0 0 16px;
	position: relative
}
#results li.selected .artwork a.cover	{
	 position: absolute;
	 display: block;
	 width: 43px;
	 height: 43px;
	 top: 7px;
	 left: 16px;
	 cursor: pointer;
	 background: url(../images/artwork-play-cover.png) no-repeat;
	 text-indent: -99999px
}
.tune	{
	width: 287px;
	
}
.tune a		{
	display: none
}
#results li.selected .tune a.playME	{
	display: block
}

#results li.selected .tune span	{
	float: left
}
#results li.selected .tune a.playME	{
	display: block;
	float: left;
	cursor: pointer;
	background: url(../images_en/button.png) no-repeat 100% 0;
	width: 23px;
	height: 23px;
	padding: 3px 0;
	text-indent: -99999px;
	margin: 10px 0 0 7px
}
.artistCol	{
	width: 266px;
	
}
.artistCol div {
	float: left; overflow: hidden
	max-width: 247px;
	padding-right: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url("ellipsis.xml#ellipsis");
}
#results li.selected .artistCol	{
	/* width: 145px; */
}

.playIt	{
	width: 91px;
	padding-left: 20px
}
#results li .playIt img	{
	margin-left: 15px
}
#results li.selected .playIt	{
	padding-top: 2px;
	padding-left: 0;
	width: 111px
}

#results li.selected .playIt .btn-confess {
	display: block;
	background: url(../images_en/button.png) no-repeat 0 0;
	width: 97px;
	height: 50px;
	text-indent: -999999px;
	cursor: pointer
}
#results li.selected .playIt .btn-confess:hover {
	background-position: -118px 0;
}

div.fb-hover	{
 	position: absolute;
 	background: url(../images_en/button.png) no-repeat 0 -59px;
 	height: 54px;
 	width: 166px;
 	display: none;
 	font-size: 1px
}
div.fb-hover-active {
	background-position: -118px 0px;
	width: 192px
}

div.waiting-for-facebook {
	position: absolute;
	left: 158px;
	top: 18px;
 	background: url(../images/facebookSpinner.gif) no-repeat 0 0;
 	height: 16px;
 	width: 16px;
 	display: none;
}


/* USER PAGE */
/*
#main.userPage	{
	background: url(../images/noise_3-col.jpg) repeat-y 0 0;
}
*/
#wrap.userPage	{
	background: url(../images/noise_3-col.jpg) repeat-y 0 0;
}
#wrap.confessionPage	{
	background: url(../images/noise_3-col-confessions.jpg) repeat-y 0 0;
}


#wrap.userPage #main,
#wrap.confessionPage #main	{
	background-image: none
}

#content, #sidebar	{
	float: left;
	overflow: hidden;
}
#content	{
	width: 1125px;
	padding-bottom: 0px;
}
#userPage #content #usertunes			{
	overflow: hidden;
	padding-left: 18px;
	padding-bottom: 10px;
	width: 1125px

}
#userPage #content #populartunes			{
	overflow: hidden;
	padding-left: 38px;
	width: 776px;
	float: left

}
#userPage #content #sidebar	{
	width: 311px
}

#userPage #content header	{
	height: 50px;
	line-height: 40px;
	margin-bottom: 11px;
	padding: 10px 0 0 21px;
	color: #d8d8d8;
	background: url(../images/noise_3-col-usertop.jpg) no-repeat
}
#userPage #content header h1	{
	font-size: 21px;
	float: left;
	margin-right: 16px;
	color: #fff
	
}
#userPage #content header ul li	{
	float: left;
	padding-right: 12px;
	margin-right: 12px;
	background: url(../images/border-right.gif) no-repeat 100% 14px
}
#userPage #content header ul li:last-child	{
	background-image: none
}
#userPage #content header ul li a	{
	font-size: 15px;
	color: #d8d8d8
}
#userPage #content header ul li.current a	{
	color: #747474
}


#userPage #content header h1 span#countTunes	{
	font-size: 15px;
	color: #747474
}
#userPage #content header div.functions {
	width: 540px;
	float: left;
	position: relative
}
#userPage #content header div.right {
	width: 440px;
	float: right;
	padding-right: 10px;
}
#userPage #content header div.functions a.addplaylist {
	display: block;
	float: left;
	width: 168px;
	height: 23px;
	background: url(../images_en/button.png) no-repeat 0 -322px;
	text-indent: -99999px;
	margin: 9px 10px 0 0;
	position: absolute;
	left: 0px
}
#userPage #content header div.functions a.addplaylist:hover {
	background-position: 100% -322px
}
#userPage #content header div.right a.addplaylist,
#userPage #content header div.right a.confessAnotherSong {
	float: right;
	position: static;
	margin: 6px 10px 0 0;
	left: auto
}

.float-left	{
	float: left;
	padding-right: 15px
}
#sidebar	{
	width: 324px
}
#sidebar ul {
	margin-top: 10px;
	margin-bottom: 20px;
}
#sidebar ul li {
	margin-bottom: 10px
}
#sidebar ul li a{
	font-size: 13px;
	color: #d8d8d8
}
#sidebar ul li.current a {
	color: #747474
}
a.aside-spot {
	display: block;
	width: 262px;
	height: 76px;
	background: url(../images/aside-spot_bkg.png) no-repeat 0 0;
	overflow: hidden;
}
a.aside-spot:hover	{
	background-position: 0 -76px;
}


.tuneBox, .tuneBoxEmpty	{
	height: 141px;
	width: 303px;
	float: left;
	/* overflow: hidden; */
	background: url(../images/Song-bkg.png) no-repeat 0 0;
	margin: 0 34px 3px 0;
	padding: 18px 19px;
	color: #6b6b6b;
	position: relative
}
#populartunes .tuneBox	{
	margin-right: 54px
}
.count	{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/rgba_000_40.png) repeat;
	margin: -15px 0 0 -37px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	color: #fff
}
#usertunes .count {
	display: none
}
.tuneBoxEmpty {
	background: url(../images/rgba_000_15.png) repeat;
	padding: 0 0 0 0;
	width: 341px;
	height: 177px
}
.tuneBoxEmpty a, .confessAnotherSong, .tomypage, .top10	{
	display: block;
	width: 116px;
	height: 23px;
	background: url(../images_en/button.png) no-repeat -160px -281px;
	text-indent: -99999px
}
.tuneBoxEmpty a {
	margin: 71px auto 0
}
.tuneBoxEmpty a:hover,
.confessAnotherSong:hover {
	background-position: -160px -208px
}
.no-confessions	{
	display: block;
	margin: 71px auto 0;
	width: 341px;
	text-align: center
}
.no-confessions strong	{
	font-weight: normal
}
.top10	{
	width: 51px;
	background: url(../images_en/button.png) no-repeat -195px -113px;
}
.top10:hover	{
	background-position: -195px -72px
}
.tomypage	{
	width: 139px;
	background: url(../images_en/button.png) no-repeat -160px -244px;
}
.tomypage:hover	{
	background-position: -210px -465px
}
.tuneBox h2, .tuneBox h3	{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	
}
.tuneBox h3	{
	font-weight: normal;
	margin-bottom: 10px
}
.tuneBox p.buttons	{
	margin: 0;
	padding: 0
}
.tuneBox div.buttons	{
	clear: both;
	padding: 0 0 0 0;
	position: absolute;
	bottom: 16px;
	width: 300px
}
.tuneBox p	{
	margin-bottom: 11px
}
.tuneBox .buttons a,
.tuneBox .buttons span	{
	display: block;
	float: left;
	text-indent: -99999px;
	background: url(../images_en/button.png) no-repeat;
	margin: 0 8px 0 0;
	height: 20px
}
.tuneBox .buttons span.is-added	{
	text-indent: 0;
	color: #6b6b6b;
	background: none;
	height: auto;
	font-size: 10px;
	padding-top: 4px
	/*
position: absolute;
	right: 0;
*/
}

.tuneBox .buttons a.listen	{
	width: 156px;
	background-position: 0 -173px
}
.tuneBox .buttons a.listen:hover	{
	background-position: -161px -173px
}

.tuneBox .buttons a.confess	{
	width: 70px;
	background-position: 0 -212px
}
.tuneBox .buttons a.confess:hover	{
	
	background-position: -62px -432px
}
.tuneBox .buttons span.confessed {
	width: 76px;
	background-position: -77px -212px
}
.tuneBox .buttons a.add	{
	width: 99px;
	background-position: 0 -247px
}
.tuneBox .buttons a.add:hover	{
	background-position: -54px -401px
}
.tuneBox .buttons a.remove	{
	width: 130px;
	background-position: 0 -363px
}
.tuneBox .buttons a.remove:hover	{
	background-position: -139px -435px
}

.tuneBox .buttons a.like	{
	width: 56px;
	background-position: 0 -281px
}
.tuneBox .buttons a.share {
	width: 54px;
	background-position: -68px -281px
}
.tuneBox .buttons a.shareActive,
.tuneBox .buttons a.share:hover {
	background-position: 0px -432px
}
.shareButton {
	display: block;
	float: left;
	text-indent: -99999px;
	background: url(../images_en/button.png) no-repeat 0px -465px;
	height: 23px;
	width: 62px;
	margin-top: 9px;
	position: absolute;
	left: 179px
}
.shareButtonActive,
.shareButton:hover {
	background-position: -73px -465px
}
.shareThis	{
	display: none;
	width: 68px;
	height: 29px;
	background: url(../images/shareThis.png) no-repeat 100% 0;
	position: absolute;
	padding: 15px 0 0 60px;
	line-height: normal;
	text-align: left
}
.shareThis a	{
	display: block;
	float: left;
	background: url(../images/shareButtons.png) no-repeat 0 0;
	width: 13px;
	height: 12px;
	text-indent: -99999px;
	margin-right: 8px
}
.shareThis a:hover	{
	background-position: 0 -20px
}

.shareThis a.to-fb {
	background-position: -21px 0;
}
.shareThis a.to-fb:hover {
	background-position: -21px -20px;
}

.shareThis a.to-twitter	{
	background-position: -42px 0;
	margin-right: 0
}
.shareThis a.to-twitter:hover	{
	background-position: -42px -20px;
}

div.functions .shareThis	{
	left: 192px!important;
}
.albumartwork	{
	float: left;
	padding-right: 16px
}

/* MODEL PAGE */

#main #modelPage	{
 margin-top: 65px;
 padding-top: 0px;
 padding-left: 33px;
 width: 823px;
 height: 315px;
 background: url(../images/noise_performance.jpg) no-repeat 0 0
}
#modelPage #sidebar,
#modelPage #content	{
	float: left;
	overflow: hidden;
}

#modelPage #sidebar	{
	width: 568px;
	height: 315px;
	position: relative;
	
}
.performance-large	{
	position: absolute;
	bottom: 0;
	right: 0
}

#modelPage #content {
	width: 255px;
	color: #fff;
	font-size: 13px;
	padding-top: 34px
}

#modelPage #content h1,
#modelPage #content h3	{
	font-size: 21px;
	line-height: 21px
}

#modelPage #content table td p	{
	margin: 0
}
#modelPage #content table	{
	width: 100%;
	border-top: 3px solid #69686b;
	margin: 12px 0 16px
}
#modelPage #content table td {
	border-bottom: 1px solid #69686b;
	padding: 6px 0 
}
#modelPage #content h2	{
	font-size: 11px
}
#modelPage #content table td.value {
	text-align: right;
	font-size: 12px
}
#modelPage #content #model-form table td.value {
	text-align: left
}
#modelPage #content #model-form table	{
	margin-top: 8px
}
#modelPage #content table td.select	{
	padding: 9px 0
}
#modelPage #content table td.button {
	border-bottom: none;
	padding-top: 11px
}
#modelPage #content table td.button a	{
	width: 49px;
	height: 23px;
	display: block;
	text-indent: -999999px;
	background: url(../images_en/button.png) no-repeat 0 -401px;
}
#modelPage #content table td.button a:hover	{
	background-position: -145px -465px 
}

a.cancel	{
	width: 22px;
	height: 22px;
	display: block;
	float: right;
	text-indent: -999999px;
	background: url(../images_en/button.png) no-repeat 100% -173px;
}
a.cancel:hover {
	background-position: 100% -201px
}
#model-form	{
	display: none
}
#model-form input,
#tellafriend_form input	{
	border: none;
	height: 18px;
	color: #717171;
	font-size: 11px;
	background-color: transparent;
	margin-left: 4px
}
#model-form select	{
	font-size: 11px;
	margin-left: 4px;
	width: 170px
}

a.external-testdrive,
a.external-build	{
	display: block;
	height: 23px;
	width: 126px;
	background: url(../images_en/button.png) no-repeat 100% -112px;
	text-indent: -99999px;
	position: absolute;
	bottom: 29px;
	right: 20px

}
a.external-testdrive:hover	{
	background-position: 100% -563px
}
a.external-clicked  {
	background-position: 100% -143px
}
a.external-build	{
	width: 99px;
	background-position: 100% -51px;
	right: 142px
}
a.external-build:hover {
	background-position: 100% -83px
}
p.success	{
	margin-top: 20px
}
.credits	{
	clear: both;
	margin: 20px 0 0 0;
	display: none
}
.facebook-link {
	background: url(../images/facebook-small-logo) no-repeat 0 0px;
	padding: 2px 0 2px 26px;
	font-size: 11px;
	margin-top: 20px
}
/* SLIDER */
.slider { 
	overflow: hidden; 
	position: relative;
	width: 852px;
	margin: 0 auto;
	padding-top: 10px;
	height: 41px; 
}
.panel	{
	width: 170px;
	float: left;
	overflow: hidden;
}

.panel .panel-inner	{
	/* border-right: 1px solid #fff; */
	height: 41px;
	padding: 9px 0 0 15px;
	background: url(../images/friends-border.gif) no-repeat 100% 0;
	color: #4e4e4e;
	font-size: 12px
}
.panel .panel-inner-noline	{
	/* border-right: 1px solid #fff; */
	height: 41px;
	padding: 9px 0 0 15px;
	color: #4e4e4e;
	font-size: 12px
}

.panel .panel-inner strong {
	font-size: 14px;
	display: block
}

.panel .panel-inner-noline strong {
	font-size: 14px;
	display: block
}

.panel .panel-inner a	{
	color: #9c9c9c	
}

.panel .panel-inner-noline a	{
	color: #9c9c9c	
}

.panel-container 	{ position: relative; margin-left: 850px }

#prev,
#next	{
	position: absolute;
	z-index: 10
}
#prev	{
	margin: 28px 0 0 80px
}
#next	{
	margin: -32px 0 0 990px
	
}
#prev a,
#next a {
	display: block;
	width: 16px;
	height: 19px;
	text-indent: -99999px;
	background: url(../images/grafik.png) no-repeat 0 -59px
}
#next a	{
	background-position: 100% -59px
}

#prev a	{
	display: none
}

/* THANK YOU PAGE */
#thanks			{
	text-align: center;
	padding: 30px 0 0 0
}
.thanks-content, #modelPage	{
	margin: 25px auto;
	background: url(../images/noise_thanks.jpg) no-repeat;
	overflow: hidden;
	text-align: left;
	width: 819px;
	height: 265px;
	padding: 34px 0 0 37px;
}
.thanks-content .songCol	{
	float: left;
	width: 359px
}
.thanks-content .performanceCol	{
	float: left;
	width: 460px;
	height: 264px;
	padding-top: 1px;
	background: url(../images/performance-spot.png) no-repeat 230px 75px
}
.thanks-content .performanceCol p	{
	font-size: 13px;
	line-height: 19px;
	margin-left: 13px
}
.performance-button	{
	display: block;
	width: 232px;
	height: 59px;
	text-indent: -999999px;
	background: url(../images_en/button.png) no-repeat 100% -376px;
	margin: 0px 0 0 0;
}
.performance-button:hover {
	background-position: 100% -495px
}
.thanks-content .performanceCol h1	{
	margin-bottom: 16px;
	margin-left: 13px
}
.thanks-content .tuneBox	{
	margin: 0 0 26px 0
}
.more-buttons	{
	clear: both
}
.more-buttons a	{
	float: left;
	margin-right: 9px
}
#thanks h1{
	font-size: 21px;
}


/* TEAM BIOGAS PAGE */
#wrap.teamPage	{
	background: url(../images/noise_3-col-teampage.jpg) repeat-y 0 0;
}
#wrap.teamPage #main	{
	background-image: none
}
/*body > #wrap.teamPage {height: auto; min-height: 100px}
#wrap.teamPage #main { padding-bottom: 0px; }*/
.teamPage #userPage #content header h1 {
	width: 499px;
	margin-right: 0;
}
.teamPage #userPage #content header h2 {
	font-size: 21px;
}
.teamPage article {
	width: 457px;
	float:left;
	padding: 0 44px 6px 21px;
	font-size: 13px;
	line-height: 18px;
}
.teamPage article h2	{
	font-size: 25px;
	line-height: 1.2;
	margin: 7px 0;
}
.teamPage article h3	{
	font-size: 15px;
	line-height: 1.3;
	margin-bottom: 7px;
}
.teamPage article p	{
	margin-bottom: 12px;
}
strong.blue	{
	color: #2972b1;
}
.teamPage aside {
	float: left;
	width: 207px;
	padding-bottom: 16px;
}
#accordion h3	{
	clear: left;
	overflow: hidden;
	margin: 16px 0 0 0;
	padding-top: 17px;
	background: url(../images/accordion-border-top.gif) no-repeat 0 0;
	font-size: 13px;
	line-height: 1.4;
}
#accordion h3 .float-left {
	padding-right: 9px;
}
#accordion h3 a	{
	display: block;
	padding: 4px 6px;
	float: left;
	background: rgb(46,46,48);
	background: rgba(30,30,30,0.3);
	
}
#accordion h3 a:hover	{
	text-decoration: none;
}
#accordion h3 strong {
  	margin-left: 6px;
}
#accordion h3 p.extended-meta {
	display: none;
	font-size: 11px;
	
}

#accordion h3.ui-state-active a	{
	background-color: #1e1c1e;
}
#accordion h3.ui-state-active p.extended-meta {
	display: block;

}
#accordion h3:first-child	{
	background-image: none;
	margin-top: 0;
	padding-top: 0;
}
#accordion div {
	clear: left;
	font-size: 11px;
	line-height: 17px;
	color: #a8a8a8;
	padding-top: 5px;
}
#teamConfessions {
	float: left;
	width: 341px;
	padding-left: 39px;
}
#teamConfessions .tuneBox	{
	margin-right: 0;
}
.quote {
	clear: left;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 0 0 2px;
}
.quote span.float-left {
	padding: 3px 10px 0 0;
}
#confession-1, #confession-2 {
	display: none;
}
#hook	{
	display: block;
	position: absolute;
	width: 17px;
	height: 19px;
	font-size: 1px;
	background: url(../images/hook.gif) no-repeat 0 0;
	z-index: 10;
	margin: 20px 0 0 -18px;
}
#hook.teamMember-0 {
	margin-top: 20px;
}
#hook.teamMember-1 {
	margin-top: 130px;
}
#hook.teamMember-2 {
	margin-top: 250px;
}
.aslideshow {
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
    z-index:1
}
.aslideshow-content {
    overflow:hidden;
    position:relative;
    z-index:1;
}
#teamSlideshow img.initHide {
	display: none;
}
/* TELL A FRIEND */
#tellafriend {
 margin: 0 auto;
 width: 532px;
 text-align: center;
 margin-top: 127px;
 padding-bottom: 0px
}
#tellafriend h1,
#tellafriend h2	{
	margin-bottom: 19px;
}
#tellafriend_form {
	background: url(../images/form-tell-friend_bkg.png) no-repeat 0 0;
	width: 254px;
	height: 126px;
	margin: 0 auto;
	padding: 8px 20px 0;
	text-align: left;
}
#tellafriend_form p	{
	padding: 5px 0 6px;
	border-bottom: 1px solid #3e423f;
	font-size: 12px;
	margin: 0;
}
#tellafriend_form p.button	{
	border-bottom: none;
	padding: 18px 0 0 0;
	overflow: hidden;
}
#tellafriend_form p.button a{
	display: block;
	width: 45px;
	height: 23px;
	text-indent: -999999px;
	float: left;
	background: url(../images_en/button.png) no-repeat 0 -500px;
}
#tellafriend_form p.button a:hover	{
	background-position: -73px -500px;
}
#sendingForm	{
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/ajax-loader.gif) no-repeat;
	text-indent: -999999px;
	margin: 4px 0 0 10px;
	padding: 0;
	line-height: normal;
	float: left;
	visibility: hidden;
}
#sendingForm.sent,
#sendingForm.sentError	{
	width: 140px;
	text-indent: 0;
	background: none;
	color: #6cab14;
	font-size: 11px;
}
#sendingForm.sentError {
	color: red;
}
/* FOOTER */
#footer .inner	{
	padding: 12px 21px 0 21px
}
.friends	{
	float: left;
	width: 640px; /* 640 for one spot in footer / set to 440 if two sport in footer */
	color: #9c9c9c;
	overflow: hidden;
	position: relative;
}
.holder	{
	visibility: hidden;
}
.friends p	{
	margin-bottom: 6px;
}
.friends a	{
	color: #cecece;
	font-size: 10px
}
.friends a.friend {
	position: relative;
	width: 64px; /* set to 64 if one spot in footer / set to 63 if two sport in footer*/
	display: block;
	float: left;
	text-decoration: none
}
#see-all-previous {
	display: none;
	margin-right: 10px
}
#empty img	{
	float: left
}
#empty p	{
	padding-top: 25px
}
.pipe {
	margin: 0 5px
}
#fancyTitle	{
 	text-decoration: none;
 	position: fixed;
 	text-decoration: none;
 	white-space: nowrap;
 	background: url(../images/fancyTitle.png) 50% 0;
 	padding: 14px 10px 0 10px;
 	height: 31px;
 	bottom: 106px;
 	color: #9c9c9c;
 	font-size: 10px;
 	z-index: 30;
 	display: none
}

#fancyTitle strong	{
	font-size: 11px;
	font-weight: normal
}

.powered-by 	{
	float: right;
	width: 222px;
	margin-top: 6px;
	background: url(../images/friends-border.gif) no-repeat 0 0;
	
}
.powered-by p	{
	text-align: right;
	background: url(../images/Spotify_footer-logo.png) no-repeat 100% 15px;
	padding: 25px 59px 0 0;
	height: 40px;
	line-height: 17px;
	color: #6a6969;
	
}
.powered-by a,
.powered-by span	{
	color: #fff
}
/* TEAM BIOGAS footer spot */
.footer-spot {
	width: 185px;
	float: left;
	background: url(../images/friends-border.gif) no-repeat 0 6px;
	padding-left: 18px;
}
.team {
	background: none;
}
.footer-spot div	{
	background: url(../images/footer-spot_bkg-fade.png) no-repeat 0 0;
	width: 185px;
	height: 65px;
	margin-top: 6px;
	font-size: 14px;
	text-align: center;
	padding-top: 12px;
}
.tell div {
	padding-top: 5px;
}
.footer-spot div span.smaller {
	font-size: 13px;
}
.footer-spot div:hover	{
	background: url(../images/footer-spot_bkg-hover.png) no-repeat 0 0;
	cursor: pointer;
}
.footer-spot div a {
	text-decoration: none;
}
.footer-spot div a img	{
	vertical-align: middle;
}

#site-navigation li a,
#start h2,
#start #welcome-copy,
#start h1,
#start h2 strong,
#modelPage #content h1,
#modelPage #content h2,
#modelPage #content h3,
#modelPage #content p,
#thanks h1,
#thanks div.performanceCol p,
#performancemodel-slider .panel .panel-inner,
#performancemodel-slider .panel .panel-inner strong,
#userPage #content header ul li a,
#sidebar ul li a {
	visibility:hidden;
}



/* FIXED FOOTER */


html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 140px; }  
#footer {
    position:fixed;
	bottom: 0px;
	height: 98px;
	height: 140px;
	clear:both;
	left: 50%;
	/* margin-left: -562.5px; */
	margin-left: -563px
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




