/* CSS Document */
html
{
	
}
body, td, th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body
{
	background-color: #FFFFFF;
	margin: 0px;
}
ul
{
    line-height:20px;
}
a
{
	text-decoration: none;
	color: #0066CC;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
a:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.flnk
{
	text-decoration: none;
	color: #cc6600;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
	white-space: nowrap;
}
.flnk:hover
{
	color: #558800;
}
.slnk
{
	text-decoration: none;
	color: #cc6600;
	font-size: 9px;
	font-family: Verdana;
	cursor: pointer;
}
.slnk:hover
{
	font-size: 9px;
	color: #558800;
}
.a1
{
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: Verdana;
}
.a1:hover
{
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: Verdana;
}
.a2
{
	text-decoration: underline;
	color: #333333;
	cursor: pointer;
}
.a2:hover
{
	text-decoration: underline;
	color: #558800;
	cursor: pointer;
}
.a3
{
	text-decoration: none;
	color: #dd6611;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.a3:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.api
{
	text-decoration: none;
	color: #0066cc;
	font-size: 11px;
	font-family: Verdana;
}
.api:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 11px;
	font-family: Verdana;
}
.gray{
	color:#666666;
	font-weight:bold;
}
.imagesearch
{
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: Verdana;
	cursor: default;
}
.imagesearch:hover
{
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: Verdana;
	cursor: default;
}
.listofprovinces
{
	text-decoration: none;
	color: #dd6611;
	font-size: 12px;
	cursor: pointer;
}
.listofprovinces:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 12px;
	cursor: pointer;
}
.listofprovinces:visited
{
	text-decoration: none;
	color: #558800;
	font-size: 12px;
	cursor: pointer;
}

.options
{
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-family: arial;
	background-color: #ffffff;
	cursor: pointer;
}
.options:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 12px;
	font-family: arial;
	background-color: #f2fee1;
	cursor: pointer;
}

.link
{
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
a.link:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.login
{
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	font-family: Verdana;
	cursor: pointer;
}
a.login:hover
{
	text-decoration: underline;
	color: #558800;
	font-size: 10px;
	font-family: Verdana;
	cursor: pointer;
}
.tablink
{
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.tablink:hover
{
	color: #558800;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.welcome
{
	font-size: 10px;
	font-weight: bold;
}
.toppanel_api
{
	width: 100%;
	height: 67px;
	position: absolute;
	left: 0px;
	top: 23px;
}
#TopPanel
{
	width: 100%;
	height: 67px;
	position: absolute;
	left: 0px;
	top: 23px;
}
.tab
{
	width: 1020px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: 90px;
	border-bottom: 2px #83c327 solid;
}
.leftpanel
{
	width: 347px;
	height: 465px;
	position: absolute;
	left: 5px;
	top: 122px;
	border: 1px #CCCCCC solid;
}
.centerpanel
{
	width: 6px;
	height: 465px;
	position: absolute;
	left: 355px;
	top: 120px;
	background-color: #ffffff;
	cursor: pointer;
}
.centerpanel:hover
{
	background-color: #f2fee1;
}
.map
{
	width: 635px;
	height: 465px;
	border: 1px #cccccc solid;
	position: absolute;
	left: 362px;
	top: 122px;
}
.copyright
{
	width: 100%;
	height: 25px;
	font-family: Verdana;
	font-size: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	top: 590px;
}
.green
{
	color: #558800;
	font-weight: bold;
}
.yellow
{
	color: #e37833;
}
.blue
{
	color: #0066cc;
	font-weight: bold;
}
.blue1
{
	color: #0066cc;
}
.table_result
{
	border: 1px #ffffff solid;
	border-bottom: 1px #efefef solid;
}
.table_result:hover
{
	border: 1px #83c327 solid;
}
.title_result
{
	text-decoration: none;
	font-weight: bold;
	color: #0066cc;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.title_result:hover
{
	text-decoration: underline;
	color: #558800;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.tuday
{
	text-decoration: none;
}
a.tuday:hover
{
	color: #558800;
	text-decoration: none;
}
.tdpopup
{
	background-color: #FFFFFF;
}
.tdpopup:hover
{
	background-color: #e8fdcb;
	color: #000000;
}
.table_mymap
{
	border: 1px #ffffff solid;
}
.table_mymap:over
{
	border: 1px #83c327 solid;
}

.buttonlink
{
	border: 1px #83c327 solid;
}
.buttonlink:hover
{
	border: 1px #f4c201 solid;
}
.direction
{
	color: #FFFFFF;
}
.direction:over
{
	color: #0066cc;
}

.paging
{
	width: 14px;
	height: 14px;
	border: 1px #cccccc solid;
	background-color: #FFFFFF;
}
.paging_active
{
	width: 14px;
	height: 14px;
	border: 1px #0066cc solid;
	background-color: #0066cc;
	color: #FFFFFF;
	font-weight: bold;
}
.paging_space
{
	width: 2px;
	height: 14px;
}

.popup_selectPlace
{
	position: absolute;
	left: 345px;
	top: 122px;
	width: 290px;
	height: 280px;
}
.p_topL
{
	width: 18px;
	height: 10px;
	background-image: url(../images/selectplace_lefttop.gif);
}
.p_topM
{
	width: 260px;
	height: 10px;
	background-image: url(../images/selectplace_top.gif);
}
.p_topR
{
	width: 12px;
	height: 10px;
	background-image: url(../images/selectplace_righttop.gif);
}

.p_middleL
{
	width: 18px;
	height: 258px;
	background-image: url(../images/selectplace_left.gif);
}
.p_middleR
{
	width: 12px;
	height: 258px;
	background-image: url(../images/selectplace_right.gif);
}
.p_middle
{
	width: 260px;
	height: 258px;
}

.p_bottomL
{
	width: 18px;
	height: 12px;
	background-image: url(../images/selectplace_leftbottom.gif);
}
.p_bottomM
{
	width: 260px;
	height: 12px;
	background-image: url(../images/selectplace_bottom.gif);
}
.p_bottomR
{
	width: 12px;
	height: 12px;
	background-image: url(../images/selectplace_rightbottom.gif);
}

.divthongtin
{
	width: 600px;
	height: 385px;
}
.tieude
{
	float: none;
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
	width: 585px;
}
.chitiet
{
	float: none;
	width: 600px;
	height: 360px;
	margin-top: 3px;
	overflow: auto;
}
.thongtinchitiet
{
	width: 250px;
	margin-top: 10px;
}
.thongtinchitiet1
{
	width: 280px;
}
.bandonho
{
	width: 280px;
	height: 130px;
	border: 1px #999999 solid;
	margin-top: 5px;
	position: relative;
	left: 0px;
	top: 0px;
}
.tab_over
{
	height: 21px;
	border-bottom: 2px #82c327 solid;
}
.table_over
{
	width: 223px;
	margin-left: 7px;
	height: 21px;
}
.table_over1
{
	width: 452px;
	margin-left: 7px;
	height: 21px;
}
.bg_tab
{
	width: 110px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.overview
{
	margin-top: 5px;
}

.register
{
}
.note
{
	color: #FF0000;
}
.label_title
{
	font-size: 12px;
	font-weight: bold;
	color: #558800;
}
.label
{
	font-weight: bold;
}
.rg_textbox
{
	width: 350px;
	height: 17px;
	border: 1px #999999 solid;
	background: #FFFFFF url(../images/input.gif) no-repeat scroll -3px -3px;
}
.rg_droplist
{
	border: 1px #999999 solid;
	background: #FFFFFF url(../images/input.gif) no-repeat scroll -3px -3px;
}
.rg_textbox:focus
{
	border: 1px solid #666666;
}

/* CSS cho Maps API */
.api
{
	text-decoration: none;
	color: #0066cc;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.api:hover
{
	text-decoration: none;
	color: #558800;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
}
.aapi
{
	text-decoration: none;
	color: #0066cc;
	font-size: 11px;
	font-family: "Courier" , monospace;
	cursor: hand;
}

.aapi:hover
{
	text-decoration: underline;
	color: #558800;
	font-size: 11px;
	font-family: "Courier" , monospace;
	cursor: hand;
}
.titleapi
{
	color: #0066cc;
	font-size: 12px;
	font-weight: bold;
}
.fontsize12
{
	font-size: 12px;
}
/* End CSS cho Maps API */

.DS_border_b
{
	border-bottom: 1px #83c327 solid;
}
.DS_border_t
{
	border-top: 1px #cccccc solid;
}
.DS_border_b1
{
	border-bottom: 1px #eeeeee solid;
	border-right: 1px #fafafa solid;
}

/*Jelda Format Shortest Path*/
div .Spacer
{
	clear: both;
	height:1px;
}
.stpRow
{
    cursor:pointer;
}
.stpRow td
{
    border-bottom:1px solid #E6E6E6;
}
/*End Jelda Format Shortest Path*/

.TBar
{
	float: none;
	width: 600px;
	height: 30px;
}
.TBar .SearchInside
{
	float: right;
	width: 30%;
	text-align: right;
	margin-right: 20px;
}
.TBar .Title
{
	color: rgb(0, 102, 204);
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding: 1px 0px 3px 10px;
	width: 65%;
	text-align: left;
}
.TBar .SearchInside input
{
	font-size: 10px;
}
/* Shortest Path Format */
.Spacer
{
	clear: both;
}
.pC
{
	margin: 5px 10px 0px 10px;
	clear: both;
}
.pR /*Row*/
{
	border-bottom: 1px #efefef solid;
	cursor: pointer;
	height: 20px;
}
.pPl /*Plus*/
{
	text-align: right;
	width: 26px;
	float: left;
}
.pPLg /*Length*/
{
	cursor: default;
	text-align: left;
}
.pPLg a
{
	color: #cc6600;
	font-size: 11px;
	font-family: Verdana;
	cursor: pointer;
	margin-left: 25px;
}
.pRN /*Road No*/
{
	text-align: center;
	color: #0066cc;
	width: 25px;
	float: left;
	padding-top: 3px;
}
.pRI /*Road Info*/
{
	text-align: left;
	padding-top: 3px;
}
/* End Shortest Path Format */
/* common */
.ajLoading
{
	background: url(../images/PS-ajax-loader.gif) no-repeat center;
	height: 90px;
	text-align: center;
}
#bigLogo
{
	margin-top: 7px;
	margin-left: 10px;
	width: 181px;
	height: 40px;
	background-image: url(../images/logo_3d.gif);
}
#SearchDiv
{
	position: absolute;
	left: 190px; width: 392px; top: 13px; height: 20px;
	margin-top: 8px;
	/*background-image: url(../images/bg_search.gif);*/
	border: 1px #999999 solid;
}
#SearchDiv input
{
	position: relative;
	left: 20px; width: 368px; top: 1px;
	border: 0px;
	font-size: 13px;
	padding: 1px;
	font-family: Arial;
	margin-left: 1px;
}
#SearchDiv .AvimOn
{
	top:1px;position:absolute; left: 1px;
	width:18px;height:18px;
	cursor:pointer;
	background-image: url(../images/avim.png);
}
#SearchDiv .AvimOff
{
	top:1px;position:absolute; left: 1px;
	width:18px;height:18px;
	cursor:pointer;
	background-image: url(../images/avim.png);
	background-position: 18px 0px;
}
#SearchOptionDiv
{
	left: 410px;
	width: 20px;
	position: absolute;
	top: 7px;
	background-color: white;
	border: 0px #999999 solid;
	border-bottom: 0px #999999 solid;
	margin-top: 0px;
}
#StatusDiv
{
	position: absolute;
	left: 191px;
	width: 571px;
	color: #999999;
}
#SearchButton
{
	position: absolute;
	left: 590px;
	top: 20px;
	width:80px;
}
#SearchButton:hover
{
	/*background-image: url(../images/bt_timover.gif);*/
}
/*Main Tab*/
#main_tab
{
	float: left;
	height: 24px;
	line-height: normal;
	width: 360px;
	position: absolute;
	left: 5px;
}
#main_tab a
{
	float: left;
	background: url( "../images/main_tableft.gif" ) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
	font-weight: bold;
}
#main_tab a span
{
	float: left;
	display: block;
	background: url( "../images/main_tabright.gif" ) no-repeat right top;
	height: 19px;
	padding: 7px 15px 0px 5px;
	color: #0066CC;
}
#main_tab a:hover
{
	background-position: 0% -52px;
	color:#558800;
}
#main_tab a:hover span
{
	color: #558800;
	background-position: 100% -52px;
}
#main_tab a.current
{
	background-position: 0% -26px;
}
#main_tab a.current span
{
	background-position: 100% -26px;
	color:#0066cc;
}
/* End Jelda */
#navbar
{
	width: 100%;
	height: 22px;
	border-bottom: 1px #fcd163 solid;
	background-image: url(../images/bg_navtop.gif);
}
#ctrlHead
{
	float: left;
	padding: 3px 10px 0 10px;
}
#ctrlHead a
{
	float: left;
	margin: 0;
	text-decoration: none;
	padding: 0 0 0 5px;
}
#ctrlHead a span
{
	float: left;
	display: block;
	padding: 2px 5px 0px 5px;
	color: #333333;
	height: 15px;
}
#ctrlHead a:hover
{
	background-position: 0% -17px;
	color:#558800;
}
#ctrlHead a:hover span
{
	color: #558800;
	background-position: 100% -17px;
}
#welcome
{
	margin-top: 4px;
	margin-right: 10px;
}
#welcome a
{
	text-decoration: none;
	padding: 5px 3px 5px 7px;
	color: #333333;
}
/*new add*/
.exfunc
{
	position: absolute;
	right: 5px;
	top: 3px;
	height: 15px;
	width: 290px;
	text-align: right;
}
.exfunc a
{
	color: #0066cc;
	text-decoration: none;
}
.exfunc a:hover
{
	color: #558800;
	text-decoration: none;
}
.mainmap
{
	width: 657px;
	height: 486px;
	border: 1px #cccccc solid;
	position: absolute;
	left: 362px;
	top: 120px;
	z-index: 3;
}
/*Spliter*/
.splExpand
{
	width: 6px;
	height: 365px;
	position: absolute;
	top: 122px;
	background-color: #ffffff;
	cursor: pointer;
	background: url( "../images/expand_map.gif" ) no-repeat center;
}
.splShrink
{
	width: 6px;
	height: 365px;
	position: absolute;
	top: 122px;
	background-color: #ffffff;
	cursor: pointer;
	background: url( "../images/shrink_map.gif" ) no-repeat center;
}
.splExpand:hover
{
	background-color: #f2fee1;
}
.splShrink:hover
{
	background-color: #f2fee1;
}
/*Left Panel*/
.LeftPanel
{
	position: absolute; left: 5px;top: 120px; overflow: hidden; z-index: 5;
	border:1px #CCCCCC solid;
}
.bodyLeftPanel
{
    width: 100%;
	background-color: #FFFFFF;
	overflow-x: hidden;
	overflow-y: auto;
}
.topLeftPanel
{
	width: 100%;
	height: 25px;
	overflow: hidden;
	background-color: white;
	clear:both;
	text-align:right;
	border-bottom: 1px solid rgb(239, 239, 239);
}
.topLeftPanel .link
{
	font-size: 11px;
	float: right;
	color:#0066CC;
	padding: 5px;
	margin-left: 5px;
}
.topLeftPanel .link:hover
{
	color: #558800;
}

ul.MapToolBar
{
    padding:0px;
    width:180px;
    margin:0px;
    -moz-user-select: none;
}
ul.MapToolBar li
{
    float:right;
    list-style-type:none;
}
ul.MapToolBar li a
{
    border:0 none;
    cursor:pointer;
    display:block;
    height:24px;
    width:83px;
    margin-left:5px;
    background: url(../images/MapTool.png) no-repeat;
}
ul.MapToolBar li a.ViewBlockHouseDis
{
    background-position:0px 0px;
}
ul.MapToolBar li a.ViewBlockHouseEna
{
    background-position:-83px 0px;
}
ul.MapToolBar li a.ViewGeoDisable
{
    background-position:0px -24px;
}
ul.MapToolBar li a.ViewGeoEnable
{
    background-position:-83px -24px;
}
ul.MapToolBar li a.ViewNormalMapDis
{
    background-position:0px -48px;
}
ul.MapToolBar li a.ViewNormalMapEna
{
    background-position:-83px -48px;
}
ul.MapToolBar li a.ViewSatMapDis
{
    background-position:0px -72px;
}
ul.MapToolBar li a.ViewSatMapEna
{
    background-position:-83px -72px;
}
/*DsLeftPanel*/
.dsLeft
{
	position:relative; left: 5px;top: 0px;
	width:382px; height:auto;
	border:0px #efefef solid;
}
.dsRight{
	width: 500px;
	height: 400px;
	border: 0px #efefef solid;
	position:relative;
	left: 15px;
	top: 0px;
}
.DsSearchStore
{
	width:382px;
	height:30px;
	background-image:url(background-image:url(../images/image13.gif);
}
.dsmap
{
	left:0px;
	top:0px;
	height:275px;
	width: 300px;
}
.dsmap1
{
	left:0px;
	top:0px;
	height:255px;
	width: 300px;
}
.Acor .Title
{
	font-size: 12px; color:#DD6611;
	font-weight:bold;
	cursor:pointer;
}
.Acor .Title:hover
{
	color:#558800;
}
.Acor .Content
{
	margin:5px 0px 5px 10px;
}

.contructionPage{
	float:none; width:700px; margin:0 auto; margin-top:15px;
}
	.contructionTitle { background:url(../images/image131.gif); height:34px; font-size:14px; font-weight:bold; text-align:center; } 
	.contructionStyle1 { border:1px #dddddd solid; border-left:0px; border-top:0px; width:30px; text-align:center; padding:7px 5px 7px 5px;}
	.contructionStyle2 { border:1px #dddddd solid; border-left:0px; border-top:0px; width:150px; font-weight:bold; text-align:left; padding:7px 5px 7px 5px;}
	.contructionStyle3 { border-bottom:1px #dddddd solid; text-align:left; padding:7px 5px 7px 5px; }
.listLocation {
	float:none; width:700px; margin:0 auto; margin-top:15px;
}