html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; }
html { height: 100%;	margin-bottom: 1px; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0 0; padding: 0; }
/* Apply left margin: Only to the few elements that need it: */

li, dd, blockquote { margin-left: 1em; }
/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }

/* Form field text-scaling */
input, select, textarea { font-size: 100%; }
h1, h2, h3 { margin: 0; padding: 0; }
body {
background-color: #FFF; 
color: #3B454F;
font: 14px Arial,Verdana;
}

.noidung{
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
	padding: 5px 5px 5px 5px;
}

hr {border-top: 0px solid #E3EAF5;}
table, tr, td {color: #3B454F; font: 13px Arial,Verdana;}
a, a:link, a:visited, a:active {color: #076AA9; font: 16px Arial,sans-serif; text-decoration: none; }
a:hover{text-decoration: underline; }

.chuyenmuccuoitrang a, 
.chuyenmuccuoitrang a:link, 
.chuyenmuccuoitrang a:active,
.chuyenmuccuoitrang a:visited{color:#076AA9; font: 12px Arial,sans-serif;}
.chuyenmuccuoitrang a:hover{color: #FF6600; text-decoration: underline;}

.fieldtexttim{background-color: #FDFDFD; height: 35px; color: #0066FF; font: 16px Arial,sans-serif; border: 1px solid #B0C4DE;	padding: 1px 1px 1px 2px; line-height: 140%; overflow: auto;}


.fieldtext{background-color: #FDFDFD; color: #3B454F; font: 16px Arial,sans-serif; border: 1px solid #B0C4DE; padding: 2px 2px 2px 2px; width:100%; height: 30px;}
.fieldtextbox{background-color: #FDFDFD; color: #3B454F; font: 12px Arial,sans-serif; border: 1px solid #B0C4DE;	padding: 1px 1px 1px 2px; line-height: 140%; overflow: auto;}

.fieldselect{background-color: #FDFDFD; color: #3B454F;height: 30px; font: 14px Arial,sans-serif; padding: 1px 1px 1px 2px; border: 1px solid #B0C4DE;}
.checkbox { border: none; padding: 4px;}
#checkbox{
    padding: 0px;
    margin: -4px -4px -4px -4px;
    border: 0px;
    background: transparent;
}

.fieldbutton {
   width: 90px;
   height: 23px;
   background: url("../images/buttonblack.gif") no-repeat;
   color: #F7F8F9;
   font: bold 12px Arial,sans-serif;
   border: 0;
   cursor: pointer;
   padding-bottom: 2px;
}
.fieldbutton2 {
   background-color: #4D5A66;
   color: #F6F8F9;
   font: bold 11px Tahoma,Arial,Verdana;
   border-top: 1px solid #778899;
   border-left: 1px solid #778899;
   border-bottom: 1px solid #28353C;
   border-right: 1px solid #28353C;
   cursor: pointer;
	padding: 2px 2px 2px 2px;
}
.searchbar{width: 90%;border: 5px solid #F6F7FB;}
.searchfield{background-color: #FDFDFD; color: #3B454F; font: 12px Arial,sans-serif; border: 2px solid #D9D9D9; padding: 10px;height:40px;width: 70%;}
.searchbutton {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 7px 8px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
}

.breadcrumb{
	border-bottom: 0px dotted #C8DAEA;
	background-color: #FAFBFD;
	padding: 5px 0px 5px 1px; 
	color: #677889; 
	font: bold 14px Arial,sans-serif;	
	text-align:left;
	color: #4C5865;
	position:relative;
}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited {
	color: #DC143C; text-decoration: underline; padding: 0px 1px 1px 1px; font-size: 14px;
}
.breadcrumb a:hover {
background-color: #DC143C;  padding: 0px 1px 1px 1px; color: #FEF7F9; text-decoration: none;	
}
/*======================= LINE COLOR =========================================*/
.lineblue, .linegray, .linegrayligh, .lineorange, .lineorangeligh, .linebordo, .linered, .linered, .lineredligh, .linegreen, .linegreenligh {height: 3px; overflow:hidden;}
.lineblue{background-color: #81A1CB;}
.linegray{background-color: #BFC8CF;}
.linegrayligh{background-color: #E4E8EB;}
.lineorange{background-color: #FD802D;}
.lineorangeligh{background-color: #FFE0CC;}
.linebordo{background-color: #B20400;}
.linered{background-color: #CA0000;}
.lineredligh{background-color: #FFE1E1;}
.linegreen{background-color: #00CA67;}
.linegreenligh{background-color: #BECFE3;}
/*===========================================================================*/

/*====================== TEXT COLOR =========================================*/
.textblue, .textgray, .textgrayligh, .textorange, .textbordo, .textred, .textgreen { font: bold 11px Tahoma, Verdana, Arial; }
.textblue {color:#4C85EA;}
.textgray {color: #4B4B4B;}
.textgrayligh {color: #AFAFAF;}
.textorange {color: #FF5717;}
.textorangeligh {color: #FFDEAD;}
.textbordo {color:#980101;}
.textred {color: #ff0000;}
.textgreen {color:#007501;}
.textnote {color:#DB7093; font: 11px Verdana,sans-serif;}
.textwhite {color: #FFEACA; font: 12px Tahoma,Arial,Verdana;}

.orange{color: #FF5717; font: 14px Arial; font-weight: bold;}
.red{color: #ff0000; font: 14px Arial; font-weight: bold;}
.pink{color:#ED3A5E}
.grey{color: #3B454F;}

.normal{font-weight:normal;}
.hspace5 {height: 9px; overflow: hidden;}

.tablebg_lightblue {background-color: #F6FAFF; padding: 5px;}
.tablebg_white {background-color: #F8F8FB; border: 1px solid #68C0F9;}
.tablebg_silver {background-color: #FFF; border: 1px solid #FFF09B;}
.tablebg_blue {background-color: #F2F7FD; border: 1px solid #D6E8FD;}
.tablebg_skyblue {background-color: #78B0F2; border: 1px solid #D6E8FD;}
.tablebg_gray {background-color: #fff; border: 0px solid #E7EDF5;}

#adbox {
   border: 1px solid #D3DDF8;
   background-color: #FFF;
	display:block;
	position:relative;
	*width:100%;
}
#adbox .adrow{
	padding: 9px;
}
.adrow a, .adrow a:link, .adrow a:active, .adrow a:visited{
	font: bold  14px Arial,sans-serif; text-decoration:underline;color:#12459E;

}

.adrow p.decs{
	font-family:Arial,sans-serif;
	font-size:1.2em;
	margin:1px 0px 1px 0px;	
}
.adrow span.sitename{
	font-family:Arial,sans-serif;
	font-size: 12px;
	margin:1px 0px 1px 0px;	
	color: #1F7C1F;
}

#adbox .adfooter{
	display:inline;
	background-color: #DEE6F1;
	color: #436DA3;
	padding: 2px 3px 3px 3px;
	float:right;
	position:relative;
	font: bold 12px Arial,sans-serif;	
	
}
.adfooter a, .adfooter a:link, .adfooter a:active, .adfooter a:visited{
	font: bold  12px Arial,sans-serif; text-decoration:none;color:#12459E;
}
.section_title{
   width: 100%;
   background: url("../images/sectitle_blue.jpg");
   color: #E4EBF4;
   font: bold 1.2em Arial,sans-serif;
	padding: 3px 2px 5px 2px; 
	border-bottom: 1px solid #FFF; 
}
.section_noborder{
	border-bottom: 0px; 
}
.section_title2{
   width: 100%;
   color: #778899;
   font: bold 1.2em Arial,sans-serif;
	padding: 3px 2px 5px 2px; 
	border-bottom: 1px solid #FFF6BF; 
}

#sectionlink_title {
   color: #E4EBF4;
   font: bold 12px Tahoma,Arial,Verdana;
   text-decoration: none;
}
.section_subtitle{
   background-color: #F7F9FC; 
   border-bottom: 1px solid #E3EAF5; 
   color: #586776; 
   font: bold 12px Tahoma,Arial;
   padding: 4px 0px 4px 0px;
}
.section_subtitle2{
   background-color: #ECF1F8; 
   color: #688FC1; 
   font: bold 13px Arial,sans-serif;
   padding: 5px;
}
.section_filter{
   background-color: #F7F9FC; 
   color: #586776; 
   font: bold 12px Tahoma,Arial;
   padding: 7px;
}
.section_filter a.inactive,
.section_filter a.inactive:link,
.section_filter a.inactive:active,
.section_filter a.inactive:visited{background-color:#0A87D7;color:#fff;font-weight:bold;padding: 1px 5px 1px 6px;}
.section_filter a.inactive:hover, .section_filter a.active{background-color:#DC143C;color:#fff;font-weight:bold;padding: 1px 5px 1px 6px;text-decoration:none;}

#unlogin_link{color: #ED3A5E; font: bold 1.1em Arial,sans-serif;padding: 1px 2px 1px 2px;}
#unlogin_link:hover{background-color: #ED3A5E;color:#FFF4FA; text-decoration:none; padding: 1px 2px 1px 2px;}
/*===========================================================================*/
.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 6px 8px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
}
/* Red */
.danger {
  border-color: #f44336;
  color: red;
}

.danger:hover {
  background: #f44336;
  color: white;
}
/* Green */
.success {
  border-color: #04AA6D;
  color: green;
}
.success:hover {
  background-color: #04AA6D;
  color: white;
}

.headbar{padding: 5px 9px 5px 9px;}
.headbar a, 
.headbar a:link, 
.headbar a:active,
.headbar a:visited{color:#426B9F; font: 12px Arial,sans-serif;}
.headbar a:hover{color: #FF510F; text-decoration: underline;}

.headbartopphai{float: right; }
.headbartop a:link, a:active, a:visited {
	color: #FE6500; font: 14px Arial,sans-serif; font-weight: bold; text-decoration: none;
}
.headbartop a:hover { 
	color: #0099FF;
}



.nav{background: #0878C0 url('../images/bg1.jpg') repeat-x; height:34px;*height:37px; border-bottom: 3px solid #E9EDF5;}
.nav a.navitem{font: bold 14px Arial, sans-serif;padding:9px 9px 0px 9px;float:left;}
.nav a.navitem:link, .nav a.navitem:active, .nav a.navitem:visited {color: #F4F7FB; }
.nav a.navitem:hover{color:#FFFFAE}
.nav a.navitemhover {color:#FFFFAE; font: bold 14px Arial, sans-serif;padding:9px 9px 0px 9px;float:left; }
.nav .break{font: 12px Arial, sans-serif;padding-top:9px;float:left;color: #F4F7FB;}

.footbartinhthanh { 
	background-color: #fffeed; color: #BBBBBB; border: 1px solid #CFEFEF; font:  14px Arial,sans-serif;line-height: 2.5; font-weight: bold; padding: 15px;
}
.footbartinhthanh a:link, .footbar a:active, .footbar a:visited {
	color: #73920f; font: 14px Arial,sans-serif; font-weight: bold; line-height: 2.0; text-decoration: none;
}
.footbartinhthanh a:hover { 
	color: #0099FF;
}

.footbar { 
	background-color: #FFFFFF; color: #BBBBBB; border: 1px solid #FE6500; font: 12px Arial,sans-serif; padding: 15px;
}
.footbar a:link, .footbar a:active, .footbar a:visited {
	color: #0099FF; font: 12px Arial,sans-serif; text-decoration: none;
}
.footbar a:hover { 
	color: #FE6500;
}
.shopmota { 
	background-color: #FFFFEA; color: #333333; border: 1px solid #FFFF27; font: 16px Arial,sans-serif; padding: 15px;
}
.shopmota a:link, .footbarshop a:active, .footbarshop a:visited {
	color: #0099FF; font: 16px Arial,sans-serif; text-decoration: none;
}
.shopmota a:hover { 
	color: #FE6500;
}
.footbarshop { 
	background-color: #FFFFFF; color: #333333; border: 1px solid #FE6500; font: 14px Arial,sans-serif; padding: 15px;
}
.footbarshop a:link, .footbarshop a:active, .footbarshop a:visited {
	color: #0099FF; font: 14px Arial,sans-serif; text-decoration: none;
}
.footbarshop a:hover { 
	color: #FE6500;
}
.footbar_tool { 
	border-top: 1px solid #F5F8FC; border-bottom: 1px solid #F7F9FC; color: #37658D; font: 10px Arial,sans-serif; padding: 3px; 
	background-color: #F6F7FB;
}

.copyrightbar {
	color: #666666; font: 12px Arial,sans-serif; padding: 15px; line-height: 180%;
}
.copyrightbar a:link, .copyrightbar a:active, .copyrightbar a:visited {
	color: #FE6500; font: 12px Arial,sans-serif; text-decoration: none;
}
.copyrightbar a:hover {
	color: #FF6600; text-decoration: underline;
}

.powered {
	color: #3A70A3; font: bold 11px Tahoma,Arial,Verdana;
}
/*===========================================================================*/

/*========================= BORDER BOX COLOR =================================*/
.borderbox_grayligh{padding-top: 11px;	border: 1px solid #AAB5BF;}
.borderbox_orangeligh{padding-top: 11px; background-color: #FFFBFB; border: 1px solid #FFD4D4;}
.borderbox_greenligh{ padding-top: 11px;	border: 1px solid #CFEFD2;}
/*===========================================================================*/

/*============================================================================*/

.floatleft{	float: left;}
.floatright{float: right;}
.clear{clear:both;overflow:hidden;}

.textrequired{color: #5A6978; margin: 3px 3px 3px 3px; padding: 5px 0px 5px 0px; text-align: right; font-style: italic; font-family: Arial, Tahoma, Verdana;}

.errorbox{
	background-color: #FFEEEE; 
	color: #DF0000; 
	font: 12px Arial,sans-serif; 
	border-left: 5px solid #FF7171; 
	width: auto; 
	padding: 15px; 
}
.errorbox h2{
	font: bold 20px "Times New Roman", sans-serif;
}
.okbox{
	background-color: #F1FCF2; 
	color: #197A21; 
	font: 12px Arial,sans-serif; 
	border-left: 5px solid #21A02C; 
	width: auto; 
	padding: 15px;
}
.okbox h2{
	font: bold 20px "Times New Roman", sans-serif;
}
#okbox_link{
	color:#0983D0;
	font: bold 15px "Times New Roman", sans-serif;
}
#okbox_link:hover{
	color:#FF510F;
}

.login_bottombox{}
.login_bottombox a:link, .login_bottombox a:active, .login_bottombox a:visited
{
	 color: #0A84D1; font: 13px Arial,sans-serif;
}
.login_autobox{color: #4E5C68; margin-top: 3px; font: 12px Arial,sans-serif;}
#loginrowlink{color: #ED3A5E; font: bold 12px Arial,sans-serif;}
#login_bottomlink{color: #68798A; font: bold 11px Tahoma, Verdana, Arial;}
#login_bottomlink:hover{color: #68798A; text-decoration: underline;}

/* ======================================== */
.pagelinkbox2{float: right; background-color: #F6F9FB; padding: 5px; margin: 8px 0px 0px 0px; 	font: bold 12px Arial, sans-serif;}
.pagelinkbox{float: right; background-color: #F9FAFD; padding: 5px; margin: 10px 0px 10px 0px; 	font: bold 12px Arial, sans-serif;}
.pagelink{padding:2px 4px 2px 4px; color: #6495ED;}
.pagelinklast{padding:1px 2px 1px 2px; color: #3E5059;}
.pagecurrent{padding:1px 6px 2px 6px; color: White; font-weight: bold; background-color: #0982D0;}

.pagelink a:active,.pagelink a:visited,.pagelink a:link,
.pagelinklast a:active,.pagelinklast a:visited,.pagelinklast a:link,
.pagecurrent a:active,.pagecurrent a:visited,.pagecurrent a:link
{
	text-decoration:none;
	color: #0065C6;
	font: bold 12px Arial, sans-serif;
}

.pagelink a:hover,.pagelinklast a:hover,.pagecurrent a:hover{
	text-decoration:underline;
}

/* =========================================== */
.statbox{background-color: #EAF5FF; font: 12px Arial,sans-serif;}
.statrow{padding: 4px; color: #505C67; height: 18px;}
/* ============================================ */

/* ================================================ */
.tdrow1{float: left; background-color: #EDF2F8; border-right: 1px solid #D1DDED;	border-top: 1px solid #D1DDED; padding: 8px 0px 8px 6px;	margin: 1px; width: 30%; text-align: left;}
.tdrow2{float: right; background-color: #F8F8FB; border-left: 1px solid #DFE3E7; border-top: 1px solid #DFE3E7; padding: 4px 0px 4px 4px; margin: 1px; width: 68.5%; text-align: left;}
.tdrow5{float: left; background-color: #F6F6F6; border-top: 1px solid #EDEDED; border-right: 1px solid #EDEDED; height: 30px; padding: 8px 0px 8px 6px;	margin-top: 2px; width: 30%; text-align: left;}
.tdrow6{float: right; background-color: #F9F9F9; border-top: 1px solid #EDEDED; border-left: 1px solid #EDEDED; height: 30px; padding: 4px 0px 4px 4px; margin-top: 2px; width: 69.5%; text-align: left;}
.tdrow3{border-top: 1px solid #CAD9E9; color: #FFDEAD; width: 99.5%; margin: 1px 0px 10px 0px; padding: 11px 0px 0px 0px; height: 25px;	text-align: center;}
.tdrow7{background-image: url(../images/subbar.gif); color: #404B55; font: bold 11px Verdana, Tahoma, Arial; border-bottom: 1px solid #D8D8D8; padding: 4px 0px 4px 6px; text-align: left;}
.tdrow8{width: 100%; color: #515F6C; padding: 5px 0px 5px 0px; text-align: left;}
.tdrow9{padding: 7px; background-color: #EAF5FF;}

.tdrow4box{position: relative; margin-bottom: 1px; padding: 1px 1px 0px 1px; background-color: #AFC4DE; width: 99.2%;}
.tdrow4label{position: absolute; color: #FFFFFF; padding: 4px; text-align: left;}
.tdrow4t{background: #82A2CB; height: 11px;	overflow:hidden;}
.tdrow4b{background: #7397C5; height: 12px;	overflow:hidden;}

#ajaxloadingstatus{
	color: #FFF;background-color: Red; border: 1px solid #FFAEAE;font: bold 11px Tahoma, sans-serif; 
	display: none;position: absolute;padding: 4px 20px 5px 20px;margin: 0 auto;z-index: 2;
}

.poll_statusbar{
	height: 9px; background-color: #FF5A1C; overflow: hidden;
	border: 1px solid #FFD5C3; 
}

/* Ajax Popup */

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
   opacity: 0.70;
   -moz-opacity: 0.70;
	filter: alpha(opacity=70);
 	width: 100%;	
}

.popup_open { 
	display: block; 
	position: absolute; 
	z-index: 100;
}
.popup_close {
	display: none;
}
.popup_box { 
	background-color: #FFF; 
	border-left: 3px solid #717171; 
	border-right: 3px solid #717171; 
	border-bottom: 3px solid #717171;  
	width: auto; 
	height: auto; 
}
.popup_content{
	border: 1px solid #3C4650;
}
.popup_headbar { 
	background-color: #313A42;
	background-image: url(../../../images/subrow.gif);
	background-repeat: repeat-x; 
	border-top: 3px solid #717171;  
	border-left: 3px solid #717171;
	border-right: 3px solid #717171;
	cursor: move; 
	padding: 4px; 
	font: bold 11px Tahoma, Arial; 
	color: #F6F9FB; 
}
.dragme { 
	background-color: #F4F5F7; 
	margin: 20px 0px 0px 100px;
	position: relative;
}

.decsmall{
	font: 11px Arial,sans-serif;
	color: #878787;
}

#tooltip {padding: 8px;border: 2px solid #FFD78C;background-color:#FFF8D2;color: #000;opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90); font: 1.2em Arial,sans-serif;}
span.tooltip {border-bottom: 1px solid #eee;}

#tooltipanh {padding: 8px;border: 2px solid #FFD78C;background-color:#FF99FF;color: #000;opacity: 0.90;-moz-opacity: 0.90;filter: alpha(opacity=90); font: 1.2em Arial,sans-serif;}
span.tooltip {border-bottom: 1px solid #eee;}


.hienthitren650 {

}
.hienthiduoi650 {
 display: none;
}
@media screen and (max-width: 650px) {
  .hienthitren650 {

    display: none;

  }
    .hienthiduoi650 {

    display: block;

  }
}
.anhchitiettren650 {

 max-width: 90%;
}
.anhchitietduoi650 {
 max-width: 70%;
 display: none;
}
@media screen and (max-width: 650px) {
  .anhchitiettren650 {

    display: none;

  }
    .anhchitietduoi650 {

    display: block;

  }
}
.responsiveimagetin {
  width: 100%;
  max-width: 900px;
  height: auto;
  height: auto;
  display: block;
  margin-left: 0px;
  margin-right: 0px;
}

.trangchumaytinh {
  width: 100%;
  max-width: 1100px;
  height: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
/* Menu bottom */
.navbar {
  overflow: hidden;
  background-color: #f2f2f2;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid  #c2c2c2;
  z-index: 1;
}

.navbar a {
  float: left;
  display: block;
   color: #474747;
  text-align: center;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 17px;
   width: 33.3%;
   height: 50px;
   
}

.navbar a:hover {
  background: #FFDE18;
  color: white;
}

.navbar a.active {

  background-color: #FFDE18;
  color: white;
}