/* ==|== Stylesheet =====================================================
   Author: Adam Waern @ Mobilmedia Sverige AB
   ========================================================================== */

/* Global
---------------------------------------------------------------------------*/
body 			{ font:14px/1.5 "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		  min-height: 420px; background:white; color:#191E4F; }
#container		{ max-width:640px; margin:0 auto; }
#main 			{ padding:15px; background:#DDE6EC;  }
#main.index		{ background:none; padding:0 15px; }
a 				{ text-decoration: none; color:#191E4F; }
/* img 				{ max-width: 100%; } */
header			{ position:relative; }
h1				{ font-size:20px; }
h2				{ font-size:14px; }

/* Search */
#search-button	{ position:absolute; top:20px; right:75px; } 
#search			{ display:none; padding:0 15px; }
#search input		{ border-radius:10px; -webkit-border-radius:10px; width:95%;  }
input, textarea		{ display:block; width:95%; margin:10px 0; padding:5px; border-radius:5px; -webkit-border-radius:5px; }
select			{ width:100%; }

/* Navigation */
nav ul			{ padding:0; margin:0; }
nav ul li			{ background:#DDE6EC; text-transform:uppercase; border-bottom:1px solid #ccc; }
nav ul li a			{ color:#191E4F; display:block; padding:15px; background:url(../../img/mobile_site/arrow.png) no-repeat 95% 50%;  }
#nav-button		{ position:absolute; top:15px; right:15px; }
#nav			{ display:none; }

/* Classes */
.list			{ list-style:none; padding:0; }
.list li			{ border-top:1px solid #DDE6EC; }
.list li:last-child { border-bottom:1px solid #DDE6EC; }
.list li a			{ display:block; padding:5px 0;  background:url(../../img/mobile_site/arrow.png) no-repeat 100% 50%; color:#191E4F; }
.image-wrap		{ width:100px; float:left; margin-right:20px; }
.image-wrap img	{ height:25px; max-width:100px; vertical-align:middle; }
.button			{ list-style:none; padding:10px; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; }
.button li 		{ display:inline-block; margin:10px 5px;   }
.button li a 		{ padding:5px 10px; background:#10A19A; color: #FFF; border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 1px #888; -webkit-box-shadow:0 1px 1px #888; }
.icons			{ margin:20px 0; }
.icons img		{ height:24px; margin:0px 20px; }

/* Google maps */
#map_wrapper	{ background:#fff;  position:relative; padding:10px; border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 3px #888; }
#map_canvas		{ width:100%; height: 300px; }
#map_lock		{ height: 32px; width: 32px; background-image: url(../../img/mobile_site/unlocked.png); position: absolute; top: 20px; right: 20px; border: 2px solid #f2f2f2; -webkit-box-shadow:  0px 2px 5px 1px #555; box-shadow:  0px 2px 5px 1px #555; -webkit-border-radius: 2px; border-radius: 2px; }

/* Little extra for infobox
	Anton@kvartersmenyn.se
*/
.infoBox {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	background: #EAEAEA;
	border: solid 1px black; 
	overflow: hidden; 
}
#infoBoxContent {
	overflow: hidden;
	z-index: 95;
	width: 100%;
	height: 100%;
}
#infoBoxRedirectArrow {
	text-align: center; 
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
}
#rightWrapper a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	nav ul li a	{ background:url(../../img/mobile_site/arrow-retina.png) no-repeat 95% 50%; background-size:7px;  }
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}