html{height: 97.1%;width: 100%;}
body{ margin:0px; width:99.9%;height:100%}
.pagesmater{ margin:0px; float:left;clear:left; background:#00796a;width:100%; height:100%}
.banner{  margin:0px; float:left; clear:left;/* background: url(banner.jpg) top left no-repeat;*/width:100%; position:relative;_height:100%;position: relative; height:10%}
.banner img{width:100% ;height:100%}
.lag{ position:absolute; right:97px; bottom:10px;_bottom:20px;z-index:101}
#menutop { 
	height:14px; margin-right:10px;margin-top:76px;_margin-top:74px; _margin-right:8px;float:right; clear:right; 
	font-family:tahomafont-size:11px; font-weight:normal; color:#ffffff;width:133px;/*background: url(../Images/background/language.gif) no-repeat left top;*/
	color: #085a8d;font-family: Tahoma, Geneva, sans-serif;font-size: 11px;line-height: 12px; } 
#menutop a{ display:block;padding-left: 17px;color: #ffffff;}

#mapSelector {
    height:18px; margin-right:155px;margin-top:76px;_margin-top:74px; _margin-right:8px;float:right; clear:right; 
	font-family:tahomafont-size:11px; font-weight:normal; color:#423731;width:100px;
	color: #085a8d;font-family: Tahoma, Geneva, sans-serif;font-size: 11px;line-height: 17px;}

 
.popup{border-right: #1c83bc 1px solid;border-top: #1c83bc 1px solid;	font: 11px arial;border-left: #148e8f 1px solid;
	border-bottom: #148e8f 1px solid;position: absolute; background-color: #1fabac; right:-20px;_right:-20px; _top:-40px}
.popup A
{font: 11px arial;	display: block;padding-left: 0px;font-weight: normal;padding-bottom: 3px;width: 100%;color: #000;
	text-indent: 3px;padding-top: 3px;border-bottom: #148e8f 1px solid;text-align: left;text-decoration: none;}
.popup A:visited
{
	font: 11px arial;display: block;padding-left: 0px;	font-weight: normal;padding-bottom: 3px;width: 100%;
	color: #000;text-indent: 3px;	padding-top: 3px;border-bottom: #1c83bc 1px solid;	text-align: left;text-decoration: none;}
.popup A:hover
	{	font: 11px arial;font-weight: normal;text-align: left;text-decoration: none;color: #FFF239;background-color: #16bdbe;}
.popup img
	{	padding: 0 3px;vertical-align: middle; width:18px;height:10px;}
	
.menu{ float:left; clear:left; width:100%; height:3.4%; background:url(../Images/background/menu_bg.jpg) top left repeat-x; _margin-top:-8px; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none;height:35px}
.menuleft{ float:left; /*margin:0px;*/text-decoration:none;width:70%; height:100%}
.menuleft ul{ margin:0px;/*padding-top:0.7%; _padding-top:0.4%;*/ margin-left:5px;_margin-left:0px;margin-top:0%;margin-top:10px}
.menuleft ul li{ /*margin:0px;*/ list-style:none; display:inline; /*height:3.4%;*/ /*padding-left:6px; padding-right:6px;*/position:relative;z-index:1000;}
.menuleft ul li a{text-decoration:none;color:#ffffff;/* padding:0.9% 6px 1.3% 6px;*//*height:3.4%;*/ padding:0% 6px 0% 6px; _padding:0.5% 10px;/*_height:0.8%*/height:3.4%;height:20px;padding:10px 3px 10px 3px; _padding:0.5% 10px; margin-top:0px}
    .menuleft li a:hover {
        text-decoration: none;
        background: #07a6a9 url(../Images/background/menu_bg_hover.gif) center left repeat-x;
        background-color: #f3f3f3 !important;
        color: #EA0D34; /*padding:0.9% 6px 1.3% 6px;_padding:0.5% 10px;*/
        background: url(../Images/background/menu_hover_bg.jpg) top left repeat-x;
    }
.active{color:#085a5b; background:url(../Images/background/menu_hover_bg.jpg) top left repeat-x;}
.menuleft ul li ul {background-color: #00796A;display: none;left: 0;overflow: hidden;position: absolute;width:200px;margin:1.2% 0 0 5px;margin:5px 0 0 0px;width:260px;}
.menuleft ul li ul li {width: 100%;overflow: hidden;}
.menuleft ul li ul li:hover {background-image:none}
.menuleft ul li ul li a:hover { background-image:none}
.menuleft ul li:hover ul {display: block;z-index:1;background-image:none}
.menuleft ul li ul li {height: 25px;line-height: 25px;float:left;}

.menu-transfer{ display:none; float:right; width:5%; margin: 5px;text-decoration:none; margin-top:5px;}
.menuright{ float:right; width:30%; height:3.4%; margin:0px 0px 0px 0px;text-decoration:none;_margin-top:10px;}
.menuright ul{ margin:0px;height:100%;padding-top:1.2%; _padding-top:0.9%; margin-left:-20px;_margin-left:0px;margin-top:4px}
.menuright ul li{ margin:0px; list-style:none; display:inline; height:3.4%; padding-left:10px; }
.menuright ul li a{text-decoration:none;color:#ffffff; padding:1.2% 0px 2.4% 0px;height:3.4%; }
.menuright ul li a:hover{text-decoration:none;color:#085a5b; color:#1bbcb8;height:3.4%;}

@media only screen and (max-width: 985px) {
  .menuright {
    width: 20%;
  }
  .menuleft {
    width: 80%;
  }
}

.contain{magin:0px; float:left; clear:left; height:82%;  width:100%; position:relative}
.contain img{width:100% ;height:100%}

.login{position:absolute; float:right; clear:right; /*margin: 8% 10% 0% 0%; *margin: 8% 10% 0% 0%;_margin: 8% 5% 0% 0%;*/width:378px; top:8%; right:10%; _right:10%}
.login_tip{ background: url(../Images/background/login_t.png) top left no-repeat; width:100%; height:28px; padding:16px 0px 0px 56px; font-family:tahoma; font-size:11px; font-weight:bold; color:#dfefff; text-decoration:none;_height:44px;}
.login_tip a{color:#dfefff; text-decoration:none}
.login_tip a:hover{color:#dfefff; text-decoration:none}
.login_c{  background: url(../Images/background/login_bg_all.jpg) bottom left repeat-x; border-left:1px solid #6ec0c2 ;border-right:1px solid #6ec0c2; float:left; clear:left; margin:0px; width:376px;_width:100% }
.login_c p{ background:url(../Images/background/nametruycap_bg.png) top left no-repeat; margin:13px 0px 0px 36px; height:33px;_margin:13px 0px 0px 36px;}
.login_c p input{margin:2px 2px 2px 2px; border:1px solid #fff; width:250px; background-color:#fbfdf;_margin:4px 0px 0px -30px; font-family:tahoma; font-size:12px; text-decoration:none; font-weight:normal; color:#102933;}
.login_b{background: url(../Images/background/login_b.png) top left no-repeat; width:100%; height:23px; float:left; clear:left; margin:0px; width:100%}

.register{ float:left;margin:23px 0px 30px 31px; _padding-bottom:31px}
.register h4{ margin:0px;}
.register h4 a{color:#102933; font-family:tahoma; font-size:12px; text-decoration:none; font-weight:normal; padding-left:3px}
.register h4 a:hover{color:#102933; text-decoration:underline}
.buttondn{ float:right; margin:23px 35px 0px 0px; /*background:url(../Images/background/dangnhap2.png) top left no-repeat;*/ width:91px; color:#102933; font-family:tahoma; font-size:11px; text-decoration:none; font-weight:bold; color:#102933; padding-top:7px
}
.buttondn a{padding:25px 0px 5px 18px;text-decoration:none;color:#102933; }
.buttondn a:hover{text-decoration:none;color:#085a5b; }
.footer{ /*float:left;*/ clear:left; width:100%; height:3%; background:url(../Images/background/menu_bg.jpg) top left repeat-x; padding:0.4% 0px 0px 0px; font-family:tahoma; font-size:11px; color:#fff; _padding:0.4% 0px 0px 0px; text-align:center; position:fixed;bottom:0}
/*.home{ background: url(trangchu.jpg) top left no-repeat transparent; padding-right:10px;cursor:pointer; }
.giamsat{ background: url(giamsat.jpg) top left no-repeat transparent; padding-right:10px;cursor:pointer; }
.demo{ background: url(demo.jpg) top left no-repeat transparent; padding-right:10px;cursor:pointer; }
.dangxuat{ background: url(dangxuat.jpg) top left no-repeat transparent; padding-right:10px;cursor:pointer; }
*/
.home{ padding-right:10px;cursor:pointer; }
.giamsat{  padding-right:10px;cursor:pointer; }
.demo{  padding-right:10px;cursor:pointer; }
.dangxuat{ padding-right:10px;cursor:pointer; }

.helper {background: top left no-repeat transparent; padding-right:10px;cursor:pointer;}
/********************* trang giam sat  *****************************************/
.contaings{magin:0px; float:left; clear:left;width:100%; position: relative; height:85.6%; /*min-height:100%;*/background:#FFFFFF url(../Images/background/bggs_b.jpg) top left;_height:81.3%;}
/*.contaings img{ height:100%;width:100%;}*/
.contaings .content_mid {border: 1px solid #A6A5A5;height: 100%;/*margin: 0.3%;*/width: 100%;}
.contaings .colLeft {background-color: White;border-right: 1px solid #A6A5A5;float: left;height: 100%;width: 24%;z-index: 1001}
.contaings .colRight {border: medium none;float: left;height: 100%;width:99.9%}

.contaings .colLeftVideo {background-color: White;float: left;height: 100%;width: 24%;z-index: 1001}
.contaings .colCenterVideo {float: left;height: 100%;width:50%}
.contaings .colRightVideo {border: medium none;float: right;height: 100%;width:26%}

.canhbao{ float:left; clear:right; margin: 38px 0px 0% 19px; width:475px; position:absolute; top:38px; left:19px}
.canhbao_t{ background: url(../Images/background/canhbao_tip.png) top left no-repeat; width:100%; height:31px;padding:23px 0px 0px 31px;  font-family:tahoma; font-size:13px; font-weight:bold; color:#dfefff; text-decoration:none; text-transform:uppercase;_height:54px;}
.canhbao_t a{ color:#dfefff; text-decoration:none; }
.canhbao_tip a{color:#dfefff; text-decoration:none}
.canhbao_tip a:hover{color:#dfefff; text-decoration:none}
.canhbao_c{ padding-left: 5%; background: url(../Images/background/canhbao_form__bg.jpg) top left repeat-y; float:left; clear:left; margin:0px; width:95%;_width:100%; padding-bottom:16px }
.canhbao_c p{ margin:9px 24px 0px 27px; height:33px;font-family:tahoma; font-size:12px; font-weight:normal; color:#121212;}
.canhbao_c p span{color:#121212; text-decoration:none}
.canhbao_c p span a{color:#20aaab; text-decoration:underline}
.canhbao_c p span a{color:#20aaab; text-decoration:underline}
.canhbao_c h3{margin:17px 0px 0px 27px;_margin:17px 0px 0px 27px;color:#d97215; font-family:tahoma; font-size:12px; font-weight:bold; background:url(../Images/background/vach.jpg) bottom left repeat-x; padding-bottom:10px; width:90%;}
.canhbao_c ul li{ list-style:none; text-decoration:none; color:#3a3a3a; font-family:tahoma; font-size:12px; font-weight:normal; padding:3px 0px 3px 0px}
.canhbao_c ul .tk{ background:url(../Images/icon/tk.gif) top left no-repeat; padding-left:27px}
.canhbao_c ul .bd{ background:url(../Images/icon/bd.gif) top left no-repeat; padding-left:27px}
.canhbao_c ul .gp{ background:url(../Images/icon/gp.gif) top left no-repeat; padding-left:27px}
.canhbao_c ul .bh{ background:url(../Images/icon/bh.gif) top left no-repeat; padding-left:27px}
.canhbao_c ul .kd{ background:url(../Images/icon/kd.gif) top left no-repeat; padding-left:27px}
.canhbao_c ul a{ text-decoration:none;color:#20a9aa;}
.canhbao_c ul a:hover{ text-decoration:underline;color:#20a9aa;}
.canhbao_c ul .bd a, .canhbao_c ul .kd a { text-decoration:none;color:#da7218; /*font-weight:bold*/}
.canhbao_c ul .bd a:hover, .canhbao_c ul .kd a:hover{ text-decoration:underline;color:#da7218; font-weight:bold}
.canhbao_b{background: url(../Images/background/canhbao_b.png) bottom left no-repeat; width:100%; height:52px; float:left; clear:left; margin:0px; width:100%;margin:0px 0px 0px 8px;*margin:0px 0px 0px 8px;}
.module_header{background: url("../Images/background/Bg-module-header.jpg") repeat-x scroll left top transparent;color: #00796A;font-family: Arial;font-size: 15px;font-weight: bold;height: 3%;/*padding-bottom: 1.3%;*/padding-left: 7%;/*padding-top: 2%;*/text-align:center;background-size: 100% 100%;}
.version {margin-top: 50px; color: #FFFE2E; font-weight: bold; font-size: 12px}
.mgr10 { margin-left: 10px;}

/**/
#notify {
    position: absolute;
    float: left;
    clear: right;
    width: 400px;
    height:90px;
    top: 8%;
    left: 10%;
    background-color: #D2E5EB;
    border-radius:5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
}

.m_combo {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #000000;
    /*float: left;*/
    padding: 2px;
}
.m_text {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    color: #000000;
    float: left;
    padding: 2px;
}
.canhbao_c ul .pk {
    background: url(../Images/icon/kd.gif) top left no-repeat;
    padding-left: 27px;
}