/*===========Default Settings===========*/
* {
	margin: 0;
	padding: 0;
	Filter: none;
}
a{
	color: #1155CC;
	outline-style:none;
	cursor:pointer;
}
a:link, a:visited {
	color: #1155CC;
	text-decoration: none;
}
a:hover {
	color: #1096D5;
}
::selection {
	background: #5e595b;
	color: #fff;
}
::-moz-selection {
	background: #5e595b;
	color: #fff;
}
img, input, textarea {
	border: 0;
	outline: none;
}
input::-moz-focus-inner {
	border: 0;
}
button::-moz-focus-inner {
	border: 0;
}
select::-moz-focus-inner {
	border: 0;
}
input:focus {
	outline: none;
}
textarea:focus, select:focus {
	outline: none;
}
ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
/*===========End Default Settings===========*/



.clear {
	clear:both;
	overflow:hidden;
	height: 0;
}
div.Spacer
{
	line-height: 0;
    clear: both;
    margin : 0;
    padding: 0;
    border: 0;
	font-size: 0;
	zoom: 1;
	overflow:hidden;
}
html {
	overflow: hidden;
}
body {
	font: 12px Tahoma, Arial, sans-serif;
	overflow: hidden;
	background: none #EDEAE2;
}
.btns, .tabs {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.red {
	color: #cc0000;
}

/* Resolution */
/*#WrapperClick.large .Logo {
	padding-left:	40px;	
}
#WrapperClick.large .SearchBoxWrap {
	left:		285px;
	width:		504px;
}*/
#WrapperClick.large .Header {
	height:		99px;
	background:	url(/Maps/Skins/RedSkin/images/resolution/header-bg.png) repeat-x #f0f0f0;
	border-bottom: 1px solid #e2e2e2;
}
#WrapperClick.large .Header .HeaderTools {
	left:		820px;
}
#WrapperClick.large .Logo {
	padding: 12px 0 0 52px;
}
#WrapperClick.large .Logo a img {
	width:		240px;
}
#WrapperClick.large .SearchBoxWrap {
	height:		99px;
}
#WrapperClick.large .SearchBoxBor {
	top:		16px;
	width:		500px;
}
#WrapperClick.large .SearchBox .SearchText {
	width:		391px;
	font-size:	15px;
	padding:	7px 62px 8px 45px;
}
#WrapperClick.large .AvimOn,
#WrapperClick.large .SearchBtn,
#WrapperClick.large .SearchBox .SearchSelect {
	top:		9px;
}
#WrapperClick.large #SelectSearchType {
	top:		50px;
}
#WrapperClick.large .SearchViewTree {
	width:		435px;
}
#WrapperClick.large .LoginLang {
	margin: 12px 15px 0 0;
	width: 216px;
}
#WrapperClick.large .Login {
	margin: 4px 6px 14px 0;
}
#WrapperClick.large .Login li {
	padding-right: 10px;
}
#WrapperClick.large .Login li a {
	font-size:	12px;
	width:		inherit;
}
#WrapperClick.large .Header .lang span {
	background: url(/Maps/Skins/RedSkin/images/resolution/english.png) no-repeat;
	width: 24px;
	height: 24px;
}
#WrapperClick.large .Header .en span {
	background: url(/Maps/Skins/RedSkin/images/resolution/vietnam.png) no-repeat;
}
#WrapperClick.large .Nav {
	padding-top: 30px;
}
#WrapperClick.large .Nav.GuideNav {
	padding: 0;
	left: 52px;
}






/*CS3*/
@media (min-width: 1200px) {
	#WrapperClick .Header {
	height:		99px;
	background:	url(/Maps/Skins/RedSkin/images/resolution/header-bg.png) repeat-x #f0f0f0;
	border-bottom: 1px solid #e2e2e2;
	}
	#WrapperClick .Header .HeaderTools {
		left:		820px;
	}
	#WrapperClick .Logo {
		padding: 12px 0 0 52px;
	}
	#WrapperClick .Logo a img {
		width:		240px;
	}
	#WrapperClick .SearchBoxWrap {
		height:		99px;
	}
	#WrapperClick .SearchBoxBor {
		top:		16px;
		width:		500px;
	}
	#WrapperClick .SearchBox .SearchText {
		width:		391px;
		font-size:	15px;
		padding:	7px 62px 8px 45px;
	}
	#WrapperClick .AvimOn,
	#WrapperClick .SearchBtn,
	#WrapperClick .SearchBox .SearchSelect {
		top:		9px;
	}
	#WrapperClick #SelectSearchType {
		top:		50px;
	}
	#WrapperClick .SearchViewTree {
		width:		435px;
	}
	#WrapperClick .LoginLang {
		margin: 12px 15px 0 0;
		width: 216px;
	}
	#WrapperClick .Login {
		margin: 4px 6px 14px 0;
	}
	#WrapperClick .Login li {
		padding-right: 10px;
	}
	#WrapperClick .Login li a {
		font-size:	12px;
		width:		inherit;
	}
	#WrapperClick .Header .lang span {
		background: url(/Maps/Skins/RedSkin/images/resolution/english.png) no-repeat;
		width: 24px;
		height: 24px;
	}
	#WrapperClick .Header .en span {
		background: url(/Maps/Skins/RedSkin/images/resolution/vietnam.png) no-repeat;
	}
	#WrapperClick .Nav {
		padding-top: 45px;
	}
}






/*End Resolution*/


.Map-Tools-Wrap {
	position: relative;
	z-index: 700;
	float: left;
	width: 672px;
}
.ToolsBarWrap {
	float: left;
	width: 100%;
	height: 31px;
	background: none #eee;
}
.ToolBar {
	height: 31px;
	width: 100%;
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 0 rgba(255, 255, 255, 0.25) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 0 rgba(255, 255, 255, 0.25) inset;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 0 rgba(255, 255, 255, 0.25) inset;
}
.mainmap {
	background-color: #edeae2;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 701;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
}

/*======================= H E A D E R ========================*/
.Container {
	width: 100%;
}

/*Header*/
.Header {
	width: 100%;
	height: 85px;
	position: relative;
	float: left;
	background: url(/Maps/Skins/RedSkin/images/header-bg.png) repeat-x;
}
.Logo {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0 0 56px;
	/*padding: 15px 0 0 20px;*/
	/*background: url(/Maps/Skins/RedSkin/images/bg-logoVBD.png) no-repeat right top;*/
}
.@media screen and (max-width: 995px OR max-height: 700px) {
  ...
}{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0 0 0;
	/*padding: 15px 0 0 20px;*/
	/*background: url(/Maps/Skins/RedSkin/images/bg-logoVBD.png) no-repeat right top;*/
}
@media (max-width: 1200px) {
	.Logo2018 img{
		height: 85px;
	}
	#WrapperClick.large .Nav {
		padding-top: 30px !important;
	}
	.IndexList .linkApp, #mymaptabdiv .linkApp{
	}
}

.Logo a {
	display: inline-block;
}
.Logo a img {
	width: 180px;
	padding: 0;
}
.LoginLang {
	float: right;
	margin: 20px 8px 0 0;
	width: 170px;
}
.Login {
	float: right;
	display: inline-block;
	margin: 1px 3px 8px 0;
}
.Login li {
	float: left;
	display: inline-block;
	padding-right: 3px;
}
.Login li a {
	float: left;
	width: 53px;
	display: inline-block;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #7B7B7B;
	padding-left: 18px;
	text-align: center;
}
.Login li a.reg {
	font-weight: bold;
	background: url(/Maps/Skins/RedSkin/images/login.png) no-repeat 6px 1px;
}
.Login li a.reg:hover {
	background-position: 6px -11px;
}
.Login li a.log {
	background: url(/Maps/Skins/RedSkin/images/login.png) no-repeat 6px -23px;

}
.Login li a.log:hover {
	background-position: 6px -35px;

}
.Login li a.user,
.Login li a.out {
	width: auto;
	padding: 0 7px;
	font-weight: bold;
}
.Login li a.out {
	border-left: 1px solid #c0c0c0;
	padding-left: 10px;
	font-weight: normal;
}
.Header .lang {
	float: right;
	clear: both;
}
.Header .lang span {
	width: 17px;
	font: bold 11px Tahoma, Geneva, sans-serif;
	color: #7B7B7B;
	text-indent: -9999px;
	padding: 0;
	background: url(/Maps/Skins/RedSkin/images/english.png) no-repeat;
	display: inline-block;
}
.Header .en span {
	background: url(/Maps/Skins/RedSkin/images/vietnam.png) no-repeat;
}


/*Header Tools*/
.Header .HeaderTools {
	position: absolute;
	top: 22px;
	left: 710px;
}
.Header .HeaderTools li {
	height: 36px;
    width: 40px;
}
.Header .HeaderTools li a {
	height: 34px;
    width: 39px;
}
.Header .HeaderTools li a span {
	float: left;
	width: 39px;
	text-indent: -9999px;
}
.Header .HeaderTools li a.CaptureMap span {
	background: url(/Maps/Skins/RedSkin/images/HeaderTools.png) no-repeat 11px 9px;
}
.Header .HeaderTools li a.CaptureMap:hover span {
	background-position: 11px -25px;
}
.Header .HeaderTools li a.PrintMap span {
	background: url(/Maps/Skins/RedSkin/images/HeaderTools.png) no-repeat -29px 9px;
}
.Header .HeaderTools li a.PrintMap:hover span {
	background-position: -29px -25px;
}
.Header .HeaderTools li a.SendMap span {
	background: url(/Maps/Skins/RedSkin/images/HeaderTools.png) no-repeat -69px 9px;
}
.Header .HeaderTools li a.SendMap:hover span {
	background-position: -69px -25px;
}
.Header .HeaderTools li a.SendMap.active span {
	background-position: -69px 9px;
}


/******SearchBox******/
.SearchBoxWrap {
	position: absolute;
	left: 348px; /*225px;*/
	width: 500px;
	height: 85px;
	z-index: 1001;
}
.SearchBoxBor {
	position: absolute;
	top: 11px;
	width: 467px;
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.SearchBoxBor.shadow {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
.SearchBox {
	float: left;
	position: relative;
}
.SearchBox .SearchText {
	font: 14px Tahoma, Geneva, sans-serif;
	color: #555;
	width: 358px;
	padding: 7px 62px 7px 45px;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
}
.SearchBox .SearchText:focus {
	color: #333;
}
.SearchBox .SearchSelect {
	position: absolute;
	top: 8px;
	left: 7px;
	width: 20px;
	height: 19px;
	padding: 0 15px 0 0;
	background: url(/Maps/Skins/RedSkin/images/MapOptions.png) no-repeat 0 -240px;
}
.SearchBox .SearchSelect.Product {
	background: url(/Maps/Skins/RedSkin/images/MapOptions.png) no-repeat 0 -279px;
}
.SearchBox .SearchSelect span {
	position: absolute;
	right: 6px;
	top: 7px;
	width: 7px;
	height: 4px;
	background: url(/Maps/Skins/RedSkin/images/downarrow.png) no-repeat;
}
.SearchBox .SearchSelect:hover span {
	background-position: 0 -4px;
}
.AvimOn {
	position: absolute;
	top: 8px;
	right: 36px;
	width: 16px;
	height: 16px;
	background: url(/Maps/Skins/RedSkin/images/avim.png) no-repeat;
}
.AvimOn:hover {
	background-position: 0 -16px;
}
.AvimOn:active {
	background-position: 0 -32px;
}
.AvimOff {
	background: url(/Maps/Skins/RedSkin/images/avim.png) no-repeat -16px 0;
}
.AvimOff:hover {
	background-position: -16px -16px;
}
.AvimOff:active {
	background-position: -16px -32px;
}

.SearchBtn {
	cursor: pointer;
	position: absolute;
	right: 9px;
	top: 8px;
	width: 18px;
	height: 17px;
	background: url(/Maps/Skins/RedSkin/images/search-btn.png) no-repeat 0 0;
	text-indent: -9999em;
}
.SearchBtn:hover {
	background-position: 0 -17px;
}
.SearchBtn:active {
	background-position: 0 -34px;
}

.keyboardInputInitiator {
	display: none;
	position: absolute;
	top: 8px;
	right: 36px;
	width: 17px;
	height: 15px;
	background: url(/Maps/Skins/RedSkin/images/keyboard.png) no-repeat 0 0;
}
.keyboardInputInitiator:hover {
	background-position: 0 -15px;
}
.keyboardInputInitiator:active {
	background-position: 0 -30px;
}

/*SearchView*/
.SearchView {
	float: left;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
}
.SearchViewBtn {
	float: left;
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 0 #5e5e5e;  /*0 1px 0 rgba(0, 0, 0, 0.3)*/
	border-radius: 0 0 0 2px;
	-moz-border-radius: 0 0 0 2px;
	-webkit-border-radius: 0 0 0 2px;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView.png) repeat-x #878787;
	/*background: none #c21017;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#db1c18, endColorStr=#c21017);
	background: -moz-linear-gradient(center top , #db1c18, #c21017) repeat scroll 0 0 #c21017;
	background: #c21017 -webkit-gradient(linear, 0% 0%, 0 90%, from(#db1c18), to(#c21017));
	box-shadow: 0 -4px 7px #c21017 inset, 0 0 0 #db1c18 inset, 0 0 0 #db1c18 inset;
	background: #c21017 -webkit-gradient(linear, 0% 0%, 0 90%, from(#db1c18), to(#c21017));*/
}








.blue .SearchViewBtn {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);  /*0 1px 0 rgba(0, 0, 0, 0.3)*/
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView-blue.png) repeat-x #266ae8;
}
.red .SearchViewBtn {
	text-shadow: 0 1px 0 #900f10;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView-red.png) repeat-x #c21017;
}
.orange .SearchViewBtn {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);  /*0 1px 0 rgba(0, 0, 0, 0.3)*/
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView-orange.png) repeat-x #eb7f20;
}


.SearchViewBtn.blue {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);  /*0 1px 0 rgba(0, 0, 0, 0.3)*/
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView-blue.png) repeat-x #266ae8;
}
.SearchViewBtn.red {
	text-shadow: 0 1px 0 #900f10;
	/*background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView-red.png) repeat-x #c21017;*/
	background: none #c21017;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#db1c18, endColorStr=#c21017);
	background: -moz-linear-gradient(center top , #db1c18, #c21017) repeat scroll 0 0 #c21017;
	background: #c21017 -webkit-gradient(linear, 0% 0%, 0 90%, from(#db1c18), to(#c21017));
	box-shadow: 0 -4px 7px #c21017 inset, 0 0 0 #db1c18 inset, 0 0 0 #db1c18 inset;
	background: #c21017 -webkit-gradient(linear, 0% 0%, 0 90%, from(#db1c18), to(#c21017));
}
.SearchViewBtn.orange {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);  /*0 1px 0 rgba(0, 0, 0, 0.3)*/
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView-orange.png) repeat-x #eb7f20;
}








.SearchViewBtn:hover {
	color: #fff;
	/*background-position: 0 -22px;
	background-color: #de5d62;*/
	background: none #de5d62;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fc6f6d, endColorStr=#de5d62);
	background: -moz-linear-gradient(center top , #fc6f6d, #de5d62) repeat scroll 0 0 #de5d62;
	background: #de5d62 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fc6f6d), to(#de5d62));
	box-shadow: 0 -4px 7px #de5d62 inset, 0 0 0 #fc6f6d inset, 0 0 0 #fc6f6d inset;
	background: #de5d62 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fc6f6d), to(#de5d62));
}
.SearchViewBtn:active {
	/*background-position: 0 -44px;
	background-color: #ae0f15;*/
	background: none #ae0f15;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ae0f15, endColorStr=#c21017);
	background: -moz-linear-gradient(center top , #ae0f15, #c21017) repeat scroll 0 0 #c21017;
	background: #c21017 -webkit-gradient(linear, 0% 0%, 0 90%, from(#ae0f15), to(#c21017));
	box-shadow: 0 -4px 7px #c21017 inset, 0 0 0 #ae0f15 inset, 0 0 0 #ae0f15 inset;
	background: #c21017 -webkit-gradient(linear, 0% 0%, 0 90%, from(#ae0f15), to(#c21017));
}
.SearchViewBtn span {
	float: left;
	display: inline-block;
	width: 39px;
	padding: 4px 8px 5px 3px;
	text-align: center;
	background: url(/Maps/Skins/RedSkin/images/SearchView-arrow.png) no-repeat 40px 9px;
}
.SearchViewBtn:hover span {
	background-position: 40px 10px;
}
.SearchViewBtn.hide span {
	background: url(/Maps/Skins/RedSkin/images/SearchView-arrow.png) no-repeat 40px -8px;
}
.SearchViewBtn.hide:hover span {
	background-position: 40px -9px;
}
.SearchViewTree {
	width: 402px;
	height: 22px;
	overflow: hidden;
	border-left: 1px solid #c4c4c4;
	text-shadow: 0 1px 0 #eee;/*0 1px 0 rgba(0, 0, 0, 0.3)   =    #363b3f*/
	float: left;
	display: inline-block;
	padding: 0 2px 0 10px;
	font-size: 12px;
	color: #777; /*old color #e0e1e4*/
	border-radius: 0 0 2px 0 0;
	-moz-border-radius: 0 0 2px 0 0;
	-webkit-border-radius: 0 0 2px 0 0;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-SearchView.png) repeat-x 0 -66px #e4e4e4;
	/*background: none #485056;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#5d656a, endColorStr=#485056);
	background: -moz-linear-gradient(center top , #5d656a, #485056) repeat scroll 0 0 #485056;
	background: #485056 -webkit-gradient(linear, 0% 0%, 0 90%, from(#5d656a), to(#485056));
	box-shadow: 0 -4px 7px #485056 inset, 0 0 0 #5d656a inset, 0 0 0 #5d656a inset;
	background: #485056 -webkit-gradient(linear, 0% 0%, 0 90%, from(#5d656a), to(#485056));*/
}
.SearchViewTree li {
	display: inline-block;
	float: left;
	padding: 3px 0;
}
.SearchViewTree li.boundary {
	padding: 3px 5px 0;
}
.SearchViewTree li.boundary img {
	cursor: pointer;
}
.SearchViewTree li a {
	display: inline-block;
	color: #444; /*old color #e0e1e4*/
}
.SearchViewTree li a:hover {
	color: #111;
	text-shadow: 0 1px 0 #f9f9f9;  /*0 1px 0 rgba(0, 0, 0, 0.6)* = #1f2224  */
}
.SearchViewTree li span {
}
.SearchViewTree li span.arrow {
	font-size: 9px;
	padding: 0 2px;
}
.SearchViewTree li.back {
	margin: 0 4px;
}
.SearchViewTree li.SVCloseArea {
	margin: 1px 0 0 2px;
}
.SearchViewTree li.back a,
.SearchViewTree li.SVCloseArea a {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/Maps/Skins/RedSkin/images/treeback-btn.png) no-repeat 0 -1px;
	text-indent: -99999em;
	
}
.SearchViewTree li.SVCloseArea a {

	width: 8px;
	height: 8px;
	background: url(../images/closeArea.png) no-repeat;
}
.SearchViewTree li.back a {
	background: url(/Maps/Skins/RedSkin/images/treeback-btn.png) no-repeat -20px -1px;
}
.SearchViewTree li.back a:hover {
	background-position: -20px -19px;
}
/*boundTree*/
.boundTree {
	float: left;
	width: 100%;
	display: none;
}
.boundTree .TreeBor {
	border: 7px solid #696a6c;
	border: 7px solid rgba(71, 73, 75, 0.8);
	border-bottom-width: 35px;
	border-top: none;
	border-radius: 0 0 2px 2px;	
}
.boundTree .Tree {
	height: 296px;
	overflow-x: hidden;
	overflow-y: auto;
	background: none rgba(251, 251, 251, 0.97);
}
.boundTree .Tree ul li {
	display: block;
}
.boundTree .Tree ul li a {
	color: #444;
	display: block;
	border-bottom: 1px solid #e8e8e8;
	background: none #fbfbfb;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#f8f8f8);
	background: -moz-linear-gradient(center top , #fff, #f8f8f8) repeat scroll 0 0 #fbfbfb;
	background: #fbfbfb -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#f8f8f8));
	box-shadow: 0 -15px 15px #f8f8f8 inset, 0 0 0 #fff inset, 0 0 0 #fff inset; /*Opera 10.5*/
	background: -o-linear-gradient(top, #fff, #f8f8f8); /* Opera 11.10+ */
}
.boundTree .Tree ul li a:hover {
	color: #fff;
	background: none #4787ed;
	border-bottom: 1px solid #2f77e8;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4c8ffd, endColorStr=#4787ed);
	background: -moz-linear-gradient(center top , #4c8ffd, #4787ed) repeat scroll 0 0 #498bf4;
	background: #498bf4 -webkit-gradient(linear, 0% 0%, 0 90%, from(#4c8ffd), to(#4787ed));
	box-shadow: 0 -15px 15px #4787ed inset, 0 0 0 #4c8ffd inset, 0 0 0 #4c8ffd inset; /*Opera 10.5*/
	background: -o-linear-gradient(top, #4c8ffd, #4787ed); /* Opera 11.10+ */
}
.boundTree .Tree ul li a span {
	display: block;
	padding: 11px 0 11px 67px;
	background-position: -10px center;
}
.CloseTree {
	position: absolute;
	right: 7px;
	bottom: 5px;
	z-index: 997;
}
.CloseTree span {
	padding: 4px 10px;
}



/*======================= C O N T E N T ========================*/
.LeftPanelWrap {
	position: relative;
	float: left;
	width: 350px;
	background: none #f0f0f0; /*fix IE*/
	/*background: none rgba(241, 241, 241, 0.97);*/
	z-index: 1000;
}
.LeftPanel {
	width: 100%;
	height: 540px;
}
.LeftPanelWrap a.hideshow {
    background: none #cc0000;
    width: 7px;
    height: 42px;
    position: absolute;
    top: 40%;
    right: 0;
    text-indent: -99999em;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	box-shadow: -1px 0 1px rgba(255, 255, 255, 0.9);
	-moz-box-shadow: -1px 0 1px rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: -1px 0 1px rgba(255, 255, 255, 0.9);
}
.LeftPanelWrap a.hideshow span {
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	height: 100%;
	display: block;
	background: url(/Maps/Skins/RedSkin/images/leftpanel-hideshow.png) no-repeat 3px center;
}
.LeftPanelWrap a.hideshow.show span {
    background-position: -6px center;
}
.LeftPanelWrap a.hideshow:hover {
	background: none #e44040;
}
.LeftPanelWrap a.hideshow:hover span {
	background-position: 2px center;
}
.LeftPanelWrap a.hideshow.show:hover span {
	background-position: -5px center;
}
.LeftPanelWrap a.hideshow:active {
	background: #cc0000;
}
.LeftPanelWrap a.hideshow:active span {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
}


/**************** I N D E X ****************/
.Nav {
	font: 1.4em arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 30px;
}
.Nav li {
	text-align: right;
}
.Nav li a {
	display: inline-block;
	/*width: 136px;*/
	border-top: 1px solid transparent;
	color: #555; /*777*/
	font-weight: bold;
	padding: 1px 20px 0 10px;
	text-shadow: 0 -1px 0 #fff;
	text-rendering: optimizelegibility;
}
.Nav li.active > a {
    color: #cc0000;
    text-shadow: 0 1px 0 #fff;
}








.red .Nav li.active a,
.red .Nav li.active a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	/*background: none #666;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#666666, endColorStr=#777777);
	background: -webkit-gradient(linear, left top, left bottom, from(#777), color-stop(0.75, #666), to(#777));
	background: -webkit-linear-gradient(top, #777, #666, #777);
	background: -moz-linear-gradient(top, #777, #666, #777); 
	background: -ms-linear-gradient(top, #777, #666, #777); 
	background: -o-linear-gradient(top, #777, #666, #777);*/
	
	background: none #ca0205;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ca0205, endColorStr=#df1114);
	background: -webkit-gradient(linear, left top, left bottom, from(#df1114), color-stop(0.75, #ca0205), to(#df1114));
	background: -webkit-linear-gradient(top, #df1114, #ca0205, #df1114);
	background: -moz-linear-gradient(top, #df1114, #ca0205, #df1114); 
	background: -ms-linear-gradient(top, #df1114, #ca0205, #df1114); 
	background: -o-linear-gradient(top, #df1114, #ca0205, #df1114);
}
.grey .Nav li.active a,
.grey .Nav li.active a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	background: none #777;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorStr=#888888);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), color-stop(0.75, #777), to(#888));
	background: -webkit-linear-gradient(top, #888, #777, #888);
	background: -moz-linear-gradient(top, #888, #777, #888); 
	background: -ms-linear-gradient(top, #888, #777, #888); 
	background: -o-linear-gradient(top, #888, #777, #888);
}
.blue .Nav li.active a,
.blue .Nav li.active a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	background: none #225fe5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#225fe5, endColorStr=#2b76ec);
	background: -webkit-gradient(linear, left top, left bottom, from(#2b76ec), color-stop(0.75, #225fe5), to(#2b76ec));
	background: -webkit-linear-gradient(top, #2b76ec, #225fe5, #2b76ec);
	background: -moz-linear-gradient(top, #2b76ec, #225fe5, #2b76ec); 
	background: -ms-linear-gradient(top, #2b76ec, #225fe5, #2b76ec); 
	background: -o-linear-gradient(top, #2b76ec, #225fe5, #2b76ec);
}
.orange .Nav li.active a,
.orange .Nav li.active a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	background: none #e57922;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e57922, endColorStr=#ec8f2b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ec8f2b), color-stop(0.75, #e57922), to(#ec8f2b));
	background: -webkit-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b);
	background: -moz-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b); 
	background: -ms-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b); 
	background: -o-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b);
}






.Nav li.active.red a,
.Nav li.active.red a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	/*background: none #666;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#666666, endColorStr=#777777);
	background: -webkit-gradient(linear, left top, left bottom, from(#777), color-stop(0.75, #666), to(#777));
	background: -webkit-linear-gradient(top, #777, #666, #777);
	background: -moz-linear-gradient(top, #777, #666, #777); 
	background: -ms-linear-gradient(top, #777, #666, #777); 
	background: -o-linear-gradient(top, #777, #666, #777);*/
	
	background: none #ca0205;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ca0205, endColorStr=#df1114);
	background: -webkit-gradient(linear, left top, left bottom, from(#df1114), color-stop(0.75, #ca0205), to(#df1114));
	background: -webkit-linear-gradient(top, #df1114, #ca0205, #df1114);
	background: -moz-linear-gradient(top, #df1114, #ca0205, #df1114); 
	background: -ms-linear-gradient(top, #df1114, #ca0205, #df1114); 
	background: -o-linear-gradient(top, #df1114, #ca0205, #df1114);
}
.Nav li.active.grey a,
.Nav li.active.grey a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	background: none #777;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777, endColorStr=#888888);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), color-stop(0.75, #777), to(#888));
	background: -webkit-linear-gradient(top, #888, #777, #888);
	background: -moz-linear-gradient(top, #888, #777, #888); 
	background: -ms-linear-gradient(top, #888, #777, #888); 
	background: -o-linear-gradient(top, #888, #777, #888);
}
.Nav li.active.blue a,
.Nav li.active.blue a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	background: none #225fe5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#225fe5, endColorStr=#2b76ec);
	background: -webkit-gradient(linear, left top, left bottom, from(#2b76ec), color-stop(0.75, #225fe5), to(#2b76ec));
	background: -webkit-linear-gradient(top, #2b76ec, #225fe5, #2b76ec);
	background: -moz-linear-gradient(top, #2b76ec, #225fe5, #2b76ec); 
	background: -ms-linear-gradient(top, #2b76ec, #225fe5, #2b76ec); 
	background: -o-linear-gradient(top, #2b76ec, #225fe5, #2b76ec);
}
.Nav li.active.orange a,
.Nav li.active.orange a:hover {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	background: none #e57922;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e57922, endColorStr=#ec8f2b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ec8f2b), color-stop(0.75, #e57922), to(#ec8f2b));
	background: -webkit-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b);
	background: -moz-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b); 
	background: -ms-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b); 
	background: -o-linear-gradient(top, #ec8f2b, #e57922, #ec8f2b);
}









.Nav li a:hover {
	color: #CC0000;
}

.Nav2 {
	position: absolute;
	top: 85px;
	left: 350px;
	z-index: 999;
}
.Nav2 .hide {
	float: left;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: none #c21017;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#db1c18, endColorStr=#c21017);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#db1c18), to(#c21017)) #c21017;
	background: -webkit-linear-gradient(center top , #db1c18, #c21017) #c21017;
	background: -moz-linear-gradient(center top , #db1c18, #c21017) #c21017;
	background: -ms-linear-gradient(center top , #db1c18, #c21017) #c21017;
	background: -o-linear-gradient(center top , #db1c18, #c21017) #c21017;
	box-shadow: 0 -4px 7px #c21017 inset, 0 0 0 #db1c18 inset, 0 0 0 #db1c18 inset; /*Opera 10.5*/
}
.Nav2 .hide span {
	float: left;
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
	font: lighter 29px/11px arial;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	width: 20px;
	height: 19px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.Nav2 .hide:hover {
	border: none;
	background: none #de5d62;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fc6f6d, endColorStr=#de5d62);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#fc6f6d), to(#de5d62)) #de5d62;
	background: -webkit-linear-gradient(center top , #fc6f6d, #de5d62) #de5d62;
	background: -moz-linear-gradient(center top , #fc6f6d, #de5d62) #de5d62;
	background: -ms-linear-gradient(center top , #fc6f6d, #de5d62) #de5d62;
	background: -o-linear-gradient(center top , #fc6f6d, #de5d62) #de5d62;
	box-shadow: 0 -4px 7px #de5d62 inset, 0 0 0 #fc6f6d inset, 0 0 0 #fc6f6d inset; /*Opera 10.5*/
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.Nav2 .hide:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}
.Nav2 ul {
	float: left;
	display: inline-block;
	background: none #8f8e8a;
	background: none rgba(80, 80, 80, 0.6);
	border-left: 1px solid #b10d0f;
}
.Nav2 ul li {
	float: left;
	display: inline-block;
}
.Nav2 ul li a {
	float: left;
	display: inline-block;
	color: #fff;
	font: bold 9px Tahoma, Geneva, sans-serif;
	padding: 4px 10px 2px;
	border-bottom: 2px solid #8f8e8a;
	border-bottom: 2px solid transparent;
}
.Nav2 ul li a:hover {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
	border-bottom: 2px solid #dc1212;
}
.Nav2 ul li.active a {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	background: none #ca0205;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ca0205, endColorStr=#df1114);
	background: -webkit-gradient(linear, left top, left bottom, from(#df1114), color-stop(0.75, #ca0205), to(#df1114));
	background: -webkit-linear-gradient(top, #df1114, #ca0205, #df1114);
	background: -moz-linear-gradient(top, #df1114, #ca0205, #df1114); 
	background: -ms-linear-gradient(top, #df1114, #ca0205, #df1114);
	background: -o-linear-gradient(top, #df1114, #ca0205, #df1114);
}

/*----------Features List----------*/
.MapFeatures {
	padding: 10px 30px;
	color: #7C7C7B;
}
.MapFeatures li {
	text-align: right;
	padding: 0 20px 9px 0;
	display: inline-block;
}
.MapFeatures li a {
	display: inline-block;
}
.MapFeatures li a.main {
	font: 32px arial;
	color: #4a4a4a; /*#595959*/
	text-transform: lowercase;
	letter-spacing: -1px;
	min-width: 200px;
}
.MapFeatures li a:hover {
	color: #cc0000;
}
.MapFeatures li a.main:hover {
	text-decoration: underline;
}
.MapFeatures .MapFeatures-sub {
	display: inline-block;
	clear:both;
}
.MapFeatures .MapFeatures-sub li {
	padding: 0 0 0 6px;
	float: right;
	white-space: nowrap;
	max-width: 270px;
}
.MapFeatures .MapFeatures-sub li a {
	font-size: 14px;
	color: #666; /*7C7C7B*/
	border-bottom: 1px solid transparent;
	text-transform: lowercase;
}
.MapFeatures .MapFeatures-sub li.new a {
	color: #cc0000;
}
.MapFeatures .MapFeatures-sub li a:hover {
	border-bottom: 1px dotted;
}
.MapFeatures .MapFeatures-sub li span {
	color: #333;
}
/*Help*/
.IndexList .Help,
#mymaptabdiv .Help {
	display: block;
	padding: 0 50px 0;
	float: right;
}
.IndexList .Help li,
#mymaptabdiv .Help li {
	float: right;
	display: inline-block;
	padding: 0 0 0 8px;
	background: none;
}
.IndexList .Help li p,
#mymaptabdiv .Help li p {
	float: left;
	clear: both;
	display: inline-block;
	width: 76px;
}
.IndexList .Help li p#fblike,
#mymaptabdiv .Help li p#fblike {
	margin-bottom: 4px;
}
.IndexList .Help li a,
#mymaptabdiv .Help li a {
	float: left;
	display: block;
	margin-top: 6px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
.IndexList .Help li a img,
#mymaptabdiv .Help li a img {
    display: block;
    float: left;
}
#mymaptabdiv .Help {
	float: left;
	padding-left: 16px;
	width: 120px;
}

/*DownApp*/
.IndexList .linkApp,
#mymaptabdiv .linkApp{
	position: absolute;
	left: 25px;
	top: 450px;
	text-align: center;
	background: #fff url(/Maps/Skins/RedSkin/images/imgDownApp.gif) left top no-repeat;
	width: 300px;
	height: 90px;
	border-radius: 2px;
	padding-top: 160px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px 0px;
}
@media screen and (max-height: 700px) {
	.IndexList .linkApp,
	#mymaptabdiv .linkApp{
		background: #fff !important;
		padding-top: 10px !important;
	}
}
.IndexList a.btDownloadApp{
	text-align: center;
	display:inline-block;
	padding: 12px 0;
}
.IndexList a.btDownloadApp img,
.IndexList a.btDownloadApp span{
	display: block;
	line-height: 24px;
	border: 0px;
	color: #252525;
}
.IndexList a.btDownloadApp:hover img{
	opacity: 0.85;
}
.IndexList a.btDownloadApp:hover span{
	color: #333;
}	

/**************** Features Wrap ****************/

/*MapTab*/
.MapTabsWrap {
	display: inline-block;
}
.MapTabsWrap ul {
	width: 350px;
	display: inline-block;
	padding: 1px 0;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-MapTabsWrap.png) repeat-x #f2f2f2;
	/*background: none #f2f2f2;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fbfbfb, endColorStr=#e6e6e6);
	background: -moz-linear-gradient(center top , #fbfbfb, #e6e6e6) repeat scroll 0 0 #f2f2f2;
	background: #f2f2f2 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fbfbfb), to(#e6e6e6));
	background: -o-linear-gradient(top, #fbfbfb, #e6e6e6); /* Opera 11.10+ */
	/*box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;
	-moz-box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;
	-webkit-box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;*/
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#fbfbfb), to(#e6e6e6)) #f2f2f2;
	-webkit-box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;
	
}
.MapTabsWrap ul li {
	float: left;
	display: inline-block;
	padding-left: 1px;
    position: relative;
	height: 30px;
    width: 105px;
}
.HideLeftPanel,
.AddPlace,
.MapToolsBar > li {
	padding-left: 1px;
	float: left;
	width: 32px;
	height: 31px;
	z-index: -9999px;
	/*background: none #f2f2f2;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fbfbfb, endColorStr=#e6e6e6);
	background: -moz-linear-gradient(center top , #fbfbfb, #e6e6e6) repeat scroll 0 0 #f2f2f2;
	background: #f2f2f2 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fbfbfb), to(#e6e6e6));
	background: -o-linear-gradient(top, #fbfbfb, #e6e6e6);
	box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;
	-moz-box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;
	-webkit-box-shadow: 0 -10px 5px #e6e6e6 inset, 0 0 0 #fbfbfb inset, 0 0 0 #fbfbfb inset;*/
}
.HideLeftPanel a,
.AddPlace a,
.MapToolsBar > li > a {
	height: 14px;
    padding: 8px 0 9px;
    width: 32px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	position: relative;
	left: -1px;
	display: inline-block;
	text-align: center;
	color: #636365;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-shadow: 0 1px #f1f1f1;
	/*box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;*/
}
.HideLeftPanel a:hover,
.AddPlace a:hover,
.MapToolsBar > li > a:hover {
	z-index: 10;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	text-shadow: 0 1px #eaf9fc;
	background: none #f5f5f5;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fcfcfc, endColorStr=#ececec);
	background: -moz-linear-gradient(center top , #fcfcfc, #ececec) repeat scroll 0 0 #f5f5f5;
	background: #f5f5f5 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fcfcfc), to(#ececec));
	background: -o-linear-gradient(top, #fcfcfc, #ececec); /* Opera 11.10+ */
}





.MapTabsWrap ul li.BackIndex {
	width: 30px;
}
.MapTabsWrap ul li a {
	position: relative;
	left: -1px;
	top: -1px;
	border: 1px solid;
	border-color: #cdcdcd #d5d5d5 #d0d0d0;
	display: inline-block;
	width: 105px;
	padding: 8px 0;
	text-align: center;
	color: #434345;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-shadow: 0 1px #f1f1f1;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-MapTabsWrap.png) repeat-x 0 -32px;
	/*box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;*/
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(transparent), to(transparent));
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
}
.MapTabsWrap ul li a:hover{
	z-index: 9999;
	border: 1px solid #a9a9a9;
	text-shadow: 0 1px #eaf9fc;
	background-position: 0 -62px;
	background-color: #f5f5f5;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fcfcfc, endColorStr=#ececec);
	background: -moz-linear-gradient(center top , #fcfcfc, #ececec) repeat scroll 0 0 #f5f5f5;
	background: #f5f5f5 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fcfcfc), to(#ececec));
	background: -o-linear-gradient(top, #fcfcfc, #ececec); /* Opera 11.10+ */
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#fcfcfc), to(#ececec)) #f5f5f5;
	background: -o-linear-gradient(top, #fcfcfc, #ececec);
}
.MapTabsWrap ul li.selected a {
	border: 1px solid;
	border-color: #cdcdcd #d5d5d5 #d0d0d0;
	text-shadow: 0 1px #f1f1f1;
}
.MapTabsWrap ul li a:active,
.MapTabsWrap ul li.selected a,
.MapTabsWrap ul li.BackIndex a:active,
.HideLeftPanel a:active {
	color: #323233;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-MapTabsWrap.png) repeat-x 0 -92px #e5e5e5;
	/*background: none #e5e5e5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#eeeeee, endColorStr=#dcdcdc);
	background: -moz-linear-gradient(center top , #eee, #dcdcdc) repeat scroll 0 0 #e5e5e5;
	background: #e5e5e5 -webkit-gradient(linear, 0% 0%, 0 90%, from(#eee), to(#dcdcdc));
	background: -o-linear-gradient(center top , #eee, #dcdcdc) repeat scroll 0 0 #e5e5e5;*/
	background: #e5e5e5 -webkit-gradient(linear, 0% 0%, 0 90%, from(#eee), to(#dcdcdc));
	background: -o-linear-gradient(center top , #eee, #dcdcdc) repeat scroll 0 0 #e5e5e5;
	box-shadow: 0 1px 2px #d9d9d9 inset;
	-moz-box-shadow: 0 1px 2px #d9d9d9 inset;
	-webkit-box-shadow: 0 1px 2px #d9d9d9 inset;
}
.AddPlace a:active,
.MapToolsBar > li > a:active,
.MapToolsBar li.MT-dokhoangcach-active a,
.MapToolsBar li.SendMap.active a {
	color: #505052;
	background: none #dcdcdc;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e0e0e0, endColorStr=#dcdcdc);
	background: -moz-linear-gradient(center top , #e0e0e0, #dcdcdc) repeat scroll 0 0 #e5e5e5;
	background: #e5e5e5 -webkit-gradient(linear, 0% 0%, 0 90%, from(#e0e0e0), to(#dcdcdc));
	background: -o-linear-gradient(center top , #e0e0e0, #dcdcdc) repeat scroll 0 0 #e5e5e5;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}
.MapTabsWrap ul li.BackIndex a {
	width: 30px;
	height: 14px;
}
.MapTabsWrap ul li.BackIndex a span,
.HideLeftPanel a span,
.AddPlace a span,
.MapToolsBar > li > a > span {
	height: 14px;
	display: block;
	text-indent: -99999em;
	background: url(/Maps/Skins/RedSkin/images/back-index.png) no-repeat 8px 0;
}
.MapTabsWrap ul li.BackIndex a:hover span {
	background-position: 8px -13px;
}
.HideLeftPanel a span {
	background: url(/Maps/Skins/RedSkin/images/leftpanel-hideshow.png) no-repeat 13px 3px;
}
.HideLeftPanel a:hover span {
	background-position: 12px -13px;	
}
.ShowLeftPanel a span {
	background: url(/Maps/Skins/RedSkin/images/leftpanel-hideshow.png) no-repeat -13px 2px;
}
.ShowLeftPanel a:hover span {
	background-position: -12px -14px;
}

/*Bat dau cac tab Tinh nang*/
.Features {
	color: #333;
}
#searchtabdiv
{
	position: relative;
}

#searchtabdiv .SearchBoxWrap {
	display: none;
}
/*Huong dan tim vi tri*/
.SHelpDiv-div {
	color: #333;
	padding: 23px 0 0 20px;
}
.SHelpDiv-div h3 {
	background: url(/Maps/Skins/RedSkin/images/favicon.png) no-repeat 0 7px;
	padding-left: 18px;
	color: #444;
	font: lighter 23px arial;
	margin-bottom: 10px;
	letter-spacing: -.04em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.SHelpDiv-div p {
	margin-bottom: 14px;
	line-height: 18px;
	padding-right: 15px;
}
.SHelpDiv-div ul {
	line-height: 17px;
	margin-bottom: 10px;
}
.SHelpDiv-div ul li {
	font-size: 12px;
	padding: 0 0 4px 10px;
	background: url(/Maps/Skins/RedSkin/images/List-image.png) no-repeat 0 6px;
}
.SHelpDiv-div ul li ul {
	padding: 0 0 0 12px;
	margin: 0;
}
.SHelpDiv-div ul li ul li {
	font-size: 11px;
	padding: 2px 0;
	background: none;
}
.SHelpDiv-div ul li ul li a {
	line-height: 14px;
}
.SHelpDiv-div ul li ul li a b {
	color: #333;
	font-weight: normal;
}
.SHelpDiv-div ul li ul li a:hover b {
	color: #1096D5;
}
#WrapperClick .SHelpDiv-div .SearchBtn {
	display: inline-block;
	position: relative;
	top: auto;
	right: auto;
}
#WrapperClick .SHelpDiv-div .AvimOn {
	display: inline-block;
	position: relative;
	top: auto;
	right: auto;
}
/*End Huong dan tim vi tri*/

/*Ket qua tim vi tri*/
.topLeftPanel {
	position: relative;
	clear:both;
	overflow:hidden;
	z-index: 1;
	-moz-box-shadow: -5px 2px 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -5px 2px 7px rgba(0, 0, 0, 0.1);
	box-shadow: -5px 2px 7px rgba(0, 0, 0, 0.1);
}
.topLeftPanel-inside {
	width: 100%;
	display: inline-block;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.topLeftPanel a {
	display: inline;
	float: right;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	display: block;
	padding: 2px 2px 2px 0;
}
#clearSearchResultText {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -2px -190px;
}
.bodyLeftPanel {
	overflow-x: hidden;
	overflow-y: auto;
	position:relative;
}
#TablePlace {
	line-height: 18px;
	padding: 10px 0 3px;
	display: inline-block;
}
.countPlace {
	margin: 0 1px;
	padding: 0 16px 0 16px;
	display: block;
	font-size: 12px;
}
.keyPlace {
	padding: 5px 16px 8px 16px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	border-bottom: 1px solid #d4d4d4;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.keyPlace .searchinwrap {
	display:inline-block;
	margin: 0 0 0 2px;
	position: relative;
	height: 18px;
	width: 37px;
}
.keyPlace a {
	position: absolute;
	top: 4px;
	float: left;
	border: 1px solid #53a301;/*#458800*/
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; /*Safari*/
	border-radius: 2px; /*Opera 10.5*/
	background: none #85c600;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#85c600, endColorStr=#68b000);
	background: #76ba00 -webkit-gradient(linear, 0% 0%, 0 90%, from(#85c600), to(#68b000));
	background: -webkit-linear-gradient(top , #85c600, #68b000) #76ba00;
	background: -moz-linear-gradient(top , #85c600, #68b000) #76ba00;
	background: -ms-linear-gradient(top , #85c600, #68b000) #76ba00;
	background: -o-linear-gradient(top , #85c600, #68b000) #76ba00;
}
.keyPlace a span {
	/*border: 1px solid #94d100;*/
	padding: 1px 5px 2px;
	font-size: 11px;
	float: left;
	white-space: nowrap;
	line-height: 11px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; /*Safari*/
	border-radius: 2px; /*Opera 10.5*/
	box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.keyPlace a:hover {
	background: none #7ebe0d;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#8bc90d, endColorStr=#70b40d);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#8bc90d), to(#70b40d)) #7ebe0d;
	background: -webkit-linear-gradient(top , #8bc90d, #70b40d) #7ebe0d;
	background: -moz-linear-gradient(top , #8bc90d, #70b40d) #7ebe0d;
	background: -ms-linear-gradient(top , #8bc90d, #70b40d) #7ebe0d;
	background: -o-linear-gradient(top, #94d809, #70b40d) #7ebe0d; /* Opera 11.10+ */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	border: 1px solid #4c8e08;
}
.keyPlace a:active {
	border: 1px solid #458008;
	background: none #70b100;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7ebc00, endColorStr=#63a700);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#7ebc00), to(#63a700)) #70b100;
	background: -webkit-linear-gradient(top , #7ebc00, #63a700) #70b100;
	background: -moz-linear-gradient(top , #7ebc00, #63a700) #70b100;
	background: -ms-linear-gradient(top , #7ebc00, #63a700) #70b100;
	background: -o-linear-gradient(top, #7ebc00, #63a700) #70b100; /* Opera 11.10+ */
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.resultItem,
.MyMapList, #MyMapCoorList .listpins li {
	border-bottom: 1px solid #d4d4d4;
	position: relative;
	float: left;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultitem-top.png) repeat-x 0 top #f3f3f3;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f6f6f6, endColorStr=#ededed);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#f6f6f6), to(#ededed)) #f8f8f8;
	background: -webkit-linear-gradient(center top , #f6f6f6, #ededed) #f8f8f8;
	background: -moz-linear-gradient(center top , #f6f6f6, #ededed) #f8f8f8;
	background: -ms-linear-gradient(center top , #f6f6f6, #ededed) #f8f8f8;
	background: -o-linear-gradient(center top , #f6f6f6, #ededed) #f8f8f8;
	box-shadow: 0 -15px 15px #ededed inset, 0 0 0 #f6f6f6 inset, 0 0 0 #f6f6f6 inset; /*Opera 10.5*/
	background: -o-linear-gradient(center top , #f6f6f6, #ededed) #f8f8f8;
}

.resultItem-Ad {
	border-top: 1px solid #f0c30d; 
	border-bottom: 1px solid #f0c30d;
	top: -1px;
}
.resultItem-Ad:nth-child(2n) {
	top: -2px;
}

.resultItem-active {
	/*background: #ebbf56 -webkit-gradient(linear, 0% 0%, 0% 90%, from(#f7e163), to(#ebbf56));
	background: #ebbf56 -moz-linear-gradient(center top, #f7e163, #ebbf56);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f7e163, endColorStr=#ebbf56);
	box-shadow: 0 -20px 50px #ebbf56 inset, 0 2px 50px #ebbf56 inset, 0 50px 100px #f7e163 inset, 0 2px 8px rgba(200, 200, 200, 0.3);
	-moz-box-shadow: 0 -20px 50px #ebbf56 inset, 0 2px 50px #ebbf56 inset, 0 50px 100px #f7e163 inset, 0 2px 8px rgba(200, 200, 200, 0.3);*/
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultitem-active-top.png) repeat-x 0 top #f4da60;
	
	
	
	/*background: none #f4f4f4;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e5e5e5, endColorStr=#dedede);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#e5e5e5), to(#dedede)) #efefef ;
	background: -webkit-linear-gradient(center top , #e5e5e5, #dedede) #efefef;
	background: -moz-linear-gradient(center top , #e5e5e5, #dedede) #efefef;
	background: -ms-linear-gradient(center top , #e5e5e5, #dedede) #efefef;
	background: -o-linear-gradient(center top , #e5e5e5, #dedede) #efefef;
	box-shadow: 0 -15px 15px #dedede inset, 0 0 0 #e5e5e5 inset, 0 0 0 #e5e5e5 inset; /*Opera 10.5*/
}
.resultItem .resultItemWrap {
	padding: 9px 9px 9px 12px;
	float: left;
	position: relative;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultitem-bottom.png) repeat-x 0 bottom #f3f3f3;
	/*box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;*/
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
}
.resultItem-Ad .resultItemWrap {
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultitemad-bottom.png) repeat-x 0 bottom #f3ebc3;
}
.resultItem-active .resultItemWrap {
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultitem-active-bottom.png) repeat-x 0 bottom #f4da60;
	padding: 8px 9px 8px 12px;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}
.resultItem-Ad.resultItem-active .resultItemWrap {
	border-top: 1px solid #e4aa0d;
	border-bottom: 1px solid #e4aa0d;
}
#TablePlace .resultItem .resultOptions .detail {
	position: absolute;
	top: 10px;
	right: 10px;
}
#TablePlace .resultItem .resultOptions .detail a {
	padding: 0;
	text-indent: -9999em;
	width: 19px;
	height: 19px;
	display: block;
	background: url(/Maps/Skins/RedSkin/images/resultdetail.png) no-repeat;
}
#TablePlace .resultItem .resultOptions .detail a:hover {
	background-position: 0 -19px;
}
.resultTitle {
	padding: 0 1px 3px 0;
	margin: 2px 0 0;
	font-size: 15px;
	color: #333;
	float: left;
	width: 267px;
}
.resultItem-detail .resultTitle {
	width: 250px;
}
.resultTitle:hover {
	color: #333;
}
.resultItem p {
	margin: 7px 0 5px;
	padding: 0 5px 0 3px;
	font-size: 11px;
	float: left;
	width: 302px;
	line-height: 15px;
}
.resultItem .comment {
	background: url(/Maps/Skins/WhiteSkin/images/quote-start.png) no-repeat top left rgba(255, 255, 255, 0.7);
	display: block;
	margin-bottom: 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.resultItem .comment span {
	padding: 5px 18px 8px 25px;
	background: url(/Maps/Skins/WhiteSkin/images/quote-end.png) no-repeat bottom right;
	display: block;
	color: #555;
}
.resultItem .address {
	display: block;
	margin-bottom: 8px;
	background: url(/Maps/Skins/RedSkin/images/address.png) no-repeat 3px 3px;
	padding-left: 18px;
}
.resultItem .phone {
	display: inline-block;
	margin-bottom: 10px;
	background: url(/Maps/Skins/RedSkin/images/phone.png) no-repeat 3px 3px;
	padding-left: 18px;
}
.resultItem .fax {
	display: inline-block;
	margin: 0 0 10px 6px;
	background: url(/Maps/Skins/RedSkin/images/fax.png) no-repeat 3px 3px;
	padding-left: 18px;
}
.resultImg {
	margin: 0 10px 13px 12px;
	float: right;
	width: 70px;
	padding: 3px;
	display: block;
	background: none #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.resultImg:hover
{
    cursor: -webkit-zoom-in; 
    cursor: -moz-zoom-in;
}
.resultOptions {
	float:left;
	line-height: 14px;
}
.resultOptions li {
	display: inline;
	float: left;
}
.resultOptions li a {
	color: #666;
	display: block;
	padding: 0 8px 0 16px;
	background: url(/Maps/Skins/RedSkin/images/resultOptions-arrow.png) no-repeat 7px 4px;
	font-size: 11px;
	float: left;
}
.resultOptions li a:hover {
	background-position: 10px 4px;
}
.resultOptions span {
	float: left;
	color: #ccc;
	font-size: 10px;
}
.kohailong {
	padding: 10px 0 13px 10px;
	font-size: 12px;
	line-height: 25px;
	color: #333;
	float: left;
}
.last {
	margin-bottom: 20px;
}
#fblnk p {
	font-size: 14px;
	color: #555;
	font-weight: bold;
	padding: 0 0 3px 13px;
}
#fblnk ul li {
	padding: 0 26px;
	background: url(/Maps/Skins/RedSkin/images/List-image.png) no-repeat 13px 9px;
}

.jForm {
	float: left;
}
.jForm p {
	color: #555;
	font-size: 14px;
	font-weight: bold;
	padding: 0 100px 0 13px;
	margin-bottom: 5px;
	float: left;
}
.jForm .typevnmese {
	font-size: 11px;
	color: #cc0000;
	padding: 0 13px;
	float: left;
	margin-bottom: 2px;
	width: 285px;
}
.jForm div {
	float: left;
	padding: 0 13px;
	width: 283px;
	height: 33px;
}
.jForm label {
	float: left;
}
.jForm input {
	float: right;
	padding: 4px 3px;
}
.jForm .submit_wrap, .jForm .cancel_wrap {
	float: left;
	margin: 15px 0 0 13px;
}
.jForm .cancel_wrap {
	margin: 15px 0 0 5px;
}
.jForm .submit, .jForm .cancel {
	font-size: 11px;
	padding: 4px 8px 5px;
}
.jForm span {
	float: left;
	padding: 0 13px;
}
.jForm textarea {
	margin: 0 0 0 13px;
	width: 275px;
	padding: 3px 0 3px 5px;
	line-height: 17px;
	overflow-y: auto;
}
.jForm input, .jForm textarea {
	background: none #f8f8f8;
}
.jForm input:focus, .jForm textarea:focus {
	background: none #fefefe;
}


/*Dem trang*/
.resultPage {
	float: left;
	padding: 10px 10px 18px 12px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.resultPage li {
	display: inline;
	float: left;
	padding: 4px 0px;
}
.resultPage li span {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	color: #c1c1c1;
	font-size: 11px;
	margin-right: 1px;
	padding: 3px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.resultPage li a {
	color: #333;
	font-size: 11px;
	margin-right: 1px;
	padding: 3px 9px;
	border: 1px solid #bebec0;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultPage.png) repeat-x #f2f2f2;
	/*background: none #f2f2f2;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fbfbfb, endColorStr=#f0efef);
	background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#fbfbfb), to(#f0efef)) #f2f2f2;
	background: -webkit-linear-gradient(top , #fbfbfb, #f0efef) #f2f2f2;
	background: -moz-linear-gradient(top , #fbfbfb, #f0efef) #f2f2f2;
	background: -ms-linear-gradient(top , #fbfbfb, #f0efef) #f2f2f2;
	background: -o-linear-gradient(top, #fbfbfb, #f0efef) #f2f2f2; /* Opera 11.10+ */
	
	/*box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;*/
	
	background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#fbfbfb), to(#f0efef)) #f2f2f2;
	background: -webkit-linear-gradient(top , #fbfbfb, #f0efef) #f2f2f2;
	-webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.15) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
	background: -o-linear-gradient(top, #fbfbfb, #f0efef) #f2f2f2;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.resultPage li a:hover {
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #a1a2a3;
	color: #444;
	background-position: 0 -19px;
	/*background: none #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fcfcfc, endColorStr=#f4f4f4);
	background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#fcfcfc), to(#f4f4f4)) #f5f5f5;
	background: -webkit-linear-gradient(top , #fcfcfc, #f4f4f4) #f5f5f5;
	background: -moz-linear-gradient(top , #fcfcfc, #f4f4f4) #f5f5f5;
	background: -ms-linear-gradient(top , #fcfcfc, #f4f4f4) #f5f5f5;
	background: -o-linear-gradient(top, #fcfcfc, #f4f4f4) #f5f5f5; /* Opera 11.10+ */
	
	background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#fcfcfc), to(#f4f4f4)) #f5f5f5;
	background: -webkit-linear-gradient(top , #fcfcfc, #f4f4f4) #f5f5f5;
	background: -o-linear-gradient(top, #fcfcfc, #f4f4f4) #f5f5f5;
	box-shadow: 0 1px 2px #e2e2e2;
	-moz-box-shadow: 0 1px 2px #e2e2e2;
	-webkit-box-shadow: 0 1px 2px #e2e2e2;
}
.resultPage li a:active, .resultPage li span.active_page {
	text-shadow: 0 1px 0 #efefef;
	border: 1px solid;
	border-color: #bbb #c5c5c5 #c0c0c0;
	background: url(/Maps/Skins/RedSkin/images/ff/bg-resultPage.png) repeat-x 0 -38px #d3d7dc;
	/*background: none #d3d7dc;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ebebec, endColorStr=#dee0e1);
	background: #d3d7dc -webkit-gradient(linear, 0% 0%, 0 30%, from(#ebebec), to(#dee0e1));
	background: -webkit-linear-gradient(top , #ebebec, #dee0e1) #d3d7dc;
	background: -moz-linear-gradient(top , #ebebec, #dee0e1) #d3d7dc;
	background: -ms-linear-gradient(top , #ebebec, #dee0e1) #d3d7dc;
	background: -o-linear-gradient(top , #ebebec, #dee0e1) #d3d7dc;*/
	box-shadow: 0 1px 1px #c7c7c8 inset;
	-moz-box-shadow: 0 1px 1px #c7c7c8 inset;
	-webkit-box-shadow: 0 1px 1px #c7c7c8 inset;
}
.resultPage li span.active_page {
	color: #333;
	font-weight: bold;
}

/*ko tim thay ket qua*/
.kotimthay {
	padding: 5px 0 10px 23px;
	font-size: 12px;
	line-height: 25px;
}
.searchKey {
	font-size: 14px;
	color: #cc0000;
	line-height: 19px;
}
.goiy {
	color: #cc0000;
}
.goiy a {
	color: #0175D8;
	font-size: 18px;
	font-weight: lighter;
}
.goiy span {
	color: #333333;
}
.dexuat li {
	padding: 4px 17px 3px 13px;
	line-height: 18px;
	background: url(/Maps/Skins/RedSkin/images/List-image.png) no-repeat 0 9px;
}


/*Tinh nang tim duong*/
#directionoptions {
	float:left;
	padding: 12px 10px 12px 0;
	border-top: 1px solid #efefef;
	background-color: #f7f7f7;
	position:absolute;
	bottom:0;
	z-index: 1;
	box-shadow: -5px -2px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -5px -2px 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -5px -2px 7px rgba(0, 0, 0, 0.1);
}
.directionoptions {
	float: left;
	width: 340px;
	height: 36px;
}
.directionoptions .tranhhemlocot {
	float: left;
	position: absolute;
	left: 10px; /*khi co bus*/
	/*left: 20px; /*ko bus*/
}
.directionoptions .tranhhemlocot li {
	width: 55px;
	height: 36px;
}
.directionoptions .tranhhemlocot li a {
	width: 54px;
	height: 34px;
	font-size: 10px;
	text-transform: uppercase;
}
.directionoptions .tranhhemlocot li.selected a span {
}
.GroupBtn li a.NotAlley-Off {
	display: block;
	float: left;
}
.GroupBtn li a.NotAlley-Off span,
.GroupBtn li a.NotCons-Off span {
	display: inline-block;
	width: 54px; /*bang width cua '.directionoptions .tranhhemlocot li a'*/
	height: 12px;
	padding: 11px 0;
}
a.NotAlley-Off:Hover {
	background-position: -72px -36px;
}
a.NotAlley-Off:Active {
	background-position: -72px -72px;
}
a.NotCons-Off {
	display: block;
	float: left;
}
.directionoptions .phuongtiendichuyen {
	float: left;
	position: absolute;
	left: 135px; /*khi co bus*/
	/*left: 155px; /*ko bus*/
}
.directionoptions .phuongtiendichuyen li {
	height: 36px;
	width: 40px;
}
.directionoptions .phuongtiendichuyen li a {
	height: 34px;
	width: 39px;
}
.directionoptions .phuongtiendichuyen li a span {
	width: 39px;
}
.phuongtiendichuyen li.selected a {
	border: 1px solid;
	border-color: #cdcdcd #d5d5d5 #d0d0d0;
}

a.pedestrian span {
	float: left;
	text-indent: -9999px;
	background: url(/Maps/Skins/RedSkin/images/phuongtiengiaothong.png) no-repeat 13px 6px;
}
a.pedestrian:Hover span {
	background-position: 13px -28px;
}
.phuongtiendichuyen li.selected a.pedestrian span {
	background-position: 13px -61px;
}
a.pedestrian:Active {

}
a.pedestrian-enable, a.pedestrian-enable:Hover, a.pedestrian-enable:Active {

}
a.motor span {
	float: left;
	text-indent: -9999px;
	background: url(/Maps/Skins/RedSkin/images/phuongtiengiaothong.png) no-repeat -28px 6px;
}
a.motor:Hover span {
	background-position: -28px -28px;
}
.phuongtiendichuyen li.selected a.motor span {
	background-position: -28px -61px;
}
a.motor:Active {

}
a.motor-enable, a.motor-enable:Hover, a.motor-enable:Active {

}
a.car span {
	float: left;
	text-indent: -9999px;
	background: url(/Maps/Skins/RedSkin/images/phuongtiengiaothong.png) no-repeat -67px 6px;
}
a.car:Hover span {
	background-position: -67px -28px;
}
.phuongtiendichuyen li.selected a.car span {
	background-position: -67px -61px;
}
a.car:Active {

}
a.car-enable, a.car-enable:Hover, a.car-enable:Active {

}
a.lorry span {
	float: left;
	text-indent: -9999px;
	background: url(/Maps/Skins/RedSkin/images/phuongtiengiaothong.png) no-repeat -107px 6px;
}
a.lorry:Hover span {
	background-position: -107px -28px;
}
.phuongtiendichuyen li.selected a.lorry span {
	background-position: -107px -61px;
}
a.lorry:Active {

}
a.lorry-enable, a.lorry-enable:Hover, a.lorry-enable:Active {

}
a.bus span {
	float: left;
	text-indent: -9999px;
	background: url(/Maps/Skins/RedSkin/images/phuongtiengiaothong.png) no-repeat -148px 6px;
}
a.bus:Hover span {
	background-position: -148px -28px;
}
.phuongtiendichuyen li.selected a.bus span {
	background-position: -148px -61px;
}
a.bus:Active {

}
a.bus-enable, a.bus-enable:Hover, a.bus-enable:Active {

}


#FindPathStatus {
	float: left;
	padding: 4px 0 0 10px;
	font-size: 11px;
	text-align: right;
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.clearPathResult {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -2px -190px;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	padding: 0 0 2px 0;
}
.tdreverse {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -1px -171px;
	text-indent: -9999px;
	width: 20px;
	height: 16px;
	margin: 0 8px 0 0;
}
.printDirection {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -3px -114px;
	text-indent: -9999px;
	width: 20px;
	height: 16px;
	margin: 0 8px 0 0;
}
#listDirection {
	padding: 12px 0 15px;
}
.direction-item {
	position: relative;
}
.swrap-timduong{
	padding: 5px 18px 0 15px;
}
.background {
	background: none rgba(255, 255, 255, 0.7);	
}
.swrap-timduong .boxtimduong {
	width: 199px;
	height: 16px;
	padding: 3px 23px 4px 6px;
	position: absolute;
	top: 12px;
	left: 47px;
	color: #333;
	border-radius: 2px 0 0 2px;
}
.swrap-timduong .boxtimduong.timduong-default {
	color: #999;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}
.swrap-timduong .boxtimduong.timduong-default:focus {
	color: #333;
}
.del-timduong {
	width: 23px;
	height: 16px;
	background: url(/Maps/Skins/WhiteSkin/images/del.png) no-repeat;
	position: absolute;
	top: 17px;
	left: 253px;
	text-indent: -9999px;
}
.del-timduong:hover {
	background-position: 0 -16px;
}
.swrap-timduong .btn-timduong {
	display: block;
	position: absolute;
	top: 12px;
	left: 276px;
	border-radius: 0 2px 2px 0;
}
.swrap-timduong .btn-timduong span {
	padding: 4px 5px 5px;
	border-radius: 0 2px 2px 0;
}
.options {
	position: relative;
	padding: 5px 38px 8px 15px;
	display: block;
	border-bottom: 1px solid #d9d9d9;
}
.collapse {
	width: 16px;
	height: 16px;
	background: url(/Maps/Skins/WhiteSkin/images/bullet_blue_collapse.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 24px;
	text-indent: -9999px;
}
.expand {
	width: 16px;
	height: 16px;
	background:	url(/Maps/Skins/WhiteSkin/images/bullet_blue_expand.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 24px;
	text-indent: -9999px;
}
.s-service 
{
	display:block; /*Fix IE*/
	font-size: 11px;
	background: url(/Maps/Skins/WhiteSkin/images/services.png) no-repeat;
	padding-left: 14px;
	color: #555;
}
a.s-service:hover {
	color: #0175d8;
}
.direction-guide {
	width: 100%;
	overflow: hidden;
}
.stepsList {
	/*padding: 0 16px 0 15px;*/
	font-size: 11px;
	line-height: 18px;
}
.stepsList li {
	padding: 6px 16px 6px 45px;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
	cursor: pointer;
}
.StepList-hover {
	background: none #f8f8f8;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#f7f7f7);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#f7f7f7)) #f8f8f8 ;
	background: -webkit-linear-gradient(center top , #fff, #f7f7f7) #f8f8f8;
	background: -moz-linear-gradient(center top , #fff, #f7f7f7) #f8f8f8;
	background: -ms-linear-gradient(center top , #fff, #f7f7f7) #f8f8f8;
	background: -o-linear-gradient(center top , #fff, #f7f7f7) #f8f8f8;
	box-shadow: 0 -8px 8px #f7f7f7 inset, 0 0 0 #fff inset, 0 0 0 #fff inset; /*Opera 10.5*/
}
.StepList-active, #MyMapCoorList .listpins li.MyMapCoorList-active {
	/*color: #fff;
	background: none #4787ed;
	border-bottom: 1px solid #2f77e8;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4c8ffd, endColorStr=#4787ed);
	background: -webkit-gradient(linear, 0% 0%, 0 90%, from(#4c8ffd), to(#4787ed)) #498bf4;
	background: -webkit-linear-gradient(center top , #4c8ffd, #4787ed) #498bf4;
	background: -moz-linear-gradient(center top , #4c8ffd, #4787ed) #498bf4;
	background: -ms-linear-gradient(center top , #4c8ffd, #4787ed) #498bf4;
	background: -o-linear-gradient(top, #4c8ffd, #4787ed); /* Opera 11.10+ */
	/*box-shadow: 0 -15px 15px #4787ed inset, 0 0 0 #4c8ffd inset, 0 0 0 #4c8ffd inset; /*Opera 10.5*/
	
	
	background: #ebbf56 -webkit-gradient(linear, 0% 0%, 0% 90%, from(#f7e163), to(#ebbf56));
	background: #ebbf56 -moz-linear-gradient(center top, #f7e163, #ebbf56);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f7e163, endColorStr=#ebbf56);
	box-shadow: 0 -20px 50px #ebbf56 inset, 0 2px 50px #ebbf56 inset, 0 50px 100px #f7e163 inset, 0 2px 8px rgba(200, 200, 200, 0.3);
	-moz-box-shadow: 0 -20px 50px #ebbf56 inset, 0 2px 50px #ebbf56 inset, 0 50px 100px #f7e163 inset, 0 2px 8px rgba(200, 200, 200, 0.3);
}
.stepsList li a {
	color: #333;
	position: absolute;
	left: 10px;
	padding: 0 0 0 8px;
}
.stepsList li.StepList-active a {
	/*color: #fff;*/
}
.instruction {
	display: inline-block;
	padding-right: 45px;
}
.instructionKeyword {
	font-weight: bold;
}
.distance {
	position: absolute;
	right: 16px;
	padding: 0 8px 0 0;
}
.summary {
	text-align: right;
	padding: 8px 24px 8px 13px;
}
.summary b {
	margin-right: 4px;
}

/*
-------------------------
Cá nhân
-------------------------
*/
#mymaptabdiv {
	border-bottom: 1px solid #f8f8f8;
}
#mymaptabdiv #topLeftMyMapResult {
	padding-bottom: 8px;
}
#topLeftMyMapResult .mymapsubtab,
.topLeftPanel-inside .mymapsubtab {
	float: left;
	display: inline-block;
	margin: 8px 0 0 8px;
}
.topLeftPanel-inside .mymapsubtab {
	margin-bottom: 8px;
}
#topLeftMyMapResult .mymapsubtab li,
.topLeftPanel-inside .mymapsubtab li {
	width: auto;
	float: left;
	padding: 0 5px 0 0;
}
#topLeftMyMapResult .mymapsubtab li a,
.topLeftPanel-inside .mymapsubtab li a {
	padding: 0;
	text-indent: 0;
	float: left;
	height: auto;
	width: auto;
	border-color: #c0c2c4;
}
#topLeftMyMapResult .mymapsubtab li a span,
.topLeftPanel-inside .mymapsubtab li a span {
	float: left;
	color: #575759;
	padding: 7px 10px;
}
#topLeftMyMapResult .mymapsubtab li.selected a,
.topLeftPanel-inside .mymapsubtab li.selected a {
	border: 1px solid #a6a9ad;
	background: none #d3d7dc;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#efeff0, endColorStr=#e2e4e5);
	background: #d3d7dc -webkit-gradient(linear, 0% 0%, 0 30%, from(#efeff0), to(#e2e4e5));
	background: -webkit-linear-gradient(top , #efeff0, #e2e4e5) #d3d7dc;
	background: -moz-linear-gradient(top , #efeff0, #e2e4e5) #d3d7dc;
	background: -ms-linear-gradient(top , #efeff0, #e2e4e5) #d3d7dc;
	background: -o-linear-gradient(top , #efeff0, #e2e4e5) #d3d7dc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}
#topLeftMyMapResult .mymapsubtab li.selected a span,
.topLeftPanel-inside .mymapsubtab li.selected a span {
	color: #4b4b4d;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#MarkLocation {
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	width: 350px;
	padding: 10px 0 0;
	position: relative;
}
#MarkLocation .resultTitle {
	padding: 0;
	width: 245px;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
}

#MarkLocation_Cookie .mymaptitle {
	background:url(/Maps/Skins/RedSkin/images/favicon.png) no-repeat scroll 14px 7px transparent;
	margin: 0 2px;
	padding: 0 0 2px 33px;
	float: none;
}

#MarkLocation_Cookie .resultItem {
    float: none;
	margin: 0 2px 0 0;
	padding: 8px 0 8px 19px;
}

/*Favorite*/
.favToogle-Dis {
	width: 13px;
	height: 13px;
	padding: 0 0 0 5px;
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat 2px -364px;
	display: inline-block;
}
.favimg {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -3px -364px;
}
.favToogle-Ena {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat 2px -383px;
}
.fav1-10 {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #844C15;
	width: 20px;
	height: 31px;
	padding: 0 12px 0 2px;
	text-align:center;
	letter-spacing:-1px;
	text-shadow: 0 -1px #FFFF00;
	background: url(/Maps/Skins/WhiteSkin/images/Pins.png) no-repeat 0 -195px;
	line-height: 23px;
	-moz-user-select: none;
	-webkit-user-select: none;
}
/*End Favarite*/

/*MyMap*/
#mymaptoolbar {
	float: left;
	clear: both;
	width: 145px;;
	position: absolute;
	right: -25px;
	top: 13px;
}
#mymap_div {
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	width: 350px;
	padding: 10px 0 0;
	position: relative;
}
.MyMapHelp {
	padding: 5px 0 0;
}
.MapHelp h3 {
    font: lighter 23px arial;
	letter-spacing: -0.04em;
	color: #444;
	padding: 0 0 2px 30px;
	margin-left: 3px;
	background: url(/Maps/Skins/RedSkin/images/favicon.png) no-repeat 12px 7px;
	border-bottom: 1px solid #efefef;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.MapHelp ul {
	padding: 8px 0 25px;
	font-size: 12px;
	border-top: 1px solid #fff;
	line-height: 25px;
}
.MyMapHelpspan {
	padding: 0 5px 0 26px;
}
.MapHelp ul li {
	background: url(/Maps/Skins/RedSkin/images/List-image.png) no-repeat 25px 10px;
	padding: 4px 22px 5px 40px;
	line-height: 18px;
}
#createNewMap {
	position: absolute;
	right: 31px;
	top: -2px;
	background: url(/Maps/Skins/WhiteSkin/images/bullet_add.png) no-repeat -8px -6px;
	width: 100px;
	height: 16px;
	margin: 3px 0 0 12px;
	padding: 3px 0 4px 20px;
	font-size: 11px;
	color: #777;
	text-indent: 0;
}
.AddPlaceWrap {
	padding: 20px 0 0;
	color: #555;
}
.AddPlaceWrap .MapHelp ul li {
	padding-right: 28px;
}
.AddPlaceWrap .MapHelp ul li.li2 {
	background-position: 25px 16px;
}
.AddPlaceWrap .MapHelp ul li .pin-mymap {
	background: url(/Maps/Skins/RedSkin/images/pin-mymap.png) no-repeat center center;
	width: 20px;
	height: 20px;
	display: inline-block;
}
.AddPlaceWrap .backbtn {
	float: left;
	margin: 0 0 0 16px;
}
.AddPlaceWrap .backbtn span {
	float: left;
	padding: 4px 5px 5px;
}
#MyMapList {
	float: left;
}
#MyMapArea h3, .mymaptitle {
	float: left;
	background: url(/Maps/Skins/RedSkin/images/favicon.png) no-repeat 14px 7px;
	border-bottom: 1px solid #efefef;
	color: #595959;
	font: lighter 23px arial;
	letter-spacing: -.04em;
	padding: 0 13px 5px 33px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.MyMapList {
	padding: 0 2px 8px 10px;
	border-top: 1px solid #fff;
	position: relative;
	float: left;
}
.MyMapListLeft {
	color: #333;
	float: left;
	width: 297px;
}
.MyMapListLeft p {
	margin: 0 0 5px;
	padding: 0 5px;
	font-size: 11px;
	float: left;
	width: 297px;
	line-height: 15px;
}
.MyMapListLeft .Info {
	display: block;
	background: url(/Maps/Skins/WhiteSkin/images/address.png) no-repeat top left;
	padding-left: 18px;
}
.MyMapDel {
	float: right;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/MapListDel.png) no-repeat 4px center;
	width: 24px;
	margin: 8px 0 0;
}
.MyMapDel:Hover {
	background-position: -24px center;
}
.MapListIcon {
	float: left;
	font-size: 24px;
	color: #ffab50;
	margin: 2px 0 0 2px;
	width: 26px;
	height: 30px;
	padding: 0 13px 13px 2px;
	text-align:center;
	letter-spacing:-1px;
	text-shadow: 1px 1px #006f01;
	background: url(/Maps/Skins/WhiteSkin/images/Pins.png) no-repeat 0 -109px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.MapListTitle {
	padding: 9px 1px 5px 0;
	margin: 2px 0 0;
	font-size: 15px;
	width: 253px;
	color: #333;
	float: left;
}
.MapListTitle:hover {
	color: #0175d8;
}
.MapListTitle span {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-left: 4px;
}
/**/
.topLeftPanel .back,
.topLeftPanel .save,
.topLeftPanel .edit,
.topLeftPanel .trash {
	margin: 0 0 4px 10px;
	float: left;
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	border: 1px solid #9da3a6;
}
.topLeftPanel .save,
.topLeftPanel .edit,
.topLeftPanel .trash {
	margin-left: 5px;
}
.topLeftPanel .back:hover,
.topLeftPanel .save:hover,
.topLeftPanel .edit:hover,
.topLeftPanel .trash:hover {
}
.topLeftPanel .back:active,
.topLeftPanel .save:active,
.topLeftPanel .edit:active,
.topLeftPanel .trash:active {

}
.topLeftPanel .back span,
.topLeftPanel .save span,
.topLeftPanel .edit span,
.topLeftPanel .trash span {
	float: left;
	text-indent: -9999px;
	height: 21px;
	width: 27px;
}
.topLeftPanel .edit span {
	background: url(/Maps/Skins/WhiteSkin/images/Icons2.png) no-repeat 6px 3px;
}
.topLeftPanel .save span {
	background: url(/Maps/Skins/WhiteSkin/images/Icons2.png) no-repeat 6px -36px; 
}
.topLeftPanel .back span {
	background: url(/Maps/Skins/WhiteSkin/images/Icons2.png) no-repeat 6px -16px; 
}
.topLeftPanel .trash span {
	background: url(/Maps/Skins/WhiteSkin/images/Icons2.png) no-repeat 6px -56px;
}

.topLeftPanel a.back:active span,
.topLeftPanel a.save:active span,
.topLeftPanel a.edit:active span,
.topLeftPanel .trash:active span {
	background-position: 7px 4px;
	border: none;
	width: 27px;
	height: 21px;
}
.topLeftPanel a.back:active span {
	background-position: 7px -15px;
}
.topLeftPanel a.save:active span {
	background-position: 7px -35px;
}
.topLeftPanel a.trash:active span {
	background-position: 7px -55px;
}
#InforOfMyMap {
	float: left;
	padding: 5px 0 0;
}
#MyMapInfo {
	background: #f7f7f7;
	border-top: 1px solid #fff;
	float: left;
	padding: 8px 0;
	margin: 0 14px;
	border-bottom: 1px solid #fff;
}
.listsubinfo {
	float: left;
	font-size: 11px;
	line-height: 18px;
	margin: 0 8px;
	width: 292px;
}
.listsubinfo li {
	border-bottom: 1px solid #efefef;
	padding: 1px 0;
	float: left;
	clear: both;
	position: relative;
	width: 292px;
}
#MyMapInfo .listsubinfoinput li {
	padding: 1px 0 1px 132px;
	width: 160px;
}
.listsubinfo li.hiline {
	background: #f6f6f6;
}
#MyMapInfo .listsubinfo .inputname {
	width: 108px;
	position: absolute;
	left: 10px;
	*top: 2px;
}
.del {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -2px -191px;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 2px;
}
.listsubinfo .name {
	float: left;
	width: 155px;
	padding: 0 0 0 5px;
	line-height: 14px;
}
.listsubinfo .value {
	padding: 0 3px 0 0;
	display: inline-block;
	float: left;
	width: 120px;
	line-height: 14px;
}
#MyMapCoorPopup .listsubinfo .name {
	width: 118px;
}
#MyMapCoorPopup .listsubinfo .value {
	width: 119px;
}
#MyMapInfo .addsubinfo {
	float: left;
	clear: left;
	margin: 5px 0 0 227px;
}
#MyMapInfo .addsubinfo span {
	float: left;
	padding: 1px 10px;
	font-size: 11px;
	font-weight: normal;
}
#MyMapInfo .listsubinfo .Mname {
	position: absolute;
	left: 15px;
}
#MyMapInfo .listsubinfo .Mvalue {
	display: inline-block;
	padding: 0 0 0 5px;
}
#MyMapArea ol.info, #MyMapArea ol.inputinfo {
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 0 8px;
	width: 291px;
}
#MyMapArea ol.info {
}
#MyMapArea ol.inputinfo {
	border-bottom: 1px solid #efefef;
}
#MyMapArea ol.info li, #MyMapArea ol.inputinfo li {
	padding: 6px 13px 6px 65px;
	position: relative;
}
#MyMapArea ol.info li {
	border-bottom: 1px solid #EFEFEF;
}
#MyMapArea input#txtMapTitle {
	font-size: 11px;
}
#MyMapArea input, #MyMapArea textarea,
.filerFavInput {
	font-size: 11px;
	color: #555;
	line-height: 18px;
	padding: 3px;
	display: inline-block;
	width: 205px;
}
#MyMapArea input:focus, #MyMapArea textarea:focus {
	color: #333;
}
#MyMapArea .listsubinfoinput input {
	padding: 2px 3px;
	width: 127px;
}
#MyMapArea input {
	line-height: normal;
}
#MyMapArea textarea {
	font: 0.9em/15px Tahoma,Geneva,sans-serif;
	height: 47px;
}
#MyMapArea .NameTit, #MyMapArea .InfoTit {
	font-weight: bold;
	position: absolute;
	left: 0;
	padding: 0 0 0 5px;
}
#MyMapArea .input {
	top: 9px;
}
#MyMapArea .Name, #MyMapArea .Info {
	padding: 0 3px 0 0;
	display: inline-block;
}

#MyMapCoorList {
	float: left;
	padding: 25px 0 10px;
}
#MyMapCoorList .listpins {
	border-top:1px solid #fff;
	color: #333;
	float: left;
	font-size: 11px;
	line-height: 18px;
}
#MyMapCoorList .listpins .MyMapDel {
	position: absolute;
	right: 0;
	top: 5px;
	margin: 0;
}
#MyMapCoorList .listpins li {
	float: left;
	border-bottom: 1px solid #d9d9d9;
	padding: 7px 15px;
	position: relative;
	width: 303px;
}
#MyMapCoorList .listpins li .MyMapCoorListImage {
	float: left;
	padding: 0 0 0 40px;
	min-height: 28px;
}
#MyMapCoorList .listpins li.MyMapCoorList-active a {
	color: #333;
}
#MyMapToolbar {
	float: left;
	margin: 0 10px 5px 13px;
	width: 303px;
}
#MyMapToolbar li {
	display: inline-block;
	float: left;
}
.ToolbarExplain 
{
	display:none;
	float: left;
	margin: 0 10px 13px;
	border: 1px solid #e2c822;
	background: #fff9d7 none repeat;
	width: 282px;
	line-height: 16px;
	padding: 5px 15px 5px;
	font-size: 12px;
	color: #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btnMove {
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat left top;
}
.btnMove:Hover {
	background-position: 0 -26px;
}
.btnMove:Active {
	background-position: 0 -52px;
}
.btnMoveActive, .btnMoveActive:Hover, .btnMoveActive:Active {
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat left -78px;
}
.btnAddPoint {
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -26px top;
}
.btnAddPoint:Hover {
	background-position: -26px -26px;
}
.btnAddPoint:Active {
	background-position: -26px -52px;
}
.btnAddPointActive, .btnAddPointActive:Hover, .btnAddPointActive:Active {
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -26px -78px;
}
.btnAddText {
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -52px top;
}
.btnAddText:Hover {
	background-position: -52px -26px;
}
.btnAddText:Active {
	background-position: -52px -52px;
}
.btnAddTextActive, .btnAddTextActive:Hover, .btnAddTextActive:Active {
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -52px -78px;
}
.btnAddPolyline {
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -78px top;
}
.btnAddPolyline:Hover {
	background-position: -78px -26px;
}
.btnAddPolyline:Active {
	background-position: -78px -52px;
}
.btnAddPolylineActive, .btnAddPolylineActive:Hover, .btnAddPolylineActive:Active {
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -78px -78px;
}
.btnAddPolygon {
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -104px top;
}
.btnAddPolygon:Hover {
	background-position: -104px -26px;
}
.btnAddPolygon:Active {
	background-position: -104px -52px;
}
.btnAddPolygonActive, .btnAddPolygonActive:Hover, .btnAddPolygonActive:Active {
	background: url(/Maps/Skins/WhiteSkin/images/myMapTools.png) no-repeat -104px -78px;
}
.MMCoorLeft {
	float: left;
}
.listpinstit {
	float: left;
	font-size: 14px;
	padding: 0 3px 0 0;
	width: 222px;
	color: #333;
	line-height: 16px;
}
.listpinstit:hover {
	color: #0175d8;
}
.listpinsinfo {
	line-height: 15px;
	float: left;
	clear: left;
	padding: 0 3px 0 0;
	display: inline-block;
	margin: 5px 0 0;
	width: 246px;
}
.subinfo {
	float: left;
	border-top: 1px solid #fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 6px 0 6px 5px;
	margin: 0 8px;
	width: 286px;
}

/**/
#MyMapCoorPopup {
	float: left;
	color: #333;
}
#MyMapCoorPopup h3 {
	float: left;
	font-size: 18px;
	font-weight: lighter;
}
#MyMapCoorPopup ol.info, #MyMapCoorPopup ol.inputinfo {
	float: left;
	clear: left;
	font-size: 11px;
	line-height: 15px;
	margin: 7px 0 0;
	width: 200px;
}
#MyMapCoorPopup li {
	padding: 3px 0 3px 50px;
}
#MyMapCoorPopup ol.inputinfo li {
	position: relative;
}
#MyMapCoorPopup li.li-2 {
	border-bottom: 1px solid #efefef;
}
#MyMapCoorPopup .NameTit, #MyMapCoorPopup .InfoTit {
	position: absolute;
	left: 0;
	font-weight: bold;
}
#MyMapCoorPopup .Name, #MyMapCoorPopup .Info {
	display: inline-block;
}
#MyMapCoorPopup input, #MyMapCoorPopup textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(/Maps/Skins/WhiteSkin/images/bg_input.png) repeat-x scroll 0 0 transparent;
	border: 1px solid #C1C1C1;
	color: #111;
	display: inline-block;
	font-size: 11px;
	line-height: 15px;
	padding: 3px;
	width: 205px;
}
#MyMapCoorPopup .input {
	top: 6px;
}
#MyMapCoorPopup input {
	line-height: normal;
}
#MyMapCoorPopup textarea {
	font-family: Tahoma, Geneva, sans-serif;
	height: 47px;
}
#MyMapCoorPopup .PointIcon {
	float: left;
	clear: right;
	margin: 0 0 0 75px;
	cursor: pointer;
	border: 1px solid #aedef2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#dbf4ff);
	background: -moz-linear-gradient(center top , #fff, #dbf4ff) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#dbf4ff));
	box-shadow: 0 -8px 10px #dbf4ff inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
	background-color: #fff;
}
#MyMapCoorPopup .PointIcon span {
	float: left;
	height: 33px;
	width: 35px;
	text-align: center;
	padding: 2px 0 0;
	border: 1px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#MyMapCoorPopup .PointIcon:hover {
	border: 1px solid #47c0f2;
	box-shadow: 0 0 8px #ccffff;
	-moz-box-shadow: 0 0 8px #ccffff;
	-webkit-box-shadow: 0 0 8px #ccffff;
}
#MyMapCoorPopup .PointIcon:active {
	border: 1px solid #83ceed;
	background: none repeat #bbeaff;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
	box-shadow: 0 1px 2px #333 inset;
}
#MyMapCoorPopup .PointIcon:active span {
	border: none;
	padding: 3px 1px 1px;
}
.MMPublic {
	float: left;
	clear: left;
	width: 250px;
}
#MyMapCoorPopup input#chkPublic {
	float: left;
	clear: left;
	display: block;
	margin: 0 5px 0 10px;
	padding: 0;
	width: 13px;
	height: 13px;
	border: none;
	width: 13px;
}
#MyMapCoorPopup label {
	float: left;
	clear: none;
	width: 200px;
	font-size: 11px;
}
#MyMapCoorPopup .subinfo {
	clear: left;
	font-size: 11px;
	padding: 6px 0 0;
	width: 250px;
	color: #333;
}
#MyMapCoorPopup .listsubinfo {
	background-color: #f7f7f7;
	padding: 0 0 5px;
	clear: left;
	width: 275px;
	color: #333;
	margin: 0;
}
#MyMapCoorPopup .listsubinfo li {
	padding: 1px 0 1px 10px;
	border-bottom: 1px solid #fff;
	width: 260px;
}
#MyMapCoorPopup .listsubinfo .li-relative {
	padding: 1px 0 1px 13px;
	float: left;
	width: 229px;
}
#MyMapCoorPopup .listsubinfo .Mname {
	float: left;
	width: 100px;
	margin-right: 10px;
}
#MyMapCoorPopup .listsubinfo .Mvalue {
	float: left;
}
#MyMapCoorPopup .listsubinfo li.PropertyChild {
	padding: 1px 0 1px 10px;
	float: left;
}
#MyMapCoorPopup .listsubinfo li.PropertyChild input {
	float: left;
	width: 120px;
}
#MyMapCoorPopup .listsubinfo li.PropertyChild input.inputname {
	margin: 0 10px 0 0;
	width: 90px;
}
#MyMapCoorPopup .listsubinfo li.PropertyChild a.delete {
	float: left;
	margin-left: 1px;
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -2px -191px;
}
#MyMapCoorPopup .listsubinfo input {
	padding: 2px 3px;
}
#MyMapCoorPopup .addsubinfo {
	border: 1px solid #C1C1C1;
	float: left;
	clear: left;
	margin: 5px 0 0 214px;
	font-size: 11px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e7e7e7);
	background: -moz-linear-gradient(center top , #fff, #e7e7e7) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#e7e7e7));
	box-shadow: 0 -8px 10px #e7e7e7 inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
}
#MyMapCoorPopup .addsubinfo span {
	border: 1px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	padding: 1px 10px;
	color: #333;
}
#MyMapCoorPopup .addsubinfo:hover {
	color: #0175d8;
	box-shadow: 0 0 3px #777;
	-moz-box-shadow: 0 0 3px #777;
	-webkit-box-shadow: 0 0 3px #777;
}
#MyMapCoorPopup .addsubinfo:active span {
	border: none;
	padding: 2px 11px;
}
#btnSaveMyMapCoor {
	float: left;
}
.mmpopupbtn {
	float: left;
	clear: left;
	margin: 8px 0 0 8px;
	width: 200px;
}
.mmpopupbtn #btnSaveMyMapCoor {
	margin: 0 5px 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	float: left;
	border: 1px solid #C1C1C1;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e7e7e7);
	background: -moz-linear-gradient(center top , #fff, #e7e7e7) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#e7e7e7));
	box-shadow: 0 -8px 10px #e7e7e7 inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
}
.mmpopupbtn #btnSaveMyMapCoor span {
	float: left;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #fff;
	padding: 3px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.mmpopupbtn #btnSaveMyMapCoor:hover {
	color: #0175d8;
	box-shadow: 0 0 3px #777;
	-moz-box-shadow: 0 0 3px #777;
	-webkit-box-shadow: 0 0 3px #777;
}
.mmpopupbtn #btnSaveMyMapCoor:active span {
	border: none;
	padding: 4px 11px;
}
#CoorPropertyInfo {
	height:80px;
	overflow-y:auto;
	overflow-x:hidden;
}
/**/



/*======================= F O O T E R ========================*/
#container .copyright {
	text-align: center;
	bottom: 8px;
    left: 134px;
    color: #333;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
    font-size: 10px;
    position: absolute;
	z-index: 2000;
}



/*******Popup tren ban do*******/
/*MiniPopup*/
.MiniPopup {
	color: #333333;
	line-height: 18px;
	float: left;
	width:300px;
}
#divmarkloc {
	font-size: 11px;
	float: left;
	width: 245px;
}
.MiniPopup p {
	line-height:15px;
	float: left;
	margin:7px 0 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #efefef;
	font-size:11px;
}
.popupImg {
	display:block;
	float:right;
	margin:0 10px 10px 12px;
	width:100px;
	height:100px;
}
.popupImg img
{
	-moz-box-shadow: 0 0 7px #A1A1A1;
	-webkit-box-shadow: 0 0 7px #A1A1A1;
	box-shadow: 0 0 7px #A1A1A1;
	padding:3px;
	max-width: 100px;
	max-height: 100px;
}
.popupImg img:hover
{
    cursor: -webkit-zoom-in; 
    cursor: -moz-zoom-in;
}
.MiniPopup .Title
{
	font-size: 15px;
	font-weight:bold;
	float: left;
}
.MiniPopup .Content
{
}
.MiniPopup .Content .address {
	display: block;
	margin-bottom: 8px;
	background: url(/Maps/Skins/RedSkin/images/address.png) no-repeat 3px 3px;
	padding-left: 18px;
}
.MiniPopup .Content .phone {
	background: url(/Maps/Skins/RedSkin/images/phone.png) no-repeat 3px 3px;
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 18px;
}
.MiniPopup .Content .fax {
	background: url(/Maps/Skins/RedSkin/images/fax.png) no-repeat 3px 3px;
	display: inline-block;
	margin: 0 0 10px 8px;
	padding-left: 18px;
}
.MiniPopup .Content a.vietbandoid {
	background: url(/Maps/Skins/RedSkin/images/vbdid.png) no-repeat 3px 3px;
	display: block;
	margin-bottom: 10px;
	padding-left: 18px;
}
.MiniPopup .Content a.website {
	background: url(/Maps/Skins/RedSkin/images/homepage.png) no-repeat 3px 3px;
	display: block;
	margin-bottom: 10px;
	padding-left: 18px;
	color: #0E774A;
}
.MiniPopup .Content span.comment {
	margin-bottom: 10px;
	padding-left: 10px;
	display: block;
}
.MiniPopup .Content .flnk {
	padding: 0 0 2px 10px;
	display: block;
}
.MiniPopup .CommonFunction {
	float: left;
	padding: 3px 0 5px;
}
.MiniPopup .CommonFunction li {
	float: left;
	display: inline;
}
.MiniPopup .CommonFunction li a {
	display: block;
	float: left;
	font-size: 11px;
	color: #555;
	padding: 0 8px 0 16px;
	background: url(/Maps/Skins/RedSkin/images/resultOptions-arrow.png) no-repeat 7px 6px;
}
.MiniPopup .CommonFunction li a:hover {
	background-position: 10px 6px;
}
.MiniPopup .DirectFunction
{
	clear:both; text-align:left; margin-top:10px; border-top:1px solid #EFEFEF;
	padding:10px 0px 0px 0px;
}
.MiniPopup ol {
	clear: left;
	float: left;
	font-size: 11px;
	line-height: 15px;
	margin: 7px 0 0;
}
.MiniPopup ol li {
	padding: 3px 0 3px 90px;
	position: relative;
}
.MiniPopup ol li span.Tit {
	font-weight:bold;
	left:0;
	position:absolute;
}
.MiniPopup ol li span.police {
	color: #DD0000;
}
.MiniPopup ol li span.Content {
	display:inline-block;
	width: 160px;
}
.MiniPopup .SearchNearBy {
	color: #777;
}
.MiniPopup .SearchNearBy li {
	padding: 3px 0 3px 128px;
	float: left;
	width: 150px;
}
.MiniPopup .ServiceTit, .MiniPopup .ServiceInput {
	position: absolute;
	left: 0;
}
.MiniPopup .RadiusTit, .MiniPopup .ServiceInput {
	display: inline-block;
}
.MiniPopup .ServiceInput, .MiniPopup .RadiusInput {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(/Maps/Skins/WhiteSkin/images/bg_input.png) repeat-x;
	border: 1px solid #C1C1C1;
	color: #111;
	font-size: 11px;
	padding: 3px;
	display: inline-block;	
}
.MiniPopup .ServiceInput {
	width: 116px;
}
.MiniPopup .RadiusInput {
	width: 60px;
	float: left;
}
.MiniPopup .CommonFunction li a.backbtn {
	padding: 0;
}
.MiniPopup .subTit {
	font-size: 12px;
	color:Blue;
}
.MiniPopup .backbtn2 {
	margin: 10px 0 0;
	line-height: normal;
	clear: both;
}
/*End MiniPopup*/



/*Select Place Box*/
.SelectPlace {
	position:absolute;
	overflow:hidden;
	width:282px;
	height:332px;
	padding: 5px 8px 9px 17px;
	left:310px;
	background: url(/Maps/Skins/WhiteSkin/images/bg-goiytimduong.png) no-repeat top right;
	z-index: 1001;
}
.SelectPlaceArrow {
	position: absolute;
	width: 17px;
	height: 35px;
	background: url(/Maps/Skins/WhiteSkin/images/goiytimduong-arrow.png) no-repeat top left;
	left: 0;
}
.SelectPlaceDiv {
	height:90%;
	padding:15px 2px 15px 0;
}
.SelectPlaceTitle {
	padding: 0 0 0 23px;
	height:38px;
}
.SelectPlaceTitle h3 {
	font-weight: bold;
	font-size: 16px;
	float: left;
	padding-top: 5px;
	color:#333;
}
.SelectPlaceDiv .a-z {
	margin-left: 8px;
	float: left;
}
.SelectPlaceContent {
	width:280px;
	height:260px;
	overflow:auto;
	overflow-x: hidden;
	border-left: 2px solid #fff;
	background: url(/Maps/Skins/WhiteSkin/images/SPshadow-inset.png) no-repeat left top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.TitFlag {
	float:right;
	margin-right: 18px;
}
.SelectPlaceCloseBut {
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat -2px -192px;
	text-indent: -9999px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 13px;
	top: 9px;
}
.SPcountPlace {
	padding: 0 16px 0 18px;
	margin: 0;
}
.SPkeyPlace {
	padding: 5px 16px 8px 18px;
	margin: 0;
}
.SPresultItem {
	padding: 8px 0 15px 18px;
	margin: 0 3px 0 0;
}
.SPresultItem-active {
	background: #fff3b0 -webkit-gradient(linear, 0% 0%, 0% 90%, from(#fff9d7), to(#fff3b0));
	background: #fff3b0 -moz-linear-gradient(center top, #fff9d7, #fff3b0);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fff9d7, endColorStr=#fff3b0);
	box-shadow: 0 -20px 50px #fff3b0 inset, 0 2px 50px #fff3b0 inset, 0 50px 100px #fff9d7 inset, 0 2px 8px rgba(200, 200, 200, 0.3);	
	-moz-box-shadow: 0 -20px 50px #fff3b0 inset, 0 2px 50px #fff3b0 inset, 0 50px 100px #fff9d7 inset, 0 2px 8px rgba(200, 200, 200, 0.3);	
}
.SPresultItem p {
	width: 248px;
	padding: 0 5px 0 0;
	margin: 7px 0 0;
}
.SPresultItem .phone {
	margin: 0;
}
.SPresultTitle {
	margin: 0;
	width: 195px;
}
.SPresultPage {
	padding: 10px 10px 15px 8px;
}
.SelectPlace .resultPage li a,
.SelectPlace .resultPage li span {
	padding: 3px 6px;
}
/*End Select Place Box*/

/*AddPlace Popup*/
.jForm input:hover,.jForm textarea:hover {
	border: 1px solid #aedef2;
	box-shadow: 0 0 8px #ccffff;
	-moz-box-shadow: 0 0 8px #ccffff;
	-webkit-box-shadow: 0 0 8px #ccffff;
}
.jForm input:focus, .jForm textarea:focus {
	color: #333;
	background: #fff;
	border: 1px solid #aedef2;
	box-shadow: 0 0 8px #ccffff;
	-moz-box-shadow: 0 0 8px #ccffff;
	-webkit-box-shadow: 0 0 8px #ccffff;
}
.jFormPopup {
	width: 360px;
	color: #333;
	background: #fff;
}
.jFormPopup .typevnmese {
	font-size: 11px;
	margin: 5px 0 0;
	padding: 0 0 0 90px;
	width: 250px;
	clear: left;
}
.jFormPopup h3 {
	float: left;
	font-size: 18px;
	font-weight: lighter;
}
.jFormPopup ol {
	clear: left;
	float: left;
	font-size: 11px;
	line-height: 15px;
	margin: 0 8px;
}
.jFormPopup li {
	padding: 3px 0 3px 80px;
	position: relative;
	float: left;
	width: 258px;
}
.jFormPopup label {
	font-weight: bold;
	top: 6px;
	left: 0;
	position: absolute;
}
.jFormPopup input, .jFormPopup textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	border: 1px solid #C1C1C1;
	background: url(/Maps/Skins/WhiteSkin/images/bg_input.png) repeat-x;
	display: inline-block;
	font-size: 11px;
	line-height: 15px;
	padding: 3px;
	width: 250px;
	margin: 0;
}
.jFormPopup input {
	line-height: normal;
}
.jFormPopup .address {
	width: 60px;
	margin: 0 2px 0 0;
}
.jFormPopup .street {
	width: 180px;
}
.jFormPopup .addinfo {
	clear: left;
}
.jFormPopup .vietbandoid {
	width: 150px;
}
.jFormPopup span {
	float: left;
	padding: 0;
	width: 258px;
}
.jFormPopup .gioihan {
	margin: 2px 0 0 3px;
	width: 80px;
}
.jFormPopup .explain {
	clear: left;
	color: #777;
}
.btnjForm {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #C1C1C1;
	float: left;
	margin: 5px 5px 0 0;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e7e7e7);
	background: -moz-linear-gradient(center top , #fff, #e7e7e7) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#e7e7e7));
	box-shadow: 0 -8px 10px #e7e7e7 inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
}
.btnjForm span {
	float: left;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	border: 1px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: auto;
}
.btnjForm:hover {
	color: #0175d8;
	border: 1px solid #b1b1b1;
	box-shadow: 0 0 3px #777;
	-moz-box-shadow: 0 0 3px #777;
	-webkit-box-shadow: 0 0 3px #777;
}
.btnjForm:active,
.addsubinfo:active,
.MapHelp .backbtn:active,
.SearchNearBy .backbtn:active,
#MyMapInfo .addsubinfo:active, #MyMapCoorPopup .addsubinfo:active,
#MyMapCoorPopup .mmpopupbtn #btnSaveMyMapCoor:active,
.jForm .submit_wrap:active, .jForm .cancel_wrap:active {
	border: 1px solid #b1b1b1;
	background: #ddd none repeat;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
	box-shadow: 0 1px 2px #333 inset;
}
.btnjForm:active span {
	border: none;
	padding: 4px 11px;
}

/*End AddPlace*/


/*Marker Style*/
.pin1-10 {
	float: left;
	width: 22px;
	height: 39px;
	display: block;
	position: relative;
	overflow: visible;
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat;
}
.resultItem .pin1-10 {
	margin: 0 12px -2px 0;
}
.pin1-10 a,
.a-z a {
	position: absolute;
	display: inline-block;
	font: bold 11px Tahoma, Geneva, sans-serif;
	color: #fff;
	letter-spacing: -1px;
	text-shadow: 0 1px #226dcc;
	min-width: 10px;
	height: 15px;
	text-align: center;
	padding: 4px 6px;
}
.resultItem .pin1-10 {
	height: 37px;
}
.pin1-10.large {
	width: 25px;
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -195px;
}


/*Pin Color*/
.pin1-10.red {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -78px;
}
.pin1-10.red.large {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -273px;
}
.pin1-10.red a {
	text-shadow: 0 1px #af0303;
}

.a-z {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -156px;	
}
.a-z a {
	font-size: 9px;
	height: 14px;
	color: #154600;
	text-shadow: 0 1px #a4d01e;
	width: 10px;
	padding: 5px 6px 0; 
	/*background: none #CD0404;
	background: -webkit-gradient(linear, left top, left bottom, from(#baed2d), color-stop(0.1, #b9f20f), color-stop(0.15, #f15d5d), color-stop(0.9, #cd0404), to(#a5c62b));
	background: -webkit-linear-gradient(top, #baed2d 3%, #d3f532 10%, #93c213 40%, #739512 89%, #87ab1b 97%, #9ec72c 99%);
	background: -moz-linear-gradient(top, #baed2d 3%, #d3f532 10%, #93c213 40%, #739512 89%, #87ab1b 97%, #9ec72c 99%);
	background: -ms-linear-gradient(top, #baed2d 3%, #d3f532 10%, #93c213 40%, #739512 89%, #87ab1b 97%, #9ec72c 99%);
	background: -o-linear-gradient(top, #baed2d 3%, #d3f532 10%, #93c213 40%, #739512 89%, #87ab1b 97%, #9ec72c 99%);*/
	
	
}
.a-z.large a {
	font-size: 11px;
	padding: 4px 6px 0;
}
.mainmap .a-z {
	float: left;
	margin-left: -1px;
	position: relative;
	overflow: visible;
	width: 25px;
	height: 38px;
	display: block;
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -156px;
}

/*End color*/

/*Pin Hover*/
.resultItem-hover .pin1-10,
.pin1-10.hover {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -39px;
}
.resultItem-hover .pin1-10.large,
.pin1-10.hover.large {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -234px;
}
.resultItem-hover .pin1-10 a,
.pin1-10.hover a {
	text-shadow: 0 1px #2678c7;
}
.resultItem-hover .pin1-10.red,
.pin1-10.red.hover {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -117px;
}
.resultItem-hover .pin1-10.red.large,
.pin1-10.red.hover.large {
	background: url(/Maps/Skins/RedSkin/images/pin2011.png) no-repeat 0 -312px;
}
.resultItem-hover .pin1-10.red a,
.pin1-10.red.hover a {
	text-shadow: 0 1px #c31615;
}

/*Pin tim duong*/
.a-z {
	display: block;
	width: 34px;
	height: 35px;
	text-transform: uppercase;
}



/*Keyboard*/
.kb-bor1 {
	border: 1px solid #afb7bb;
	position: absolute;
	top: 80px;
	left: 325px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 3px 10px #777;
	-moz-box-shadow: 0 3px 10px #777;
	-webkit-box-shadow: 0 3px 10px #777;
}
.kb-bor2 {
	float: left;
	border: 1px solid #fff;
	padding: 14px 14px 10px 14px;
	-moz-user-select: none;
	-webkit-user-select: none;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f8fcff, endColorStr=#e1e9ec);
	background: -moz-linear-gradient(center top , #f8fcff, #e1e9ec) repeat scroll 0 0 #f8fcff;
	background: #f8fcff -webkit-gradient(linear, 0% 0%, 0 90%, from(#f8fcff), to(#e1e9ec));
	box-shadow: 0 -8px 10px #e1e9ec inset, 0 0 100px #f8fcff inset, 0 250px 100px #f8fcff inset; /*Opera 10.5*/
}
.kb-bor2 a {
	float: left;
	margin: 0 2px 0 0;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.kb-bor2 a:hover {
	border: 1px solid #62b8c6;
	box-shadow: 0 0 4px #555;
	-moz-box-shadow: 0 0 4px #555;
	-webkit-box-shadow: 0 0 4px #555;
}
.kb-bor2 a:hover span {
	border: 1px solid #e7f3f4;
	box-shadow: 0 0 15px #aafaff inset;
	-moz-box-shadow: 0 0 15px #aafaff inset;
	-webkit-box-shadow: 0 0 15px #aafaff inset;
}
.kb-bor2 a:active {
	border: 1px solid #555;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.kb-bor2 a:active span {
	background: none repeat #e7e7e7;
	border: none;
	padding: 2px 1px 0;
	box-shadow: 0 1px 2px #333 inset;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
}
.kb-bor2 a span {
	float: left;
	border: 1px solid #fff;
	width: 25px;
	height: 22px;
	text-align: center;
	color: #111;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px #f9f9fa;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e7e7e7);
	background: -moz-linear-gradient(center top , #fff, #e7e7e7) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#e7e7e7));
	box-shadow: 0 -8px 10px #e7e7e7 inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
}
.kb-bor2 div {
	float: left;
	margin-bottom: 5px;
}
.kb-bor2 div.kb-first {
	clear: left;
}
.kb-bor2 a.kb-end {
	margin-right: 17px;
}
.kb-bor2 div.kb-line1 {
	width: 403px;
}
.kb-bor2 div.kb-line2 {
	margin-left: 16px;
	width: 387px;
}
.kb-bor2 a.kb-btnEnter {
	border: 1px solid #024e75;
}
.kb-bor2 a.kb-btnEnter:hover {
	border: 1px solid #03769b;
}
.kb-bor2 a.kb-btnEnter:hover span {
	border: 1px solid #57acf4;
	box-shadow: 0 0 15px #6ce4fb inset;
	-moz-box-shadow: 0 0 15px #6ce4fb inset;
	-webkit-box-shadow: 0 0 15px #6ce4fb inset;
}
.kb-bor2 a.kb-btnEnter:active {
	border: 1px solid #023a57;
}
.kb-bor2 a.kb-btnEnter:active span {
	border: none;
	padding: 3px 1px 0;
	height: 20px;
	box-shadow: 0 1px 2px #333 inset;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
}
.kb-bor2 a.kb-btnEnter span {
	width: 56px;
	border: 1px solid #4787ee;
	color: #fff;
	font-size: 14px;
	padding-top: 1px;
	height: 21px;
	text-shadow: 0 -1px #3564d2;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#57a2f2, endColorStr=#386dea);
	background: -moz-linear-gradient(center top , #57a2f2, #386dea) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#57a2f2), to(#386dea));
	box-shadow: 0 -8px 10px #386dea inset, 0 0 100px #57a2f2 inset, 0 250px 100px #57a2f2 inset; /*Opera 10.5*/
}
.kb-bor2 .kb-endrow {
	margin-left: 62px;
	width: 248px;
}
.kb-bor2 a.kb-btnSpace {
	border: 1px solid #70797c;
}
.kb-bor2 a.kb-btnSpace:hover {
	border: 1px solid #97d0d4;
}
.kb-bor2 a.kb-btnSpace:hover span {
	border: 1px solid #baf2f7;
}
.kb-bor2 a.kb-btnSpace:active {
	border: 1px solid #505759;
}
.kb-bor2 a.kb-btnSpace:active span {
	border: none;
	padding: 4px 1px 0;
	box-shadow: 0 1px 2px #333 inset;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
}
.kb-bor2 a.kb-btnSpace span {
	width: 149px;
	border: 1px solid #dfe0e4;
	color: #40464c;
	font-size: 13px;
	padding-top: 2px;
	height: 20px;
	text-shadow: 0 1px #dfe0e4;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#dfe0e4, endColorStr=#b7bec5);
	background: -moz-linear-gradient(center top , #dfe0e4, #b7bec5) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#dfe0e4), to(#b7bec5));
	box-shadow: 0 -8px 10px #b7bec5 inset, 0 0 100px #dfe0e4 inset, 0 250px 100px #dfe0e4 inset; /*Opera 10.5*/
}
.kb-bor2 a.kb-btnClear span {
	width: 56px;
	font-size: 13px;
	padding-top: 2px;
	height: 20px;
}
.kb-bor2 a.kb-btnClear:active span {
	padding: 4px 1px 0;
}
.kb-bor2 a.kb-btnClearColor {
	border: 1px solid #5e686a;
}
.kb-bor2 a.kb-btnClearColor:hover {
	border: 1px solid #6d9295;
}
.kb-bor2 a.kb-btnClearColor:hover span {
	border: 1px solid #f9c57c;
	box-shadow: 0 0 15px #fdd25c inset;
	-moz-box-shadow: 0 0 15px #fdd25c inset;
	-webkit-box-shadow: 0 0 15px #fdd25c inset;
}
.kb-bor2 a.kb-btnClearColor:hover span span {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.kb-bor2 a.kb-btnClearColor:active {
	border: 1px solid #29383b;
}
.kb-bor2 a.kb-btnClearColor:active span {
	border: none;
	box-shadow: 0 1px 2px #333 inset;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
}
.kb-bor2 a.kb-btnClearColor:active span span {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.kb-bor2 a.kb-btnClearColor span {
	border: 1px solid #fca33c;
	color: #fff;
	text-shadow: 0 -1px #d66f00;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fca33c, endColorStr=#e47e09);
	background: -moz-linear-gradient(center top , #fca33c, #e47e09) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fca33c), to(#e47e09));
	box-shadow: 0 -8px 10px #e47e09 inset, 0 0 100px #fca33c inset, 0 250px 100px #fca33c inset; /*Opera 10.5*/
}
.kb-bor2 a.kb-btnChar {
	border: 1px solid #434a4d;
}
.kb-bor2 a.kb-btnChar:hover {
	border: 1px solid #6e9397;
}
.kb-bor2 a.kb-btnChar:hover span {
	border: 1px solid #8dc6cd;
}
.kb-bor2 a.kb-btnChar:hover span span {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.kb-bor2 a.kb-btnChar:active {
	border: 1px solid #1e262a;
}
.kb-bor2 a.kb-btnChar:active span {
	border: none;
	box-shadow: 0 1px 2px #111 inset;
	-moz-box-shadow: 0 1px 2px #111 inset;
	-webkit-box-shadow: 0 1px 2px #111 inset;
}
.kb-bor2 a.kb-btnChar span {
	border: 1px solid #7d8590;
	color: #fff;
	text-shadow: 0 -1px #3a3d42;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7d8590, endColorStr=#515a64);
	background: -moz-linear-gradient(center top , #7d8590, #515a64) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#7d8590), to(#515a64));
	box-shadow: 0 -8px 10px #515a64 inset, 0 0 100px #7d8590 inset, 0 250px 100px #7d8590 inset; /*Opera 10.5*/
}
.kb-bor2 a.kb-btnNumber {
	border: 1px solid #444b4d;
}
.kb-bor2 a.kb-btnNumber:hover {
	border: 1px solid #6e9497;
}
.kb-bor2 a.kb-btnNumber:hover span {
	border: 1px solid #89c8d6;
}
.kb-bor2 a.kb-btnNumber:active {
	border: 1px solid #21282a;
}
.kb-bor2 a.kb-btnNumber:active span {
	border: none;
	background: none repeat #263445;
	box-shadow: 0 1px 2px #000 inset;
	-moz-box-shadow: 0 1px 2px #000 inset;
	-webkit-box-shadow: 0 1px 2px #000 inset;
}
.kb-bor2 a.kb-btnNumber span {
	border: 1px solid #466080;
	color: #fff;
	text-shadow: 0 -1px #1a242f;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#466080, endColorStr=#263445);
	background: -moz-linear-gradient(center top , #466080, #263445) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#466080), to(#263445));
	box-shadow: 0 -8px 10px #263445 inset, 0 0 100px #466080 inset, 0 250px 100px #466080 inset; /*Opera 10.5*/
}
.kb-bor2 .kb-close {
	position: absolute;
	text-indent: -9999px;
	border: none;
	background: url(/Maps/Control/VirtualKeyboard/images/close.png) no-repeat -1px -1px;
	width: 75px;
	height: 22px;
	bottom: 11px;
	right: 15px;
}
.kb-bor2 .kb-close:hover {
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.kb-bor2 .kb-close:active {
	border: none;
}

#tags, #shortdesc
{
	display: none;
}

/*
-----------------------------------------
				TOOLTIP
-----------------------------------------
*/
/*Result Tooltip on map*/
.MicroPopup {
	position: absolute;
	min-width: 60px;
	max-width: 190px;
	padding: 8px;
	border: 1px solid #cecfce;
	background: none #fffefe;
	/*background: none rgba(255,255,255,0.97);*/
	font-size: 11px;
	line-height: 16px;
	color: #212021;
	z-index: 999;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.16);
}

/*Links*/
.SendMapLinks-wrap {
	background: none #fff;
	width: 258px;
	height: 124px;
	border: 1px solid #bebdbd;
	position: absolute;
	top: 116px;
	right: 0;
	padding: 8px 20px 5px;
	font-size: 11px;
	color: #555;
	line-height: 20px;
	z-index: 2000;
	display:none;
	border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	-webkit-border-radius: 0 0 0 4px;
}
.SendMapLinks-wrap label {
	float: left;
	clear: both;	
}
.SendMapLinks-wrap .margin {
	margin: 5px 0 0;
	width: 256px;
}
.input-wrap {
	float: left;
	clear: both;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 17px;
	padding: 0;
}
.SendMapLinks-wrap input {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f2f2f2, endColorStr=#ffffff);
	background: -moz-linear-gradient(center top , #f2f2f2, #fff) repeat scroll 0 0 #f2f2f2;
	background: #f2f2f2 -webkit-gradient(linear, 0% 0%, 0 90%, from(#f2f2f2), to(#fff));
	box-shadow: 0 -8px 10px #fff inset, 0 0 100px #f2f2f2 inset, 0 250px 100px #f2f2f2 inset; /*Opera 10.5*/
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	width: 250px;
	height: 13px;
	font-size: 11px;
	color: #111;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 1px 3px;
}
.SendMapLinks-wrap ul {
	float: left;
	clear: both;
	margin: 10px 0 0;
	padding: 6px 0 0;
	border-top: 1px dotted #ccc;
	display: inline;
	width: 260px;
}
.SendMapLinks-wrap ul li {
	float: left;
	padding: 0 5px;
}
.SendMapLinks-wrap ul li a {
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	display: block;
}
.btn-links {
	background: url(/Maps/Skins/WhiteSkin/images/btn-links.png) no-repeat;
	width: 40px;
	height: 22px;
	position: absolute;
	top: -22px;
	right: 0;
}
.shareFacebook {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -1px !important;
}
.shareTwitter {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -19px !important;
}
.shareDelicious {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -37px !important;
}
.shareDigg {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -55px !important;
}
.shareWordpress {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -72px !important;
}
.share360plus {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -123px !important;
}
.shareLinkhay {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -106px !important;
}
.shareYume {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -140px !important;
}
.shareYahooMess {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -157px !important;
}
.shareZingme {
	background: url(/Maps/Skins/WhiteSkin/images/btn-share.png) no-repeat -1px -174px !important;
}
/*EndLinks*/



/*MapTools*/
.AddPlace {
	width: auto;
}
.AddPlace a {
	width: auto;
	height: 31px;
	padding: 0;
}
.AddPlace a span {
	width: auto;
	height: 23px;
	padding: 8px 8px 0 31px;
	text-indent: 0;
	background: url(/Maps/Skins/RedSkin/images/AddPlace.png) no-repeat 6px 3px;
}
.AddPlace a:hover span {	
}

.MapToolsBar {
	float: right;
	height: 31px;
}
.MapToolsBar.left {
	float: left;
	margin-left: -2px;
}
.MapToolsBar > li {
	width: 38px;
}
.MapToolsBar > li > a {
	width: 38px;
	height: 18px;
	padding: 8px 0 5px;
}
.MapToolsBar > li > a > span {
	width: 38px;
	height: 18px;
	font-weight: normal;
}
.newFeatures {
	float: left;
	position: relative;
	padding: 8px 10px 8px 35px;
}
.newFeatures a {
	color: #666;
}
.newFeatures .icon-nF {
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	width: 32px;
	height: 33px;
	background: url(/Maps/Skins/RedSkin/images/newfeature.png) no-repeat;
	z-index: 702;
}
/*.MapToolsBar li.MT-giaothong,
.MapToolsBar li.MT-giaothong a,
.MapToolsBar li.MT-giaothong a span {
	width: 100px;
}
.MapToolsBar li.MT-ranhgioi,
.MapToolsBar li.MT-ranhgioi a,
.MapToolsBar li.MT-ranhgioi a span {
	width: 94px;
}
.MapToolsBar li.MT-dokhoangcach,
.MapToolsBar li.MT-dokhoangcach a,
.MapToolsBar li.MT-dokhoangcach a span {
	width: 134px;
}
.MapToolsBar li.MT-giaothong a span,
.MapToolsBar li.MT-ranhgioi a span,
.MapToolsBar li.MT-dokhoangcach a span {
	padding-left: 24px;
}
.MapToolsBar li.MT-giaothong a span {
	width: 76px;
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 6px 0px;
}
.MapToolsBar li.MT-giaothong a:hover span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 6px -20px;
}
.MapToolsBar li.MT-ranhgioi a span {
	width: 70px;
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 6px -41px;
}
.MapToolsBar li.MT-ranhgioi a:hover span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 6px -61px;
}
.MapToolsBar li.MT-dokhoangcach a span {
	width: 110px;
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 6px -81px;
}
.MapToolsBar li.MT-dokhoangcach a:hover span {
	width: 110px;
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 6px -101px;
}
*/
.MapToolsBar li.MT-giaothong a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px 0px;
}
.MapToolsBar li.MT-giaothong.MT-giaothong-active a span {
	background-position: 10px -20px;
}

.MapToolsBar li.MT-dokhoangcach a span, .ToolBar .MapToolsBar li.MT-dokhoangcach-active a:hover span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -81px;
}
.MapToolsBar li.MT-dokhoangcach a:hover span {
	background-position: 10px -101px;
}
.MapToolsBar li.MT-bus-station a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -119px;
}
.MapToolsBar li.MT-bus-station a:hover span {
	background-position: 10px -137px;
}
.MapToolsBar li.MT-ranhgioi a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -335px;
}
.MapToolsBar li.MT-ranhgioi.MT-ranhgioi-active a span {
	background-position: 10px -353px;
}
.MapToolsBar li.MT-fav a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -155px;
}
.MapToolsBar li.MT-fav a.showAllMarkerClass span {
	background-position: 10px -173px;
}
.MapToolsBar li.MT-terrain a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -227px;
}
.MapToolsBar li.MT-terrain a.active span {
	background-position: 10px -245px;
}
.MapToolsBar li.MT-khuyenmai a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -299px;
}
.MapToolsBar li.MT-khuyenmai a.active span {
	background-position: 10px -317px;
}
.MapToolsBar li.MT-layers > a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -263px;
}
.MapToolsBar li.MT-layers > a:hover span {
	background-position: 10px -281px;
}
.MapToolsBar li.MT-toanmanhinh a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -41px;
}
.MapToolsBar li.MT-toanmanhinh a:hover span {
	background-position: 10px -61px;
}
.MapToolsBar li.MT-toanmanhinh.thunho a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -191px;
}
.MapToolsBar li.MT-toanmanhinh.thunho a:hover span {
	background-position: 10px -209px;
}
.MapToolsBar li.MT-Avartar a span {
	background: url(/Maps/Skins/RedSkin/images/maptoolbar.png?v=2) no-repeat 10px -373px;
}
.MapToolsBar li.MT-Avartar a.active span {
	background-position: 10px -392px;
}
.MapToolsBar li.SendMap a span, .MapToolsBar li.SendMap.active a:hover span {
	background: url(/Maps/Skins/RedSkin/images/HeaderTools.png) no-repeat -70px 0;
}
.MapToolsBar li.SendMap a:hover span {
	background-position: -70px -34px;
}
.MapToolsBar li.MT-printmap a span {
	background: url(/Maps/Skins/RedSkin/images/HeaderTools.png) no-repeat -30px 0;
}
.MapToolsBar li.MT-printmap a:hover span {
	background-position: -30px -34px;
}
.MapToolsBar li.MT-capturemap a span {
	background: url(/Maps/Skins/RedSkin/images/HeaderTools.png) no-repeat 10px 0;
}
.MapToolsBar li.MT-capturemap a:hover span {
	background-position: 10px -34px;
}


/*End MapTools*/

/*Cac lop (Layers)*/
.MT-layers-list {
	display: none;
	z-index: 3000;
	position: absolute;
	top: 31px;
	right: 0;
	border: 1px solid #bebdbd;
	background: none #f5f5f5;
}
.MapToolsBar .MT-layers-list li,
.MapToolsBar .MT-layers-list li > a,
.MapToolsBar .MT-layers-list li > a > span {
	display: block;
}
.MapToolsBar .MT-layers-list li {
	float: none;
	position: relative;
}
.MapToolsBar .MT-layers-list li > a:hover {
	background: none #e3e3e3;
}
.MapToolsBar .MT-layers-list li > a {
	padding: 6px 40px 7px 3px;
	color: #666;
}
.MapToolsBar .MT-layers-list li > a:hover {
	color: #444;
}
.MapToolsBar .MT-layers-list li > a > span {
	padding-left: 35px;
	line-height: 18px;
}
.MapToolsBar li.MT-layers:hover .MT-layers-list {
	display: block;
	visibility: visible;
}

.MapToolsBar .MT-layers-list li .GuidePop {
	display: none;
	position: absolute;
	top: 1px;
	right: 194px;
	background: none #fff;
	color: #666;
	font-size: 11px;
	padding: 8px 10px;
	width: 150px;
	line-height: 14px;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	box-shadow: 0 1px 7px #a5a5a5;
}
.MapToolsBar .MT-layers-list li .GuidePop .arrow {
	position: absolute;
	top: 0;
	right: -7px;
	width: 7px;
	height: 100%;
	display: block;
	background: url(/Maps/Skins/RedSkin/images/guidepoparrow.png) no-repeat 0 7px;
}
/*hover*/
.MapToolsBar .MT-layers-list li:hover .GuidePop {
	display: block;
}



/*Do khoang cach*/
.MapToolsBar .dokhoangcach {
	background: none #fff;
	width: 256px;
	height: 70px;
	padding: 5px 0 0 4px;
	border: 1px solid #bebdbd;
	line-height: 15px;
	right: 0;
	top: 31px;
	position: absolute;
	display:none;
	visibility: visible;
	z-index: 2000;
	border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	-webkit-border-radius: 0 0 0 4px;
}
.MapToolsBar .btn-dokhoangcach {
	background: none #fff;
	display: block;
	position: absolute;
	right: 9px;
	top: -22px;
	text-shadow: none;
	float: none;
}
.MapToolsBar li.liend a.btn-dokhoangcach 
{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.MapToolsBar .btn-dokhoangcach span {
	border-bottom: 1px dotted #ccc;
	line-height: normal;
	color: #082a53;
	padding: 5px 8px 3px 25px;
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat 4px -459px;
}
.dokhoangcach p {
	font-size: 11px;
	padding: 0 0 0 10px;
	color: #555;
	margin: 3px 0 0;
}
.dokhoangcach p.huongdan {
	color: #999;
	margin: 3px 0 7px;
}
/*End Do khoang cach*/

/*Popup Traffic*/
.MapToolsBar .PopupTraffic {
	background: none #fff;
	border: 1px solid #bebdbd;
	width: 283px;
	height: 65px;
	padding: 2px 0 0;
	line-height: 15px;
	position: absolute;
	right: 0;
	top: 31px;
	color: #555;
	display: none;
	visibility:visible;
	z-index: 2000;
	border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	-webkit-border-radius: 0 0 0 4px;
}
.MapToolsBar .btn-PopupTraffic {
	background: none #fff;
	display: block;
	position: absolute;
	left: 8px;
	top: -22px;
	text-shadow: none;
	float: none;
}


/*su dung khi ko co button Tram Bus
.MapToolsBar li.lifirst a.btn-PopupTraffic 
{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/*End su dung khi ko co button Tram Bus*/


.MapToolsBar .btn-PopupTraffic span {
	border-bottom: 1px dotted #ccc;
	line-height: normal;
	color: #082a53;
	padding: 5px 8px 3px 25px;
	background: url(/Maps/Skins/WhiteSkin/images/Icons.png) no-repeat 4px -500px;
}
.MapToolsBar .ColPopupTraffic {
	float: left;
	width: 130px;
	height: 55px;
	padding: 8px 0 0 10px;
	border-left: 1px dotted #c0c0c0;
}
.MapToolsBar li.MT-giaothong-active .PopupTraffic-construction {
	float: left;
	display: block;
	border: none;
	background: url(/Maps/Skins/WhiteSkin/images/raochan.png) no-repeat;
	width: 46px;
	height: 45px;
	padding: 0 8px 0 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.MapToolsBar li.MT-giaothong-active .PopupTraffic-jam {
	float: left;
	display: block;
	border: none;
	background: url(/Maps/Skins/WhiteSkin/images/ketxe.png) no-repeat;
	width: 46px;
	height: 45px;
	padding: 0 8px 0 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.MapToolsBar .PopupTraffic-count {
	float: left;
	height: 18px;
	width: 70px;
	font-size: 18px;
	padding: 8px 0 0;
	color: #dd0000;
}
.MapToolsBar .PopupTraffic-text {
	float: left;
	width: 70px;
	height: 18px;
	font-size: 11px;
}
.imgConstruction-red {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -15px;
	display: block;
	width: 20px;
	height: 15px;
}
.imgConstruction-green {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -49px;
	display: block;
	width: 20px;
	height: 15px;
}
.imgConstruction-yellow {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -83px;
	display: block;
	width: 20px;
	height: 15px;
}
.imgConstruction-orange {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -117px;
	display: block;
	width: 20px;
	height: 15px;
}
.imgTraffic-red {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -141px;
	display: block;
	width: 32px;
	height: 25px;
}
.imgTraffic-green {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -175px;
	display: block;
	width: 32px;
	height: 25px;
}
.imgTraffic-yellow {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -209px;
	display: block;
	width: 32px;
	height: 25px;
}
.imgTraffic-orange {
	background: url(/Maps/Skins/WhiteSkin/images/giaothong-icons.png) no-repeat 0 -243px;
	display: block;
	width: 32px;
	height: 25px;
}
/*End Popup Traffic*/

.MapTools
{
	
}

/*MapOptions*/
.MapOptions, .Nav ul {
	background: transparent url(/Maps/Skins/WhiteSkin/images/shadow.png) no-repeat bottom right;
	padding: 0 5px 8px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px; /*Safari*/
	-webkit-border-bottom-left-radius: 17px; /*Safari*/
	border-top-right-radius: 17px; /*Opera 10.5*/
	border-bottom-left-radius: 17px; /*Opera 10.5*/
	
}
.MapOptions li, .Nav ul li {
	background: none #f9f9f9;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	padding: 0 4px;
}
.MapOptions li.topradius, .Nav ul li.topradius {
	border-top: 1px solid #cfcfcf;
    border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.MapOptions li.botradius, .Nav ul li.botradius {
	border-bottom: 1px solid #cfcfcf;
    border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
.MapOptions li.separate{
	background: url(/Maps/Skins/WhiteSkin/images/lineMapOptions.gif) repeat-x left center #f9f9f9;
	height: 9px;
	line-height: 0;
    clear: both;
    margin : 0;
    padding: 0;
    border: 0;
	font-size: 0;
	zoom: 1;
	overflow:hidden;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
.MapOptions li a, .Nav ul li a {
	font-size: 12px;
	margin: 0;
	padding: 4px 14px 4px 0;
	color: #444;
	display: block;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
}
.MapOptions li a:hover, .Nav ul li a:hover {
	background: url(/Maps/Skins/RedSkin/images/bg-submenu.png) repeat;
	color: #fff;
	outline: 0;
	border-left: 1px solid #808080; /*red = #b10d0f*/
	border-right: 1px solid #808080; /*red = #b10d0f*/
	text-shadow: 0 1px 0 #848484; /*0 1px 0 rgba(0, 0, 0, 0.12)  red = #b9080b*/
}
.Nav ul li a:hover {
	background: url(/Maps/Skins/RedSkin/images/bg-submenu-red.png) repeat;
	border-left: 1px solid #da4446;
	border-right: 1px solid #da4446;
	text-shadow: 0 1px 0 #b9080b;
}
.MapOptions li a span {
	padding: 4px 0 4px 25px;
	height: 19px;
	background: url(/Maps/Skins/RedSkin/images/MapOptions.png) no-repeat 3px 3px;
}
.MapOptions li a.cmdeletepoint span {
	background-position: 3px -157px;
}
.MapOptions li a.cmdeletepoint:hover span {
	background-position: 3px -177px;
}
.MapOptions li a.cmfromhere span {
}
.MapOptions li a.cmfromhere:hover span {
	background-position: 3px -17px;
}
.MapOptions li a.cmtohere span {
	background-position: 3px -37px;
}
.MapOptions li a.cmtohere:hover span {
	background-position: 3px -57px;
}
.MapOptions li a.cmshowstreet span, .MapOptions li a.cmshowcity span {
	background-position: 3px -117px;
}
.MapOptions li a.cmwhat span, .MapOptions li a.cmwhat span
{
	background-position: 3px -315px;
}
.MapOptions li a.cmwhat:hover span, .MapOptions li a.cmwhat:hover span {
	background-position: 3px -335px;
}
.MapOptions li a.cmshowstreet:hover span, .MapOptions li a.cmshowcity:hover span {
	background-position: 3px -137px;
}
.MapOptions li a.cmsearchnearby span {
	background-position: 3px -197px;
}
.MapOptions li a.cmsearchnearby:hover span {
	background-position: 3px -217px;
}
.MapOptions li a.cmcapturemap span {
	background-position: 3px -77px;
}
.MapOptions li a.cmcapturemap:hover span {
	background-position: 3px -97px;
}

/*End MapOptions*/

.recBrowser
{
	position: absolute;
	right: 50px;
	bottom: 8px;
	font-size: 10px;
	color: #7C7C7B;
}

.recBrowser a
{
	color: #CC0000;
}

.MiniPopup .CommonFunction li a.popbtn,
.popbtn {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	border: 1px solid #C1C1C1;
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#e7e7e7);
	background: -moz-linear-gradient(center top , #fff, #e7e7e7) repeat scroll 0 0 #f6f6f6;
	background: #f6f6f6 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#e7e7e7));
	box-shadow: 0 -8px 10px #e7e7e7 inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
}
.popbtn span {
	border: 1px solid #fff;
	font-weight: bold;
	padding: 1px 7px;
	color: #333;
	float: left;
	font-size: 11px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.MiniPopup .CommonFunction li a.popbtn:hover,
.popbtn:hover {
	border: 1px solid #b1b1b1;
	color: #0175d8;
	box-shadow: 0 0 3px #777;
	-moz-box-shadow: 0 0 3px #777;
	-webkit-box-shadow: 0 0 3px #777;
}
.MiniPopup .CommonFunction li a.popbtn:active,
.popbtn:active {
	border: 1px solid #b1b1b1;
	background: #ddd none repeat;
	-moz-box-shadow: 0 1px 2px #333 inset;
	-webkit-box-shadow: 0 1px 2px #333 inset;
	box-shadow: 0 1px 2px #333 inset;
}
#container .MiniPopup .CommonFunction li a.popbtn:active span,
.popbtn:active span {
	border: none;
	padding: 2px 8px;
}
.MiniPopup .popbtn2 {
	margin: 10px 0 0;
	line-height: normal;
	clear: both;
}

/*Scroll*/
div.scrollbarpaper-container
{
  background-color: #ff0;
}
div.scrollbarpaper-track
{
  width: 10px;
  background-color: #00f;
}

div.scrollbarpaper-drag
{
  background-color: #99f;
}
div.scrollbarpaper-drag-top
{
}

div.scrollbarpaper-drag-bottom
{
}
#content.scrollbarpaper-visible
{
  padding-right: 33px;
}
/*End Scroll*/

/*SearchType*/
#SelectSearchType {
    width:		150px;
    position:	absolute;
    z-index:	2000;
    display:	none;
	left:		350px;
	top:		44px;
}
#SelectSearchType #stloc a span {
	background: url(/Maps/Skins/RedSkin/images/MapOptions.png) no-repeat 3px -238px;	
}
#SelectSearchType #stloc a:hover span {
	background-position: 3px -257px;
}
#SelectSearchType #stproc a span {
	background: url(/Maps/Skins/RedSkin/images/MapOptions.png) no-repeat 3px -278px;
}
#SelectSearchType #stproc a:hover span {
	background-position: 3px -297px;
}
/*End SearchType*/

/* Scrollbar Webkit */
/*::-webkit-scrollbar {
    width: 12px;
}
 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}*/
/* End Scrollbar Webkit */

/*Messagebox*/
.messagebox-ieshadow {
	display: block;
	position: absolute;
	border-radius: 10px;
	box-shadow: 0 0 18px #333;
	z-index: 999;
}
.messagebox-leftbot,
.messagebox-lefttop,
.messagebox-righttop,
.messagebox-rightbot,
.messagebox-nonearrow {
	color: #555;
	padding: 15px;
	display: block;
	font: 11px/15px Tahoma, Arial, Geneva, sans-serif;
	border: solid 2px #e6b868;
	border-radius: 10px;
	background-color: #fff2b4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 18px #333;
	-webkit-box-shadow: 0 0 18px #333;
	_background: #fffdd1 url(/Maps/Skins/WhiteSkin/images/bg-messagebox.png) repeat-x left bottom;
	*background: #fffdd1 url(/Maps/Skins/WhiteSkin/images/bg-messagebox.png) repeat-x left bottom;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fffdd1, endColorStr=#fff2b4);
	background: -moz-linear-gradient(center top , #fffdd1, #fff2b4) repeat scroll 0 0 #fff2b4;
	background: #fff2b4 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fffdd1), to(#fff2b4));
	box-shadow: 0 -8px 10px #fff2b4 inset, 0 0 100px #fffdd1 inset, 0 150px 100px #fffdd1 inset; /*Opera 10.5*/
}
.messagebox-ieshadow h3 {
	font: bold 15px/20px Tahoma, Geneva, sans-serif;
	margin-bottom: 5px;
}
.messagebox-leftbot .close-wrap,
.messagebox-lefttop .close-wrap,
.messagebox-righttop .close-wrap,
.messagebox-rightbot .close-wrap,
.messagebox-nonearrow .close-wrap {
	position: absolute;
	top: -9px;
	right: -9px;
	background: url(/Maps/Skins/WhiteSkin/images/Pop-messagebox.png) no-repeat left bottom;
	width: 28px;
	height: 28px;
	display: block;
}
.messagebox-righttop .close-wrap,
.messagebox-rightbot .close-wrap {
	background-position: 0 -48px;
	left: -9px;
}

.messagebox-leftbot a.close,
.messagebox-lefttop a.close,
.messagebox-righttop a.close,
.messagebox-rightbot a.close,
.messagebox-nonearrow a.close {
	position: absolute;
	text-indent: -9999px;
	background: url(/Maps/Skins/WhiteSkin/images/Pop-messagebox.png) no-repeat -37px -48px;
	width: 21px;
	height: 21px;
	display: block;
	top: 4px;
}
.messagebox-leftbot a.close,
.messagebox-lefttop a.close,
.messagebox-nonearrow a.close {
	right: 4px;
}
.messagebox-righttop a.close,
.messagebox-rightbot a.close {
	left: 4px;
}
.messagebox-leftbot a.close:hover,
.messagebox-lefttop a.close:hover,
.messagebox-righttop a.close:hover,
.messagebox-rightbot a.close:hover,
.messagebox-nonearrow a.close:hover {
	background-position: -37px -69px;
}
.messagebox-nonearrow .arrow {
    display none;
}
.messagebox-leftbot .arrow,
.messagebox-lefttop .arrow,
.messagebox-righttop .arrow,
.messagebox-rightbot .arrow {
	width: 29px;
	height: 24px;
	display: block;
	position: absolute;
}
.messagebox-leftbot .arrow {
	background: url(/Maps/Skins/WhiteSkin/images/Pop-messagebox.png) no-repeat 0 -24px;
	left: -14px;
	bottom: -5px;
}
.messagebox-lefttop .arrow {
	background: url(/Maps/Skins/WhiteSkin/images/Pop-messagebox.png) no-repeat 0 0;
	left: -14px;
	top: -5px;
}
.messagebox-righttop .arrow {
	background: url(/Maps/Skins/WhiteSkin/images/Pop-messagebox.png) no-repeat -29px 0;
	top: -5px;
	right: -14px;
}
.messagebox-rightbot .arrow {
	background: url(/Maps/Skins/WhiteSkin/images/Pop-messagebox.png) no-repeat -29px -24px;
	right: -14px;
	bottom: -5px;
	
}
.messagebox-ieshadow .notshow {
	border-top: 1px dotted #e9cd9d;
	_border-top: 2px dotted #e9cd9d;
	*border-top: 2px dotted #e9cd9d;
	display: block;
	margin-top: 10px;
	padding: 3px 0 0 20px;
	position: relative;
}
.messagebox-ieshadow .notshow input {
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
}
/*End Messagebox*/
/*Guide Popup List*/
.messagebox-ieshadow.LayerPop {
	width: 313px;
	/*top: 111px;
	right: 125px;*/
}
#WrapperClick.large .messagebox-ieshadow.LayerPop {
	/*top: 125px;*/
}
#NewFeatures {
    top: 111px;
	right: 125px;
}
#WrapperClick.large #NewFeatures {
    top: 125px;
}
#pathbus {
    left: 338px;
    bottom: 45px;
}
#busstation {
    right: 20px;
    top: 136px;
}
#WrapperClick.large #busstation {
    right: 20px;
    top: 150px;
}
/*Danh sach ket xe, lo cot*/
.listdetail .imgConstruction-red,
.listdetail .imgConstruction-green,
.listdetail .imgConstruction-yellow,
.listdetail .imgConstruction-orange {
	float: left;
	margin: 4px 10px 0 4px;
}
.traffic-detail {
	float: left;
    font-size: 11px;
    line-height: 15px;
    margin: 7px 0 5px;
    padding: 0 5px 0 3px;
    width: 302px;
}
.traffic-detail li {
    padding: 3px 0 3px 85px;
    position: relative;
}
.traffic-detail li span.Title {
	font-weight: bold;
    left: 0;
    position: absolute;
}
.traffic-detail li span.Content {
	display: inline-block;
}
.listdetail .imgTraffic-red,
.listdetail .imgTraffic-green,
.listdetail .imgTraffic-orange,
.listdetail .imgTraffic-yellow {
	float: left;
	margin-right: 2px;
}
/*Tim duong bang xe bus*/
.lotrinhbus-wrap {
	border-bottom: 1px solid #d9d9d9;
}
.lotrinhbus {
	padding: 6px 16px 6px 35px;
	position: relative;
	color: #333;
	font-size: 11px;
	border-top: 1px solid #efefef;
	line-height: 18px;
}
.lotrinhbus .instruction {
	line-height: 18px;
	padding-right: 50px;
}
.lotrinhbus  .distance {
	top: 6px;
}
.icon-dibo,
.icon-bus {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -7px;
	background: url(/Maps/Skins/WhiteSkin/images/bus-dibo.png) no-repeat;
}
.icon-bus {
	background: url(/Maps/Skins/WhiteSkin/images/bus-dixebuyt.png) no-repeat;
}
.stepsList2 {
	margin: 0 0 0 5px;
	color: #555;
}
.stepsList2 li {
	border-bottom: none;
	border-top: 1px solid #efefef;
}
.stepsList2 a {
	color: #555;
}
.stepsList2 a:hover {
	color: #555;
}
.sotuyen {
	color: #6500ab;
	text-transform: uppercase;
	background: none #1485ee;
	color: #fff;
	padding: 0 3px 0 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.bus-total {
	padding: 8px 24px 8px 13px;
	display: block;
	line-height: 18px;
	color: #555;
	text-align: right;
}
.bus-total li {
	display: inline;
	margin-left: 15px;
	font-weight: bold;
}
.bus-total li .total-dibo-icon,
.bus-total li .total-bus-icon {
	padding-left: 18px;
	display: inline-block;
	background: url(/Maps/Skins/WhiteSkin/images/bus-dibo.png) no-repeat;
}
.bus-total li .total-bus-icon {
	background: url(/Maps/Skins/WhiteSkin/images/bus-dixebuyt.png) no-repeat;
}
.bus-total li .price-tit {
	font-weight: normal;
}
.bus-total li .price {
	color: #de4c4c;
}
/*Marker lo trinh xe buyt*/
.bus-stationnumber-wrap {
	position: absolute;
	bottom: 9px;
	left: 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 2px 4px #777;
	-moz-box-shadow: 1px 2px 4px #777;
	-webkit-box-shadow: 1px 2px 4px #777;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.bus-stationnumber {
	float: left;
	padding: 2px;
	border: 1px solid #5c6666;
	white-space: nowrap;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: none #f2f9f9;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#d5dfe1);
	background: -moz-linear-gradient(center top , #fff, #d5dfe1) repeat scroll 0 0 #f2f9f9;
	background: #f2f9f9 -webkit-gradient(linear, 0% 0%, 0 90%, from(#fff), to(#d5dfe1));
	box-shadow: 0 -4px 5px #d5dfe1 inset, 0 0 100px #fff inset, 0 250px 100px #fff inset; /*Opera 10.5*/
}
.bus-stationnumber img {
	float: left;
}
.bus-stationnumber .bus-number {
	float: left;
	color: #20464f;
	font: bold 12px Tahoma, Geneva, Arial, sans-serif;
	padding-left: 2px;
	text-transform: uppercase;
	text-shadow: 0 1px #eff3f4;
}
.bus-stationnumber .bus-arrow {
	width: 22px;
	height: 13px;
	display: block;
	background: url(/Maps/Skins/WhiteSkin/images/bus-arrow.png) no-repeat;
	position: absolute;
	bottom: -9px;
	left: -15px;
}
.bus-dibo {
	bottom: 9px;
    left: auto;
    right: 14px;
}
.bus-dibo .bus-arrow {
	background: url(/Maps/Skins/WhiteSkin/images/bus-arrow-right.png) no-repeat;
	left: 15px;
	right: auto;
}


#vehicle {
	color: #555;
	float: left;
	font-size: 11px;
	left: 232px;
	position: absolute;
	top: 8px;
	width: 62px;	
}
#vehicle option {
	padding: 1px 0 0 5px;
	
}
.quahem:hover {
	color: #0175D8;
}
.raochan:hover {
	color: #0175D8;
}
.ButTimDuong {
	background: url(/Maps/Skins/WhiteSkin/images/ButTimDuong.png) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 101px;
	height: 45px;
	margin: 5px 0 10px 5px;
	cursor: pointer;
}
/*End Timduong*/


/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url('http://jqueryui.com/resources/demos/autocomplete/images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
        list-style:none;
        padding:0;
        margin: 0;
        display:block;
		background:#f5f5f5;		
		border:1px #bebfbf solid;
        width:465px !important;		
}

.ui-menu-large
{
	width:498px !important;	
}
.ui-menu li{
	display: block;	
}
.ui-menu li {
	float: none;
	position: relative;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        zoom:1;
		padding: 10px;
		color: #666;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
            
		background: none #e3e3e3;
		color: #444;
}