/*
 * GENERAL
 */

body {
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #000;
}

img.hover {
	display: none;
}

div#shareText {
	display: none;
}
div#app {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	color: #fff;
	width: 100%;
	height: 100%;
}

div#ornamentLeft, div#ornamentRight, div#ornamentMid, div#logo308x196, div#logo190x122, div#slogan, div#ageQuestionContainer, div#legal, div#mooddescrContainer, div#timelineContainer, div#playbg, div#trackInfo, div#smallmenu, div#smallmenubg, div#cursor, div#sideinfoContainer, div#thumbsContainer, div#endQuestionContainer, div#emailFormContainer, div#logo259x164, div#backToVideo, div#next, div#prev, div#thumbsHover, div#bigBottle, div#startBottles, div#tooYoung, div#trackInfoControllers, div#dragMe, div#moodSensorContainer, div#toolbaryoutube, div#createTop, div#createBottom, div#createMidLeft, div#createMidMid, div#createMidRight, div#createMidMidArrow, div#createInstructionTwo, div#createInstructionThree, div#createSearch, div#createDoneButton, div#saveList, div#shareMyList, div#createLeftAreaBg, div#createRightAreaBg, div#searchResultPlayHover, div#forstoringsglas, div#mixCopy {
	position: absolute;
	display: none;
}

div#moodSensorContainer {
	width: 800px;
	height: 400px;
	overflow: hidden;
}

/*
 * LOADER
 */

div#loaderContainer {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*
 * EMAIL FORM
 */

div#emailFormContainer {
	width: 746px;
	height: 575px;
	background: url('imgs/emailform.png');
}
input#emailInput {
	margin: 367px 0px 0px 209px;
	height: 18px;
	width: 254px;
	border: 0px none;
	background: #000;
	color: #fff;
	font-family: arial;
	line-height: 18px;
	font-size: 12px;
}
img#emailFormThanks {
	display: none;
	position: absolute;
	top: 194px;
}
span#sendEmailInput {
	position: absolute;
	top: 359px;
	left: 472px;
	cursor: pointer;
}

/*
 * AGE QUESTION
 */

div#ageQuestionContainer {
	text-align: center;
}
div#ageQuest {
	padding: 0px 0px 10px 0px;
}

span#selectOverAge img, span#selectUnderAge img {
	cursor: pointer;
}

div#legal {
	font-family: arial;
	font-size: 9pt;
	color: #3d3d3d;
	width: 770px;
}

/*
 * CLUB GUEST CUSTOMIZE SELECTION
 */ 

div#cgcSelectContainer { 
	position: absolute;
	width: 793px;
	height: 133px;
	/* background: url('imgs/cgcbottom.png'); */
	display: none;
}
div#cgcSelectContainerButtons {
	position: absolute;
	top: 0;
	left: 0;
}
span#selectCustomize {
	position: absolute;
	top: 186px;
	left: 237px;
	cursor: pointer;
}
span#selectCreate {
	position: absolute;
	top: 186px;
	left: 332px;
	cursor: pointer;
}
span#selectGuest {
	position: absolute;
	top: 186px;
	left: 446px;
	cursor: pointer;
}
div#createDoneButton {
	cursor: pointer;
}
span.youtubeid {
	display: none;
}

/*
 * CUSTOMIZING
 */

#startBottles_customize {
	display: block;
	position: absolute;
	top: 408px;
	left: 229px;
	cursor: pointer;
}
#startBottles_guests {
	display: block;
	position: absolute;
	top: 408px;
	left: 359px;
	cursor: pointer;
}
#startBottles_clubs {
	display: block;
	position: absolute;
	top: 408px;
	left: 473px;
	cursor: pointer
}
	

div#customizeContainer {
	position: absolute;
	width: 983px;
	height: 210px;
	background: url('imgs/customizebg.png') no-repeat;
	display: none;
}
/*
div#customizeContainer.playonly {
	background: url('imgs/customizebg_playonly.png');
}
*/
div#customizeContainer.playonly div.bgcolors {
	display: none;
	background: url('imgs/playcustombuttonsbg.png');
}
div#customizeContainer div.bgcolors {
	background: url('imgs/playcustombuttonsbg.png');
	width: 528px;
	height: 80px;
	display: block;
	position: absolute;
	left: 220px; /* plus 30 */
	top: 192px; /* minus 43 */
}
div#customizeContainer span#playfromstart {
	position: absolute;
	left: 320px; /* plus 30 */
	top: 199px; /* minus 43 */
	display: block;
}
div#customizeContainer span#continueplay {
	position: absolute;
	left: 497px; /* plus 30 */
	top: 199px; /* minus 43 */
	display: block;
}
div#customizeContainer.playonly span#continueplay, div#customizeContainer.playonly span#playfromstart {
	display: none;
}
div#customizeContainer.playonly span.play span {
	display: none;
}
div#customizeContainer span.play span#play {
	display: none;
}
div#customizeContainer.playonly span.play span#play {
	padding: 0px 0px 0px 127px;
	display: inline;
}
div#customizeContainer div {
	display: none;
}
div#customizeContainer span.play {
	display: block;
	padding: 191px 0 0 287px; /* minus 43, 0, 0, plus 30 */
}
div#customizeContainer span.play img {
	cursor: pointer;
}
div#customizeContainer img.dragButton {
	position: absolute;
	cursor: move;
}
div#customizeContainer img#popButton {
	left: 27px;
}
div#customizeContainer img#rockButton {
	left: 127px;
}
div#customizeContainer img#metalButton {
	left: 228px;
}
div#customizeContainer img#hiphopButton {
	left: 329px;
}
div#customizeContainer img#rnbButton {
	left: 430px;
}
div#customizeContainer img#soulButton {
	left: 532px;
}
div#customizeContainer img#reggaeButton {
	left: 633px;
}
div#customizeContainer img#clubButton {
	left: 733px;
}
div#customizeContainer img#hitsButton {
	left: 834px;
}
div#customizeContainer img#swedishButton {
	left: 935px;
}
span.nr {
	width: 100px;
	text-align: center;
	font-size: 9pt;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 178px;
}

span#popNr {
	left: -11px;
}
span#rockNr {
	left: 88px;
}
span#metalNr {
	left: 190px;
}
span#hiphopNr {
	left: 291px;
}
span#rnbNr {
	left: 392px;
}
span#soulNr {
	left: 494px;
}
span#reggaeNr {
	left: 595px;
}
span#clubNr {
	left: 695px;
}
span#hitsNr {
	left: 796px;
}
span#swedishNr {
	left: 897px;
}


/*
 * THUMBS
 */
div#backToVideo {
	cursor: pointer;
}
div#thumbsContainer ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #000;
}

div#thumbsContainer ul li {
	text-align: center;
	width: 194px;
	overflow: none;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	position: absolute;
}
div#thumbsContainer ul li span.thumbtxt {
	text-align: left;
	display: block;
	padding: 10px 13px 30px 13px;
	overflow: hidden;
}
div#next img, div#prev img {
	cursor: pointer;
}

/*
 * YOUTUBE
 */

div#bigBottle img {
	display: none;
	border: 0px none;
}
div#bigBottle div#bigBottleHover img {
	display: block;
	cursor: pointer;
}
div#bigBottle div#bigBottleHover img.hover {
	display: none;
}

div#youtubeContainer {
	position: absolute;
	display: block;
	top: 5000;
	left: 0;
	overflow: hidden;
}
div#youtube0Container {
	position: absolute;
}
div#youtube1Container {
	position: absolute;
}

div#trackInfo {
	color: #000;
	font-family: arial;
	font-size: 13pt;
	overflow: hidden;
}

div#smallmenu {
	width: 380px;
	height: 40px;
	background: url('imgs/smallmenubg.png');
	padding: 0px 0px 0px 29px;
}
div#smallmenu img {
	cursor: pointer;
}
div#sideinfoContainer p {
	font-family: arial;
	color: #afafaf;
	font-size: 8pt;
	width: 168px;
}
div#sideinfoContainer p.facebook {
	cursor: pointer;
	color: #3b5998;
}
div#sideinfoContainer ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#sideinfoContainer ul li {
	list-style: none;
	padding: 0px 0px 8px 0px;
	margin: 8px 0px 0px 0px;
	border-bottom: 1px solid #3d3d3d;
	font-family: arial;
	font-size: 8pt;
	width: 168px;
}
div#sideinfoContainer ul li#sideinfoClubImg, div#sideinfoContainer ul li#sideinfoGuestImg, div#sideinfoContainer ul li#sideinfoClubDescr, div#sideinfoContainer ul li#sideinfoGuestDescr {
	border-bottom: 0px none;
	padding: 4px 0px 4px 0px;
	color: #afafaf;
}
div#sideinfoContainer ul li a {
	color: #fff;
	text-decoration: none;
}
div#sideinfoContainer ul li a:hover {
	text-decoration: underline;
}
div#sideinfoContainer ul li span.generetitle {
	position: absolute;
	color: #8b8b8b;
	width: 168px;
	display: block;
}
div#sideinfoContainer ul li span.genereval {
	color: #555555;
	text-align: right;
	width: 168px;
	display: block;
}
	

img.timelineCopy {
	position: absolute;
	display: none;
}
div#trackInfo span.songcounter {
	color: #6e6e6e;
	font-size: 10pt;
}
div#trackInfo span.songcounter span.songnr {
	color: #fff;
}
div#trackInfo span.timer {
	color: #2f2f2f;
}
#trackInfoControllers {
	cursor: pointer;
	color: #6e6e6e;
	font-family: arial;
	font-size: 10pt;
}
#trackInfoControllers span {
	display: none;
}
.active {
	z-index: 2;
}
.passive {
	z-index: 1;
}

/*
 * TOOLBAR
 */

.facebook {
	cursor: pointer;
}
.twitter {
	cursor: pointer;
}

div#toolbar {
	position: absolute;
	background: url('imgs/toolbarbg.png');
	height: 40px;
	width: 100%;
	display: none;
}

div#toolbar div {
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #000;
	color: #e4e4e4;
	height: 40px;
	display: block;
	float: left;
	font-family: arial;
	font-size: 0.85em;
}
div#toolbar div span {
	padding: 10px 0px 0px 0px;
	display: block;
}
div#toolbar div span.order {
	padding: 0px 0px 0px 0px;
}
div#toolbar div span img {
	margin: -9px 0px 0px 8px;
	vertical-align: middle;
}
div#toolbar div span img.copy {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#toolbar div span.order img {
	margin: 0px 0px 0px 0px;
}
div#toolbar div span#toolbar_putorder {
	color: #474747;
}
div#toolbar div span a {
	color: #e4e4e4;
	text-decoration: none;
}
div#toolbar div span a#syslink0 {
	color: #07c3dc;
	padding: 0px 0px 0px 20px
}
div#toolbar div span a#syslink1 {
	color: #c307dc;
	padding: 0px 0px 0px 20px
}
div#toolbar div span a:hover {
	text-decoration: underline;
}

/*
 * SEARCH
 */

div#searchResultPlayHover {
	cursor: pointer;
}

div#createTop {
	width: 982px;
	height: 97px;
	overflow: hidden;
}
div#createSearch {
	border: 0px none;
	width: 345px;
	height: 25px;
	cursor: text;
	overflow: hidden;
}
div#forstoringsglas {
	cursor: pointer;
}
div#createSearch input {
	border: 0px none;
	background: url('imgs/createinputbg.png');
	padding: 0px 0px 0px 10px;
	width: 335px;
	height: 25px;
	color: #fff;
	display: none;
	color: #707070;
	font-size: 16px;
}
ul#createSearchResults {
	position: absolute;
	display: none;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
li.createresult {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	border-bottom: 1px solid #000;
	clear: both;
	cursor: move;
}
li.createresult div.result {
	padding: 14px 13px 14px 13px;
}
li.createresult div.resultcontent {
	clear: both;
}
li.createresult div.resultimg {
	position: absolute;
	display: inline;
	width: 55px;
	height: 31px;
	overflow: hidden;
}
li.createresult {
	text-align: left;
}
li.createresult img {
	display: block;
	width: 55px;
}
li.createresult div.copy {
	display: block;
	padding: 0px 0px 0px 66px;
	width: 281px;
	height: 31px;
	overflow: hidden;
	font-family: arial;
	font-size: 11px;
	color: #707070;
}
li.createresult div.copy span.title {
	width: 215px;
	font-weight: bold;
	overflow: hidden;
}
li.createresult div.copy span.meta {
	width: 215px;
	overflow: hidden;
	font-size: 10px;
}

ul#myplaylist {
	position: absolute;
	display: none;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#myplaylist li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
div.runningie ul#myplaylist li {
	display: inline-block;
}
ul#myplaylist, ul#myplaylist ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	border-bottom: 0px solid #000;
	text-align: center;
}
ul#myplaylist ul li {
	border-bottom: 1px solid #000;
}
div.runningie ul#myplaylist ul li {
	display: inline-block;
}
ul#createSearchResults .ui-state-highlight {
	height: 50px;
}
ul#myplaylist .ui-state-highlight {
	display: none;
}
ul#myplaylist ul.activated li.ui-state-highlight {
	display: block;
	height: 50px;
}

img#saveListNameInputError, img#saveListCreatorInputError, img#saveListEmailInputError {
	display: none;
	position: absolute;
	width: 268px;
	height: 21px;
}
div#saveListNameInput, img#saveListNameInputError {
	position: absolute;
	left: 354;
	top: 90;
	overflow: hidden;
}
div#saveListCreatorInput, img#saveListCreatorInputError {
	position: absolute;
	left: 354;
	top: 170;
	overflow: hidden;
}
div#saveListEmailInput, img#saveListEmailInputError {
	position: absolute;
	left: 354;
	top: 218;
	overflow: hidden;
}
div.saveListInputs {
	cursor: text;
	width: 268px;
	height: 21px;
}
div.saveListInputs input {
	border: 0px none;
	background: url('imgs/inputbg.png');
	width: 268px;
	height: 21px;
	display: none;
	color: #707070;
	font-size: 16px;
	text-align: center;
}
div#saveListButton {
	position: absolute;
	left: 577;
	top: 255;
	cursor: pointer;
}
a#termsLink {
	display: block;
	position: absolute;
	left: 373;
	top: 274;
	cursor: pointer;
	border: 0px none;
}
a#privacyLink {
	display: none; /* Ihopslagen med a#termsLink */
	position: absolute;
	left: 450;
	top: 274;
	cursor: pointer;
	border: 0px none;
}
a#termsLink img, a#privacyLink img {
	border: 0px none;
}
div#acceptBox {
	position: absolute;
	left: 347px;
	top: 263px;
	cursor: pointer;
}
div#playMyListButton {
	position: absolute;
	left: 384;
	top: 93;
	cursor: pointer;
}

div#shareMyList div.facebook {
	position: absolute;
	top: 243px;
	left: 432px;
}
div#shareMyList div.twitter {
	position: absolute;
	top: 243px;
	left: 499px;
}
div#shareMyListUrl {
	position: absolute;
	top: 213;
	left:0;
	width: 982px;
	text-align: center;
	font-family: arial;
	font-size: 13px;
	color: #535353;
}
div#copyMyListUrl, div#copyMyListUrlHover {
	position: absolute;
	top: 201px;
	left: 640px;
}
div#copyMyListUrlHover {
	display: none;
}
div#shareMyListTitle {
	position: absolute;
	top: 10;
	left:0;
	width: 982px;
	text-align: center;
	font-family: arial;
	font-size: 32px;
	color: #fff;
}
div#scrollbarLeft, div#scrollbarRight {
	position: absolute;
	display: none;
	width: 8px;
}
div#scrollbarLeft {
	background:#4a4a4a;
}
div#scrollbarRight {
	background:#444444;
}
div.playlistseparator {
	margin: -20px 0px 0px 0px;
	height: 20px;
	font-family: arial;
	font-size: 12px;
	color: #4a4a4a;
	overflow: hidden;
	cursor: pointer;
}
div.playlistseparator span.partymood {
	padding: 0px 0px 0px 9px;
	position: absolute;
	width: 100%;
	text-align: left;
	display: block;
}
div.playlistseparator span.songscounter {
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 100%;
	text-align: right;
	display: block;
}
div.playlistseparator span.songscounter span {
	padding: 0px 35px 0px 0px;
}

/*
 * END
 */

div#dim {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	display: none;
}
div#endQuestionsButtons {
	padding: 30px 0px 0px 0px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
div#endQuestionsButtons img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -1px;
	border: 0px none;
	cursor: pointer;
}