#webshipper_drop_point_selector {
	background-color: green;
	color: white;
	border-color: transparent;
	padding: 0.3em 1em !important;
	border: 2px solid;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7em !important;
	border-radius: 5px
}

#webshipper_drop_point_modal {
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, .95);
	display: none;
	position: fixed;
	z-index: 99999;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#webshipper_drop_point_modal h1{
	font-size: 22pt;
	font-family: Arial;
	text-shadow: none;
	margin-top: 80px;
}

.webshipper_drop_point_modal_watermark a{
	color: #D0D0D0 !important;
	font-size: 8pt !important;
}

.webshipper_drop_point_modal_watermark{
	color: #D0D0D0 !important;
	font-size: 8pt !important;
	position: absolute !important;
	bottom: 10px !important;
	left: 10px !important;
	display: block !important;
}

#webshipper_drop_point_modal_address_container{
	padding: 10px;
}
.webshipper_drop_point_cart{
	width: 100%;
}
#webshipper_drop_point_summary{
	width: 100%;
	margin-top: 20px;
}

#webshipper_drop_point_summary p{
	margin: 2px;
	font-family: Arial;
}
.webshipper_drop_point_input{
	border:0;
	padding:7px;
	font-size: 1.1em;
	color:black;
	border:solid 1px #ccc;
	margin:0;
}

.webshipper_drop_point_modal_input {
  padding: 7px;
  font-size: 0.8em;
  color: black;
  border: solid 1px #ccc;
  margin: 0;
}

#webshipper_drop_point_modal_zip{width:90px;}

#webshipper_drop_point_modal_address{ width: 250px;}

.webshipper_drop_point_modal_item_opening_hours{
	position: absolute;
	margin-left: 210px;
	margin-top: -140px;
	z-index: 9999999999;
	width: 200px;
	height: 200px;
	padding: 0px;
	background: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: #B0B0B0 solid 1px;
	color: black;
	text-align: left;
	font-size: 0.8em;
}

.webshipper_drop_point_modal_item_opening_hour{
	color: #2ea3f2;
	text-decoration: none!important;
	outline: 0!important;
}

.webshipper_drop_point_modal_item_opening_hours p{
	margin: 3px;
	font-family: Arial;
}
.webshipper_drop_point_modal_item_opening_hours table{
	line-height: 1.3;
	width: 187px;
	background: none;
	padding:0;
	padding-left:10px;
}
.webshipper_drop_point_modal_item_opening_hours td{
	padding:0;
	background: none;
	border: 0;
	font-size: 11pt;
	font-family: Arial;
}
.webshipper_drop_point_modal_item_opening_hours tr{
	background: none;
	border: 0;
}
.webshipper_drop_point_modal_item_opening_hours h5{
	margin-left: 15px;
	font-size: 13pt;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial;
}
.webshipper_drop_point_modal_item_opening_hours:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 49px 14px 49px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	left: -14px;
	top: 50px;
}

.webshipper_drop_point_modal_item_opening_hours:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 49px 14px 49px 0;
	border-color: transparent #B0B0B0;
	display: block;
	width: 0;
	z-index: 0;
	left: -15px;
	top: 50px;

}

/* Important rules used to overrule certain themes, which makes the button invisible - sorry */
#webshipper_drop_point_modal_search{
	background: none;
	border-radius: 0;
	font-family: Arial;
	border:solid 1px #ccc !important;
	padding:4px;
	margin:0;
	font-size: 1em;
	font-weight:normal;
	color:#333 !important;
	box-shadow: none;
	cursor:pointer;
}

#webshipper_drop_point_modal_close{
	background-color: green;
	color: white;
	border-color: transparent;
	padding: 0.3em 1em !important;
	border: 2px solid;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em !important;
	border-radius: 5px
}

.webshipper_drop_point_modal_close{
	text-decoration: underline;
	cursor: pointer;
	position:absolute;
	top:5px;
	right:30px;
	font-size: 12pt;
	font-family: Arial;
}
.webshipper_drop_point_modal_close:hover{
	color: gray;
}

.webshipper_drop_point_modal_item_selected{
	background-color: #6D748C;
	color: white;
}

#webshipper_drop_point_modal_map{
	display: inline-block;
	border: 1px solid gray;
	margin:0px;
	width:590px;
	height: 497px;
	box-sizing: content-box;
}

#webshipper_drop_point_modal_map:before,
#webshipper_drop_point_modal_map:after{
  box-sizing: content-box;
}

#webshipper_drop_point_modal_content{
	text-align: center;
	width: 800px;
	border: 1px solid #C8C8C8 ;
	margin: 0 auto;
	padding: 0;
	margin-top: 10px;
	background-color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.75);
	vertical-align: baseline;
}

#webshipper_drop_point_modal_search_help{
	height: 250px;
	text-align: center;
	width: 100%;
}
#webshipper_drop_point_modal_search_help span{
	font-size: 16pt;
	font-weight: bold;
	font-family: Arial;
}

#webshipper_drop_point_modal_results_empty {
  padding:0px;
  display: none;
  width: 100%;
  text-align: center;
}

#webshipper_drop_point_modal_results_empty h3,
#webshipper_drop_point_modal_loading h3,
#webshipper_drop_point_modal_search_help h3{
	font-size: 14pt;
	font-family: Arial;
}

#webshipper_drop_point_modal_drop_points{
	height: 500px;
	width: 200px;
	margin: 0px;
	vertical-align: top;
	overflow-y: scroll;
	overflow-x: hidden;
	display: inline-block;
}

#webshipper_drop_point_modal_drop_points ol{
	list-style: none;
	padding: 0;
	margin: 0;

}
#webshipper_drop_point_modal_drop_points ol li > p{
	margin: 2px;
	font-size: 9pt;
	font-family: Arial;
}

#webshipper_drop_point_modal_drop_points ol li > a{
	margin: 2px;
	font-size: 9pt;
	color: black;
	font-family: Arial;
}
#webshipper_drop_point_modal_drop_points ol li > h6{
	font-size: 11pt;
	margin: 4px;
	font-family: Arial;
}
#webshipper_drop_point_modal_drop_points ol > li{
	width: 100%;
	margin: 0;
	margin-bottom: 7px;
	cursor: pointer;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#webshipper_drop_point_modal_drop_points ol > li:hover{
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}


#webshipper_drop_point_modal_loading{
	display: none;
	width: 100%;
	text-align: center;
}

#webshipper_drop_point_modal_loading img {
	margin: 0 auto;
	margin-top: 15px;
}

#webshipper_drop_point_modal_confirm{
	background-color: #4e7d0e;
	background: -moz-linear-gradient(center top , #7db72f, #4e7d0e) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: white;
	font-weight: bold;
    border: 1px solid #538312;
	width: 300px;
	height: 55px;
	position: absolute;
	margin-top: -63px;
	margin-left: 495px;
	z-index: 999991;
	vertical-align: middle;
	cursor: pointer;
	line-height: 1.58;
	font-family: Arial;
}
#webshipper_drop_point_modal_confirm p {
	margin: 1px;
	font-size: 12pt;
	font-family: Arial;
}
#webshipper_drop_point_modal_confirm:hover{
  text-decoration: underline;
}
.webshipper_drop_point_modal_item_selected > a, .webshipper_drop_point_modal_item_selected  > h6, .webshipper_drop_point_modal_item_selected > p{
  color: white;
}

.webshipper_drop_point_modal_item_close{
	position: absolute;
	color: black;
	right: 6px;
	top: 6px;
	font-size: 9pt;
	font-family: Arial;
	text-decoration: underline;
}


@media all and (min-width: 800px), all and (min-height: 600px) {
	#webshipper_drop_point_container{
		width: 800px;
	}

	#webshipper_drop_point_modal_results{
		height: 500px;
		width: 100%;
		display: none;
	}

	#webshipper_drop_point_modal_map{
		width: 490px;
		height: 497px;
	}
	#webshipper_drop_point_modal_confirm p{
    margin: 0px;
  }

	#webshipper_drop_point_modal_confirm{

		margin-top: -63px;
		margin-left: 495px;
		font-size: 0.8em;
	}
}
@media all and (max-width: 500px) {
	.webshipper_drop_point_container input[type='button'] {
		font-size: 10px;
	}
}

@media all and (max-width: 800px), all and (max-height: 600px) {
	#webshipper_drop_point_modal_results{
		height: 280px;
		width: 100%;
		display: none;
	}

  #webshipper_drop_point_modal_results ol li > h6{
		font-size: 9pt;
	}

	#webshipper_drop_point_modal_results ol li > p{
		font-size: 7pt;
	}
	#webshipper_drop_point_modal_zip {
    width:40px;
  }
	#webshipper_drop_point_modal_address{
    width: 200px;
  }

	#webshipper_drop_point_modal h1{
		font-size: 17pt;
	}

	#webshipper_drop_point_modal_map{
		width:280px;
		height: 280px;
  }

	#webshipper_drop_point_modal_search{
		border:solid 1px #ccc;
		padding:4px;
		margin:0;
    font-size:0.8em;
	}

	#webshipper_drop_point_modal_confirm{
		width: 150px;
		height: 40px;
		position: absolute;
		margin-top: -49px;
		margin-left: 245px;
		font-size: 0.8em;
		line-height: 1.4;

	}
	#webshipper_drop_point_modal_confirm p {
    margin: 0px;
    font-size: 10pt;
  }

	#webshipper_drop_point_modal_search_help{
    height: 200px;
  }

	.webshipper_drop_point_modal_close{
    font-size: 8pt;
  }

	.webshipper_drop_point_modal_item_opening_hours{
		margin-left: 120px;
		font-size: 0.8em;
		height: 190px;
		display: none;
	}
}
@media all and (max-width: 500px) {

	#webshipper_drop_point_modal_map{
		display: none;
	}
	#webshipper_drop_point_modal h1{
		font-size: 12pt;
	}

	#webshipper_drop_point_container{
		width: 300px;
	}
	#webshipper_drop_point_modal_confirm{
		height: 40px;
		position: relative;
		display: block;
		margin: 5px;
		width: 288px;
	}
	#webshipper_drop_point_modal_drop_points ol, #webshipper_drop_point_modal_drop_points{
		width: 300px;
		height: 270px;
		position:relative;
  }

	.webshipper_drop_point_modal_item_opening_hours{ display: none; }
	#webshipper_drop_point_modal_address { width: 150px; }

	.webshipper_drop_point_modal_watermark{display: none !important;}
}


@media all and (max-height: 800px) and (max-width: 500px){

	#webshipper_drop_point_modal_results ol li > p {
    font-size: 6pt !important;
	}
	#webshipper_drop_point_container{
		max-height: 300px !important;
		height: 300px;
	}

	#webshipper_drop_point_modal_address{
		width: 140px !important;
	}
	#webshipper_drop_point_modal_drop_points ol, #webshipper_drop_point_modal_drop_points{
		width: 300px;
		height: 190px !important;
		position:relative;
	}
}