.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}



	@CHARSET "UTF-8";
/* MARKER CLOUD */
.markerCloud {
	font-size: 11px;
	width: 308px;
}
.markerCloud a.link {
	color: #0090b9;
	text-decoration: none;
	font-size: 12px;
	/*float: right;*/
	margin-left: 15px;
	cursor: pointer;
    font-family: Arial;
		margin: 0px;
}
.markerCloud a.link:hover {
	text-decoration: underline;
}
.markerCloud img.picture {
	float:left;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
	margin: 2px 0px 10px 2px;
    max-width: 90px;
    max-height: 90px;
}
.markerCloud p.desc {
	color:#444;
	margin:0px;
	font-weight: bold;
}
.markerCloud p.callcenter {
	color:#444;
	margin-top:10px;
	font-weight: bold;
}

.markerCloud p.desc span,
.markerCloud p.callcenter span {
	font-weight: normal;
}
.markerCloud .nameBox {
	float: left;
	width: 200px;
	font-size: 12px;
	padding-left: 10px;
}
.nameBox h1 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin:0px;
}
.nameBox p {
	font-size: 12px;
	line-height:16px;
	margin:0px;
}
.markerCloud .selectBtn {
    margin-top: 10px;
}
/* DETAILS */
.machineDetails {
    float: left;
    width: 605px;
    height: 120px;
}
.machineDetails .btn {
    float: right;
    margin-top: 5px;
    margin-right: 30px;
}
#machineDetails .picture,
.machineDetails .picture {
	float: left;
	width: 150px;
	height: 110px;
	margin-right: 10px
}
#machineDetails .picture img,
.machineDetails .picture img{
	width: 145px;
	max-height: 105px;
	border: 1px solid silver;
}
#machineDetails .name {
	float: left;
	width: 450px;
	height: 110px;
}
#machineDetails .name h1 {
	padding: 10px 0 0 0;
    font-size: 2em;
}
.machineDetails .name h1 {
    padding: 10px 0 0 0;
    font-size: 15px;
}
#machineDetails .name p {
	font-size: 16px;
}
#machineDetails .details {
	float: left;
	height: 110px;
	width: 610px;
}
#machineDetails .details p {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 1px 0px;
}
#machineDetails .details p.location {
	padding-bottom: 7px;
}
#machineDetails .details span {
	font-weight: normal;
}
#machineDetails .actions {
	position: absolute;
	bottom: 30px;
	height: 24px;
	width: 610px;
}
#machineDetails .actions a {
	float: right;
	margin-left: 10px;
	background: #006D8C;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#machineDetails .map {
	float: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 5px;
	border: 1px solid silver;
}
#machineDetails img {
	margin: 0px;
}
/* PRINT DETAILS */
#printPage .actions {
	display: block !important;
	clear: both;
	text-align: right;
}
#printPage .actions a {
	float: right;
	margin: 10px 0px 30px 0px;
	background: #006D8C;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}



/* tinybox */
.tinner {
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	border: none;
}

#mapLegend .icon {
    float: left;
    width: 275px;
    height: 60px;
    margin-top: 10px
}
#mapLegend .icon td {
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
}
#mapLegend .icon td.description {
    font-size: 12px;
    text-align: left;
}
/*metro*/
#metroMap {
    position: relative;
}
#metroMap .stationPoint,
#metroMap .stationLabel {
    position: absolute;
}
#metroMap .stationPoint {
    width: 22px;
    height: 22px;
    float: left;
    background: url('../../images/metro_point.png');
    position: absolute;
}
#metroMap .stationPoint:hover {
    background-position: 0px 21px;
}
#metroMap .stationLabel {
    position: absolute;
    width: 125px;
    font-size: 11px;
}
#metroMap .transform {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    writing-mode: lr-bt;
}
.metroWrapper {
    height: 610px;
    width: 680px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #CACACA;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.metroWrapper img {
    width: 660px;
}
.metro .geo-pack-map {
    width: 700px;
    height: 630px;
}
.metro .search-web {
    width: 242px;
    padding: 30px 20px 30px;
}
.metro .search-web hr {
    width: 200px;
}
.metro .custom-scroll {
    width: 200px;
}
.metro .custom-scroll .viewport {
    width: 176px;

}

h2.dialogTitle {
    font-size: 24px;
    color: #777;
    padding: 10px 0 20px 15px;
    font-family: pf_beausans_pro_light;
    font-weight: normal;
}

ul.highlight {

}
ul.highlight li {
    border-top: 1px solid #cacaca;
}
ul.highlight li:first-child {
    border-top: 0;
}
ul.highlight li:nth-child(2n) {
    background: #e3e3e3;
}

#machinesForStationMetro ul li{
    padding: 10px;
}

.ie7 .geo-pack-list,
.ie8 .geo-pack-list{
    border: none;
}
.ie7 .geo-pack-list > ul > li,
.ie8 .geo-pack-list > ul > li{
    border-left: 1px solid #e7e7e7;
}
.ie7 .geo-pack-list > ul > li {
    width: 299px;
    height: 130px;
    padding-bottom: 0px;
}
.ie7 .pagination ul li {
    width: 38px;
    display: block;
}
.ie7 .tinner,
.ie8 .tinner{
    border: 1px solid #e7e7e7;
}

.langSwith {
    float: right;
    margin-top: -24px;
    height: 30px;
}
.suggest {
    float: left;
    width: 615px;

    margin-left: 5px;
}
.suggest p {
    font-size: 14px;
    float: left;
    width: 430px;
}
.suggest a {
    float: right;
    font-weight: bold;
    margin-top: 2px;
}

.mapWrapper {
    margin-top: 10px;
}

.custom-scroll ul li.active {
    background: #FFB832 !important;
}

.custom-scroll ul li.active a {
    color: #333;
}

/* AJAX LOADER */
.ajax-loader-wrapper {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
}
.ajax-loader-wrapper div {
    background: url("../../images/loader.gif") 50% 50% no-repeat;
    width: 100%;
    height: 100%;
}

#planRoute { display: none; }
#planRoute .machine { display: none; }
#planRoute .machine p { padding: 0 5px; }
#planRoute .pointA { background: url('../../images/point_a.png') no-repeat 5px 2px; padding-left: 30px; }
#planRoute .pointB  { background: url('../../images/point_b.png') no-repeat 5px 2px; padding-left: 30px; }
#planRoute .machine	 { background: url('../../images/point_b.png') no-repeat 5px 4px; padding-left: 30px; }
#planRoute .pointC { background: url('../../images/point_c.png') no-repeat 5px 2px; padding-left: 30px; }
#planRoute .button { margin-top: 15px; border: 0px; }
#planRoute a.cancel { float: right; padding: 5px; margin-top: 15px; text-decoration:underline;}
#pointA { margin-bottom: 5px; }
#pointAB { margin-top: 5px; }
.custom-scroll-panel { display: none; }
.adp-substep { font-size: 11px; }
.adp-placemark img { height: 30px; margin-left: 10px; padding: 5px; }

/*the desired background for the map*/
#map{ background-color:#fafafa !important }

.metro .custom-scroll .overview {
    width: 100%;
}