﻿body {
font:normal 75%/150% Tahoma;
font-size:11px;
margin:0;
}

a {
text-decoration:none;
}

.border {
border:#8cacff 1px solid;
}

.border_table {
border:#a9a9a9 1px solid;
}

.borderMenu {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#8cacff;
border-top-style:solid;
border-top-color:#8cacff;
border-top-width:1px;
}

.border_1 {
border:red 1px solid;
}
.border_white
{
	border:#ffffff 1px solid;
}

.bg_top {
background:url(../images/bg_login.jpg) repeat-x;
height:26px;
}

.banner_left {
background:url(../images/ba_logo_left.jpg) no-repeat;
}

.banner_mid {
background:url(../images/ba_bg_banner.jpg) repeat-x;
}

.banner_right {
background:url(../images/ba_banner_right.jpg) no-repeat;
}

.footer {
background:url(../images/footer.jpg) repeat-x;
}

.txt_BlogsNews {
font-family:Tahoma;
font-size:11px;
color:#0f62c8;
line-height:20px;
table-layout:fixed;
}

.txt_top {
color:#FFF;
padding-left:5px;
font-size:11px;
font-family:Tahoma;
}

.txt_content {
font-size:11px;
color:#5f5f5f;
font-family:Tahoma;
}

.txt_content_1 {
font-size:11px;
color:#000;
font-family:Tahoma;
padding:0;
}

.txt_footer {
font-size:11px;
color:#5f5f5f;
}

.txt_title {
color:#0053a0;
font-size:11px;
font-family:Tahoma;
}

.txt_title_1 {
color:#FFF;
font-size:11px;
vertical-align:baseline;
font-family:Tahoma;
}

.txt_title_menu {
color:#FFF;
font-size:11px;
font-family:Tahoma;
vertical-align:baseline;
}

.txt_title_right {
color:#FFFBF0;
font-size:11px;
vertical-align:top;
}

.txt_ThongBaoUpDating {
font-family:Tahoma;
font-size:13px;
color:Red;
font-weight:700;
}

.txt_link {
font-size:11px;
color:Blue;
cursor:pointer;
font-family:Tahoma;
}

.txt_LoginUser {
font-family:Tahoma;
font-size:11px;
color:#FFF;
}

.txt_Duong {
color:#000;
font-family:Tahoma;
font-size:11px;
}

.txt_MatTinHieu {
color:#666;
}

.txt_ChichNgatXung {
color:red;
}

.txt_QuaDiemThuPhi {
color:orange;
}

.txt_DungDo {
color:#00F;
}

.txt_MatTinHieu,.txt_ChichNgatXung,.txt_QuaDiemThuPhi,.txt_DungDo {
font-family:Tahoma;
font-size:11px;
font-weight:700;
line-height:180%;
}

.pad_img {
padding:5px;
}

.left_top {
background:url(../images/left_top.jpg) no-repeat;
height:5px;
width:5px;
}

.right_top {
background:url(../images/right_top.jpg) no-repeat;
height:5px;
width:5px;
}

.mid_top {
background:url(../images/mid_top.jpg) repeat-x;
height:5px;
}

.left_bot {
background:url(../images/left_bot.jpg) no-repeat;
height:5px;
width:5px;
}

.right_bot {
background:url(../images/right_bot.jpg) no-repeat;
height:5px;
width:5px;
}

.mid_bot {
background:url(../images/mid_bot.jpg) repeat-x;
height:5px;
}

.left_mid {
background:url(../images/left_mid.jpg) repeat-y;
width:5px;
}

.right_mid {
background:url(../images/right_mid.jpg) repeat-y;
width:5px;
}

.btn_left {
background:url(../Images/btn_left.jpg) no-repeat;
width:4px;
}

.btn_right {
background:url(../images/btn_right.jpg) no-repeat;
width:4px;
}

.btn_mid {
background:url(../images/btn_mid.jpg) repeat-x;
height:26px;
}

.find_left {
background:url(../images/find_left.jpg) no-repeat;
}

.find_right {
background:url(../images/find_right.jpg) no-repeat;
}

.find_mid {
background:url(../images/find_mid.jpg) repeat-x;
}

.bg_banner {
background:url(../images/ba_bg_banner.jpg) repeat-x;
height:100px;
}

.form {
width:175px;
}

.form_find {
width:85px;
height:11px;
}

#UserInfo {
position:absolute;
z-index:1;
padding:2px;
}

#loginbox {
position:absolute;
top:103px;
right:0;
width:224px;
height:190px;
font-size:10px;
padding:2px;
}

.step {
font-size:11px;
color:#000;
font-family:Verdana, Arial, Times New Roman, Tahoma;
}

#breadcrumb {
position:relative;
font-family:Tahoma;
padding-left:5px;
}

#Header {
top:0;
left:0;
width:100%;
height:25px;
background:url(../images/ba_bg_banner.jpg) repeat-x;
}

#HeaderLeft {
height:23px;
}

#HeaderRight {
position:absolute;
right:0;
height:23px;
background:url(../images/ba_banner_right.jpg) no-repeat;
}

#Header_df {
top:0;
left:0;
width:100%;
height:102px;
background:url(../images/ba_bg_banner.jpg) repeat-x;
}

#HeaderLeft_df {
height:100px;
}

#HeaderRight_df {
position:absolute;
right:0;
height:100px;
}

#CompanyName {
font-family:Tahoma;
font-size:18px;
font-weight:700;
text-align:left;
color:#fff;
position:relative;
top:35px;
width:50%;
height:22px;
}

#MasterMenu {
width:99%;
height:23px;
}

#MasterMenu_right {
position:relative;
width:480px;
height:27px;
float:right;
left:0;
top:-14px;
vertical-align:middle;
}

#MasterContent 
{
	z-index:10010;
}
.bn_logo_bg
{
	background:url('../images/gps_logo_bg.jpg') repeat-x; max-width:200px; min-width:100px; height:47px;	
}
.bn_logo_r
{
	width:2px; background-image:url('../images/gps_logo_r.jpg'); float:right; height:47px;
}
.bn_logo_l
{
	width:2px; background-image:url('../images/gps_logo_l.jpg'); float:left; height:47px;
}
.bn_bg
{
	background:url('../images/gps_banner_bg.jpg') repeat-x;
	height:47px;
}
.bn_r
{
	width:2px; background-image:url('../images/gps_banner_r.jpg'); height:47px
}	

#Products {
width:260px;
}

#bg_top {
width:260px;
height:26px;
background:url(../images/bg_login.jpg) repeat-x;
}

#Foot_right {
position:relative;
width:100%;
text-align:right;
right:2px;
top:-20px;
}

#Foot_left {
position:relative;
left:2px;
text-align:left;
width:50%;
}

#Foot {
left:0;
height:5px;
width:100%;
background:url(../images/footer.jpg) repeat-x;
}

#MasterFoot {
clear:both;
z-index:0;
}

#Center {
position:absolute;
height:160px;
top:190px;
}

#footer {
width:100%;
height:62px;
margin:0;
padding:0;
}

.ObjTooltip {
text-align:center;
width:200px;
height:22px;
cursor:pointer;
position:absolute;
top:500px;
left:200px;
}

.Tooltip {
visibility:hidden;
width:500px;
position:absolute;
top:0;
left:80px;
z-index:2;
text-align:justify;
border:solid 1px;
background-color:#fffdcc;
font-family:Tahoma;
font-size:12px;
border-color:#ffd65a;
padding:8px;
}

.popup_top {
background:url(../images/popup_top.jpg) repeat-x;
height:57px;
}

.popup_tab {
background:url(../images/popup_tab.jpg) repeat-x;
height:8px;
}

.popup_bot {
background:url(../images/popup_bot.jpg) repeat-x;
}

.Bg_Close {
background:url(../images/Bg_Close.jpg) repeat-y;
}

.sliview {
width:450px;
height:380px;
border:1px solid #CCC;
}

#ViewListImage {
width:200px;
height:300px;
overflow:scroll;
border:1px solid #000;
}

.Td11 {
float:left;
text-align:left;
width:40px;
font-weight:700;
}

.Td21 {
float:left;
text-align:center;
width:40px;
}

.Textcenters {
text-align:center;
}

.ViewImage1 {
width:450px;
}

.ViewImage2 {
width:200px;
}

.ViewImage0 {
border:solid 1px Gray;
}

.ViewDiv {
border:1px;
height:20px;
width:180px;
border-color:#000;
border-style:solid;
}

.classstyle1 {
background-color:Silver;
}

.classstyle2 {
background-color:#FFF;
}
/*
.ui-slider {
width:200px;
height:23px;
position:relative;
background-repeat:no-repeat;
background-position:center center;
}

.ui-slider-handle {
position:absolute;
z-index:0;
height:23px;
width:12px;
top:0;
left:0;
background-image:url(images/thanhtruot.png);
}

.ui-slider-handle-active {
border:1px dotted #000;
}
*/
#LeftBottom {
height:176px;
}

#speed {
width:63px;
}

#slider {
position:absolute;
background-color:#ffffff;
background-position:top;
width:214px;
margin-left:0;
margin-top:0;
}

#slider img {
border-color:inherit;
border-style:none;
border-width:0;
}

#openCloseWrap {
position:absolute;
font-size:0;
font-weight:700;
top:0;
left:0;
height:10px;
width:10px;
margin:0 0 0 214px;
}

.neo-rss-left {
float:left;
width:150px;
}

.neo-rss-right {
float:right;
overflow:hidden;
width:20px;
text-align:center;
}

#diachi {
width:130px;
}

#Button2 {
width:76px;
}

#lotrinh {
width:100px;
}

.style1 {
width:85%;
height:26px;
}

.style2 {
width:176px;
}

.style3 {
width:22px;
}

.style4 {
width:84px;
}

.style5 {
width:4px;
}

.style6 {
width:214px;
height:173px;
}

.style8 {
height:110px;
}

.style11 {
height:110px;
width:130px;
}

.style12 {
height:21px;
width:39px;
}

.style13 {
height:21px;
width:130px;
}

.style14 {
height:21px;
}

#Content {
width:273px;
}

#MapGoogle {
position:absolute;
left:0;
width:100%;
height:660px;
}

#CenterContent {
width:100%;
}

.popupMenu {
position:absolute;
visibility:hidden;
background-color:#F5F7F8;
}

.popupHover {
background-image:url(images/header-opened.png);
background-repeat:repeat-x;
background-position:left top;
background-color:#F5F7F8;
}

.controlPanelKieuHienThiXe {
position:absolute;
border:1px solid #0090DF;
text-align:left;
padding:1px;
}

.DivHeaderPanel {
cursor:move;
background-color:#900;
height:25px;
}

#ruler {
visibility:hidden;
white-space:nowrap;
}

.ViewListDiemDung {
overflow:scroll;
border:1px solid #666;
background-color:#E1EEFA;
height:300px;
padding:0;
}

.ViewListDiemDungSpan {
font-family:Tahoma;
font-size:11px;
padding-left:5px;
}

.ViewListDiemchuaPublic {
overflow:scroll;
border:1px solid #666;
background-color:#E1EEFA;
height:150px;
padding:0;
}

#ViewListDiemTrenMap {
background-color:#E1EEFA;
background-position:center top;
height:600px;
margin-left:0;
margin-top:0;
position:absolute;
width:207px;
padding-left:5px;
}

.ViewListDiemDungDIV {
height:18px;
padding-left:5px;
font-family:Tahoma;
font-size:11px;
}

.searchdiem {
border:1px solid #666;
background-color:#E1EEFA;
height:130px;
overflow:auto;
padding:0;
}

#OpenDiemDung {
font-size:0;
font-weight:700;
height:10px;
left:0;
position:absolute;
top:0;
width:10px;
margin:0 214px 0 0;
}

#box {
text-align:left;
font-size:12px;
width:120px;
background-color:#fff;
border:1px solid gray;
border-top:1px solid #a5a5a5;
display:none;
cursor:default;
padding:6px 4px;
}

#box.highlight {
width:119px;
border-top:1px solid #a5a5a5;
border-width:2px;
}

#more_inner {
text-align:center;
font-size:12px;
background-color:#fff;
border:1px solid #fff;
border-bottom-color:#b0b0b0;
border-right-color:#b0b0b0;
width:7em;
cursor:pointer;
}

#more_inner.highlight {
font-weight:700;
border:1px solid #483D8B;
border-bottom-color:#6495ed;
border-right-color:#6495ed;
}

#boxlink {
color:#a5a5a5;
text-decoration:none;
cursor:default;
margin-left:33px;
}

#boxlink.highlight {
color:#0000cd;
text-decoration:underline;
cursor:pointer;
}

.subtitle_bg {
background:url(images/subtitle_bg.jpg) repeat-x;
height:30px;
}

.subtitle_left {
background:url(images/subtitle_left.jpg) no-repeat;
height:30px;
width:3px;
float:left;
}

.subtitle_right {
background:url(images/subtitle_right.jpg) no-repeat;
height:30px;
width:3px;
float:right;
}

.BHTdeleteallcanhbao {
font-size:11px;
color:Red;
font-weight:700;
}

.BHTtdMacungXN1 {
font-size:11px;
text-align:center;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:20%;
}

.BHTtdTencongty1 {
font-size:11px;
text-align:left;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:60%;
}

.BHTtdBiensoxe1 {
font-size:11px;
text-align:left;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:20%;
border-right:1px;
border-right-style:solid;
border-right-color:Gray;
}

.BHTtdMacungXN {
font-size:11px;
text-align:center;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:10%;
}

.BHTtdTencongty {
font-size:11px;
text-align:left;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:30%;
}

.BHTtdSotienconlai {
font-size:11px;
text-align:left;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:15%;
}

.BHTthNgaycapnhat {
font-size:11px;
text-align:left;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:10%;
border-right:1px;
border-right-style:solid;
border-right-color:Gray;
}

.BHTth {
text-align:center;
background-color:Gray;
}

.class_BHTXechuaganxim {
padding-left:10px;
padding-right:10px;
font-size:12px;
font-weight:700;
cursor:pointer;
color:Blue;
}

.BHTchonbienso {
font-style:italic;
color:Red;
}

.BHTDIVDanhsachxechuaganxim {
text-align:center;
font-weight:700;
}

#iconselect {
background:url(../images/select-bg.gif) no-repeat;
height:25px;
width:250px;
font:13px Arial, Helvetica, sans-serif;
padding-left:15px;
padding-top:4px;
}

.selectitems {
width:230px;
height:25px;
border-bottom:dashed 1px #ddd;
padding-left:10px;
padding-top:2px;
}

.selectitems span {
margin-left:5px;
}

#iconselectholder {
width:250px;
overflow:auto;
display:none;
position:absolute;
background-color:#FFF5EC;
}

.hoverclass {
background-color:#FFF;
cursor:hand;
}

.selectedclass {
background-color:#FF9;
}

#selectcongty {
width:250px;
}

.txt_login,.txt_quantri {
font-size:11px;
color:#0053a0;
}

.txt_BAManagement,.txt_quantri_bold {
font-family:Tahoma;
font-size:11px;
color:#0053a0;
font-weight:700;
}

.Td10,.Td12 {
float:left;
text-align:left;
width:70px;
font-weight:700;
}

.Td20,.Td22 {
float:left;
text-align:left;
width:60px;
}
/*
.ui-slider,.ui-slider-1,.ui-slider-2 {
height:20px;
width:100px;
background-image:url(images/slider_resize_back.png);
}
*/
.neo-rss-left1,.neo-rss-left2 {
float:left;
text-align:left;
}

.style7,#openCloseIdentifier {
width:214px;
}

.style9,.style10 {
width:39px;
}

.BHTtdBiensoxe,.BHTtdSIM {
font-size:11px;
text-align:left;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:Gray;
border-left:1px;
border-left-style:solid;
border-left-color:Gray;
width:10%;
}

/***********************************************************************************************************************************
* Css for display  list cars
************************************************************************************************************************************/
.Row_Round {width: 100%; background:#EFEFEF; height:20px; color:#000000;}
.Row_Odd {width:100%;background:#ECFFEC;  height:20px; color:#000000;}
.DisplayListCar 
{
	 width: 210px; max-height: 280px; overflow:auto;
	 border: 1px solid #c1c1c1; left:0 ; padding:0; margin:0;
	 background-color: #faf9f9; margin-bottom:5px;
	 font-family: Tahoma;
	 
}

.DisplayListCar_item   
{
	width:100%; height:21px;
	border-bottom:solid 1px #666666; color:#333333; font-weight:500;
} 


.DisplayListCar_Col1
{
	float:left;
	width:20px;
	height:21px; 
	line-height:22px;
} 
.DisplayListCar_Col2
{
	float:left;
	width:60px; 
	height:21px;
	line-height:22px;
}
.DisplayListCar_Col3
{
	float:left;
	width:55px;
	height:21px;
	line-height:22px;
}
.DisplayListCar_Col4
{
	float:left;
	width:30px;
	height:21px;
	line-height:22px;
}
.DisplayListCar_Line 
{
   border: 1px solid #666666;width: 210px;
}
.DisplayListCar_line { width:99%; height:1px; background:#666666; float:left;   }
.DisplayListCar_img { height:15px; width:15px;  margin-top:1px ; }


/********************************************************** End region css display cars*********************************************/





/***********************************************************************************************************************************
 * Css for display sum cars
************************************************************************************************************************************/

.DisplaySumCars_text
{ width:50px; float:left ; color:#990000; font-weight:bold; 
}
.DisplaySumCars_value 
{
   float:left  ; font-weight:bold; color:#990000;
}

/******************************************************************End region css display sum cars**********************************/ 

.Clear
{
	clear:both;
}

/***********************************************************************************************************************************
* Css for display  one cars
************************************************************************************************************************************/

#InforCar
		{
			position:absolute;
			top:0px;
			left:0px;
			width:220px;						
			font-family:tahoma;
			font-size:11px;
			border:solid 1px #ffffff;			
			z-index:1000;
			display:none;	
			line-height:20px; z-index:50;		
			
		}
#InforCar .Header 
{		 	 
			 background:none;
			 background-color:#199bf3;
			 text-align:center;
			 line-height:22px;
			 line-height:25px;
			 font-weight:bold;			 
			color:#ffffff;
			border-bottom:solid 1px #ffffff;
		}
#InforCar .Header .Title
{
			text-transform:uppercase;
			float:left;
			width:96%;
			text-align:center;
			padding-left:10px;
}
#InforCar .Header #hearder_bsx
{
			text-transform:uppercase;
			float:left;
			width:38%;
			text-align:left;
}
#InforCar .Header .close
{			
			float:right;
			width:12%;
			
}
/*#InforCar #Process { width:100%; background:#E6E6E6 ;display:inline;  }*/

#InforCar #Process img {   height: 30px; width: 30px ; position:absolute; z-index:1000; visibility:hidden;}

#InforCar .Content
{			
			background:#f6f6f6 ;  			
			padding:0px;
			line-height:170%; 
			
}
#InforCar .Content .ColAreaTile
{
			float:left;
			width:43%; padding: 0 0 0 3px;
			color:#004080;
			
}
#InforCar .Content .ColAreaValue
{
			float:left;
			width:55%;color:#000000;
			
}

#InforCar .Content .ColLeft
{
			float:left;
			width:45%; 
			padding: 0 0 0 5px;
			color:#000000;
			text-align:left;			
}
#InforCar .Content .ColRight
{
			float:left;
			width:51%;
			color:#5f5f5f;
			
}


#InforCar .Content .ColLeftAD
{
			float:left;
			width:25%; 
			padding: 0 0 0 5px;
			color:#000000;
			text-align:left;			
}
#InforCar .Content .ColRightAD
{
			float:left;
			width:70%;
			color:#5f5f5f;
			
}


#InforCar .Clear
{
	border-top:solid 1px #ffffff ;
	clear:both;
}
#InforCar .ClearEnd
{
	border-top:solid 0px #ffffff ;
	clear:both;
}

/*Css tim xe gan nhat */ 


.nearest_item  
{
	height:22px; line-height:22px;   cursor:pointer;  color:#004993;
}
.nearest_item .col1{height:22px; line-height:22px;cursor:pointer; padding :0 15px ;} 
.nearest_item .line{border-bottom: 1px solid #c1c1c1; }

.nearest_itemlast 
{
	height:22px; line-height:22px; padding:0 15px ;
}
/*
* Ending of tim xe gan nhat 
*/

/******************************************************************End region Css for display  one cars******************************/ 


/*******************************************************Css for panel ***************************************************/
	.popup
	{ font-family:Tahoma;     
	 	width:550px;		
		font-size:11px ; display:none; position: absolute; /*top: 150px;  left: 220px;*/  z-index: 500 ; cursor:pointer;
	}
	.popup .top_left
	{
	
		background:url('../images/popup_top_left.png') no-repeat;
		height:34px;
		width:11px;
		float:left;

	}
	.popup .top_bg
	{
		 
		background:url('../images/popup_top_bg.png') repeat-x;
		height:34px;
		text-transform:uppercase;
		color:#003399;
		font-size:12px;
		text-align:center;
		font-weight:bold;
		padding-top:0px;
		vertical-align:top;		
		margin:0 11px 0 11px;
	}
	.popup .top_right
	{
		background:url('../images/popup_top_right.png') no-repeat;
		height:34px;
		width:11px;
		float:right;

	}
	.popup .right_bg
	{
		background:url('../images/popup_right_bg.png') repeat-y;
		width:11px;
		float:right;
		height:100%;
	}
	.popup .bot_right
	{
		background:url('../images/popup_bot_right.png') no-repeat;
		width:11px;
		height:11px;
		float:right;

	}
	.popup .bot_bg
	{
		background:url('../images/popup_bot_bg.png') repeat-x;
		height:11px;
		margin:0 11px 0 11px;
	}
	.popup .bot_left
	{
		background:url('../images/popup_bot_left.png') no-repeat;
		height:11px;
		width:11px;
		float:left;
	}
	.popup .left_bg
	{
		background:url('../images/popup_left_bg.png') repeat-y;
		width:11px;
		float:left;
		height:100%;
	}
	.popup .content
	{
		padding:0px;
		background-color:#FFFFFF;
		margin:0 11px 0 11px;
		height:100%;
	}
	.popup .content .main
	{
		padding:5px;
	}

	.popup .title
	{ padding-top:13px; color:#004080;font-family: Geneva,Arial, Helvetica, sans-serif;
	}
/******************************************************* End region css for panel ***************************************************/
/******************************************************* css for manager point  ***************************************************/

.createPoint { width:400px; color:#003399 ; padding:20px 5px 5px 0; font:11px;
 	 
 }
.createPoint  .left { float:left; width:70px; height:25px; line-height:25px ;padding:2px 10px; border:#0066CC;} 
.createPoint .right{ float:right ; width:310px;height:25px; line-height:25px ;padding:2px 0px; }
.createPoint .star { color:#FF0000}
.createPoint .buttons {    border: 1px solid red;}  

.viewAddress {padding:15px 2px 2px 7px;	color:#003399; }			
.process { width:100%; }
.process img{ width:16px; height:16px;}
		
/*******************************************************  End region css for manager point  ***************************************************/
/******************************************************* css for configure map   ***************************************************/
  .mapConfigure { width:240px; color:#003399; padding:5px 0 0 0;  	 
  }
  .mapConfigure  .left { float:left; width:60px; height:25px; line-height:25px ; border:#0066CC; padding:5px 0 0 10px;} 
  .mapConfigure .right{ float:right ; width:160px;height:25px; line-height:25px ;  padding:5px 0 0 5px;}
  .mapConfigure .star { color:#FF0000}
  .mapConfigure .button { padding: 5px 5px 2px 20px; width:400px;}  
  .mapConfigure   .clear { clear:both;}
  
/******************************************************* css for configure map  ***************************************************/

/******************************************************* css for configure display cars on map   **********************************************/

.CssConfigDisplayCar {  
  color:#002953;height:22px;  line-height:22px; padding: 2px 50px ;
}
.CssConfigDisplayCar .Text{ float:left ;  width:90px; 
}
.CssConfigDisplayCar .CheckBox { float:left;  
}



/******************************************************* ending of  css for configure display cars on map   ************************************/

/***********************************************************css for comment icon of car  ****************************************************/
.commentIconCar  {
  
  color:#0000CC; width:100%; height:20px; line-height:20px; padding: 10px 20px  3px 20px;
}

.commentIconCar   .img { float:left ; width:40px; 
   
}

.commentIconCar .text { float:left  ; 
}

/***********************************************************Ending of css for comment icon of car  ****************************************************/


/***********************************************************css for current car system  ****************************************************/
 .CurrentCarSystem { height:27px; line-height:25px; font-family:Tahoma; font-size:11px; color:#000000; }
 .CurrentCarSystem .Header { color:#3366FF; font-weight:600; }
 .CurrentCarSystem .Odd { border-bottom:1px solid; }
 .CurrentCarSystem .Add { border-bottom:1px solid; min-height:22px; line-height:22px; float:left;}

 .CurrentCarSystem .Colum1 { width:40px; float:left; text-align:center }
 .CurrentCarSystem .Colum2 { width:70px;float:left;text-align:center}
 .CurrentCarSystem .Colum3 { width:60px;float:left;text-align:center}
 .CurrentCarSystem .Colum4 { width:100px;float:left;text-align:center}
 .CurrentCarSystem .Colum5 { width:100px;float:left;text-align:center}
 .CurrentCarSystem .Colum6 { width:290px;float:left;text-align:left; }
 .CurrentCarSystem  .clear { clear: both}
 
  .CurrentCarSystem .onMouseOver { background:#CCCCFF;}
  .CurrentCarSystem .onMouseOut { background:#FFFFFF;}
  


/***********************************************************Ending of  css for current car system  ****************************************************/
 .css-LableCar { background:#FFFFFF; border:1px solid #FFFFFF; color:#000000; line-height:12px; height:14px;
                 text-align:center; vertical-align:middle; font-family:tahoma,Arial, Helvetica, sans-serif ; font-weight:600; font-size:10px;
                  text-shadow: 0 0 1px #666666;
 }
 
 .css-LableCaryellow { background:#FBFB00; border:1px solid #FFFF3E; color:#000000; line-height:12px;height:13px;
                 text-align:center; vertical-align:middle; font-family:tahoma,Arial, Helvetica, sans-serif ;font-weight:600; font-size:10px;
                  text-shadow: 0 0 1px #666666;
 
 }
 
 .css-Lablegrey { background:#CFCFCF; border:1px solid #CFCFCF; color:#000000; line-height:12px; height:13px;
                 text-align:center; vertical-align:middle; font-family:tahoma,Arial, Helvetica, sans-serif ; font-weight:600; font-size:10px;
                  text-shadow: 0 0 1px #666666;
 
 }
 
 .css-LableRed { background:#FF8080; border:1px solid #FF8080; color:#000000; line-height:12px; height:13px;
                 text-align:center; vertical-align:middle; font-family:tahoma,Arial, Helvetica, sans-serif ; font-weight:600; font-size:10px;
                  text-shadow: 0 0 1px #666666;
 
 }

  
.tooltip {
   background-color:#ffffff;
   font-weight:bold;
   border:2px #006699 solid;
 }
 
/******************************************************* css for configure display cars on map   **********************************************/

.CssConfigIternary {  
  color:#0000CC;height:22px;  line-height:22px; padding: 2px 20px ;
}
.CssConfigIternary .Text{ float:left ;  width:35px; 
}
.CssConfigIternary .CheckBox { float:left;  
}



/******************************************************* ending of  css for configure display cars on map   ************************************/


 .Itinerary { font-family:Tahoma; font-size:11px; color:#000000;   min-width:290px;min-height:140px;}
 .Itinerary .Header { color:#004080; font-weight:600;height:25px; line-height:25px;}
 .Itinerary .Odd {/* border-bottom:1px solid; */ height:25px; line-height:25px;   border-bottom:1px solid #666666;}
 .Itinerary .Add { /*border-bottom:1px solid;*/height:25px; line-height:25px; border-bottom:1px solid #666666;}

 .Itinerary .tg { width:75px; float:left; text-align:center }
 .Itinerary .gps { width:30px;float:left;text-align:center; }
 .Itinerary .co { width:30px;float:left;text-align:center;}
 .Itinerary .may { width:30px;float:left;text-align:center; display:none;}
 .Itinerary .cua { width:30px;float:left;text-align:center;display:none;}
 .Itinerary .dieuhoa { width:60px;float:left;text-align:center; display:none;}
 .Itinerary  .clear { clear: both} 
 .Itinerary .onMouseOver { background:#FFFFFF;}
 .Itinerary .onMouseOut { background:#FFFFFF;}




.FindCarByPassPo { height:27px; line-height:25px; font-family:Tahoma; font-size:11px; color:#000000; }
 .FindCarByPassPo .Header { color:#3366FF; font-weight:600;}

 .FindCarByPassPo .Colum1 { width:60px; float:left; text-align:center }
 .FindCarByPassPo .Colum2 { width:100px;float:left;text-align:center}
 .FindCarByPassPo .Colum3 { width:100px;float:left;text-align:center}
 .FindCarByPassPo .Colum4 { width:100px;float:left;text-align:center}
 /*.FindCarByPassPo .Colum5 { width:100px;float:left;text-align:center}
 .FindCarByPassPo .Colum6 { width:290px;float:left;text-align:center; }*/
 .FindCarByPassPo  .clear { clear: both}
 
 
 
 .carInbound{ color:#0033FF; width:100%; overflow:auto ; height:150px;
  }
  .carInbound .Text {
	height:22px; border-bottom: 1px solid #666666;padding:0px 0px 0 20px; line-height:20px;
  } 
  
  .carInbound .TextNodata {
	 padding:0px 0px 0 20px; height:22px; line-height:20px;
  } 
  
  .cssLableLT 
  { color:#4A4A4A; font-weight:600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
  	 
  	}
  	
  	/*--- For Menu Bao Duong*/
  	.txt_menuBaoDuong
  	{
  		font-family:Tahoma;
  		font-size:11px;
  		width:220px;
	}
  	.Menu
  	{
  		background-color:#F8F8F8;
  		padding-bottom:5px;
  		line-height:22px;
  		margin-bottom:7px
	}
	.Title
	{
		color: white;
		font-weight:bold;
		background-color:#7c9af7;
		text-indent:5px;
	}
	.Link
	{
	}
  	.Link a:hover
  	{  	
  		color:#1D4FF4;
  		font-weight:bold;
  	}
  	
  	.cssLayerMap 
  	{
  		color:#000000; font-size:11px;font-weight:600; width:70px;font-family: Tahoma, Arial, Helvetica, sans-serif;
  		
  	}
 
	.cssLableTypePointNoDis 
	{ display:none;  
	}  
	
/***********************************************Display list point *************************************/
.DisplayListPoint {  line-height:25px; font-family:Tahoma; font-size:11px; color:#000000; height:220px; max-height:220px; overflow:auto;  }
 .DisplayListPoint .Header { color:#3366FF; font-weight:600; }
 .DisplayListPoint .Odd { border-bottom:1px solid; }
 .DisplayListPoint .Add { border-bottom:1px solid #666666; min-height:22px; line-height:22px; float:left;}

 .DisplayListPoint .Colum1 { width:50px; float:left; text-align:center }
 .DisplayListPoint .Colum2 { width:120px;float:left;text-align:center}
 .DisplayListPoint .Colum3 { width:200px;float:left;text-align:center}
 .DisplayListPoint .Colum4 { width:100px;float:left;text-align:center} 
 .DisplayListPoint  .clear { clear: both}
 
  .DisplayListPoint .onMouseOver { background:#CCCCFF;}
  .DisplayListPoint .onMouseOut { background:#FFFFFF;}
/***********************************************Ending of  display list point ********************************/

/************************************************ css fro icon car comment *******************************************/
.iconCarComment 
{
    position: absolute; border: 1px solid #c1c1c1; background: #F2F2F2;
                padding: 0 10px 0 5px; height: 20px; bottom: 0px; left: 0; z-index: 1500; font-size: 11px;
    }
.iconCarComment .img 
{width: 15px; height: 15px ; 
    
 }
.iconCarComment   .text { padding:0 5px 0 5px; color:Blue;}
/*********************************************Finish css icon car comment ********************************************/
	

#divAlertOnline
{
	width: 760px; 
	height:210px;
	position: absolute;
	right:0px;
	bottom:30px;
	padding: 0px; 
	background-color:Transparent;
	z-index:1000;
}

#divAlertOnline .popup-close
{
	background: transparent url(../images/close_btn.png);
    border: none; 
    vertical-align: middle; 
    width: 33px; 
    height: 34px; 
    float: right;
    margin:0 2px 0 0;
}

#divAlertOnline .popup-maximum
{
	background: transparent url(../images/max_btn.png) no-repeat;
    border: none; 
    vertical-align: middle; 
    width: 25px; 
    height: 34px; 
    float: right;
}

#divAlertOnline .popup-minimum
{
	background: transparent url(../images/min_btn.png) no-repeat;
    border: none; 
    vertical-align: middle; 
    width: 25px; 
    height: 34px; 
    float: right;
}


#divAlertOnline .popup-type
{
	width: 758px;
	height:205px;
	cursor: move; 
	overflow:scroll;
	background-color: #ffffff;
	border-top-width: 0px
}

#divAlertOnline select
{
	width: 150px; 
	height: 18px;
    font-size: 12px; 
    padding-bottom: 1px; 
    margin-left: 4px
}


.tblPopupOnline
{
	font-size: 12px;
	margin:0 auto;
	border-collapse: collapse;
	border:1px solid #d6d6d6;
	width:95%;
}
.tblPopupOnline th
{
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	color: #4169E1;
	text-align:center;
	border: 1px solid #d6d6d6;
}
.tblPopupOnline td
{
	font-size: 11px;
	padding: 4px; 
	color: #5f5f5f;
	border: 1px solid #d6d6d6;
}

.tblPopupOnline td:last-child
{
	text-align:center;
}


.tblPopupOnline tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
.tblPopupOnline tr:hover td
{
	background: #d9d9d9;
	color: #3B3636;
	cursor:move;
}
