/* ribbon style */

.ribbon-wrapper {
	position: relative;
	border-bottom: 10px solid #ccc;
	border-top: 0px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
.ribbon-front {
	background-color: #FF6600;
	height: 30px;
	/*width: 40px;*/
	position: relative;
	left: -20px;
	z-index: 2;
}
.ribbon-front,  .ribbon-back-left,  .ribbon-back-right {
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}
.ribbon-edge-topleft,  .ribbon-edge-topright,  .ribbon-edge-bottomleft,  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style: solid;
	height: 0px;
	width: 0px;
}
.ribbon-edge-topleft,  .ribbon-edge-topright {
}
.ribbon-edge-bottomleft,  .ribbon-edge-bottomright {
	top: 30px;
}
.ribbon-edge-topleft,  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #C04D01 transparent transparent;
}
.ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
.ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}
.ribbon-edge-topright,  .ribbon-edge-bottomright {
	left: 20px;
	border-color: transparent transparent transparent #C04D01;
}
.ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
.ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}
.ribbon-back-left {
	position: absolute;
	top: 10px;
	left: -10px;
	width: 10px;
	height: 30px;
	background-color: #FF6600;
	z-index: 0;
}
.ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 30px;
	z-index: 0;
}

#locationListWrapper ul, #locationList ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#locationListWrapper ul li, #locationList ul li {
	display: inline-block;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	font-size: 13px;
	line-height: 18px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	cursor: pointer;
}
#locationList ul li.locationListItem2 .imgThumb img {
	margin: 10px 0 0 13px;
	clear: none;
}
#locationList ul li.locationListItem2 .imgThumb a {
	background: url(../../../../img/front/V2/img-pin.png) no-repeat 6px 9px;
	padding: 10px 10px 10px 30px;
	display: block;
}
#locationListWrapper ul li.locationListWrapper-li a,
.locationListItem .imgThumb,
#locationList ul li.locationListItem2 .imgThumb {
	display: block;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border:1px solid #ccc;
	background: #fff;
	background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0, rgba(255,255,255,1) 25%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0, rgba(255,255,255,1) 25%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0, rgba(255,255,255,1) 25%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0, rgba(255,255,255,1) 25%, rgba(230,230,230,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0, rgba(255,255,255,1) 25%, rgba(230,230,230,1) 100%);
}
#locationListWrapper ul li.locationListWrapper-li a:hover,
.locationListItem .imgThumb:hover,
#locationList ul li.locationListItem2 .imgThumb:hover {
	background: #fff;
	background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(213,228,234,1) 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255,255,255,1)), color-stop(95%, rgba(213,228,234,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(213,228,234,1) 95%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(213,228,234,1) 95%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(213,228,234,1) 95%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 1%, rgba(213,228,234,1) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5e4ea', GradientType=0);
	color: #333;
	text-decoration: none;
}
#locationListWrapper ul li a:active,  #locationListWrapper ul li a:active {
	outline: 0;
	background-color: #e6e6e6;
	background-color: #d9d9d9;
	background-image: none;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
	color: rgba(0,0,0,0.5);
}
#locationListWrapper ul li:nth-child(2n) {
	margin-right: 0;
}
#locationListWrapper ul li .m23 {
}
#locationList ul li:nth-child(3n) {
	margin-right: 0;
}
.locationListItem {
	line-height: 28px;
	display: block;
	overflow: auto;
}
.locationListItem .imgThumb a {
	background: url(../../../../img/front/V2/img-continent.png) no-repeat 5px 6px;
	padding: 0px 0px 0px 60px;
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.locationListItem .imgThumb a :hover, .locationListItem .imgThumb a.hovered {
	background: url(../../../../img/front/V2/img-continent.png) no-repeat 5px 6px;
	padding: 0px 0px 0px 60px;
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.linhig60 {
	line-height: 60px !important;
}
.locationListItem2 {
	line-height: 30px;/*width:278px;*/
}
.locationListItem a, .locationListItem2 a {
	text-decoration: none;
}
.locationListItem span.arrow, .locationListItem2 span.arrow {
	background: url(../../../../img/front/V2/nusaIMG_fl.png) left -572px no-repeat;
	height: 18px;
    position: absolute;
    right: 10px;
    top: 22px;
    width: 10px;
}
.locationListItem2 span.ui-icon {
	float: right;
}
.loctreenameinfo {
	margin-right: 20px;
	color: #999 !important;
}
.loctreenameinfoicon {
	position: relative;
	float: right;
	left: 5px;
	top: 1px;
	opacity: 0.2;
}