body {margin:0;background: url(../hn_images/body-bg.png); font-family:"Segoe UI"; font-size:10pt;}
a {cursor:pointer;}
*{margin : 0px;}
.banner {width:100%; background:#fff;}
input[type=text],input[type=password],input[type=email], input[type=file] {border: 1px solid #ccc;width: 250px;height:30px;padding:5px;outline: 0;}
fieldset { border:1px solid #eee;}
input {padding:5px;}
#banner {padding:5px 20px 5px 20px; font-size:10pt;}
#banner .left {width:40%; display:inline-table;}
#banner .left span {margin-left:30px; line-height:25px; display:inline-table;}
#banner .left h4 {font-size:24px; display:inline-table; text-transform:uppercase; font-weight:normal;}
#banner .right {width:59%; display:inline-table; vertical-align:top; text-align:right;}
#banner .right h3 {font-size:18px; display:inline-table; font-weight:normal; margin-top:7px;}
#banner .right span {line-height:22px; display:inline-table; font-size:11px;}
#banner li {display: block;height: 24px;float: left;position: relative;padding-top: 3px; text-decoration:none; font-weight:bold; padding-left:20px;}
#banner a:link {color: #0099FF;text-decoration: none;}
#banner a:visited {text-decoration: none;color: #0099FF;}
#banner a:hover {text-decoration: none;color: #FF0000;}
#banner a:active {text-decoration: none;color: #FF0000;}
.botton{ outline: none; border: 0; font-weight: bold; background:#004761; color:#FFFFFF;padding:6px;}
.botton:hover { background:#CD2122; border: 0; cursor: pointer; color: #fff; }
.ddsmoothmenu{font-size:10pt;font-family:"Segoe UI";width: 100%;margin:auto;background:#289dcc;height: 35px;border-bottom: 5px solid rgba(255,255,255,0.3);color:#000;}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0 0px 0 5px;list-style-type: none;background:#fff;}
.ddsmoothmenu ul a {color:#000000;}
.ddsmoothmenu ul li ul li a.top-menu-popup-a {border: none;border-bottom: solid 1px #eee;color:#000;font-weight:normal;text-transform:none;}
.ddsmoothmenu ul li{position: relative;display: inline;float: left;}
.ddsmoothmenu ul li a{display: block;color: #000;padding: 8px 15px;line-height:20px;height: 24px;color: #2d2b2b;text-decoration: none;}
* html .ddsmoothmenu ul li a{display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: #fff;font-weight:bold;border-right:1px solid rgba(255,255,255,0.2);}
.ddsmoothmenu ul li a.selected{color: #fff;background: rgba(255,255,255,0.2);}
.ddsmoothmenu ul li a:hover{background: rgba(255,255,255,0.2);color: #fff;} 
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;box-shadow: 0px 1px 2px 2px rgba(219, 219, 219, 0.6);}
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;margin-left:7px;}
.ddsmoothmenu ul li ul li a{width: 180px;background:#fff;color:#000;line-height:25px;}
.ddsmoothmenu ul li ul li a:hover{background:#fff;color: #25aae2;}
* html .ddsmoothmenu{height: 1%;}
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{opacity: 0.8;}
.ddsmoothmenu-v ul{margin: 0;padding: 0;width: 170px;list-style-type: none;font: bold 12px "Segoe UI";border-bottom: 1px solid #ccc;}
.ddsmoothmenu-v ul li{position: relative;}
.ddsmoothmenu-v ul li a{display: block;overflow: auto;color: white;text-decoration: none;padding: 6px;border-right: 1px solid #778;}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{background: #414141;color: white;}
.ddsmoothmenu-v ul li a.selected{background: black; color: white;}
.ddsmoothmenu-v ul li a:hover{background: black;color: white;}
.ddsmoothmenu-v ul li ul{position: absolute;width: 170px;top: 0;font-weight: normal;visibility: hidden;}
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
ul, ol {padding: 0;margin: 0 0 0 25px;}
li {line-height: 20px;}
#widget {width:48.8%;background:#fff;clear: both;margin: 10px 9px 0 0;-webkit-box-shadow: 0 0px 5px #ddd;-moz-box-shadow: 0 0px 5px #ddd;box-shadow: 0 0px 5px #ddd; display:inline-table;}
#widget .title {background: #f2f2f2;background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#f2f2f2));background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );height: 40px;border-bottom: 1px solid #fff;}
#widget .title > h4 {float: left;font-size: 16px;font-weight: bold;padding: 12px 11px 10px 15px;line-height: 12px;margin: 0;}
#widget .content {padding: 15px 15px;-webkit-border-radius: 0px 0px 3px 3px;-moz-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px;}
#big-widget {width:98.5%;background:#fff;clear: both;margin: 10px 10px 10px 10px;-webkit-box-shadow: 0 0px 5px #ddd;-moz-box-shadow: 0 0px 5px #ddd;box-shadow: 0 0px 5px #ddd;}
#big-widget .title {background: #f2f2f2;background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#f2f2f2));background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );height: 40px;border-bottom: 1px solid #fff;}
#big-widget .title > h4 {float: left;font-size: 16px;font-weight: bold;padding: 12px 11px 10px 15px;line-height: 12px;margin: 0;}
#big-widget .content {padding: 15px 15px;-webkit-border-radius: 0px 0px 3px 3px;-moz-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px; line-height:20px;}
#big-widget .notification {color: #0099FF; margin-top:-15px;font-size:10pt;font-family:"Segoe UI";}
#big-widget .input-left {display:inline-table; width:10%; height:25px; padding:5px;}
#big-widget .input-right {display:inline-table; width:88%; height:30px; clear:both;}
#big-widget input {width:250px; padding:5px; height:20px;}
#big-widget input:focus {border: 1px solid #289dcc;}
#big-widget select {width:261px; padding:5px; height:30px; outline:0;}
#big-widget select:focus {border: 1px solid #289dcc;}
#big-widget textarea {width:250px; height:100px; padding:5px; vertical-align:middle; margin-bottom:7px;font-family:"Segoe UI"; line-height:20px; font-size:9pt;}
#big-widget textarea:focus {border: 1px solid #289dcc;}
#big-widget .nut {margin-left:11.7%; margin-top:5px;}
#big-widget .btn {background:#289dcc;border: 0px;color: #fff; padding:5px;}
#big-widget .btn:hover {border: 0px;color: #fff;background: #000;cursor: pointer;}
#big-widget .btn-chucnang {font-size:9pt;background:#289dcc;border: solid 1px #289dcc;color: #fff; padding: 3px 5px;margin: 7px 6px 0 0;display:inline-table; text-decoration:none;border-radius:4px;}
#big-widget .btn-chucnang:hover {border: solid 1px #000;color: #fff;background: #000;cursor: pointer;}
#big-widget .phongtrong {width:103px;text-align:center; padding:18px;border:1px solid #000; margin:10px; display:inline-table; font-weight:bold; font-size:14px;}
#big-widget .phongdango {width:103px;text-align:center; padding:18px;border:1px solid #0099FF; background:#0099FF url(/hn_images/hn_icon_key.png) no-repeat top 5px right 5px; margin:10px; display:inline-table; font-weight:bold; color:#fff;font-size:14px;}
#big-widget .phongdo {width:103px;text-align:center; padding:18px;border:1px solid #FF0000; background: #FF0000 url(/hn_images/hn_icon_key.png) no-repeat top 5px right 5px; margin:10px; display:inline-table; font-weight:bold; color:#fff;font-size:14px;}
#big-widget .phongxanh {width:103px;text-align:center; padding:18px;border:1px solid #006600; background: #006600 url(/hn_images/hn_icon_key.png) no-repeat top 5px right 5px; margin:10px; display:inline-table; font-weight:bold; color:#fff;font-size:14px;}
#big-widget .phonghong {width:103px;text-align:center; padding:18px;border:1px solid #FF00FF; background: #FF00FF url(/hn_images/hn_icon_key.png) no-repeat top 5px right 5px; margin:10px; display:inline-table; font-weight:bold; color:#fff;font-size:14px;}
#big-widget .phongcam {width:103px;text-align:center; padding:18px;border:1px solid #FF6600; background: #FF6600 url(/hn_images/hn_icon_key.png) no-repeat top 5px right 5px; margin:10px; display:inline-table; font-weight:bold; color:#fff;font-size:14px;}
#big-widget .chuthich {width:100%;margin:10px 10px;}
#big-widget .chuthich span.phongtrong {width:1px; margin:0;border:1px solid #000;padding:4px;}
#big-widget .chuthich span.phongdango {width:1px; margin:0;border:1px solid #0099FF; background:#0099FF;padding:4px;margin-left:20px;}
#big-widget .chuthich span.phongdo {width:1px; margin:0;border:1px solid #FF0000; background:#FF0000;padding:4px;}
#big-widget .chuthich span.phongxanh {width:1px; margin:0;border:1px solid #006600; background:#006600;padding:4px;}
#big-widget .chuthich span.phonghong {width:1px; margin:0;border:1px solid #FF00FF; background:#FF00FF;padding:4px;}
#big-widget .chuthich span.phongcam {width:1px; margin:0;border:1px solid #FF6600; background:#FF6600;padding:4px;}
#big-widget table { border-collapse: collapse;}
#big-table {border: 1px solid #dddddd;}
#big-table td {border: 1px solid #dddddd; padding:10px;}
#big-table tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.notice-red {color:#ff0000; text-align:center; font-weight:bold; margin-bottom:20px;}
#mask {background:#000;filter:alpha(opacity=50);height:100%;left:0;opacity:0.8;position:fixed;top:0;width:100%;z-index:9995;}
.login-popup {background:#fff;border:2px solid #ddd;border-radius:3px;display:none;float:left;left:50%;padding:15px;position:fixed;text-align:center;text-transform:none;top:50%;width:400px;z-index:99999;}
#login-box span {display:block;margin:15px auto;text-align:center;}
#login-box .top {margin-bottom:10%; display:block; font-weight:bold;}
#login-box .botton {background:#289dcc;border-color:#289dcc;color:#ffffff;padding:6px;border:0;cursor:pointer; margin:5px auto;}
#login-box .botton:hover {opacity:.9;border-color:#289dcc;color:#fff;padding:6px;}
#login-box img.btnclose {float:right;margin:-3px -5px 10px 97%;}
#login-box .input-left {display:inline-table;width:23%; height:16px; padding:5px; font-size:9pt; text-align:right;}
#login-box .input-right {display:inline-table; width:73%; height:16px;}
#login-box input {width:200px; padding:5px; height:10px;}
#login-box input:focus {border: 1px solid #289dcc;}
#login-box select {width:211px; padding:5px; height:27px; outline:0;}
#login-box select:focus {border: 1px solid #289dcc;}
#login-box textarea {width:200px; padding:5px; vertical-align:middle; margin:2px auto;font-family:"Segoe UI"; line-height:20px; font-size:9pt;}
#login-box textarea:focus {border: 1px solid #289dcc;}
#login-box .nut {margin-left:6.5%; margin-top:4px;}
#login-box .btn {background:#289dcc;border: solid 1px #289dcc;color: #fff; padding:5px;border-radius: 3px;}
#login-box .btn:hover {border: solid 1px #000;color: #fff;background: #000;cursor: pointer;}
#popup-widget {background:#fff;clear: both;margin: 10px 10px 10px 10px;-webkit-box-shadow: 0 0px 5px #ddd;-moz-box-shadow: 0 0px 5px #ddd;box-shadow: 0 0px 5px #ddd; min-height:380px;}
#popup-widget .title {background: #f2f2f2;background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#f2f2f2));background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );height: 40px;border-bottom: 1px solid #fff;}
#popup-widget .title > h4 {float: left;font-size: 16px;font-weight: bold;padding: 12px 11px 10px 15px;line-height: 12px;margin: 0;}
#popup-widget .content {padding: 15px 15px;-webkit-border-radius: 0px 0px 3px 3px;-moz-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px; line-height:20px;}
#popup-widget .input-left {display:inline-table; width:27%; height:25px; padding:5px;}
#popup-widget .input-right {display:inline-table; width:69%;height:30px;}
#popup-widget input {width:200px; padding:5px; height:20px;}
#popup-widget input:focus {border: 1px solid #289dcc;}
#popup-widget input[type="checkbox"] {width:15px; vertical-align:middle;}
#popup-widget select {width:211px; padding:5px; height:30px; outline:0;}
#popup-widget select:focus {border: 1px solid #289dcc;}
#popup-widget textarea {width:200px; padding:5px; vertical-align:middle; margin:2px auto;font-family:"Segoe UI"; line-height:20px; font-size:9pt;}
#popup-widget textarea:focus {border: 1px solid #289dcc;}
#popup-widget .nut { text-align:center;margin-top:5px;}
#popup-widget .btn {background:#289dcc;border: 0px;color: #fff; padding:5px;}
#popup-widget .btn:hover {border: 0px;color: #fff;background: #000;cursor: pointer;}
#popup-widget .btn-chucnang {font-size:9pt;background:#289dcc;border: solid 1px #289dcc;color: #fff; padding: 3px 5px;margin: 7px 6px 0 0;display:inline-table; text-decoration:none;border-radius:4px;}
#popup-widget .btn-chucnang:hover {border: solid 1px #000;color: #fff;background: #000;cursor: pointer;}