/* 
    Document   : Interactive Turkey Map with RaphaelJS
    Version    : 0.5
    Created on : 30.Aug.2012, 13:23:13
    Author     : Selen GORA <goraselen@gmail.com - me@selengora.com>
    Web        : selengora.com
	
	-------------------------
	
	Author: Taner DOGAN <http://tanerdogan.com - hello@tanerdogan.com>
	Change Log: Added #detail
	
*/
/* Demo page style begin*/
/*! normalize.css 2011-07-12T10:51 UTC á http://github.com/necolas/normalize.css */body,figure,form,ol,ul{margin:0}img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio[controls],canvas,video{display:inline-block}html{overflow-y:scroll;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}small,sub,sup{font-size:75%}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{padding:0}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none}img{-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}fieldset{margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body {
	background:#f3f3f3;
	line-height: 1.5em;
	font-size: 13px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Oxygen","Ubuntu","Cantarell","Open Sans","Arial",sans-serif;
	color:#47443f;
	line-height: 1.5em;
}
a {
	color:#1669AD;
}
h1, p {
	text-align: center;
	font-weight: normal;
}
.c{clear:both;}
/* Demo page style ends*/
.container {
	position:relative; /*for tooltip positions*/
	/*width:1050px;*/
	height:auto;
	margin:0 auto;
}
#detail {
	display:none;
	position:absolute; /*for tooltip positions*/
	width:680px;
	height:auto;
	margin:0 auto;
	left:0;
	right:0;
	top:250px;
	background: #fff;
	z-index:999;
	border:2px solid #252d35;
}
.close {
	display:block;
	width:24px;
	height:24px;
	background: url(../images/close.png) no-repeat;
	position:absolute;
	right:-2px;
	top:0;
	z-index:3;
	
}
#map {
	/*clear:both;*/
	float: left;
	width:1010px;
	height:650px;
	position:relative;
	left: -20px;
	top:-130px; /* SVG image is starting with 130px top value so i used top:-100px  */
}
#map svg {
	position: relative;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
svg > a {
	cursor: pointer;
	display:block;
}

/*City Pages*/
.kargo-table{
	width: 100%;
	max-width: 100%;
}
.kargo-table thead{

}
.kargo-table thead tr.not{
	background-color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
}
.kargo-table thead tr.not td{
	padding-top: 5px;
}
.kargo-table thead tr{
	background-color: #ddd;	
}
.kargo-table thead th{
	padding: 6px 3px;
}
.kargo-table .heading{
	text-align: center;
	text-transform: uppercase;
	background-color: #546E7A;
	font-size: 16px;
	border-bottom: none;
	color: #fff;
}
.kargo-table .heading td{
	padding: 5px 0px;
}
.kargo-table tbody tr{

}
.kargo-table tbody tr:nth-child(odd){
	background-color: #fafafa;
}
.kargo-table tbody tr td{
	padding: 6px 3px 2px 3px;
	border-bottom: 1px solid #ddd;
	border-right:1px solid #ddd;

}
.kargo-table tbody tr td.aralik, .kargo-table tbody tr td.fiyat{
	text-align: center;
}
div#map svg text{
	text-transform: capitalize;
	pointer-events:none;
	text-shadow: 1px 1px 0px #646464;
}
div#map svg text tspan{

}
.city_list{
	position: relative;
	z-index: 2;
	background-color: #fff;
	display: block;
	float: left;
	max-height: 500px;
	overflow-y: scroll;
}
.city_list ul.list{
	list-style: none;
}
.city_list ul.list li{
	background-color: #fafafa;
	padding:4px 5px 1px 10px;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	font-size: 12px;
}
.city_list ul.list li:hover{
	cursor: pointer;
	background-color: #f1f1f1;
}
div#map .infos{
	position: absolute;
    bottom: 30px;
    right: 0;
    background-color: #fff;
    display: block;
    border-top-left-radius:20px;    
}
div#map .infos ul{
	list-style: none;
	padding-top: 3px;
}
div#map .infos ul li{	
	line-height: 23px;
	padding:3px 10px 0 10px;
	border-bottom: 1px dashed #ddd;
}
div#map .infos ul li:last-child{
	border-bottom: none;
}
div#map .infos ul li:before{
	margin-top: 2px;
	content: " ";
	display: block;
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 5px;
}
div#map .infos ul li.b1:before{
	background-color: #43a047;
}
div#map .infos ul li.b2:before{
	background-color:#22a08d;
}
div#map .infos ul li.b3:before{
	background-color: #ec9f23;
}
.kargo-table td span.sehir{
	text-transform: capitalize;
}
@media(max-width: 767px){
	div#map svg{
		display: none;
	}
}
@media(min-width: 768px) and (max-width: 1100px){
	div#map{
		zoom:0.75;
	}
}