/* Begin footer panel style */
#footpanel 
{
	position: fixed;
	bottom: 0; left: 0;
	z-index: 99999;
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 92%;
	height: 26px;
	margin: 0 4%;	
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; 
	position: absolute;	
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

*iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff;
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}

#five
{	
	width: 360px;
	background: url(images/logo-search.png) no-repeat left;
	margin-left: 1px;
	margin-top: 1px;
}


#five .boxsearch
{
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	height: 20px;
	float:left;
	border:solid 1px #ccc;
	width: 200px; 
	margin-left: 100px;
}

#five .buttonsearch
{
	height: 22px;
	width: 50px;	
	margin-left: 2px;
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff;
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a
{
	float: left;
	text-indent: -9999px;
	height: 26px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff;}
html #footpanel ul li a.active { 
    padding-right: 5px;
	background-color: #fff;
	height: 26px;
	margin-top: -2px;
	border: 1px solid #555;
	border-top: none;
	z-index: 200;
	position: relative;
}

a.uphinh{ background: url(images/logo-uphinh.png) no-repeat center; width: 100px; }
a.xe{ background: url(images/logo-xe.png) no-repeat center; width: 60px;}
a.nhac{ background: url(images/logo-nhac.png) no-repeat center; width: 55px;}
a.viettyping-on{ background: url(images/viettyping-on.png) no-repeat center; width: 30px;}
a.viettyping-off{ background: url(images/viettyping-off.png) no-repeat center; width: 30px;}
a.hidebtn{ background: url(images/hideicon.png) no-repeat center; width: 30px;}


#footpanel a small {
	text-align: center;
	width: 160px;
	background: url(images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none;
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block;
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -84px;
	z-index: 9999;
}

div#footpanelshowbtn 
{
  background: url(images/logo-5giay-small.png) no-repeat left; width: 69px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc; 
  background-color: #eee; 
  width: 71px;
  height: 18px;
  margin-right: 3%;
  display: none;
  text-align: center;
  cursor: pointer;
}

*html div#footpanelshowbtn { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; 
	position: absolute;	
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel li#footpanelviettyping
{
	float: right;
	width: 30px;
}

#footpanel li#footpanelhidebtn 
{
	float: right; 
	width: 30px;
}

#footpanel li#footpanelviettyping a
{
	text-indent: 0px;
}

#footpanel li#footpanelhidebtn a 
{
	text-indent: 0px;
}

/* End footer panel style*/