* { margin:0; padding:0; }
body { font-size:62.5%; }
body,
input,
textarea { font-family: Arial, helvetica, sans-serif; }
textarea { font-size:12px; }
a { font-weight:bold; color:#306740; text-decoration:none; }
a img { border:0; }
p { margin-bottom:0.5em; }
p,
li { font-size:1.3em; }
h3 { font-size:1.7em; }

.popup { display:none; }
.sprite { background:url(/picknicksm/images/sprite.png?v2); }
.clearfix { clear:both; display:block; }
a.arrow { background:url(/picknicksm/images/arrow-small.gif) left center no-repeat; padding-left: 13px; min-height:7px; }
a.back.arrow { background:url(/picknicksm/images/arrow-back.png) left center no-repeat; }
img.center { display:block; margin:0 auto 5px; }
.button-stang { background-position: -276px -95px; width:62px; height:32px; margin:0 auto; position:relative; z-index:5; }
.button-stang:hover { background-position: -206px -414px; }
.pointer { cursor:pointer; }
h2.underline { border-bottom:3px solid #000; margin-bottom:0.5em; padding-bottom:3px; }
h2.underline.small { border:0; background: url(/picknicksm/images/divider_small.png) no-repeat bottom left; }
h2.underline.smaller { border:0; background: url(/picknicksm/images/divider-smaller.png) no-repeat bottom left; }
.vote-button { background-position: -419px -97px; height:39px; width:39px; float:right; }
.vote-button.click { background-position: -458px -97px; }
ul.toplist li { border-bottom: 1px solid #c8c8c8; font-weight:bold; list-style:none; margin-bottom:0.2em; }
ul.veckovinnare { float:left; width:199px; margin: 10px 10px 0 0; }
ul.ledartabell { width: 240px; margin:5px 0 20px 0; }
.heart { background-position: -141px -107px; height:9px; width:12px; display:block; float:left; margin-right:3px; }
a.share-facebook { background:url(/picknicksm/images/icon-fb.png) right center no-repeat; padding-right:20px; font-size:1.2em; }
a.share-mail { background:url(/picknicksm/images/icon-mail.png) right center no-repeat; padding-right:24px; font-size:1.2em; }
#upload-loader { position:absolute; left:30px; top:145px; display:none; }
#verify-arrow { background: url(/picknicksm/images/verify-arrow.png) no-repeat; height: 39px; width:21px; position: absolute; left: 20px; top: 80px; }

#page { width:869px; margin:5px auto; position:relative; top:-24px; }

body #garant .garantMenu { margin-right:40px; }
#header { height: 140px; }
	#logo { position:relative; top:6.5em; left:5em; }
	#logo-gogreen { position:relative; top:10px; left:3px; }
	#tillbaka-till-start { float:left; position:absolute; top:8.5em; left: 80px;}
	#veckans-ipad-vinnare { position:absolute; margin:60px 3px 0 0; width:238px; right: -80px; top:5px;}

#content-top { background-position: 2px 0; height:56px; position:relative; top:-8px; left:-20px; width:869px; }
	#content-top img { position:relative; left: 20px; top:15px; float:left; }
	#content-top a { float:right; margin: 2em 2em 0 0; }
#content-bottom { background-position: 0 -307px; height:18px; position:relative; bottom:0px; left:-22px; width:869px; }
#content { background:url(/picknicksm/images/content-bg2.png) -1px 0 repeat-y; position:relative; padding: 0 20px; z-index:1; }
	#sidebar-left { width: 560px; float:left; position:relative; }
		#map-big { width: 557px; height: 442px; }
		#map-big #lagg-till-tips { cursor:pointer; width: 140px; height: 37px; margin: 395px 0 0 320px; background-position: 0 -95px; }
		#map-big #lagg-till-tips:hover { background-position: -0px -414px; }
		#map-big #address-container { margin:5px; }
		#map-big #address { padding:5px; font-weight:bold; width: 190px; }
		.ui-autocomplete { margin-top:10px; }
		.ui-autocomplete li { list-style:none; background:#fff; padding: 5px; width: 190px; }
		.ui-autocomplete li.ui-menu-item:hover { background:#dbf3c4; cursor:pointer; }
		.ui-autocomplete li a { display:block; }
		#map-overlay div { background:url(/picknicksm/images/map-overlay.png) no-repeat; position:absolute; }
		#map-overlay .right { left:0; top:0; width: 10px; height:450px; background-position: -3px 0; }
		#map-overlay .top { left:0; top:0; width:560px; height:10px; }
		#map-overlay .left { right:0; top:0; width:10px; height:450px; background-position: -559px 0; }
		#map-overlay .bottom { left:0; top:430px; width:550px; height:10px; background-position: -3px -430px; }
		#virtual-cursor { width: 38px; height:47px; background-position: -559px -96px; position:absolute; z-index:2; display:none; }

		#tips { position:relative; }
			#tips .header { position:relative; top:15px; }
			#tips .produkt { float:left; margin:0 6px 10px 0; }
		#infowindow { position:absolute; top: -100px; left: 150px; background:url(/picknicksm/images/map_popup-bg.png) repeat-y; width:334px; display:none; }
			#infowindow .recipe { display:none; }
			#infowindow .input { margin-bottom: 7px; }
			
			#infowindow p { font-size:1.2em; }
			#infowindow #add-entry p { font-size:1.1em; }
			#infowindow .recipe,
			#infowindow .content { height:200px; }
			#infowindow .content { display:block; }
			#infowindow .wrapper { padding: 0 20px 0; height:320px; position:relative; z-index:2;}
			#tips-popup-close,
			#infowindow-close,
			#verify-vote-close { background-position: -141px -94px; height:12px; width:12px; position:absolute; top: 0; right: 10px; z-index:1000; }
			#verify-vote-close { right: 30px; }
			#tips-popup-close { top: 10px; right: 30px; }
			#tips-mail-popup .input,
			#tips-mail-popup .textarea,
			#infowindow .input,
			#infowindow .textarea { background:#f3f3f3; width:287px; padding:2px; margin-top:5px; }
			#tips-mail-popup .input,
			#tips-mail-popup .textarea { width: 310px; margin: 10px 7px 0; }
			#tips-mail-popup .textarea,
			#infowindow .textarea { height:50px; resize:none; overflow:auto; }
			#infowindow .file { float:left; width:210px; } 
			#infowindow #upload-button { background-position: -216px -95px; width: 58px; height:21px; float:right; margin-top:5px; }
			#tips-mail-popup .submit-skicka,
			#verify-vote-popup .submit-skicka { background-position: -268px -412px; width: 63px; height:28px; border:0; margin: 10px 0 10px 130px; cursor:pointer; }
			#verify-vote-popup .submit-skicka { margin-top:-5px; }
			#infowindow .submit { background-position: -153px -102px; width: 63px; height: 28px; border:0; float:right; margin-top:30px; }
			#infowindow .recipe .submit { margin-top:6px; }
			#infowindow .submit:hover { background-position: -141px -413px; }
			#infowindow #share-tack { height:41px; width:127px; margin:70px auto; padding-top:3px; background:url(/picknicksm/images/share-bg.png) no-repeat; }
			#infowindow #share-tack .wrapper { padding:10px; }
		#infowindow-top { background-position:0 -132px; height:20px; position:absolute; top:-17px; width:334px; }
		#infowindow-bottom { background-position: 0 -508px; height: 160px; position:absolute; bottom:-90px; width:400px; }

		#tips-popup,
		#tips-mail-popup,
		#verify-vote-popup { position:absolute; top: 40px; left:70px; z-index:10; }
		#verify-vote-popup { left:-40px; }
			.popup .top { background-position: 0 -333px; height:17px; width:431px; }
			.popup .bottom { background-position: 0 -347px; height:26px; width:431px; }
			.popup .content { background: url(/picknicksm/images/tips-popup-bg.png) -1px 0 repeat-y; width: 431px; }
			.popup .wrapper { padding:0 5em; }
			#verify-vote-popup.popup .wrapper { height:200px; }
		#infowindow #verify-vote-popup.popup .wrapper { padding: 0 50px; }
		#tips-popup .button-stang,
		#tips-mail-popup .button-stang { margin-top:1em; }

		#close-popup { position:absolute; top: 110px; left: 90px; z-index:10; width:336px; }
			#close-popup .top { background-position: 0 -460px; width:336px; }
			#close-popup .bottom { background-position: 0 -470px; width:336px; }
			#close-popup .wrapper { padding: 0 1em; }
			#close-popup.popup .content { background:url(/picknicksm/images/close-bg.png) -12px 0 repeat-y; width:336px; }
			#close-popup #spara-ja { background-position: -340px -97px; width:34px; height:31px; float:left; margin: 10px 0 0 110px; }
			#close-popup #spara-nej { background-position: -374px -97px; width:45px; height:31px; float:left; margin: 10px 0 0 10px; }
		
		.entry .meta { float:left; height: 39px; width: 250px; font-size:1.1em; }
		.entry .vote-count { float:left; font-weight:bold; padding-top: 20px; }
		.entry.youtube .meta,
		.entry.youtube .vote-button { margin-top: -5px; }
		.entry .vote-count .response,
		.entry .vote-count .int { position:relative; bottom:4px; }
		.entry .vote-count .response { font-weight:normal; font-size:12p; }
		.entry .desc { height:80px; }
		.entry.youtube .desc { height: 60px; }
		.entry .share-area { float:right; padding-top: 20px; }
		.entry .share-area a:hover { color:#6c0; } 

	#sidebar-right { width: 260px; float:right; font-size:1em; }

		#sidebar-right .block { margin-bottom:1em; }
		#sidebar-right .block p { margin:0; }
		#sidebar-right .block .wrapper { padding:0 1.4em 0; margin-top: -5px; }

		#sidebar-right .block.wide .content { background: url(/picknicksm/images/block-wide-bg.png) repeat-y; width:256px; }
		#sidebar-right .block.wide .top { background-position: 0 -245px; height: 10px; }
		#sidebar-right .block.wide .bottom { background-position: 0 -255px; height:11px; }

		#sidebar-right .block.pris { float:right; margin-right:3px; }
		#sidebar-right .block.pris .content { background: url(/picknicksm/images/block-pris-bg.png) repeat-y; width:129px; padding: 0 2em 0 0.7em; }
		#sidebar-right .block.pris .top { background-position: 1px -288px; height:10px; width:156px; }
		#sidebar-right .block.pris .bottom { background-position: 1px -298px; height:9px; width:156px; }

		#sidebar-right .block.sweden { float:left; width:92px; }
		#sidebar-right .block.sweden .content { background: url(/picknicksm/images/block-sweden-bg.png) repeat-y; position:relative; }
		#sidebar-right .block.sweden .top { background-position: 1px -267px; height:12px; }
		#sidebar-right .block.sweden .bottom { background-position: 1px -279px; height:9px; }
		#sidebar-right .block.sweden #sweden-map { width:80px; height:178px; margin:0 auto; }
		/*#sidebar-right .block.sweden #sweden-map-overlay { width: 81px; height:184px; background:url(/picknicksm/images/map-sweden.png); position:absolute; top:-5px; left:8px; z-index:0; }*/

		#sidebar-right #sa-har-gor-arrow { position:absolute; width:60px; height:34px; top:145px; right:255px; background-position: -497px -97px; z-index:1; }

#footer { width: 400px; margin: 0 auto; padding-top:10px; color:#242424; text-align:center; clear:both;}
#footer-greens { position:absolute; width: 1070px; height: 172px; z-index:9; background:url(/picknicksm/images/footer-greens.png) no-repeat; bottom: -60px; left:-80px; }
#melon { position:absolute; width:121px; background: url(/picknicksm/images/melon.png) no-repeat; height:282px; left:-118px; bottom:40px; z-index:-200; }


#topplista-area { padding: 2em 0; position:relative; }
#topplista-area img.arrow-text { position:absolute; top: 3em; left: 0px; z-index:5; }
#stapel-area { float:right; margin-right:40px;}
#stapel-area .content, 
#stapel-area .top,
#stapel-area .bottom { width:558px; }
#stapel-area .top { background-position: -2px -372px; height:10px; }
#stapel-area .bottom { background-position: -2px -382px; height:30px;  }
#stapel-area .content { background:url(/picknicksm/images/stapel-area-bg.png) repeat-y; }
#stapel-area .wrapper { padding: 0 5px; position:relative; }
.stapel-area { width:109px; float:left; height:200px; position:relative; bottom:-20px; }
.stapel-area .stapel-wrapper {position:absolute; bottom: 0px; width: 110px; }
.stapel { background:url(/picknicksm/images/stapel-bg.png); width: 47px; margin:0 auto; }
.stapel p {color:#fff; font-weight:bold; text-align:center; font-size:1.6em; }
.stapel-area p { text-align:center; }

#col-priser,
#col-regler { width: 400px; float:left; }
#col-regler { float:right; }
#col-priser p,
#col-regler p { margin-bottom:1em; }