body{color:#000;background-color:#fff;font-family:Times New Roman Tahoma;font-size:12px;margin:0}
.nosignal{color:#C00}
.nogps{color:#dfdd40}
.overspeed{color:Orange}
.stop{color:#369}
.park{color:gray}
.run{color:#33F}
.sos{color:#F84343}
.selected{background-color:#3f8cff;color:#FFF}
.normal{color:#000}
.NoData{padding-top:5px;font-family:Times New Roman;font-size:11px;font-weight:700}
#divAllCar{height:100%;width:260px;margin:2px auto auto 0}
#listCar{text-align:center;width:258px;overflow-y:auto;overflow-x:hide;height:340px;font-weight:400;margin:auto auto auto 2px}
#lblstatus{float:left;width:185px;border-left:none}
#lblSpeed{float:left;width:40px;font-weight:700;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#cellcarplate{float:left;width:70px;text-align:left;cursor:pointer;margin:0;padding:2px 0 2px 2px}
#cellcarstatus{float:left;width:158px;text-align:left;cursor:pointer;margin:0;padding:2px 0 2px 2px}
#getspeed{float:left;width:40px;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#ContainInfo{background-color:#FFF;width:100%;height:auto;font-size:12px;color:#2e6e9e;margin:0;padding:0}
#TopInfo{width:100%;height:auto;border-bottom:1px solid #cdcdcd;margin:0}
#BodyInfo{width:100%;height:auto;border-bottom:1px solid #cdcdcd;border-bottom-width:8px;margin:0}
#BottomInfo{width:100%;height:auto;margin:0}
.publicInfo{font-weight:700;height:20px;float:left;width:auto}
.rpublicInfo{padding-left:3px;height:20px;float:left;width:auto}
.fuel{padding-right:10px;float:right;height:15px}
speedover{font:bold 100% Arial,sans-serif;color:#C90;text-align:center}
nosignal{font:bold 100% Arial,sans-serif;color:Red;text-align:center}
nogprs{font:bold 100% Arial,sans-serif;color:#C00;text-align:center}
carstop{font:bold 100% Arial,sans-serif;color:#B0B0B0;text-align:center}
sos{font:bold 700% Arial,sans-serif;color:red;text-align:center}
plusminus{font:bold 10% Arial,sans-serif;color:#222;text-align:center}
.mapmodal{background-color:#FFF;border:1px solid #666;font-family:Tahoma;font-size:12px}
.mapmodalheader{background-color:#069;border-bottom:1px solid #666;color:#FFF;font-weight:700;text-align:left;padding:2px}
.mapmodaltext{padding:5px}
#divWarningInfo{width:900px;height:480px;position:absolute;top:80px;left:305px;z-index:5000;display:none}
#WarningInfo{overflow:hidden;z-index:1004;outline:0 none;height:auto;width:900px}
#divWarning{width:855px;height:400px;overflow-x:hide;overflow-y:scroll;font-family:Times New Roman;font-weight:400}
#divMaintainWarning{width:855px;height:360px;overflow-x:hide;overflow-y:scroll;font-family:Times New Roman;font-weight:400}
#divLicenseWarning{width:855px;height:368px;overflow-x:hide;overflow-y:scroll;font-family:Times New Roman;font-weight:400}
#divWarning table{border-color:#f6f0ec}
#tblWarning{width:100%;text-align:center;margin:auto}
#ContainSOS{display:none;cursor:default;width:710px;height:350px;margin:0;padding:0}
#listSOS{text-align:center;width:705px;font-family:Times New Roman;font-size:11px;height:300px;overflow:auto;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
.rowSOS{width:auto;font-family:Times New Roman;font-size:12px;border-color:#5a90b6;border-style:solid;border-width:0;padding:0}
#lblAcceptSOS{float:left;width:70px;font-weight:700;height:23px;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#CarPlateSOS{float:left;width:100px;text-align:left;height:23px;color:#333;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#AcceptSOS{float:left;width:70px;height:23px;color:#333;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
.AcceptSOS{color:#333;cursor:pointer;border:1px #7F9DB9 solid;width:70px;height:20px;font-family:Times New Roman;font-size:12px}
#titleSOS{font-family:Verdana;font-size:30px;color:red;font-weight:700;text-decoration:blink;width:710px;background-image:url(Images/header.png);background-repeat:repeat-x}
.label{font:bold 1em Arial,sans-serif;color:#334d55}
#divImagesInfo{width:900px;height:500px;position:absolute;top:29px;left:250px;z-index:500;display:none}
#ImagesInfo{position:absolute;z-index:1004;outline:0 none;height:500px;width:900px}
#right_PopupImages{font-family:Times New Roman;float:left;width:500px}
#hImageTitle{padding-left:8px}
#listimage{width:auto;overflow-y:scroll;overflow-x:hide;height:auto;border-width:1px}
.rowImg{background:#f3f3f3}
#lblImageAdd{border-top-width:1px;border-left-width:1px;border-right-width:1px;float:left;width:240px;height:auto;font-weight:700;background-image:url(Images/bgLabelImg.png);background-repeat:repeat-x;margin:0 0 0 1px;padding:0}
#lblImageTime{border-top-width:1px;border-left-width:1px;float:left;width:55px;height:auto;font-weight:700;background-image:url(Images/bgLabelImg.png);background-repeat:repeat-x;margin:0 0 0 1px;padding:0 0 0 3px}
#titleRightImages{width:500px;text-align:center;font-size:13px font-weight:bold;background-image:url(Images/bgLabelImg.png);background-repeat:repeat-x}
#ShowRightImages{width:500px;height:500px;text-align:center}
.imgShows{width:590px;height:450px}
#lblCarImages{width:35px;height:30px;padding-left:10px;font-weight:700;font-size:12px;color:#000;float:left}
#ChooseCarImages{padding-top:6px}
.odd_row{background-color:#fff;cursor:pointer;float:left}
.even_row{background-color:#f3f3f3;cursor:pointer;float:left}
.left{float:left}
.clear{clear:both}

#divExpand{background:no-repeat url(images/expand.png);width:24px;height:27px;float:left;display:none;cursor:pointer;left:0;top:80px;z-index:2000;position:absolute}
#divLeftPanel .label{width:70px;text-align:right}
.leftContainer{width:285px;height:462px;opacity:0.8;position:relative;left:1px;top:5px}
#map{position:absolute;top:80px;width:100%;height:500px}
#loading{left:310px;position:absolute;top:125px;display:none;z-index:2010}
.ListHeader{float:left;height:13px;border:solid 1px silver;text-align:left;font-weight:700;background-color:#eee;font-family:Times New Roman;font-size:12px;margin:0;padding:1px 0 2px 1px}
.ListItemSeparator{border-bottom:1px solid #cdcdcd;vertical-align:top;cursor:pointer;float:left;margin:0;padding:1px}
#divListStopPoint,#divListSMSConfig{height:360px;overflow:none}
#StopPointHeaderName{float:left;width:157px}
#StopPointHeaderEdit,#StopPointHeaderDelete{width:40px;border-left:none}
#RouteHeaderName{float:left;width:153px}
#RouteHeaderEdit,#RouteHeaderDelete{width:40px;border-left:none}
#Head_chkAll{float:left;width:15px;padding:0;height:16px;}
#Head_chkAll input
{
    margin:0;
    padding:0;
}
.chkAllpoint {width:16px;float:left;text-align:center}
.chkAllpoint input
{
    margin:0;
    padding:0
    }
#StopPointHeaderTime{float:left;width:83px;border-left:none}
#ListStopPoint, #ListSMSConfig, #ListRoute{width:auto;text-align:left;overflow-y:scroll;overflow-x:hide;height:350px;cursor:pointer;font-weight:400;padding:0}
.StopPointName{width:157px;float:left;text-align:left}
.StopPointTime{width:70px;float:left;text-align:center}
.StopPointEdit,.StopPointDel{width:33px;float:left;text-align:center}
#divListCar{height:338px;overflow:none}
#divListCarSignal{height:270px;overflow:none}
#lblreviewtime{float:left;width:110px;margin-left:1px}
#lblreviewspeed{float:left;width:145px;border-left:none}
.reviewTime{font-family:Times New Roman;font-size:11.5px;color:#000;width:120px}
.reviewSpeed{font-family:Times New Roman;font-size:11.5px;color:#000;width:135px}
.review1Item{font-family:Times New Roman;font-size:11.5px;color:#000;width:240px}
.review2Item{font-family:Times New Roman;font-size:11.5px;color:#000;width:100px}
.cktr{cursor:pointer}
#kmCarReview,#divStopCount,#divStopTime{font-weight:700;font-size:11.5px;height:18px;margin-left:0;width:250px;border-bottom:solid 1px silver;display:none}
.tableReview{width:auto}
#listChooseCar{text-align:center;width:auto;overflow-y:scroll;overflow-x:hide;height:150px;font-weight:400}
#listChooseCarSMS{text-align:center;width:auto;overflow-y:scroll;overflow-x:hide;height:400px;font-weight:400}
#lblChooseCarRP{float:left;width:55px;border-left:none;text-align:center;}
.ChooseCarRPItem{float:left;width:55px;text-align:center}
#lblCarplateRP{float:left;width:200px;text-align:center}
.CarPlateRPItem{float:left;width:180px;text-align:center}
#divCarStopping{width:1020px;height:500px;position:absolute;top:10px;left:120px;display:none;z-index:2000}

#divReportInfo01,#divReportInfo02,#divReportInfo03{position:absolute;top:45px;display:none;z-index:20000;height:500px}
#divReportInfo01{top:115px;}
#divReportInfo03{top:0;}

#divDisplayInfo{width:82%;height:25px;position:absolute;left:70px;bottom:0}
#imgReportIcon{width:30px;height:30px;position:absolute;top:210px;left:205px}
#hReportTitle,#carStoppingTitle{color:#FFF;font-size:14px;margin:12px;padding:5px}
.tableReport{width:100%;border-bottom:1px solid #cdcdcd;border-color:#fff;border-width:1px}
.divContentReport{    width: 100%; display: none; margin: 0px;overflow-x: hide;overflow-y: scroll;  }
#tblGeneralReport{width:100%;text-align:center;font-weight:400;margin:auto;}
#divReportInfo_2{border:1px solid #BBB;background-color:#5a71c4;background:url(Images/header.png) repeat-x;cursor:move;height:55px}
#divReportInfo_3{position:absolute;right:50px;top:10px;cursor:pointer;color:#FFF;text-align:center}
#icon_report{position:absolute;top:300px;left:290px;z-index:2000;cursor:pointer}
.thTitleReport{height:15px;border:solid 1px silver;text-align:left;font-weight:700;background-color:#eee;font-family:Times New Roman;font-size:12px;margin:0;padding:2px 0 2px 1px}
.columnlIcon{width:40px}
#divVMap,#divGMap{position:absolute;z-index:0;top:88px;right:215px;background-color:#FFF;width:70px;font-family:Arial,sans-serif;font-size:12px;border:2px solid #000;display:none;text-align:center}
#divGMap{width:90px;z-index:100;right:100px}
#divVMap a,#divGMap a{text-decoration:none;color:#000}
#frDistancePanel{display:block;position:absolute;top:86px;left:310px;background-color:#FFF;font-family:Arial,sans-serif;font-size:12px;border:1px solid #000;z-index:500}
#toolDistance{width:209px}
#DistanceBody{width:209px;border-collapse:separate}
#featureResult{display:none;width:209px;text-align:right;color:Blue;cursor:pointer;text-decoration:underline}
#ctDistanceUI{position:absolute;z-index:0;display:none;top:118px;left:290px;width:220px;height:auto;border:solid 1px #000;background-color:#fff}
#featuretbody{overflow:auto}
#SearchUI{border-left:solid 2px #cdcdcd;width:120px;text-align:center;cursor:pointer;height:15px;float:left}
#ContainctSearchUI{position:absolute;z-index:0;display:none;top:118px;left:290px;border:solid 1px #000;background-color:#fff;height:auto;width:212px;text-align:center}
#ctSearchUI{width:211px;height:100px;overflow-y:scroll;overflow-x:hide}
.LeftRowSearchUI{float:left;width:70px;cursor:pointer;font-weight:400;text-align:left}
.RightRowSearchUI{float:left;width:118px;cursor:pointer;font-weight:400;text-align:left}
#lblSearchStatus{float:left;width:118px}

#lblcarplate,#lblSearchCarplate{float:left;width:70px}
#lblCarplateSOS,#lblCarTypeSOS,#lblPhoneSOS{float:left;width:100px;font-weight:700;height:23px;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#lblDriverNameSOS,#lblTimeSOS{float:left;width:150px;font-weight:700;height:23px;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#CarTypeSOS,#PhoneSOS{float:left;width:100px;height:23px;color:#333;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
#DriverNameSOS,#TimeSOS{float:left;width:150px;height:23px;color:#333;border-color:#5a90b6;border-style:solid;border-width:1px;margin:0;padding:0}
.right,.right1{float:right;cursor:pointer}
#listCarSignal,#listCarStop{text-align:left;width:260px;height:220px;overflow-y:auto;overflow-x:none;margin-left:1px;font-weight:400}
.datatable{font-family:Tahoma;font-size:12px;width:100%;text-align:left;border-collapse:collapse;margin:0;clear:both}
.datatable th{font-size:13px;border:1px solid #FFF!important;background:#eee;color:#2e6e9e;font-weight:600}
.datatable td{background:#fff;color:#000;border:1px solid transparent;border-bottom:1px solid #e8edff;font-weight:400;padding:5px}
.datatable tr:hover td{background:#d0dafd;color:#339}
.grid{font-family:Tahoma;font-size:12px;width:100%;text-align:left;border-collapse:collapse;margin:0}
.grid th{border:1px solid #FFF!important;background:#eee;color:#2e6e9e;}
.grid td{border:1px solid transparent;border-bottom:1px solid #e8edff;padding:1px}
.grid tr:hover td{background:#d0dafd;}
.tr-selected{background-color:#d0dafd!important;color:#339}
#divGeneralReport{width:100%;overflow-y: auto;overflow-x: hide;font-weight:400}
#hand_b{width:25px;height:25px;background-image:url(Images/mapfiles/Bsu.png)}
#hand_b.selected{background-image:url(Images/mapfiles/Bsd.png)}
#placemark_b{width:25px;height:25px;background-image:url(Images/mapfiles/Bmu.png)}
#placemark_b.selected{background-image:url(Images/mapfiles/Bmd.png)}
#line_b{width:25px;height:25px;background-image:url(Images/mapfiles/Blu.png)}
#line_b.selected{background-image:url(Images/mapfiles/Bld.png)}
#shape_b{width:25px;height:25px;background-image:url(Images/mapfiles/Bpu.png)}
#shape_b.selected{background-image:url(Images/mapfiles/Bpd.png)}
#tooltip{position:absolute;z-index:3000;border:1px solid #c5dbec;background:#dfeffc;opacity:0.85;-moz-border-radius:5px;-webkit-border-radius:5px;font-weight:700;color:#2e6e9e;padding:5px}
#tooltip h3,#tooltip div{margin:0}
.input-validation-error{border:1px solid red;background-color:#fee}
.login-header{border:1px solid #4297d7;background:#5c9ccc url(images/topbg.jpg) 70% 70% repeat-x;color:#fff;font-weight:700;padding:2px 0 0 10px}
.ui-corner-all{-moz-border-radius:5px;-webkit-border-radius:5px}
#divReviewAddPoint{position:absolute;left:350px;top:40%;width:460px;height:260px;margin-top:-130px;display:none;z-index:2000}
#browser_data,#browser_data1,#browser_data2,#browser_data3{display:none;font-size:12px;font-weight:400;font-family:Tahoma;z-index:10000;height:100px}
#browser_data1,#browser_data3{min-height:150px}
#browser_data4{display:none;font-size:12px;font-weight:400;font-family:Tahoma;z-index:10000;height:120px}
.List_ImgContain{font-weight:200;margin-left:1px;overflow-y: auto;overflow-x: hide;text-align:left;width:260px}
#lblImgTime{float:left;width:69px}
#lblImgCamera{border-left:medium none;width:45px}
#lblImgAddress{border-left:medium none;width:140px}
#getAddressImg{float:left;width:121px;height:auto;text-align:left;padding-left:1px;cursor:pointer}
#getImgTime{float:left;width:62px;height:auto;text-align:left;padding-left:2px;cursor:pointer}
#getImgCamera{float:left;width:42px;height:auto;text-align:left;padding-left:2px;cursor:pointer}

#reviewLoading,#ImagesLoading{text-align:center;width:215px;height:130px;overflow:auto;vertical-align:middle}
.datatable tr.odd,.datatable tr.even{border-bottom:1px solid #e8edff}
#divSMSConfig{width:900px;height:520px;position:absolute;top:0px;left:300px;display:none;z-index:2000}
#divListCarGrid{min-width:300px;display:none;height:100%;position:relative;left:1px;top:5px; z-index:2000}
#divSaveRoute{position:absolute;width:480px;height:230px;top:70px;left:400px;display:none;z-index:2000}
.CameraImage
{
    border-top-width:thin;
    border-top-style:solid;   
    border-top-color:#CDCDCD;
    width:100%;
    font-weight:bold;
    height:auto;
    padding-top:2px;
    padding-bottom:2px;
    color:#2e6e9e;
}
.CameraImage input
{
    border-width:0;
    border-style:none;
    background-color:White;
    height:20px;
    padding-top:0;      
     color:#2e6e9e;
     cursor:pointer;
 }
 .CameraDisable
 {
     cursor:auto;
     color:#828181;
  }
.CameraNumers
{
    float:left;   
}
 .rowGroup td
 {
     background-color:#DBE7F5;  
     text-align: left;
     font-weight: bold 
 }
  .rowTotal td
 {
     background-color:#EAF4FA ;
     text-align: right; 
     padding-right: 5px;
     font-weight: bold;
 }
  .fancybox-wrap
   {
   width:730px !important;
   height:510px  !important;
  }
  .fancybox-content
  {
     width:710px !important;
     height:490px  !important;
     border-width:10px !important;
  }
  .wrapdivisionImg
  {
        position: absolute;
        z-index: 30000;
        top:10px !important;
        left: 320px !important;
        width: 710px;
        height: 490px;
        background-color: white;
        padding: 10px;
        display:none;
      
      }
  #fancybox-close1
  {
       position:absolute;top:-15px;
       right:-15px;width:30px;
       height:30px;
       background:transparent url(Fancybox/fancybox.png) -40px 0;
       cursor:pointer;
       z-index:1103;
       display:none
   }

#divMaintainWarningConfirm,#divLicenseWarningConfirm{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 420px;
    height: auto;    
    margin-top: -130px;
    margin-left: -230px;
    z-index: 5000;
}
#divLicenseRegistrationConfirm {   
    width: 420px;
    height: auto;    
    z-index: 5000;
}
#drpRoute{max-width:200px}