/* Author:				Dreamscape, www.dreamscape.se
*  Contact:				info@dreamscape.se
*  Version:				1.0
*  Created:				2008
*
* Svenskpress.se
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(text.css);

@import url(defaults.css?r=3);
@import url(forms.css?r=1);
@import url(navigation.css?r=4);

@import url(/wwwdocs/js/slimbox/css/slimbox.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */

.grid_2, .grid_4, .grid_6, .grid_8, .grid_10, .grid_12, .grid_14 { float: left; margin-left: 1%; margin-right: 1%; }
.grid_4 {width: 23%; }
.grid_8 {width: 48%; }
.grid_16 {width: 100%; margin-left: 0; margin-right: 0;}

.grid_8 .grid_4 {width: 48%;}


ul#nav_main_sub {margin: 0 auto !important;}
div#megawrap {width: 96%; max-width: 1310px; margin: 0 auto;}
div#header-inner, div#footer-inner, html body ul#nav_main, ul#nav_main_sub {max-width: 1310px !important;}

div#container {background:url(/wwwdocs/img/bg_container.gif);}
#container, .leaderboard { width: 100% !important; padding: 0 !important; }
div#container-wrap {padding: 15px;}

div#container, div#container-wrap {position: relative;}

.with_spsb #megawrap { max-width: 1160px !important; }
.with_spsb #megawrap #container, .with_spsb #megawrap .leaderboard { width: 100%; padding-left: 0; padding-right: 0; margin-left: 0 !important; margin-right: 0 !important;}

#header .google-auto-placed {display: none !Important;}
div#header {background:#fff; position:relative; zoom:1;}
div#header-inner {margin: 0 auto; padding-top: 10px;}
	#header .paper-logo {margin-bottom:5px; font-size:42px; overflow: hidden; position: relative; z-index: 10; float:left;}
	#header .paper-logo a {color:#000}	
	#header .paper-logo img {max-width: 100%;}

div#top_right {float: right; margin-top: 5px; overflow: hidden; position: relative; z-index: 1;}
	p.top_text {width: 200px; float: left; margin: 0; }
	ul#top_pics {float: left; margin: 0; overflow: hidden; max-height: 103px; text-align: right;}
	  #top_pics li {display: inline; margin-left: 5px; overflow: hidden;}

div#footer {clear:both; padding:15px; background:#000; color:#fff; margin-top:15px;}
div#footer-inner {max-width: 945px; margin: 0 auto;} /* Only SP for now.. */
	#footer p {margin:0;}


.main-column {
	float: left; width: 50%;
}

.twin-column {
	float: right; width: 50%;
}
.twin-column .column {
	float: left;
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: -o-calc(50% - 20px);
	width: calc(50% - 20px);
	margin-left: 20px;
	
}
.twin-column .last-col { }

.stnd-colbox {overflow-x: hidden;}
.stnd-colbox iframe {max-width: 100% !important; width: 100% !important;}

.date {color:#666; display:block; margin:5px 0;}
.location {font-weight:bold; color:#316A99;}
.rmm_price {color: red; font-weight: bold;}

.info_box {margin: 10px 0; border: 1px dotted #c0c0c0; padding: 10px; background: #FFFFF8; }

span.mtype {font-weight: bold; }

.sub_cat_wrapper p {margin-bottom: 10px;}

div#rss_promo { margin: 10px 0; padding: 10px 0; }
	#rss_promo img {float: left; display: block; width: 11%; margin-right: 5px; max-width: 30px; }
	#rss_promo p {float: right; display: block; width: 86%; line-height: 115%; }

div#page_content {padding-bottom: 20px; border-bottom:2px solid #efefef; margin-bottom: 10px; }

div#google_translate_element {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; }
	#google_translate_element select {width: 100%; }

div#facebook_likebox {margin-bottom:10px;}

img.pr_image {display: block; float: right; border: 1px dotted #c0c0c0; margin: 0 0 10px 10px; padding: 5px; }

/* Positioned, layered Graphics */
.pos_graphic { left: 50%; top: 0; } /* Positioned graphic / "Layoutbild" */
a.pos_graphic, a.pos_graphic img { cursor:pointer; }


/*-----------------------------------------------------------------------------------
* == YODO NETWORK TERMS & CONDITIONS
* --------------------------------------------------------------------------------- */

.yn_agreement_layout #header, .yn_agreement_layout .twin-column, .yn_agreement_layout #footer {display: none !important;}
.yn_agreement_layout #megawrap, .yn_agreement_layout #container, .yn_agreement_layout #container-wrap, .yn_agreement_layout .main-column {
	width: 100% !important; 
	max-width: none !important;
	padding: 0 !important; margin: 0 !important;
}
.yn_agreement_layout #content {padding: 15px;}


div#agreement_splash {display: none;}
div#agreement_splash {position: fixed; z-index: 90000;}
#agreement_splash div#agreement_splash_bg {position: fixed; background: #000; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; width: 100%; height: 100%; min-height: 3000px; overflow: hidden; z-index: 90500; top: 0; left: 0;}
#agreement_splash #agreement_splash_wrap {position: fixed; z-index: 91000; min-height: 200px; top: 10%; height: 80%; width: 70%; left: 15%; background: #fff; border: 1px solid #000;}
#agreement_splash #agreement_splash_wrap div.agreement_splash_inner {position: relative; padding: 15px; height: 100%;}
#agreement_splash #agreement_splash_wrap div.agreement_splash_inner div {
	border: 1px solid #ddd;
	position: relative;
	height: -moz-calc(100% - 87px);
	height: -webkit-calc(100% - 87px);
	height: -o-calc(100% - 87px);
	height: calc(100% - 87px);
}
#agreement_splash #agreement_splash_wrap iframe {position: absolute; width: 100% !important; max-width: 100% !important; height: 100% !important;}
#agreement_splash footer {height: 50px; background: #fff;}
#agreement_splash #cancel_agreement {float: left; background: #ccc !important; color: #333 !important;}
#agreement_splash #accept_agreement {float: right; background: #000;}
#agreement_splash footer button {height: 40px !important; padding: 0 20px !important; line-height: 28px !important; font-size: 15px !important; border: none !important; background: #000; color: #fff !important; margin: 15px 0 0 0 !important;}

#agreement_splash footer label {display: inline-block; float: right; margin: 0 15px 0 0; padding-top: 23px; font-size: 15px; font-weight: normal;}

@media only screen and (max-width : 579px) { #agreement_splash #agreement_splash_wrap  { height: 90%; width: 90%; left: 5%; top: 5%; } }

/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	#login .input_text {width:98%;}
	#login fieldset, #login button {margin:10px 0 0 0;}
	
	#login ul {margin:5px 0 10px 0;}
		#login ul li {margin-bottom:5px;}

/*-----------------------------------------------------------------------------------
* == FORMS IN COLUMN (same as LOGIN, basically)
* --------------------------------------------------------------------------------- */
form.column_form {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	.column_form .input_text {width:98%;}
	.column_form fieldset, #login button {margin:10px 0 0 0;}

	.column_form ul {margin:5px 0 10px 0;}
	.column_form ul li {margin-bottom:5px;}


/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
ul.images {float:right; margin:0 0 15px 15px; max-width: 30%;}
	.images li{ margin-bottom:15px; }
	.images li img {display: block; width: 100%;}
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}

.pages_view .dbContent img {width: 100%; display: block; padding: 0; margin-bottom: 20px;}

/*-----------------------------------------------------------------------------------
* == ARTICLES
* --------------------------------------------------------------------------------- */

html body h1.h_article {line-height: 125% !important;}
html body h2.h_article, html body h1.h_article {background:none; font-size:30px; color:#000; padding:0; height: auto; line-height: auto;line-height: 125%;font-weight:normal;}

.article-body ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1.5em;
}

.isax {
	background: #f0f0f0 url(/wwwdocs/img/ad.gif) no-repeat 13px 8px; !important;
    padding: 20px 15px 15px 15px !important;
    box-sizing: border-box !important;
	margin-bottom: 15px !important;
}

html body h2.isax {
	background: url(/wwwdocs/img/ad.gif) no-repeat 0 8px; !important;
	background-color: transparent !important;
	padding: 20px 0 0 0 !important;
}
	
.isdebate, html body h2.isdebate {
	background: url(/wwwdocs/img/debatt2.gif) no-repeat 0 7px; !important;
    padding: 20px 0 0 0 !important;
    box-sizing: border-box !important;
	margin-bottom: 15px !important;
}

.articles_view p a {
	/* Breaks long url:s into rows so that they don't mess upp the design in Safari etc */

	/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
	-ms-word-break: break-all;
	word-break: break-all;
	
	/* Non standard for webkit */
	word-break: break-word;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* LISTINGS */
div.article_huge {margin-bottom:10px; border-bottom:2px solid #efefef;}
	.article_huge p a, .article_huge p a:visited {color:#000;}
	.article_huge a img {width: 100%;}
	.article_huge h2 {background:none;}
	.article_huge h3 {}

ul.articles_big {overflow:hidden; float: left; width: 48%; margin: 0 1%;}
ul.articles_big li {margin: 0 1%; width: 98%;}
	/*.articles_big li {float:left; width:228px; margin-bottom:8px;}
	.articles_big li.first {padding-right:5px; border-right:2px solid #efefef; margin-right:5px;}*/
	.articles_big a img {width: 100%;}
	.articles_big h3 {margin:5px 0 0 0;}
	.articles_big p a, .articles_big p a:visited {color:#000;}
	.articles_big .alpha {clear:left;}
	
div.article_row {overflow:hidden; border-bottom:2px solid #efefef; padding-bottom:10px; margin-bottom:10px;}
	.article_row h3 {margin-top:0;}
	.article_row p a, .article_row p a:visited {color:#000;}
	.article_row img.left, img.right {width: 35%;}
	.article_row .left {float:left; margin:0 3% 15px 0;}
	.article_row .right {float:right; margin:0 0 15px 3%;}
	
ul.articles_small {overflow:hidden;}
	.articles_small li {overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px;}
	.articles_small h3 {margin-top:0;}
	.articles_small p a, .articles_small p a:visited {color:#000;}
	.articles_small li p { }
	.articles_small a:not(.advert) img {float:right; width: 28%; margin-left: 3%; }

ul.promo_articles {}
	.promo_articles li { border-bottom:1px solid #ccc; margin-bottom: 10px; }
	.promo_articles h3 {margin:0;}
	.promo_articles p a, .promo_articles p a:visited {color:#000;}
	.promo_articles img {display: block; width: 100%; margin-bottom: 10px;}

#latest_events ul li img {display: block; width: 100%; margin-bottom: 10px;}

ul.reader_articles { border-top:1px solid #ccc; padding-top:5px;}
	.reader_articles li {overflow:hidden; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;}
	.reader_articles img {float:left; margin:0 10px 0px 0;}
	.reader_articles h3 {margin:0;}
	.reader_articles p a, .reader_articles p a:visited {color:#000;}
	.reader_articles .date {font-size:12px; margin-bottom:0;}

ul.latest_forum_entries {}
	.latest_forum_entries li {overflow:hidden; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;}

ul.clean_list {}
	.clean_list li {border-bottom:1px solid #ccc; padding:2px 0;}
	.clean_list li a {}

/* VIEW */
div#top_image {margin-bottom:15px;}
#top_image img {width: 100%;}

/*-----------------------------------------------------------------------------------
* == FORUMS
* --------------------------------------------------------------------------------- */

table.forum { color: #707070; }
table.forum a { font-weight: bold; text-decoration: underline; }
table.forum span {display: block; padding-top: 3px; }

table.forum td.latest_post_data {background: #efefef; padding-left: 10px;}

table.forums td {width: 50%;}

div.forum_posts div.forum_post {margin-bottom: 10px; background: #f8f8f8;}
div.forum_posts div div.poster_header {background: #efefef; padding: 5px; border: 1px solid #ccc; }
div.forum_posts div div.poster_header * {margin: 0; padding: 0;}
div.forum_posts div p.poster_data {float: left; width: 75%;}
div.forum_posts div p.poster_id {float: right; width: 23%; text-align: right;}
div.forum_posts div p.post_content {border: 1px solid #ccc; border-top: 0; padding: 5px;}

p.thread_links {float: left; width: 73%;}
p.forum_add_subject { float: right; width: 25%; text-align: right;}
p.forum_add_subject a { }
/*-----------------------------------------------------------------------------------
* == GALLERIES
* --------------------------------------------------------------------------------- */
/* View */
ul.gallery_images {list-style-type:none;}
	.gallery_images li {margin-bottom:20px;}
	.gallery_images li span {display:block; margin-top:5px;}
	

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post img {float:right; margin:0 0 15px 15px;}
	.post p a, .post a:visited {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}
	
div.banners .post {}	
div.banners .post img {float:none; margin:0; margin-bottom:10px; display:block;}	

/*-----------------------------------------------------------------------------------
* == AUTHOR
* --------------------------------------------------------------------------------- */
div.author {overflow:hidden; padding:10px; background:#efefef; border:2px solid #ccc; clear:right; margin-bottom: 10px; }
	.author h3 {margin:0; font-size:16px;}
	.author img {float:left; margin:0 10px 0 0;}
	.author p {margin-bottom:0; margin-top:5px; font-style:italic; font-size:12px;}
	.author span.registered {display:block; margin-top:5px;font-size:12px; font-weight:bold;}
	
/*-----------------------------------------------------------------------------------
* == COMMENTS
* --------------------------------------------------------------------------------- */
#user_comment .post {overflow:hidden; padding-bottom:5px; padding-top:10px; margin:0; }
	#user_comment h4 {display:inline; font-size:14px;}
	#user_comment span.message {}
	#user_comment span.date {display:inline; color:#666; font-style:italic;}
	#user_comment .delete {position:absolute; top:0; right:5px; }
	#user_comment .post img {float:left;}
	#user_comment .post div {padding-right:60px; position:relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
	
	#user_comment .author {background:#fff; border:0;}
	
	#user_comment form.answer {display:none; margin:0;}
	#user_comment form.answer fieldset {padding:0; background:none; margin:0;}
	#user_comment form.answer textarea.huge {height:40px;}
	
	form#comment_write {margin-top:5px;}


/*-----------------------------------------------------------------------------------
* == USER PROFILES
* --------------------------------------------------------------------------------- */
div.users_profile { }

img.user_pic, img.user_nopic {float:left; margin:0 15px 5px 0;}
div.presentation {overflow:hidden;}

/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff .column {float:left; margin-right:10px;}
	.staff .odd {margin-right:0;}
	.staff h4 {margin-bottom:5px;}
	.staff dl {}
	.staff dt {font-weight:bold; margin-top:5px;}
	.staff dd {}

/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	
ul.latest_videos_big, ul.latest_galleries_big {}
	.latest_videos_big li, .latest_galleries_big li {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:10px;}
	.latest_videos_big h3, .latest_galleries_big h3 {margin:5px 0 0px;}


ul.latest_videos, ul.latest_galleries {overflow:hidden;}
	.latest_videos li, .latest_galleries li {float:left;width:49%; margin-right:2%;}
	.latest_videos li img, .latest_galleries li img {display: block; width: 100%; margin-bottom: 5px;}
	.latest_videos li.even, .latest_galleries li.even {clear:left;}
	.latest_videos li.odd, .latest_galleries li.odd {margin-right:0;}
	.latest_videos h3, .latest_galleries h3 {font-size:14px; margin:0; margin-bottom:10px;}
	.latest_videos h3 {width: 100%; overflow: hidden; }

/*-----------------------------------------------------------------------------------
* == VIDEO
* --------------------------------------------------------------------------------- */	

.video-view-wrap {margin-bottom: 20px;}

.video-view-inner {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}

.video-view-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

/*--------------------------------------------------------------------------------------------------------
/* ==  Social media / Sharing / AddThis
------------------------------------------------------------------------------------------------------- */

.addthis_box {width: 200px; float: right; text-align: right; margin: 0; }
div.share_section {border-top: 1px solid #ccc; padding: 15px 0;}
p#share_embed_p {width: 200px;padding-top:20px;}
div#share_embed {clear: both; display: none;}
textarea#share_embed_txt {height: 60px; width: 94%; border: 1px solid #ccc; padding: 3%; font-family: Arial, Helvetica, sans-serif;}


/* Cookie bar */

#cookiebar {background: #000; position: fixed; bottom: 0; width: 100%; height: 55px; z-index: 99000;}
#cookiebar p {float: left; padding-left: 10px;}
#cookiebar p, #cookiebar p a, #cookiebar p a:visited, #cookiebar p a:hover {color: #fff !important; margin: 0 !important; text-align: center; height: 55px; line-height: 53px;}
#cookiebar p a {text-decoration: underline;}
button#cookies_ok {float: right; margin: 11px 10px 0 0 !important; padding: 0 20px !important; background: #fff !important; color: #000 !important; }
@media only screen and (max-width : 890px) {
	#cookiebar {padding-top: 15px;}
	#cookiebar, #cookiebar p {float: none !important; height: auto !important; text-align: center; line-height: normal !important;}
	#cookiebar p, #cookiebar p a, #cookiebar p a:visited, #cookiebar p a:hover {height: auto !important; line-height: normal !important;}
	button#cookies_ok {float: none !important; margin: 10px auto 10px auto !important;}
}

/*--------------------------------------------------------------------------------------------------------
/* ==  Adverts
------------------------------------------------------------------------------------------------------- */

ins.adsbygoogle {overflow-x: hidden;}

.advert {
	display: block; padding-top: 10px; margin-bottom: 5px; background: url(/wwwdocs/img/ad.gif) no-repeat top left;
}
.advert img {display: block; margin: 0 auto; max-width: 100%; border: none; outline: none;}
.separated { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; }
.banner_etc { background-color: #f2f2f2; padding: 10px 0; text-align: center; }
a.flash_overlay { z-index: 12; position: absolute; cursor: pointer;
	background-color: green;
	filter:alpha(opacity='2');
	-moz-opacity:0.02;
	-khtml-opacity: 0.02;
	opacity: 0.02;
}
.flashy {z-index: -1;}

.spsbnr { position: absolute; width: 200px; top: 0px; left: 100%; margin: 10px 0px 0px 10px; overflow: hidden; z-index: 2000;}

/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }

/*-----------------------------------------------------------------------------------
* == IFRAME
* --------------------------------------------------------------------------------- */
div#iframe {display:none;width:600px; height:550px; border:5px solid #ccc; background:#efefef; padding:10px; position:fixed; top:50%; left:50%; z-index:9999; margin-left:-305px; margin-top:-275px; }
	#iframe iframe {width:600px; height:500px; background:#fff;}
	#iframe .close {color:#000; float:none; display:block; margin:5px 0 0 0px; width:75px; background:#efefef; border:1px solid #ccc; text-align:center; font-size:12px; padding:5px 0;}

/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */
#slideshow_container, #slideshow, #slideshow li {height:120px; width:400px;}
div#slideshow_container {float:right; margin-bottom:10px;}
	#promotion img {}
	#promotion p {}
	div#slideshow {position:relative; overflow:hidden;} 
	#slideshow ul {margin: 0;}
	div#slideshow li {position:absolute;}


span.spra_left {display: block; float: left; width: 200px; }
span.spra_right {display: block; float: right; width: 200px; text-align: right; font-weight: bold;}
p.spra_ingress {clear: both; margin-top: 50px;}

/*-----------------------------------------------------------------------------------
* == USERS MODULES
* --------------------------------------------------------------------------------- */
p.modules_price {float: left; width: 200px; color: red; font-weight: bold; }
p.modules_action {float: right; width: 150px; text-align: right; }
 .modules_action a {font-weight: bold;}

.my_customer_contacts dl {overflow:hidden; border: 1px solid #ccc; padding: 10px;}
.my_customer_contacts dt {font-weight:bold; clear:left; float:left; width:150px; padding: 5px 0;}
.my_customer_contacts dd {}
.my_customer_contacts dd, .webshop_product dt {padding:5px 0; border-bottom:1px dashed #ccc;}

div#applicants_emails {padding: 0 0 20px 0; display: none;}
div#applicants_emails textarea {width: 99%; height: 100px; margin-top: 5px;}


/*-----------------------------------------------------------------------------------
* == GOOGLE MAPS
* --------------------------------------------------------------------------------- */

div.gmap_infobox h4, div.gmap_infobox h4 a, div.gmap_infobox h4 a:hover {color: #88b3da !important;}
div.gmap_infobox h4 {padding-top: 5px;}

div.gmap_offerbox p {width: 220px; height: 80px; text-align: center; display:table-cell; vertical-align:middle; overflow: hidden;}
div.gmap_offerbox p a:hover {text-decoration: none;}

#VPContain {
	clear: both;
	margin-bottom: 15px;
}

#VPContain .inner {
    padding: 13px;
    background: #fff;
    height: 300px;
    margin: 0 27px 13px 27px;
}

#VPContain #map {
    width: 100%;
    height: 300px;
}

#RightContainer #VPContain #map {
    width: 100%;
    height: 635px;
}

/*-----------------------------------------------------------------------------------
* == AUTOCOMPLETER
* --------------------------------------------------------------------------------- */

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}


/*-----------------------------------------------------------------------------------
* == RESPONSIVENESS
* --------------------------------------------------------------------------------- */

@media only screen
and (min-width : 480px) 
and (max-width : 959px) {
	.not_on_pad {display: none !important;}
}

@media only screen 
and (max-width : 479px) {
	.not_on_phone {display: none !important;}
}

@media only screen 
and (min-width : 960px) {
	.not_on_pc {display: none !important;}
}