@import "reset.css";
@import "basic.css";
@import "type.css";
@import "form.css";

/* ====================== */
/* =    LAYOUT START    = */
/* ====================== */

#wrapper {
	width: 978px;
	margin: auto;
}

	#header {
		height: 115px;
		position: relative;
		background: url(../img/extranav_bg.png) no-repeat right 35px;
		margin: 0 0 20px;
	}
	
	#header h1 {
		position: absolute;
		left: 19px;
		bottom: 0;
		margin: 0;
	}
	
	#header h1 img {
		display: block;
	}
	
	#navigation {
		position: absolute;
		left: 220px;
		bottom: 0;
		height: 37px;
		width: 536px !important;
		margin-bottom: 0.33em;
	}
	
	#extra-navigation {
		position: absolute;
		height: 45px;
		top: 0;
		right: 0;
		padding: 0 20px;
	}
	
		#extra-navigation li {
			float: left;
		}
		
	#nordea {
		position: absolute;
		right: 19px;
		bottom: 0;
	}
	
	#nordea img {
		display: block;
	}
	

#main {
	width: 940px;
	padding: 19px;
}

#footer {
	background: #1b1b1b;
	color: #999;
	margin: 0;
	overflow: hidden;
}

#footer .three-col {
	width: 940px;
	margin: 20px auto;
}

.three-col .column {
	width: 300px;
	margin: 0 6px;
	float: left;
}

#logofooter {
	background: #131313;
	color: #999;
	margin: 0;
	padding: 0;
}
	#logofooter .inner {
		width: 940px;
		padding: 30px;
		margin: 0 auto;

	}
	
	#logofooter .inner img {
		display: block;
	}

/* ============== */
/* = Navigation = */
/* ============== */

#navigation li {
	float: left;
}

#navigation li a {
	display: block;
	height: 37px;
	background: url(../img/menu.png) no-repeat;
	text-indent: -1000px;
	text-decoration: none;
}


#navigation li#m-aktuellt a 				{ width: 138px; background-position: 0 0; }
#navigation li#m-aktuellt a:hover,
#navigation li.sel#m-aktuellt a		{ background-position: 0 -37px; }

#navigation li#m-spellistor a 				{ width: 169px; background-position: -138px 0; }
#navigation li#m-spellistor a:hover,
#navigation li.sel#m-spellistor a		{ background-position: -138px -37px; }

#navigation li#m-video a 				{ width: 92px; background-position: -307px 0; }
#navigation li#m-video a:hover,
#navigation li.sel#m-video a		{ background-position: -307px -37px; }

#navigation li#m-checkin a 				{ width: 137px; background-position: -399px 0; }
#navigation li#m-checkin a:hover,
#navigation li.sel#m-checkin a		{ background-position: -399px -37px; }

	#extra-navigation li a {
		display: inline-block;
		padding: 10px 5px;
		background: url(../img/square.png) no-repeat left 50%;
		margin: 0 0 0 5px;
	}
	
	#extra-navigation #logged-in {
		margin: 8px 20px 0 0;
		position: relative;
	}
	
	
	#extra-navigation #logged-in a#download-link {
		background: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: -50px;
		top: 0;
	}
	
	#extra-navigation #logged-in a#download-link:hover span.tooltip {
		display: block;
	}
	
	span.tooltip strong {
		padding: 0;
	}
	
	#extra-navigation #logged-in a span.song-count {
		background: url(../img/songcount.png) no-repeat;
		width: 20px;
		height: 20px;
		display: block;
		padding: 6px 0 0 18px;
		font-size: 11px;
		font-weight: bold;
	}
	#extra-navigation #logged-in a#download-link span.tooltip {
		display: none;
		position: absolute;
		white-space: nowrap;
		color: #fff;
		background: #333;
		background: rgba(0,0,0,0.66);
		padding: 10px;
		right: 30px;
		top: 20px;
		z-index: 100;
		text-transform: none;
		font-weight: normal;
		
	}
	
	.tabs {
		overflow: hidden;
		margin: 0;
	}

	.tabs li {
		float: left;
	}
	
	.tabs li a {
		display: inline-block;
		border: none;
		padding: 4px 8px;
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
		font-size: .857em;
	}
	
	.tabs li a:hover,
	.tabs li.sel a {
		color: #fff;
		background: #ca003b;
	}
	
/* =========== */
/* = COLUMNS = */
/* =========== */

.columns {
	margin: 0 0 1.5em;

}



.columns .column-1 {
	width: 460px;
	float: left;
	margin: 0 20px 0 0;
}

.columns .column-2 {
	width: 460px;
	float: left;
	margin: 0;
	
}

.columns .column-2 .column-1 {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
}

.columns .column-2 .column-2 {
	width: 220px;
	float: left;
	margin: 0;
}

/* ================= */
/* = CAMPAIGN AREA = */
/* ================= */

#campaign {
	background: url(../img/campaign_bg.png) no-repeat;
	width: 940px;
	height: auto;
	position: relative;
	padding: 19px;
}

#campaign li {
	position: relative;
}

	#campaign h2 {
		position: absolute;
		top: 220px;
		margin-left: -10px;
		color: #fff;
		background: #333;
		background: rgba(0,0,0,0.66);
		padding: 0 10px 0 30px;
		font-size: 54px;
		line-height: 1.2;
	}
	
	#campaign ul#slideshow li p {
		position: absolute;
		background: #333;
		background: rgba(0,0,0,0.66);
		color: #fff;
		line-height: 1.4;
		top: 284px;
		margin-left: -10px;
		padding: 5px 10px 5px 30px;
		font-size: 1.14em;
		/**margin: 0;**/
		max-width: 500px;
	}
	
	#campaign ul#slideshow li a {
		color: #fff;
		font-weight: bold;
	}
	
/* ============ */
/* = Featured = */
/* ============ */

.featured {
	position: relative;
	/**background: #eee;**/
}

	.featured h2 {
			position: absolute;
			bottom: 80px;
			right: -10px;
			color: #fff;
			background: #333;
			background: rgba(0,0,0,0.66);
			padding: 0 30px 0 10px;
			font-size: 3.86em;
			line-height: 1.2;
	}
	
	.featured p {
		position: absolute;
		background: #333;
		background: rgba(0,0,0,0.66);
		height: 30px;
		color: #fff;
		line-height: 30px;
		bottom: 50px;
		right: -10px;
		padding: 0 30px 0 10px;
		font-size: 1.14em;
		margin: 0;
	}
	
	.featured a {
		color: #fff;
		font-weight: bold;
	}

/* ============== */
/* = Login form = */
/* ============== */

#loginform {
	position: absolute;
	z-index: 200;
	right: 19px;
	top: 19px;
	padding: 0 0 0 10px;
	background: #fff;
	width: 210px;
}

#loginform input.text {
	width: 200px;
	padding: 6px 3px;
	border: 2px solid #a3c5dd;
}

#loginform .help-links {
	float: left;
	width: 100px;
}
#loginform .help-links li {
	margin: 0;
	padding: 0;
	display: block;
	height: auto;
	line-height: 1;
}
#loginform .help-links a {
	font-size: 0.714em;
	text-decoration: none;
	color: #000;
	border: none;
	margin: 0;
	background: url(../img/square.png) no-repeat left 50%;
	padding: 0 0 0 5px;
}
#loginform .help-links .remember {
	font-size: 10px;
	margin: 0 0 5px;
}
#loginform .help-links input {
	margin: 0 4px 0 0;
}

#submit {
	background: #005fa0;
	color: #fff;
	border: none;
	text-transform: uppercase;
	padding: 4px 10px;
	font-size: 1em;
	font-weight: bold;
	float: right;
}

#loginform div {
	margin: 0 0 10px;
}



/* ============== */
/* = RECOMMENDED = */
/* ============== */


#recommended {
	margin: 0 0 1em;
	width: 460px;
	overflow: hidden;
}

#recommended .tabs {
	background: #eee;
	
}
#recommended .wrap {
	height: 250px;
	padding: 10px 0 0 0;
	background: url(../img/box-shadow-460.png) no-repeat center bottom;
}

#recommended .wrap div {
	height: 250px;
	width: 480px;
}

#recommended .wrap div#latar ul,
#recommended .wrap div#spellistor ul {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
}
#recommended .wrap div#latar ul li a,
#recommended .wrap div#spellistor ul li a {
	display: block;
	border: none;
	width: 200px;
	
	color: #000;
	font-size: .786em;
	padding: 3px 10px;
	background: url(../img/icon-listen.png) no-repeat 200px 6px;
}


#recommended .wrap div#latar ul li.even,
#recommended .wrap div#spellistor ul li.even {
	background: #eee;
}

#recommended .wrap div#latar ul li a:hover,
#recommended .wrap div#spellistor ul li a:hover {
	background-color: #dae4a9;
	background-position: 200px -16px;
}
#recommended .wrap div#album ul {
	margin: 0;
}
#recommended .wrap div#album li {
	float: left;
	margin: 0 8px 8px 0;
	position: relative;
}
#recommended .wrap div#album li a {
	border: none;
	margin: 0;
	position: relative;
}

#recommended .wrap div#album li a img {
	display: block;
	margin: 0;
}

body .tooltip {
	position: absolute;
	background: #fff;
	padding: 5px;
	white-space: nowrap;
	color: #000;
	font-size: 10px;
	z-index: 100;
}

/* ============ */
/* = KOLLA IN = */
/* ============ */

#checkout a {
	border: none;
}

#checkout img {
	display: block;
}

/* ============= */
/* = DOWNLOADS = */
/* ============= */

#downloads {
	position: relative;
}

#downloads .songcount {
	background: url(../img/songcount-big.png) no-repeat;
	position: absolute;
	top: -33px;
	right: -16px;
	width: 40px;
	height: 40px;
	padding: 18px 10px 0px 32px;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	color: #005fa0;
}

#downloads div {
	padding: 25px 10px 16px 10px;
	background: #eee;
	
}

#downloads ul li a {
	display: block;
	width: 200px;
	border: none;
	color: #000;
	font-size: .786em;
	padding: 3px 10px;
	background: url(../img/icon-download.png) no-repeat 200px 6px;
}

#downloads ul li {
	background: #fff;
}
#downloads ul li.even {
	background: #eee;
	
}

#downloads ul li a:hover {
	background-color: #abcae0;
	background-position: 200px -16px;
}
#downloads h4 {
	margin: 0 0 1em;
}

/* =========== */
/* = ARTICLE = */
/* =========== */
.article {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1em;
}

.article h2 {
	font-size: 1.857em;
	line-height: 1.2;
}

.article .date {
	color: #696969;
	font-size: .857em;
	margin: 0.5em 0 1em 0;
}
.meta .functions {
	text-align: right;
}
.meta .functions li {
	display: inline;
}
.meta .functions li a {
	color: #333;
	border: none;
	display: inline-block;
	font-size: .857em;
	font-weight: bold;
	background: url(../img/function-icons.png) no-repeat left top;
	padding: 0 0 0 16px;
	margin: 0 8px;
}

.meta .functions li a:hover {
	color: #000;
} 

.functions li.likes a {
	background-position: left 4px;
}

.functions li.likes a:hover {
	background-position: left -15px;
}

.functions li.share a {
	background-position: left -35px;
}

.functions li.share a:hover {
	background-position: left -54px;
}
.functions li.comments a {
	background-position: left -72px;
}

.functions li.comments a:hover {
	background-position: left -91px;
}

.date a.comments {
	color: #333;
	border: none;
	background: url(../img/function-icons.png) no-repeat left -72px;
	padding: 0 0 0 16px;
	display: inline-block;
	margin: 0 8px;
	font-weight: bold;
}

.date a.comments:hover {
	background-position: left -91px;
	color: #000;
}

.date a.comments span {
	display: none;
}

/* ========== */
/* = PUFFAR = */
/* ========== */
.puff {
	background: #eee;
	margin: 0 0 1em 0;
}

.puff-inner {
	padding: 10px;
}
.puff h4 {
	margin: 0 0 0.5em 0;
	font-size: 1.286em;
	font-weight: bold;
}
.puff h4 a {
	color: inherit;
}

/* ==================== */
/* = SECONDARY ARTIST = */
/* ==================== */

#secondary-artist {
	background: #333;
	color: #fff;
	position: relative;
}

.secondary-artist-img {
	position: relative;
}

.secondary-artist-img h3 {
	position: absolute;
	background: #333;
	background: rgba(0,0,0,0.66);
	color: #fff;
	line-height: 1.2;
	text-align: right;
	bottom: 80px;
	right: -10px;
	padding: 5px 30px 4px 10px;
	font-size: 1.14em;
	margin: 0;
	max-width: 180px;
	text-transform: none;
}

.secondary-artist-img p {
	position: absolute;
	background: #333;
	background: rgba(0,0,0,0.66);
	color: #fff;
	line-height: 1.2;
	text-align: right;
	bottom: 50px;
	right: -10px;
	padding: 5px 30px 6px 10px;
	font-size: 1.14em;
	margin: 0;
	max-width: 180px;
}



.secondary-artist-inner {
	padding: 10px;
	font-size: .857em;
}

.secondary-artist-inner a {
	background: url(../img/icon-download-white.png) no-repeat left 50%;
	color: #fff;
}

.secondary-artist-inner a span {
	border-width: 1px;
}


/* =============== */
/* = FOOTER AREA = */
/* =============== */

#chimplayer {
	background: #808080;
	width: 191px;
	padding: 15px;
}

#chimplayer a {
	color: #fff;
	background: url(../img/icon-download-white.png) no-repeat left 50%;
}

#contact {
	overflow: hidden;
}

#contact ul li {
	width: 140px;
	float: left;
	margin: 0 10px 10px 0;
}
#contact .social li {
	margin: 0 0 4px;
	width: 130px;
}

#cpntact .social {
	background: #999;
}
.social a {
	background: url(../img/social-sprite.png) no-repeat left top;
	padding: 0px 0 4px 24px;
}

.social .twitter a {
	background-position: left top;
}

.social .twitter a:hover {
	background-position: left -62px;
}

.social .facebook a {
	background-position: left -20px;
}

.social .facebook a:hover {
	background-position: left -82px;
}

.social .flickr a {
	background-position: left -40px;
}

.social .flickr a:hover {
	background-position: left -102px;
}

#contact ul li h4 {
	font-weight: bold;
	font-size: 1em;
}

/* =========== */
/* = ARCHIVE = */

/* =========== */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

#archive-container {
	/*width: 940px;
	margin: 19px auto;*/
}

#archive-container .blue {
	background: #333;
}

#archive-container ul {
	width: 220px;
}

#archive-container li {
	position: relative;
}

#archive-container li img {
	display: block;
}

#archive-container li a {
	border: none;
}

#archive-container ul span {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 29px;
	line-height: 37px;
	background: #000;
	background: rgba(0, 0, 0, 0.66);
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	padding: 0 8px 0 0;
	letter-spacing: -3px;
	text-indent: -2px;
}

.jcarousel-container {
    position: relative;
	width: 880px;
	margin: auto;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 220px;
    height: 105px;
	position: relative;
}


.jcarousel-next,
.jcarousel-prev {
    z-index: 3;
    display: none;
	background: blue;
	position: absolute;
	right: -30px;
	height: 105px;
	width: 30px;
	top: 0;
	background: #333 url(../img/archive-arrows.png) no-repeat right 45px;
	cursor: pointer;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
	left: -30px;
	right: auto;
	background-position: left 45px;
}

.jcarousel-next:hover, .jcarousel-prev:hover {
	background-color: #005fa0;
}

.jcarousel-next:active {
	background-position: right 46px;
}

.jcarousel-prev:active {
	background-position: left 46px;
}


.jcarousel-item span {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
	background: #333;
	background: rgba(0,0,0,0.66);
	display: inline-block;
	padding: 0 4px;
	font-size: 2.286em;
	font-weight: bold;
	line-height: 1.1;
}


/* ============================ */
/* = REGISTERED AND CONFIRMED = */
/* ============================ */

#register #confirmed {
	width: 460px;
	padding: 20px 20px 20px 240px;
	font-size: 18px;
	line-height: 1.3;
}

#register #confirmed a {
	color: #222;
	font-weight: bold;
}

#register #confirmed h2 {
	font-size: 26px;
}

#register #confirmed .chimp {
	font-size: 14px;
	overflow: hidden;
	margin: 80px 0 10px;
}

#register #confirmed .chimp a,
#register #confirmed .info a {
	font-size: 12px;
}

#register #confirmed .chimp a.icon {
	background: url(../img/icon-download-black.png) no-repeat left 50%;
	
}

#register #confirmed .chimp img {
	float: left;
	margin: 0 38px 20px 18px;
}

#register #confirmed .chimp h3,
#register #confirmed .info h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
	text-transform: none;
}

#register #confirmed .info {
	background: #eaeaea;
	font-size: 12px;
	overflow: hidden;
	margin: 20px 0;
}

#register #confirmed .info .info-text {
	margin: 10px;
}

#register #confirmed .info img {
	float: left;
	margin: 0 20px 0 0;
}

/* ============================ */
/* = EDDIE FIXAR = */
/* ============================ */

.linkstyle2 a{
	color: #333;
	border: none;
	display: inline-block;
	/** font-size: .857em; **/
	font-weight: bold;
}

.linkstyle2 a:hover{
	color: #000;
}

.tavling {
border-bottom-color:#DDDDDD;
border-bottom-style:solid;
border-bottom-width:1px;
}

#tavla2 {
	margin-right: 20px;
}

#navigation-tavling li a {
overflow-x:hidden;
overflow-y:hidden;
}

#navigation-tavling li {
	float: left;
	list-style: none;
}

#navigation-tavling li a {
	display: block;
	height: 50px;
	background: url(../img/tavla.png) no-repeat;
	text-indent: -1000px;
	text-decoration: none;
	
}

	#navigation-tavling li#tavla2 a {
		width: 220px;
	}
	
	#navigation-tavling li#tavla2 a:hover,
	#navigation-tavling li.sel#tavla2 a {
		background-position: left -50px;
	}


#facebook_like																{ height: 133px; margin-top: 0; padding: 0 0 0 147px; background-image: url('../img/facebook_like.png'); background-repeat: no-repeat; background-position: 20px 19px; }
#facebook_like.big_message p									{ margin: -4px 0 15px 3px; text-transform: uppercase; float: left; }
#facebook_like.big_message .inner							{ margin: 0; }
#facebook_like #facebook_like_button_wrapper	{ float: left; margin: 0 0 0 9px; height: 21px; background: url('../img/arrow_right.png') no-repeat left center; padding: 0 0 0 23px; }
#like_button	{ width: 150px; height: 21px; border: none; overflow: hidden; }


/* @group misc */
.message		{ color: #202020; border: 1px dashed #333; font-size: 14px; margin: 0 0 20px; }
.message a	{ color: #202020; }


.big_message				{ background-color: #f2faff; border-color: #73a6c9; padding: 15px; }
.big_message .inner	{ width: 700px; margin: 0 auto; }
.big_message h1			{ font-size: 48px; letter-spacing: -2px; line-height: 1; margin: 29px 0 0; }
.big_message p			{ font-size: 20px; }

.alert	{ background: #fffbef; border-color: #e49ba9; font-weight: bold; padding: 15px; }

.shadow	{ background: url('../img/campaign_bg.png') no-repeat; }

.comment_alert	{ background: #f5f5f5; border: 2px solid #9dbdd4; height: 117px; line-height: 117px; color: #333; text-align: center; font-weight: bold; margin: 0 0 20px; }

#login_register												{ margin: 0 0 20px; }
#login_register .tabs									{ height: 30px; }
#login_register .tabs .tab						{ float: left; height: 30px; line-height: 30px; margin: 0 3px 0 0; font-size: 18px; text-transform: uppercase; padding: 0 10px; color: #fff; background-color: #e16900; letter-spacing: -1px; cursor: pointer; }
#login_register .tabs .tab.login			{ background-color: #ca003b; }
#login_register .content							{ padding: 14px 20px 20px 20px; background: #eee; }
#login_register .content .username		{ margin: 0 0 10px; float: left; width: 215px; }
#login_register .content .password		{ margin: 0 0 10px; float: left; }
#login_register .content .text				{ width: 193px; height: 18px; }
#login_register .content .button			{ float: right; }
#fb_connect			{ margin: 0 0 3px; }
#fb_connect h4		{ font-weight: bold; margin: 0 0 5px; }
#fb_connect_i		{ border: 1px solid #d1d1d3; background: #f5faff; padding: 22px; text-align: center; }
#fb_connect_i a		{ border: none; }
#fb_connect_i img	{ display: block; margin: 0 auto; }

/* @end */

/* @group overlay */
#crosslog_bg { z-index: 250; }
#crosslog												{ position: absolute; width: 559px; padding: 33px; background: #fff; color: #0e0e0e; z-index: 300 }
#crosslog .crosslog_close				{ position: absolute; right: 17px; top: 20px; width: 14px; height: 15px; overflow: hidden; text-indent: -9999px; background: url('../img/close.png'); border: none; }
#crosslog .crosslog_close:hover	{  }
#crosslog iframe	{ width: 559px; height: 500px; overflow-x: hidden; border: none; }

#crosslog_iframe h1										{ padding: 0 10px; font-size: 26px; color: #fff; background: #ca003b; float: left; text-transform: uppercase; letter-spacing: -1px; margin: 0 0 21px; }
#crosslog_iframe h2										{ font-size: 14px; margin: 0 0 4px; }
#crosslog_iframe p											{ font-size: 14px; margin: 0 0 30px 22px; }
#crosslog_iframe a											{ font-weight: bold; }
#crosslog_iframe .fb_login							{ display: block; width: 190px; height: 22px; margin: 0 auto; }
#crosslog_iframe .fb_login a						{ border: none; }
#crosslog_iframe .fb_login a span			{  }

#crosslog_iframe .register_usp			{ clear: both; margin: 0 0 20px; }
#crosslog_iframe .register_usp h2		{ font-size: 26px; }
#crosslog_iframe .register_usp ul 	{ list-style: disc inside; font-size: 16px; padding: 3px 0 26px; margin: 0 0 21px; line-height: 23px; border-bottom: 1px solid #ddd; }
#crosslog_iframe .register_usp p		{ font-size: 16px; line-height: 1.3; margin: 0 0 10px; }

#facebook_welcome				{ padding: 0 0 30px; background: url('../img/shadow_bottom.png') no-repeat center bottom; }
#crosslog_iframe .col1	{ float: left; width: 126px; }
#crosslog_iframe .col2	{ float: left; width: 300px; }
#crosslog_iframe h1		{ margin: 26px 0 7px;  }
#crosslog_iframe p			{ font-size: 26px; margin: 0; clear: both; line-height: 1; }

#facebook-connect-wrapper	{ background: #f6f9ff; border: 1px solid #e0e0e0; padding: 22px 0; margin: 12px 0 16px; }
#crosslog_iframe #loginform 				{ position: static; width: auto; }
#crosslog_iframe #loginform .text,
#crosslog_iframe .text						{ width: 344px; margin: 0 0 17px; }
#crosslog_iframe fieldset					{ width: 336px; }
#crosslog_iframe fieldset.terms		{ background: #eaeaea; }
#crosslog_iframe fieldset.terms a	{ color: #0e0e0e; }
#crosslog_iframe .button					{ float: right; }

#crosslog_iframe {
padding-top: 0;
}

#crosslog_iframe #loginform h3 {
height: 30px;
line-height: 30px;
font-size: 18px;
text-transform: uppercase;
margin: 0 0 5px;
}

#crosslog_iframe #loginform h3 span {
float: left;
background: #ca003b;
color: #fff;
padding: 0 10px; 
}

#crosslog_iframe #loginform .errormsg {
margin: 0 0 10px;
font-size: 12px;
}

#crosslog_iframe .info-box				{ right: -220px; }
#crosslog_iframe .info-box span		{ font-size: 16px; font-weight: bold; color: #005fa0; }
#crosslog_iframe .info-box p			{ font-size: 12px; margin: 0 0 20px; }
#crosslog_iframe .info-box p a		{ color: #0e0e0e; }

#crosslog_iframe #register_step2	{ display: none; }

#crosslog_iframe.generic_form h2.login	{ margin: 0 0 20px; font-size: 26px; }
#crosslog_iframe .help-links { width: 150px !important; }

/* @end */

/* @group digster */
.digster .header			{ height: 29px; border-bottom: 1px solid #ddd; margin: 0 0 10px; }
.digster .header h2		{ position: relative; float: left; padding: 0 10px; height: 30px; line-height: 30px; background: #e16900; color: #fff; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; }



.digster .col1			{ width: 400px; float: left; margin: 0 34px 0 0; }
.digster .col1 img	{ display: block; margin: 0 0 5px; }
.digster .col1 dl		{ color: #000; padding: 15px; background: #eaeaea; font-size: 12px; font-weight: bold; }
.digster .col1 dl a	{ color: #000; }
.digster .col1 dt		{ float: left; margin: 0 3px 0 0; }
.digster .col1 dd		{  }

.digster .col2			{ width: 486px; float: left; }
.digster .col2 h1		{ color: #000; font-size: 26px; font-weight: bold; margin: 11px 0 20px; }
.digster .col2 h1 a	{ color: #000; }

.digster #suited_for			{ background: #ca003b; line-height: 1; font-weight: bold; color: #fff; font-size: 13px; padding: 10px 20px 20px 25px; }
.digster #suited_for dt		{ float: left; padding: 8px 0 7px 0; }
.digster #suited_for dd		{ float: left; width: 370px; }
.digster #suited_for dd a,
.digster #suited_for dd span	{ float: left; margin: 0 0 0 20px; color: #fff; }

.digster .description								{ width: 445px; color: #333; }
.digster .description .intro				{ font-size: 18px; font-weight: bold; line-height: 1.1; }
.digster .description p							{ font-size: 14px; line-height: 1.4; }
.digster .description .author				{ float: left; width: 400px; font-size: 13px; line-height: 1.38; margin: 6px 0 30px; }
.digster .description .author img		{ float: left; margin: 0 10px 0 0; }
.digster .description .author span	{ display: block; font-weight: bold; }

.digster #playlist							{ clear: both; }
.digster #playlist ol						{ padding: 0; clear: both; list-style: none; counter-reset: term 0; }
.ie7 .digster #playlist ol			{ list-style: decimal; margin: 0 0 3px; }
.digster #playlist ol li:before	{ counter-increment: term; content: counter(term) ". "; font-weight: bold; }
.digster #playlist .view_all		{ font-weight: bold; }

.digster .icon						{ padding: 8px 0 7px 17px; background: url('../digster/icon-dinner.png') no-repeat 0 50%; }
.digster .icon-party			{ padding-left: 35px; background-image: url('../digster/icon-party.png'); }
.digster .icon-dinner,
.digster .icon-middag			{ padding-left: 25px; background-image: url('../digster/icon-dinner.png'); }
.digster .icon-mingle,
.digster .icon-mingel			{ padding-left: 30px; background-image: url('../digster/icon-socialize.png'); }
.digster .icon-relaxation,
.digster .icon-avkoppling { padding-left: 35px; background-image: url('../digster/icon-relax.png'); }
.digster .icon-celebration,
.digster .icon-hoegtid		{ padding-left: 28px; background-image: url('../digster/icon-xmas.png'); }
.digster .icon-romance,
.digster .icon-kaerlek		{ padding-left: 33px; background-image: url('../digster/icon-romantic.png'); }
.digster .icon-workout,
.digster .icon-traening		{ padding-left: 40px; background-image: url('../digster/icon-excercise.png'); }
.digster .icon-children,
.digster .icon-barn				{ padding-left: 28px; background-image: url('../digster/icon-kids.png'); }

.digster #listen_with			{ height: 62px; margin: 20px 0 44px; padding: 0 20px; font-weight: bold; }
.digster #listen_with dt	{ line-height: 62px; font-size: 18px; float: left; margin: 0 15px 0 0; }
.digster #listen_with dd	{ position: relative; top: 50px; font-size: 13px; text-transform: uppercase; }
.digster #listen_with dd a					{ padding: 56px 10px 0 10px; background-repeat: no-repeat; background-position: center top; border: none; color: #000; margin: 0 0 0 10px; }
.digster #listen_with .chimp				{ background-image: url('../digster/chimp.png'); }
.digster #listen_with .spotify			{ background-image: url('../digster/spotify.png'); }
.digster #listen_with .itunes				{ background-image: url('../digster/itunes.png'); }
.digster #listen_with .other_player	{ background-image: url('../digster/other_player.png'); }

#playlists														{ width: 960px; padding: 19px 0 19px 19px; margin: 0 0 20px; overflow:hidden; }
#playlists .header h2									{ background: #005fa0; margin-bottom: 0; }
#playlists h2.featured								{ background: #96aa2e; }
#playlists h2.more										{ background: #e16900; }
#playlists .header .back							{ float: right; font-weight: bold; line-height: 1; margin: 23px 0 0; }
#playlists .block											{ width: 300px; height: 80px; background: #eee; float: left; margin: 0 0 10px 20px; }
#playlists .block a										{ line-height: 1; }
#playlists .block.last								{ margin-right: 0; }
#playlists .block img									{ float: left; margin: 0 10px 0 0; }
#playlists .block .col2								{ width: 210px !important; float: left; }
#playlists .block h3									{ font-size: 14px; font-weight: bold; color: #005fa0; margin: 3px 0 4px; text-transform: none; }
#playlists .block h3 a								{ color: #005fa0; }
#playlists .block .listen							{ display: block; margin: 5px 0 0; height: 22px; line-height: 22px; border: none; color: #005fa0; padding: 0 0 0 27px; background: url('../digster/listen.png') no-repeat; }
#playlists .block .listen span				{ border-bottom: 2px solid #005fa0; }
#playlists .block .listen:hover span	{ border: none; }

#playlists .see_more	{ float: right; font-weight: bold; line-height: 1; }

.playlists_for_everyone						{  }
.playlists_for_everyone .inner		{ height: 200px; background: url('../digster/playlists_header.png') no-repeat right top; }
.playlists_for_everyone .col1			{ padding: 19px 0 0 19px; width: 472px; color: #0e0e0e; }
.playlists_for_everyone .col1 h1	{ font-size: 62px; letter-spacing: -3px; line-height: 1; }
.playlists_for_everyone .col1 p		{ line-height: 1.25; }
.playlists_for_everyone .col2			{ width: 340px; padding: 25px 0 0; }
.playlists_for_everyone p	{}

#playlists.all								{  }
#playlists.all .content				{ padding-bottom: 27px; background: url('../digster/shadow_bottom_wide.png') no-repeat center bottom; }
#playlists.with_filter .filter_header				{ height: 82px; }
#playlists .filter				{ clear: left; height: 23px; padding: 15px 0 15px 15px; background: #eee; float: left; }
#playlists.all h2							{ background: #c9003b; }
#playlists select					{ width: 130px; height: 20px; padding: 0; background: #fff; border: 1px solid #b2b8bd; color: #000; font-size: 11px; margin: 0 0 0 5px; }
#playlists option					{ background: #fff; border: none; color: #000; font-size: 11px; padding: 2px; }
#playlists .filter .col		{ float: left; margin: 0 20px 0 0; font-size: 13px; font-weight: bold; color: #000; }

#playlists .paging					{ font-size: 14px; font-weight: bold; text-transform: none; margin: -5px 10px 0 0; }
#playlists .paging a				{ border-bottom: 2px solid #005fa0; }
#playlists .paging a:hover	{ border: none; }

#playlists.start							{}
#playlists.start .col1				{ width: 620px; margin: 0 20px 0 0; }

#playlist_sidebar				{ width: 300px; }
#playlist_sidebar .block	{ width: 300px; float: none; height: auto; margin-bottom: 20px; }
#playlist_sidebar .block img	{ float: none; display: block; }
#playlist_sidebar .content	{ padding: 15px 15px 20px 15px; font-size: 14px; line-height: 1.28; }
#playlist_sidebar .content .intro	{ font-weight: bold; }

#playlist_sidebar .header h2 { background: transparent; height: auto; text-transform: none; letter-spacing: normal; margin: 0; float: none; }
#playlist_sidebar .header h2 a			{ font-size: 18px; }
#playlist_sidebar .header h2 a span	{ padding: 0; display: inline; }

#playlist_sidebar .header						{ position: relative; border: none; height: auto; margin: 0; }
#playlist_sidebar .header a					{ border: none; }
#playlist_sidebar .style1 .header h2				{ position: absolute; color: #fff; right: -20px; top: 138px; }
#playlist_sidebar .style1 .header h2 a			{ font-weight: normal; }
#playlist_sidebar .style1 .header h2 a span	{ float: right; clear: both; background: rgba(0,0,0,0.7); color: #fff; padding: 5px 20px 5px 15px; }

#playlist_sidebar .style1 .content				{ background: #333; color: #fff; }
#playlist_sidebar .style1 .content a			{ color: #fff; }
#playlist_sidebar .style1 .content a span	{ border-color: #fff; }
#playlist_sidebar .style2 .content				{ color: #000; }
#playlist_sidebar .style2 .content a			{ color: #000; }
#playlist_sidebar .style2 .content a span	{ border-color: #000; }
#playlist_sidebar .style2 h2							{ padding: 0 15px; margin: 15px 0 0; }

#register-facebook							{ background: #eee; padding: 20px; margin: 0 0 29px; }
#register-facebook a						{ color: #005fa0; font-size: 12px; }
#register-facebook p						{ margin: 0; }
#register-facebook h2						{ color: #333; margin: 0 0 11px; }
#register-facebook .preamble		{ font-size: 16px; color: #000; margin: 0 0 17px; font-weight: bold; line-height: 1.1875; margin: 0 0 19px; }
#register-facebook .register		{ display: block; position: relative; width: 412px; height: 64px; left: -30px; margin: 0 0 7px; background: url('../img/register-facebook.png'); border: none; text-indent: -9999px; overflow: hidden; }
#register-facebook .conditions	{ font-size: 11px; color: #797979; margin: 8px 0 0; line-height: 1.272; }

#loginform.blue {
top: 35px;
right: -8px;
width: auto;
background: url(../img/login.png) no-repeat 100% 100%;
padding: 0 0 8px 0;
}

#loginform.blue input.text {
border-color: #005fa0;
}

#loginform.blue .submit {
color: #005fa0;
background: #fff;
}

#loginform.blue .help-links {
margin: 0;
color: #fff;
}

#loginform.blue .help-links a {
color: #fff;
background-image: url(../img/square-w.png);
}

#loginform.blue #logga_in {
background: #005fa0;
color: #fff;
margin: 0 !important;
padding: 15px 20px 20px;
}
/* @end */