@charset "utf-8";
/* CSS Document */


DIV.sjef_skjema_wrapper{
	
	background-color: #e2e2e2;
	background-image:url(../gfx/sjef_skjema_banner.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:220px;
	/* height:355px; */
	
}

#sjef_wrap_alt{
	background-color: #e2e2e2;
	width:970px;
	
	
}

/* skjermen som vises etter mottatt liste */
DIV#sjef_retur{
	
	background-color: #e2e2e2;
	background-image:url(../gfx/sjef_banner_innsendt.jpg);
	background-repeat:no-repeat;
	background-position: right top;	
	height: 610px;
	color:#333;
	position:relative; 
}


/*morten*/
.sjef_facebook_liker {
margin: 30px 0 0 20px;
width: 450px;
float: left;
/* mortendisplay:none;*/
}

DIV.sjef_listevisning{
	
	background-color: #e2e2e2;
	background-image:url(../gfx/sjef_ill_lag_liste.jpg);
	background-repeat:no-repeat;
	background-position: right top;	
	
/* morten height: 610px;*/
	color:#333;
}



.sjef_hjelp_knapp{
	
	width:25px;
	height:25px;
	float:right;
	margin:10px 10px 0 0;
	cursor:pointer;
	background-image: url(../gfx/hjelp_knapp.png);
	text-indent:-10000px;

}


DIV.sjef_send_gif{
	
	height: 611px;
	text-align:center;
	background-image: url(../gfx/loading2.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #e2e2e2;

	
}

DIV.sjefliste_heading_wrap{
	
	height:100px;
	width: 880px;
	padding: 20px 0 0 20px;
	
}


.sjefliste_heading_wrap .gravatar{
	float:left;
	width:64px;
	height:64px;
	margin-right: 15px;
}


.sjefliste_heading_wrap .listetittel{
	float:left;
	width:550px;
	font-size:24px;
	padding-bottom:3px;
	font-weight:bold;
	margin: 7px 0 5px 0;
	line-height:30px;
	height:30px;
	overflow:hidden;
	
}


.sjefliste_heading_wrap .laget_av{
	
	width:550px;
	float:left;
	font-size:12px;
	line-height:18px;
	height:18px;
	overflow:hidden;
	color:#666;

	
}


.sjefliste_heading_wrap .laget_av SPAN{

	font-size:14px;
	font-weight:bold;
	color:#2e2e2e;
}


.sjefliste_heading_wrap .listebeskrivelse{
	float:left;
	width:420px;
	margin: 10px 0 0 79px;
	padding:2px 0 2px 0;
	height:70px;
	overflow:hidden;
	font-size:12px;
	color:#666;
	font-weight: bold;
	

		
}


.listebeskrivelse_sitat{
	/* font-family:Georgia, "Times New Roman", Times, serif; */
	
	background: url(../gfx/sjef_quote.png) no-repeat;
	margin-right: 8px;
	margin-bottom: 2px;
	width:20px;
	height:18px;
	float:left;
	display:block;
	top:15px;	 
	
}

DIV.sjef_ny_liste_tekst_listevisning, DIV.sjef_ny_liste_tekst_innsendt{
	
	width: 200px;
	height: 70px;
	/* border: 1px solid black; */
	padding:2px;
	text-align:center;
	color: #036f89;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	vertical-align:middle;
	
	
}

DIV.sjef_ny_liste_tekst_listevisning{
	top: 48px;
	right: 115px;
}

DIV.sjef_ny_liste_tekst_innsendt{
	top: 35px;
	right: 115px;
	font-size:17px;
}


DIV.sjef_ny_liste_tekst_innsendt A, DIV.sjef_ny_liste_tekst_listevisning A{
	color:#036f89;
}



DIV.sjef_liste_visning_wrap{
	margin: 60px 0 0 20px;	
	width: 700px;
	
}


DIV.sjef_liste_visning_wrap .liste_laat_wrap{

	height:100px;
	width:800px;
	
}


.sjef_liste_visning_wrap DIV.liste_nummer{
	
	font-size:60px;
	font-weight:bold;
	color:#999;
	float:left;
	width:79px;
	line-height:60px;

}


.liste_artistbilde SPAN.overlay_gloss{

	/* glossy overlay liste 64px*/
	
	background: transparent url(../gfx/artistbilde_over_64.png) no-repeat 0 0;
	display:block;
	z-index:100;

	top: -66px;
	
	position: relative;
	width:65px;
	height:65px;
	
}


.sjef_liste_visning_wrap .liste_artistbilde{
	
	width: 64px;
	height:64px;
	float: left;
	margin-right:20px;

	
}


.sjef_liste_visning_wrap .liste_laattittel{
	
	width: 500px;
	height:28px;
	float: left;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
	color:#333;
	margin: 5px 0 5px 0;
	overflow:hidden;
	
}


.sjef_liste_visning_wrap .liste_artistnavn{
	
	width: 500px;
	height:22px;
	float: left;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#666;
	overflow:hidden;
	

}



.sjef_deling_wrap{
	
	margin: 30px 0 25px 20px;
	height:25px;
	width: 350px;
	float: left; 
}

.sjef_deling_wrap SPAN.fb_knapp, SPAN.twitter_knapp {
	
	display:inline;
	float:left;
	margin-top:8px;

	
}

.sjef_deling_wrap SPAN.del_tekst{
	float:left;
	font-size:24px;
	line-height:28px;
}

.sjef_deling_wrap SPAN.fb_knapp a, SPAN.twitter_knapp a{
	display:block;
	height: 20px;
	width: 20px;
	text-indent: -10000px;
	margin: 0 0 0 20px;
	
}



.sjef_deling_wrap SPAN.fb_knapp a {
	background:  url(https://p3.no/wp-content/themes/p3/images/sprite_ikoner_20px.png) no-repeat scroll 0 0;
}

.sjef_deling_wrap SPAN.fb_knapp a:hover {
	background:  url(https://p3.no/wp-content/themes/p3/images/sprite_ikoner_20px.png) no-repeat scroll 0 -25px;
}



.sjef_deling_wrap SPAN.twitter_knapp a {
	background:url(https://p3.no/wp-content/themes/p3/images/sprite_ikoner_20px.png) no-repeat scroll -25px -0px;
}

.sjef_deling_wrap SPAN.twitter_knapp a:hover{
	background:  url(https://p3.no/wp-content/themes/p3/images/sprite_ikoner_20px.png) no-repeat scroll -25px -25px;
}






/* FORM SKJEMA */

DIV.sjef_form{
	
	width:970px;
	
}


DIV.sjef_laatliste{
	
	float:left;
	margin-top:20px;
	margin-left:40px;
	
}

SPAN.sjef_listenummer{
	
	float:left;
	position:relative;
	left:-15px;
	color:#036f89;
	font-size:26px;
	font-weight:bold;
	width: 26px;
	
}

DIV.sjef_laat{
	
	height:25px;
	margin-bottom: 12px;
	width: 900px;

}


IMG.sjef_fjern_laat{
	
	float:left;
	margin-left:20px;
	padding-top:3px;
	cursor:pointer;

}


DIV.sjef_listeartist, DIV.sjef_listelaat, DIV.sjef_listetittel, 
DIV.sjef_input_navn, DIV.sjef_input_epost, DIV.sjef_input_telefon {
	height:29px;	
	background-color:#FFF;
	background-position:left;
	background-repeat:no-repeat;
}



DIV.sjef_listeartist{
	background-image: url(../gfx/input_artist.jpg);
	float:left;
	width:400px;
	margin-right:20px;
	
}

DIV.sjef_listelaat{
	background-image: url(../gfx/input_laat.jpg);
	float:left;

	width:400px;
}


DIV.liste_tittel_boks .sjef_listetittel{
	background-image: url(../gfx/input_listetittel.jpg);
	width:400px;
	margin-bottom:10px;
}
	
	
DIV.liste_tittel_boks .sjef_listebeskrivelse {
	background-color:#FFF;
	width: 400px;
	height: 68px;
	
	background-image:url(../gfx/input_beskrivelse.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
	}


DIV.sjef_input_navn{
	background-image: url(../gfx/input_navn.jpg);
	width:400px;
	margin-bottom:10px;
}


DIV.sjef_input_epost{
	background-image: url(../gfx/input_epost.jpg);
	width:400px;
	margin-bottom:10px;
}


DIV.sjef_input_telefon{
	background-image: url(../gfx/input_telefon.jpg);
	width:400px;
	margin-bottom:10px;
}




DIV.sjef_listebeskrivelse TEXTAREA{
	border: none;
	width: 252px;
	height: 60px;
	float:left;
	margin-left:145px;
	padding-top:5px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	overflow:auto;
	
}

input:focus,
textarea:focus,
button:focus {
    outline: none;
}


DIV.sjef_listeartist INPUT, DIV.sjef_listelaat INPUT, DIV.liste_tittel_boks INPUT, DIV.brukerinfo_boks INPUT{
	height:22px;
	line-height:22px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	border:0;
	padding:0;
	margin-top:4px;
	float:left;


}

DIV.sjef_listeartist INPUT{
	width:310px;
	margin-left:85px;
}

DIV.sjef_listelaat INPUT{
	 width:330px;
	 margin-left:65px;
	 
}

DIV.liste_tittel_boks INPUT{
	 width:240px;
	 margin-left:145px;
}

DIV.brukerinfo_boks INPUT{
	
	width:280px;
	margin-left:105px;
	}



DIV.brukerinfo_boks, DIV.liste_tittel_boks{
	
	float:left;
	width: 400px;
	height:120px;
	margin-left:66px;
	
	
}


DIV.brukerinfo_boks{
	margin-left:20px;

}


DIV.sjef_listeinfo{
	
	margin-top:24px;	

/* 	height:200px; */
	width:970px;
}

DIV.sjef_submit{
	
	float:left;
	margin-left: 741px;
	margin-top:10px;
	
}



DIV.sjef_program_info{
	
	margin-top: 40px;
clear: left;
	height:35px;
	background:url(../gfx/bg_programinfo.jpg) repeat;
	text-align:center;


}

Div.sjef_program_info SPAN{
	
	color: #eee;
	font-size:20px;
	/* padding-left:66px; */
	line-height:35px;
	height:35px;
	vertical-align:middle;

	
}


.sjef_sendknapp {
	background-image:url(../gfx/sjef_submit.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: none;
	cursor:pointer;
	width: 145px;
	height:30px;
	

	margin-top:10px;

}




/* CSS Document */

/* Visning av lister */
.sjef_liste_stor {
	width: 600px;
	padding : 10px; 
	
}

.sjef_liste_stor .sjef_listebeskrivelse {
	clear: left; 
	padding-top:5px;
	font-size:12px;
	/* font-style:italic; */

		
}

.sjef_liste_stor div.gravatar {
	width: 64px; 
	float: left;  

}


DIV.sjef_toppliste_artister {
	float:left;
	margin: 0 0 20px 0;	
	width: 270px;
}



DIV.sjef_toppliste_laater {
	float:left;
	margin: 0 0 20px 60px;	
	width: 270px;
	
}


DIV.sjef_sisteliste_p3forside{
		
	margin: 10px 0 10px 0;	
	width: 960px;
	background: url(../gfx/sisteliste_p3forside_bg.jpg) no-repeat 0 0;
	background-color: #e2e2e2;
	padding: 20px 0 10px 10px;
	
}


DIV.sjef_sisteliste_p3forside .sjef_siste_spilte_rad{
	
	float:left;
	margin-right: 8px;

	width:128px; 
	color:#666;
}

DIV.sjef_lag_liste_p3forside{

	margin-left:370px;
	
	
}

.sjef_lag_liste_p3forside A IMG{
	
	margin-top: 20px;
	
}


DIV.sjef_sisteliste_liste{
		
	/*
	margin: 20px 0 20px 0;	
	width: 130px;
	
	*/
}


.sjef_siste_spilte_rad{
	
	/* float:left; */
	display:block;
	/* margin-right: 12px; */
	margin-bottom:15px;

	width:126px; 
	color:#666;
}

.sjef_siste_spilte_rad .listetittel{
	
	width:118px;
	padding:3px 10px 3px 0;	
	font-size:11px;
	overflow:hidden;

}

.sjef_siste_spilte_rad .navn{
	
	width:118px; 
		font-size:10px;
			padding-right:10px;
}

.sjef_siste_spilte_rad .spilt_dato{
	
	width:118px; 
	font-size:9px;
	padding-right:10px;
		
}

.sjef_siste_spilte_rad SPAN.overlay_gloss{
	
	background: transparent url(../gfx/artistbilde_over_126.png) no-repeat 0 0;
	z-index:100;
	display:block;

/* 
	top: 64px;
	left:35px;
	text-indent: -10000px; 

		
	*/
	
	top: -130px;	
	position: relative;


	width:127px;
	height:127px;
	
	
}



.sjef_toppliste_artister h5, DIV.sjef_sistelister_page h5, DIV.sjef_toppliste_laater h5, 
DIV.sjef_tags h5, DIV.sjef_sisteliste_liste h5,  DIV.sjef_sisteliste_p3forside  h5{
	margin-bottom: 12px;
/*	border-bottom:1px d300px #C0C0C0;*/

	border-bottom:1px #C0C0C0;

	/*color:#666; */
	
	color:#181818;
}



.sjef_toppliste_artistnavn{
		

	font-size:14px;
	font-weight:bold;
	color:#666;
}

.sjef_toppliste_antallonska{
	

	font-size:10px;
	color:#999;
}



.sjef_topp_laat_infowrap{
	
	float:left;
	width:220px;
	line-height:13px;
	padding-top:4px;
	color:#666;
	height:35px;
	overflow:hidden;
}

.sjef_toppliste_laat_artistnavn{
	
	font-size:10px;
	height:12px;
	left:20px;
	line-height:12px;
	overflow:hidden;
	position:relative;
	top:-2px;
	width:220px;
	float:left;


}

.sjef_toppliste_laat_tittel{
	
	float:left;
	font-size:13px;
	font-weight:bold;
	height:19px;
	line-height:18px;
	overflow:hidden;
	width:220px;
	
	
}


.sjef_toppliste_artistbilde{
	
	vertical-align:middle;
	float:left;
	margin-right:5px;
	width:34px;
	height:34px;
}

.sjef_toppliste_laater li{
	height: 34px;
	margin-bottom:5px;
	overflow:hidden;
}

	

.sjef_toppliste_artister li{

	height: 34px;
	line-height:34px;
	margin-bottom:5px;
	overflow:hidden;
}
	

.sjef_liste_stor .sjef_listetittel {
	width: 520px;
	background-color: #D7E4ED; 
	min-height: 60px;
	float: left;  
	padding-top:4px;
	padding-left: 10px; 
	line-height: 12px;
}





.entry .sjef_liste_stor .sjef_liste_personnavn{
	
	font-weight: 400;
	
}

.entry .sjef_liste_stor ul {
	list-style:none;
	list-style-type: none;
	margin: 0;
	padding: 0;

}


.entry .sjef_liste_stor li {
	height: 80px;
	/*border: 1px d300px #666;*/
	clear:both;
	list-style-image:none;
	list-style:none;
	list-style-type: none;
	list-style-position:outside;
	font-size: 18px;
	text-indent:0;
}


.sjef_liste_stor li strong {
	display:block;
	float:left;
	height: 80px;
	font-size: 80px;
	display:block;
	float:left;
	font-family:'Century Gothic', Georgia,serif;
	color:#D7E4ED;
	line-height: 80px;
	font-weight: normal;
}


DIV.sjef_tags{
	margin: 20px 0 20px 0;
	line-height:22px;
}

DIV.sjef_tags a{
	font-weight: bold; 
}


.sjef_liste_stor li div.artistbilde {
	width: 60px;
	float: left; 
	padding-left: 20px;
	padding-top: 10px;
}


.sjef_liste_stor li div.laatinfo {
	float: left; 
	padding-top: 24px;
	padding-left: 30px;
	color:#666;
	overflow: hidden;
	width:400px;
}


.sjef_liste_stor li span.laat_tittel {
	font-size:26px;
}



.sjef_infotekst ul{
	
	/* list-style:square; */
	
}


.sjef_infotekst p{
	
	margin-bottom: 15px;
	
}



.sjef_infotekst li{
	
 margin-bottom:4px;
	/* margin:0 !important; */
}

.sjef_infotekst H5{

	margin:10px 0 15px 0;

}



.sjef_infotekst{
	color:#333333;
/*	font-family:Arial,Tahoma,Verdana;
	margin-top: 80px;
	margin-bottom:50px; */
	margin-left: 5px;
	font-size: 12px;
	line-height:14px;
	text-align:left;

}


.lister2{
	color:#CCCCCC;
}
.listeheading {
	padding-top:35px;
}



.sok_form_wrapper{
	margin-bottom:0px;
	margin-top: 0px;
	width: 500px;
	float: left;
}



.fjern_laat{
	/* background image her? */
	/*font: Verdana 11px bold #ff2222;*/
	float:right;
	margin-right: 15px;
	vertical-align: middle;
	margin-top: 6px;
}

.sjef_lista{
	width: 560px;
	height: 100px;
	padding:3px;
	float:left;
}


.sjef_listitem{
	margin-top:4px;
	
	margin-left: 0px;
	width: 565px;
	height: 21px;


}


.sjef_input_bruker {

	width:170px;
	margin-top: 2px;
	height:17px;
	border:1px solid #888888;
	font-weight:normal;
}

.sjef_input_listeinfo{
	width:205px;
	margin-bottom:3px;
	font-weight:normal;
}






.sjef_btn_blankut{

	float:right; 
	margin-right:10px;
	margin-top:2px;
	cursor:pointer;


}







/* suggestion start  */

.suggestionsBox1, .suggestionsBox2, .suggestionsBox3, .suggestionsBox4, .suggestionsBox5, .suggestionsBox6 {
	position: absolute;
	z-index:1000;
	left: 30px;
	width: 310px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
	font-weight:bold;
}
	

.suggestionsBox1, .suggestionsBox3, .suggestionsBox5 {
	margin: 33px 0px 0px 105px;
}

.suggestionsBox2, .suggestionsBox4, .suggestionsBox6{
	margin: 33px 0px 0px 510px;
}


.suggestionList li {
	list-style:none;
	margin: 5px 0 5px 0px;
	padding: 2px; 
	
	cursor: pointer;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	

}

.suggestionList li:hover {
	background-color: #659CD8;
}







/* suggestion slutt */



/* MOBIL HER */

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

#sjef_wrap_alt{
	width:100%;
	}

	DIV.sjef_skjema_wrapper{
		float:none;
		padding-top: 25%;
		background-image:url(../gfx/sjef-banner-mobil.jpg);		
		background-size:contain;
		
	}
	
	DIV.sjef_form {
		float:none;
		width: 100%;
	}
	
	DIV.sjef_laatliste {
			float:none;
		margin-left: 0; 
		margin-top:0;
	}
	
	DIV.sjef_laat{
			float:none;
		width:100%;	
		height:70px;
	}
	
	.sjef_listenummer{
		display:none;
		}
	
	.sjef_listeinfo{
			float:none;
		width:100%;
	}
	
	DIV.sjef_listeartist {
			float:none;
		width: 100%;
		margin-right: 0; 
		margin-top:20px;
	}
	
	DIV.sjef_listelaat {
		width: 100%;
			float:none;
		margin-right: 0;
		margin-top: 5px;
	}
	
	.sjef_fjern_laat{
		display:none;
	}
	
	DIV.brukerinfo_boks, DIV.liste_tittel_boks {
		float:none;
		width: 100%;
		/* height: 120px; */
		/* margin-left: 66px; */
	}
	DIV.brukerinfo_boks, DIV.liste_tittel_boks {
		float:none;
		width: 100%;
		margin-left:0;
		margin-top: 10px;
	}
	
	DIV.brukerinfo_boks {
		/* margin-bottom:30px;	 */
	}
	
	DIV.sjef_listeinfo{
		float:none;
		width:100%;
		margin-top:10px;
		}
	
	
	
	DIV.sjef_submit {
	
		margin-left: 0;
		margin-top: 30px;
	}
	
	
	
	Div.sjef_program_info SPAN {
		font-size: 17px;
	}
	
	
	
	DIV.sjef_listeartist INPUT, DIV.sjef_listelaat INPUT {
		
		float: none;
		width: 75%;
		font-weight: normal;
	
	}
	
	DIV.liste_tittel_boks INPUT{
		font-weight: normal;
		width: 60%;
	
	}
	
	DIV.brukerinfo_boks INPUT{
		width:65%;
		font-weight: normal;
	}
		
	DIV.sjef_listebeskrivelse TEXTAREA {
		width:50%;
		font-weight:normal;
	}
	
	
	
	
	DIV.liste_tittel INPUT{		
		width:60%;
		font-weight: normal;
	}
	
	
	DIV.liste_tittel_boks .sjef_listetittel {
		width: 100%;
		margin-bottom: 5px;
	}
	
	
	DIV.liste_tittel_boks .sjef_listebeskrivelse {
		width: 100%;
	}
	
	
	DIV.sjef_input_navn, DIV.sjef_input_epost, DIV.sjef_input_telefon {
		width: 100%;
	}
	
	SPAN.sjef_submit{
		text-align: center;
		display: block;
	
	}
	
	.sjef_ny_liste_tekst_innsendt{
		display:none;
	}
	
	DIV#sjef_retur {
		background-image:none;
	
	}
	
	.sjef_liste_visning_wrap .liste_artistbilde {
	 display:none;
	}



/* RETUR */



	
	DIV.sjef_liste_visning_wrap {
		  width: 90%;
	}
	
	DIV.sjefliste_heading_wrap{
		
		height:100px;
		width: 90%;
		float:none;
	
		
	}
	
	.sjefliste_heading_wrap .listetittel, .sjefliste_heading_wrap .laget_av, .sjefliste_heading_wrap .listebeskrivelse, .sjef_deling_wrap {
		float:none;
		width:90%;
	}
	
	.sjefliste_heading_wrap .listebeskrivelse{
		margin: 0;
	}
	
	.sjefliste_heading_wrap .laget_av{
		font-size:15px;
	}
	
	
	DIV.sjef_liste_visning_wrap .liste_laat_wrap{
		width:90%
	}
	
	
	.sjef_liste_visning_wrap DIV.liste_nummer {
		display:none;
		overflow:hidden;
	}
	
	.sjef_liste_visning_wrap .liste_artistnavn{
		width:90%;
		overflow:hidden;
		font-size:24px;
		line-height: 26px;
		height:26px;
	}
	
	.sjef_liste_visning_wrap .liste_laattittel {
		width: 80%;
		font-size: 26px;
	    line-height: 28px;
	}
	
	.sjef_deling_wrap{
		 margin: 30px 0 0 20px;
	}
	
	.sjefliste_heading_wrap .gravatar{
		display:none;
	}

}


@media screen and (max-width: 500px) {
	Div.sjef_program_info SPAN {
		font-size: 13px;
	}
	.sjef_liste_visning_wrap .liste_artistnavn{
		font-size: 18px;
	    line-height: 20px;	
		height:20px;
	}

	.sjef_liste_visning_wrap .liste_laattittel {
		font-size: 20px;
	    line-height: 22px;
		height:22px;
	}

}